chesai-ui 0.16.2 → 0.16.4

package/dist/context/heatmap-chart.d.ts

@@ -0,0 +1,25 @@
+export interface HeatmapDataPoint {
+    x: string;
+    y: string;
+    value: number;
+    label?: string;
+}
+export interface HeatmapChartProps {
+    data: HeatmapDataPoint[];
+    /** Explicit sequence of columns along the X-axis */
+    xLabels: string[];
+    /** Explicit sequence of rows along the Y-axis */
+    yLabels: string[];
+    /** Theme palette coloring (maps to container colors) */
+    variant?: "primary" | "secondary" | "tertiary" | "error";
+    /** Cell corner rounding */
+    shape?: "full" | "minimal" | "sharp";
+    height?: number | string;
+    className?: string;
+    /** Custom formatter function for values displayed inside tooltips */
+    valueFormatter?: (value: number) => string;
+    /** Color overrides. If empty, dynamically binds to MD3 color theme variables. */
+    colorScale?: string[];
+    showLabels?: boolean;
+}
+export declare const HeatmapChart: ({ data, xLabels, yLabels, variant, shape, height, className, valueFormatter, showLabels, }: HeatmapChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.mjs

@@ -4,7 +4,7 @@ import "react-medium-image-zoom/dist/styles.css";
 import { default as p } from "./components/device/index.mjs";
 import { default as i } from "./components/material3-carousel/Carousel.mjs";
 import { default as l } from "./components/material3-carousel/CarouselItem.mjs";
-import { Popover as x, PopoverAnchor as f, PopoverArrow as d, PopoverClose as s, PopoverContent as S, PopoverPortal as c, PopoverTrigger as C } from "./components/popover/index.mjs";
+import { Popover as u, PopoverAnchor as f, PopoverArrow as d, PopoverClose as s, PopoverContent as S, PopoverPortal as c, PopoverTrigger as C } from "./components/popover/index.mjs";
 import { Accordion as T } from "./components/accordion/index.mjs";
 import { Alert as D, AlertAction as g, AlertContent as P, AlertDescription as h, AlertIcon as F, AlertTitle as B } from "./components/alert/index.mjs";
 import { AppBar as A, useAppBarContext as w } from "./components/appbar/index.mjs";
@@ -18,7 +18,7 @@ import { BouncyBox as j } from "./components/bouncy-box/index.mjs";
 import { Breadcrumb as J, BreadcrumbEllipsis as U, BreadcrumbItem as X, BreadcrumbLink as Y, BreadcrumbList as Z, BreadcrumbPage as $, BreadcrumbRoot as oo, BreadcrumbSeparator as ro } from "./components/breadcrumb/index.mjs";
 import { Button as to, buttonVariants as ao } from "./components/button/index.mjs";
 import { ButtonGroup as mo } from "./components/button-group/index.mjs";
-import { Card as no, CardGroup as lo, cardVariants as uo } from "./components/card/index.mjs";
+import { Card as no, CardGroup as lo, cardVariants as xo } from "./components/card/index.mjs";
 import { AreaChart as fo } from "./components/charts/area-chart.mjs";
 import { BarChart as So } from "./components/charts/bar-chart.mjs";
 import { LineChart as Co } from "./components/charts/line-chart.mjs";
@@ -39,7 +39,7 @@ import { advancedFilterFn as or, advancedFilterFn as rr } from "./components/dat
 import { DataTableContext as tr } from "./components/data-table/context.mjs";
 import { DataTable as pr } from "./components/data-table/index.mjs";
 import { dateInputSlots as ir, dateInputStyles as nr, getDateInputSlotClassNames as lr } from "./components/date-input/date-input-styles.mjs";
-import { DateInputGroup as xr } from "./components/date-input/date-input-group.mjs";
+import { DateInputGroup as ur } from "./components/date-input/date-input-group.mjs";
 import { DateInputSegment as dr } from "./components/date-input/date-input-segment.mjs";
 import { DateInputField as Sr } from "./components/date-input/date-input-field.mjs";
 import { useDateInput as Cr } from "./components/date-input/use-date-input.mjs";
@@ -55,7 +55,7 @@ import { DatePicker as Er } from "./components/date-picker/date-picker.mjs";
 import { InfiniteCalendar as Hr } from "./components/date-picker/infinite-calendar.mjs";
 import { Dialog as zr, DialogBody as Qr, DialogClose as Kr, DialogContent as Wr, DialogDescription as _r, DialogFooter as jr, DialogHeader as qr, DialogTitle as Jr, DialogTrigger as Ur } from "./components/dialog/index.mjs";
 import { Divider as Yr } from "./components/divider/index.mjs";
-import { DropdownMenu as $r, DropdownMenuCheckboxItem as oe, DropdownMenuContent as re, DropdownMenuGroup as ee, DropdownMenuItem as te, DropdownMenuLabel as ae, DropdownMenuPortal as pe, DropdownMenuRadioGroup as me, DropdownMenuRadioItem as ie, DropdownMenuSeparator as ne, DropdownMenuShortcut as le, DropdownMenuSub as ue, DropdownMenuSubContent as xe, DropdownMenuSubTrigger as fe, DropdownMenuTrigger as de } from "./components/dropdown-menu/index.mjs";
+import { DropdownMenu as $r, DropdownMenuCheckboxItem as oe, DropdownMenuContent as re, DropdownMenuGroup as ee, DropdownMenuItem as te, DropdownMenuLabel as ae, DropdownMenuPortal as pe, DropdownMenuRadioGroup as me, DropdownMenuRadioItem as ie, DropdownMenuSeparator as ne, DropdownMenuShortcut as le, DropdownMenuSub as xe, DropdownMenuSubContent as ue, DropdownMenuSubTrigger as fe, DropdownMenuTrigger as de } from "./components/dropdown-menu/index.mjs";
 import { Dropzone as Se, VirtualDropzone as ce } from "./components/dropzone/index.mjs";
 import { ElasticScrollArea as be } from "./components/elastic-scroll-area/index.mjs";
 import { EmptyState as Ie } from "./components/empty-state/index.mjs";
@@ -71,7 +71,7 @@ import { inputWrapperVariants as Ue } from "./components/input/input-styles.mjs"
 import { Input as Ye } from "./components/input/index.mjs";
 import { InputGroup as $e, InputGroupAddon as ot, InputGroupInput as rt, InputGroupText as et, InputGroupTextarea as tt } from "./components/input-group/index.mjs";
 import { InstallCommand as pt } from "./components/install-command/index.mjs";
-import { Item as it, ItemActions as nt, ItemContent as lt, ItemDescription as ut, ItemExpandedContent as xt, ItemFooter as ft, ItemGroup as dt, ItemHeader as st, ItemMedia as St, ItemSeparator as ct, ItemTitle as Ct, useItem as bt } from "./components/item/index.mjs";
+import { Item as it, ItemActions as nt, ItemContent as lt, ItemDescription as xt, ItemExpandedContent as ut, ItemFooter as ft, ItemGroup as dt, ItemHeader as st, ItemMedia as St, ItemSeparator as ct, ItemTitle as Ct, useItem as bt } from "./components/item/index.mjs";
 import { Kbd as It } from "./components/kbd/index.mjs";
 import { DismissibleContext as gt, LayoutRouter as Pt, useLayoutRouter as ht } from "./components/layout-router/index.mjs";
 import { LayoutDirectionToggle as Bt } from "./components/layout-toggle/index.mjs";
@@ -91,7 +91,7 @@ import { Menubar as ra } from "./components/menubar/index.mjs";
 import { MultiSelect as ta } from "./components/multi-select/index.mjs";
 import { NavigationMenu as pa, navigationMenuTriggerStyle as ma } from "./components/navigation-menu/index.mjs";
 import { NavigationRail as na, useNavigationRail as la } from "./components/navigation-rail/index.mjs";
-import { NumberInput as xa } from "./components/number-input/index.mjs";
+import { NumberInput as ua } from "./components/number-input/index.mjs";
 import { InputOTP as da, InputOTPGroup as sa, InputOTPSeparator as Sa, InputOTPSlot as ca } from "./components/otp-field/index.mjs";
 import { CircularProgress as ba } from "./components/progress/circular-progress.mjs";
 import { LinearProgress as Ia } from "./components/progress/linear-progress.mjs";
@@ -106,7 +106,7 @@ import { Separator as ja } from "./components/separator/index.mjs";
 import { ShallowPage as Ja, ShallowRoute as Ua, ShallowRouter as Xa, ShallowSwitch as Ya, useRouter as Za, useRouterOptions as $a } from "./components/shallow-router/index.mjs";
 import { SHAPE_PATHS as rp } from "./components/shape/paths.mjs";
 import { ShapedBadge as tp, ShapedButton as ap, ShapedContainer as pp, ShapedIcon as mp, ShapedIconButton as ip, ShapedImage as np } from "./components/shape/shaped-components.mjs";
-import { Shape as up } from "./components/shape/index.mjs";
+import { Shape as xp } from "./components/shape/index.mjs";
 import { Sheet as fp, SheetClose as dp, SheetContent as sp, SheetDescription as Sp, SheetFooter as cp, SheetGrabber as Cp, SheetHeader as bp, SheetTitle as Tp, SheetTrigger as Ip } from "./components/sheet/index.mjs";
 import { Sidebar as gp, SidebarProvider as Pp, useSidebar as hp } from "./components/sidebar/index.mjs";
 import { Skeleton as Bp } from "./components/skeleton/index.mjs";
@@ -121,7 +121,7 @@ import { Table as jp, TableCell as qp, TableHead as Jp, TableRoot as Up, TableRo
 import { Tabs as am, useTabs as pm } from "./components/tabs/index.mjs";
 import { Taskbar as im } from "./components/taskbar/index.mjs";
 import { Textarea as lm } from "./components/textarea/index.mjs";
-import { FontPicker as xm } from "./components/theme-controls/FontPicker.mjs";
+import { FontPicker as um } from "./components/theme-controls/FontPicker.mjs";
 import { Timeline as dm } from "./components/timeline/index.mjs";
 import { TimePicker as Sm } from "./components/time-picker/index.mjs";
 import { toast as Cm } from "sonner";
@@ -141,26 +141,27 @@ import { useStudioStore as qm } from "./components/website-studio/store.mjs";
 import { WebsiteStudio as Um } from "./components/website-studio/index.mjs";
 import { usePlayhead as Ym } from "./components/playlist-studio/use-playhead.mjs";
 import { PlaylistPlayer as $m } from "./components/playlist-studio/player.mjs";
-import { PlaylistAudio as ri, PlaylistImage as ei, PlaylistVideo as ti, defaultPlaylistRegistry as ai } from "./components/playlist-studio/elements.mjs";
-import { PlaylistStudio as mi } from "./components/playlist-studio/index.mjs";
-import { ActionSheetProvider as ni, useActionSheet as li } from "./context/ActionSheetProvider.mjs";
-import { ChesaiProvider as xi } from "./context/ChesaiProvider.mjs";
-import { DialogProvider as di, useDialog as si } from "./context/DialogProvider.mjs";
-import { LayoutProvider as ci, useLayout as Ci } from "./context/layout-context.mjs";
-import { ThemeProvider as Ti, useTheme as Ii, useThemeTransition as Di } from "./context/ThemeProvider.mjs";
-import { useCalendar as Pi } from "./hooks/use-calender.mjs";
-import { useTimePicker as Fi } from "./hooks/use-time-picker.mjs";
-import { useAppBar as Mi } from "./hooks/useAppBar.mjs";
-import { useCapacitorBackButton as wi } from "./hooks/useCapacitorBackButton.mjs";
-import { useFlubber as Ri } from "./hooks/useFlubber.mjs";
-import { useMaterialRipple as Gi } from "./hooks/useMaterialRipple.mjs";
-import { useWindowSizeClass as Vi } from "./hooks/useWindowSizeClass.mjs";
-import { PRESET_FONTS as Ei, loadGoogleFont as Ni } from "./utils/font-loader.mjs";
-import { CSS_MAPPING as Oi, applyThemeVariables as zi, clearThemeVariables as Qi } from "./utils/theme-generator.mjs";
-import { chesaiColors as Wi } from "./utils/tailwind-preset.mjs";
+import { PreloadContext as ri, usePreload as ei } from "./components/playlist-studio/preload-context.mjs";
+import { PlaylistAudio as ai, PlaylistHtml as pi, PlaylistImage as mi, PlaylistVideo as ii, defaultPlaylistRegistry as ni } from "./components/playlist-studio/elements.mjs";
+import { PlaylistStudio as xi } from "./components/playlist-studio/index.mjs";
+import { ActionSheetProvider as fi, useActionSheet as di } from "./context/ActionSheetProvider.mjs";
+import { ChesaiProvider as Si } from "./context/ChesaiProvider.mjs";
+import { DialogProvider as Ci, useDialog as bi } from "./context/DialogProvider.mjs";
+import { LayoutProvider as Ii, useLayout as Di } from "./context/layout-context.mjs";
+import { ThemeProvider as Pi, useTheme as hi, useThemeTransition as Fi } from "./context/ThemeProvider.mjs";
+import { useCalendar as Mi } from "./hooks/use-calender.mjs";
+import { useTimePicker as wi } from "./hooks/use-time-picker.mjs";
+import { useAppBar as Ri } from "./hooks/useAppBar.mjs";
+import { useCapacitorBackButton as Gi } from "./hooks/useCapacitorBackButton.mjs";
+import { useFlubber as Vi } from "./hooks/useFlubber.mjs";
+import { useMaterialRipple as Ei } from "./hooks/useMaterialRipple.mjs";
+import { useWindowSizeClass as Hi } from "./hooks/useWindowSizeClass.mjs";
+import { PRESET_FONTS as zi, loadGoogleFont as Qi } from "./utils/font-loader.mjs";
+import { CSS_MAPPING as Wi, applyThemeVariables as _i, clearThemeVariables as ji } from "./utils/theme-generator.mjs";
+import { chesaiColors as Ji } from "./utils/tailwind-preset.mjs";
 export {
   T as Accordion,
-  ni as ActionSheetProvider,
+  fi as ActionSheetProvider,
   D as Alert,
   g as AlertAction,
   P as AlertContent,
@@ -186,7 +187,7 @@ export {
   ro as BreadcrumbSeparator,
   to as Button,
   mo as ButtonGroup,
-  Oi as CSS_MAPPING,
+  Wi as CSS_MAPPING,
   Vr as Calendar,
   no as Card,
   lo as CardGroup,
@@ -194,7 +195,7 @@ export {
   l as CarouselItem,
   Do as Checkbox,
   Jt as ChesaiMap,
-  xi as ChesaiProvider,
+  Si as ChesaiProvider,
   Po as Chip,
   ba as CircularProgress,
   Fo as CodeEditor,
@@ -221,7 +222,7 @@ export {
   Xo as DataTableToolbar,
   Fr as DateInput,
   Sr as DateInputField,
-  xr as DateInputGroup,
+  ur as DateInputGroup,
   dr as DateInputSegment,
   Er as DatePicker,
   p as DeviceFrame,
@@ -232,7 +233,7 @@ export {
   _r as DialogDescription,
   jr as DialogFooter,
   qr as DialogHeader,
-  di as DialogProvider,
+  Ci as DialogProvider,
   Jr as DialogTitle,
   Ur as DialogTrigger,
   gt as DismissibleContext,
@@ -248,8 +249,8 @@ export {
   ie as DropdownMenuRadioItem,
   ne as DropdownMenuSeparator,
   le as DropdownMenuShortcut,
-  ue as DropdownMenuSub,
-  xe as DropdownMenuSubContent,
+  xe as DropdownMenuSub,
+  ue as DropdownMenuSubContent,
   fe as DropdownMenuSubTrigger,
   de as DropdownMenuTrigger,
   Se as Dropzone,
@@ -268,7 +269,7 @@ export {
   At as Flex,
   wt as FlexItem,
   Le as FloatingPanel,
-  xm as FontPicker,
+  um as FontPicker,
   Ee as FullCalendar,
   Ne as FullCalendarViewDispatcher,
   Rt as Grid,
@@ -291,8 +292,8 @@ export {
   it as Item,
   nt as ItemActions,
   lt as ItemContent,
-  ut as ItemDescription,
-  xt as ItemExpandedContent,
+  xt as ItemDescription,
+  ut as ItemExpandedContent,
   ft as ItemFooter,
   dt as ItemGroup,
   st as ItemHeader,
@@ -303,7 +304,7 @@ export {
   N as KanbanBoard,
   It as Kbd,
   Bt as LayoutDirectionToggle,
-  ci as LayoutProvider,
+  Ii as LayoutProvider,
   Pt as LayoutRouter,
   Qt as LexicalEditor,
   Co as LineChart,
@@ -317,21 +318,23 @@ export {
   ta as MultiSelect,
   pa as NavigationMenu,
   na as NavigationRail,
-  xa as NumberInput,
-  Ei as PRESET_FONTS,
+  ua as NumberInput,
+  zi as PRESET_FONTS,
   To as PieChart,
-  ri as PlaylistAudio,
-  ei as PlaylistImage,
+  ai as PlaylistAudio,
+  pi as PlaylistHtml,
+  mi as PlaylistImage,
   $m as PlaylistPlayer,
-  mi as PlaylistStudio,
-  ti as PlaylistVideo,
-  x as Popover,
+  xi as PlaylistStudio,
+  ii as PlaylistVideo,
+  u as Popover,
   f as PopoverAnchor,
   d as PopoverArrow,
   s as PopoverClose,
   S as PopoverContent,
   c as PopoverPortal,
   C as PopoverTrigger,
+  ri as PreloadContext,
   He as PrintHeader,
   Oe as PrintPagesLayout,
   ga as PullToRefresh,
@@ -356,7 +359,7 @@ export {
   Ua as ShallowRoute,
   Xa as ShallowRouter,
   Ya as ShallowSwitch,
-  up as Shape,
+  xp as Shape,
   tp as ShapedBadge,
   ap as ShapedButton,
   pp as ShapedContainer,
@@ -390,7 +393,7 @@ export {
   am as Tabs,
   im as Taskbar,
   lm as Textarea,
-  Ti as ThemeProvider,
+  Pi as ThemeProvider,
   Mr as TimeInput,
   Sm as TimePicker,
   dm as Timeline,
@@ -409,21 +412,21 @@ export {
   Ot as VirtualMasonry,
   Um as WebsiteStudio,
   or as advancedFilterFn,
-  zi as applyThemeVariables,
+  _i as applyThemeVariables,
   ao as buttonVariants,
-  uo as cardVariants,
-  Wi as chesaiColors,
-  Qi as clearThemeVariables,
+  xo as cardVariants,
+  Ji as chesaiColors,
+  ji as clearThemeVariables,
   Ep as createStackNavigator,
   ir as dateInputSlots,
   nr as dateInputStyles,
   Km as defaultActions,
-  ai as defaultPlaylistRegistry,
+  ni as defaultPlaylistRegistry,
   Dr as formatDuration,
   lr as getDateInputSlotClassNames,
   Ke as iconButtonVariants,
   Ue as inputWrapperVariants,
-  Ni as loadGoogleFont,
+  Qi as loadGoogleFont,
   ma as navigationMenuTriggerStyle,
   rr as numericFilterFn,
   gr as parseDuration,
@@ -433,28 +436,29 @@ export {
   om as thVariants,
   Cm as toast,
   rm as trVariants,
-  li as useActionSheet,
-  Mi as useAppBar,
+  di as useActionSheet,
+  Ri as useAppBar,
   w as useAppBarContext,
-  Pi as useCalendar,
-  wi as useCapacitorBackButton,
+  Mi as useCalendar,
+  Gi as useCapacitorBackButton,
   Cr as useDateInput,
-  si as useDialog,
+  bi as useDialog,
   Pr as useDurationInput,
   Np as useExternalStackState,
   Fe as useFABMenu,
   ve as useField,
   Ve as useFloatingPanel,
-  Ri as useFlubber,
+  Vi as useFlubber,
   Lm as useGlobalViewTransitions,
   bt as useItem,
-  Ci as useLayout,
+  Di as useLayout,
   ht as useLayoutRouter,
   Yt as useMap,
-  Gi as useMaterialRipple,
+  Ei as useMaterialRipple,
   Hp as useNavigation,
   la as useNavigationRail,
   Ym as usePlayhead,
+  ei as usePreload,
   La as useResizableState,
   Op as useRoute,
   Za as useRouter,
@@ -467,11 +471,11 @@ export {
   em as useTableContext,
   pm as useTabs,
   Lp as useTanStackRouterAdapter,
-  Ii as useTheme,
-  Di as useThemeTransition,
+  hi as useTheme,
+  Fi as useThemeTransition,
   Tr as useTimeInput,
-  Fi as useTimePicker,
+  wi as useTimePicker,
   Bm as useTooltip,
   vm as useViewTransition,
-  Vi as useWindowSizeClass
+  Hi as useWindowSizeClass
 };

package/dist/utils/theme-generator.d.ts

@@ -41,7 +41,7 @@ export type ThemeOverrides = Partial<Record<ThemeColorKey, string>>;
 /**
  * Generates an MD3 Palette from a hex color AND/OR applies manual overrides.
  */
-export declare function applyThemeVariables(seedColorHex: string | null, isDark: boolean, contrast: 'standard' | 'medium' | 'high', overrides?: ThemeOverrides): void;
+export declare function applyThemeVariables(seedColorHex: string | null, isDark: boolean, contrast: 'standard' | 'medium' | 'high', overrides?: ThemeOverrides, colorMatch?: boolean): void;
 /**
  * Removes dynamically injected theme variables.
  */

package/dist/utils/theme-generator.mjs

@@ -1,16 +1,16 @@
-import { Hct as b, argbFromHex as g, SchemeTonalSpot as $, MaterialDynamicColors as C, TonalPalette as S, redFromArgb as T, greenFromArgb as E, blueFromArgb as A } from "@material/material-color-utilities";
-function u(r) {
-  return `${T(r)} ${E(r)} ${A(r)}`;
+import { Hct as b, argbFromHex as g, SchemeContent as S, SchemeTonalSpot as T, MaterialDynamicColors as C, TonalPalette as E, redFromArgb as A, greenFromArgb as P, blueFromArgb as w } from "@material/material-color-utilities";
+function u(n) {
+  return `${A(n)} ${P(n)} ${w(n)}`;
 }
-function P(r) {
-  if (r.startsWith("#"))
+function V(n) {
+  if (n.startsWith("#"))
     try {
-      const a = g(r);
-      return u(a);
+      const t = g(n);
+      return u(t);
     } catch {
-      return r;
+      return n;
     }
-  return r.replace(/^rgb\((.+)\)$/, "$1").replace(/,/g, " ");
+  return n.replace(/^rgb\((.+)\)$/, "$1").replace(/,/g, " ");
 }
 const s = {
   primary: "primary",
@@ -49,62 +49,62 @@ const s = {
   surfaceContainer: "surface-container",
   surfaceContainerHigh: "surface-container-high",
   surfaceContainerHighest: "surface-container-highest"
-}, V = {
+}, F = {
   primary: { on: "onPrimary", container: "primaryContainer", onContainer: "onPrimaryContainer" },
   secondary: { on: "onSecondary", container: "secondaryContainer", onContainer: "onSecondaryContainer" },
   tertiary: { on: "onTertiary", container: "tertiaryContainer", onContainer: "onTertiaryContainer" },
   error: { on: "onError", container: "errorContainer", onContainer: "onErrorContainer" }
 };
-function O(r, a, d, m = {}) {
-  const h = document.documentElement, c = {};
-  if (r)
+function v(n, t, d, m = {}, h = !1) {
+  const p = document.documentElement, c = {};
+  if (n)
     try {
-      const o = b.fromInt(g(r));
-      let n = 0;
-      d === "medium" && (n = 0.5), d === "high" && (n = 1);
-      const t = new $(o, a, n);
+      const o = b.fromInt(g(n));
+      let r = 0;
+      d === "medium" && (r = 0.5), d === "high" && (r = 1);
+      const a = h ? new S(o, t, r) : new T(o, t, r);
       Object.entries(s).forEach(([f, i]) => {
         const y = C[f];
         if (y && typeof y.getArgb == "function") {
-          const l = y.getArgb(t);
+          const l = y.getArgb(a);
           c[`--md-sys-color-${i}`] = `rgb(${u(l)})`;
         }
       });
-      const e = C.primary.getArgb(t);
+      const e = C.primary.getArgb(a);
       c["--md-sys-color-surface-tint"] = `rgb(${u(e)})`;
     } catch (o) {
       console.error("Failed to generate Material Theme from seed color:", o);
     }
-  if (Object.entries(V).forEach(([o, n]) => {
-    const t = m[o];
-    if (t && t.startsWith("#"))
+  if (Object.entries(F).forEach(([o, r]) => {
+    const a = m[o];
+    if (a && a.startsWith("#"))
       try {
-        const e = g(t), f = b.fromInt(e), i = S.fromHueAndChroma(f.hue, f.chroma), y = f.tone < 60 ? 100 : 10, l = a ? 30 : 90, p = a ? 90 : 10;
-        m[n.on] || (c[`--md-sys-color-${s[n.on]}`] = `rgb(${u(i.tone(y))})`), m[n.container] || (c[`--md-sys-color-${s[n.container]}`] = `rgb(${u(i.tone(l))})`), m[n.onContainer] || (c[`--md-sys-color-${s[n.onContainer]}`] = `rgb(${u(i.tone(p))})`);
+        const e = g(a), f = b.fromInt(e), i = E.fromHueAndChroma(f.hue, f.chroma), y = f.tone < 60 ? 100 : 10, l = t ? 30 : 90, $ = t ? 90 : 10;
+        m[r.on] || (c[`--md-sys-color-${s[r.on]}`] = `rgb(${u(i.tone(y))})`), m[r.container] || (c[`--md-sys-color-${s[r.container]}`] = `rgb(${u(i.tone(l))})`), m[r.onContainer] || (c[`--md-sys-color-${s[r.onContainer]}`] = `rgb(${u(i.tone($))})`);
       } catch (e) {
         console.warn(`Failed to auto-generate contrast palette for override ${o}:`, e);
       }
-  }), Object.entries(m).forEach(([o, n]) => {
-    if (n && s[o]) {
-      const t = s[o], e = P(n), i = /^\d{1,3}\s\d{1,3}\s\d{1,3}$/.test(e) ? `rgb(${e})` : e;
-      c[`--md-sys-color-${t}`] = i;
+  }), Object.entries(m).forEach(([o, r]) => {
+    if (r && s[o]) {
+      const a = s[o], e = V(r), i = /^\d{1,3}\s\d{1,3}\s\d{1,3}$/.test(e) ? `rgb(${e})` : e;
+      c[`--md-sys-color-${a}`] = i;
     }
-  }), !r && Object.keys(m).length === 0) {
-    w();
+  }), !n && Object.keys(m).length === 0) {
+    O();
     return;
   }
-  Object.entries(c).forEach(([o, n]) => {
-    h.style.setProperty(o, n);
+  Object.entries(c).forEach(([o, r]) => {
+    p.style.setProperty(o, r);
   });
 }
-function w() {
-  const r = document.documentElement;
-  Object.values(s).forEach((a) => {
-    r.style.removeProperty(`--md-sys-color-${a}`);
-  }), r.style.removeProperty("--md-sys-color-surface-tint");
+function O() {
+  const n = document.documentElement;
+  Object.values(s).forEach((t) => {
+    n.style.removeProperty(`--md-sys-color-${t}`);
+  }), n.style.removeProperty("--md-sys-color-surface-tint");
 }
 export {
   s as CSS_MAPPING,
-  O as applyThemeVariables,
-  w as clearThemeVariables
+  v as applyThemeVariables,
+  O as clearThemeVariables
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "chesai-ui",
   "private": false,
-  "version": "0.16.2",
+  "version": "0.16.4",
   "packageManager": "pnpm@10.12.1",
   "repository": {
     "type": "git",