{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/GblE99K2BKHMcd4ifZaQ/XQtSc3iiQy0u4VWQN4Jf/WithScrollProgress.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useScroll,useTransform,useSpring,motion}from\"framer-motion\";import{useState,useEffect}from\"react\";export function withScrolledProgress(Component){return props=>{const{scrollY}=useScroll();const[scrollDistance,setScrollDistance]=useState(3e3)// initial scroll distance\n;const videoHeight=3e3// adjust this in relation to video length\n;useEffect(()=>{const updateScrollDistance=()=>{const viewportHeight=window.innerHeight;const distance=viewportHeight+videoHeight;setScrollDistance(distance);};updateScrollDistance();window.addEventListener(\"resize\",updateScrollDistance);return()=>{window.removeEventListener(\"resize\",updateScrollDistance);};},[]);const scrollStart=0// scroll position when animation starts\n;const scrollEnd=scrollStart+scrollDistance-1500;const progress=useTransform(scrollY,[scrollStart,scrollEnd],[0,1]);const smoothProgress=useSpring(progress,{stiffness:1e3,damping:1e3});const isSticky=useTransform(smoothProgress,[0,1],[true,false]);return /*#__PURE__*/_jsx(\"div\",{style:{height:`${scrollDistance}px`},children:/*#__PURE__*/_jsx(motion.div,{style:{position:isSticky?\"sticky\":\"relative\",top:isSticky?\"0\":\"auto\",width:\"100%\",height:`100vh`},children:/*#__PURE__*/_jsx(Component,{...props,progress:smoothProgress})})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withScrolledProgress\":{\"type\":\"reactHoc\",\"name\":\"withScrolledProgress\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WithScrollProgress.map"],
  "mappings": "wIAAAA,IAA2J,SAASC,EAAqBC,EAAU,CAAC,OAAOC,GAAO,CAAC,GAAK,CAAC,QAAAC,CAAO,EAAEC,EAAU,EAAO,CAACC,EAAeC,CAAiB,EAAEC,EAAS,GAAG,EAC3RC,EAAY,IAClBC,EAAU,IAAI,CAAC,IAAMC,EAAqB,IAAI,CAAyC,IAAMC,EAAzB,OAAO,YAA0CH,EAAYF,EAAkBK,CAAQ,CAAE,EAAE,OAAAD,EAAqB,EAAE,OAAO,iBAAiB,SAASA,CAAoB,EAAQ,IAAI,CAAC,OAAO,oBAAoB,SAASA,CAAoB,CAAE,CAAE,EAAE,CAAC,CAAC,EAAE,IAAME,EAAY,EACtUC,EAAUD,EAAYP,EAAe,KAAWS,EAASC,EAAaZ,EAAQ,CAACS,EAAYC,CAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAQG,EAAeC,EAAUH,EAAS,CAAC,UAAU,IAAI,QAAQ,GAAG,CAAC,EAAQI,EAASH,EAAaC,EAAe,CAAC,EAAE,CAAC,EAAE,CAAC,GAAK,EAAK,CAAC,EAAE,OAAoBG,EAAK,MAAM,CAAC,MAAM,CAAC,OAAO,GAAGd,KAAkB,EAAE,SAAsBc,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,SAASF,EAAS,SAAS,WAAW,IAAIA,EAAS,IAAI,OAAO,MAAM,OAAO,OAAO,OAAO,EAAE,SAAsBC,EAAKlB,EAAU,CAAC,GAAGC,EAAM,SAASc,CAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAE",
  "names": ["init_ssg_sandbox_shims", "withScrolledProgress", "Component", "props", "scrollY", "useScroll", "scrollDistance", "setScrollDistance", "ye", "videoHeight", "ue", "updateScrollDistance", "distance", "scrollStart", "scrollEnd", "progress", "useTransform", "smoothProgress", "useSpring", "isSticky", "p", "motion"]
}