@mechane-ai/elements 0.6.0 → 0.7.0

package/dist/collections.js

@@ -1,16 +1,16 @@
-import { c as e, f as t, i as n, v as r, y as i } from "./src-DuTmAQp5.js";
-import { r as a } from "./src-DjvJJoaw.js";
+import { c as e, f as t, i as n, v as r, y as i } from "./src-BkCsvZGi.js";
+import { r as a } from "./src-DjTM64tN.js";
 import { r as o } from "./src-CfDf8TY8.js";
 import { t as s } from "./accessibility-C-aIZ1Yx.js";
 import { mergeProps as c } from "@base-ui/react/merge-props";
 import * as l from "@stylexjs/stylex";
-import { Fragment as ee, useEffect as u, useLayoutEffect as te, useMemo as d, useRef as f, useState as p } from "react";
+import { Fragment as ee, useEffect as u, useLayoutEffect as d, useMemo as te, useRef as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { ArrowDown as ne, ArrowUp as re, ArrowUpDown as ie, ChevronLeft as g, ChevronRight as _, Columns3 as v, X as y } from "lucide-react";
-import { createColumnHelper as ae, tableFeatures as b, useTable as x } from "@tanstack/react-table";
-import { defaultRangeExtractor as S, useVirtualizer as oe } from "@tanstack/react-virtual";
+import { createColumnHelper as ae, tableFeatures as b, useTable as oe } from "@tanstack/react-table";
+import { defaultRangeExtractor as x, useVirtualizer as se } from "@tanstack/react-virtual";
 // packages/collections/src/collection-controls.tsx
-function C({ label: e, children: t, actions: n }) {
+function S({ label: e, children: t, actions: n }) {
 	return /* @__PURE__ */ h("div", {
 		role: "group",
 		"aria-label": e,
@@ -21,7 +21,7 @@ function C({ label: e, children: t, actions: n }) {
 		})]
 	});
 }
-function w({ filters: e, onRemove: t, label: n = "Applied filters" }) {
+function C({ filters: e, onRemove: t, label: n = "Applied filters" }) {
 	return /* @__PURE__ */ m("div", {
 		role: "group",
 		"aria-label": n,
@@ -40,7 +40,7 @@ function w({ filters: e, onRemove: t, label: n = "Applied filters" }) {
 		}, e.id))
 	});
 }
-function T({ columns: e, onVisibilityChange: t, label: n = "Columns" }) {
+function w({ columns: e, onVisibilityChange: t, label: n = "Columns" }) {
 	return /* @__PURE__ */ h(o.Root, { children: [/* @__PURE__ */ h(o.Trigger, {
 		render: /* @__PURE__ */ m(r, {
 			variant: "outline",
@@ -69,7 +69,7 @@ function T({ columns: e, onVisibilityChange: t, label: n = "Columns" }) {
 		})
 	}) })] });
 }
