@logicplanes/kaeso-ui 0.4.3 → 0.4.5

package/dist/chunks/data-table-CqY8_6IS.js

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