asterui 0.12.89 → 0.12.90

package/dist/hooks/useTheme.js

@@ -1,6 +1,5 @@
-import { useState as u, useRef as g, useEffect as f, useMemo as l } from "react";
-import { useHasThemeProvider as b, useThemeContext as T } from "../providers/ThemeProvider.js";
-const p = /* @__PURE__ */ new Set([
+import { useHasThemeProvider as a, useThemeContext as f } from "../providers/ThemeProvider.js";
+const d = /* @__PURE__ */ new Set([
   "dark",
   "synthwave",
   "halloween",
@@ -13,106 +12,76 @@ const p = /* @__PURE__ */ new Set([
   "coffee",
   "dim",
   "sunset"
-]), a = {
-  background: "#ffffff",
-  foreground: "#000000",
-  primary: "#6366f1",
-  primaryContent: "#ffffff",
-  secondary: "#f000b8",
-  accent: "#37cdbe",
-  info: "#3abff8",
-  success: "#36d399",
-  warning: "#fbbd23",
-  error: "#f87272"
-};
+]);
+function h() {
+  if (a()) {
+    const t = f();
+    return {
+      theme: t.theme,
+      isDark: t.isDark,
+      setTheme: t.setTheme,
+      toggleTheme: t.toggleTheme,
+      systemTheme: t.systemTheme
+    };
+  }
+  const e = typeof document < "u" ? document.documentElement.getAttribute("data-theme") ?? void 0 : void 0, r = typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches, n = e ? d.has(e) : r;
+  return {
+    theme: e,
+    isDark: n,
+    setTheme: (t) => document.documentElement.setAttribute("data-theme", t),
+    toggleTheme: () => {
+      const t = document.documentElement.getAttribute("data-theme"), s = t ? d.has(t) : r;
+      document.documentElement.setAttribute("data-theme", s ? "light" : "dark");
+    },
+    systemTheme: r ? "dark" : "light"
+  };
+}
 let o = null;
-function v() {
+function u() {
   return o || (o = document.createElement("span"), o.style.position = "absolute", o.style.visibility = "hidden", o.style.pointerEvents = "none", o.style.width = "0", o.style.height = "0", o.style.overflow = "hidden", document.body.appendChild(o)), o;
 }
-function w(e) {
-  const t = v();
-  t.style.color = e;
-  const n = getComputedStyle(t).color.match(/\d+/g);
+function i(c) {
+  const e = u();
+  e.style.color = c;
+  const n = getComputedStyle(e).color.match(/\d+/g);
   if (!n) return "#000000";
-  const [r, c, m] = n.map(Number);
-  return `#${((1 << 24) + (r << 16) + (c << 8) + m).toString(16).slice(1)}`;
+  const [t, s, m] = n.map(Number);
+  return `#${((1 << 24) + (t << 16) + (s << 8) + m).toString(16).slice(1)}`;
 }
-function h() {
-  if (typeof document > "u") return a;
-  const e = getComputedStyle(document.documentElement), t = (s, n) => {
-    const r = e.getPropertyValue(s).trim();
-    return r ? w(r) : n;
+function y() {
+  if (typeof document > "u")
+    return {
+      background: "#ffffff",
+      foreground: "#000000",
+      primary: "#6366f1",
+      primaryContent: "#ffffff",
+      secondary: "#f000b8",
+      accent: "#37cdbe",
+      info: "#3abff8",
+      success: "#36d399",
+      warning: "#fbbd23",
+      error: "#f87272"
+    };
+  const c = getComputedStyle(document.documentElement), e = (r, n) => {
+    const t = c.getPropertyValue(r).trim();
+    return t ? i(t) : n;
   };
   return {
-    background: t("--color-base-100", "#ffffff"),
-    foreground: t("--color-base-content", "#000000"),
-    primary: t("--color-primary", "#6366f1"),
-    primaryContent: t("--color-primary-content", "#ffffff"),
-    secondary: t("--color-secondary", "#f000b8"),
-    accent: t("--color-accent", "#37cdbe"),
-    info: t("--color-info", "#3abff8"),
-    success: t("--color-success", "#36d399"),
-    warning: t("--color-warning", "#fbbd23"),
-    error: t("--color-error", "#f87272")
+    background: e("--color-base-100", "#ffffff"),
+    foreground: e("--color-base-content", "#000000"),
+    primary: e("--color-primary", "#6366f1"),
+    primaryContent: e("--color-primary-content", "#ffffff"),
+    secondary: e("--color-secondary", "#f000b8"),
+    accent: e("--color-accent", "#37cdbe"),
+    info: e("--color-info", "#3abff8"),
+    success: e("--color-success", "#36d399"),
+    warning: e("--color-warning", "#fbbd23"),
+    error: e("--color-error", "#f87272")
   };
 }
-function k() {
-  return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function C() {
-  return typeof document > "u" ? null : document.documentElement.getAttribute("data-theme");
-}
-function x() {
-  return b() ? S() : E();
-}
-function S() {
-  const e = T(), [t, s] = u(a), n = g(!1);
-  return f(() => {
-    requestAnimationFrame(() => {
-      s(h());
-    }), n.current = !0;
-  }, [e.resolvedTheme]), l(() => ({
-    theme: e.theme,
-    resolvedTheme: e.resolvedTheme,
-    isDark: e.isDark,
-    setTheme: e.setTheme,
-    toggleTheme: e.toggleTheme,
-    colors: t,
-    systemTheme: e.systemTheme
-  }), [e.theme, e.resolvedTheme, e.isDark, e.setTheme, e.toggleTheme, t, e.systemTheme]);
-}
-function E() {
-  const [e, t] = u(!1), [s, n] = u(a);
-  return f(() => {
-    const r = () => {
-      const d = C(), y = k();
-      let i = !1;
-      d ? i = p.has(d) : i = y === "dark", t(i), requestAnimationFrame(() => {
-        n(h());
-      });
-    };
-    r();
-    const c = new MutationObserver(r);
-    c.observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["data-theme", "class"]
-    });
-    const m = window.matchMedia("(prefers-color-scheme: dark)");
-    return m.addEventListener("change", r), () => {
-      c.disconnect(), m.removeEventListener("change", r);
-    };
-  }, []), l(() => ({
-    theme: void 0,
-    resolvedTheme: void 0,
-    isDark: e,
-    setTheme: void 0,
-    toggleTheme: void 0,
-    colors: s,
-    systemTheme: void 0
-  }), [e, s]);
-}
 export {
-  x as default,
-  x as useTheme
+  h as default,
+  y as getThemeColors,
+  h as useTheme
 };
 //# sourceMappingURL=useTheme.js.map

package/dist/hooks/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useEffect, useState, useMemo, useRef } from 'react'\nimport { useHasThemeProvider, useThemeContext, type ThemeColors } from '../providers/ThemeProvider'\n\nexport type { ThemeColors }\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 UseThemeReturn {\n  /** The theme setting (what user selected). Only available with ThemeProvider. */\n  theme: string | undefined\n  /** The actual applied theme. Only available with ThemeProvider. */\n  resolvedTheme: string | undefined\n  /** Whether dark mode is active */\n  isDark: boolean\n  /** Set the theme. Only available with ThemeProvider. */\n  setTheme: ((theme: string) => void) | undefined\n  /** Toggle between light and dark. Only available with ThemeProvider. */\n  toggleTheme: (() => void) | undefined\n  /** Computed theme colors as hex values. Computed asynchronously after theme changes. */\n  colors: ThemeColors\n  /** The system preference. Only available with ThemeProvider. */\n  systemTheme: 'light' | 'dark' | undefined\n}\n\nconst SSR_COLORS: ThemeColors = {\n  background: '#ffffff',\n  foreground: '#000000',\n  primary: '#6366f1',\n  primaryContent: '#ffffff',\n  secondary: '#f000b8',\n  accent: '#37cdbe',\n  info: '#3abff8',\n  success: '#36d399',\n  warning: '#fbbd23',\n  error: '#f87272',\n}\n\n// Persistent hidden element for DOM-based color conversion\nlet colorProbe: HTMLSpanElement | null = null\n\nfunction getColorProbe(): HTMLSpanElement {\n  if (!colorProbe) {\n    colorProbe = document.createElement('span')\n    colorProbe.style.position = 'absolute'\n    colorProbe.style.visibility = 'hidden'\n    colorProbe.style.pointerEvents = 'none'\n    colorProbe.style.width = '0'\n    colorProbe.style.height = '0'\n    colorProbe.style.overflow = 'hidden'\n    document.body.appendChild(colorProbe)\n  }\n  return colorProbe\n}\n\n/** Convert any CSS color (including oklch) to hex via getComputedStyle */\nfunction colorToHex(color: string): string {\n  const probe = getColorProbe()\n  probe.style.color = color\n  const computed = getComputedStyle(probe).color\n  // getComputedStyle returns rgb(r, g, b) or rgba(r, g, b, a)\n  const match = computed.match(/\\d+/g)\n  if (!match) return '#000000'\n  const [r, g, b] = match.map(Number)\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`\n}\n\nfunction computeThemeColors(): ThemeColors {\n  if (typeof document === 'undefined') return SSR_COLORS\n\n  const style = getComputedStyle(document.documentElement)\n  const getColor = (varName: string, fallback: string): string => {\n    const value = style.getPropertyValue(varName).trim()\n    return value ? colorToHex(value) : fallback\n  }\n\n  return {\n    background: getColor('--color-base-100', '#ffffff'),\n    foreground: getColor('--color-base-content', '#000000'),\n    primary: getColor('--color-primary', '#6366f1'),\n    primaryContent: getColor('--color-primary-content', '#ffffff'),\n    secondary: getColor('--color-secondary', '#f000b8'),\n    accent: getColor('--color-accent', '#37cdbe'),\n    info: getColor('--color-info', '#3abff8'),\n    success: getColor('--color-success', '#36d399'),\n    warning: getColor('--color-warning', '#fbbd23'),\n    error: getColor('--color-error', '#f87272'),\n  }\n}\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 getCurrentTheme(): string | null {\n  if (typeof document === 'undefined') return null\n  return document.documentElement.getAttribute('data-theme')\n}\n\n/**\n * Hook to detect current theme and get computed colors.\n *\n * When used within a ThemeProvider, returns full theme control including\n * setTheme, theme selection, and resolved theme.\n *\n * When used standalone (without ThemeProvider), provides read-only access\n * to isDark and colors based on the current data-theme attribute and\n * system preference.\n *\n * Colors are computed asynchronously after mount and theme changes,\n * using DOM-based color conversion (no canvas).\n *\n * @example\n * // With ThemeProvider (full control)\n * const { theme, setTheme, resolvedTheme, isDark, colors } = useTheme()\n * setTheme('dark')\n *\n * @example\n * // Without ThemeProvider (read-only)\n * const { isDark, colors } = useTheme()\n * // colors.primary, colors.foreground, etc.\n */\nexport function useTheme(): UseThemeReturn {\n  const hasProvider = useHasThemeProvider()\n\n  if (hasProvider) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useThemeWithProvider()\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useThemeStandalone()\n}\n\n/**\n * Theme hook when ThemeProvider is present.\n */\nfunction useThemeWithProvider(): UseThemeReturn {\n  const context = useThemeContext()\n  const [colors, setColors] = useState<ThemeColors>(SSR_COLORS)\n  const mountedRef = useRef(false)\n\n  useEffect(() => {\n    // On mount and when theme changes, compute colors after CSS has applied\n    requestAnimationFrame(() => {\n      setColors(computeThemeColors())\n    })\n    mountedRef.current = true\n  }, [context.resolvedTheme])\n\n  return useMemo(() => ({\n    theme: context.theme,\n    resolvedTheme: context.resolvedTheme,\n    isDark: context.isDark,\n    setTheme: context.setTheme,\n    toggleTheme: context.toggleTheme,\n    colors,\n    systemTheme: context.systemTheme,\n  }), [context.theme, context.resolvedTheme, context.isDark, context.setTheme, context.toggleTheme, colors, context.systemTheme])\n}\n\n/**\n * Standalone theme detection (no ThemeProvider)\n */\nfunction useThemeStandalone(): UseThemeReturn {\n  const [isDark, setIsDark] = useState(false)\n  const [colors, setColors] = useState<ThemeColors>(SSR_COLORS)\n\n  useEffect(() => {\n    const updateTheme = () => {\n      const currentTheme = getCurrentTheme()\n      const systemTheme = getSystemTheme()\n\n      let dark = false\n      if (currentTheme) {\n        dark = DARK_THEMES.has(currentTheme)\n      } else {\n        dark = systemTheme === 'dark'\n      }\n\n      setIsDark(dark)\n\n      // Compute colors after CSS has applied\n      requestAnimationFrame(() => {\n        setColors(computeThemeColors())\n      })\n    }\n\n    updateTheme()\n\n    const observer = new MutationObserver(updateTheme)\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['data-theme', 'class']\n    })\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    mediaQuery.addEventListener('change', updateTheme)\n\n    return () => {\n      observer.disconnect()\n      mediaQuery.removeEventListener('change', updateTheme)\n    }\n  }, [])\n\n  return useMemo(() => ({\n    theme: undefined,\n    resolvedTheme: undefined,\n    isDark,\n    setTheme: undefined,\n    toggleTheme: undefined,\n    colors,\n    systemTheme: undefined,\n  }), [isDark, colors])\n}\n\nexport default useTheme\n"],"names":["DARK_THEMES","SSR_COLORS","colorProbe","getColorProbe","colorToHex","color","probe","match","g","b","computeThemeColors","style","getColor","varName","fallback","value","getSystemTheme","getCurrentTheme","useTheme","useHasThemeProvider","useThemeWithProvider","useThemeStandalone","context","useThemeContext","colors","setColors","useState","mountedRef","useRef","useEffect","useMemo","isDark","setIsDark","updateTheme","currentTheme","systemTheme","dark","observer","mediaQuery"],"mappings":"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"}
+{"version":3,"file":"useTheme.js","sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useHasThemeProvider, useThemeContext, type ThemeColors } from '../providers/ThemeProvider'\n\nexport type { ThemeColors }\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 UseThemeReturn {\n  /** The theme setting (what user selected). Only available with ThemeProvider. */\n  theme: string | undefined\n  /** Whether dark mode is active */\n  isDark: boolean\n  /** Set the theme. Only available with ThemeProvider. */\n  setTheme: ((theme: string) => void) | undefined\n  /** Toggle between light and dark. Only available with ThemeProvider. */\n  toggleTheme: (() => void) | undefined\n  /** The system preference. Only available with ThemeProvider. */\n  systemTheme: 'light' | 'dark' | undefined\n}\n\n/**\n * Hook to detect and control the current theme.\n *\n * When used within a ThemeProvider, returns full theme control.\n * When used standalone, provides read-only isDark based on data-theme or system preference.\n *\n * Does NOT compute colors — use getThemeColors() where you need hex values.\n *\n * @example\n * const { isDark, setTheme, toggleTheme } = useTheme()\n */\nexport function useTheme(): UseThemeReturn {\n  const hasProvider = useHasThemeProvider()\n\n  if (hasProvider) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const context = useThemeContext()\n    return {\n      theme: context.theme,\n      isDark: context.isDark,\n      setTheme: context.setTheme,\n      toggleTheme: context.toggleTheme,\n      systemTheme: context.systemTheme,\n    }\n  }\n\n  // Fallback when used outside ThemeProvider — read from DOM\n  const theme = typeof document !== 'undefined'\n    ? document.documentElement.getAttribute('data-theme') ?? undefined\n    : undefined\n  const systemDark = typeof window !== 'undefined'\n    && window.matchMedia('(prefers-color-scheme: dark)').matches\n  const isDark = theme ? DARK_THEMES.has(theme) : systemDark\n\n  return {\n    theme,\n    isDark,\n    setTheme: (t: string) => document.documentElement.setAttribute('data-theme', t),\n    toggleTheme: () => {\n      const current = document.documentElement.getAttribute('data-theme')\n      const currentIsDark = current ? DARK_THEMES.has(current) : systemDark\n      document.documentElement.setAttribute('data-theme', currentIsDark ? 'light' : 'dark')\n    },\n    systemTheme: (systemDark ? 'dark' : 'light') as 'light' | 'dark',\n  }\n}\n\n// --- Color utilities (for components that need hex values) ---\n\n/** Persistent hidden element for DOM-based color conversion */\nlet colorProbe: HTMLSpanElement | null = null\n\nfunction getColorProbe(): HTMLSpanElement {\n  if (!colorProbe) {\n    colorProbe = document.createElement('span')\n    colorProbe.style.position = 'absolute'\n    colorProbe.style.visibility = 'hidden'\n    colorProbe.style.pointerEvents = 'none'\n    colorProbe.style.width = '0'\n    colorProbe.style.height = '0'\n    colorProbe.style.overflow = 'hidden'\n    document.body.appendChild(colorProbe)\n  }\n  return colorProbe\n}\n\n/** Convert any CSS color (including oklch) to hex via getComputedStyle */\nfunction colorToHex(color: string): string {\n  const probe = getColorProbe()\n  probe.style.color = color\n  const computed = getComputedStyle(probe).color\n  const match = computed.match(/\\d+/g)\n  if (!match) return '#000000'\n  const [r, g, b] = match.map(Number)\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`\n}\n\n/**\n * Compute current DaisyUI theme colors as hex values.\n * Call this on demand when you need hex colors (e.g., for canvas, xterm).\n * Not reactive — call it inside useEffect after theme changes.\n */\nexport function getThemeColors(): ThemeColors {\n  if (typeof document === 'undefined') {\n    return {\n      background: '#ffffff',\n      foreground: '#000000',\n      primary: '#6366f1',\n      primaryContent: '#ffffff',\n      secondary: '#f000b8',\n      accent: '#37cdbe',\n      info: '#3abff8',\n      success: '#36d399',\n      warning: '#fbbd23',\n      error: '#f87272',\n    }\n  }\n\n  const style = getComputedStyle(document.documentElement)\n  const getColor = (varName: string, fallback: string): string => {\n    const value = style.getPropertyValue(varName).trim()\n    return value ? colorToHex(value) : fallback\n  }\n\n  return {\n    background: getColor('--color-base-100', '#ffffff'),\n    foreground: getColor('--color-base-content', '#000000'),\n    primary: getColor('--color-primary', '#6366f1'),\n    primaryContent: getColor('--color-primary-content', '#ffffff'),\n    secondary: getColor('--color-secondary', '#f000b8'),\n    accent: getColor('--color-accent', '#37cdbe'),\n    info: getColor('--color-info', '#3abff8'),\n    success: getColor('--color-success', '#36d399'),\n    warning: getColor('--color-warning', '#fbbd23'),\n    error: getColor('--color-error', '#f87272'),\n  }\n}\n\nexport default useTheme\n"],"names":["DARK_THEMES","useTheme","useHasThemeProvider","context","useThemeContext","theme","systemDark","isDark","current","currentIsDark","colorProbe","getColorProbe","colorToHex","color","probe","match","r","g","b","getThemeColors","style","getColor","varName","fallback","value"],"mappings":"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"}

package/dist/index.d.ts

@@ -220,5 +220,5 @@ export { useKeyPress, useKeyPressCallback } from './hooks/useKeyPress';
 export type { UseKeyPressOptions } from './hooks/useKeyPress';
 export { useWindowSize } from './hooks/useWindowSize';
 export type { WindowSize } from './hooks/useWindowSize';
-export { useTheme } from './hooks/useTheme';
+export { useTheme, getThemeColors } from './hooks/useTheme';
 export type { UseThemeReturn, ThemeColors } from './hooks/useTheme';

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