@tamagui/next-theme 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/helpers.cjs

@@ -1,47 +1,46 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var helpers_exports = {};
 __export(helpers_exports, {
-  getSystemTheme: () => getSystemTheme,
-  getTheme: () => getTheme,
-  helpers: () => helpers
+	getSystemTheme: () => getSystemTheme,
+	getTheme: () => getTheme,
+	helpers: () => helpers
 });
 module.exports = __toCommonJS(helpers_exports);
 var import_constants = require("./constants.cjs");
 const helpers = {};
 const getTheme = (key, fallback) => {
-  if (typeof window === "undefined") return void 0;
-  let theme;
-  try {
-    theme = localStorage.getItem(key) || void 0;
-  } catch (e) {}
-  return theme || fallback;
+	if (typeof window === "undefined") return void 0;
+	let theme;
+	try {
+		theme = localStorage.getItem(key) || void 0;
+	} catch (e) {}
+	return theme || fallback;
+};
+const getSystemTheme = (e) => {
+	if (!e) {
+		e = window.matchMedia(import_constants.MEDIA);
+	}
+	const isDark = e.matches;
+	const systemTheme = isDark ? "dark" : "light";
+	return systemTheme;
 };
-const getSystemTheme = e => {
-  if (!e) {
-    e = window.matchMedia(import_constants.MEDIA);
-  }
-  const isDark = e.matches;
-  const systemTheme = isDark ? "dark" : "light";
-  return systemTheme;
-};

package/dist/cjs/index.cjs

@@ -1,21 +1,20 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./NextTheme.cjs"), module.exports);
-__reExport(index_exports, require("./types.cjs"), module.exports);
+__reExport(index_exports, require("./types.cjs"), module.exports);

package/dist/cjs/types.cjs

@@ -1,18 +1,17 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var types_exports = {};
-module.exports = __toCommonJS(types_exports);
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/useRootTheme.cjs

@@ -1,39 +1,34 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useRootTheme_exports = {};
-__export(useRootTheme_exports, {
-  useRootTheme: () => useRootTheme
-});
+__export(useRootTheme_exports, { useRootTheme: () => useRootTheme });
 module.exports = __toCommonJS(useRootTheme_exports);
 var import_react = require("react");
 var import_constants = require("@tamagui/constants");
-const useRootTheme = ({
-  fallback = "light"
-} = {}) => {
-  let initialVal = fallback;
-  if (import_constants.isClient) {
-    const classes = document.documentElement.classList;
-    initialVal = classes.contains("t_dark") ? "dark" : classes.contains("t_light") ? "light" : fallback;
-  }
-  return (0, import_react.useState)(initialVal);
-};
+const useRootTheme = ({ fallback = "light" } = {}) => {
+	let initialVal = fallback;
+	if (import_constants.isClient) {
+		const classes = document.documentElement.classList;
+		initialVal = classes.contains("t_dark") ? "dark" : classes.contains("t_light") ? "light" : fallback;
+	}
+	return (0, import_react.useState)(initialVal);
+};

package/dist/cjs/useTheme.cjs

@@ -1,32 +1,27 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useTheme_exports = {};
-__export(useTheme_exports, {
-  useTheme: () => useTheme,
-  useThemeSetting: () => useThemeSetting
-});
+__export(useTheme_exports, { useThemeSetting: () => useThemeSetting });
 module.exports = __toCommonJS(useTheme_exports);
 var import_react = require("react");
 var import_ThemeSettingContext = require("./ThemeSettingContext.cjs");
-const useTheme = () => (0, import_react.useContext)(import_ThemeSettingContext.ThemeSettingContext);
-const useThemeSetting = () => (0, import_react.useContext)(import_ThemeSettingContext.ThemeSettingContext);
+const useThemeSetting = () => (0, import_react.useContext)(import_ThemeSettingContext.ThemeSettingContext);

package/dist/esm/NextTheme.mjs

@@ -1,9 +1,15 @@
-export * from "./NextThemeProvider.mjs";
-export * from "./ThemeSettingContext.mjs";
-export * from "./UseThemeProps.mjs";
-export * from "./helpers.mjs";
-export * from "./constants.mjs";
-export * from "./useTheme.mjs";
-export * from "./types.mjs";
-export * from "./useRootTheme.mjs";
-//# sourceMappingURL=NextTheme.mjs.map
+export * from "./NextThemeProvider.mjs"
+
+export * from "./ThemeSettingContext.mjs"
+
+export * from "./UseThemeProps.mjs"
+
+export * from "./helpers.mjs"
+
+export * from "./constants.mjs"
+
+export * from "./useTheme.mjs"
+
+export * from "./types.mjs"
+
+export * from "./useRootTheme.mjs"