-function E({ description: t, previous: n, next: i }) {
+function T({ description: t, previous: n, next: i }) {
 	return /* @__PURE__ */ h("nav", {
 		"aria-label": "Pagination",
 		className: "x78zum5 x6s0dn4 x1qughib x1a02dak xaml1ju",
@@ -96,7 +96,7 @@ function E({ description: t, previous: n, next: i }) {
 	});
 }
 // packages/collections/src/use-end-reached.ts
-function D({ end: e, viewport: t, onEndReached: n, content: r }) {
+function E({ end: e, viewport: t, onEndReached: n, content: r }) {
 	u(() => {
 		if (n === void 0 || e.current === null) return;
 		let r = new IntersectionObserver((e) => {
@@ -111,11 +111,11 @@ function D({ end: e, viewport: t, onEndReached: n, content: r }) {
 	]);
 }
 // packages/collections/src/data-table.tsx
-var se = b({}), O = "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\"])", k = /* @__PURE__ */ new Map([["ArrowUp", -1], ["ArrowDown", 1]]), A = {
+var ce = b({}), le = "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\"])", ue = /* @__PURE__ */ new Map([["ArrowUp", -1], ["ArrowDown", 1]]), D = {
 	kmVPX3: "x1717udv",
 	kMzoRj: "xc342km",
 	$$css: !0
-}, j = {
+}, O = {
 	frame: {
 		k7Eaqz: "xeuugli",
 		$$css: !0
@@ -229,39 +229,51 @@ var se = b({}), O = "a, button, input, select, textarea, label, summary, [role=\
 		$$css: !0
 	},
 	spacer: (e) => [
-		A,
+		D,
 		{
 			kZKoxP: e == null ? e : "x16ye13r",
 			$$css: !0
 		},
 		{ "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
 	]
-}, M = {
-	start: j.start,
-	end: j.end
-}, ce = {
-	content: j.content,
-	fill: j.fillFrame
-}, le = {
-	content: j.content,
-	fill: j.fillViewport
+}, k = {
+	start: O.start,
+	end: O.end
+}, A = {
+	content: O.content,
+	fill: O.fillFrame
+}, j = {
+	content: O.content,
+	fill: O.fillViewport
 };
-function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, onSortChange: c, selectedIds: g, onSelectionChange: _, selectionLabel: v, rowAction: y, activeRowId: b, hideCaption: C = !1, hideHeaders: w = !1, window: T, endContent: E, onEndReached: A, footer: N }) {
-	let F = d(() => {
+function M({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, onSortChange: c, selectedIds: g, onSelectionChange: _, selectionLabel: v, rowAction: y, activeRowId: b, focusRowId: S, hideCaption: C = !1, hideHeaders: w = !1, window: T, endContent: D, onEndReached: M, footer: P }) {
+	let F = te(() => {
 		let e = ae();
 		return e.columns(t.map((t) => e.display({
 			id: t.id,
 			header: t.label
 		})));
-	}, [t]), I = x({
-		features: se,
+	}, [t]), I = oe({
+		features: ce,
 		columns: F,
 		data: e,
 		getRowId: n
-	}), L = f(null), R = f(null), z = f(null), B = f(null), [V, H] = p(0), [U, W] = p(), G = f(void 0), K = e.findIndex((e) => n(e) === U), de = t.findIndex((e) => e.secondary !== !0), q = typeof T?.height == "string" ? T.height : "content";
-	D({
+	}), L = f(null), R = f(null), z = f(null), B = f(null), [V, H] = p(0), [U, W] = p(), G = f(void 0), K = f(void 0), q = e.findIndex((e) => n(e) === U), fe = t.findIndex((e) => e.secondary !== !0), J = typeof T?.height == "string" ? T.height : "content";
+	d(() => {
+		if (S === void 0) {
+			K.current = void 0;
+			return;
+		}
+		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 }), K.current = S;
+		});
+		return () => cancelAnimationFrame(t);
+	}, [e, S]), E({
 		end: R,
-		onEndReached: T === void 0 ? A : void 0,
+		onEndReached: T === void 0 ? M : void 0,
 		content: e.length
 	}), u(() => {
 		let e = z.current, t = B.current;
@@ -273,7 +285,7 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 		C,
 		w
 	]);
-	let J = oe({
+	let Y = se({
 		count: e.length,
 		enabled: T !== void 0,
 		getScrollElement: () => L.current,
@@ -287,65 +299,65 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 		scrollPaddingStart: V,
 		overscan: 6,
 		rangeExtractor: (t) => {
-			let n = S(t);
-			return K === -1 ? n : [.../* @__PURE__ */ new Set([
+			let n = x(t);
+			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);
 		}
-	}), Y = T === void 0 ? I.getRowModel().rows.map((e, t) => ({
+	}), pe = T === void 0 ? I.getRowModel().rows.map((e, t) => ({
 		row: e,
 		index: t,
 		gap: 0
-	})) : J.getVirtualItems().flatMap((e, t, n) => {
+	})) : Y.getVirtualItems().flatMap((e, t, n) => {
 		let r = I.getRowModel().rows[e.index];
 		return r === void 0 ? [] : [{
 			row: r,
 			index: e.index,
 			gap: e.start - (n[t - 1]?.end ?? V)
 		}];
-	}), X = T !== void 0 && (e.length === 0 || J.range?.endIndex === e.length - 1);
+	}), X = T !== void 0 && (e.length === 0 || Y.range?.endIndex === e.length - 1);
 	u(() => {
-		X && A?.();
+		X && M?.();
 	}, [
 		X,
-		A,
+		M,
 		e.length
-	]), te(() => {
+	]), d(() => {
 		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: T !== void 0 }), G.current = void 0);
 	});
-	function fe(t, r) {
+	function me(t, r) {
 		let i = t.metaKey || t.ctrlKey, a = t.altKey || t.shiftKey;
 		if (i || a) return;
-		let o = k.get(t.key);
+		let o = ue.get(t.key);
 		if (o === void 0) return;
 		t.preventDefault();
 		let s = r + o, c = e[s];
-		c !== void 0 && (G.current = n(c), W(G.current), T !== void 0 && J.scrollToIndex(s, { align: "auto" }));
+		c !== void 0 && (G.current = n(c), W(G.current), T !== void 0 && Y.scrollToIndex(s, { align: "auto" }));
 	}
-	let Z = t.length + (g === void 0 ? 0 : 1), Q = g === void 0 ? 0 : 44, pe = t.reduce((e, t) => e + (t.width ?? 160), Q), me = t.filter((e) => e.secondary !== !0).reduce((e, t) => e + (t.width ?? 160), Q), $ = J.getTotalSize() - (J.getVirtualItems().at(-1)?.end ?? V) + V;
+	let Z = t.length + (g === void 0 ? 0 : 1), Q = g === void 0 ? 0 : 44, he = t.reduce((e, t) => e + (t.width ?? 160), Q), ge = t.filter((e) => e.secondary !== !0).reduce((e, t) => e + (t.width ?? 160), Q), $ = Y.getTotalSize() - (Y.getVirtualItems().at(-1)?.end ?? V) + V;
 	return /* @__PURE__ */ h("div", {
-		...l.props(j.frame, ce[q]),
+		...l.props(O.frame, A[J]),
 		children: [/* @__PURE__ */ h("div", {
 			ref: L,
 			role: "region",
 			"aria-label": r,
 			tabIndex: 0,
-			...l.props(j.viewport, le[q], typeof T?.height == "number" && j.virtual(T.height)),
+			...l.props(O.viewport, j[J], typeof T?.height == "number" && O.virtual(T.height)),
 			children: [/* @__PURE__ */ h("table", {
 				"aria-rowcount": T === void 0 ? void 0 : Math.max(1, e.length) + 1,
-				...l.props(j.table, t.some((e) => e.truncate === !0) && j.fixed, j.minimumWidth(pe, me)),
+				...l.props(O.table, t.some((e) => e.truncate === !0) && O.fixed, O.minimumWidth(he, ge)),
 				children: [
 					/* @__PURE__ */ m("caption", {
 						ref: z,
-						...l.props(j.caption, C && s.hidden),
+						...l.props(O.caption, C && s.hidden),
 						children: r
 					}),
-					/* @__PURE__ */ h("colgroup", { children: [g !== void 0 && /* @__PURE__ */ m("col", { className: "x187nhsf xeuugli x1m92p3w" }), t.map((e) => /* @__PURE__ */ m("col", { ...l.props(e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary) }, e.id))] }),
+					/* @__PURE__ */ h("colgroup", { children: [g !== void 0 && /* @__PURE__ */ m("col", { className: "x187nhsf xeuugli x1m92p3w" }), t.map((e) => /* @__PURE__ */ m("col", { ...l.props(e.width !== void 0 && O.width(e.width), e.secondary === !0 && O.secondary) }, e.id))] }),
 					/* @__PURE__ */ m("thead", {
 						ref: B,
 						...l.props(w && s.hidden),
@@ -358,7 +370,7 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 							return /* @__PURE__ */ m("th", {
 								scope: "col",
 								"aria-sort": t,
-								...l.props(j.header, M[e.align ?? "start"], e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary),
+								...l.props(O.header, k[e.align ?? "start"], e.width !== void 0 && O.width(e.width), e.secondary === !0 && O.secondary),
 								children: e.sortable === !0 && c !== void 0 ? /* @__PURE__ */ h("button", {
 									type: "button",
 									className: "x3nfvp2 x6s0dn4 x1hnptsi x1uey4wk xwu7q15 x1717udv xc342km x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x1ypdohk x1mkgjtd x13qnu6 x9v5kkp x19rmrnh x7s97pk",
@@ -384,20 +396,20 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 							e.currentTarget.contains(e.relatedTarget) || W(void 0);
 						},
 						children: [
-							Y.map(({ row: e, index: n, gap: r }) => /* @__PURE__ */ h(ee, { children: [r > 0 && /* @__PURE__ */ m("tr", {
+							pe.map(({ row: e, index: n, gap: r }) => /* @__PURE__ */ h(ee, { children: [r > 0 && /* @__PURE__ */ m("tr", {
 								"aria-hidden": "true",
 								children: /* @__PURE__ */ m("td", {
 									colSpan: Z,
-									...l.props(j.spacer(r))
+									...l.props(O.spacer(r))
 								})
 							}), /* @__PURE__ */ h("tr", {
 								"data-index": n,
 								"data-row-id": e.id,
 								"aria-rowindex": T === void 0 ? void 0 : n + 2,
-								ref: T === void 0 ? void 0 : J.measureElement,
+								ref: T === void 0 ? void 0 : Y.measureElement,
 								onFocus: () => W(e.id),
 								onClick: (e) => {
-									if (y === void 0 || !P(e) || e.target instanceof Element && e.target.closest(O) !== null) return;
+									if (y === void 0 || !N(e) || e.target instanceof Element && e.target.closest(le) !== null) return;
 									let t = e.currentTarget.querySelector("[data-row-action]");
 									t?.focus({ preventScroll: !0 }), t?.click();
 								},
@@ -419,12 +431,12 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 										children: /* @__PURE__ */ m(a.Indicator, {})
 									})
 								}), t.map((t, r) => /* @__PURE__ */ m("td", {
-									...l.props(j.cell, M[t.align ?? "start"], t.width !== void 0 && j.width(t.width), t.secondary === !0 && j.secondary, t.truncate === !0 && j.truncated),
-									children: y !== void 0 && r === de ? /* @__PURE__ */ m(ue, {
+									...l.props(O.cell, k[t.align ?? "start"], t.width !== void 0 && O.width(t.width), t.secondary === !0 && O.secondary, t.truncate === !0 && O.truncated),
+									children: y !== void 0 && r === fe ? /* @__PURE__ */ m(de, {
 										row: e.original,
 										action: y,
 										active: b === e.id,
-										onKeyDown: (e) => fe(e, n),
+										onKeyDown: (e) => me(e, n),
 										children: /* @__PURE__ */ m("span", {
 											...{
 												0: { className: "x1lliihq xeuugli x193iq5w" },
@@ -445,7 +457,7 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 								"aria-hidden": "true",
 								children: /* @__PURE__ */ m("td", {
 									colSpan: Z,
-									...l.props(j.spacer($))
+									...l.props(O.spacer($))
 								})
 							}),
 							e.length === 0 && /* @__PURE__ */ m("tr", { children: /* @__PURE__ */ m("td", {
@@ -461,21 +473,21 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 				...{
 					0: {},
 					1: { className: "xid9utz x1c8xbx5" }
-				}[E !== void 0 | 0],
-				children: E
+				}[D !== void 0 | 0],
+				children: D
 			})]
-		}), N !== void 0 && /* @__PURE__ */ m("div", {
+		}), P !== void 0 && /* @__PURE__ */ m("div", {
 			className: "x1c8xbx5 x178xt8z x13fuv20 xhjagg4",
-			children: N
+			children: P
 		})]
 	});
 }
-function P(e) {
+function N(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 ue({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
+function de({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
 	return t.href === void 0 ? /* @__PURE__ */ m("button", {
 		type: "button",
 		"aria-label": t.label?.(e),
@@ -483,7 +495,7 @@ function ue({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
 		"data-row-action": !0,
 		onKeyDown: i,
 		onClick: (n) => {
-			P(n) && t.onActivate(e);
+			N(n) && t.onActivate(e);
 		},
 		className: "x1rh3ycu x1hx0egp x1lliihq xh8yej3 xaeotn9 xwu7q15 x1717udv xc342km x1cum3z5 x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
 		children: r
@@ -493,14 +505,14 @@ function ue({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
 		"data-row-action": !0,
 		onKeyDown: i,
 		onClick: (n) => {
-			t.onActivate !== void 0 && P(n) && (n.preventDefault(), t.onActivate(e));
+			t.onActivate !== void 0 && N(n) && (n.preventDefault(), t.onActivate(e));
 		},
 		className: "x1rh3ycu x1hx0egp x1lliihq xh8yej3 xaeotn9 xwu7q15 x1717udv xc342km x1cum3z5 x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
 		children: r
 	});
 }
 // packages/collections/src/collection-scroll.tsx
-function F(e) {
+function P(e) {
 	switch (e.status) {
 		case "loading": return /* @__PURE__ */ m("span", {
 			role: "status",
@@ -520,9 +532,9 @@ function F(e) {
 		});
 	}
 }
-function I({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosition: i = "end" }) {
+function F({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosition: i = "end" }) {
 	let a = f(null), o = f(null);
-	D({
+	E({
 		end: o,
 		viewport: r ? a : void 0,
 		onEndReached: n,
@@ -550,7 +562,7 @@ function I({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosit
 	});
 }
 // packages/collections/src/inspector.tsx
-function L({ master: e, detail: t, label: n, ...r }) {
+function I({ master: e, detail: t, label: n, ...r }) {
 	return /* @__PURE__ */ h("div", {
 		...c({ className: "xrvj5dj x1mkdm3x xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 xb3r6kr" }, r),
 		children: [/* @__PURE__ */ m("div", {
@@ -563,7 +575,7 @@ function L({ master: e, detail: t, label: n, ...r }) {
 		})]
 	});
 }
-function R({ items: e, ...t }) {
+function L({ items: e, ...t }) {
 	return /* @__PURE__ */ m("dl", {
 		...c({ className: "x1ghz6dp xrvj5dj x10i657a x1i3977y xuytk5h x1hz01jw xvmahel xtqrqnz x1778rvt" }, t),
 		children: e.map(({ label: e, value: t }) => /* @__PURE__ */ h("div", {
@@ -579,7 +591,7 @@ function R({ items: e, ...t }) {
 	});
 }
 // packages/collections/src/list-footer.tsx
-function z({ children: e, actions: t, ...n }) {
+function R({ children: e, actions: t, ...n }) {
 	return /* @__PURE__ */ h("div", {
 		...c({ className: "x78zum5 x6s0dn4 x1qughib x1a02dak x1n8ia3y x1qokhjc x1m92p3w x178xt8z x13fuv20 xhjagg4 x153jb6y x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
 		children: [/* @__PURE__ */ m("div", { children: e }), t != null && /* @__PURE__ */ m("div", {
@@ -589,10 +601,10 @@ function z({ children: e, actions: t, ...n }) {
 	});
 }
 // packages/collections/src/metrics.tsx
-function B(e) {
+function z(e) {
 	return /* @__PURE__ */ m("dl", { ...c({ className: "x78zum5 x1a02dak xpb3s3w x1i3977y x1ghz6dp" }, e) });
 }
-function V({ label: e, value: t, ...n }) {
+function B({ label: e, value: t, ...n }) {
 	return /* @__PURE__ */ h("div", {
 		...c({ className: "x3nfvp2 x1pha0wt xunmzkg xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
 		children: [/* @__PURE__ */ m("dt", {
@@ -605,10 +617,10 @@ function V({ label: e, value: t, ...n }) {
 	});
 }
 // packages/collections/src/table.tsx
-var H = {
+var V = {
 	kzqmXN: "x5lhr3w",
 	$$css: !0
-}, U = {
+}, H = {
 	secondary: {
 		k1xSpc: "x1n9xxwz xazwdyr",
 		$$css: !0
@@ -617,7 +629,7 @@ var H = {
 		kzqmXN: "x2ipgtl",
 		$$css: !0
 	},
-	column: (e) => [H, { "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
+	column: (e) => [V, { "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
 	th: {
 		kVAEAm: "x1n2onr6",
 		kZKoxP: "xc9qbxq",
@@ -647,7 +659,7 @@ var H = {
 		$$css: !0
 	}
 };
-function W({ headers: e, children: t, label: n, ...r }) {
+function U({ headers: e, children: t, label: n, ...r }) {
 	let i = e.findLastIndex((e) => typeof e == "string" || e.secondary !== !0);
 	return /* @__PURE__ */ m("div", {
 		role: "region",
@@ -661,13 +673,13 @@ function W({ headers: e, children: t, label: n, ...r }) {
 			}[!!e.some((e) => typeof e != "string") | 0], r),
 			children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ m("tr", { children: e.map((t, n) => /* @__PURE__ */ m("th", {
 				scope: "col",
-				...l.props(U.th, typeof t != "string" && U.column(t.width), typeof t != "string" && U.compactWidth, typeof t != "string" && t.secondary === !0 && U.secondary, n === e.length - 1 && U.lastHeader, n === i && U.lastPrimaryHeader),
+				...l.props(H.th, typeof t != "string" && H.column(t.width), typeof t != "string" && H.compactWidth, typeof t != "string" && t.secondary === !0 && H.secondary, n === e.length - 1 && H.lastHeader, n === i && H.lastPrimaryHeader),
 				children: typeof t == "string" ? t : t.label
 			}, typeof t == "string" ? t : t.label)) }) }), /* @__PURE__ */ m("tbody", { children: t })]
 		})
 	});
 }
-function G({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
+function W({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
 	return /* @__PURE__ */ h("td", {
 		...c({
 			0: { className: "x14o62y9 x9f619 x1t0vds8 x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv" },
@@ -680,7 +692,7 @@ function G({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
 	});
 }
 // packages/collections/src/timestamp.tsx
-function K({ dateTime: e, label: t, title: n }) {
+function G({ dateTime: e, label: t, title: n }) {
 	return /* @__PURE__ */ m("time", {
 		dateTime: e,
 		title: n,
@@ -688,4 +700,4 @@ function K({ dateTime: e, label: t, title: n }) {
 		children: t
 	});
 }
-export { G as Cell, F as CollectionEnd, E as CollectionPagination, I as CollectionScroll, C as CollectionToolbar, T as ColumnControls, N as DataTable, R as Details, w as FilterChips, L as Inspector, z as ListFooter, V as Metric, B as MetricGrid, W as Table, K as Timestamp };
+export { W as Cell, P as CollectionEnd, T as CollectionPagination, F as CollectionScroll, S as CollectionToolbar, w as ColumnControls, M as DataTable, L as Details, C as FilterChips, I as Inspector, R as ListFooter, B as Metric, z as MetricGrid, U as Table, G as Timestamp };

package/dist/content/code.js

@@ -1 +1 @@
-export { t as CodeBlock } from "../code-block-DSmz0jTf.js";
+export { t as CodeBlock } from "../code-block-D0Jmsj7w.js";

package/dist/content/diff.js

@@ -1,5 +1,5 @@
-import { g as e, h as t } from "../src-DuTmAQp5.js";
-import { t as n } from "../code-block-DSmz0jTf.js";
+import { g as e, h as t } from "../src-BkCsvZGi.js";
+import { t as n } from "../code-block-D0Jmsj7w.js";
 import "@stylexjs/stylex";
 import { useEffect as r, useState as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";

package/dist/content/link.js

@@ -1 +1 @@
-export { t as ContentLink } from "../content-link-DLiDJzwq.js";
+export { t as ContentLink } from "../content-link-HLYu0cmz.js";

package/dist/content/markdown.js

@@ -1,5 +1,5 @@
-import { t as e } from "../code-block-DSmz0jTf.js";
-import { n as t, t as n } from "../content-link-DLiDJzwq.js";
+import { t as e } from "../code-block-D0Jmsj7w.js";
+import { n as t, t as n } from "../content-link-HLYu0cmz.js";
 import * as r from "@stylexjs/stylex";
 import { Children as i, createElement as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/content/tree.js

@@ -1,4 +1,4 @@
-import { b as e } from "../src-DuTmAQp5.js";
+import { b as e } from "../src-BkCsvZGi.js";
 import * as t from "@stylexjs/stylex";
 import { useEffect as n, useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -26,7 +26,7 @@ function u(c) {
 		let e = !0;
 		async function t() {
 			try {
-				let t = await import("../pierre-tree-C-eebLcZ.js");
+				let t = await import("../pierre-tree-DVybsnm4.js");
 				e && d({
 					Component: t.PierreTree,
 					hasFailed: !1

package/dist/{content-link-DLiDJzwq.js → content-link-HLYu0cmz.js}

@@ -1,4 +1,4 @@
-import { x as e } from "./src-DuTmAQp5.js";
+import { x as e } from "./src-BkCsvZGi.js";
 import { jsx as t } from "react/jsx-runtime";
 // packages/content/src/content-link.tsx
 var n = "https://content.invalid", r = /* @__PURE__ */ new Set([

package/dist/content.js

@@ -1,5 +1,5 @@
-import { b as e, g as t, h as n, v as r, x as i } from "./src-DuTmAQp5.js";
-import { t as a } from "./code-block-DSmz0jTf.js";
+import { b as e, g as t, h as n, v as r, x as i } from "./src-BkCsvZGi.js";
+import { t as a } from "./code-block-D0Jmsj7w.js";
 import * as o from "@stylexjs/stylex";
 import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";

package/dist/feedback.js

@@ -1 +1 @@
-export { t as AsyncRegion, n as ContentReveal, u as EmptyState, o as Loading, i as Meter, d as Notice, a as Progress, s as Skeleton, c as SkeletonText, l as Spinner, r as Toast } from "./src-Daf4PUD6.js";
+export { t as AsyncRegion, n as ContentReveal, u as EmptyState, o as Loading, i as Meter, d as Notice, a as Progress, s as Skeleton, c as SkeletonText, l as Spinner, r as Toast } from "./src-B_DCatpY.js";

package/dist/forms/dates.js

@@ -1,4 +1,4 @@
-import { b as e, v as t } from "../src-DuTmAQp5.js";
+import { b as e, v as t } from "../src-BkCsvZGi.js";
 import { r as n } from "../src-CfDf8TY8.js";
 import "@stylexjs/stylex";
 import { useState as r } from "react";

package/dist/forms.js

@@ -1 +1 @@
-export { r as Checkbox, g as Combobox, c as Field, d as Fieldset, f as FilePicker, l as Input, p as InputGroup, m as NumberField, i as RadioGroup, s as Select, n as SettingsRow, t as SettingsSection, h as Slider, a as Switch, u as Textarea, o as ToggleGroup } from "./src-DjvJJoaw.js";
+export { r as Checkbox, g as Combobox, c as Field, d as Fieldset, f as FilePicker, l as Input, p as InputGroup, m as NumberField, i as RadioGroup, s as Select, n as SettingsRow, t as SettingsSection, h as Slider, a as Switch, u as Textarea, o as ToggleGroup } from "./src-DjTM64tN.js";

package/dist/index.js

@@ -1 +1 @@
-export { m as Accordion, _ as Avatar, t as Badge, v as Button, h as Collapsible, l as Columns, g as CopyValue, u as Divider, n as Heading, y as IconButton, r as Identifier, i as Muted, d as Panel, a as Prose, f as Row, p as Stack, o as Status, s as Subheading, c as Text, b as TextButton, x as TextLink } from "./src-DuTmAQp5.js";
+export { m as Accordion, _ as Avatar, t as Badge, v as Button, h as Collapsible, l as Columns, g as CopyValue, u as Divider, n as Heading, y as IconButton, r as Identifier, i as Muted, d as Panel, a as Prose, f as Row, p as Stack, o as Status, s as Subheading, c as Text, b as TextButton, x as TextLink } from "./src-BkCsvZGi.js";