@mechane-ai/elements 0.13.0 → 0.14.0

package/dist/collections.js

@@ -1,50 +1,50 @@
-import { C as e, c as t, f as n, g as r, w as i } from "./src-BNlyCwOr.js";
-import { r as a } from "./src-DMsnWyru.js";
-import { r as o, t as s } from "./src-CVlgjAlw.js";
-import { d as c } from "./src-B0UTwpOz.js";
+import { C as e, c as t, f as n, g as r, w as i } from "./src-CyJd2qSZ.js";
+import { r as a } from "./src-BkXlN6aZ.js";
+import { r as o, t as s } from "./src-d7EAi61b.js";
+import { d as c } from "./src-C9GQP3px.js";
 import { t as l } from "./accessibility-C-aIZ1Yx.js";
-import { tableGeometry as u } from "./tokens.js";
-import { mergeProps as d } from "@base-ui/react/merge-props";
-import * as f from "@stylexjs/stylex";
-import { Children as p, Fragment as ee, useEffect as m, useLayoutEffect as h, useMemo as te, useRef as g, useState as _ } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ArrowDown as ne, ArrowUp as re, ArrowUpDown as ie, ChevronLeft as x, ChevronRight as S, Columns3 as C, X as w } from "lucide-react";
-import { createColumnHelper as ae, tableFeatures as T, useTable as oe } from "@tanstack/react-table";
-import { defaultRangeExtractor as se, useVirtualizer as ce } from "@tanstack/react-virtual";
+import { l as u, t as d } from "./constants.stylex-bbdiv1fD.js";
+import { mergeProps as f } from "@base-ui/react/merge-props";
+import * as p from "@stylexjs/stylex";
+import { Children as m, Fragment as ee, useEffect as h, useLayoutEffect as g, useMemo as te, useRef as _, useState as v, useSyncExternalStore as ne } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ArrowDown as re, ArrowUp as ie, ArrowUpDown as ae, ChevronLeft as S, ChevronRight as C, Settings2 as w, X as T } from "lucide-react";
+import { createColumnHelper as oe, tableFeatures as E, useTable as se } from "@tanstack/react-table";
+import { defaultRangeExtractor as ce, useVirtualizer as le } from "@tanstack/react-virtual";
 // packages/collections/src/collection-controls.tsx