package/dist/esm/NextThemeProvider.mjs

@@ -7,183 +7,174 @@ import { MEDIA, colorSchemes } from "./constants.mjs";
 import { getSystemTheme, getTheme } from "./helpers.mjs";
 import { ThemeSettingContext } from "./ThemeSettingContext.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-const NextThemeProvider = memo(({
-  forcedTheme,
-  disableTransitionOnChange = false,
-  enableSystem = true,
-  enableColorScheme = true,
-  storageKey = "theme",
-  themes = colorSchemes,
-  defaultTheme = enableSystem ? "system" : "light",
-  attribute = "class",
-  skipNextHead,
-  onChangeTheme,
-  value = {
-    dark: "t_dark",
-    light: "t_light"
-  },
-  children
-}) => {
-  const [theme, setThemeState] = useState(() => getTheme(storageKey, defaultTheme));
-  const [resolvedTheme, setResolvedTheme] = useState(() => getTheme(storageKey));
-  const attrs = !value ? themes : Object.values(value);
-  const handleMediaQuery = useEvent(e => {
-    const _ = getSystemTheme(e);
-    const update = () => setResolvedTheme(_);
-    if (disableTransitionOnChange) {
-      update();
-    } else {
-      React.startTransition(() => update());
-    }
-    if (theme === "system" && !forcedTheme) {
-      handleChangeTheme(_, false);
-    }
-  });
-  const handleChangeTheme = useEvent((theme2, updateStorage = true, updateDOM = true) => {
-    let name = value?.[theme2] || theme2;
-    if (updateStorage) {
-      try {
-        localStorage.setItem(storageKey, theme2);
-      } catch (e) {}
-    }
-    if (theme2 === "system" && enableSystem) {
-      const resolved = getSystemTheme();
-      name = value?.[resolved] || resolved;
-    }
-    onChangeTheme?.(name.replace("t_", ""));
-    if (updateDOM) {
-      const d = document.documentElement;
-      if (attribute === "class") {
-        d.classList.remove(...attrs);
-        d.classList.add(name);
-      } else {
-        d.setAttribute(attribute, name);
-      }
-    }
-  });
-  useIsomorphicLayoutEffect(() => {
-    const media = window.matchMedia(MEDIA);
-    media.addListener(handleMediaQuery);
-    handleMediaQuery(media);
-    return () => {
-      media.removeListener(handleMediaQuery);
-    };
-  }, []);
-  const set = useEvent(newTheme => {
-    if (forcedTheme) {
-      return;
-    }
-    handleChangeTheme(newTheme);
-    setThemeState(newTheme);
-  });
-  useEffect(() => {
-    const handleStorage = e => {
-      if (e.key !== storageKey) {
-        return;
-      }
-      const theme2 = e.newValue || defaultTheme;
-      set(theme2);
-    };
-    window.addEventListener("storage", handleStorage);
-    return () => {
-      window.removeEventListener("storage", handleStorage);
-    };
-  }, [defaultTheme, set, storageKey]);
-  useIsomorphicLayoutEffect(() => {
-    if (!enableColorScheme) return;
-    const colorScheme =
-    // If theme is forced to light or dark, use that
-    forcedTheme && colorSchemes.includes(forcedTheme) ? forcedTheme :
-    // If regular theme is light or dark
-    theme && colorSchemes.includes(theme) ? theme :
-    // If theme is system, use the resolved version
-    theme === "system" ? resolvedTheme || null : null;
-    const userPrefers = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-    const wePrefer = colorScheme || "light";
-    if (userPrefers !== wePrefer) {
-      document.documentElement.style.setProperty("color-scheme", colorScheme);
-    }
-  }, [enableColorScheme, theme, resolvedTheme, forcedTheme]);
-  const toggle = useEvent(() => {
-    const order = resolvedTheme === "dark" ? ["system", "light", "dark"] : ["system", "dark", "light"];
-    const next = order[(order.indexOf(theme) + 1) % order.length];
-    set(next);
-  });
-  const systemTheme = enableSystem ? resolvedTheme : void 0;
-  const contextValue = useMemo(() => {
-    const value2 = {
-      theme,
-      current: theme,
-      set,
-      toggle,
-      forcedTheme,
-      resolvedTheme: theme === "system" ? resolvedTheme : theme,
-      themes: enableSystem ? [...themes, "system"] : themes,
-      systemTheme
-    };
-    return value2;
-  }, [theme, set, toggle, forcedTheme, resolvedTheme, enableSystem, themes, systemTheme]);
-  return /* @__PURE__ */jsxs(ThemeSettingContext.Provider, {
-    value: contextValue,
-    children: [/* @__PURE__ */jsx(ThemeScript, {
-      ...{
-        forcedTheme,
-        storageKey,
-        systemTheme: resolvedTheme,
-        attribute,
-        value,
-        enableSystem,
-        defaultTheme,
-        attrs,
-        skipNextHead
-      }
-    }), children]
-  });
+
+const NextThemeProvider = memo(({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme = true, storageKey = "theme", themes = colorSchemes, defaultTheme = enableSystem ? "system" : "light", attribute = "class", skipNextHead, onChangeTheme, value = {
+	dark: "t_dark",
+	light: "t_light"
+}, children }) => {
+	const [theme, setThemeState] = useState(() => getTheme(storageKey, defaultTheme));
+	const [resolvedTheme, setResolvedTheme] = useState(() => getTheme(storageKey));
+	const attrs = !value ? themes : Object.values(value);
+	const handleMediaQuery = useEvent((e) => {
+		const _ = getSystemTheme(e);
+		const update = () => setResolvedTheme(_);
+		if (disableTransitionOnChange) {
+			update();
+		} else {
+			React.startTransition(() => update());
+		}
+		if (theme === "system" && !forcedTheme) {
+			handleChangeTheme(_, false);
+		}
+	});
+	const handleChangeTheme = useEvent((theme2, updateStorage = true, updateDOM = true) => {
+		let name = value?.[theme2] || theme2;
+		if (updateStorage) {
+			try {
+				localStorage.setItem(storageKey, theme2);
+			} catch (e) {}
+		}
+		if (theme2 === "system" && enableSystem) {
+			const resolved = getSystemTheme();
+			name = value?.[resolved] || resolved;
+		}
+		onChangeTheme?.(name.replace("t_", ""));
+		if (updateDOM) {
+			const d = document.documentElement;
+			if (attribute === "class") {
+				d.classList.remove(...attrs);
+				d.classList.add(name);
+			} else {
+				d.setAttribute(attribute, name);
+			}
+		}
+	});
+	useIsomorphicLayoutEffect(() => {
+		const media = window.matchMedia(MEDIA);
+		media.addListener(handleMediaQuery);
+		handleMediaQuery(media);
+		return () => {
+			media.removeListener(handleMediaQuery);
+		};
+	}, []);
+	const set = useEvent((newTheme) => {
+		if (forcedTheme) {
+			return;
+		}
+		handleChangeTheme(newTheme);
+		setThemeState(newTheme);
+	});
+	useEffect(() => {
+		const handleStorage = (e) => {
+			if (e.key !== storageKey) {
+				return;
+			}
+			const theme2 = e.newValue || defaultTheme;
+			set(theme2);
+		};
+		window.addEventListener("storage", handleStorage);
+		return () => {
+			window.removeEventListener("storage", handleStorage);
+		};
+	}, [
+		defaultTheme,
+		set,
+		storageKey
+	]);
+	useIsomorphicLayoutEffect(() => {
+		if (!enableColorScheme) return;
+		const colorScheme = forcedTheme && colorSchemes.includes(forcedTheme) ? forcedTheme : theme && colorSchemes.includes(theme) ? theme : theme === "system" ? resolvedTheme || null : null;
+		const userPrefers = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+		const wePrefer = colorScheme || "light";
+		if (userPrefers !== wePrefer) {
+			document.documentElement.style.setProperty("color-scheme", colorScheme);
+		}
+	}, [
+		enableColorScheme,
+		theme,
+		resolvedTheme,
+		forcedTheme
+	]);
+	const toggle = useEvent(() => {
+		const order = resolvedTheme === "dark" ? [
+			"system",
+			"light",
+			"dark"
+		] : [
+			"system",
+			"dark",
+			"light"
+		];
+		const next = order[(order.indexOf(theme) + 1) % order.length];
+		set(next);
+	});
+	const systemTheme = enableSystem ? resolvedTheme : void 0;
+	const contextValue = useMemo(() => {
+		const value2 = {
+			current: theme,
+			set,
+			toggle,
+			forcedTheme,
+			resolvedTheme: theme === "system" ? resolvedTheme : theme,
+			themes: enableSystem ? [...themes, "system"] : themes,
+			systemTheme
+		};
+		return value2;
+	}, [
+		theme,
+		set,
+		toggle,
+		forcedTheme,
+		resolvedTheme,
+		enableSystem,
+		themes,
+		systemTheme
+	]);
+	return /* @__PURE__ */ jsxs(ThemeSettingContext.Provider, {
+		value: contextValue,
+		children: [/* @__PURE__ */ jsx(ThemeScript, { ...{
+			forcedTheme,
+			storageKey,
+			systemTheme: resolvedTheme,
+			attribute,
+			value,
+			enableSystem,
+			defaultTheme,
+			attrs,
+			skipNextHead
+		} }), children]
+	});
 });
-const ThemeScript = memo(({
-  forcedTheme,
-  storageKey,
-  attribute,
-  enableSystem,
-  defaultTheme,
-  value,
-  attrs,
-  skipNextHead
-}) => {
-  const optimization = (() => {
-    if (attribute === "class") {
-      const removeClasses = attrs.map(t => `d.remove('${t}')`).join(";");
-      return `var d=document.documentElement.classList;${removeClasses};`;
-    }
-    return `var d=document.documentElement;`;
-  })();
-  const updateDOM = (name, literal) => {
-    name = value?.[name] || name;
-    const val = literal ? name : `'${name}'`;
-    if (attribute === "class") {
-      return `d.add(${val})`;
-    }
-    return `d.setAttribute('${attribute}', ${val})`;
-  };
-  const defaultSystem = defaultTheme === "system";
-  const scriptContent = forcedTheme ? `!function(){${optimization}${updateDOM(forcedTheme)}}()` : enableSystem ? `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM("dark")}:${updateDOM("light")}}else if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", true)}}${!defaultSystem ? `else{${updateDOM(defaultTheme)}}` : ""}}catch(e){}}()` : `!function(){try{${optimization}var e=localStorage.getItem("${storageKey}");if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", true)}}else{${updateDOM(defaultTheme)};}}catch(t){}}();`;
-  if (skipNextHead) {
-    return /* @__PURE__ */jsx("script", {
-      dangerouslySetInnerHTML: {
-        __html: scriptContent
-      }
-    }, "next-themes-script");
-  }
-  return /* @__PURE__ */jsx(Script, {
-    id: "next-themes-script",
-    strategy: "beforeInteractive",
-    dangerouslySetInnerHTML: {
-      __html: scriptContent
-    }
-  });
+const ThemeScript = memo(({ forcedTheme, storageKey, attribute, enableSystem, defaultTheme, value, attrs, skipNextHead }) => {
+	const optimization = (() => {
+		if (attribute === "class") {
+			const removeClasses = attrs.map((t) => `d.remove('${t}')`).join(";");
+			return `var d=document.documentElement.classList;${removeClasses};`;
+		}
+		return `var d=document.documentElement;`;
+	})();
+	const updateDOM = (name, literal) => {
+		name = value?.[name] || name;
+		const val = literal ? name : `'${name}'`;
+		if (attribute === "class") {
+			return `d.add(${val})`;
+		}
+		return `d.setAttribute('${attribute}', ${val})`;
+	};
+	const defaultSystem = defaultTheme === "system";
+	const scriptContent = forcedTheme ? `!function(){${optimization}${updateDOM(forcedTheme)}}()` : enableSystem ? `!function(){try {${optimization}var e=localStorage.getItem('${storageKey}');if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM("dark")}:${updateDOM("light")}}else if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", true)}}${!defaultSystem ? `else{${updateDOM(defaultTheme)}}` : ""}}catch(e){}}()` : `!function(){try{${optimization}var e=localStorage.getItem("${storageKey}");if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", true)}}else{${updateDOM(defaultTheme)};}}catch(t){}}();`;
+	if (skipNextHead) {
+		return /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: scriptContent } }, "next-themes-script");
+	}
+	return /* @__PURE__ */ jsx(Script, {
+		id: "next-themes-script",
+		strategy: "beforeInteractive",
+		dangerouslySetInnerHTML: { __html: scriptContent }
+	});
 }, (prevProps, nextProps) => {
-  if (prevProps.forcedTheme !== nextProps.forcedTheme) return false;
-  return true;
+	if (prevProps.forcedTheme !== nextProps.forcedTheme) return false;
+	return true;
 });
+
 export { NextThemeProvider };
 //# sourceMappingURL=NextThemeProvider.mjs.map