@tamagui/next-theme 1.13.2 → 1.13.4

package/dist/esm/NextThemeProvider.mjs

@@ -1,233 +1,2 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEvent } from "@tamagui/use-event";
-import NextHead from "next/head";
-import * as React from "react";
-import { memo, useEffect, useMemo, useRef, useState } from "react";
-import { MEDIA, colorSchemes } from "./constants";
-import { getSystemTheme, getTheme } from "./helpers";
-import { ThemeSettingContext } from "./ThemeSettingContext";
-import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
-const NextThemeProvider = ({
-  forcedTheme,
-  disableTransitionOnChange = true,
-  enableSystem = true,
-  enableColorScheme = true,
-  storageKey = "theme",
-  themes = colorSchemes,
-  defaultTheme = enableSystem ? "system" : "light",
-  attribute = "class",
-  skipNextHead,
-  onChangeTheme,
-  value = {
-    dark: "t_dark",
-    light: "t_light"
-  },
-  children
-}) => {
-  const [theme, setThemeState] = useState(() => getTheme(storageKey, defaultTheme));
-  const [resolvedTheme, setResolvedTheme] = useState(() => getTheme(storageKey));
-  const attrs = !value ? themes : Object.values(value);
-  const handleMediaQuery = useEvent((e) => {
-    const systemTheme2 = getSystemTheme(e);
-    React.startTransition(() => {
-      setResolvedTheme(systemTheme2);
-    });
-    if (theme === "system" && !forcedTheme) {
-      handleChangeTheme(systemTheme2, false);
-    }
-  });
-  const mediaListener = useRef(handleMediaQuery);
-  mediaListener.current = handleMediaQuery;
-  const handleChangeTheme = useEvent((theme2, updateStorage = true, updateDOM = true) => {
-    let name = (value == null ? void 0 : value[theme2]) || theme2;
-    if (updateStorage) {
-      try {
-        localStorage.setItem(storageKey, theme2);
-      } catch (e) {
-      }
-    }
-    if (theme2 === "system" && enableSystem) {
-      const resolved = getSystemTheme();
-      name = (value == null ? void 0 : value[resolved]) || resolved;
-    }
-    onChangeTheme == null ? void 0 : onChangeTheme(name.replace("t_", ""));
-    if (updateDOM) {
-      const d = document.documentElement;
-      if (attribute === "class") {
-        d.classList.remove(...attrs);
-        d.classList.add(name);
-      } else {
-        d.setAttribute(attribute, name);
-      }
-    }
-  });
-  useIsomorphicLayoutEffect(() => {
-    const handler = (...args) => mediaListener.current(...args);
-    const media = window.matchMedia(MEDIA);
-    media.addListener(handler);
-    handler(media);
-    return () => {
-      media.removeListener(handler);
-    };
-  }, []);
-  const set = useEvent((newTheme) => {
-    if (forcedTheme) {
-      handleChangeTheme(newTheme, true, false);
-    } else {
-      handleChangeTheme(newTheme);
-    }
-    setThemeState(newTheme);
-  });
-  useEffect(() => {
-    const handleStorage = (e) => {
-      if (e.key !== storageKey) {
-        return;
-      }
-      const theme2 = e.newValue || defaultTheme;
-      set(theme2);
-    };
-    window.addEventListener("storage", handleStorage);
-    return () => {
-      window.removeEventListener("storage", handleStorage);
-    };
-  }, [defaultTheme, set, storageKey]);
-  useIsomorphicLayoutEffect(() => {
-    if (!enableColorScheme)
-      return;
-    const colorScheme = (
-      // If theme is forced to light or dark, use that
-      forcedTheme && colorSchemes.includes(forcedTheme) ? forcedTheme : (
-        // If regular theme is light or dark
-        theme && colorSchemes.includes(theme) ? theme : (
-          // If theme is system, use the resolved version
-          theme === "system" ? resolvedTheme || null : null
-        )
-      )
-    );
-    const userPrefers = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-    const wePrefer = colorScheme || "light";
-    if (userPrefers !== wePrefer || wePrefer === "dark") {
-      document.documentElement.style.setProperty("color-scheme", colorScheme);
-    }
-  }, [enableColorScheme, theme, resolvedTheme, forcedTheme]);
-  const toggle = useEvent(() => {
-    const order = resolvedTheme === "dark" ? ["system", "light", "dark"] : ["system", "dark", "light"];
-    const next = order[(order.indexOf(theme) + 1) % order.length];
-    set(next);
-  });
-  const contextResolvedTheme = theme === "system" ? resolvedTheme : theme;
-  const systemTheme = enableSystem ? resolvedTheme : void 0;
-  const contextValue = useMemo(() => {
-    const value2 = {
-      theme,
-      current: theme,
-      set,
-      toggle,
-      forcedTheme,
-      resolvedTheme: contextResolvedTheme,
-      themes: enableSystem ? [...themes, "system"] : themes,
-      systemTheme
-    };
-    return value2;
-  }, [
-    theme,
-    set,
-    toggle,
-    forcedTheme,
-    contextResolvedTheme,
-    enableSystem,
-    themes,
-    systemTheme
-  ]);
-  return /* @__PURE__ */ jsxs(ThemeSettingContext.Provider, { value: contextValue, children: [
-    /* @__PURE__ */ jsx(
-      ThemeScript,
-      {
-        ...{
-          forcedTheme,
-          storageKey,
-          systemTheme: resolvedTheme,
-          attribute,
-          value,
-          enableSystem,
-          defaultTheme,
-          attrs,
-          skipNextHead
-        }
-      }
-    ),
-    useMemo(() => children, [children])
-  ] });
-};
-const ThemeScript = memo(
-  ({
-    forcedTheme,
-    storageKey,
-    attribute,
-    enableSystem,
-    defaultTheme,
-    value,
-    attrs,
-    skipNextHead
-  }) => {
-    const optimization = (() => {
-      if (attribute === "class") {
-        const removeClasses = attrs.map((t) => `d.remove('${t}')`).join(";");
-        return `var d=document.documentElement.classList;${removeClasses};`;
-      } else {
-        return `var d=document.documentElement;`;
-      }
-    })();
-    const updateDOM = (name, literal) => {
-      name = (value == null ? void 0 : value[name]) || name;
-      const val = literal ? name : `'${name}'`;
-      if (attribute === "class") {
-        return `d.add(${val})`;
-      }
-      return `d.setAttribute('${attribute}', ${val})`;
-    };
-    const defaultSystem = defaultTheme === "system";
-    const contents = /* @__PURE__ */ jsx(Fragment, { children: forcedTheme ? /* @__PURE__ */ jsx(
-      "script",
-      {
-        dangerouslySetInnerHTML: {
-          // These are minified via Terser and then updated by hand, don't recommend
-          __html: `!function(){${optimization}${updateDOM(forcedTheme)}}()`
-        }
-      },
-      "next-themes-script"
-    ) : enableSystem ? /* @__PURE__ */ jsx(
-      "script",
-      {
-        dangerouslySetInnerHTML: {
-          __html: `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');${!defaultSystem ? updateDOM(defaultTheme) + ";" : ""}if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM(
-            "dark"
-          )}:${updateDOM("light")}}else if(e) ${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", true)}}catch(e){}}()`
-        }
-      },
-      "next-themes-script"
-    ) : /* @__PURE__ */ jsx(
-      "script",
-      {
-        dangerouslySetInnerHTML: {
-          __html: `!function(){try{${optimization}var e=localStorage.getItem("${storageKey}");if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", true)}}else{${updateDOM(
-            defaultTheme
-          )};}}catch(t){}}();`
-        }
-      },
-      "next-themes-script"
-    ) });
-    if (skipNextHead)
-      return contents;
-    return /* @__PURE__ */ jsx(NextHead, { children: contents });
-  },
-  (prevProps, nextProps) => {
-    if (prevProps.forcedTheme !== nextProps.forcedTheme)
-      return false;
-    return true;
-  }
-);
-export {
-  NextThemeProvider
-};
+import{Fragment as B,jsx as f,jsxs as q}from"react/jsx-runtime";import{useEvent as S}from"@tamagui/use-event";import D from"next/head";import*as J from"react";import{memo as U,useEffect as b,useMemo as T,useRef as z,useState as H}from"react";import{MEDIA as N,colorSchemes as P}from"./constants";import{getSystemTheme as R,getTheme as V}from"./helpers";import{ThemeSettingContext as F}from"./ThemeSettingContext";import{useIsomorphicLayoutEffect as j}from"./useIsomorphicLayoutEffect";const it=({forcedTheme:r,disableTransitionOnChange:h=!0,enableSystem:c=!0,enableColorScheme:k=!0,storageKey:m="theme",themes:n=P,defaultTheme:u=c?"system":"light",attribute:p="class",skipNextHead:g,onChangeTheme:i,value:o={dark:"t_dark",light:"t_light"},children:y})=>{const[e,$]=H(()=>V(m,u)),[d,A]=H(()=>V(m)),v=o?Object.values(o):n,E=S(t=>{const s=R(t);J.startTransition(()=>{A(s)}),e==="system"&&!r&&L(s,!1)}),M=z(E);M.current=E;const L=S((t,s=!0,a=!0)=>{let w=(o==null?void 0:o[t])||t;if(s)try{localStorage.setItem(m,t)}catch{}if(t==="system"&&c){const l=R();w=(o==null?void 0:o[l])||l}if(i==null||i(w.replace("t_","")),a){const l=document.documentElement;p==="class"?(l.classList.remove(...v),l.classList.add(w)):l.setAttribute(p,w)}});j(()=>{const t=(...a)=>M.current(...a),s=window.matchMedia(N);return s.addListener(t),t(s),()=>{s.removeListener(t)}},[]);const x=S(t=>{r?L(t,!0,!1):L(t),$(t)});b(()=>{const t=s=>{if(s.key!==m)return;const a=s.newValue||u;x(a)};return window.addEventListener("storage",t),()=>{window.removeEventListener("storage",t)}},[u,x,m]),j(()=>{if(!k)return;const t=r&&P.includes(r)?r:e&&P.includes(e)?e:e==="system"&&d||null,s=typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",a=t||"light";(s!==a||a==="dark")&&document.documentElement.style.setProperty("color-scheme",t)},[k,e,d,r]);const _=S(()=>{const t=d==="dark"?["system","light","dark"]:["system","dark","light"],s=t[(t.indexOf(e)+1)%t.length];x(s)}),I=e==="system"?d:e,O=c?d:void 0,C=T(()=>({theme:e,current:e,set:x,toggle:_,forcedTheme:r,resolvedTheme:I,themes:c?[...n,"system"]:n,systemTheme:O}),[e,x,_,r,I,c,n,O]);return q(F.Provider,{value:C,children:[f(Q,{forcedTheme:r,storageKey:m,systemTheme:d,attribute:p,value:o,enableSystem:c,defaultTheme:u,attrs:v,skipNextHead:g}),T(()=>y,[y])]})},Q=U(({forcedTheme:r,storageKey:h,attribute:c,enableSystem:k,defaultTheme:m,value:n,attrs:u,skipNextHead:p})=>{const g=(()=>c==="class"?`var d=document.documentElement.classList;${u.map($=>`d.remove('${$}')`).join(";")};`:"var d=document.documentElement;")(),i=(e,$)=>{e=(n==null?void 0:n[e])||e;const d=$?e:`'${e}'`;return c==="class"?`d.add(${d})`:`d.setAttribute('${c}', ${d})`},o=m==="system",y=f(B,{children:r?f("script",{dangerouslySetInnerHTML:{__html:`!function(){${g}${i(r)}}()`}},"next-themes-script"):k?f("script",{dangerouslySetInnerHTML:{__html:`!function(){try {${g}var e=localStorage.getItem('${h}');${o?"":i(m)+";"}if("system"===e||(!e&&${o})){var t="${N}",m=window.matchMedia(t);m.media!==t||m.matches?${i("dark")}:${i("light")}}else if(e) ${n?`var x=${JSON.stringify(n)};`:""}${i(n?"x[e]":"e",!0)}}catch(e){}}()`}},"next-themes-script"):f("script",{dangerouslySetInnerHTML:{__html:`!function(){try{${g}var e=localStorage.getItem("${h}");if(e){${n?`var x=${JSON.stringify(n)};`:""}${i(n?"x[e]":"e",!0)}}else{${i(m)};}}catch(t){}}();`}},"next-themes-script")});return p?y:f(D,{children:y})},(r,h)=>r.forcedTheme===h.forcedTheme);export{it as NextThemeProvider};
 //# sourceMappingURL=NextThemeProvider.mjs.map

package/dist/esm/NextThemeProvider.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/NextThemeProvider.tsx"],
   "sourcesContent": ["import { useEvent } from '@tamagui/use-event'\nimport NextHead from 'next/head'\nimport * as React from 'react'\nimport { memo, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { MEDIA, colorSchemes } from './constants'\nimport { getSystemTheme, getTheme } from './helpers'\nimport { ThemeSettingContext } from './ThemeSettingContext'\nimport { ValueObject } from './types'\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'\nimport { ThemeProviderProps, UseThemeProps } from './UseThemeProps'\n\nexport const NextThemeProvider: React.FC<ThemeProviderProps> = ({\n  forcedTheme,\n  disableTransitionOnChange = true,\n  enableSystem = true,\n  enableColorScheme = true,\n  storageKey = 'theme',\n  themes = colorSchemes,\n  defaultTheme = enableSystem ? 'system' : 'light',\n  attribute = 'class',\n  skipNextHead,\n  onChangeTheme,\n  value = {\n    dark: 't_dark',\n    light: 't_light',\n  },\n  children,\n}) => {\n  const [theme, setThemeState] = useState(() => getTheme(storageKey, defaultTheme))\n  const [resolvedTheme, setResolvedTheme] = useState(() => getTheme(storageKey))\n  // const resolvedTheme = React.useDeferredValue(resolvedThemeFast)\n  const attrs = !value ? themes : Object.values(value)\n\n  const handleMediaQuery = useEvent((e?) => {\n    const systemTheme = getSystemTheme(e)\n    React.startTransition(() => {\n      setResolvedTheme(systemTheme)\n    })\n    if (theme === 'system' && !forcedTheme) {\n      handleChangeTheme(systemTheme, false)\n    }\n  })\n\n  // Ref hack to avoid adding handleMediaQuery as a dep\n  const mediaListener = useRef(handleMediaQuery)\n  mediaListener.current = handleMediaQuery\n\n  const handleChangeTheme = useEvent((theme, updateStorage = true, updateDOM = true) => {\n    let name = value?.[theme] || theme\n\n    if (updateStorage) {\n      try {\n        localStorage.setItem(storageKey, theme)\n      } catch (e) {\n        // Unsupported\n      }\n    }\n\n    if (theme === 'system' && enableSystem) {\n      const resolved = getSystemTheme()\n      name = value?.[resolved] || resolved\n    }\n\n    onChangeTheme?.(name.replace('t_', ''))\n\n    if (updateDOM) {\n      const d = document.documentElement\n      if (attribute === 'class') {\n        d.classList.remove(...attrs)\n        d.classList.add(name)\n      } else {\n        d.setAttribute(attribute, name)\n      }\n    }\n  })\n\n  useIsomorphicLayoutEffect(() => {\n    const handler = (...args: any) => mediaListener.current(...args)\n    // Always listen to System preference\n    const media = window.matchMedia(MEDIA)\n    // Intentionally use deprecated listener methods to support iOS & old browsers\n    media.addListener(handler)\n    handler(media)\n    return () => {\n      media.removeListener(handler)\n    }\n  }, [])\n\n  const set = useEvent((newTheme) => {\n    if (forcedTheme) {\n      handleChangeTheme(newTheme, true, false)\n    } else {\n      handleChangeTheme(newTheme)\n    }\n    setThemeState(newTheme)\n  })\n\n  // localStorage event handling\n  useEffect(() => {\n    const handleStorage = (e: StorageEvent) => {\n      if (e.key !== storageKey) {\n        return\n      }\n      // If default theme set, use it if localstorage === null (happens on local storage manual deletion)\n      const theme = e.newValue || defaultTheme\n      set(theme)\n    }\n    window.addEventListener('storage', handleStorage)\n    return () => {\n      window.removeEventListener('storage', handleStorage)\n    }\n  }, [defaultTheme, set, storageKey])\n\n  // color-scheme handling\n  useIsomorphicLayoutEffect(() => {\n    if (!enableColorScheme) return\n\n    const colorScheme =\n      // If theme is forced to light or dark, use that\n      forcedTheme && colorSchemes.includes(forcedTheme)\n        ? forcedTheme\n        : // If regular theme is light or dark\n        theme && colorSchemes.includes(theme)\n        ? theme\n        : // If theme is system, use the resolved version\n        theme === 'system'\n        ? resolvedTheme || null\n        : null\n\n    // color-scheme tells browser how to render built-in elements like forms, scrollbars, etc.\n    // if color-scheme is null, this will remove the property\n    const userPrefers =\n      typeof window !== 'undefined' &&\n      window.matchMedia &&\n      window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n\n    const wePrefer = colorScheme || 'light'\n\n    // avoid running this because it causes full page reflow\n    if (userPrefers !== wePrefer || wePrefer === 'dark') {\n      document.documentElement.style.setProperty('color-scheme', colorScheme)\n    }\n  }, [enableColorScheme, theme, resolvedTheme, forcedTheme])\n\n  const toggle = useEvent(() => {\n    const order =\n      resolvedTheme === 'dark' ? ['system', 'light', 'dark'] : ['system', 'dark', 'light']\n    const next = order[(order.indexOf(theme) + 1) % order.length]\n    set(next)\n  })\n\n  const contextResolvedTheme = theme === 'system' ? resolvedTheme : theme\n  const systemTheme = (enableSystem ? resolvedTheme : undefined) as\n    | 'light'\n    | 'dark'\n    | undefined\n  const contextValue = useMemo(() => {\n    const value: UseThemeProps = {\n      theme,\n      current: theme,\n      set,\n      toggle,\n      forcedTheme,\n      resolvedTheme: contextResolvedTheme,\n      themes: enableSystem ? [...themes, 'system'] : themes,\n      systemTheme,\n    } as const\n    return value\n  }, [\n    theme,\n    set,\n    toggle,\n    forcedTheme,\n    contextResolvedTheme,\n    enableSystem,\n    themes,\n    systemTheme,\n  ])\n\n  return (\n    <ThemeSettingContext.Provider value={contextValue}>\n      <ThemeScript\n        {...{\n          forcedTheme,\n          storageKey,\n          systemTheme: resolvedTheme,\n          attribute,\n          value,\n          enableSystem,\n          defaultTheme,\n          attrs,\n          skipNextHead,\n        }}\n      />\n      {/* because on SSR we re-run and can avoid whole tree re-render */}\n      {useMemo(() => children, [children])}\n    </ThemeSettingContext.Provider>\n  )\n}\nconst ThemeScript = memo(\n  ({\n    forcedTheme,\n    storageKey,\n    attribute,\n    enableSystem,\n    defaultTheme,\n    value,\n    attrs,\n    skipNextHead,\n  }: {\n    forcedTheme?: string\n    storageKey: string\n    attribute?: string\n    enableSystem?: boolean\n    defaultTheme: string\n    value?: ValueObject\n    attrs: any\n    skipNextHead?: boolean\n  }) => {\n    // Code-golfing the amount of characters in the script\n    const optimization = (() => {\n      if (attribute === 'class') {\n        const removeClasses = attrs.map((t: string) => `d.remove('${t}')`).join(';')\n        return `var d=document.documentElement.classList;${removeClasses};`\n      } else {\n        return `var d=document.documentElement;`\n      }\n    })()\n\n    const updateDOM = (name: string, literal?: boolean) => {\n      name = value?.[name] || name\n      const val = literal ? name : `'${name}'`\n\n      if (attribute === 'class') {\n        return `d.add(${val})`\n      }\n\n      return `d.setAttribute('${attribute}', ${val})`\n    }\n\n    const defaultSystem = defaultTheme === 'system'\n\n    const contents = (\n      <>\n        {forcedTheme ? (\n          <script\n            // nonce={nonce}\n            key=\"next-themes-script\"\n            dangerouslySetInnerHTML={{\n              // These are minified via Terser and then updated by hand, don't recommend\n              __html: `!function(){${optimization}${updateDOM(forcedTheme)}}()`,\n            }}\n          />\n        ) : enableSystem ? (\n          <script\n            // nonce={nonce}\n            key=\"next-themes-script\"\n            dangerouslySetInnerHTML={{\n              __html: `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');${\n                !defaultSystem ? updateDOM(defaultTheme) + ';' : ''\n              }if(\"system\"===e||(!e&&${defaultSystem})){var t=\"${MEDIA}\",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM(\n                'dark'\n              )}:${updateDOM('light')}}else if(e) ${\n                value ? `var x=${JSON.stringify(value)};` : ''\n              }${updateDOM(value ? 'x[e]' : 'e', true)}}catch(e){}}()`,\n            }}\n          />\n        ) : (\n          <script\n            // nonce={nonce}\n            key=\"next-themes-script\"\n            dangerouslySetInnerHTML={{\n              __html: `!function(){try{${optimization}var e=localStorage.getItem(\"${storageKey}\");if(e){${\n                value ? `var x=${JSON.stringify(value)};` : ''\n              }${updateDOM(value ? 'x[e]' : 'e', true)}}else{${updateDOM(\n                defaultTheme\n              )};}}catch(t){}}();`,\n            }}\n          />\n        )}\n      </>\n    )\n\n    if (skipNextHead) return contents\n\n    return <NextHead>{contents}</NextHead>\n  },\n  (prevProps, nextProps) => {\n    // Only re-render when forcedTheme changes\n    // the rest of the props should be completely stable\n    if (prevProps.forcedTheme !== nextProps.forcedTheme) return false\n    return true\n  }\n)\n"],
-  "mappings": "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",
-  "names": ["systemTheme", "theme", "value"]
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "useEvent", "NextHead", "React", "memo", "useEffect", "useMemo", "useRef", "useState", "MEDIA", "colorSchemes", "getSystemTheme", "getTheme", "ThemeSettingContext", "useIsomorphicLayoutEffect", "NextThemeProvider", "forcedTheme", "disableTransitionOnChange", "enableSystem", "enableColorScheme", "storageKey", "themes", "defaultTheme", "attribute", "skipNextHead", "onChangeTheme", "value", "children", "theme", "setThemeState", "resolvedTheme", "setResolvedTheme", "attrs", "handleMediaQuery", "e", "systemTheme", "handleChangeTheme", "mediaListener", "updateStorage", "updateDOM", "name", "resolved", "d", "handler", "args", "media", "set", "newTheme", "handleStorage", "colorScheme", "userPrefers", "wePrefer", "toggle", "order", "next", "contextResolvedTheme", "contextValue", "ThemeScript", "optimization", "t", "literal", "val", "defaultSystem", "contents", "prevProps", "nextProps"]
 }

package/dist/esm/ThemeSettingContext.js

@@ -1,12 +1,2 @@
-import { createContext } from "react";
-const ThemeSettingContext = createContext({
-  toggle: () => {
-  },
-  set: (_) => {
-  },
-  themes: []
-});
-export {
-  ThemeSettingContext
-};
+import{createContext as e}from"react";const s=e({toggle:()=>{},set:t=>{},themes:[]});export{s as ThemeSettingContext};
 //# sourceMappingURL=ThemeSettingContext.js.map

package/dist/esm/ThemeSettingContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ThemeSettingContext.tsx"],
   "sourcesContent": ["import { createContext } from 'react'\n\nimport { UseThemeProps } from './UseThemeProps'\n\nexport const ThemeSettingContext = createContext<UseThemeProps>({\n  toggle: () => {},\n  set: (_) => {},\n  themes: [],\n})\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,sBAAsB,cAA6B;AAAA,EAC9D,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,KAAK,CAAC,MAAM;AAAA,EAAC;AAAA,EACb,QAAQ,CAAC;AACX,CAAC;",
-  "names": []
+  "mappings": "AAAA,OAAS,iBAAAA,MAAqB,QAIvB,MAAMC,EAAsBD,EAA6B,CAC9D,OAAQ,IAAM,CAAC,EACf,IAAME,GAAM,CAAC,EACb,OAAQ,CAAC,CACX,CAAC",
+  "names": ["createContext", "ThemeSettingContext", "_"]
 }

package/dist/esm/ThemeSettingContext.mjs

@@ -1,12 +1,2 @@
-import { createContext } from "react";
-const ThemeSettingContext = createContext({
-  toggle: () => {
-  },
-  set: (_) => {
-  },
-  themes: []
-});
-export {
-  ThemeSettingContext
-};
+import{createContext as e}from"react";const s=e({toggle:()=>{},set:t=>{},themes:[]});export{s as ThemeSettingContext};
 //# sourceMappingURL=ThemeSettingContext.mjs.map

package/dist/esm/ThemeSettingContext.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ThemeSettingContext.tsx"],
   "sourcesContent": ["import { createContext } from 'react'\n\nimport { UseThemeProps } from './UseThemeProps'\n\nexport const ThemeSettingContext = createContext<UseThemeProps>({\n  toggle: () => {},\n  set: (_) => {},\n  themes: [],\n})\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,sBAAsB,cAA6B;AAAA,EAC9D,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,KAAK,CAAC,MAAM;AAAA,EAAC;AAAA,EACb,QAAQ,CAAC;AACX,CAAC;",
-  "names": []
+  "mappings": "AAAA,OAAS,iBAAAA,MAAqB,QAIvB,MAAMC,EAAsBD,EAA6B,CAC9D,OAAQ,IAAM,CAAC,EACf,IAAME,GAAM,CAAC,EACb,OAAQ,CAAC,CACX,CAAC",
+  "names": ["createContext", "ThemeSettingContext", "_"]
 }

package/dist/esm/constants.js

@@ -1,9 +1,2 @@
-const constants = {};
-const colorSchemes = ["light", "dark"];
-const MEDIA = "(prefers-color-scheme: dark)";
-export {
-  MEDIA,
-  colorSchemes,
-  constants
-};
+const o={},e=["light","dark"],r="(prefers-color-scheme: dark)";export{r as MEDIA,e as colorSchemes,o as constants};
 //# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/constants.tsx"],
   "sourcesContent": ["export const constants = {}\nexport const colorSchemes = ['light', 'dark']\nexport const MEDIA = '(prefers-color-scheme: dark)'\n"],
-  "mappings": "AAAO,MAAM,YAAY,CAAC;AACnB,MAAM,eAAe,CAAC,SAAS,MAAM;AACrC,MAAM,QAAQ;",
-  "names": []
+  "mappings": "AAAO,MAAMA,EAAY,CAAC,EACbC,EAAe,CAAC,QAAS,MAAM,EAC/BC,EAAQ",
+  "names": ["constants", "colorSchemes", "MEDIA"]
 }

