{"version":3,"file":"DesignProcess.2nra55eW.mjs","names":["useState","__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/Wab7RjWZjPy1nqGOZ8Lv/Mi5cibcaChjCawG5jYay/DesignProcess.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import React,{useState}from\"react\";let openSection=null;// Apply this to your Design Process component\nexport function DesignProcessSection(){const[isOpen,setIsOpen]=useState(false);openSection=()=>setIsOpen(true);const[breakpoint,setBreakpoint]=useState(\"Desktop\");React.useEffect(()=>{const updateBreakpoint=()=>{const width=window.innerWidth;if(width>=1200)setBreakpoint(\"Desktop\");else if(width>=768)setBreakpoint(\"Tablet\");else setBreakpoint(\"Phone\");};updateBreakpoint();window.addEventListener(\"resize\",updateBreakpoint);return()=>window.removeEventListener(\"resize\",updateBreakpoint);},[]);const variant=isOpen?`${breakpoint} Open`:`${breakpoint} Closed`;return{variant:variant,\"data-scroll-target\":\"design-process-section\",transition:{duration:.6,ease:\"easeOut\"}};}// Apply this to your button\n// Apply this to your button\nexport function ScrollToDesignProcess(){return{onClick:()=>{if(openSection){openSection();}setTimeout(()=>{const element=document.querySelector('[data-scroll-target=\"design-process-section\"]');if(element){const padding=100// Visual padding in pixels - adjust to your preference\n;const elementPosition=element.getBoundingClientRect().top;const offsetPosition=elementPosition+window.scrollY-padding;window.scrollTo({top:offsetPosition,behavior:\"smooth\"});}},300);},style:{cursor:\"pointer\"}};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withDesignProcessSection(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...DesignProcessSection(props)});};}withDesignProcessSection.displayName=\"DesignProcessSection\";export function withScrollToDesignProcess(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...ScrollToDesignProcess(props)});};}withScrollToDesignProcess.displayName=\"ScrollToDesignProcess\";\nexport const __FramerMetadata__ = {\"exports\":{\"withDesignProcessSection\":{\"type\":\"reactHoc\",\"name\":\"withDesignProcessSection\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DesignProcessSection\":{\"type\":\"override\",\"name\":\"DesignProcessSection\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withScrollToDesignProcess\":{\"type\":\"reactHoc\",\"name\":\"withScrollToDesignProcess\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ScrollToDesignProcess\":{\"type\":\"override\",\"name\":\"ScrollToDesignProcess\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DesignProcess.map"],"mappings":"+LACA,SAAgB,GAAsB,CAAC,GAAK,CAAC,EAAO,GAAWA,EAAS,GAAM,CAAC,MAAgB,EAAU,GAAK,CAAC,GAAK,CAAC,EAAW,GAAeA,EAAS,UAAU,CAA8Y,OAA7Y,EAAM,cAAc,CAAC,IAAM,MAAqB,CAAC,IAAM,EAAM,EAAO,WAA0B,EAAZ,GAAO,KAAmB,UAAmB,GAAO,IAAkB,SAA6B,QAAQ,EAAyE,OAAtE,GAAkB,CAAC,EAAO,iBAAiB,SAAS,EAAiB,KAAW,EAAO,oBAAoB,SAAS,EAAiB,EAAG,EAAE,CAAC,CAAwE,CAAC,QAA1D,EAAO,GAAG,EAAW,OAAO,GAAG,EAAW,SAAgC,qBAAqB,yBAAyB,WAAW,CAAC,SAAS,GAAG,KAAK,UAAU,CAAC,CAE7pB,SAAgB,GAAuB,CAAC,MAAM,CAAC,YAAY,CAAI,GAAa,GAAa,CAAE,eAAe,CAAC,IAAM,EAAQ,SAAS,cAAc,gDAAgD,CAAC,GAAG,EAAQ,CACjJ,IAAM,EAA1C,EAAQ,uBAAuB,CAAC,IAAyC,EAAO,QADoH,IACpG,EAAO,SAAS,CAAC,IAAI,EAAe,SAAS,SAAS,CAAC,GAAI,IAAI,EAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAqJ,SAAgB,EAAyB,EAAE,CAAC,MAAO,KAAQ,EAA+BC,EAAwC,CAAQC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAqB,EAAM,CAAC,CAAC,EAAgE,SAAgB,EAA0B,EAAE,CAAC,MAAO,KAAQ,EAA+BD,EAAwC,CAAQC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAsB,EAAM,CAAC,CAAC,yBAJpvB,IAAmC,IAIyR,CAJrR,EAAY,KAIwc,EAAyB,YAAY,uBAAwN,EAA0B,YAAY"}