@rinzai/zen 0.6.1 → 0.7.1

package/dist/tree/index.js

@@ -1,39 +1,42 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
 import { TableCell as t, TableRow as n } from "../table/index.js";
-import { useCallback as r, useMemo as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import r from "../icons/micro/chevron-right.js";
+import { useCallback as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region packages/tree/index.tsx
-function l({ items: t, getKey: n, getChildren: s, defaultExpanded: c = !0, rowHeight: l = 36 }) {
-	let [u, d] = o(() => /* @__PURE__ */ new Set()), [f, p] = o(null), [m, h] = o(null), g = a(null), _ = r((e) => u.has(e) !== c, [u, c]), v = i(() => {
-		let e = [], r = (t, i, a) => {
-			for (let o of t) {
-				let t = n(o), c = s(o), l = !!c?.length, u = l && _(t);
+function u({ items: t, getKey: n, getChildren: r, defaultExpanded: c = !0, rowHeight: l = 36 }) {
+	let [u, d] = s(() => /* @__PURE__ */ new Set()), [f, p] = s(null), [m, h] = s(null), g = o(null), _ = i((e) => u.has(e) !== c, [u, c]), v = a(() => {
+		let e = [], i = (t, a, o) => {
+			t.forEach((s, c) => {
+				let l = n(s), u = r(s), d = !!u?.length, f = d && _(l);
 				e.push({
-					item: o,
-					key: t,
-					depth: i,
-					parentKey: a,
-					hasChildren: l,
-					expanded: u
-				}), u && r(c, i + 1, t);
-			}
+					item: s,
+					key: l,
+					depth: a,
+					parentKey: o,
+					hasChildren: d,
+					expanded: f,
+					position: c + 1,
+					siblings: t.length
+				}), f && i(u, a + 1, l);
+			});
 		};
-		return r(t, 0, null), e;
+		return i(t, 0, null), e;
 	}, [
 		t,
 		n,
-		s,
+		r,
 		_
 	]), y = () => {
-		let e = [], r = (t) => {
-			for (let i of t) {
-				let t = s(i);
-				t?.length && (e.push(n(i)), r(t));
+		let e = [], i = (t) => {
+			for (let a of t) {
+				let t = r(a);
+				t?.length && (e.push(n(a)), i(t));
 			}
 		};
-		return r(t), e;
-	}, b = r((e, t) => d((n) => {
+		return i(t), e;
+	}, b = i((e, t) => d((n) => {
 		let r = new Set(n);
 		return t === c ? r.delete(e) : r.add(e), r;
 	}), [c]), x = () => typeof window < "u" && (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || document.documentElement.classList.contains("reduce-motion")), S = (e) => {
@@ -54,6 +57,17 @@ function l({ items: t, getKey: n, getChildren: s, defaultExpanded: c = !0, rowHe
 			};
 			g.current = t, setTimeout(t, 500);
 		}
+	}, [C, w] = s(null), T = v.some((e) => e.key === C) ? C : v[0]?.key ?? null, E = (e) => e.expanded && m !== e.key, D = (e, t) => {
+		if (t.target !== t.currentTarget) return;
+		let n = v.indexOf(e), r;
+		if (t.key === "ArrowDown") r = v[n + 1];
+		else if (t.key === "ArrowUp") r = v[n - 1];
+		else if (t.key === "Home") r = v[0];
+		else if (t.key === "End") r = v.at(-1);
+		else if (t.key === "ArrowRight" && e.hasChildren) E(e) ? r = v[n + 1] : S(e.key);
+		else if (t.key === "ArrowLeft") E(e) ? S(e.key) : r = v.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();
 	};
 	return {
 		rows: v,
@@ -63,73 +77,79 @@ function l({ items: t, getKey: n, getChildren: s, defaultExpanded: c = !0, rowHe
 		collapse: (e) => b(e, !1),
 		expandAll: () => d(c ? /* @__PURE__ */ new Set() : new Set(y())),
 		collapseAll: () => d(c ? new Set(y()) : /* @__PURE__ */ new Set()),
+		tableProps: { role: "treegrid" },
 		rowProps: (t) => ({
 			"aria-level": t.depth + 1,
-			"aria-expanded": t.hasChildren ? t.expanded : void 0,
+			"aria-expanded": t.hasChildren ? E(t) : void 0,
+			"aria-posinset": t.position,
+			"aria-setsize": t.siblings,
 			"data-depth": t.depth,
-			className: e(f && t.parentKey === f.key && "zen__tree-row-enter", m && t.parentKey === m && "zen__tree-row-exit"),
+			"data-tree-key": t.key,
+			tabIndex: t.key === T ? 0 : -1,
+			onFocus: (e) => {
+				e.target === e.currentTarget && w(t.key);
+			},
+			onKeyDown: (e) => D(t, e),
+			className: e("outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/60", f && t.parentKey === f.key && "zen__tree-row-enter", m && t.parentKey === m && "zen__tree-row-exit"),
 			style: { "--row-h": `${l - 1}px` },
 			onAnimationEnd: (e) => {
 				e.animationName === "zen-row-close" && m && t.parentKey === m && g.current?.();
 			}
 		}),
 		toggleProps: (e) => ({
-			expanded: e.expanded && m !== e.key,
-			onToggle: () => S(e.key)
+			expanded: E(e),
+			onToggle: () => S(e.key),
+			tabIndex: -1
 		}),
 		rowHeight: l
 	};
 }
-function u({ row: t, tree: r, className: i, style: a, ...o }) {
-	let c = r.rowProps(t);
-	return /* @__PURE__ */ s(n, {
-		...o,
-		...c,
-		className: e(c.className, i),
+function d({ row: t, tree: r, className: i, style: a, onFocus: o, onKeyDown: s, ...l }) {
+	let u = r.rowProps(t);
+	return /* @__PURE__ */ c(n, {
+		...l,
+		...u,
+		onFocus: (e) => {
+			o?.(e), u.onFocus(e);
+		},
+		onKeyDown: (e) => {
+			s?.(e), e.defaultPrevented || u.onKeyDown(e);
+		},
+		className: e(u.className, i),
 		style: {
-			...c.style,
+			...u.style,
 			...a
 		}
 	});
 }
-function d({ numeric: n, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ s(t, {
+function f({ numeric: n, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ c(t, {
 		numeric: n,
 		className: e("py-0 whitespace-nowrap", r),
 		...a,
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ c("div", {
 			className: e("zen__tree-cell flex h-[var(--row-h)] items-center", n && "justify-end"),
 			children: i
 		})
 	});
 }
-function f({ row: t, tree: n, indent: r = 20, children: i, className: a }) {
-	return /* @__PURE__ */ c("div", {
+function p({ row: t, tree: n, indent: r = 20, children: i, className: a }) {
+	return /* @__PURE__ */ l("div", {
 		className: e("flex min-w-0 flex-1 items-center gap-1", a),
 		style: { paddingLeft: t.depth * r },
-		children: [t.hasChildren ? /* @__PURE__ */ s(p, { ...n.toggleProps(t) }) : /* @__PURE__ */ s("span", { className: "-ml-1 w-6 shrink-0" }), i]
+		children: [t.hasChildren ? /* @__PURE__ */ c(m, { ...n.toggleProps(t) }) : /* @__PURE__ */ c("span", { className: "-ml-1 w-6 shrink-0" }), i]
 	});
 }
-function p({ expanded: t, onToggle: n, className: r, ...i }) {
-	return /* @__PURE__ */ s("button", {
+function m({ expanded: t, onToggle: n, className: i, ...a }) {
+	return /* @__PURE__ */ c("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 place-items-center rounded-md outline-hidden transition-colors focus-visible:ring-2", r),
-		...i,
-		children: /* @__PURE__ */ s("svg", {
-			viewBox: "0 0 16 16",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			"aria-hidden": !0,
-			className: e("size-4 transition-transform duration-200 ease-out", t && "rotate-90"),
-			children: /* @__PURE__ */ s("path", { d: "m6 3.5 4.5 4.5L6 12.5" })
-		})
+		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", i),
+		...a,
+		children: /* @__PURE__ */ c(r, { className: e("size-4 transition-transform duration-200 ease-out", t && "rotate-90") })
 	});
 }
 //#endregion
-export { d as TreeCell, f as TreeLabel, u as TreeRow, p as TreeToggle, l as useTree };
+export { f as TreeCell, p as TreeLabel, d as TreeRow, m as TreeToggle, u as useTree };

package/dist/utils/date.d.ts

@@ -23,15 +23,17 @@ export declare function dayOfWeek(date: DateString): number;
 export declare function today(now?: Date): DateString;
 /** Days from `from` to `to` (negative if `to` is earlier). */
 export declare function daysBetween(from: DateString, to: DateString): number;
+/** How much of a date to show; `day` is the day and month without the year ("Sep 3"), for dates within the year. */
+export type DateStyle = 'day' | 'short' | 'medium' | 'long' | 'full';
 /**
- * "Sep 30, 2026" (or the locale's equivalent) by default; `short` is
- * "9/30/26", `long` "September 30, 2026", `full` adds the weekday.
+ * "Sep 30, 2026" (or the locale's equivalent) by default; `day` is "Sep 30",
+ * `short` "9/30/26", `long` "September 30, 2026", `full` adds the weekday.
  */
-export declare function formatDate(date: DateString, locale: string, style?: 'short' | 'medium' | 'long' | 'full'): string;
+export declare function formatDate(date: DateString, locale: string, style?: DateStyle): string;
 /** Short weekday names for a locale, Sunday first. */
 export declare function weekdayNames(locale: string, style?: 'narrow' | 'short' | 'long'): string[];
 /** The first day of the week for a locale: 0 for Sunday, 1 for Monday, 6 for Saturday. */
 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?: 'short' | 'medium' | 'long'): string;
+export declare function formatDateRange(start: DateString, end: DateString, locale: string, style?: Exclude<DateStyle, 'full'>): string;
 //# sourceMappingURL=date.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../packages/utils/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,6EAA6E;AAC7E,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,UAAU,GAAG,IAAI,CAAC;CAC1B;AAID,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,UAAU,CAI1D;AAED,0EAA0E;AAC1E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAGjD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,CAEtD;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAE/D;AAED,6FAA6F;AAC7F,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAKvE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAGhD;AAED,qCAAqC;AACrC,wBAAgB,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAElD;AAED,qCAAqC;AACrC,wBAAgB,KAAK,CAAC,GAAG,GAAE,IAAiB,GAAG,UAAU,CAExD;AAED,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,GAAG,MAAM,CAEpE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CACtB,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,GAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAiB,GACvD,MAAM,CAIR;AAED,sDAAsD;AACtD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,QAAQ,GAAG,OAAO,GAAG,MAAgB,GAAG,MAAM,EAAE,CAGnG;AAUD,0FAA0F;AAC1F,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAahD;AAED,kGAAkG;AAClG,wBAAgB,eAAe,CAC3B,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,UAAU,EACf,MAAM,EAAE,MAAM,EACd,KAAK,GAAE,OAAO,GAAG,QAAQ,GAAG,MAAiB,GAC9C,MAAM,CAGR"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../packages/utils/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,6EAA6E;AAC7E,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,UAAU,GAAG,IAAI,CAAC;CAC1B;AAID,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,UAAU,CAI1D;AAED,0EAA0E;AAC1E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAGjD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,CAEtD;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAE/D;AAED,6FAA6F;AAC7F,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAKvE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAGhD;AAED,qCAAqC;AACrC,wBAAgB,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAElD;AAED,qCAAqC;AACrC,wBAAgB,KAAK,CAAC,GAAG,GAAE,IAAiB,GAAG,UAAU,CAExD;AAED,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,GAAG,MAAM,CAEpE;AAED,oHAAoH;AACpH,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAQrE;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,SAAoB,GAAG,MAAM,CAEhG;AAED,sDAAsD;AACtD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,QAAQ,GAAG,OAAO,GAAG,MAAgB,GAAG,MAAM,EAAE,CAGnG;AAUD,0FAA0F;AAC1F,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAahD;AAED,kGAAkG;AAClG,wBAAgB,eAAe,CAC3B,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,UAAU,EACf,MAAM,EAAE,MAAM,EACd,KAAK,GAAE,OAAO,CAAC,SAAS,EAAE,MAAM,CAAY,GAC7C,MAAM,CAER"}

package/dist/utils/date.js

@@ -33,36 +33,38 @@ function c(e = /* @__PURE__ */ new Date()) {
 function l(e, t) {
 	return n(t) - n(e);
 }
-function u(e, t, r = "medium") {
-	return g(new Intl.DateTimeFormat(t, {
-		dateStyle: r,
-		timeZone: "UTC"
-	}).format(n(e) * 864e5));
+var u = (e, t) => new Intl.DateTimeFormat(e, t === "day" ? {
+	day: "numeric",
+	month: "short",
+	timeZone: "UTC"
+} : {
+	dateStyle: t,
+	timeZone: "UTC"
+});
+function d(e, t, r = "medium") {
+	return _(u(t, r).format(n(e) * 864e5));
 }
-function d(e, t = "short") {
+function f(e, t = "short") {
 	let n = new Intl.DateTimeFormat(e, {
 		weekday: t,
 		timeZone: "UTC"
 	});
 	return Array.from({ length: 7 }, (e, t) => n.format(Date.UTC(2023, 0, 1 + t)));
 }
-var f = new Set("AG AS BD BR BS BT BW BZ CA CN CO DM DO ET GT GU HK HN ID IL IN JM JP KE KH KR LA MH MM MO MT MX MZ NI NP PA PE PH PK PR PT PY SA SG SV TH TT TW UM US VE VI WS YE ZA ZW".split(" ")), p = new Set("AE AF BH DJ DZ EG IQ IR JO KW LY OM QA SD SY".split(" "));
-function m(e) {
+var p = new Set("AG AS BD BR BS BT BW BZ CA CN CO DM DO ET GT GU HK HN ID IL IN JM JP KE KH KR LA MH MM MO MT MX MZ NI NP PA PE PH PK PR PT PY SA SG SV TH TT TW UM US VE VI WS YE ZA ZW".split(" ")), m = new Set("AE AF BH DJ DZ EG IQ IR JO KW LY OM QA SD SY".split(" "));
+function h(e) {
 	try {
 		let t = new Intl.Locale(e), n = t.getWeekInfo?.() ?? t.weekInfo;
 		if (n) return n.firstDay % 7;
 		let r = t.maximize().region ?? "";
-		return f.has(r) ? 0 : p.has(r) ? 6 : 1;
+		return p.has(r) ? 0 : m.has(r) ? 6 : 1;
 	} catch {
 		return 1;
 	}
 }
-function h(e, t, r, i = "medium") {
-	return g(new Intl.DateTimeFormat(r, {
-		dateStyle: i,
-		timeZone: "UTC"
-	}).formatRange(n(e) * 864e5, n(t) * 864e5));
+function g(e, t, r, i = "medium") {
+	return _(u(r, i).formatRange(n(e) * 864e5, n(t) * 864e5));
 }
-var g = (e) => e.replace(/[\u2009\u202f]/g, " ");
+var _ = (e) => e.replace(/[\u2009\u202f]/g, " ");
 //#endregion
-export { i as addDays, a as addMonthsToDate, n as dayIndex, s as dayOfWeek, l as daysBetween, o as daysInMonth, u as formatDate, h as formatDateRange, r as fromDayIndex, t as isDate, c as today, m as weekStart, d as weekdayNames };
+export { i as addDays, a as addMonthsToDate, n as dayIndex, s as dayOfWeek, l as daysBetween, o as daysInMonth, d as formatDate, g as formatDateRange, r as fromDayIndex, t as isDate, c as today, h as weekStart, f as weekdayNames };

package/dist/utils/field-chevron.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-chevron.d.ts","sourceRoot":"","sources":["../../packages/utils/field-chevron.tsx"],"names":[],"mappings":"AAEA,2FAA2F;AAC3F,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAmBvF"}
+{"version":3,"file":"field-chevron.d.ts","sourceRoot":"","sources":["../../packages/utils/field-chevron.tsx"],"names":[],"mappings":"AAIA,2FAA2F;AAC3F,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAUvF"}

package/dist/utils/field-chevron.js

@@ -1,19 +1,10 @@
 "use client";
 import { cx as e } from "./cx.js";
-import { jsx as t } from "react/jsx-runtime";
+import t from "../icons/micro/chevron-down.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region packages/utils/field-chevron.tsx
-function n({ open: n, className: r }) {
-	return /* @__PURE__ */ t("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.6",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": !0,
-		className: e("text-muted-foreground size-4 shrink-0 transition-transform duration-300", n && "rotate-180", r),
-		children: /* @__PURE__ */ t("path", { d: "m4 6 4 4 4-4" })
-	});
+function r({ open: r, className: i }) {
+	return /* @__PURE__ */ n(t, { className: e("text-muted-foreground size-4 shrink-0 transition-transform duration-300", r && "rotate-180", i) });
 }
 //#endregion
-export { n as FieldChevron };
+export { r as FieldChevron };

package/dist/utils/status-icons.d.ts

@@ -1,4 +1,4 @@
-/** Small 16px status icons in the current text colour (toasts, field errors). */
+/** Small status icons in the current text colour (toasts, field errors): Heroicons' micro set. */
 export declare function CheckIcon({ className }: {
     className?: string;
 }): import('react').JSX.Element;

package/dist/utils/status-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-icons.d.ts","sourceRoot":"","sources":["../../packages/utils/status-icons.tsx"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAe9D;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAgB9D;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAe7D"}
+{"version":3,"file":"status-icons.d.ts","sourceRoot":"","sources":["../../packages/utils/status-icons.tsx"],"names":[],"mappings":"AAMA,kGAAkG;AAClG,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE9D;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE9D;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE7D"}

package/dist/utils/status-icons.js

@@ -1,48 +1,18 @@
 "use client";
 import { cx as e } from "./cx.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import t from "../icons/micro/check.js";
+import n from "../icons/micro/exclamation-triangle.js";
+import r from "../icons/micro/information-circle.js";
+import { jsx as i } from "react/jsx-runtime";
 //#region packages/utils/status-icons.tsx
-function r({ className: n }) {
-	return /* @__PURE__ */ t("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: e("size-3.5", n),
-		"aria-hidden": !0,
-		children: /* @__PURE__ */ t("path", { d: "m3.5 8.5 3 3 6-7" })
-	});
+function a({ className: n }) {
+	return /* @__PURE__ */ i(t, { className: e("size-3.5", n) });
 }
-function i({ className: r }) {
-	return /* @__PURE__ */ n("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: e("size-3.5", r),
-		"aria-hidden": !0,
-		children: [/* @__PURE__ */ t("path", { d: "M8 2.2 1.6 13.3h12.8L8 2.2Z" }), /* @__PURE__ */ t("path", { d: "M8 6.5v3M8 11.6v.1" })]
-	});
+function o({ className: t }) {
+	return /* @__PURE__ */ i(n, { className: e("size-3.5", t) });
 }
-function a({ className: r }) {
-	return /* @__PURE__ */ n("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round",
-		className: e("size-3.5", r),
-		"aria-hidden": !0,
-		children: [/* @__PURE__ */ t("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.3"
-		}), /* @__PURE__ */ t("path", { d: "M8 7.3v3.8M8 4.9v.1" })]
-	});
+function s({ className: t }) {
+	return /* @__PURE__ */ i(r, { className: e("size-3.5", t) });
 }
 //#endregion
-export { i as AlertIcon, r as CheckIcon, a as InfoIcon };
+export { o as AlertIcon, a as CheckIcon, s as InfoIcon };

package/dist/utils/styles.d.ts

@@ -1,5 +1,10 @@
-/** Shared field look: faint glass, hairline border lit by the pointer, violet glow on focus. */
+/** Shared field look: faint glass, a hairline in the glow colour (white would grey it out) lit by the pointer, violet glow on focus. */
 export declare const FIELD: string;
+/** A picker's previous/next arrows (Calendar, MonthPicker). */
+export declare const PICKER_NAV = "text-muted-foreground cursor-pointer hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 grid size-8 place-items-center rounded-md outline-hidden transition-colors focus-visible:ring-2";
+/** A month in a picker's month grid (Calendar, MonthPicker); add PICKER_MONTH_ON for the chosen one. */
+export declare const PICKER_MONTH = "cursor-pointer rounded-lg py-2 text-sm outline-hidden transition-colors disabled:cursor-not-allowed disabled:opacity-35 focus-visible:ring-ring/50 focus-visible:ring-2 hover:bg-tint/[0.07]";
+export declare const PICKER_MONTH_ON = "bg-primary text-primary-foreground hover:bg-primary";
 /** Glow a trigger carries while its popup is open. */
 export declare const TRIGGER_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)]";
 /** Trigger for popup fields (dropdown): a field that glows while open. */
@@ -8,9 +13,10 @@ export declare const TRIGGER: string;
 export declare const POPUP = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden";
 /** Pills (and TabList variant="pills"): a glass track… */
 export declare const PILL_TRACK = "glow-edge relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1";
-/** …a glowing pill that slides to the active item… */
+/** …a glowing pill that slides to the active item (its look is repeated in theme.css, for before it's measured)… */
 export declare const PILL_INDICATOR = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]";
-/** …and items that sit above it, lit when current (a link) or selected (a tab). */
+/** …and items that sit above it, lit when current (a link) or selected (a tab). Only their text colour
+ * transitions: the pill they wear before the indicator is measured (theme.css) must go at once. */
 export declare const PILL: string;
 /**
  * For a wrapper whose child input takes focus (InputGroup): FIELD, lit by

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../packages/utils/styles.ts"],"names":[],"mappings":"AAEA,gGAAgG;AAChG,eAAO,MAAM,KAAK,QAKmC,CAAC;AAEtD,sDAAsD;AACtD,eAAO,MAAM,YAAY,qIAC6G,CAAC;AAEvI,0EAA0E;AAC1E,eAAO,MAAM,OAAO,QAAgF,CAAC;AAErG,oEAAoE;AACpE,eAAO,MAAM,KAAK,kIACiH,CAAC;AAEpI,0DAA0D;AAC1D,eAAO,MAAM,UAAU,0GACoF,CAAC;AAE5G,sDAAsD;AACtD,eAAO,MAAM,cAAc,iOACuM,CAAC;AAEnO,mFAAmF;AACnF,eAAO,MAAM,IAAI,QAEkG,CAAC;AAEpH;;;;GAIG;AACH,eAAO,MAAM,YAAY,QAK4B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../packages/utils/styles.ts"],"names":[],"mappings":"AAEA,wIAAwI;AACxI,eAAO,MAAM,KAAK,QAKmC,CAAC;AAEtD,+DAA+D;AAC/D,eAAO,MAAM,UAAU,+MACyL,CAAC;AAEjN,wGAAwG;AACxG,eAAO,MAAM,YAAY,iMACyK,CAAC;AACnM,eAAO,MAAM,eAAe,wDAAwD,CAAC;AAErF,sDAAsD;AACtD,eAAO,MAAM,YAAY,qIAC6G,CAAC;AAEvI,0EAA0E;AAC1E,eAAO,MAAM,OAAO,QAA+F,CAAC;AAEpH,oEAAoE;AACpE,eAAO,MAAM,KAAK,kIACiH,CAAC;AAEpI,0DAA0D;AAC1D,eAAO,MAAM,UAAU,0GACoF,CAAC;AAE5G,oHAAoH;AACpH,eAAO,MAAM,cAAc,iOACuM,CAAC;AAEnO;mGACmG;AACnG,eAAO,MAAM,IAAI,QAEkG,CAAC;AAEpH;;;;GAIG;AACH,eAAO,MAAM,YAAY,QAK4B,CAAC"}

package/dist/utils/styles.js

@@ -1,6 +1,6 @@
 "use client";
 import { cx as e } from "./cx.js";
 //#region packages/utils/styles.ts
-var t = "glow-border h-10 rounded-lg border [--glow-border-color:oklch(var(--tint)/0.1)] bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow,--glow-border-color] duration-200 placeholder:text-muted-foreground hover:[--glow-border-color:oklch(var(--tint)/0.2)] focus-visible:border-glow/60 focus-visible:[--glow-border-color:transparent] focus-visible:bg-tint/[0.05] focus-visible:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", n = "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 = e(t, "inline-flex items-center justify-between gap-2 whitespace-nowrap"), i = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", a = "glow-edge relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", o = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]", s = "relative z-10 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-colors duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40 text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-selected:text-foreground", c = "glow-border flex w-full items-center gap-1.5 h-10 rounded-lg border [--glow-border-color:oklch(var(--tint)/0.1)] bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow,--glow-border-color] duration-200 placeholder:text-muted-foreground hover:[--glow-border-color:oklch(var(--tint)/0.2)] focus-within:border-glow/60 focus-within:[--glow-border-color:transparent] focus-within:bg-tint/[0.05] focus-within:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-within:outline-hidden disabled:cursor-not-allowed disabled:opacity-50";
+var t = "glow-border h-10 rounded-lg border [--glow-border-color:oklch(var(--glow)/0.22)] bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow,--glow-border-color] duration-200 placeholder:text-muted-foreground hover:[--glow-border-color:oklch(var(--glow)/0.4)] focus-visible:border-glow/60 focus-visible:[--glow-border-color:transparent] focus-visible:bg-tint/[0.05] focus-visible:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", n = "text-muted-foreground cursor-pointer hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 grid size-8 place-items-center rounded-md outline-hidden transition-colors focus-visible:ring-2", r = "cursor-pointer rounded-lg py-2 text-sm outline-hidden transition-colors disabled:cursor-not-allowed disabled:opacity-35 focus-visible:ring-ring/50 focus-visible:ring-2 hover:bg-tint/[0.07]", i = "bg-primary text-primary-foreground hover:bg-primary", a = "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)]", o = e(t, "inline-flex cursor-pointer items-center justify-between gap-2 whitespace-nowrap"), s = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", c = "glow-edge relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", l = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]", u = "relative z-10 cursor-pointer disabled:cursor-not-allowed rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-[color] duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40 text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-selected:text-foreground", d = "glow-border flex w-full items-center gap-1.5 h-10 rounded-lg border [--glow-border-color:oklch(var(--glow)/0.22)] bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow,--glow-border-color] duration-200 placeholder:text-muted-foreground hover:[--glow-border-color:oklch(var(--glow)/0.4)] focus-within:border-glow/60 focus-within:[--glow-border-color:transparent] focus-within:bg-tint/[0.05] focus-within:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-within:outline-hidden disabled:cursor-not-allowed disabled:opacity-50";
 //#endregion
-export { t as FIELD, c as FIELD_WITHIN, s as PILL, o as PILL_INDICATOR, a as PILL_TRACK, i as POPUP, r as TRIGGER, n as TRIGGER_OPEN };
+export { t as FIELD, d as FIELD_WITHIN, r as PICKER_MONTH, i as PICKER_MONTH_ON, n as PICKER_NAV, u as PILL, l as PILL_INDICATOR, c as PILL_TRACK, s as POPUP, o as TRIGGER, a as TRIGGER_OPEN };

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

@@ -0,0 +1,26 @@
+/**
+ * Gets the water ready before a switch, e.g. when the pointer or focus reaches
+ * the button: its shader is compiled and drawn once, off the page. The GPU
+ * driver otherwise finishes that work on the first frame of the first switch,
+ * which then hitches.
+ */
+export declare function prepareThemeWave(): void;
+/**
+ * Changes the theme (`change` swaps the classes or variables) like a drop
+ * falling into water at `from` (an element's centre, or a point; the centre
+ * by default). The water fills the page or, for a theme on one element (a
+ * panel, a preview: `target`, the element whose classes or variables
+ * `change` swaps), just that element. Into a light theme, the new theme spreads in a wavy
+ * ring; into a dark one, the old theme is pulled into the point. Ripples trail the ring's edge, glinting in the
+ * theme's glow colours, and the edge shimmers like a soap film. The water is
+ * drawn on the GPU, over the page, which itself doesn't bend. Without a GPU
+ * (lite graphics, or no WebGL), without view transitions, or with reduced
+ * motion (the OS setting or html.reduce-motion), the theme just changes: drawn
+ * on the CPU, even a plain full-screen circle stutters. Call prepareThemeWave
+ * when the pointer or focus reaches the switch, so the first switch is smooth.
+ */
+export declare function themeWave(change: () => void, from?: Element | {
+    x: number;
+    y: number;
+} | null, target?: Element | null): void;
+//# sourceMappingURL=theme-wave.d.ts.map

package/dist/utils/theme-wave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-wave.d.ts","sourceRoot":"","sources":["../../packages/utils/theme-wave.ts"],"names":[],"mappings":"AA6NA;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CACrB,MAAM,EAAE,MAAM,IAAI,EAClB,IAAI,CAAC,EAAE,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,EAChD,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GACxB,IAAI,CAqJN"}