@aster-ui/prefixed 0.12.89 → 0.12.90

package/dist/index.js

@@ -1,13 +1,13 @@
 import { Affix as e } from "./components/Affix.js";
 import { AspectRatio as p } from "./components/AspectRatio.js";
-import { Anchor as m } from "./components/Anchor.js";
+import { Anchor as f } from "./components/Anchor.js";
 import { Alert as a } from "./components/Alert.js";
 import { Autocomplete as n } from "./components/Autocomplete.js";
 import { Avatar as u, AvatarGroup as l } from "./components/Avatar.js";
 import { Badge as C } from "./components/Badge.js";
 import { Breadcrumb as g } from "./components/Breadcrumb.js";
 import { Button as S } from "./components/Button.js";
-import { SizeContext as h, SizeProvider as k, useSize as v } from "./contexts/SizeContext.js";
+import { SizeContext as P, SizeProvider as k, useSize as v } from "./contexts/SizeContext.js";
 import { CopyButton as D } from "./components/CopyButton.js";
 import { Checkbox as B } from "./components/Checkbox.js";
 import { Chat as w } from "./components/Chat.js";
@@ -23,14 +23,14 @@ import { ContextMenu as Z } from "./components/ContextMenu.js";
 import { Countdown as $ } from "./components/Countdown.js";
 import { DatePicker as ro } from "./components/DatePicker.js";
 import { DateOfBirth as to, dateOfBirthRequired as po } from "./components/DateOfBirth.js";
-import { MonthCalendar as mo } from "./components/MonthCalendar.js";
+import { MonthCalendar as fo } from "./components/MonthCalendar.js";
 import { WeekCalendar as ao } from "./components/WeekCalendar.js";
 import { Descriptions as no } from "./components/Descriptions.js";
 import { Diff as uo } from "./components/Diff.js";
 import { Dock as Co } from "./components/Dock.js";
 import { Divider as go } from "./components/Divider.js";
 import { Drawer as So } from "./components/Drawer.js";
-import { ResponsiveDrawer as ho } from "./components/ResponsiveDrawer.js";
+import { ResponsiveDrawer as Po } from "./components/ResponsiveDrawer.js";
 import { Fieldset as vo } from "./components/Fieldset.js";
 import { FileInput as Do } from "./components/FileInput.js";
 import { Filter as Bo } from "./components/Filter.js";
@@ -47,14 +47,14 @@ import { Empty as Zo } from "./components/Empty.js";
 import { Input as $o } from "./components/Input.js";
 import { InputNumber as rr } from "./components/InputNumber.js";
 import { Join as tr } from "./components/Join.js";
-import { Kbd as fr } from "./components/Kbd.js";
+import { Kbd as mr } from "./components/Kbd.js";
 import { Layout as xr, useSiderContext as ar } from "./components/Layout.js";
 import { List as nr } from "./components/List.js";
 import { Loading as ur } from "./components/Loading.js";
 import { Mask as dr } from "./components/Mask.js";
 import { Masonry as cr } from "./components/Masonry.js";
 import { Mention as Tr } from "./components/Mention.js";
-import { Menu as Pr } from "./components/Menu.js";
+import { Menu as hr } from "./components/Menu.js";
 import { Browser as kr } from "./components/Browser.js";
 import { Code as Rr } from "./components/Code.js";
 import { Phone as br } from "./components/Phone.js";
@@ -73,7 +73,7 @@ import { RadialProgress as Zr } from "./components/RadialProgress.js";
 import { Range as $r } from "./components/Range.js";
 import { Rating as re } from "./components/Rating.js";
 import { Result as te } from "./components/Result.js";
-import { Select as fe } from "./components/Select.js";
+import { Select as me } from "./components/Select.js";
 import { Segmented as xe } from "./components/Segmented.js";
 import { Skeleton as se } from "./components/Skeleton.js";
 import { Space as ie } from "./components/Space.js";
