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

package/dist/esm/NextThemeProvider.mjs.map

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

package/dist/esm/ThemeSettingContext.mjs

@@ -1,8 +1,10 @@
 import { createContext } from "react";
+
 const ThemeSettingContext = createContext({
-  toggle: () => {},
-  set: _ => {},
-  themes: []
+	toggle: () => {},
+	set: (_) => {},
+	themes: []
 });
+
 export { ThemeSettingContext };
 //# sourceMappingURL=ThemeSettingContext.mjs.map

package/dist/esm/ThemeSettingContext.mjs.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"ThemeSettingContext.js","names":[],"sources":["esm/ThemeSettingContext.js"],"sourcesContent":["import { createContext } from \"react\";\nconst ThemeSettingContext = createContext({\n  toggle: () => {\n  },\n  set: (_) => {\n  },\n  themes: []\n});\nexport {\n  ThemeSettingContext\n};\n//# sourceMappingURL=ThemeSettingContext.js.map\n"],"mappings":";;;AACA,MAAM,sBAAsB,cAAc;CACxC,cAAc,CACd;CACA,MAAM,MAAM,CACZ;CACA,QAAQ,CAAC;AACX,CAAC"}

package/dist/esm/UseThemeProps.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=UseThemeProps.mjs.map

package/dist/esm/constants.mjs

@@ -1,5 +1,6 @@
 const constants = {};
 const colorSchemes = ["light", "dark"];
 const MEDIA = "(prefers-color-scheme: dark)";
+
 export { MEDIA, colorSchemes, constants };
 //# sourceMappingURL=constants.mjs.map

package/dist/esm/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["constants","colorSchemes","MEDIA"],"sources":["../../src/constants.tsx"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,SAAA,GAAY,CAAC;AACnB,MAAMC,YAAA,GAAe,CAAC,SAAS,MAAM;AACrC,MAAMC,KAAA,GAAQ","ignoreList":[]}
+{"version":3,"file":"constants.js","names":[],"sources":["esm/constants.js"],"sourcesContent":["const constants = {};\nconst colorSchemes = [\"light\", \"dark\"];\nconst MEDIA = \"(prefers-color-scheme: dark)\";\nexport {\n  MEDIA,\n  colorSchemes,\n  constants\n};\n//# sourceMappingURL=constants.js.map\n"],"mappings":";AAAA,MAAM,YAAY,CAAC;AACnB,MAAM,eAAe,CAAC,SAAS,MAAM;AACrC,MAAM,QAAQ"}

package/dist/esm/helpers.mjs

@@ -1,20 +1,22 @@
 import { MEDIA } from "./constants.mjs";
+
 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(MEDIA);
-  }
-  const isDark = e.matches;
-  const systemTheme = isDark ? "dark" : "light";
-  return systemTheme;
+const getSystemTheme = (e) => {
+	if (!e) {
+		e = window.matchMedia(MEDIA);
+	}
+	const isDark = e.matches;
+	const systemTheme = isDark ? "dark" : "light";
+	return systemTheme;
 };
+
 export { getSystemTheme, getTheme, helpers };
 //# sourceMappingURL=helpers.mjs.map