package/dist/esm/constants.mjs

@@ -1,9 +1,2 @@
-const constants = {};
-const colorSchemes = ["light", "dark"];
-const MEDIA = "(prefers-color-scheme: dark)";
-export {
-  MEDIA,
-  colorSchemes,
-  constants
-};
+const o={},e=["light","dark"],r="(prefers-color-scheme: dark)";export{r as MEDIA,e as colorSchemes,o as constants};
 //# sourceMappingURL=constants.mjs.map

package/dist/esm/constants.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/constants.tsx"],
   "sourcesContent": ["export const constants = {}\nexport const colorSchemes = ['light', 'dark']\nexport const MEDIA = '(prefers-color-scheme: dark)'\n"],
-  "mappings": "AAAO,MAAM,YAAY,CAAC;AACnB,MAAM,eAAe,CAAC,SAAS,MAAM;AACrC,MAAM,QAAQ;",
-  "names": []
+  "mappings": "AAAO,MAAMA,EAAY,CAAC,EACbC,EAAe,CAAC,QAAS,MAAM,EAC/BC,EAAQ",
+  "names": ["constants", "colorSchemes", "MEDIA"]
 }

package/dist/esm/helpers.js

@@ -1,26 +1,2 @@
-import { MEDIA } from "./constants";
-const helpers = {};
-const getTheme = (key, fallback) => {
-  if (typeof window === "undefined")
-    return void 0;
-  let theme;
-  try {
-    theme = localStorage.getItem(key) || void 0;
-  } catch (e) {
-  }
-  return theme || fallback;
-};
-const getSystemTheme = (e) => {
-  if (!e) {
-    e = window.matchMedia(MEDIA);
-  }
-  const isDark = e.matches;
-  const systemTheme = isDark ? "dark" : "light";
-  return systemTheme;
-};
-export {
-  getSystemTheme,
-  getTheme,
-  helpers
-};
+import{MEDIA as n}from"./constants";const o={},m=(e,r)=>{if(typeof window>"u")return;let t;try{t=localStorage.getItem(e)||void 0}catch{}return t||r},d=e=>(e||(e=window.matchMedia(n)),e.matches?"dark":"light");export{d as getSystemTheme,m as getTheme,o as helpers};
 //# sourceMappingURL=helpers.js.map

