@rinzai/zen 0.10.3 → 0.13.0

package/dist/tooltip/index.js

@@ -4,107 +4,73 @@ import { useGraphicsMode as t } from "../utils/graphics.js";
 import { Slot as n } from "../utils/slot.js";
 import { anchorFor as r, anchoredStyle as i, useAnchorFallback as a } from "../utils/useAnchoredPopup.js";
 import { POPUP as o } from "../utils/styles.js";
-import { createContext as s, useCallback as c, useContext as l, useEffect as u, useId as d, useMemo as f, useRef as p } from "react";
-import { jsx as m } from "react/jsx-runtime";
+import { useHoverPopup as s } from "../utils/useHoverPopup.js";
+import { createContext as c, useContext as l, useRef as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
 //#region packages/tooltip/index.tsx
-var h = s(null);
-function g(e) {
-	let t = l(h);
+var f = c(null);
+function p(e) {
+	let t = l(f);
 	if (!t) throw Error(`<${e}> must be inside <Tooltip>`);
 	return t;
 }
-function _({ children: e }) {
+function m({ children: e }) {
 	t();
-	let n = `zen__tooltip-${d().replace(/[^\w-]/g, "")}`, r = p(null), i = p(0), o = c(() => {
-		clearTimeout(i.current);
-		try {
-			r.current?.showPopover?.();
-		} catch {}
-	}, []), s = c(() => {
-		clearTimeout(i.current);
-		try {
-			r.current?.hidePopover?.();
-		} catch {}
-	}, []), l = c(() => {
-		clearTimeout(i.current), i.current = window.setTimeout(s, 100);
-	}, [s]);
-	u(() => () => clearTimeout(i.current), []), a(r);
-	let g = f(() => ({
-		id: n,
-		ref: r,
-		show: o,
-		hide: s,
-		hideSoon: l
-	}), [
-		n,
-		o,
-		s,
-		l
-	]);
-	return /* @__PURE__ */ m(h.Provider, {
-		value: g,
+	let n = s("zen__tooltip");
+	return /* @__PURE__ */ d(f.Provider, {
+		value: n,
 		children: e
 	});
 }
-function v({ asChild: e, style: t, onPointerEnter: i, onPointerLeave: a, onFocus: o, onBlur: s, onKeyDown: c, children: l, ...u }) {
-	let d = g("TooltipTrigger"), f = {
-		"aria-describedby": d.id,
+function h({ asChild: e, style: t, onPointerEnter: i, onPointerLeave: a, onFocus: o, onBlur: s, onKeyDown: c, children: l, ...u }) {
+	let f = p("TooltipTrigger"), m = {
+		"aria-describedby": f.id,
 		...u,
-		...r(d.id),
+		...r(f.id),
 		style: {
-			...r(d.id).style,
+			...r(f.id).style,
 			...t
 		},
-		onPointerEnter: (e) => {
-			i?.(e), e.pointerType === "mouse" && d.show();
-		},
-		onPointerLeave: (e) => {
-			a?.(e), d.hideSoon();
-		},
-		onFocus: (e) => {
-			o?.(e), e.currentTarget.matches(":focus-visible") && d.show();
-		},
-		onBlur: (e) => {
-			s?.(e), d.hide();
-		},
-		onKeyDown: (e) => {
-			c?.(e), e.key === "Escape" && d.hide();
-		}
+		...f.triggerProps({
+			onPointerEnter: i,
+			onPointerLeave: a,
+			onFocus: o,
+			onBlur: s,
+			onKeyDown: c
+		})
 	};
-	return e ? /* @__PURE__ */ m(n, {
-		...f,
+	return e ? /* @__PURE__ */ d(n, {
+		...m,
 		children: l
-	}) : /* @__PURE__ */ m("button", {
+	}) : /* @__PURE__ */ d("button", {
 		type: "button",
-		...f,
+		...m,
 		children: l
 	});
 }
-function y({ align: t = "center", offset: n = 5, className: r, style: a, onPointerEnter: s, onPointerLeave: c, children: l, ...u }) {
-	let d = g("TooltipContent");
-	return /* @__PURE__ */ m("div", {
-		...u,
-		ref: d.ref,
-		id: d.id,
+function g({ align: t = "center", offset: n = 5, className: r, style: s, onPointerEnter: c, onPointerLeave: l, children: f, ...m }) {
+	let h = p("TooltipContent"), g = u(null);
+	return a(g), /* @__PURE__ */ d("div", {
+		...m,
+		ref: g,
+		id: h.id,
 		role: "tooltip",
 		popover: "manual",
-		onPointerEnter: (e) => {
-			s?.(e), d.show();
-		},
-		onPointerLeave: (e) => {
-			c?.(e), d.hideSoon();
-		},
+		...h.contentProps({
+			onPointerEnter: c,
+			onPointerLeave: l
+		}),
 		style: {
-			...i(d.id, {
+			...i(h.id, {
 				align: t,
 				offset: n,
 				width: "at-least"
 			}),
-			...a
+			...s
 		},
 		className: e("zen__popover fixed z-50 overflow-visible p-0", o, r),
-		children: l
+		children: f
 	});
 }
 //#endregion
-export { y as TooltipContent, v as TooltipTrigger, _ as default };
+export { g as TooltipContent, h as TooltipTrigger, m as default };

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

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

package/dist/tree/index.js

@@ -1,156 +1,159 @@
 "use client";
-import { cx as e } from "../utils/cx.js";
-import { reducedMotion as t } from "../utils/motion.js";
-import { TableCell as n, TableRow as r } from "../table/index.js";
-import i from "../icons/micro/chevron-right.js";
-import { useCallback as a, useMemo as o, useRef as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import e from "../icons/micro/chevron-right.js";
+import { cx as t } from "../utils/cx.js";
+import { readingKey as n } from "../utils/direction.js";
+import { useMessages as r } from "../locale-provider/index.js";
+import { reducedMotion as i } from "../utils/motion.js";
+import { TableCell as a, TableRow as o } from "../table/index.js";
+import { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region packages/tree/index.tsx
-function d({ items: n, getKey: r, getChildren: i, defaultExpanded: l = !0, rowHeight: u = 36 }) {
-	let [d, f] = c(() => /* @__PURE__ */ new Set()), [p, m] = c(null), [h, g] = c(null), _ = s(null), v = a((e) => d.has(e) !== l, [d, l]), y = o(() => {
-		let e = [], t = (n, a, o) => {
-			n.forEach((s, c) => {
-				let l = r(s), u = i(s), d = !!u?.length, f = d && v(l);
-				e.push({
+function p({ items: e, getKey: r, getChildren: a, defaultExpanded: o = !0, rowHeight: d = 36 }) {
+	let [f, p] = u(() => /* @__PURE__ */ new Set()), [m, h] = u(null), [g, _] = u(null), v = l(null), y = s((e) => f.has(e) !== o, [f, o]), b = c(() => {
+		let t = [], n = (e, i, o) => {
+			e.forEach((s, c) => {
+				let l = r(s), u = a(s), d = !!u?.length, f = d && y(l);
+				t.push({
 					item: s,
 					key: l,
-					depth: a,
+					depth: i,
 					parentKey: o,
 					hasChildren: d,
 					expanded: f,
 					position: c + 1,
-					siblings: n.length
-				}), f && t(u, a + 1, l);
+					siblings: e.length
+				}), f && n(u, i + 1, l);
 			});
 		};
-		return t(n, 0, null), e;
+		return n(e, 0, null), t;
 	}, [
-		n,
+		e,
 		r,
-		i,
-		v
-	]), b = () => {
-		let e = [], t = (n) => {
-			for (let a of n) {
-				let n = i(a);
-				n?.length && (e.push(r(a)), t(n));
+		a,
+		y
+	]), x = () => {
+		let t = [], n = (e) => {
+			for (let i of e) {
+				let e = a(i);
+				e?.length && (t.push(r(i)), n(e));
 			}
 		};
-		return t(n), e;
-	}, x = a((e, t) => f((n) => {
+		return n(e), t;
+	}, S = s((e, t) => p((n) => {
 		let r = new Set(n);
-		return t === l ? r.delete(e) : r.add(e), r;
-	}), [l]), S = (e) => {
-		let n = () => {
+		return t === o ? r.delete(e) : r.add(e), r;
+	}), [o]), C = (e) => {
+		let t = () => {
 			let t = Date.now();
-			m({
+			h({
 				key: e,
 				at: t
-			}), setTimeout(() => m((e) => e?.at === t ? null : e), 320);
+			}), setTimeout(() => h((e) => e?.at === t ? null : e), 320);
 		};
-		if (h === e) _.current = null, g(null), n();
-		else if (!v(e)) n(), x(e, !0);
-		else if (t()) x(e, !1);
+		if (g === e) v.current = null, _(null), t();
+		else if (!y(e)) t(), S(e, !0);
+		else if (i()) S(e, !1);
 		else {
-			g(e);
+			_(e);
 			let t = () => {
-				_.current === t && (x(e, !1), g((t) => t === e ? null : t), _.current = null);
+				v.current === t && (S(e, !1), _((t) => t === e ? null : t), v.current = null);
 			};
-			_.current = t, setTimeout(t, 500);
+			v.current = t, setTimeout(t, 500);
 		}
-	}, [C, w] = c(null), T = y.some((e) => e.key === C) ? C : y[0]?.key ?? null, E = (e) => e.expanded && h !== e.key, D = (e, t) => {
+	}, [w, T] = u(null), E = b.some((e) => e.key === w) ? w : b[0]?.key ?? null, D = (e) => e.expanded && g !== e.key, O = (e, t) => {
 		if (t.target !== t.currentTarget) return;
-		let n = y.indexOf(e), r;
-		if (t.key === "ArrowDown") r = y[n + 1];
-		else if (t.key === "ArrowUp") r = y[n - 1];
-		else if (t.key === "Home") r = y[0];
-		else if (t.key === "End") r = y.at(-1);
-		else if (t.key === "ArrowRight" && e.hasChildren) E(e) ? r = y[n + 1] : S(e.key);
-		else if (t.key === "ArrowLeft") E(e) ? S(e.key) : r = y.find((t) => t.key === e.parentKey);
+		let r = b.indexOf(e), i, a = n(t.key, t.currentTarget);
+		if (a === "ArrowDown") i = b[r + 1];
+		else if (a === "ArrowUp") i = b[r - 1];
+		else if (a === "Home") i = b[0];
+		else if (a === "End") i = b.at(-1);
+		else if (a === "ArrowRight" && e.hasChildren) D(e) ? i = b[r + 1] : C(e.key);
+		else if (a === "ArrowLeft") D(e) ? C(e.key) : i = b.find((t) => t.key === e.parentKey);
 		else return;
-		t.preventDefault(), r && t.currentTarget.closest("[role=\"treegrid\"], table")?.querySelector(`[data-tree-key="${CSS.escape(r.key)}"]`)?.focus();
+		t.preventDefault(), i && t.currentTarget.closest("[role=\"treegrid\"], table")?.querySelector(`[data-tree-key="${CSS.escape(i.key)}"]`)?.focus();
 	};
 	return {
-		rows: y,
-		toggle: S,
-		isExpanded: v,
-		expand: (e) => x(e, !0),
-		collapse: (e) => x(e, !1),
-		expandAll: () => f(l ? /* @__PURE__ */ new Set() : new Set(b())),
-		collapseAll: () => f(l ? new Set(b()) : /* @__PURE__ */ new Set()),
+		rows: b,
+		toggle: C,
+		isExpanded: y,
+		expand: (e) => S(e, !0),
+		collapse: (e) => S(e, !1),
+		expandAll: () => p(o ? /* @__PURE__ */ new Set() : new Set(x())),
+		collapseAll: () => p(o ? new Set(x()) : /* @__PURE__ */ new Set()),
 		tableProps: { role: "treegrid" },
-		rowProps: (t) => ({
-			"aria-level": t.depth + 1,
-			"aria-expanded": t.hasChildren ? E(t) : void 0,
-			"aria-posinset": t.position,
-			"aria-setsize": t.siblings,
-			"data-depth": t.depth,
-			"data-tree-key": t.key,
-			tabIndex: t.key === T ? 0 : -1,
-			onFocus: (e) => {
-				e.target === e.currentTarget && w(t.key);
+		rowProps: (e) => ({
+			"aria-level": e.depth + 1,
+			"aria-expanded": e.hasChildren ? D(e) : void 0,
+			"aria-posinset": e.position,
+			"aria-setsize": e.siblings,
+			"data-depth": e.depth,
+			"data-tree-key": e.key,
+			tabIndex: e.key === E ? 0 : -1,
+			onFocus: (t) => {
+				t.target === t.currentTarget && T(e.key);
 			},
-			onKeyDown: (e) => D(t, e),
-			className: e("outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/60", p && t.parentKey === p.key && "zen__tree-row-enter", h && t.parentKey === h && "zen__tree-row-exit"),
-			style: { "--row-h": `${u - 1}px` },
-			onAnimationEnd: (e) => {
-				e.animationName === "zen-row-close" && h && t.parentKey === h && _.current?.();
+			onKeyDown: (t) => O(e, t),
+			className: t("outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/60", m && e.parentKey === m.key && "zen__tree-row-enter", g && e.parentKey === g && "zen__tree-row-exit"),
+			style: { "--row-h": `${d - 1}px` },
+			onAnimationEnd: (t) => {
+				t.animationName === "zen-row-close" && g && e.parentKey === g && v.current?.();
 			}
 		}),
 		toggleProps: (e) => ({
-			expanded: E(e),
-			onToggle: () => S(e.key),
+			expanded: D(e),
+			onToggle: () => C(e.key),
 			tabIndex: -1
 		}),
-		rowHeight: u
+		rowHeight: d
 	};
 }
-function f({ row: t, tree: n, className: i, style: a, onFocus: o, onKeyDown: s, ...c }) {
-	let u = n.rowProps(t);
-	return /* @__PURE__ */ l(r, {
+function m({ row: e, tree: n, className: r, style: i, onFocus: a, onKeyDown: s, ...c }) {
+	let l = n.rowProps(e);
+	return /* @__PURE__ */ d(o, {
 		...c,
-		...u,
+		...l,
 		onFocus: (e) => {
-			o?.(e), u.onFocus(e);
+			a?.(e), l.onFocus(e);
 		},
 		onKeyDown: (e) => {
-			s?.(e), e.defaultPrevented || u.onKeyDown(e);
+			s?.(e), e.defaultPrevented || l.onKeyDown(e);
 		},
-		className: e(u.className, i),
+		className: t(l.className, r),
 		style: {
-			...u.style,
-			...a
+			...l.style,
+			...i
 		}
 	});
 }
-function p({ numeric: t, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ l(n, {
-		numeric: t,
-		className: e("py-0 whitespace-nowrap", r),
-		...a,
-		children: /* @__PURE__ */ l("div", {
-			className: e("zen__tree-cell flex h-[var(--row-h)] items-center", t && "justify-end"),
-			children: i
+function h({ numeric: e, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ d(a, {
+		numeric: e,
+		className: t("py-0 whitespace-nowrap", n),
+		...i,
+		children: /* @__PURE__ */ d("div", {
+			className: t("zen__tree-cell flex h-[var(--row-h)] items-center", e && "justify-end"),
+			children: r
 		})
 	});
 }
-function m({ row: t, tree: n, indent: r = 20, children: i, className: a }) {
-	return /* @__PURE__ */ u("div", {
-		className: e("flex min-w-0 flex-1 items-center gap-1", a),
-		style: { paddingLeft: t.depth * r },
-		children: [t.hasChildren ? /* @__PURE__ */ l(h, { ...n.toggleProps(t) }) : /* @__PURE__ */ l("span", { className: "-ml-1 w-6 shrink-0" }), i]
+function g({ row: e, tree: n, indent: r = 20, children: i, className: a }) {
+	return /* @__PURE__ */ f("div", {
+		className: t("flex min-w-0 flex-1 items-center gap-1", a),
+		style: { paddingLeft: e.depth * r },
+		children: [e.hasChildren ? /* @__PURE__ */ d(_, { ...n.toggleProps(e) }) : /* @__PURE__ */ d("span", { className: "-ms-1 w-6 shrink-0" }), i]
 	});
 }
-function h({ expanded: t, onToggle: n, className: r, ...a }) {
-	return /* @__PURE__ */ l("button", {
+function _({ expanded: n, onToggle: i, className: a, ...o }) {
+	let s = r();
+	return /* @__PURE__ */ d("button", {
 		type: "button",
-		onClick: n,
-		"aria-label": t ? "Collapse" : "Expand",
-		"aria-expanded": t,
-		className: e("text-muted-foreground hover:bg-tint/[0.08] hover:text-foreground focus-visible:ring-ring/50 -ml-1 grid size-6 shrink-0 cursor-pointer place-items-center rounded-md outline-hidden transition-colors focus-visible:ring-2", r),
-		...a,
-		children: /* @__PURE__ */ l(i, { className: e("zen__tree-chevron size-4 transition-transform duration-200 ease-out", t && "rotate-90") })
+		onClick: i,
+		"aria-label": n ? s.collapse : s.expand,
+		"aria-expanded": n,
+		className: t("text-muted-foreground hover:bg-tint/[0.08] hover:text-foreground -ms-1 grid size-6 shrink-0 cursor-pointer place-items-center rounded-md outline-hidden transition-colors focus-ring", a),
+		...o,
+		children: /* @__PURE__ */ d(e, { className: t("zen__tree-chevron size-4 transition-transform duration-200 ease-out rtl:-scale-x-100", n && "rotate-90 rtl:-rotate-90") })
 	});
 }
 //#endregion
-export { p as TreeCell, m as TreeLabel, f as TreeRow, h as TreeToggle, d as useTree };
+export { h as TreeCell, g as TreeLabel, m as TreeRow, _ as TreeToggle, p as useTree };

package/dist/trend/index.d.ts

@@ -5,13 +5,13 @@ import { ComponentProps } from 'react';
  * the change as a fraction (0.12 for 12%); children follow it, muted, e.g.
  * "vs last month".
  */
-export default function Trend({ value, good, locale, format, className, children, ...rest }: TrendProps): import('react').JSX.Element;
+export default function Trend({ value, good, locale: localeProp, format: formatProp, className, children, ...rest }: TrendProps): import('react').JSX.Element;
 export interface TrendProps extends ComponentProps<'span'> {
     /** The change as a fraction: 0.12 is 12% up, -0.05 is 5% down. */
     value: number;
     /** Which way is good news (default `up`); spending would be `down`. */
     good?: 'up' | 'down';
-    /** For the default percent format. */
+    /** For the default percent format. Defaults to the LocaleProvider's. */
     locale?: string;
     /** How the change reads, e.g. as money instead of a percent. */
     format?: (value: number) => string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/trend/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC1B,KAAK,EACL,IAAW,EACX,MAAM,EACN,MAGK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,UAAU,+BAsBZ;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC;IACtD,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACtC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/trend/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC1B,KAAK,EACL,IAAW,EACX,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,UAAU,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,UAAU,+BA+BZ;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC;IACtD,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACtC"}

package/dist/trend/index.js

@@ -1,27 +1,28 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import t from "../icons/micro/arrow-trending-down.js";
-import n from "../icons/micro/arrow-trending-up.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useLocale as t } from "../locale-provider/index.js";
+import n from "../icons/micro/arrow-trending-down.js";
+import r from "../icons/micro/arrow-trending-up.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region packages/trend/index.tsx
-function a({ value: a, good: o = "up", locale: s, format: c = (e) => new Intl.NumberFormat(s, {
-	style: "percent",
-	maximumFractionDigits: 1,
-	signDisplay: "exceptZero"
-}).format(e), className: l, children: u, ...d }) {
-	let f = a > 0 ? "up" : a < 0 ? "down" : "flat", p = f === "up" ? n : f === "down" ? t : null;
-	return /* @__PURE__ */ i("span", {
-		className: e("zen__trend inline-flex items-center gap-1.5 text-xs", l),
-		...d,
-		children: [/* @__PURE__ */ i("span", {
-			"data-direction": f,
-			className: e("inline-flex items-center gap-0.5 rounded-md border px-1.5 py-0.5 font-medium whitespace-nowrap tabular-nums", f === "flat" ? "border-tint/10 bg-tint/[0.06] text-muted-foreground" : f === o ? "border-glow/30 bg-glow/10 text-primary" : "border-destructive/40 bg-destructive/10 text-destructive"),
-			children: [p && /* @__PURE__ */ r(p, { className: "size-3.5" }), c(a)]
-		}), u && /* @__PURE__ */ r("span", {
+function o({ value: o, good: s = "up", locale: c, format: l, className: u, children: d, ...f }) {
+	let p = t(c), m = l ?? ((e) => new Intl.NumberFormat(p, {
+		style: "percent",
+		maximumFractionDigits: 1,
+		signDisplay: "exceptZero"
+	}).format(e)), h = o > 0 ? "up" : o < 0 ? "down" : "flat", g = h === "up" ? r : h === "down" ? n : null;
+	return /* @__PURE__ */ a("span", {
+		className: e("zen__trend inline-flex items-center gap-1.5 text-xs", u),
+		...f,
+		children: [/* @__PURE__ */ a("span", {
+			"data-direction": h,
+			className: e("inline-flex items-center gap-0.5 rounded-md border px-1.5 py-0.5 font-medium whitespace-nowrap tabular-nums", h === "flat" ? "border-tint/10 bg-tint/[0.06] text-muted-foreground" : h === s ? "border-glow/30 bg-glow/10 text-primary" : "border-destructive/40 bg-destructive/10 text-destructive"),
+			children: [g && /* @__PURE__ */ i(g, { className: "size-3.5" }), m(o)]
+		}), d && /* @__PURE__ */ i("span", {
 			className: "text-muted-foreground",
-			children: u
+			children: d
 		})]
 	});
 }
 //#endregion
-export { a as default };
+export { o as default };

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"}

package/dist/utils/color.js

@@ -0,0 +1,65 @@
+//#region packages/utils/color.ts
+var e = (e) => Math.min(1, Math.max(0, e));
+function t(e) {
+	let t = /^#?([\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/i.exec(e.trim());
+	if (!t) return null;
+	let n = t[1];
+	return n.length <= 4 && (n = n.replace(/./g, "$&$&")), n.length === 6 && (n += "ff"), [
+		0,
+		2,
+		4,
+		6
+	].map((e) => parseInt(n.slice(e, e + 2), 16) / 255);
+}
+function n([t, n, r, i = 1]) {
+	let a = (t) => Math.round(e(t) * 255).toString(16).padStart(2, "0");
+	return `#${a(t)}${a(n)}${a(r)}${i < 1 ? a(i) : ""}`;
+}
+function r(e) {
+	let n = t(e);
+	if (!n) return null;
+	let [r, i, a, o] = n, s = Math.max(r, i, a), c = s - Math.min(r, i, a), l = 0;
+	return c && (l = s === r ? (i - a) / c % 6 : s === i ? (a - r) / c + 2 : (r - i) / c + 4), {
+		h: (l * 60 + 360) % 360,
+		s: s ? c / s : 0,
+		v: s,
+		a: o
+	};
+}
+function i({ h: e, s: t, v: r, a: i }) {
+	let a = (n) => {
+		let i = (n + e / 60) % 6;
+		return r - r * t * Math.max(0, Math.min(i, 4 - i, 1));
+	};
+	return n([
+		a(5),
+		a(3),
+		a(1),
+		i
+	]);
+}
+var a = (e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, o = (e) => e <= .0031308 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - .055;
+function s(t, n, r) {
+	let i = n * Math.cos(r * Math.PI / 180), a = n * Math.sin(r * Math.PI / 180), o = (t + .3963377774 * i + .2158037573 * a) ** 3, s = (t - .1055613458 * i - .0638541728 * a) ** 3, c = (t - .0894841775 * i - 1.291485548 * a) ** 3;
+	return [
+		e(4.0767416621 * o - 3.3077115913 * s + .2309699292 * c),
+		e(-1.2684380046 * o + 2.6097574011 * s - .3413193965 * c),
+		e(-.0041960863 * o - .7034186147 * s + 1.707614701 * c)
+	];
+}
+function c(e) {
+	let n = t(e);
+	if (!n) return null;
+	let [r, i, o] = n.slice(0, 3).map(a), s = Math.cbrt(.4122214708 * r + .5363325363 * i + .0514459929 * o), c = Math.cbrt(.2119034982 * r + .6806995451 * i + .1073969566 * o), l = Math.cbrt(.0883024619 * r + .2817188376 * i + .6299787005 * o), u = .2104542553 * s + .793617785 * c - .0040720468 * l, d = 1.9779984951 * s - 2.428592205 * c + .4505937099 * l, f = .0259040371 * s + .7827717662 * c - .808675766 * l, p = Math.hypot(d, f);
+	return {
+		l: u,
+		c: p,
+		h: p < 1e-4 ? 0 : (Math.atan2(f, d) * 180 / Math.PI + 360) % 360,
+		alpha: n[3]
+	};
+}
+function l({ l: e, c: t, h: r, alpha: i = 1 }) {
+	return n([...s(e, t, r).map(o), i]);
+}
+//#endregion
+export { n as formatHex, r as hexToHsv, c as hexToOklch, i as hsvToHex, o as linearToSrgb, l as oklchToHex, s as oklchToLinear, t as parseHex, a as srgbToLinear };

package/dist/utils/cva.js

@@ -1,4 +1,3 @@
-"use client";
 import { cx as e } from "./cx.js";
 //#region packages/utils/cva.ts
 var t = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, n = (n, r) => (i) => {

package/dist/utils/cx.js

@@ -1,4 +1,3 @@
-"use client";
 import { mergeClasses as e } from "./merge.js";
 //#region packages/utils/cx.ts
 var t = (...t) => e(n(t)), n = (e) => e.reduce((e, t) => t == null || t === !1 ? e : typeof t == "string" || typeof t == "number" ? e + " " + t : Array.isArray(t) ? e + " " + n(t) : typeof t == "object" ? e + " " + Object.entries(t).reduce((e, [t, n]) => n == null || n === !1 ? e : typeof n == "string" || typeof n == "number" ? e + " " + t + "-" + n : typeof n == "boolean" && n ? e + " " + t : e, "") : e, "");

package/dist/utils/date.d.ts

@@ -70,4 +70,10 @@ export declare function weekdayNames(locale: string, style?: 'narrow' | 'short'
 export declare function weekStart(locale: string): number;
 /** "Sep 3 – 10, 2026" (or the locale's equivalent), sharing what the two dates have in common. */
 export declare function formatDateRange(start: DateString, end: DateString, locale: string, style?: Exclude<DateStyle, 'full'>): string;
+/**
+ * Engines' ICU versions differ in thin and narrow no-break spaces (Node 24
+ * writes "5\u2009–\u200912 Oct", Chrome "5 – 12 Oct"). Plain spaces make text
+ * rendered on the server match the browser's, so hydration doesn't fail.
+ */
+export declare const plainSpaces: (text: string) => string;
 //# sourceMappingURL=date.d.ts.map