@@ -81,7 +81,7 @@ import { Splitter as le } from "./components/Splitter.js";
 import { Stats as Ce } from "./components/Stat.js";
 import { Status as ge } from "./components/Status.js";
 import { Steps as Se } from "./components/Steps.js";
-import { Table as he } from "./components/Table.js";
+import { Table as Pe } from "./components/Table.js";
 import { Tabs as ve } from "./components/Tabs.js";
 import { Textarea as De } from "./components/Textarea.js";
 import { TextRotate as Be } from "./components/TextRotate.js";
@@ -98,34 +98,34 @@ import { Tree as Ze } from "./components/Tree.js";
 import { TreeSelect as $e, TreeSelectComponent as ot } from "./components/TreeSelect.js";
 import { Typography as et } from "./components/Typography.js";
 import { Upload as pt } from "./components/Upload.js";
-import { Watermark as mt } from "./components/Watermark.js";
+import { Watermark as ft } from "./components/Watermark.js";
 import { Hide as at, Show as st } from "./components/Responsive.js";
 import { useBreakpoint as it } from "./hooks/useBreakpoint.js";
 import { useDisclosure as lt } from "./hooks/useDisclosure.js";
 import { useClipboard as Ct } from "./hooks/useClipboard.js";
 import { useLocalStorage as gt } from "./hooks/useLocalStorage.js";
 import { useDebounce as St } from "./hooks/useDebounce.js";
-import { useClickOutside as ht } from "./hooks/useClickOutside.js";
+import { useClickOutside as Pt } from "./hooks/useClickOutside.js";
 import { usePrevious as vt } from "./hooks/usePrevious.js";
 import { useHover as Dt } from "./hooks/useHover.js";
 import { useKeyPress as Bt, useKeyPressCallback as Ft } from "./hooks/useKeyPress.js";
 import { useWindowSize as yt } from "./hooks/useWindowSize.js";