package/dist/esm/helpers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/helpers.tsx"],
   "sourcesContent": ["import { MEDIA } from './constants'\n\nexport const helpers = {}\n// Helpers\n\nexport const getTheme = (key: string, fallback?: string) => {\n  if (typeof window === 'undefined') return undefined\n  let theme\n  try {\n    theme = localStorage.getItem(key) || undefined\n  } catch (e) {\n    // Unsupported\n  }\n  return theme || fallback\n}\n\nexport const getSystemTheme = (e?: MediaQueryList) => {\n  if (!e) {\n    e = window.matchMedia(MEDIA)\n  }\n\n  const isDark = e.matches\n  const systemTheme = isDark ? 'dark' : 'light'\n  return systemTheme\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa;AAEf,MAAM,UAAU,CAAC;AAGjB,MAAM,WAAW,CAAC,KAAa,aAAsB;AAC1D,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,MAAI;AACJ,MAAI;AACF,YAAQ,aAAa,QAAQ,GAAG,KAAK;AAAA,EACvC,SAAS,GAAP;AAAA,EAEF;AACA,SAAO,SAAS;AAClB;AAEO,MAAM,iBAAiB,CAAC,MAAuB;AACpD,MAAI,CAAC,GAAG;AACN,QAAI,OAAO,WAAW,KAAK;AAAA,EAC7B;AAEA,QAAM,SAAS,EAAE;AACjB,QAAM,cAAc,SAAS,SAAS;AACtC,SAAO;AACT;",
-  "names": []
+  "mappings": "AAAA,OAAS,SAAAA,MAAa,cAEf,MAAMC,EAAU,CAAC,EAGXC,EAAW,CAACC,EAAaC,IAAsB,CAC1D,GAAI,OAAO,OAAW,IAAa,OACnC,IAAIC,EACJ,GAAI,CACFA,EAAQ,aAAa,QAAQF,CAAG,GAAK,MACvC,MAAE,CAEF,CACA,OAAOE,GAASD,CAClB,EAEaE,EAAkB,IACxB,IACH,EAAI,OAAO,WAAWN,CAAK,GAGd,EAAE,QACY,OAAS",
+  "names": ["MEDIA", "helpers", "getTheme", "key", "fallback", "theme", "getSystemTheme"]
 }

