@tamagui/next-theme 1.14.1 → 1.14.3

package/dist/cjs/NextTheme.js

@@ -1,2 +1,26 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var t=(f,e,p,x)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of c(e))!d.call(f,m)&&m!==p&&a(f,m,{get:()=>e[m],enumerable:!(x=b(e,m))||x.enumerable});return f},r=(f,e,p)=>(t(f,e,"default"),p&&t(p,e,"default"));var g=f=>t(a({},"__esModule",{value:!0}),f);var o={};module.exports=g(o);r(o,require("./NextThemeProvider"),module.exports);r(o,require("./ThemeSettingContext"),module.exports);r(o,require("./UseThemeProps"),module.exports);r(o,require("./helpers"),module.exports);r(o,require("./constants"),module.exports);r(o,require("./useTheme"),module.exports);r(o,require("./types"),module.exports);r(o,require("./useRootTheme"),module.exports);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NextTheme_exports = {};
+module.exports = __toCommonJS(NextTheme_exports);
+__reExport(NextTheme_exports, require("./NextThemeProvider"), module.exports);
+__reExport(NextTheme_exports, require("./ThemeSettingContext"), module.exports);
+__reExport(NextTheme_exports, require("./UseThemeProps"), module.exports);
+__reExport(NextTheme_exports, require("./helpers"), module.exports);
+__reExport(NextTheme_exports, require("./constants"), module.exports);
+__reExport(NextTheme_exports, require("./useTheme"), module.exports);
+__reExport(NextTheme_exports, require("./types"), module.exports);
+__reExport(NextTheme_exports, require("./useRootTheme"), module.exports);
 //# sourceMappingURL=NextTheme.js.map

