{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/3GHdDB8VRdTE708Z9Y1O/922TCNSV4qS6fbQRtb00/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": "yCAUU,SAASA,EAA0BC,EAAU,CAAC,OAAOC,GAA4BC,EAAKF,EAAU,CAAC,GAAGC,EAAM,MAAM,CAAC,GAAGA,EAAM,MAAM,OAAO,QAAQ,CAAC,CAAC,CAAI",
  "names": ["withDynamicViewportHeight", "Component", "props", "p"]
}