package/dist/esm/helpers.mjs

@@ -1,26 +1,2 @@
-import { MEDIA } from "./constants";
-const helpers = {};
-const getTheme = (key, fallback) => {
-  if (typeof window === "undefined")
-    return void 0;
-  let theme;
-  try {
-    theme = localStorage.getItem(key) || void 0;
-  } catch (e) {
-  }
-  return theme || fallback;
-};
-const getSystemTheme = (e) => {
-  if (!e) {
-    e = window.matchMedia(MEDIA);
-  }
-  const isDark = e.matches;
-  const systemTheme = isDark ? "dark" : "light";
-  return systemTheme;
-};
-export {
-  getSystemTheme,
-  getTheme,
-  helpers
-};
+import{MEDIA as n}from"./constants";const o={},m=(e,r)=>{if(typeof window>"u")return;let t;try{t=localStorage.getItem(e)||void 0}catch{}return t||r},d=e=>(e||(e=window.matchMedia(n)),e.matches?"dark":"light");export{d as getSystemTheme,m as getTheme,o as helpers};
 //# sourceMappingURL=helpers.mjs.map

package/dist/esm/helpers.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/helpers.tsx"],
   "sourcesContent": ["import { MEDIA } from './constants'\n\nexport const helpers = {}\n// Helpers\n\nexport const getTheme = (key: string, fallback?: string) => {\n  if (typeof window === 'undefined') return undefined\n  let theme\n  try {\n    theme = localStorage.getItem(key) || undefined\n  } catch (e) {\n    // Unsupported\n  }\n  return theme || fallback\n}\n\nexport const getSystemTheme = (e?: MediaQueryList) => {\n  if (!e) {\n    e = window.matchMedia(MEDIA)\n  }\n\n  const isDark = e.matches\n  const systemTheme = isDark ? 'dark' : 'light'\n  return systemTheme\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa;AAEf,MAAM,UAAU,CAAC;AAGjB,MAAM,WAAW,CAAC,KAAa,aAAsB;AAC1D,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,MAAI;AACJ,MAAI;AACF,YAAQ,aAAa,QAAQ,GAAG,KAAK;AAAA,EACvC,SAAS,GAAP;AAAA,EAEF;AACA,SAAO,SAAS;AAClB;AAEO,MAAM,iBAAiB,CAAC,MAAuB;AACpD,MAAI,CAAC,GAAG;AACN,QAAI,OAAO,WAAW,KAAK;AAAA,EAC7B;AAEA,QAAM,SAAS,EAAE;AACjB,QAAM,cAAc,SAAS,SAAS;AACtC,SAAO;AACT;",
-  "names": []
+  "mappings": "AAAA,OAAS,SAAAA,MAAa,cAEf,MAAMC,EAAU,CAAC,EAGXC,EAAW,CAACC,EAAaC,IAAsB,CAC1D,GAAI,OAAO,OAAW,IAAa,OACnC,IAAIC,EACJ,GAAI,CACFA,EAAQ,aAAa,QAAQF,CAAG,GAAK,MACvC,MAAE,CAEF,CACA,OAAOE,GAASD,CAClB,EAEaE,EAAkB,IACxB,IACH,EAAI,OAAO,WAAWN,CAAK,GAGd,EAAE,QACY,OAAS",
+  "names": ["MEDIA", "helpers", "getTheme", "key", "fallback", "theme", "getSystemTheme"]
 }

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export * from "./NextTheme";
+export*from"./NextTheme";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './NextTheme'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/esm/index.mjs