package/dist/cjs/NextTheme.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/NextTheme.tsx"],
   "sourcesContent": ["// https://raw.githubusercontent.com/pacocoursey/next-themes/master/index.tsx\n// forked temporarily\n\nexport * from './NextThemeProvider'\nexport * from './ThemeSettingContext'\nexport * from './UseThemeProps'\nexport * from './helpers'\nexport * from './constants'\nexport * from './useTheme'\nexport * from './types'\nexport * from './useRootTheme'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAGAE,EAAAF,EAAc,+BAHd,gBAIAE,EAAAF,EAAc,iCAJd,gBAKAE,EAAAF,EAAc,2BALd,gBAMAE,EAAAF,EAAc,qBANd,gBAOAE,EAAAF,EAAc,uBAPd,gBAQAE,EAAAF,EAAc,sBARd,gBASAE,EAAAF,EAAc,mBATd,gBAUAE,EAAAF,EAAc,0BAVd",
-  "names": ["NextTheme_exports", "__toCommonJS", "__reExport"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAGA,8BAAc,gCAHd;AAIA,8BAAc,kCAJd;AAKA,8BAAc,4BALd;AAMA,8BAAc,sBANd;AAOA,8BAAc,wBAPd;AAQA,8BAAc,uBARd;AASA,8BAAc,oBATd;AAUA,8BAAc,2BAVd;",
+  "names": []
 }

package/dist/cjs/NextThemeProvider.js

@@ -1,2 +1,267 @@
-"use strict";var U=Object.create;var E=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var q=(t,n)=>{for(var s in n)E(t,s,{get:n[s],enumerable:!0})},V=(t,n,s,h)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of z(n))!Q.call(t,o)&&o!==s&&E(t,o,{get:()=>n[o],enumerable:!(h=b(n,o))||h.enumerable});return t};var j=(t,n,s)=>(s=t!=null?U(F(t)):{},V(n||!t||!t.__esModule?E(s,"default",{value:t,enumerable:!0}):s,t)),B=t=>V(E({},"__esModule",{value:!0}),t);var Y={};q(Y,{NextThemeProvider:()=>W});module.exports=B(Y);var l=require("react/jsx-runtime"),P=require("@tamagui/use-event"),A=j(require("next/head")),G=j(require("react")),d=require("react"),g=require("./constants"),$=require("./helpers"),C=require("./ThemeSettingContext"),_=require("./useIsomorphicLayoutEffect");const W=({forcedTheme:t,disableTransitionOnChange:n=!0,enableSystem:s=!0,enableColorScheme:h=!0,storageKey:o="theme",themes:c=g.colorSchemes,defaultTheme:y=s?"system":"light",attribute:x="class",skipNextHead:k,onChangeTheme:a,value:m={dark:"t_dark",light:"t_light"},children:w})=>{const[r,S]=(0,d.useState)(()=>(0,$.getTheme)(o,y)),[u,D]=(0,d.useState)(()=>(0,$.getTheme)(o)),I=m?Object.values(m):c,O=(0,P.useEvent)(e=>{const i=(0,$.getSystemTheme)(e);G.startTransition(()=>{D(i)}),r==="system"&&!t&&M(i,!1)}),T=(0,d.useRef)(O);T.current=O;const M=(0,P.useEvent)((e,i=!0,f=!0)=>{let v=(m==null?void 0:m[e])||e;if(i)try{localStorage.setItem(o,e)}catch{}if(e==="system"&&s){const p=(0,$.getSystemTheme)();v=(m==null?void 0:m[p])||p}if(a==null||a(v.replace("t_","")),f){const p=document.documentElement;x==="class"?(p.classList.remove(...I),p.classList.add(v)):p.setAttribute(x,v)}});(0,_.useIsomorphicLayoutEffect)(()=>{const e=(...f)=>T.current(...f),i=window.matchMedia(g.MEDIA);return i.addListener(e),e(i),()=>{i.removeListener(e)}},[]);const L=(0,P.useEvent)(e=>{t?M(e,!0,!1):M(e),S(e)});(0,d.useEffect)(()=>{const e=i=>{if(i.key!==o)return;const f=i.newValue||y;L(f)};return window.addEventListener("storage",e),()=>{window.removeEventListener("storage",e)}},[y,L,o]),(0,_.useIsomorphicLayoutEffect)(()=>{if(!h)return;const e=t&&g.colorSchemes.includes(t)?t:r&&g.colorSchemes.includes(r)?r:r==="system"&&u||null,i=typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",f=e||"light";(i!==f||f==="dark")&&document.documentElement.style.setProperty("color-scheme",e)},[h,r,u,t]);const H=(0,P.useEvent)(()=>{const e=u==="dark"?["system","light","dark"]:["system","dark","light"],i=e[(e.indexOf(r)+1)%e.length];L(i)}),N=r==="system"?u:r,R=s?u:void 0,J=(0,d.useMemo)(()=>({theme:r,current:r,set:L,toggle:H,forcedTheme:t,resolvedTheme:N,themes:s?[...c,"system"]:c,systemTheme:R}),[r,L,H,t,N,s,c,R]);return(0,l.jsxs)(C.ThemeSettingContext.Provider,{value:J,children:[(0,l.jsx)(X,{forcedTheme:t,storageKey:o,systemTheme:u,attribute:x,value:m,enableSystem:s,defaultTheme:y,attrs:I,skipNextHead:k}),(0,d.useMemo)(()=>w,[w])]})},X=(0,d.memo)(({forcedTheme:t,storageKey:n,attribute:s,enableSystem:h,defaultTheme:o,value:c,attrs:y,skipNextHead:x})=>{const k=(()=>s==="class"?`var d=document.documentElement.classList;${y.map(S=>`d.remove('${S}')`).join(";")};`:"var d=document.documentElement;")(),a=(r,S)=>{r=(c==null?void 0:c[r])||r;const u=S?r:`'${r}'`;return s==="class"?`d.add(${u})`:`d.setAttribute('${s}', ${u})`},m=o==="system",w=(0,l.jsx)(l.Fragment,{children:t?(0,l.jsx)("script",{dangerouslySetInnerHTML:{__html:`!function(){${k}${a(t)}}()`}},"next-themes-script"):h?(0,l.jsx)("script",{dangerouslySetInnerHTML:{__html:`!function(){try {${k}var e=localStorage.getItem('${n}');${m?"":a(o)+";"}if("system"===e||(!e&&${m})){var t="${g.MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${a("dark")}:${a("light")}}else if(e) ${c?`var x=${JSON.stringify(c)};`:""}${a(c?"x[e]":"e",!0)}}catch(e){}}()`}},"next-themes-script"):(0,l.jsx)("script",{dangerouslySetInnerHTML:{__html:`!function(){try{${k}var e=localStorage.getItem("${n}");if(e){${c?`var x=${JSON.stringify(c)};`:""}${a(c?"x[e]":"e",!0)}}else{${a(o)};}}catch(t){}}();`}},"next-themes-script")});return x?w:(0,l.jsx)(A.default,{children:w})},(t,n)=>t.forcedTheme===n.forcedTheme);0&&(module.exports={NextThemeProvider});
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NextThemeProvider_exports = {};
+__export(NextThemeProvider_exports, {
+  NextThemeProvider: () => NextThemeProvider
+});
+module.exports = __toCommonJS(NextThemeProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_use_event = require("@tamagui/use-event");
+var import_head = __toESM(require("next/head"));
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_constants = require("./constants");
+var import_helpers = require("./helpers");
+var import_ThemeSettingContext = require("./ThemeSettingContext");
+var import_useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect");
+const NextThemeProvider = ({
+  forcedTheme,
+  disableTransitionOnChange = true,
+  enableSystem = true,
+  enableColorScheme = true,
+  storageKey = "theme",
+  themes = import_constants.colorSchemes,
+  defaultTheme = enableSystem ? "system" : "light",
+  attribute = "class",
+  skipNextHead,
+  onChangeTheme,
+  value = {
+    dark: "t_dark",
+    light: "t_light"
+  },
+  children
+}) => {
+  const [theme, setThemeState] = (0, import_react.useState)(() => (0, import_helpers.getTheme)(storageKey, defaultTheme));
+  const [resolvedTheme, setResolvedTheme] = (0, import_react.useState)(() => (0, import_helpers.getTheme)(storageKey));
+  const attrs = !value ? themes : Object.values(value);
+  const handleMediaQuery = (0, import_use_event.useEvent)((e) => {
+    const systemTheme2 = (0, import_helpers.getSystemTheme)(e);
+    React.startTransition(() => {
+      setResolvedTheme(systemTheme2);
+    });
+    if (theme === "system" && !forcedTheme) {
+      handleChangeTheme(systemTheme2, false);
+    }
+  });
+  const mediaListener = (0, import_react.useRef)(handleMediaQuery);
+  mediaListener.current = handleMediaQuery;
+  const handleChangeTheme = (0, import_use_event.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 = (0, import_helpers.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);
+      }
+    }
+  });
+  (0, import_useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
+    const handler = (...args) => mediaListener.current(...args);
+    const media = window.matchMedia(import_constants.MEDIA);
+    media.addListener(handler);
+    handler(media);
+    return () => {
+      media.removeListener(handler);
+    };
+  }, []);
+  const set = (0, import_use_event.useEvent)((newTheme) => {
+    if (forcedTheme) {
+      handleChangeTheme(newTheme, true, false);
+    } else {
+      handleChangeTheme(newTheme);
+    }
+    setThemeState(newTheme);
+  });
+  (0, import_react.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]);
+  (0, import_useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
+    if (!enableColorScheme)
+      return;
+    const colorScheme = (
+      // If theme is forced to light or dark, use that
+      forcedTheme && import_constants.colorSchemes.includes(forcedTheme) ? forcedTheme : (
+        // If regular theme is light or dark
+        theme && import_constants.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 = (0, import_use_event.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 = (0, import_react.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__ */ (0, import_jsx_runtime.jsxs)(import_ThemeSettingContext.ThemeSettingContext.Provider, { value: contextValue, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ThemeScript,
+      {
+        ...{
+          forcedTheme,
+          storageKey,
+          systemTheme: resolvedTheme,
+          attribute,
+          value,
+          enableSystem,
+          defaultTheme,
+          attrs,
+          skipNextHead
+        }
+      }
+    ),
+    (0, import_react.useMemo)(() => children, [children])
+  ] });
+};
+const ThemeScript = (0, import_react.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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: forcedTheme ? /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+      "script",
+      {
+        dangerouslySetInnerHTML: {
+          __html: `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');${!defaultSystem ? updateDOM(defaultTheme) + ";" : ""}if("system"===e||(!e&&${defaultSystem})){var t="${import_constants.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_head.default, { children: contents });
+  },
+  (prevProps, nextProps) => {
+    if (prevProps.forcedTheme !== nextProps.forcedTheme)
+      return false;
+    return true;
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NextThemeProvider
+});
 //# sourceMappingURL=NextThemeProvider.js.map