-import { useTheme as At } from "./hooks/useTheme.js";
-import { default as It } from "./locale/en-US.js";
-import { default as Ht } from "./locale/en-GB.js";
-import { default as Gt } from "./locale/en-CA.js";
-import { default as Ot } from "./locale/zh-CN.js";
-import { default as Nt } from "./locale/es-ES.js";
-import { default as Ut } from "./locale/ja-JP.js";
-import { default as qt } from "./locale/pt-BR.js";
-import { default as Vt } from "./locale/de-DE.js";
-import { default as Yt } from "./locale/fr-FR.js";
-import { default as _t } from "./locale/ko-KR.js";
-import { useWatch as op } from "react-hook-form";
+import { getThemeColors as At, useTheme as Lt } from "./hooks/useTheme.js";
+import { default as zt } from "./locale/en-US.js";
+import { default as Wt } from "./locale/en-GB.js";
+import { default as Kt } from "./locale/en-CA.js";
+import { default as Et } from "./locale/zh-CN.js";
+import { default as Jt } from "./locale/es-ES.js";
+import { default as jt } from "./locale/ja-JP.js";
+import { default as Qt } from "./locale/pt-BR.js";
+import { default as Xt } from "./locale/de-DE.js";
+import { default as Zt } from "./locale/fr-FR.js";
+import { default as $t } from "./locale/ko-KR.js";
+import { useWatch as rp } from "react-hook-form";
 export {
   e as Affix,
   a as Alert,
-  m as Anchor,
+  f as Anchor,
   p as AspectRatio,
   n as Autocomplete,
   u as Avatar,
@@ -175,17 +175,17 @@ export {
   $o as Input,
   rr as InputNumber,
   tr as Join,
-  fr as Kbd,
+  mr as Kbd,
   xr as Layout,
   nr as List,
   ur as Loading,
   dr as Mask,
   cr as Masonry,
   Tr as Mention,
-  Pr as Menu,
+  hr as Menu,
   Hr as MessageManager,
   yr as Modal,
-  mo as MonthCalendar,
+  fo as MonthCalendar,
   Ar as Navbar,
   Kr as OTPInput,
   Er as Pagination,
@@ -197,13 +197,13 @@ export {
   Xr as Radio,
   $r as Range,
   re as Rating,
-  ho as ResponsiveDrawer,
+  Po as ResponsiveDrawer,
   te as Result,
   Eo as Row,
   xe as Segmented,
-  fe as Select,
+  me as Select,
   st as Show,
-  h as SizeContext,
+  P as SizeContext,
   k as SizeProvider,
   se as Skeleton,
   ie as Space,
@@ -211,7 +211,7 @@ export {
   Ce as Stats,
   ge as Status,
   Se as Steps,
-  he as Table,
+  Pe as Table,
   ve as Tabs,
   ye as Tag,
   Me as TagLiveRegion,
@@ -230,23 +230,24 @@ export {
   ot as TreeSelectComponent,
   et as Typography,
   pt as Upload,
-  mt as Watermark,
+  ft as Watermark,
   ao as WeekCalendar,
   Fr as Window,
   po as dateOfBirthRequired,
-  Vt as deDE,
-  Gt as enCA,
-  Ht as enGB,
-  It as enUS,
-  Nt as esES,
-  Yt as frFR,
-  Ut as jaJP,
-  _t as koKR,
+  Xt as deDE,
+  Kt as enCA,
+  Wt as enGB,
+  zt as enUS,
+  Jt as esES,
+  Zt as frFR,
+  At as getThemeColors,
+  jt as jaJP,
+  $t as koKR,
   Wr as message,
   Ir as notification,
-  qt as ptBR,
+  Qt as ptBR,
   it as useBreakpoint,
-  ht as useClickOutside,
+  Pt as useClickOutside,
   Ct as useClipboard,
   E as useComponentLocale,
   N as useConfig,
@@ -263,10 +264,10 @@ export {
   vt as usePrevious,
   ar as useSiderContext,
   v as useSize,
-  At as useTheme,
+  Lt as useTheme,
   We as useThemeContext,
-  op as useWatch,
+  rp as useWatch,
   yt as useWindowSize,
-  Ot as zhCN
+  Et as zhCN
 };
 //# sourceMappingURL=index.js.map

package/dist/providers/ThemeProvider.d.ts

@@ -5,12 +5,6 @@ export interface ThemeProviderProps {
     defaultTheme?: string;
     /** localStorage key for persisting theme. Set to false to disable persistence. */
     storageKey?: string | false;
-    /** Light theme to use when system preference is light */
-    lightTheme?: string;
-    /** Dark theme to use when system preference is dark */
-    darkTheme?: string;
-    /** Custom function to determine if a theme is dark */
-    isDarkTheme?: (theme: string) => boolean;
 }
 export interface ThemeColors {
     background: string;
@@ -25,11 +19,9 @@ export interface ThemeColors {
     error: string;
 }
 export interface ThemeContextValue {
-    /** The theme setting (what user selected: "system", "light", "dark", etc.) */
-    theme: string;
-    /** The actual applied theme after resolving "system" */
-    resolvedTheme: string;
-    /** Whether the resolved theme is dark */
+    /** The theme setting (what user selected) */
+    theme: string | undefined;
+    /** Whether the current theme is dark */
     isDark: boolean;
     /** Set the theme */
     setTheme: (theme: string) => void;
@@ -38,10 +30,10 @@ export interface ThemeContextValue {
     /** The system preference ("light" or "dark") */
     systemTheme: 'light' | 'dark';
 }
-export declare function ThemeProvider({ children, defaultTheme, storageKey, lightTheme, darkTheme, isDarkTheme, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access theme context.
- * Must be used within a ThemeProvider.
+ * Works with or without ThemeProvider.
  */
 export declare function useThemeContext(): ThemeContextValue;
 /**

package/dist/providers/ThemeProvider.js

@@ -1,6 +1,6 @@
-import { jsx as M } from "react/jsx-runtime";
-import { useState as S, useMemo as m, useEffect as l, useCallback as y, createContext as P, useContext as g } from "react";
-const C = /* @__PURE__ */ new Set([
+import { jsx as E } from "react/jsx-runtime";
+import { useState as l, useEffect as a, useCallback as f, useMemo as p, createContext as S, useContext as k } from "react";
+const w = /* @__PURE__ */ new Set([
   "dark",
   "synthwave",
   "halloween",
@@ -13,76 +13,73 @@ const C = /* @__PURE__ */ new Set([
   "coffee",
   "dim",
   "sunset"
-]), w = P(void 0);
-function k() {
-  return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function T(t) {
-  if (!t || typeof window > "u") return null;
-  try {
-    return localStorage.getItem(t);
-  } catch {
-    return null;
-  }
-}
-function b(t, f) {
-  if (!(!t || typeof window > "u"))
-    try {
-      localStorage.setItem(t, f);
-    } catch {
-    }
-}
-function V({
-  children: t,
-  defaultTheme: f = "system",
-  storageKey: r = "asterui-theme",
-  lightTheme: c = "light",
-  darkTheme: d = "dark",
-  isDarkTheme: s
+]), d = S(null);
+function I({
+  children: s,
+  defaultTheme: v,
+  storageKey: t = "asterui-theme"
 }) {
-  const [u, I] = S(k), [i, a] = S(() => T(r) || f), o = m(() => i === "system" ? u === "dark" ? d : c : i, [i, u, c, d]), h = m(() => s ? s(o) : C.has(o), [o, s]);
-  l(() => {
-    typeof document > "u" || document.documentElement.setAttribute("data-theme", o);
-  }, [o]), l(() => {
+  const [o, T] = l(
+    () => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
+  ), [n, i] = l(() => {
+    if (t && typeof window < "u")
+      try {
+        const e = localStorage.getItem(t);
+        if (e) return e;
+      } catch {
+      }
+    return v ?? o;
+  }), u = n ? w.has(n) : o === "dark";
+  a(() => {
+    n ? document.documentElement.setAttribute("data-theme", n) : document.documentElement.removeAttribute("data-theme");
+  }, [n]), a(() => {
     if (typeof window > "u") return;
-    const e = window.matchMedia("(prefers-color-scheme: dark)"), n = (x) => I(x.matches ? "dark" : "light");
-    return e.addEventListener("change", n), () => e.removeEventListener("change", n);
-  }, []), l(() => {
-    if (!r || typeof window > "u") return;
-    const e = (n) => {
-      n.key === r && n.newValue && a(n.newValue);
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), r = (c) => T(c.matches ? "dark" : "light");
+    return e.addEventListener("change", r), () => e.removeEventListener("change", r);
+  }, []), a(() => {
+    if (!t || typeof window > "u") return;
+    const e = (r) => {
+      r.key === t && r.newValue && i(r.newValue);
     };
     return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
-  }, [r]);
-  const v = y((e) => {
-    a(e), b(r, e);
-  }, [r]), p = y(() => {
-    a((e) => {
-      const n = e === "system" ? u === "dark" ? d : c : e, E = (s ? s(n) : C.has(n)) ? c : d;
-      return b(r, E), E;
+  }, [t]);
+  const m = f((e) => {
+    if (i(e), t)
+      try {
+        localStorage.setItem(t, e);
+      } catch {
+      }
+  }, [t]), h = f(() => {
+    i((e) => {
+      const c = (e ? w.has(e) : o === "dark") ? "light" : "dark";
+      if (t)
+        try {
+          localStorage.setItem(t, c);
+        } catch {
+        }
+      return c;
     });
-  }, [u, c, d, s, r]), L = m(() => ({
-    theme: i,
-    resolvedTheme: o,
-    isDark: h,
-    setTheme: v,
-    toggleTheme: p,
-    systemTheme: u
-  }), [i, o, h, v, p, u]);
-  return /* @__PURE__ */ M(w.Provider, { value: L, children: t });
+  }, [o, t]), x = p(() => ({
+    theme: n,
+    isDark: u,
+    setTheme: m,
+    toggleTheme: h,
+    systemTheme: o
+  }), [n, u, m, h, o]);
+  return /* @__PURE__ */ E(d.Provider, { value: x, children: s });
 }
-function j() {
-  const t = g(w);
-  if (!t)
+function g() {
+  const s = k(d);
+  if (!s)
     throw new Error("useThemeContext must be used within a ThemeProvider");
-  return t;
+  return s;
 }
-function q() {
-  return g(w) !== void 0;
+function D() {
+  return k(d) !== null;
 }
 export {
-  V as ThemeProvider,
-  q as useHasThemeProvider,
-  j as useThemeContext
+  I as ThemeProvider,
+  D as useHasThemeProvider,
+  g as useThemeContext
 };
 //# sourceMappingURL=ThemeProvider.js.map

package/dist/providers/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState, useCallback, useMemo } from 'react'\n\n// Common dark themes in DaisyUI\nconst DARK_THEMES = new Set([\n  'dark', 'synthwave', 'halloween', 'forest', 'black', 'luxury', 'dracula',\n  'business', 'night', 'coffee', 'dim', 'sunset'\n])\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode\n  /** Default theme. Use \"system\" to follow browser preference. */\n  defaultTheme?: string\n  /** localStorage key for persisting theme. Set to false to disable persistence. */\n  storageKey?: string | false\n  /** Light theme to use when system preference is light */\n  lightTheme?: string\n  /** Dark theme to use when system preference is dark */\n  darkTheme?: string\n  /** Custom function to determine if a theme is dark */\n  isDarkTheme?: (theme: string) => boolean\n}\n\nexport interface ThemeColors {\n  background: string\n  foreground: string\n  primary: string\n  primaryContent: string\n  secondary: string\n  accent: string\n  info: string\n  success: string\n  warning: string\n  error: string\n}\n\nexport interface ThemeContextValue {\n  /** The theme setting (what user selected: \"system\", \"light\", \"dark\", etc.) */\n  theme: string\n  /** The actual applied theme after resolving \"system\" */\n  resolvedTheme: string\n  /** Whether the resolved theme is dark */\n  isDark: boolean\n  /** Set the theme */\n  setTheme: (theme: string) => void\n  /** Toggle between light and dark */\n  toggleTheme: () => void\n  /** The system preference (\"light\" or \"dark\") */\n  systemTheme: 'light' | 'dark'\n}\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined)\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light'\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nfunction getStoredTheme(key: string | false): string | null {\n  if (!key || typeof window === 'undefined') return null\n  try {\n    return localStorage.getItem(key)\n  } catch {\n    return null\n  }\n}\n\nfunction storeTheme(key: string | false, theme: string): void {\n  if (!key || typeof window === 'undefined') return\n  try {\n    localStorage.setItem(key, theme)\n  } catch {\n    // Ignore storage errors\n  }\n}\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'asterui-theme',\n  lightTheme = 'light',\n  darkTheme = 'dark',\n  isDarkTheme,\n}: ThemeProviderProps) {\n  const [systemTheme, setSystemTheme] = useState<'light' | 'dark'>(getSystemTheme)\n\n  const [theme, setThemeState] = useState<string>(() => {\n    return getStoredTheme(storageKey) || defaultTheme\n  })\n\n  const resolvedTheme = useMemo(() => {\n    if (theme === 'system') {\n      return systemTheme === 'dark' ? darkTheme : lightTheme\n    }\n    return theme\n  }, [theme, systemTheme, lightTheme, darkTheme])\n\n  const isDark = useMemo(() => {\n    if (isDarkTheme) return isDarkTheme(resolvedTheme)\n    return DARK_THEMES.has(resolvedTheme)\n  }, [resolvedTheme, isDarkTheme])\n\n  // Set data-theme on <html>\n  useEffect(() => {\n    if (typeof document === 'undefined') return\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  // Listen for system preference changes\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    const mq = window.matchMedia('(prefers-color-scheme: dark)')\n    const handler = (e: MediaQueryListEvent) => setSystemTheme(e.matches ? 'dark' : 'light')\n    mq.addEventListener('change', handler)\n    return () => mq.removeEventListener('change', handler)\n  }, [])\n\n  // Listen for storage changes (cross-tab sync)\n  useEffect(() => {\n    if (!storageKey || typeof window === 'undefined') return\n    const handler = (e: StorageEvent) => {\n      if (e.key === storageKey && e.newValue) {\n        setThemeState(e.newValue)\n      }\n    }\n    window.addEventListener('storage', handler)\n    return () => window.removeEventListener('storage', handler)\n  }, [storageKey])\n\n  const setTheme = useCallback((t: string) => {\n    setThemeState(t)\n    storeTheme(storageKey, t)\n  }, [storageKey])\n\n  const toggleTheme = useCallback(() => {\n    setThemeState((current) => {\n      const resolved = current === 'system'\n        ? (systemTheme === 'dark' ? darkTheme : lightTheme)\n        : current\n      const currentIsDark = isDarkTheme ? isDarkTheme(resolved) : DARK_THEMES.has(resolved)\n      const next = currentIsDark ? lightTheme : darkTheme\n      storeTheme(storageKey, next)\n      return next\n    })\n  }, [systemTheme, lightTheme, darkTheme, isDarkTheme, storageKey])\n\n  const value = useMemo<ThemeContextValue>(() => ({\n    theme, resolvedTheme, isDark, setTheme, toggleTheme, systemTheme,\n  }), [theme, resolvedTheme, isDark, setTheme, toggleTheme, systemTheme])\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\n/**\n * Hook to access theme context.\n * Must be used within a ThemeProvider.\n */\nexport function useThemeContext(): ThemeContextValue {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useThemeContext must be used within a ThemeProvider')\n  }\n  return context\n}\n\n/**\n * Check if ThemeProvider is present in the tree.\n */\nexport function useHasThemeProvider(): boolean {\n  return useContext(ThemeContext) !== undefined\n}\n"],"names":["DARK_THEMES","ThemeContext","createContext","getSystemTheme","getStoredTheme","key","storeTheme","theme","ThemeProvider","children","defaultTheme","storageKey","lightTheme","darkTheme","isDarkTheme","systemTheme","setSystemTheme","useState","setThemeState","resolvedTheme","useMemo","isDark","useEffect","mq","handler","e","setTheme","useCallback","t","toggleTheme","current","resolved","next","value","jsx","useThemeContext","context","useContext","useHasThemeProvider"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useEffect, useCallback, useMemo } from 'react'\n\n// Common dark themes in DaisyUI\nconst DARK_THEMES = new Set([\n  'dark', 'synthwave', 'halloween', 'forest', 'black', 'luxury', 'dracula',\n  'business', 'night', 'coffee', 'dim', 'sunset'\n])\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode\n  /** Default theme. Use \"system\" to follow browser preference. */\n  defaultTheme?: string\n  /** localStorage key for persisting theme. Set to false to disable persistence. */\n  storageKey?: string | false\n}\n\nexport interface ThemeColors {\n  background: string\n  foreground: string\n  primary: string\n  primaryContent: string\n  secondary: string\n  accent: string\n  info: string\n  success: string\n  warning: string\n  error: string\n}\n\nexport interface ThemeContextValue {\n  /** The theme setting (what user selected) */\n  theme: string | undefined\n  /** Whether the current theme is dark */\n  isDark: boolean\n  /** Set the theme */\n  setTheme: (theme: string) => void\n  /** Toggle between light and dark */\n  toggleTheme: () => void\n  /** The system preference (\"light\" or \"dark\") */\n  systemTheme: 'light' | 'dark'\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null)\n\nexport function ThemeProvider({\n  children,\n  defaultTheme,\n  storageKey = 'asterui-theme',\n}: ThemeProviderProps) {\n  const [systemTheme, setSystemTheme] = useState<'dark' | 'light'>(() =>\n    typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches\n      ? 'dark' : 'light'\n  )\n\n  const [theme, setThemeState] = useState<string | undefined>(() => {\n    if (storageKey && typeof window !== 'undefined') {\n      try {\n        const stored = localStorage.getItem(storageKey)\n        if (stored) return stored\n      } catch { /* ignore */ }\n    }\n    return defaultTheme ?? systemTheme\n  })\n\n  const isDark = theme ? DARK_THEMES.has(theme) : systemTheme === 'dark'\n\n  // Set data-theme on <html>\n  useEffect(() => {\n    if (theme) {\n      document.documentElement.setAttribute('data-theme', theme)\n    } else {\n      document.documentElement.removeAttribute('data-theme')\n    }\n  }, [theme])\n\n  // Listen for system preference changes\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    const mq = window.matchMedia('(prefers-color-scheme: dark)')\n    const handler = (e: MediaQueryListEvent) => setSystemTheme(e.matches ? 'dark' : 'light')\n    mq.addEventListener('change', handler)\n    return () => mq.removeEventListener('change', handler)\n  }, [])\n\n  // Cross-tab sync\n  useEffect(() => {\n    if (!storageKey || typeof window === 'undefined') return\n    const handler = (e: StorageEvent) => {\n      if (e.key === storageKey && e.newValue) setThemeState(e.newValue)\n    }\n    window.addEventListener('storage', handler)\n    return () => window.removeEventListener('storage', handler)\n  }, [storageKey])\n\n  const setTheme = useCallback((t: string) => {\n    setThemeState(t)\n    if (storageKey) {\n      try { localStorage.setItem(storageKey, t) } catch { /* ignore */ }\n    }\n  }, [storageKey])\n\n  const toggleTheme = useCallback(() => {\n    setThemeState((current) => {\n      const currentIsDark = current ? DARK_THEMES.has(current) : systemTheme === 'dark'\n      const next = currentIsDark ? 'light' : 'dark'\n      if (storageKey) {\n        try { localStorage.setItem(storageKey, next) } catch { /* ignore */ }\n      }\n      return next\n    })\n  }, [systemTheme, storageKey])\n\n  const value = useMemo(() => ({\n    theme, isDark, setTheme, toggleTheme, systemTheme,\n  }), [theme, isDark, setTheme, toggleTheme, systemTheme])\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\n/**\n * Hook to access theme context.\n * Works with or without ThemeProvider.\n */\nexport function useThemeContext(): ThemeContextValue {\n  const ctx = useContext(ThemeContext)\n  if (!ctx) {\n    throw new Error('useThemeContext must be used within a ThemeProvider')\n  }\n  return ctx\n}\n\n/**\n * Check if ThemeProvider is present in the tree.\n */\nexport function useHasThemeProvider(): boolean {\n  return useContext(ThemeContext) !== null\n}\n"],"names":["DARK_THEMES","ThemeContext","createContext","ThemeProvider","children","defaultTheme","storageKey","systemTheme","setSystemTheme","useState","theme","setThemeState","stored","isDark","useEffect","mq","handler","e","setTheme","useCallback","t","toggleTheme","current","next","value","useMemo","jsx","useThemeContext","ctx","useContext","useHasThemeProvider"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aster-ui/prefixed",
-  "version": "0.12.89",
+  "version": "0.12.90",
   "description": "React UI component library with DaisyUI (prefixed classes)",
   "homepage": "https://asterui.com",
   "repository": {