@logicplanes/kaeso-ui 0.4.6 → 0.4.8

package/dist/chunks/data-table-CGecI-FI.js

@@ -0,0 +1,602 @@
+"use client";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { a as t, i as n, o as r } from "./inset-BUzyXLK4.js";
+import { i } from "./context-BELWW79w.js";
+import { formatDate as a, formatDuration as o, formatNumber as s, formatRelative as c, formatTokens as l, formatUSD as u } from "../format.js";
+import { t as d } from "./icon-CBzOwqrX.js";
+import { r as f } from "./tooltip-Tkm-urbi.js";
+import { t as ee } from "./observe-resize-DhxhmoyB.js";
+import { r as p } from "./text-DkKdTVUf.js";
+import { n as te } from "./button-DrmFgdIi.js";
+import { n as ne } from "./checkbox-ahl1SOqU.js";
+import { t as m } from "./menu-BDce2kiw.js";
+import { r as re } from "./skeleton-D-qk3mes.js";
+import { r as ie } from "./pagination-D9hM6W2z.js";
+import { t as ae } from "./empty-BpiUgGzm.js";
+import { t as h } from "./truncated-d1afmUJT.js";
+import { i as g } from "./status-dot-CP6runiC.js";
+import { t as oe } from "./use-scroll-fade-uc8mWSDX.js";
+import { t as _ } from "./avatar-CYNMK7uY.js";
+import { n as se, t as ce } from "./use-coarse-pointer-Ml5oE6oX.js";
+import { t as le } from "./tone-CWpsHPb6.js";
+import { t as ue } from "./use-scroll-margin-atRtf0v_.js";
+import { forwardRef as de, useLayoutEffect as v, useMemo as fe, useRef as y, useState as b } from "react";
+import { Fragment as pe, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { ArrowDown01Icon as me, ArrowUp01Icon as he } from "@hugeicons/core-free-icons";
+import { useVirtualizer as ge } from "@tanstack/react-virtual";
+import { flexRender as _e, getCoreRowModel as ve, getSortedRowModel as ye, useReactTable as be } from "@tanstack/react-table";
+//#region src/components/data-table/time-columns.ts
+var C = /* @__PURE__ */ new WeakSet(), w = { density: {
+	compact: { classes: "h-36 coarse:h-44" },
+	default: { classes: "h-40 coarse:h-44" },
+	comfortable: { classes: "h-48" }
+} }, xe = { density: "default" }, Se = {
+	compact: 36,
+	default: 40,
+	comfortable: 48
+}, Ce = 136;
+function we(e, t, n = 48) {
+	if (!t) return {
+		hidden: [],
+		tight: !1,
+		overflow: !1
+	};
+	let r = [...e].sort((e, t) => e.priority - t.priority), i = n, a = /* @__PURE__ */ new Set();
+	for (let e of r) i += e.size, (i <= t || e.priority <= 1 || e.fixed) && a.add(e.id);
+	let o = e.filter((e) => a.has(e.id)), s = o.reduce((e, t) => e + t.size, n), c = o.reduce((e, t) => e + (t.grow ? je(t) : t.size), 0);
+	if (c > t && o.some((e) => e.grow)) {
+		let e = o[o.length - 1];
+		for (let n of [...o].reverse()) {
+			if (c <= t) break;
+			n.grow || n.fixed || n === e || (a.delete(n.id), c -= n.size);
+		}
+	}
+	return {
+		hidden: e.filter((e) => !a.has(e.id)).map((e) => e.id),
+		tight: s > t,
+		overflow: c > t
+	};
+}
+function Te(e) {
+	let t = getComputedStyle(e);
+	return e.getBoundingClientRect().width - (parseFloat(t.paddingLeft) || 0) - (parseFloat(t.paddingRight) || 0);
+}
+function Ee(e) {
+	let t = e.filter((e) => e.id && e.meta?.text && e.meta.align !== "end");
+	return t.find((e) => !C.has(e)) ?? t[0] ?? e[0];
+}
+function De(e, t) {
+	if (!e?.id) return;
+	let n = e.meta?.text?.(t.original);
+	if (n) return n;
+	let r = t.getValue(e.id);
+	return typeof r == "string" && r ? r : void 0;
+}
+var T = "a[href], button, input, select, textarea, [tabindex], [contenteditable=true]", Oe = "input:not([type=checkbox]):not([type=radio]), textarea, select, [contenteditable=true]";
+function ke(e) {
+	return [...e.querySelectorAll(T)].filter((e) => !e.closest("[role=checkbox], [aria-hidden=true], [hidden]") && !e.matches(":disabled, input[type=checkbox]"));
+}
+function E(e) {
+	return e ? [...e.querySelectorAll("[role=columnheader]")].flatMap((e) => {
+		let t = e.querySelector("[role=checkbox], button") ?? e.querySelector("[role=separator]");
+		return t ? [t] : [];
+	}) : [];
+}
+function Ae(t, n) {
+	return n ? e("controls-on-fill", t ? "bg-raised-pressed hover:raised-selected-hover active:raised-selected-hover" : "bg-fill-2 hover:bg-fill-3 active:bg-fill-3") : t ? "hover:bg-raised-hover active:bg-raised-pressed hover:controls-on-fill" : "hover:bg-fill-1 active:bg-fill-2 hover:controls-on-fill";
+}
+var je = (e) => Math.min(e.size, e.minWidth ?? 136);
+function Me({ data: a, columns: o, getRowId: s, density: c = "default", onRowClick: l, rowMenu: u, selectable: f, canSelectRow: g, selection: _, onSelectionChange: de, sorting: C, onSortingChange: xe, manualSorting: Ce, loading: Me, error: Ne, onRetry: D, empty: O, hasMore: k, loadingMore: Pe, onLoadMore: Fe, stickyFirstColumn: A, virtualizeAbove: Ie = 100, className: Le, activeRowId: Re, freshRowIds: ze, onHiddenColumnsChange: Be, "aria-label": Ve, "data-force-row": He }, j) {
+	let M = t(), Ue = r(), We = n(), N = i(), [Ge, Ke] = b([]), [qe, Je] = b({}), [Ye, Xe] = b(0), [Ze, P] = b("body"), [Qe, $e] = b(0), F = y(null), et = C ?? Ge, I = _ ?? qe, tt = fe(() => f ? [{
+		id: "__select",
+		size: 44,
+		enableSorting: !1,
+		enableResizing: !1,
+		meta: { priority: 1 },
+		header: ({ table: e }) => /* @__PURE__ */ x(ne, {
+			"aria-label": N("dataTable.selectAllRows", "Select all rows"),
+			checked: e.getIsAllRowsSelected(),
+			indeterminate: e.getIsSomeRowsSelected() && !e.getIsAllRowsSelected(),
+			onCheckedChange: (t) => e.toggleAllRowsSelected(t)
+		}),
+		cell: ({ row: e }) => {
+			let t = De(Ee(o), e);
+			return /* @__PURE__ */ x(ne, {
+				"aria-label": t ? N("dataTable.selectNamed", "Select {name}", { name: t }) : N("dataTable.selectRow", "Select row"),
+				checked: e.getIsSelected(),
+				disabled: !e.getCanSelect(),
+				onCheckedChange: (t) => e.toggleSelected(t)
+			});
+		}
+	}, ...o] : o, [
+		o,
+		f,
+		N
+	]), L = be({
+		data: a,
+		columns: tt,
+		state: {
+			sorting: et,
+			rowSelection: I
+		},
+		onSortingChange: (e) => {
+			let t = typeof e == "function" ? e(et) : e;
+			F.current = null, C || Ke(t), xe?.(t);
+		},
+		onRowSelectionChange: (e) => {
+			let t = typeof e == "function" ? e(I) : e;
+			_ || Je(t), de?.(t);
+		},
+		getCoreRowModel: ve(),
+		getSortedRowModel: ye(),
+		manualSorting: !!Ce,
+		enableRowSelection: f ? g ? (e) => g(e.original) : !0 : !1,
+		columnResizeMode: "onChange",
+		...s ? { getRowId: (e) => s(e) } : {},
+		defaultColumn: {
+			size: 140,
+			minSize: 64,
+			maxSize: 640
+		}
+	}), R = y(null), z = y(null), B = y(null), nt = L.getVisibleLeafColumns(), rt = nt.map((e) => ({
+		id: e.id,
+		size: e.getSize(),
+		priority: e.columnDef.meta?.priority ?? 2,
+		grow: !!e.columnDef.meta?.grow,
+		minWidth: e.columnDef.meta?.minWidth,
+		fixed: e.id === "__select"
+	})), it = JSON.stringify(rt), at = (e) => {
+		let t = we(rt, e, M ? 48 : 0);
+		return `${t.tight ? "!" : ""}${t.overflow ? ">" : ""}|${t.hidden.join(" ")}`;
+	}, V = y(at);
+	V.current = at;
+	let [ot, st] = b("|");
+	v(() => {
+		let e = R.current;
+		if (e) return ee([e], ([e]) => st(V.current(Math.round(e?.contentRect.width ?? 0))));
+	}, []), v(() => {
+		R.current && st(V.current(Math.round(Te(R.current))));
+	}, [it]);
+	let [ct = "", lt = ""] = ot.split("|"), ut = ct.includes("!"), dt = ct.includes(">"), H = fe(() => new Set(lt.split(" ").filter(Boolean)), [lt]), ft = y(Be);
+	ft.current = Be, v(() => {
+		ft.current?.([...H]);
+	}, [H]);
+	let U = nt.filter((e) => !H.has(e.id)), pt = (e) => e.columnDef.meta?.grow && ut ? je({
+		size: e.getSize(),
+		minWidth: e.columnDef.meta.minWidth
+	}) : e.getSize(), W = {
+		gridTemplateColumns: U.map((e) => e.columnDef.meta?.grow ? `minmax(${pt(e)}px, 1fr)` : `${e.getSize()}px`).join(" "),
+		minWidth: U.reduce((e, t) => e + pt(t), 0)
+	}, mt = dt && U.length > 1 && !U[U.length - 1]?.columnDef.meta?.grow, G = L.getRowModel().rows, K = G.length > Ie, ht = Math.max(Se[c], ce() ? 44 : 0), q = () => se(R.current), gt = ue(B, q, G.length, K), J = ge({
+		count: G.length,
+		getScrollElement: q,
+		estimateSize: () => ht,
+		overscan: 16,
+		enabled: K,
+		scrollMargin: gt
+	}), Y = (t) => e("flex min-w-0 items-center px-12", M && t === 0 && "pl-20", M && t === U.length - 1 && "pr-20"), X = M || Ue, Z = (t, n = !1, r = !1) => (A && t === 0 || mt && t === U.length - 1) && e("sticky z-10", n ? X ? "bg-raised" : "bg-panel" : r ? "bg-inherit" : X ? "bg-raised group-hover/tr:bg-raised-hover group-active/tr:bg-raised-pressed" : "bg-panel group-hover/tr:bg-fill-1 group-active/tr:bg-fill-2", t === 0 ? "left-0" : "right-0", !M && !n && (t === 0 ? "rounded-l-item" : "rounded-r-item")), Q = !!l || !!f, _t = Q && G.length > 0 && Ze === "body", vt = Math.min(Ye, Math.max(G.length - 1, 0)), yt = (e) => {
+		let t = Math.max(0, Math.min(G.length - 1, e));
+		P("body"), Xe(t), K && J.scrollToIndex(t, { align: "auto" });
+		let n = () => B.current?.querySelector(`[data-row-index="${t}"]`), r = n();
+		r ? r.focus() : requestAnimationFrame(() => n()?.focus());
+	}, bt = (e) => {
+		let t = E(z.current), n = t[Math.max(0, Math.min(t.length - 1, e))];
+		return n ? (P("head"), $e(t.indexOf(n)), n.focus(), !0) : !1;
+	}, xt = y(() => {});
+	xt.current = () => {
+		let e = E(z.current), t = Math.min(Qe, e.length - 1);
+		for (let n of z.current?.querySelectorAll(T) ?? []) {
+			let r = e.indexOf(n) === t && !_t ? "0" : "-1";
+			n.getAttribute("tabindex") !== r && n.setAttribute("tabindex", r);
+		}
+	}, v(() => xt.current()), v(() => {
+		let e = z.current;
+		if (!e) return;
+		let t = new MutationObserver(() => xt.current());
+		return t.observe(e, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["tabindex"]
+		}), () => t.disconnect();
+	}, []), v(() => {
+		let e = B.current;
+		if (!e || !Q) return;
+		let t = () => {
+			for (let t of e.querySelectorAll("[data-row-index]")) for (let e of t.querySelectorAll(T)) e.getAttribute("tabindex") !== "-1" && e.setAttribute("tabindex", "-1");
+		};
+		t();
+		let n = new MutationObserver(t);
+		return n.observe(e, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["tabindex"]
+		}), () => n.disconnect();
+	}, [Q]), oe(B, "[role=row]");
+	let St = (e, t) => {
+		let n = e ? L.getColumn(e) : void 0;
+		if (!n?.getCanResize()) return !1;
+		let r = n.columnDef.minSize ?? 64, i = n.columnDef.maxSize ?? 640;
+		return L.setColumnSizing((e) => ({
+			...e,
+			[n.id]: Math.max(r, Math.min(i, n.getSize() + t))
+		})), !0;
+	}, Ct = (e) => {
+		if (e.altKey || e.metaKey || e.ctrlKey) return;
+		let t = E(z.current), n = t.indexOf(e.target);
+		if (n < 0) return;
+		let r = {
+			ArrowLeft: -16,
+			ArrowRight: 16
+		}[e.key];
+		if (e.shiftKey) {
+			r !== void 0 && St(e.target.closest("[role=columnheader]")?.dataset.col, r) && e.preventDefault();
+			return;
+		}
+		let i = {
+			ArrowLeft: n - 1,
+			ArrowRight: n + 1,
+			Home: 0,
+			End: t.length - 1
+		}[e.key];
+		i === void 0 ? e.key === "ArrowDown" && Q && G.length && (e.preventDefault(), yt(vt)) : (e.preventDefault(), i >= 0 && i < t.length && bt(i));
+	}, wt = () => Math.max(1, Math.floor((q()?.clientHeight ?? 400) / ht) - 1), Tt = (e, t) => {
+		let n = F.current ? G.findIndex((e) => e.id === F.current?.id) : -1;
+		n < 0 && (F.current = {
+			id: G[e].id,
+			base: I
+		});
+		let r = n < 0 ? e : n, i = { ...F.current?.base };
+		for (let e of G.slice(Math.min(r, t), Math.max(r, t) + 1)) e.getCanSelect() && (i[e.id] = !0);
+		L.setRowSelection(i);
+	}, Et = (e, t, n) => {
+		let r = e.currentTarget, i = e.target;
+		if (i !== r) {
+			if (e.altKey || e.metaKey || e.ctrlKey || i.closest(Oe)) return;
+			let t = ke(r), n = t.indexOf(i);
+			if (n < 0) return;
+			if (e.key === "Escape" && !i.closest("[data-popup-open], [aria-expanded=true]")) e.preventDefault(), r.focus();
+			else if (e.defaultPrevented) return;
+			else e.key === "ArrowRight" && t[n + 1] ? (e.preventDefault(), t[n + 1]?.focus()) : e.key === "ArrowLeft" && (e.preventDefault(), (t[n - 1] ?? r).focus());
+			return;
+		}
+		if (e.altKey) return;
+		if (e.metaKey || e.ctrlKey) {
+			e.key.toLowerCase() === "a" && f && !e.shiftKey && (e.preventDefault(), F.current = null, L.toggleAllRowsSelected(!0));
+			return;
+		}
+		let a = {
+			ArrowDown: n + 1,
+			ArrowUp: n - 1,
+			Home: 0,
+			End: G.length - 1,
+			PageDown: n + wt(),
+			PageUp: n - wt()
+		}[e.key];
+		if (a !== void 0) {
+			if (e.preventDefault(), e.key === "ArrowUp" && !e.shiftKey && a < 0 && bt(Qe)) return;
+			let t = Math.max(0, Math.min(G.length - 1, a));
+			e.shiftKey && f ? Tt(n, t) : F.current = null, yt(t);
+		} else if (e.shiftKey) return;
+		else if (e.key === "ArrowRight") {
+			let t = ke(r)[0];
+			if (!t) return;
+			e.preventDefault(), t.focus();
+		} else e.key === "Enter" ? (e.preventDefault(), l?.(t.original)) : (e.key === " " || e.key === "x") && f ? (e.preventDefault(), F.current = null, t.getCanSelect() && t.toggleSelected()) : e.key === "Escape" && f && Object.keys(I).length && (e.preventDefault(), F.current = null, L.toggleAllRowsSelected(!1));
+	}, Dt = [
+		tt,
+		U.map((e) => e.id).join(" "),
+		M,
+		mt,
+		A,
+		X
+	], $ = y(null);
+	(!$.current || Dt.some((e, t) => e !== $.current?.deps[t])) && ($.current = {
+		deps: Dt,
+		rows: /* @__PURE__ */ new WeakMap()
+	});
+	let Ot = $.current.rows, kt = (t, n, r) => {
+		let i = t.id === Re, a = !!f && t.getIsSelected(), o = i || a, s = `${i} ${a}`, d = Ot.get(t), ee = d?.state === s ? d.cells : At(t, o);
+		d?.state !== s && Ot.set(t, {
+			state: s,
+			cells: ee
+		});
+		let p = /* @__PURE__ */ x("div", {
+			role: "row",
+			"aria-rowindex": n + 2,
+			"aria-selected": f ? t.getIsSelected() : void 0,
+			"aria-current": i || void 0,
+			"data-active": i || void 0,
+			"data-fresh": ze?.has(t.id) || void 0,
+			"data-row-index": n,
+			...He && n === 0 ? { "data-force": He } : {},
+			tabIndex: Q ? _t && n === vt ? 0 : -1 : void 0,
+			onFocus: (e) => {
+				e.target === e.currentTarget && (P("body"), n !== Ye && Xe(n));
+			},
+			onClick: (e) => {
+				F.current = null, !e.target.closest("button, a, [role=checkbox]") && l?.(t.original);
+			},
+			onKeyDown: (e) => Et(e, t, n),
+			style: {
+				...W,
+				...r
+			},
+			className: e("group/tr grid w-full text-body text-fg transition-control focus-ring-inset", !M && "rounded-item", w.density[c].classes, l && "cursor-pointer", Ae(X, o), "data-fresh:animate-row-fresh", r?.transform !== void 0 && "[transition-property:background-color,color,box-shadow,opacity]", "forced-colors:data-active:outline-2 forced-colors:data-active:-outline-offset-2 forced-colors:data-active:outline-solid"),
+			children: ee
+		});
+		return u ? /* @__PURE__ */ S(m, { children: [/* @__PURE__ */ x(m.Trigger, { children: p }), /* @__PURE__ */ x(m.Content, { children: u(t.original) })] }, t.id) : /* @__PURE__ */ x("div", { children: p }, t.id);
+	};
+	function At(t, n) {
+		return t.getVisibleCells().filter((e) => !H.has(e.column.id)).map((r, i) => {
+			let a = r.column.columnDef.meta, o = _e(r.column.columnDef.cell, r.getContext()), s = r.getValue(), c = a?.text ? a.text(t.original) : typeof s == "string" ? s : void 0, l = a?.tone?.(t.original);
+			return /* @__PURE__ */ x("div", {
+				role: "cell",
+				className: e(Y(i), a?.align === "end" && "justify-end text-right tabular", a?.mono && "mono text-small", l && le[l], Z(i, !1, n)),
+				children: c !== void 0 && typeof o != "object" ? /* @__PURE__ */ x(p, {
+					truncate: !0,
+					tone: l ?? "default",
+					className: e("min-w-0", a?.mono && "text-small"),
+					mono: !!a?.mono,
+					children: c
+				}) : r.column.id === "__select" ? /* @__PURE__ */ x("span", {
+					className: "flex",
+					children: o
+				}) : /* @__PURE__ */ x(h, {
+					className: e("min-w-0 cell-fit", a?.grow && "flex-1"),
+					children: o
+				})
+			}, r.id);
+		});
+	}
+	let jt = (t, n) => {
+		let r = t.column.columnDef.meta, i = t.column.getCanSort(), a = t.column.getCanResize(), o = t.column.getIsSorted(), s = _e(t.column.columnDef.header, t.getContext()), c = /* @__PURE__ */ S(pe, { children: [i ? /* @__PURE__ */ S("button", {
+			type: "button",
+			onClick: t.column.getToggleSortingHandler(),
+			className: e("relative -mx-6 inline-flex h-28 min-w-0 cursor-pointer items-center gap-4 rounded-pill px-6 text-caption font-medium transition-control focus-ring tap-target", X ? "hover:bg-raised-hover active:bg-raised-pressed" : "hover:bg-fill-1 active:bg-fill-2", "hover:text-fg", o ? "text-fg" : "text-fg-secondary", r?.align === "end" && "flex-row-reverse"),
+			children: [/* @__PURE__ */ x(h, { children: s }), /* @__PURE__ */ x(d, {
+				icon: o === "desc" ? me : he,
+				size: "xs",
+				className: e("shrink-0 transition-control", o ? "opacity-100" : "opacity-0 group-hover/th:opacity-60")
+			})]
+		}) : /* @__PURE__ */ x(h, {
+			className: "text-caption font-medium text-fg-secondary",
+			children: s
+		}), a && /* @__PURE__ */ x("div", {
+			role: "separator",
+			"aria-orientation": "vertical",
+			"aria-label": N("dataTable.resizeColumn", "Resize column"),
+			"aria-valuenow": t.column.getSize(),
+			"aria-valuemin": t.column.columnDef.minSize ?? 64,
+			"aria-valuemax": t.column.columnDef.maxSize ?? 640,
+			tabIndex: -1,
+			onMouseDown: t.getResizeHandler(),
+			onTouchStart: t.getResizeHandler(),
+			onDoubleClick: () => t.column.resetSize(),
+			className: "absolute inset-y-0 -right-8 z-10 w-16 cursor-col-resize after:absolute after:inset-y-8 after:right-8 after:w-1 after:bg-transparent after:transition-control group-hover/th:after:bg-line-strong coarse:after:bg-line focus-ring-inset"
+		})] });
+		return /* @__PURE__ */ x("div", {
+			role: "columnheader",
+			"data-col": t.column.id,
+			"aria-sort": o === "asc" ? "ascending" : o === "desc" ? "descending" : i ? "none" : void 0,
+			className: e("group/th relative", Y(n), r?.align === "end" && "justify-end", Z(n, !0), Z(n, !0) && "hairline-b-strong"),
+			children: a ? /* @__PURE__ */ S(m, { children: [/* @__PURE__ */ x(m.Trigger, {
+				className: e("flex min-w-0 flex-1 items-center self-stretch", r?.align === "end" && "justify-end"),
+				children: c
+			}), /* @__PURE__ */ S(m.Content, { children: [
+				/* @__PURE__ */ x(m.Item, {
+					onClick: () => St(t.column.id, 32),
+					children: N("dataTable.widenColumn", "Widen column")
+				}),
+				/* @__PURE__ */ x(m.Item, {
+					onClick: () => St(t.column.id, -32),
+					children: N("dataTable.narrowColumn", "Narrow column")
+				}),
+				/* @__PURE__ */ x(m.Item, {
+					onClick: () => t.column.resetSize(),
+					children: N("dataTable.resetWidth", "Reset width")
+				})
+			] })] }) : c
+		}, t.id);
+	};
+	return /* @__PURE__ */ S("div", {
+		ref: (e) => {
+			R.current = e, typeof j == "function" ? j(e) : j && (j.current = e);
+		},
+		className: e("relative w-full min-w-0", !M && !We && "px-24", Le),
+		children: [/* @__PURE__ */ S("div", {
+			role: "table",
+			"aria-label": Ve,
+			"aria-rowcount": G.length + 1,
+			"aria-busy": Me || void 0,
+			className: e("w-full overflow-clip", M && "rounded-group bg-raised shadow-xs"),
+			children: [/* @__PURE__ */ x("div", {
+				ref: z,
+				role: "rowgroup",
+				className: e("sticky top-0 z-20 overflow-hidden", X ? "bg-raised" : "bg-panel"),
+				onKeyDown: Ct,
+				onFocus: (e) => {
+					let t = E(z.current).indexOf(e.target);
+					t < 0 || (F.current = null, P("head"), $e(t));
+				},
+				onScroll: (e) => {
+					B.current && B.current.scrollLeft !== e.currentTarget.scrollLeft && (B.current.scrollLeft = e.currentTarget.scrollLeft);
+				},
+				children: L.getHeaderGroups().map((e) => /* @__PURE__ */ x("div", {
+					role: "row",
+					"aria-rowindex": 1,
+					className: "grid h-36 hairline-b-strong",
+					style: W,
+					children: e.headers.filter((e) => !H.has(e.column.id)).map(jt)
+				}, e.id))
+			}), /* @__PURE__ */ x("div", {
+				ref: B,
+				role: "rowgroup",
+				className: "overflow-x-auto scrollbar-quiet scroll-fade-x",
+				onScroll: (e) => {
+					z.current && z.current.scrollLeft !== e.currentTarget.scrollLeft && (z.current.scrollLeft = e.currentTarget.scrollLeft);
+				},
+				children: Ne ? /* @__PURE__ */ x("div", {
+					role: "row",
+					children: /* @__PURE__ */ x("div", {
+						role: "cell",
+						"aria-colspan": U.length,
+						className: "block",
+						children: /* @__PURE__ */ x("div", {
+							role: "alert",
+							children: /* @__PURE__ */ x(ae, {
+								size: "compact",
+								title: N("dataTable.loadFailed", "Couldn't load these rows"),
+								...D ? {} : { description: N("dataTable.reloadToRetry", "Reload the page to try again.") },
+								actions: D && /* @__PURE__ */ x(te, {
+									size: "sm",
+									onClick: D,
+									children: N("dataTable.tryAgain", "Try again")
+								})
+							})
+						})
+					})
+				}) : Me && G.length === 0 ? Array.from({ length: 8 }, (t, n) => /* @__PURE__ */ x("div", {
+					role: "row",
+					className: e("grid", w.density[c].classes),
+					style: W,
+					children: U.map((t, r) => /* @__PURE__ */ x("div", {
+						role: "cell",
+						className: e(Y(r), t.columnDef.meta?.align === "end" && "justify-end"),
+						children: /* @__PURE__ */ x(re, {
+							shape: "line",
+							style: { width: `${40 + (n * 7 + r * 13) % 45}%` }
+						})
+					}, t.id))
+				}, n)) : G.length === 0 ? /* @__PURE__ */ x("div", {
+					role: "row",
+					children: /* @__PURE__ */ x("div", {
+						role: "cell",
+						"aria-colspan": U.length,
+						className: "block",
+						children: O ?? /* @__PURE__ */ x(ae, {
+							size: "compact",
+							title: N("dataTable.noRows", "No rows")
+						})
+					})
+				}) : K ? /* @__PURE__ */ x("div", {
+					className: "relative",
+					style: { height: J.getTotalSize() },
+					children: J.getVirtualItems().map((e) => kt(G[e.index], e.index, {
+						position: "absolute",
+						top: 0,
+						left: 0,
+						transform: `translateY(${Math.round(e.start - gt)}px)`
+					}))
+				}) : G.map((e, t) => kt(e, t))
+			})]
+		}), /* @__PURE__ */ x(ie, {
+			variant: "load-more",
+			hasMore: !!k,
+			loading: Pe,
+			onLoadMore: Fe
+		})]
+	});
+}
+var Ne = /* @__PURE__ */ de(Me);
+process.env.NODE_ENV !== "production" && (Ne.displayName = "DataTable");
+var D = Ne;
+//#endregion
+//#region src/components/data-table/columns.tsx
+function O(e) {
+	return C.add(e), e;
+}
+function k(e, t, n, r = {}, i) {
+	return {
+		id: e.id,
+		header: () => e.header,
+		accessorFn: t,
+		cell: (e) => n(e.getValue(), e.row.original),
+		...e.size ? { size: e.size } : {},
+		...i ? { sortingFn: i } : {},
+		meta: {
+			...e.priority === void 0 ? {} : { priority: e.priority },
+			...e.grow ? { grow: !0 } : {},
+			...e.minWidth === void 0 ? {} : { minWidth: e.minWidth },
+			...e.tone ? { tone: e.tone } : {},
+			...r
+		}
+	};
+}
+function Pe({ value: e }) {
+	let t = i()("dataTable.tokenCount", "{count} tokens", { count: s(e) });
+	return /* @__PURE__ */ x(f, {
+		content: t,
+		children: /* @__PURE__ */ S("span", { children: [/* @__PURE__ */ x("span", {
+			"aria-hidden": !0,
+			children: l(e)
+		}), /* @__PURE__ */ x("span", {
+			className: "sr-only",
+			children: t
+		})] })
+	});
+}
+function Fe({ value: e, now: t }) {
+	let n = a(e, {
+		time: !0,
+		seconds: !0
+	});
+	return /* @__PURE__ */ x(f, {
+		content: `${n} · ${a(e, {
+			time: !0,
+			utc: !0
+		})}`,
+		shape: "multiline",
+		children: /* @__PURE__ */ S("span", {
+			className: "text-fg-secondary",
+			children: [/* @__PURE__ */ x("time", {
+				dateTime: new Date(e).toISOString(),
+				children: c(e, t)
+			}), /* @__PURE__ */ S("span", {
+				className: "sr-only",
+				children: [" ", n]
+			})]
+		})
+	});
+}
+var A = {
+	text: (e, t) => k(e, t, (e) => e, { text: (e) => t(e) }),
+	mono: (e, t) => k(e, t, (e) => e, {
+		mono: !0,
+		text: (e) => t(e)
+	}),
+	number: (e, t) => k(e, t, (e) => s(e), { align: "end" }),
+	money: (e, t, n = {}) => k(e, t, (e) => u(e, n.decimals === void 0 ? {} : { decimals: n.decimals }), {
+		align: "end",
+		mono: !1
+	}, (e, t, n) => Number(e.getValue(n)) - Number(t.getValue(n))),
+	tokens: (e, t) => k(e, t, (e) => /* @__PURE__ */ x(Pe, { value: e }), { align: "end" }),
+	duration: (e, t) => k(e, t, (e) => o(e), { align: "end" }),
+	date: (e, t) => O(k(e, t, (e) => /* @__PURE__ */ x("time", {
+		dateTime: new Date(e).toISOString(),
+		children: a(e, { time: !0 })
+	}), { text: (e) => a(t(e), { time: !0 }) }, "datetime")),
+	relative: (e, t, n = {}) => O(k(e, t, (e) => /* @__PURE__ */ x(Fe, {
+		value: e,
+		now: n.now ?? Date.now()
+	}), { text: (e) => a(t(e), { time: !0 }) }, (e, t, n) => new Date(e.getValue(n)).getTime() - new Date(t.getValue(n)).getTime())),
+	status: (e, t) => k(e, t, (e) => /* @__PURE__ */ x(g, {
+		tone: e.tone,
+		children: e.label
+	}), { text: void 0 }),
+	avatar: (e, t) => k(e, t, (e) => /* @__PURE__ */ S("span", {
+		className: "inline-flex min-w-0 items-center gap-8",
+		children: [/* @__PURE__ */ x(_, {
+			name: e.name,
+			...e.src ? { src: e.src } : {},
+			size: 24,
+			decorative: !0
+		}), /* @__PURE__ */ x(h, { children: e.name })]
+	}), { text: (e) => t(e).name }),
+	custom: (e, t, n, r = {}) => k(e, t, n, r)
+};
+//#endregion
+export { w as a, xe as i, Ce as n, we as o, D as r, A as t };
+
+//# sourceMappingURL=data-table-CGecI-FI.js.map