@jean2/client 1.0.6 → 1.0.8

package/dist/assets/ThemeProvider-rIKaOoRR.js

@@ -0,0 +1 @@
+import{o as e,r as t,t as n}from"./jsx-runtime-CoWo_Ex4.js";import{N as r}from"./serverDataStore-CvTJtC_B.js";var i=e(t(),1),a=n(),o=`jean2-theme`,s=`neutral`,c=`system`,l=(0,i.createContext)({mode:c,scheme:s,setMode:()=>null,setScheme:()=>null,resolvedMode:`dark`});function u(){return window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function d(e){return e===`system`?u():e}function f(e){let t=localStorage.getItem(o);if(!t||![`light`,`dark`,`system`].includes(t))return null;let n={mode:t,scheme:s};return localStorage.setItem(e,JSON.stringify(n)),localStorage.removeItem(o),n}function p({children:e,defaultMode:t=c,defaultScheme:n=s,storageKey:o=`jean2-theme-settings`,...u}){let[p,m]=(0,i.useState)(()=>{let e=f(o);if(e)return e;let r=localStorage.getItem(o);if(r)try{let e=JSON.parse(r);if(typeof e==`object`&&e&&`mode`in e&&`scheme`in e)return e}catch{}return{mode:t,scheme:n}}),[h,g]=(0,i.useState)(()=>d(p.mode)),_=(0,i.useCallback)((e,t)=>{let n=window.document.documentElement,r=d(e);n.classList.remove(`light`,`dark`),n.classList.remove(`neutral`,`ocean`,`forest`,`sunset`,`amethyst`),n.classList.add(r),n.classList.add(t),g(r)},[]);(0,i.useEffect)(()=>{_(p.mode,p.scheme)},[p,_]),(0,i.useEffect)(()=>{if(p.mode!==`system`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>{_(p.mode,p.scheme)};return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[p.mode,p.scheme,_]);let v=(0,i.useCallback)(e=>{let t={...p,mode:e};m(t),localStorage.setItem(o,JSON.stringify(t))},[p,o]),y=(0,i.useCallback)(e=>{let t={...p,scheme:e};m(t),localStorage.setItem(o,JSON.stringify(t))},[p,o]),b=(0,i.useRef)(null);(0,i.useEffect)(()=>{b.current!==h&&(b.current=h,r.syncTheme?.(h))},[h]);let x={mode:p.mode,scheme:p.scheme,setMode:v,setScheme:y,resolvedMode:h};return(0,a.jsx)(l.Provider,{...u,value:x,children:e})}var m=()=>{let e=(0,i.useContext)(l);if(e===void 0)throw Error(`useTheme must be used within a ThemeProvider`);return e};export{m as n,p as t};