@rinzai/zen 0.11.0 → 0.13.0

package/dist/table/index.js

@@ -1,29 +1,30 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { reducedMotion as t } from "../utils/motion.js";
-import n from "../icons/chevron-down.js";
-import r from "../icons/chevron-up.js";
-import { SelectionBar as i, TableSelectCell as a, TableSelectHead as o, useSelection as s } from "./selection.js";
-import { TableSwipeAction as c, TableSwipeRow as l } from "./swipe.js";
-import { useCallback as u, useEffect as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useMessages as t } from "../locale-provider/index.js";
+import { reducedMotion as n } from "../utils/motion.js";
+import r from "../icons/chevron-down.js";
+import i from "../icons/chevron-up.js";
+import { SelectionBar as a, TableSelectCell as o, TableSelectHead as s, useSelection as c } from "./selection.js";
+import { TableSwipeAction as l, TableSwipeRow as u } from "./swipe.js";
+import { useCallback as d, useEffect as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region packages/table/index.tsx
-function v({ label: t, className: n, ref: r, onScroll: i, ...a }) {
-	let o = m(null), s = u(() => {
+function y({ label: t, className: n, ref: r, onScroll: i, ...a }) {
+	let o = h(null), s = d(() => {
 		let e = o.current;
 		if (!e) return;
 		let t = (t, n) => n !== e.hasAttribute(t) && e.toggleAttribute(t, n);
-		t("data-under-top", e.scrollTop > 0), t("data-under-left", e.scrollLeft > 0), t("data-under-bottom", e.scrollTop + e.clientHeight < e.scrollHeight - 1);
+		t("data-under-top", e.scrollTop > 0), t("data-under-start", Math.abs(e.scrollLeft) > 0), t("data-under-bottom", e.scrollTop + e.clientHeight < e.scrollHeight - 1);
 	}, []);
-	return d(() => {
+	return f(() => {
 		let e = o.current;
 		if (!e) return;
 		s();
 		let t = typeof ResizeObserver > "u" ? null : new ResizeObserver(s);
 		return t?.observe(e), e.firstElementChild && t?.observe(e.firstElementChild), () => t?.disconnect();
-	}, [s]), /* @__PURE__ */ g("div", {
+	}, [s]), /* @__PURE__ */ _("div", {
 		className: e("zen__table-panel glass glow-edge isolate flex flex-col overflow-hidden rounded-xl", n),
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			ref: (e) => {
 				o.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
 			},
@@ -33,55 +34,55 @@ function v({ label: t, className: n, ref: r, onScroll: i, ...a }) {
 			role: t ? "region" : void 0,
 			"aria-label": t,
 			tabIndex: t ? 0 : void 0,
-			className: "zen__table-container focus-visible:ring-ring/30 relative min-h-0 overflow-auto rounded-[inherit] outline-hidden will-change-scroll focus-visible:ring-2 focus-visible:ring-inset",
+			className: "zen__table-container focus-ring relative min-h-0 overflow-auto rounded-[inherit] outline-hidden will-change-scroll focus-visible:ring-inset",
 			...a
 		})
 	});
 }
-function y({ className: t, ...n }) {
-	return /* @__PURE__ */ g("table", {
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ _("table", {
 		className: e("zen__table w-full border-separate border-spacing-0 text-sm", t),
 		...n
 	});
 }
-function b({ className: t, ...n }) {
-	return /* @__PURE__ */ g("thead", {
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ _("thead", {
 		className: e("zen__sticky-top sticky top-0 z-20", t),
 		...n
 	});
 }
-function x({ ref: e, ...n }) {
-	let r = m(null), i = m(null);
-	return C(() => {
+function S({ ref: e, ...t }) {
+	let r = h(null), i = h(null);
+	return w(() => {
 		let e = r.current;
 		if (!e) return;
-		let n = [...e.rows], a = i.current;
-		if (a && n.length === a.rows.length && n.every((e, t) => e === a.rows[t])) return;
-		let o = new Map(n.map((e) => [e, e.offsetTop]));
+		let t = [...e.rows], a = i.current;
+		if (a && t.length === a.rows.length && t.every((e, t) => e === a.rows[t])) return;
+		let o = new Map(t.map((e) => [e, e.offsetTop]));
 		if (i.current = {
-			rows: n,
+			rows: t,
 			tops: o
-		}, !a || t() || e.querySelector("[data-zen-spacer]")) return;
+		}, !a || n() || e.querySelector("[data-zen-spacer]")) return;
 		let s = a.rows.filter((e) => !e.isConnected), c = (e) => e.matches(".zen__tree-row-enter, .zen__tree-row-exit");
-		if (!(n.some((e) => !a.tops.has(e) && c(e)) || s.some(c))) {
-			if (n.some((e) => a.tops.has(e))) for (let t of s) S(t, a.tops.get(t), e, n);
-			for (let e of n) {
+		if (!(t.some((e) => !a.tops.has(e) && c(e)) || s.some(c))) {
+			if (t.some((e) => a.tops.has(e))) for (let n of s) C(n, a.tops.get(n), e, t);
+			for (let e of t) {
 				let t = a.tops.get(e);
 				t === void 0 ? e.animate?.({
 					opacity: [0, 1],
 					translate: ["0 -6px", "0 0"]
-				}, E) : t !== o.get(e) && e.animate?.({ translate: [`0 ${t - o.get(e)}px`, "0 0"] }, T);
+				}, D) : t !== o.get(e) && e.animate?.({ translate: [`0 ${t - o.get(e)}px`, "0 0"] }, E);
 			}
 		}
-	}), /* @__PURE__ */ g("tbody", {
+	}), /* @__PURE__ */ _("tbody", {
 		ref: (t) => {
 			if (r.current = t, typeof e == "function") return e(t);
 			e && (e.current = t);
 		},
-		...n
+		...t
 	});
 }
-function S(e, t, n, r) {
+function C(e, t, n, r) {
 	let i = n.closest("table"), a = n.closest(".zen__table-container"), o = r.find((t) => t.cells.length === e.cells.length);
 	if (!i || !a || !o) return;
 	let s = a.getBoundingClientRect(), c = i.getBoundingClientRect(), l = document.createElement("table");
@@ -99,49 +100,49 @@ function S(e, t, n, r) {
 	let d = l.animate?.({
 		opacity: [1, 0],
 		translate: ["0 0", "-12px 0"]
-	}, w);
+	}, T);
 	d ? d.onfinish = d.oncancel = () => l.remove() : l.remove();
 }
-var C = typeof window > "u" ? d : f, w = {
+var w = typeof window > "u" ? f : p, T = {
 	duration: 220,
 	easing: "ease-in"
-}, T = {
+}, E = {
 	duration: 320,
 	easing: "cubic-bezier(0.2, 0.8, 0.2, 1)"
-}, E = {
+}, D = {
 	duration: 260,
 	easing: "ease-out"
 };
-function D({ className: t, ...n }) {
-	return /* @__PURE__ */ g("tfoot", {
+function O({ className: t, ...n }) {
+	return /* @__PURE__ */ _("tfoot", {
 		className: e("zen__sticky-bottom sticky bottom-0 z-20", t),
 		...n
 	});
 }
-function O({ selected: t, className: n, ...r }) {
-	return /* @__PURE__ */ g("tr", {
+function k({ selected: t, className: n, ...r }) {
+	return /* @__PURE__ */ _("tr", {
 		"data-selected": t || void 0,
 		className: e("group", n),
 		...r
 	});
 }
-function k({ numeric: t, sticky: i, sortDirection: a, onSort: o, scope: s = "col", className: c, children: l, ...u }) {
-	return /* @__PURE__ */ g("th", {
+function A({ numeric: t, sticky: n, sortDirection: a, onSort: o, scope: s = "col", className: c, children: l, ...u }) {
+	return /* @__PURE__ */ _("th", {
 		scope: s,
 		"aria-sort": a === "asc" ? "ascending" : a === "desc" ? "descending" : void 0,
-		className: e("border-tint/[0.07] text-muted-foreground border-b px-3 py-2.5 align-middle text-xs leading-5 font-medium tracking-wider whitespace-nowrap uppercase", i === "left" && "zen__sticky-left sticky left-0 z-10", t ? "text-right" : "text-left", c),
+		className: e("border-tint/[0.07] text-muted-foreground border-b px-3 py-2.5 align-middle text-xs leading-5 font-medium tracking-wider whitespace-nowrap uppercase", n === "start" && "zen__sticky-start sticky start-0 z-10", t ? "text-end" : "text-start", c),
 		...u,
-		children: o ? /* @__PURE__ */ _("button", {
+		children: o ? /* @__PURE__ */ v("button", {
 			type: "button",
 			onClick: o,
 			className: e("hover:text-foreground touch-target inline-flex cursor-pointer items-center gap-1 align-middle leading-5 tracking-wider uppercase", t && "flex-row-reverse"),
-			children: [l, /* @__PURE__ */ g("span", {
+			children: [l, /* @__PURE__ */ _("span", {
 				"aria-hidden": !0,
 				className: "inline-flex w-3",
-				children: a === "asc" ? /* @__PURE__ */ g(r, {
+				children: a === "asc" ? /* @__PURE__ */ _(i, {
 					className: "size-3",
 					strokeWidth: 2.5
-				}) : a === "desc" ? /* @__PURE__ */ g(n, {
+				}) : a === "desc" ? /* @__PURE__ */ _(r, {
 					className: "size-3",
 					strokeWidth: 2.5
 				}) : null
@@ -149,23 +150,23 @@ function k({ numeric: t, sticky: i, sortDirection: a, onSort: o, scope: s = "col
 		}) : l
 	});
 }
-function A({ numeric: t, sticky: n, className: r, ...i }) {
-	return /* @__PURE__ */ g("td", {
-		className: e("border-tint/[0.045] border-b px-3 py-2.5 transition-colors duration-150", "group-hover:[background-image:linear-gradient(oklch(var(--tint)/0.035),oklch(var(--tint)/0.035))]", "group-data-selected:[background-image:linear-gradient(oklch(var(--primary)/0.09),oklch(var(--primary)/0.09))]", n === "left" && "zen__sticky-left sticky left-0 z-10 shadow-[inset_-1px_0_0_oklch(var(--tint)/0.06)]", t && "text-right tabular-nums", r),
+function j({ numeric: t, sticky: n, className: r, ...i }) {
+	return /* @__PURE__ */ _("td", {
+		className: e("border-tint/[0.045] border-b px-3 py-2.5 transition-colors duration-150", "group-hover:[background-image:linear-gradient(oklch(var(--tint)/0.035),oklch(var(--tint)/0.035))]", "group-data-selected:[background-image:linear-gradient(oklch(var(--primary)/0.09),oklch(var(--primary)/0.09))]", n === "start" && "zen__sticky-start sticky start-0 z-10 shadow-[inset_-1px_0_0_oklch(var(--tint)/0.06)] rtl:shadow-[inset_1px_0_0_oklch(var(--tint)/0.06)]", t && "text-end tabular-nums", r),
 		...i
 	});
 }
-function j({ numeric: t, sticky: n, className: r, ...i }) {
-	return /* @__PURE__ */ g("td", {
-		className: e("border-tint/[0.07] h-9 border-t px-3 font-medium whitespace-nowrap", n === "left" && "zen__sticky-left sticky left-0 z-10 shadow-[inset_-1px_0_0_oklch(var(--tint)/0.06)]", t && "text-right tabular-nums", r),
+function M({ numeric: t, sticky: n, className: r, ...i }) {
+	return /* @__PURE__ */ _("td", {
+		className: e("border-tint/[0.07] h-9 border-t px-3 font-medium whitespace-nowrap", n === "start" && "zen__sticky-start sticky start-0 z-10 shadow-[inset_-1px_0_0_oklch(var(--tint)/0.06)] rtl:shadow-[inset_1px_0_0_oklch(var(--tint)/0.06)]", t && "text-end tabular-nums", r),
 		...i
 	});
 }
-function M({ height: e, colSpan: t }) {
-	return e <= 0 ? null : /* @__PURE__ */ g("tr", {
+function N({ height: e, colSpan: t }) {
+	return e <= 0 ? null : /* @__PURE__ */ _("tr", {
 		"aria-hidden": !0,
 		"data-zen-spacer": !0,
-		children: /* @__PURE__ */ g("td", {
+		children: /* @__PURE__ */ _("td", {
 			colSpan: t,
 			style: {
 				height: e,
@@ -175,17 +176,18 @@ function M({ height: e, colSpan: t }) {
 		})
 	});
 }
-function N({ colSpan: e, children: t = "Nothing here yet." }) {
-	return /* @__PURE__ */ g("tr", { children: /* @__PURE__ */ g("td", {
+function P({ colSpan: e, children: n }) {
+	let r = t();
+	return /* @__PURE__ */ _("tr", { children: /* @__PURE__ */ _("td", {
 		colSpan: e,
 		className: "text-muted-foreground px-3 py-8 text-center",
-		children: t
+		children: n ?? r.nothingHere
 	}) });
 }
-function P(e, t, n) {
-	let [r, i] = h(n ?? null);
+function F(e, t, n) {
+	let [r, i] = g(n ?? null);
 	return {
-		rows: p(() => {
+		rows: m(() => {
 			if (!r) return e;
 			let n = t[r.key], i = [...e].sort(n);
 			return r.direction === "desc" ? i.reverse() : i;
@@ -209,4 +211,4 @@ function P(e, t, n) {
 	};
 }
 //#endregion
-export { i as SelectionBar, x as TableBody, A as TableCell, v as TableContainer, N as TableEmpty, D as TableFooter, j as TableFooterCell, k as TableHead, b as TableHeader, O as TableRow, a as TableSelectCell, o as TableSelectHead, M as TableSpacerRow, c as TableSwipeAction, l as TableSwipeRow, y as default, s as useSelection, P as useSort };
+export { a as SelectionBar, S as TableBody, j as TableCell, y as TableContainer, P as TableEmpty, O as TableFooter, M as TableFooterCell, A as TableHead, x as TableHeader, k as TableRow, o as TableSelectCell, s as TableSelectHead, N as TableSpacerRow, l as TableSwipeAction, u as TableSwipeRow, b as default, c as useSelection, F as useSort };

package/dist/table/selection.d.ts

@@ -22,13 +22,13 @@ export declare function useSelection<K>(keys: readonly K[]): {
 /** A row's checkbox cell; spread `rowProps(key)` from useSelection into it. */
 export declare function TableSelectCell({ checked, onSelect, label, className, ...rest }: TableSelectCellProps): import('react').JSX.Element;
 /** The header's checkbox, for every row at once; spread `allProps()` from useSelection into it. */
-export declare function TableSelectHead({ checked, indeterminate, onSelect, label, className, ...rest }: TableSelectHeadProps): import('react').JSX.Element;
+export declare function TableSelectHead({ checked, indeterminate, onSelect, label: labelProp, className, ...rest }: TableSelectHeadProps): import('react').JSX.Element;
 /**
  * What to do with the selected rows: their count, your actions, and a × to
  * clear the selection. Floats at the bottom of the screen while any are
  * selected (move it with className).
  */
-export declare function SelectionBar({ count, onClear, label, clearLabel, className, children, }: SelectionBarProps): import('react').JSX.Element | null;
+export declare function SelectionBar({ count, onClear, label: labelProp, clearLabel: clearLabelProp, className, children, }: SelectionBarProps): import('react').JSX.Element | null;
 export interface TableSelectCellProps extends Omit<ComponentProps<'td'>, 'onSelect'> {
     checked: boolean;
     /** With `range` when shift was held. */

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

@@ -1 +1 @@
-{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../packages/table/selection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAc,SAAS,EAAoB,MAAM,OAAO,CAAC;AAEhF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE;;;IAoB1C,mCAAmC;oBACnB,CAAC;;uBAEE,OAAO,SAAS,OAAO;;IAO1C,wCAAwC;;;;uBAIrB,OAAO;;EAGjC;AAED,+EAA+E;AAC/E,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,+BAYrG;AAED,mGAAmG;AACnG,wBAAgB,eAAe,CAAC,EAC5B,OAAO,EACP,aAAa,EACb,QAAQ,EACR,KAAoB,EACpB,SAAS,EACT,GAAG,IAAI,EACV,EAAE,oBAAoB,+BAYtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,OAAO,EACP,KAA8B,EAC9B,UAA8B,EAC9B,SAAS,EACT,QAAQ,GACX,EAAE,iBAAiB,sCAyBnB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,QAAQ,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../packages/table/selection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAc,SAAS,EAAoB,MAAM,OAAO,CAAC;AAEhF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE;;;IAoB1C,mCAAmC;oBACnB,CAAC;;uBAEE,OAAO,SAAS,OAAO;;IAO1C,wCAAwC;;;;uBAIrB,OAAO;;EAGjC;AAED,+EAA+E;AAC/E,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,+BAYrG;AAED,mGAAmG;AACnG,wBAAgB,eAAe,CAAC,EAC5B,OAAO,EACP,aAAa,EACb,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,GAAG,IAAI,EACV,EAAE,oBAAoB,+BActB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,cAAc,EAC1B,SAAS,EACT,QAAQ,GACX,EAAE,iBAAiB,sCA4BnB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,QAAQ,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}

package/dist/table/selection.js

@@ -1,12 +1,13 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import t from "../icons/micro/x-mark.js";
-import n from "../checkbox/index.js";
-import { useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useMessages as t } from "../locale-provider/index.js";
+import n from "../icons/micro/x-mark.js";
+import r from "../checkbox/index.js";
+import { useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region packages/table/selection.tsx
-function s(e) {
-	let [t, n] = i(() => /* @__PURE__ */ new Set()), a = r(null), o = new Set(e), s = new Set([...t].filter((e) => o.has(e))), c = e.length > 0 && s.size === e.length, l = (e, t) => n((n) => {
+function c(e) {
+	let [t, n] = a(() => /* @__PURE__ */ new Set()), r = i(null), o = new Set(e), s = new Set([...t].filter((e) => o.has(e))), c = e.length > 0 && s.size === e.length, l = (e, t) => n((n) => {
 		let r = new Set([...n].filter((e) => o.has(e)));
 		for (let n of e) t ? r.add(n) : r.delete(n);
 		return r;
@@ -16,9 +17,9 @@ function s(e) {
 		clear: () => n(/* @__PURE__ */ new Set()),
 		rowProps: (t) => ({
 			checked: s.has(t),
-			onSelect: (n, r) => {
-				let i = r && a.current !== null ? e.indexOf(a.current) : -1, o = e.indexOf(t);
-				l(i === -1 ? [t] : e.slice(Math.min(i, o), Math.max(i, o) + 1), n), a.current = t;
+			onSelect: (n, i) => {
+				let a = i && r.current !== null ? e.indexOf(r.current) : -1, o = e.indexOf(t);
+				l(a === -1 ? [t] : e.slice(Math.min(a, o), Math.max(a, o) + 1), n), r.current = t;
 			}
 		}),
 		allProps: () => ({
@@ -28,56 +29,58 @@ function s(e) {
 		})
 	};
 }
-function c({ checked: t, onSelect: r, label: i, className: o, ...s }) {
-	return /* @__PURE__ */ a("td", {
-		className: e("border-tint/[0.045] w-10 border-b py-2.5 pr-0 pl-3", o),
+function l({ checked: t, onSelect: n, label: i, className: a, ...s }) {
+	return /* @__PURE__ */ o("td", {
+		className: e("border-tint/[0.045] w-10 border-b py-2.5 ps-3 pe-0", a),
 		...s,
-		children: /* @__PURE__ */ a(n, {
+		children: /* @__PURE__ */ o(r, {
 			"aria-label": i,
 			checked: t,
-			onClick: (e) => r(e.currentTarget.checked, e.shiftKey),
-			onChange: () => {},
+			onClick: (e) => n(e.currentTarget.checked, e.shiftKey),
+			onCheckedChange: () => {},
 			className: "touch-target grid"
 		})
 	});
 }
-function l({ checked: t, indeterminate: r, onSelect: i, label: o = "Select all", className: s, ...c }) {
-	return /* @__PURE__ */ a("th", {
-		className: e("w-10 py-2.5 pr-0 pl-3", s),
-		...c,
-		children: /* @__PURE__ */ a(n, {
-			"aria-label": o,
-			checked: t,
-			indeterminate: r,
-			onChange: (e) => i(!r && e),
+function u({ checked: n, indeterminate: i, onSelect: a, label: s, className: c, ...l }) {
+	let u = t(), d = s ?? u.selectAll;
+	return /* @__PURE__ */ o("th", {
+		className: e("w-10 py-2.5 ps-3 pe-0", c),
+		...l,
+		children: /* @__PURE__ */ o(r, {
+			"aria-label": d,
+			checked: n,
+			indeterminate: i,
+			onCheckedChange: (e) => a(!i && e),
 			className: "touch-target grid"
 		})
 	});
 }
-function u({ count: n, onClear: r, label: i = (e) => `${e} selected`, clearLabel: s = "Clear selection", className: c, children: l }) {
-	return n === 0 ? null : /* @__PURE__ */ o("div", {
+function d({ count: r, onClear: i, label: a, clearLabel: c, className: l, children: u }) {
+	let d = t(), f = a ?? d.selectedCount, p = c ?? d.clearSelection;
+	return r === 0 ? null : /* @__PURE__ */ s("div", {
 		role: "toolbar",
-		"aria-label": "Selection",
-		className: e("zen__selection-bar glass glass-blur glow-edge fixed inset-x-0 bottom-6 z-40 mx-auto flex w-fit max-w-[calc(100vw-2rem)] items-center gap-2 rounded-2xl py-2 pr-2 pl-4 shadow-[0_12px_40px_-12px_oklch(0_0_0/0.6)]", c),
+		"aria-label": d.selection,
+		className: e("zen__selection-bar glass glass-blur glow-edge fixed inset-x-0 bottom-6 z-40 mx-auto flex w-fit max-w-[calc(100vw-2rem)] items-center gap-2 rounded-2xl py-2 ps-4 pe-2 shadow-[0_12px_40px_-12px_oklch(0_0_0/0.6)]", l),
 		children: [
-			/* @__PURE__ */ a("span", {
+			/* @__PURE__ */ o("span", {
 				className: "text-sm font-medium whitespace-nowrap tabular-nums",
 				"aria-live": "polite",
-				children: i(n)
+				children: f(r)
 			}),
-			/* @__PURE__ */ a("span", {
+			/* @__PURE__ */ o("span", {
 				className: "flex items-center gap-1",
-				children: l
+				children: u
 			}),
-			/* @__PURE__ */ a("button", {
+			/* @__PURE__ */ o("button", {
 				type: "button",
-				"aria-label": s,
-				onClick: r,
-				className: "text-muted-foreground hover:text-foreground hover:bg-tint/10 focus-visible:ring-ring/50 touch-target grid size-8 cursor-pointer place-items-center rounded-lg outline-hidden focus-visible:ring-2",
-				children: /* @__PURE__ */ a(t, { className: "size-4" })
+				"aria-label": p,
+				onClick: i,
+				className: "text-muted-foreground hover:text-foreground hover:bg-tint/10 touch-target focus-ring grid size-8 cursor-pointer place-items-center rounded-lg outline-hidden",
+				children: /* @__PURE__ */ o(n, { className: "size-4" })
 			})
 		]
 	});
 }
 //#endregion
-export { u as SelectionBar, c as TableSelectCell, l as TableSelectHead, s as useSelection };
+export { d as SelectionBar, l as TableSelectCell, u as TableSelectHead, c as useSelection };

package/dist/table/swipe.d.ts

@@ -8,7 +8,7 @@ export declare function TableSwipeRow({ actions, ref, className, children, onCli
 /** One of a swipe row's actions: fills the row's height, flush with its end. */
 export declare function TableSwipeAction({ tone, className, ...rest }: TableSwipeActionProps): import('react').JSX.Element;
 export interface TableSwipeActionProps extends ComponentProps<'button'> {
-    tone?: 'default' | 'destructive';
+    tone?: 'default' | 'negative';
 }
 export interface TableSwipeRowProps extends ComponentProps<'tr'> {
     /** What's behind the row: TableSwipeActions, e.g. Edit and Delete. */

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

@@ -1 +1 @@
-{"version":3,"file":"swipe.d.ts","sourceRoot":"","sources":["../../packages/table/swipe.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAIpE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,OAAO,EACP,GAAG,EACH,SAAS,EACT,QAAQ,EACR,cAAc,EACd,MAAM,EACN,GAAG,IAAI,EACV,EAAE,kBAAkB,+BA2DpB;AAED,gFAAgF;AAChF,wBAAgB,gBAAgB,CAAC,EAAE,IAAgB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,+BAc/F;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACnE,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACpC;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAC5D,sEAAsE;IACtE,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"swipe.d.ts","sourceRoot":"","sources":["../../packages/table/swipe.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAIpE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,OAAO,EACP,GAAG,EACH,SAAS,EACT,QAAQ,EACR,cAAc,EACd,MAAM,EACN,GAAG,IAAI,EACV,EAAE,kBAAkB,+BA2DpB;AAED,gFAAgF;AAChF,wBAAgB,gBAAgB,CAAC,EAAE,IAAgB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,+BAc/F;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACnE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAC5D,sEAAsE;IACtE,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/table/swipe.js

@@ -45,7 +45,7 @@ function s({ actions: s, ref: c, className: l, children: u, onClickCapture: d, o
 function c({ tone: t = "default", className: n, ...r }) {
 	return /* @__PURE__ */ a("button", {
 		type: "button",
-		className: e("focus-visible:ring-ring/60 cursor-pointer px-4 text-sm font-medium whitespace-nowrap outline-hidden transition-colors focus-visible:ring-2 focus-visible:ring-inset", t === "destructive" ? "bg-destructive/90 text-destructive-foreground hover:bg-destructive" : "bg-tint/[0.09] hover:bg-tint/[0.14]", n),
+		className: e(" cursor-pointer px-4 text-sm font-medium whitespace-nowrap outline-hidden transition-colors focus-ring focus-visible:ring-inset", t === "negative" ? "bg-destructive/90 text-destructive-foreground hover:bg-destructive" : "bg-tint/[0.09] hover:bg-tint/[0.14]", n),
 		...r
 	});
 }

package/dist/table-of-contents/index.d.ts

@@ -1,8 +1,9 @@
+import { ComponentProps } from 'react';
 /**
  * "On this page": links to the page's headings, highlighting the section being
  * read. Items point at element ids; nested items (depth 2) are indented.
  */
-export default function TableOfContents({ items, title, className }: TableOfContentsProps): import('react').JSX.Element | null;
+export default function TableOfContents({ items, title: titleProp, className, ...rest }: TableOfContentsProps): import('react').JSX.Element | null;
 export interface TableOfContentsItem {
     /** Id of the heading (or section) to link to. */
     id: string;
@@ -10,7 +11,8 @@ export interface TableOfContentsItem {
     /** 1 (default) or 2 for a nested entry. */
     depth?: 1 | 2;
 }
-export interface TableOfContentsProps {
+/** Other props (data-*, an id) go on the <nav>. */
+export interface TableOfContentsProps extends Omit<ComponentProps<'nav'>, 'title' | 'children'> {
     items: TableOfContentsItem[];
     /** Shown above the list, and names it. Empty: no heading shown (e.g. under a trigger that says it). */
     title?: string;

package/dist/table-of-contents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/table-of-contents/index.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,KAAsB,EAAE,SAAS,EAAE,EAAE,oBAAoB,sCA8CzG;AAED,MAAM,WAAW,mBAAmB;IAChC,iDAAiD;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,uGAAuG;IACvG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/table-of-contents/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAE5D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,sCAgD5G;AAED,MAAM,WAAW,mBAAmB;IAChC,iDAAiD;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACjB;AAED,mDAAmD;AACnD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3F,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,uGAAuG;IACvG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/table-of-contents/index.js

@@ -1,39 +1,41 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { followSectionLink as t } from "../utils/section-link.js";
-import { useEffect as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useMessages as t } from "../locale-provider/index.js";
+import { followSectionLink as n } from "../utils/section-link.js";
+import { useEffect as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region packages/table-of-contents/index.tsx
-function o({ items: o, title: s = "On this page", className: c }) {
-	let [l, u] = r();
-	return n(() => {
+function s({ items: s, title: c, className: l, ...u }) {
+	let d = t(), f = c ?? d.onThisPage, [p, m] = i();
+	return r(() => {
 		if (typeof IntersectionObserver > "u") return;
-		let e = o.map((e) => document.getElementById(e.id)).filter((e) => !!e), t = /* @__PURE__ */ new Set(), n = new IntersectionObserver((e) => {
+		let e = s.map((e) => document.getElementById(e.id)).filter((e) => !!e), t = /* @__PURE__ */ new Set(), n = new IntersectionObserver((e) => {
 			for (let n of e) n.isIntersecting ? t.add(n.target.id) : t.delete(n.target.id);
-			let n = o.find((e) => t.has(e.id));
-			n && u(n.id);
+			let n = s.find((e) => t.has(e.id));
+			n && m(n.id);
 		}, { rootMargin: "0px 0px -65% 0px" });
 		return e.forEach((e) => n.observe(e)), () => n.disconnect();
-	}, [o]), o.length ? /* @__PURE__ */ a("nav", {
-		"aria-label": s || "On this page",
-		className: e("zen__toc flex flex-col gap-3", c),
-		children: [s && /* @__PURE__ */ i("p", {
+	}, [s]), s.length ? /* @__PURE__ */ o("nav", {
+		"aria-label": f || d.onThisPage,
+		...u,
+		className: e("zen__toc flex flex-col gap-3", l),
+		children: [f && /* @__PURE__ */ a("p", {
 			className: "text-muted-foreground text-2xs mt-0! tracking-widest uppercase",
-			children: s
-		}), /* @__PURE__ */ i("ul", {
+			children: f
+		}), /* @__PURE__ */ a("ul", {
 			className: "border-tint/[0.07] flex flex-col gap-2 border-l text-sm",
-			children: o.map((n) => /* @__PURE__ */ i("li", {
-				className: e("-ml-px", n.depth === 2 && "pl-3"),
-				children: /* @__PURE__ */ i("a", {
-					href: `#${n.id}`,
-					onClick: t,
-					"aria-current": n.id === l ? "location" : void 0,
-					className: e("text-muted-foreground hover:text-foreground block border-l border-transparent pl-3 transition-colors pointer-coarse:py-1.5", "aria-[current=location]:border-primary aria-[current=location]:text-foreground"),
-					children: n.label
+			children: s.map((t) => /* @__PURE__ */ a("li", {
+				className: e("-ms-px", t.depth === 2 && "ps-3"),
+				children: /* @__PURE__ */ a("a", {
+					href: `#${t.id}`,
+					onClick: n,
+					"aria-current": t.id === p ? "location" : void 0,
+					className: e("text-muted-foreground hover:text-foreground block border-s border-transparent ps-3 transition-colors pointer-coarse:py-1.5", "aria-[current=location]:border-primary aria-[current=location]:text-foreground"),
+					children: t.label
 				})
-			}, n.id))
+			}, t.id))
 		})]
 	}) : null;
 }
 //#endregion
-export { o as default };
+export { s as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/tabs/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EACH,cAAc,EASjB,MAAM,OAAO,CAAC;AAsBf,6GAA6G;AAC7G,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,YAAiB,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAuBtG;AAID;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAqB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAiC5F;AAiCD,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,+BA0BnE;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,sCA6BpE;AA4DD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,KAAK,CAAC;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC;CAC5B;AAED,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,KAAK,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/tabs/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EACH,cAAc,EAUjB,MAAM,OAAO,CAAC;AA0Bf,6GAA6G;AAC7G,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,YAAiB,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAyBtG;AAID;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAqB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAmC5F;AAiCD,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,+BA0BnE;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,sCA8BpE;AA4DD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,KAAK,CAAC;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC;CAC5B;AAED,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,KAAK,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;CACjB"}