@mechane-ai/elements 0.9.0 → 0.11.0

package/dist/collections.js

@@ -1,7 +1,8 @@
-import { C as e, S as t, c as n, f as r, h as i, i as a } from "./src-elMBQ2Dh.js";
-import { r as o } from "./src-Cc0Sadzr.js";
-import { r as s, t as c } from "./src-CfDf8TY8.js";
-import { t as l } from "./accessibility-C-aIZ1Yx.js";
+import { C as e, c as t, f as n, g as r, w as i } from "./src-D05isEh_.js";
+import { r as a } from "./src-C_heP5kL.js";
+import { r as o, t as s } from "./src-Cs0dRc4X.js";
+import { t as c } from "./accessibility-C-aIZ1Yx.js";
+import { tableGeometry as l } from "./tokens.js";
 import { mergeProps as u } from "@base-ui/react/merge-props";
 import * as d from "@stylexjs/stylex";
 import { Fragment as ee, useEffect as f, useLayoutEffect as p, useMemo as te, useRef as m, useState as h } from "react";
@@ -10,39 +11,47 @@ import { ArrowDown as ne, ArrowUp as re, ArrowUpDown as ie, ChevronLeft as y, Ch
 import { createColumnHelper as ae, tableFeatures as C, useTable as oe } from "@tanstack/react-table";
 import { defaultRangeExtractor as se, useVirtualizer as ce } from "@tanstack/react-virtual";
 // packages/collections/src/collection-controls.tsx
-function w({ label: e, children: t, actions: n }) {
+var w = { remove: {
+	kmuXW: "x2lah0s",
+	$$css: !0
+} };
+function T({ label: e, children: t, actions: n }) {
 	return /* @__PURE__ */ v("div", {
 		role: "group",
 		"aria-label": e,
-		className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi x1m92p3w xn9t2bk xso031l x1q0q8m5 x1qndepd",
-		children: [t, n !== void 0 && /* @__PURE__ */ _("div", {
-			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xvc5jky",
+		className: "x78zum5 x6s0dn4 x1a02dak xeuugli x1hnptsi x1m92p3w xn9t2bk xso031l x1q0q8m5 x1qndepd xbixft x1hz01jw xtqrqnz x1778rvt",
+		children: [t, n != null && /* @__PURE__ */ _("div", {
+			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli xvc5jky",
 			children: n
 		})]
 	});
 }
-function T({ filters: t, onRemove: n, label: r = "Applied filters" }) {
+function E({ filters: e, onRemove: t, label: n = "Applied filters" }) {
 	return /* @__PURE__ */ _("div", {
 		role: "group",
-		"aria-label": r,
-		className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi",
-		children: t.map((t) => /* @__PURE__ */ v("span", {
-			className: "x3nfvp2 x6s0dn4 xunmzkg xyibt8p xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xeuugli x193iq5w xj0a0fe xpvm0e4 xbixft x1hz01jw xtqrqnz",
-			children: [t.label, /* @__PURE__ */ _(e, {
-				"aria-label": `Remove ${t.label}`,
+		"aria-label": n,
+		className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli",
+		children: e.map((e) => /* @__PURE__ */ v("span", {
+			className: "x3nfvp2 x6s0dn4 xunmzkg xyibt8p xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xeuugli x193iq5w xj0a0fe xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt",
+			children: [/* @__PURE__ */ _("span", {
+				className: "xeuugli xj0a0fe",
+				children: e.label
+			}), /* @__PURE__ */ _(i, {
+				"aria-label": `Remove ${e.label}`,
 				variant: "ghost",
-				onClick: () => n(t.id),
+				onClick: () => t(e.id),
+				xstyle: w.remove,
 				children: /* @__PURE__ */ _(S, {
 					size: 14,
 					"aria-hidden": "true"
 				})
 			})]
-		}, t.id))
+		}, e.id))
 	});
 }
-function E({ columns: e, onVisibilityChange: n, label: r = "Columns" }) {
-	return /* @__PURE__ */ v(s.Root, { children: [/* @__PURE__ */ v(s.Trigger, {
-		render: /* @__PURE__ */ _(t, {
+function D({ columns: t, onVisibilityChange: n, label: r = "Columns" }) {
+	return /* @__PURE__ */ v(o.Root, { children: [/* @__PURE__ */ v(o.Trigger, {
+		render: /* @__PURE__ */ _(e, {
 			variant: "outline",
 			size: "md"
 		}),
@@ -50,32 +59,32 @@ function E({ columns: e, onVisibilityChange: n, label: r = "Columns" }) {
 			size: 16,
 			"aria-hidden": "true"
 		}), r]
-	}), /* @__PURE__ */ _(s.Portal, { children: /* @__PURE__ */ _(s.Positioner, {
+	}), /* @__PURE__ */ _(o.Portal, { children: /* @__PURE__ */ _(o.Positioner, {
 		align: "end",
-		children: /* @__PURE__ */ _(s.Popup, {
+		children: /* @__PURE__ */ _(o.Popup, {
 			"aria-label": r,
 			children: /* @__PURE__ */ _("div", {
 				className: "xrvj5dj x1n8ia3y xfb3i0g",
-				children: e.map((e) => /* @__PURE__ */ v("label", {
-					className: "x78zum5 x6s0dn4 x1hnptsi xbixft xtqrqnz x1hz01jw",
-					children: [/* @__PURE__ */ _(o.Root, {
+				children: t.map((e) => /* @__PURE__ */ v("label", {
+					className: "x78zum5 x6s0dn4 x1hnptsi xbixft xtqrqnz x1hz01jw x1778rvt xeuugli xj0a0fe",
+					children: [/* @__PURE__ */ _(a.Root, {
 						checked: e.visible,
 						onCheckedChange: (t) => n(e.id, t),
 						disabled: e.required,
-						children: /* @__PURE__ */ _(o.Indicator, {})
+						children: /* @__PURE__ */ _(a.Indicator, {})
 					}), e.label]
 				}, e.id))
 			})
 		})
 	}) })] });
 }
-function D({ description: e, previous: r, next: i }) {
+function O({ description: n, previous: r, next: i }) {
 	return /* @__PURE__ */ v("nav", {
 		"aria-label": "Pagination",
-		className: "x78zum5 x6s0dn4 x1qughib x1a02dak xaml1ju",
-		children: [/* @__PURE__ */ _(n, { children: e }), /* @__PURE__ */ v("div", {
-			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xvc5jky",
-			children: [/* @__PURE__ */ v(t, {
+		className: "x78zum5 x6s0dn4 x1qughib x1a02dak xaml1ju xeuugli",
+		children: [/* @__PURE__ */ _(t, { children: n }), /* @__PURE__ */ v("div", {
+			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli xvc5jky",
+			children: [/* @__PURE__ */ v(e, {
 				variant: "outline",
 				disabled: r.disabled,
 				onClick: r.onClick,
@@ -83,7 +92,7 @@ function D({ description: e, previous: r, next: i }) {
 					size: 16,
 					"aria-hidden": "true"
 				}), "Previous"]
-			}), /* @__PURE__ */ v(t, {
+			}), /* @__PURE__ */ v(e, {
 				variant: "outline",
 				disabled: i.disabled,
 				onClick: i.onClick,
@@ -96,7 +105,7 @@ function D({ description: e, previous: r, next: i }) {
 	});
 }
 // packages/collections/src/use-end-reached.ts
-function O({ end: e, viewport: t, onEndReached: n, content: r }) {
+function k({ end: e, viewport: t, onEndReached: n, content: r }) {
 	f(() => {
 		if (n === void 0 || e.current === null) return;
 		let r = new IntersectionObserver((e) => {
@@ -111,13 +120,19 @@ function O({ end: e, viewport: t, onEndReached: n, content: r }) {
 	]);
 }
 // packages/collections/src/data-table.tsx
-var le = C({}), k = 48, ue = "a, button, input, select, textarea, label, summary, [role=\"button\"], [role=\"link\"], [role=\"switch\"], [role=\"checkbox\"], [role=\"radio\"], [role=\"combobox\"], [role=\"slider\"], [role=\"spinbutton\"], [role=\"textbox\"], [role=\"tab\"], [role^=\"menuitem\"], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]:not([tabindex=\"-1\"])", de = /* @__PURE__ */ new Map([["ArrowUp", -1], ["ArrowDown", 1]]), A = {
+var le = C({}), ue = "a, button, input, select, textarea, label, summary, [role=\"button\"], [role=\"link\"], [role=\"switch\"], [role=\"checkbox\"], [role=\"radio\"], [role=\"combobox\"], [role=\"slider\"], [role=\"spinbutton\"], [role=\"textbox\"], [role=\"tab\"], [role^=\"menuitem\"], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]:not([tabindex=\"-1\"])", de = /* @__PURE__ */ new Map([["ArrowUp", -1], ["ArrowDown", 1]]), A = {
 	kmVPX3: "x1717udv",
 	kMzoRj: "xc342km",
 	$$css: !0
 }, j = {
 	frame: {
 		k7Eaqz: "xeuugli",
+		kMv6JI: "x1hz01jw",
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		k63SB2: "xj57cvi",
+		kMwMTN: "xbixft",
+		khiITx: "xvmahel",
 		$$css: !0
 	},
 	content: { $$css: !0 },
@@ -151,9 +166,6 @@ var le = C({}), k = 48, ue = "a, button, input, select, textarea, label, summary
 	table: {
 		kzqmXN: "xh8yej3",
 		kLvRdT: "x1mwwwfo",
-		kMv6JI: "x1hz01jw",
-		kGuDYH: "xtqrqnz",
-		kLWn49: "x1778rvt",
 		kcqcaj: "xss6m8b",
 		k9WMMc: "xdpxx8g",
 		kMwMTN: "xbixft",
@@ -176,13 +188,15 @@ var le = C({}), k = 48, ue = "a, button, input, select, textarea, label, summary
 		kmVPX3: "x1c8xbx5",
 		kMwMTN: "x153jb6y",
 		kGuDYH: "xy8obcc",
+		kLWn49: "xas2l8k",
 		$$css: !0
 	},
 	header: {
+		kB7OPa: "x9f619",
 		kVAEAm: "x7wzq59",
 		k87sOh: "x13vifvy",
 		kY2c9j: "x1vjfegm",
-		kZKoxP: "xc9qbxq",
+		kZKoxP: "x24vdcc",
 		k8WAf4: "xt970qd",
 		kg3NbH: "x1m92p3w",
 		kt9PQ7: "xso031l",
@@ -190,8 +204,9 @@ var le = C({}), k = 48, ue = "a, button, input, select, textarea, label, summary
 		kL6WhQ: "x1qndepd",
 		kMwMTN: "x153jb6y",
 		kWkggS: "xpvm0e4",
-		k63SB2: "xo1l8bm",
+		k63SB2: "xj57cvi",
 		kGuDYH: "xy8obcc",
+		kLWn49: "xas2l8k",
 		khDVqt: "xuxw1ft",
 		$$css: !0
 	},
@@ -238,17 +253,17 @@ var le = C({}), k = 48, ue = "a, button, input, select, textarea, label, summary
 }, fe = {
 	fixed: j.content,
 	content: j.contentCell
-}, pe = {
+}, M = {
 	start: j.start,
 	end: j.end
-}, me = {
+}, pe = {
 	content: j.content,
 	fill: j.fillFrame
-}, he = {
+}, me = {
 	content: j.content,
 	fill: j.fillViewport
 };
-function M({ children: e, secondary: t, leading: n }) {
+function N({ children: e, secondary: t, leading: n }) {
 	return /* @__PURE__ */ v("span", {
 		className: "x78zum5 x6s0dn4 x1n8ia3y xeuugli xh8yej3",
 		children: [n !== void 0 && /* @__PURE__ */ _("span", {
@@ -269,89 +284,89 @@ function M({ children: e, secondary: t, leading: n }) {
 		})]
 	});
 }
-function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: a, onSortChange: s, selectedIds: c, onSelectionChange: u, selectionLabel: g, rowAction: y, activeRowId: b, focusRowId: x, hideCaption: S = !1, hideHeaders: C = !1, rowSizing: w = "fixed", window: T, endContent: E, onEndReached: D, footer: A }) {
-	let M = te(() => {
+function P({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, onSortChange: s, selectedIds: u, onSelectionChange: g, selectionLabel: y, rowAction: b, activeRowId: x, focusRowId: S, hideCaption: C = !1, hideHeaders: w = !1, rowSizing: T = "fixed", window: E, endContent: D, onEndReached: O, footer: A }) {
+	let N = te(() => {
 		let e = ae();
 		return e.columns(t.map((t) => e.display({
 			id: t.id,
 			header: t.label
 		})));
-	}, [t]), N = oe({
+	}, [t]), P = oe({
 		features: le,
-		columns: M,
+		columns: N,
 		data: e,
 		getRowId: n
-	}), I = m(null), L = m(null), R = m(null), z = m(null), [B, V] = h(0), [H, U] = h(), W = m(void 0), G = m(void 0), K = e.findIndex((e) => n(e) === H), q = t.findIndex((e) => e.secondary !== !0), J = typeof T?.height == "string" ? T.height : "content";
+	}), L = m(null), R = m(null), z = m(null), B = m(null), [V, H] = h(0), [U, W] = h(), G = m(void 0), K = m(void 0), q = e.findIndex((e) => n(e) === U), J = t.findIndex((e) => e.secondary !== !0), Y = typeof E?.height == "string" ? E.height : "content";
 	p(() => {
-		if (x === void 0) {
-			G.current = void 0;
+		if (S === void 0) {
+			K.current = void 0;
 			return;
 		}
-		if (G.current === x) return;
-		let e = I.current?.querySelector(`[data-row-id="${CSS.escape(x)}"] [data-row-action]`);
+		if (K.current === S) return;
+		let e = L.current?.querySelector(`[data-row-id="${CSS.escape(S)}"] [data-row-action]`);
 		if (e == null) return;
 		let t = requestAnimationFrame(() => {
-			e.focus({ preventScroll: !0 }), G.current = x;
+			e.focus({ preventScroll: !0 }), K.current = S;
 		});
 		return () => cancelAnimationFrame(t);
-	}, [e, x]), O({
-		end: L,
-		onEndReached: T === void 0 ? D : void 0,
+	}, [e, S]), k({
+		end: R,
+		onEndReached: E === void 0 ? O : void 0,
 		content: e.length
 	}), f(() => {
-		let e = R.current, t = z.current;
-		if (T === void 0 || e === null || t === null) return;
-		let n = new ResizeObserver(() => V(e.offsetHeight + t.offsetHeight));
+		let e = z.current, t = B.current;
+		if (E === void 0 || e === null || t === null) return;
+		let n = new ResizeObserver(() => H(e.offsetHeight + t.offsetHeight));
 		return n.observe(e), n.observe(t), () => n.disconnect();
 	}, [
-		T,
-		S,
-		C
+		E,
+		C,
+		w
 	]);
-	let Y = ce({
+	let X = ce({
 		count: e.length,
-		enabled: T !== void 0,
-		getScrollElement: () => I.current,
+		enabled: E !== void 0,
+		getScrollElement: () => L.current,
 		getItemKey: (t) => {
 			let r = e[t];
 			if (r === void 0) throw RangeError("The virtual row is outside the supplied table page.");
 			return n(r);
 		},
-		estimateSize: () => w === "fixed" ? k : T?.estimatedRowHeight ?? k,
-		scrollMargin: B,
-		scrollPaddingStart: B,
+		estimateSize: () => T === "fixed" ? l.rowHeight : E?.estimatedRowHeight ?? l.rowHeight,
+		scrollMargin: V,
+		scrollPaddingStart: V,
 		overscan: 6,
 		rangeExtractor: (t) => {
 			let n = se(t);
-			return K === -1 ? n : [.../* @__PURE__ */ new Set([
+			return q === -1 ? n : [.../* @__PURE__ */ new Set([
 				...n,
-				K - 1,
-				K,
-				K + 1
+				q - 1,
+				q,
+				q + 1
 			])].filter((t) => t >= 0 && t < e.length).toSorted((e, t) => e - t);
 		}
-	}), X = T === void 0 ? N.getRowModel().rows.map((e, t) => ({
+	}), ge = E === void 0 ? P.getRowModel().rows.map((e, t) => ({
 		row: e,
 		index: t,
-		gap: 0
-	})) : Y.getVirtualItems().flatMap((e, t, n) => {
-		let r = N.getRowModel().rows[e.index];
+		spacerHeight: 0
+	})) : X.getVirtualItems().flatMap((e, t, n) => {
+		let r = P.getRowModel().rows[e.index];
 		return r === void 0 ? [] : [{
 			row: r,
 			index: e.index,
-			gap: e.start - (n[t - 1]?.end ?? B)
+			spacerHeight: e.start - (n[t - 1]?.end ?? V)
 		}];
-	}), Z = T !== void 0 && (e.length === 0 || Y.range?.endIndex === e.length - 1);
+	}), Z = E !== void 0 && (e.length === 0 || X.range?.endIndex === e.length - 1);
 	f(() => {
-		Z && D?.();
+		Z && O?.();
 	}, [
 		Z,
-		D,
+		O,
 		e.length
 	]), p(() => {
-		if (W.current === void 0) return;
-		let e = Array.from(I.current?.querySelectorAll("[data-row-id]") ?? []).find((e) => e.dataset.rowId === W.current)?.querySelector("[data-row-action]");
-		e != null && (e.focus({ preventScroll: T !== void 0 }), W.current = void 0);
+		if (G.current === void 0) return;
+		let e = Array.from(L.current?.querySelectorAll("[data-row-id]") ?? []).find((e) => e.dataset.rowId === G.current)?.querySelector("[data-row-action]");
+		e != null && (e.focus({ preventScroll: E !== void 0 }), G.current = void 0);
 	});
 	function Q(t, r) {
 		let i = t.metaKey || t.ctrlKey, a = t.altKey || t.shiftKey;
@@ -360,43 +375,47 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: a, on
 		if (o === void 0) return;
 		t.preventDefault();
 		let s = r + o, c = e[s];
-		c !== void 0 && (W.current = n(c), U(W.current), T !== void 0 && Y.scrollToIndex(s, { align: "auto" }));
+		c !== void 0 && (G.current = n(c), W(G.current), E !== void 0 && X.scrollToIndex(s, { align: "auto" }));
 	}
-	let $ = t.length + (c === void 0 ? 0 : 1), _e = c === void 0 ? 0 : 44, ve = A != null && typeof A != "boolean", ye = t.reduce((e, t) => e + (t.width ?? 160), _e), be = t.filter((e) => e.secondary !== !0).reduce((e, t) => e + (t.width ?? 160), _e), xe = Y.getTotalSize() - (Y.getVirtualItems().at(-1)?.end ?? B) + B;
+	let $ = t.length + (u === void 0 ? 0 : 1), _e = u === void 0 ? 0 : 44, ve = A != null && typeof A != "boolean", ye = t.reduce((e, t) => e + (t.width ?? 160), _e), be = t.filter((e) => e.secondary !== !0).reduce((e, t) => e + (t.width ?? 160), _e), xe = X.getTotalSize() - (X.getVirtualItems().at(-1)?.end ?? V) + V;
 	return /* @__PURE__ */ v("div", {
-		...d.props(j.frame, me[J]),
+		...d.props(j.frame, pe[Y]),
 		children: [/* @__PURE__ */ v("div", {
-			ref: I,
+			ref: L,
 			role: "region",
 			"aria-label": r,
 			tabIndex: 0,
-			...d.props(j.viewport, he[J], typeof T?.height == "number" && j.virtual(T.height)),
+			...d.props(j.viewport, me[Y], typeof E?.height == "number" && j.virtual(E.height)),
 			children: [/* @__PURE__ */ v("table", {
-				"aria-rowcount": T === void 0 ? void 0 : Math.max(1, e.length) + 1,
-				...d.props(j.table, (w === "fixed" || t.some((e) => e.truncate === !0)) && j.fixed, j.minimumWidth(ye, be)),
+				"aria-rowcount": E === void 0 ? void 0 : Math.max(1, e.length) + 1,
+				...d.props(j.table, (T === "fixed" || t.some((e) => e.truncate === !0)) && j.fixed, j.minimumWidth(ye, be)),
 				children: [
 					/* @__PURE__ */ _("caption", {
-						ref: R,
-						...d.props(j.caption, S && l.hidden),
+						ref: z,
+						...d.props(j.caption, C && c.hidden),
 						children: r
 					}),
-					/* @__PURE__ */ v("colgroup", { children: [c !== void 0 && /* @__PURE__ */ _("col", { className: "x187nhsf xeuugli x1m92p3w" }), t.map((e) => /* @__PURE__ */ _("col", { ...d.props(e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary) }, e.id))] }),
+					/* @__PURE__ */ v("colgroup", { children: [u !== void 0 && /* @__PURE__ */ _("col", { className: "x187nhsf xeuugli x1doqdfy" }), t.map((e) => /* @__PURE__ */ _("col", { ...d.props(e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary) }, e.id))] }),
 					/* @__PURE__ */ _("thead", {
-						ref: z,
-						...d.props(C && l.hidden),
-						children: /* @__PURE__ */ v("tr", { children: [c !== void 0 && /* @__PURE__ */ _("th", {
+						ref: B,
+						...d.props(w && c.hidden),
+						children: /* @__PURE__ */ v("tr", { children: [u !== void 0 && /* @__PURE__ */ _("th", {
 							scope: "col",
-							className: "x7wzq59 x13vifvy x1vjfegm xc9qbxq xt970qd xso031l x1q0q8m5 x1qndepd x153jb6y xpvm0e4 xo1l8bm xy8obcc xuxw1ft x187nhsf xeuugli x1m92p3w",
-							children: "Select"
+							className: "x9f619 x7wzq59 x13vifvy x1vjfegm x24vdcc xt970qd xso031l x1q0q8m5 x1qndepd x153jb6y xpvm0e4 xj57cvi xy8obcc xas2l8k xuxw1ft x187nhsf xeuugli x1doqdfy",
+							children: /* @__PURE__ */ _("span", {
+								...d.props(c.hidden),
+								children: "Select"
+							})
 						}), t.map((e) => {
-							let t = a?.columnId === e.id ? a.direction : void 0;
+							let t = o?.columnId === e.id ? o.direction : void 0;
 							return /* @__PURE__ */ _("th", {
 								scope: "col",
+								title: e.label,
 								"aria-sort": t,
-								...d.props(j.header, pe[e.align ?? "start"], e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary),
+								...d.props(j.header, M[e.align ?? "start"], e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary),
 								children: e.sortable === !0 && s !== void 0 ? /* @__PURE__ */ v("button", {
 									type: "button",
-									className: "x3nfvp2 x6s0dn4 x1hnptsi x1uey4wk xwu7q15 x1717udv xc342km x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x1ypdohk x1mkgjtd x13qnu6 x9v5kkp x19rmrnh x7s97pk",
+									className: "x3nfvp2 x6s0dn4 x1hnptsi x193iq5w xeuugli x3h6u66 xwu7q15 x1717udv xc342km x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x1ypdohk x1mkgjtd x1s9zmfe x13qnu6 x9v5kkp x19rmrnh x7s97pk",
 									onClick: () => {
 										s(t === "ascending" ? {
 											columnId: e.id,
@@ -406,20 +425,27 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: a, on
 											direction: "ascending"
 										});
 									},
-									children: [e.label, _(t === "ascending" ? re : t === "descending" ? ne : ie, {
+									children: [/* @__PURE__ */ _("span", {
+										className: "x1lliihq xeuugli xb3r6kr xlyipyv xuxw1ft",
+										children: e.label
+									}), _(t === "ascending" ? re : t === "descending" ? ne : ie, {
 										size: 14,
-										"aria-hidden": "true"
+										"aria-hidden": "true",
+										className: "x2lah0s"
 									})]
-								}) : e.label
+								}) : /* @__PURE__ */ _("span", {
+									className: "x1lliihq xeuugli xb3r6kr xlyipyv xuxw1ft",
+									children: e.label
+								})
 							}, e.id);
 						})] })
 					}),
 					/* @__PURE__ */ v("tbody", {
 						onBlur: (e) => {
-							e.currentTarget.contains(e.relatedTarget) || U(void 0);
+							e.currentTarget.contains(e.relatedTarget) || W(void 0);
 						},
 						children: [
-							X.map(({ row: e, index: n, gap: r }) => /* @__PURE__ */ v(ee, { children: [r > 0 && /* @__PURE__ */ _("tr", {
+							ge.map(({ row: e, index: n, spacerHeight: r }) => /* @__PURE__ */ v(ee, { children: [r > 0 && /* @__PURE__ */ _("tr", {
 								"aria-hidden": "true",
 								children: /* @__PURE__ */ _("td", {
 									colSpan: $,
@@ -428,51 +454,51 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: a, on
 							}), /* @__PURE__ */ v("tr", {
 								"data-index": n,
 								"data-row-id": e.id,
-								"aria-rowindex": T === void 0 ? void 0 : n + 2,
-								ref: T === void 0 || w === "fixed" ? void 0 : Y.measureElement,
-								onFocus: () => U(e.id),
+								"aria-rowindex": E === void 0 ? void 0 : n + 2,
+								ref: E === void 0 || T === "fixed" ? void 0 : X.measureElement,
+								onFocus: () => W(e.id),
 								onClick: (e) => {
-									if (y === void 0 || !F(e) || e.target instanceof Element && e.target.closest(ue) !== null) return;
+									if (b === void 0 || !I(e) || e.target instanceof Element && e.target.closest(ue) !== null) return;
 									let t = e.currentTarget.querySelector("[data-row-action]");
 									t?.focus({ preventScroll: !0 }), t?.click();
 								},
 								...{
-									0: { className: "xsdox4t xso031l x1q0q8m5 x1qndepd xzro8vx" },
-									2: { className: "xsdox4t xso031l x1q0q8m5 x1qndepd xzro8vx x1ypdohk" },
-									1: { className: "xsdox4t xso031l x1q0q8m5 x1qndepd xzro8vx x1r8u7ye" },
-									3: { className: "xsdox4t xso031l x1q0q8m5 x1qndepd xzro8vx x1ypdohk x1r8u7ye" }
-								}[(y !== void 0) << 1 | (c?.has(e.id) === !0 || b === e.id)],
-								children: [c !== void 0 && /* @__PURE__ */ _("td", {
-									className: "xt970qd xxymvpz xj0a0fe x187nhsf xeuugli x1m92p3w",
-									children: /* @__PURE__ */ _(o.Root, {
-										"aria-label": g(e.original),
-										checked: c.has(e.id),
+									0: { className: "x1v2how9 xso031l x1q0q8m5 x1qndepd x13nmlw8 x1t1lzn6" },
+									2: { className: "x1v2how9 xso031l x1q0q8m5 x1qndepd x13nmlw8 x1t1lzn6 x1ypdohk x1ecmtor" },
+									1: { className: "x1v2how9 xso031l x1q0q8m5 x1qndepd x13nmlw8 x1t1lzn6 x1r8u7ye" },
+									3: { className: "x1v2how9 xso031l x1q0q8m5 x1qndepd x13nmlw8 x1t1lzn6 x1ypdohk x1ecmtor x1r8u7ye" }
+								}[(b !== void 0) << 1 | (u?.has(e.id) === !0 || x === e.id)],
+								children: [u !== void 0 && /* @__PURE__ */ _("td", {
+									className: "xt970qd xxymvpz xj0a0fe x187nhsf xeuugli x1doqdfy",
+									children: /* @__PURE__ */ _(a.Root, {
+										"aria-label": y(e.original),
+										checked: u.has(e.id),
 										onCheckedChange: (t) => {
-											let n = new Set(c);
-											t ? n.add(e.id) : n.delete(e.id), u(n);
+											let n = new Set(u);
+											t ? n.add(e.id) : n.delete(e.id), g(n);
 										},
-										children: /* @__PURE__ */ _(o.Indicator, {})
+										children: /* @__PURE__ */ _(a.Indicator, {})
 									})
 								}), t.map((t, r) => /* @__PURE__ */ _("td", {
-									...d.props(j.cell, fe[w], pe[t.align ?? "start"], t.width !== void 0 && j.width(t.width), t.secondary === !0 && j.secondary),
-									children: y !== void 0 && r === q ? /* @__PURE__ */ _(ge, {
+									...d.props(j.cell, fe[T], M[t.align ?? "start"], t.width !== void 0 && j.width(t.width), t.secondary === !0 && j.secondary),
+									children: b !== void 0 && r === J ? /* @__PURE__ */ _(he, {
 										row: e.original,
-										action: y,
-										active: b === e.id,
+										action: b,
+										active: x === e.id,
 										onKeyDown: (e) => Q(e, n),
-										children: /* @__PURE__ */ _(P, {
-											fixed: w === "fixed",
+										children: /* @__PURE__ */ _(F, {
+											fixed: T === "fixed",
 											truncate: t.truncate,
 											children: t.cell(e.original)
 										})
-									}) : /* @__PURE__ */ _(P, {
-										fixed: w === "fixed",
+									}) : /* @__PURE__ */ _(F, {
+										fixed: T === "fixed",
 										truncate: t.truncate,
 										children: t.cell(e.original)
 									})
 								}, t.id))]
 							})] }, e.id)),
-							T !== void 0 && xe > 0 && /* @__PURE__ */ _("tr", {
+							E !== void 0 && xe > 0 && /* @__PURE__ */ _("tr", {
 								"aria-hidden": "true",
 								children: /* @__PURE__ */ _("td", {
 									colSpan: $,
@@ -488,12 +514,12 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: a, on
 					})
 				]
 			}), /* @__PURE__ */ _("div", {
-				ref: L,
+				ref: R,
 				...{
 					0: {},
-					1: { className: "xid9utz x1c8xbx5 x15x95ik x1az1eml" }
-				}[E !== void 0 | 0],
-				children: E
+					1: { className: "xid9utz x1c8xbx5 x153jb6y xy8obcc xas2l8k x15x95ik x1az1eml" }
+				}[D !== void 0 | 0],
+				children: D
 			})]
 		}), ve && /* @__PURE__ */ _("div", {
 			className: "x1c8xbx5 x178xt8z x13fuv20 xhjagg4",
@@ -501,31 +527,31 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: a, on
 		})]
 	});
 }
-function P({ fixed: e, truncate: t, children: n }) {
+function F({ fixed: e, truncate: t, children: n }) {
 	let r = typeof n == "string" && (t ?? e);
 	return /* @__PURE__ */ _("span", {
 		...{
-			0: { className: "x78zum5 x6s0dn4 xeuugli xh8yej3 x1dqyrwa" },
+			0: { className: "x78zum5 x6s0dn4 xeuugli xh8yej3 xz7qr2x" },
 			1: { className: "x78zum5 x6s0dn4 xeuugli xh8yej3 xt7dq6l" }
 		}[!e | 0],
 		children: /* @__PURE__ */ _("span", {
 			title: typeof n == "string" ? n : void 0,
 			...{
 				0: { className: "x1lliihq xeuugli x193iq5w" },
-				2: { className: "x1lliihq xeuugli x193iq5w xh8yej3 xjexgjb" },
+				2: { className: "x1lliihq xeuugli x193iq5w xh8yej3 xhbluta" },
 				1: { className: "x1lliihq xeuugli x193iq5w xb3r6kr xuxw1ft xlyipyv" },
-				3: { className: "x1lliihq xeuugli x193iq5w xh8yej3 xjexgjb xb3r6kr xuxw1ft xlyipyv" }
+				3: { className: "x1lliihq xeuugli x193iq5w xh8yej3 xhbluta xb3r6kr xuxw1ft xlyipyv" }
 			}[!!e << 1 | !!r],
 			children: n
 		})
 	});
 }
-function F(e) {
+function I(e) {
 	if (e.defaultPrevented || e.button !== 0) return !1;
 	let t = e.metaKey || e.ctrlKey, n = e.altKey || e.shiftKey;
 	return t || n ? !1 : e.detail === 0 || e.currentTarget.ownerDocument.getSelection()?.isCollapsed !== !1;
 }
-function ge({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
+function he({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
 	let a = t.label?.(e), o = t.href === void 0 ? /* @__PURE__ */ _("button", {
 		type: "button",
 		"aria-label": a,
@@ -533,9 +559,9 @@ function ge({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
 		"data-row-action": !0,
 		onKeyDown: i,
 		onClick: (n) => {
-			F(n) && t.onActivate(e);
+			I(n) && t.onActivate(e);
 		},
-		className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli xaeotn9 xwu7q15 x1717udv xc342km x1cum3z5 x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
+		className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli xaeotn9 xwu7q15 x1717udv xc342km x1ok0vyi x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
 		children: r
 	}) : /* @__PURE__ */ _("a", {
 		href: t.href(e),
@@ -543,113 +569,163 @@ function ge({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
 		"data-row-action": !0,
 		onKeyDown: i,
 		onClick: (n) => {
-			t.onActivate !== void 0 && F(n) && (n.preventDefault(), t.onActivate(e));
+			t.onActivate !== void 0 && I(n) && (n.preventDefault(), t.onActivate(e));
 		},
-		className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli xaeotn9 xwu7q15 x1717udv xc342km x1cum3z5 x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
+		className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli xaeotn9 xwu7q15 x1717udv xc342km x1ok0vyi x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
 		children: r
 	});
-	return a === void 0 ? o : /* @__PURE__ */ v(c.Root, { children: [/* @__PURE__ */ _(c.Trigger, { render: o }), /* @__PURE__ */ _(c.Portal, { children: /* @__PURE__ */ _(c.Positioner, {
+	return a === void 0 ? o : /* @__PURE__ */ v(s.Root, { children: [/* @__PURE__ */ _(s.Trigger, { render: o }), /* @__PURE__ */ _(s.Portal, { children: /* @__PURE__ */ _(s.Positioner, {
 		side: "top",
 		align: "start",
-		children: /* @__PURE__ */ _(c.Popup, { children: a })
+		children: /* @__PURE__ */ _(s.Popup, { children: a })
 	}) })] });
 }
 // packages/collections/src/collection-scroll.tsx
-function I(e) {
-	switch (e.status) {
-		case "loading": return /* @__PURE__ */ _("span", {
+function L(r) {
+	switch (r.status) {
+		case "loading": return /* @__PURE__ */ _(t, {
 			role: "status",
-			children: e.message ?? "Loading…"
+			variant: "caption",
+			tone: "muted",
+			children: r.message ?? "Loading…"
 		});
-		case "complete": return e.message === void 0 ? null : /* @__PURE__ */ _(a, { children: e.message });
-		case "ready": return /* @__PURE__ */ _(t, {
-			onClick: e.onLoadMore,
-			children: e.message ?? "Load more"
+		case "complete": return r.message === void 0 ? null : /* @__PURE__ */ _(t, {
+			variant: "caption",
+			tone: "muted",
+			children: r.message
 		});
-		case "error": return /* @__PURE__ */ v(r, {
+		case "ready": return /* @__PURE__ */ _(e, {
+			onClick: r.onLoadMore,
+			children: r.message ?? "Load more"
+		});
+		case "error": return /* @__PURE__ */ v(n, {
 			role: "status",
-			children: [/* @__PURE__ */ _(a, { children: e.message ?? "More records could not be loaded." }), /* @__PURE__ */ _(t, {
-				onClick: e.onLoadMore,
+			children: [/* @__PURE__ */ _(t, {
+				variant: "caption",
+				tone: "muted",
+				children: r.message ?? "More records could not be loaded."
+			}), /* @__PURE__ */ _(e, {
+				onClick: r.onLoadMore,
 				children: "Retry"
 			})]
 		});
 	}
 }
-function L({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosition: i = "end" }) {
-	let a = m(null), o = m(null);
-	O({
-		end: o,
-		viewport: r ? a : void 0,
+function R({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosition: i = "end", label: a = "Collection" }) {
+	let o = m(null), s = m(null);
+	k({
+		end: s,
+		viewport: r ? o : void 0,
 		onEndReached: n,
 		content: e
 	});
-	let s = /* @__PURE__ */ _("div", {
-		ref: o,
+	let c = /* @__PURE__ */ _("div", {
+		ref: s,
 		...{
 			0: {},
-			1: { className: "x15x95ik x1az1eml xid9utz x1c8xbx5 x153jb6y xy8obcc x2b8uid" }
+			1: { className: "x15x95ik x1az1eml xid9utz x1c8xbx5 x153jb6y xy8obcc x1hz01jw xas2l8k x2b8uid" }
 		}[t !== void 0 | 0],
 		children: t
 	});
 	return /* @__PURE__ */ v("div", {
-		ref: a,
+		ref: o,
+		role: r ? "region" : void 0,
+		"aria-label": r ? a : void 0,
+		tabIndex: r ? 0 : void 0,
 		...{
-			0: {},
-			1: { className: "x98rzlu x2lwn1j x1odjw0f x1e4zzel" }
+			0: { className: "xeuugli" },
+			1: { className: "xeuugli x98rzlu x2lwn1j x1odjw0f x1e4zzel x1t137rt x13qnu6 x9v5kkp x19rmrnh x1bqaal" }
 		}[!!r | 0],
 		children: [
-			i === "start" && s,
+			i === "start" && c,
 			e,
-			i === "end" && s
+			i === "end" && c
 		]
 	});
 }
 // packages/collections/src/inspector.tsx
-function R({ master: e, detail: t, label: n, ...r }) {
-	return /* @__PURE__ */ v("div", {
-		...u({ className: "xrvj5dj x1mkdm3x xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 xb3r6kr" }, r),
-		children: [/* @__PURE__ */ _("div", {
-			className: "xeuugli",
-			children: e
-		}), /* @__PURE__ */ _("aside", {
-			"aria-label": n,
-			className: "xeuugli x1jvlu93 xpvm0e4 x178xt8z x13fuv20 xhjagg4",
-			children: t
-		})]
+var z = 860;
+function B({ master: t, detail: n, label: r, masterLabel: i, revealKey: a, returnFocusRef: o, ...s }) {
+	let c = m(null), l = m(null), d = m(null);
+	p(() => {
+		a !== void 0 && c.current !== null && d.current !== null && c.current.clientWidth <= z && (d.current.focus({ preventScroll: !0 }), d.current.scrollIntoView({
+			block: "start",
+			behavior: "instant"
+		}));
+	}, [a]);
+	function ee() {
+		let e = o?.current ?? l.current;
+		e?.focus({ preventScroll: !0 }), e?.scrollIntoView({
+			block: "nearest",
+			behavior: "instant"
+		});
+	}
+	return /* @__PURE__ */ _("div", {
+		...u({ className: "x9vvk8s x12h1iku xeuugli xbixft x1hz01jw xtqrqnz x1778rvt" }, s),
+		children: /* @__PURE__ */ v("div", {
+			ref: c,
+			className: "xrvj5dj x4ruv2j x1y7acmc x7a106z x1j825kq xeuugli",
+			children: [/* @__PURE__ */ _("div", {
+				ref: l,
+				role: "group",
+				"aria-label": i,
+				tabIndex: -1,
+				className: "xeuugli",
+				children: t
+			}), /* @__PURE__ */ v("aside", {
+				ref: d,
+				"aria-label": r,
+				tabIndex: -1,
+				className: "x7wzq59 x7cfggw xqfmuo8 xeuugli x1sbza1b xhuqrux xexx8yu xdz7uhd xpilrb4 xdctr63 x1t7ytsu x97x49r x972fbf x1mg79u0 x13fuv20 xhjagg4 x14ijc3v x13qnu6 x9v5kkp x19rmrnh x12ijfkc",
+				children: [/* @__PURE__ */ _("div", {
+					className: "x1s85apg x1yamub6 x1xxlxpq",
+					children: /* @__PURE__ */ v(e, {
+						size: "sm",
+						variant: "ghost",
+						onClick: ee,
+						children: ["Back to ", i.toLowerCase()]
+					})
+				}), n]
+			})]
+		})
 	});
 }
-function z({ items: e, ...t }) {
+function V({ items: e, ...t }) {
 	return /* @__PURE__ */ _("dl", {
-		...u({ className: "x1ghz6dp xrvj5dj x10i657a x1i3977y xuytk5h x1hz01jw xvmahel xtqrqnz x1778rvt" }, t),
+		...u({ className: "x1ghz6dp xrvj5dj xezdspq x1i3977y xuytk5h x1hz01jw xvmahel xtqrqnz x1778rvt" }, t),
 		children: e.map(({ label: e, value: t }) => /* @__PURE__ */ v("div", {
 			className: "xjp7ctv",
 			children: [/* @__PURE__ */ _("dt", {
-				className: "x153jb6y",
+				className: "xeuugli x153jb6y xj0a0fe",
 				children: e
 			}), /* @__PURE__ */ _("dd", {
-				className: "x1ghz6dp xbixft xj0a0fe xss6m8b",
+				className: "xeuugli x1ghz6dp xbixft xj0a0fe xss6m8b",
 				children: t
 			})]
 		}, e))
 	});
 }
 // packages/collections/src/list-footer.tsx
-function B({ children: e, actions: t, ...n }) {
+function H({ children: e, actions: t, ...n }) {
 	return /* @__PURE__ */ v("div", {
-		...u({ className: "x78zum5 x6s0dn4 x1qughib x1a02dak x1n8ia3y x1qokhjc x1m92p3w x178xt8z x13fuv20 xhjagg4 x153jb6y x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
-		children: [/* @__PURE__ */ _("div", { children: e }), t != null && /* @__PURE__ */ _("div", {
-			className: "x78zum5 x6s0dn4 x1hnptsi",
+		...u({ className: "x78zum5 x6s0dn4 x1qughib x1a02dak xeuugli x1n8ia3y x1qokhjc x1m92p3w x178xt8z x13fuv20 xhjagg4 x153jb6y x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
+		children: [/* @__PURE__ */ _("div", {
+			className: "xeuugli xj0a0fe",
+			children: e
+		}), t != null && /* @__PURE__ */ _("div", {
+			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli",
 			children: t
 		})]
 	});
 }
 // packages/collections/src/metrics.tsx
-var V = {
+var U = {
 	grid: {
 		k1xSpc: "x78zum5",
 		kwnvtZ: "x1a02dak",
 		khm7nJ: "xpb3s3w",
 		k1C7PZ: "x1i3977y",
+		k7Eaqz: "xeuugli",
 		kogj98: "x1ghz6dp",
 		$$css: !0
 	},
@@ -661,49 +737,46 @@ var V = {
 		kogj98: "x1ghz6dp",
 		$$css: !0
 	}
-}, H = {
-	inline: V.grid,
-	columns: V.columns
+}, W = {
+	inline: U.grid,
+	columns: U.columns
 };
-function U({ layout: e = "inline", ...t }) {
-	return /* @__PURE__ */ _("dl", { ...u(d.props(H[e]), t) });
+function G({ layout: e = "inline", ...t }) {
+	return /* @__PURE__ */ _("dl", { ...u(d.props(W[e]), t) });
 }
-function W({ label: e, value: t, ...n }) {
+function K({ label: e, value: t, ...n }) {
 	return /* @__PURE__ */ v("div", {
-		...u({ className: "x3nfvp2 x1pha0wt xunmzkg xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
+		...u({ className: "x3nfvp2 x1pha0wt x1a02dak xunmzkg xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
 		children: [/* @__PURE__ */ _("dt", {
-			className: "x153jb6y x9ek82g",
+			className: "xeuugli x153jb6y x9ek82g xj0a0fe",
 			children: e
 		}), /* @__PURE__ */ _("dd", {
-			className: "x1ghz6dp xbixft xk50ysn xss6m8b",
+			className: "xeuugli x1ghz6dp xbixft xk4h15q xss6m8b xj0a0fe",
 			children: t
 		})]
 	});
 }
 // packages/collections/src/table.tsx
-var G = {
-	kzqmXN: "x5lhr3w",
+var q = {
+	kzqmXN: "x11ymkkh x2ipgtl",
 	$$css: !0
-}, K = {
+}, J = {
 	secondary: {
 		k1xSpc: "x1n9xxwz xazwdyr",
 		$$css: !0
 	},
-	compactWidth: {
-		kzqmXN: "x2ipgtl",
-		$$css: !0
-	},
-	column: (e) => [G, { "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
+	column: (e) => [q, { "--x-1xmrurk": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
 	th: {
 		kVAEAm: "x1n2onr6",
-		kZKoxP: "xc9qbxq",
+		kZKoxP: "x24vdcc",
 		kB7OPa: "x9f619",
 		k8WAf4: "xt970qd",
 		kg3NbH: "x1m92p3w",
 		kWkggS: "xpvm0e4",
 		kMwMTN: "x153jb6y",
 		kGuDYH: "xy8obcc",
-		k63SB2: "xo1l8bm",
+		k63SB2: "xj57cvi",
+		kLWn49: "xas2l8k",
 		khDVqt: "xuxw1ft",
 		k5JduY: "x1s928wv",
 		kwXMNM: "x1j6awrg",
@@ -723,13 +796,13 @@ var G = {
 		$$css: !0
 	}
 };
-function q({ headers: e, children: t, label: n, ...r }) {
+function Y({ headers: e, children: t, label: n, ...r }) {
 	let i = e.findLastIndex((e) => typeof e == "string" || e.secondary !== !0);
 	return /* @__PURE__ */ _("div", {
 		role: "region",
 		"aria-label": n,
 		tabIndex: 0,
-		className: "xeuugli xh8yej3 xw2csxc x13qnu6 x9v5kkp x19rmrnh x1bqaal",
+		className: "xeuugli xh8yej3 xw2csxc x1t137rt x13qnu6 x9v5kkp x19rmrnh x1bqaal",
 		children: /* @__PURE__ */ v("table", {
 			...u({ "aria-label": n }, {
 				0: { className: "xh8yej3 x1mwwwfo xpvm0e4 x1hz01jw xvmahel xtqrqnz x1778rvt xdpxx8g" },
@@ -737,17 +810,21 @@ function q({ headers: e, children: t, label: n, ...r }) {
 			}[!!e.some((e) => typeof e != "string") | 0], r),
 			children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ _("tr", { children: e.map((t, n) => /* @__PURE__ */ _("th", {
 				scope: "col",
-				...d.props(K.th, typeof t != "string" && K.column(t.width), typeof t != "string" && K.compactWidth, typeof t != "string" && t.secondary === !0 && K.secondary, n === e.length - 1 && K.lastHeader, n === i && K.lastPrimaryHeader),
-				children: typeof t == "string" ? t : t.label
+				...d.props(J.th, typeof t != "string" && J.column(t.width), typeof t != "string" && t.secondary === !0 && J.secondary, n === e.length - 1 && J.lastHeader, n === i && J.lastPrimaryHeader),
+				children: /* @__PURE__ */ _("span", {
+					title: typeof t == "string" ? t : t.label,
+					className: "x1lliihq xb3r6kr xlyipyv",
+					children: typeof t == "string" ? t : t.label
+				})
 			}, typeof t == "string" ? t : t.label)) }) }), /* @__PURE__ */ _("tbody", { children: t })]
 		})
 	});
 }
-function J({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
+function X({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
 	return /* @__PURE__ */ v("td", {
 		...u({
-			0: { className: "x14o62y9 x9f619 x1t0vds8 x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv" },
-			1: { className: "x14o62y9 x9f619 x1t0vds8 x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv x1n9xxwz xazwdyr" }
+			0: { className: "x1v2how9 x9f619 x1hmw7ec x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv" },
+			1: { className: "x1v2how9 x9f619 x1hmw7ec x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv x1n9xxwz xazwdyr" }
 		}[!!t | 0], r),
 		children: [e, n !== void 0 && /* @__PURE__ */ _("small", {
 			className: "x1s85apg xacuhyv x153jb6y xy8obcc xas2l8k xb3r6kr xlyipyv",
@@ -756,64 +833,64 @@ function J({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
 	});
 }
 // packages/collections/src/timestamp.tsx
-function Y({ dateTime: e, label: t, title: n }) {
+function ge({ dateTime: e, label: t, title: n }) {
 	return n === void 0 ? /* @__PURE__ */ _("time", {
 		dateTime: e,
-		className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b xuxw1ft x13qnu6 x9v5kkp x19rmrnh x7s97pk",
+		className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b xj0a0fe x13qnu6 x9v5kkp x19rmrnh x7s97pk",
 		children: t
-	}) : /* @__PURE__ */ v(c.Root, { children: [/* @__PURE__ */ _(c.Trigger, {
+	}) : /* @__PURE__ */ v(s.Root, { children: [/* @__PURE__ */ _(s.Trigger, {
 		render: /* @__PURE__ */ _("time", {
 			dateTime: e,
 			tabIndex: 0,
 			"aria-label": n,
-			className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b xuxw1ft x13qnu6 x9v5kkp x19rmrnh x7s97pk"
+			className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b xj0a0fe x13qnu6 x9v5kkp x19rmrnh x7s97pk"
 		}),
 		children: t
-	}), /* @__PURE__ */ _(c.Portal, { children: /* @__PURE__ */ _(c.Positioner, { children: /* @__PURE__ */ _(c.Popup, { children: n }) }) })] });
+	}), /* @__PURE__ */ _(s.Portal, { children: /* @__PURE__ */ _(s.Positioner, { children: /* @__PURE__ */ _(s.Popup, { children: n }) }) })] });
 }
 // packages/collections/src/timeline.tsx
-function X({ label: e, children: t }) {
+function Z({ label: e, children: t }) {
 	return /* @__PURE__ */ _("ol", {
 		"aria-label": e,
 		className: "xe8uvvx x1ghz6dp x1717udv xeuugli",
 		children: t
 	});
 }
-function Z({ icon: e, title: t, time: n, metadata: r, children: a, details: o, defaultOpen: s = !1 }) {
+function Q({ icon: e, title: t, time: n, metadata: i, children: a, details: o, defaultOpen: s = !1 }) {
 	let [c, l] = h(s), u = /* @__PURE__ */ v("div", {
 		className: "x78zum5 x1pha0wt x1hnptsi x1a02dak xeuugli",
 		children: [/* @__PURE__ */ _("div", {
-			className: "xeuugli xk50ysn xj0a0fe",
-			children: o === void 0 ? t : /* @__PURE__ */ _(i.Trigger, {
-				className: "x14atkfc xisnujt xwu7q15 xt970qd xlqzeqv",
+			className: "xeuugli xk4h15q xj0a0fe",
+			children: o === void 0 ? t : /* @__PURE__ */ _(r.Trigger, {
+				className: "x14atkfc x16exltd xwu7q15 xt970qd xlqzeqv",
 				children: t
 			})
-		}), n !== void 0 && /* @__PURE__ */ _("div", {
-			className: "x153jb6y xy8obcc xss6m8b",
+		}), n != null && /* @__PURE__ */ _("div", {
+			className: "xeuugli x153jb6y xy8obcc xas2l8k xss6m8b xj0a0fe",
 			children: n
 		})]
 	}), d = /* @__PURE__ */ v(g, { children: [
 		u,
-		a !== void 0 && (!c || o === void 0) && /* @__PURE__ */ _("div", {
+		a != null && (!c || o === void 0) && /* @__PURE__ */ _("div", {
 			className: "xeuugli x1ewvobj xj0a0fe",
 			children: a
 		}),
-		r !== void 0 && /* @__PURE__ */ _("div", {
-			className: "x153jb6y xy8obcc",
-			children: r
+		i != null && /* @__PURE__ */ _("div", {
+			className: "xeuugli x153jb6y xy8obcc xas2l8k xj0a0fe",
+			children: i
 		}),
-		o !== void 0 && /* @__PURE__ */ _(i.Panel, { children: o })
+		o !== void 0 && /* @__PURE__ */ _(r.Panel, { children: o })
 	] });
 	return /* @__PURE__ */ v("li", {
-		className: "x1n2onr6 xrvj5dj x1qpdrs7 x1y1mm1b xhlx3wy xeuugli x1hz01jw xtqrqnz x1778rvt xbixft x1cpjm7i x1hmns74 x1lk18uv x1gi6gvw x1jw5pjq x1vgi0k x1mi36wk x1wse844 xup0pd7",
+		className: "x1n2onr6 xrvj5dj x1eqwfih x1y1mm1b xhlx3wy xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt xbixft x1cpjm7i x1hmns74 x1lk18uv x1gi6gvw x1jw5pjq x1vgi0k x1mi36wk x1wse844 xup0pd7",
 		children: [/* @__PURE__ */ _("span", {
 			"aria-hidden": !0,
-			className: "x78zum5 x6s0dn4 x1qx5ct2 x153jb6y",
+			className: "x78zum5 x6s0dn4 xl56j7k x1b1e0sl x153jb6y",
 			children: e
 		}), o === void 0 ? /* @__PURE__ */ _("div", {
 			className: "xrvj5dj x1hnptsi xeuugli",
 			children: d
-		}) : /* @__PURE__ */ _(i.Root, {
+		}) : /* @__PURE__ */ _(r.Root, {
 			open: c,
 			onOpenChange: l,
 			className: "xrvj5dj x1hnptsi xeuugli xh8yej3",
@@ -821,8 +898,8 @@ function Z({ icon: e, title: t, time: n, metadata: r, children: a, details: o, d
 		})]
 	});
 }
-var Q = {
-	Root: X,
-	Item: Z
+var $ = {
+	Root: Z,
+	Item: Q
 };
-export { J as Cell, I as CollectionEnd, D as CollectionPagination, L as CollectionScroll, w as CollectionToolbar, E as ColumnControls, N as DataTable, M as DataTableText, z as Details, T as FilterChips, R as Inspector, B as ListFooter, W as Metric, U as MetricGrid, q as Table, Q as Timeline, Y as Timestamp };
+export { X as Cell, L as CollectionEnd, O as CollectionPagination, R as CollectionScroll, T as CollectionToolbar, D as ColumnControls, P as DataTable, N as DataTableText, V as Details, E as FilterChips, B as Inspector, H as ListFooter, K as Metric, G as MetricGrid, Y as Table, $ as Timeline, ge as Timestamp };