{"version":3,"file":"DynamicViewportHeight.CSie77LK.mjs","names":["React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","Image","useState"],"sources":["https:/framerusercontent.com/modules/3crtL1gRJRe5fiySdbT6/KZhc1OEFEIdBbtTAhoTo/jVfchbvH6.js","https:/framerusercontent.com/modules/lt1r09CkQ6OAUJzfTnTx/vGavVV0Rjb2qeyorZTxh/DynamicViewportHeight.js"],"sourcesContent":["// Generated by Framer (f353506)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"fxibQO4qR\",\"UAoZAUkWy\"];const serializationHash=\"framer-voACP\";const variantClassNames={fxibQO4qR:\"framer-v-9wv66c\",UAoZAUkWy:\"framer-v-1j1kg7n\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={\"Variant 1\":\"fxibQO4qR\",\"Variant 2\":\"UAoZAUkWy\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"fxibQO4qR\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"fxibQO4qR\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Image,{...restProps,...gestureHandlers,background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(componentViewport?.y||0),pixelHeight:1100,pixelWidth:2200,positionX:\"center\",positionY:\"top\",sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/vrR8YBO0NDfI6FacDwIpOqR0M.webp?width=2200&height=1100\",srcSet:\"https://framerusercontent.com/images/vrR8YBO0NDfI6FacDwIpOqR0M.webp?scale-down-to=512&width=2200&height=1100 512w,https://framerusercontent.com/images/vrR8YBO0NDfI6FacDwIpOqR0M.webp?scale-down-to=1024&width=2200&height=1100 1024w,https://framerusercontent.com/images/vrR8YBO0NDfI6FacDwIpOqR0M.webp?scale-down-to=2048&width=2200&height=1100 2048w,https://framerusercontent.com/images/vrR8YBO0NDfI6FacDwIpOqR0M.webp?width=2200&height=1100 2200w\"},className:cx(scopingClassNames,\"framer-9wv66c\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"fxibQO4qR\",ref:refBinding,style:{...style},...addPropertyOverrides({UAoZAUkWy:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant)})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-voACP.framer-1b87vna, .framer-voACP .framer-1b87vna { display: block; }\",\".framer-voACP.framer-9wv66c { height: 740px; position: relative; width: 621px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 740\n * @framerIntrinsicWidth 621\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"UAoZAUkWy\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerjVfchbvH6=withCSS(Component,css,\"framer-voACP\");export default FramerjVfchbvH6;FramerjVfchbvH6.displayName=\"Hero Image\";FramerjVfchbvH6.defaultProps={height:740,width:621};addPropertyControls(FramerjVfchbvH6,{variant:{options:[\"fxibQO4qR\",\"UAoZAUkWy\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerjVfchbvH6,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerjVfchbvH6\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"621\",\"framerIntrinsicHeight\":\"740\",\"framerColorSyntax\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"UAoZAUkWy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./jVfchbvH6.map","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":"oWACme,SAAS,EAAqB,EAAU,GAAG,EAAS,CAAC,IAAM,EAAc,CAAC,EAAuF,OAArF,GAAU,QAAQ,GAAS,GAAS,OAAO,OAAO,EAAc,EAAU,EAAQ,CAAC,EAAS,CAAc,qCAA/mB,IAA2J,IAAkE,IAA4B,EAAiC,EAAW,CAAC,YAAY,WAAW,EAAQ,EAAkB,eAAqB,EAAkB,CAAC,UAAU,kBAAkB,UAAU,kBAAkB,EAA+L,EAAY,CAAC,OAAO,GAAG,MAAM,EAAE,SAAS,GAAG,KAAK,QAAQ,EAAQ,GAAY,CAAC,QAAM,cAAY,CAAC,IAAM,EAAOA,EAAiB,CAAmB,EAAQ,EAAW,GAAO,EAAO,WAAiB,EAAaC,OAAmB,CAAC,GAAG,EAAO,YAAU,GAAG,CAAC,KAAK,UAAU,CAAU,CAAC,CAAC,EAAE,OAAoB,EAAK,EAAoB,SAAS,CAAC,MAAM,EAAsB,UAAQ,CAAC,CAAE,EAAQ,EAAwB,CAAC,YAAY,YAAY,YAAY,WAAW,EAAQ,EAAS,EAAO,OAAOC,CAAc,EAAQ,GAAU,CAAC,SAAO,KAAG,QAAM,GAAG,MAAgB,CAAC,GAAG,EAAM,QAAQ,EAAwB,EAAM,UAAU,EAAM,SAAS,WAAW,GAAU,GAAwB,EAAM,IAAe,EAAM,iBAAwB,EAAS,KAAK,GAAG,EAAE,EAAM,iBAAwB,EAAS,KAAK,GAAG,EAU56C,EAAgB,EAV67CC,EAAiB,SAAS,EAAM,EAAI,CAAC,IAAM,EAAYC,EAAO,IAAI,EAAQ,EAAW,GAAK,EAAkB,EAAgBC,EAAY,EAAO,CAAC,eAAa,aAAW,EAAc,EAAQ,EAAkB,EAAqB,EAAO,CAAC,QAAM,YAAU,WAAS,UAAQ,GAAG,GAAW,EAAS,CAAK,EAAO,CAAC,cAAY,aAAW,sBAAoB,kBAAgB,iBAAe,YAAU,kBAAgB,aAAW,YAAU,EAAgB,CAAC,aAAW,eAAe,YAAY,IAAI,EAAW,UAAQ,mBAAiB,CAAC,EAAQ,EAAiB,EAAuB,EAAM,CAAQ,EAAuC,EAAkB,EAAG,CAA0C,EAAE,OAAoB,EAAK,EAAY,CAAC,GAAG,GAAU,EAAgB,SAAsB,EAAK,EAAS,CAAC,QAAQ,EAAS,QAAQ,GAAM,SAAsB,EAAK,EAAW,CAAC,MAAM,EAAY,SAAsB,EAAKC,EAAM,CAAC,GAAG,EAAU,GAAG,EAAgB,WAAW,CAAC,IAAI,GAAG,IAAI,OAAO,QAAQ,EAA0B,GAAmB,GAAG,CAAC,EAAE,YAAY,KAAK,WAAW,KAAK,UAAU,SAAS,UAAU,MAAM,MAAM,GAAmB,OAAO,QAAQ,IAAI,6FAA6F,OAAO,4bAA4b,EAAE,UAAU,EAAG,EAAkB,gBAAgB,EAAU,CAAU,EAAE,mBAAmB,YAA6B,mBAAiB,SAAS,YAAY,IAAI,EAAW,MAAM,CAAC,GAAG,CAAK,EAAE,GAAG,EAAqB,CAAC,UAAU,CAAC,mBAAmB,WAAW,CAAC,EAAE,EAAY,CAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAU/2G,EAAE,CAV23G,kFAAkF,kFAAkF,kFAU7hH,EAAE,cAAc,EAAiC,EAAgB,YAAY,aAAa,EAAgB,aAAa,CAAC,OAAO,IAAI,MAAM,GAAG,EAAE,EAAoB,EAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,WAAW,EAAE,aAAa,CAAC,YAAY,WAAW,EAAE,MAAM,UAAU,KAAK,EAAY,IAAI,CAAC,CAAC,EAAE,EAAS,EAAgB,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,6BAA6B,EAAI,CAAC,KCTqC,SAAgB,EAAwB,EAAU,CAAC,MAAO,IAAO,CAAC,GAAK,CAAC,EAAI,GAAQC,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"}