@tamagui/next-theme 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/NextTheme.cjs

@@ -3,15 +3,17 @@ 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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var NextTheme_exports = {};
 module.exports = __toCommonJS(NextTheme_exports);

package/dist/cjs/NextThemeProvider.cjs

@@ -2,134 +2,169 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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_constants = require("@tamagui/constants"),
-  import_use_event = require("@tamagui/use-event"),
-  import_script = __toESM(require("next/script"), 1),
-  React = __toESM(require("react"), 1),
-  import_react = require("react"),
-  import_constants2 = require("./constants.cjs"),
-  import_helpers = require("./helpers.cjs"),
-  import_ThemeSettingContext = require("./ThemeSettingContext.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@tamagui/constants");
+var import_use_event = require("@tamagui/use-event");
+var import_script = __toESM(require("next/script"), 1);
+var React = __toESM(require("react"), 1);
+var import_react = require("react");
+var import_constants2 = require("./constants.cjs");
+var import_helpers = require("./helpers.cjs");
+var import_ThemeSettingContext = require("./ThemeSettingContext.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 const NextThemeProvider = (0, import_react.memo)(({
-    forcedTheme,
-    disableTransitionOnChange = !1,
-    enableSystem = !0,
-    enableColorScheme = !0,
-    storageKey = "theme",
-    themes = import_constants2.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)),
-      [resolvedTheme, setResolvedTheme] = (0, import_react.useState)(() => (0, import_helpers.getTheme)(storageKey)),
-      attrs = value ? Object.values(value) : themes,
-      handleMediaQuery = (0, import_use_event.useEvent)(e => {
-        const _ = (0, import_helpers.getSystemTheme)(e),
-          update = () => setResolvedTheme(_);
-        disableTransitionOnChange ? update() : React.startTransition(() => update()), theme === "system" && !forcedTheme && handleChangeTheme(_, !1);
-      }),
-      handleChangeTheme = (0, import_use_event.useEvent)((theme2, updateStorage = !0, updateDOM = !0) => {
-        let name = value?.[theme2] || theme2;
-        if (updateStorage) try {
-          localStorage.setItem(storageKey, theme2);
-        } catch {}
-        if (theme2 === "system" && enableSystem) {
-          const resolved = (0, import_helpers.getSystemTheme)();
-          name = value?.[resolved] || resolved;
-        }
-        if (onChangeTheme?.(name.replace("t_", "")), updateDOM) {
-          const d = document.documentElement;
-          attribute === "class" ? (d.classList.remove(...attrs), d.classList.add(name)) : d.setAttribute(attribute, name);
-        }
-      });
-    (0, import_constants.useIsomorphicLayoutEffect)(() => {
-      const media = window.matchMedia(import_constants2.MEDIA);
-      return media.addListener(handleMediaQuery), handleMediaQuery(media), () => {
-        media.removeListener(handleMediaQuery);
-      };
-    }, []);
-    const set = (0, import_use_event.useEvent)(newTheme => {
-      forcedTheme ? handleChangeTheme(newTheme, !0, !1) : handleChangeTheme(newTheme), setThemeState(newTheme);
-    });
-    (0, import_react.useEffect)(() => {
-      const handleStorage = e => {
-        if (e.key !== storageKey) return;
-        const theme2 = e.newValue || defaultTheme;
-        set(theme2);
-      };
-      return window.addEventListener("storage", handleStorage), () => {
-        window.removeEventListener("storage", handleStorage);
-      };
-    }, [defaultTheme, set, storageKey]), (0, import_constants.useIsomorphicLayoutEffect)(() => {
-      if (!enableColorScheme) return;
-      const colorScheme =
-      // If theme is forced to light or dark, use that
-      forcedTheme && import_constants2.colorSchemes.includes(forcedTheme) ? forcedTheme :
-      // If regular theme is light or dark
-      theme && import_constants2.colorSchemes.includes(theme) ? theme :
-      // If theme is system, use the resolved version
-      theme === "system" && resolvedTheme || null;
-      (typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") !== (colorScheme || "light") && 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"],
-          next = order[(order.indexOf(theme) + 1) % order.length];
-        set(next);
-      }),
-      systemTheme = enableSystem ? resolvedTheme : void 0,
-      contextValue = (0, import_react.useMemo)(() => ({
-        theme,
-        current: theme,
-        set,
-        toggle,
-        forcedTheme,
-        resolvedTheme: theme === "system" ? resolvedTheme : theme,
-        themes: enableSystem ? [...themes, "system"] : themes,
-        systemTheme
-      }), [theme, set, toggle, forcedTheme, resolvedTheme, 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,
+  disableTransitionOnChange = false,
+  enableSystem = true,
+  enableColorScheme = true,
+  storageKey = "theme",
+  themes = import_constants2.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 _ = (0, import_helpers.getSystemTheme)(e);
+    const update = () => setResolvedTheme(_);
+    if (disableTransitionOnChange) {
+      update();
+    } else {
+      React.startTransition(() => update());
+    }
+    if (theme === "system" && !forcedTheme) {
+      handleChangeTheme(_, false);
+    }
+  });
+  const handleChangeTheme = (0, import_use_event.useEvent)((theme2, updateStorage = true, updateDOM = true) => {
+    let name = value?.[theme2] || theme2;
+    if (updateStorage) {
+      try {
+        localStorage.setItem(storageKey, theme2);
+      } catch (e) {}
+    }
+    if (theme2 === "system" && enableSystem) {
+      const resolved = (0, import_helpers.getSystemTheme)();
+      name = value?.[resolved] || resolved;
+    }
+    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_constants.useIsomorphicLayoutEffect)(() => {
+    const media = window.matchMedia(import_constants2.MEDIA);
+    media.addListener(handleMediaQuery);
+    handleMediaQuery(media);
+    return () => {
+      media.removeListener(handleMediaQuery);
+    };
+  }, []);
+  const set = (0, import_use_event.useEvent)(newTheme => {
+    if (forcedTheme) {
+      return;
+    }
+    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_constants.useIsomorphicLayoutEffect)(() => {
+    if (!enableColorScheme) return;
+    const colorScheme =
+    // If theme is forced to light or dark, use that
+    forcedTheme && import_constants2.colorSchemes.includes(forcedTheme) ? forcedTheme :
+    // If regular theme is light or dark
+    theme && import_constants2.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) {
+      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 systemTheme = enableSystem ? resolvedTheme : void 0;
+  const contextValue = (0, import_react.useMemo)(() => {
+    const value2 = {
+      theme,
+      current: theme,
+      set,
+      toggle,
+      forcedTheme,
+      resolvedTheme: theme === "system" ? resolvedTheme : theme,
+      themes: enableSystem ? [...themes, "system"] : themes,
+      systemTheme
+    };
+    return value2;
+  }, [theme, set, toggle, forcedTheme, resolvedTheme, 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,
@@ -139,36 +174,52 @@ const NextThemeProvider = (0, import_react.memo)(({
         defaultTheme,
         attrs,
         skipNextHead
-      }), children]
-    });
-  }),
-  ThemeScript = (0, import_react.memo)(({
-    forcedTheme,
-    storageKey,
-    attribute,
-    enableSystem,
-    defaultTheme,
-    value,
-    attrs,
-    skipNextHead
-  }) => {
-    const optimization = attribute === "class" ? `var d=document.documentElement.classList;${attrs.map(t => `d.remove('${t}')`).join(";")};` : "var d=document.documentElement;",
-      updateDOM = (name, literal) => {
-        name = value?.[name] || name;
-        const val = literal ? name : `'${name}'`;
-        return attribute === "class" ? `d.add(${val})` : `d.setAttribute('${attribute}', ${val})`;
-      },
-      defaultSystem = defaultTheme === "system",
-      scriptContent = forcedTheme ? `!function(){${optimization}${updateDOM(forcedTheme)}}()` : enableSystem ? `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');if("system"===e||(!e&&${defaultSystem})){var t="${import_constants2.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", !0)}}${defaultSystem ? "" : `else{${updateDOM(defaultTheme)}}`}}catch(e){}}()` : `!function(){try{${optimization}var e=localStorage.getItem("${storageKey}");if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", !0)}}else{${updateDOM(defaultTheme)};}}catch(t){}}();`;
-    return skipNextHead ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("script", {
-      dangerouslySetInnerHTML: {
-        __html: scriptContent
       }
-    }, "next-themes-script") : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_script.default, {
-      id: "next-themes-script",
-      strategy: "beforeInteractive",
+    }), 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};`;
+    }
+    return `var d=document.documentElement;`;
+  })();
+  const updateDOM = (name, literal) => {
+    name = 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 scriptContent = forcedTheme ? `!function(){${optimization}${updateDOM(forcedTheme)}}()` : enableSystem ? `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');if("system"===e||(!e&&${defaultSystem})){var t="${import_constants2.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)}}${!defaultSystem ? `else{${updateDOM(defaultTheme)}}` : ""}}catch(e){}}()` : `!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){}}();`;
+  if (skipNextHead) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("script", {
       dangerouslySetInnerHTML: {
         __html: scriptContent
       }
-    });
-  }, (prevProps, nextProps) => prevProps.forcedTheme === nextProps.forcedTheme);
+    }, "next-themes-script");
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_script.default, {
+    id: "next-themes-script",
+    strategy: "beforeInteractive",
+    dangerouslySetInnerHTML: {
+      __html: scriptContent
+    }
+  });
+}, (prevProps, nextProps) => {
+  if (prevProps.forcedTheme !== nextProps.forcedTheme) return false;
+  return true;
+});

