asterui 0.12.54 → 0.12.55

package/dist/contexts/SizeContext.js

@@ -0,0 +1,15 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as i, useContext as n } from "react";
+const e = i(void 0);
+function c({ size: t, children: o }) {
+  return /* @__PURE__ */ r(e.Provider, { value: t, children: o });
+}
+function f() {
+  return n(e);
+}
+export {
+  e as SizeContext,
+  c as SizeProvider,
+  f as useSize
+};
+//# sourceMappingURL=SizeContext.js.map

package/dist/contexts/SizeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeContext.js","sources":["../../src/contexts/SizeContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react'\n\nexport type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport const SizeContext = createContext<Size | undefined>(undefined)\n\nexport interface SizeProviderProps {\n  /** Size to provide to child components */\n  size: Size\n  /** Child components */\n  children: React.ReactNode\n}\n\n/**\n * Provides size context to child components.\n *\n * Used by Button, CopyButton, and other sized components to transmit\n * their size to child icons, allowing icons to automatically match\n * the parent component's size.\n */\nexport function SizeProvider({ size, children }: SizeProviderProps) {\n  return (\n    <SizeContext.Provider value={size}>\n      {children}\n    </SizeContext.Provider>\n  )\n}\n\n/**\n * Hook to access the current size context.\n * Returns undefined if not within a SizeProvider.\n */\nexport function useSize(): Size | undefined {\n  return useContext(SizeContext)\n}\n"],"names":["SizeContext","createContext","SizeProvider","size","children","useSize","useContext"],"mappings":";;AAIO,MAAMA,IAAcC,EAAgC,MAAS;AAgB7D,SAASC,EAAa,EAAE,MAAAC,GAAM,UAAAC,KAA+B;AAClE,2BACGJ,EAAY,UAAZ,EAAqB,OAAOG,GAC1B,UAAAC,GACH;AAEJ;AAMO,SAASC,IAA4B;AAC1C,SAAOC,EAAWN,CAAW;AAC/B;"}

package/dist/hooks/useTheme.d.ts

@@ -1,29 +1,39 @@
-export interface ThemeColors {
-    /** Base background color (--b1 / base-100) */
-    background: string;
-    /** Base content/text color (--bc / base-content) */
-    foreground: string;
-    /** Primary color (--p / primary) */
-    primary: string;
-    /** Primary content color (--pc / primary-content) */
-    primaryContent: string;
-}
+import { ThemeColors } from '../components/ThemeProvider';
+export type { ThemeColors };
 export interface UseThemeReturn {
+    /** The theme setting (what user selected). Only available with ThemeProvider. */
+    theme: string | undefined;
+    /** The actual applied theme. Only available with ThemeProvider. */
+    resolvedTheme: string | undefined;
     /** Whether dark mode is active */
     isDark: boolean;
+    /** Set the theme. Only available with ThemeProvider. */
+    setTheme: ((theme: string) => void) | undefined;
     /** Computed theme colors as hex values */
     colors: ThemeColors;
+    /** The system preference. Only available with ThemeProvider. */
+    systemTheme: 'light' | 'dark' | undefined;
 }
 /**
- * Hook to detect current theme and get computed colors
+ * Hook to detect current theme and get computed colors.
+ *
+ * When used within a ThemeProvider, returns full theme control including
+ * setTheme, theme selection, and resolved theme.
  *
- * Checks the `data-theme` attribute on the document root (for DaisyUI themes)
- * and falls back to system preference via `prefers-color-scheme`.
+ * When used standalone (without ThemeProvider), provides read-only access
+ * to isDark and colors based on the current data-theme attribute and
+ * system preference.
  *
- * Returns both the dark mode state and computed theme colors as hex values,
- * useful for canvas-based components that can't use CSS variables directly.
+ * @example
+ * // With ThemeProvider (full control)
+ * const { theme, setTheme, resolvedTheme, isDark, colors } = useTheme()
+ * setTheme('dark')
+ * setTheme('system')
  *
- * Automatically updates when theme changes.
+ * @example
+ * // Without ThemeProvider (read-only)
+ * const { isDark, colors } = useTheme()
+ * // colors.primary, colors.foreground, etc.
  */
 export declare function useTheme(): UseThemeReturn;
 export default useTheme;

