@mechane-ai/elements 0.4.0 → 0.5.0

package/dist/collections.js

@@ -1,37 +1,38 @@
-import { c as e, v as t, y as n } from "./src-CbYaLvhD.js";
-import { n as r } from "./src-CvpS9XIR.js";
-import { r as i } from "./src-CfDf8TY8.js";
-import { mergeProps as a } from "@base-ui/react/merge-props";
-import * as o from "@stylexjs/stylex";
-import { Fragment as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { ArrowDown as m, ArrowUp as h, ArrowUpDown as g, ChevronLeft as _, ChevronRight as v, Columns3 as y, X as b } from "lucide-react";
-import { createColumnHelper as x, tableFeatures as S, useTable as C } from "@tanstack/react-table";
-import { defaultRangeExtractor as w, useVirtualizer as T } from "@tanstack/react-virtual";
+import { c as e, f as t, i as n, v as r, y as i } from "./src-CbYaLvhD.js";
+import { r as a } from "./src-CjnbzSgq.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 { 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";
 // packages/collections/src/collection-controls.tsx
-function E({ label: e, children: t, actions: n }) {
-	return /* @__PURE__ */ p("div", {
+function C({ label: e, children: t, actions: n }) {
+	return /* @__PURE__ */ h("div", {
 		role: "group",
 		"aria-label": e,
 		className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi x1m92p3w xn9t2bk xso031l x1q0q8m5 x1qndepd",
-		children: [t, n !== void 0 && /* @__PURE__ */ f("div", {
+		children: [t, n !== void 0 && /* @__PURE__ */ m("div", {
 			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xvc5jky",
 			children: n
 		})]
 	});
 }
-function D({ filters: e, onRemove: t, label: r = "Applied filters" }) {
-	return /* @__PURE__ */ f("div", {
+function w({ filters: e, onRemove: t, label: n = "Applied filters" }) {
+	return /* @__PURE__ */ m("div", {
 		role: "group",
-		"aria-label": r,
+		"aria-label": n,
 		className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi",
-		children: e.map((e) => /* @__PURE__ */ p("span", {
+		children: e.map((e) => /* @__PURE__ */ h("span", {
 			className: "x3nfvp2 x6s0dn4 xunmzkg xyibt8p xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xeuugli x193iq5w xj0a0fe xpvm0e4 xbixft x1hz01jw xtqrqnz",
-			children: [e.label, /* @__PURE__ */ f(n, {
+			children: [e.label, /* @__PURE__ */ m(i, {
 				"aria-label": `Remove ${e.label}`,
 				variant: "ghost",
 				onClick: () => t(e.id),
-				children: /* @__PURE__ */ f(b, {
+				children: /* @__PURE__ */ m(y, {
 					size: 14,
 					"aria-hidden": "true"
 				})
@@ -39,54 +40,54 @@ function D({ filters: e, onRemove: t, label: r = "Applied filters" }) {
 		}, e.id))
 	});
 }
-function O({ columns: e, onVisibilityChange: n, label: a = "Columns" }) {
-	return /* @__PURE__ */ p(i.Root, { children: [/* @__PURE__ */ p(i.Trigger, {
-		render: /* @__PURE__ */ f(t, {
+function T({ columns: e, onVisibilityChange: t, label: n = "Columns" }) {
+	return /* @__PURE__ */ h(o.Root, { children: [/* @__PURE__ */ h(o.Trigger, {
+		render: /* @__PURE__ */ m(r, {
 			variant: "outline",
 			size: "md"
 		}),
-		children: [/* @__PURE__ */ f(y, {
+		children: [/* @__PURE__ */ m(v, {
 			size: 16,
 			"aria-hidden": "true"
-		}), a]
-	}), /* @__PURE__ */ f(i.Portal, { children: /* @__PURE__ */ f(i.Positioner, {
+		}), n]
+	}), /* @__PURE__ */ m(o.Portal, { children: /* @__PURE__ */ m(o.Positioner, {
 		align: "end",
-		children: /* @__PURE__ */ f(i.Popup, {
-			"aria-label": a,
-			children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ m(o.Popup, {
+			"aria-label": n,
+			children: /* @__PURE__ */ m("div", {
 				className: "xrvj5dj x1n8ia3y xfb3i0g",
-				children: e.map((e) => /* @__PURE__ */ p("label", {
+				children: e.map((e) => /* @__PURE__ */ h("label", {
 					className: "x78zum5 x6s0dn4 x1hnptsi xbixft xtqrqnz x1hz01jw",
-					children: [/* @__PURE__ */ f(r.Root, {
+					children: [/* @__PURE__ */ m(a.Root, {
 						checked: e.visible,
-						onCheckedChange: (t) => n(e.id, t),
+						onCheckedChange: (n) => t(e.id, n),
 						disabled: e.required,
-						children: /* @__PURE__ */ f(r.Indicator, {})
+						children: /* @__PURE__ */ m(a.Indicator, {})
 					}), e.label]
 				}, e.id))
 			})
 		})
 	}) })] });
 }
-function k({ description: n, previous: r, next: i }) {
-	return /* @__PURE__ */ p("nav", {
+function E({ description: t, previous: n, next: i }) {
+	return /* @__PURE__ */ h("nav", {
 		"aria-label": "Pagination",
 		className: "x78zum5 x6s0dn4 x1qughib x1a02dak xaml1ju",
-		children: [/* @__PURE__ */ f(e, { children: n }), /* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ m(e, { children: t }), /* @__PURE__ */ h("div", {
 			className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xvc5jky",
-			children: [/* @__PURE__ */ p(t, {
+			children: [/* @__PURE__ */ h(r, {
 				variant: "outline",
-				disabled: r.disabled,
-				onClick: r.onClick,
-				children: [/* @__PURE__ */ f(_, {
+				disabled: n.disabled,
+				onClick: n.onClick,
+				children: [/* @__PURE__ */ m(g, {
 					size: 16,
 					"aria-hidden": "true"
 				}), "Previous"]
-			}), /* @__PURE__ */ p(t, {
+			}), /* @__PURE__ */ h(r, {
 				variant: "outline",
 				disabled: i.disabled,
 				onClick: i.onClick,
-				children: ["Next", /* @__PURE__ */ f(v, {
+				children: ["Next", /* @__PURE__ */ m(_, {
 					size: 16,
 					"aria-hidden": "true"
 				})]
@@ -94,12 +95,39 @@ function k({ description: n, previous: r, next: i }) {
 		})]
 	});
 }
+// packages/collections/src/use-end-reached.ts
+function D({ end: e, viewport: t, onEndReached: n, content: r }) {
+	u(() => {
+		if (n === void 0 || e.current === null) return;
+		let r = new IntersectionObserver((e) => {
+			e.some((e) => e.isIntersecting) && n();
+		}, { root: t?.current ?? null });
+		return r.observe(e.current), () => r.disconnect();
+	}, [
+		e,
+		t,
+		n,
+		r
+	]);
+}
 // packages/collections/src/data-table.tsx
-var A = S({}), j = {
+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 = {
 	kmVPX3: "x1717udv",
 	kMzoRj: "xc342km",
 	$$css: !0
-}, M = {
+}, j = {
+	frame: {
+		k7Eaqz: "xeuugli",
+		$$css: !0
+	},
+	content: { $$css: !0 },
+	fillFrame: {
+		k1xSpc: "x78zum5",
+		kXwgrk: "xdt5ytf",
+		kUk6DE: "x98rzlu",
+		kAzted: "x2lwn1j",
+		$$css: !0
+	},
 	viewport: {
 		k7Eaqz: "xeuugli",
 		kVQacm: "xysyzu8",
@@ -110,10 +138,45 @@ var A = S({}), j = {
 		kiEn40: "x1bqaal",
 		$$css: !0
 	},
+	fillViewport: {
+		kUk6DE: "x98rzlu",
+		kAzted: "x2lwn1j",
+		$$css: !0
+	},
 	virtual: (e) => [{
 		kskxy: e == null ? e : "x1jols5v",
 		$$css: !0
 	}, { "--x-maxHeight": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }],
+	table: {
+		kzqmXN: "xh8yej3",
+		kLvRdT: "x1mwwwfo",
+		kMv6JI: "x1hz01jw",
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		kcqcaj: "xss6m8b",
+		k9WMMc: "xdpxx8g",
+		kMwMTN: "xbixft",
+		kWkggS: "xpvm0e4",
+		$$css: !0
+	},
+	fixed: {
+		kPzzVL: "x140o2bo",
+		$$css: !0
+	},
+	minimumWidth: (e, t) => [{
+		k7Eaqz: (e == null ? e : "x7w7ha4 ") + (t == null ? t : "xzw3fdc"),
+		$$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)
+	}],
+	caption: {
+		k9WMMc: "xdpxx8g",
+		kmVPX3: "x1c8xbx5",
+		kMwMTN: "x153jb6y",
+		kGuDYH: "xy8obcc",
+		$$css: !0
+	},
 	header: {
 		kVAEAm: "x7wzq59",
 		k87sOh: "x13vifvy",
@@ -155,198 +218,360 @@ var A = S({}), j = {
 		"--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e),
 		"--x-minWidth": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e)
 	}],
+	secondary: {
+		k1xSpc: "xazwdyr",
+		$$css: !0
+	},
+	truncated: {
+		kVQacm: "xb3r6kr",
+		khDVqt: "xuxw1ft",
+		kg5iWk: "xlyipyv",
+		$$css: !0
+	},
 	spacer: (e) => [
-		j,
+		A,
 		{
 			kZKoxP: e == null ? e : "x16ye13r",
 			$$css: !0
 		},
 		{ "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
 	]
-}, N = {
-	start: M.start,
-	end: M.end
+}, M = {
+	start: j.start,
+	end: j.end
+}, ce = {
+	content: j.content,
+	fill: j.fillFrame
+}, le = {
+	content: j.content,
+	fill: j.fillViewport
 };
-function P({ rows: e, columns: t, getRowId: n, caption: i, empty: a, sort: _, onSortChange: v, selectedIds: y, onSelectionChange: b, selectionLabel: S, window: E, footer: D }) {
-	let O = l(() => {
-		let e = x();
+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(() => {
+		let e = ae();
 		return e.columns(t.map((t) => e.display({
 			id: t.id,
 			header: t.label
 		})));
-	}, [t]), k = C({
-		features: A,
-		columns: O,
+	}, [t]), I = x({
+		features: se,
+		columns: F,
 		data: e,
 		getRowId: n
-	}), j = u(null), P = u(null), F = u(null), [I, L] = d(0), [R, z] = d(), B = e.findIndex((e) => n(e) === R);
-	c(() => {
-		let e = P.current, t = F.current;
-		if (E === void 0 || e === null || t === null) return;
-		let n = new ResizeObserver(() => L(e.offsetHeight + t.offsetHeight));
+	}), 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({
+		end: R,
+		onEndReached: T === void 0 ? A : void 0,
+		content: e.length
+	}), u(() => {
+		let e = z.current, t = B.current;
+		if (T === 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();
-	}, [E]);
-	let V = T({
+	}, [
+		T,
+		C,
+		w
+	]);
+	let J = oe({
 		count: e.length,
-		enabled: E !== void 0,
-		getScrollElement: () => j.current,
+		enabled: T !== 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: () => E?.estimatedRowHeight ?? 44,
-		scrollMargin: I,
-		scrollPaddingStart: I,
+		estimateSize: () => T?.estimatedRowHeight ?? 44,
+		scrollMargin: V,
+		scrollPaddingStart: V,
 		overscan: 6,
 		rangeExtractor: (t) => {
-			let n = w(t);
-			return B === -1 ? n : [.../* @__PURE__ */ new Set([
+			let n = S(t);
+			return K === -1 ? n : [.../* @__PURE__ */ new Set([
 				...n,
-				B - 1,
-				B,
-				B + 1
+				K - 1,
+				K,
+				K + 1
 			])].filter((t) => t >= 0 && t < e.length).toSorted((e, t) => e - t);
 		}
-	}), H = E === void 0 ? k.getRowModel().rows.map((e, t) => ({
+	}), Y = T === void 0 ? I.getRowModel().rows.map((e, t) => ({
 		row: e,
 		index: t,
 		gap: 0
-	})) : V.getVirtualItems().flatMap((e, t, n) => {
-		let r = k.getRowModel().rows[e.index];
+	})) : J.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 ?? I)
+			gap: e.start - (n[t - 1]?.end ?? V)
 		}];
-	}), U = t.length + (y === void 0 ? 0 : 1), W = V.getTotalSize() - (V.getVirtualItems().at(-1)?.end ?? I) + I;
-	return /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
-		ref: j,
-		role: "region",
-		"aria-label": i,
-		tabIndex: 0,
-		...o.props(M.viewport, E !== void 0 && M.virtual(E.height)),
-		children: /* @__PURE__ */ p("table", {
-			"aria-rowcount": E === void 0 ? void 0 : e.length + 1,
-			className: "xh8yej3 x1mwwwfo x1hz01jw xtqrqnz x1778rvt xss6m8b xdpxx8g xbixft xpvm0e4",
-			children: [
-				/* @__PURE__ */ f("caption", {
-					ref: P,
-					className: "xdpxx8g x1c8xbx5 x153jb6y xy8obcc",
-					children: i
-				}),
-				/* @__PURE__ */ f("thead", {
-					ref: F,
-					children: /* @__PURE__ */ p("tr", { children: [y !== void 0 && /* @__PURE__ */ f("th", {
-						scope: "col",
-						className: "x7wzq59 x13vifvy x1vjfegm xc9qbxq xt970qd xso031l x1q0q8m5 x1qndepd x153jb6y xpvm0e4 xo1l8bm xy8obcc xuxw1ft x187nhsf xeuugli x1m92p3w",
-						children: "Select"
-					}), t.map((e) => {
-						let t = _?.columnId === e.id ? _.direction : void 0;
-						return /* @__PURE__ */ f("th", {
+	}), X = T !== void 0 && (e.length === 0 || J.range?.endIndex === e.length - 1);
+	u(() => {
+		X && A?.();
+	}, [
+		X,
+		A,
+		e.length
+	]), te(() => {
+		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) {
+		let i = t.metaKey || t.ctrlKey, a = t.altKey || t.shiftKey;
+		if (i || a) return;
+		let o = k.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" }));
+	}
+	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;
+	return /* @__PURE__ */ h("div", {
+		...l.props(j.frame, ce[q]),
+		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)),
+			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)),
+				children: [
+					/* @__PURE__ */ m("caption", {
+						ref: z,
+						...l.props(j.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__ */ m("thead", {
+						ref: B,
+						...l.props(w && s.hidden),
+						children: /* @__PURE__ */ h("tr", { children: [g !== void 0 && /* @__PURE__ */ m("th", {
 							scope: "col",
-							"aria-sort": t,
-							...o.props(M.header, N[e.align ?? "start"], e.width !== void 0 && M.width(e.width)),
-							children: e.sortable === !0 && v !== void 0 ? /* @__PURE__ */ p("button", {
-								type: "button",
-								className: "x3nfvp2 x6s0dn4 x1hnptsi x1uey4wk xwu7q15 x1717udv xc342km x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x1ypdohk x1mkgjtd x13qnu6 x9v5kkp x19rmrnh x7s97pk",
-								onClick: () => {
-									v(t === "ascending" ? {
-										columnId: e.id,
-										direction: "descending"
-									} : t === "descending" ? void 0 : {
-										columnId: e.id,
-										direction: "ascending"
-									});
-								},
-								children: [e.label, f(t === "ascending" ? h : t === "descending" ? m : g, {
-									size: 14,
-									"aria-hidden": "true"
-								})]
-							}) : e.label
-						}, e.id);
-					})] })
-				}),
-				/* @__PURE__ */ p("tbody", {
-					onBlur: (e) => {
-						e.currentTarget.contains(e.relatedTarget) || z(void 0);
-					},
-					children: [
-						H.map(({ row: e, index: n, gap: i }) => /* @__PURE__ */ p(s, { children: [i > 0 && /* @__PURE__ */ f("tr", {
-							"aria-hidden": "true",
-							children: /* @__PURE__ */ f("td", {
-								colSpan: U,
-								...o.props(M.spacer(i))
-							})
-						}), /* @__PURE__ */ p("tr", {
-							"data-index": n,
-							"aria-rowindex": E === void 0 ? void 0 : n + 2,
-							ref: E === void 0 ? void 0 : V.measureElement,
-							onFocus: () => z(e.id),
-							...{
-								0: { className: "x14o62y9 x178xt8z x13fuv20 xhjagg4 xzro8vx" },
-								1: { className: "x14o62y9 x178xt8z x13fuv20 xhjagg4 xzro8vx x1r8u7ye" }
-							}[y?.has(e.id) === !0 | 0],
-							children: [y !== void 0 && /* @__PURE__ */ f("td", {
-								className: "xn9t2bk xxymvpz xj0a0fe x187nhsf xeuugli x1m92p3w",
-								children: /* @__PURE__ */ f(r.Root, {
-									"aria-label": S(e.original),
-									checked: y.has(e.id),
-									onCheckedChange: (t) => {
-										let n = new Set(y);
-										t ? n.add(e.id) : n.delete(e.id), b(n);
+							className: "x7wzq59 x13vifvy x1vjfegm xc9qbxq xt970qd xso031l x1q0q8m5 x1qndepd x153jb6y xpvm0e4 xo1l8bm xy8obcc xuxw1ft x187nhsf xeuugli x1m92p3w",
+							children: "Select"
+						}), t.map((e) => {
+							let t = o?.columnId === e.id ? o.direction : void 0;
+							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),
+								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",
+									onClick: () => {
+										c(t === "ascending" ? {
+											columnId: e.id,
+											direction: "descending"
+										} : t === "descending" ? void 0 : {
+											columnId: e.id,
+											direction: "ascending"
+										});
 									},
-									children: /* @__PURE__ */ f(r.Indicator, {})
+									children: [e.label, m(t === "ascending" ? re : t === "descending" ? ne : ie, {
+										size: 14,
+										"aria-hidden": "true"
+									})]
+								}) : e.label
+							}, e.id);
+						})] })
+					}),
+					/* @__PURE__ */ h("tbody", {
+						onBlur: (e) => {
+							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", {
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ m("td", {
+									colSpan: Z,
+									...l.props(j.spacer(r))
 								})
-							}), t.map((t) => /* @__PURE__ */ f("td", {
-								...o.props(M.cell, N[t.align ?? "start"], t.width !== void 0 && M.width(t.width)),
-								children: t.cell(e.original)
-							}, t.id))]
-						})] }, e.id)),
-						E !== void 0 && W > 0 && /* @__PURE__ */ f("tr", {
-							"aria-hidden": "true",
-							children: /* @__PURE__ */ f("td", {
-								colSpan: U,
-								...o.props(M.spacer(W))
-							})
-						}),
-						e.length === 0 && /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", {
-							colSpan: U,
-							className: "x1ttojsm x2b8uid x153jb6y",
-							children: a
-						}) })
-					]
-				})
-			]
-		})
-	}), D !== void 0 && /* @__PURE__ */ f("div", {
-		className: "x1c8xbx5 x178xt8z x13fuv20 xhjagg4",
-		children: D
-	})] });
+							}), /* @__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,
+								onFocus: () => W(e.id),
+								onClick: (e) => {
+									if (y === void 0 || !P(e) || e.target instanceof Element && e.target.closest(O) !== null) return;
+									let t = e.currentTarget.querySelector("[data-row-action]");
+									t?.focus({ preventScroll: !0 }), t?.click();
+								},
+								...{
+									0: { className: "x14o62y9 x17kqdoe x178xt8z x13fuv20 xhjagg4 xzro8vx" },
+									2: { className: "x14o62y9 x17kqdoe x178xt8z x13fuv20 xhjagg4 xzro8vx x1ypdohk" },
+									1: { className: "x14o62y9 x17kqdoe x178xt8z x13fuv20 xhjagg4 xzro8vx x1r8u7ye" },
+									3: { className: "x14o62y9 x17kqdoe x178xt8z x13fuv20 xhjagg4 xzro8vx x1ypdohk x1r8u7ye" }
+								}[(y !== void 0) << 1 | (g?.has(e.id) === !0 || b === e.id)],
+								children: [g !== void 0 && /* @__PURE__ */ m("td", {
+									className: "xn9t2bk xxymvpz xj0a0fe x187nhsf xeuugli x1m92p3w",
+									children: /* @__PURE__ */ m(a.Root, {
+										"aria-label": v(e.original),
+										checked: g.has(e.id),
+										onCheckedChange: (t) => {
+											let n = new Set(g);
+											t ? n.add(e.id) : n.delete(e.id), _(n);
+										},
+										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, {
+										row: e.original,
+										action: y,
+										active: b === e.id,
+										onKeyDown: (e) => fe(e, n),
+										children: /* @__PURE__ */ m("span", {
+											...{
+												0: { className: "x1lliihq xeuugli x193iq5w" },
+												1: { className: "x1lliihq xeuugli x193iq5w xb3r6kr xuxw1ft xlyipyv" }
+											}[t.truncate === !0 | 0],
+											children: t.cell(e.original)
+										})
+									}) : /* @__PURE__ */ m("span", {
+										...{
+											0: { className: "x1lliihq xeuugli x193iq5w" },
+											1: { className: "x1lliihq xeuugli x193iq5w xb3r6kr xuxw1ft xlyipyv" }
+										}[t.truncate === !0 | 0],
+										children: t.cell(e.original)
+									})
+								}, t.id))]
+							})] }, e.id)),
+							T !== void 0 && $ > 0 && /* @__PURE__ */ m("tr", {
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ m("td", {
+									colSpan: Z,
+									...l.props(j.spacer($))
+								})
+							}),
+							e.length === 0 && /* @__PURE__ */ m("tr", { children: /* @__PURE__ */ m("td", {
+								colSpan: Z,
+								className: "x1ttojsm x2b8uid x153jb6y",
+								children: i
+							}) })
+						]
+					})
+				]
+			}), /* @__PURE__ */ m("div", {
+				ref: R,
+				...{
+					0: {},
+					1: { className: "xid9utz x1c8xbx5" }
+				}[E !== void 0 | 0],
+				children: E
+			})]
+		}), N !== void 0 && /* @__PURE__ */ m("div", {
+			className: "x1c8xbx5 x178xt8z x13fuv20 xhjagg4",
+			children: N
+		})]
+	});
+}
+function P(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 }) {
+	return t.href === void 0 ? /* @__PURE__ */ m("button", {
+		type: "button",
+		"aria-label": t.label?.(e),
+		"aria-pressed": n,
+		"data-row-action": !0,
+		onKeyDown: i,
+		onClick: (n) => {
+			P(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
+	}) : /* @__PURE__ */ m("a", {
+		href: t.href(e),
+		"aria-label": t.label?.(e),
+		"data-row-action": !0,
+		onKeyDown: i,
+		onClick: (n) => {
+			t.onActivate !== void 0 && P(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) {
+	switch (e.status) {
+		case "loading": return /* @__PURE__ */ m("span", {
+			role: "status",
+			children: e.message ?? "Loading…"
+		});
+		case "complete": return /* @__PURE__ */ m(n, { children: e.message ?? "End of results" });
+		case "ready": return /* @__PURE__ */ m(r, {
+			onClick: e.onLoadMore,
+			children: e.message ?? "Load more"
+		});
+		case "error": return /* @__PURE__ */ h(t, {
+			role: "status",
+			children: [/* @__PURE__ */ m(n, { children: e.message ?? "More records could not be loaded." }), /* @__PURE__ */ m(r, {
+				onClick: e.onLoadMore,
+				children: "Retry"
+			})]
+		});
+	}
+}
+function I({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosition: i = "end" }) {
+	let a = f(null), o = f(null);
+	D({
+		end: o,
+		viewport: r ? a : void 0,
+		onEndReached: n,
+		content: e
+	});
+	let s = /* @__PURE__ */ m("div", {
+		ref: o,
+		...{
+			0: {},
+			1: { className: "xid9utz x1c8xbx5 x153jb6y xy8obcc x2b8uid" }
+		}[t !== void 0 | 0],
+		children: t
+	});
+	return /* @__PURE__ */ h("div", {
+		ref: a,
+		...{
+			0: {},
+			1: { className: "x98rzlu x2lwn1j x1odjw0f x1e4zzel" }
+		}[!!r | 0],
+		children: [
+			i === "start" && s,
+			e,
+			i === "end" && s
+		]
+	});
 }
 // packages/collections/src/inspector.tsx
-function F({ master: e, detail: t, label: n, ...r }) {
-	return /* @__PURE__ */ p("div", {
-		...a({ className: "xrvj5dj x1mkdm3x xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 xb3r6kr" }, r),
-		children: [/* @__PURE__ */ f("div", {
+function L({ 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", {
 			className: "xeuugli",
 			children: e
-		}), /* @__PURE__ */ f("aside", {
+		}), /* @__PURE__ */ m("aside", {
 			"aria-label": n,
 			className: "xeuugli x1jvlu93 xpvm0e4 x178xt8z x13fuv20 xhjagg4",
 			children: t
 		})]
 	});
 }
-function I({ items: e, ...t }) {
-	return /* @__PURE__ */ f("dl", {
-		...a({ className: "x1ghz6dp xrvj5dj x10i657a x1i3977y xuytk5h x1hz01jw xvmahel xtqrqnz x1778rvt" }, t),
-		children: e.map(({ label: e, value: t }) => /* @__PURE__ */ p("div", {
+function R({ 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", {
 			className: "xjp7ctv",
-			children: [/* @__PURE__ */ f("dt", {
+			children: [/* @__PURE__ */ m("dt", {
 				className: "x153jb6y",
 				children: e
-			}), /* @__PURE__ */ f("dd", {
+			}), /* @__PURE__ */ m("dd", {
 				className: "x1ghz6dp xbixft xj0a0fe xss6m8b",
 				children: t
 			})]
@@ -354,36 +579,36 @@ function I({ items: e, ...t }) {
 	});
 }
 // packages/collections/src/list-footer.tsx
-function L({ children: e, actions: t, ...n }) {
-	return /* @__PURE__ */ p("div", {
-		...a({ className: "x78zum5 x6s0dn4 x1qughib x1a02dak x1n8ia3y x1qokhjc x1m92p3w x178xt8z x13fuv20 xhjagg4 x153jb6y x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
-		children: [/* @__PURE__ */ f("div", { children: e }), t != null && /* @__PURE__ */ f("div", {
+function z({ 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", {
 			className: "x78zum5 x6s0dn4 x1hnptsi",
 			children: t
 		})]
 	});
 }
 // packages/collections/src/metrics.tsx
-function R(e) {
-	return /* @__PURE__ */ f("dl", { ...a({ className: "x78zum5 x1a02dak xpb3s3w x1i3977y x1ghz6dp" }, e) });
+function B(e) {
+	return /* @__PURE__ */ m("dl", { ...c({ className: "x78zum5 x1a02dak xpb3s3w x1i3977y x1ghz6dp" }, e) });
 }
-function z({ label: e, value: t, ...n }) {
-	return /* @__PURE__ */ p("div", {
-		...a({ className: "x3nfvp2 x1pha0wt xunmzkg xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
-		children: [/* @__PURE__ */ f("dt", {
+function V({ label: e, value: t, ...n }) {
+	return /* @__PURE__ */ h("div", {
+		...c({ className: "x3nfvp2 x1pha0wt xunmzkg xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
+		children: [/* @__PURE__ */ m("dt", {
 			className: "x153jb6y x9ek82g",
 			children: e
-		}), /* @__PURE__ */ f("dd", {
+		}), /* @__PURE__ */ m("dd", {
 			className: "x1ghz6dp xbixft xk50ysn xss6m8b",
 			children: t
 		})]
 	});
 }
 // packages/collections/src/table.tsx
-var B = {
+var H = {
 	kzqmXN: "x5lhr3w",
 	$$css: !0
-}, V = {
+}, U = {
 	secondary: {
 		k1xSpc: "x1n9xxwz xazwdyr",
 		$$css: !0
@@ -392,7 +617,7 @@ var B = {
 		kzqmXN: "x2ipgtl",
 		$$css: !0
 	},
-	column: (e) => [B, { "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
+	column: (e) => [H, { "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
 	th: {
 		kVAEAm: "x1n2onr6",
 		kZKoxP: "xc9qbxq",
@@ -422,45 +647,45 @@ var B = {
 		$$css: !0
 	}
 };
-function H({ headers: e, children: t, label: n, ...r }) {
+function W({ headers: e, children: t, label: n, ...r }) {
 	let i = e.findLastIndex((e) => typeof e == "string" || e.secondary !== !0);
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ m("div", {
 		role: "region",
 		"aria-label": n,
 		tabIndex: 0,
 		className: "xeuugli xh8yej3 xw2csxc x13qnu6 x9v5kkp x19rmrnh x1bqaal",
-		children: /* @__PURE__ */ p("table", {
-			...a({ "aria-label": n }, {
+		children: /* @__PURE__ */ h("table", {
+			...c({ "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__ */ f("thead", { children: /* @__PURE__ */ f("tr", { children: e.map((t, n) => /* @__PURE__ */ f("th", {
+			children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ m("tr", { children: e.map((t, n) => /* @__PURE__ */ m("th", {
 				scope: "col",
-				...o.props(V.th, typeof t != "string" && V.column(t.width), typeof t != "string" && V.compactWidth, typeof t != "string" && t.secondary === !0 && V.secondary, n === e.length - 1 && V.lastHeader, n === i && V.lastPrimaryHeader),
+				...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),
 				children: typeof t == "string" ? t : t.label
-			}, typeof t == "string" ? t : t.label)) }) }), /* @__PURE__ */ f("tbody", { children: t })]
+			}, typeof t == "string" ? t : t.label)) }) }), /* @__PURE__ */ m("tbody", { children: t })]
 		})
 	});
 }
-function U({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
-	return /* @__PURE__ */ p("td", {
-		...a({
+function G({ 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" },
 			1: { className: "x14o62y9 x9f619 x1t0vds8 x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv x1n9xxwz xazwdyr" }
 		}[!!t | 0], r),
-		children: [e, n !== void 0 && /* @__PURE__ */ f("small", {
+		children: [e, n !== void 0 && /* @__PURE__ */ m("small", {
 			className: "x1s85apg xacuhyv x153jb6y xy8obcc xas2l8k xb3r6kr xlyipyv",
 			children: n
 		})]
 	});
 }
 // packages/collections/src/timestamp.tsx
-function W({ dateTime: e, label: t, title: n }) {
-	return /* @__PURE__ */ f("time", {
+function K({ dateTime: e, label: t, title: n }) {
+	return /* @__PURE__ */ m("time", {
 		dateTime: e,
 		title: n,
 		className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b",
 		children: t
 	});
 }
-export { U as Cell, k as CollectionPagination, E as CollectionToolbar, O as ColumnControls, P as DataTable, I as Details, D as FilterChips, F as Inspector, L as ListFooter, z as Metric, R as MetricGrid, H as Table, W as Timestamp };
+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 };