@tamagui/next-theme 1.114.3 → 1.115.0

package/dist/cjs/NextTheme.cjs

@@ -0,0 +1,25 @@
+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)) !__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"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var NextTheme_exports = {};
+module.exports = __toCommonJS(NextTheme_exports);
+__reExport(NextTheme_exports, require("./NextThemeProvider.cjs"), module.exports);
+__reExport(NextTheme_exports, require("./ThemeSettingContext.cjs"), module.exports);
+__reExport(NextTheme_exports, require("./UseThemeProps.cjs"), module.exports);
+__reExport(NextTheme_exports, require("./helpers.cjs"), module.exports);
+__reExport(NextTheme_exports, require("./constants.cjs"), module.exports);
+__reExport(NextTheme_exports, require("./useTheme.cjs"), module.exports);
+__reExport(NextTheme_exports, require("./types.cjs"), module.exports);
+__reExport(NextTheme_exports, require("./useRootTheme.cjs"), module.exports);

package/dist/cjs/NextThemeProvider.cjs

@@ -0,0 +1,181 @@
+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 __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, {
+      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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), 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_head = __toESM(require("next/head")),
+  React = __toESM(require("react")),
+  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");
+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,
+        storageKey,
+        systemTheme: resolvedTheme,
+        attribute,
+        value,
+        enableSystem,
+        defaultTheme,
+        attrs,
+        skipNextHead
+      }), (0, import_react.useMemo)(() => children, [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",
+      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_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)}}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", !0)}}else{${updateDOM(defaultTheme)};}}catch(t){}}();`
+          }
+        }, "next-themes-script")
+      });
+    return skipNextHead ? contents : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_head.default, {
+      children: contents
+    });
+  }, (prevProps, nextProps) => prevProps.forcedTheme === nextProps.forcedTheme);

package/dist/cjs/{ThemeSettingContext.js → ThemeSettingContext.cjs}

@@ -2,24 +2,33 @@ 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,
+  __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
+    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, {
+      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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
 var ThemeSettingContext_exports = {};
 __export(ThemeSettingContext_exports, {
   ThemeSettingContext: () => ThemeSettingContext
@@ -27,10 +36,7 @@ __export(ThemeSettingContext_exports, {
 module.exports = __toCommonJS(ThemeSettingContext_exports);
 var import_react = __toESM(require("react"));
 const ThemeSettingContext = import_react.default.createContext({
-  toggle: () => {
-  },
-  set: (_) => {
-  },
+  toggle: () => {},
+  set: _ => {},
   themes: []
-});
-//# sourceMappingURL=ThemeSettingContext.js.map
+});

package/dist/cjs/UseThemeProps.cjs

@@ -0,0 +1,16 @@
+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)) !__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
+}), mod);
+var UseThemeProps_exports = {};
+module.exports = __toCommonJS(UseThemeProps_exports);

package/dist/cjs/constants.cjs

@@ -0,0 +1,30 @@
+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: !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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  MEDIA: () => MEDIA,
+  colorSchemes: () => colorSchemes,
+  constants: () => constants
+});
+module.exports = __toCommonJS(constants_exports);
+const constants = {},
+  colorSchemes = ["light", "dark"],
+  MEDIA = "(prefers-color-scheme: dark)";

package/dist/cjs/helpers.cjs

@@ -0,0 +1,38 @@
+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: !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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var helpers_exports = {};
+__export(helpers_exports, {
+  getSystemTheme: () => getSystemTheme,
+  getTheme: () => getTheme,
+  helpers: () => helpers
+});
+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");

package/dist/cjs/index.cjs

@@ -0,0 +1,19 @@
+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)) !__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"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./NextTheme.cjs"), module.exports);
+__reExport(src_exports, require("./types.cjs"), module.exports);

package/dist/cjs/types.cjs

@@ -0,0 +1,16 @@
+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)) !__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
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/{useRootTheme.js → useRootTheme.cjs}

