@rinzai/zen 0.10.2 → 0.11.0

package/dist/input-group/index.js

@@ -1,13 +1,13 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { FIELD_WITHIN as t } from "../utils/styles.js";
-import { useFieldProps as n } from "../field/index.js";
+import { useFieldProps as t } from "../field/index.js";
+import { FIELD_WITHIN as n } from "../utils/styles.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region packages/input-group/index.tsx
-function i({ invalid: n, className: i, onMouseDown: a, ...o }) {
+function i({ invalid: t, className: i, onMouseDown: a, ...o }) {
 	return /* @__PURE__ */ r("div", {
-		"data-invalid": n || void 0,
-		className: e("zen__input-group cursor-text", t, "has-disabled:bg-muted has-disabled:text-muted-foreground has-disabled:cursor-not-allowed", "data-invalid:border-destructive data-invalid:focus-within:border-destructive data-invalid:focus-within:shadow-[0_0_0_3px_oklch(var(--destructive)/0.16)]", i),
+		"data-invalid": t || void 0,
+		className: e("zen__input-group cursor-text", n, "has-disabled:bg-muted has-disabled:text-muted-foreground has-disabled:cursor-not-allowed", "data-invalid:border-destructive data-invalid:focus-within:border-destructive data-invalid:focus-within:shadow-[0_0_0_3px_oklch(var(--destructive)/0.16)]", i),
 		onMouseDown: (e) => {
 			a?.(e);
 			let t = e.target;
@@ -18,10 +18,10 @@ function i({ invalid: n, className: i, onMouseDown: a, ...o }) {
 		...o
 	});
 }
-function a({ className: t, ...i }) {
-	let a = n(i);
+function a({ className: n, ...i }) {
+	let a = t(i);
 	return /* @__PURE__ */ r("input", {
-		className: e("h-full w-full min-w-0 flex-1 bg-transparent text-sm outline-hidden placeholder:text-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))] disabled:cursor-not-allowed", t),
+		className: e("h-full w-full min-w-0 flex-1 bg-transparent text-sm outline-hidden placeholder:text-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))] disabled:cursor-not-allowed", n),
 		...i,
 		...a
 	});

package/dist/lib.js

@@ -15,83 +15,87 @@ import D, { StatusPillAction as O } from "./status-pill/index.js";
 import k from "./spinner/index.js";
 import A, { buttonVariants as j } from "./button/index.js";
 import M, { CardDescription as N, CardHeader as P, CardTitle as F, Stat as I, StatRow as L } from "./card/index.js";
-import R from "./code-block/index.js";
-import z from "./chip/index.js";
-import B, { PopoverClose as V, PopoverContent as H, PopoverTrigger as U } from "./popover/index.js";
-import W from "./collapse/index.js";
-import G from "./alert/index.js";
-import K, { FormMessage as q, useField as J, useFieldProps as Y } from "./field/index.js";
-import X, { InputGroupAddon as Z, InputGroupInput as Q } from "./input-group/index.js";
-import { FieldChevron as $ } from "./utils/field-chevron.js";
-import { useVirtualList as ee } from "./utils/useVirtualList.js";
-import te, { ComboboxCreate as ne, ComboboxEmpty as re, ComboboxItem as ie, ComboboxList as ae, ComboboxPopup as oe, ComboboxSearch as se, ComboboxTrigger as ce } from "./combobox/index.js";
-import le, { useToast as ue, useToastHost as de } from "./toast/index.js";
-import fe, { DialogClose as pe, DialogFooter as me, useModal as he } from "./dialog/index.js";
-import ge from "./confirm-dialog/index.js";
-import _e from "./editable-cell/index.js";
-import ve, { DisclosureContent as ye, DisclosureTrigger as be } from "./disclosure/index.js";
-import xe from "./header/index.js";
-import Se from "./inset/index.js";
-import Ce from "./input/index.js";
-import we from "./meter/index.js";
-import { addMonths as Te, currentMonth as Ee, formatMonth as De, fromMonthIndex as Oe, isMonth as ke, monthIndex as Ae, monthNames as je, monthRange as Me, monthsBetween as Ne } from "./utils/month.js";
-import Pe from "./month-picker/index.js";
-import Fe from "./checkbox/index.js";
-import { paletteColor as Ie } from "./chart/palette.js";
-import { ChartTooltipCard as Le } from "./chart/tooltip.js";
-import Re from "./chart/allocation.js";
-import ze from "./chart/donut.js";
-import Be, { ChartArea as Ve, ChartBar as He, ChartLine as Ue, ChartReference as We, niceTicks as Ge } from "./chart/index.js";
-import Ke, { Radio as qe } from "./radio-group/index.js";
-import { addDays as Je, addMonthsToDate as Ye, commonRanges as Xe, dayIndex as Ze, dayOfWeek as Qe, daysBetween as $e, daysInMonth as et, formatDate as tt, formatDateRange as nt, fromDayIndex as rt, isDate as it, today as at, weekStart as ot, weekdayNames as st } from "./utils/date.js";
-import ct from "./calendar/index.js";
-import lt, { DateRangePicker as ut } from "./date-picker/index.js";
-import { RateUnavailableError as dt, convertMinor as ft, isRateTable as pt, rateBetween as mt } from "./utils/fx.js";
-import ht, { MoneyConversionHint as gt, MoneyCurrencyMenu as _t, useMoneyInput as vt } from "./money-input/index.js";
-import yt, { RadioCard as bt } from "./radio-cards/index.js";
-import xt, { Pill as St, PillIndicator as Ct } from "./pills/index.js";
-import wt from "./page-header/index.js";
-import Tt from "./progress-ring/index.js";
-import Et, { SegmentedItem as Dt } from "./segmented/index.js";
-import Ot, { SelectGroup as kt, SelectItem as At, SelectSeparator as jt } from "./select/index.js";
-import Mt, { SideNavGroup as Nt, SideNavLink as Pt } from "./side-nav/index.js";
-import Ft from "./skeleton/index.js";
-import It from "./slider/index.js";
-import Lt, { TabBarItem as Rt } from "./tab-bar/index.js";
-import { SelectionBar as zt, TableSelectCell as Bt, TableSelectHead as Vt, useSelection as Ht } from "./table/selection.js";
-import { TableSwipeAction as Ut, TableSwipeRow as Wt } from "./table/swipe.js";
-import Gt, { TableBody as Kt, TableCell as qt, TableContainer as Jt, TableEmpty as Yt, TableFooter as Xt, TableFooterCell as Zt, TableHead as Qt, TableHeader as $t, TableRow as en, TableSpacerRow as tn, useSort as nn } from "./table/index.js";
-import { followSectionLink as rn } from "./utils/section-link.js";
-import an from "./table-of-contents/index.js";
-import on, { Tab as sn, TabList as cn, TabPanel as ln } from "./tabs/index.js";
-import { TreeCell as un, TreeLabel as dn, TreeRow as fn, TreeToggle as pn, useTree as mn } from "./tree/index.js";
-import hn from "./textarea/index.js";
-import gn from "./toggle/index.js";
-import _n, { TooltipContent as vn, TooltipTrigger as yn } from "./tooltip/index.js";
-import { DEFAULT_THEME as bn, INTENSITIES as xn, PRESETS as Sn, applyPreset as Cn, applyTheme as wn, contrastRatio as Tn, customize as En, normalizeTheme as Dn, oklchToLinearRgb as On, resetTheme as kn, themeVars as An } from "./utils/theme.js";
-import { prepareThemeWave as jn, themeWave as Mn } from "./utils/theme-wave.js";
-import Nn, { ThemeScript as Pn, themeScript as Fn } from "./theme-toggle/index.js";
-import { useHydrated as In } from "./utils/useHydrated.js";
-import Ln, { Breadcrumb as Rn } from "./breadcrumbs/index.js";
-import zn from "./code-input/index.js";
-import Bn, { useCommandPaletteShortcut as Vn } from "./command-palette/index.js";
-import Hn from "./empty-state/index.js";
-import Un, { accepts as Wn } from "./file-drop/index.js";
-import Gn, { pageRange as Kn } from "./pagination/index.js";
-import qn from "./sparkline/index.js";
-import Jn, { Step as Yn } from "./stepper/index.js";
-import Xn from "./tag-input/index.js";
-import Zn, { TimelineItem as Qn } from "./timeline/index.js";
-import $n from "./kbd/index.js";
-import er from "./range-slider/index.js";
-import tr, { FilterChip as nr } from "./filter-bar/index.js";
-import rr from "./keypad/index.js";
-import ir from "./calendar-heatmap/index.js";
-import ar from "./trend/index.js";
-import or, { ICON_COLORS as sr } from "./icon-picker/index.js";
-import { describeRepeat as cr, nextOccurrences as lr } from "./utils/repeat.js";
-import ur from "./repeat-picker/index.js";
-import dr from "./load-more/index.js";
-import { SortableHandle as fr, SortableItem as pr, SortableList as mr } from "./sortable/index.js";
-import hr from "./page-transition/index.js";
-export { G as Alert, Re as AllocationBar, b as AnimatedMoney, y as AnimatedNumber, x as Avatar, w as Backdrop, E as Badge, Rn as Breadcrumb, Ln as Breadcrumbs, A as Button, ct as Calendar, ir as CalendarHeatmap, M as Card, N as CardDescription, P as CardHeader, F as CardTitle, Be as Chart, Ve as ChartArea, He as ChartBar, Ue as ChartLine, We as ChartReference, Le as ChartTooltipCard, Fe as Checkbox, z as Chip, R as CodeBlock, zn as CodeInput, W as Collapse, te as Combobox, ne as ComboboxCreate, re as ComboboxEmpty, ie as ComboboxItem, ae as ComboboxList, oe as ComboboxPopup, se as ComboboxSearch, ce as ComboboxTrigger, Bn as CommandPalette, ge as ConfirmDialog, bn as DEFAULT_THEME, lt as DatePicker, ut as DateRangePicker, fe as Dialog, pe as DialogClose, me as DialogFooter, ve as Disclosure, ye as DisclosureContent, be as DisclosureTrigger, ze as DonutChart, _e as EditableCell, Hn as EmptyState, K as Field, $ as FieldChevron, Un as FileDrop, tr as FilterBar, nr as FilterChip, q as FormMessage, xe as Header, sr as ICON_COLORS, xn as INTENSITIES, or as IconPicker, S as ImageCropError, Ce as Input, X as InputGroup, Z as InputGroupAddon, Q as InputGroupInput, Se as Inset, $n as Kbd, rr as Keypad, dr as LoadMore, i as Menu, a as MenuContent, o as MenuContextTrigger, s as MenuHeader, c as MenuItem, l as MenuSeparator, u as MenuTrigger, we as Meter, gt as MoneyConversionHint, _t as MoneyCurrencyMenu, ht as MoneyInput, d as MoneyParseError, Pe as MonthPicker, Sn as PRESETS, wt as PageHeader, hr as PageTransition, Gn as Pagination, St as Pill, Ct as PillIndicator, xt as Pills, B as Popover, V as PopoverClose, H as PopoverContent, U as PopoverTrigger, Tt as ProgressRing, qe as Radio, bt as RadioCard, yt as RadioCards, Ke as RadioGroup, er as RangeSlider, dt as RateUnavailableError, ur as RepeatPicker, Et as Segmented, Dt as SegmentedItem, Ot as Select, kt as SelectGroup, At as SelectItem, jt as SelectSeparator, zt as SelectionBar, Mt as SideNav, Nt as SideNavGroup, Pt as SideNavLink, Ft as Skeleton, It as Slider, fr as SortableHandle, pr as SortableItem, mr as SortableList, qn as Sparkline, k as Spinner, I as Stat, L as StatRow, D as StatusPill, O as StatusPillAction, Yn as Step, Jn as Stepper, sn as Tab, Lt as TabBar, Rt as TabBarItem, cn as TabList, ln as TabPanel, Gt as Table, Kt as TableBody, qt as TableCell, Jt as TableContainer, Yt as TableEmpty, Xt as TableFooter, Zt as TableFooterCell, Qt as TableHead, $t as TableHeader, an as TableOfContents, en as TableRow, Bt as TableSelectCell, Vt as TableSelectHead, tn as TableSpacerRow, Ut as TableSwipeAction, Wt as TableSwipeRow, on as Tabs, Xn as TagInput, hn as TextArea, Pn as ThemeScript, Nn as ThemeToggle, Zn as Timeline, Qn as TimelineItem, le as ToastProvider, gn as Toggle, _n as Tooltip, vn as TooltipContent, yn as TooltipTrigger, un as TreeCell, dn as TreeLabel, fn as TreeRow, pn as TreeToggle, ar as Trend, Wn as accepts, Je as addDays, Te as addMonths, Ye as addMonthsToDate, t as applyGraphicsMode, Cn as applyPreset, wn as applyTheme, j as buttonVariants, Xe as commonRanges, Tn as contrastRatio, ft as convertMinor, C as cropImageToSquare, f as currencySymbol, Ee as currentMonth, En as customize, T as cva, e as cx, Ze as dayIndex, Qe as dayOfWeek, $e as daysBetween, et as daysInMonth, cr as describeRepeat, n as detectGraphicsMode, rn as followSectionLink, p as formatAmount, tt as formatDate, nt as formatDateRange, m as formatMoney, De as formatMonth, rt as fromDayIndex, Oe as fromMonthIndex, it as isDate, ke as isMonth, pt as isRateTable, h as minorDigits, Ae as monthIndex, je as monthNames, Me as monthRange, Ne as monthsBetween, lr as nextOccurrences, Ge as niceTicks, Dn as normalizeTheme, On as oklchToLinearRgb, Kn as pageRange, Ie as paletteColor, g as parseMoney, _ as parseMoneyInput, jn as prepareThemeWave, mt as rateBetween, v as reducedMotion, kn as resetTheme, Fn as themeScript, An as themeVars, Mn as themeWave, at as today, r as useAnchoredPopup, Vn as useCommandPaletteShortcut, J as useField, Y as useFieldProps, In as useHydrated, he as useModal, vt as useMoneyInput, Ht as useSelection, nn as useSort, ue as useToast, de as useToastHost, mn as useTree, ee as useVirtualList, ot as weekStart, st as weekdayNames };
+import { Canvas as R, CanvasItem as z } from "./canvas/index.js";
+import { useCopyToClipboard as B } from "./utils/useCopyToClipboard.js";
+import V from "./code-block/index.js";
+import H from "./alert/index.js";
+import U, { FormMessage as W, useField as G, useFieldProps as K } from "./field/index.js";
+import q from "./input/index.js";
+import J from "./slider/index.js";
+import { hexToOklch as Y, oklchToHex as X } from "./utils/color.js";
+import { FieldChevron as Z } from "./utils/field-chevron.js";
+import Q, { ColorPanel as $ } from "./color-picker/index.js";
+import ee from "./chip/index.js";
+import te, { PopoverClose as ne, PopoverContent as re, PopoverTrigger as ie } from "./popover/index.js";
+import ae from "./collapse/index.js";
+import oe, { InputGroupAddon as se, InputGroupInput as ce } from "./input-group/index.js";
+import { useVirtualList as le } from "./utils/useVirtualList.js";
+import ue, { ComboboxCreate as de, ComboboxEmpty as fe, ComboboxItem as pe, ComboboxList as me, ComboboxPopup as he, ComboboxSearch as ge, ComboboxTrigger as _e } from "./combobox/index.js";
+import ve, { useToast as ye, useToastHost as be } from "./toast/index.js";
+import xe, { DialogClose as Se, DialogFooter as Ce, useModal as we } from "./dialog/index.js";
+import Te from "./confirm-dialog/index.js";
+import Ee from "./editable-cell/index.js";
+import De, { DisclosureContent as Oe, DisclosureTrigger as ke } from "./disclosure/index.js";
+import Ae from "./header/index.js";
+import je from "./inset/index.js";
+import Me from "./meter/index.js";
+import { addMonths as Ne, currentMonth as Pe, formatMonth as Fe, fromMonthIndex as Ie, isMonth as Le, monthIndex as Re, monthNames as ze, monthRange as Be, monthsBetween as Ve } from "./utils/month.js";
+import He from "./month-picker/index.js";
+import Ue from "./checkbox/index.js";
+import { paletteColor as We } from "./chart/palette.js";
+import { ChartTooltipCard as Ge } from "./chart/tooltip.js";
+import Ke from "./chart/allocation.js";
+import qe from "./chart/donut.js";
+import Je, { ChartArea as Ye, ChartBar as Xe, ChartLine as Ze, ChartReference as Qe, niceTicks as $e } from "./chart/index.js";
+import et, { Radio as tt } from "./radio-group/index.js";
+import { addDays as nt, addMonthsToDate as rt, commonRanges as it, dayIndex as at, dayOfWeek as ot, daysBetween as st, daysInMonth as ct, formatDate as lt, formatDateRange as ut, fromDayIndex as dt, isDate as ft, today as pt, weekStart as mt, weekdayNames as ht } from "./utils/date.js";
+import gt from "./calendar/index.js";
+import _t, { DateRangePicker as vt } from "./date-picker/index.js";
+import { RateUnavailableError as yt, convertMinor as bt, isRateTable as xt, rateBetween as St } from "./utils/fx.js";
+import Ct, { MoneyConversionHint as wt, MoneyCurrencyMenu as Tt, useMoneyInput as Et } from "./money-input/index.js";
+import Dt, { RadioCard as Ot } from "./radio-cards/index.js";
+import kt, { Pill as At, PillIndicator as jt } from "./pills/index.js";
+import Mt from "./page-header/index.js";
+import Nt from "./progress-ring/index.js";
+import Pt, { SegmentedItem as Ft } from "./segmented/index.js";
+import It, { SelectGroup as Lt, SelectItem as Rt, SelectSeparator as zt } from "./select/index.js";
+import Bt, { SideNavGroup as Vt, SideNavLink as Ht } from "./side-nav/index.js";
+import Ut from "./skeleton/index.js";
+import Wt, { TabBarItem as Gt } from "./tab-bar/index.js";
+import { SelectionBar as Kt, TableSelectCell as qt, TableSelectHead as Jt, useSelection as Yt } from "./table/selection.js";
+import { TableSwipeAction as Xt, TableSwipeRow as Zt } from "./table/swipe.js";
+import Qt, { TableBody as $t, TableCell as en, TableContainer as tn, TableEmpty as nn, TableFooter as rn, TableFooterCell as an, TableHead as on, TableHeader as sn, TableRow as cn, TableSpacerRow as ln, useSort as un } from "./table/index.js";
+import { followSectionLink as dn } from "./utils/section-link.js";
+import fn from "./table-of-contents/index.js";
+import pn, { Tab as mn, TabList as hn, TabPanel as gn } from "./tabs/index.js";
+import { TreeCell as _n, TreeLabel as vn, TreeRow as yn, TreeToggle as bn, useTree as xn } from "./tree/index.js";
+import Sn from "./textarea/index.js";
+import Cn from "./toggle/index.js";
+import wn, { TooltipContent as Tn, TooltipTrigger as En } from "./tooltip/index.js";
+import { DEFAULT_THEME as Dn, INTENSITIES as On, PRESETS as kn, applyPreset as An, applyTheme as jn, contrastRatio as Mn, customize as Nn, normalizeTheme as Pn, oklchToLinearRgb as Fn, resetTheme as In, themeVars as Ln } from "./utils/theme.js";
+import { prepareThemeWave as Rn, themeWave as zn } from "./utils/theme-wave.js";
+import Bn, { ThemeScript as Vn, themeScript as Hn } from "./theme-toggle/index.js";
+import { useHydrated as Un } from "./utils/useHydrated.js";
+import Wn, { Breadcrumb as Gn } from "./breadcrumbs/index.js";
+import Kn from "./code-input/index.js";
+import qn, { useCommandPaletteShortcut as Jn } from "./command-palette/index.js";
+import Yn from "./empty-state/index.js";
+import Xn, { accepts as Zn } from "./file-drop/index.js";
+import Qn, { pageRange as $n } from "./pagination/index.js";
+import er from "./sparkline/index.js";
+import tr, { Step as nr } from "./stepper/index.js";
+import rr from "./tag-input/index.js";
+import ir, { TimelineItem as ar } from "./timeline/index.js";
+import or from "./kbd/index.js";
+import sr from "./range-slider/index.js";
+import cr, { FilterChip as lr } from "./filter-bar/index.js";
+import ur from "./keypad/index.js";
+import dr from "./calendar-heatmap/index.js";
+import fr from "./trend/index.js";
+import pr, { ICON_COLORS as mr } from "./icon-picker/index.js";
+import { describeRepeat as hr, nextOccurrences as gr } from "./utils/repeat.js";
+import _r from "./repeat-picker/index.js";
+import vr from "./load-more/index.js";
+import { SortableHandle as yr, SortableItem as br, SortableList as xr } from "./sortable/index.js";
+import Sr from "./page-transition/index.js";
+export { H as Alert, Ke as AllocationBar, b as AnimatedMoney, y as AnimatedNumber, x as Avatar, w as Backdrop, E as Badge, Gn as Breadcrumb, Wn as Breadcrumbs, A as Button, gt as Calendar, dr as CalendarHeatmap, R as Canvas, z as CanvasItem, M as Card, N as CardDescription, P as CardHeader, F as CardTitle, Je as Chart, Ye as ChartArea, Xe as ChartBar, Ze as ChartLine, Qe as ChartReference, Ge as ChartTooltipCard, Ue as Checkbox, ee as Chip, V as CodeBlock, Kn as CodeInput, ae as Collapse, $ as ColorPanel, Q as ColorPicker, ue as Combobox, de as ComboboxCreate, fe as ComboboxEmpty, pe as ComboboxItem, me as ComboboxList, he as ComboboxPopup, ge as ComboboxSearch, _e as ComboboxTrigger, qn as CommandPalette, Te as ConfirmDialog, Dn as DEFAULT_THEME, _t as DatePicker, vt as DateRangePicker, xe as Dialog, Se as DialogClose, Ce as DialogFooter, De as Disclosure, Oe as DisclosureContent, ke as DisclosureTrigger, qe as DonutChart, Ee as EditableCell, Yn as EmptyState, U as Field, Z as FieldChevron, Xn as FileDrop, cr as FilterBar, lr as FilterChip, W as FormMessage, Ae as Header, mr as ICON_COLORS, On as INTENSITIES, pr as IconPicker, S as ImageCropError, q as Input, oe as InputGroup, se as InputGroupAddon, ce as InputGroupInput, je as Inset, or as Kbd, ur as Keypad, vr as LoadMore, i as Menu, a as MenuContent, o as MenuContextTrigger, s as MenuHeader, c as MenuItem, l as MenuSeparator, u as MenuTrigger, Me as Meter, wt as MoneyConversionHint, Tt as MoneyCurrencyMenu, Ct as MoneyInput, d as MoneyParseError, He as MonthPicker, kn as PRESETS, Mt as PageHeader, Sr as PageTransition, Qn as Pagination, At as Pill, jt as PillIndicator, kt as Pills, te as Popover, ne as PopoverClose, re as PopoverContent, ie as PopoverTrigger, Nt as ProgressRing, tt as Radio, Ot as RadioCard, Dt as RadioCards, et as RadioGroup, sr as RangeSlider, yt as RateUnavailableError, _r as RepeatPicker, Pt as Segmented, Ft as SegmentedItem, It as Select, Lt as SelectGroup, Rt as SelectItem, zt as SelectSeparator, Kt as SelectionBar, Bt as SideNav, Vt as SideNavGroup, Ht as SideNavLink, Ut as Skeleton, J as Slider, yr as SortableHandle, br as SortableItem, xr as SortableList, er as Sparkline, k as Spinner, I as Stat, L as StatRow, D as StatusPill, O as StatusPillAction, nr as Step, tr as Stepper, mn as Tab, Wt as TabBar, Gt as TabBarItem, hn as TabList, gn as TabPanel, Qt as Table, $t as TableBody, en as TableCell, tn as TableContainer, nn as TableEmpty, rn as TableFooter, an as TableFooterCell, on as TableHead, sn as TableHeader, fn as TableOfContents, cn as TableRow, qt as TableSelectCell, Jt as TableSelectHead, ln as TableSpacerRow, Xt as TableSwipeAction, Zt as TableSwipeRow, pn as Tabs, rr as TagInput, Sn as TextArea, Vn as ThemeScript, Bn as ThemeToggle, ir as Timeline, ar as TimelineItem, ve as ToastProvider, Cn as Toggle, wn as Tooltip, Tn as TooltipContent, En as TooltipTrigger, _n as TreeCell, vn as TreeLabel, yn as TreeRow, bn as TreeToggle, fr as Trend, Zn as accepts, nt as addDays, Ne as addMonths, rt as addMonthsToDate, t as applyGraphicsMode, An as applyPreset, jn as applyTheme, j as buttonVariants, it as commonRanges, Mn as contrastRatio, bt as convertMinor, C as cropImageToSquare, f as currencySymbol, Pe as currentMonth, Nn as customize, T as cva, e as cx, at as dayIndex, ot as dayOfWeek, st as daysBetween, ct as daysInMonth, hr as describeRepeat, n as detectGraphicsMode, dn as followSectionLink, p as formatAmount, lt as formatDate, ut as formatDateRange, m as formatMoney, Fe as formatMonth, dt as fromDayIndex, Ie as fromMonthIndex, Y as hexToOklch, ft as isDate, Le as isMonth, xt as isRateTable, h as minorDigits, Re as monthIndex, ze as monthNames, Be as monthRange, Ve as monthsBetween, gr as nextOccurrences, $e as niceTicks, Pn as normalizeTheme, X as oklchToHex, Fn as oklchToLinearRgb, $n as pageRange, We as paletteColor, g as parseMoney, _ as parseMoneyInput, Rn as prepareThemeWave, St as rateBetween, v as reducedMotion, In as resetTheme, Hn as themeScript, Ln as themeVars, zn as themeWave, pt as today, r as useAnchoredPopup, Jn as useCommandPaletteShortcut, B as useCopyToClipboard, G as useField, K as useFieldProps, Un as useHydrated, we as useModal, Et as useMoneyInput, Yt as useSelection, un as useSort, ye as useToast, be as useToastHost, xn as useTree, le as useVirtualList, mt as weekStart, ht as weekdayNames };

package/dist/money-input/index.js

@@ -4,13 +4,13 @@ import t, { MenuContent as n, MenuItem as r, MenuSeparator as i, MenuTrigger as
 import { currencySymbol as o, formatAmount as s, formatMoney as c, minorDigits as l, parseMoneyInput as u } from "../utils/money.js";
 import d from "../spinner/index.js";
 import { AlertIcon as f, InfoIcon as p } from "../utils/status-icons.js";
-import m, { InputGroupAddon as h, InputGroupInput as g } from "../input-group/index.js";
-import { FieldChevron as _ } from "../utils/field-chevron.js";
+import { FieldChevron as m } from "../utils/field-chevron.js";
+import h, { InputGroupAddon as g, InputGroupInput as _ } from "../input-group/index.js";
 import { convertMinor as v, rateBetween as y } from "../utils/fx.js";
 import { useEffect as b, useId as x, useRef as S, useState as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region packages/money-input/index.tsx
-function D({ value: t, onChange: n, currency: r, locale: i, allowNegative: a, allowEmpty: o, live: s, onCancel: c, convert: l, start: u, end: d, compact: p = !1, disabled: _ = !1, className: v, onFocus: y, onBlur: b, onKeyDown: x, "aria-describedby": S, ...C }) {
+function D({ value: t, onChange: n, currency: r, locale: i, allowNegative: a, allowEmpty: o, live: s, onCancel: c, convert: l, start: u, end: d, compact: p = !1, disabled: m = !1, className: v, onFocus: y, onBlur: b, onKeyDown: x, "aria-describedby": S, ...C }) {
 	let w = A({
 		value: t,
 		onChange: n,
@@ -24,17 +24,17 @@ function D({ value: t, onChange: n, currency: r, locale: i, allowNegative: a, al
 	}), D = !!w.conversion?.foreign;
 	return /* @__PURE__ */ E("div", {
 		className: e("zen__money-input flex flex-col gap-1", v),
-		children: [/* @__PURE__ */ E(m, {
+		children: [/* @__PURE__ */ E(h, {
 			invalid: !!w.error,
 			"data-foreign": D || void 0,
 			className: e(p && "h-7", "data-foreign:border-primary/50"),
 			children: [
-				u ?? (w.conversion && !_ ? /* @__PURE__ */ T(O, { money: w }) : /* @__PURE__ */ T(h, {
+				u ?? (w.conversion && !m ? /* @__PURE__ */ T(O, { money: w }) : /* @__PURE__ */ T(g, {
 					"aria-hidden": !0,
 					"data-slot": "symbol",
 					children: w.symbol
 				})),
-				/* @__PURE__ */ T(g, {
+				/* @__PURE__ */ T(_, {
 					...C,
 					...w.inputProps,
 					onFocus: (e) => {
@@ -47,7 +47,7 @@ function D({ value: t, onChange: n, currency: r, locale: i, allowNegative: a, al
 						w.inputProps.onKeyDown(e), x?.(e);
 					},
 					"aria-describedby": e(w.inputProps["aria-describedby"], S) || void 0,
-					disabled: _,
+					disabled: m,
 					className: e("tabular-nums", p ? "text-right" : "text-left")
 				}),
 				d
@@ -65,7 +65,7 @@ function O({ money: s, className: c }) {
 	return l ? /* @__PURE__ */ E(t, { children: [/* @__PURE__ */ E(a, {
 		"aria-label": `Currency: ${l.currency}. Change to enter another currency`,
 		className: e("group/currency hover:bg-tint/[0.07] focus-visible:ring-ring/50 -ml-1 flex shrink-0 items-center gap-0.5 rounded-md px-1 py-0.5 text-sm outline-hidden focus-visible:ring-2", l.foreign ? "text-primary" : "text-muted-foreground", c),
-		children: [l.foreign ? l.currency : s.symbol, /* @__PURE__ */ T(_, { className: "text-inherit duration-150 group-data-popup-open/currency:rotate-180" })]
+		children: [l.foreign ? l.currency : s.symbol, /* @__PURE__ */ T(m, { className: "text-inherit duration-150 group-data-popup-open/currency:rotate-180" })]
 	}), /* @__PURE__ */ E(n, {
 		align: "start",
 		offset: 8,

package/dist/month-picker/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
 import { useAnchoredPopup as t } from "../utils/useAnchoredPopup.js";
-import { PICKER_MONTH as n, PICKER_NAV as r, PLACEHOLDER as i, POPUP as a, TRIGGER as o } from "../utils/styles.js";
-import { useFieldProps as s } from "../field/index.js";
+import { useFieldProps as n } from "../field/index.js";
+import { PICKER_MONTH as r, PICKER_NAV as i, PLACEHOLDER as a, POPUP as o, TRIGGER as s } from "../utils/styles.js";
 import { FieldChevron as c } from "../utils/field-chevron.js";
 import l from "../icons/chevron-left.js";
 import u from "../icons/chevron-right.js";
@@ -11,7 +11,7 @@ import { useState as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region packages/month-picker/index.tsx
 function _({ value: _, onChange: v, locale: y, min: b, max: x, id: S, className: C, disabled: w = !1, placeholder: T = "Pick a month", onClear: E, clearLabel: D = "Clear", style: O, ...k }) {
-	let [A, j] = p(() => Number((_ ?? (/* @__PURE__ */ new Date()).toISOString()).slice(0, 4))), M = t({ onOpenChange: (e) => e && _ && j(Number(_.slice(0, 4))) }), N = s({
+	let [A, j] = p(() => Number((_ ?? (/* @__PURE__ */ new Date()).toISOString()).slice(0, 4))), M = t({ onOpenChange: (e) => e && _ && j(Number(_.slice(0, 4))) }), N = n({
 		...k,
 		id: S
 	}), P = f(y), F = (e) => (!b || e >= b) && (!x || e <= x);
@@ -26,16 +26,16 @@ function _({ value: _, onChange: v, locale: y, min: b, max: x, id: S, className:
 			...M.triggerProps.style,
 			...O
 		},
-		className: e("zen__month-picker group", o, "w-full", M.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", C),
+		className: e("zen__month-picker group", s, "w-full", M.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", C),
 		children: [/* @__PURE__ */ h("span", {
-			className: _ ? void 0 : i,
+			className: _ ? void 0 : a,
 			children: _ ? d(_, y) : T
 		}), /* @__PURE__ */ h(c, { open: M.open })]
 	}), /* @__PURE__ */ g("div", {
 		...M.popupProps,
 		role: "dialog",
 		"aria-label": "Choose month",
-		className: e("zen__popover", a, "w-64 p-3"),
+		className: e("zen__popover", o, "w-64 p-3"),
 		children: [
 			/* @__PURE__ */ g("div", {
 				className: "mb-2 flex items-center justify-between",
@@ -44,7 +44,7 @@ function _({ value: _, onChange: v, locale: y, min: b, max: x, id: S, className:
 						type: "button",
 						"aria-label": "Previous year",
 						onClick: () => j((e) => e - 1),
-						className: r,
+						className: i,
 						children: /* @__PURE__ */ h(l, { className: "size-4" })
 					}),
 					/* @__PURE__ */ h("span", {
@@ -56,15 +56,15 @@ function _({ value: _, onChange: v, locale: y, min: b, max: x, id: S, className:
 						type: "button",
 						"aria-label": "Next year",
 						onClick: () => j((e) => e + 1),
-						className: r,
+						className: i,
 						children: /* @__PURE__ */ h(u, { className: "size-4" })
 					})
 				]
 			}),
 			/* @__PURE__ */ h("div", {
 				className: "grid grid-cols-3 gap-1",
-				children: P.map((t, r) => {
-					let i = `${A}-${String(r + 1).padStart(2, "0")}`, a = i === _;
+				children: P.map((t, n) => {
+					let i = `${A}-${String(n + 1).padStart(2, "0")}`, a = i === _;
 					return /* @__PURE__ */ h("button", {
 						type: "button",
 						disabled: !F(i),
@@ -73,7 +73,7 @@ function _({ value: _, onChange: v, locale: y, min: b, max: x, id: S, className:
 						onClick: () => {
 							v(i), M.setOpen(!1);
 						},
-						className: e(n, a && "bg-primary text-primary-foreground hover:bg-primary"),
+						className: e(r, a && "bg-primary text-primary-foreground hover:bg-primary"),
 						children: t
 					}, i);
 				})

package/dist/repeat-picker/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import t from "../chip/index.js";
-import n from "../input/index.js";
+import t from "../input/index.js";
+import n from "../chip/index.js";
 import { dayOfWeek as r, formatDate as i, weekStart as a, weekdayNames as o } from "../utils/date.js";
 import s, { SelectItem as c } from "../select/index.js";
 import { describeRepeat as l, nextOccurrences as u } from "../utils/repeat.js";
@@ -32,7 +32,7 @@ function g({ value: g, onChange: _, locale: v, start: y, weekStartsOn: b = a(v),
 						className: "text-muted-foreground",
 						children: "Every"
 					}),
-					/* @__PURE__ */ p(n, {
+					/* @__PURE__ */ p(t, {
 						"aria-label": "How many",
 						inputMode: "numeric",
 						value: C,
@@ -69,13 +69,13 @@ function g({ value: g, onChange: _, locale: v, start: y, weekStartsOn: b = a(v),
 				"aria-label": "On",
 				className: "flex flex-wrap gap-1.5",
 				children: E.map((e) => {
-					let n = D.includes(e);
-					return /* @__PURE__ */ p(t, {
-						pressed: n,
+					let t = D.includes(e);
+					return /* @__PURE__ */ p(n, {
+						pressed: t,
 						onClick: () => {
-							n && D.length === 1 || _({
+							t && D.length === 1 || _({
 								...g,
-								weekdays: n ? D.filter((t) => t !== e) : [...D, e]
+								weekdays: t ? D.filter((t) => t !== e) : [...D, e]
 							});
 						},
 						children: T[e]

package/dist/select/index.js

@@ -2,16 +2,16 @@
 import { cx as e } from "../utils/cx.js";
 import { useTypeahead as t } from "../utils/typeahead.js";
 import { useAnchoredPopup as n } from "../utils/useAnchoredPopup.js";
-import { POPUP as r, TRIGGER as i } from "../utils/styles.js";
-import { CheckIcon as a } from "../utils/status-icons.js";
-import { useFieldProps as o } from "../field/index.js";
+import { CheckIcon as r } from "../utils/status-icons.js";
+import { useFieldProps as i } from "../field/index.js";
+import { POPUP as a, TRIGGER as o } from "../utils/styles.js";
 import { FieldChevron as s } from "../utils/field-chevron.js";
 import { Children as c, Fragment as l, createContext as u, isValidElement as d, useCallback as f, useContext as p, useEffect as m, useId as h, useLayoutEffect as g, useRef as _, useState as v } from "react";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region packages/select/index.tsx
 var S = u(null);
-function C({ value: a, onChange: c, placeholder: l = "Select…", disabled: u = !1, name: d, id: p, className: g, listClassName: C, children: T, style: E, onKeyDown: D, ...O }) {
-	let k = _(null), A = h(), j = p ?? A, M = o({
+function C({ value: r, onChange: c, placeholder: l = "Select…", disabled: u = !1, name: d, id: p, className: g, listClassName: C, children: T, style: E, onKeyDown: D, ...O }) {
+	let k = _(null), A = h(), j = p ?? A, M = i({
 		...O,
 		id: p
 	}), [N, P] = v(null), F = t(), [I, L] = v(/* @__PURE__ */ new Map()), R = () => Array.from(k.current?.querySelectorAll("[role=\"option\"]") ?? []).map((e) => ({
@@ -23,7 +23,7 @@ function C({ value: a, onChange: c, placeholder: l = "Select…", disabled: u =
 		onOpenChange: (e) => {
 			if (!e) return;
 			let t = R();
-			P(t.find((e) => e.value === a)?.value ?? t.find((e) => !e.disabled)?.value ?? null);
+			P(t.find((e) => e.value === r)?.value ?? t.find((e) => !e.disabled)?.value ?? null);
 		}
 	});
 	m(() => {
@@ -36,7 +36,7 @@ function C({ value: a, onChange: c, placeholder: l = "Select…", disabled: u =
 		return n.delete(e), n;
 	})), []), H = new Map(I);
 	w(T, H);
-	let U = a === null ? void 0 : H.get(a), W = (e, t, n = R()) => {
+	let U = r === null ? void 0 : H.get(r), W = (e, t, n = R()) => {
 		let r = e === null ? t === 1 ? -1 : n.length : n.findIndex((t) => t.value === e);
 		for (let e = 1; e <= n.length; e++) {
 			let i = (r + t * e + n.length * 2) % n.length;
@@ -79,7 +79,7 @@ function C({ value: a, onChange: c, placeholder: l = "Select…", disabled: u =
 			onKeyDown: (e) => {
 				D?.(e), ["ArrowDown", "ArrowUp"].includes(e.key) && !z.open && (e.preventDefault(), z.setOpen(!0));
 			},
-			className: e("zen__select group", i, "w-full", z.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", g),
+			className: e("zen__select group", o, "w-full", z.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", g),
 			children: [/* @__PURE__ */ b("span", {
 				className: e("truncate", U === void 0 && "text-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))]"),
 				children: U ?? l
@@ -88,11 +88,11 @@ function C({ value: a, onChange: c, placeholder: l = "Select…", disabled: u =
 		d && /* @__PURE__ */ b("input", {
 			type: "hidden",
 			name: d,
-			value: a ?? ""
+			value: r ?? ""
 		}),
 		/* @__PURE__ */ b("div", {
 			...z.popupProps,
-			className: e("zen__popover", r, "overflow-visible py-1", C),
+			className: e("zen__popover", a, "overflow-visible py-1", C),
 			children: /* @__PURE__ */ b("div", {
 				ref: k,
 				role: "listbox",
@@ -104,7 +104,7 @@ function C({ value: a, onChange: c, placeholder: l = "Select…", disabled: u =
 				className: "max-h-72 overflow-y-auto outline-hidden",
 				children: /* @__PURE__ */ b(S.Provider, {
 					value: {
-						value: a,
+						value: r,
 						active: N,
 						setActive: P,
 						choose: B,
@@ -128,7 +128,7 @@ function w(e, t) {
 	});
 }
 var T = (e) => typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(T).join("") : "";
-function E({ value: t, label: n, disabled: r, className: i, children: o }) {
+function E({ value: t, label: n, disabled: i, className: a, children: o }) {
 	let s = p(S);
 	if (!s) throw Error("SelectItem must be inside a Select");
 	let c = _(null), l = n ?? T(o), u = s.register;
@@ -145,15 +145,15 @@ function E({ value: t, label: n, disabled: r, className: i, children: o }) {
 		"data-value": t,
 		"data-label": l || void 0,
 		"aria-selected": d,
-		"aria-disabled": r || void 0,
+		"aria-disabled": i || void 0,
 		"data-highlighted": s.active === t || void 0,
-		onMouseMove: () => !r && s.setActive(t),
+		onMouseMove: () => !i && s.setActive(t),
 		onClick: () => s.choose(t),
-		className: e("grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-3 py-2 text-sm outline-hidden select-none", "data-highlighted:bg-muted aria-disabled:cursor-not-allowed aria-disabled:opacity-50", i),
+		className: e("grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-3 py-2 text-sm outline-hidden select-none", "data-highlighted:bg-muted aria-disabled:cursor-not-allowed aria-disabled:opacity-50", a),
 		children: [/* @__PURE__ */ b("span", {
 			className: "text-primary col-start-1",
 			"aria-hidden": !0,
-			children: d && /* @__PURE__ */ b(a, {})
+			children: d && /* @__PURE__ */ b(r, {})
 		}), /* @__PURE__ */ b("span", {
 			className: "col-start-2 truncate",
 			children: o

package/dist/sortable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/sortable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,cAAc,EASjB,MAAM,OAAO,CAAC;AA2Bf;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAuJhG;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAazE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,+BAwB9F;AAUD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC7E,gCAAgC;IAChC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAC3D,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAC7E,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/sortable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,cAAc,EASjB,MAAM,OAAO,CAAC;AA2Bf;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAuJhG;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAczE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,+BAwB9F;AAUD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC7E,gCAAgC;IAChC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAC3D,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAC7E,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACjB"}

package/dist/sortable/index.js

@@ -108,7 +108,7 @@ function _({ id: t, className: n, ...r }) {
 	return /* @__PURE__ */ c("li", {
 		"data-sortable-id": t,
 		"data-lifted": i === t || void 0,
-		className: e("zen__sortable-item relative transition-[box-shadow,scale] duration-200 data-dragging:z-10 data-dragging:scale-[1.02] data-dragging:shadow-[0_12px_32px_-12px_oklch(0_0_0/0.6)] data-lifted:z-10 data-lifted:shadow-[0_0_0_2px_oklch(var(--primary)/0.6)]", n),
+		className: e("zen__sortable-item relative transition-[box-shadow,scale,background-color] duration-200 data-dragging:bg-card data-lifted:bg-card data-dragging:z-10 data-dragging:rounded-xl data-dragging:scale-[1.02] data-dragging:shadow-[0_0_0_1px_oklch(var(--tint)/0.08),0_12px_32px_-12px_oklch(0_0_0/0.6)] data-lifted:z-10 data-lifted:rounded-xl data-lifted:shadow-[0_0_0_2px_oklch(var(--primary)/0.6)]", n),
 		...r
 	});
 }

package/dist/tag-input/index.js

@@ -1,13 +1,13 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { FIELD as t } from "../utils/styles.js";
-import { useFieldProps as n } from "../field/index.js";
+import { useFieldProps as t } from "../field/index.js";
+import { FIELD as n } from "../utils/styles.js";
 import r from "../icons/micro/x-mark.js";
 import { useLayoutEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region packages/tag-input/index.tsx
 function l({ value: l, defaultValue: u = [], onValueChange: d, validate: f, removeLabel: p = (e) => `Remove ${e}`, className: m, disabled: h, ...g }) {
-	let [_, v] = o(u), y = l ?? _, [b, x] = o(""), S = n(g), C = a(null), w = y.length;
+	let [_, v] = o(u), y = l ?? _, [b, x] = o(""), S = t(g), C = a(null), w = y.length;
 	i(() => {
 		let e = C.current;
 		e?.parentElement?.contains(document.activeElement) && (e.scrollTop = e.scrollHeight);
@@ -20,7 +20,7 @@ function l({ value: l, defaultValue: u = [], onValueChange: d, validate: f, remo
 		t.length !== y.length && T(t);
 	};
 	return /* @__PURE__ */ c("div", {
-		className: e("zen__tag-input", t, "flex h-auto max-h-36 min-h-10 w-full cursor-text flex-col gap-1.5 py-1.5", "has-[input:focus-visible]:border-glow/60 has-[input:focus-visible]:bg-tint/[0.05] has-[input:focus-visible]:shadow-glow-focus has-[input:focus-visible]:[--glow-border-color:transparent]", h && "cursor-not-allowed opacity-50", m),
+		className: e("zen__tag-input", n, "flex h-auto max-h-36 min-h-10 w-full cursor-text flex-col gap-1.5 py-1.5", "has-[input:focus-visible]:border-glow/60 has-[input:focus-visible]:bg-tint/[0.05] has-[input:focus-visible]:shadow-glow-focus has-[input:focus-visible]:[--glow-border-color:transparent]", h && "cursor-not-allowed opacity-50", m),
 		onClick: (e) => e.currentTarget.querySelector("input")?.focus(),
 		children: [w > 0 && /* @__PURE__ */ s("div", {
 			ref: C,

package/dist/textarea/index.js

@@ -1,13 +1,13 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { FIELD as t } from "../utils/styles.js";
-import { useFieldProps as n } from "../field/index.js";
+import { useFieldProps as t } from "../field/index.js";
+import { FIELD as n } from "../utils/styles.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region packages/textarea/index.tsx
 function i(i) {
-	let { className: a, ...o } = i, s = n(o);
+	let { className: a, ...o } = i, s = t(o);
 	return /* @__PURE__ */ r("textarea", {
-		className: e("zen__textarea", t.replace("h-10", ""), "h-32 w-full resize-y py-2", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", a),
+		className: e("zen__textarea", n.replace("h-10", ""), "h-32 w-full resize-y py-2", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", a),
 		...o,
 		...s
 	});

package/dist/utils/color.d.ts

@@ -0,0 +1,35 @@
+/** A colour in OKLCH: lightness 0–1, chroma, hue in degrees, and alpha 0–1. */
+export interface Oklch {
+    l: number;
+    c: number;
+    h: number;
+    alpha: number;
+}
+/** Hue in degrees, saturation and value 0–1, alpha 0–1. */
+export interface Hsv {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+}
+type Rgba = [number, number, number, number];
+/** "#rgb", "#rgba", "#rrggbb" or "#rrggbbaa" → sRGB and alpha, 0–1; null if it isn't one. */
+export declare function parseHex(hex: string): Rgba | null;
+/** sRGB and alpha, 0–1 → "#rrggbb", or "#rrggbbaa" when not opaque. */
+export declare function formatHex([r, g, b, a]: readonly number[]): string;
+export declare function hexToHsv(hex: string): Hsv | null;
+export declare function hsvToHex({ h, s, v, a }: Hsv): string;
+/** sRGB 0–1 → linear light. */
+export declare const srgbToLinear: (c: number) => number;
+/** Linear light → sRGB 0–1. */
+export declare const linearToSrgb: (c: number) => number;
+/** OKLCH → linear sRGB, clamped to gamut. */
+export declare function oklchToLinear(l: number, c: number, h: number): [number, number, number];
+/** A hex colour in OKLCH, e.g. to give its hue and chroma to the theme engine; null if it isn't one. */
+export declare function hexToOklch(hex: string): Oklch | null;
+/** OKLCH as hex; colours outside sRGB are clamped to it. */
+export declare function oklchToHex({ l, c, h, alpha }: Omit<Oklch, 'alpha'> & {
+    alpha?: number;
+}): string;
+export {};
+//# sourceMappingURL=color.d.ts.map

package/dist/utils/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../packages/utils/color.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,MAAM,WAAW,KAAK;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,2DAA2D;AAC3D,MAAM,WAAW,GAAG;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAI7C,6FAA6F;AAC7F,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAOjD;AAED,uEAAuE;AACvE,wBAAgB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAMrE;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAahD;AAED,wBAAgB,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,MAAM,CAMpD;AAED,+BAA+B;AAC/B,eAAO,MAAM,YAAY,GAAI,GAAG,MAAM,WAA8D,CAAC;AACrG,+BAA+B;AAC/B,eAAO,MAAM,YAAY,GAAI,GAAG,MAAM,WAAkE,CAAC;AAEzG,6CAA6C;AAC7C,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAWvF;AAED,wGAAwG;AACxG,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAcpD;AAED,4DAA4D;AAC5D,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAS,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAEpG"}