@tamagui/next-theme 1.142.0 → 1.143.0

package/dist/cjs/NextThemeProvider.cjs

@@ -36,7 +36,7 @@ __export(NextThemeProvider_exports, {
 module.exports = __toCommonJS(NextThemeProvider_exports);
 var import_constants = require("@tamagui/constants"),
   import_use_event = require("@tamagui/use-event"),
-  import_head = __toESM(require("next/head"), 1),
+  import_script = __toESM(require("next/script"), 1),
   React = __toESM(require("react"), 1),
   import_react = require("react"),
   import_constants2 = require("./constants.cjs"),
@@ -139,7 +139,7 @@ const NextThemeProvider = (0, import_react.memo)(({
         defaultTheme,
         attrs,
         skipNextHead
-      }), (0, import_react.useMemo)(() => children, [children])]
+      }), children]
     });
   }),
   ThemeScript = (0, import_react.memo)(({
@@ -159,23 +159,16 @@ const NextThemeProvider = (0, import_react.memo)(({
         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
+      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",
+      dangerouslySetInnerHTML: {
+        __html: scriptContent
+      }
     });
   }, (prevProps, nextProps) => prevProps.forcedTheme === nextProps.forcedTheme);

package/dist/cjs/NextThemeProvider.js

@@ -25,7 +25,7 @@ __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"), 1), React = __toESM(require("react"), 1), import_react = require("react"), import_constants2 = require("./constants"), import_helpers = require("./helpers"), import_ThemeSettingContext = require("./ThemeSettingContext"), import_jsx_runtime = require("react/jsx-runtime");
+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"), import_helpers = require("./helpers"), import_ThemeSettingContext = require("./ThemeSettingContext"), import_jsx_runtime = require("react/jsx-runtime");
 const NextThemeProvider = (0, import_react.memo)(
   ({
     forcedTheme,
@@ -135,7 +135,7 @@ const NextThemeProvider = (0, import_react.memo)(
           skipNextHead
         }
       ),
-      (0, import_react.useMemo)(() => children, [children])
+      children
     ] });
   }
 ), ThemeScript = (0, import_react.memo)(
@@ -153,37 +153,25 @@ const NextThemeProvider = (0, import_react.memo)(
       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)(
+    }, 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: {
-          // 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){}}()`
-        }
+        dangerouslySetInnerHTML: { __html: scriptContent }
       },
       "next-themes-script"
     ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "script",
+      import_script.default,
       {
-        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 });
+        id: "next-themes-script",
+        strategy: "beforeInteractive",
+        dangerouslySetInnerHTML: { __html: scriptContent }
+      }
+    );
   },
   (prevProps, nextProps) => prevProps.forcedTheme === nextProps.forcedTheme
 );

package/dist/cjs/NextThemeProvider.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/NextThemeProvider.tsx"],
-  "mappings": "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",
-  "names": ["import_constants", "theme", "NextHead"]
+  "mappings": "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",
+  "names": ["import_constants", "theme", "Script"]
 }

package/dist/cjs/ThemeSettingContext.cjs

