{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Si8OUkNJj2ZdHV8riyva/G95XmgFkxoc2UcOCWb6Q/EnframerToggle.js"],
  "sourcesContent": ["/*\nPERSONAL LICENSE ALLOWS PERSONAL USE ONLY\nCOMMERCIAL LICENSE REQUIRED FOR COMMERCIAL USE\nCLIENT WORK IS CONSIDERED COMMERCIAL USE\n\nGet your license here:\nhttps://enframer.lemonsqueezy.com/checkout/buy/b4923c94-3e38-4d91-ad09-dd4fb84afd3b\n\n                                /)\n                        /\\___/\\ ((\n                        \\`@_@'/  ))\nCreated                 {_:Y:.}_//\nBy @Enframer -----------{_}^-'{_}------------------------\n*/import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useState}from\"react\";import{motion}from\"framer-motion\";/**\n * @framerDisableUnlink\n */function getOSTheme(){return window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches?\"dark\":\"light\";}function setInitialState(){const currentToggleState=localStorage.getItem(\"currentToggleState\")||\"dark\";localStorage.setItem(\"currentToggleState\",currentToggleState);const styleTag=document.getElementsByTagName(\"style\")[0];const newCSS=styleTag.innerHTML.replace(/prefers-color-scheme: \\w+/,`prefers-color-scheme: ${currentToggleState===\"dark\"?\"dark\":\"light\"}`);styleTag.innerHTML=newCSS;return currentToggleState===\"dark\";}function ToggleButton(props){const[isOn,setIsOn]=useState(setInitialState());const toggle=()=>{const newToggleState=!isOn?\"dark\":\"light\";setIsOn(!isOn);localStorage.setItem(\"currentToggleState\",newToggleState);window.dispatchEvent(new CustomEvent(\"themeChange\"));};useEffect(()=>{const mediaQuery=window.matchMedia(\"(prefers-color-scheme: dark)\");mediaQuery.addListener(e=>{const newTheme=e.matches?\"dark\":\"light\";localStorage.setItem(\"currentOsTheme\",newTheme);localStorage.setItem(\"currentToggleState\",newTheme);setIsOn(newTheme===\"dark\");const styleTag=document.getElementsByTagName(\"style\")[0];const newCSS=styleTag.innerHTML.replace(/prefers-color-scheme: \\w+/,`prefers-color-scheme: ${newTheme===\"dark\"?\"dark\":\"light\"}`);styleTag.innerHTML=newCSS;window.dispatchEvent(new CustomEvent(\"themeChange\"));});},[]);useEffect(()=>{const currentToggleState=isOn?\"dark\":\"light\";const currentOsTheme=localStorage.getItem(\"currentOsTheme\")||getOSTheme();const styleTag=document.getElementsByTagName(\"style\")[0];const newCSS=styleTag.innerHTML.replace(/prefers-color-scheme: \\w+/,`prefers-color-scheme: ${currentToggleState===\"dark\"?\"dark\":\"light\"}`);styleTag.innerHTML=newCSS;localStorage.setItem(\"currentToggleState\",currentToggleState);},[isOn]);const themeColor=isOn?{background:props.darkSwitch,switchColor:props.darkKnob}:{background:props.lightSwitch,switchColor:props.lightKnob};const variants={on:{x:20},off:{x:0}};const sunSVG=/*#__PURE__*/_jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:\"80%\",height:\"80%\",fill:props.lightIcon,viewBox:\"0 0 256 256\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M184,128a56,56,0,1,1-56-56A56,56,0,0,1,184,128Z\",opacity:\"0\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M120,40V32a8,8,0,0,1,16,0v8a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-8-8A8,8,0,0,0,50.34,61.66Zm0,116.68-8,8a8,8,0,0,0,11.32,11.32l8-8a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l8-8a8,8,0,0,0-11.32-11.32l-8,8A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l8,8a8,8,0,0,0,11.32-11.32ZM40,120H32a8,8,0,0,0,0,16h8a8,8,0,0,0,0-16Zm88,88a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-8A8,8,0,0,0,128,208Zm96-88h-8a8,8,0,0,0,0,16h8a8,8,0,0,0,0-16Z\"})]});const moonSVG=/*#__PURE__*/_jsxs(\"svg\",{width:\"12\",height:\"14\",viewBox:\"0 0 13 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:[/*#__PURE__*/_jsx(\"rect\",{width:\"13\",height:\"16\",fill:\"\"}),/*#__PURE__*/_jsx(\"path\",{id:\"\\xef\\x86\\x86\",d:\"M6.43359 1.34961C3.44531 1.88086 1.1875 4.50391 1.1875 7.625C1.1875 11.1777 4.00977 14 7.5293 14C8.6582 14 9.7207 13.7012 10.6504 13.2031C7.13086 12.9043 4.3418 9.91602 4.3418 6.29688C4.3418 4.37109 5.13867 2.61133 6.43359 1.34961ZM8.625 0.652344C8.69141 0.884766 8.5918 1.11719 8.39258 1.2168C6.59961 2.21289 5.4043 4.13867 5.4043 6.29688C5.4043 9.55078 8.02734 12.1406 11.248 12.1406C11.5801 12.1406 11.9121 12.1406 12.2441 12.0742C12.4766 12.041 12.709 12.1406 12.8086 12.3398C12.9082 12.5723 12.875 12.8047 12.709 12.9707C11.3809 14.2656 9.55469 15.0625 7.5293 15.0625C3.44531 15.0625 0.125 11.7422 0.125 7.625C0.125 3.54102 3.44531 0.1875 7.5293 0.1875C7.72852 0.1875 7.96094 0.220703 8.16016 0.220703C8.39258 0.253906 8.5918 0.419922 8.625 0.652344Z\",fill:\"#132854\"})]});return /*#__PURE__*/_jsx(\"div\",{onClick:toggle,style:{cursor:\"pointer\",background:themeColor.background,borderRadius:40,position:\"relative\",width:50,height:30,padding:5},children:/*#__PURE__*/_jsx(motion.div,{initial:false,animate:isOn?\"on\":\"off\",variants:variants,style:{cursor:\"pointer\",background:themeColor.switchColor,borderRadius:\"50%\",position:\"absolute\",width:20,height:20,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:isOn?moonSVG:sunSVG})});}export default function OptimizedToggleButton(props){const[isClient,setIsClient]=useState(false);useEffect(()=>{setIsClient(true);},[]);/*\n    ------------------------------------------------------\n    IMPORTANT! READ ME BEFORE UNCOMMENTING THE CODE BELOW:\n    ------------------------------------------------------\n\n    YOU CAN UNCOMMENT THE CODE BELOW TO RESOLVE THE OPTIMIZATION WARNING,\n    THIS COMMENT TELLS THE SERVER TO PRERENDER \"NULL\" AS THE COMPONENT,\n    SINCE THIS COMPONENT USES \"WINDOW\" WHICH ISN'T AVAILABLE ON THE SERVER SIDE,\n    THIS WILL FIX THE OPTIMIZATION WARNING BUT:\n    \n    YOU WILL NOTICE A FEW MILLISECONDS DELAY (LAG),\n    SINCE IT'S A WARNING NOT AN ERROR IT'S SAFE TO INGNORE IT,\n    THE TOGGLE WILL PERFORM MUCH BETTER WITHOUT UNCOMMENTING THIS,\n    AGAIN: UNCOMMENTING THIS WILL CAUSE THE TOGGLE TO LAG!\n\n    TO UNCOMMENT REMOVE THE \"//\" CHARACTERS BEFORE \"if\", \"return\", and \"}\"\n    ONCE DONE HIT CMD + S TO SAVE\n    */// if (!isClient) {\n//     return null\n// }\nreturn /*#__PURE__*/_jsx(ToggleButton,{...props});}OptimizedToggleButton.displayName=\"Enframer Toggle\";addPropertyControls(OptimizedToggleButton,{darkSwitch:{type:ControlType.Color,defaultValue:\"#333\",description:\"Dark switch color.\"},darkKnob:{type:ControlType.Color,defaultValue:\"#111\",description:\"Dark knob color.\"},darkIcon:{type:ControlType.Color,defaultValue:\"#ddd\",description:\"Dark icon color.\"},lightSwitch:{type:ControlType.Color,defaultValue:\"#bbb\",description:\"Light switch color.\"},lightKnob:{type:ControlType.Color,defaultValue:\"#fff\",description:\"Light knob color.\"},lightIcon:{type:ControlType.Color,defaultValue:\"#000\",description:\"Light icon color.\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"OptimizedToggleButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./EnframerToggle.map"],
  "mappings": "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",
  "names": ["getOSTheme", "window", "setInitialState", "currentToggleState", "styleTag", "newCSS", "ToggleButton", "props", "isOn", "setIsOn", "ye", "toggle", "newToggleState", "ue", "e", "newTheme", "currentOsTheme", "themeColor", "variants", "sunSVG", "u", "p", "moonSVG", "motion", "OptimizedToggleButton", "isClient", "setIsClient", "addPropertyControls", "ControlType"]
}