package/dist/cjs/NextThemeProvider.js.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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GAuLI,IAAAI,EAAA,6BAvLJC,EAAyB,8BACzBC,EAAqB,wBACrBC,EAAuB,oBACvBC,EAA2D,iBAE3DC,EAAoC,uBACpCC,EAAyC,qBACzCC,EAAoC,iCAEpCC,EAA0C,uCAGnC,MAAMV,EAAkD,CAAC,CAC9D,YAAAW,EACA,0BAAAC,EAA4B,GAC5B,aAAAC,EAAe,GACf,kBAAAC,EAAoB,GACpB,WAAAC,EAAa,QACb,OAAAC,EAAS,eACT,aAAAC,EAAeJ,EAAe,SAAW,QACzC,UAAAK,EAAY,QACZ,aAAAC,EACA,cAAAC,EACA,MAAAC,EAAQ,CACN,KAAM,SACN,MAAO,SACT,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAOC,CAAa,KAAI,YAAS,OAAM,YAAST,EAAYE,CAAY,CAAC,EAC1E,CAACQ,EAAeC,CAAgB,KAAI,YAAS,OAAM,YAASX,CAAU,CAAC,EAEvEY,EAASN,EAAiB,OAAO,OAAOA,CAAK,EAA5BL,EAEjBY,KAAmB,YAAU,GAAO,CACxC,MAAMC,KAAc,kBAAe,CAAC,EACpCxB,EAAM,gBAAgB,IAAM,CAC1BqB,EAAiBG,CAAW,CAC9B,CAAC,EACGN,IAAU,UAAY,CAACZ,GACzBmB,EAAkBD,EAAa,EAAK,CAExC,CAAC,EAGKE,KAAgB,UAAOH,CAAgB,EAC7CG,EAAc,QAAUH,EAExB,MAAME,KAAoB,YAAS,CAACP,EAAOS,EAAgB,GAAMC,EAAY,KAAS,CACpF,IAAIC,GAAOb,GAAA,YAAAA,EAAQE,KAAUA,EAE7B,GAAIS,EACF,GAAI,CACF,aAAa,QAAQjB,EAAYQ,CAAK,CACxC,MAAE,CAEF,CAGF,GAAIA,IAAU,UAAYV,EAAc,CACtC,MAAMsB,KAAW,kBAAe,EAChCD,GAAOb,GAAA,YAAAA,EAAQc,KAAaA,CAC9B,CAIA,GAFAf,GAAA,MAAAA,EAAgBc,EAAK,QAAQ,KAAM,EAAE,GAEjCD,EAAW,CACb,MAAMG,EAAI,SAAS,gBACflB,IAAc,SAChBkB,EAAE,UAAU,OAAO,GAAGT,CAAK,EAC3BS,EAAE,UAAU,IAAIF,CAAI,GAEpBE,EAAE,aAAalB,EAAWgB,CAAI,CAElC,CACF,CAAC,KAED,6BAA0B,IAAM,CAC9B,MAAMG,EAAU,IAAIC,IAAcP,EAAc,QAAQ,GAAGO,CAAI,EAEzDC,EAAQ,OAAO,WAAW,OAAK,EAErC,OAAAA,EAAM,YAAYF,CAAO,EACzBA,EAAQE,CAAK,EACN,IAAM,CACXA,EAAM,eAAeF,CAAO,CAC9B,CACF,EAAG,CAAC,CAAC,EAEL,MAAMG,KAAM,YAAUC,GAAa,CAC7B9B,EACFmB,EAAkBW,EAAU,GAAM,EAAK,EAEvCX,EAAkBW,CAAQ,EAE5BjB,EAAciB,CAAQ,CACxB,CAAC,KAGD,aAAU,IAAM,CACd,MAAMC,EAAiBC,GAAoB,CACzC,GAAIA,EAAE,MAAQ5B,EACZ,OAGF,MAAMQ,EAAQoB,EAAE,UAAY1B,EAC5BuB,EAAIjB,CAAK,CACX,EACA,cAAO,iBAAiB,UAAWmB,CAAa,EACzC,IAAM,CACX,OAAO,oBAAoB,UAAWA,CAAa,CACrD,CACF,EAAG,CAACzB,EAAcuB,EAAKzB,CAAU,CAAC,KAGlC,6BAA0B,IAAM,CAC9B,GAAI,CAACD,EAAmB,OAExB,MAAM8B,EAEJjC,GAAe,eAAa,SAASA,CAAW,EAC5CA,EAEFY,GAAS,eAAa,SAASA,CAAK,EAClCA,EAEFA,IAAU,UACRE,GAAiB,KAKjBoB,EACJ,OAAO,OAAW,KAClB,OAAO,YACP,OAAO,WAAW,8BAA8B,EAAE,QAC9C,OACA,QAEAC,EAAWF,GAAe,SAG5BC,IAAgBC,GAAYA,IAAa,SAC3C,SAAS,gBAAgB,MAAM,YAAY,eAAgBF,CAAW,CAE1E,EAAG,CAAC9B,EAAmBS,EAAOE,EAAed,CAAW,CAAC,EAEzD,MAAMoC,KAAS,YAAS,IAAM,CAC5B,MAAMC,EACJvB,IAAkB,OAAS,CAAC,SAAU,QAAS,MAAM,EAAI,CAAC,SAAU,OAAQ,OAAO,EAC/EwB,EAAOD,GAAOA,EAAM,QAAQzB,CAAK,EAAI,GAAKyB,EAAM,MAAM,EAC5DR,EAAIS,CAAI,CACV,CAAC,EAEKC,EAAuB3B,IAAU,SAAWE,EAAgBF,EAC5DM,EAAehB,EAAeY,EAAgB,OAI9C0B,KAAe,WAAQ,KACE,CAC3B,MAAA5B,EACA,QAASA,EACT,IAAAiB,EACA,OAAAO,EACA,YAAApC,EACA,cAAeuC,EACf,OAAQrC,EAAe,CAAC,GAAGG,EAAQ,QAAQ,EAAIA,EAC/C,YAAAa,CACF,GAEC,CACDN,EACAiB,EACAO,EACApC,EACAuC,EACArC,EACAG,EACAa,CACF,CAAC,EAED,SACE,QAAC,sBAAoB,SAApB,CAA6B,MAAOsB,EACnC,oBAACC,EAAA,CAEG,YAAAzC,EACA,WAAAI,EACA,YAAaU,EACb,UAAAP,EACA,MAAAG,EACA,aAAAR,EACA,aAAAI,EACA,MAAAU,EACA,aAAAR,EAEJ,KAEC,WAAQ,IAAMG,EAAU,CAACA,CAAQ,CAAC,GACrC,CAEJ,EACM8B,KAAc,QAClB,CAAC,CACC,YAAAzC,EACA,WAAAI,EACA,UAAAG,EACA,aAAAL,EACA,aAAAI,EACA,MAAAI,EACA,MAAAM,EACA,aAAAR,CACF,IASM,CAEJ,MAAMkC,GAAgB,IAChBnC,IAAc,QAET,4CADeS,EAAM,IAAK2B,GAAc,aAAaA,KAAK,EAAE,KAAK,GAAG,KAGpE,mCAER,EAEGrB,EAAY,CAACC,EAAcqB,IAAsB,CACrDrB,GAAOb,GAAA,YAAAA,EAAQa,KAASA,EACxB,MAAMsB,EAAMD,EAAUrB,EAAO,IAAIA,KAEjC,OAAIhB,IAAc,QACT,SAASsC,KAGX,mBAAmBtC,OAAesC,IAC3C,EAEMC,EAAgBxC,IAAiB,SAEjCyC,KACJ,mBACG,SAAA/C,KACC,OAAC,UAGC,wBAAyB,CAEvB,OAAQ,eAAe0C,IAAepB,EAAUtB,CAAW,MAC7D,GAJI,oBAKN,EACEE,KACF,OAAC,UAGC,wBAAyB,CACvB,OAAQ,oBAAoBwC,gCAA2CtC,OACpE0C,EAAgD,GAAhCxB,EAAUhB,CAAY,EAAI,4BACpBwC,cAA0B,0DAAwDxB,EACzG,MACF,KAAKA,EAAU,OAAO,gBACpBZ,EAAQ,SAAS,KAAK,UAAUA,CAAK,KAAO,KAC3CY,EAAUZ,EAAQ,OAAS,IAAK,EAAI,iBACzC,GATI,oBAUN,KAEA,OAAC,UAGC,wBAAyB,CACvB,OAAQ,mBAAmBgC,gCAA2CtC,aACpEM,EAAQ,SAAS,KAAK,UAAUA,CAAK,KAAO,KAC3CY,EAAUZ,EAAQ,OAAS,IAAK,EAAI,UAAUY,EAC/ChB,CACF,oBACF,GAPI,oBAQN,EAEJ,EAGF,OAAIE,EAAqBuC,KAElB,OAAC,EAAAC,QAAA,CAAU,SAAAD,EAAS,CAC7B,EACA,CAACE,EAAWC,IAGND,EAAU,cAAgBC,EAAU,WAG5C",
-  "names": ["NextThemeProvider_exports", "__export", "NextThemeProvider", "__toCommonJS", "import_jsx_runtime", "import_use_event", "import_head", "React", "import_react", "import_constants", "import_helpers", "import_ThemeSettingContext", "import_useIsomorphicLayoutEffect", "forcedTheme", "disableTransitionOnChange", "enableSystem", "enableColorScheme", "storageKey", "themes", "defaultTheme", "attribute", "skipNextHead", "onChangeTheme", "value", "children", "theme", "setThemeState", "resolvedTheme", "setResolvedTheme", "attrs", "handleMediaQuery", "systemTheme", "handleChangeTheme", "mediaListener", "updateStorage", "updateDOM", "name", "resolved", "d", "handler", "args", "media", "set", "newTheme", "handleStorage", "e", "colorScheme", "userPrefers", "wePrefer", "toggle", "order", "next", "contextResolvedTheme", "contextValue", "ThemeScript", "optimization", "t", "literal", "val", "defaultSystem", "contents", "NextHead", "prevProps", "nextProps"]
+  "mappings": "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",
+  "names": ["systemTheme", "theme", "value", "NextHead"]
 }

