@tamagui/next-theme 1.135.2 → 1.135.3

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@tamagui/next-theme",
-  "version": "1.135.2",
+  "version": "1.135.3",
   "sideEffects": false,
   "source": "src/index.ts",
-  "types": "./src/index.ts",
+  "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
   "files": [
@@ -12,20 +12,29 @@
     "dist"
   ],
   "scripts": {
-    "build": "tamagui-build --skip-types",
-    "watch": "tamagui-build --skip-types --watch",
+    "build": "tamagui-build --skip-native",
+    "watch": "tamagui-build --skip-native --watch",
     "lint": "biome check src",
     "lint:fix": "biome check --write src",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.js"
+    }
+  },
   "dependencies": {
-    "@tamagui/constants": "1.135.2",
-    "@tamagui/use-event": "1.135.2",
+    "@tamagui/constants": "1.135.3",
+    "@tamagui/use-event": "1.135.3",
     "next": "^15.3.1"
   },
   "devDependencies": {
-    "@tamagui/build": "1.135.2",
+    "@tamagui/build": "1.135.3",
     "react": "*"
   },
   "peerDependencies": {

package/types/NextTheme.d.ts

@@ -0,0 +1,12 @@
+// https://raw.githubusercontent.com/pacocoursey/next-themes/master/index.tsx
+// forked temporarily
+export * from "./NextThemeProvider";
+export * from "./ThemeSettingContext";
+export * from "./UseThemeProps";
+export * from "./helpers";
+export * from "./constants";
+export * from "./useTheme";
+export * from "./types";
+export * from "./useRootTheme";
+
+//# sourceMappingURL=NextTheme.d.ts.map

package/types/NextTheme.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": ";;AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc",
+  "names": [],
+  "sources": [
+    "src/NextTheme.tsx"
+  ],
+  "sourcesContent": [
+    "// https://raw.githubusercontent.com/pacocoursey/next-themes/master/index.tsx\n// forked temporarily\n\nexport * from './NextThemeProvider'\nexport * from './ThemeSettingContext'\nexport * from './UseThemeProps'\nexport * from './helpers'\nexport * from './constants'\nexport * from './useTheme'\nexport * from './types'\nexport * from './useRootTheme'\n"
+  ],
+  "version": 3
+}

package/types/NextThemeProvider.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { ThemeProviderProps } from "./UseThemeProps";
+export declare const NextThemeProvider: React.FunctionComponent<ThemeProviderProps>;
+
+//# sourceMappingURL=NextThemeProvider.d.ts.map

package/types/NextThemeProvider.d.ts.map

@@ -0,0 +1,13 @@
+{
+  "mappings": "AAGA,YAAY,WAAW,OAAO;AAO9B,cAAc,0BAAyC,iBAAiB;AAExE,OAAO,cAAMA,mBAAmB,MAAM,kBAAkB",
+  "names": [
+    "NextThemeProvider: React.FunctionComponent<ThemeProviderProps>"
+  ],
+  "sources": [
+    "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"
+  ],
+  "version": 3
+}

package/types/ThemeSettingContext.d.ts

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

package/types/ThemeSettingContext.d.ts.map

@@ -0,0 +1,13 @@
+{
+  "mappings": "AAAA,OAAO,WAAW,OAAO;AAEzB,cAAc,qBAAqB,iBAAiB;AAEpD,OAAO,cAAMA,qBAAqB,MAAM,QAAQ",
+  "names": [
+    "ThemeSettingContext: React.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"
+  ],
+  "version": 3
+}

package/types/UseThemeProps.d.ts

@@ -0,0 +1,45 @@
+import type { ValueObject } from "./types";
+export interface UseThemeProps {
+	/** List of all available theme names */
+	themes: string[];
+	/** Forced theme name for the current page */
+	forcedTheme?: string;
+	/** Update the theme */
+	set: (theme: string) => void;
+	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 */
+	systemTheme?: "dark" | "light";
+}
+export interface ThemeProviderProps {
+	children?: any;
+	/** List of all available theme names */
+	themes?: string[];
+	/** Forced theme name for the current page */
+	forcedTheme?: string;
+	/** Whether to switch between dark and light themes based on prefers-color-scheme */
+	enableSystem?: boolean;
+	systemTheme?: string;
+	/** Disable all CSS transitions when switching themes */
+	disableTransitionOnChange?: boolean;
+	/** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons */
+	enableColorScheme?: boolean;
+	/** Key used to store theme setting in localStorage */
+	storageKey?: string;
+	/** Default theme name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default theme is light */
+	defaultTheme?: string;
+	/** HTML attribute modified based on the active theme. Accepts `class` and `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.) */
+	attribute?: string | "class";
+	/** Mapping of theme name to HTML attribute value. Object where key is the theme name and value is the attribute value */
+	value?: ValueObject;
+	onChangeTheme?: (name: string) => void;
+	// avoids warning
+	skipNextHead?: boolean;
+}
+
+//# sourceMappingURL=UseThemeProps.d.ts.map