-var E = { remove: {
+var D = { remove: {
 	kmuXW: "x2lah0s",
 	$$css: !0
 } };
-function D({ label: e, children: t, actions: n }) {
-	let r = p.toArray(t).length > 0, i = p.toArray(n).length > 0;
-	return !r && !i ? null : /* @__PURE__ */ b("div", {
+function O({ label: e, children: t, actions: n }) {
+	let r = m.toArray(t).length > 0, i = m.toArray(n).length > 0;
+	return !r && !i ? null : /* @__PURE__ */ x("div", {
 		role: "group",
 		"aria-label": e,
-		className: "x9f619 x78zum5 x6s0dn4 x1a02dak xeuugli x1oec0jp x1hnptsi x1dc62k6 xmpbh3m xp0u5rt xso031l x1q0q8m5 x1qndepd xbixft x1hz01jw xtqrqnz x1778rvt xjl7jj",
-		children: [t, i && /* @__PURE__ */ y("div", {
+		className: "x9f619 x78zum5 x6s0dn4 x1a02dak xeuugli x1oec0jp x1hnptsi x1dc62k6 xmpbh3m xc06uyd xso031l x1q0q8m5 x1qndepd xbixft x1hz01jw xtqrqnz x1778rvt xjl7jj",
+		children: [t, i && /* @__PURE__ */ b("div", {
 			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli xvc5jky",
 			children: n
 		})]
 	});
 }
-function O({ filters: e, onRemove: t, label: n = "Applied filters" }) {
-	return e.length === 0 ? null : /* @__PURE__ */ y("div", {
+function k({ filters: e, onRemove: t, label: n = "Applied filters" }) {
+	return e.length === 0 ? null : /* @__PURE__ */ b("div", {
 		role: "group",
 		"aria-label": n,
 		className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli",
-		children: e.map((e) => /* @__PURE__ */ b("span", {
-			className: "x1n2onr6 x9f619 x3nfvp2 x6s0dn4 xunmzkg x1f9pz31 x17kqdoe xyibt8p x1ok0vyi xeuugli x193iq5w xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt x1s928wv x1j6awrg xarstr8 x5hscyn x86avzo x10z0kkz x1k48kgn x2q1x1w",
-			children: [/* @__PURE__ */ y("span", {
+		children: e.map((e) => /* @__PURE__ */ x("span", {
+			className: "x1n2onr6 x9f619 x3nfvp2 x6s0dn4 xunmzkg x1f9pz31 x992rv9 xyibt8p x1ok0vyi xeuugli x193iq5w xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt x1s928wv x1j6awrg xarstr8 x5hscyn x86avzo x10z0kkz x1k48kgn x2q1x1w",
+			children: [/* @__PURE__ */ b("span", {
 				title: e.label,
 				className: "xeuugli xb3r6kr xlyipyv xuxw1ft",
 				children: e.label
-			}), /* @__PURE__ */ y(i, {
+			}), /* @__PURE__ */ b(i, {
 				"aria-label": `Remove ${e.label}`,
 				variant: "ghost",
 				onClick: () => t(e.id),
-				xstyle: E.remove,
-				children: /* @__PURE__ */ y(w, {
+				xstyle: D.remove,
+				children: /* @__PURE__ */ b(T, {
 					size: 14,
 					"aria-hidden": "true"
 				})
@@ -52,51 +52,56 @@ function O({ filters: e, onRemove: t, label: n = "Applied filters" }) {
 		}, e.id))
 	});
 }
-function k({ columns: t, onVisibilityChange: n, label: r = "Columns" }) {
-	return /* @__PURE__ */ b(o.Root, { children: [/* @__PURE__ */ b(o.Trigger, {
-		render: /* @__PURE__ */ y(e, { variant: "outline" }),
-		children: [/* @__PURE__ */ y(C, {
-			size: 16,
+function A({ options: t, onChange: n, onReset: r, label: s = "Display options" }) {
+	return /* @__PURE__ */ x(o.Root, { children: [/* @__PURE__ */ b(o.Trigger, {
+		render: /* @__PURE__ */ b(i, {
+			"aria-label": s,
+			title: s
+		}),
+		children: /* @__PURE__ */ b(w, {
+			size: 14,
 			"aria-hidden": "true"
-		}), r]
-	}), /* @__PURE__ */ y(o.Portal, { children: /* @__PURE__ */ y(o.Positioner, {
-		align: "end",
-		children: /* @__PURE__ */ y(o.Popup, {
-			"aria-label": r,
-			children: /* @__PURE__ */ y("div", {
-				className: "xrvj5dj x1n8ia3y xfb3i0g",
-				children: t.map((e) => /* @__PURE__ */ b("label", {
-					className: "x78zum5 x6s0dn4 x1hnptsi xbixft xtqrqnz x1hz01jw x1778rvt xeuugli xj0a0fe",
-					children: [/* @__PURE__ */ y(a.Root, {
-						checked: e.visible,
-						onCheckedChange: (t) => n(e.id, t),
-						disabled: e.required,
-						children: /* @__PURE__ */ y(a.Indicator, {})
-					}), e.label]
-				}, e.id))
-			})
 		})
+	}), /* @__PURE__ */ b(o.Portal, { children: /* @__PURE__ */ b(o.Positioner, {
+		align: "end",
+		children: /* @__PURE__ */ x(o.Popup, { children: [/* @__PURE__ */ b(o.Title, { children: "Display" }), /* @__PURE__ */ x("div", {
+			className: "xrvj5dj x1n8ia3y xfb3i0g",
+			children: [t.map((e) => /* @__PURE__ */ x("label", {
+				className: "x78zum5 x6s0dn4 x1hnptsi xbixft xtqrqnz x1hz01jw x1778rvt xeuugli xj0a0fe",
+				children: [/* @__PURE__ */ b(a.Root, {
+					checked: e.isChecked,
+					onCheckedChange: (t) => n(e.id, t),
+					disabled: e.isRequired,
+					children: /* @__PURE__ */ b(a.Indicator, {})
+				}), e.label]
+			}, e.id)), r !== void 0 && /* @__PURE__ */ b(e, {
+				type: "button",
+				variant: "ghost",
+				onClick: r,
+				children: "Reset defaults"
+			})]
+		})] })
 	}) })] });
 }
-function A({ description: n, previous: r, next: i }) {
-	return /* @__PURE__ */ b("nav", {
+function ue({ description: n, previous: r, next: i }) {
+	return /* @__PURE__ */ x("nav", {
 		"aria-label": "Pagination",
 		className: "x78zum5 x6s0dn4 x1qughib x1a02dak xaml1ju xeuugli",
-		children: [/* @__PURE__ */ y(t, { children: n }), /* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ b(t, { children: n }), /* @__PURE__ */ x("div", {
 			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli xvc5jky",
-			children: [/* @__PURE__ */ b(e, {
+			children: [/* @__PURE__ */ x(e, {
 				variant: "outline",
 				disabled: r.disabled,
 				onClick: r.onClick,
-				children: [/* @__PURE__ */ y(x, {
+				children: [/* @__PURE__ */ b(S, {
 					size: 16,
 					"aria-hidden": "true"
 				}), "Previous"]
-			}), /* @__PURE__ */ b(e, {
+			}), /* @__PURE__ */ x(e, {
 				variant: "outline",
 				disabled: i.disabled,
 				onClick: i.onClick,
-				children: ["Next", /* @__PURE__ */ y(S, {
+				children: ["Next", /* @__PURE__ */ b(C, {
 					size: 16,
 					"aria-hidden": "true"
 				})]
@@ -105,8 +110,8 @@ function A({ description: n, previous: r, next: i }) {
 	});
 }
 // packages/collections/src/use-end-reached.ts
-function le({ end: e, viewport: t, onEndReached: n, content: r }) {
-	m(() => {
+function de({ end: e, viewport: t, onEndReached: n, content: r }) {
+	h(() => {
 		if (n === void 0 || e.current === null) return;
 		let r = new IntersectionObserver((e) => {
 			e.some((e) => e.isIntersecting) && n();
@@ -120,11 +125,11 @@ function le({ end: e, viewport: t, onEndReached: n, content: r }) {
 	]);
 }
 // packages/collections/src/data-table.tsx
-var ue = T({}), de = 76, fe = "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\"])", pe = /* @__PURE__ */ new Map([["ArrowUp", -1], ["ArrowDown", 1]]), me = {
+var fe = E({}), pe = 76, j = d.compactTable.slice(7), me = "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\"])", he = /* @__PURE__ */ new Map([["ArrowUp", -1], ["ArrowDown", 1]]), M = {
 	kmVPX3: "x1717udv",
 	kMzoRj: "xc342km",
 	$$css: !0
-}, j = {
+}, N = {
 	frame: {
 		k7Eaqz: "xeuugli",
 		kMv6JI: "x1hz01jw",
@@ -181,11 +186,11 @@ var ue = T({}), de = 76, fe = "a, button, input, select, textarea, label, summar
 		$$css: !0
 	},
 	minimumWidth: (e, t) => [{
-		k7Eaqz: (e == null ? e : "x7w7ha4 ") + (t == null ? t : "xzw3fdc"),
+		k7Eaqz: (e == null ? e : "x7w7ha4 ") + (t == null ? t : "x18ie477"),
 		$$css: !0
 	}, {
 		"--x-1utbgw4": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e),
-		"--x-1omz25w": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(t)
+		"--x-1wqfzdf": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(t)
 	}],
 	caption: {
 		k9WMMc: "xdpxx8g",
@@ -199,8 +204,8 @@ var ue = T({}), de = 76, fe = "a, button, input, select, textarea, label, summar
 		kB7OPa: "x9f619",
 		kVAEAm: "x7wzq59",
 		k87sOh: "x13vifvy",
-		kY2c9j: "x4k8i88",
-		kZKoxP: "x24vdcc",
+		kY2c9j: "x11ru5tl",
+		kZKoxP: "x1krvmzm",
 		k8WAf4: "xt970qd",
 		kg3NbH: "x1dc62k6",
 		kt9PQ7: "xso031l",
@@ -239,7 +244,7 @@ var ue = T({}), de = 76, fe = "a, button, input, select, textarea, label, summar
 		"--x-minWidth": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e)
 	}],
 	secondary: {
-		k1xSpc: "xazwdyr",
+		k1xSpc: "xqxxu6g",
 		$$css: !0
 	},
 	contentCell: {
@@ -247,114 +252,121 @@ var ue = T({}), de = 76, fe = "a, button, input, select, textarea, label, summar
 		$$css: !0
 	},
 	spacer: (e) => [
-		me,
+		M,
 		{
 			kZKoxP: e == null ? e : "x16ye13r",
 			$$css: !0
 		},
 		{ "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
 	]
-}, M = {
+}, P = {
 	primary: {
 		minimumWidth: 240,
-		flexible: !0,
-		truncate: !0
+		isFlexible: !0,
+		shouldTruncate: !0
 	},
 	text: {
 		minimumWidth: 160,
-		flexible: !1,
-		truncate: !0
+		isFlexible: !1,
+		shouldTruncate: !0
 	},
 	status: {
 		minimumWidth: 160,
-		flexible: !1,
-		truncate: !1
+		isFlexible: !1,
+		shouldTruncate: !1
 	},
 	number: {
 		minimumWidth: 112,
-		flexible: !1,
-		truncate: !1
+		isFlexible: !1,
+		shouldTruncate: !1
 	},
 	timestamp: {
 		minimumWidth: 160,
-		flexible: !1,
-		truncate: !1
+		isFlexible: !1,
+		shouldTruncate: !1
 	},
 	actions: {
 		minimumWidth: 112,
-		flexible: !1,
-		truncate: !1
+		isFlexible: !1,
+		shouldTruncate: !1
 	}
-}, he = {
-	fixed: j.content,
-	content: j.contentCell
-}, N = {
-	primary: j.start,
-	text: j.start,
-	status: j.start,
-	number: j.end,
-	timestamp: j.end,
-	actions: j.end
 }, ge = {
-	content: j.content,
-	fill: j.fillFrame
-}, P = {
-	content: j.content,
-	fill: j.fillViewport
+	fixed: N.content,
+	content: N.contentCell
+}, F = {
+	primary: N.start,
+	text: N.start,
+	status: N.start,
+	number: N.end,
+	timestamp: N.end,
+	actions: N.end
+}, I = {
+	content: N.content,
+	fill: N.fillFrame
+}, L = {
+	content: N.content,
+	fill: N.fillViewport
 };
-function F(e) {
+function _e(e) {
 	return e.map((e) => {
-		let t = M[e.role], n = e.width ?? (t.flexible ? void 0 : t.minimumWidth);
+		let t = P[e.role], n = e.width ?? (t.isFlexible ? void 0 : t.minimumWidth);
 		return {
 			...e,
 			...n === void 0 ? {} : { width: n }
 		};
 	});
 }
-function I(e, t = 0) {
+function ve(e, t = 0) {
 	return {
-		minimumWidth: e.reduce((e, t) => e + (t.width ?? M[t.role].minimumWidth), t),
-		compactWidth: e.filter((e) => e.secondary !== !0).reduce((e, t) => e + (t.width ?? M[t.role].minimumWidth), t)
+		minimumWidth: e.reduce((e, t) => e + (t.width ?? P[t.role].minimumWidth), t),
+		compactWidth: e.filter((e) => e.isSecondary !== !0).reduce((e, t) => e + (t.width ?? P[t.role].minimumWidth), t)
 	};
 }
-function _e({ columns: e, selectable: t = !1 }) {
-	return /* @__PURE__ */ b("colgroup", { children: [t && /* @__PURE__ */ y("col", { className: "x1d7z9mz xeuugli x1dc62k6" }), e.map((e) => /* @__PURE__ */ y("col", { ...f.props(e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary) }, e.id))] });
+function ye(e) {
+	let t = globalThis.matchMedia(j);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function be() {
+	return globalThis.matchMedia(j).matches;
 }
-function L({ columns: e, sizing: t = "content", rowSizing: n = "fixed", hideHeaders: r = !1 }) {
-	let i = F(e), { minimumWidth: a, compactWidth: o } = I(i);
-	return /* @__PURE__ */ y("div", {
+function xe({ columns: e, canSelect: t = !1 }) {
+	return /* @__PURE__ */ x("colgroup", { children: [t && /* @__PURE__ */ b("col", { className: "x1d7z9mz xeuugli x1dc62k6" }), e.map((e) => /* @__PURE__ */ b("col", { ...p.props(e.width !== void 0 && N.width(e.width), e.isSecondary === !0 && N.secondary) }, e.id))] });
+}
+function R({ columns: e, sizing: t = "content", rowSizing: n = "fixed", hideHeaders: r = !1 }) {
+	let i = _e(e), { minimumWidth: a, compactWidth: o } = ve(i);
+	return /* @__PURE__ */ b("div", {
 		"aria-hidden": !0,
 		inert: !0,
-		...f.props(j.frame, ge[t], j.placeholder),
-		children: /* @__PURE__ */ y("div", {
-			...f.props(j.viewport, P[t]),
-			children: /* @__PURE__ */ b("table", {
-				...f.props(j.table, j.fixed, j.minimumWidth(a, o)),
+		...p.props(N.frame, I[t], N.placeholder),
+		children: /* @__PURE__ */ b("div", {
+			...p.props(N.viewport, L[t]),
+			children: /* @__PURE__ */ x("table", {
+				...p.props(N.table, N.fixed, N.minimumWidth(a, o)),
 				children: [
-					/* @__PURE__ */ y(_e, { columns: i }),
-					/* @__PURE__ */ y("thead", {
-						...f.props(r && l.hidden),
-						children: /* @__PURE__ */ y("tr", { children: i.map((e) => /* @__PURE__ */ y("th", {
-							...f.props(j.header, N[e.role], e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary),
-							children: /* @__PURE__ */ y("span", {
+					/* @__PURE__ */ b(xe, { columns: i }),
+					/* @__PURE__ */ b("thead", {
+						...p.props(r && l.hidden),
+						children: /* @__PURE__ */ b("tr", { children: i.map((e) => /* @__PURE__ */ b("th", {
+							...p.props(N.header, F[e.role], e.width !== void 0 && N.width(e.width), e.isSecondary === !0 && N.secondary),
+							children: /* @__PURE__ */ b("span", {
 								className: "x1lliihq xeuugli xb3r6kr xlyipyv xuxw1ft",
 								children: e.label
 							})
 						}, e.id)) })
 					}),
-					/* @__PURE__ */ y("tbody", { children: [
+					/* @__PURE__ */ b("tbody", { children: [
 						"first",
 						"second",
 						"third"
-					].map((e) => /* @__PURE__ */ y("tr", {
-						className: "x1v2how9 xso031l x1q0q8m5 x1qndepd x13nmlw8 x1t1lzn6",
-						children: i.map((e) => /* @__PURE__ */ y("td", {
-							...f.props(j.cell, he[n], N[e.role], e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary),
-							children: /* @__PURE__ */ y(H, {
+					].map((e) => /* @__PURE__ */ b("tr", {
+						className: "x1wtzb06 xso031l x1q0q8m5 x1qndepd x19k386i x1t1lzn6",
+						children: i.map((e) => /* @__PURE__ */ b("td", {
+							...p.props(N.cell, ge[n], F[e.role], e.width !== void 0 && N.width(e.width), e.isSecondary === !0 && N.secondary),
+							children: /* @__PURE__ */ b(H, {
 								role: e.role,
-								fixed: n === "fixed",
-								truncate: void 0,
-								children: e.placeholder ?? /* @__PURE__ */ y(c, { width: "60%" })
+								isFixed: n === "fixed",
+								shouldTruncate: void 0,
+								children: e.placeholder ?? /* @__PURE__ */ b(c, { width: "60%" })
 							})
 						}, e.id))
 					}, e)) })
@@ -363,97 +375,97 @@ function L({ columns: e, sizing: t = "content", rowSizing: n = "fixed", hideHead
 		})
 	});
 }
-function R({ children: e, leading: t, decorative: n = !1 }) {
-	return /* @__PURE__ */ b("span", {
+function z({ children: e, leading: t, isDecorative: n = !1 }) {
+	return /* @__PURE__ */ x("span", {
 		"aria-hidden": n || void 0,
 		inert: n || void 0,
 		className: "x78zum5 x6s0dn4 x1n8ia3y xeuugli xh8yej3",
-		children: [t !== void 0 && /* @__PURE__ */ y("span", {
+		children: [t !== void 0 && /* @__PURE__ */ b("span", {
 			"aria-hidden": !0,
 			className: "x3nfvp2 x6s0dn4 x2lah0s",
 			children: t
-		}), /* @__PURE__ */ y("span", {
+		}), /* @__PURE__ */ b("span", {
 			className: "x98rzlu xeuugli",
 			children: e
 		})]
 	});
 }
-function z({ children: e, secondary: t, leading: n, trailing: r }) {
-	return /* @__PURE__ */ b(R, {
+function B({ children: e, secondary: t, leading: n, trailing: r }) {
+	return /* @__PURE__ */ x(z, {
 		leading: n,
-		children: [/* @__PURE__ */ b("span", {
+		children: [/* @__PURE__ */ x("span", {
 			className: "x78zum5 x6s0dn4 x1hnptsi xeuugli",
-			children: [/* @__PURE__ */ y("span", {
+			children: [/* @__PURE__ */ b("span", {
 				title: e,
 				className: "x1lliihq xeuugli x14atkfc xs83m0k xb3r6kr xuxw1ft xlyipyv",
 				children: e
-			}), r != null && /* @__PURE__ */ y("span", {
+			}), r != null && /* @__PURE__ */ b("span", {
 				className: "x3nfvp2 x6s0dn4 x2lah0s",
 				children: r
 			})]
-		}), t !== void 0 && /* @__PURE__ */ y("span", {
+		}), t !== void 0 && /* @__PURE__ */ b("span", {
 			title: t,
 			className: "x1lliihq xeuugli xh8yej3 xb3r6kr xuxw1ft xlyipyv x153jb6y xy8obcc xas2l8k",
 			children: t
 		})]
 	});
 }
-function B({ leading: e, secondary: t = !1 }) {
-	return /* @__PURE__ */ b(R, {
+function V({ leading: e, isSecondary: t = !1 }) {
+	return /* @__PURE__ */ x(z, {
 		leading: e,
-		decorative: !0,
-		children: [/* @__PURE__ */ y("span", {
+		isDecorative: !0,
+		children: [/* @__PURE__ */ b("span", {
 			className: "x1lliihq xeuugli xh8yej3",
-			children: /* @__PURE__ */ y(c, { width: "70%" })
-		}), t && /* @__PURE__ */ y("span", {
+			children: /* @__PURE__ */ b(c, { width: "70%" })
+		}), t && /* @__PURE__ */ b("span", {
 			className: "x1lliihq xeuugli xh8yej3 x153jb6y xy8obcc xas2l8k",
-			children: /* @__PURE__ */ y(c, { width: "45%" })
+			children: /* @__PURE__ */ b(c, { width: "45%" })
 		})]
 	});
 }
-function V({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, onSortChange: s, selectedIds: c, onSelectionChange: d, selectionLabel: p, rowAction: v, activeRowId: x, focusRowId: S, hideCaption: C = !1, hideHeaders: w = !1, rowSizing: T = "fixed", window: E, endContent: D, onEndReached: O, footer: k }) {
-	let A = te(() => F(t), [t]), me = te(() => {
-		let e = ae();
+function Se({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, onSortChange: s, selectedIds: c, onSelectionChange: d, selectionLabel: f, rowAction: m, activeRowId: y, focusRowId: S, hideCaption: C = !1, hideHeaders: w = !1, rowSizing: T = "fixed", window: E, endContent: D, onEndReached: O, footer: k }) {
+	let A = te(() => _e(t), [t]), ue = ne(ye, be, () => !1), j = te(() => {
+		let e = oe();
 		return e.columns(A.map((t) => e.display({
 			id: t.id,
 			header: t.label
 		})));
-	}, [A]), M = oe({
-		features: ue,
-		columns: me,
+	}, [A]), M = se({
+		features: fe,
+		columns: j,
 		data: e,
 		getRowId: n
-	}), L = g(null), R = g(null), z = g(null), B = g(null), [V, ye] = _(0), [be, W] = _(), G = g(void 0), K = g(void 0), q = e.findIndex((e) => n(e) === be), J = A.findIndex((e) => e.role === "primary" && e.secondary !== !0), xe = J === -1 ? A.findIndex((e) => e.secondary !== !0) : J, Y = typeof E?.height == "string" ? E.height : "content";
-	h(() => {
+	}), P = _(null), R = _(null), z = _(null), B = _(null), [V, Se] = v(0), [we, W] = v(), G = _(void 0), K = _(void 0), q = e.findIndex((e) => n(e) === we), J = A.findIndex((e) => e.role === "primary" && e.isSecondary !== !0), Y = J === -1 ? A.findIndex((e) => e.isSecondary !== !0) : J, X = typeof E?.height == "string" ? E.height : "content";
+	g(() => {
 		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]`);
+		let e = P.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]), le({
+	}, [e, S]), de({
 		end: R,
 		onEndReached: E === void 0 ? O : void 0,
 		content: e.length
-	}), m(() => {
+	}), h(() => {
 		let e = z.current, t = B.current;
 		if (E === void 0 || e === null || t === null) return;
-		let n = new ResizeObserver(() => ye(e.offsetHeight + t.offsetHeight));
+		let n = new ResizeObserver(() => Se(e.offsetHeight + t.offsetHeight));
 		return n.observe(e), n.observe(t), () => n.disconnect();
 	}, [
 		E,
 		C,
 		w
 	]);
-	let X = ce({
+	let Z = le({
 		count: e.length,
 		enabled: E !== void 0,
-		getScrollElement: () => L.current,
+		getScrollElement: () => P.current,
 		getItemKey: (t) => {
 			let r = e[t];
 			if (r === void 0) throw RangeError("The virtual row is outside the supplied table page.");
@@ -464,7 +476,7 @@ function V({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 		scrollPaddingStart: V,
 		overscan: 6,
 		rangeExtractor: (t) => {
-			let n = se(t);
+			let n = ce(t);
 			return q === -1 ? n : [.../* @__PURE__ */ new Set([
 				...n,
 				q - 1,
@@ -472,80 +484,80 @@ function V({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 				q + 1
 			])].filter((t) => t >= 0 && t < e.length).toSorted((e, t) => e - t);
 		}
-	}), Se = E === void 0 ? M.getRowModel().rows.map((e, t) => ({
+	}), Te = E === void 0 ? M.getRowModel().rows.map((e, t) => ({
 		row: e,
 		index: t,
 		spacerHeight: 0
-	})) : X.getVirtualItems().flatMap((e, t, n) => {
+	})) : Z.getVirtualItems().flatMap((e, t, n) => {
 		let r = M.getRowModel().rows[e.index];
 		return r === void 0 ? [] : [{
 			row: r,
 			index: e.index,
 			spacerHeight: e.start - (n[t - 1]?.end ?? V)
 		}];
-	}), Z = E !== void 0 && (e.length === 0 || X.range?.endIndex === e.length - 1);
-	m(() => {
-		Z && O?.();
+	}), Q = E !== void 0 && (e.length === 0 || Z.range?.endIndex === e.length - 1);
+	h(() => {
+		Q && O?.();
 	}, [
-		Z,
+		Q,
 		O,
 		e.length
-	]), h(() => {
+	]), g(() => {
 		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]");
+		let e = Array.from(P.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 Ce(t, r) {
+	function Ee(t, r) {
 		let i = t.metaKey || t.ctrlKey, a = t.altKey || t.shiftKey;
 		if (i || a) return;
-		let o = pe.get(t.key);
+		let o = he.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), E !== void 0 && X.scrollToIndex(s, { align: "auto" }));
+		c !== void 0 && (G.current = n(c), W(G.current), E !== void 0 && Z.scrollToIndex(s, { align: "auto" }));
 	}
-	let Q = A.length + (c === void 0 ? 0 : 1), $ = c === void 0 ? 0 : de, we = k != null && typeof k != "boolean", { minimumWidth: Te, compactWidth: Ee } = I(A, $), De = X.getTotalSize() - (X.getVirtualItems().at(-1)?.end ?? V) + V;
-	return /* @__PURE__ */ b("div", {
-		...f.props(j.frame, ge[Y]),
-		children: [/* @__PURE__ */ b("div", {
-			ref: L,
+	let $ = A.filter((e) => !ue || e.isSecondary !== !0).length + (c === void 0 ? 0 : 1), De = c === void 0 ? 0 : pe, Oe = k != null && typeof k != "boolean", { minimumWidth: ke, compactWidth: Ae } = ve(A, De), je = Z.getTotalSize() - (Z.getVirtualItems().at(-1)?.end ?? V) + V;
+	return /* @__PURE__ */ x("div", {
+		...p.props(N.frame, I[X]),
+		children: [/* @__PURE__ */ x("div", {
+			ref: P,
 			role: "region",
 			"aria-label": r,
 			tabIndex: 0,
-			...f.props(j.viewport, P[Y], typeof E?.height == "number" && j.virtual(E.height)),
-			children: [/* @__PURE__ */ b("table", {
+			...p.props(N.viewport, L[X], typeof E?.height == "number" && N.virtual(E.height)),
+			children: [/* @__PURE__ */ x("table", {
 				"aria-rowcount": E === void 0 ? void 0 : Math.max(1, e.length) + 1,
-				...f.props(j.table, j.fixed, j.minimumWidth(Te, Ee)),
+				...p.props(N.table, N.fixed, N.minimumWidth(ke, Ae)),
 				children: [
-					/* @__PURE__ */ y("caption", {
+					/* @__PURE__ */ b("caption", {
 						ref: z,
-						...f.props(j.caption, C && l.hidden),
+						...p.props(N.caption, C && l.hidden),
 						children: r
 					}),
-					/* @__PURE__ */ y(_e, {
+					/* @__PURE__ */ b(xe, {
 						columns: A,
-						selectable: c !== void 0
+						canSelect: c !== void 0
 					}),
-					/* @__PURE__ */ y("thead", {
+					/* @__PURE__ */ b("thead", {
 						ref: B,
-						...f.props(w && l.hidden),
-						children: /* @__PURE__ */ b("tr", { children: [c !== void 0 && /* @__PURE__ */ y("th", {
+						...p.props(w && l.hidden),
+						children: /* @__PURE__ */ x("tr", { children: [c !== void 0 && /* @__PURE__ */ b("th", {
 							scope: "col",
-							className: "x9f619 x7wzq59 x13vifvy x4k8i88 x24vdcc xt970qd xso031l x1q0q8m5 x1qndepd x153jb6y xpvm0e4 xj57cvi xy8obcc xas2l8k xuxw1ft x1d7z9mz xeuugli x1dc62k6",
-							children: /* @__PURE__ */ y("span", {
-								...f.props(l.hidden),
+							className: "x9f619 x7wzq59 x13vifvy x11ru5tl x1krvmzm xt970qd xso031l x1q0q8m5 x1qndepd x153jb6y xpvm0e4 xj57cvi xy8obcc xas2l8k xuxw1ft x1d7z9mz xeuugli x1dc62k6",
+							children: /* @__PURE__ */ b("span", {
+								...p.props(l.hidden),
 								children: "Select"
 							})
 						}), A.map((e) => {
 							let t = o?.columnId === e.id ? o.direction : void 0;
-							return /* @__PURE__ */ y("th", {
+							return /* @__PURE__ */ b("th", {
 								scope: "col",
 								title: e.label,
 								"aria-sort": t,
-								...f.props(j.header, N[e.role], e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary),
-								children: e.sortable === !0 && s !== void 0 ? /* @__PURE__ */ b("button", {
+								...p.props(N.header, F[e.role], e.width !== void 0 && N.width(e.width), e.isSecondary === !0 && N.secondary),
+								children: e.canSort === !0 && s !== void 0 ? /* @__PURE__ */ x("button", {
 									type: "button",
-									className: "x3nfvp2 x6s0dn4 x1hnptsi x193iq5w xeuugli x3h6u66 xwu7q15 x1717udv xc342km x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x1ypdohk x1mkgjtd x1s9zmfe x13qnu6 x9v5kkp x19rmrnh x7s97pk",
+									className: "x3nfvp2 x6s0dn4 x1hnptsi x193iq5w xeuugli x2zujid x17oiadl x1717udv xc342km x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x1ypdohk xp9636p x1s9zmfe x13qnu6 x9v5kkp x19rmrnh x7s97pk",
 									onClick: () => {
 										s(t === "ascending" ? {
 											columnId: e.id,
@@ -555,97 +567,97 @@ function V({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 											direction: "ascending"
 										});
 									},
-									children: [/* @__PURE__ */ y("span", {
+									children: [/* @__PURE__ */ b("span", {
 										className: "x1lliihq xeuugli xb3r6kr xlyipyv xuxw1ft",
 										children: e.label
-									}), y(t === "ascending" ? re : t === "descending" ? ne : ie, {
+									}), b(t === "ascending" ? ie : t === "descending" ? re : ae, {
 										size: 14,
 										"aria-hidden": "true",
 										className: "x2lah0s"
 									})]
-								}) : /* @__PURE__ */ y("span", {
+								}) : /* @__PURE__ */ b("span", {
 									className: "x1lliihq xeuugli xb3r6kr xlyipyv xuxw1ft",
 									children: e.label
 								})
 							}, e.id);
 						})] })
 					}),
-					/* @__PURE__ */ b("tbody", {
+					/* @__PURE__ */ x("tbody", {
 						onBlur: (e) => {
 							e.currentTarget.contains(e.relatedTarget) || W(void 0);
 						},
 						children: [
-							Se.map(({ row: e, index: t, spacerHeight: n }) => /* @__PURE__ */ b(ee, { children: [n > 0 && /* @__PURE__ */ y("tr", {
+							Te.map(({ row: e, index: t, spacerHeight: n }) => /* @__PURE__ */ x(ee, { children: [n > 0 && /* @__PURE__ */ b("tr", {
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ y("td", {
-									colSpan: Q,
-									...f.props(j.spacer(n))
+								children: /* @__PURE__ */ b("td", {
+									colSpan: $,
+									...p.props(N.spacer(n))
 								})
-							}), /* @__PURE__ */ b("tr", {
+							}), /* @__PURE__ */ x("tr", {
 								"data-index": t,
 								"data-row-id": e.id,
 								"aria-rowindex": E === void 0 ? void 0 : t + 2,
-								ref: E === void 0 || T === "fixed" ? void 0 : X.measureElement,
+								ref: E === void 0 || T === "fixed" ? void 0 : Z.measureElement,
 								onFocus: () => W(e.id),
 								onClick: (e) => {
-									if (v === void 0 || !U(e) || e.target instanceof Element && e.target.closest(fe) !== null) return;
+									if (m === void 0 || !U(e) || e.target instanceof Element && e.target.closest(me) !== null) return;
 									let t = e.currentTarget.querySelector("[data-row-action]");
 									t?.focus({ preventScroll: !0 }), t?.click();
 								},
 								...{
-									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" }
-								}[(v !== void 0) << 1 | (c?.has(e.id) === !0 || x === e.id)],
-								children: [c !== void 0 && /* @__PURE__ */ y("td", {
+									0: { className: "x1wtzb06 xso031l x1q0q8m5 x1qndepd x19k386i x1t1lzn6" },
+									2: { className: "x1wtzb06 xso031l x1q0q8m5 x1qndepd x19k386i x1t1lzn6 x1ypdohk x1ecmtor" },
+									1: { className: "x1wtzb06 xso031l x1q0q8m5 x1qndepd x19k386i x1t1lzn6 x1r8u7ye" },
+									3: { className: "x1wtzb06 xso031l x1q0q8m5 x1qndepd x19k386i x1t1lzn6 x1ypdohk x1ecmtor x1r8u7ye" }
+								}[(m !== void 0) << 1 | (c?.has(e.id) === !0 || y === e.id)],
+								children: [c !== void 0 && /* @__PURE__ */ b("td", {
 									className: "x9f619 xt970qd xxymvpz xj0a0fe x1d7z9mz xeuugli x1dc62k6",
-									children: /* @__PURE__ */ y(a.Root, {
-										"aria-label": p(e.original),
+									children: /* @__PURE__ */ b(a.Root, {
+										"aria-label": f(e.original),
 										checked: c.has(e.id),
 										onCheckedChange: (t) => {
 											let n = new Set(c);
 											t ? n.add(e.id) : n.delete(e.id), d(n);
 										},
-										children: /* @__PURE__ */ y(a.Indicator, {})
+										children: /* @__PURE__ */ b(a.Indicator, {})
 									})
-								}), A.map((n, r) => /* @__PURE__ */ y("td", {
-									...f.props(j.cell, he[T], N[n.role], n.width !== void 0 && j.width(n.width), n.secondary === !0 && j.secondary),
-									children: v !== void 0 && r === xe ? /* @__PURE__ */ y(ve, {
+								}), A.map((n, r) => /* @__PURE__ */ b("td", {
+									...p.props(N.cell, ge[T], F[n.role], n.width !== void 0 && N.width(n.width), n.isSecondary === !0 && N.secondary),
+									children: m !== void 0 && r === Y ? /* @__PURE__ */ b(Ce, {
 										row: e.original,
-										action: v,
-										active: x === e.id,
-										onKeyDown: (e) => Ce(e, t),
-										children: /* @__PURE__ */ y(H, {
+										action: m,
+										isActive: y === e.id,
+										onKeyDown: (e) => Ee(e, t),
+										children: /* @__PURE__ */ b(H, {
 											role: n.role,
-											fixed: T === "fixed",
-											truncate: n.truncate,
+											isFixed: T === "fixed",
+											shouldTruncate: n.shouldTruncate,
 											children: n.cell(e.original)
 										})
-									}) : /* @__PURE__ */ y(H, {
+									}) : /* @__PURE__ */ b(H, {
 										role: n.role,
-										fixed: T === "fixed",
-										truncate: n.truncate,
+										isFixed: T === "fixed",
+										shouldTruncate: n.shouldTruncate,
 										children: n.cell(e.original)
 									})
 								}, n.id))]
 							})] }, e.id)),
-							E !== void 0 && De > 0 && /* @__PURE__ */ y("tr", {
+							E !== void 0 && je > 0 && /* @__PURE__ */ b("tr", {
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ y("td", {
-									colSpan: Q,
-									...f.props(j.spacer(De))
+								children: /* @__PURE__ */ b("td", {
+									colSpan: $,
+									...p.props(N.spacer(je))
 								})
 							}),
-							e.length === 0 && /* @__PURE__ */ y("tr", { children: /* @__PURE__ */ y("td", {
-								colSpan: Q,
+							e.length === 0 && /* @__PURE__ */ b("tr", { children: /* @__PURE__ */ b("td", {
+								colSpan: $,
 								className: "x1ttojsm x2b8uid x153jb6y",
 								children: i
 							}) })
 						]
 					})
 				]
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ b("div", {
 				ref: R,
 				...{
 					0: {},
@@ -653,31 +665,31 @@ function V({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 				}[D !== void 0 | 0],
 				children: D
 			})]
-		}), we && /* @__PURE__ */ y("div", {
+		}), Oe && /* @__PURE__ */ b("div", {
 			className: "xg7ukam x178xt8z x13fuv20 xhjagg4",
 			children: k
 		})]
 	});
 }
-function H({ role: e, fixed: t, truncate: n, children: r }) {
-	let i = M[e], a = t && i.truncate, o = typeof r == "string" && (n ?? a);
-	return /* @__PURE__ */ y("span", {
+function H({ role: e, isFixed: t, shouldTruncate: n, children: r }) {
+	let i = P[e], a = t && i.shouldTruncate, o = typeof r == "string" && (n ?? a);
+	return /* @__PURE__ */ b("span", {
 		...{
-			0: { className: "x78zum5 x6s0dn4 xeuugli xh8yej3 xz7qr2x" },
+			0: { className: "x78zum5 x6s0dn4 xeuugli xh8yej3 xw3im37" },
 			1: { className: "x78zum5 x6s0dn4 xeuugli xh8yej3 xt7dq6l" }
 		}[!t | 0],
-		children: /* @__PURE__ */ y("span", {
+		children: /* @__PURE__ */ b("span", {
 			title: typeof r == "string" ? r : void 0,
 			...{
 				0: { className: "x1lliihq xeuugli xh8yej3 x193iq5w" },
-				4: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xhbluta" },
+				4: { className: "x1lliihq xeuugli xh8yej3 x193iq5w x1l6neo7" },
 				2: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xuxw1ft" },
-				6: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xhbluta xuxw1ft" },
+				6: { className: "x1lliihq xeuugli xh8yej3 x193iq5w x1l6neo7 xuxw1ft" },
 				1: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xb3r6kr xuxw1ft xlyipyv" },
-				5: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xhbluta xb3r6kr xuxw1ft xlyipyv" },
+				5: { className: "x1lliihq xeuugli xh8yej3 x193iq5w x1l6neo7 xb3r6kr xuxw1ft xlyipyv" },
 				3: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xb3r6kr xuxw1ft xlyipyv" },
-				7: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xhbluta xb3r6kr xuxw1ft xlyipyv" }
-			}[!!t << 2 | !(!t || i.truncate) << 1 | !!o],
+				7: { className: "x1lliihq xeuugli xh8yej3 x193iq5w x1l6neo7 xb3r6kr xuxw1ft xlyipyv" }
+			}[!!t << 2 | !(!t || i.shouldTruncate) << 1 | !!o],
 			children: r
 		})
 	});
@@ -687,8 +699,8 @@ function U(e) {
 	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 ve({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
-	let a = t.label?.(e), o = t.href === void 0 ? /* @__PURE__ */ y("button", {
+function Ce({ row: e, action: t, isActive: n, children: r, onKeyDown: i }) {
+	let a = t.label?.(e), o = t.href === void 0 ? /* @__PURE__ */ b("button", {
 		type: "button",
 		"aria-label": a,
 		"aria-pressed": n,
@@ -697,9 +709,9 @@ function ve({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
 		onClick: (n) => {
 			U(n) && t.onActivate(e);
 		},
-		className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli x17tes2r xwu7q15 x1717udv xc342km x1ok0vyi x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
+		className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli x17tes2r x17oiadl x1717udv xc342km x1ok0vyi x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
 		children: r
-	}) : /* @__PURE__ */ y("a", {
+	}) : /* @__PURE__ */ b("a", {
 		href: t.href(e),
 		"aria-label": a,
 		"data-row-action": !0,
@@ -707,55 +719,55 @@ function ve({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
 		onClick: (n) => {
 			t.onActivate !== void 0 && U(n) && (n.preventDefault(), t.onActivate(e));
 		},
-		className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli x17tes2r xwu7q15 x1717udv xc342km x1ok0vyi x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
+		className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli x17tes2r x17oiadl x1717udv xc342km x1ok0vyi x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
 		children: r
 	});
-	return a === void 0 ? o : /* @__PURE__ */ b(s.Root, { children: [/* @__PURE__ */ y(s.Trigger, { render: o }), /* @__PURE__ */ y(s.Portal, { children: /* @__PURE__ */ y(s.Positioner, {
+	return a === void 0 ? o : /* @__PURE__ */ x(s.Root, { children: [/* @__PURE__ */ b(s.Trigger, { render: o }), /* @__PURE__ */ b(s.Portal, { children: /* @__PURE__ */ b(s.Positioner, {
 		side: "top",
 		align: "start",
-		children: /* @__PURE__ */ y(s.Popup, { children: a })
+		children: /* @__PURE__ */ b(s.Popup, { children: a })
 	}) })] });
 }
 // packages/collections/src/collection-scroll.tsx
-function ye(r) {
+function we(r) {
 	switch (r.status) {
-		case "loading": return /* @__PURE__ */ y(t, {
+		case "loading": return /* @__PURE__ */ b(t, {
 			role: "status",
 			variant: "caption",
 			tone: "muted",
 			children: r.message ?? "Loading…"
 		});
-		case "complete": return r.message === void 0 ? null : /* @__PURE__ */ y(t, {
+		case "complete": return r.message === void 0 ? null : /* @__PURE__ */ b(t, {
 			variant: "caption",
 			tone: "muted",
 			children: r.message
 		});
-		case "ready": return /* @__PURE__ */ y(e, {
+		case "ready": return /* @__PURE__ */ b(e, {
 			onClick: r.onLoadMore,
 			children: r.message ?? "Load more"
 		});
-		case "error": return /* @__PURE__ */ b(n, {
+		case "error": return /* @__PURE__ */ x(n, {
 			role: "status",
-			children: [/* @__PURE__ */ y(t, {
+			children: [/* @__PURE__ */ b(t, {
 				variant: "caption",
 				tone: "muted",
 				children: r.message ?? "More records could not be loaded."
-			}), /* @__PURE__ */ y(e, {
+			}), /* @__PURE__ */ b(e, {
 				onClick: r.onLoadMore,
 				children: "Retry"
 			})]
 		});
 	}
 }
-function be({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosition: i = "end", label: a = "Collection" }) {
-	let o = g(null), s = g(null);
-	le({
+function W({ children: e, endContent: t, onEndReached: n, shouldFill: r = !1, endPosition: i = "end", label: a = "Collection" }) {
+	let o = _(null), s = _(null);
+	de({
 		end: s,
 		viewport: r ? o : void 0,
 		onEndReached: n,
 		content: e
 	});
-	let c = /* @__PURE__ */ y("div", {
+	let c = /* @__PURE__ */ b("div", {
 		ref: s,
 		...{
 			0: {},
@@ -763,7 +775,7 @@ function be({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosi
 		}[t !== void 0 | 0],
 		children: t
 	});
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ x("div", {
 		ref: o,
 		role: r ? "region" : void 0,
 		"aria-label": r ? a : void 0,
@@ -780,44 +792,44 @@ function be({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosi
 	});
 }
 // packages/collections/src/inspector.tsx
-var W = 860;
-function G({ master: t, detail: n, label: r, masterLabel: i, revealKey: a, returnFocusRef: o, ...s }) {
-	let c = g(null), l = g(null), u = g(null);
-	h(() => {
-		a !== void 0 && c.current !== null && u.current !== null && c.current.clientWidth <= W && (u.current.focus({ preventScroll: !0 }), u.current.scrollIntoView({
+var G = 860;
+function K({ master: t, detail: n, label: r, masterLabel: i, revealKey: a, returnFocusRef: o, ...s }) {
+	let c = _(null), l = _(null), u = _(null);
+	g(() => {
+		a !== void 0 && c.current !== null && u.current !== null && c.current.clientWidth <= G && (u.current.focus({ preventScroll: !0 }), u.current.scrollIntoView({
 			block: "start",
 			behavior: "instant"
 		}));
 	}, [a]);
-	function f() {
+	function d() {
 		let e = o?.current ?? l.current;
 		e?.focus({ preventScroll: !0 }), e?.scrollIntoView({
 			block: "nearest",
 			behavior: "instant"
 		});
 	}
-	return /* @__PURE__ */ y("div", {
-		...d({ className: "x9vvk8s x12h1iku xeuugli xbixft x1hz01jw xtqrqnz x1778rvt" }, s),
-		children: /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ b("div", {
+		...f({ className: "x9vvk8s x12h1iku xeuugli xbixft x1hz01jw xtqrqnz x1778rvt" }, s),
+		children: /* @__PURE__ */ x("div", {
 			ref: c,
 			className: "xrvj5dj x4ruv2j x1y7acmc x7a106z x1j825kq xeuugli",
-			children: [/* @__PURE__ */ y("div", {
+			children: [/* @__PURE__ */ b("div", {
 				ref: l,
 				role: "group",
 				"aria-label": i,
 				tabIndex: -1,
 				className: "xeuugli",
 				children: t
-			}), /* @__PURE__ */ b("aside", {
+			}), /* @__PURE__ */ x("aside", {
 				ref: u,
 				"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__ */ y("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "x1s85apg x1yamub6 x1xxlxpq",
-					children: /* @__PURE__ */ b(e, {
+					children: /* @__PURE__ */ x(e, {
 						variant: "ghost",
-						onClick: f,
+						onClick: d,
 						children: ["Back to ", i.toLowerCase()]
 					})
 				}), n]
@@ -825,15 +837,15 @@ function G({ master: t, detail: n, label: r, masterLabel: i, revealKey: a, retur
 		})
 	});
 }
-function K({ items: e, ...t }) {
-	return /* @__PURE__ */ y("dl", {
-		...d({ className: "x1ghz6dp xrvj5dj xezdspq x1i3977y xuytk5h x1hz01jw xvmahel xtqrqnz x1778rvt" }, t),
-		children: e.map(({ label: e, value: t }) => /* @__PURE__ */ b("div", {
+function q({ items: e, ...t }) {
+	return /* @__PURE__ */ b("dl", {
+		...f({ className: "x1ghz6dp xrvj5dj xezdspq x1i3977y xuytk5h x1hz01jw xvmahel xtqrqnz x1778rvt" }, t),
+		children: e.map(({ label: e, value: t }) => /* @__PURE__ */ x("div", {
 			className: "xjp7ctv",
-			children: [/* @__PURE__ */ y("dt", {
+			children: [/* @__PURE__ */ b("dt", {
 				className: "xeuugli x153jb6y xj0a0fe",
 				children: e
-			}), /* @__PURE__ */ y("dd", {
+			}), /* @__PURE__ */ b("dd", {
 				className: "xeuugli x1ghz6dp xbixft xj0a0fe xss6m8b",
 				children: t
 			})]
@@ -841,20 +853,20 @@ function K({ items: e, ...t }) {
 	});
 }
 // packages/collections/src/list-footer.tsx
-function q({ children: e, actions: t, ...n }) {
-	return /* @__PURE__ */ b("div", {
-		...d({ className: "x78zum5 x6s0dn4 x1qughib x1a02dak xeuugli x1n8ia3y x1qokhjc x1m92p3w x178xt8z x13fuv20 xhjagg4 x153jb6y x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
-		children: [/* @__PURE__ */ y("div", {
+function J({ children: e, actions: t, ...n }) {
+	return /* @__PURE__ */ x("div", {
+		...f({ className: "x78zum5 x6s0dn4 x1qughib x1a02dak xeuugli x1n8ia3y x1qokhjc x1m92p3w x178xt8z x13fuv20 xhjagg4 x153jb6y x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
+		children: [/* @__PURE__ */ b("div", {
 			className: "xeuugli xj0a0fe",
 			children: e
-		}), t != null && /* @__PURE__ */ y("div", {
+		}), t != null && /* @__PURE__ */ b("div", {
 			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli",
 			children: t
 		})]
 	});
 }
 // packages/collections/src/metrics.tsx
-var J = {
+var Y = {
 	grid: {
 		k1xSpc: "x78zum5",
 		kwnvtZ: "x1a02dak",
@@ -872,160 +884,84 @@ var J = {
 		kogj98: "x1ghz6dp",
 		$$css: !0
 	}
-}, xe = {
-	inline: J.grid,
-	columns: J.columns
+}, X = {
+	inline: Y.grid,
+	columns: Y.columns
 };
-function Y({ layout: e = "inline", ...t }) {
-	return /* @__PURE__ */ y("dl", { ...d(f.props(xe[e]), t) });
+function Z({ layout: e = "inline", ...t }) {
+	return /* @__PURE__ */ b("dl", { ...f(p.props(X[e]), t) });
 }
-function X({ label: e, value: t, ...n }) {
-	return /* @__PURE__ */ b("div", {
-		...d({ className: "x3nfvp2 x1pha0wt x1a02dak xunmzkg xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
-		children: [/* @__PURE__ */ y("dt", {
+function Te({ label: e, value: t, ...n }) {
+	return /* @__PURE__ */ x("div", {
+		...f({ className: "x3nfvp2 x1pha0wt x1a02dak xunmzkg xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
+		children: [/* @__PURE__ */ b("dt", {
 			className: "xeuugli x153jb6y x9ek82g xj0a0fe",
 			children: e
-		}), /* @__PURE__ */ y("dd", {
+		}), /* @__PURE__ */ b("dd", {
 			className: "xeuugli x1ghz6dp xbixft xk4h15q xss6m8b xj0a0fe",
 			children: t
 		})]
 	});
 }
-// packages/collections/src/table.tsx
-var Se = {
-	kzqmXN: "x11ymkkh x2ipgtl",
-	$$css: !0
-}, Z = {
-	secondary: {
-		k1xSpc: "x1n9xxwz xazwdyr",
-		$$css: !0
-	},
-	column: (e) => [Se, { "--x-1xmrurk": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
-	th: {
-		kVAEAm: "x1n2onr6",
-		kZKoxP: "x24vdcc",
-		kB7OPa: "x9f619",
-		k8WAf4: "xt970qd",
-		kg3NbH: "x1dc62k6",
-		kWkggS: "xpvm0e4",
-		kMwMTN: "x153jb6y",
-		kGuDYH: "xy8obcc",
-		k63SB2: "xj57cvi",
-		kLWn49: "xas2l8k",
-		khDVqt: "xuxw1ft",
-		k5JduY: "x1s928wv",
-		kwXMNM: "x1j6awrg",
-		kLxBhq: "xnbfe2x",
-		k3foIR: "xxb5w0g",
-		k4zj60: "x1a5uphr",
-		kkgrvl: "xv6d0c5",
-		ks3ayO: "xtccgxd",
-		$$css: !0
-	},
-	lastHeader: {
-		kc3QkE: "x1h1zc6f",
-		$$css: !0
-	},
-	lastPrimaryHeader: {
-		kc3QkE: "x1f72eer",
-		$$css: !0
-	}
-};
-function Ce({ headers: e, children: t, label: n, ...r }) {
-	let i = e.findLastIndex((e) => typeof e == "string" || e.secondary !== !0);
-	return /* @__PURE__ */ y("div", {
-		role: "region",
-		"aria-label": n,
-		tabIndex: 0,
-		className: "xeuugli xh8yej3 xw2csxc x1t137rt x13qnu6 x9v5kkp x19rmrnh x1bqaal",
-		children: /* @__PURE__ */ b("table", {
-			...d({ "aria-label": n }, {
-				0: { className: "xh8yej3 x1mwwwfo xpvm0e4 x1hz01jw xvmahel xtqrqnz x1778rvt xdpxx8g" },
-				1: { className: "xh8yej3 x1mwwwfo xpvm0e4 x1hz01jw xvmahel xtqrqnz x1778rvt xdpxx8g x140o2bo" }
-			}[!!e.some((e) => typeof e != "string") | 0], r),
-			children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ y("tr", { children: e.map((t, n) => /* @__PURE__ */ y("th", {
-				scope: "col",
-				...f.props(Z.th, typeof t != "string" && Z.column(t.width), typeof t != "string" && t.secondary === !0 && Z.secondary, n === e.length - 1 && Z.lastHeader, n === i && Z.lastPrimaryHeader),
-				children: /* @__PURE__ */ y("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__ */ y("tbody", { children: t })]
-		})
-	});
-}
-function Q({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
-	return /* @__PURE__ */ b("td", {
-		...d({
-			0: { className: "x1v2how9 x9f619 x1hmw7ec x1dc62k6 xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv" },
-			1: { className: "x1v2how9 x9f619 x1hmw7ec x1dc62k6 xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv x1n9xxwz xazwdyr" }
-		}[!!t | 0], r),
-		children: [e, n !== void 0 && /* @__PURE__ */ y("small", {
-			className: "x1s85apg xacuhyv x153jb6y xy8obcc xas2l8k xb3r6kr xlyipyv",
-			children: n
-		})]
-	});
-}
 // packages/collections/src/timestamp.tsx
-function $({ dateTime: e, label: t, title: n }) {
-	return n === void 0 ? /* @__PURE__ */ y("time", {
+function Q({ dateTime: e, label: t, title: n }) {
+	return n === void 0 ? /* @__PURE__ */ b("time", {
 		dateTime: e,
 		className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b xj0a0fe x13qnu6 x9v5kkp x19rmrnh x7s97pk",
 		children: t
-	}) : /* @__PURE__ */ b(s.Root, { children: [/* @__PURE__ */ y(s.Trigger, {
-		render: /* @__PURE__ */ y("time", {
+	}) : /* @__PURE__ */ x(s.Root, { children: [/* @__PURE__ */ b(s.Trigger, {
+		render: /* @__PURE__ */ b("time", {
 			dateTime: e,
 			tabIndex: 0,
 			"aria-label": n,
 			className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b xj0a0fe x13qnu6 x9v5kkp x19rmrnh x7s97pk"
 		}),
 		children: t
-	}), /* @__PURE__ */ y(s.Portal, { children: /* @__PURE__ */ y(s.Positioner, { children: /* @__PURE__ */ y(s.Popup, { children: n }) }) })] });
+	}), /* @__PURE__ */ b(s.Portal, { children: /* @__PURE__ */ b(s.Positioner, { children: /* @__PURE__ */ b(s.Popup, { children: n }) }) })] });
 }
 // packages/collections/src/timeline.tsx
-function we({ label: e, children: t }) {
-	return /* @__PURE__ */ y("ol", {
+function Ee({ label: e, children: t }) {
+	return /* @__PURE__ */ b("ol", {
 		"aria-label": e,
 		className: "xe8uvvx x1ghz6dp x1717udv xeuugli",
 		children: t
 	});
 }
-function Te({ icon: e, title: t, time: n, metadata: i, children: a, details: o, defaultOpen: s = !1 }) {
-	let [c, l] = _(s), u = /* @__PURE__ */ b("div", {
+function $({ icon: e, title: t, time: n, metadata: i, children: a, details: o, defaultOpen: s = !1 }) {
+	let [c, l] = v(s), u = /* @__PURE__ */ x("div", {
 		className: "x78zum5 x1pha0wt x1hnptsi x1a02dak xeuugli",
-		children: [/* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "xeuugli xk4h15q xj0a0fe",
-			children: o === void 0 ? t : /* @__PURE__ */ y(r.Trigger, {
-				className: "x14atkfc x16exltd xwu7q15 xt970qd xlqzeqv",
+			children: o === void 0 ? t : /* @__PURE__ */ b(r.Trigger, {
+				className: "x14atkfc x16exltd x17oiadl xt970qd xlqzeqv",
 				children: t
 			})
-		}), n != null && /* @__PURE__ */ y("div", {
+		}), n != null && /* @__PURE__ */ b("div", {
 			className: "xeuugli x153jb6y xy8obcc xas2l8k xss6m8b xj0a0fe",
 			children: n
 		})]
-	}), d = /* @__PURE__ */ b(v, { children: [
+	}), d = /* @__PURE__ */ x(y, { children: [
 		u,
-		a != null && (!c || o === void 0) && /* @__PURE__ */ y("div", {
+		a != null && (!c || o === void 0) && /* @__PURE__ */ b("div", {
 			className: "xeuugli x1ewvobj xj0a0fe",
 			children: a
 		}),
-		i != null && /* @__PURE__ */ y("div", {
+		i != null && /* @__PURE__ */ b("div", {
 			className: "xeuugli x153jb6y xy8obcc xas2l8k xj0a0fe",
 			children: i
 		}),
-		o !== void 0 && /* @__PURE__ */ y(r.Panel, { children: o })
+		o !== void 0 && /* @__PURE__ */ b(r.Panel, { children: o })
 	] });
-	return /* @__PURE__ */ b("li", {
+	return /* @__PURE__ */ x("li", {
 		className: "x1n2onr6 xrvj5dj x1eqwfih x1y1mm1b xhlx3wy xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt xbixft x1cpjm7i x1hmns74 x1lk18uv x1gi6gvw x1jw5pjq x1vgi0k x1mi36wk x1wse844 xup0pd7",
-		children: [/* @__PURE__ */ y("span", {
+		children: [/* @__PURE__ */ b("span", {
 			"aria-hidden": !0,
 			className: "x78zum5 x6s0dn4 xl56j7k x1b1e0sl x153jb6y",
 			children: e
-		}), o === void 0 ? /* @__PURE__ */ y("div", {
+		}), o === void 0 ? /* @__PURE__ */ b("div", {
 			className: "xrvj5dj x1hnptsi xeuugli",
 			children: d
-		}) : /* @__PURE__ */ y(r.Root, {
+		}) : /* @__PURE__ */ b(r.Root, {
 			open: c,
 			onOpenChange: l,
 			className: "xrvj5dj x1hnptsi xeuugli xh8yej3",
@@ -1033,8 +969,8 @@ function Te({ icon: e, title: t, time: n, metadata: i, children: a, details: o,
 		})]
 	});
 }
-var Ee = {
-	Root: we,
-	Item: Te
+var De = {
+	Root: Ee,
+	Item: $
 };
-export { Q as Cell, ye as CollectionEnd, A as CollectionPagination, be as CollectionScroll, D as CollectionToolbar, k as ColumnControls, V as DataTable, L as DataTablePlaceholder, z as DataTableText, B as DataTableTextPlaceholder, K as Details, O as FilterChips, G as Inspector, q as ListFooter, X as Metric, Y as MetricGrid, Ce as Table, Ee as Timeline, $ as Timestamp };
+export { we as CollectionEnd, ue as CollectionPagination, W as CollectionScroll, O as CollectionToolbar, Se as DataTable, R as DataTablePlaceholder, B as DataTableText, V as DataTableTextPlaceholder, q as Details, A as DisplayOptions, k as FilterChips, K as Inspector, J as ListFooter, Te as Metric, Z as MetricGrid, De as Timeline, Q as Timestamp };