@@ -2,36 +2,47 @@ 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,
+  __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
+    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, {
+      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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
 var useRootTheme_exports = {};
 __export(useRootTheme_exports, {
   useRootTheme: () => useRootTheme
 });
 module.exports = __toCommonJS(useRootTheme_exports);
-var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants");
-const useRootTheme = ({ fallback = "light" } = {}) => {
+var import_react = __toESM(require("react")),
+  import_constants = require("@tamagui/constants");
+const useRootTheme = ({
+  fallback = "light"
+} = {}) => {
   let initialVal = fallback;
   if (import_constants.isClient) {
     const classes = [...document.documentElement.classList];
     initialVal = classes.includes("t_dark") ? "dark" : classes.includes("t_light") ? "light" : fallback;
   }
   return import_react.default.useState(initialVal);
-};
-//# sourceMappingURL=useRootTheme.js.map
+};

package/dist/cjs/useTheme.cjs

@@ -0,0 +1,41 @@
+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 __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, {
+      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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var useTheme_exports = {};
+__export(useTheme_exports, {
+  useTheme: () => useTheme,
+  useThemeSetting: () => useThemeSetting
+});
+module.exports = __toCommonJS(useTheme_exports);
+var import_react = __toESM(require("react")),
+  import_ThemeSettingContext = require("./ThemeSettingContext.cjs");
+const useTheme = () => import_react.default.useContext(import_ThemeSettingContext.ThemeSettingContext),
+  useThemeSetting = () => import_react.default.useContext(import_ThemeSettingContext.ThemeSettingContext);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/next-theme",
-  "version": "1.114.3",
+  "version": "1.115.0",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -20,11 +20,11 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/constants": "1.114.3",
-    "@tamagui/use-event": "1.114.3"
+    "@tamagui/constants": "1.115.0",
+    "@tamagui/use-event": "1.115.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.114.3",
+    "@tamagui/build": "1.115.0",
     "react": "^18.2.0 || ^19.0.0"
   },
   "peerDependencies": {

package/dist/cjs/NextTheme.js

@@ -1,22 +0,0 @@
-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))
-      !__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"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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/NextThemeProvider.js

@@ -1,190 +0,0 @@
-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 __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, { 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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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_head = __toESM(require("next/head")), React = __toESM(require("react")), import_react = require("react"), import_constants2 = require("./constants"), import_helpers = require("./helpers"), import_ThemeSettingContext = require("./ThemeSettingContext"), 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,
-          storageKey,
-          systemTheme: resolvedTheme,
-          attribute,
-          value,
-          enableSystem,
-          defaultTheme,
-          attrs,
-          skipNextHead
-        }
-      ),
-      (0, import_react.useMemo)(() => children, [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", 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_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)}}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", !0)}}else{${updateDOM(
-            defaultTheme
-          )};}}catch(t){}}();`
-        }
-      },
-      "next-themes-script"
-    ) });
-    return skipNextHead ? contents : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_head.default, { children: contents });
-  },
-  (prevProps, nextProps) => prevProps.forcedTheme === nextProps.forcedTheme
-);
-//# sourceMappingURL=NextThemeProvider.js.map

package/dist/cjs/UseThemeProps.js

@@ -1,14 +0,0 @@
-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))
-      !__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 }), mod);
-var UseThemeProps_exports = {};
-module.exports = __toCommonJS(UseThemeProps_exports);
-//# sourceMappingURL=UseThemeProps.js.map

package/dist/cjs/constants.js

@@ -1,23 +0,0 @@
-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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var constants_exports = {};
-__export(constants_exports, {
-  MEDIA: () => MEDIA,
-  colorSchemes: () => colorSchemes,
-  constants: () => constants
-});
-module.exports = __toCommonJS(constants_exports);
-const constants = {}, colorSchemes = ["light", "dark"], MEDIA = "(prefers-color-scheme: dark)";
-//# sourceMappingURL=constants.js.map

package/dist/cjs/helpers.js

@@ -1,32 +0,0 @@
-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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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 = {}, 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");
-//# sourceMappingURL=helpers.js.map

package/dist/cjs/index.js

@@ -1,16 +0,0 @@
-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))
-      !__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"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./NextTheme"), module.exports);
-__reExport(src_exports, require("./types"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/types.js

@@ -1,14 +0,0 @@
-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))
-      !__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 }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map

package/dist/cjs/useTheme.js

@@ -1,31 +0,0 @@
-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 __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, { 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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var useTheme_exports = {};
-__export(useTheme_exports, {
-  useTheme: () => useTheme,
-  useThemeSetting: () => useThemeSetting
-});
-module.exports = __toCommonJS(useTheme_exports);
-var import_react = __toESM(require("react")), import_ThemeSettingContext = require("./ThemeSettingContext");
-const useTheme = () => import_react.default.useContext(import_ThemeSettingContext.ThemeSettingContext), useThemeSetting = () => import_react.default.useContext(import_ThemeSettingContext.ThemeSettingContext);
-//# sourceMappingURL=useTheme.js.map