package/types/UseThemeProps.d.ts.map

@@ -0,0 +1,14 @@
+{
+  "mappings": "AAAA,cAAc,mBAAmB,SAAS;AAE1C,iBAAiB,cAAc;;CAE7B;;CAEA;;CAEA,MAAMA;CACN;;CAEA;;CAEA;;CAEA;;CAEA,cAAc,SAAS;AACxB;AAED,iBAAiB,mBAAmB;CAClC;;CAEA;;CAEA;;CAEA;CACA;;CAEA;;CAEA;;CAEA;;CAEA;;CAEA,qBAAqB;;CAErB,QAAQ;CACR,iBAAiBC;;CAGjB;AACD",
+  "names": [
+    "theme: string",
+    "name: string"
+  ],
+  "sources": [
+    "src/UseThemeProps.tsx"
+  ],
+  "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"
+  ],
+  "version": 3
+}

package/types/constants.d.ts

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

package/types/constants.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,OAAO,cAAM;AACb,OAAO,cAAM,wBAAgB,SAAS;AACtC,OAAO,cAAM,QAAQ",
+  "names": [],
+  "sources": [
+    "src/constants.tsx"
+  ],
+  "sourcesContent": [
+    "export const constants = {}\nexport const colorSchemes = ['light', 'dark'] as const\nexport const MEDIA = '(prefers-color-scheme: dark)'\n"
+  ],
+  "version": 3
+}

package/types/helpers.d.ts

@@ -0,0 +1,6 @@
+export declare const helpers: {};
+// Helpers
+export declare const getTheme: (key: string, fallback?: string) => any;
+export declare const getSystemTheme: (e?: MediaQueryList) => "dark" | "light";
+
+//# sourceMappingURL=helpers.d.ts.map

package/types/helpers.d.ts.map

@@ -0,0 +1,15 @@
+{
+  "mappings": "AAEA,OAAO,cAAM;;AAGb,OAAO,cAAM,WAAYA,aAAaC;AAWtC,OAAO,cAAM,iBAAkBC,IAAI,mBAAiB,SAAS",
+  "names": [
+    "key: string",
+    "fallback?: string",
+    "e?: MediaQueryList"
+  ],
+  "sources": [
+    "src/helpers.tsx"
+  ],
+  "sourcesContent": [
+    "import { MEDIA } from './constants'\n\nexport const helpers = {}\n// Helpers\n\nexport const getTheme = (key: string, fallback?: string): any => {\n  if (typeof window === 'undefined') return undefined\n  let theme\n  try {\n    theme = localStorage.getItem(key) || undefined\n  } catch (e) {\n    // Unsupported\n  }\n  return theme || fallback\n}\n\nexport const getSystemTheme = (e?: MediaQueryList): 'dark' | 'light' => {\n  if (!e) {\n    e = window.matchMedia(MEDIA)\n  }\n\n  const isDark = e.matches\n  const systemTheme = isDark ? 'dark' : 'light'\n  return systemTheme\n}\n"
+  ],
+  "version": 3
+}

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./NextTheme";
+export * from "./types";
+
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,cAAc;AACd,cAAc",
+  "names": [],
+  "sources": [
+    "src/index.ts"
+  ],
+  "sourcesContent": [
+    "export * from './NextTheme'\nexport * from './types'\n"
+  ],
+  "version": 3
+}

package/types/types.d.ts

@@ -0,0 +1,6 @@
+export type ColorScheme = "dark" | "light";
+export interface ValueObject {
+	[themeName: string]: string;
+}
+
+//# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,YAAY,cAAc,SAAS;AAEnC,iBAAiB,YAAY;;AAE5B",
+  "names": [],
+  "sources": [
+    "src/types.tsx"
+  ],
+  "sourcesContent": [
+    "export type ColorScheme = 'dark' | 'light'\n\nexport interface ValueObject {\n  [themeName: string]: string\n}\n"
+  ],
+  "version": 3
+}

package/types/useRootTheme.d.ts

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

package/types/useRootTheme.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,OAAO,WAAW,OAAO;AAGzB,cAAc,mBAAmB,SAAS;AAE1C,OAAO,cAAM,eAAgB,EAC3B,UAC2B,GAA1B;CAAE,WAAW;AAAa,OAC3B,aACA,MAAM,SAAS,MAAM,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"
+  ],
+  "version": 3
+}

package/types/useTheme.d.ts

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAGA,cAAc,qBAAqB,iBAAiB;;;;AAMpD,OAAO,cAAM,gBAAe;AAE5B,OAAO,cAAM,uBAAsB",
+  "names": [],
+  "sources": [
+    "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"
+  ],
+  "version": 3
+}