package/dist/hooks/useTheme.js

@@ -1,56 +1,117 @@
-import { useState as m, useEffect as i } from "react";
-function c(t) {
-  const r = document.createElement("canvas");
-  r.width = r.height = 1;
-  const e = r.getContext("2d");
-  if (!e) return "#000000";
-  e.fillStyle = t, e.fillRect(0, 0, 1, 1);
-  const [o, n, a] = e.getImageData(0, 0, 1, 1).data;
-  return `#${((1 << 24) + (o << 16) + (n << 8) + a).toString(16).slice(1)}`;
+import { useState as i, useEffect as u, useMemo as m } from "react";
+import { useHasThemeProvider as d, useThemeContext as l } from "../components/ThemeProvider.js";
+const h = /* @__PURE__ */ new Set([
+  "dark",
+  "synthwave",
+  "halloween",
+  "forest",
+  "black",
+  "luxury",
+  "dracula",
+  "business",
+  "night",
+  "coffee",
+  "dim",
+  "sunset"
+]);
+function g(r) {
+  if (typeof document > "u") return "#000000";
+  const e = document.createElement("canvas");
+  e.width = e.height = 1;
+  const t = e.getContext("2d");
+  if (!t) return "#000000";
+  t.fillStyle = r, t.fillRect(0, 0, 1, 1);
+  const [n, o, s] = t.getImageData(0, 0, 1, 1).data;
+  return `#${((1 << 24) + (n << 16) + (o << 8) + s).toString(16).slice(1)}`;
 }
-function u() {
-  const t = getComputedStyle(document.documentElement), r = t.getPropertyValue("--b1").trim(), e = t.getPropertyValue("--bc").trim(), o = t.getPropertyValue("--p").trim(), n = t.getPropertyValue("--pc").trim();
+function a() {
+  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 r = getComputedStyle(document.documentElement), e = (t, n) => {
+    const o = r.getPropertyValue(t).trim();
+    return o ? g(o) : n;
+  };
   return {
-    background: r ? c(`oklch(${r})`) : "#ffffff",
-    foreground: e ? c(`oklch(${e})`) : "#000000",
-    primary: o ? c(`oklch(${o})`) : "#6366f1",
-    primaryContent: n ? c(`oklch(${n})`) : "#ffffff"
+    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 d() {
-  const [t, r] = m({
+function y() {
+  return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function b() {
+  return typeof document > "u" ? null : document.documentElement.getAttribute("data-theme");
+}
+function k() {
+  if (d()) {
+    const e = l();
+    return {
+      theme: e.theme,
+      resolvedTheme: e.resolvedTheme,
+      isDark: e.isDark,
+      setTheme: e.setTheme,
+      colors: e.colors,
+      systemTheme: e.systemTheme
+    };
+  }
+  return T();
+}
+function T() {
+  const [r, e] = i(() => ({
     isDark: !1,
-    colors: {
-      background: "#ffffff",
-      foreground: "#000000",
-      primary: "#6366f1",
-      primaryContent: "#ffffff"
-    }
-  });
-  return i(() => {
-    const e = () => {
-      const s = document.documentElement.getAttribute("data-theme"), f = s === "dark" || !s && window.matchMedia("(prefers-color-scheme: dark)").matches;
-      requestAnimationFrame(() => {
-        r({
-          isDark: f,
-          colors: u()
+    colors: a()
+  }));
+  return u(() => {
+    const t = () => {
+      const s = b(), f = y();
+      let c = !1;
+      s ? c = h.has(s) : c = f === "dark", requestAnimationFrame(() => {
+        e({
+          isDark: c,
+          colors: a()
         });
       });
     };
-    e();
-    const o = new MutationObserver(e);
-    o.observe(document.documentElement, {
+    t();
+    const n = new MutationObserver(t);
+    n.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["data-theme", "class"]
     });
-    const n = window.matchMedia("(prefers-color-scheme: dark)");
-    return n.addEventListener("change", e), () => {
-      o.disconnect(), n.removeEventListener("change", e);
+    const o = window.matchMedia("(prefers-color-scheme: dark)");
+    return o.addEventListener("change", t), () => {
+      n.disconnect(), o.removeEventListener("change", t);
     };
-  }, []), t;
+  }, []), m(() => ({
+    theme: void 0,
+    resolvedTheme: void 0,
+    isDark: r.isDark,
+    setTheme: void 0,
+    colors: r.colors,
+    systemTheme: void 0
+  }), [r.isDark, r.colors]);
 }
 export {
-  d as default,
-  d as useTheme
+  k as default,
+  k 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 } from 'react'\n\nexport interface ThemeColors {\n  /** Base background color (--b1 / base-100) */\n  background: string\n  /** Base content/text color (--bc / base-content) */\n  foreground: string\n  /** Primary color (--p / primary) */\n  primary: string\n  /** Primary content color (--pc / primary-content) */\n  primaryContent: string\n}\n\nexport interface UseThemeReturn {\n  /** Whether dark mode is active */\n  isDark: boolean\n  /** Computed theme colors as hex values */\n  colors: ThemeColors\n}\n\n// Convert any CSS color to hex\nfunction colorToHex(color: string): string {\n  const canvas = document.createElement('canvas')\n  canvas.width = canvas.height = 1\n  const ctx = canvas.getContext('2d')\n  if (!ctx) return '#000000'\n  ctx.fillStyle = color\n  ctx.fillRect(0, 0, 1, 1)\n  const [r, g, b] = ctx.getImageData(0, 0, 1, 1).data\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`\n}\n\nfunction getThemeColors(): ThemeColors {\n  const style = getComputedStyle(document.documentElement)\n\n  // Get computed colors from CSS custom properties\n  const background = style.getPropertyValue('--b1').trim()\n  const foreground = style.getPropertyValue('--bc').trim()\n  const primary = style.getPropertyValue('--p').trim()\n  const primaryContent = style.getPropertyValue('--pc').trim()\n\n  // DaisyUI uses oklch, convert to hex for canvas compatibility\n  return {\n    background: background ? colorToHex(`oklch(${background})`) : '#ffffff',\n    foreground: foreground ? colorToHex(`oklch(${foreground})`) : '#000000',\n    primary: primary ? colorToHex(`oklch(${primary})`) : '#6366f1',\n    primaryContent: primaryContent ? colorToHex(`oklch(${primaryContent})`) : '#ffffff',\n  }\n}\n\n/**\n * Hook to detect current theme and get computed colors\n *\n * Checks the `data-theme` attribute on the document root (for DaisyUI themes)\n * and falls back to system preference via `prefers-color-scheme`.\n *\n * Returns both the dark mode state and computed theme colors as hex values,\n * useful for canvas-based components that can't use CSS variables directly.\n *\n * Automatically updates when theme changes.\n */\nexport function useTheme(): UseThemeReturn {\n  const [state, setState] = useState<UseThemeReturn>({\n    isDark: false,\n    colors: {\n      background: '#ffffff',\n      foreground: '#000000',\n      primary: '#6366f1',\n      primaryContent: '#ffffff',\n    }\n  })\n\n  useEffect(() => {\n    const checkTheme = () => {\n      const html = document.documentElement\n      const theme = html.getAttribute('data-theme')\n      // Check for explicit dark theme or system preference\n      const isDark = theme === 'dark' ||\n        (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)\n\n      // Small delay to ensure CSS variables are updated\n      requestAnimationFrame(() => {\n        setState({\n          isDark,\n          colors: getThemeColors()\n        })\n      })\n    }\n\n    checkTheme()\n\n    // Watch for theme changes via attribute mutation\n    const observer = new MutationObserver(checkTheme)\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['data-theme', 'class']\n    })\n\n    // Also watch for system preference changes\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    mediaQuery.addEventListener('change', checkTheme)\n\n    return () => {\n      observer.disconnect()\n      mediaQuery.removeEventListener('change', checkTheme)\n    }\n  }, [])\n\n  return state\n}\n\nexport default useTheme\n"],"names":["colorToHex","color","canvas","ctx","r","g","b","getThemeColors","style","background","foreground","primary","primaryContent","useTheme","state","setState","useState","useEffect","checkTheme","theme","isDark","observer","mediaQuery"],"mappings":";AAqBA,SAASA,EAAWC,GAAuB;AACzC,QAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,EAAAA,EAAO,QAAQA,EAAO,SAAS;AAC/B,QAAMC,IAAMD,EAAO,WAAW,IAAI;AAClC,MAAI,CAACC,EAAK,QAAO;AACjB,EAAAA,EAAI,YAAYF,GAChBE,EAAI,SAAS,GAAG,GAAG,GAAG,CAAC;AACvB,QAAM,CAACC,GAAGC,GAAGC,CAAC,IAAIH,EAAI,aAAa,GAAG,GAAG,GAAG,CAAC,EAAE;AAC/C,SAAO,MAAM,KAAK,OAAOC,KAAK,OAAOC,KAAK,KAAKC,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC;AACzE;AAEA,SAASC,IAA8B;AACrC,QAAMC,IAAQ,iBAAiB,SAAS,eAAe,GAGjDC,IAAaD,EAAM,iBAAiB,MAAM,EAAE,KAAA,GAC5CE,IAAaF,EAAM,iBAAiB,MAAM,EAAE,KAAA,GAC5CG,IAAUH,EAAM,iBAAiB,KAAK,EAAE,KAAA,GACxCI,IAAiBJ,EAAM,iBAAiB,MAAM,EAAE,KAAA;AAGtD,SAAO;AAAA,IACL,YAAYC,IAAaT,EAAW,SAASS,CAAU,GAAG,IAAI;AAAA,IAC9D,YAAYC,IAAaV,EAAW,SAASU,CAAU,GAAG,IAAI;AAAA,IAC9D,SAASC,IAAUX,EAAW,SAASW,CAAO,GAAG,IAAI;AAAA,IACrD,gBAAgBC,IAAiBZ,EAAW,SAASY,CAAc,GAAG,IAAI;AAAA,EAAA;AAE9E;AAaO,SAASC,IAA2B;AACzC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAyB;AAAA,IACjD,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,gBAAgB;AAAA,IAAA;AAAA,EAClB,CACD;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAa,MAAM;AAEvB,YAAMC,IADO,SAAS,gBACH,aAAa,YAAY,GAEtCC,IAASD,MAAU,UACtB,CAACA,KAAS,OAAO,WAAW,8BAA8B,EAAE;AAG/D,4BAAsB,MAAM;AAC1B,QAAAJ,EAAS;AAAA,UACP,QAAAK;AAAA,UACA,QAAQb,EAAA;AAAA,QAAe,CACxB;AAAA,MACH,CAAC;AAAA,IACH;AAEA,IAAAW,EAAA;AAGA,UAAMG,IAAW,IAAI,iBAAiBH,CAAU;AAChD,IAAAG,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,cAAc,OAAO;AAAA,IAAA,CACxC;AAGD,UAAMC,IAAa,OAAO,WAAW,8BAA8B;AACnE,WAAAA,EAAW,iBAAiB,UAAUJ,CAAU,GAEzC,MAAM;AACX,MAAAG,EAAS,WAAA,GACTC,EAAW,oBAAoB,UAAUJ,CAAU;AAAA,IACrD;AAAA,EACF,GAAG,CAAA,CAAE,GAEEJ;AACT;"}
+{"version":3,"file":"useTheme.js","sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useEffect, useState, useMemo } from 'react'\nimport { useHasThemeProvider, useThemeContext, type ThemeColors } from '../components/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  /** Computed theme colors as hex values */\n  colors: ThemeColors\n  /** The system preference. Only available with ThemeProvider. */\n  systemTheme: 'light' | 'dark' | undefined\n}\n\n// Convert any CSS color to hex\nfunction colorToHex(color: string): string {\n  if (typeof document === 'undefined') return '#000000'\n  const canvas = document.createElement('canvas')\n  canvas.width = canvas.height = 1\n  const ctx = canvas.getContext('2d')\n  if (!ctx) return '#000000'\n  ctx.fillStyle = color\n  ctx.fillRect(0, 0, 1, 1)\n  const [r, g, b] = ctx.getImageData(0, 0, 1, 1).data\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`\n}\n\nfunction 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\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 * @example\n * // With ThemeProvider (full control)\n * const { theme, setTheme, resolvedTheme, isDark, colors } = useTheme()\n * setTheme('dark')\n * setTheme('system')\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 we have a provider, use its context\n  if (hasProvider) {\n    // This is safe because hasProvider is stable after initial render\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const context = useThemeContext()\n    return {\n      theme: context.theme,\n      resolvedTheme: context.resolvedTheme,\n      isDark: context.isDark,\n      setTheme: context.setTheme,\n      colors: context.colors,\n      systemTheme: context.systemTheme,\n    }\n  }\n\n  // Standalone mode - no provider\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useThemeStandalone()\n}\n\n/**\n * Standalone theme detection (no ThemeProvider)\n */\nfunction useThemeStandalone(): UseThemeReturn {\n  const [state, setState] = useState<{ isDark: boolean; colors: ThemeColors }>(() => ({\n    isDark: false,\n    colors: getThemeColors(),\n  }))\n\n  useEffect(() => {\n    const updateTheme = () => {\n      const currentTheme = getCurrentTheme()\n      const systemTheme = getSystemTheme()\n\n      // Determine if dark based on data-theme or system preference\n      let isDark = false\n      if (currentTheme) {\n        isDark = DARK_THEMES.has(currentTheme)\n      } else {\n        isDark = systemTheme === 'dark'\n      }\n\n      // Update colors after a frame\n      requestAnimationFrame(() => {\n        setState({\n          isDark,\n          colors: getThemeColors(),\n        })\n      })\n    }\n\n    updateTheme()\n\n    // Watch for theme changes via attribute mutation\n    const observer = new MutationObserver(updateTheme)\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['data-theme', 'class']\n    })\n\n    // Watch for system preference changes\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: state.isDark,\n    setTheme: undefined,\n    colors: state.colors,\n    systemTheme: undefined,\n  }), [state.isDark, state.colors])\n}\n\nexport default useTheme\n"],"names":["DARK_THEMES","colorToHex","color","canvas","ctx","r","g","b","getThemeColors","style","getColor","varName","fallback","value","getSystemTheme","getCurrentTheme","useTheme","useHasThemeProvider","context","useThemeContext","useThemeStandalone","state","setState","useState","useEffect","updateTheme","currentTheme","systemTheme","isDark","observer","mediaQuery","useMemo"],"mappings":"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"}

package/dist/index.d.ts

@@ -14,8 +14,8 @@ export { Breadcrumb } from './components/Breadcrumb';
 export type { BreadcrumbProps, BreadcrumbItemProps } from './components/Breadcrumb';
 export { Button } from './components/Button';
 export type { ButtonProps } from './components/Button';
-export { IconSizeContext } from './contexts/IconSizeContext';
-export type { IconSize } from './contexts/IconSizeContext';
+export { SizeContext, SizeProvider, useSize } from './contexts/SizeContext';
+export type { Size } from './contexts/SizeContext';
 export { CopyButton } from './components/CopyButton';
 export type { CopyButtonProps, CopyButtonPosition } from './components/CopyButton';
 export { Checkbox } from './components/Checkbox';
@@ -174,6 +174,8 @@ export { Tag, CheckableTag, TagLiveRegion } from './components/Tag';
 export type { TagProps, CheckableTagProps, TagSize, TagColor, TagVariant } from './components/Tag';
 export { ThemeController } from './components/ThemeController';
 export type { ThemeControllerSwapProps, ThemeControllerDropdownProps, ThemeControllerToggleProps } from './components/ThemeController';
+export { ThemeProvider, useThemeContext, useHasThemeProvider } from './components/ThemeProvider';
+export type { ThemeProviderProps, ThemeContextValue } from './components/ThemeProvider';
 export { TimePicker } from './components/TimePicker';
 export type { TimePickerProps } from './components/TimePicker';
 export { Timeline } from './components/Timeline';