{"version":3,"file":"shared-lib.CxTFF019.mjs","names":["fonts","css","className","t","x","y","n","d","to","i","e","className","Lenis","useRef","_Lenis","_Fragment","useMemo","useMemo","useMemo","useRef","useCallback","useState","useMemo","e","v","t","I","e","n","r","x","N","R","P","q","i","s","a","o","C","J","u","l","h","c","d","g","p","U","S","L","B","E","y","c","e","u","t","a","f","l","d","p","n","o","r","i"],"sources":["https:/framerusercontent.com/modules/9tbleeARZKK4WCyVTUSl/uZcRDllF2DJwDgDZAS1w/R4bJKYfBm.js","https:/unpkg.com/lenis@1.3.4/dist/lenis.mjs","https:/framerusercontent.com/modules/bSeEZJm22jsjERCOGQvq/vrNQPHqQW0TudAO1Gj3a/Lenis.js","https:/framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js","https:/framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js","https:/framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js","https:/framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js","https:/framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js","https:/framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js","https:/framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js","https:/framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js","https:/framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js","https:/framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js","https:/framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js","https:/framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js","https:/framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js","https:/framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js","https:/framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js","https:/framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/7qT0r3So12155VV5Jq5x/Video.js","https:/framerusercontent.com/modules/2K2v5njnH98UlXm0gbs6/zFCd3W5D8TtMWZJxIXA3/Jo_ECrywm-0.js","https:/framerusercontent.com/modules/2K2v5njnH98UlXm0gbs6/zFCd3W5D8TtMWZJxIXA3/Jo_ECrywm-1.js","https:/framerusercontent.com/modules/2K2v5njnH98UlXm0gbs6/zFCd3W5D8TtMWZJxIXA3/Jo_ECrywm.js","https:/framerusercontent.com/modules/hvbOmhmztdOTuu18ONcF/KZWFKPR40Zi6ksEG8FIw/WP6eAjcnm.js","https:/framerusercontent.com/modules/fnugWr0671olTnaRMm74/IJJ4etuH11kvCIsHnOig/siteMetadata.js"],"sourcesContent":["// Generated by Framer (2f96024)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"GF;DM Sans-regular\",\"GF;DM Sans-700\",\"GF;DM Sans-700italic\",\"GF;DM Sans-italic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"DM Sans\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/dmsans/v16/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhS2f3ZGMZpg.woff2\",weight:\"400\"},{family:\"DM Sans\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/dmsans/v16/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZthS2f3ZGMZpg.woff2\",weight:\"700\"},{family:\"DM Sans\",source:\"google\",style:\"italic\",url:\"https://fonts.gstatic.com/s/dmsans/v16/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat9uCm32RmYJpso5.woff2\",weight:\"700\"},{family:\"DM Sans\",source:\"google\",style:\"italic\",url:\"https://fonts.gstatic.com/s/dmsans/v16/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat-JDW32RmYJpso5.woff2\",weight:\"400\"}]}];export const css=['.framer-mMexl .framer-styles-preset-1yg8h9f:not(.rich-text-wrapper), .framer-mMexl .framer-styles-preset-1yg8h9f.rich-text-wrapper p { --framer-font-family: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-family-bold: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-family-bold-italic: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-family-italic: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: -0.1px; --framer-line-height: 1.3em; --framer-paragraph-spacing: 16px; --framer-text-alignment: left; --framer-text-color: var(--token-0ba7cc43-9dd6-43f5-bf85-fd56e07a2fea, #2a3132); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-mMexl .framer-styles-preset-1yg8h9f:not(.rich-text-wrapper), .framer-mMexl .framer-styles-preset-1yg8h9f.rich-text-wrapper p { --framer-font-family: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-family-bold: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-family-bold-italic: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-family-italic: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.3em; --framer-paragraph-spacing: 16px; --framer-text-alignment: left; --framer-text-color: var(--token-0ba7cc43-9dd6-43f5-bf85-fd56e07a2fea, #2a3132); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-mMexl .framer-styles-preset-1yg8h9f:not(.rich-text-wrapper), .framer-mMexl .framer-styles-preset-1yg8h9f.rich-text-wrapper p { --framer-font-family: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-family-bold: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-family-bold-italic: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-family-italic: \"DM Sans\", \"DM Sans Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 16px; --framer-text-alignment: left; --framer-text-color: var(--token-0ba7cc43-9dd6-43f5-bf85-fd56e07a2fea, #2a3132); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-mMexl\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// package.json\nvar version = \"1.3.4\";\n\n// packages/core/src/maths.ts\nfunction clamp(min, input, max) {\n return Math.max(min, Math.min(input, max));\n}\nfunction lerp(x, y, t) {\n return (1 - t) * x + t * y;\n}\nfunction damp(x, y, lambda, deltaTime) {\n return lerp(x, y, 1 - Math.exp(-lambda * deltaTime));\n}\nfunction modulo(n, d) {\n return (n % d + d) % d;\n}\n\n// packages/core/src/animate.ts\nvar Animate = class {\n isRunning = false;\n value = 0;\n from = 0;\n to = 0;\n currentTime = 0;\n // These are instanciated in the fromTo method\n lerp;\n duration;\n easing;\n onUpdate;\n /**\n * Advance the animation by the given delta time\n *\n * @param deltaTime - The time in seconds to advance the animation\n */\n advance(deltaTime) {\n if (!this.isRunning) return;\n let completed = false;\n if (this.duration && this.easing) {\n this.currentTime += deltaTime;\n const linearProgress = clamp(0, this.currentTime / this.duration, 1);\n completed = linearProgress >= 1;\n const easedProgress = completed ? 1 : this.easing(linearProgress);\n this.value = this.from + (this.to - this.from) * easedProgress;\n } else if (this.lerp) {\n this.value = damp(this.value, this.to, this.lerp * 60, deltaTime);\n if (Math.round(this.value) === this.to) {\n this.value = this.to;\n completed = true;\n }\n } else {\n this.value = this.to;\n completed = true;\n }\n if (completed) {\n this.stop();\n }\n this.onUpdate?.(this.value, completed);\n }\n /** Stop the animation */\n stop() {\n this.isRunning = false;\n }\n /**\n * Set up the animation from a starting value to an ending value\n * with optional parameters for lerping, duration, easing, and onUpdate callback\n *\n * @param from - The starting value\n * @param to - The ending value\n * @param options - Options for the animation\n */\n fromTo(from, to, { lerp: lerp2, duration, easing, onStart, onUpdate }) {\n this.from = this.value = from;\n this.to = to;\n this.lerp = lerp2;\n this.duration = duration;\n this.easing = easing;\n this.currentTime = 0;\n this.isRunning = true;\n onStart?.();\n this.onUpdate = onUpdate;\n }\n};\n\n// packages/core/src/debounce.ts\nfunction debounce(callback, delay) {\n let timer;\n return function(...args) {\n let context = this;\n clearTimeout(timer);\n timer = setTimeout(() => {\n timer = void 0;\n callback.apply(context, args);\n }, delay);\n };\n}\n\n// packages/core/src/dimensions.ts\nvar Dimensions = class {\n constructor(wrapper, content, { autoResize = true, debounce: debounceValue = 250 } = {}) {\n this.wrapper = wrapper;\n this.content = content;\n if (autoResize) {\n this.debouncedResize = debounce(this.resize, debounceValue);\n if (this.wrapper instanceof Window) {\n window.addEventListener(\"resize\", this.debouncedResize, false);\n } else {\n this.wrapperResizeObserver = new ResizeObserver(this.debouncedResize);\n this.wrapperResizeObserver.observe(this.wrapper);\n }\n this.contentResizeObserver = new ResizeObserver(this.debouncedResize);\n this.contentResizeObserver.observe(this.content);\n }\n this.resize();\n }\n width = 0;\n height = 0;\n scrollHeight = 0;\n scrollWidth = 0;\n // These are instanciated in the constructor as they need information from the options\n debouncedResize;\n wrapperResizeObserver;\n contentResizeObserver;\n destroy() {\n this.wrapperResizeObserver?.disconnect();\n this.contentResizeObserver?.disconnect();\n if (this.wrapper === window && this.debouncedResize) {\n window.removeEventListener(\"resize\", this.debouncedResize, false);\n }\n }\n resize = () => {\n this.onWrapperResize();\n this.onContentResize();\n };\n onWrapperResize = () => {\n if (this.wrapper instanceof Window) {\n this.width = window.innerWidth;\n this.height = window.innerHeight;\n } else {\n this.width = this.wrapper.clientWidth;\n this.height = this.wrapper.clientHeight;\n }\n };\n onContentResize = () => {\n if (this.wrapper instanceof Window) {\n this.scrollHeight = this.content.scrollHeight;\n this.scrollWidth = this.content.scrollWidth;\n } else {\n this.scrollHeight = this.wrapper.scrollHeight;\n this.scrollWidth = this.wrapper.scrollWidth;\n }\n };\n get limit() {\n return {\n x: this.scrollWidth - this.width,\n y: this.scrollHeight - this.height\n };\n }\n};\n\n// packages/core/src/emitter.ts\nvar Emitter = class {\n events = {};\n /**\n * Emit an event with the given data\n * @param event Event name\n * @param args Data to pass to the event handlers\n */\n emit(event, ...args) {\n let callbacks = this.events[event] || [];\n for (let i = 0, length = callbacks.length; i < length; i++) {\n callbacks[i]?.(...args);\n }\n }\n /**\n * Add a callback to the event\n * @param event Event name\n * @param cb Callback function\n * @returns Unsubscribe function\n */\n on(event, cb) {\n this.events[event]?.push(cb) || (this.events[event] = [cb]);\n return () => {\n this.events[event] = this.events[event]?.filter((i) => cb !== i);\n };\n }\n /**\n * Remove a callback from the event\n * @param event Event name\n * @param callback Callback function\n */\n off(event, callback) {\n this.events[event] = this.events[event]?.filter((i) => callback !== i);\n }\n /**\n * Remove all event listeners and clean up\n */\n destroy() {\n this.events = {};\n }\n};\n\n// packages/core/src/virtual-scroll.ts\nvar LINE_HEIGHT = 100 / 6;\nvar listenerOptions = { passive: false };\nvar VirtualScroll = class {\n constructor(element, options = { wheelMultiplier: 1, touchMultiplier: 1 }) {\n this.element = element;\n this.options = options;\n window.addEventListener(\"resize\", this.onWindowResize, false);\n this.onWindowResize();\n this.element.addEventListener(\"wheel\", this.onWheel, listenerOptions);\n this.element.addEventListener(\n \"touchstart\",\n this.onTouchStart,\n listenerOptions\n );\n this.element.addEventListener(\n \"touchmove\",\n this.onTouchMove,\n listenerOptions\n );\n this.element.addEventListener(\"touchend\", this.onTouchEnd, listenerOptions);\n }\n touchStart = {\n x: 0,\n y: 0\n };\n lastDelta = {\n x: 0,\n y: 0\n };\n window = {\n width: 0,\n height: 0\n };\n emitter = new Emitter();\n /**\n * Add an event listener for the given event and callback\n *\n * @param event Event name\n * @param callback Callback function\n */\n on(event, callback) {\n return this.emitter.on(event, callback);\n }\n /** Remove all event listeners and clean up */\n destroy() {\n this.emitter.destroy();\n window.removeEventListener(\"resize\", this.onWindowResize, false);\n this.element.removeEventListener(\"wheel\", this.onWheel, listenerOptions);\n this.element.removeEventListener(\n \"touchstart\",\n this.onTouchStart,\n listenerOptions\n );\n this.element.removeEventListener(\n \"touchmove\",\n this.onTouchMove,\n listenerOptions\n );\n this.element.removeEventListener(\n \"touchend\",\n this.onTouchEnd,\n listenerOptions\n );\n }\n /**\n * Event handler for 'touchstart' event\n *\n * @param event Touch event\n */\n onTouchStart = (event) => {\n const { clientX, clientY } = event.targetTouches ? event.targetTouches[0] : event;\n this.touchStart.x = clientX;\n this.touchStart.y = clientY;\n this.lastDelta = {\n x: 0,\n y: 0\n };\n this.emitter.emit(\"scroll\", {\n deltaX: 0,\n deltaY: 0,\n event\n });\n };\n /** Event handler for 'touchmove' event */\n onTouchMove = (event) => {\n const { clientX, clientY } = event.targetTouches ? event.targetTouches[0] : event;\n const deltaX = -(clientX - this.touchStart.x) * this.options.touchMultiplier;\n const deltaY = -(clientY - this.touchStart.y) * this.options.touchMultiplier;\n this.touchStart.x = clientX;\n this.touchStart.y = clientY;\n this.lastDelta = {\n x: deltaX,\n y: deltaY\n };\n this.emitter.emit(\"scroll\", {\n deltaX,\n deltaY,\n event\n });\n };\n onTouchEnd = (event) => {\n this.emitter.emit(\"scroll\", {\n deltaX: this.lastDelta.x,\n deltaY: this.lastDelta.y,\n event\n });\n };\n /** Event handler for 'wheel' event */\n onWheel = (event) => {\n let { deltaX, deltaY, deltaMode } = event;\n const multiplierX = deltaMode === 1 ? LINE_HEIGHT : deltaMode === 2 ? this.window.width : 1;\n const multiplierY = deltaMode === 1 ? LINE_HEIGHT : deltaMode === 2 ? this.window.height : 1;\n deltaX *= multiplierX;\n deltaY *= multiplierY;\n deltaX *= this.options.wheelMultiplier;\n deltaY *= this.options.wheelMultiplier;\n this.emitter.emit(\"scroll\", { deltaX, deltaY, event });\n };\n onWindowResize = () => {\n this.window = {\n width: window.innerWidth,\n height: window.innerHeight\n };\n };\n};\n\n// packages/core/src/lenis.ts\nvar defaultEasing = (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t));\nvar Lenis = class {\n _isScrolling = false;\n // true when scroll is animating\n _isStopped = false;\n // true if user should not be able to scroll - enable/disable programmatically\n _isLocked = false;\n // same as isStopped but enabled/disabled when scroll reaches target\n _preventNextNativeScrollEvent = false;\n _resetVelocityTimeout = null;\n __rafID = null;\n /**\n * Whether or not the user is touching the screen\n */\n isTouching;\n /**\n * The time in ms since the lenis instance was created\n */\n time = 0;\n /**\n * User data that will be forwarded through the scroll event\n *\n * @example\n * lenis.scrollTo(100, {\n * userData: {\n * foo: 'bar'\n * }\n * })\n */\n userData = {};\n /**\n * The last velocity of the scroll\n */\n lastVelocity = 0;\n /**\n * The current velocity of the scroll\n */\n velocity = 0;\n /**\n * The direction of the scroll\n */\n direction = 0;\n /**\n * The options passed to the lenis instance\n */\n options;\n /**\n * The target scroll value\n */\n targetScroll;\n /**\n * The animated scroll value\n */\n animatedScroll;\n // These are instanciated here as they don't need information from the options\n animate = new Animate();\n emitter = new Emitter();\n // These are instanciated in the constructor as they need information from the options\n dimensions;\n // This is not private because it's used in the Snap class\n virtualScroll;\n constructor({\n wrapper = window,\n content = document.documentElement,\n eventsTarget = wrapper,\n smoothWheel = true,\n syncTouch = false,\n syncTouchLerp = 0.075,\n touchInertiaMultiplier = 35,\n duration,\n // in seconds\n easing,\n lerp: lerp2 = 0.1,\n infinite = false,\n orientation = \"vertical\",\n // vertical, horizontal\n gestureOrientation = \"vertical\",\n // vertical, horizontal, both\n touchMultiplier = 1,\n wheelMultiplier = 1,\n autoResize = true,\n prevent,\n virtualScroll,\n overscroll = true,\n autoRaf = false,\n anchors = false,\n autoToggle = false,\n // https://caniuse.com/?search=transition-behavior\n allowNestedScroll = false,\n __experimental__naiveDimensions = false\n } = {}) {\n window.lenisVersion = version;\n if (!wrapper || wrapper === document.documentElement) {\n wrapper = window;\n }\n if (typeof duration === \"number\" && typeof easing !== \"function\") {\n easing = defaultEasing;\n } else if (typeof easing === \"function\" && typeof duration !== \"number\") {\n duration = 1;\n }\n this.options = {\n wrapper,\n content,\n eventsTarget,\n smoothWheel,\n syncTouch,\n syncTouchLerp,\n touchInertiaMultiplier,\n duration,\n easing,\n lerp: lerp2,\n infinite,\n gestureOrientation,\n orientation,\n touchMultiplier,\n wheelMultiplier,\n autoResize,\n prevent,\n virtualScroll,\n overscroll,\n autoRaf,\n anchors,\n autoToggle,\n allowNestedScroll,\n __experimental__naiveDimensions\n };\n this.dimensions = new Dimensions(wrapper, content, { autoResize });\n this.updateClassName();\n this.targetScroll = this.animatedScroll = this.actualScroll;\n this.options.wrapper.addEventListener(\"scroll\", this.onNativeScroll, false);\n this.options.wrapper.addEventListener(\"scrollend\", this.onScrollEnd, {\n capture: true\n });\n if (this.options.anchors && this.options.wrapper === window) {\n this.options.wrapper.addEventListener(\n \"click\",\n this.onClick,\n false\n );\n }\n this.options.wrapper.addEventListener(\n \"pointerdown\",\n this.onPointerDown,\n false\n );\n this.virtualScroll = new VirtualScroll(eventsTarget, {\n touchMultiplier,\n wheelMultiplier\n });\n this.virtualScroll.on(\"scroll\", this.onVirtualScroll);\n if (this.options.autoToggle) {\n this.rootElement.addEventListener(\"transitionend\", this.onTransitionEnd, {\n passive: true\n });\n }\n if (this.options.autoRaf) {\n this.__rafID = requestAnimationFrame(this.raf);\n }\n }\n /**\n * Destroy the lenis instance, remove all event listeners and clean up the class name\n */\n destroy() {\n this.emitter.destroy();\n this.options.wrapper.removeEventListener(\n \"scroll\",\n this.onNativeScroll,\n false\n );\n this.options.wrapper.removeEventListener(\"scrollend\", this.onScrollEnd, {\n capture: true\n });\n this.options.wrapper.removeEventListener(\n \"pointerdown\",\n this.onPointerDown,\n false\n );\n if (this.options.anchors && this.options.wrapper === window) {\n this.options.wrapper.removeEventListener(\n \"click\",\n this.onClick,\n false\n );\n }\n this.virtualScroll.destroy();\n this.dimensions.destroy();\n this.cleanUpClassName();\n if (this.__rafID) {\n cancelAnimationFrame(this.__rafID);\n }\n }\n on(event, callback) {\n return this.emitter.on(event, callback);\n }\n off(event, callback) {\n return this.emitter.off(event, callback);\n }\n onScrollEnd = (e) => {\n if (!(e instanceof CustomEvent)) {\n if (this.isScrolling === \"smooth\" || this.isScrolling === false) {\n e.stopPropagation();\n }\n }\n };\n dispatchScrollendEvent = () => {\n this.options.wrapper.dispatchEvent(\n new CustomEvent(\"scrollend\", {\n bubbles: this.options.wrapper === window,\n // cancelable: false,\n detail: {\n lenisScrollEnd: true\n }\n })\n );\n };\n onTransitionEnd = (event) => {\n if (event.propertyName.includes(\"overflow\")) {\n const property = this.isHorizontal ? \"overflow-x\" : \"overflow-y\";\n const overflow = getComputedStyle(this.rootElement)[property];\n if ([\"hidden\", \"clip\"].includes(overflow)) {\n this.stop();\n } else {\n this.start();\n }\n }\n };\n setScroll(scroll) {\n if (this.isHorizontal) {\n this.options.wrapper.scrollTo({ left: scroll, behavior: \"instant\" });\n } else {\n this.options.wrapper.scrollTo({ top: scroll, behavior: \"instant\" });\n }\n }\n onClick = (event) => {\n const path = event.composedPath();\n const anchor = path.find(\n (node) => node instanceof HTMLAnchorElement && (node.getAttribute(\"href\")?.startsWith(\"#\") || node.getAttribute(\"href\")?.startsWith(\"/#\") || node.getAttribute(\"href\")?.startsWith(\"./#\"))\n );\n if (anchor) {\n const id = anchor.getAttribute(\"href\");\n if (id) {\n const options = typeof this.options.anchors === \"object\" && this.options.anchors ? this.options.anchors : void 0;\n let target = `#${id.split(\"#\")[1]}`;\n if ([\"#\", \"/#\", \"./#\", \"#top\", \"/#top\", \"./#top\"].includes(id)) {\n target = 0;\n }\n this.scrollTo(target, options);\n }\n }\n };\n onPointerDown = (event) => {\n if (event.button === 1) {\n this.reset();\n }\n };\n onVirtualScroll = (data) => {\n if (typeof this.options.virtualScroll === \"function\" && this.options.virtualScroll(data) === false)\n return;\n const { deltaX, deltaY, event } = data;\n this.emitter.emit(\"virtual-scroll\", { deltaX, deltaY, event });\n if (event.ctrlKey) return;\n if (event.lenisStopPropagation) return;\n const isTouch = event.type.includes(\"touch\");\n const isWheel = event.type.includes(\"wheel\");\n this.isTouching = event.type === \"touchstart\" || event.type === \"touchmove\";\n const isClickOrTap = deltaX === 0 && deltaY === 0;\n const isTapToStop = this.options.syncTouch && isTouch && event.type === \"touchstart\" && isClickOrTap && !this.isStopped && !this.isLocked;\n if (isTapToStop) {\n this.reset();\n return;\n }\n const isUnknownGesture = this.options.gestureOrientation === \"vertical\" && deltaY === 0 || this.options.gestureOrientation === \"horizontal\" && deltaX === 0;\n if (isClickOrTap || isUnknownGesture) {\n return;\n }\n let composedPath = event.composedPath();\n composedPath = composedPath.slice(0, composedPath.indexOf(this.rootElement));\n const prevent = this.options.prevent;\n if (!!composedPath.find(\n (node) => node instanceof HTMLElement && (typeof prevent === \"function\" && prevent?.(node) || node.hasAttribute?.(\"data-lenis-prevent\") || isTouch && node.hasAttribute?.(\"data-lenis-prevent-touch\") || isWheel && node.hasAttribute?.(\"data-lenis-prevent-wheel\") || this.options.allowNestedScroll && this.checkNestedScroll(node, { deltaX, deltaY }))\n ))\n return;\n if (this.isStopped || this.isLocked) {\n event.preventDefault();\n return;\n }\n const isSmooth = this.options.syncTouch && isTouch || this.options.smoothWheel && isWheel;\n if (!isSmooth) {\n this.isScrolling = \"native\";\n this.animate.stop();\n event.lenisStopPropagation = true;\n return;\n }\n let delta = deltaY;\n if (this.options.gestureOrientation === \"both\") {\n delta = Math.abs(deltaY) > Math.abs(deltaX) ? deltaY : deltaX;\n } else if (this.options.gestureOrientation === \"horizontal\") {\n delta = deltaX;\n }\n if (!this.options.overscroll || this.options.infinite || this.options.wrapper !== window && (this.animatedScroll > 0 && this.animatedScroll < this.limit || this.animatedScroll === 0 && deltaY > 0 || this.animatedScroll === this.limit && deltaY < 0)) {\n event.lenisStopPropagation = true;\n }\n event.preventDefault();\n const isSyncTouch = isTouch && this.options.syncTouch;\n const isTouchEnd = isTouch && event.type === \"touchend\";\n const hasTouchInertia = isTouchEnd && Math.abs(delta) > 5;\n if (hasTouchInertia) {\n delta = this.velocity * this.options.touchInertiaMultiplier;\n }\n this.scrollTo(this.targetScroll + delta, {\n programmatic: false,\n ...isSyncTouch ? {\n lerp: hasTouchInertia ? this.options.syncTouchLerp : 1\n // immediate: !hasTouchInertia,\n } : {\n lerp: this.options.lerp,\n duration: this.options.duration,\n easing: this.options.easing\n }\n });\n };\n /**\n * Force lenis to recalculate the dimensions\n */\n resize() {\n this.dimensions.resize();\n this.animatedScroll = this.targetScroll = this.actualScroll;\n this.emit();\n }\n emit() {\n this.emitter.emit(\"scroll\", this);\n }\n onNativeScroll = () => {\n if (this._resetVelocityTimeout !== null) {\n clearTimeout(this._resetVelocityTimeout);\n this._resetVelocityTimeout = null;\n }\n if (this._preventNextNativeScrollEvent) {\n this._preventNextNativeScrollEvent = false;\n return;\n }\n if (this.isScrolling === false || this.isScrolling === \"native\") {\n const lastScroll = this.animatedScroll;\n this.animatedScroll = this.targetScroll = this.actualScroll;\n this.lastVelocity = this.velocity;\n this.velocity = this.animatedScroll - lastScroll;\n this.direction = Math.sign(\n this.animatedScroll - lastScroll\n );\n if (!this.isStopped) {\n this.isScrolling = \"native\";\n }\n this.emit();\n if (this.velocity !== 0) {\n this._resetVelocityTimeout = setTimeout(() => {\n this.lastVelocity = this.velocity;\n this.velocity = 0;\n this.isScrolling = false;\n this.emit();\n }, 400);\n }\n }\n };\n reset() {\n this.isLocked = false;\n this.isScrolling = false;\n this.animatedScroll = this.targetScroll = this.actualScroll;\n this.lastVelocity = this.velocity = 0;\n this.animate.stop();\n }\n /**\n * Start lenis scroll after it has been stopped\n */\n start() {\n if (!this.isStopped) return;\n this.reset();\n this.isStopped = false;\n this.emit();\n }\n /**\n * Stop lenis scroll\n */\n stop() {\n if (this.isStopped) return;\n this.reset();\n this.isStopped = true;\n this.emit();\n }\n /**\n * RequestAnimationFrame for lenis\n *\n * @param time The time in ms from an external clock like `requestAnimationFrame` or Tempus\n */\n raf = (time) => {\n const deltaTime = time - (this.time || time);\n this.time = time;\n this.animate.advance(deltaTime * 1e-3);\n if (this.options.autoRaf) {\n this.__rafID = requestAnimationFrame(this.raf);\n }\n };\n /**\n * Scroll to a target value\n *\n * @param target The target value to scroll to\n * @param options The options for the scroll\n *\n * @example\n * lenis.scrollTo(100, {\n * offset: 100,\n * duration: 1,\n * easing: (t) => 1 - Math.cos((t * Math.PI) / 2),\n * lerp: 0.1,\n * onStart: () => {\n * console.log('onStart')\n * },\n * onComplete: () => {\n * console.log('onComplete')\n * },\n * })\n */\n scrollTo(target, {\n offset = 0,\n immediate = false,\n lock = false,\n duration = this.options.duration,\n easing = this.options.easing,\n lerp: lerp2 = this.options.lerp,\n onStart,\n onComplete,\n force = false,\n // scroll even if stopped\n programmatic = true,\n // called from outside of the class\n userData\n } = {}) {\n if ((this.isStopped || this.isLocked) && !force) return;\n if (typeof target === \"string\" && [\"top\", \"left\", \"start\"].includes(target)) {\n target = 0;\n } else if (typeof target === \"string\" && [\"bottom\", \"right\", \"end\"].includes(target)) {\n target = this.limit;\n } else {\n let node;\n if (typeof target === \"string\") {\n node = document.querySelector(target);\n } else if (target instanceof HTMLElement && target?.nodeType) {\n node = target;\n }\n if (node) {\n if (this.options.wrapper !== window) {\n const wrapperRect = this.rootElement.getBoundingClientRect();\n offset -= this.isHorizontal ? wrapperRect.left : wrapperRect.top;\n }\n const rect = node.getBoundingClientRect();\n target = (this.isHorizontal ? rect.left : rect.top) + this.animatedScroll;\n }\n }\n if (typeof target !== \"number\") return;\n target += offset;\n target = Math.round(target);\n if (this.options.infinite) {\n if (programmatic) {\n this.targetScroll = this.animatedScroll = this.scroll;\n const distance = target - this.animatedScroll;\n if (distance > this.limit / 2) {\n target = target - this.limit;\n } else if (distance < -this.limit / 2) {\n target = target + this.limit;\n }\n }\n } else {\n target = clamp(0, target, this.limit);\n }\n if (target === this.targetScroll) {\n onStart?.(this);\n onComplete?.(this);\n return;\n }\n this.userData = userData ?? {};\n if (immediate) {\n this.animatedScroll = this.targetScroll = target;\n this.setScroll(this.scroll);\n this.reset();\n this.preventNextNativeScrollEvent();\n this.emit();\n onComplete?.(this);\n this.userData = {};\n requestAnimationFrame(() => {\n this.dispatchScrollendEvent();\n });\n return;\n }\n if (!programmatic) {\n this.targetScroll = target;\n }\n if (typeof duration === \"number\" && typeof easing !== \"function\") {\n easing = defaultEasing;\n } else if (typeof easing === \"function\" && typeof duration !== \"number\") {\n duration = 1;\n }\n this.animate.fromTo(this.animatedScroll, target, {\n duration,\n easing,\n lerp: lerp2,\n onStart: () => {\n if (lock) this.isLocked = true;\n this.isScrolling = \"smooth\";\n onStart?.(this);\n },\n onUpdate: (value, completed) => {\n this.isScrolling = \"smooth\";\n this.lastVelocity = this.velocity;\n this.velocity = value - this.animatedScroll;\n this.direction = Math.sign(this.velocity);\n this.animatedScroll = value;\n this.setScroll(this.scroll);\n if (programmatic) {\n this.targetScroll = value;\n }\n if (!completed) this.emit();\n if (completed) {\n this.reset();\n this.emit();\n onComplete?.(this);\n this.userData = {};\n requestAnimationFrame(() => {\n this.dispatchScrollendEvent();\n });\n this.preventNextNativeScrollEvent();\n }\n }\n });\n }\n preventNextNativeScrollEvent() {\n this._preventNextNativeScrollEvent = true;\n requestAnimationFrame(() => {\n this._preventNextNativeScrollEvent = false;\n });\n }\n checkNestedScroll(node, { deltaX, deltaY }) {\n const time = Date.now();\n const cache = node._lenis ??= {};\n let hasOverflowX, hasOverflowY, isScrollableX, isScrollableY, scrollWidth, scrollHeight, clientWidth, clientHeight;\n const gestureOrientation = this.options.gestureOrientation;\n if (time - (cache.time ?? 0) > 2e3) {\n cache.time = Date.now();\n const computedStyle = window.getComputedStyle(node);\n cache.computedStyle = computedStyle;\n const overflowXString = computedStyle.overflowX;\n const overflowYString = computedStyle.overflowY;\n hasOverflowX = [\"auto\", \"overlay\", \"scroll\"].includes(overflowXString);\n hasOverflowY = [\"auto\", \"overlay\", \"scroll\"].includes(overflowYString);\n cache.hasOverflowX = hasOverflowX;\n cache.hasOverflowY = hasOverflowY;\n if (!hasOverflowX && !hasOverflowY) return false;\n if (gestureOrientation === \"vertical\" && !hasOverflowY) return false;\n if (gestureOrientation === \"horizontal\" && !hasOverflowX) return false;\n scrollWidth = node.scrollWidth;\n scrollHeight = node.scrollHeight;\n clientWidth = node.clientWidth;\n clientHeight = node.clientHeight;\n isScrollableX = scrollWidth > clientWidth;\n isScrollableY = scrollHeight > clientHeight;\n cache.isScrollableX = isScrollableX;\n cache.isScrollableY = isScrollableY;\n cache.scrollWidth = scrollWidth;\n cache.scrollHeight = scrollHeight;\n cache.clientWidth = clientWidth;\n cache.clientHeight = clientHeight;\n } else {\n isScrollableX = cache.isScrollableX;\n isScrollableY = cache.isScrollableY;\n hasOverflowX = cache.hasOverflowX;\n hasOverflowY = cache.hasOverflowY;\n scrollWidth = cache.scrollWidth;\n scrollHeight = cache.scrollHeight;\n clientWidth = cache.clientWidth;\n clientHeight = cache.clientHeight;\n }\n if (!hasOverflowX && !hasOverflowY || !isScrollableX && !isScrollableY) {\n return false;\n }\n if (gestureOrientation === \"vertical\" && (!hasOverflowY || !isScrollableY))\n return false;\n if (gestureOrientation === \"horizontal\" && (!hasOverflowX || !isScrollableX))\n return false;\n let orientation;\n if (gestureOrientation === \"horizontal\") {\n orientation = \"x\";\n } else if (gestureOrientation === \"vertical\") {\n orientation = \"y\";\n } else {\n const isScrollingX = deltaX !== 0;\n const isScrollingY = deltaY !== 0;\n if (isScrollingX && hasOverflowX && isScrollableX) {\n orientation = \"x\";\n }\n if (isScrollingY && hasOverflowY && isScrollableY) {\n orientation = \"y\";\n }\n }\n if (!orientation) return false;\n let scroll, maxScroll, delta, hasOverflow, isScrollable;\n if (orientation === \"x\") {\n scroll = node.scrollLeft;\n maxScroll = scrollWidth - clientWidth;\n delta = deltaX;\n hasOverflow = hasOverflowX;\n isScrollable = isScrollableX;\n } else if (orientation === \"y\") {\n scroll = node.scrollTop;\n maxScroll = scrollHeight - clientHeight;\n delta = deltaY;\n hasOverflow = hasOverflowY;\n isScrollable = isScrollableY;\n } else {\n return false;\n }\n const willScroll = delta > 0 ? scroll < maxScroll : scroll > 0;\n return willScroll && hasOverflow && isScrollable;\n }\n /**\n * The root element on which lenis is instanced\n */\n get rootElement() {\n return this.options.wrapper === window ? document.documentElement : this.options.wrapper;\n }\n /**\n * The limit which is the maximum scroll value\n */\n get limit() {\n if (this.options.__experimental__naiveDimensions) {\n if (this.isHorizontal) {\n return this.rootElement.scrollWidth - this.rootElement.clientWidth;\n } else {\n return this.rootElement.scrollHeight - this.rootElement.clientHeight;\n }\n } else {\n return this.dimensions.limit[this.isHorizontal ? \"x\" : \"y\"];\n }\n }\n /**\n * Whether or not the scroll is horizontal\n */\n get isHorizontal() {\n return this.options.orientation === \"horizontal\";\n }\n /**\n * The actual scroll value\n */\n get actualScroll() {\n const wrapper = this.options.wrapper;\n return this.isHorizontal ? wrapper.scrollX ?? wrapper.scrollLeft : wrapper.scrollY ?? wrapper.scrollTop;\n }\n /**\n * The current scroll value\n */\n get scroll() {\n return this.options.infinite ? modulo(this.animatedScroll, this.limit) : this.animatedScroll;\n }\n /**\n * The progress of the scroll relative to the limit\n */\n get progress() {\n return this.limit === 0 ? 1 : this.scroll / this.limit;\n }\n /**\n * Current scroll state\n */\n get isScrolling() {\n return this._isScrolling;\n }\n set isScrolling(value) {\n if (this._isScrolling !== value) {\n this._isScrolling = value;\n this.updateClassName();\n }\n }\n /**\n * Check if lenis is stopped\n */\n get isStopped() {\n return this._isStopped;\n }\n set isStopped(value) {\n if (this._isStopped !== value) {\n this._isStopped = value;\n this.updateClassName();\n }\n }\n /**\n * Check if lenis is locked\n */\n get isLocked() {\n return this._isLocked;\n }\n set isLocked(value) {\n if (this._isLocked !== value) {\n this._isLocked = value;\n this.updateClassName();\n }\n }\n /**\n * Check if lenis is smooth scrolling\n */\n get isSmooth() {\n return this.isScrolling === \"smooth\";\n }\n /**\n * The class name applied to the wrapper element\n */\n get className() {\n let className = \"lenis\";\n if (this.options.autoToggle) className += \" lenis-autoToggle\";\n if (this.isStopped) className += \" lenis-stopped\";\n if (this.isLocked) className += \" lenis-locked\";\n if (this.isScrolling) className += \" lenis-scrolling\";\n if (this.isScrolling === \"smooth\") className += \" lenis-smooth\";\n return className;\n }\n updateClassName() {\n this.cleanUpClassName();\n this.rootElement.className = `${this.rootElement.className} ${this.className}`.trim();\n }\n cleanUpClassName() {\n this.rootElement.className = this.rootElement.className.replace(/lenis(-\\w+)?/g, \"\").trim();\n }\n};\nexport {\n Lenis as default\n};\n//# sourceMappingURL=lenis.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.4/dist/lenis.mjs\";import{useEffect,useRef}from\"react\";/**\n * @framerSupportedLayoutHeight any\n * @framerSupportedLayoutHeight any\n * @framerDisableUnlink\n */export default function Lenis({smooth,easing,infinite,orientation,intensity,children}){const wrapperRef=useRef();const contentRef=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,infinite,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\"});window.lenis=lenis;return()=>{lenis.destroy();};},[children]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"link\",{href:\"https://unpkg.com/lenis@1.3.3/dist/lenis.css\",rel:\"stylesheet\"}),/*#__PURE__*/_jsx(\"style\",{children:`.lenis-content * {\n width: 100% !important;\n }`}),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%\"},className:\"lenis-content\",children:children})})]});}addPropertyControls(Lenis,{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;}},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\",description:\"Cooked and served by [darkroom.engineering](https://darkroom.engineering).\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Lenis\",\"slots\":[\"children\"],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Lenis.map","import { ControlType } from \"framer\";\nexport const fontStack = `\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;\nexport const containerStyles = {\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nexport const emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(136, 85, 255, 0.3)\",\n color: \"#85F\",\n border: \"1px dashed #85F\",\n flexDirection: \"column\"\n};\nexport const defaultEvents = {\n onClick: {\n type: ControlType.EventHandler\n },\n onMouseEnter: {\n type: ControlType.EventHandler\n },\n onMouseLeave: {\n type: ControlType.EventHandler\n }\n};\nexport const fontSizeOptions = {\n type: ControlType.Number,\n title: \"Font Size\",\n min: 2,\n max: 200,\n step: 1,\n displayStepper: true\n};\nexport const fontControls = {\n font: {\n type: ControlType.Boolean,\n title: \"Font\",\n defaultValue: false,\n disabledTitle: \"Default\",\n enabledTitle: \"Custom\"\n },\n fontFamily: {\n type: ControlType.String,\n title: \"Family\",\n placeholder: \"Inter\",\n hidden: ({ font })=>!font\n },\n fontWeight: {\n type: ControlType.Enum,\n title: \"Weight\",\n options: [\n 100,\n 200,\n 300,\n 400,\n 500,\n 600,\n 700,\n 800,\n 900\n ],\n optionTitles: [\n \"Thin\",\n \"Extra-light\",\n \"Light\",\n \"Regular\",\n \"Medium\",\n \"Semi-bold\",\n \"Bold\",\n \"Extra-bold\",\n \"Black\", \n ],\n hidden: ({ font })=>!font\n }\n};\n// @TODO check if we're missing anything here — there doesn't seem to be a reliable browser API for this\nexport const localeOptions = {\n af: \"Afrikaans\",\n sq: \"Albanian\",\n an: \"Aragonese\",\n ar: \"Arabic (Standard)\",\n \"ar-dz\": \"Arabic (Algeria)\",\n \"ar-bh\": \"Arabic (Bahrain)\",\n \"ar-eg\": \"Arabic (Egypt)\",\n \"ar-iq\": \"Arabic (Iraq)\",\n \"ar-jo\": \"Arabic (Jordan)\",\n \"ar-kw\": \"Arabic (Kuwait)\",\n \"ar-lb\": \"Arabic (Lebanon)\",\n \"ar-ly\": \"Arabic (Libya)\",\n \"ar-ma\": \"Arabic (Morocco)\",\n \"ar-om\": \"Arabic (Oman)\",\n \"ar-qa\": \"Arabic (Qatar)\",\n \"ar-sa\": \"Arabic (Saudi Arabia)\",\n \"ar-sy\": \"Arabic (Syria)\",\n \"ar-tn\": \"Arabic (Tunisia)\",\n \"ar-ae\": \"Arabic (U.A.E.)\",\n \"ar-ye\": \"Arabic (Yemen)\",\n hy: \"Armenian\",\n as: \"Assamese\",\n ast: \"Asturian\",\n az: \"Azerbaijani\",\n eu: \"Basque\",\n bg: \"Bulgarian\",\n be: \"Belarusian\",\n bn: \"Bengali\",\n bs: \"Bosnian\",\n br: \"Breton\",\n my: \"Burmese\",\n ca: \"Catalan\",\n ch: \"Chamorro\",\n ce: \"Chechen\",\n zh: \"Chinese\",\n \"zh-hk\": \"Chinese (Hong Kong)\",\n \"zh-cn\": \"Chinese (PRC)\",\n \"zh-sg\": \"Chinese (Singapore)\",\n \"zh-tw\": \"Chinese (Taiwan)\",\n cv: \"Chuvash\",\n co: \"Corsican\",\n cr: \"Cree\",\n hr: \"Croatian\",\n cs: \"Czech\",\n da: \"Danish\",\n nl: \"Dutch (Standard)\",\n \"nl-be\": \"Dutch (Belgian)\",\n en: \"English\",\n \"en-au\": \"English (Australia)\",\n \"en-bz\": \"English (Belize)\",\n \"en-ca\": \"English (Canada)\",\n \"en-ie\": \"English (Ireland)\",\n \"en-jm\": \"English (Jamaica)\",\n \"en-nz\": \"English (New Zealand)\",\n \"en-ph\": \"English (Philippines)\",\n \"en-za\": \"English (South Africa)\",\n \"en-tt\": \"English (Trinidad & Tobago)\",\n \"en-gb\": \"English (United Kingdom)\",\n \"en-us\": \"English (United States)\",\n \"en-zw\": \"English (Zimbabwe)\",\n eo: \"Esperanto\",\n et: \"Estonian\",\n fo: \"Faeroese\",\n fa: \"Farsi\",\n fj: \"Fijian\",\n fi: \"Finnish\",\n fr: \"French (Standard)\",\n \"fr-be\": \"French (Belgium)\",\n \"fr-ca\": \"French (Canada)\",\n \"fr-fr\": \"French (France)\",\n \"fr-lu\": \"French (Luxembourg)\",\n \"fr-mc\": \"French (Monaco)\",\n \"fr-ch\": \"French (Switzerland)\",\n fy: \"Frisian\",\n fur: \"Friulian\",\n gd: \"Gaelic (Scots)\",\n \"gd-ie\": \"Gaelic (Irish)\",\n gl: \"Galacian\",\n ka: \"Georgian\",\n de: \"German (Standard)\",\n \"de-at\": \"German (Austria)\",\n \"de-de\": \"German (Germany)\",\n \"de-li\": \"German (Liechtenstein)\",\n \"de-lu\": \"German (Luxembourg)\",\n \"de-ch\": \"German (Switzerland)\",\n el: \"Greek\",\n gu: \"Gujurati\",\n ht: \"Haitian\",\n he: \"Hebrew\",\n hi: \"Hindi\",\n hu: \"Hungarian\",\n is: \"Icelandic\",\n id: \"Indonesian\",\n iu: \"Inuktitut\",\n ga: \"Irish\",\n it: \"Italian (Standard)\",\n \"it-ch\": \"Italian (Switzerland)\",\n ja: \"Japanese\",\n kn: \"Kannada\",\n ks: \"Kashmiri\",\n kk: \"Kazakh\",\n km: \"Khmer\",\n ky: \"Kirghiz\",\n tlh: \"Klingon\",\n ko: \"Korean\",\n \"ko-kp\": \"Korean (North Korea)\",\n \"ko-kr\": \"Korean (South Korea)\",\n la: \"Latin\",\n lv: \"Latvian\",\n lt: \"Lithuanian\",\n lb: \"Luxembourgish\",\n mk: \"FYRO Macedonian\",\n ms: \"Malay\",\n ml: \"Malayalam\",\n mt: \"Maltese\",\n mi: \"Maori\",\n mr: \"Marathi\",\n mo: \"Moldavian\",\n nv: \"Navajo\",\n ng: \"Ndonga\",\n ne: \"Nepali\",\n no: \"Norwegian\",\n nb: \"Norwegian (Bokmal)\",\n nn: \"Norwegian (Nynorsk)\",\n oc: \"Occitan\",\n or: \"Oriya\",\n om: \"Oromo\",\n \"fa-ir\": \"Persian/Iran\",\n pl: \"Polish\",\n pt: \"Portuguese\",\n \"pt-br\": \"Portuguese (Brazil)\",\n pa: \"Punjabi\",\n \"pa-in\": \"Punjabi (India)\",\n \"pa-pk\": \"Punjabi (Pakistan)\",\n qu: \"Quechua\",\n rm: \"Rhaeto-Romanic\",\n ro: \"Romanian\",\n \"ro-mo\": \"Romanian (Moldavia)\",\n ru: \"Russian\",\n \"ru-mo\": \"Russian (Moldavia)\",\n sz: \"Sami (Lappish)\",\n sg: \"Sango\",\n sa: \"Sanskrit\",\n sc: \"Sardinian\",\n sd: \"Sindhi\",\n si: \"Singhalese\",\n sr: \"Serbian\",\n sk: \"Slovak\",\n sl: \"Slovenian\",\n so: \"Somani\",\n sb: \"Sorbian\",\n es: \"Spanish\",\n \"es-ar\": \"Spanish (Argentina)\",\n \"es-bo\": \"Spanish (Bolivia)\",\n \"es-cl\": \"Spanish (Chile)\",\n \"es-co\": \"Spanish (Colombia)\",\n \"es-cr\": \"Spanish (Costa Rica)\",\n \"es-do\": \"Spanish (Dominican Republic)\",\n \"es-ec\": \"Spanish (Ecuador)\",\n \"es-sv\": \"Spanish (El Salvador)\",\n \"es-gt\": \"Spanish (Guatemala)\",\n \"es-hn\": \"Spanish (Honduras)\",\n \"es-mx\": \"Spanish (Mexico)\",\n \"es-ni\": \"Spanish (Nicaragua)\",\n \"es-pa\": \"Spanish (Panama)\",\n \"es-py\": \"Spanish (Paraguay)\",\n \"es-pe\": \"Spanish (Peru)\",\n \"es-pr\": \"Spanish (Puerto Rico)\",\n \"es-es\": \"Spanish (Spain)\",\n \"es-uy\": \"Spanish (Uruguay)\",\n \"es-ve\": \"Spanish (Venezuela)\",\n sx: \"Sutu\",\n sw: \"Swahili\",\n sv: \"Swedish\",\n \"sv-fi\": \"Swedish (Finland)\",\n \"sv-sv\": \"Swedish (Sweden)\",\n ta: \"Tamil\",\n tt: \"Tatar\",\n te: \"Teluga\",\n th: \"Thai\",\n tig: \"Tigre\",\n ts: \"Tsonga\",\n tn: \"Tswana\",\n tr: \"Turkish\",\n tk: \"Turkmen\",\n uk: \"Ukrainian\",\n hsb: \"Upper Sorbian\",\n ur: \"Urdu\",\n ve: \"Venda\",\n vi: \"Vietnamese\",\n vo: \"Volapuk\",\n wa: \"Walloon\",\n cy: \"Welsh\",\n xh: \"Xhosa\",\n ji: \"Yiddish\",\n zu: \"Zulu\"\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./constants.map","import { useIsInCurrentNavigationTarget } from \"framer\";\nimport { useEffect } from \"react\";\nexport function useOnEnter(onEnter, enabled) {\n return useOnSpecificTargetChange(true, onEnter, enabled);\n}\nexport function useOnExit(onExit, enabled) {\n return useOnSpecificTargetChange(false, onExit, enabled);\n}\nfunction useOnSpecificTargetChange(goal, callback, enabled = true) {\n const isInTarget = useIsInCurrentNavigationTarget();\n useEffect(()=>{\n if (enabled && isInTarget === goal) callback();\n }, [\n isInTarget\n ]);\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useOnEnter\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnNavigationTargetChange.map","import { useRef } from \"react\";\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */ export function useConstant(init) {\n const ref = useRef(null);\n if (ref.current === null) {\n ref.current = init();\n }\n return ref.current;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useConstant.map","import { Color } from \"framer\";\nexport function colorFromToken(color) {\n if (color.startsWith(\"var(--token-\")) return \"rgb\" + color.split(\") /*\")[0].split(\", rgb\")[1];\n return color;\n}\nexport function colorTokentoValue(color) {\n return Color(colorFromToken(color)).toValue();\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"colorFromToken\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./colorFromToken.map","import { MotionValue } from \"framer\";\nexport const isMotionValue = (v)=>v instanceof MotionValue\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isMotionValue.map","import * as React from \"react\";\nconst letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nconst l = ()=>letters[Math.floor(Math.random() * letters.length)]\n;\nexport const randomID = ()=>l() + l() + l() + l() + l() + l() + l() + l() + l()\n;\nfunction createUniqueClass(suffix) {\n return `framer-${suffix}-${randomID()}`;\n}\nexport function useUniqueClassName(suffix, deps) {\n const [className, setClassName] = React.useState(createUniqueClass(suffix));\n React.useEffect(()=>{\n setClassName(createUniqueClass(suffix));\n }, [\n suffix,\n ...deps\n ]);\n return className;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useUniqueClassName\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useUniqueClassName.map","import { ControlType } from \"framer\";\n// I realize this only applies to select right now\n// but we can work on it in here\nexport function getVariantControls(Component, variant, additionalControls = {\n}) {\n return {\n [`${variant}TextColor`]: {\n type: ControlType.Color,\n title: \"Text Color\",\n defaultValue: Component.defaultProps[`${variant}TextColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}IconColor`]: {\n type: ControlType.Color,\n title: \"Icon Color\",\n defaultValue: Component.defaultProps[`${variant}IconColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BackgroundColor`]: {\n type: ControlType.Color,\n title: \"Bg Color\",\n defaultValue: Component.defaultProps[`${variant}BackgroundColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderColor`]: {\n type: ControlType.Color,\n title: \"Border Color\",\n defaultValue: Component.defaultProps[`${variant}BorderColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderWidth`]: {\n type: ControlType.Number,\n title: \" \",\n min: 0,\n max: 5,\n displayStepper: true,\n defaultValue: Component.defaultProps[`${variant}BorderWidth`],\n hidden: (props)=>props.variant !== variant\n },\n ...additionalControls\n };\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"getVariantControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./variantUtils.map","import { useMemo } from \"react\";\nexport const isBrowserSafari = ()=>{\n if (typeof navigator !== `undefined`) {\n const userAgent = navigator.userAgent.toLowerCase();\n const isSafari = (userAgent.indexOf(\"safari\") > -1 || userAgent.indexOf(\"framermobile\") > -1 || userAgent.indexOf(\"framerx\") > -1) && userAgent.indexOf(\"chrome\") < 0;\n return isSafari;\n } else return false;\n};\nexport const useIsBrowserSafari = ()=>useMemo(()=>isBrowserSafari()\n , [])\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isBrowser.map","import { useEffect } from \"react\";\n//@ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\nexport function useOnChange(value, callback) {\n useEffect(()=>// @ts-ignore this should be detected as a MV :shrug:\n isMotionValue(value) ? value.onChange(callback) : undefined\n );\n}\nexport function useMultiOnChange(values, handler) {\n useEffect(()=>{\n const subscriptions = values.map((value)=>value.onChange(handler)\n );\n return ()=>subscriptions.forEach((unsubscribe)=>unsubscribe()\n )\n ;\n });\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"Subscriber\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnChange.map","import { useCallback, useEffect, useRef } from \"react\";\nimport { motionValue, animate, RenderTarget } from \"framer\";\n// @ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\n// @ts-ignore\nimport { useConstant } from \"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";\nexport function useAutoMotionValue(inputValue, options) {\n var ref;\n // Put options on a local ref\n // Might wanna just memo instead but it works for now\n const optionsRef = useRef(options);\n const animation = useRef();\n const didInitialMount = useRef(false);\n const isOnCanvas = RenderTarget.current() === RenderTarget.canvas;\n // in-progress - trying to figure out effect hooks\n const onChangeDeps = (options === null || options === void 0 ? void 0 : options.onChangeDeps) ? options.onChangeDeps : [];\n // Memoize the onChange handler\n const onChange = useCallback(options === null || options === void 0 ? void 0 : options.onChange, [\n ...onChangeDeps, \n ]);\n // Optionally scale the value from props\n const transformer = useCallback((value)=>((ref = optionsRef.current) === null || ref === void 0 ? void 0 : ref.transform) ? optionsRef.current.transform(value) : value\n , []);\n // Create new MotionValue from inputValue\n const value = useConstant(()=>isMotionValue(inputValue) ? inputValue : motionValue(transformer(inputValue))\n );\n // Setting value from prop change\n useEffect(()=>{\n if (!isMotionValue(inputValue) && didInitialMount.current) {\n var ref1, ref2;\n const newValue = transformer(inputValue);\n (ref1 = animation.current) === null || ref1 === void 0 ? void 0 : ref1.stop();\n // Call change callback\n if (onChange) onChange(newValue, value);\n // Trigger animation to new value\n if (((ref2 = optionsRef.current) === null || ref2 === void 0 ? void 0 : ref2.animate) && !isOnCanvas) {\n var ref3;\n // @ts-ignore\n animation.current = animate(value, newValue, (ref3 = optionsRef.current) === null || ref3 === void 0 ? void 0 : ref3.transition);\n } else {\n value.set(newValue);\n }\n }\n didInitialMount.current = true;\n }, [\n inputValue,\n ...onChangeDeps\n ]);\n return value;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useAutoMotionValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","// @ts-ignore\nimport{fontStore}from\"framer\";import{useEffect}from\"react\";import{fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";const fontWeights={100:\"Thin\",200:\"Extra-light\",300:\"Light\",400:\"Regular\",500:\"Medium\",600:\"Semi-bold\",700:\"Bold\",800:\"Extra-bold\",900:\"Black\"};export function useFontControls(props){const{fontFamily=\"Inter\",fontSize=16,fontWeight=400,font=false}=props;const fontWeightName=fontWeights[fontWeight];const customFontStack=`\"${fontFamily} ${fontWeightName}\", \"${fontFamily}\", ${fontStack}`;const fontFamilyStyle=fontFamily?{fontSize,fontWeight,fontFamily:customFontStack}:{fontSize,fontWeight};const fetchCustomFonts=async()=>{await fontStore.loadWebFontsFromSelectors([`CUSTOM;${fontFamily}`,`CUSTOM;${fontFamily} ${fontWeightName}`,`GF;${fontFamily}-${fontWeightName.toLowerCase()}`,]).catch(e=>console.error(e));};useEffect(()=>{if(font)fetchCustomFonts();},[font,fontFamily,fontWeight]);return fontFamilyStyle;}\nexport const __FramerMetadata__ = {\"exports\":{\"useFontControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useFontControls.map","import { useMemo } from \"react\";\nimport { RenderTarget } from \"framer\";\nexport function useRenderTarget() {\n const currentRenderTarget = useMemo(()=>RenderTarget.current()\n , []);\n return currentRenderTarget;\n}\nexport function useIsInPreview() {\n const inPreview = useMemo(()=>RenderTarget.current() === RenderTarget.preview\n , []);\n return inPreview;\n}\nexport function useIsOnCanvas() {\n const onCanvas = useMemo(()=>RenderTarget.current() === RenderTarget.canvas\n , []);\n return onCanvas;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsInPreview\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useRenderTarget.map","import * as React from \"react\";\nexport function useControlledState(value) {\n const [controlledValue, setValue] = React.useState(value);\n React.useEffect(()=>{\n setValue(value);\n }, [\n value\n ]);\n return [\n controlledValue,\n setValue\n ];\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useControlledState\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useControlledState.map","import { useMemo } from \"react\";\nimport { ControlType } from \"framer\";\nexport function useRadius(props) {\n const { borderRadius , isMixedBorderRadius , topLeftRadius , topRightRadius , bottomRightRadius , bottomLeftRadius , } = props;\n const radiusValue = useMemo(()=>isMixedBorderRadius ? `${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px` : `${borderRadius}px`\n , [\n borderRadius,\n isMixedBorderRadius,\n topLeftRadius,\n topRightRadius,\n bottomRightRadius,\n bottomLeftRadius, \n ]);\n return radiusValue;\n}\nexport const borderRadiusControl = {\n borderRadius: {\n title: \"Radius\",\n type: ControlType.FusedNumber,\n toggleKey: \"isMixedBorderRadius\",\n toggleTitles: [\n \"Radius\",\n \"Radius per corner\"\n ],\n valueKeys: [\n \"topLeftRadius\",\n \"topRightRadius\",\n \"bottomRightRadius\",\n \"bottomLeftRadius\", \n ],\n valueLabels: [\n \"TL\",\n \"TR\",\n \"BR\",\n \"BL\"\n ],\n min: 0\n }\n};\nexport function usePadding(props) {\n const { padding , paddingPerSide , paddingTop , paddingRight , paddingBottom , paddingLeft , } = props;\n const paddingValue = useMemo(()=>paddingPerSide ? `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px` : padding\n , [\n padding,\n paddingPerSide,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft, \n ]);\n return paddingValue;\n}\nexport const paddingControl = {\n padding: {\n type: ControlType.FusedNumber,\n toggleKey: \"paddingPerSide\",\n toggleTitles: [\n \"Padding\",\n \"Padding per side\"\n ],\n valueKeys: [\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\", \n ],\n valueLabels: [\n \"T\",\n \"R\",\n \"B\",\n \"L\"\n ],\n min: 0,\n title: \"Padding\"\n }\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RadiusProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PaddingProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./propUtils.map","import{defaultEvents,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";import{useOnEnter,useOnExit}from\"https://framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js\";import{useConstant}from\"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";import{colorTokentoValue,colorFromToken}from\"https://framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js\";import{isMotionValue}from\"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";import{useUniqueClassName,randomID}from\"https://framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js\";import{getVariantControls}from\"https://framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js\";import{useIsBrowserSafari}from\"https://framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js\";import{useMultiOnChange,useOnChange}from\"https://framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js\";import{mstoMinAndSec,secondsToMinutes}from\"https://framerusercontent.com/modules/4zHZnO5JojN1PrIbu2jm/revv9QCWpkh8lPzi2jje/time.js\";import{useAutoMotionValue}from\"https://framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js\";import{useFontControls}from\"https://framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js\";import{useRenderTarget,useIsInPreview,useIsOnCanvas}from\"https://framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js\";import{useControlledState}from\"https://framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js\";import{usePadding,useRadius,paddingControl,borderRadiusControl}from\"https://framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js\";import{detectAutoSizingAxis}from\"https://framerusercontent.com/modules/8CkHAZatUz1UR8jNTcfD/HwbnIAZlUmQ2oTpcLkaH/detectAutoSizingAxis.js\";export{useOnEnter,useOnExit,defaultEvents,isMotionValue,colorFromToken,colorTokentoValue,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack,useUniqueClassName,getVariantControls,useIsBrowserSafari,randomID,useConstant,useMultiOnChange,useOnChange,usePadding,useRadius,paddingControl,borderRadiusControl,mstoMinAndSec,useFontControls,secondsToMinutes,useAutoMotionValue,useRenderTarget,useIsInPreview,useControlledState,detectAutoSizingAxis,useIsOnCanvas,};\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useUniqueClassName\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getVariantControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorFromToken\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useControlledState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useFontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useAutoMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsInPreview\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"detectAutoSizingAxis\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"mstoMinAndSec\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnEnter\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"secondsToMinutes\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget,RenderTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius,useRenderTarget}from\"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\";// https://framer.com/m/framer/default-utils.js@^0.45.0\nimport{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));const defaultVideo=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\";// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function Video(props){const newProps=getProps(props);return /*#__PURE__*/_jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const isPlayingRef=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const video=videoRef.current;if(!video)return;video.preload=\"auto\"// makes sure browsers don't throttle: https://html.spec.whatwg.org/multipage/media.html#:~:text=When%20the%20media%20resource%20is%20playing%2C%20hints%20to%20the%20user%20agent%20that%20bandwidth%20is%20to%20be%20considered%20scarce%2C%20e.g.%20suggesting%20throttling%20the%20download%20so%20that%20the%20media%20data%20is%20obtained%20at%20the%20slowest%20possible%20rate%20that%20still%20maintains%20consistent%20playback.\n;const isPlaying=video.currentTime>0&&video.onplaying&&!video.paused&&!video.ended&&video.readyState>=video.HAVE_CURRENT_DATA;if(!isPlaying&&video&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;isPlayingRef.current=true;video.play().catch(e=>{})// It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();isPlayingRef.current=false;},[]);return{play,pause,setProgress,isPlaying:isPlayingRef};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(()=>playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the