@rinzai/zen 0.10.3 → 0.11.0

package/dist/code-block/index.js

@@ -1,45 +1,38 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { useEffect as t, useRef as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useCopyToClipboard as t } from "../utils/useCopyToClipboard.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region packages/code-block/index.tsx
-function o({ code: o, language: s, highlight: c, copyable: l = !0, variant: u = "glass", className: d, ...f }) {
-	let p = o.trim(), [m, h] = r(!1);
-	t(() => {
-		if (!m) return;
-		let e = setTimeout(() => h(!1), 1500);
-		return () => clearTimeout(e);
-	}, [m]);
-	let g = n(null), [_, v] = r(!1);
-	return t(() => {
-		let e = g.current;
+function s({ code: s, language: c, highlight: l, copyable: u = !0, variant: d = "glass", className: f, ...p }) {
+	let m = s.trim(), { copy: h, copied: g } = t(), _ = r(null), [v, y] = i(!1);
+	return n(() => {
+		let e = _.current;
 		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => v(e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight));
+		let t = new ResizeObserver(() => y(e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight));
 		return t.observe(e), () => t.disconnect();
-	}, []), /* @__PURE__ */ a("div", {
-		className: e("zen__code-block group relative flex flex-col", u === "glass" && "glass glow-edge overflow-hidden rounded-xl", d),
-		"data-language": s,
-		...f,
-		children: [/* @__PURE__ */ i("pre", {
-			ref: g,
-			tabIndex: _ ? 0 : void 0,
+	}, []), /* @__PURE__ */ o("div", {
+		className: e("zen__code-block group relative flex flex-col", d === "glass" && "glass glow-edge overflow-hidden rounded-xl", f),
+		"data-language": c,
+		...p,
+		children: [/* @__PURE__ */ a("pre", {
+			ref: _,
+			tabIndex: v ? 0 : void 0,
 			className: "text-foreground focus-visible:ring-ring/50 m-0! min-h-0 overflow-auto rounded-none! bg-transparent! p-5! font-mono text-[13px]! leading-6 font-normal! outline-hidden focus-visible:ring-2 focus-visible:ring-inset",
-			children: c ? /* @__PURE__ */ i("code", {
+			children: l ? /* @__PURE__ */ a("code", {
 				className: "bg-transparent! p-0! text-inherit!",
-				dangerouslySetInnerHTML: { __html: c(p, s) }
-			}) : /* @__PURE__ */ i("code", {
+				dangerouslySetInnerHTML: { __html: l(m, c) }
+			}) : /* @__PURE__ */ a("code", {
 				className: "bg-transparent! p-0! text-inherit!",
-				children: p
+				children: m
 			})
-		}), l && /* @__PURE__ */ i("button", {
+		}), u && /* @__PURE__ */ a("button", {
 			type: "button",
-			onClick: async () => {
-				await navigator.clipboard?.writeText(p), h(!0);
-			},
-			className: e("zen__code-copy inline-flex items-center justify-center text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 cursor-pointer rounded-lg px-2.5 py-1 text-xs font-medium outline-hidden transition-[opacity,background-color,color] focus-visible:ring-2", "opacity-0 group-hover:opacity-100 focus-visible:opacity-100 pointer-coarse:min-h-11 pointer-coarse:min-w-11 [@media(hover:none)]:bg-card/90 [@media(hover:none)]:opacity-100", m && "text-primary opacity-100"),
-			children: m ? "Copied" : "Copy"
+			onClick: () => h(m),
+			className: e("zen__code-copy inline-flex items-center justify-center text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 cursor-pointer rounded-lg px-2.5 py-1 text-xs font-medium outline-hidden transition-[opacity,background-color,color] focus-visible:ring-2", "opacity-0 group-hover:opacity-100 focus-visible:opacity-100 pointer-coarse:min-h-11 pointer-coarse:min-w-11 [@media(hover:none)]:bg-card/90 [@media(hover:none)]:opacity-100", g && "text-primary opacity-100"),
+			children: g ? "Copied" : "Copy"
 		})]
 	});
 }
 //#endregion
-export { o as default };
+export { s as default };

package/dist/color-picker/index.d.ts

@@ -0,0 +1,36 @@
+import { ComponentProps } from 'react';
+/**
+ * Everything ColorPicker opens: a saturation and brightness area, hue and
+ * alpha sliders, the hex, and your swatches. Use it inline, or in a popup of
+ * your own. Values are hex: "#rrggbb", or "#rrggbbaa" with `alpha`.
+ */
+export declare function ColorPanel({ value, onChange, onValueCommit, alpha, swatches, className, ...rest }: ColorPanelProps): import('react').JSX.Element;
+/**
+ * A field showing a colour and its hex that opens a ColorPanel: drag or use
+ * the arrow keys in the area, slide the hue (and opacity, with `alpha`), type
+ * a hex or pick a swatch. Works in a Field like any input.
+ */
+export default function ColorPicker({ value, onChange, onValueCommit, alpha, swatches, id, disabled, className, style, ...rest }: ColorPickerProps): import('react').JSX.Element;
+export interface ColorSwatch {
+    label: string;
+    /** Hex, like the picker's value. */
+    value: string;
+}
+interface ColorValueProps {
+    /** "#rrggbb", or "#rrggbbaa" with `alpha`. */
+    value: string;
+    /** Every change, while dragging too. */
+    onChange: (value: string) => void;
+    /** Once a change is made: let go of the area or a slider, a key, a hex entered, a swatch picked. */
+    onValueCommit?: (value: string) => void;
+    /** Offer opacity; values may then be "#rrggbbaa". */
+    alpha?: boolean;
+    /** Colours to pick in one press, such as your theme's. */
+    swatches?: ColorSwatch[];
+}
+export interface ColorPanelProps extends ColorValueProps, Omit<ComponentProps<'div'>, 'onChange'> {
+}
+export interface ColorPickerProps extends ColorValueProps, Omit<ComponentProps<'button'>, 'value' | 'onChange'> {
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/color-picker/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAgD,MAAM,OAAO,CAAC;AAmBrF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,aAAa,EACb,KAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EAAE,eAAe,+BAgJjB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACV,EAAE,gBAAgB,+BAyClB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,eAAe;IACrB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oGAAoG;IACpG,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;CAAG;AAEpG,MAAM,WAAW,gBAAiB,SAAQ,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG"}

package/dist/color-picker/index.js

@@ -0,0 +1,210 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { useAnchoredPopup as t } from "../utils/useAnchoredPopup.js";
+import { useFieldProps as n } from "../field/index.js";
+import { POPUP as r, TRIGGER as i } from "../utils/styles.js";
+import a from "../input/index.js";
+import o from "../slider/index.js";
+import { hexToHsv as s, hsvToHex as c } from "../utils/color.js";
+import { FieldChevron as l } from "../utils/field-chevron.js";
+import { useId as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region packages/color-picker/index.tsx
+var h = {
+	h: 0,
+	s: 0,
+	v: 0,
+	a: 1
+}, g = "repeating-conic-gradient(#9ca3af 0 25%, #f3f4f6 0 50%) 0 0 / 8px 8px", _ = `linear-gradient(to right, ${[
+	0,
+	60,
+	120,
+	180,
+	240,
+	300,
+	360
+].map((e) => `hsl(${e} 100% 50%)`).join(", ")})`, v = (e) => Math.round(e * 100), y = {
+	ArrowLeft: [-1, 0],
+	ArrowRight: [1, 0],
+	ArrowDown: [0, -1],
+	ArrowUp: [0, 1]
+};
+function b(e, t) {
+	let n = s(e);
+	return n ? c(t ? n : {
+		...n,
+		a: 1
+	}) : null;
+}
+function x({ value: t, onChange: n, onValueCommit: r, alpha: i = !1, swatches: l, className: f, ...x }) {
+	let S = u(), [C, w] = d(() => s(t) ?? h), [T, E] = d(t);
+	if (t !== T) {
+		E(t);
+		let e = b(t, i);
+		e && e !== c(C) && w(s(e));
+	}
+	let D = c(C), O = c({
+		...C,
+		a: 1
+	}), [k, A] = d(null), j = (e) => {
+		let t = {
+			...C,
+			...e
+		};
+		return i || (t.a = 1), w(t), n(c(t)), c(t);
+	}, M = (e = D) => r?.(e), N = (e) => {
+		let t = e.currentTarget.getBoundingClientRect(), n = Math.min(1, Math.max(0, (e.clientX - t.left) / t.width)), r = 1 - Math.min(1, Math.max(0, (e.clientY - t.top) / t.height));
+		return j({
+			s: n,
+			v: r
+		});
+	}, P = (e) => {
+		let t = y[e.key];
+		if (!t) return;
+		e.preventDefault();
+		let n = (e.shiftKey ? 10 : 1) / 100, r = (e) => Math.min(1, Math.max(0, Math.round((e + 2 ** -52) * 100) / 100));
+		M(j({
+			s: r(C.s + t[0] * n),
+			v: r(C.v + t[1] * n)
+		}));
+	}, F = () => {
+		if (k === null) return;
+		let e = b(k.startsWith("#") ? k : `#${k}`, i);
+		A(null), e && e !== D && (w(s(e)), n(e), M(e));
+	};
+	return /* @__PURE__ */ m("div", {
+		className: e("zen__color-panel flex w-64 flex-col gap-3", f),
+		...x,
+		children: [
+			/* @__PURE__ */ p("div", {
+				role: "slider",
+				tabIndex: 0,
+				"aria-label": "Saturation and brightness",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": v(C.s),
+				"aria-valuetext": `Saturation ${v(C.s)}%, brightness ${v(C.v)}%`,
+				onPointerDown: (e) => {
+					e.button === 0 && (e.currentTarget.setPointerCapture?.(e.pointerId), e.currentTarget.focus(), N(e));
+				},
+				onPointerMove: (e) => e.currentTarget.hasPointerCapture?.(e.pointerId) && N(e),
+				onPointerUp: (e) => M(N(e)),
+				onKeyDown: P,
+				style: { background: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${C.h} 100% 50%))` },
+				className: "focus-visible:ring-ring/50 relative h-40 cursor-crosshair touch-none rounded-lg shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.1)] outline-hidden focus-visible:ring-2",
+				children: /* @__PURE__ */ p("span", {
+					"aria-hidden": !0,
+					style: {
+						left: `${C.s * 100}%`,
+						top: `${(1 - C.v) * 100}%`,
+						background: O
+					},
+					className: "pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_0_0_1px_oklch(0_0_0/0.3),0_0_12px_oklch(0_0_0/0.35)]"
+				})
+			}),
+			/* @__PURE__ */ p(o, {
+				"aria-label": "Hue",
+				min: 0,
+				max: 359,
+				value: Math.round(C.h),
+				onValueChange: (e) => j({ h: e }),
+				onValueCommit: () => M(),
+				trackBackground: _,
+				thumbColor: `hsl(${C.h} 100% 50%)`,
+				valueText: (e) => `Hue ${e} degrees`
+			}),
+			i && /* @__PURE__ */ p(o, {
+				"aria-label": "Opacity",
+				min: 0,
+				max: 100,
+				value: v(C.a),
+				onValueChange: (e) => j({ a: e / 100 }),
+				onValueCommit: () => M(),
+				trackBackground: `linear-gradient(to right, transparent, ${O}), ${g}`,
+				thumbColor: O,
+				valueText: (e) => `Opacity ${e}%`
+			}),
+			/* @__PURE__ */ p(a, {
+				"aria-label": "Hex",
+				spellCheck: !1,
+				autoComplete: "off",
+				value: k ?? D,
+				onChange: (e) => A(e.target.value),
+				onBlur: F,
+				onKeyDown: (e) => e.key === "Enter" && F(),
+				className: "h-9 font-mono tabular-nums"
+			}),
+			l && l.length > 0 && /* @__PURE__ */ m("fieldset", {
+				className: "flex flex-wrap gap-1.5",
+				children: [/* @__PURE__ */ p("legend", {
+					className: "sr-only",
+					children: "Swatches"
+				}), l.map((e) => {
+					let t = b(e.value, i);
+					return /* @__PURE__ */ m("label", {
+						title: e.label,
+						className: "relative cursor-pointer",
+						children: [/* @__PURE__ */ p("input", {
+							type: "radio",
+							name: S,
+							"aria-label": e.label,
+							checked: t === D,
+							onChange: () => {
+								t && (w(s(t)), n(t), M(t));
+							},
+							className: "peer sr-only"
+						}), /* @__PURE__ */ p("span", {
+							"aria-hidden": !0,
+							style: { background: `linear-gradient(${e.value}, ${e.value}), ${g}` },
+							className: "ring-offset-background peer-focus-visible:ring-ring/60 peer-checked:ring-foreground/70 block size-6 rounded-full shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.12)] ring-offset-2 transition-shadow peer-checked:ring-2 peer-focus-visible:ring-2"
+						})]
+					}, e.value);
+				})]
+			})
+		]
+	});
+}
+function S({ value: a, onChange: o, onValueCommit: s, alpha: c, swatches: u, id: d, disabled: h, className: _, style: v, ...y }) {
+	let b = t(), S = n({
+		...y,
+		id: d
+	});
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
+		type: "button",
+		...y,
+		...S,
+		id: d,
+		disabled: h,
+		...b.triggerProps,
+		style: {
+			...b.triggerProps.style,
+			...v
+		},
+		className: e("zen__color-picker group", i, "w-full", b.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", _),
+		children: [/* @__PURE__ */ m("span", {
+			className: "flex min-w-0 items-center gap-2.5",
+			children: [/* @__PURE__ */ p("span", {
+				"aria-hidden": !0,
+				style: { background: `linear-gradient(${a}, ${a}), ${g}` },
+				className: "size-5 shrink-0 rounded-md shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.15)]"
+			}), /* @__PURE__ */ p("span", {
+				className: "truncate font-mono tabular-nums",
+				children: a
+			})]
+		}), /* @__PURE__ */ p(l, { open: b.open })]
+	}), /* @__PURE__ */ p("div", {
+		...b.popupProps,
+		role: "dialog",
+		"aria-label": "Choose colour",
+		className: e("zen__popover", r, "p-3"),
+		children: /* @__PURE__ */ p(x, {
+			value: a,
+			onChange: o,
+			onValueCommit: s,
+			alpha: c,
+			swatches: u
+		})
+	})] });
+}
+//#endregion
+export { x as ColorPanel, S as default };

package/dist/combobox/index.js

@@ -3,14 +3,14 @@ import { cx as e } from "../utils/cx.js";
 import { anchoredStyle as t, useAnchoredPopup as n } from "../utils/useAnchoredPopup.js";
 import r from "../badge/index.js";
 import i from "../button/index.js";
-import { PLACEHOLDER as a, POPUP as o, TRIGGER as s } from "../utils/styles.js";
-import c from "../collapse/index.js";
-import { CheckIcon as l } from "../utils/status-icons.js";
-import { useField as u } from "../field/index.js";
-import d from "../icons/search.js";
-import f from "../icons/x-mark.js";
-import { InputGroupAddon as p, InputGroupInput as m } from "../input-group/index.js";
-import { FieldChevron as h } from "../utils/field-chevron.js";
+import { CheckIcon as a } from "../utils/status-icons.js";
+import { useField as o } from "../field/index.js";
+import { PLACEHOLDER as s, POPUP as c, TRIGGER as l } from "../utils/styles.js";
+import { FieldChevron as u } from "../utils/field-chevron.js";
+import d from "../collapse/index.js";
+import f from "../icons/search.js";
+import p from "../icons/x-mark.js";
+import { InputGroupAddon as m, InputGroupInput as h } from "../input-group/index.js";
 import { useVirtualList as g } from "../utils/useVirtualList.js";
 import { createContext as _, useContext as v, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
@@ -57,58 +57,58 @@ function O(e) {
 		children: s
 	});
 }
-function k({ placeholder: t = "Select an Item", disabled: n, className: r, style: i, children: a, ...o }) {
-	let c = D(), { popup: l } = c, d = u(), f = x(!1), p = () => !n && l.setOpen(!0);
+function k({ placeholder: t = "Select an Item", disabled: n, className: r, style: i, children: a, ...s }) {
+	let c = D(), { popup: d } = c, f = o(), p = x(!1), m = () => !n && d.setOpen(!0);
 	return /* @__PURE__ */ T("div", {
-		id: d?.id,
-		"aria-labelledby": o["aria-label"] ? void 0 : d?.labelId,
-		"aria-invalid": d?.["aria-invalid"],
-		...o,
-		"aria-describedby": e(d?.["aria-describedby"], o["aria-describedby"]).trim() || void 0,
+		id: f?.id,
+		"aria-labelledby": s["aria-label"] ? void 0 : f?.labelId,
+		"aria-invalid": f?.["aria-invalid"],
+		...s,
+		"aria-describedby": e(f?.["aria-describedby"], s["aria-describedby"]).trim() || void 0,
 		ref: c.triggerRef,
 		role: "combobox",
 		tabIndex: n ? -1 : 0,
 		"aria-haspopup": "listbox",
-		"aria-expanded": l.open,
-		"aria-controls": l.id,
+		"aria-expanded": d.open,
+		"aria-controls": d.id,
 		"aria-disabled": n || void 0,
-		"data-popup-open": l.triggerProps["data-popup-open"],
-		"data-zen-anchor": l.triggerProps["data-zen-anchor"],
+		"data-popup-open": d.triggerProps["data-popup-open"],
+		"data-zen-anchor": d.triggerProps["data-zen-anchor"],
 		style: {
-			...l.triggerProps.style,
+			...d.triggerProps.style,
 			...i
 		},
 		onPointerDown: (e) => {
-			o.onPointerDown?.(e), f.current = l.open;
+			s.onPointerDown?.(e), p.current = d.open;
 		},
 		onClick: (e) => {
-			o.onClick?.(e), e.preventDefault(), f.current ? l.setOpen(!1) : p(), f.current = !1;
+			s.onClick?.(e), e.preventDefault(), p.current ? d.setOpen(!1) : m(), p.current = !1;
 		},
 		onKeyDown: (e) => {
-			o.onKeyDown?.(e), [
+			s.onKeyDown?.(e), [
 				"Enter",
 				" ",
 				"ArrowDown"
-			].includes(e.key) && (e.preventDefault(), p());
+			].includes(e.key) && (e.preventDefault(), m());
 		},
-		className: e(s, "w-56 shrink-0", n ? "cursor-not-allowed opacity-50" : "cursor-pointer", l.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", r),
+		className: e(l, "w-56 shrink-0", n ? "cursor-not-allowed opacity-50" : "cursor-pointer", d.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", r),
 		children: [/* @__PURE__ */ w("div", {
 			className: e("flex min-w-0 flex-1 items-center gap-1 overflow-hidden text-sm", n ? "text-muted-foreground" : "text-foreground"),
 			children: a ?? /* @__PURE__ */ w(A, { placeholder: t })
-		}), /* @__PURE__ */ w(h, { open: l.open })]
+		}), /* @__PURE__ */ w(u, { open: d.open })]
 	});
 }
 function A({ placeholder: e }) {
-	let t = D(), n = new Map([...t.selectedItems, ...t.items].map((e) => [t.keyOf(e), e])), o = t.chosen.flatMap((e) => {
+	let t = D(), n = new Map([...t.selectedItems, ...t.items].map((e) => [t.keyOf(e), e])), a = t.chosen.flatMap((e) => {
 		let r = n.has(e) ? t.textOf(n.get(e)) : void 0;
 		return r ? [{
 			key: e,
 			text: r
 		}] : [];
 	});
-	return o.length ? t.multiple ? /* @__PURE__ */ w(c, {
-		items: o.map((e) => e.text),
-		data: o,
+	return a.length ? t.multiple ? /* @__PURE__ */ w(d, {
+		items: a.map((e) => e.text),
+		data: a,
 		badgeVariant: "secondary",
 		badgeClassName: "h-6 min-w-min gap-2",
 		className: "w-full gap-1",
@@ -123,11 +123,11 @@ function A({ placeholder: e }) {
 				variant: "icon",
 				size: "icon",
 				className: "group relative -top-px size-4 rounded-sm p-0.5",
-				children: /* @__PURE__ */ w(f, { className: "zen__combobox-remove-icon size-3 transition duration-300 group-hover:rotate-90" })
+				children: /* @__PURE__ */ w(p, { className: "zen__combobox-remove-icon size-3 transition duration-300 group-hover:rotate-90" })
 			})]
 		}, a?.key ?? n)
-	}) : /* @__PURE__ */ w(C, { children: o[0].text }) : /* @__PURE__ */ w("span", {
-		className: a,
+	}) : /* @__PURE__ */ w(C, { children: a[0].text }) : /* @__PURE__ */ w("span", {
+		className: s,
 		children: e
 	});
 }
@@ -139,7 +139,7 @@ function j({ className: n, children: r }) {
 			offset: 5,
 			width: "match"
 		}),
-		className: e("zen__popover", o, "overflow-visible p-0", n),
+		className: e("zen__popover", c, "overflow-visible p-0", n),
 		children: /* @__PURE__ */ w("div", {
 			className: "divide-tint/10 flex w-full flex-col divide-y overflow-hidden rounded-xl",
 			children: r
@@ -154,7 +154,7 @@ function M({ placeholder: e = "Search", "aria-label": t = "Search options" }) {
 	let i = n.matches.map(n.keyOf);
 	return /* @__PURE__ */ T("div", {
 		className: "flex h-10 grow items-center gap-2 px-3",
-		children: [/* @__PURE__ */ w(p, { children: /* @__PURE__ */ w(d, {}) }), /* @__PURE__ */ w(m, {
+		children: [/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(f, {}) }), /* @__PURE__ */ w(h, {
 			ref: r,
 			placeholder: e,
 			"aria-label": t,
@@ -216,23 +216,23 @@ function F({ renderItem: e, itemHeight: t = 35, children: n }) {
 	});
 }
 function I({ item: t, className: n, children: r }) {
-	let i = D(), a = v(P), o = i.keyOf(t), s = i.chosen.includes(o);
+	let i = D(), o = v(P), s = i.keyOf(t), c = i.chosen.includes(s);
 	return /* @__PURE__ */ T("li", {
-		id: i.optionId(o),
+		id: i.optionId(s),
 		role: "option",
-		"aria-selected": s,
-		"data-highlighted": i.active === o || void 0,
-		style: a ? {
-			height: `${a.size}px`,
-			transform: `translateY(${a.start}px)`
+		"aria-selected": c,
+		"data-highlighted": i.active === s || void 0,
+		style: o ? {
+			height: `${o.size}px`,
+			transform: `translateY(${o.start}px)`
 		} : void 0,
-		onMouseMove: () => i.active !== o && i.setActive(o),
-		onClick: () => i.toggle(o),
-		className: e("hover:bg-muted data-highlighted:bg-muted grid w-full cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-3 py-2 text-sm outline-hidden select-none", a && "absolute top-0 left-0", n),
+		onMouseMove: () => i.active !== s && i.setActive(s),
+		onClick: () => i.toggle(s),
+		className: e("hover:bg-muted data-highlighted:bg-muted grid w-full cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-3 py-2 text-sm outline-hidden select-none", o && "absolute top-0 left-0", n),
 		children: [/* @__PURE__ */ w("span", {
 			className: "text-primary col-start-1",
 			"aria-hidden": !0,
-			children: s && /* @__PURE__ */ w(l, {})
+			children: c && /* @__PURE__ */ w(a, {})
 		}), /* @__PURE__ */ w("span", {
 			className: "col-start-2 truncate",
 			children: r ?? i.textOf(t)

package/dist/date-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 { POPUP as n, TRIGGER as r } from "../utils/styles.js";
-import { useFieldProps as i } from "../field/index.js";
+import { useFieldProps as n } from "../field/index.js";
+import { POPUP as r, TRIGGER as i } from "../utils/styles.js";
 import { formatDate as a, formatDateRange as o } from "../utils/date.js";
 import s from "../calendar/index.js";
 import c from "../icons/micro/calendar.js";
@@ -78,7 +78,7 @@ function p({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: c, we
 	});
 }
 function m({ shown: a, placeholder: o, label: s, calendar: c, onClear: f, clearLabel: p, id: m, className: g, disabled: _ = !1, style: v, ...y }) {
-	let b = t(), x = i({
+	let b = t(), x = n({
 		...y,
 		id: m
 	}), S = () => b.setOpen(!1);
@@ -93,7 +93,7 @@ function m({ shown: a, placeholder: o, label: s, calendar: c, onClear: f, clearL
 			...b.triggerProps.style,
 			...v
 		},
-		className: e("zen__date-picker group", r, "w-full", b.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", g),
+		className: e("zen__date-picker group", i, "w-full", b.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", g),
 		children: [/* @__PURE__ */ u("span", {
 			className: e("truncate", !a && "text-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))]"),
 			children: a ?? o
@@ -102,7 +102,7 @@ function m({ shown: a, placeholder: o, label: s, calendar: c, onClear: f, clearL
 		...b.popupProps,
 		role: "dialog",
 		"aria-label": s,
-		className: e("zen__popover", n, "p-3"),
+		className: e("zen__popover", r, "p-3"),
 		children: [b.open && c(S), f && /* @__PURE__ */ u("button", {
 			type: "button",
 			onClick: () => {

package/dist/index.d.ts

@@ -6,7 +6,9 @@ export { default as Badge } from './badge';
 export { default as StatusPill, StatusPillAction, type StatusPillProps } from './status-pill';
 export { default as Button, buttonVariants } from './button';
 export { default as Card, CardDescription, CardHeader, type CardProps, CardTitle, type CardTitleProps, Stat, StatRow, } from './card';
+export { Canvas, CanvasItem, type CanvasItemProps, type CanvasItemRect, type CanvasProps, type CanvasRect, } from './canvas';
 export { default as CodeBlock } from './code-block';
+export { ColorPanel, type ColorPanelProps, default as ColorPicker, type ColorPickerProps, type ColorSwatch, } from './color-picker';
 export { default as Chip, type ChipProps } from './chip';
 export { default as Collapse } from './collapse';
 export { default as Combobox, ComboboxCreate, ComboboxEmpty, ComboboxItem, ComboboxList, ComboboxPopup, type ComboboxProps, ComboboxSearch, ComboboxTrigger, } from './combobox';
@@ -57,6 +59,8 @@ export { prepareThemeWave, themeWave } from './utils/theme-wave';
 export { followSectionLink } from './utils/section-link';
 export { reducedMotion } from './utils/motion';
 export { useHydrated } from './utils/useHydrated';
+export { hexToOklch, type Oklch, oklchToHex } from './utils/color';
+export { type CopyToClipboardOptions, useCopyToClipboard } from './utils/useCopyToClipboard';
 export { addMonths, currentMonth, formatMonth, fromMonthIndex, isMonth, type Month, monthIndex, monthNames, monthRange, monthsBetween, } from './utils/month';
 export { addDays, addMonthsToDate, type DateRange, commonRanges, type DateString, type DateStyle, dayIndex, dayOfWeek, daysBetween, daysInMonth, formatDate, formatDateRange, fromDayIndex, isDate, today, weekdayNames, weekStart, } from './utils/date';
 export { type AnchoredPopupOptions, useAnchoredPopup } from './utils/useAnchoredPopup';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,CAAC;AACf,OAAO,EACH,OAAO,IAAI,IAAI,EACf,WAAW,EACX,KAAK,gBAAgB,EACrB,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,UAAU,EACV,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,aAAa,EACb,WAAW,EACX,KAAK,gBAAgB,GACxB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EACH,OAAO,IAAI,IAAI,EACf,eAAe,EACf,UAAU,EACV,KAAK,SAAS,EACd,SAAS,EACT,KAAK,cAAc,EACnB,IAAI,EACJ,OAAO,GACV,MAAM,QAAQ,CAAC;AAChB,OAAO,EACH,MAAM,EACN,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,UAAU,GAClB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,OAAO,IAAI,WAAW,EACtB,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EACH,OAAO,IAAI,QAAQ,EACnB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,KAAK,aAAa,EAClB,cAAc,EACd,eAAe,GAClB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,iBAAiB,EAAE,KAAK,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjH,OAAO,EACH,OAAO,IAAI,KAAK,EAChB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,WAAW,EACX,KAAK,gBAAgB,EACrB,QAAQ,EACR,aAAa,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EACH,OAAO,IAAI,KAAK,EAChB,SAAS,EACT,KAAK,cAAc,EACnB,QAAQ,EACR,KAAK,aAAa,EAClB,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,cAAc,EACd,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,UAAU,EACV,KAAK,eAAe,EACpB,YAAY,EACZ,SAAS,GACZ,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACxH,OAAO,EACH,OAAO,IAAI,UAAU,EACrB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,eAAe,EACf,KAAK,oBAAoB,GAC5B,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,KAAK,kBAAkB,EACvB,OAAO,IAAI,UAAU,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,aAAa,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EACH,OAAO,IAAI,OAAO,EAClB,YAAY,EACZ,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,cAAc,EACd,KAAK,mBAAmB,GAC3B,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAChH,OAAO,EACH,OAAO,IAAI,MAAM,EACjB,WAAW,EACX,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,eAAe,GAClB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAClG,OAAO,EACH,OAAO,IAAI,KAAK,EAChB,KAAK,aAAa,EAClB,SAAS,EACT,SAAS,EACT,KAAK,cAAc,EACnB,cAAc,EACd,KAAK,mBAAmB,EACxB,UAAU,EACV,WAAW,EACX,eAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,cAAc,EACnB,QAAQ,EACR,YAAY,EACZ,KAAK,iBAAiB,EACtB,eAAe,EACf,KAAK,oBAAoB,EACzB,eAAe,EACf,KAAK,oBAAoB,EACzB,cAAc,EACd,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,aAAa,EACb,KAAK,kBAAkB,EACvB,YAAY,EACZ,OAAO,GACV,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACjE,OAAO,EAAE,KAAK,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EACH,OAAO,IAAI,aAAa,EACxB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,QAAQ,EACR,YAAY,GACf,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EACH,OAAO,IAAI,OAAO,EAClB,cAAc,EACd,KAAK,mBAAmB,EACxB,cAAc,EACd,KAAK,mBAAmB,GAC3B,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACzG,OAAO,EAAE,GAAG,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAChC,OAAO,EACH,KAAK,UAAU,EACf,WAAW,EACX,UAAU,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,KAAK,SAAS,EACd,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,KAAK,QAAQ,EACb,OAAO,EACP,UAAU,EACV,KAAK,aAAa,EAClB,SAAS,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,KAAK,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,KAAK,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EACH,SAAS,EACT,YAAY,EACZ,WAAW,EACX,cAAc,EACd,OAAO,EACP,KAAK,KAAK,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,aAAa,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,OAAO,EACP,eAAe,EACf,KAAK,SAAS,EACd,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,SAAS,EACd,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,YAAY,EACZ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,SAAS,GACZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACnG,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EACH,cAAc,EACd,YAAY,EACZ,WAAW,EACX,KAAK,KAAK,EACV,eAAe,EACf,WAAW,EACX,UAAU,EACV,eAAe,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,YAAY,EACZ,KAAK,aAAa,EAClB,WAAW,EACX,WAAW,EACX,KAAK,SAAS,EACd,oBAAoB,GACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,QAAQ,OAAO,CAAC;IACnB,UAAU,aAAa;QACnB,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;KACzC;CACJ;AACD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EACH,KAAK,WAAW,EAChB,OAAO,IAAI,cAAc,EACzB,KAAK,mBAAmB,EACxB,yBAAyB,GAC5B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3G,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EACH,cAAc,EACd,KAAK,mBAAmB,EACxB,YAAY,EACZ,KAAK,iBAAiB,EACtB,YAAY,EACZ,KAAK,iBAAiB,GACzB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/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 { jsx as r } from "react/jsx-runtime";
 //#region packages/input/index.tsx
 function i(i) {
-	let { className: a, ...o } = i, s = n(o);
+	let { className: a, ...o } = i, s = t(o);
 	return /* @__PURE__ */ r("input", {
-		className: e("zen__input", t, "w-full", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium", "[[type=\"checkbox\"]]:accent-primary [[type=\"checkbox\"]]:h-4 [[type=\"checkbox\"]]:w-4 [[type=\"checkbox\"]]:rounded-sm", "[[type=\"radio\"]]:accent-primary [[type=\"radio\"]]:h-4 [[type=\"radio\"]]:w-4", a),
+		className: e("zen__input", n, "w-full", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium", "[[type=\"checkbox\"]]:accent-primary [[type=\"checkbox\"]]:h-4 [[type=\"checkbox\"]]:w-4 [[type=\"checkbox\"]]:rounded-sm", "[[type=\"radio\"]]:accent-primary [[type=\"radio\"]]:h-4 [[type=\"radio\"]]:w-4", a),
 		...o,
 		...s
 	});