package/dist/esm/helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["MEDIA","helpers","getTheme","key","fallback","window","theme","localStorage","getItem","e","getSystemTheme","matchMedia","isDark","matches","systemTheme"],"sources":["../../src/helpers.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AAEf,MAAMC,OAAA,GAAU,CAAC;AAGjB,MAAMC,QAAA,GAAWA,CAACC,GAAA,EAAaC,QAAA,KAA2B;EAC/D,IAAI,OAAOC,MAAA,KAAW,aAAa,OAAO;EAC1C,IAAIC,KAAA;EACJ,IAAI;IACFA,KAAA,GAAQC,YAAA,CAAaC,OAAA,CAAQL,GAAG,KAAK;EACvC,SAASM,CAAA,EAAG,CAEZ;EACA,OAAOH,KAAA,IAASF,QAAA;AAClB;AAEO,MAAMM,cAAA,GAAkBD,CAAA,IAAyC;EACtE,IAAI,CAACA,CAAA,EAAG;IACNA,CAAA,GAAIJ,MAAA,CAAOM,UAAA,CAAWX,KAAK;EAC7B;EAEA,MAAMY,MAAA,GAASH,CAAA,CAAEI,OAAA;EACjB,MAAMC,WAAA,GAAcF,MAAA,GAAS,SAAS;EACtC,OAAOE,WAAA;AACT","ignoreList":[]}
+{"version":3,"file":"helpers.js","names":[],"sources":["esm/helpers.js"],"sourcesContent":["import { MEDIA } from \"./constants\";\nconst helpers = {};\nconst getTheme = (key, fallback) => {\n  if (typeof window === \"undefined\") return void 0;\n  let theme;\n  try {\n    theme = localStorage.getItem(key) || void 0;\n  } catch (e) {\n  }\n  return theme || fallback;\n};\nconst getSystemTheme = (e) => {\n  if (!e) {\n    e = window.matchMedia(MEDIA);\n  }\n  const isDark = e.matches;\n  const systemTheme = isDark ? \"dark\" : \"light\";\n  return systemTheme;\n};\nexport {\n  getSystemTheme,\n  getTheme,\n  helpers\n};\n//# sourceMappingURL=helpers.js.map\n"],"mappings":";;;AACA,MAAM,UAAU,CAAC;AACjB,MAAM,YAAY,KAAK,aAAa;CAClC,IAAI,OAAO,WAAW,aAAa,OAAO,KAAK;CAC/C,IAAI;CACJ,IAAI;EACF,QAAQ,aAAa,QAAQ,GAAG,KAAK,KAAK;CAC5C,SAAS,GAAG,CACZ;CACA,OAAO,SAAS;AAClB;AACA,MAAM,kBAAkB,MAAM;CAC5B,IAAI,CAAC,GAAG;EACN,IAAI,OAAO,WAAW,KAAK;CAC7B;CACA,MAAM,SAAS,EAAE;CACjB,MAAM,cAAc,SAAS,SAAS;CACtC,OAAO;AACT"}

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export * from "./NextTheme.mjs";
-export * from "./types.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./NextTheme.mjs"
+
+export * from "./types.mjs"

package/dist/esm/index.mjs

@@ -1,3 +1,3 @@
-export * from "./NextTheme.mjs";
-export * from "./types.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./NextTheme.mjs"
+
+export * from "./types.mjs"

package/dist/esm/types.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.mjs.map

package/dist/esm/useRootTheme.mjs

@@ -1,14 +1,14 @@
 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.contains("t_dark") ? "dark" : classes.contains("t_light") ? "light" : fallback;
-  }
-  return useState(initialVal);
+
+const useRootTheme = ({ fallback = "light" } = {}) => {
+	let initialVal = fallback;
+	if (isClient) {
+		const classes = document.documentElement.classList;
+		initialVal = classes.contains("t_dark") ? "dark" : classes.contains("t_light") ? "light" : fallback;
+	}
+	return useState(initialVal);
 };
+
 export { useRootTheme };
 //# sourceMappingURL=useRootTheme.mjs.map

package/dist/esm/useRootTheme.mjs.map

@@ -1 +1 @@
-{"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;EAAEC,QAAA,GAAW;AAAQ,IAAgC,CAAC,MAG9E;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":[]}
+{"version":3,"file":"useRootTheme.js","names":[],"sources":["esm/useRootTheme.js"],"sourcesContent":["import { useState } from \"react\";\nimport { isClient } from \"@tamagui/constants\";\nconst useRootTheme = ({ fallback = \"light\" } = {}) => {\n  let initialVal = fallback;\n  if (isClient) {\n    const classes = document.documentElement.classList;\n    initialVal = classes.contains(\"t_dark\") ? \"dark\" : classes.contains(\"t_light\") ? \"light\" : fallback;\n  }\n  return useState(initialVal);\n};\nexport {\n  useRootTheme\n};\n//# sourceMappingURL=useRootTheme.js.map\n"],"mappings":";;;;AAEA,MAAM,gBAAgB,EAAE,WAAW,YAAY,CAAC,MAAM;CACpD,IAAI,aAAa;CACjB,IAAI,UAAU;EACZ,MAAM,UAAU,SAAS,gBAAgB;EACzC,aAAa,QAAQ,SAAS,QAAQ,IAAI,SAAS,QAAQ,SAAS,SAAS,IAAI,UAAU;CAC7F;CACA,OAAO,SAAS,UAAU;AAC5B"}

package/dist/esm/useTheme.mjs

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

package/dist/esm/useTheme.mjs.map

