@logicplanes/kaeso-ui 0.4.5 → 0.4.7

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

@@ -1,581 +0,0 @@
-"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