{"version":3,"file":"DynamicViewportHeight.DHRO1jHb.mjs","names":["React.forwardRef","useState"],"sources":["https:/framerusercontent.com/modules/C0zemVSkeLS9OCo8d4dE/BmJ0T5EsHDcRHI7MFd65/wArNDffKT.js","https:/framerusercontent.com/modules/1L26YlYP0rx7EXs2ks9Z/cB9owBV1x27aUydH0yyq/DynamicViewportHeight.js"],"sourcesContent":["// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask='url(\\'data:image/svg+xml,\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({height,id,stroke,width,...props})=>{return{...props,n2nHSaXfp:stroke??props.n2nHSaXfp??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,n2nHSaXfp,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-r0NNy\",className),layoutId:layoutId,ref:ref,style:{\"--1df8v9o\":n2nHSaXfp,...style}});});const css=[`.framer-r0NNy { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--1df8v9o); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"n2nHSaXfp\":\"stroke\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Angles Down\",\"color\":{\"type\":\"variable\",\"value\":\"1df8v9o\"},\"set\":{\"localId\":\"vectorSet/yXo17f3GZ\",\"id\":\"yXo17f3GZ\",\"moduleId\":\"eO37kitVCMcNEgHMGd3K\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-r0NNy\");Icon.displayName=\"Angles Down\";export default Icon;addPropertyControls(Icon,{n2nHSaXfp:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Stroke\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerVector\":\"{\\\"name\\\":\\\"Angles Down\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1df8v9o\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/yXo17f3GZ\\\",\\\"id\\\":\\\"yXo17f3GZ\\\",\\\"moduleId\\\":\\\"eO37kitVCMcNEgHMGd3K\\\"}}\",\"framerIntrinsicHeight\":\"24\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerDisableUnlink\":\"true\",\"framerVariables\":\"{\\\"n2nHSaXfp\\\":\\\"stroke\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";/**\n * @framerDisableUnlink\n */export function withDynamicViewportHeight(Component){return props=>{const[dvh,setDvh]=useState(\"100vh\");useEffect(()=>{const updateDvh=()=>{const vh=window.innerHeight*.01;document.documentElement.style.setProperty(\"--dvh\",`${vh}px`);setDvh(`${window.innerHeight}px`);};updateDvh();window.addEventListener(\"resize\",updateDvh);return()=>window.removeEventListener(\"resize\",updateDvh);},[]);return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style,height:dvh}});};}export function withSmallViewportHeight(Component){return props=>{const[svh,setSvh]=useState(\"100vh\");useEffect(()=>{const setInitialSvh=()=>{const vh=window.innerHeight*.01;document.documentElement.style.setProperty(\"--svh\",`${vh}px`);setSvh(`${window.innerHeight}px`);};setInitialSvh();// We're not adding any resize listeners to keep it static\n},[]);return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style,height:svh}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withSmallViewportHeight\":{\"type\":\"reactHoc\",\"name\":\"withSmallViewportHeight\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withDynamicViewportHeight\":{\"type\":\"reactHoc\",\"name\":\"withDynamicViewportHeight\",\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DynamicViewportHeight.map"],"mappings":"kRAC0C,IAAsE,IAA4B,EAAqC,EAAK,oeAA4e,EAAiB,GAAY,EAAM,IAAM,CAAC,GAAK,CAAC,WAAS,WAAS,WAAS,GAAG,GAAM,EAAM,OAAO,EAAsB,EAAK,EAAO,IAAI,CAAC,GAAG,EAAc,WAAa,KAAG,CAAC,EAAe,EAAK,MAAM,CAAC,GAAG,EAAS,KAAG,CAAC,CAAE,CAAC,EAAQ,GAAU,CAAC,SAAO,KAAG,SAAO,QAAM,GAAG,MAAgB,CAAC,GAAG,EAAM,UAAU,GAAQ,EAAM,WAAW,cAAc,GAUz+B,EAAK,EAVqgCA,EAAiB,SAAS,EAAM,EAAI,CAAC,GAAK,CAAC,QAAM,YAAU,WAAS,UAAQ,YAAU,GAAG,GAAW,EAAS,CAAK,EAAE,OAAoB,EAAK,EAAI,CAAC,GAAG,EAAU,UAAU,EAAG,eAAe,CAAS,EAAW,WAAa,MAAI,MAAM,CAAC,YAAY,EAAU,GAAG,CAAK,CAAC,CAAC,CAAE,CAU9vC,EAAE,CAV0wC,iCAAiC,EAAK,6DAA6D,EAAK,iBAUh3C,EAAE,cAAc,EAAE,EAAK,YAAY,cAAkC,EAAoB,EAAK,CAAC,UAAU,CAAC,aAAa,eAAe,OAAO,GAAM,MAAM,SAAS,KAAK,EAAY,KAAK,CAAC,CAAC,KCTzN,SAAgB,EAA0B,EAAU,CAAC,MAAO,IAAO,CAAC,GAAK,CAAC,EAAI,GAAQC,EAAS,OAAO,EAA+R,OAA7R,MAAc,CAAC,IAAM,MAAc,CAAC,IAAM,EAAG,EAAO,YAAY,IAAI,SAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAG,EAAG,GAAG,EAAE,EAAO,GAAG,EAAO,YAAY,GAAG,CAAE,EAA0D,OAAxD,EAAU,EAAE,EAAO,iBAAiB,SAAS,CAAS,MAAY,EAAO,oBAAoB,SAAS,CAAS,CAAE,EAAE,CAAC,CAAC,EAAsB,EAAK,EAAU,CAAC,GAAG,EAAM,MAAM,CAAC,GAAG,EAAM,MAAM,OAAO,CAAG,CAAC,CAAC,CAAE,CAAE,CAAC,SAAgB,EAAwB,EAAU,CAAC,MAAO,IAAO,CAAC,GAAK,CAAC,EAAI,GAAQA,EAAS,OAAO,EAC1jB,OAD4jB,MAAc,MAAyB,CAAC,IAAM,EAAG,EAAO,YAAY,IAAI,SAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAG,EAAG,GAAG,EAAE,EAAO,GAAG,EAAO,YAAY,GAAG,CAAE,EAAE,CAAc,CAC1vB,EAAE,CAAC,CAAC,EAAsB,EAAK,EAAU,CAAC,GAAG,EAAM,MAAM,CAAC,GAAG,EAAM,MAAM,OAAO,CAAG,CAAC,CAAC,CAAE,CAAE,qBAH/C,IAAsC"}