@rinzai/zen 0.6.0 → 0.7.0

package/dist/checkbox/index.js

@@ -1,61 +1,45 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { useFieldProps as t } from "../field/index.js";
-import { useEffect as n, useRef as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import t from "../icons/micro/check.js";
+import { useFieldProps as n } from "../field/index.js";
+import r from "../icons/micro/minus.js";
+import { useEffect as i, useRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region packages/checkbox/index.tsx
-function o({ children: o, description: s, indeterminate: c = !1, onChange: l, className: u, ...d }) {
-	let f = r(null);
-	n(() => {
-		f.current && (f.current.indeterminate = c);
-	}, [c]);
-	let p = t(d), m = /* @__PURE__ */ a("span", {
-		className: e("zen__checkbox relative inline-grid size-[1.125rem] shrink-0 place-items-center", !o && u),
+function c({ children: c, description: l, indeterminate: u = !1, onChange: d, className: f, ...p }) {
+	let m = a(null);
+	i(() => {
+		m.current && (m.current.indeterminate = u);
+	}, [u]);
+	let h = n(p), g = /* @__PURE__ */ s("span", {
+		className: e("zen__checkbox relative inline-grid size-[1.125rem] shrink-0 place-items-center", !c && f),
 		children: [
-			/* @__PURE__ */ i("input", {
-				ref: f,
+			/* @__PURE__ */ o("input", {
+				ref: m,
 				type: "checkbox",
-				...d,
 				...p,
-				"aria-checked": c ? "mixed" : void 0,
-				onChange: (e) => l?.(e.target.checked),
+				...h,
+				"aria-checked": u ? "mixed" : void 0,
+				onChange: (e) => d?.(e.target.checked),
 				className: e("peer border-tint/20 bg-tint/[0.04] m-0 size-full cursor-pointer appearance-none rounded-[5px] border", "outline-hidden transition-[background-color,border-color,box-shadow] duration-200", "hover:enabled:border-tint/35 focus-visible:ring-ring/50 focus-visible:ring-2", "checked:border-primary checked:bg-primary indeterminate:border-primary indeterminate:bg-primary", "checked:shadow-[0_0_14px_-2px_oklch(var(--glow)/0.8)] indeterminate:shadow-[0_0_14px_-2px_oklch(var(--glow)/0.8)]", "aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50")
 			}),
-			/* @__PURE__ */ i("svg", {
-				viewBox: "0 0 16 16",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2.2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": !0,
-				className: "text-primary-foreground pointer-events-none absolute size-3 opacity-0 transition-opacity duration-150 peer-checked:opacity-100 peer-indeterminate:hidden [&>path]:transition-[stroke-dashoffset] [&>path]:duration-300 [&>path]:ease-out [&>path]:[stroke-dasharray:16] [&>path]:[stroke-dashoffset:16] peer-checked:[&>path]:[stroke-dashoffset:0]",
-				children: /* @__PURE__ */ i("path", { d: "m3.5 8.5 3 3 6-7" })
-			}),
-			/* @__PURE__ */ i("svg", {
-				viewBox: "0 0 16 16",
-				stroke: "currentColor",
-				strokeWidth: "2.2",
-				strokeLinecap: "round",
-				"aria-hidden": !0,
-				className: "text-primary-foreground pointer-events-none absolute hidden size-3 peer-indeterminate:block",
-				children: /* @__PURE__ */ i("path", { d: "M4 8h8" })
-			})
+			/* @__PURE__ */ o(t, { className: "text-primary-foreground pointer-events-none absolute size-3.5 opacity-0 transition-[opacity,clip-path] duration-300 ease-out [clip-path:inset(0_100%_0_0)] peer-checked:opacity-100 peer-checked:[clip-path:inset(0)] peer-indeterminate:hidden" }),
+			/* @__PURE__ */ o(r, { className: "text-primary-foreground pointer-events-none absolute hidden size-3.5 peer-indeterminate:block" })
 		]
 	});
-	return o ? /* @__PURE__ */ a("label", {
-		className: e("inline-flex cursor-pointer items-start gap-2.5 text-sm has-disabled:cursor-not-allowed has-disabled:opacity-60", u),
-		children: [/* @__PURE__ */ i("span", {
+	return c ? /* @__PURE__ */ s("label", {
+		className: e("inline-flex cursor-pointer items-start gap-2.5 text-sm has-disabled:cursor-not-allowed has-disabled:opacity-60", f),
+		children: [/* @__PURE__ */ o("span", {
 			className: "mt-px flex",
-			children: m
-		}), /* @__PURE__ */ a("span", {
+			children: g
+		}), /* @__PURE__ */ s("span", {
 			className: "flex flex-col gap-0.5",
-			children: [o, s && /* @__PURE__ */ i("span", {
+			children: [c, l && /* @__PURE__ */ o("span", {
 				className: "text-muted-foreground text-xs",
-				children: s
+				children: l
 			})]
 		})]
-	}) : m;
+	}) : g;
 }
 //#endregion
-export { o as default };
+export { c as default };

package/dist/chip/index.js

@@ -6,7 +6,7 @@ function n({ pressed: n, className: r, ...i }) {
 	return /* @__PURE__ */ t("button", {
 		type: "button",
 		"aria-pressed": n,
-		className: e("zen__chip border-tint/10 text-muted-foreground rounded-full border px-3 py-1 text-xs outline-hidden transition-colors", "hover:border-tint/20 hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "aria-pressed:border-primary/40 aria-pressed:bg-primary/15 aria-pressed:text-foreground", r),
+		className: e("zen__chip border-tint/10 text-muted-foreground cursor-pointer rounded-full border px-3 py-1 text-xs outline-hidden transition-colors disabled:cursor-not-allowed", "hover:border-tint/20 hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "aria-pressed:border-primary/40 aria-pressed:bg-primary/15 aria-pressed:text-foreground", r),
 		...i
 	});
 }

package/dist/code-block/index.js

@@ -27,7 +27,7 @@ function a({ code: a, language: o, highlight: s, copyable: c = !0, variant: l =
 			onClick: async () => {
 				await navigator.clipboard?.writeText(f), m(!0);
 			},
-			className: e("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 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", p && "text-primary opacity-100"),
+			className: e("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", p && "text-primary opacity-100"),
 			children: p ? "Copied" : "Copy"
 		})]
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/combobox/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/combobox/index.tsx"],"names":[],"mappings":"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"}

package/dist/combobox/index.js

@@ -1,74 +1,71 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { useAnchoredPopup as t } from "../utils/useAnchoredPopup.js";
-import n from "../badge/index.js";
-import r from "../button/index.js";
-import { POPUP as i, TRIGGER as a } from "../utils/styles.js";
-import o from "../collapse/index.js";
-import { CheckIcon as s } from "../utils/status-icons.js";
-import { useField as c } from "../field/index.js";
-import l from "../icons/search.js";
-import u from "../icons/x-mark.js";
-import { InputGroupAddon as d, InputGroupInput as f } from "../input-group/index.js";
-import { FieldChevron as p } from "../utils/field-chevron.js";
-import { useVirtualList as m } from "../utils/useVirtualList.js";
-import { createContext as h, useContext as g, useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { anchoredStyle as t, useAnchoredPopup as n } from "../utils/useAnchoredPopup.js";
+import r from "../badge/index.js";
+import i from "../button/index.js";
+import { POPUP as a, TRIGGER as o } from "../utils/styles.js";
+import s from "../collapse/index.js";
+import { CheckIcon as c } from "../utils/status-icons.js";
+import { useField as l } from "../field/index.js";
+import u from "../icons/search.js";
+import d from "../icons/x-mark.js";
+import { InputGroupAddon as f, InputGroupInput as p } from "../input-group/index.js";
+import { FieldChevron as m } from "../utils/field-chevron.js";
+import { useVirtualList as h } from "../utils/useVirtualList.js";
+import { createContext as g, useContext as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region packages/combobox/index.tsx
-var w = h(null), T = () => {
-	let e = g(w);
+var T = g(null), E = () => {
+	let e = _(T);
 	if (!e) throw Error("Combobox parts must be inside a Combobox");
 	return e;
 };
-function E(e) {
-	let { items: n, itemKey: r = (e) => e.key, itemText: i = (e) => e.text, filter: a = (e, t) => i(e).toLowerCase().includes(t.toLowerCase()), selectedItems: o = [], children: s } = e, c = e.multiple === !0, l = c ? e.value : e.value === null ? [] : [e.value], [u, d] = b(""), [f, p] = b(null), m = y(null), h = y(null), g = y(null), _ = y(35), x = v(() => u ? n.filter((e) => a(e, u)) : n, [
-		n,
+function D(e) {
+	let { items: t, itemKey: r = (e) => e.key, itemText: i = (e) => e.text, filter: a = (e, t) => i(e).toLowerCase().includes(t.toLowerCase()), selectedItems: o = [], children: s } = e, c = e.multiple === !0, l = c ? e.value : e.value === null ? [] : [e.value], [u, d] = x(""), [f, p] = x(null), m = b(null), h = b(null), g = b(null), _ = b(35), v = y(() => u ? t.filter((e) => a(e, u)) : t, [
+		t,
 		u,
 		a
-	]), C = t({
-		offset: 5,
-		onOpenChange: (e) => {
-			e || (p(null), d(""), C.popupRef.current?.contains(document.activeElement) && h.current?.focus());
-		}
-	}), T = {
+	]), S = n({ onOpenChange: (e) => {
+		e || (p(null), d(""), S.popupRef.current?.contains(document.activeElement) && h.current?.focus());
+	} }), w = {
 		multiple: c,
 		keyOf: r,
 		textOf: i,
-		items: n,
+		items: t,
 		selectedItems: o,
-		matches: x,
+		matches: v,
 		chosen: l,
 		toggle: (t) => {
 			if (e.multiple === !0) {
 				let n = e.value.includes(t);
 				e.onValueChange(n ? e.value.filter((e) => e !== t) : [...e.value, t]);
-			} else e.onValueChange(t), C.setOpen(!1);
+			} else e.onValueChange(t), S.setOpen(!1);
 		},
 		query: u,
 		setQuery: d,
 		active: f,
 		setActive: p,
 		create: m,
-		popup: C,
+		popup: S,
 		triggerRef: h,
 		listRef: g,
-		optionId: (e) => `${C.id}-option-${e}`,
+		optionId: (e) => `${S.id}-option-${e}`,
 		itemHeight: _
 	};
-	return /* @__PURE__ */ S(w.Provider, {
-		value: T,
+	return /* @__PURE__ */ C(T.Provider, {
+		value: w,
 		children: s
 	});
 }
-function D({ placeholder: t = "Select an Item", disabled: n, className: r, style: i, children: o, ...s }) {
-	let l = T(), { popup: u } = l, d = c(), f = y(!1), m = () => !n && u.setOpen(!0);
-	return /* @__PURE__ */ C("div", {
+function O({ placeholder: t = "Select an Item", disabled: n, className: r, style: i, children: a, ...s }) {
+	let c = E(), { popup: u } = c, d = l(), f = b(!1), p = () => !n && u.setOpen(!0);
+	return /* @__PURE__ */ w("div", {
 		id: d?.id,
 		"aria-labelledby": s["aria-label"] ? void 0 : d?.labelId,
 		"aria-invalid": d?.["aria-invalid"],
 		...s,
 		"aria-describedby": e(d?.["aria-describedby"], s["aria-describedby"]).trim() || void 0,
-		ref: l.triggerRef,
+		ref: c.triggerRef,
 		role: "combobox",
 		tabIndex: n ? -1 : 0,
 		"aria-haspopup": "listbox",
@@ -76,6 +73,7 @@ function D({ placeholder: t = "Select an Item", disabled: n, className: r, style
 		"aria-controls": u.id,
 		"aria-disabled": n || void 0,
 		"data-popup-open": u.triggerProps["data-popup-open"],
+		"data-zen-anchor": u.triggerProps["data-zen-anchor"],
 		style: {
 			...u.triggerProps.style,
 			...i
@@ -84,40 +82,40 @@ function D({ placeholder: t = "Select an Item", disabled: n, className: r, style
 			s.onPointerDown?.(e), f.current = u.open;
 		},
 		onClick: (e) => {
-			s.onClick?.(e), e.preventDefault(), f.current ? u.setOpen(!1) : m(), f.current = !1;
+			s.onClick?.(e), e.preventDefault(), f.current ? u.setOpen(!1) : p(), f.current = !1;
 		},
 		onKeyDown: (e) => {
 			s.onKeyDown?.(e), [
 				"Enter",
 				" ",
 				"ArrowDown"
-			].includes(e.key) && (e.preventDefault(), m());
+			].includes(e.key) && (e.preventDefault(), p());
 		},
-		className: e(a, "w-56 shrink-0", n ? "cursor-not-allowed opacity-50" : "cursor-pointer", u.open && "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", r),
-		children: [/* @__PURE__ */ S("div", {
+		className: e(o, "w-56 shrink-0", n ? "cursor-not-allowed opacity-50" : "cursor-pointer", u.open && "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", r),
+		children: [/* @__PURE__ */ C("div", {
 			className: e("flex min-w-0 flex-1 items-center gap-1 overflow-hidden text-sm", n ? "text-muted-foreground" : "text-foreground"),
-			children: o ?? /* @__PURE__ */ S(O, { placeholder: t })
-		}), /* @__PURE__ */ S(p, { open: u.open })]
+			children: a ?? /* @__PURE__ */ C(k, { placeholder: t })
+		}), /* @__PURE__ */ C(m, { open: u.open })]
 	});
 }
-function O({ placeholder: e }) {
-	let t = T(), i = new Map([...t.selectedItems, ...t.items].map((e) => [t.keyOf(e), e])), a = t.chosen.flatMap((e) => {
-		let n = i.has(e) ? t.textOf(i.get(e)) : void 0;
-		return n ? [{
+function k({ placeholder: e }) {
+	let t = E(), 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: n
+			text: r
 		}] : [];
 	});
-	return a.length ? t.multiple ? /* @__PURE__ */ S(o, {
+	return a.length ? t.multiple ? /* @__PURE__ */ C(s, {
 		items: a.map((e) => e.text),
 		data: a,
 		badgeVariant: "secondary",
 		badgeClassName: "h-6 min-w-min gap-2",
 		className: "w-full gap-1",
-		children: (e, i, a) => /* @__PURE__ */ C(n, {
+		children: (e, n, a) => /* @__PURE__ */ w(r, {
 			className: "flex h-6 min-w-min gap-2 pr-1",
 			variant: "secondary",
-			children: [e, /* @__PURE__ */ S(r, {
+			children: [e, /* @__PURE__ */ C(i, {
 				"aria-label": `Remove ${e}`,
 				onClick: (e) => {
 					e.stopPropagation(), a && t.toggle(a.key);
@@ -125,34 +123,38 @@ function O({ placeholder: e }) {
 				variant: "icon",
 				size: "icon",
 				className: "group relative -top-px size-4 rounded-sm p-0.5",
-				children: /* @__PURE__ */ S(u, { className: "size-3 transition duration-300 group-hover:rotate-90" })
+				children: /* @__PURE__ */ C(d, { className: "size-3 transition duration-300 group-hover:rotate-90" })
 			})]
-		}, a?.key ?? i)
-	}) : /* @__PURE__ */ S(x, { children: a[0].text }) : /* @__PURE__ */ S("span", {
+		}, a?.key ?? n)
+	}) : /* @__PURE__ */ C(S, { children: a[0].text }) : /* @__PURE__ */ C("span", {
 		className: t.multiple ? "text-muted-foreground" : void 0,
 		children: e
 	});
 }
-function k({ className: t, children: n }) {
-	let { popup: r } = T();
-	return /* @__PURE__ */ S("div", {
-		...r.popupProps,
-		className: e("zen__popover", i, "w-[anchor-size(width)] min-w-0 overflow-visible p-0", t),
-		children: /* @__PURE__ */ S("div", {
+function A({ className: n, children: r }) {
+	let { popup: i } = E();
+	return /* @__PURE__ */ C("div", {
+		...i.popupProps,
+		style: t(i.id, {
+			offset: 5,
+			width: "match"
+		}),
+		className: e("zen__popover", a, "overflow-visible p-0", n),
+		children: /* @__PURE__ */ C("div", {
 			className: "divide-tint/10 flex w-full flex-col divide-y overflow-hidden rounded-xl",
-			children: n
+			children: r
 		})
 	});
 }
-function A({ placeholder: e = "Search", "aria-label": t = "Search options" }) {
-	let n = T(), r = y(null);
-	_(() => {
+function j({ placeholder: e = "Search", "aria-label": t = "Search options" }) {
+	let n = E(), r = b(null);
+	v(() => {
 		n.popup.open && r.current?.focus();
 	}, [n.popup.open]);
 	let i = n.matches.map(n.keyOf);
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ w("div", {
 		className: "flex h-10 grow items-center gap-2 px-3",
-		children: [/* @__PURE__ */ S(d, { children: /* @__PURE__ */ S(l, {}) }), /* @__PURE__ */ S(f, {
+		children: [/* @__PURE__ */ C(f, { children: /* @__PURE__ */ C(u, {}) }), /* @__PURE__ */ C(p, {
 			ref: r,
 			placeholder: e,
 			"aria-label": t,
@@ -166,35 +168,35 @@ function A({ placeholder: e = "Search", "aria-label": t = "Search options" }) {
 				let t = n.active === null ? -1 : i.indexOf(n.active), r = (t) => {
 					if (e.preventDefault(), !i.length) return;
 					let r = i[(t + i.length) % i.length];
-					n.setActive(r), j(n.listRef.current, i.indexOf(r), n.itemHeight.current);
+					n.setActive(r), M(n.listRef.current, i.indexOf(r), n.itemHeight.current);
 				};
 				e.key === "ArrowDown" ? r(t + 1) : e.key === "ArrowUp" ? r(t === -1 ? i.length - 1 : t - 1) : e.key === "Enter" && (e.preventDefault(), n.active === null ? !i.length && n.query && n.create.current && (n.create.current(n.query), n.setQuery("")) : n.toggle(n.active));
 			}
 		})]
 	});
 }
-var j = (e, t, n) => {
+var M = (e, t, n) => {
 	if (!e || t < 0) return;
 	let r = t * n;
 	r < e.scrollTop ? e.scrollTop = r : r + n > e.scrollTop + e.clientHeight && (e.scrollTop = r + n - e.clientHeight);
-}, M = h(null);
-function N({ renderItem: e, itemHeight: t = 35, children: n }) {
-	let r = T();
+}, N = g(null);
+function P({ renderItem: e, itemHeight: t = 35, children: n }) {
+	let r = E();
 	r.itemHeight.current = t;
-	let i = m({
+	let i = h({
 		count: r.matches.length,
 		itemHeight: t,
 		scrollRef: r.listRef
 	});
-	return _(() => {
+	return v(() => {
 		r.listRef.current && (r.listRef.current.scrollTop = 0);
-	}, [r.query, r.listRef]), /* @__PURE__ */ C("ul", {
+	}, [r.query, r.listRef]), /* @__PURE__ */ w("ul", {
 		id: `${r.popup.id}-list`,
 		role: "listbox",
 		"aria-multiselectable": r.multiple || void 0,
 		className: "max-h-72 grow overflow-y-auto py-1 focus:ring-0 focus:outline-hidden",
 		ref: r.listRef,
-		children: [/* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ C("div", {
 			style: {
 				height: `${i.totalSize}px`,
 				width: "100%",
@@ -202,23 +204,23 @@ function N({ renderItem: e, itemHeight: t = 35, children: n }) {
 			},
 			children: i.items.map((t) => {
 				let n = r.matches[t.index];
-				return /* @__PURE__ */ S(M.Provider, {
+				return /* @__PURE__ */ C(N.Provider, {
 					value: {
 						start: t.start,
 						size: t.size
 					},
-					children: e ? e(n) : /* @__PURE__ */ S(P, { item: n })
+					children: e ? e(n) : /* @__PURE__ */ C(F, { item: n })
 				}, r.keyOf(n));
 			})
 		}), n]
 	});
 }
-function P({ item: t, className: n, children: r }) {
-	let i = T(), a = g(M), o = i.keyOf(t), c = i.chosen.includes(o);
-	return /* @__PURE__ */ C("li", {
+function F({ item: t, className: n, children: r }) {
+	let i = E(), a = _(N), o = i.keyOf(t), s = i.chosen.includes(o);
+	return /* @__PURE__ */ w("li", {
 		id: i.optionId(o),
 		role: "option",
-		"aria-selected": c,
+		"aria-selected": s,
 		"data-highlighted": i.active === o || void 0,
 		style: a ? {
 			height: `${a.size}px`,
@@ -227,28 +229,28 @@ function P({ item: t, className: n, children: r }) {
 		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),
-		children: [/* @__PURE__ */ S("span", {
+		children: [/* @__PURE__ */ C("span", {
 			className: "text-primary col-start-1",
 			"aria-hidden": !0,
-			children: c && /* @__PURE__ */ S(s, {})
-		}), /* @__PURE__ */ S("span", {
+			children: s && /* @__PURE__ */ C(c, {})
+		}), /* @__PURE__ */ C("span", {
 			className: "col-start-2 truncate",
 			children: r ?? i.textOf(t)
 		})]
 	});
 }
-function F({ children: e = "No results found" }) {
-	let t = T();
-	return !t.query || t.matches.length ? null : /* @__PURE__ */ S("li", {
+function I({ children: e = "No results found" }) {
+	let t = E();
+	return !t.query || t.matches.length ? null : /* @__PURE__ */ C("li", {
 		className: "text-muted-foreground cursor-not-allowed px-3 py-2 text-sm",
 		children: e
 	});
 }
-function I({ onCreate: e, children: t = (e) => `Add ${e}` }) {
-	let n = T(), { create: r } = n;
-	return _(() => (r.current = e, () => {
+function L({ onCreate: e, children: t = (e) => `Add ${e}` }) {
+	let n = E(), { create: r } = n;
+	return v(() => (r.current = e, () => {
 		r.current = null;
-	}), [r, e]), !n.query || n.matches.length ? null : /* @__PURE__ */ S("li", {
+	}), [r, e]), !n.query || n.matches.length ? null : /* @__PURE__ */ C("li", {
 		role: "option",
 		"aria-selected": !1,
 		className: "hover:bg-muted cursor-pointer px-3 py-2 text-sm select-none",
@@ -259,4 +261,4 @@ function I({ onCreate: e, children: t = (e) => `Add ${e}` }) {
 	});
 }
 //#endregion
-export { I as ComboboxCreate, F as ComboboxEmpty, P as ComboboxItem, N as ComboboxList, k as ComboboxPopup, A as ComboboxSearch, D as ComboboxTrigger, E as default };
+export { L as ComboboxCreate, I as ComboboxEmpty, F as ComboboxItem, P as ComboboxList, A as ComboboxPopup, j as ComboboxSearch, O as ComboboxTrigger, D as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/date-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAA+B,MAAM,iBAAiB,CAAC;AAG/F,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,WAA2B,EAC3B,OAAO,EACP,UAAoB,EACpB,GAAG,IAAI,EACV,EAAE,eAAe,+BAsBjB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,MAAU,EACV,WAA0B,EAC1B,OAAO,EACP,UAAoB,EACpB,GAAG,IAAI,EACV,EAAE,oBAAoB,+BA4BtB;AA8ED,UAAU,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC/F,qGAAqG;IACrG,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,sCAAsC;IACtC,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC3C,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,gGAAgG;AAChG,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAChD,sCAAsC;IACtC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,+DAA+D;IAC/D,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/date-picker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAA+B,MAAM,iBAAiB,CAAC;AAG/F,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,WAA2B,EAC3B,OAAO,EACP,UAAoB,EACpB,GAAG,IAAI,EACV,EAAE,eAAe,+BAsBjB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,MAAU,EACV,WAA0B,EAC1B,OAAO,EACP,UAAoB,EACpB,GAAG,IAAI,EACV,EAAE,oBAAoB,+BA4BtB;AAmED,UAAU,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC/F,qGAAqG;IACrG,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,sCAAsC;IACtC,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC3C,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,gGAAgG;AAChG,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAChD,sCAAsC;IACtC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,+DAA+D;IAC/D,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/date-picker/index.js

@@ -5,17 +5,18 @@ import { POPUP as n, TRIGGER as r } from "../utils/styles.js";
 import { useFieldProps as i } from "../field/index.js";
 import { formatDate as a, formatDateRange as o } from "../utils/date.js";
 import s from "../calendar/index.js";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import c from "../icons/micro/calendar.js";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region packages/date-picker/index.tsx
-function d({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: o, weekStartsOn: c, placeholder: u = "Pick a date", onClear: d, clearLabel: f = "Clear", ...m }) {
-	return /* @__PURE__ */ l(p, {
-		...m,
+function f({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: o, weekStartsOn: c, placeholder: l = "Pick a date", onClear: d, clearLabel: f = "Clear", ...p }) {
+	return /* @__PURE__ */ u(m, {
+		...p,
 		shown: e ? a(e, n) : null,
-		placeholder: u,
+		placeholder: l,
 		label: "Choose date",
 		onClear: e ? d : void 0,
 		clearLabel: f,
-		calendar: (a) => /* @__PURE__ */ l(s, {
+		calendar: (a) => /* @__PURE__ */ u(s, {
 			autoFocus: !0,
 			value: e,
 			onChange: (e) => {
@@ -29,16 +30,16 @@ function d({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: o, we
 		})
 	});
 }
-function f({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: c, weekStartsOn: u, months: d = 1, placeholder: f = "Pick dates", onClear: m, clearLabel: h = "Clear", ...g }) {
+function p({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: c, weekStartsOn: l, months: d = 1, placeholder: f = "Pick dates", onClear: p, clearLabel: h = "Clear", ...g }) {
 	let _ = e ? e.end ? o(e.start, e.end, n) : `${a(e.start, n)} – …` : null;
-	return /* @__PURE__ */ l(p, {
+	return /* @__PURE__ */ u(m, {
 		...g,
 		shown: _,
 		placeholder: f,
 		label: "Choose dates",
-		onClear: e ? m : void 0,
+		onClear: e ? p : void 0,
 		clearLabel: h,
-		calendar: (a) => /* @__PURE__ */ l(s, {
+		calendar: (a) => /* @__PURE__ */ u(s, {
 			autoFocus: !0,
 			mode: "range",
 			value: e,
@@ -49,21 +50,21 @@ function f({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: c, we
 			min: r,
 			max: i,
 			isDisabled: c,
-			weekStartsOn: u,
+			weekStartsOn: l,
 			months: d
 		})
 	});
 }
-function p({ shown: a, placeholder: o, label: s, calendar: d, onClear: f, clearLabel: p, id: h, className: g, disabled: _ = !1, style: v, ...y }) {
+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({
 		...y,
-		id: h
+		id: m
 	}), S = () => b.setOpen(!1);
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("button", {
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("button", {
 		type: "button",
 		...y,
 		...x,
-		id: h,
+		id: m,
 		disabled: _,
 		...b.triggerProps,
 		style: {
@@ -71,42 +72,27 @@ function p({ shown: a, placeholder: o, label: s, calendar: d, onClear: f, clearL
 			...v
 		},
 		className: e("zen__date-picker group", r, "w-full", b.open && "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", g),
-		children: [/* @__PURE__ */ l("span", {
+		children: [/* @__PURE__ */ u("span", {
 			className: e("truncate", !a && "text-muted-foreground"),
 			children: a ?? o
-		}), /* @__PURE__ */ l(m, {})]
-	}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ u(h, {})]
+	}), /* @__PURE__ */ d("div", {
 		...b.popupProps,
 		role: "dialog",
 		"aria-label": s,
 		className: e("zen__popover", n, "p-3"),
-		children: [b.open && d(S), f && /* @__PURE__ */ l("button", {
+		children: [b.open && c(S), f && /* @__PURE__ */ u("button", {
 			type: "button",
 			onClick: () => {
 				f(), S();
 			},
-			className: "border-tint/[0.06] text-muted-foreground hover:text-foreground focus-visible:ring-ring/40 mt-2 w-full rounded-lg border-t px-2 pt-2.5 pb-1.5 text-sm outline-hidden focus-visible:ring-2",
+			className: "border-tint/[0.06] text-muted-foreground hover:text-foreground focus-visible:ring-ring/40 mt-2 w-full cursor-pointer rounded-lg border-t px-2 pt-2.5 pb-1.5 text-sm outline-hidden focus-visible:ring-2",
 			children: p
 		})]
 	})] });
 }
-function m() {
-	return /* @__PURE__ */ u("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round",
-		"aria-hidden": !0,
-		className: "text-muted-foreground group-data-popup-open:text-foreground size-4 shrink-0 transition-colors",
-		children: [/* @__PURE__ */ l("rect", {
-			x: "2.5",
-			y: "3.5",
-			width: "11",
-			height: "10",
-			rx: "2"
-		}), /* @__PURE__ */ l("path", { d: "M2.5 6.5h11M5.5 2v3M10.5 2v3" })]
-	});
+function h() {
+	return /* @__PURE__ */ u(c, { className: "text-muted-foreground group-data-popup-open:text-foreground size-4 shrink-0 transition-colors" });
 }
 //#endregion
-export { f as DateRangePicker, d as default };
+export { p as DateRangePicker, f as default };

package/dist/disclosure/index.js

@@ -32,7 +32,7 @@ function p({ className: n, onClick: r, children: i, ...a }) {
 		onClick: (e) => {
 			r?.(e), e.defaultPrevented || s(!o);
 		},
-		className: e("zen__disclosure group text-muted-foreground flex w-fit items-center gap-1.5 rounded-md text-sm font-medium outline-hidden", "hover:text-foreground aria-expanded:text-foreground transition-colors duration-200", "focus-visible:outline-ring/50 focus-visible:outline-2 focus-visible:outline-offset-4", n),
+		className: e("zen__disclosure group text-muted-foreground flex w-fit cursor-pointer items-center gap-1.5 rounded-md text-sm font-medium outline-hidden", "hover:text-foreground aria-expanded:text-foreground transition-colors duration-200", "focus-visible:outline-ring/50 focus-visible:outline-2 focus-visible:outline-offset-4", n),
 		...a,
 		children: [/* @__PURE__ */ c(t, { className: e("text-inherit duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", !o && "-rotate-90") }), i]
 	});

package/dist/editable-cell/index.js

@@ -16,7 +16,7 @@ function i({ children: i, editor: a, label: o, readOnly: s = !1, editing: c, onE
 		title: u,
 		"aria-label": o ? `${o}. Edit` : void 0,
 		onClick: () => h(!0),
-		className: e("zen__editable-cell hover:bg-primary/10 focus-visible:ring-ring/50 w-full rounded-md px-1.5 py-0.5 text-right tabular-nums transition-colors focus-visible:ring-2 focus-visible:outline-hidden", d),
+		className: e("zen__editable-cell hover:bg-primary/10 focus-visible:ring-ring/50 w-full cursor-pointer rounded-md px-1.5 py-0.5 text-right tabular-nums transition-colors focus-visible:ring-2 focus-visible:outline-hidden", d),
 		children: i
 	});
 }

package/dist/field/index.d.ts

@@ -42,7 +42,7 @@ export declare function useFieldProps(props: {
  * same id as `htmlFor`: Zen's controls with that id pick them up themselves.
  */
 export default function Field({ label, hint, error, htmlFor, children, className }: FieldProps): import('react').JSX.Element;
-/** A message for a form as a whole: an error in a tinted box, or a quiet note. */
+/** A message for a form as a whole: an error or success in a tinted box, or a quiet note. An Alert, set for forms. */
 export declare function FormMessage({ tone, children, className }: FormMessageProps): import('react').JSX.Element;
 export interface FieldProps {
     label: ReactNode;