@@ -1,9 +1,7 @@
-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 __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
     for (var name in all) __defProp(target, name, {
       get: all[name],
@@ -17,25 +15,16 @@ var __export = (target, all) => {
     });
     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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
 var ThemeSettingContext_exports = {};
 __export(ThemeSettingContext_exports, {
   ThemeSettingContext: () => ThemeSettingContext
 });
 module.exports = __toCommonJS(ThemeSettingContext_exports);
-var import_react = __toESM(require("react"), 1);
-const ThemeSettingContext = import_react.default.createContext({
+var import_react = require("react");
+const ThemeSettingContext = (0, import_react.createContext)({
   toggle: () => {},
   set: _ => {},
   themes: []

package/dist/cjs/ThemeSettingContext.js

@@ -1,8 +1,7 @@
-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 __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,21 +11,14 @@ var __export = (target, all) => {
       !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var ThemeSettingContext_exports = {};
 __export(ThemeSettingContext_exports, {
   ThemeSettingContext: () => ThemeSettingContext
 });
 module.exports = __toCommonJS(ThemeSettingContext_exports);
-var import_react = __toESM(require("react"), 1);
-const ThemeSettingContext = import_react.default.createContext({
+var import_react = require("react");
+const ThemeSettingContext = (0, import_react.createContext)({
   toggle: () => {
   },
   set: (_) => {

package/dist/cjs/ThemeSettingContext.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ThemeSettingContext.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAIX,MAAM,sBACX,aAAAA,QAAM,cAA6B;AAAA,EACjC,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,KAAK,CAAC,MAAM;AAAA,EAAC;AAAA,EACb,QAAQ,CAAC;AACX,CAAC;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4C;AAIrC,MAAM,0BAA8C,4BAA6B;AAAA,EACtF,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,KAAK,CAAC,MAAM;AAAA,EAAC;AAAA,EACb,QAAQ,CAAC;AACX,CAAC;",
+  "names": []
 }

package/dist/cjs/useRootTheme.cjs

@@ -1,9 +1,7 @@
-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 __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
     for (var name in all) __defProp(target, name, {
       get: all[name],
@@ -17,32 +15,23 @@ var __export = (target, all) => {
     });
     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 __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"), 1),
+var import_react = 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;
+    const classes = document.documentElement.classList;
+    initialVal = classes.contains("t_dark") ? "dark" : classes.contains("t_light") ? "light" : fallback;
   }
-  return import_react.default.useState(initialVal);
+  return (0, import_react.useState)(initialVal);
 };

package/dist/cjs/useRootTheme.js

@@ -1,8 +1,7 @@
-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 __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,28 +11,21 @@ var __export = (target, all) => {
       !__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 __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"), 1), import_constants = require("@tamagui/constants");
+var import_react = 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;
+    const classes = document.documentElement.classList;
+    initialVal = classes.contains("t_dark") ? "dark" : classes.contains("t_light") ? "light" : fallback;
   }
-  return import_react.default.useState(initialVal);
+  return (0, import_react.useState)(initialVal);
 };
 //# sourceMappingURL=useRootTheme.js.map

package/dist/cjs/useRootTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useRootTheme.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,mBAAyB;AAIlB,MAAM,eAAe,CAAC;AAAA,EAC3B,WAAW;AACb,IAAgC,CAAC,MAG5B;AACH,MAAI,aAAa;AAEjB,MAAI,2BAAU;AAEZ,UAAM,UAAU,CAAC,GAAG,SAAS,gBAAgB,SAAS;AACtD,iBAAa,QAAQ,SAAS,QAAQ,IAClC,SACA,QAAQ,SAAS,SAAS,IACxB,UACA;AAAA,EACR;AAEA,SAAO,aAAAA,QAAM,SAAsB,UAAU;AAC/C;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6D,kBAC7D,mBAAyB;AAIlB,MAAM,eAAe,CAAC;AAAA,EAC3B,WAAW;AACb,IAAgC,CAAC,MAG5B;AACH,MAAI,aAAa;AAEjB,MAAI,2BAAU;AACZ,UAAM,UAAU,SAAS,gBAAgB;AACzC,iBAAa,QAAQ,SAAS,QAAQ,IAClC,SACA,QAAQ,SAAS,SAAS,IACxB,UACA;AAAA,EACR;AAEA,aAAO,uBAAsB,UAAU;AACzC;",
+  "names": []
 }

package/dist/cjs/useTheme.cjs

@@ -1,9 +1,7 @@
-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 __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
     for (var name in all) __defProp(target, name, {
       get: all[name],
@@ -17,25 +15,16 @@ var __export = (target, all) => {
     });
     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 __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"), 1),
+var import_react = require("react"),
   import_ThemeSettingContext = require("./ThemeSettingContext.cjs");
-const useTheme = () => import_react.default.useContext(import_ThemeSettingContext.ThemeSettingContext),
-  useThemeSetting = () => import_react.default.useContext(import_ThemeSettingContext.ThemeSettingContext);
+const useTheme = () => (0, import_react.useContext)(import_ThemeSettingContext.ThemeSettingContext),
+  useThemeSetting = () => (0, import_react.useContext)(import_ThemeSettingContext.ThemeSettingContext);

package/dist/cjs/useTheme.js

@@ -1,8 +1,7 @@
-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 __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,20 +11,13 @@ var __export = (target, all) => {
       !__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 __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"), 1), import_ThemeSettingContext = require("./ThemeSettingContext");
-const useTheme = () => import_react.default.useContext(import_ThemeSettingContext.ThemeSettingContext), useThemeSetting = () => import_react.default.useContext(import_ThemeSettingContext.ThemeSettingContext);
+var import_react = require("react"), import_ThemeSettingContext = require("./ThemeSettingContext");
+const useTheme = () => (0, import_react.useContext)(import_ThemeSettingContext.ThemeSettingContext), useThemeSetting = () => (0, import_react.useContext)(import_ThemeSettingContext.ThemeSettingContext);
 //# sourceMappingURL=useTheme.js.map

package/dist/cjs/useTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useTheme.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAElB,6BAAoC;AAO7B,MAAM,WAAW,MAAqB,aAAAA,QAAM,WAAW,8CAAmB,GAEpE,kBAAkB,MAAqB,aAAAA,QAAM,WAAW,8CAAmB;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B,kBAE3B,6BAAoC;AAO7B,MAAM,WAAW,UAAqB,yBAAW,8CAAmB,GAE9D,kBAAkB,UAAqB,yBAAW,8CAAmB;",
+  "names": []
 }

package/dist/esm/NextThemeProvider.js

@@ -1,12 +1,12 @@
 import { useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { useEvent } from "@tamagui/use-event";
-import NextHead from "next/head";
+import Script from "next/script";
 import * as React from "react";
 import { memo, useEffect, useMemo, useState } from "react";
 import { MEDIA, colorSchemes } from "./constants";
 import { getSystemTheme, getTheme } from "./helpers";
 import { ThemeSettingContext } from "./ThemeSettingContext";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 const NextThemeProvider = memo(
   ({
     forcedTheme,
@@ -116,7 +116,7 @@ const NextThemeProvider = memo(
           skipNextHead
         }
       ),
-      useMemo(() => children, [children])
+      children
     ] });
   }
 ), ThemeScript = memo(
@@ -134,37 +134,25 @@ const NextThemeProvider = memo(
       name = value?.[name] || name;
       const val = literal ? name : `'${name}'`;
       return attribute === "class" ? `d.add(${val})` : `d.setAttribute('${attribute}', ${val})`;
-    }, defaultSystem = defaultTheme === "system", contents = /* @__PURE__ */ jsx(Fragment, { children: forcedTheme ? /* @__PURE__ */ jsx(
+    }, 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="${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__ */ jsx(
       "script",
       {
-        dangerouslySetInnerHTML: {
-          // These are minified via Terser and then updated by hand, don't recommend
-          __html: `!function(){${optimization}${updateDOM(forcedTheme)}}()`
-        }
-      },
-      "next-themes-script"
-    ) : enableSystem ? /* @__PURE__ */ jsx(
-      "script",
-      {
-        dangerouslySetInnerHTML: {
-          __html: `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');${defaultSystem ? "" : updateDOM(defaultTheme) + ";"}if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM(
-            "dark"
-          )}:${updateDOM("light")}}else if(e) ${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", !0)}}catch(e){}}()`
-        }
+        dangerouslySetInnerHTML: { __html: scriptContent }
       },
       "next-themes-script"
     ) : /* @__PURE__ */ jsx(
-      "script",
+      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__ */ jsx(NextHead, { children: contents });
+        id: "next-themes-script",
+        strategy: "beforeInteractive",
+        dangerouslySetInnerHTML: { __html: scriptContent }
+      }
+    );
   },
   (prevProps, nextProps) => prevProps.forcedTheme === nextProps.forcedTheme
 );

package/dist/esm/NextThemeProvider.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/NextThemeProvider.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["theme"]
 }

package/dist/esm/NextThemeProvider.mjs

@@ -1,12 +1,12 @@
 import { useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { useEvent } from "@tamagui/use-event";
-import NextHead from "next/head";
+import Script from "next/script";
 import * as React from "react";
 import { memo, useEffect, useMemo, useState } from "react";
 import { MEDIA, colorSchemes } from "./constants.mjs";
 import { getSystemTheme, getTheme } from "./helpers.mjs";
 import { ThemeSettingContext } from "./ThemeSettingContext.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 const NextThemeProvider = memo(({
     forcedTheme,
     disableTransitionOnChange = !1,
@@ -103,7 +103,7 @@ const NextThemeProvider = memo(({
         defaultTheme,
         attrs,
         skipNextHead
-      }), useMemo(() => children, [children])]
+      }), children]
     });
   }),
   ThemeScript = memo(({
@@ -123,24 +123,17 @@ const NextThemeProvider = memo(({
         return attribute === "class" ? `d.add(${val})` : `d.setAttribute('${attribute}', ${val})`;
       },
       defaultSystem = defaultTheme === "system",
-      contents = /* @__PURE__ */jsx(Fragment, {
-        children: forcedTheme ? /* @__PURE__ */jsx("script", {
-          dangerouslySetInnerHTML: {
-            // These are minified via Terser and then updated by hand, don't recommend
-            __html: `!function(){${optimization}${updateDOM(forcedTheme)}}()`
-          }
-        }, "next-themes-script") : enableSystem ? /* @__PURE__ */jsx("script", {
-          dangerouslySetInnerHTML: {
-            __html: `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');${defaultSystem ? "" : updateDOM(defaultTheme) + ";"}if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM("dark")}:${updateDOM("light")}}else if(e) ${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", !0)}}catch(e){}}()`
-          }
-        }, "next-themes-script") : /* @__PURE__ */jsx("script", {
-          dangerouslySetInnerHTML: {
-            __html: `!function(){try{${optimization}var e=localStorage.getItem("${storageKey}");if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", !0)}}else{${updateDOM(defaultTheme)};}}catch(t){}}();`
-          }
-        }, "next-themes-script")
-      });
-    return skipNextHead ? contents : /* @__PURE__ */jsx(NextHead, {
-      children: contents
+      scriptContent = forcedTheme ? `!function(){${optimization}${updateDOM(forcedTheme)}}()` : enableSystem ? `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM("dark")}:${updateDOM("light")}}else if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", !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__ */jsx("script", {
+      dangerouslySetInnerHTML: {
+        __html: scriptContent
+      }
+    }, "next-themes-script") : /* @__PURE__ */jsx(Script, {
+      id: "next-themes-script",
+      strategy: "beforeInteractive",
+      dangerouslySetInnerHTML: {
+        __html: scriptContent
+      }
     });
   }, (prevProps, nextProps) => prevProps.forcedTheme === nextProps.forcedTheme);
 export { NextThemeProvider };

package/dist/esm/NextThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useIsomorphicLayoutEffect","useEvent","NextHead","React","memo","useEffect","useMemo","useState","MEDIA","colorSchemes","getSystemTheme","getTheme","ThemeSettingContext","Fragment","jsx","jsxs","NextThemeProvider","forcedTheme","disableTransitionOnChange","enableSystem","enableColorScheme","storageKey","themes","defaultTheme","attribute","skipNextHead","onChangeTheme","value","dark","light","children","theme","setThemeState","resolvedTheme","setResolvedTheme","attrs","Object","values","handleMediaQuery","e","_","update","startTransition","handleChangeTheme","theme2","updateStorage","updateDOM","name","localStorage","setItem","resolved","replace","d","document","documentElement","classList","remove","add","setAttribute","media","window","matchMedia","addListener","removeListener","set","newTheme","handleStorage","key","newValue","addEventListener","removeEventListener","colorScheme","includes","matches","style","setProperty","toggle","order","next","indexOf","length","systemTheme","contextValue","current","Provider","ThemeScript","optimization","map","t","join","literal","val","defaultSystem","contents","dangerouslySetInnerHTML","__html","JSON","stringify","prevProps","nextProps"],"sources":["../../src/NextThemeProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useIsomorphicLayoutEffect","useEvent","Script","React","memo","useEffect","useMemo","useState","MEDIA","colorSchemes","getSystemTheme","getTheme","ThemeSettingContext","jsx","jsxs","NextThemeProvider","forcedTheme","disableTransitionOnChange","enableSystem","enableColorScheme","storageKey","themes","defaultTheme","attribute","skipNextHead","onChangeTheme","value","dark","light","children","theme","setThemeState","resolvedTheme","setResolvedTheme","attrs","Object","values","handleMediaQuery","e","_","update","startTransition","handleChangeTheme","theme2","updateStorage","updateDOM","name","localStorage","setItem","resolved","replace","d","document","documentElement","classList","remove","add","setAttribute","media","window","matchMedia","addListener","removeListener","set","newTheme","handleStorage","key","newValue","addEventListener","removeEventListener","colorScheme","includes","matches","style","setProperty","toggle","order","next","indexOf","length","systemTheme","contextValue","current","Provider","ThemeScript","optimization","map","t","join","literal","val","defaultSystem","scriptContent","JSON","stringify","dangerouslySetInnerHTML","__html","id","strategy","prevProps","nextProps"],"sources":["../../src/NextThemeProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ThemeSettingContext.js

@@ -1,5 +1,5 @@
-import React from "react";
-const ThemeSettingContext = React.createContext({
+import { createContext } from "react";
+const ThemeSettingContext = createContext({
   toggle: () => {
   },
   set: (_) => {

package/dist/esm/ThemeSettingContext.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ThemeSettingContext.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAIX,MAAM,sBACX,MAAM,cAA6B;AAAA,EACjC,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,KAAK,CAAC,MAAM;AAAA,EAAC;AAAA,EACb,QAAQ,CAAC;AACX,CAAC;",
+  "mappings": "AAAA,SAAS,qBAAmC;AAIrC,MAAM,sBAA8C,cAA6B;AAAA,EACtF,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,KAAK,CAAC,MAAM;AAAA,EAAC;AAAA,EACb,QAAQ,CAAC;AACX,CAAC;",
   "names": []
 }

package/dist/esm/ThemeSettingContext.mjs

@@ -1,5 +1,5 @@
-import React from "react";
-const ThemeSettingContext = React.createContext({
+import { createContext } from "react";
+const ThemeSettingContext = createContext({
   toggle: () => {},
   set: _ => {},
   themes: []

package/dist/esm/ThemeSettingContext.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeSettingContext","createContext","toggle","set","_","themes"],"sources":["../../src/ThemeSettingContext.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAIX,MAAMC,mBAAA,GACXD,KAAA,CAAME,aAAA,CAA6B;EACjCC,MAAA,EAAQA,CAAA,KAAM,CAAC;EACfC,GAAA,EAAMC,CAAA,IAAM,CAAC;EACbC,MAAA,EAAQ;AACV,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","ThemeSettingContext","toggle","set","_","themes"],"sources":["../../src/ThemeSettingContext.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,QAAmC;AAIrC,MAAMC,mBAAA,GAA8CD,aAAA,CAA6B;EACtFE,MAAA,EAAQA,CAAA,KAAM,CAAC;EACfC,GAAA,EAAMC,CAAA,IAAM,CAAC;EACbC,MAAA,EAAQ;AACV,CAAC","ignoreList":[]}

package/dist/esm/useRootTheme.js

@@ -1,14 +1,14 @@
-import React from "react";
+import { useState } from "react";
 import { isClient } from "@tamagui/constants";
 const useRootTheme = ({
   fallback = "light"
 } = {}) => {
   let initialVal = fallback;
   if (isClient) {
-    const classes = [...document.documentElement.classList];
-    initialVal = classes.includes("t_dark") ? "dark" : classes.includes("t_light") ? "light" : fallback;
+    const classes = document.documentElement.classList;
+    initialVal = classes.contains("t_dark") ? "dark" : classes.contains("t_light") ? "light" : fallback;
   }
-  return React.useState(initialVal);
+  return useState(initialVal);
 };
 export {
   useRootTheme

package/dist/esm/useRootTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useRootTheme.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAIlB,MAAM,eAAe,CAAC;AAAA,EAC3B,WAAW;AACb,IAAgC,CAAC,MAG5B;AACH,MAAI,aAAa;AAEjB,MAAI,UAAU;AAEZ,UAAM,UAAU,CAAC,GAAG,SAAS,gBAAgB,SAAS;AACtD,iBAAa,QAAQ,SAAS,QAAQ,IAClC,SACA,QAAQ,SAAS,SAAS,IACxB,UACA;AAAA,EACR;AAEA,SAAO,MAAM,SAAsB,UAAU;AAC/C;",
+  "mappings": "AAAA,SAAS,gBAAoD;AAC7D,SAAS,gBAAgB;AAIlB,MAAM,eAAe,CAAC;AAAA,EAC3B,WAAW;AACb,IAAgC,CAAC,MAG5B;AACH,MAAI,aAAa;AAEjB,MAAI,UAAU;AACZ,UAAM,UAAU,SAAS,gBAAgB;AACzC,iBAAa,QAAQ,SAAS,QAAQ,IAClC,SACA,QAAQ,SAAS,SAAS,IACxB,UACA;AAAA,EACR;AAEA,SAAO,SAAsB,UAAU;AACzC;",
   "names": []
 }

package/dist/esm/useRootTheme.mjs

@@ -1,14 +1,14 @@
-import React from "react";
+import { useState } from "react";
 import { isClient } from "@tamagui/constants";
 const useRootTheme = ({
   fallback = "light"
 } = {}) => {
   let initialVal = fallback;
   if (isClient) {
-    const classes = [...document.documentElement.classList];
-    initialVal = classes.includes("t_dark") ? "dark" : classes.includes("t_light") ? "light" : fallback;
+    const classes = document.documentElement.classList;
+    initialVal = classes.contains("t_dark") ? "dark" : classes.contains("t_light") ? "light" : fallback;
   }
-  return React.useState(initialVal);
+  return useState(initialVal);
 };
 export { useRootTheme };
 //# sourceMappingURL=useRootTheme.mjs.map

package/dist/esm/useRootTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","isClient","useRootTheme","fallback","initialVal","classes","document","documentElement","classList","includes","useState"],"sources":["../../src/useRootTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,QAAgB;AAIlB,MAAMC,YAAA,GAAeA,CAAC;EAC3BC,QAAA,GAAW;AACb,IAAgC,CAAC,MAG5B;EACH,IAAIC,UAAA,GAAaD,QAAA;EAEjB,IAAIF,QAAA,EAAU;IAEZ,MAAMI,OAAA,GAAU,CAAC,GAAGC,QAAA,CAASC,eAAA,CAAgBC,SAAS;IACtDJ,UAAA,GAAaC,OAAA,CAAQI,QAAA,CAAS,QAAQ,IAClC,SACAJ,OAAA,CAAQI,QAAA,CAAS,SAAS,IACxB,UACAN,QAAA;EACR;EAEA,OAAOH,KAAA,CAAMU,QAAA,CAAsBN,UAAU;AAC/C","ignoreList":[]}
+{"version":3,"names":["useState","isClient","useRootTheme","fallback","initialVal","classes","document","documentElement","classList","contains"],"sources":["../../src/useRootTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAoD;AAC7D,SAASC,QAAA,QAAgB;AAIlB,MAAMC,YAAA,GAAeA,CAAC;EAC3BC,QAAA,GAAW;AACb,IAAgC,CAAC,MAG5B;EACH,IAAIC,UAAA,GAAaD,QAAA;EAEjB,IAAIF,QAAA,EAAU;IACZ,MAAMI,OAAA,GAAUC,QAAA,CAASC,eAAA,CAAgBC,SAAA;IACzCJ,UAAA,GAAaC,OAAA,CAAQI,QAAA,CAAS,QAAQ,IAClC,SACAJ,OAAA,CAAQI,QAAA,CAAS,SAAS,IACxB,UACAN,QAAA;EACR;EAEA,OAAOH,QAAA,CAAsBI,UAAU;AACzC","ignoreList":[]}

package/dist/esm/useTheme.js

@@ -1,6 +1,6 @@
-import React from "react";
+import { useContext } from "react";
 import { ThemeSettingContext } from "./ThemeSettingContext";
-const useTheme = () => React.useContext(ThemeSettingContext), useThemeSetting = () => React.useContext(ThemeSettingContext);
+const useTheme = () => useContext(ThemeSettingContext), useThemeSetting = () => useContext(ThemeSettingContext);
 export {
   useTheme,
   useThemeSetting

package/dist/esm/useTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useTheme.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,2BAA2B;AAO7B,MAAM,WAAW,MAAqB,MAAM,WAAW,mBAAmB,GAEpE,kBAAkB,MAAqB,MAAM,WAAW,mBAAmB;",
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,2BAA2B;AAO7B,MAAM,WAAW,MAAqB,WAAW,mBAAmB,GAE9D,kBAAkB,MAAqB,WAAW,mBAAmB;",
   "names": []
 }

package/dist/esm/useTheme.mjs

@@ -1,6 +1,6 @@
-import React from "react";
+import { useContext } from "react";
 import { ThemeSettingContext } from "./ThemeSettingContext.mjs";
-const useTheme = () => React.useContext(ThemeSettingContext),
-  useThemeSetting = () => React.useContext(ThemeSettingContext);
+const useTheme = () => useContext(ThemeSettingContext),
+  useThemeSetting = () => useContext(ThemeSettingContext);
 export { useTheme, useThemeSetting };
 //# sourceMappingURL=useTheme.mjs.map

package/dist/esm/useTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeSettingContext","useTheme","useContext","useThemeSetting"],"sources":["../../src/useTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,mBAAA,QAA2B;AAO7B,MAAMC,QAAA,GAAWA,CAAA,KAAqBF,KAAA,CAAMG,UAAA,CAAWF,mBAAmB;EAEpEG,eAAA,GAAkBA,CAAA,KAAqBJ,KAAA,CAAMG,UAAA,CAAWF,mBAAmB","ignoreList":[]}
+{"version":3,"names":["useContext","ThemeSettingContext","useTheme","useThemeSetting"],"sources":["../../src/useTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAE3B,SAASC,mBAAA,QAA2B;AAO7B,MAAMC,QAAA,GAAWA,CAAA,KAAqBF,UAAA,CAAWC,mBAAmB;EAE9DE,eAAA,GAAkBA,CAAA,KAAqBH,UAAA,CAAWC,mBAAmB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/next-theme",
-  "version": "1.142.0",
+  "version": "1.143.0",
   "type": "module",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -30,12 +30,12 @@
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.142.0",
-    "@tamagui/use-event": "1.142.0",
-    "next": "^15.3.8"
+    "@tamagui/constants": "1.143.0",
+    "@tamagui/use-event": "1.143.0",
+    "next": "16.1.1"
   },
   "devDependencies": {
-    "@tamagui/build": "1.142.0",
+    "@tamagui/build": "1.143.0",
     "react": "*"
   },
   "peerDependencies": {

package/src/NextThemeProvider.tsx

@@ -1,6 +1,6 @@
 import { useIsomorphicLayoutEffect } from '@tamagui/constants'
 import { useEvent } from '@tamagui/use-event'
-import NextHead from 'next/head'
+import Script from 'next/script'
 import * as React from 'react'
 import { memo, useEffect, useMemo, useState } from 'react'
 
@@ -197,8 +197,7 @@ export const NextThemeProvider: React.FunctionComponent<ThemeProviderProps> = me
             skipNextHead,
           }}
         />
-        {/* because on SSR we re-run and can avoid whole tree re-render */}
-        {useMemo(() => children, [children])}
+        {children}
       </ThemeSettingContext.Provider>
     )
   }
@@ -246,50 +245,39 @@ const ThemeScript = memo(
 
     const defaultSystem = defaultTheme === 'system'
 
-    const contents = (
-      <>
-        {forcedTheme ? (
-          <script
-            // nonce={nonce}
-            key="next-themes-script"
-            dangerouslySetInnerHTML={{
-              // These are minified via Terser and then updated by hand, don't recommend
-              __html: `!function(){${optimization}${updateDOM(forcedTheme)}}()`,
-            }}
-          />
-        ) : enableSystem ? (
-          <script
-            // nonce={nonce}
-            key="next-themes-script"
-            dangerouslySetInnerHTML={{
-              __html: `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');${
-                !defaultSystem ? updateDOM(defaultTheme) + ';' : ''
-              }if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM(
-                'dark'
-              )}:${updateDOM('light')}}else if(e) ${
-                value ? `var x=${JSON.stringify(value)};` : ''
-              }${updateDOM(value ? 'x[e]' : 'e', true)}}catch(e){}}()`,
-            }}
-          />
-        ) : (
-          <script
-            // nonce={nonce}
-            key="next-themes-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){}}();`,
-            }}
-          />
-        )}
-      </>
-    )
+    const scriptContent = forcedTheme
+      ? `!function(){${optimization}${updateDOM(forcedTheme)}}()`
+      : enableSystem
+        ? `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM(
+            'dark'
+          )}:${updateDOM('light')}}else if(e){${
+            value ? `var x=${JSON.stringify(value)};` : ''
+          }${updateDOM(value ? 'x[e]' : 'e', true)}}${
+            !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 contents
+    // skipNextHead returns raw script for useServerInsertedHTML usage
+    if (skipNextHead) {
+      return (
+        <script
+          key="next-themes-script"
+          dangerouslySetInnerHTML={{ __html: scriptContent }}
+        />
+      )
+    }
 
-    return <NextHead>{contents}</NextHead>
+    return (
+      <Script
+        id="next-themes-script"
+        strategy="beforeInteractive"
+        dangerouslySetInnerHTML={{ __html: scriptContent }}
+      />
+    )
   },
   (prevProps, nextProps) => {
     // Only re-render when forcedTheme changes

package/src/ThemeSettingContext.tsx

@@ -1,10 +1,9 @@
-import React from 'react'
+import { createContext, type Context } from 'react'
 
 import type { UseThemeProps } from './UseThemeProps'
 
-export const ThemeSettingContext: React.Context<UseThemeProps> =
-  React.createContext<UseThemeProps>({
-    toggle: () => {},
-    set: (_) => {},
-    themes: [],
-  })
+export const ThemeSettingContext: Context<UseThemeProps> = createContext<UseThemeProps>({
+  toggle: () => {},
+  set: (_) => {},
+  themes: [],
+})

package/src/useRootTheme.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import { useState, type Dispatch, type SetStateAction } from 'react'
 import { isClient } from '@tamagui/constants'
 
 import type { ColorScheme } from './types'
@@ -7,19 +7,18 @@ export const useRootTheme = ({
   fallback = 'light',
 }: { fallback?: ColorScheme } = {}): [
   ColorScheme,
-  React.Dispatch<React.SetStateAction<ColorScheme>>,
+  Dispatch<SetStateAction<ColorScheme>>,
 ] => {
   let initialVal = fallback
 
   if (isClient) {
-    // @ts-ignore
-    const classes = [...document.documentElement.classList]
-    initialVal = classes.includes(`t_dark`)
+    const classes = document.documentElement.classList
+    initialVal = classes.contains('t_dark')
       ? 'dark'
-      : classes.includes(`t_light`)
+      : classes.contains('t_light')
         ? 'light'
         : fallback
   }
 
-  return React.useState<ColorScheme>(initialVal)
+  return useState<ColorScheme>(initialVal)
 }

package/src/useTheme.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import { useContext } from 'react'
 
 import { ThemeSettingContext } from './ThemeSettingContext'
 import type { UseThemeProps } from './UseThemeProps'
@@ -7,6 +7,6 @@ import type { UseThemeProps } from './UseThemeProps'
  * @deprecated renamed to `useThemeSetting` to avoid confusion with core `useTheme` hook
  */
 
-export const useTheme = (): UseThemeProps => React.useContext(ThemeSettingContext)
+export const useTheme = (): UseThemeProps => useContext(ThemeSettingContext)
 
-export const useThemeSetting = (): UseThemeProps => React.useContext(ThemeSettingContext)
+export const useThemeSetting = (): UseThemeProps => useContext(ThemeSettingContext)

package/types/NextThemeProvider.d.ts.map

@@ -7,7 +7,7 @@
     "src/NextThemeProvider.tsx"
   ],
   "sourcesContent": [
-    "import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useEvent } from '@tamagui/use-event'\nimport NextHead from 'next/head'\nimport * as React from 'react'\nimport { memo, useEffect, useMemo, useState } from 'react'\n\nimport { MEDIA, colorSchemes } from './constants'\nimport { getSystemTheme, getTheme } from './helpers'\nimport { ThemeSettingContext } from './ThemeSettingContext'\nimport type { ValueObject } from './types'\nimport type { ThemeProviderProps, UseThemeProps } from './UseThemeProps'\n\nexport const NextThemeProvider: React.FunctionComponent<ThemeProviderProps> = memo(\n  ({\n    forcedTheme,\n    disableTransitionOnChange = false,\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 attrs = !value ? themes : Object.values(value)\n\n    const handleMediaQuery = useEvent((e?) => {\n      const _ = getSystemTheme(e)\n      const update = () => setResolvedTheme(_)\n      if (disableTransitionOnChange) {\n        update()\n      } else {\n        React.startTransition(() => update())\n      }\n      if (theme === 'system' && !forcedTheme) {\n        handleChangeTheme(_, false)\n      }\n    })\n\n    const handleChangeTheme = useEvent(\n      (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\n    useIsomorphicLayoutEffect(() => {\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(handleMediaQuery)\n      handleMediaQuery(media)\n      return () => {\n        media.removeListener(handleMediaQuery)\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 as 'light' | 'dark')\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) {\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'\n          ? ['system', 'light', 'dark']\n          : ['system', 'dark', 'light']\n      const next = order[(order.indexOf(theme) + 1) % order.length]\n      set(next)\n    })\n\n    const systemTheme = (enableSystem ? resolvedTheme : undefined) as\n      | 'light'\n      | 'dark'\n      | undefined\n\n    const contextValue = useMemo(() => {\n      const value: UseThemeProps = {\n        theme,\n        current: theme,\n        set,\n        toggle,\n        forcedTheme,\n        resolvedTheme: theme === 'system' ? resolvedTheme : theme,\n        themes: enableSystem ? [...themes, 'system'] : (themes as string[]),\n        systemTheme,\n      } as const\n      return value\n    }, [\n      theme,\n      set,\n      toggle,\n      forcedTheme,\n      resolvedTheme,\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  }\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      }\n      return `var d=document.documentElement;`\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"
+    "import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useEvent } from '@tamagui/use-event'\nimport Script from 'next/script'\nimport * as React from 'react'\nimport { memo, useEffect, useMemo, useState } from 'react'\n\nimport { MEDIA, colorSchemes } from './constants'\nimport { getSystemTheme, getTheme } from './helpers'\nimport { ThemeSettingContext } from './ThemeSettingContext'\nimport type { ValueObject } from './types'\nimport type { ThemeProviderProps, UseThemeProps } from './UseThemeProps'\n\nexport const NextThemeProvider: React.FunctionComponent<ThemeProviderProps> = memo(\n  ({\n    forcedTheme,\n    disableTransitionOnChange = false,\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 attrs = !value ? themes : Object.values(value)\n\n    const handleMediaQuery = useEvent((e?) => {\n      const _ = getSystemTheme(e)\n      const update = () => setResolvedTheme(_)\n      if (disableTransitionOnChange) {\n        update()\n      } else {\n        React.startTransition(() => update())\n      }\n      if (theme === 'system' && !forcedTheme) {\n        handleChangeTheme(_, false)\n      }\n    })\n\n    const handleChangeTheme = useEvent(\n      (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\n    useIsomorphicLayoutEffect(() => {\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(handleMediaQuery)\n      handleMediaQuery(media)\n      return () => {\n        media.removeListener(handleMediaQuery)\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 as 'light' | 'dark')\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) {\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'\n          ? ['system', 'light', 'dark']\n          : ['system', 'dark', 'light']\n      const next = order[(order.indexOf(theme) + 1) % order.length]\n      set(next)\n    })\n\n    const systemTheme = (enableSystem ? resolvedTheme : undefined) as\n      | 'light'\n      | 'dark'\n      | undefined\n\n    const contextValue = useMemo(() => {\n      const value: UseThemeProps = {\n        theme,\n        current: theme,\n        set,\n        toggle,\n        forcedTheme,\n        resolvedTheme: theme === 'system' ? resolvedTheme : theme,\n        themes: enableSystem ? [...themes, 'system'] : (themes as string[]),\n        systemTheme,\n      } as const\n      return value\n    }, [\n      theme,\n      set,\n      toggle,\n      forcedTheme,\n      resolvedTheme,\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        {children}\n      </ThemeSettingContext.Provider>\n    )\n  }\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      }\n      return `var d=document.documentElement;`\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 scriptContent = forcedTheme\n      ? `!function(){${optimization}${updateDOM(forcedTheme)}}()`\n      : enableSystem\n        ? `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');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)}}${\n            !defaultSystem ? `else{${updateDOM(defaultTheme)}}` : ''\n          }}catch(e){}}()`\n        : `!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    // skipNextHead returns raw script for useServerInsertedHTML usage\n    if (skipNextHead) {\n      return (\n        <script\n          key=\"next-themes-script\"\n          dangerouslySetInnerHTML={{ __html: scriptContent }}\n        />\n      )\n    }\n\n    return (\n      <Script\n        id=\"next-themes-script\"\n        strategy=\"beforeInteractive\"\n        dangerouslySetInnerHTML={{ __html: scriptContent }}\n      />\n    )\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"
   ],
   "version": 3
 }

