{"version":3,"file":"Examples.CDqs1b-B.mjs","names":["_Fragment","useRef","useState","useCallback"],"sources":["https:/framerusercontent.com/modules/ANPoYgqvXZYMC9SxImUT/eZR0EFh8PgH1XgesPHGv/Examples.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{forwardRef,startTransition,useCallback,useEffect,useRef,useState}from\"react\";const HERO_IMAGE_URL=\"https://framerusercontent.com/images/2CbZZeD5GpAu92LTxX0bHVjNMPQ.jpg\";const STYLE_ID=\"pure-fixed-hero-background-style\";function ensureStyle(){if(typeof document===\"undefined\")return;if(document.getElementById(STYLE_ID))return;const style=document.createElement(\"style\");style.id=STYLE_ID;style.textContent=`\n        .pure-fixed-hero-bg {\n            position: relative !important;\n            overflow: clip !important;\n            clip-path: inset(0);\n            isolation: isolate;\n            background-color: #09121c;\n        }\n\n        .pure-fixed-hero-bg::before {\n            content: \"\";\n            position: fixed;\n            inset: 0;\n            width: 100vw;\n            height: 100dvh;\n            background-image: var(--pure-fixed-hero-image);\n            background-position: center center;\n            background-size: cover;\n            background-repeat: no-repeat;\n            opacity: var(--pure-fixed-hero-opacity, 1);\n            pointer-events: none;\n            transform: translateZ(0);\n            backface-visibility: hidden;\n            z-index: 0;\n        }\n\n        .pure-fixed-hero-bg > * {\n            z-index: 1;\n        }\n    `;document.head.appendChild(style);}export function withPureFixedHeroBackground(Component){return /*#__PURE__*/forwardRef((props,ref)=>{ensureStyle();return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"img\",{src:HERO_IMAGE_URL,alt:\"\",\"aria-hidden\":\"true\",loading:\"eager\",fetchPriority:\"high\",decoding:\"async\",style:{position:\"absolute\",width:1,height:1,opacity:0,pointerEvents:\"none\",overflow:\"hidden\"}}),/*#__PURE__*/_jsx(Component,{ref:ref,...props,className:[props.className,\"pure-fixed-hero-bg\"].filter(Boolean).join(\" \"),style:{...props.style,\"--pure-fixed-hero-image\":`url(\"${HERO_IMAGE_URL}\")`,\"--pure-fixed-hero-opacity\":\"0.72\"}})]});});}export function AutoHidePureNavigation(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const elementRef=useRef(null);const[isVisible,setIsVisible]=useState(true);const[isExpanded,setIsExpanded]=useState(false);const[reduceMotion,setReduceMotion]=useState(false);const lastScrollY=useRef(0);const ticking=useRef(false);const rafId=useRef(null);const wasExpanded=useRef(false);const setCombinedRef=useCallback(node=>{elementRef.current=node;if(typeof ref===\"function\"){ref(node);}else if(ref&&typeof ref===\"object\"){ref.current=node;}},[ref]);useEffect(()=>{if(typeof window===\"undefined\"||!(\"matchMedia\"in window))return;const mediaQuery=window.matchMedia(\"(prefers-reduced-motion: reduce)\");startTransition(()=>setReduceMotion(mediaQuery.matches));const onMotionChange=event=>{startTransition(()=>setReduceMotion(event.matches));};if(\"addEventListener\"in mediaQuery){mediaQuery.addEventListener(\"change\",onMotionChange);return()=>mediaQuery.removeEventListener(\"change\",onMotionChange);}const legacyMediaQuery=mediaQuery;legacyMediaQuery.addListener?.(onMotionChange);return()=>legacyMediaQuery.removeListener?.(onMotionChange);},[]);useEffect(()=>{if(typeof window===\"undefined\")return;if(!elementRef.current||typeof ResizeObserver===\"undefined\")return;const observer=new ResizeObserver(entries=>{const entry=entries[0];if(!entry)return;const nextExpanded=entry.contentRect.height>96;startTransition(()=>setIsExpanded(nextExpanded));});observer.observe(elementRef.current);return()=>observer.disconnect();},[]);useEffect(()=>{if(typeof window===\"undefined\")return;if(reduceMotion||isExpanded){lastScrollY.current=window.scrollY||0;startTransition(()=>setIsVisible(true));}if(wasExpanded.current&&!isExpanded){lastScrollY.current=window.scrollY||0;startTransition(()=>setIsVisible(true));}wasExpanded.current=isExpanded;},[isExpanded,reduceMotion]);useEffect(()=>{if(typeof window===\"undefined\")return;lastScrollY.current=window.scrollY||0;const onScroll=()=>{if(ticking.current)return;ticking.current=true;rafId.current=window.requestAnimationFrame(()=>{const currentY=window.scrollY||0;if(reduceMotion||isExpanded){startTransition(()=>setIsVisible(true));lastScrollY.current=currentY;ticking.current=false;return;}if(currentY<=24){startTransition(()=>setIsVisible(true));lastScrollY.current=currentY;ticking.current=false;return;}const delta=currentY-lastScrollY.current;if(Math.abs(delta)>=4){if(delta>0){startTransition(()=>setIsVisible(false));}lastScrollY.current=currentY;}ticking.current=false;});};window.addEventListener(\"scroll\",onScroll,{passive:true});return()=>{window.removeEventListener(\"scroll\",onScroll);if(rafId.current!==null){window.cancelAnimationFrame(rafId.current);}};},[isExpanded,reduceMotion]);const autoHideTransform=isVisible?\"translate3d(0, 0, 0)\":\"translate3d(0, -100%, 0)\";const incomingTransform=typeof props?.style?.transform===\"string\"?props.style.transform.trim():\"\";const mergedTransform=[incomingTransform,autoHideTransform].filter(Boolean).join(\" \");const incomingTransition=typeof props?.style?.transition===\"string\"?props.style.transition.trim():\"\";const autoHideTransition=\"transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease\";const mergedTransition=incomingTransition?`${incomingTransition}, ${autoHideTransition}`:autoHideTransition;return /*#__PURE__*/_jsx(Component,{ref:setCombinedRef,...props,className:[props.className,\"pure-auto-hide-nav\"].filter(Boolean).join(\" \"),style:{...props.style,transform:mergedTransform,opacity:isVisible?1:0,transition:reduceMotion?props?.style?.transition:mergedTransition,willChange:reduceMotion?props?.style?.willChange:[props?.style?.willChange,\"transform, opacity\"].filter(Boolean).join(\", \"),pointerEvents:isVisible||isExpanded?props?.style?.pointerEvents:\"none\"}});});}\nexport const __FramerMetadata__ = {\"exports\":{\"AutoHidePureNavigation\":{\"type\":\"reactHoc\",\"name\":\"AutoHidePureNavigation\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPureFixedHeroBackground\":{\"type\":\"reactHoc\",\"name\":\"withPureFixedHeroBackground\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"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"}