@rinzai/zen 0.11.0 → 0.14.0

package/dist/sortable/tree.js

@@ -0,0 +1,150 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { readingKey as t } from "../utils/direction.js";
+import { useMergedRefs as n } from "../utils/refs.js";
+import { Slot as r } from "../utils/slot.js";
+import { useMessages as i } from "../locale-provider/index.js";
+import { SortableContext as a, edgeScroll as o, scrollerOf as s, settle as c, shift as l, topsOf as u, useAnnouncer as d } from "./shared.js";
+import { indexTree as f, insertNode as p, nearestSlot as m, removeNode as h, treeSlots as g } from "./tree-model.js";
+import { useEffect as _, useLayoutEffect as v, useRef as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region packages/sortable/tree.tsx
+var C = typeof window > "u" ? _ : v, w = "pointer-events-none fixed z-50 h-0.5 rounded-full bg-primary shadow-[0_0_10px_oklch(var(--glow)/calc(0.9*var(--glow-k)))] transition-[top,left,width] duration-100 before:absolute before:-top-[3px] before:-start-1 before:size-2 before:rounded-full before:border-2 before:border-primary before:bg-background", T = (e, t) => e.parentId === t.parentId && e.index === t.index;
+function E({ value: _, onValueChange: v, accepts: E, indent: k = 24, asChild: A, className: j, children: M, ref: N, ...P }) {
+	let F = y(null), I = n(F, N), [L, R] = b(null), z = i(), { say: B, region: V, host: H } = d(F), U = y(null), W = y(null), G = () => [...F.current?.querySelectorAll("[data-sortable-id]") ?? []].filter((e) => e.parentElement?.closest(".zen__sortable") === F.current), K = (e) => G().find((t) => t.dataset.sortableId === e), q = (e) => {
+		U.current = u(G()), v(e);
+	};
+	C(() => {
+		let e = U.current;
+		if (U.current = null, e && c(G(), e), L) {
+			let e = K(L)?.querySelector("button[data-sortable-label]");
+			e && e !== document.activeElement && e.focus();
+		}
+	}, [_]);
+	let J = (e) => {
+		let t = K(e);
+		return t?.dataset.sortableLabel ?? t?.querySelector("[data-sortable-label]")?.dataset.sortableLabel;
+	}, Y = (e, t) => {
+		let n = f(e).get(t), r = n.parentId === null ? e : D(e, n.parentId) ?? [], i = n.parentId === null ? void 0 : J(n.parentId);
+		return i ? z.placeIn(n.index + 1, r.length, i) : z.place(n.index + 1, r.length);
+	}, X = (e) => {
+		let t = G(), n = f(_), r = t.findIndex((t) => t.dataset.sortableId === e), i = n.get(e).depth, a = r + 1;
+		for (; a < t.length && n.get(t[a].dataset.sortableId).depth > i;) a++;
+		let o = t.slice(r, a), s = [...t.slice(0, r), ...t.slice(a)], [c, l] = h(_, e);
+		return {
+			els: t,
+			carried: o,
+			rows: s,
+			tree: c,
+			node: l,
+			slots: g(c, s.map((e) => ({ id: e.dataset.sortableId })), (t) => E?.(e, t) ?? !0),
+			depth: i,
+			place: n.get(e)
+		};
+	}, Z = (e, t) => {
+		if (e.button !== 0 || L) return;
+		let n = X(t);
+		if (!n.carried.length) return;
+		e.preventDefault();
+		let r = e.currentTarget;
+		r.setPointerCapture?.(e.pointerId);
+		let i = s(F.current), a = i.scrollTop, [d, f] = [e.clientX, e.clientY], h = getComputedStyle(F.current).direction === "rtl", g = n.rows.map((e) => e.getBoundingClientRect()), _ = g.map((e) => e.top + e.height / 2), v = O(F.current), y = document.createElement("div");
+		y.className = w, y.hidden = !0, (H ?? document.body).append(y);
+		let b = d, x = f, S = null, C;
+		n.carried[0].dataset.dragging = "";
+		for (let e of n.carried.slice(1)) e.dataset.carried = "";
+		F.current.dataset.sorting = "";
+		let E = () => {
+			let e = i.scrollTop - a, t = x - f + e;
+			for (let e of n.carried) l(e, t);
+			let r = x + e, o = _.filter((e) => e < r).length, s = n.depth + Math.round((b - d) * (h ? -1 : 1) / k), c = S;
+			S = m(n.slots, o, s), S !== c && (S?.gap !== c?.gap || S?.depth !== c?.depth) && navigator.vibrate?.(5), y.hidden = !S;
+			let u = S?.parentId ? n.rows.find((e) => e.dataset.sortableId === S.parentId) : void 0;
+			if (u !== C && (C && delete C.dataset.dropTarget, u && (u.dataset.dropTarget = ""), C = u), !S) return;
+			let p = S.gap < g.length ? g[S.gap].top : g[g.length - 1]?.bottom ?? 0, w = S.depth * k + 8;
+			y.style.top = `${p - e - 1}px`, y.style.left = `${h ? v.left + 8 : v.left + w}px`, y.style.width = `${Math.max(0, v.right - v.left - w - 8)}px`;
+		}, D = o(i, E), A = (t) => {
+			t.pointerId === e.pointerId && ([b, x] = [t.clientX, t.clientY], E(), D.at(x));
+		}, j = (t) => {
+			if (t.pointerId === e.pointerId) {
+				r.removeEventListener("pointermove", A), r.removeEventListener("pointerup", j), r.removeEventListener("pointercancel", j), D.stop(), y.remove(), C && delete C.dataset.dropTarget, delete n.carried[0].dataset.dragging;
+				for (let e of n.carried) delete e.dataset.carried;
+				delete F.current?.dataset.sorting, t.type === "pointerup" && S && !T(S, n.place) ? q(p(n.tree, S, n.node)) : c(n.els, u(n.els));
+			}
+		};
+		r.addEventListener("pointermove", A), r.addEventListener("pointerup", j), r.addEventListener("pointercancel", j);
+	}, Q = (e, n, r) => {
+		if (e.key === " " || e.key === "Enter") {
+			e.preventDefault(), L === n ? (R(null), W.current = null, B(z.dropped(r, Y(_, n)))) : L || (R(n), W.current = _, B(z.pickedUp(r, Y(_, n))));
+			return;
+		}
+		if (L !== n) return;
+		if (e.key === "Escape") {
+			e.preventDefault();
+			let t = W.current ?? _;
+			R(null), W.current = null, t !== _ && q(t), B(z.putBack(r, Y(t, n)));
+			return;
+		}
+		let i = t(e.key, e.currentTarget);
+		if (![
+			"ArrowUp",
+			"ArrowDown",
+			"ArrowLeft",
+			"ArrowRight"
+		].includes(i)) return;
+		e.preventDefault();
+		let a = X(n), o = a.slots.find((e) => T(e, a.place));
+		if (!o) return;
+		let s;
+		if (i === "ArrowLeft" || i === "ArrowRight") {
+			let e = o.depth + (i === "ArrowRight" ? 1 : -1);
+			s = a.slots.find((t) => t.gap === o.gap && t.depth === e);
+		} else {
+			let e = [...new Set(a.slots.map((e) => e.gap))], t = i === "ArrowUp" ? e.filter((e) => e < o.gap).at(-1) : e.find((e) => e > o.gap);
+			s = t === void 0 ? null : m(a.slots, t, o.depth);
+		}
+		if (!s) return;
+		let c = p(a.tree, s, a.node);
+		q(c), B(z.movedTo(r, Y(c, n)));
+	}, $ = {
+		...P,
+		ref: I
+	};
+	return /* @__PURE__ */ S(a.Provider, {
+		value: {
+			grab: Z,
+			key: Q,
+			lifted: L
+		},
+		children: [A ? /* @__PURE__ */ x(r, {
+			...$,
+			className: e("zen__sortable", j),
+			children: M
+		}) : /* @__PURE__ */ x("ul", {
+			...$,
+			className: e("zen__sortable relative flex flex-col", j),
+			children: M
+		}), V]
+	});
+}
+function D(e, t) {
+	for (let n of e) {
+		if (n.id === t) return n.children ?? [];
+		let e = n.children && D(n.children, t);
+		if (e) return e;
+	}
+}
+function O(e) {
+	let { left: t, right: n } = e.getBoundingClientRect();
+	for (let r = e.parentElement; r; r = r.parentElement) {
+		if (getComputedStyle(r).overflowX === "visible") continue;
+		let e = r.getBoundingClientRect();
+		t = Math.max(t, e.left), n = Math.min(n, e.right);
+	}
+	return {
+		left: Math.max(t, 0),
+		right: Math.min(n, document.documentElement.clientWidth)
+	};
+}
+//#endregion
+export { E as default };

package/dist/sparkline/index.d.ts

@@ -10,6 +10,6 @@ export interface SparklineProps extends Omit<ComponentProps<'svg'>, 'values'> {
     /** A soft fill under the line. */
     area?: boolean;
     /** The accent (`primary`), red (`negative`), or grey (`muted`). */
-    tone?: 'primary' | 'negative' | 'muted';
+    tone?: 'default' | 'negative' | 'muted';
 }
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/sparkline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,IAAW,EAAE,IAAgB,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,sCA0DnH;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACzE,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;CAC3C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/sparkline/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,IAAW,EAAE,IAAgB,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,sCA2DnH;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACzE,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;CAC3C"}

package/dist/sparkline/index.js

@@ -1,48 +1,49 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { useSeen as t } from "../utils/useSeen.js";
-import { useId as n, useRef as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useMessages as t } from "../locale-provider/index.js";
+import { useSeen as n } from "../utils/useSeen.js";
+import { useId as r, useRef as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region packages/sparkline/index.tsx
-function s({ values: s, area: c = !0, tone: l = "primary", className: u, ref: d, ...f }) {
-	let p = n(), m = r(null), h = t(m);
-	if (s.length < 2) return null;
-	let g = Math.min(...s), _ = Math.max(...s) - g || 1, v = s.map((e, t) => [t / (s.length - 1) * 100, 38 - (e - g) / _ * 36]).map(([e, t], n) => `${n ? "L" : "M"}${e.toFixed(2)},${t.toFixed(2)}`).join(""), y = l === "primary" ? "var(--color-primary)" : l === "negative" ? "var(--color-destructive)" : "var(--color-muted-foreground)", b = s[0], x = s[s.length - 1];
-	return /* @__PURE__ */ o("svg", {
+function c({ values: c, area: l = !0, tone: u = "default", className: d, ref: f, ...p }) {
+	let m = t(), h = r(), g = i(null), _ = n(g);
+	if (c.length < 2) return null;
+	let v = Math.min(...c), y = Math.max(...c) - v || 1, b = c.map((e, t) => [t / (c.length - 1) * 100, 38 - (e - v) / y * 36]).map(([e, t], n) => `${n ? "L" : "M"}${e.toFixed(2)},${t.toFixed(2)}`).join(""), x = u === "default" ? "var(--color-primary)" : u === "negative" ? "var(--color-destructive)" : "var(--color-muted-foreground)", S = c[0], C = c[c.length - 1];
+	return /* @__PURE__ */ s("svg", {
 		ref: (e) => {
-			if (m.current = e, typeof d == "function") return d(e);
-			d && (d.current = e);
+			if (g.current = e, typeof f == "function") return f(e);
+			f && (f.current = e);
 		},
-		"data-zen-unseen": h ? void 0 : "",
+		"data-zen-unseen": _ ? void 0 : "",
 		role: "img",
-		"aria-label": `From ${b} to ${x}`,
+		"aria-label": m.fromTo(String(S), String(C)),
 		viewBox: "0 0 100 40",
 		preserveAspectRatio: "none",
-		className: e("zen__sparkline h-8 w-24 overflow-visible", u),
-		style: { color: y },
-		...f,
-		children: [c && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("defs", { children: /* @__PURE__ */ o("linearGradient", {
-			id: p,
+		className: e("zen__sparkline h-8 w-24 overflow-visible", d),
+		style: { color: x },
+		...p,
+		children: [l && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("defs", { children: /* @__PURE__ */ s("linearGradient", {
+			id: h,
 			x1: "0",
 			y1: "0",
 			x2: "0",
 			y2: "1",
-			children: [/* @__PURE__ */ a("stop", {
+			children: [/* @__PURE__ */ o("stop", {
 				offset: "0",
 				stopColor: "currentColor",
 				stopOpacity: "0.25"
-			}), /* @__PURE__ */ a("stop", {
+			}), /* @__PURE__ */ o("stop", {
 				offset: "1",
 				stopColor: "currentColor",
 				stopOpacity: "0"
 			})]
-		}) }), /* @__PURE__ */ a("path", {
+		}) }), /* @__PURE__ */ o("path", {
 			className: "zen__chart-fade",
-			d: `${v}L100,40L0,40Z`,
-			fill: `url(#${p})`
-		})] }), /* @__PURE__ */ a("path", {
+			d: `${b}L100,40L0,40Z`,
+			fill: `url(#${h})`
+		})] }), /* @__PURE__ */ o("path", {
 			className: "zen__sparkline-draw",
-			d: v,
+			d: b,
 			fill: "none",
 			stroke: "currentColor",
 			strokeWidth: 2,
@@ -53,4 +54,4 @@ function s({ values: s, area: c = !0, tone: l = "primary", className: u, ref: d,
 	});
 }
 //#endregion
-export { s as default };
+export { c as default };

package/dist/spinner/index.d.ts

@@ -1,12 +1,13 @@
+import { ComponentProps } from 'react';
 /**
  * Small circular spinner in the current text colour; size it with className
  * (default size-4). Decorative by default (e.g. inside a loading Button). Give
  * it a `label` when it stands on its own, and screen readers announce it.
  */
-export default function Spinner({ label, className }: SpinnerProps): import('react').JSX.Element;
-export interface SpinnerProps {
+export default function Spinner({ label, className, ...rest }: SpinnerProps): import('react').JSX.Element;
+/** Other props (data-*, a style) go on the spinner. */
+export interface SpinnerProps extends Omit<ComponentProps<'span'>, 'children'> {
     /** What is loading, e.g. "Loading entries". Makes the spinner announce itself. */
     label?: string;
-    className?: string;
 }
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/spinner/index.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,YAAY,+BAYjE;AAED,MAAM,WAAW,YAAY;IACzB,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/spinner/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAa1E;AAED,uDAAuD;AACvD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1E,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/spinner/index.js

@@ -2,11 +2,12 @@
 import { cx as e } from "../utils/cx.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region packages/spinner/index.tsx
-function n({ label: n, className: r }) {
+function n({ label: n, className: r, ...i }) {
 	return /* @__PURE__ */ t("span", {
 		role: n ? "status" : void 0,
 		"aria-label": n,
 		"aria-hidden": !n || void 0,
+		...i,
 		className: e("zen__spinner inline-block size-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent", r)
 	});
 }

package/dist/status-pill/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/status-pill/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQvC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAgB,EAAE,KAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAa1G;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAWjG;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC3D,4GAA4G;IAC5G,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC3C,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/status-pill/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQvC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAgB,EAAE,KAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAa1G;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAQjG;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC3D,4GAA4G;IAC5G,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC3C,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/status-pill/index.js

@@ -18,7 +18,7 @@ function i({ className: n, type: r = "button", ...i }) {
 	return /* @__PURE__ */ t("button", {
 		type: r,
 		...i,
-		className: e("ml-0.5 cursor-pointer rounded-full underline underline-offset-2 outline-hidden focus-visible:ring-2 focus-visible:ring-current/50", n)
+		className: e("ms-0.5 cursor-pointer rounded-full underline underline-offset-2 focus-ring", n)
 	});
 }
 //#endregion

package/dist/stepper/index.d.ts

@@ -4,7 +4,7 @@ import { ComponentProps, ReactNode } from 'react';
  * before `value` (from 0) are done, the one at it is current. The line between
  * them fills in as you go.
  */
-export default function Stepper({ value, className, children, 'aria-label': label, ...rest }: StepperProps): import('react').JSX.Element;
+export default function Stepper({ value, className, children, 'aria-label': labelProp, ...rest }: StepperProps): import('react').JSX.Element;
 /** One step's label, and optionally a line under it (`description`). */
 export declare function Step({ description, className, children }: StepProps): import('react').JSX.Element;
 export interface StepperProps extends ComponentProps<'ol'> {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/stepper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,cAAc,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,KAAkB,EAChC,GAAG,IAAI,EACV,EAAE,YAAY,+BAgDd;AAED,wEAAwE;AACxE,wBAAgB,IAAI,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,SAAS,+BASnE;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,IAAI,CAAC;IACtD,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/stepper/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,cAAc,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAkD7G;AAED,wEAAwE;AACxE,wBAAgB,IAAI,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,SAAS,+BASnE;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,IAAI,CAAC;IACtD,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/stepper/index.js

@@ -1,53 +1,54 @@
 "use client";
-import { cx as e } from "../utils/cx.js";
-import t from "../icons/micro/check.js";
-import { Children as n, isValidElement as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import e from "../icons/micro/check.js";
+import { cx as t } from "../utils/cx.js";
+import { useMessages as n } from "../locale-provider/index.js";
+import { Children as r, isValidElement as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region packages/stepper/index.tsx
-function o({ value: o, className: s, children: c, "aria-label": l = "Progress", ...u }) {
-	let d = n.toArray(c).filter(r);
-	return /* @__PURE__ */ i("ol", {
-		"aria-label": l,
-		className: e("zen__stepper flex w-full items-start", s),
-		...u,
-		children: d.map((n, r) => {
-			let s = r < o ? "done" : r === o ? "current" : "upcoming";
-			return /* @__PURE__ */ a("li", {
-				"data-state": s,
-				"aria-current": s === "current" ? "step" : void 0,
+function s({ value: s, className: c, children: l, "aria-label": u, ...d }) {
+	let f = n(), p = u ?? f.progress, m = r.toArray(l).filter(i);
+	return /* @__PURE__ */ a("ol", {
+		"aria-label": p,
+		className: t("zen__stepper flex w-full items-start", c),
+		...d,
+		children: m.map((n, r) => {
+			let i = r < s ? "done" : r === s ? "current" : "upcoming";
+			return /* @__PURE__ */ o("li", {
+				"data-state": i,
+				"aria-current": i === "current" ? "step" : void 0,
 				className: "group/step relative flex flex-1 flex-col items-center gap-2 text-center",
 				children: [
-					r > 0 && /* @__PURE__ */ i("span", {
+					r > 0 && /* @__PURE__ */ a("span", {
 						"aria-hidden": !0,
-						className: "bg-tint/10 absolute top-3.5 right-[calc(50%+1.25rem)] left-[calc(-50%+1.25rem)] h-px overflow-hidden",
-						children: /* @__PURE__ */ i("span", { className: e("bg-primary ease-out-soft block h-full origin-left transition-transform duration-500", s === "upcoming" && "scale-x-0") })
+						className: "bg-tint/10 absolute start-[calc(-50%+1.25rem)] end-[calc(50%+1.25rem)] top-3.5 h-px overflow-hidden",
+						children: /* @__PURE__ */ a("span", { className: t("bg-primary ease-out-soft block h-full origin-left transition-transform rtl:origin-right duration-500", i === "upcoming" && "scale-x-0") })
 					}),
-					/* @__PURE__ */ i("span", {
+					/* @__PURE__ */ a("span", {
 						"aria-hidden": !0,
-						className: e("grid size-7 place-items-center rounded-full text-xs font-semibold tabular-nums transition-[background-color,color,box-shadow] duration-300", s === "upcoming" && "bg-tint/[0.05] text-muted-foreground shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.12)]", s === "current" && "bg-primary/15 text-foreground shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.5),0_0_18px_-2px_oklch(var(--glow)/calc(0.7*var(--glow-k)))]", s === "done" && "bg-primary text-primary-foreground"),
-						children: s === "done" ? /* @__PURE__ */ i(t, { className: "size-3.5" }) : r + 1
+						className: t("grid size-7 place-items-center rounded-full text-xs font-semibold tabular-nums transition-[background-color,color,box-shadow] duration-300", i === "upcoming" && "bg-tint/[0.05] text-muted-foreground shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.12)]", i === "current" && "bg-primary/15 text-foreground shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.5),0_0_18px_-2px_oklch(var(--glow)/calc(0.7*var(--glow-k)))]", i === "done" && "bg-primary text-primary-foreground"),
+						children: i === "done" ? /* @__PURE__ */ a(e, { className: "size-3.5" }) : r + 1
 					}),
 					n,
-					/* @__PURE__ */ i("span", {
+					/* @__PURE__ */ a("span", {
 						className: "sr-only",
-						children: s === "done" ? ", done" : s === "upcoming" ? ", not started" : ""
+						children: i === "done" ? ", done" : i === "upcoming" ? ", not started" : ""
 					})
 				]
 			}, n.key ?? r);
 		})
 	});
 }
-function s({ description: t, className: n, children: r }) {
-	return /* @__PURE__ */ a("span", {
-		className: e("flex flex-col gap-0.5 px-1", n),
-		children: [/* @__PURE__ */ i("span", {
+function c({ description: e, className: n, children: r }) {
+	return /* @__PURE__ */ o("span", {
+		className: t("flex flex-col gap-0.5 px-1", n),
+		children: [/* @__PURE__ */ a("span", {
 			className: "text-muted-foreground group-data-[state=current]/step:text-foreground group-data-[state=done]/step:text-foreground text-sm font-medium",
 			children: r
-		}), t && /* @__PURE__ */ i("span", {
+		}), e && /* @__PURE__ */ a("span", {
 			className: "text-muted-foreground text-xs max-sm:hidden",
-			children: t
+			children: e
 		})]
 	});
 }
 //#endregion
-export { s as Step, o as default };
+export { c as Step, s as default };

package/dist/tab-bar/index.js

@@ -15,7 +15,7 @@ function a({ hideFrom: t = "md", className: i, children: a, ...o }) {
 		})
 	});
 }
-var o = e("flex flex-col items-center gap-1 py-2.5 text-2xs outline-hidden transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset", "text-muted-foreground aria-[current=page]:text-primary [&_svg]:size-5 aria-[current=page]:[&_svg]:drop-shadow-[0_0_8px_oklch(var(--glow)/calc(0.8*var(--glow-k)))]");
+var o = e("flex flex-col items-center gap-1 py-2.5 text-2xs outline-hidden transition-colors duration-200 focus-ring focus-visible:ring-inset", "text-muted-foreground aria-[current=page]:text-primary [&_svg]:size-5 aria-[current=page]:[&_svg]:drop-shadow-[0_0_8px_oklch(var(--glow)/calc(0.8*var(--glow-k)))]");
 function s({ icon: n, active: a, asChild: s, className: c, children: l, ...u }) {
 	let d = {
 		...u,

package/dist/table/index.d.ts

@@ -28,7 +28,7 @@ export declare function TableRow({ selected, className, ...rest }: ComponentProp
  * button that shows the direction and announces it (aria-sort).
  */
 export declare function TableHead({ numeric, sticky, sortDirection, onSort, scope, className, children, ...rest }: TableHeadProps): import('react').JSX.Element;
-/** A cell: hairline below, lit with its row on hover. `sticky="left"` keeps it in view when scrolling sideways. */
+/** A cell: hairline below, lit with its row on hover. `sticky="start"` keeps it in view when scrolling sideways. */
 export declare function TableCell({ numeric, sticky, className, ...rest }: TableCellProps): import('react').JSX.Element;
 /** A footer cell: sits on the card, above a hairline. Use inside TableFooter. */
 export declare function TableFooterCell({ numeric, sticky, className, ...rest }: TableCellProps): import('react').JSX.Element;
@@ -70,19 +70,19 @@ export interface TableContainerProps extends ComponentProps<'div'> {
     label?: string;
 }
 export interface TableHeadProps extends ComponentProps<'th'> {
-    /** Right-aligned, for numbers. */
+    /** Aligned to the end, for numbers. */
     numeric?: boolean;
     /** Stay in view when the table scrolls sideways. */
-    sticky?: 'left';
+    sticky?: 'start';
     sortDirection?: SortDirection;
     /** Makes the heading a sort button. */
     onSort?: () => void;
 }
 export interface TableCellProps extends ComponentProps<'td'> {
-    /** Right-aligned, tabular digits. */
+    /** Aligned to the end, tabular digits. */
     numeric?: boolean;
     /** Stay in view when the table scrolls sideways. */
-    sticky?: 'left';
+    sticky?: 'start';
 }
 export { SelectionBar, type SelectionBarProps, TableSelectCell, type TableSelectCellProps, TableSelectHead, type TableSelectHeadProps, useSelection, } from './selection';
 export { TableSwipeAction, type TableSwipeActionProps, TableSwipeRow, type TableSwipeRowProps } from './swipe';

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

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