package/types/ThemeSettingContext.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
+import { type Context } from "react";
 import type { UseThemeProps } from "./UseThemeProps";
-export declare const ThemeSettingContext: React.Context<UseThemeProps>;
+export declare const ThemeSettingContext: Context<UseThemeProps>;
 
 //# sourceMappingURL=ThemeSettingContext.d.ts.map

package/types/ThemeSettingContext.d.ts.map

@@ -1,13 +1,13 @@
 {
-  "mappings": "AAAA,OAAO,WAAW;AAElB,cAAc,qBAAqB;AAEnC,OAAO,cAAMA,qBAAqB,MAAM,QAAQ",
+  "mappings": "AAAA,cAA6B,eAAe;AAE5C,cAAc,qBAAqB;AAEnC,OAAO,cAAMA,qBAAqB,QAAQ",
   "names": [
-    "ThemeSettingContext: React.Context<UseThemeProps>"
+    "ThemeSettingContext: Context<UseThemeProps>"
   ],
   "sources": [
     "src/ThemeSettingContext.tsx"
   ],
   "sourcesContent": [
-    "import React from 'react'\n\nimport type { UseThemeProps } from './UseThemeProps'\n\nexport const ThemeSettingContext: React.Context<UseThemeProps> =\n  React.createContext<UseThemeProps>({\n    toggle: () => {},\n    set: (_) => {},\n    themes: [],\n  })\n"
+    "import { createContext, type Context } from 'react'\n\nimport type { UseThemeProps } from './UseThemeProps'\n\nexport const ThemeSettingContext: Context<UseThemeProps> = createContext<UseThemeProps>({\n  toggle: () => {},\n  set: (_) => {},\n  themes: [],\n})\n"
   ],
   "version": 3
 }

