{"version":3,"file":"script_main.pu6S4TYe.mjs","names":["debounce","Component","useRef","_Fragment","Children","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","humanReadableVariantMap","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","className","RichText","sharedStyle.css","sharedStyle.fonts","useState","useRef","useCallback","Icon","useLayoutEffect","useEffect","addPropertyOverrides","enabledGestures","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","Image1","addPropertyOverrides","enabledGestures","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","SVG","addPropertyOverrides","ElementsLogo","NavigationLinkFonts","NavigationLink","ServicesMenuFonts","ButtonsPrimary2Fonts","ButtonsPrimary2","NavigationMenuButtonFonts","NavigationMenuButton","cycleOrder","serializationHash","variantClassNames","transition1","matchVariant","addImageAlt","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","ArrowUpRightMD","getProps","React.forwardRef","addPropertyOverrides","MotionDivWithFX","cycleOrder","serializationHash","variantClassNames","transition1","transition2","animation","transformTemplate1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","RichText","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","transition2","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","RichText","addPropertyOverrides","DesktopTower","ButtonsPrimary2Fonts","ButtonsPrimary2","FormSmall","FooterLink","cycleOrder","serializationHash","variantClassNames","transition1","animation","animation1","matchVariant","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","RichText","SVG","ArrowUpRightMD","Image1","_Fragment","FormPlainTextInput","sharedStyle.css","sharedStyle.fonts","NavigationNavigationFonts","NavigationNavigation","ContainerWithOptimizedAppearEffect","FooterFooterFonts","FooterFooter","LenisFonts","Lenis","breakpoints","serializationHash","variantClassNames","transformTemplate1","animation","animation1","matchVariant","breakpointRules","breakpointKeys","rules","mediaQueries","humanReadableVariantMap","HTMLStyle","getProps","Component","useRef","React.useId","PropertyOverrides","css","NavigationLink","ButtonsPrimary2","NavigationMenuButton","serializationHash","variantClassNames","matchVariant","React.useContext","React.useMemo","humanReadableVariantMap","React.Fragment","getProps","React.forwardRef","useRef","React.useId","Image1","ArrowUpRightMD","NavigationNavigation2","ContainerWithOptimizedAppearEffect","FooterFooterFonts","FooterFooter","Lenis","breakpoints","serializationHash","variantClassNames","animation","animation1","matchVariant","breakpointRules","breakpointKeys","rules","mediaQueries","humanReadableVariantMap","HTMLStyle","getProps","Component","useRef","React.useId","PropertyOverrides","css","n","FooterFooter","NavigationNavigation","useRef","React.useId","PropertyOverrides","React.createElement","Template1","Template2","Secondary","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.GracefullyDegradingErrorBoundary","Framer.PageEffectsProvider","Framer.patchRoutesForABTesting","Framer.inferInitialRouteFromPath","Framer.yieldToMain","React.startTransition","Framer.ErrorPlaceholder"],"sources":["https:/unpkg.com/lenis@1.3.17-framer/dist/lenis.mjs","https:/unpkg.com/lenis@1.3.17-framer/dist/lenis-snap.mjs","https:/framerusercontent.com/modules/bSeEZJm22jsjERCOGQvq/crq5K3ZDvRSa1euf8yEU/Lenis.js","https:/framerusercontent.com/modules/6OgTL7qtTIyZ1uVPKhTz/Jo7YS4hjNP52gcgPMreT/wbeKip_gn.js","https:/framerusercontent.com/modules/uu2jHHqe5VnnnXwjGbHJ/7GcOzh2yHVhdln2566q3/Service_dropdown.js","https:/framerusercontent.com/modules/5N0lscBmXBcKXLbI7hwe/3pssdFOSVBvAVdfManLx/jM8Kl3F5u.js","https:/framerusercontent.com/modules/i5Ph1wD3Ss1XIgEnQj3T/9Iyr0L3HbKKmuWZdkimL/p_755JNrn.js","https:/framerusercontent.com/modules/hPvFUyScZCfib3FN4grJ/RGTaC89D1hIvIpIeH4sy/pLwVk6H1U.js","https:/framerusercontent.com/modules/DakFiP5KzjQABk8iKjUT/zoTCTGpAtYIcwky4l6AH/dfKXNpdK7.js","https:/framerusercontent.com/modules/cJRn1imgcEug7zOFplSG/2XMxjcxQ20vgH0DX8biy/lCJe9RB5H.js","https:/framerusercontent.com/modules/1OLy6wXHXDNfyOddxoJP/x5NUDAYYamXWJ0mEHBXY/oNSWDQCps.js","https:/framerusercontent.com/modules/jt4iFddhWnb33pxm4PZm/xbYOYkdbeMQUuIUrbXOc/raKBBc3aN.js","https:/framerusercontent.com/modules/81pB2PWom4x6ZGk2G8b7/x2Mv9sZ6wevCWAEE8P1d/MjR8fHoaU.js","https:/framerusercontent.com/modules/6XuOROGCSAVFdZwiYNbu/9HgHNxFLeUjoY8NlpTsH/qvvQiMe5Y.js","https:/framerusercontent.com/modules/pkz1RloPG7EkZProJgH1/FqBn7CCDwhDO2P29ptcv/v2ThefCeM.js","https:/ga.jspm.io/npm:@motionone/easing@10.13.1/dist/index.es.js","https:/framerusercontent.com/modules/cKGD16u2MGB7MfqfVXFp/wiztTCbXokZrMicHAmZc/Grain.js","https:/framerusercontent.com/modules/VoKEiGnanqWeS9Mkjmu2/PVRI5LlcgpvPzMofs2xU/z7aMQSKA2.js","framer:toplevel/main"],"sourcesContent":["// package.json\nvar version = \"1.3.17-framer\";\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 touchInertiaExponent = 1.7,\n duration,\n // in seconds\n easing,\n lerp: lerp2 = 0.1,\n infinite = false,\n orientation = \"vertical\",\n // vertical, horizontal\n gestureOrientation = orientation === \"horizontal\" ? \"both\" : \"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 // @ts-ignore: this will be deprecated in the future\n __experimental__naiveDimensions = false,\n naiveDimensions = __experimental__naiveDimensions,\n stopInertiaOnNavigate = 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 touchInertiaExponent,\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 naiveDimensions,\n stopInertiaOnNavigate\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.stopInertiaOnNavigate) {\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.checkOverflow();\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.stopInertiaOnNavigate) {\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 get overflow() {\n const property = this.isHorizontal ? \"overflow-x\" : \"overflow-y\";\n return getComputedStyle(this.rootElement)[property];\n }\n checkOverflow() {\n if ([\"hidden\", \"clip\"].includes(this.overflow)) {\n this.internalStop();\n } else {\n this.internalStart();\n }\n }\n onTransitionEnd = (event) => {\n if (event.propertyName.includes(\"overflow\")) {\n this.checkOverflow();\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 anchorElements = path.filter(\n (node) => node instanceof HTMLAnchorElement && node.getAttribute(\"href\")\n );\n if (this.options.anchors) {\n const anchor = anchorElements.find(\n (node) => node.getAttribute(\"href\")?.includes(\"#\")\n );\n if (anchor) {\n const href = anchor.getAttribute(\"href\");\n if (href) {\n const options = typeof this.options.anchors === \"object\" && this.options.anchors ? this.options.anchors : void 0;\n const target = `#${href.split(\"#\")[1]}`;\n this.scrollTo(target, options);\n }\n }\n }\n if (this.options.stopInertiaOnNavigate) {\n const internalLink = anchorElements.find(\n (node) => node.host === window.location.host\n );\n if (internalLink) {\n this.reset();\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 if (event.cancelable) {\n event.preventDefault();\n }\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.limit > 0 && (this.animatedScroll > 0 && this.animatedScroll < this.limit || this.animatedScroll === 0 && deltaY > 0 || this.animatedScroll === this.limit && deltaY < 0)) {\n event.lenisStopPropagation = true;\n }\n if (event.cancelable) {\n event.preventDefault();\n }\n const isSyncTouch = isTouch && this.options.syncTouch;\n const isTouchEnd = isTouch && event.type === \"touchend\";\n const hasTouchInertia = isTouchEnd;\n if (hasTouchInertia) {\n delta = Math.sign(this.velocity) * Math.pow(Math.abs(this.velocity), this.options.touchInertiaExponent);\n }\n this.scrollTo(this.targetScroll + delta, {\n programmatic: false,\n ...isSyncTouch ? {\n lerp: hasTouchInertia ? this.options.syncTouchLerp : 1\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 if (this.options.autoToggle) {\n this.rootElement.style.removeProperty(\"overflow\");\n return;\n }\n this.internalStart();\n }\n internalStart() {\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 if (this.options.autoToggle) {\n this.rootElement.style.setProperty(\"overflow\", \"clip\");\n return;\n }\n this.internalStop();\n }\n internalStop() {\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 programmatic = true,\n // called from outside of the class\n lerp: lerp2 = programmatic ? this.options.lerp : void 0,\n duration = programmatic ? this.options.duration : void 0,\n easing = programmatic ? this.options.easing : void 0,\n onStart,\n onComplete,\n force = false,\n // scroll even if stopped\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 if (!node) {\n if (target === \"#top\") {\n target = 0;\n } else {\n console.warn(\"Lenis: Target not found\", target);\n }\n }\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.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","// packages/snap/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/snap/src/element.ts\nfunction removeParentSticky(element) {\n const position = getComputedStyle(element).position;\n const isSticky = position === \"sticky\";\n if (isSticky) {\n element.style.setProperty(\"position\", \"static\");\n element.dataset.sticky = \"true\";\n }\n if (element.offsetParent) {\n removeParentSticky(element.offsetParent);\n }\n}\nfunction addParentSticky(element) {\n if (element?.dataset?.sticky === \"true\") {\n element.style.removeProperty(\"position\");\n delete element.dataset.sticky;\n }\n if (element.offsetParent) {\n addParentSticky(element.offsetParent);\n }\n}\nfunction offsetTop(element, accumulator = 0) {\n const top = accumulator + element.offsetTop;\n if (element.offsetParent) {\n return offsetTop(element.offsetParent, top);\n }\n return top;\n}\nfunction offsetLeft(element, accumulator = 0) {\n const left = accumulator + element.offsetLeft;\n if (element.offsetParent) {\n return offsetLeft(element.offsetParent, left);\n }\n return left;\n}\nfunction scrollTop(element, accumulator = 0) {\n const top = accumulator + element.scrollTop;\n if (element.offsetParent) {\n return scrollTop(element.offsetParent, top);\n }\n return top + window.scrollY;\n}\nfunction scrollLeft(element, accumulator = 0) {\n const left = accumulator + element.scrollLeft;\n if (element.offsetParent) {\n return scrollLeft(element.offsetParent, left);\n }\n return left + window.scrollX;\n}\nvar SnapElement = class {\n element;\n options;\n align;\n // @ts-ignore\n rect = {};\n wrapperResizeObserver;\n resizeObserver;\n debouncedWrapperResize;\n constructor(element, {\n align = [\"start\"],\n ignoreSticky = true,\n ignoreTransform = false\n } = {}) {\n this.element = element;\n this.options = { align, ignoreSticky, ignoreTransform };\n this.align = [align].flat();\n this.debouncedWrapperResize = debounce(this.onWrapperResize, 500);\n this.wrapperResizeObserver = new ResizeObserver(this.debouncedWrapperResize);\n this.wrapperResizeObserver.observe(document.body);\n this.onWrapperResize();\n this.resizeObserver = new ResizeObserver(this.onResize);\n this.resizeObserver.observe(this.element);\n this.setRect({\n width: this.element.offsetWidth,\n height: this.element.offsetHeight\n });\n }\n destroy() {\n this.wrapperResizeObserver.disconnect();\n this.resizeObserver.disconnect();\n }\n setRect({\n top,\n left,\n width,\n height,\n element\n } = {}) {\n top = top ?? this.rect.top;\n left = left ?? this.rect.left;\n width = width ?? this.rect.width;\n height = height ?? this.rect.height;\n element = element ?? this.rect.element;\n if (top === this.rect.top && left === this.rect.left && width === this.rect.width && height === this.rect.height && element === this.rect.element)\n return;\n this.rect.top = top;\n this.rect.y = top;\n this.rect.width = width;\n this.rect.height = height;\n this.rect.left = left;\n this.rect.x = left;\n this.rect.bottom = top + height;\n this.rect.right = left + width;\n }\n onWrapperResize = () => {\n let top, left;\n if (this.options.ignoreSticky) removeParentSticky(this.element);\n if (this.options.ignoreTransform) {\n top = offsetTop(this.element);\n left = offsetLeft(this.element);\n } else {\n const rect = this.element.getBoundingClientRect();\n top = rect.top + scrollTop(this.element);\n left = rect.left + scrollLeft(this.element);\n }\n if (this.options.ignoreSticky) addParentSticky(this.element);\n this.setRect({ top, left });\n };\n onResize = ([entry]) => {\n if (!entry?.borderBoxSize[0]) return;\n const width = entry.borderBoxSize[0].inlineSize;\n const height = entry.borderBoxSize[0].blockSize;\n this.setRect({ width, height });\n };\n};\n\n// packages/snap/src/uid.ts\nvar index = 0;\nfunction uid() {\n return index++;\n}\n\n// packages/snap/src/snap.ts\nvar Snap = class {\n constructor(lenis, {\n type = \"proximity\",\n lerp,\n easing,\n duration,\n distanceThreshold = \"50%\",\n // useless when type is \"mandatory\"\n debounce: debounceDelay = 500,\n onSnapStart,\n onSnapComplete\n } = {}) {\n this.lenis = lenis;\n this.options = {\n type,\n lerp,\n easing,\n duration,\n distanceThreshold,\n debounce: debounceDelay,\n onSnapStart,\n onSnapComplete\n };\n this.onWindowResize();\n window.addEventListener(\"resize\", this.onWindowResize, false);\n this.onSnapDebounced = debounce(this.onSnap, this.options.debounce);\n this.lenis.on(\"virtual-scroll\", this.onSnapDebounced);\n }\n options;\n elements = /* @__PURE__ */ new Map();\n snaps = /* @__PURE__ */ new Map();\n viewport = {\n width: window.innerWidth,\n height: window.innerHeight\n };\n isStopped = false;\n onSnapDebounced;\n currentSnapIndex;\n /**\n * Destroy the snap instance\n */\n destroy() {\n this.lenis.off(\"virtual-scroll\", this.onSnapDebounced);\n window.removeEventListener(\"resize\", this.onWindowResize, false);\n this.elements.forEach((element) => {\n element.destroy();\n });\n }\n /**\n * Start the snap after it has been stopped\n */\n start() {\n this.isStopped = false;\n }\n /**\n * Stop the snap\n */\n stop() {\n this.isStopped = true;\n }\n /**\n * Add a snap to the snap instance\n *\n * @param value The value to snap to\n * @param userData User data that will be forwarded through the snap event\n * @returns Unsubscribe function\n */\n add(value) {\n const id = uid();\n this.snaps.set(id, { value });\n return () => this.snaps.delete(id);\n }\n /**\n * Add an element to the snap instance\n *\n * @param element The element to add\n * @param options The options for the element\n * @returns Unsubscribe function\n */\n addElement(element, options = {}) {\n const id = uid();\n this.elements.set(id, new SnapElement(element, options));\n return () => this.elements.delete(id);\n }\n addElements(elements, options = {}) {\n const map = [...elements].map(\n (element) => this.addElement(element, options)\n );\n return () => {\n map.forEach((remove) => {\n remove();\n });\n };\n }\n onWindowResize = () => {\n this.viewport.width = window.innerWidth;\n this.viewport.height = window.innerHeight;\n };\n computeSnaps = () => {\n const { isHorizontal } = this.lenis;\n let snaps = [...this.snaps.values()];\n this.elements.forEach(({ rect, align }) => {\n let value;\n align.forEach((align2) => {\n if (align2 === \"start\") {\n value = rect.top;\n } else if (align2 === \"center\") {\n value = isHorizontal ? rect.left + rect.width / 2 - this.viewport.width / 2 : rect.top + rect.height / 2 - this.viewport.height / 2;\n } else if (align2 === \"end\") {\n value = isHorizontal ? rect.left + rect.width - this.viewport.width : rect.top + rect.height - this.viewport.height;\n }\n if (typeof value === \"number\") {\n snaps.push({ value: Math.ceil(value) });\n }\n });\n });\n snaps = snaps.sort((a, b) => Math.abs(a.value) - Math.abs(b.value));\n return snaps;\n };\n previous() {\n this.goTo((this.currentSnapIndex ?? 0) - 1);\n }\n next() {\n this.goTo((this.currentSnapIndex ?? 0) + 1);\n }\n goTo(index2) {\n const snaps = this.computeSnaps();\n if (snaps.length === 0) return;\n this.currentSnapIndex = Math.max(0, Math.min(index2, snaps.length - 1));\n const currentSnap = snaps[this.currentSnapIndex];\n if (currentSnap === void 0) return;\n this.lenis.scrollTo(currentSnap.value, {\n duration: this.options.duration,\n easing: this.options.easing,\n lerp: this.options.lerp,\n lock: this.options.type === \"lock\",\n userData: { initiator: \"snap\" },\n onStart: () => {\n this.options.onSnapStart?.({\n index: this.currentSnapIndex,\n ...currentSnap\n });\n },\n onComplete: () => {\n this.options.onSnapComplete?.({\n index: this.currentSnapIndex,\n ...currentSnap\n });\n }\n });\n }\n get distanceThreshold() {\n let distanceThreshold = Infinity;\n if (this.options.type === \"mandatory\") return Infinity;\n const { isHorizontal } = this.lenis;\n const axis = isHorizontal ? \"width\" : \"height\";\n if (typeof this.options.distanceThreshold === \"string\" && this.options.distanceThreshold.endsWith(\"%\")) {\n distanceThreshold = Number(this.options.distanceThreshold.replace(\"%\", \"\")) / 100 * this.viewport[axis];\n } else if (typeof this.options.distanceThreshold === \"number\") {\n distanceThreshold = this.options.distanceThreshold;\n } else {\n distanceThreshold = this.viewport[axis];\n }\n return distanceThreshold;\n }\n onSnap = (e) => {\n if (this.isStopped) return;\n if (e.event.type === \"touchmove\") return;\n if (this.options.type === \"lock\" && this.lenis.userData?.initiator === \"snap\")\n return;\n let { scroll, isHorizontal } = this.lenis;\n const delta = isHorizontal ? e.deltaX : e.deltaY;\n scroll = Math.ceil(this.lenis.scroll + delta);\n const snaps = this.computeSnaps();\n if (snaps.length === 0) return;\n let snapIndex;\n const prevSnapIndex = snaps.findLastIndex(({ value }) => value < scroll);\n const nextSnapIndex = snaps.findIndex(({ value }) => value > scroll);\n if (this.options.type === \"lock\") {\n if (delta > 0) {\n snapIndex = nextSnapIndex;\n } else if (delta < 0) {\n snapIndex = prevSnapIndex;\n }\n } else {\n const prevSnap = snaps[prevSnapIndex];\n const distanceToPrevSnap = prevSnap ? Math.abs(scroll - prevSnap.value) : Infinity;\n const nextSnap = snaps[nextSnapIndex];\n const distanceToNextSnap = nextSnap ? Math.abs(scroll - nextSnap.value) : Infinity;\n snapIndex = distanceToPrevSnap < distanceToNextSnap ? prevSnapIndex : nextSnapIndex;\n }\n if (snapIndex === void 0) return;\n if (snapIndex === -1) return;\n snapIndex = Math.max(0, Math.min(snapIndex, snaps.length - 1));\n const snap = snaps[snapIndex];\n const distance = Math.abs(scroll - snap.value);\n if (distance <= this.distanceThreshold) {\n this.goTo(snapIndex);\n }\n };\n resize() {\n this.elements.forEach((element) => element.onWrapperResize());\n }\n};\nexport {\n 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.17-framer/dist/lenis.mjs\";import Snap from\"https://unpkg.com/lenis@1.3.17-framer/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\"});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(()=>{function onClick(event){const path=event.composedPath();const pageLink=path.find(node=>node instanceof HTMLAnchorElement&&(node.getAttribute(\"href\")?.startsWith(\"./\")||node.getAttribute(\"href\")?.startsWith(\"../\")));if(pageLink){if(lenisRef.current){lenisRef.current.reset();}}}window.addEventListener(\"click\",onClick);return()=>{window.removeEventListener(\"click\",onClick);};},[]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"link\",{href:\"https://unpkg.com/lenis@1.3.17-framer/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\":{\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Lenis.map","// Generated by Framer (c0aead9)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/xq2RTeD8ov8RcJz2BWi3/23o6a0dbtvds2eUEEX1e/hny3gJ2qu.js\";const cycleOrder=[\"KvvLSK6Al\",\"E_Zoo_QGG\"];const serializationHash=\"framer-YKcUa\";const variantClassNames={E_Zoo_QGG:\"framer-v-8wxkj4\",KvvLSK6Al:\"framer-v-mf21uw\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const ONDzmudYJ=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={Closed:\"KvvLSK6Al\",Open:\"E_Zoo_QGG\"};const getProps=({click,height,id,width,...props})=>{return{...props,ONDzmudYJ:click??props.ONDzmudYJ,variant:humanReadableVariantMap[props.variant]??props.variant??\"KvvLSK6Al\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,ONDzmudYJ,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"KvvLSK6Al\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapj92xru=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(ONDzmudYJ){const res=await ONDzmudYJ(...args);if(res===false)return false;}});const sharedStyleClassNames=[sharedStyle.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-mf21uw\",className,classNames),\"data-framer-name\":\"Closed\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"KvvLSK6Al\",onTap:onTapj92xru,ref:refBinding,style:{backgroundColor:\"var(--token-3756c145-13f1-478e-9253-4a4e46de6da3, rgb(245, 80, 56))\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,...style},...addPropertyOverrides({E_Zoo_QGG:{\"data-framer-name\":\"Open\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-w3yh14\",\"data-framer-name\":\"Container\",layoutDependency:layoutDependency,layoutId:\"pTSzOIbYn\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-foxgst\",\"data-styles-preset\":\"hny3gJ2qu\",dir:\"auto\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-a9ada049-76e9-4f1f-8c74-adc974e9300d, rgb(255, 255, 255)))\"},children:\"Menu\"})}),className:\"framer-pzx00q\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"wagFMreCA\",style:{\"--extracted-r6o4lv\":\"var(--token-a9ada049-76e9-4f1f-8c74-adc974e9300d, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-foxgst\",\"data-styles-preset\":\"hny3gJ2qu\",dir:\"auto\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-a9ada049-76e9-4f1f-8c74-adc974e9300d, rgb(255, 255, 255)))\"},children:\"Close\"})}),className:\"framer-1ovqt4m\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"P1hh5hiOd\",style:{\"--extracted-r6o4lv\":\"var(--token-a9ada049-76e9-4f1f-8c74-adc974e9300d, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-YKcUa.framer-15y9r5p, .framer-YKcUa .framer-15y9r5p { display: block; }\",\".framer-YKcUa.framer-mf21uw { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 14px 20px 14px 20px; position: relative; width: 76px; will-change: var(--framer-will-change-override, transform); }\",\".framer-YKcUa .framer-w3yh14 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: min-content; }\",\".framer-YKcUa .framer-pzx00q { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-YKcUa .framer-1ovqt4m { bottom: -18px; flex: none; height: auto; left: 0px; position: absolute; white-space: pre; width: auto; z-index: 1; }\",\".framer-YKcUa.framer-v-8wxkj4 .framer-pzx00q { left: 0px; position: absolute; top: -18px; z-index: 1; }\",\".framer-YKcUa.framer-v-8wxkj4 .framer-1ovqt4m { bottom: unset; left: unset; position: relative; }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 45\n * @framerIntrinsicWidth 76\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"E_Zoo_QGG\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"ONDzmudYJ\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerwbeKip_gn=withCSS(Component,css,\"framer-YKcUa\");export default FramerwbeKip_gn;FramerwbeKip_gn.displayName=\"Navigation/Menu Button\";FramerwbeKip_gn.defaultProps={height:45,width:76};addPropertyControls(FramerwbeKip_gn,{variant:{options:[\"KvvLSK6Al\",\"E_Zoo_QGG\"],optionTitles:[\"Closed\",\"Open\"],title:\"Variant\",type:ControlType.Enum},ONDzmudYJ:{title:\"Click\",type:ControlType.EventHandler}});addFonts(FramerwbeKip_gn,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerwbeKip_gn\",\"slots\":[],\"annotations\":{\"framerAutoSizeImages\":\"true\",\"framerIntrinsicHeight\":\"45\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"76\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"ONDzmudYJ\\\":\\\"click\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"E_Zoo_QGG\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useRef,useEffect,useLayoutEffect,useCallback}from\"react\";import{createPortal}from\"react-dom\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";/**\n * SERVICES MENU — two-panel dropdown\n *\n * v3: no framer-motion, no defaultProps. The panel is rendered through a\n * PORTAL into document.body, so no parent frame's \"clip content\" or\n * z-index can hide it — the usual reason a Framer dropdown looks dead.\n *\n * Debug order:\n * 1. Turn \"Debug\" on → a badge shows open state + item count.\n * 2. Set \"Render mode\" to Inline → if the panel appears there but not\n * in Portal mode, tell me; if it appears in neither, the component\n * isn't mounting at all.\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 150\n * @framerIntrinsicHeight 44\n * @framerDisableUnlink\n */const useIsoLayoutEffect=typeof window!==\"undefined\"?useLayoutEffect:useEffect;const S={cardPadding:8,itemPaddingY:14,itemPaddingX:16,itemGap:4,iconGap:14,titleGap:4,subPaddingY:20,subPaddingX:24,subItemPaddingY:10,subItemPaddingX:12,subItemGap:4,subIconGap:16};const C0={cardBg:\"#FFFFFF\",cardBorder:\"rgba(0,0,0,0.06)\",shadow:\"rgba(16,24,40,0.12)\",title:\"#111113\",desc:\"#8A8A8E\",icon:\"#3A3A3E\",itemActiveBg:\"#F1F1F2\",triggerActiveBg:\"#F1F1F2\"};const STACK=\"Inter, ui-sans-serif, system-ui, -apple-system, sans-serif\";// Framer Font controls hand back real CSS style objects, so these are\n// just the fallbacks used before anything is picked in the panel.\nconst TITLE_FONT={fontFamily:STACK,fontSize:16,fontWeight:500,lineHeight:\"1.3em\",letterSpacing:\"-0.01em\"};const DESC_FONT={fontFamily:STACK,fontSize:15,fontWeight:400,lineHeight:\"1.35em\",letterSpacing:\"0em\"};const SUB_FONT={fontFamily:STACK,fontSize:16,fontWeight:500,lineHeight:\"1.3em\",letterSpacing:\"-0.01em\"};const TRIGGER_FONT={fontFamily:STACK,fontSize:13,fontWeight:500,lineHeight:\"1.2em\",letterSpacing:\"0.04em\"};// Edit these six blocks directly — each service owns its own sub-items.\nconst ITEMS0=[{title:\"Enhanced VAPT Services\",description:\"Secure apps, infrastructure, APIs, and AI\",subItems:[{label:\"Web Application Penetration Testing\"},{label:\"Mobile Application Security Testing\"},{label:\"API Security Assessments\"},{label:\"Network & Infrastructure Testing\"}]},{title:\"Powered Cloud Security Services\",description:\"Secure cloud and AI workloads\",subItems:[{label:\"Web Application Penetration Testing\"},{label:\"Mobile Application Security Testing\"},{label:\"API Security Assessments\"},{label:\"Network & Infrastructure Testing\"}]},{title:\"Security Testing & LLM Penetration Testing\",description:\"Secure the next generation of AI systems\",subItems:[{label:\"Web Application Penetration Testing\"},{label:\"Mobile Application Security Testing\"},{label:\"API Security Assessments\"},{label:\"Network & Infrastructure Testing\"}]},{title:\"Governance, Risk & Compliance\",description:\"Build trust through AI governance\",subItems:[{label:\"Web Application Penetration Testing\"},{label:\"Mobile Application Security Testing\"},{label:\"API Security Assessments\"},{label:\"Network & Infrastructure Testing\"}]},{title:\"Incident Response Services\",description:\"Respond faster to security incidents\",subItems:[{label:\"Web Application Penetration Testing\"},{label:\"Mobile Application Security Testing\"},{label:\"API Security Assessments\"},{label:\"Network & Infrastructure Testing\"}]},{title:\"Cyber & AI Risk Assessments\",description:\"Prioritize your cyber and AI risks\",subItems:[{label:\"Web Application Penetration Testing\"},{label:\"Mobile Application Security Testing\"},{label:\"API Security Assessments\"},{label:\"Network & Infrastructure Testing\"}]}];export default function ServicesMenu(props){const{label=\"Services\",labelLink,items,openOnHover=true,alwaysOpen=false,renderMode=\"portal\",debug=false,panelOffset=12,leftWidth=420,rightWidth=460,panelGap=12,matchHeight=false,showChevron=true,subMenuInFront=true,alignToHovered=true,preselectFirst=false,radius=20,itemRadius=14,style}=props;const C={...C0,...props.colors||{}};const titleFont={...TITLE_FONT,...props.titleFont||{}};const descFont={...DESC_FONT,...props.descFont||{}};const subFont={...SUB_FONT,...props.subFont||{}};const triggerFont={...TRIGGER_FONT,...props.triggerFont||{}};const iconSize=props.iconSize??26;const subIconSize=props.subIconSize??30;const triggerUppercase=props.triggerUppercase??true;const list=items&&items.length?items:ITEMS0;const isCanvas=RenderTarget.current()===RenderTarget.canvas;// Canvas no longer force-opens the menu — flip \"Always open\" in the\n// property panel when you want to style the panel, off to design the nav.\nconst pinned=alwaysOpen;// The Framer canvas clips code-component output to the layer frame and\n// never fires hover, so an absolute/portal panel is invisible there.\n// On canvas we fall back to laying the panel out in normal flow.\nconst mode=isCanvas&&renderMode!==\"inline\"?\"static\":renderMode;const[open,setOpen]=useState(pinned);const[active,setActive]=useState(preselectFirst?0:-1);const[rect,setRect]=useState({top:0,left:0,bottom:0});const[mounted,setMounted]=useState(false);const[narrow,setNarrow]=useState(false);const wrapRef=useRef(null);const timer=useRef(null);const rowRefs=useRef([]);const[rowTop,setRowTop]=useState(0);const[isTouch,setIsTouch]=useState(false);useEffect(()=>{setMounted(true);setIsTouch(typeof window!==\"undefined\"&&window.matchMedia(\"(hover: none)\").matches);},[]);useEffect(()=>{if(pinned)setOpen(true);},[pinned]);useEffect(()=>{if(!open)setActive(preselectFirst?0:-1);},[open,preselectFirst]);/* measure the trigger so the portal panel lands under it ---------- */const measure=useCallback(()=>{const el=wrapRef.current;if(!el)return;const r=el.getBoundingClientRect();setRect({top:r.top,left:r.left,bottom:r.bottom});setNarrow(window.innerWidth<900);},[]);useEffect(()=>{measure();window.addEventListener(\"resize\",measure);window.addEventListener(\"scroll\",measure,true);return()=>{window.removeEventListener(\"resize\",measure);window.removeEventListener(\"scroll\",measure,true);};},[measure,open]);const cancelClose=()=>timer.current&&clearTimeout(timer.current);const scheduleClose=()=>{if(pinned)return;cancelClose();timer.current=setTimeout(()=>setOpen(false),180);};const clearActive=()=>setActive(preselectFirst?0:-1);const openNow=()=>{cancelClose();measure();setOpen(true);};// keep the sub-menu card level with the row being hovered\nuseIsoLayoutEffect(()=>{if(!open||active<0)return;const el=rowRefs.current[active];if(el)setRowTop(el.offsetTop);},[active,open,narrow,list]);useEffect(()=>{if(!open||pinned)return;const onKey=e=>e.key===\"Escape\"&&setOpen(false);document.addEventListener(\"keydown\",onKey);return()=>document.removeEventListener(\"keydown\",onKey);},[open,pinned]);const current=active>=0?list[active]:null;const subs=current?.subItems??[];const card={background:C.cardBg,borderRadius:radius,border:`1px solid ${C.cardBorder}`,boxShadow:`0 2px 4px rgba(0,0,0,0.04), 0 24px 60px ${C.shadow}`};/* ---------------------------------------------------------------- *//* the panel itself *//* ---------------------------------------------------------------- */const panel=/*#__PURE__*/_jsxs(\"div\",{onMouseEnter:cancelClose,onMouseLeave:()=>{scheduleClose();clearActive();},style:{width:narrow?Math.min(leftWidth,340):leftWidth+panelGap+rightWidth,zIndex:2147483e3,...mode===\"portal\"?{position:\"fixed\",top:rect.bottom+panelOffset,left:rect.left,pointerEvents:\"auto\"}:mode===\"inline\"?{position:\"absolute\",top:`calc(100% + ${panelOffset}px)`,left:0}:{// static — sits in normal flow so the layer\n// grows around it and nothing gets clipped\nposition:\"relative\",marginTop:panelOffset}},children:[!narrow&&subs.length>0&&/*#__PURE__*/_jsx(\"div\",{style:{...card,position:\"absolute\",top:alignToHovered?Math.max(0,rowTop+S.itemPaddingY-S.subPaddingY-S.subItemPaddingY):0,bottom:matchHeight&&!alignToHovered?0:undefined,left:leftWidth+panelGap,transition:\"top 260ms cubic-bezier(0.2, 0.8, 0.2, 1)\",animation:\"smFadeIn 160ms ease both\",width:rightWidth,padding:`${S.subPaddingY}px ${S.subPaddingX}px`,zIndex:subMenuInFront?3:1,display:\"flex\",flexDirection:\"column\",gap:S.subItemGap},children:subs.map((s,i)=>/*#__PURE__*/_jsx(SubItem,{data:s,C:C,font:subFont,iconSize:subIconSize,itemRadius:itemRadius},i))}),/*#__PURE__*/_jsx(\"div\",{style:{...card,position:\"relative\",zIndex:2,isolation:\"auto\",width:narrow?\"100%\":leftWidth,padding:S.cardPadding,display:\"flex\",flexDirection:\"column\",gap:S.itemGap},children:list.map((item,i)=>{const isActive=i===active;return /*#__PURE__*/_jsxs(\"div\",{ref:el=>rowRefs.current[i]=el,children:[/*#__PURE__*/_jsxs(\"a\",{href:item.link||undefined,onMouseEnter:()=>setActive(i),onFocus:()=>setActive(i),onClick:()=>narrow&&setActive(isActive?-1:i),style:{display:\"flex\",alignItems:\"center\",gap:S.iconGap,padding:`${S.itemPaddingY}px ${S.itemPaddingX}px`,borderRadius:itemRadius,textDecoration:\"none\",background:isActive?C.itemActiveBg:\"transparent\",transition:\"background 140ms ease\"},children:[/*#__PURE__*/_jsx(Icon,{src:item.icon?.src,size:iconSize,color:C.icon}),/*#__PURE__*/_jsxs(\"span\",{style:{display:\"block\",minWidth:0,flex:1},children:[/*#__PURE__*/_jsx(\"span\",{style:{display:\"block\",...titleFont,color:C.title},children:item.title}),item.description&&/*#__PURE__*/_jsx(\"span\",{style:{display:\"block\",marginTop:S.titleGap,...descFont,color:C.desc},children:item.description})]}),showChevron&&item.subItems?.length>0&&/*#__PURE__*/_jsx(\"svg\",{width:\"7\",height:\"12\",viewBox:\"0 0 7 12\",fill:\"none\",style:{flexShrink:0,alignSelf:\"center\",marginLeft:8,color:C.desc,opacity:isActive?1:.3,transform:isActive?\"translateX(2px)\":\"none\",transition:\"opacity 160ms ease, transform 160ms ease\"},children:/*#__PURE__*/_jsx(\"path\",{d:\"M1 1L6 6L1 11\",stroke:\"currentColor\",strokeWidth:\"1.6\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})]}),narrow&&isActive&&/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:S.subItemGap,padding:`4px 0 8px ${S.itemPaddingX+iconSize+S.iconGap}px`},children:subs.map((s,i2)=>/*#__PURE__*/_jsx(SubItem,{data:s,C:C,font:subFont,iconSize:subIconSize,itemRadius:itemRadius,compact:true},i2))})]},i);})})]});/* ---------------------------------------------------------------- */return /*#__PURE__*/_jsxs(\"div\",{ref:wrapRef,style:{position:\"relative\",display:\"inline-block\",zIndex:open?100:1,...style},onMouseEnter:()=>openOnHover&&openNow(),onMouseLeave:scheduleClose,children:[/*#__PURE__*/_jsxs(Trigger,{as:labelLink?\"a\":\"button\",href:labelLink||undefined,\"aria-expanded\":open,\"aria-haspopup\":\"true\",onMouseEnter:clearActive,onClick:e=>{// no link → the trigger is only a toggle\nif(!labelLink){e.preventDefault();open?setOpen(false):openNow();return;}// touch devices: first tap opens, second follows the link\nif(isTouch&&!open){e.preventDefault();openNow();}},style:{textDecoration:\"none\",display:\"flex\",alignItems:\"center\",gap:8,padding:\"12px 20px\",borderRadius:999,border:\"none\",cursor:\"pointer\",background:open?C.triggerActiveBg:\"transparent\",...triggerFont,textTransform:triggerUppercase?\"uppercase\":\"none\",color:C.title,transition:\"background 160ms ease\"},children:[label,/*#__PURE__*/_jsx(\"svg\",{width:\"12\",height:\"8\",viewBox:\"0 0 12 8\",fill:\"none\",style:{transform:open?\"rotate(180deg)\":\"none\",transition:\"transform 220ms ease\"},children:/*#__PURE__*/_jsx(\"path\",{d:\"M1 1.5L6 6L11 1.5\",stroke:\"currentColor\",strokeWidth:\"1.6\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})]}),debug&&/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",top:\"100%\",left:0,marginTop:4,padding:\"2px 6px\",borderRadius:4,background:\"#111\",color:\"#0f0\",font:\"11px/1.4 monospace\",whiteSpace:\"nowrap\",zIndex:999},children:[\"open:\",String(open),\" items:\",list.length,\" mode:\",mode,\" y:\",Math.round(rect.bottom)]}),/*#__PURE__*/_jsx(\"style\",{children:`@keyframes smFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}`}),open&&(mode===\"portal\"?mounted&&typeof document!==\"undefined\"?/*#__PURE__*/createPortal(panel,document.body):null:panel)]});}/* ------------------------------------------------------------------ */// renders as when a link is set,