{"version":3,"file":"HeaderScrollOverrides.DtCybZfn.mjs","names":["useState","useMemo","_Fragment"],"sources":["https:/framerusercontent.com/modules/rLBnRBjvqpoZLAjCU2k7/emukmCEbszRcEktZGUgB/HeaderScrollOverrides.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{forwardRef,useEffect,useMemo,useState}from\"react\";const CORAL=\"#E96C5A\";const INK=\"#1C2A2D\";const WHITE=\"#FFFFFF\";const TRANSPARENT=\"rgba(255, 255, 255, 0)\";const YELLOW=\"#FDE113\";const MIST=\"#F9F9F9\";const RETURN_EASE=\"cubic-bezier(0.22, 1, 0.36, 1)\";function usePastThreshold(threshold=80){const[isPastThreshold,setIsPastThreshold]=useState(false);useEffect(()=>{if(typeof window===\"undefined\")return;let frame=0;const update=()=>{frame=0;setIsPastThreshold(window.scrollY>threshold);};const onScroll=()=>{if(frame)return;frame=window.requestAnimationFrame(update);};update();window.addEventListener(\"scroll\",onScroll,{passive:true});return()=>{if(frame)window.cancelAnimationFrame(frame);window.removeEventListener(\"scroll\",onScroll);};},[threshold]);return isPastThreshold;}const headerCss=`\n.return-header-scroll-state,\n.return-header-scroll-state * {\n    transition:\n        background-color 320ms ${RETURN_EASE},\n        background 320ms ${RETURN_EASE},\n        border-color 320ms ${RETURN_EASE},\n        box-shadow 320ms ${RETURN_EASE},\n        color 320ms ${RETURN_EASE},\n        fill 320ms ${RETURN_EASE},\n        stroke 320ms ${RETURN_EASE},\n        opacity 320ms ${RETURN_EASE},\n        transform 320ms ${RETURN_EASE} !important;\n}\n\n.return-header-scroll-state {\n    background: var(--return-header-bg, transparent) !important;\n    background-color: var(--return-header-bg, transparent) !important;\n    color: var(--return-header-text, ${WHITE}) !important;\n    border-color: var(--return-header-border, transparent) !important;\n}\n\n/* If your header component has an inner background layer, rename that layer to one of these. */\n.return-header-scroll-state [data-framer-name=\"Header Background\"],\n.return-header-scroll-state [data-framer-name=\"Background\"],\n.return-header-scroll-state [data-framer-name=\"BG\"],\n.return-header-scroll-state [data-framer-name=\"Bg\"] {\n    background: var(--return-header-bg, transparent) !important;\n    background-color: var(--return-header-bg, transparent) !important;\n    opacity: 1 !important;\n}\n\n.return-header-scroll-state [data-framer-component-type=\"RichTextContainer\"] *,\n.return-header-scroll-state p,\n.return-header-scroll-state span,\n.return-header-scroll-state a {\n    color: inherit !important;\n}\n\n.return-header-scroll-state svg,\n.return-header-scroll-state svg * {\n    stroke: currentColor !important;\n}\n\n.return-header-scroll-state svg [fill]:not([fill=\"none\"]) {\n    fill: currentColor !important;\n}\n\n/* Logo swap method:\n   Put two logo layers inside the header component and name them exactly:\n   \"Top Logo\" and \"Sticky Logo\". */\n.return-header-scroll-state [data-framer-name=\"Top Logo\"],\n.return-header-scroll-state [data-framer-name=\"Logo Top\"],\n.return-header-scroll-state [data-framer-name=\"Sticky Logo\"],\n.return-header-scroll-state [data-framer-name=\"Logo Sticky\"] {\n    transition: opacity 320ms ${RETURN_EASE}, transform 320ms ${RETURN_EASE} !important;\n}\n\n.return-header-scroll-state.is-top [data-framer-name=\"Top Logo\"],\n.return-header-scroll-state.is-top [data-framer-name=\"Logo Top\"] {\n    opacity: 1 !important;\n    transform: translate3d(0, 0, 0) !important;\n    pointer-events: auto !important;\n}\n\n.return-header-scroll-state.is-top [data-framer-name=\"Sticky Logo\"],\n.return-header-scroll-state.is-top [data-framer-name=\"Logo Sticky\"] {\n    opacity: 0 !important;\n    transform: translate3d(0, 2px, 0) !important;\n    pointer-events: none !important;\n}\n\n.return-header-scroll-state.is-scrolled [data-framer-name=\"Top Logo\"],\n.return-header-scroll-state.is-scrolled [data-framer-name=\"Logo Top\"] {\n    opacity: 0 !important;\n    transform: translate3d(0, -2px, 0) !important;\n    pointer-events: none !important;\n}\n\n.return-header-scroll-state.is-scrolled [data-framer-name=\"Sticky Logo\"],\n.return-header-scroll-state.is-scrolled [data-framer-name=\"Logo Sticky\"] {\n    opacity: 1 !important;\n    transform: translate3d(0, 0, 0) !important;\n    pointer-events: auto !important;\n}\n`;function createHeaderScrollOverride(config){return function headerScrollOverride(Component){const HeaderWithScrollState=/*#__PURE__*/forwardRef((props,ref)=>{const{className:incomingClassName,style:incomingStyle,...rest}=props;const isScrolled=usePastThreshold(config.threshold??80);const currentBackground=isScrolled?config.stickyBackground??CORAL:config.topBackground??TRANSPARENT;const currentText=isScrolled?config.stickyTextColor??INK:config.topTextColor??WHITE;const currentBorder=isScrolled?config.stickyBorderColor??TRANSPARENT:config.topBorderColor??TRANSPARENT;const className=[incomingClassName,\"return-header-scroll-state\",isScrolled?\"is-scrolled\":\"is-top\"].filter(Boolean).join(\" \");const style=useMemo(()=>({...incomingStyle,\"--return-header-bg\":currentBackground,\"--return-header-text\":currentText,\"--return-header-border\":currentBorder,background:currentBackground,backgroundColor:currentBackground,color:currentText,borderColor:currentBorder,boxShadow:isScrolled&&(config.stickyShadow??true)?\"0 12px 36px rgba(28, 42, 45, 0.05)\":\"0 0 0 rgba(28, 42, 45, 0)\",backdropFilter:isScrolled&&(config.stickyBlur??true)?\"saturate(140%) blur(12px)\":\"none\",WebkitBackdropFilter:isScrolled&&(config.stickyBlur??true)?\"saturate(140%) blur(12px)\":\"none\",transition:`background-color 320ms ${RETURN_EASE}, background 320ms ${RETURN_EASE}, border-color 320ms ${RETURN_EASE}, box-shadow 320ms ${RETURN_EASE}, color 320ms ${RETURN_EASE}, backdrop-filter 320ms ${RETURN_EASE}`}),[incomingStyle,currentBackground,currentText,currentBorder,isScrolled]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:headerCss}),/*#__PURE__*/_jsx(Component,{ref:ref,...rest,className:className,style:style})]});});HeaderWithScrollState.displayName=`HeaderScrollState(${Component.displayName||Component.name||\"Component\"})`;return HeaderWithScrollState;};}export function withHeaderScrollState(Component){return createHeaderScrollOverride({topBackground:TRANSPARENT,stickyBackground:CORAL,topTextColor:WHITE,stickyTextColor:INK})(Component);}export function withHeaderHome(Component){return createHeaderScrollOverride({topBackground:TRANSPARENT,stickyBackground:CORAL,topTextColor:WHITE,stickyTextColor:INK})(Component);}export function withHeaderLightPage(Component){return createHeaderScrollOverride({topBackground:TRANSPARENT,stickyBackground:WHITE,topTextColor:INK,stickyTextColor:INK})(Component);}export function withHeaderDarkPage(Component){return createHeaderScrollOverride({topBackground:TRANSPARENT,stickyBackground:INK,topTextColor:WHITE,stickyTextColor:WHITE})(Component);}export function withHeaderCoralPage(Component){return createHeaderScrollOverride({topBackground:TRANSPARENT,stickyBackground:CORAL,topTextColor:WHITE,stickyTextColor:INK})(Component);}export function withHeaderYellowPage(Component){return createHeaderScrollOverride({topBackground:TRANSPARENT,stickyBackground:YELLOW,topTextColor:INK,stickyTextColor:INK})(Component);}export function withHeaderProcessPage(Component){return createHeaderScrollOverride({topBackground:TRANSPARENT,stickyBackground:MIST,topTextColor:INK,stickyTextColor:INK})(Component);}\nexport const __FramerMetadata__ = {\"exports\":{\"withHeaderDarkPage\":{\"type\":\"reactHoc\",\"name\":\"withHeaderDarkPage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHeaderScrollState\":{\"type\":\"reactHoc\",\"name\":\"withHeaderScrollState\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHeaderProcessPage\":{\"type\":\"reactHoc\",\"name\":\"withHeaderProcessPage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHeaderYellowPage\":{\"type\":\"reactHoc\",\"name\":\"withHeaderYellowPage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHeaderLightPage\":{\"type\":\"reactHoc\",\"name\":\"withHeaderLightPage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHeaderCoralPage\":{\"type\":\"reactHoc\",\"name\":\"withHeaderCoralPage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHeaderHome\":{\"type\":\"reactHoc\",\"name\":\"withHeaderHome\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HeaderScrollOverrides.map"],"mappings":"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"}