{"version":3,"file":"Overrides.DPeYavo7.mjs","names":["getUserPreferredTheme","_window"],"sources":["https:/framerusercontent.com/modules/X4uRGKG1QG6NxAsFWdbx/DmskvHtffPp6aAhIyfNv/Image_Switcher.js","https:/framerusercontent.com/modules/NY6C0kNgPFIjuO35bxMz/X5iL61bWfwNYk5ZNUvNm/Overrides.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useState}from\"react\";/**\n * Framer image switcher (A customizable component enabling the selection of dark mode or light mode images.)\n * By OneFramer.com\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerDisableUnlink\n */export default function Image_Switcher(props){var _window;const{lightVersion,darkVersion,imageFit}=props;//Get user preferred theme\nconst getUserPreferredTheme=()=>{var _window;const preferesDark=(_window=window)===null||_window===void 0?void 0:_window.matchMedia(\"(prefers-color-scheme: dark)\").matches;return preferesDark?\"dark\":\"light\";};//States\nconst[theme,setTheme]=useState(getUserPreferredTheme());const[showImage,setShowImage]=useState(false);//Get theme from  session storage\nconst getThemeFromSS=()=>{return sessionStorage.getItem(\"currentToggleState\")||getUserPreferredTheme();};//Set the theme for conditional rendering\nuseEffect(()=>{setTheme(getThemeFromSS());},[]);(_window=window)===null||_window===void 0?void 0:_window.addEventListener(\"themeChange\",()=>{setTheme(getThemeFromSS()===\"light\"?\"light\":\"dark\");});//Add delay on image render\nuseEffect(()=>{setTheme(getThemeFromSS());setTimeout(()=>{setShowImage(true);},1e3)// 1 second delay\n;},[]);const currentImage=theme===\"light\"?lightVersion:darkVersion;return showImage&&currentImage&&/*#__PURE__*/_jsx(\"img\",{style:{width:\"100%\",height:\"100%\",objectFit:imageFit},src:currentImage});}//Property controls\naddPropertyControls(Image_Switcher,{lightVersion:{type:ControlType.Image,title:\"Light\"},darkVersion:{type:ControlType.Image,title:\"Dark\"},imageFit:{type:ControlType.Enum,title:\"Fit\",options:[\"contain\",\"cover\",\"fill\"],defaultValue:\"cover\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Image_Switcher\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Image_Switcher.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";// Get the user's preferred theme\nconst getUserPreferredTheme=()=>{if(typeof window!==\"undefined\"){return window.matchMedia(\"(prefers-color-scheme: dark)\").matches?\"dark\":\"light\";}return\"light\";};export function themeSwitcher(Component){return props=>{const[theme,setTheme]=useState(()=>{if(typeof window!==\"undefined\"){return sessionStorage.getItem(\"currentToggleState\")||getUserPreferredTheme();}return\"light\";});const toggle=()=>{const newTheme=theme===\"light\"?\"dark\":\"light\";setTheme(newTheme);if(typeof window!==\"undefined\"){sessionStorage.setItem(\"currentToggleState\",newTheme);window.dispatchEvent(new CustomEvent(\"themeChange\",{detail:newTheme}));}};useEffect(()=>{if(typeof document!==\"undefined\"){const styleSheets=Array.from(document.styleSheets);styleSheets.forEach(styleSheet=>{try{const cssRules=Array.from(styleSheet.cssRules);cssRules.forEach((rule,index)=>{if(rule instanceof CSSMediaRule&&rule.conditionText.includes(\"prefers-color-scheme\")){const newRule=`@media (prefers-color-scheme: ${getUserPreferredTheme()===\"light\"?theme===\"dark\"?\"light\":\"dark\":theme}) { ${rule.cssText.replace(/^@media[^{]+{|}$/g,\"\")} }`;styleSheet.deleteRule(index);styleSheet.insertRule(newRule,index);}});}catch(e){console.warn(e.message);}});}},[theme]);return /*#__PURE__*/_jsx(Component,{...props,onClick:toggle});};}export function variantSwitcher(Component){return props=>{const[isLoading,setIsLoading]=useState(true);const[currentToggleState,setCurrentToggleState]=useState(null);useEffect(()=>{if(typeof window!==\"undefined\"){const initialTheme=sessionStorage.getItem(\"currentToggleState\")||getUserPreferredTheme();console.log(initialTheme);setCurrentToggleState(initialTheme);setIsLoading(false);}},[]);useEffect(()=>{const handleThemeChange=event=>{setCurrentToggleState(event.detail);};window.addEventListener(\"themeChange\",handleThemeChange);return()=>window.removeEventListener(\"themeChange\",handleThemeChange);},[]);//Opacity based component transition for preventing race condition.\nreturn /*#__PURE__*/_jsx(\"div\",{className:\"transition-opacity duration-200\",style:{opacity:isLoading||currentToggleState===null?0:1},children:/*#__PURE__*/_jsx(Component,{...props,variant:currentToggleState===\"dark\"?\"Dark\":\"Light\"})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"themeSwitcher\":{\"type\":\"reactHoc\",\"name\":\"themeSwitcher\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"variantSwitcher\":{\"type\":\"reactHoc\",\"name\":\"variantSwitcher\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Overrides.map"],"mappings":"kTAMG,SAAwB,EAAe,EAAM,CAAC,IAAI,EAAQ,GAAK,CAAC,eAAa,cAAY,WAAS,CAAC,EAChGA,EAAsB,IAAI,CAAC,IAAIC,EAAQ,IAAM,EAA8D,CAAhDA,EAAQ,IAAgD,WAAW,+BAA+B,CAAC,QAAQ,OAAO,EAAa,OAAO,OAAS,EAC3M,CAAC,EAAM,EAAS,CAAC,EAAS,GAAuB,CAAC,CAAM,CAAC,EAAU,EAAa,CAAC,GAAS,EAAM,CAC/F,EAAe,IAAY,eAAe,QAAQ,qBAAqB,EAAE,GAAuB,CAEtG,AADA,EAAU,IAAI,CAAC,EAAS,GAAgB,CAAC,AAAE,EAAC,CAAE,EAAC,EAAE,EAAQ,IAAU,MAA8B,EAAQ,iBAAiB,cAAc,IAAI,CAAC,EAAS,GAAgB,GAAG,QAAQ,QAAQ,OAAO,AAAE,EAAC,CACnM,EAAU,IAAI,CAA4B,AAA3B,EAAS,GAAgB,CAAC,CAAC,WAAW,IAAI,CAAC,GAAa,EAAK,AAAE,EAAC,IAAI,AACjF,EAAC,CAAE,EAAC,CAAC,IAAM,EAAa,IAAQ,QAAQ,EAAa,EAAY,OAAO,GAAW,GAA2B,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,CAAS,EAAC,IAAI,CAAa,EAAC,AAAE,cACtM,IAbA,GAA2C,IAAoD,IAAsC,CAarI,EAAoB,EAAe,CAAC,aAAa,CAAC,KAAK,EAAY,MAAM,MAAM,OAAQ,EAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,MAAO,EAAC,SAAS,CAAC,KAAK,EAAY,KAAK,MAAM,MAAM,QAAQ,CAAC,UAAU,QAAQ,MAAO,EAAC,aAAa,OAAQ,CAAC,EAAC,GCZmhC,SAAgB,EAAgB,EAAU,CAAC,MAAO,CAAA,GAAO,CAAC,GAAK,CAAC,EAAU,EAAa,CAAC,GAAS,EAAK,CAAM,CAAC,EAAmB,EAAsB,CAAC,EAAS,KAAK,CACx6C,MADy6C,GAAU,IAAI,CAAC,GAAU,WAAqB,CAAC,IAAM,EAAa,eAAe,QAAQ,qBAAqB,EAAE,GAAuB,CAA+D,AAA9D,QAAQ,IAAI,EAAa,CAAC,EAAsB,EAAa,CAAC,GAAa,EAAM,AAAE,CAAC,EAAC,CAAE,EAAC,CAAC,EAAU,IAAI,CAAC,IAAM,EAAkB,GAAO,CAAC,EAAsB,EAAM,OAAO,AAAE,EAA0D,MAAzD,GAAO,iBAAiB,cAAc,EAAkB,CAAO,IAAI,EAAO,oBAAoB,cAAc,EAAkB,AAAE,EAAC,CAAE,EAAC,CAC/0D,EAAK,MAAM,CAAC,UAAU,kCAAkC,MAAM,CAAC,QAAQ,GAAW,IAAqB,KAAK,EAAE,CAAE,EAAC,SAAsB,EAAK,EAAU,CAAC,GAAG,EAAM,QAAQ,IAAqB,OAAO,OAAO,OAAQ,EAAC,AAAC,EAAC,AAAE,CAAE,gBADxO,IADN,GAA2C,IAAsC,CAC3E,EAAsB,IAAe,WAA6G,QAAhF,EAAO,WAAW,+BAA+B,CAAC,QAAQ,OAAO"}