package/dist/cjs/ThemeSettingContext.js

@@ -1,2 +1,36 @@
-"use strict";var r=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var i=(t,e)=>{for(var m in e)r(t,m,{get:e[m],enumerable:!0})},x=(t,e,m,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of n(e))!g.call(t,o)&&o!==m&&r(t,o,{get:()=>e[o],enumerable:!(s=h(e,o))||s.enumerable});return t};var T=t=>x(r({},"__esModule",{value:!0}),t);var f={};i(f,{ThemeSettingContext:()=>c});module.exports=T(f);var p=require("react");const c=(0,p.createContext)({toggle:()=>{},set:t=>{},themes:[]});0&&(module.exports={ThemeSettingContext});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThemeSettingContext_exports = {};
+__export(ThemeSettingContext_exports, {
+  ThemeSettingContext: () => ThemeSettingContext
+});
+module.exports = __toCommonJS(ThemeSettingContext_exports);
+var import_react = require("react");
+const ThemeSettingContext = (0, import_react.createContext)({
+  toggle: () => {
+  },
+  set: (_) => {
+  },
+  themes: []
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeSettingContext
+});
 //# sourceMappingURL=ThemeSettingContext.js.map

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA8B,iBAIvB,MAAMF,KAAsB,iBAA6B,CAC9D,OAAQ,IAAM,CAAC,EACf,IAAMG,GAAM,CAAC,EACb,OAAQ,CAAC,CACX,CAAC",
-  "names": ["ThemeSettingContext_exports", "__export", "ThemeSettingContext", "__toCommonJS", "import_react", "_"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAIvB,MAAM,0BAAsB,4BAA6B;AAAA,EAC9D,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,KAAK,CAAC,MAAM;AAAA,EAAC;AAAA,EACb,QAAQ,CAAC;AACX,CAAC;",
+  "names": []
 }