@@ -1 +1 @@
-{"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;AAEpE,MAAME,eAAA,GAAkBA,CAAA,KAAqBH,UAAA,CAAWC,mBAAmB","ignoreList":[]}
+{"version":3,"file":"useTheme.js","names":[],"sources":["esm/useTheme.js"],"sourcesContent":["import { useContext } from \"react\";\nimport { ThemeSettingContext } from \"./ThemeSettingContext\";\nconst useThemeSetting = () => useContext(ThemeSettingContext);\nexport {\n  useThemeSetting\n};\n//# sourceMappingURL=useTheme.js.map\n"],"mappings":";;;;AAEA,MAAM,wBAAwB,WAAW,mBAAmB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/next-theme",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.643.1",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -19,7 +19,7 @@
       "module": "./dist/esm/index.mjs",
       "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.cjs",
-      "default": "./dist/cjs/index.js"
+      "default": "./dist/esm/index.mjs"
     }
   },
   "publishConfig": {
@@ -32,11 +32,11 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/constants": "2.7.7",
-    "@tamagui/use-event": "2.7.7"
+    "@tamagui/constants": "3.0.0-beta.643.1",
+    "@tamagui/use-event": "3.0.0-beta.643.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
+    "@tamagui/build": "3.0.0-beta.643.1",
     "next": "16.1.1",
     "react": ">=19"
   },

package/src/NextThemeProvider.tsx

@@ -161,7 +161,6 @@ export const NextThemeProvider: React.FunctionComponent<ThemeProviderProps> = me
 
     const contextValue = useMemo(() => {
       const value: UseThemeProps = {
-        theme,
         current: theme,
         set,
         toggle,

package/src/UseThemeProps.tsx

@@ -10,8 +10,6 @@ export interface UseThemeProps {
   toggle: () => void
   /** Active theme name - will return "system" if not overriden, see "resolvedTheme" for getting resolved system value */
   current?: string
-  /** @deprecated Use `current` instead (deprecating avoid confusion with useTheme) */
-  theme?: string
   /** If `enableSystem` is true and the active theme is "system", this returns whether the system preference resolved to "dark" or "light". Otherwise, identical to `theme` */
   resolvedTheme?: string
   /** If enableSystem is true, returns the System theme preference ("dark" or "light"), regardless what the active theme is */

package/src/useTheme.tsx

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

package/types/NextThemeProvider.d.ts.map

@@ -6,6 +6,6 @@
   ],
   "version": 3,
   "sourcesContent": [
-    "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        // when forcedTheme is active, block all updates to avoid desync\n        return\n      }\n      handleChangeTheme(newTheme)\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"
+    "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        // when forcedTheme is active, block all updates to avoid desync\n        return\n      }\n      handleChangeTheme(newTheme)\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        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"
   ]
 }

package/types/UseThemeProps.d.ts

@@ -9,8 +9,6 @@ export interface UseThemeProps {
 	toggle: () => void;
 	/** Active theme name - will return "system" if not overriden, see "resolvedTheme" for getting resolved system value */
 	current?: string;
-	/** @deprecated Use `current` instead (deprecating avoid confusion with useTheme) */
-	theme?: string;
 	/** If `enableSystem` is true and the active theme is "system", this returns whether the system preference resolved to "dark" or "light". Otherwise, identical to `theme` */
 	resolvedTheme?: string;
 	/** If enableSystem is true, returns the System theme preference ("dark" or "light"), regardless what the active theme is */

package/types/UseThemeProps.d.ts.map

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

package/types/useTheme.d.ts

@@ -1,8 +1,4 @@
 import type { UseThemeProps } from "./UseThemeProps";
-/**
-* @deprecated renamed to `useThemeSetting` to avoid confusion with core `useTheme` hook
-*/
-export declare const useTheme: () => UseThemeProps;
 export declare const useThemeSetting: () => UseThemeProps;
 
 //# sourceMappingURL=useTheme.d.ts.map

package/types/useTheme.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAGA,cAAc,qBAAqB;;;;AAMnC,OAAO,cAAM,gBAAe;AAE5B,OAAO,cAAM,uBAAsB",
+  "mappings": "AAGA,cAAc,qBAAqB;AAEnC,OAAO,cAAM,uBAAsB",
   "names": [],
   "sources": [
     "src/useTheme.tsx"
   ],
   "version": 3,
   "sourcesContent": [
-    "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"
+    "import { useContext } from 'react'\n\nimport { ThemeSettingContext } from './ThemeSettingContext'\nimport type { UseThemeProps } from './UseThemeProps'\n\nexport const useThemeSetting = (): UseThemeProps => useContext(ThemeSettingContext)\n"
   ]
 }

package/dist/esm/NextTheme.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/NextTheme.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/UseThemeProps.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}