package/dist/cjs/ThemeSettingContext.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ThemeSettingContext_exports = {};
 __export(ThemeSettingContext_exports, {

package/dist/cjs/UseThemeProps.cjs

@@ -3,14 +3,16 @@ 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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  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: !0
+  value: true
 }), mod);
 var UseThemeProps_exports = {};
 module.exports = __toCommonJS(UseThemeProps_exports);

package/dist/cjs/constants.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var constants_exports = {};
 __export(constants_exports, {
@@ -25,6 +27,6 @@ __export(constants_exports, {
   constants: () => constants
 });
 module.exports = __toCommonJS(constants_exports);
-const constants = {},
-  colorSchemes = ["light", "dark"],
-  MEDIA = "(prefers-color-scheme: dark)";
+const constants = {};
+const colorSchemes = ["light", "dark"];
+const MEDIA = "(prefers-color-scheme: dark)";

package/dist/cjs/helpers.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var helpers_exports = {};
 __export(helpers_exports, {
@@ -26,13 +28,20 @@ __export(helpers_exports, {
 });
 module.exports = __toCommonJS(helpers_exports);
 var import_constants = require("./constants.cjs");
-const helpers = {},
-  getTheme = (key, fallback) => {
-    if (typeof window > "u") return;
-    let theme;
-    try {
-      theme = localStorage.getItem(key) || void 0;
-    } catch {}
-    return theme || fallback;
-  },
-  getSystemTheme = e => (e || (e = window.matchMedia(import_constants.MEDIA)), e.matches ? "dark" : "light");
+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;
+};

package/dist/cjs/index.cjs

@@ -3,15 +3,17 @@ 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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);

package/dist/cjs/types.cjs

@@ -3,14 +3,16 @@ 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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  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: !0
+  value: true
 }), mod);
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);