package/dist/cjs/UseThemeProps.js

@@ -1,2 +1,17 @@
-"use strict";var s=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var g=(t,e,i,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of a(e))!m.call(t,r)&&r!==i&&s(t,r,{get:()=>e[r],enumerable:!(n=o(e,r))||n.enumerable});return t};var h=t=>g(s({},"__esModule",{value:!0}),t);var l={};module.exports=h(l);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var UseThemeProps_exports = {};
+module.exports = __toCommonJS(UseThemeProps_exports);
 //# sourceMappingURL=UseThemeProps.js.map

package/dist/cjs/UseThemeProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/UseThemeProps.tsx"],
   "sourcesContent": ["import { ValueObject } from './types'\n\nexport interface UseThemeProps {\n  /** List of all available theme names */\n  themes: string[]\n  /** Forced theme name for the current page */\n  forcedTheme?: string\n  /** Update the theme */\n  set: (theme: string) => void\n  toggle: () => void\n  /** Active theme name - will return \"system\" if not overriden, see \"resolvedTheme\" for getting resolved system value */\n  current?: string\n  /** @deprecated Use `current` instead (deprecating avoid confusion with useTheme) */\n  theme?: string\n  /** If `enableSystem` is true and the active theme is \"system\", this returns whether the system preference resolved to \"dark\" or \"light\". Otherwise, identical to `theme` */\n  resolvedTheme?: string\n  /** If enableSystem is true, returns the System theme preference (\"dark\" or \"light\"), regardless what the active theme is */\n  systemTheme?: 'dark' | 'light'\n}\n\nexport interface ThemeProviderProps {\n  children?: any\n  /** List of all available theme names */\n  themes?: string[]\n  /** Forced theme name for the current page */\n  forcedTheme?: string\n  /** Whether to switch between dark and light themes based on prefers-color-scheme */\n  enableSystem?: boolean\n  systemTheme?: string\n  /** Disable all CSS transitions when switching themes */\n  disableTransitionOnChange?: boolean\n  /** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons */\n  enableColorScheme?: boolean\n  /** Key used to store theme setting in localStorage */\n  storageKey?: string\n  /** Default theme name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default theme is light */\n  defaultTheme?: string\n  /** HTML attribute modified based on the active theme. Accepts `class` and `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.) */\n  attribute?: string | 'class'\n  /** Mapping of theme name to HTML attribute value. Object where key is the theme name and value is the attribute value */\n  value?: ValueObject\n  onChangeTheme?: (name: string) => void\n\n  // avoids warning\n  skipNextHead?: boolean\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["UseThemeProps_exports", "__toCommonJS"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
 }