package/types/useRootTheme.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import { type Dispatch, type SetStateAction } from "react";
 import type { ColorScheme } from "./types";
 export declare const useRootTheme: ({ fallback }?: {
 	fallback?: ColorScheme;
-}) => [ColorScheme, React.Dispatch<React.SetStateAction<ColorScheme>>];
+}) => [ColorScheme, Dispatch<SetStateAction<ColorScheme>>];
 
 //# sourceMappingURL=useRootTheme.d.ts.map

package/types/useRootTheme.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAAA,OAAO,WAAW;AAGlB,cAAc,mBAAmB;AAEjC,OAAO,cAAM,eAAgB,EAC3B,aACC;CAAE,WAAW;OACd,aACA,MAAM,SAAS,MAAM,eAAe",
+  "mappings": "AAAA,cAAwB,eAAe,sBAAsB;AAG7D,cAAc,mBAAmB;AAEjC,OAAO,cAAM,eAAgB,EAC3B,aACC;CAAE,WAAW;OACd,aACA,SAAS,eAAe",
   "names": [],
   "sources": [
     "src/useRootTheme.tsx"
   ],
   "sourcesContent": [
-    "import React from 'react'\nimport { isClient } from '@tamagui/constants'\n\nimport type { ColorScheme } from './types'\n\nexport const useRootTheme = ({\n  fallback = 'light',\n}: { fallback?: ColorScheme } = {}): [\n  ColorScheme,\n  React.Dispatch<React.SetStateAction<ColorScheme>>,\n] => {\n  let initialVal = fallback\n\n  if (isClient) {\n    // @ts-ignore\n    const classes = [...document.documentElement.classList]\n    initialVal = classes.includes(`t_dark`)\n      ? 'dark'\n      : classes.includes(`t_light`)\n        ? 'light'\n        : fallback\n  }\n\n  return React.useState<ColorScheme>(initialVal)\n}\n"
+    "import { useState, type Dispatch, type SetStateAction } from 'react'\nimport { isClient } from '@tamagui/constants'\n\nimport type { ColorScheme } from './types'\n\nexport const useRootTheme = ({\n  fallback = 'light',\n}: { fallback?: ColorScheme } = {}): [\n  ColorScheme,\n  Dispatch<SetStateAction<ColorScheme>>,\n] => {\n  let initialVal = fallback\n\n  if (isClient) {\n    const classes = document.documentElement.classList\n    initialVal = classes.contains('t_dark')\n      ? 'dark'\n      : classes.contains('t_light')\n        ? 'light'\n        : fallback\n  }\n\n  return useState<ColorScheme>(initialVal)\n}\n"
   ],
   "version": 3
 }

package/types/useTheme.d.ts.map

@@ -5,7 +5,7 @@
     "src/useTheme.tsx"
   ],
   "sourcesContent": [
-    "import React from 'react'\n\nimport { ThemeSettingContext } from './ThemeSettingContext'\nimport type { UseThemeProps } from './UseThemeProps'\n\n/**\n * @deprecated renamed to `useThemeSetting` to avoid confusion with core `useTheme` hook\n */\n\nexport const useTheme = (): UseThemeProps => React.useContext(ThemeSettingContext)\n\nexport const useThemeSetting = (): UseThemeProps => React.useContext(ThemeSettingContext)\n"
+    "import { useContext } from 'react'\n\nimport { ThemeSettingContext } from './ThemeSettingContext'\nimport type { UseThemeProps } from './UseThemeProps'\n\n/**\n * @deprecated renamed to `useThemeSetting` to avoid confusion with core `useTheme` hook\n */\n\nexport const useTheme = (): UseThemeProps => useContext(ThemeSettingContext)\n\nexport const useThemeSetting = (): UseThemeProps => useContext(ThemeSettingContext)\n"
   ],
   "version": 3
 }