@@ -1,2 +1,2 @@
-export * from "./NextTheme";
+export*from"./NextTheme";
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './NextTheme'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/esm/useIsomorphicLayoutEffect.js

@@ -1,6 +1,2 @@
-import { useEffect, useLayoutEffect } from "react";
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-export {
-  useIsomorphicLayoutEffect
-};
+import{useEffect as e,useLayoutEffect as o}from"react";const t=typeof window<"u"?o:e;export{t as useIsomorphicLayoutEffect};
 //# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/esm/useIsomorphicLayoutEffect.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useIsomorphicLayoutEffect.tsx"],
   "sourcesContent": ["import { useEffect, useLayoutEffect } from 'react'\n\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],
-  "mappings": "AAAA,SAAS,WAAW,uBAAuB;AAEpC,MAAM,4BACX,OAAO,WAAW,cAAc,kBAAkB;",
-  "names": []
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,mBAAAC,MAAuB,QAEpC,MAAMC,EACX,OAAO,OAAW,IAAcD,EAAkBD",
+  "names": ["useEffect", "useLayoutEffect", "useIsomorphicLayoutEffect"]
 }

package/dist/esm/useIsomorphicLayoutEffect.mjs

@@ -1,6 +1,2 @@
-import { useEffect, useLayoutEffect } from "react";
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-export {
-  useIsomorphicLayoutEffect
-};
+import{useEffect as e,useLayoutEffect as o}from"react";const t=typeof window<"u"?o:e;export{t as useIsomorphicLayoutEffect};
 //# sourceMappingURL=useIsomorphicLayoutEffect.mjs.map