package/dist/cjs/constants.js

@@ -1,2 +1,35 @@
-"use strict";var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var h=(e,o)=>{for(var t in o)c(e,t,{get:o[t],enumerable:!0})},l=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of p(o))!a.call(e,r)&&r!==t&&c(e,r,{get:()=>o[r],enumerable:!(s=n(o,r))||s.enumerable});return e};var x=e=>l(c({},"__esModule",{value:!0}),e);var f={};h(f,{MEDIA:()=>m,colorSchemes:()=>k,constants:()=>d});module.exports=x(f);const d={},k=["light","dark"],m="(prefers-color-scheme: dark)";0&&(module.exports={MEDIA,colorSchemes,constants});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  MEDIA: () => MEDIA,
+  colorSchemes: () => colorSchemes,
+  constants: () => constants
+});
+module.exports = __toCommonJS(constants_exports);
+const constants = {};
+const colorSchemes = ["light", "dark"];
+const MEDIA = "(prefers-color-scheme: dark)";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MEDIA,
+  colorSchemes,
+  constants
+});
 //# sourceMappingURL=constants.js.map

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,iBAAAC,EAAA,cAAAC,IAAA,eAAAC,EAAAL,GAAO,MAAMI,EAAY,CAAC,EACbD,EAAe,CAAC,QAAS,MAAM,EAC/BD,EAAQ",
-  "names": ["constants_exports", "__export", "MEDIA", "colorSchemes", "constants", "__toCommonJS"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,YAAY,CAAC;AACnB,MAAM,eAAe,CAAC,SAAS,MAAM;AACrC,MAAM,QAAQ;",
+  "names": []
 }

