https://www.vypn.net/assets/ThemeModeProvider._vypn_-CODmGzLv.js

1import{j as C,r as l}from"./jsx-runtime-Ba-TVyvO.js";import{e as ve,t as Le}from"./theme-CEc5LQfD.js";import{a as y,f as _e,_ as De,j as ue,G as H,T as Ae,v as Ke,w as Oe}from"./DefaultPropsProvider-gZiPtiZ1.js";import{u as Re,T as Fe,C as Ne}from"./CssBaseline-wF8rLNUg.js";const Y="mode",Q="color-scheme",fe="data-color-scheme";function Pe(e){const{defaultMode:s="light",defaultLightColorScheme:c="light",defaultDarkColorScheme:i="dark",modeStorageKey:x=Y,colorSchemeStorageKey:d=Q,attribute:a=fe,colorSchemeNode:n="document.documentElement",nonce:S}=e||{};return C.jsx("script",{suppressHydrationWarning:!0,nonce:typeof window>"u"?S:"",dangerouslySetInnerHTML:{__html:`(function() {
2try {
3  var mode = localStorage.getItem('${x}') || '${s}';
4  var colorScheme = '';
5  if (mode === 'system') {
6    // handle system mode
7    var mql = window.matchMedia('(prefers-color-scheme: dark)');
8    if (mql.matches) {
9      colorScheme = localStorage.getItem('${d}-dark') || '${i}';
10    } else {
11      colorScheme = localStorage.getItem('${d}-light') || '${c}';
12    }
13  }
14  if (mode === 'light') {
15    colorScheme = localStorage.getItem('${d}-light') || '${c}';
16  }
17  if (mode === 'dark') {
18    colorScheme = localStorage.getItem('${d}-dark') || '${i}';
19  }
20  if (colorScheme) {
21    ${n}.setAttribute('${a}', colorScheme);
22  }
23} catch(e){}})();`}},"mui-color-scheme-init")}function Se(e){if(typeof window<"u"&&e==="system")return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function ge(e,s){if(e.mode==="light"||e.mode==="system"&&e.systemMode==="light")return s("light");if(e.mode==="dark"||e.mode==="system"&&e.systemMode==="dark")return s("dark")}function Ve(e){return ge(e,s=>{if(s==="light")return e.lightColorScheme;if(s==="dark")return e.darkColorScheme})}function z(e,s){if(typeof window>"u")return;let c;try{c=localStorage.getItem(e)||void 0,c||localStorage.setItem(e,s)}catch{}return c||s}function We(e){const{defaultMode:s="light",defaultLightColorScheme:c,defaultDarkColorScheme:i,supportedColorSchemes:x=[],modeStorageKey:d=Y,colorSchemeStorageKey:a=Q,storageWindow:n=typeof window>"u"?void 0:window}=e,S=x.join(","),[w,$]=l.useState(()=>{const o=z(d,s),t=z(`${a}-light`,c),r=z(`${a}-dark`,i);return{mode:o,systemMode:Se(o),lightColorScheme:t,darkColorScheme:r}}),I=Ve(w),j=l.useCallback(o=>{$(t=>{if(o===t.mode)return t;const r=o??s;try{localStorage.setItem(d,r)}catch{}return y({},t,{mode:r,systemMode:Se(r)})})},[d,s]),E=l.useCallback(o=>{o?typeof o=="string"?o&&!S.includes(o)?console.error(`\`${o}\` does not exist in \`theme.colorSchemes\`.`):$(t=>{const r=y({},t);return ge(t,m=>{try{localStorage.setItem(`${a}-${m}`,o)}catch{}m==="light"&&(r.lightColorScheme=o),m==="dark"&&(r.darkColorScheme=o)}),r}):$(t=>{const r=y({},t),m=o.light===null?c:o.light,M=o.dark===null?i:o.dark;if(m)if(!S.includes(m))console.error(`\`${m}\` does not exist in \`theme.colorSchemes\`.`);else{r.lightColorScheme=m;try{localStorage.setItem(`${a}-light`,m)}catch{}}if(M)if(!S.includes(M))console.error(`\`${M}\` does not exist in \`theme.colorSchemes\`.`);else{r.darkColorScheme=M;try{localStorage.setItem(`${a}-dark`,M)}catch{}}return r}):$(t=>{try{localStorage.setItem(`${a}-light`,c),localStorage.setItem(`${a}-dark`,i)}catch{}return y({},t,{lightColorScheme:c,darkColorScheme:i})})},[S,a,c,i]),_=l.useCallback(o=>{w.mode==="system"&&$(t=>{const r=o!=null&&o.matches?"dark":"light";return t.systemMode===r?t:y({},t,{systemMode:r})})},[w.mode]),D=l.useRef(_);return D.current=_,l.useEffect(()=>{const o=(...r)=>D.current(...r),t=window.matchMedia("(prefers-color-scheme: dark)");return t.addListener(o),o(t),()=>{t.removeListener(o)}},[]),l.useEffect(()=>{if(n){const o=t=>{const r=t.newValue;typeof t.key=="string"&&t.key.startsWith(a)&&(!r||S.match(r))&&(t.key.endsWith("light")&&E({light:r}),t.key.endsWith("dark")&&E({dark:r})),t.key===d&&(!r||["light","dark","system"].includes(r))&&j(r||s)};return n.addEventListener("storage",o),()=>{n.removeEventListener("storage",o)}}},[E,j,d,a,S,s,n]),y({},w,{colorScheme:I,setMode:j,setColorScheme:E})}const Be=["colorSchemes","components","generateCssVars","cssVarPrefix"],Ge="*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";function Ue(e){const{themeId:s,theme:c={},attribute:i=fe,modeStorageKey:x=Y,colorSchemeStorageKey:d=Q,defaultMode:a="light",defaultColorScheme:n,disableTransitionOnChange:S=!1,resolveTheme:w,excludeVariablesFromRoot:$}=e;(!c.colorSchemes||typeof n=="string"&&!c.colorSchemes[n]||typeof n=="object"&&!c.colorSchemes[n==null?void 0:n.light]||typeof n=="object"&&!c.colorSchemes[n==null?void 0:n.dark])&&console.error(`MUI: \`${n}\` does not exist in \`theme.colorSchemes\`.`);const I=l.createContext(void 0),j=()=>{const t=l.useContext(I);if(!t)throw new Error(_e(19));return t};function E(t){const{children:r,theme:m=c,modeStorageKey:M=x,colorSchemeStorageKey:R=d,attribute:b=i,defaultMode:A=a,defaultColorScheme:f=n,disableTransitionOnChange:J=S,storageWindow:Ce=typeof window>"u"?void 0:window,documentNode:T=typeof document>"u"?void 0:document,colorSchemeNode:F=typeof document>"u"?void 0:document.documentElement,colorSchemeSelector:K=":root",disableNestedContext:ye=!1,disableStyleSheetGeneration:pe=!1}=t,N=l.useRef(!1),X=Re(),P=l.useContext(I),V=!!P&&!ye,Z=m[s],ee=Z||m,{colorSchemes:W={},components:ke={},generateCssVars:te=()=>({vars:{},css:{}}),cssVarPrefix:B}=ee,$e=De(ee,Be),G=Object.keys(W),oe=typeof f=="string"?f:f.light,re=typeof f=="string"?f:f.dark,{mode:Me,setMode:se,systemMode:ne,lightColorScheme:ce,darkColorScheme:le,colorScheme:we,setColorScheme:ae}

23=We({supportedColorSchemes:G,defaultLightColorScheme:oe,defaultDarkColorScheme:re,modeStorageKey:M,colorSchemeStorageKey:R,defaultMode:A,storageWindow:Ce});let v=Me,p=we;V&&(v=P.mode,p=P.colorScheme);const Te=v||(A==="system"?a:A),xe=p||(Te==="dark"?re:oe),{css:Ee,vars:ie}=te(),u=y({},$e,{components:ke,colorSchemes:W,cssVarPrefix:B,vars:ie,getColorSchemeSelector:h=>`[${b}="${h}"] &`}),U={},de={};Object.entries(W).forEach(([h,k])=>{const{css:O,vars:Ie}=te(h);u.vars=ue(u.vars,Ie),h===xe&&(Object.keys(k).forEach(g=>{k[g]&&typeof k[g]=="object"?u[g]=y({},u[g],k[g]):u[g]=k[g]}),u.palette&&(u.palette.colorScheme=h));const je=typeof f=="string"?f:A==="dark"?f.dark:f.light;if(h===je){if($){const g={};$(B).forEach(q=>{g[q]=O[q],delete O[q]}),U[`[${b}="${h}"]`]=g}U[`${K}, [${b}="${h}"]`]=O}else de[`${K===":root"?"":K}[${b}="${h}"]`]=O}),u.vars=ue(u.vars,ie),l.useEffect(()=>{p&&F&&F.setAttribute(b,p)},[p,b,F]),l.useEffect(()=>{let h;if(J&&N.current&&T){const k=T.createElement("style");k.appendChild(T.createTextNode(Ge)),T.head.appendChild(k),window.getComputedStyle(T.body),h=setTimeout(()=>{T.head.removeChild(k)},1)}return()=>{clearTimeout(h)}},[p,J,T]),l.useEffect(()=>(N.current=!0,()=>{N.current=!1}),[]);const be=l.useMemo(()=>({allColorSchemes:G,colorScheme:p,darkColorScheme:le,lightColorScheme:ce,mode:v,setColorScheme:ae,setMode:se,systemMode:ne}),[G,p,le,ce,v,ae,se,ne]);let me=!0;(pe||V&&(X==null?void 0:X.cssVarPrefix)===B)&&(me=!1);const he=C.jsxs(l.Fragment,{children:[me&&C.jsxs(l.Fragment,{children:[C.jsx(H,{styles:{[K]:Ee}}),C.jsx(H,{styles:U}),C.jsx(H,{styles:de})]}),C.jsx(Fe,{themeId:Z?s:void 0,theme:w?w(u):u,children:r})]});return V?he:C.jsx(I.Provider,{value:be,children:he})}const _=typeof n=="string"?n:n.light,D=typeof n=="string"?n:n.dark;return{CssVarsProvider:E,useColorScheme:j,getInitColorSchemeScript:t=>Pe(y({attribute:i,colorSchemeStorageKey:d,defaultMode:a,defaultLightColorScheme:_,defaultDarkColorScheme:D,modeStorageKey:x},t))}}const qe=e=>[...[...Array(24)].map((s,c)=>`--${e?`${e}-`:""}overlays-${c+1}`),`--${e?`${e}-`:""}palette-AppBar-darkBg`,`--${e?`${e}-`:""}palette-AppBar-darkColor`],L={attribute:"data-mui-color-scheme",colorSchemeStorageKey:"mui-color-scheme",defaultLightColorScheme:"light",defaultDarkColorScheme:"dark",modeStorageKey:"mui-mode"},He=ve(),{CssVarsProvider:ze,useColorScheme:et,getInitColorSchemeScript:Ye}=Ue({themeId:Ae,theme:He,attribute:L.attribute,colorSchemeStorageKey:L.colorSchemeStorageKey,modeStorageKey:L.modeStorageKey,defaultColorScheme:{light:L.defaultLightColorScheme,dark:L.defaultDarkColorScheme},resolveTheme:e=>{const s=y({},e,{typography:Ke(e.palette,e.typography)});return s.unstable_sx=function(i){return Oe({sx:i,theme:this})},s},excludeVariablesFromRoot:qe}),tt=Ye,ot=({children:e})=>C.jsxs(ze,{theme:Le,defaultMode:"system",children:[C.jsx(Ne,{}),e]}),rt='[data-mui-color-scheme="dark"] &';export{rt as D,ot as T,tt as g,et as u};