package/dist/esm/useIsomorphicLayoutEffect.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useIsomorphicLayoutEffect.tsx"],
   "sourcesContent": ["import { useEffect, useLayoutEffect } from 'react'\n\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],
-  "mappings": "AAAA,SAAS,WAAW,uBAAuB;AAEpC,MAAM,4BACX,OAAO,WAAW,cAAc,kBAAkB;",
-  "names": []
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,mBAAAC,MAAuB,QAEpC,MAAMC,EACX,OAAO,OAAW,IAAcD,EAAkBD",
+  "names": ["useEffect", "useLayoutEffect", "useIsomorphicLayoutEffect"]
 }

package/dist/esm/useRootTheme.js

@@ -1,19 +1,2 @@
-import * as React from "react";
-import { useLayoutEffect, useState } from "react";
-const useRootTheme = () => {
-  const [val, setVal] = useState("light");
-  if (typeof document !== "undefined") {
-    useLayoutEffect(() => {
-      const classes = [...document.documentElement.classList];
-      const isDark = classes.includes("t_dark");
-      React.startTransition(() => {
-        setVal(isDark ? "dark" : "light");
-      });
-    }, []);
-  }
-  return [val, setVal];
-};
-export {
-  useRootTheme
-};
+import*as o from"react";import{useLayoutEffect as a,useState as n}from"react";const i=()=>{const[s,t]=n("light");return typeof document<"u"&&a(()=>{const e=[...document.documentElement.classList].includes("t_dark");o.startTransition(()=>{t(e?"dark":"light")})},[]),[s,t]};export{i as useRootTheme};
 //# sourceMappingURL=useRootTheme.js.map