package/dist/cjs/helpers.js

@@ -1,2 +1,52 @@
-"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})},h=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of d(t))!a.call(e,n)&&n!==r&&i(e,n,{get:()=>t[n],enumerable:!(s=m(t,n))||s.enumerable});return e};var f=e=>h(i({},"__esModule",{value:!0}),e);var y={};c(y,{getSystemTheme:()=>p,getTheme:()=>u,helpers:()=>g});module.exports=f(y);var o=require("./constants");const g={},u=(e,t)=>{if(typeof window>"u")return;let r;try{r=localStorage.getItem(e)||void 0}catch{}return r||t},p=e=>(e||(e=window.matchMedia(o.MEDIA)),e.matches?"dark":"light");0&&(module.exports={getSystemTheme,getTheme,helpers});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var helpers_exports = {};
+__export(helpers_exports, {
+  getSystemTheme: () => getSystemTheme,
+  getTheme: () => getTheme,
+  helpers: () => helpers
+});
+module.exports = __toCommonJS(helpers_exports);
+var import_constants = require("./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(import_constants.MEDIA);
+  }
+  const isDark = e.matches;
+  const systemTheme = isDark ? "dark" : "light";
+  return systemTheme;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getSystemTheme,
+  getTheme,
+  helpers
+});
 //# sourceMappingURL=helpers.js.map

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAAA,IAAAM,EAAsB,uBAEf,MAAMF,EAAU,CAAC,EAGXD,EAAW,CAACI,EAAaC,IAAsB,CAC1D,GAAI,OAAO,OAAW,IAAa,OACnC,IAAIC,EACJ,GAAI,CACFA,EAAQ,aAAa,QAAQF,CAAG,GAAK,MACvC,MAAE,CAEF,CACA,OAAOE,GAASD,CAClB,EAEaN,EAAkB,IACxB,IACH,EAAI,OAAO,WAAW,OAAK,GAGd,EAAE,QACY,OAAS",
-  "names": ["helpers_exports", "__export", "getSystemTheme", "getTheme", "helpers", "__toCommonJS", "import_constants", "key", "fallback", "theme"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;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,sBAAK;AAAA,EAC7B;AAEA,QAAM,SAAS,EAAE;AACjB,QAAM,cAAc,SAAS,SAAS;AACtC,SAAO;AACT;",
+  "names": []
 }

package/dist/cjs/index.js

@@ -1,2 +1,19 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./NextTheme"),module.exports);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./NextTheme"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './NextTheme'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,uBAAd",
-  "names": ["src_exports", "__toCommonJS", "__reExport"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,wBAAd;",
+  "names": []
 }