{"version":3,"file":"heightOverrides.CKowT2iK.mjs","names":["__esmMin","c","init_jsx_runtime","withDynamicViewportHeight","Component","props","init_heightOverrides"],"sources":["https:/framerusercontent.com/modules/rEipLUHa92AlCiExHn4A/UZrKW4LvBnDrfFxjPSyP/heightOverrides.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";/**\n *\n * Makes a component take up the full dynamic viewport height using the modern\n * 100dvh unit, which adapts to mobile browser UI elements like navigation bars.\n *\n * Apply this override to frames or stacks that need to fill the entire viewport\n * height without causing overflow issues on mobile devices.\n *\n * by Swiss Themes\n * swissthemes.design\n */export function withDynamicViewportHeight(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style,height:`100dvh`}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withDynamicViewportHeight\":{\"type\":\"reactHoc\",\"name\":\"withDynamicViewportHeight\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./heightOverrides.map"],"mappings":"A,oGAUG,SAAgBG,EAA0B,EAAU,CAAC,MAAO,IAA4B,gBAAKC,EAAU,CAAC,GAAGC,EAAM,MAAM,CAAC,GAAGA,EAAM,MAAM,OAAO,QAAQ,CAAC,CAAC,CAAI,C"}