package/dist/esm/useRootTheme.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useRootTheme.tsx"],
   "sourcesContent": ["import * as React from 'react'\nimport { useLayoutEffect, useState } from 'react'\n\n// note this only works for light being default for now...\n\nexport const useRootTheme = () => {\n  const [val, setVal] = useState('light')\n\n  if (typeof document !== 'undefined') {\n    useLayoutEffect(() => {\n      // @ts-ignore\n      const classes = [...document.documentElement.classList]\n      const isDark = classes.includes('t_dark')\n      React.startTransition(() => {\n        setVal(isDark ? 'dark' : 'light')\n      })\n    }, [])\n  }\n\n  return [val, setVal] as const\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,iBAAiB,gBAAgB;AAInC,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AAEtC,MAAI,OAAO,aAAa,aAAa;AACnC,oBAAgB,MAAM;AAEpB,YAAM,UAAU,CAAC,GAAG,SAAS,gBAAgB,SAAS;AACtD,YAAM,SAAS,QAAQ,SAAS,QAAQ;AACxC,YAAM,gBAAgB,MAAM;AAC1B,eAAO,SAAS,SAAS,OAAO;AAAA,MAClC,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO,CAAC,KAAK,MAAM;AACrB;",
-  "names": []
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,EAAiB,YAAAC,MAAgB,QAInC,MAAMC,EAAe,IAAM,CAChC,KAAM,CAACC,EAAKC,CAAM,EAAIH,EAAS,OAAO,EAEtC,OAAI,OAAO,SAAa,KACtBD,EAAgB,IAAM,CAGpB,MAAMK,EADU,CAAC,GAAG,SAAS,gBAAgB,SAAS,EAC/B,SAAS,QAAQ,EACxCN,EAAM,gBAAgB,IAAM,CAC1BK,EAAOC,EAAS,OAAS,OAAO,CAClC,CAAC,CACH,EAAG,CAAC,CAAC,EAGA,CAACF,EAAKC,CAAM,CACrB",
+  "names": ["React", "useLayoutEffect", "useState", "useRootTheme", "val", "setVal", "isDark"]
 }

package/dist/esm/useRootTheme.mjs

@@ -1,19 +1,2 @@
-import * as React from "react";
-import { useLayoutEffect, useState } from "react";
-const useRootTheme = () => {
-  const [val, setVal] = useState("light");
-  if (typeof document !== "undefined") {
-    useLayoutEffect(() => {
-      const classes = [...document.documentElement.classList];
-      const isDark = classes.includes("t_dark");
-      React.startTransition(() => {
-        setVal(isDark ? "dark" : "light");
-      });
-    }, []);
-  }
-  return [val, setVal];
-};
-export {
-  useRootTheme
-};
+import*as o from"react";import{useLayoutEffect as a,useState as n}from"react";const i=()=>{const[s,t]=n("light");return typeof document<"u"&&a(()=>{const e=[...document.documentElement.classList].includes("t_dark");o.startTransition(()=>{t(e?"dark":"light")})},[]),[s,t]};export{i as useRootTheme};
 //# sourceMappingURL=useRootTheme.mjs.map