{"version":3,"file":"script_main.CEJSGOQK.mjs","names":["t","x","d","debounce","lerp","e","className","align","index","e","useRef","_Fragment","Children","t","r","e","useState","Cookies","useState","useRef","Icon","_Fragment","Image","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","fonts","css","className","addPropertyOverrides","CaretDownFonts","CaretDown","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","className","RichText","sharedStyle.css","sharedStyle.fonts","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","className","RichText","sharedStyle.css","sharedStyle.fonts","addPropertyOverrides","MobileMenuNavItem","MobileMenuSubnavItem","cycleOrder","serializationHash","variantClassNames","transition1","matchVariant","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","className","fonts","css","className","addPropertyOverrides","CaretDown","enabledGestures","cycleOrder","serializationHash","variantClassNames","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","className","RichText","sharedStyle.css","sharedStyle.fonts","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","addPropertyOverrides","enabledGestures","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","User","createLayoutDependency","useRef","React.useId","sharedStyle.className","sharedStyle1.className","className","RichText","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts","addPropertyOverrides","DropdownNavItem","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","sharedStyle1.className","sharedStyle2.className","className","Record","YoutubeLogo","BoundingBox","Toolbox","ShippingContainer","AlignCenterVertical","UserCirclePlus","CellSignalMedium","Headset","ChatCenteredDots","Book","ArrowsInLineHorizontal","ArticleNyTimes","RichText","Image1","SVG","sharedStyle.css","sharedStyle1.css","sharedStyle2.css","sharedStyle.fonts","sharedStyle1.fonts","sharedStyle2.fonts","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","className","addPropertyOverrides","LayoutLogo","LayoutNavbarItem","ComponentsButton","MobileMenuToggle","Dropdown","MobileMenu","cycleOrder","serializationHash","variantClassNames","transition1","matchVariant","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","className","LayoutHeaderFonts","LayoutHeader","LayoutHeaderWithVariantAppearEffect","ContainerWithFX","LenisFonts","Lenis","breakpoints","serializationHash","variantClassNames","transition1","animation","transformTemplate1","t","matchVariant","breakpointRules","breakpointKeys","selectors","rules","mediaQueries","humanReadableVariantMap","HTMLStyle","getProps","Component","useRef","React.useId","className","PropertyOverrides","css","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","fonts","css","className","css","addPropertyOverrides","enabledGestures","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","className","RichText","sharedStyle.css","sharedStyle.fonts","getProps","className","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","humanReadableVariantMap","getProps","InstagramLogo","createLayoutDependency","useRef","React.useId","className","ComponentsSocialIcon","ComponentsNavItem","serializationHash","variantClassNames","transition1","matchVariant","React.useContext","React.useMemo","humanReadableVariantMap","React.Fragment","getProps","useRef","React.useId","sharedStyle.className","sharedStyle1.className","sharedStyle2.className","sharedStyle3.className","className","SVG","RichText","LinkedinLogo","YoutubeLogo","ApplePodcastsLogo","SpotifyLogo","sharedStyle.css","sharedStyle1.css","sharedStyle2.css","sharedStyle3.css","sharedStyle.fonts","sharedStyle1.fonts","sharedStyle2.fonts","sharedStyle3.fonts","LayoutHeader","LenisFonts","Lenis","LayoutFooter","breakpoints","serializationHash","variantClassNames","t","breakpointRules","breakpointKeys","rules","mediaQueries","humanReadableVariantMap","HTMLStyle","getProps","Component","useRef","React.useId","className","PropertyOverrides","css","Lenis","Component","useRef","React.useId","className","React.createElement","Default","Blank","Docs","Framer.PageRoot","Framer.lazy","Framer.useCurrentRoute","Framer.useLocaleInfo","Framer.useRouter","React.Fragment","React.memo","React.useCallback","React.useEffect","React.useRef","React.useState","React.useLayoutEffect","Framer.LazyValue","Framer.LibraryFeaturesProvider","Framer.GracefullyDegradingErrorBoundary","Framer.PageEffectsProvider","breakpoints","Framer.patchRoutesForABTesting","e","routeData","Framer.inferInitialRouteFromPath","Framer.yieldToMain","React.startTransition","Framer.ErrorPlaceholder"],"sources":["https:/unpkg.com/lenis@1.3.23/dist/lenis.mjs","https:/unpkg.com/lenis@1.3.23/dist/lenis-snap.mjs","https:/framerusercontent.com/modules/bSeEZJm22jsjERCOGQvq/YmzNUbQh4V7UMGbeal0O/Lenis.js","https:/ga.jspm.io/npm:js-cookie@3.0.5/dist/js.cookie.mjs","https:/framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js","https:/framer.com/m/framer/store.js@^1.0.0","https:/framerusercontent.com/modules/tWxPGoauEDGvb60hKQfR/h2gOsj163kK5IK24A7Xy/ThemeToggle.js","https:/framerusercontent.com/modules/p4xyHAxz4hEgYi9H78wW/lQPrNjCqxcKFGWaJ0XOI/uKhhQBk6W.js","https:/framerusercontent.com/modules/s2cRAmlmUJ0dqhpiOOPo/umi04huBNGc3Z3OO7wAb/OGnmp8b1u.js","https:/framerusercontent.com/modules/flbLxRVSeto51txdGXQx/u14a3bzvg8jhk0f2VoMB/Gftth4tQv.js","https:/framerusercontent.com/modules/c29FgvofvIHvKPsyfkRc/ioMzpOi6rPmxaKl4ZrkA/l4BfKnZ8n.js","https:/framerusercontent.com/modules/eR1TZ5w1WWZ2BWBrxt7m/Ehr35rw9JARkjDD1wZa4/h5ayLc2SJ.js","https:/framerusercontent.com/modules/6wkIClZ9XYVfGCnksd9K/2rihgcj6wIwrdgkwIzD2/JdhZ0OYGi.js","https:/framerusercontent.com/modules/pdzFGerkabY4q4iKv8O6/2yxf8gFAp0Tb6ifJvvn5/IMgS55dfH.js","https:/framerusercontent.com/modules/4XTgiZQu54CjbB5dhliq/4qeXVdBQKTlCfMoVGgCT/rR4Yw6OW8.js","https:/framerusercontent.com/modules/5fwGNoDBKGryx2JrzLp4/0JqWPuh6MuD5E9TOXKVi/QRGB_m9wK.js","https:/framerusercontent.com/modules/dK7lkugV6DXlz0PaEQWJ/wt0XkEx6tCSmyhIb48BX/wqFvUEbj4.js","https:/framerusercontent.com/modules/JvEtxSD8RNN2fcJZjue1/qnP6dTm0plRLSeE09z4q/auPYC36Jm.js","https:/framerusercontent.com/modules/kEc2Vy9gRd94E9t027bc/KJX0H5wIDTXZTxxp8xWm/yHh1iqqfx.js","https:/framerusercontent.com/modules/nN2xaCmtVeihM8iFnHLr/POkBYsSu7Pu4fxzWu9BI/VxoZ9OswP.js","https:/framerusercontent.com/modules/nQU4p9uE42FvRBAcPDjZ/5ykGsZMbuEDQ3r1NMXvp/G8rGrPjaA.js","https:/framerusercontent.com/modules/qoAsvOTtfxPiWCAy9tEt/nb6keHw0c2jn0Pvma1qT/i_O0S9Wqd.js","https:/framerusercontent.com/modules/sG9x0MsHqDSXjpySmpnx/4HjDk2k6rdbu4D9nc4iK/WyXAJNjxq.js","https:/framerusercontent.com/modules/TGAYbmB39QNQpn5NQidt/TPkYXCq9a2QToucP5ZoO/CbnKwqN2_.js","https:/framerusercontent.com/modules/RMu7aCKxgQl18guCl5jG/NQnK1xTe4XKgnZ2Lt83L/S_vYAhimZ.js","https:/framerusercontent.com/modules/5mcSttYhjSut2bp9prW3/F8Bu8I5qoBEwLAmmvFWd/RXjdkYwBR.js","https:/framerusercontent.com/modules/Z1r1xGiEfFWw6543GMaC/tcHuaWGq2I4WDQyWNSe6/VDqwBRR5k.js","https:/framerusercontent.com/modules/eouzTY9YO6h3NjDNoDMa/VNbDtBhGVjna8T0VRjKb/sbvWBDOsX.js","https:/framerusercontent.com/modules/1vYavUVb6CmzC31OZPOT/dMx9iEIo2tMhO4yCVXCD/ozBDy1ggE.js","https:/framerusercontent.com/modules/JNI0unvKLnSNOjYgWQPe/cFK4x7HnGbxoZXkZNw5W/hNcHJzSkR.js","https:/framerusercontent.com/modules/zRHLqV1CtgnFPo0zMbp4/bcVUkyQQSavDdcOoux8N/Wr4Bg8I6C.js","https:/framerusercontent.com/modules/YybjoapB60ci6LsKqoFI/uTNoLfbzO2fNLY98iEol/UtdSlmlBd.js","https:/framerusercontent.com/modules/enURkH6vENptY3zO9mN5/aXSlWU2m4fYs92fJEhju/AqofocsPm.js","https:/framerusercontent.com/modules/p4NsTyzFLWPR2Q0AXTeh/SOJK6YISqmxujUuKbwwU/FWoRjh02q.js","https:/framerusercontent.com/modules/PtxaBiSAA5V6LvrpAt6G/EsR1AqByikNQR8Cp2V8c/UD0eTfbk_.js","https:/framerusercontent.com/modules/rZpquoboPWOneJV10X4n/dDxb5t3nm2btFGwD8YZu/vVecoPcT0.js","https:/framerusercontent.com/modules/gqj7cNi5mb1CWBQ9oxWL/qwDWklrFt0X43JGpVx4s/Y8IxFM39L.js","https:/framerusercontent.com/modules/emkyQKh9E7nAZM1x9EHP/0Fba44SBDcWjjxlnhAy4/AlMqU9UrG.js","https:/framerusercontent.com/modules/gNzCxFRaCMQr7DYvc5JG/m6N64FOqTxq1HBo7XxaJ/FIhTgTPOh.js","framer:toplevel/main"],"sourcesContent":["//#region package.json\nvar version = \"1.3.23\";\n//#endregion\n//#region packages/core/src/maths.ts\n/**\n* Clamp a value between a minimum and maximum value\n*\n* @param min Minimum value\n* @param input Value to clamp\n* @param max Maximum value\n* @returns Clamped value\n*/\nfunction clamp(min, input, max) {\n\treturn Math.max(min, Math.min(input, max));\n}\n/**\n* Linearly interpolate between two values using an amount (0 <= t <= 1)\n*\n* @param x First value\n* @param y Second value\n* @param t Amount to interpolate (0 <= t <= 1)\n* @returns Interpolated value\n*/\nfunction lerp(x, y, t) {\n\treturn (1 - t) * x + t * y;\n}\n/**\n* Damp a value over time using a damping factor\n* {@link http://www.rorydriscoll.com/2016/03/07/frame-rate-independent-damping-using-lerp/}\n*\n* @param x Initial value\n* @param y Target value\n* @param lambda Damping factor\n* @param dt Time elapsed since the last update\n* @returns Damped value\n*/\nfunction damp(x, y, lambda, deltaTime) {\n\treturn lerp(x, y, 1 - Math.exp(-lambda * deltaTime));\n}\n/**\n* Calculate the modulo of the dividend and divisor while keeping the result within the same sign as the divisor\n* {@link https://anguscroll.com/just/just-modulo}\n*\n* @param n Dividend\n* @param d Divisor\n* @returns Modulo\n*/\nfunction modulo(n, d) {\n\treturn (n % d + d) % d;\n}\n//#endregion\n//#region packages/core/src/animate.ts\n/**\n* Animate class to handle value animations with lerping or easing\n*\n* @example\n* const animate = new Animate()\n* animate.fromTo(0, 100, { duration: 1, easing: (t) => t })\n* animate.advance(0.5) // 50\n*/\nvar Animate = class {\n\tisRunning = false;\n\tvalue = 0;\n\tfrom = 0;\n\tto = 0;\n\tcurrentTime = 0;\n\tlerp;\n\tduration;\n\teasing;\n\tonUpdate;\n\t/**\n\t* Advance the animation by the given delta time\n\t*\n\t* @param deltaTime - The time in seconds to advance the animation\n\t*/\n\tadvance(deltaTime) {\n\t\tif (!this.isRunning) return;\n\t\tlet completed = false;\n\t\tif (this.duration && this.easing) {\n\t\t\tthis.currentTime += deltaTime;\n\t\t\tconst linearProgress = clamp(0, this.currentTime / this.duration, 1);\n\t\t\tcompleted = linearProgress >= 1;\n\t\t\tconst easedProgress = completed ? 1 : this.easing(linearProgress);\n\t\t\tthis.value = this.from + (this.to - this.from) * easedProgress;\n\t\t} else if (this.lerp) {\n\t\t\tthis.value = damp(this.value, this.to, this.lerp * 60, deltaTime);\n\t\t\tif (Math.round(this.value) === Math.round(this.to)) {\n\t\t\t\tthis.value = this.to;\n\t\t\t\tcompleted = true;\n\t\t\t}\n\t\t} else {\n\t\t\tthis.value = this.to;\n\t\t\tcompleted = true;\n\t\t}\n\t\tif (completed) this.stop();\n\t\tthis.onUpdate?.(this.value, completed);\n\t}\n\t/** Stop the animation */\n\tstop() {\n\t\tthis.isRunning = false;\n\t}\n\t/**\n\t* Set up the animation from a starting value to an ending value\n\t* with optional parameters for lerping, duration, easing, and onUpdate callback\n\t*\n\t* @param from - The starting value\n\t* @param to - The ending value\n\t* @param options - Options for the animation\n\t*/\n\tfromTo(from, to, { lerp, duration, easing, onStart, onUpdate }) {\n\t\tthis.from = this.value = from;\n\t\tthis.to = to;\n\t\tthis.lerp = lerp;\n\t\tthis.duration = duration;\n\t\tthis.easing = easing;\n\t\tthis.currentTime = 0;\n\t\tthis.isRunning = true;\n\t\tonStart?.();\n\t\tthis.onUpdate = onUpdate;\n\t}\n};\n//#endregion\n//#region packages/core/src/debounce.ts\nfunction debounce(callback, delay) {\n\tlet timer;\n\treturn function(...args) {\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => {\n\t\t\ttimer = void 0;\n\t\t\tcallback.apply(this, args);\n\t\t}, delay);\n\t};\n}\n//#endregion\n//#region packages/core/src/dimensions.ts\n/**\n* Dimensions class to handle the size of the content and wrapper\n*\n* @example\n* const dimensions = new Dimensions(wrapper, content)\n* dimensions.on('resize', (e) => {\n* console.log(e.width, e.height)\n* })\n*/\nvar Dimensions = class {\n\twidth = 0;\n\theight = 0;\n\tscrollHeight = 0;\n\tscrollWidth = 0;\n\tdebouncedResize;\n\twrapperResizeObserver;\n\tcontentResizeObserver;\n\tconstructor(wrapper, content, { autoResize = true, debounce: debounceValue = 250 } = {}) {\n\t\tthis.wrapper = wrapper;\n\t\tthis.content = content;\n\t\tif (autoResize) {\n\t\t\tthis.debouncedResize = debounce(this.resize, debounceValue);\n\t\t\tif (this.wrapper instanceof Window) window.addEventListener(\"resize\", this.debouncedResize);\n\t\t\telse {\n\t\t\t\tthis.wrapperResizeObserver = new ResizeObserver(this.debouncedResize);\n\t\t\t\tthis.wrapperResizeObserver.observe(this.wrapper);\n\t\t\t}\n\t\t\tthis.contentResizeObserver = new ResizeObserver(this.debouncedResize);\n\t\t\tthis.contentResizeObserver.observe(this.content);\n\t\t}\n\t\tthis.resize();\n\t}\n\tdestroy() {\n\t\tthis.wrapperResizeObserver?.disconnect();\n\t\tthis.contentResizeObserver?.disconnect();\n\t\tif (this.wrapper === window && this.debouncedResize) window.removeEventListener(\"resize\", this.debouncedResize);\n\t}\n\tresize = () => {\n\t\tthis.onWrapperResize();\n\t\tthis.onContentResize();\n\t};\n\tonWrapperResize = () => {\n\t\tif (this.wrapper instanceof Window) {\n\t\t\tthis.width = window.innerWidth;\n\t\t\tthis.height = window.innerHeight;\n\t\t} else {\n\t\t\tthis.width = this.wrapper.clientWidth;\n\t\t\tthis.height = this.wrapper.clientHeight;\n\t\t}\n\t};\n\tonContentResize = () => {\n\t\tif (this.wrapper instanceof Window) {\n\t\t\tthis.scrollHeight = this.content.scrollHeight;\n\t\t\tthis.scrollWidth = this.content.scrollWidth;\n\t\t} else {\n\t\t\tthis.scrollHeight = this.wrapper.scrollHeight;\n\t\t\tthis.scrollWidth = this.wrapper.scrollWidth;\n\t\t}\n\t};\n\tget limit() {\n\t\treturn {\n\t\t\tx: this.scrollWidth - this.width,\n\t\t\ty: this.scrollHeight - this.height\n\t\t};\n\t}\n};\n//#endregion\n//#region packages/core/src/emitter.ts\n/**\n* Emitter class to handle events\n* @example\n* const emitter = new Emitter()\n* emitter.on('event', (data) => {\n* console.log(data)\n* })\n* emitter.emit('event', 'data')\n*/\nvar Emitter = class {\n\tevents = {};\n\t/**\n\t* Emit an event with the given data\n\t* @param event Event name\n\t* @param args Data to pass to the event handlers\n\t*/\n\temit(event, ...args) {\n\t\tconst callbacks = this.events[event] || [];\n\t\tfor (let i = 0, length = callbacks.length; i < length; i++) callbacks[i]?.(...args);\n\t}\n\t/**\n\t* Add a callback to the event\n\t* @param event Event name\n\t* @param cb Callback function\n\t* @returns Unsubscribe function\n\t*/\n\ton(event, cb) {\n\t\tif (this.events[event]) this.events[event].push(cb);\n\t\telse this.events[event] = [cb];\n\t\treturn () => {\n\t\t\tthis.events[event] = this.events[event]?.filter((i) => cb !== i);\n\t\t};\n\t}\n\t/**\n\t* Remove a callback from the event\n\t* @param event Event name\n\t* @param callback Callback function\n\t*/\n\toff(event, callback) {\n\t\tthis.events[event] = this.events[event]?.filter((i) => callback !== i);\n\t}\n\t/**\n\t* Remove all event listeners and clean up\n\t*/\n\tdestroy() {\n\t\tthis.events = {};\n\t}\n};\n//#endregion\n//#region packages/core/src/virtual-scroll.ts\nconst LINE_HEIGHT = 100 / 6;\nconst listenerOptions = { passive: false };\nfunction getDeltaMultiplier(deltaMode, size) {\n\tif (deltaMode === 1) return LINE_HEIGHT;\n\tif (deltaMode === 2) return size;\n\treturn 1;\n}\nvar VirtualScroll = class {\n\ttouchStart = {\n\t\tx: 0,\n\t\ty: 0\n\t};\n\tlastDelta = {\n\t\tx: 0,\n\t\ty: 0\n\t};\n\twindow = {\n\t\twidth: 0,\n\t\theight: 0\n\t};\n\temitter = new Emitter();\n\tconstructor(element, options = {\n\t\twheelMultiplier: 1,\n\t\ttouchMultiplier: 1\n\t}) {\n\t\tthis.element = element;\n\t\tthis.options = options;\n\t\twindow.addEventListener(\"resize\", this.onWindowResize);\n\t\tthis.onWindowResize();\n\t\tthis.element.addEventListener(\"wheel\", this.onWheel, listenerOptions);\n\t\tthis.element.addEventListener(\"touchstart\", this.onTouchStart, listenerOptions);\n\t\tthis.element.addEventListener(\"touchmove\", this.onTouchMove, listenerOptions);\n\t\tthis.element.addEventListener(\"touchend\", this.onTouchEnd, listenerOptions);\n\t}\n\t/**\n\t* Add an event listener for the given event and callback\n\t*\n\t* @param event Event name\n\t* @param callback Callback function\n\t*/\n\ton(event, callback) {\n\t\treturn this.emitter.on(event, callback);\n\t}\n\t/** Remove all event listeners and clean up */\n\tdestroy() {\n\t\tthis.emitter.destroy();\n\t\twindow.removeEventListener(\"resize\", this.onWindowResize);\n\t\tthis.element.removeEventListener(\"wheel\", this.onWheel, listenerOptions);\n\t\tthis.element.removeEventListener(\"touchstart\", this.onTouchStart, listenerOptions);\n\t\tthis.element.removeEventListener(\"touchmove\", this.onTouchMove, listenerOptions);\n\t\tthis.element.removeEventListener(\"touchend\", this.onTouchEnd, listenerOptions);\n\t}\n\t/**\n\t* Event handler for 'touchstart' event\n\t*\n\t* @param event Touch event\n\t*/\n\tonTouchStart = (event) => {\n\t\tconst { clientX, clientY } = event.targetTouches ? event.targetTouches[0] : event;\n\t\tthis.touchStart.x = clientX;\n\t\tthis.touchStart.y = clientY;\n\t\tthis.lastDelta = {\n\t\t\tx: 0,\n\t\t\ty: 0\n\t\t};\n\t\tthis.emitter.emit(\"scroll\", {\n\t\t\tdeltaX: 0,\n\t\t\tdeltaY: 0,\n\t\t\tevent\n\t\t});\n\t};\n\t/** Event handler for 'touchmove' event */\n\tonTouchMove = (event) => {\n\t\tconst { clientX, clientY } = event.targetTouches ? event.targetTouches[0] : event;\n\t\tconst deltaX = -(clientX - this.touchStart.x) * this.options.touchMultiplier;\n\t\tconst deltaY = -(clientY - this.touchStart.y) * this.options.touchMultiplier;\n\t\tthis.touchStart.x = clientX;\n\t\tthis.touchStart.y = clientY;\n\t\tthis.lastDelta = {\n\t\t\tx: deltaX,\n\t\t\ty: deltaY\n\t\t};\n\t\tthis.emitter.emit(\"scroll\", {\n\t\t\tdeltaX,\n\t\t\tdeltaY,\n\t\t\tevent\n\t\t});\n\t};\n\tonTouchEnd = (event) => {\n\t\tthis.emitter.emit(\"scroll\", {\n\t\t\tdeltaX: this.lastDelta.x,\n\t\t\tdeltaY: this.lastDelta.y,\n\t\t\tevent\n\t\t});\n\t};\n\t/** Event handler for 'wheel' event */\n\tonWheel = (event) => {\n\t\tlet { deltaX, deltaY, deltaMode } = event;\n\t\tconst multiplierX = getDeltaMultiplier(deltaMode, this.window.width);\n\t\tconst multiplierY = getDeltaMultiplier(deltaMode, this.window.height);\n\t\tdeltaX *= multiplierX;\n\t\tdeltaY *= multiplierY;\n\t\tdeltaX *= this.options.wheelMultiplier;\n\t\tdeltaY *= this.options.wheelMultiplier;\n\t\tthis.emitter.emit(\"scroll\", {\n\t\t\tdeltaX,\n\t\t\tdeltaY,\n\t\t\tevent\n\t\t});\n\t};\n\tonWindowResize = () => {\n\t\tthis.window = {\n\t\t\twidth: window.innerWidth,\n\t\t\theight: window.innerHeight\n\t\t};\n\t};\n};\n//#endregion\n//#region packages/core/src/lenis.ts\nconst defaultEasing = (t) => Math.min(1, 1.001 - 2 ** (-10 * t));\nvar Lenis = class {\n\t_isScrolling = false;\n\t_isStopped = false;\n\t_isLocked = false;\n\t_preventNextNativeScrollEvent = false;\n\t_resetVelocityTimeout = null;\n\t_rafId = null;\n\t/**\n\t* Whether or not the user is touching the screen\n\t*/\n\tisTouching;\n\t/**\n\t* The time in ms since the lenis instance was created\n\t*/\n\ttime = 0;\n\t/**\n\t* User data that will be forwarded through the scroll event\n\t*\n\t* @example\n\t* lenis.scrollTo(100, {\n\t* userData: {\n\t* foo: 'bar'\n\t* }\n\t* })\n\t*/\n\tuserData = {};\n\t/**\n\t* The last velocity of the scroll\n\t*/\n\tlastVelocity = 0;\n\t/**\n\t* The current velocity of the scroll\n\t*/\n\tvelocity = 0;\n\t/**\n\t* The direction of the scroll\n\t*/\n\tdirection = 0;\n\t/**\n\t* The options passed to the lenis instance\n\t*/\n\toptions;\n\t/**\n\t* The target scroll value\n\t*/\n\ttargetScroll;\n\t/**\n\t* The animated scroll value\n\t*/\n\tanimatedScroll;\n\tanimate = new Animate();\n\temitter = new Emitter();\n\tdimensions;\n\tvirtualScroll;\n\tconstructor({ wrapper = window, content = document.documentElement, eventsTarget = wrapper, smoothWheel = true, syncTouch = false, syncTouchLerp = .075, touchInertiaExponent = 1.7, duration, easing, lerp = .1, infinite = false, orientation = \"vertical\", gestureOrientation = orientation === \"horizontal\" ? \"both\" : \"vertical\", touchMultiplier = 1, wheelMultiplier = 1, autoResize = true, prevent, virtualScroll, overscroll = true, autoRaf = false, anchors = false, autoToggle = false, allowNestedScroll = false, __experimental__naiveDimensions = false, naiveDimensions = __experimental__naiveDimensions, stopInertiaOnNavigate = false } = {}) {\n\t\twindow.lenisVersion = version;\n\t\tif (!window.lenis) window.lenis = {};\n\t\twindow.lenis.version = version;\n\t\tif (orientation === \"horizontal\") window.lenis.horizontal = true;\n\t\tif (syncTouch === true) window.lenis.touch = true;\n\t\tif (!wrapper || wrapper === document.documentElement) wrapper = window;\n\t\tif (typeof duration === \"number\" && typeof easing !== \"function\") easing = defaultEasing;\n\t\telse if (typeof easing === \"function\" && typeof duration !== \"number\") duration = 1;\n\t\tthis.options = {\n\t\t\twrapper,\n\t\t\tcontent,\n\t\t\teventsTarget,\n\t\t\tsmoothWheel,\n\t\t\tsyncTouch,\n\t\t\tsyncTouchLerp,\n\t\t\ttouchInertiaExponent,\n\t\t\tduration,\n\t\t\teasing,\n\t\t\tlerp,\n\t\t\tinfinite,\n\t\t\tgestureOrientation,\n\t\t\torientation,\n\t\t\ttouchMultiplier,\n\t\t\twheelMultiplier,\n\t\t\tautoResize,\n\t\t\tprevent,\n\t\t\tvirtualScroll,\n\t\t\toverscroll,\n\t\t\tautoRaf,\n\t\t\tanchors,\n\t\t\tautoToggle,\n\t\t\tallowNestedScroll,\n\t\t\tnaiveDimensions,\n\t\t\tstopInertiaOnNavigate\n\t\t};\n\t\tthis.dimensions = new Dimensions(wrapper, content, { autoResize });\n\t\tthis.updateClassName();\n\t\tthis.targetScroll = this.animatedScroll = this.actualScroll;\n\t\tthis.options.wrapper.addEventListener(\"scroll\", this.onNativeScroll);\n\t\tthis.options.wrapper.addEventListener(\"scrollend\", this.onScrollEnd, { capture: true });\n\t\tif (this.options.anchors || this.options.stopInertiaOnNavigate) this.options.wrapper.addEventListener(\"click\", this.onClick);\n\t\tthis.options.wrapper.addEventListener(\"pointerdown\", this.onPointerDown);\n\t\tthis.virtualScroll = new VirtualScroll(eventsTarget, {\n\t\t\ttouchMultiplier,\n\t\t\twheelMultiplier\n\t\t});\n\t\tthis.virtualScroll.on(\"scroll\", this.onVirtualScroll);\n\t\tif (this.options.autoToggle) {\n\t\t\tthis.checkOverflow();\n\t\t\tthis.rootElement.addEventListener(\"transitionend\", this.onTransitionEnd);\n\t\t}\n\t\tif (this.options.autoRaf) this._rafId = requestAnimationFrame(this.raf);\n\t}\n\t/**\n\t* Destroy the lenis instance, remove all event listeners and clean up the class name\n\t*/\n\tdestroy() {\n\t\tthis.emitter.destroy();\n\t\tthis.options.wrapper.removeEventListener(\"scroll\", this.onNativeScroll);\n\t\tthis.options.wrapper.removeEventListener(\"scrollend\", this.onScrollEnd, { capture: true });\n\t\tthis.options.wrapper.removeEventListener(\"pointerdown\", this.onPointerDown);\n\t\tif (this.options.anchors || this.options.stopInertiaOnNavigate) this.options.wrapper.removeEventListener(\"click\", this.onClick);\n\t\tthis.virtualScroll.destroy();\n\t\tthis.dimensions.destroy();\n\t\tthis.cleanUpClassName();\n\t\tif (this._rafId) cancelAnimationFrame(this._rafId);\n\t}\n\ton(event, callback) {\n\t\treturn this.emitter.on(event, callback);\n\t}\n\toff(event, callback) {\n\t\treturn this.emitter.off(event, callback);\n\t}\n\tonScrollEnd = (e) => {\n\t\tif (!(e instanceof CustomEvent)) {\n\t\t\tif (this.isScrolling === \"smooth\" || this.isScrolling === false) e.stopPropagation();\n\t\t}\n\t};\n\tdispatchScrollendEvent = () => {\n\t\tthis.options.wrapper.dispatchEvent(new CustomEvent(\"scrollend\", {\n\t\t\tbubbles: this.options.wrapper === window,\n\t\t\tdetail: { lenisScrollEnd: true }\n\t\t}));\n\t};\n\tget overflow() {\n\t\tconst property = this.isHorizontal ? \"overflow-x\" : \"overflow-y\";\n\t\treturn getComputedStyle(this.rootElement)[property];\n\t}\n\tcheckOverflow() {\n\t\tif ([\"hidden\", \"clip\"].includes(this.overflow)) this.internalStop();\n\t\telse this.internalStart();\n\t}\n\tonTransitionEnd = (event) => {\n\t\tif (event.propertyName?.includes(\"overflow\") && event.target === this.rootElement) this.checkOverflow();\n\t};\n\tsetScroll(scroll) {\n\t\tif (this.isHorizontal) this.options.wrapper.scrollTo({\n\t\t\tleft: scroll,\n\t\t\tbehavior: \"instant\"\n\t\t});\n\t\telse this.options.wrapper.scrollTo({\n\t\t\ttop: scroll,\n\t\t\tbehavior: \"instant\"\n\t\t});\n\t}\n\tonClick = (event) => {\n\t\tconst linkElementsUrls = event.composedPath().filter((node) => node instanceof HTMLAnchorElement && node.href).map((element) => new URL(element.href));\n\t\tconst currentUrl = new URL(window.location.href);\n\t\tif (this.options.anchors) {\n\t\t\tconst anchorElementUrl = linkElementsUrls.find((targetUrl) => currentUrl.host === targetUrl.host && currentUrl.pathname === targetUrl.pathname && targetUrl.hash);\n\t\t\tif (anchorElementUrl) {\n\t\t\t\tconst options = typeof this.options.anchors === \"object\" && this.options.anchors ? this.options.anchors : void 0;\n\t\t\t\tconst target = `#${anchorElementUrl.hash.split(\"#\")[1]}`;\n\t\t\t\tthis.scrollTo(target, options);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t\tif (this.options.stopInertiaOnNavigate) {\n\t\t\tif (linkElementsUrls.some((targetUrl) => currentUrl.host === targetUrl.host && currentUrl.pathname !== targetUrl.pathname)) {\n\t\t\t\tthis.reset();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t};\n\tonPointerDown = (event) => {\n\t\tif (event.button === 1) this.reset();\n\t};\n\tonVirtualScroll = (data) => {\n\t\tif (typeof this.options.virtualScroll === \"function\" && this.options.virtualScroll(data) === false) return;\n\t\tconst { deltaX, deltaY, event } = data;\n\t\tthis.emitter.emit(\"virtual-scroll\", {\n\t\t\tdeltaX,\n\t\t\tdeltaY,\n\t\t\tevent\n\t\t});\n\t\tif (event.ctrlKey) return;\n\t\tif (event.lenisStopPropagation) return;\n\t\tconst isTouch = event.type.includes(\"touch\");\n\t\tconst isWheel = event.type.includes(\"wheel\");\n\t\tthis.isTouching = event.type === \"touchstart\" || event.type === \"touchmove\";\n\t\tconst isClickOrTap = deltaX === 0 && deltaY === 0;\n\t\tif (this.options.syncTouch && isTouch && event.type === \"touchstart\" && isClickOrTap && !this.isStopped && !this.isLocked) {\n\t\t\tthis.reset();\n\t\t\treturn;\n\t\t}\n\t\tconst isUnknownGesture = this.options.gestureOrientation === \"vertical\" && deltaY === 0 || this.options.gestureOrientation === \"horizontal\" && deltaX === 0;\n\t\tif (isClickOrTap || isUnknownGesture) return;\n\t\tlet composedPath = event.composedPath();\n\t\tcomposedPath = composedPath.slice(0, composedPath.indexOf(this.rootElement));\n\t\tconst prevent = this.options.prevent;\n\t\tconst gestureOrientation = Math.abs(deltaX) >= Math.abs(deltaY) ? \"horizontal\" : \"vertical\";\n\t\tif (composedPath.find((node) => node instanceof HTMLElement && (typeof prevent === \"function\" && prevent?.(node) || node.hasAttribute?.(\"data-lenis-prevent\") || gestureOrientation === \"vertical\" && node.hasAttribute?.(\"data-lenis-prevent-vertical\") || gestureOrientation === \"horizontal\" && node.hasAttribute?.(\"data-lenis-prevent-horizontal\") || isTouch && node.hasAttribute?.(\"data-lenis-prevent-touch\") || isWheel && node.hasAttribute?.(\"data-lenis-prevent-wheel\") || this.options.allowNestedScroll && this.hasNestedScroll(node, {\n\t\t\tdeltaX,\n\t\t\tdeltaY\n\t\t})))) return;\n\t\tif (this.isStopped || this.isLocked) {\n\t\t\tif (event.cancelable) event.preventDefault();\n\t\t\treturn;\n\t\t}\n\t\tif (!(this.options.syncTouch && isTouch || this.options.smoothWheel && isWheel)) {\n\t\t\tthis.isScrolling = \"native\";\n\t\t\tthis.animate.stop();\n\t\t\tevent.lenisStopPropagation = true;\n\t\t\treturn;\n\t\t}\n\t\tlet delta = deltaY;\n\t\tif (this.options.gestureOrientation === \"both\") delta = Math.abs(deltaY) > Math.abs(deltaX) ? deltaY : deltaX;\n\t\telse if (this.options.gestureOrientation === \"horizontal\") delta = deltaX;\n\t\tif (!this.options.overscroll || this.options.infinite || this.options.wrapper !== window && this.limit > 0 && (this.animatedScroll > 0 && this.animatedScroll < this.limit || this.animatedScroll === 0 && deltaY > 0 || this.animatedScroll === this.limit && deltaY < 0)) event.lenisStopPropagation = true;\n\t\tif (event.cancelable) event.preventDefault();\n\t\tconst isSyncTouch = isTouch && this.options.syncTouch;\n\t\tconst hasTouchInertia = isTouch && event.type === \"touchend\";\n\t\tif (hasTouchInertia) delta = Math.sign(delta) * Math.abs(this.velocity) ** this.options.touchInertiaExponent;\n\t\tthis.scrollTo(this.targetScroll + delta, {\n\t\t\tprogrammatic: false,\n\t\t\t...isSyncTouch ? { lerp: hasTouchInertia ? this.options.syncTouchLerp : 1 } : {\n\t\t\t\tlerp: this.options.lerp,\n\t\t\t\tduration: this.options.duration,\n\t\t\t\teasing: this.options.easing\n\t\t\t}\n\t\t});\n\t};\n\t/**\n\t* Force lenis to recalculate the dimensions\n\t*/\n\tresize() {\n\t\tthis.dimensions.resize();\n\t\tthis.animatedScroll = this.targetScroll = this.actualScroll;\n\t\tthis.emit();\n\t}\n\temit() {\n\t\tthis.emitter.emit(\"scroll\", this);\n\t}\n\tonNativeScroll = () => {\n\t\tif (this._resetVelocityTimeout !== null) {\n\t\t\tclearTimeout(this._resetVelocityTimeout);\n\t\t\tthis._resetVelocityTimeout = null;\n\t\t}\n\t\tif (this._preventNextNativeScrollEvent) {\n\t\t\tthis._preventNextNativeScrollEvent = false;\n\t\t\treturn;\n\t\t}\n\t\tif (this.isScrolling === false || this.isScrolling === \"native\") {\n\t\t\tconst lastScroll = this.animatedScroll;\n\t\t\tthis.animatedScroll = this.targetScroll = this.actualScroll;\n\t\t\tthis.lastVelocity = this.velocity;\n\t\t\tthis.velocity = this.animatedScroll - lastScroll;\n\t\t\tthis.direction = Math.sign(this.animatedScroll - lastScroll);\n\t\t\tif (!this.isStopped) this.isScrolling = \"native\";\n\t\t\tthis.emit();\n\t\t\tif (this.velocity !== 0) this._resetVelocityTimeout = setTimeout(() => {\n\t\t\t\tthis.lastVelocity = this.velocity;\n\t\t\t\tthis.velocity = 0;\n\t\t\t\tthis.isScrolling = false;\n\t\t\t\tthis.emit();\n\t\t\t}, 400);\n\t\t}\n\t};\n\treset() {\n\t\tthis.isLocked = false;\n\t\tthis.isScrolling = false;\n\t\tthis.animatedScroll = this.targetScroll = this.actualScroll;\n\t\tthis.lastVelocity = this.velocity = 0;\n\t\tthis.animate.stop();\n\t}\n\t/**\n\t* Start lenis scroll after it has been stopped\n\t*/\n\tstart() {\n\t\tif (!this.isStopped) return;\n\t\tif (this.options.autoToggle) {\n\t\t\tthis.rootElement.style.removeProperty(\"overflow\");\n\t\t\treturn;\n\t\t}\n\t\tthis.internalStart();\n\t}\n\tinternalStart() {\n\t\tif (!this.isStopped) return;\n\t\tthis.reset();\n\t\tthis.isStopped = false;\n\t\tthis.emit();\n\t}\n\t/**\n\t* Stop lenis scroll\n\t*/\n\tstop() {\n\t\tif (this.isStopped) return;\n\t\tif (this.options.autoToggle) {\n\t\t\tthis.rootElement.style.setProperty(\"overflow\", \"clip\");\n\t\t\treturn;\n\t\t}\n\t\tthis.internalStop();\n\t}\n\tinternalStop() {\n\t\tif (this.isStopped) return;\n\t\tthis.reset();\n\t\tthis.isStopped = true;\n\t\tthis.emit();\n\t}\n\t/**\n\t* RequestAnimationFrame for lenis\n\t*\n\t* @param time The time in ms from an external clock like `requestAnimationFrame` or Tempus\n\t*/\n\traf = (time) => {\n\t\tconst deltaTime = time - (this.time || time);\n\t\tthis.time = time;\n\t\tthis.animate.advance(deltaTime * .001);\n\t\tif (this.options.autoRaf) this._rafId = requestAnimationFrame(this.raf);\n\t};\n\t/**\n\t* Scroll to a target value\n\t*\n\t* @param target The target value to scroll to\n\t* @param options The options for the scroll\n\t*\n\t* @example\n\t* lenis.scrollTo(100, {\n\t* offset: 100,\n\t* duration: 1,\n\t* easing: (t) => 1 - Math.cos((t * Math.PI) / 2),\n\t* lerp: 0.1,\n\t* onStart: () => {\n\t* console.log('onStart')\n\t* },\n\t* onComplete: () => {\n\t* console.log('onComplete')\n\t* },\n\t* })\n\t*/\n\tscrollTo(_target, { offset = 0, immediate = false, lock = false, programmatic = true, lerp = programmatic ? this.options.lerp : void 0, duration = programmatic ? this.options.duration : void 0, easing = programmatic ? this.options.easing : void 0, onStart, onComplete, force = false, userData } = {}) {\n\t\tif ((this.isStopped || this.isLocked) && !force) return;\n\t\tlet target = _target;\n\t\tlet adjustedOffset = offset;\n\t\tif (typeof target === \"string\" && [\n\t\t\t\"top\",\n\t\t\t\"left\",\n\t\t\t\"start\",\n\t\t\t\"#\"\n\t\t].includes(target)) target = 0;\n\t\telse if (typeof target === \"string\" && [\n\t\t\t\"bottom\",\n\t\t\t\"right\",\n\t\t\t\"end\"\n\t\t].includes(target)) target = this.limit;\n\t\telse {\n\t\t\tlet node = null;\n\t\t\tif (typeof target === \"string\") {\n\t\t\t\tnode = document.querySelector(target);\n\t\t\t\tif (!node) if (target === \"#top\") target = 0;\n\t\t\t\telse console.warn(\"Lenis: Target not found\", target);\n\t\t\t} else if (target instanceof HTMLElement && target?.nodeType) node = target;\n\t\t\tif (node) {\n\t\t\t\tif (this.options.wrapper !== window) {\n\t\t\t\t\tconst wrapperRect = this.rootElement.getBoundingClientRect();\n\t\t\t\t\tadjustedOffset -= this.isHorizontal ? wrapperRect.left : wrapperRect.top;\n\t\t\t\t}\n\t\t\t\tconst rect = node.getBoundingClientRect();\n\t\t\t\tconst targetStyle = getComputedStyle(node);\n\t\t\t\tconst scrollMargin = this.isHorizontal ? Number.parseFloat(targetStyle.scrollMarginLeft) : Number.parseFloat(targetStyle.scrollMarginTop);\n\t\t\t\tconst containerStyle = getComputedStyle(this.rootElement);\n\t\t\t\tconst scrollPadding = this.isHorizontal ? Number.parseFloat(containerStyle.scrollPaddingLeft) : Number.parseFloat(containerStyle.scrollPaddingTop);\n\t\t\t\ttarget = (this.isHorizontal ? rect.left : rect.top) + this.animatedScroll - (Number.isNaN(scrollMargin) ? 0 : scrollMargin) - (Number.isNaN(scrollPadding) ? 0 : scrollPadding);\n\t\t\t}\n\t\t}\n\t\tif (typeof target !== \"number\") return;\n\t\ttarget += adjustedOffset;\n\t\tif (this.options.infinite) {\n\t\t\tif (programmatic) {\n\t\t\t\tthis.targetScroll = this.animatedScroll = this.scroll;\n\t\t\t\tconst distance = target - this.animatedScroll;\n\t\t\t\tif (distance > this.limit / 2) target -= this.limit;\n\t\t\t\telse if (distance < -this.limit / 2) target += this.limit;\n\t\t\t}\n\t\t} else target = clamp(0, target, this.limit);\n\t\tif (target === this.targetScroll) {\n\t\t\tonStart?.(this);\n\t\t\tonComplete?.(this);\n\t\t\treturn;\n\t\t}\n\t\tthis.userData = userData ?? {};\n\t\tif (immediate) {\n\t\t\tthis.animatedScroll = this.targetScroll = target;\n\t\t\tthis.setScroll(this.scroll);\n\t\t\tthis.reset();\n\t\t\tthis.preventNextNativeScrollEvent();\n\t\t\tthis.emit();\n\t\t\tonComplete?.(this);\n\t\t\tthis.userData = {};\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tthis.dispatchScrollendEvent();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tif (!programmatic) this.targetScroll = target;\n\t\tif (typeof duration === \"number\" && typeof easing !== \"function\") easing = defaultEasing;\n\t\telse if (typeof easing === \"function\" && typeof duration !== \"number\") duration = 1;\n\t\tthis.animate.fromTo(this.animatedScroll, target, {\n\t\t\tduration,\n\t\t\teasing,\n\t\t\tlerp,\n\t\t\tonStart: () => {\n\t\t\t\tif (lock) this.isLocked = true;\n\t\t\t\tthis.isScrolling = \"smooth\";\n\t\t\t\tonStart?.(this);\n\t\t\t},\n\t\t\tonUpdate: (value, completed) => {\n\t\t\t\tthis.isScrolling = \"smooth\";\n\t\t\t\tthis.lastVelocity = this.velocity;\n\t\t\t\tthis.velocity = value - this.animatedScroll;\n\t\t\t\tthis.direction = Math.sign(this.velocity);\n\t\t\t\tthis.animatedScroll = value;\n\t\t\t\tthis.setScroll(this.scroll);\n\t\t\t\tif (programmatic) this.targetScroll = value;\n\t\t\t\tif (!completed) this.emit();\n\t\t\t\tif (completed) {\n\t\t\t\t\tthis.reset();\n\t\t\t\t\tthis.emit();\n\t\t\t\t\tonComplete?.(this);\n\t\t\t\t\tthis.userData = {};\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\tthis.dispatchScrollendEvent();\n\t\t\t\t\t});\n\t\t\t\t\tthis.preventNextNativeScrollEvent();\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\tpreventNextNativeScrollEvent() {\n\t\tthis._preventNextNativeScrollEvent = true;\n\t\trequestAnimationFrame(() => {\n\t\t\tthis._preventNextNativeScrollEvent = false;\n\t\t});\n\t}\n\thasNestedScroll(node, { deltaX, deltaY }) {\n\t\tconst time = Date.now();\n\t\tif (!node._lenis) node._lenis = {};\n\t\tconst cache = node._lenis;\n\t\tlet hasOverflowX;\n\t\tlet hasOverflowY;\n\t\tlet isScrollableX;\n\t\tlet isScrollableY;\n\t\tlet hasOverscrollBehaviorX;\n\t\tlet hasOverscrollBehaviorY;\n\t\tlet scrollWidth;\n\t\tlet scrollHeight;\n\t\tlet clientWidth;\n\t\tlet clientHeight;\n\t\tif (time - (cache.time ?? 0) > 2e3) {\n\t\t\tcache.time = Date.now();\n\t\t\tconst computedStyle = window.getComputedStyle(node);\n\t\t\tcache.computedStyle = computedStyle;\n\t\t\thasOverflowX = [\n\t\t\t\t\"auto\",\n\t\t\t\t\"overlay\",\n\t\t\t\t\"scroll\"\n\t\t\t].includes(computedStyle.overflowX);\n\t\t\thasOverflowY = [\n\t\t\t\t\"auto\",\n\t\t\t\t\"overlay\",\n\t\t\t\t\"scroll\"\n\t\t\t].includes(computedStyle.overflowY);\n\t\t\thasOverscrollBehaviorX = [\"auto\"].includes(computedStyle.overscrollBehaviorX);\n\t\t\thasOverscrollBehaviorY = [\"auto\"].includes(computedStyle.overscrollBehaviorY);\n\t\t\tcache.hasOverflowX = hasOverflowX;\n\t\t\tcache.hasOverflowY = hasOverflowY;\n\t\t\tif (!(hasOverflowX || hasOverflowY)) return false;\n\t\t\tscrollWidth = node.scrollWidth;\n\t\t\tscrollHeight = node.scrollHeight;\n\t\t\tclientWidth = node.clientWidth;\n\t\t\tclientHeight = node.clientHeight;\n\t\t\tisScrollableX = scrollWidth > clientWidth;\n\t\t\tisScrollableY = scrollHeight > clientHeight;\n\t\t\tcache.isScrollableX = isScrollableX;\n\t\t\tcache.isScrollableY = isScrollableY;\n\t\t\tcache.scrollWidth = scrollWidth;\n\t\t\tcache.scrollHeight = scrollHeight;\n\t\t\tcache.clientWidth = clientWidth;\n\t\t\tcache.clientHeight = clientHeight;\n\t\t\tcache.hasOverscrollBehaviorX = hasOverscrollBehaviorX;\n\t\t\tcache.hasOverscrollBehaviorY = hasOverscrollBehaviorY;\n\t\t} else {\n\t\t\tisScrollableX = cache.isScrollableX;\n\t\t\tisScrollableY = cache.isScrollableY;\n\t\t\thasOverflowX = cache.hasOverflowX;\n\t\t\thasOverflowY = cache.hasOverflowY;\n\t\t\tscrollWidth = cache.scrollWidth;\n\t\t\tscrollHeight = cache.scrollHeight;\n\t\t\tclientWidth = cache.clientWidth;\n\t\t\tclientHeight = cache.clientHeight;\n\t\t\thasOverscrollBehaviorX = cache.hasOverscrollBehaviorX;\n\t\t\thasOverscrollBehaviorY = cache.hasOverscrollBehaviorY;\n\t\t}\n\t\tif (!(hasOverflowX && isScrollableX || hasOverflowY && isScrollableY)) return false;\n\t\tconst orientation = Math.abs(deltaX) >= Math.abs(deltaY) ? \"horizontal\" : \"vertical\";\n\t\tlet scroll;\n\t\tlet maxScroll;\n\t\tlet delta;\n\t\tlet hasOverflow;\n\t\tlet isScrollable;\n\t\tlet hasOverscrollBehavior;\n\t\tif (orientation === \"horizontal\") {\n\t\t\tscroll = Math.round(node.scrollLeft);\n\t\t\tmaxScroll = scrollWidth - clientWidth;\n\t\t\tdelta = deltaX;\n\t\t\thasOverflow = hasOverflowX;\n\t\t\tisScrollable = isScrollableX;\n\t\t\thasOverscrollBehavior = hasOverscrollBehaviorX;\n\t\t} else if (orientation === \"vertical\") {\n\t\t\tscroll = Math.round(node.scrollTop);\n\t\t\tmaxScroll = scrollHeight - clientHeight;\n\t\t\tdelta = deltaY;\n\t\t\thasOverflow = hasOverflowY;\n\t\t\tisScrollable = isScrollableY;\n\t\t\thasOverscrollBehavior = hasOverscrollBehaviorY;\n\t\t} else return false;\n\t\tif (!hasOverscrollBehavior && (scroll >= maxScroll || scroll <= 0)) return true;\n\t\treturn (delta > 0 ? scroll < maxScroll : scroll > 0) && hasOverflow && isScrollable;\n\t}\n\t/**\n\t* The root element on which lenis is instanced\n\t*/\n\tget rootElement() {\n\t\treturn this.options.wrapper === window ? document.documentElement : this.options.wrapper;\n\t}\n\t/**\n\t* The limit which is the maximum scroll value\n\t*/\n\tget limit() {\n\t\tif (this.options.naiveDimensions) {\n\t\t\tif (this.isHorizontal) return this.rootElement.scrollWidth - this.rootElement.clientWidth;\n\t\t\treturn this.rootElement.scrollHeight - this.rootElement.clientHeight;\n\t\t}\n\t\treturn this.dimensions.limit[this.isHorizontal ? \"x\" : \"y\"];\n\t}\n\t/**\n\t* Whether or not the scroll is horizontal\n\t*/\n\tget isHorizontal() {\n\t\treturn this.options.orientation === \"horizontal\";\n\t}\n\t/**\n\t* The actual scroll value\n\t*/\n\tget actualScroll() {\n\t\tconst wrapper = this.options.wrapper;\n\t\treturn this.isHorizontal ? wrapper.scrollX ?? wrapper.scrollLeft : wrapper.scrollY ?? wrapper.scrollTop;\n\t}\n\t/**\n\t* The current scroll value\n\t*/\n\tget scroll() {\n\t\treturn this.options.infinite ? modulo(this.animatedScroll, this.limit) : this.animatedScroll;\n\t}\n\t/**\n\t* The progress of the scroll relative to the limit\n\t*/\n\tget progress() {\n\t\treturn this.limit === 0 ? 1 : this.scroll / this.limit;\n\t}\n\t/**\n\t* Current scroll state\n\t*/\n\tget isScrolling() {\n\t\treturn this._isScrolling;\n\t}\n\tset isScrolling(value) {\n\t\tif (this._isScrolling !== value) {\n\t\t\tthis._isScrolling = value;\n\t\t\tthis.updateClassName();\n\t\t}\n\t}\n\t/**\n\t* Check if lenis is stopped\n\t*/\n\tget isStopped() {\n\t\treturn this._isStopped;\n\t}\n\tset isStopped(value) {\n\t\tif (this._isStopped !== value) {\n\t\t\tthis._isStopped = value;\n\t\t\tthis.updateClassName();\n\t\t}\n\t}\n\t/**\n\t* Check if lenis is locked\n\t*/\n\tget isLocked() {\n\t\treturn this._isLocked;\n\t}\n\tset isLocked(value) {\n\t\tif (this._isLocked !== value) {\n\t\t\tthis._isLocked = value;\n\t\t\tthis.updateClassName();\n\t\t}\n\t}\n\t/**\n\t* Check if lenis is smooth scrolling\n\t*/\n\tget isSmooth() {\n\t\treturn this.isScrolling === \"smooth\";\n\t}\n\t/**\n\t* The class name applied to the wrapper element\n\t*/\n\tget className() {\n\t\tlet className = \"lenis\";\n\t\tif (this.options.autoToggle) className += \" lenis-autoToggle\";\n\t\tif (this.isStopped) className += \" lenis-stopped\";\n\t\tif (this.isLocked) className += \" lenis-locked\";\n\t\tif (this.isScrolling) className += \" lenis-scrolling\";\n\t\tif (this.isScrolling === \"smooth\") className += \" lenis-smooth\";\n\t\treturn className;\n\t}\n\tupdateClassName() {\n\t\tthis.cleanUpClassName();\n\t\tthis.className.split(\" \").forEach((className) => {\n\t\t\tthis.rootElement.classList.add(className);\n\t\t});\n\t}\n\tcleanUpClassName() {\n\t\tfor (const className of Array.from(this.rootElement.classList)) if (className === \"lenis\" || className.startsWith(\"lenis-\")) this.rootElement.classList.remove(className);\n\t}\n};\n//#endregion\nexport { Lenis as default };\n\n//# sourceMappingURL=lenis.mjs.map","//#region packages/snap/src/debounce.ts\nfunction debounce(callback, delay) {\n\tlet timer;\n\treturn function(...args) {\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => {\n\t\t\ttimer = void 0;\n\t\t\tcallback.apply(this, args);\n\t\t}, delay);\n\t};\n}\n//#endregion\n//#region packages/snap/src/element.ts\nfunction removeParentSticky(element) {\n\tif (getComputedStyle(element).position === \"sticky\") {\n\t\telement.style.setProperty(\"position\", \"static\");\n\t\telement.dataset.sticky = \"true\";\n\t}\n\tif (element.offsetParent) removeParentSticky(element.offsetParent);\n}\nfunction addParentSticky(element) {\n\tif (element?.dataset?.sticky === \"true\") {\n\t\telement.style.removeProperty(\"position\");\n\t\tdelete element.dataset.sticky;\n\t}\n\tif (element.offsetParent) addParentSticky(element.offsetParent);\n}\nfunction offsetTop(element, accumulator = 0) {\n\tconst top = accumulator + element.offsetTop;\n\tif (element.offsetParent) return offsetTop(element.offsetParent, top);\n\treturn top;\n}\nfunction offsetLeft(element, accumulator = 0) {\n\tconst left = accumulator + element.offsetLeft;\n\tif (element.offsetParent) return offsetLeft(element.offsetParent, left);\n\treturn left;\n}\nfunction scrollTop(element, accumulator = 0) {\n\tconst top = accumulator + element.scrollTop;\n\tif (element.offsetParent) return scrollTop(element.offsetParent, top);\n\treturn top + window.scrollY;\n}\nfunction scrollLeft(element, accumulator = 0) {\n\tconst left = accumulator + element.scrollLeft;\n\tif (element.offsetParent) return scrollLeft(element.offsetParent, left);\n\treturn left + window.scrollX;\n}\nvar SnapElement = class {\n\telement;\n\toptions;\n\talign;\n\trect = {};\n\twrapperResizeObserver;\n\tresizeObserver;\n\tdebouncedWrapperResize;\n\tconstructor(element, { align = [\"start\"], ignoreSticky = true, ignoreTransform = false } = {}) {\n\t\tthis.element = element;\n\t\tthis.options = {\n\t\t\talign,\n\t\t\tignoreSticky,\n\t\t\tignoreTransform\n\t\t};\n\t\tthis.align = [align].flat();\n\t\tthis.debouncedWrapperResize = debounce(this.onWrapperResize, 500);\n\t\tthis.wrapperResizeObserver = new ResizeObserver(this.debouncedWrapperResize);\n\t\tthis.wrapperResizeObserver.observe(document.body);\n\t\tthis.onWrapperResize();\n\t\tthis.resizeObserver = new ResizeObserver(this.onResize);\n\t\tthis.resizeObserver.observe(this.element);\n\t\tthis.setRect({\n\t\t\twidth: this.element.offsetWidth,\n\t\t\theight: this.element.offsetHeight\n\t\t});\n\t}\n\tdestroy() {\n\t\tthis.wrapperResizeObserver.disconnect();\n\t\tthis.resizeObserver.disconnect();\n\t}\n\tsetRect({ top, left, width, height, element } = {}) {\n\t\ttop = top ?? this.rect.top;\n\t\tleft = left ?? this.rect.left;\n\t\twidth = width ?? this.rect.width;\n\t\theight = height ?? this.rect.height;\n\t\telement = element ?? this.rect.element;\n\t\tif (top === this.rect.top && left === this.rect.left && width === this.rect.width && height === this.rect.height && element === this.rect.element) return;\n\t\tthis.rect.top = top;\n\t\tthis.rect.y = top;\n\t\tthis.rect.width = width;\n\t\tthis.rect.height = height;\n\t\tthis.rect.left = left;\n\t\tthis.rect.x = left;\n\t\tthis.rect.bottom = top + height;\n\t\tthis.rect.right = left + width;\n\t}\n\tonWrapperResize = () => {\n\t\tlet top;\n\t\tlet left;\n\t\tif (this.options.ignoreSticky) removeParentSticky(this.element);\n\t\tif (this.options.ignoreTransform) {\n\t\t\ttop = offsetTop(this.element);\n\t\t\tleft = offsetLeft(this.element);\n\t\t} else {\n\t\t\tconst rect = this.element.getBoundingClientRect();\n\t\t\ttop = rect.top + scrollTop(this.element);\n\t\t\tleft = rect.left + scrollLeft(this.element);\n\t\t}\n\t\tif (this.options.ignoreSticky) addParentSticky(this.element);\n\t\tthis.setRect({\n\t\t\ttop,\n\t\t\tleft\n\t\t});\n\t};\n\tonResize = ([entry]) => {\n\t\tif (!entry?.borderBoxSize[0]) return;\n\t\tconst width = entry.borderBoxSize[0].inlineSize;\n\t\tconst height = entry.borderBoxSize[0].blockSize;\n\t\tthis.setRect({\n\t\t\twidth,\n\t\t\theight\n\t\t});\n\t};\n};\n//#endregion\n//#region packages/snap/src/uid.ts\nlet index = 0;\nfunction uid() {\n\treturn index++;\n}\n//#endregion\n//#region packages/snap/src/snap.ts\n/**\n* Snap class to handle the snap functionality\n*\n* @example\n* const snap = new Snap(lenis, {\n* type: 'mandatory', // 'mandatory', 'proximity' or 'lock'\n* onSnapStart: (snap) => {\n* console.log('onSnapStart', snap)\n* },\n* onSnapComplete: (snap) => {\n* console.log('onSnapComplete', snap)\n* },\n* })\n*\n* snap.add(500) // snap at 500px\n*\n* const removeSnap = snap.add(500)\n*\n* if (someCondition) {\n* removeSnap()\n* }\n*/\nvar Snap = class {\n\toptions;\n\telements = /* @__PURE__ */ new Map();\n\tsnaps = /* @__PURE__ */ new Map();\n\tviewport = {\n\t\twidth: window.innerWidth,\n\t\theight: window.innerHeight\n\t};\n\tisStopped = false;\n\tonSnapDebounced;\n\tcurrentSnapIndex;\n\tconstructor(lenis, { type = \"proximity\", lerp, easing, duration, distanceThreshold = \"50%\", debounce: debounceDelay = 500, onSnapStart, onSnapComplete } = {}) {\n\t\tthis.lenis = lenis;\n\t\tif (!window.lenis) window.lenis = {};\n\t\twindow.lenis.snap = true;\n\t\tthis.options = {\n\t\t\ttype,\n\t\t\tlerp,\n\t\t\teasing,\n\t\t\tduration,\n\t\t\tdistanceThreshold,\n\t\t\tdebounce: debounceDelay,\n\t\t\tonSnapStart,\n\t\t\tonSnapComplete\n\t\t};\n\t\tthis.onWindowResize();\n\t\twindow.addEventListener(\"resize\", this.onWindowResize);\n\t\tthis.onSnapDebounced = debounce(this.onSnap, this.options.debounce);\n\t\tthis.lenis.on(\"virtual-scroll\", this.onSnapDebounced);\n\t}\n\t/**\n\t* Destroy the snap instance\n\t*/\n\tdestroy() {\n\t\tthis.lenis.off(\"virtual-scroll\", this.onSnapDebounced);\n\t\twindow.removeEventListener(\"resize\", this.onWindowResize);\n\t\tthis.elements.forEach((element) => {\n\t\t\telement.destroy();\n\t\t});\n\t}\n\t/**\n\t* Start the snap after it has been stopped\n\t*/\n\tstart() {\n\t\tthis.isStopped = false;\n\t}\n\t/**\n\t* Stop the snap\n\t*/\n\tstop() {\n\t\tthis.isStopped = true;\n\t}\n\t/**\n\t* Add a snap to the snap instance\n\t*\n\t* @param value The value to snap to\n\t* @param userData User data that will be forwarded through the snap event\n\t* @returns Unsubscribe function\n\t*/\n\tadd(value) {\n\t\tconst id = uid();\n\t\tthis.snaps.set(id, { value });\n\t\treturn () => this.snaps.delete(id);\n\t}\n\t/**\n\t* Add an element to the snap instance\n\t*\n\t* @param element The element to add\n\t* @param options The options for the element\n\t* @returns Unsubscribe function\n\t*/\n\taddElement(element, options = {}) {\n\t\tconst id = uid();\n\t\tthis.elements.set(id, new SnapElement(element, options));\n\t\treturn () => this.elements.delete(id);\n\t}\n\taddElements(elements, options = {}) {\n\t\tconst map = [...elements].map((element) => this.addElement(element, options));\n\t\treturn () => {\n\t\t\tmap.forEach((remove) => {\n\t\t\t\tremove();\n\t\t\t});\n\t\t};\n\t}\n\tonWindowResize = () => {\n\t\tthis.viewport.width = window.innerWidth;\n\t\tthis.viewport.height = window.innerHeight;\n\t};\n\tcomputeSnaps = () => {\n\t\tconst { isHorizontal } = this.lenis;\n\t\tlet snaps = [...this.snaps.values()];\n\t\tthis.elements.forEach(({ rect, align }) => {\n\t\t\tlet value;\n\t\t\talign.forEach((align) => {\n\t\t\t\tif (align === \"start\") value = rect.top;\n\t\t\t\telse if (align === \"center\") value = isHorizontal ? rect.left + rect.width / 2 - this.viewport.width / 2 : rect.top + rect.height / 2 - this.viewport.height / 2;\n\t\t\t\telse if (align === \"end\") value = isHorizontal ? rect.left + rect.width - this.viewport.width : rect.top + rect.height - this.viewport.height;\n\t\t\t\tif (typeof value === \"number\") snaps.push({ value: Math.ceil(value) });\n\t\t\t});\n\t\t});\n\t\tsnaps = snaps.sort((a, b) => Math.abs(a.value) - Math.abs(b.value));\n\t\treturn snaps;\n\t};\n\tprevious() {\n\t\tthis.goTo((this.currentSnapIndex ?? 0) - 1);\n\t}\n\tnext() {\n\t\tthis.goTo((this.currentSnapIndex ?? 0) + 1);\n\t}\n\tgoTo(index) {\n\t\tconst snaps = this.computeSnaps();\n\t\tif (snaps.length === 0) return;\n\t\tthis.currentSnapIndex = Math.max(0, Math.min(index, snaps.length - 1));\n\t\tconst currentSnap = snaps[this.currentSnapIndex];\n\t\tif (currentSnap === void 0) return;\n\t\tthis.lenis.scrollTo(currentSnap.value, {\n\t\t\tduration: this.options.duration,\n\t\t\teasing: this.options.easing,\n\t\t\tlerp: this.options.lerp,\n\t\t\tlock: this.options.type === \"lock\",\n\t\t\tuserData: { initiator: \"snap\" },\n\t\t\tonStart: () => {\n\t\t\t\tthis.options.onSnapStart?.({\n\t\t\t\t\tindex: this.currentSnapIndex,\n\t\t\t\t\t...currentSnap\n\t\t\t\t});\n\t\t\t},\n\t\t\tonComplete: () => {\n\t\t\t\tthis.options.onSnapComplete?.({\n\t\t\t\t\tindex: this.currentSnapIndex,\n\t\t\t\t\t...currentSnap\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\tget distanceThreshold() {\n\t\tlet distanceThreshold = Number.POSITIVE_INFINITY;\n\t\tif (this.options.type === \"mandatory\") return Number.POSITIVE_INFINITY;\n\t\tconst { isHorizontal } = this.lenis;\n\t\tconst axis = isHorizontal ? \"width\" : \"height\";\n\t\tif (typeof this.options.distanceThreshold === \"string\" && this.options.distanceThreshold.endsWith(\"%\")) distanceThreshold = Number(this.options.distanceThreshold.replace(\"%\", \"\")) / 100 * this.viewport[axis];\n\t\telse if (typeof this.options.distanceThreshold === \"number\") distanceThreshold = this.options.distanceThreshold;\n\t\telse distanceThreshold = this.viewport[axis];\n\t\treturn distanceThreshold;\n\t}\n\tonSnap = (e) => {\n\t\tif (this.isStopped) return;\n\t\tif (e.event.type === \"touchmove\") return;\n\t\tif (this.options.type === \"lock\" && this.lenis.userData?.initiator === \"snap\") return;\n\t\tlet { scroll, isHorizontal } = this.lenis;\n\t\tconst delta = isHorizontal ? e.deltaX : e.deltaY;\n\t\tscroll = Math.ceil(this.lenis.scroll + delta);\n\t\tconst snaps = this.computeSnaps();\n\t\tif (snaps.length === 0) return;\n\t\tlet snapIndex;\n\t\tconst prevSnapIndex = snaps.findLastIndex(({ value }) => value < scroll);\n\t\tconst nextSnapIndex = snaps.findIndex(({ value }) => value > scroll);\n\t\tif (this.options.type === \"lock\") {\n\t\t\tif (delta > 0) snapIndex = nextSnapIndex;\n\t\t\telse if (delta < 0) snapIndex = prevSnapIndex;\n\t\t} else {\n\t\t\tconst prevSnap = snaps[prevSnapIndex];\n\t\t\tconst distanceToPrevSnap = prevSnap ? Math.abs(scroll - prevSnap.value) : Number.POSITIVE_INFINITY;\n\t\t\tconst nextSnap = snaps[nextSnapIndex];\n\t\t\tsnapIndex = distanceToPrevSnap < (nextSnap ? Math.abs(scroll - nextSnap.value) : Number.POSITIVE_INFINITY) ? prevSnapIndex : nextSnapIndex;\n\t\t}\n\t\tif (snapIndex === void 0) return;\n\t\tif (snapIndex === -1) return;\n\t\tsnapIndex = Math.max(0, Math.min(snapIndex, snaps.length - 1));\n\t\tconst snap = snaps[snapIndex];\n\t\tif (Math.abs(scroll - snap.value) <= this.distanceThreshold) this.goTo(snapIndex);\n\t};\n\tresize() {\n\t\tthis.elements.forEach((element) => {\n\t\t\telement.onWrapperResize();\n\t\t});\n\t}\n};\n//#endregion\nexport { Snap as default };\n\n//# sourceMappingURL=lenis-snap.mjs.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import Lenis from\"https://unpkg.com/lenis@1.3.23/dist/lenis.mjs\";import Snap from\"https://unpkg.com/lenis@1.3.23/dist/lenis-snap.mjs\";import{useEffect,useRef,Children,isValidElement,cloneElement}from\"react\";/**\n * @framerSupportedLayoutHeight any\n * @framerSupportedLayoutWidth any\n * @framerDisableUnlink\n */export default function Component({smooth,infinite,orientation,intensity,children,snap}){const wrapperRef=useRef();const contentRef=useRef();const lenisRef=useRef();useEffect(()=>{if(children&&(!wrapperRef.current||!contentRef.current))return;if(wrapperRef.current&&contentRef.current){if(orientation===\"horizontal\"){wrapperRef.current.style.setProperty(\"overflowX\",\"auto\");}else{wrapperRef.current.style.setProperty(\"overflowY\",\"auto\");}}const lenis=new Lenis({smoothWheel:smooth,// duration: intensity / 10,\ninfinite,orientation,gestureOrientation:orientation===\"horizontal\"?\"both\":\"vertical\",autoRaf:true,autoToggle:true,anchors:true,allowNestedScroll:true,wrapper:wrapperRef.current,content:contentRef.current,syncTouch:Boolean(infinite)||orientation===\"horizontal\",stopInertiaOnNavigate:true});lenisRef.current=lenis;let lenisSnap;if(snap&&snap.snaps.length>0){lenisSnap=new Snap(lenis,{type:snap.type,distanceThreshold:snap.threshold+\"%\"});snap.snaps.forEach(item=>{if(!item.target?.current)return;const id=item.target.current.id;// workaround when content is duplicated by LenisSeamlessInfinite\nconst elements=document.querySelectorAll(`#${id}`);elements.forEach(element=>{lenisSnap.addElement(element,{align:item.align});});});}window.lenis=lenis;window.lenisSnap=snap;return()=>{if(lenis)lenis.destroy();if(lenisSnap)lenisSnap.destroy();};},[smooth,infinite,orientation,intensity,children,snap]);// useEffect(() => {\n// function onClick(event: PointerEvent | MouseEvent) {\n// const path = event.composedPath()\n// const pageLink = path.find(\n// (node) =>\n// node instanceof HTMLAnchorElement &&\n// (node.getAttribute(\"href\")?.startsWith(\"./\") ||\n// node.getAttribute(\"href\")?.startsWith(\"../\"))\n// ) as HTMLAnchorElement | undefined\n// if (pageLink) {\n// if (lenisRef.current) {\n// lenisRef.current.reset()\n// }\n// }\n// }\n// window.addEventListener(\"click\", onClick)\n// return () => {\n// window.removeEventListener(\"click\", onClick)\n// }\n// }, [])\nreturn /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"link\",{href:\"https://unpkg.com/lenis@1.3.23/dist/lenis.css\",rel:\"stylesheet\"}),children&&/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(\"div\",{ref:wrapperRef,style:orientation===\"horizontal\"?{overflowX:\"auto\",width:\"100%\"}:{overflowY:\"auto\",height:\"100%\"},children:/*#__PURE__*/_jsx(\"div\",{ref:contentRef,style:{width:\"100%\"},children:Children.map(children,child=>/*#__PURE__*/isValidElement(child)?/*#__PURE__*/cloneElement(child,{style:{...child.props.style,width:\"100%\"}}):child)})})})]});}Component.displayName=\"Lenis\";addPropertyControls(Component,{smooth:{type:ControlType.Boolean,title:\"Smooth\",defaultValue:true},intensity:{type:ControlType.Number,title:\"Intensity\",defaultValue:12,step:1,min:1,max:100,hidden(props){return props.smooth===false;},description:\"This will be ignored on mobile.\"},infinite:{type:ControlType.Boolean,title:\"Infinite\",defaultValue:false,hidden(props){return props.smooth===false;}},orientation:{type:ControlType.Enum,defaultValue:\"Vertical\",displaySegmentedControl:true,options:[\"vertical\",\"horizontal\"],optionTitles:[\"Vertical\",\"Horizontal\"],hidden(props){return props.smooth===false;}},children:{type:ControlType.ComponentInstance,title:\"Content\"},snap:{type:ControlType.Object,optional:true,description:\"Cooked and served by [darkroom.engineering](https://darkroom.engineering).\",controls:{type:{type:ControlType.Enum,defaultValue:\"proximity\",displaySegmentedControl:true,segmentedControlDirection:\"vertical\",options:[\"proximity\",\"mandatory\",\"lock\"],optionTitles:[\"Proximity\",\"Mandatory\",\"Lock\"]},threshold:{type:ControlType.Number,defaultValue:50,min:0,max:100,unit:\"%\",hidden:props=>{return props.snap.type===\"mandatory\";}},snaps:{type:ControlType.Array,control:{type:ControlType.Object,controls:{target:{title:\"Target\",type:ControlType.ScrollSectionRef},align:{type:ControlType.Enum,defaultValue:\"center\",displaySegmentedControl:true,segmentedControlDirection:\"horizontal\",options:[\"start\",\"center\",\"end\"],optionIcons:[\"align-top\",\"align-middle\",\"align-bottom\"]}}}}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Component\",\"slots\":[\"children\"],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Lenis.map","function assign(e){for(var t=1;t{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map","/*\n * createStore (framer/store@1.0.1)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js\"\n","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,Image}from\"framer\";import{motion}from\"framer-motion\";import{useState,useEffect,useRef}from\"react\";import Cookies from\"js-cookie\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";// Sun and moon icons from tabler-icons.io\nconst THEME_ATTRIBUTE=\"framestack-theme\";const COOKIE_NAME=\"framestack-theme\";const STYLE_ID=\"framestack-theme-toggle\";const SIGNAL_NAME=\"framestack-theme-changed\";const THEMES=[\"light\",\"dark\",\"deviceTheme\"];const useThemeStore=createStore(\"deviceTheme\");function extractBodySection(inputString){const searchStr=\"body{\";const startIndex=inputString.indexOf(searchStr);if(startIndex!==-1){const endIndex=inputString.indexOf(\"}\",startIndex+searchStr.length);if(endIndex!==-1){const bodySection=inputString.substring(startIndex+searchStr.length,endIndex);return bodySection;}}return null// Return null if \"body{\" or \"}\" is not found\n;}function makeBorderStyle(border){return border?{borderWidth:border.widthIsMixed?`${border.widthTop}px ${border.widthRight}px ${border.widthBottom}px ${border.widthLeft}px`:`${border.width}px`,borderStyle:border.style,borderColor:border.color}:[];}/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerDisableUnlink\n */export default function ThemeToggle(props){const{toggle,dropdown,dropdownOptions,icons,transition}=props;let isPreview=false;let initialTheme=props.defaultTheme;if(typeof document!==\"undefined\"){if(document.body.hasAttribute(\"data-framer-theme\")){if(initialTheme==\"deviceTheme\"){initialTheme=document.body.getAttribute(\"data-framer-theme\");}isPreview=true;}else if(document.body.hasAttribute(THEME_ATTRIBUTE)){initialTheme=document.body.getAttribute(THEME_ATTRIBUTE);}else if(props.saveTheme){const storedTheme=Cookies.get(COOKIE_NAME);if(THEMES.includes(storedTheme)){initialTheme=storedTheme;}}}let deviceTheme=\"light\";if(isPreview&&document.body.hasAttribute(\"data-framer-theme\")){deviceTheme=document.body.getAttribute(\"data-framer-theme\");}else if(typeof window!=\"undefined\"&&window?.matchMedia){deviceTheme=window.matchMedia(\"(prefers-color-scheme: dark)\").matches?\"dark\":\"light\";}const[theme,setTheme]=useThemeStore();const[activeTheme,setActiveTheme]=useState(initialTheme==\"deviceTheme\"?deviceTheme:initialTheme)// light or dark\n;const[originalPreviewTheme,setOriginalPreviewTheme]=useState(initialTheme);const themeRef=useRef(theme);const selectRef=useRef(null);function changeTheme(newTheme){let newActiveTheme=newTheme;if(newTheme==\"deviceTheme\"){if(isPreview){newActiveTheme=originalPreviewTheme;}else{newActiveTheme=deviceTheme;}}setTheme(newTheme);setActiveTheme(newActiveTheme);if(isPreview){document.body.setAttribute(\"data-framer-theme\",newActiveTheme);}document.body.setAttribute(THEME_ATTRIBUTE,newTheme);document.documentElement.setAttribute(THEME_ATTRIBUTE,newTheme);if(props.saveTheme){Cookies.set(COOKIE_NAME,newTheme,{expires:365})// Expires in 1 year\n;}window.dispatchEvent(new CustomEvent(SIGNAL_NAME));}function toggleTheme(){const newActiveTheme=activeTheme==\"light\"?\"dark\":\"light\";if(props.resetToDeviceTheme){changeTheme(newActiveTheme==deviceTheme?\"deviceTheme\":newActiveTheme);}else{changeTheme(newActiveTheme);}}function onSelectChange(){if(selectRef.current){changeTheme(THEMES[selectRef.current.selectedIndex]);}}const handleThemeChange=event=>{if(themeRef.current==\"deviceTheme\"){setActiveTheme(event.matches?\"dark\":\"light\");}};useEffect(()=>{themeRef.current=theme// Update the ref whenever the theme state changes\n;if(theme==\"deviceTheme\"){if(isPreview){setActiveTheme(originalPreviewTheme);}else{setActiveTheme(deviceTheme);}}else{setActiveTheme(theme);}},[theme]);useEffect(()=>{if(initialTheme!=theme){changeTheme(initialTheme);}// const themeAttr = document.body.getAttribute(THEME_ATTRIBUTE)\n// if (themeAttr) {\n// changeTheme(themeAttr)\n// }\nconst mediaQuery=window.matchMedia(\"(prefers-color-scheme: dark)\");mediaQuery.addEventListener(\"change\",handleThemeChange);if(!isPreview){let generateStyle=true;// Check if already has theme attribute\nconst headElement=document.querySelector(\"head\");if(headElement){if(headElement.querySelector(`style#${STYLE_ID}`)){generateStyle=false;}}// Generate