{"version":3,"file":"SlsHyY2kL.o7UhYwhy.mjs","names":["Image","React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId"],"sources":["https:/framerusercontent.com/modules/bKf2QQA8Pv9J29nlJ3ka/HS8QfY783w530M96e7bq/SlsHyY2kL.js"],"sourcesContent":["// Generated by Framer (114679e)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const ImageWithFX=withFX(Image);const cycleOrder=[\"AL_HK6dS4\",\"wJenJDt9i\"];const serializationHash=\"framer-wDfuR\";const variantClassNames={AL_HK6dS4:\"framer-v-6tylni\",wJenJDt9i:\"framer-v-g1whn4\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={delay:0,duration:1.2,ease:[.8,0,.2,1],type:\"tween\"};const transition2={delay:0,duration:1,ease:[.6,0,.2,1],type:\"tween\"};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};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 Variants=motion.create(React.Fragment);const humanReadableVariantMap={Primary:\"AL_HK6dS4\",Start:\"wJenJDt9i\"};const getProps=({height,id,image,scrollSection,width,...props})=>{return{...props,Kr_rIAJYH:scrollSection??props.Kr_rIAJYH,sKCVfj5Yz:image??props.sKCVfj5Yz,variant:humanReadableVariantMap[props.variant]??props.variant??\"AL_HK6dS4\"};};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,Kr_rIAJYH,sKCVfj5Yz,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"AL_HK6dS4\",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,...addPropertyOverrides({wJenJDt9i:{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-6tylni\",className,classNames),\"data-framer-name\":\"Primary\",layoutDependency:layoutDependency,layoutId:\"AL_HK6dS4\",ref:refBinding,style:{mask:\"linear-gradient(90deg, rgba(0,0,0,1) 100%, rgba(0,0,0,0) 100%) add\",WebkitMask:\"linear-gradient(90deg, rgba(0,0,0,1) 100%, rgba(0,0,0,0) 100%) add\",...style},variants:{wJenJDt9i:{mask:\"linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 0%) add\",WebkitMask:\"linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 0%) add\"}},...addPropertyOverrides({wJenJDt9i:{\"data-framer-name\":\"Start\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(ImageWithFX,{__framer__styleTransformEffectEnabled:true,__framer__transformTargets:[{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0}},{ref:Kr_rIAJYH,target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:300}}],__framer__transformTrigger:\"onScrollTarget\",__framer__transformViewportThreshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,as:\"section\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0),sizes:componentViewport?.width||\"100vw\",...toResponsiveImage(sKCVfj5Yz)},className:\"framer-k3t41v\",layoutDependency:layoutDependency,layoutId:\"h3S8PIyQq\"})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-wDfuR.framer-1l42sxi, .framer-wDfuR .framer-1l42sxi { display: block; }\",\".framer-wDfuR.framer-6tylni { height: 1000px; overflow: hidden; position: relative; width: 504px; }\",\".framer-wDfuR .framer-k3t41v { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 1000\n * @framerIntrinsicWidth 504\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"wJenJDt9i\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"Kr_rIAJYH\":\"scrollSection\",\"sKCVfj5Yz\":\"image\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerSlsHyY2kL=withCSS(Component,css,\"framer-wDfuR\");export default FramerSlsHyY2kL;FramerSlsHyY2kL.displayName=\"Image Reveal\";FramerSlsHyY2kL.defaultProps={height:1e3,width:504};addPropertyControls(FramerSlsHyY2kL,{variant:{options:[\"AL_HK6dS4\",\"wJenJDt9i\"],optionTitles:[\"Primary\",\"Start\"],title:\"Variant\",type:ControlType.Enum},Kr_rIAJYH:{title:\"Scroll Section\",type:ControlType.ScrollSectionRef},sKCVfj5Yz:{title:\"Image\",type:ControlType.ResponsiveImage}});addFonts(FramerSlsHyY2kL,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerSlsHyY2kL\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"504\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"1000\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"wJenJDt9i\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"Kr_rIAJYH\\\":\\\"scrollSection\\\",\\\"sKCVfj5Yz\\\":\\\"image\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SlsHyY2kL.map"],"mappings":"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"}