@logicplanes/kaeso-ui 0.1.0 → 0.2.0

package/dist/components/data-table.js

@@ -4,30 +4,31 @@ import { n as t } from "../chunks/inset-BLMdxX4I.js";
 import { i as n } from "../chunks/context-BELWW79w.js";
 import { formatDate as r, formatDuration as i, formatNumber as a, formatRelative as o, formatTokens as s, formatUSD as c } from "../format.js";
 import { t as ee } from "../chunks/icon-CeNQtobn.js";
-import { r as l } from "../chunks/tooltip-CDu00nzg.js";
-import { r as te } from "../chunks/text-BPglS3vq.js";
-import { n as ne } from "../chunks/button-BHKAE6ui.js";
-import { n as re } from "../chunks/checkbox-BgRdbfCE.js";
-import { t as u } from "../chunks/menu-OURWt_hD.js";
+import { r as l } from "../chunks/tooltip-DEbCCsru.js";
+import { t as te } from "../chunks/observe-resize-DhxhmoyB.js";
+import { r as ne } from "../chunks/text--5MKh2G4.js";
+import { n as re } from "../chunks/button-DQvoOxVQ.js";
+import { n as u } from "../chunks/checkbox-BgRdbfCE.js";
+import { t as d } from "../chunks/menu-DyVPwgfF.js";
 import { r as ie } from "../chunks/skeleton-kfuqdl1a.js";
-import { r as ae } from "../chunks/pagination-DYdLm18-.js";
-import { t as d } from "../chunks/empty-DIbBpytW.js";
+import { r as ae } from "../chunks/pagination-CCMxQ5pH.js";
+import { t as oe } from "../chunks/empty-DIbBpytW.js";
 import { i as f } from "../chunks/status-dot-CBoQpyL4.js";
 import { t as p } from "../chunks/avatar-D2nJNbtC.js";
-import { t as oe } from "../chunks/scroll-parent-WXvzQcUo.js";
-import { t as se } from "../chunks/tone-CWpsHPb6.js";
-import { t as ce } from "../chunks/use-scroll-margin-DWcfIXac.js";
+import { t as se } from "../chunks/scroll-parent-WXvzQcUo.js";
+import { t as ce } from "../chunks/tone-CWpsHPb6.js";
+import { t as le } from "../chunks/use-scroll-margin-DfdTc_5D.js";
 import { forwardRef as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ArrowDown01Icon as le, ArrowUp01Icon as ue } from "@hugeicons/core-free-icons";
-import { flexRender as x, getCoreRowModel as de, getSortedRowModel as fe, useReactTable as pe } from "@tanstack/react-table";
-import { useVirtualizer as me } from "@tanstack/react-virtual";
+import { ArrowDown01Icon as ue, ArrowUp01Icon as de } from "@hugeicons/core-free-icons";
+import { flexRender as x, getCoreRowModel as fe, getSortedRowModel as pe, useReactTable as me } from "@tanstack/react-table";
+import { useVirtualizer as he } from "@tanstack/react-virtual";
 //#region src/components/data-table/data-table.tsx
 var S = { density: {
 	compact: { classes: "h-36" },
 	default: { classes: "h-40" },
 	comfortable: { classes: "h-48" }
-} }, C = { density: "default" }, he = {
+} }, C = { density: "default" }, ge = {
 	compact: 36,
 	default: 40,
 	comfortable: 48
@@ -55,45 +56,45 @@ function T(e, t) {
 	};
 }
 var E = (e) => Math.min(e.size, e.minWidth ?? 136);
-function D({ data: r, columns: i, getRowId: a, density: o = "default", onRowClick: s, rowMenu: c, selectable: l, selection: f, onSelectionChange: p, sorting: m, onSortingChange: C, manualSorting: w, loading: D, error: O, onRetry: k, empty: A, hasMore: ge, loadingMore: _e, onLoadMore: ve, stickyFirstColumn: ye, virtualizeAbove: be = 100, className: xe, activeRowId: Se, freshRowIds: Ce, "aria-label": we }, j) {
-	let M = t(), N = n(), [Te, Ee] = v([]), [De, Oe] = v({}), P = m ?? Te, F = f ?? De, ke = g(() => l ? [{
+function D({ data: r, columns: i, getRowId: a, density: o = "default", onRowClick: s, rowMenu: c, selectable: l, selection: f, onSelectionChange: p, sorting: m, onSortingChange: C, manualSorting: w, loading: D, error: O, onRetry: k, empty: A, hasMore: j, loadingMore: M, onLoadMore: N, stickyFirstColumn: _e, virtualizeAbove: ve = 100, className: ye, activeRowId: be, freshRowIds: xe, "aria-label": Se }, P) {
+	let F = t(), I = n(), [Ce, we] = v([]), [Te, Ee] = v({}), L = m ?? Ce, R = f ?? Te, De = g(() => l ? [{
 		id: "__select",
 		size: 44,
 		enableSorting: !1,
 		enableResizing: !1,
 		meta: { priority: 1 },
-		header: ({ table: e }) => /* @__PURE__ */ y(re, {
-			"aria-label": N("dataTable.selectAllRows", "Select all rows"),
+		header: ({ table: e }) => /* @__PURE__ */ y(u, {
+			"aria-label": I("dataTable.selectAllRows", "Select all rows"),
 			checked: e.getIsAllRowsSelected(),
 			indeterminate: e.getIsSomeRowsSelected(),
 			onCheckedChange: (t) => e.toggleAllRowsSelected(t)
 		}),
-		cell: ({ row: e }) => /* @__PURE__ */ y(re, {
-			"aria-label": N("dataTable.selectRow", "Select row"),
+		cell: ({ row: e }) => /* @__PURE__ */ y(u, {
+			"aria-label": I("dataTable.selectRow", "Select row"),
 			checked: e.getIsSelected(),
 			onCheckedChange: (t) => e.toggleSelected(t)
 		})
 	}, ...i] : i, [
 		i,
 		l,
-		N
-	]), I = pe({
+		I
+	]), z = me({
 		data: r,
-		columns: ke,
+		columns: De,
 		state: {
-			sorting: P,
-			rowSelection: F
+			sorting: L,
+			rowSelection: R
 		},
 		onSortingChange: (e) => {
-			let t = typeof e == "function" ? e(P) : e;
-			m || Ee(t), C?.(t);
+			let t = typeof e == "function" ? e(L) : e;
+			m || we(t), C?.(t);
 		},
 		onRowSelectionChange: (e) => {
-			let t = typeof e == "function" ? e(F) : e;
-			f || Oe(t), p?.(t);
+			let t = typeof e == "function" ? e(R) : e;
+			f || Ee(t), p?.(t);
 		},
-		getCoreRowModel: de(),
-		getSortedRowModel: fe(),
+		getCoreRowModel: fe(),
+		getSortedRowModel: pe(),
 		manualSorting: !!w,
 		enableRowSelection: !!l,
 		columnResizeMode: "onChange",
@@ -103,46 +104,44 @@ function D({ data: r, columns: i, getRowId: a, density: o = "default", onRowClic
 			minSize: 64,
 			maxSize: 640
 		}
-	}), L = _(null), R = _(null), z = _(null), B = I.getVisibleLeafColumns(), V = B.map((e) => ({
+	}), B = _(null), V = _(null), H = _(null), U = z.getVisibleLeafColumns(), W = U.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"
-	})), Ae = JSON.stringify(V), H = (e) => {
-		let t = T(V, e);
+	})), Oe = JSON.stringify(W), G = (e) => {
+		let t = T(W, e);
 		return `${t.tight ? "!" : ""}${t.overflow ? ">" : ""}|${t.hidden.join(" ")}`;
-	}, U = _(H);
-	U.current = H;
-	let [je, W] = v("|");
+	}, K = _(G);
+	K.current = G;
+	let [ke, q] = v("|");
 	h(() => {
-		let e = L.current;
-		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(([e]) => W(U.current(Math.round(e?.contentRect.width ?? 0))));
-		return t.observe(e), () => t.disconnect();
+		let e = B.current;
+		if (e) return te([e], ([e]) => q(K.current(Math.round(e?.contentRect.width ?? 0))));
 	}, []), h(() => {
-		L.current && W(U.current(Math.round(L.current.getBoundingClientRect().width)));
-	}, [Ae]);
-	let [G = "", K = ""] = je.split("|"), Me = G.includes("!"), Ne = G.includes(">"), q = g(() => new Set(K.split(" ").filter(Boolean)), [K]), J = B.filter((e) => !q.has(e.id)), Y = (e) => e.columnDef.meta?.grow && Me ? E({
+		B.current && q(K.current(Math.round(B.current.getBoundingClientRect().width)));
+	}, [Oe]);
+	let [Ae = "", je = ""] = ke.split("|"), Me = Ae.includes("!"), Ne = Ae.includes(">"), J = g(() => new Set(je.split(" ").filter(Boolean)), [je]), Y = U.filter((e) => !J.has(e.id)), Pe = (e) => e.columnDef.meta?.grow && Me ? E({
 		size: e.getSize(),
 		minWidth: e.columnDef.meta.minWidth
 	}) : e.getSize(), X = {
-		gridTemplateColumns: J.map((e) => e.columnDef.meta?.grow ? `minmax(${Y(e)}px, 1fr)` : `${e.getSize()}px`).join(" "),
-		minWidth: J.reduce((e, t) => e + Y(t), 0)
-	}, Pe = Ne && J.length > 1 && !J[J.length - 1]?.columnDef.meta?.grow, Z = I.getRowModel().rows, Fe = Z.length > be, Ie = () => oe(L.current), Le = ce(z, Ie, Z.length), Re = me({
+		gridTemplateColumns: Y.map((e) => e.columnDef.meta?.grow ? `minmax(${Pe(e)}px, 1fr)` : `${e.getSize()}px`).join(" "),
+		minWidth: Y.reduce((e, t) => e + Pe(t), 0)
+	}, Fe = Ne && Y.length > 1 && !Y[Y.length - 1]?.columnDef.meta?.grow, Z = z.getRowModel().rows, Ie = Z.length > ve, Le = () => se(B.current), Re = le(H, Le, Z.length), ze = he({
 		count: Z.length,
-		getScrollElement: Ie,
-		estimateSize: () => he[o],
+		getScrollElement: Le,
+		estimateSize: () => ge[o],
 		overscan: 16,
-		enabled: Fe,
-		scrollMargin: Le
-	}), Q = (t) => e("flex min-w-0 items-center px-12", t === 0 && (M ? "pl-16" : "pl-24"), t === J.length - 1 && (M ? "pr-16" : "pr-24")), $ = (t) => (ye && t === 0 || Pe && t === J.length - 1) && e("sticky z-10 group-hover/tr:bg-fill-1 group-aria-selected/tr:bg-fill-2 group-data-active/tr:bg-fill-2", t === 0 ? "left-0" : "right-0", M ? "bg-raised" : "bg-panel"), ze = (t, n) => {
-		let r = t.getVisibleCells().filter((e) => !q.has(e.column.id)), i = /* @__PURE__ */ y("div", {
+		enabled: Ie,
+		scrollMargin: Re
+	}), Q = (t) => e("flex min-w-0 items-center px-12", t === 0 && (F ? "pl-16" : "pl-24"), t === Y.length - 1 && (F ? "pr-16" : "pr-24")), $ = (t) => (_e && t === 0 || Fe && t === Y.length - 1) && e("sticky z-10 group-hover/tr:bg-fill-1 group-aria-selected/tr:bg-fill-2 group-data-active/tr:bg-fill-2", t === 0 ? "left-0" : "right-0", F ? "bg-raised" : "bg-panel"), Be = (t, n) => {
+		let r = t.getVisibleCells().filter((e) => !J.has(e.column.id)), i = /* @__PURE__ */ y("div", {
 			role: "row",
 			"aria-selected": l ? t.getIsSelected() : void 0,
-			"data-active": t.id === Se || void 0,
-			"data-fresh": Ce?.has(t.id) || void 0,
+			"data-active": t.id === be || void 0,
+			"data-fresh": xe?.has(t.id) || void 0,
 			tabIndex: s ? 0 : void 0,
 			onClick: (e) => {
 				e.target.closest("button, a, [role=checkbox]") || s?.(t.original);
@@ -159,8 +158,8 @@ function D({ data: r, columns: i, getRowId: a, density: o = "default", onRowClic
 				let i = n.column.columnDef.meta, a = x(n.column.columnDef.cell, n.getContext()), o = n.getValue(), s = i?.text ? i.text(t.original) : typeof o == "string" ? o : void 0, c = i?.tone?.(t.original);
 				return /* @__PURE__ */ y("div", {
 					role: "cell",
-					className: e(Q(r), i?.align === "end" && "justify-end text-right tabular", i?.mono && "mono text-small", c && se[c], $(r)),
-					children: s !== void 0 && typeof a != "object" ? /* @__PURE__ */ y(te, {
+					className: e(Q(r), i?.align === "end" && "justify-end text-right tabular", i?.mono && "mono text-small", c && ce[c], $(r)),
+					children: s !== void 0 && typeof a != "object" ? /* @__PURE__ */ y(ne, {
 						truncate: !0,
 						tone: c ?? "default",
 						className: e("min-w-0", i?.mono && "text-small"),
@@ -173,31 +172,31 @@ function D({ data: r, columns: i, getRowId: a, density: o = "default", onRowClic
 				}, n.id);
 			})
 		});
-		return c ? /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(u.Trigger, { children: i }), /* @__PURE__ */ y(u.Content, { children: c(t.original) })] }, t.id) : /* @__PURE__ */ y("div", { children: i }, t.id);
+		return c ? /* @__PURE__ */ b(d, { children: [/* @__PURE__ */ y(d.Trigger, { children: i }), /* @__PURE__ */ y(d.Content, { children: c(t.original) })] }, t.id) : /* @__PURE__ */ y("div", { children: i }, t.id);
 	};
 	return /* @__PURE__ */ b("div", {
 		ref: (e) => {
-			L.current = e, typeof j == "function" ? j(e) : j && (j.current = e);
+			B.current = e, typeof P == "function" ? P(e) : P && (P.current = e);
 		},
-		className: e("relative w-full min-w-0", xe),
+		className: e("relative w-full min-w-0", ye),
 		children: [/* @__PURE__ */ b("div", {
 			role: "table",
-			"aria-label": we,
+			"aria-label": Se,
 			"aria-rowcount": Z.length + 1,
 			"aria-busy": D || void 0,
-			className: e("w-full overflow-clip", M && "rounded-group bg-raised shadow-xs"),
+			className: e("w-full overflow-clip", F && "rounded-group bg-raised shadow-xs"),
 			children: [/* @__PURE__ */ y("div", {
-				ref: R,
+				ref: V,
 				role: "rowgroup",
-				className: e("sticky top-0 z-20 overflow-hidden", M ? "bg-raised" : "bg-panel"),
+				className: e("sticky top-0 z-20 overflow-hidden", F ? "bg-raised" : "bg-panel"),
 				onScroll: (e) => {
-					z.current && z.current.scrollLeft !== e.currentTarget.scrollLeft && (z.current.scrollLeft = e.currentTarget.scrollLeft);
+					H.current && H.current.scrollLeft !== e.currentTarget.scrollLeft && (H.current.scrollLeft = e.currentTarget.scrollLeft);
 				},
-				children: I.getHeaderGroups().map((t) => /* @__PURE__ */ y("div", {
+				children: z.getHeaderGroups().map((t) => /* @__PURE__ */ y("div", {
 					role: "row",
 					className: "grid h-36 hairline-b-strong",
 					style: X,
-					children: t.headers.filter((e) => !q.has(e.column.id)).map((t, n) => {
+					children: t.headers.filter((e) => !J.has(e.column.id)).map((t, n) => {
 						let r = t.column.columnDef.meta, i = t.column.getCanSort(), a = t.column.getIsSorted();
 						return /* @__PURE__ */ b("div", {
 							role: "columnheader",
@@ -211,7 +210,7 @@ function D({ data: r, columns: i, getRowId: a, density: o = "default", onRowClic
 									className: "truncate",
 									children: x(t.column.columnDef.header, t.getContext())
 								}), /* @__PURE__ */ y(ee, {
-									icon: a === "desc" ? le : ue,
+									icon: a === "desc" ? ue : de,
 									size: "xs",
 									className: e("shrink-0 transition-control", a ? "opacity-100" : "opacity-0 group-hover/th:opacity-60")
 								})]
@@ -221,7 +220,7 @@ function D({ data: r, columns: i, getRowId: a, density: o = "default", onRowClic
 							}), t.column.getCanResize() && /* @__PURE__ */ y("div", {
 								role: "separator",
 								"aria-orientation": "vertical",
-								"aria-label": N("dataTable.resizeColumn", "Resize column"),
+								"aria-label": I("dataTable.resizeColumn", "Resize column"),
 								onMouseDown: t.getResizeHandler(),
 								onTouchStart: t.getResizeHandler(),
 								onDoubleClick: () => t.column.resetSize(),
@@ -231,25 +230,25 @@ function D({ data: r, columns: i, getRowId: a, density: o = "default", onRowClic
 					})
 				}, t.id))
 			}), /* @__PURE__ */ y("div", {
-				ref: z,
+				ref: H,
 				role: "rowgroup",
 				className: "overflow-x-auto scrollbar-quiet",
 				onScroll: (e) => {
-					R.current && R.current.scrollLeft !== e.currentTarget.scrollLeft && (R.current.scrollLeft = e.currentTarget.scrollLeft);
+					V.current && V.current.scrollLeft !== e.currentTarget.scrollLeft && (V.current.scrollLeft = e.currentTarget.scrollLeft);
 				},
 				children: O ? /* @__PURE__ */ y("div", {
 					role: "row",
 					children: /* @__PURE__ */ y("div", {
 						role: "cell",
-						"aria-colspan": J.length,
+						"aria-colspan": Y.length,
 						className: "block",
-						children: /* @__PURE__ */ y(d, {
+						children: /* @__PURE__ */ y(oe, {
 							size: "compact",
-							title: N("dataTable.loadFailed", "Couldn't load these rows"),
-							actions: k && /* @__PURE__ */ y(ne, {
+							title: I("dataTable.loadFailed", "Couldn't load these rows"),
+							actions: k && /* @__PURE__ */ y(re, {
 								size: "sm",
 								onClick: k,
-								children: N("dataTable.tryAgain", "Try again")
+								children: I("dataTable.tryAgain", "Try again")
 							})
 						})
 					})
@@ -257,7 +256,7 @@ function D({ data: r, columns: i, getRowId: a, density: o = "default", onRowClic
 					role: "row",
 					className: e("grid", S.density[o].classes),
 					style: X,
-					children: J.map((t, r) => /* @__PURE__ */ y("div", {
+					children: Y.map((t, r) => /* @__PURE__ */ y("div", {
 						role: "cell",
 						className: e(Q(r), t.columnDef.meta?.align === "end" && "justify-end"),
 						children: /* @__PURE__ */ y(ie, {
@@ -269,30 +268,30 @@ function D({ data: r, columns: i, getRowId: a, density: o = "default", onRowClic
 					role: "row",
 					children: /* @__PURE__ */ y("div", {
 						role: "cell",
-						"aria-colspan": J.length,
+						"aria-colspan": Y.length,
 						className: "block",
-						children: A ?? /* @__PURE__ */ y(d, {
+						children: A ?? /* @__PURE__ */ y(oe, {
 							size: "compact",
-							title: N("dataTable.noRows", "No rows"),
-							description: N("dataTable.noMatches", "Nothing matches these filters.")
+							title: I("dataTable.noRows", "No rows"),
+							description: I("dataTable.noMatches", "Nothing matches these filters.")
 						})
 					})
-				}) : Fe ? /* @__PURE__ */ y("div", {
+				}) : Ie ? /* @__PURE__ */ y("div", {
 					className: "relative",
-					style: { height: Re.getTotalSize() },
-					children: Re.getVirtualItems().map((e) => ze(Z[e.index], {
+					style: { height: ze.getTotalSize() },
+					children: ze.getVirtualItems().map((e) => Be(Z[e.index], {
 						position: "absolute",
 						top: 0,
 						left: 0,
-						transform: `translateY(${Math.round(e.start - Le)}px)`
+						transform: `translateY(${Math.round(e.start - Re)}px)`
 					}))
-				}) : Z.map((e) => ze(e))
+				}) : Z.map((e) => Be(e))
 			})]
-		}), ge && /* @__PURE__ */ y(ae, {
+		}), j && /* @__PURE__ */ y(ae, {
 			variant: "load-more",
 			hasMore: !0,
-			loading: _e,
-			onLoadMore: ve
+			loading: M,
+			onLoadMore: N
 		})]
 	});
 }
@@ -318,7 +317,7 @@ function A(e, t, n, r = {}, i) {
 		}
 	};
 }
-function ge({ value: e }) {
+function j({ value: e }) {
 	let t = n()("dataTable.tokenCount", "{count} tokens", { count: a(e) });
 	return /* @__PURE__ */ y(l, {
 		content: t,
@@ -331,7 +330,7 @@ function ge({ value: e }) {
 		})] })
 	});
 }
-function _e({ value: e, now: t }) {
+function M({ value: e, now: t }) {
 	let n = r(e, {
 		time: !0,
 		seconds: !0
@@ -354,7 +353,7 @@ function _e({ value: e, now: t }) {
 		})
 	});
 }
-var ve = {
+var N = {
 	text: (e, t) => A(e, t, (e) => e, { text: (e) => t(e) }),
 	mono: (e, t) => A(e, t, (e) => e, {
 		mono: !0,
@@ -365,13 +364,13 @@ var ve = {
 		align: "end",
 		mono: !1
 	}, (e, t, n) => Number(e.getValue(n)) - Number(t.getValue(n))),
-	tokens: (e, t) => A(e, t, (e) => /* @__PURE__ */ y(ge, { value: e }), { align: "end" }),
+	tokens: (e, t) => A(e, t, (e) => /* @__PURE__ */ y(j, { value: e }), { align: "end" }),
 	duration: (e, t) => A(e, t, (e) => i(e), { align: "end" }),
 	date: (e, t) => A(e, t, (e) => /* @__PURE__ */ y("time", {
 		dateTime: new Date(e).toISOString(),
 		children: r(e, { time: !0 })
 	}), {}, "datetime"),
-	relative: (e, t, n = {}) => A(e, t, (e) => /* @__PURE__ */ y(_e, {
+	relative: (e, t, n = {}) => A(e, t, (e) => /* @__PURE__ */ y(M, {
 		value: e,
 		now: n.now ?? Date.now()
 	}), {}, (e, t, n) => new Date(e.getValue(n)).getTime() - new Date(t.getValue(n)).getTime()),
@@ -394,6 +393,6 @@ var ve = {
 	custom: (e, t, n, r = {}) => A(e, t, n, r)
 };
 //#endregion
-export { w as DATA_TABLE_GROW_MIN, k as DataTable, C as KAESO_DATA_TABLE_DEFAULT_VARIANTS, S as KAESO_DATA_TABLE_VARIANTS, ve as col, T as fitColumns };
+export { w as DATA_TABLE_GROW_MIN, k as DataTable, C as KAESO_DATA_TABLE_DEFAULT_VARIANTS, S as KAESO_DATA_TABLE_VARIANTS, N as col, T as fitColumns };
 
 //# sourceMappingURL=data-table.js.map

package/dist/components/data-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","names":["__icon_ArrowDown01Icon","__icon_ArrowUp01Icon","cn","useInset","useUiText","Icon","Tooltip","Text","Button","CheckboxBox","ContextMenu","Skeleton","Pagination","Empty","StatusDot","Avatar","scrollParent","STATUS_TONE_TEXT","useScrollMargin","KAESO_DATA_TABLE_VARIANTS","KAESO_DATA_TABLE_DEFAULT_VARIANTS","ROW_H","DATA_TABLE_GROW_MIN","fitColumns","width","byPriority","columns","a","b","used","keep","c","kept","full","least","growMin","last","DataTableInner","userColumns","sortingProp","ariaLabel","inset","t","sortingInner","setSortingInner","useState","selectionInner","setSelectionInner","sorting","rowSelection","selection","useMemo","selectable","table","row","useReactTable","next","u","onSortingChange","onSelectionChange","getCoreRowModel","getSortedRowModel","manualSorting","getRowId","r","root","useRef","head","body","leaf","fitInput","fitKey","hiddenFor","fit","hiddenForRef","hiddenKey","setHiddenKey","useLayoutEffect","el","ro","mode","hiddenIds","tight","overflow","hidden","cols","trackMin","gridStyle","pinEnd","rows","virtual","virtualizeAbove","getScrollElement","scrollMargin","virtualizer","useVirtualizer","density","cellPad","i","stickyCol","stickyFirstColumn","renderRow","cells","activeRowId","freshRowIds","onRowClick","style","meta","cell","content","flexRender","raw","text","tone","rowMenu","ref","className","loading","hg","h","sortable","dir","ArrowDown01Icon","ArrowUp01Icon","error","onRetry","empty","v","hasMore","loadingMore","DataTableBase","DataTable","make","get","ctx","sortingFn","Tokens","exact","formatNumber","value","formatTokens","RelativeTime","formatDate","formatRelative","now","col","formatUSD","options","id","formatDuration"],"sources":["../../src/components/data-table/data-table.tsx","../../src/components/data-table/columns.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, useLayoutEffect, useMemo, useRef, useState, type CSSProperties, type ReactNode } from \"react\";\nimport {\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  useReactTable,\n  type ColumnDef,\n  type Row,\n  type RowSelectionState,\n  type SortingState,\n} from \"@tanstack/react-table\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useInset } from \"../../utils/inset.js\";\nimport { ArrowDown01Icon as __icon_ArrowDown01Icon, ArrowUp01Icon as __icon_ArrowUp01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\nimport { CheckboxBox } from \"../checkbox/checkbox.js\";\nimport { Skeleton } from \"../skeleton/skeleton.js\";\nimport { Empty } from \"../empty/empty.js\";\nimport { Button } from \"../button/button.js\";\nimport { Pagination } from \"../pagination/pagination.js\";\nimport { ContextMenu } from \"../menu/menu.js\";\nimport { Text } from \"../text/text.js\";\nimport { STATUS_TONE_TEXT, type StatusTone } from \"../../utils/tone.js\";\nimport { scrollParent } from \"../../hooks/scroll-parent.js\";\nimport { useScrollMargin } from \"../../hooks/use-scroll-margin.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_DATA_TABLE_VARIANTS = {\n  density: {\n    compact: { classes: \"h-36\" },\n    default: { classes: \"h-40\" },\n    comfortable: { classes: \"h-48\" },\n  },\n} as const;\nexport const KAESO_DATA_TABLE_DEFAULT_VARIANTS = { density: \"default\" } as const;\n\ndeclare module \"@tanstack/react-table\" {\n  interface ColumnMeta<TData, TValue> {\n    align?: \"start\" | \"end\" | undefined;\n    priority?: number | undefined;\n    grow?: boolean | undefined;\n    minWidth?: number | undefined;\n    mono?: boolean | undefined;\n    text?: ((row: TData) => string) | undefined;\n    tone?: ((row: TData) => StatusTone | undefined) | undefined;\n  }\n}\n\nexport interface DataTableProps<T> {\n  data: T[];\n  columns: ColumnDef<T, any>[];\n  getRowId?: ((row: T) => string) | undefined;\n  density?: keyof typeof KAESO_DATA_TABLE_VARIANTS.density | undefined;\n  onRowClick?: ((row: T) => void) | undefined;\n  rowMenu?: ((row: T) => ReactNode) | undefined;\n  selectable?: boolean | undefined;\n  selection?: RowSelectionState | undefined;\n  onSelectionChange?: ((selection: RowSelectionState) => void) | undefined;\n  sorting?: SortingState | undefined;\n  onSortingChange?: ((sorting: SortingState) => void) | undefined;\n  manualSorting?: boolean | undefined;\n  loading?: boolean | undefined;\n  error?: ReactNode | undefined;\n  onRetry?: (() => void) | undefined;\n  empty?: ReactNode | undefined;\n  hasMore?: boolean | undefined;\n  loadingMore?: boolean | undefined;\n  onLoadMore?: (() => void) | undefined;\n  stickyFirstColumn?: boolean | undefined;\n  virtualizeAbove?: number | undefined;\n  \"aria-label\": string;\n  className?: string | undefined;\n  activeRowId?: string | undefined;\n  freshRowIds?: ReadonlySet<string> | undefined;\n}\n\nconst ROW_H = { compact: 36, default: 40, comfortable: 48 } as const;\n\nexport const DATA_TABLE_GROW_MIN = 136;\n\ntype FitColumn = { id: string; size: number; priority: number; grow: boolean; minWidth: number | undefined; fixed?: boolean | undefined };\n\nexport function fitColumns(columns: FitColumn[], width: number): { hidden: string[]; tight: boolean; overflow: boolean } {\n  if (!width) return { hidden: [], tight: false, overflow: false };\n  const byPriority = [...columns].sort((a, b) => a.priority - b.priority);\n  let used = 48;\n  const keep = new Set<string>();\n  for (const c of byPriority) {\n    used += c.size;\n    if (used <= width || c.priority <= 1 || c.fixed) keep.add(c.id);\n  }\n  const kept = columns.filter((c) => keep.has(c.id));\n  const full = kept.reduce((a, c) => a + c.size, 48);\n  let least = kept.reduce((a, c) => a + (c.grow ? growMin(c) : c.size), 0);\n  if (least > width && kept.some((c) => c.grow)) {\n    const last = kept[kept.length - 1];\n    for (const c of [...kept].reverse()) {\n      if (least <= width) break;\n      if (c.grow || c.fixed || c === last) continue;\n      keep.delete(c.id);\n      least -= c.size;\n    }\n  }\n  return { hidden: columns.filter((c) => !keep.has(c.id)).map((c) => c.id), tight: full > width, overflow: least > width };\n}\n\nconst growMin = (c: { size: number; minWidth: number | undefined }) => Math.min(c.size, c.minWidth ?? DATA_TABLE_GROW_MIN);\n\nfunction DataTableInner<T>(\n  {\n    data,\n    columns: userColumns,\n    getRowId,\n    density = \"default\",\n    onRowClick,\n    rowMenu,\n    selectable,\n    selection,\n    onSelectionChange,\n    sorting: sortingProp,\n    onSortingChange,\n    manualSorting,\n    loading,\n    error,\n    onRetry,\n    empty,\n    hasMore,\n    loadingMore,\n    onLoadMore,\n    stickyFirstColumn,\n    virtualizeAbove = 100,\n    className,\n    activeRowId,\n    freshRowIds,\n    \"aria-label\": ariaLabel,\n  }: DataTableProps<T>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const inset = useInset();\n  const t = useUiText();\n  const [sortingInner, setSortingInner] = useState<SortingState>([]);\n  const [selectionInner, setSelectionInner] = useState<RowSelectionState>({});\n  const sorting = sortingProp ?? sortingInner;\n  const rowSelection = selection ?? selectionInner;\n  const columns = useMemo<ColumnDef<T, any>[]>(() => {\n    if (!selectable) return userColumns;\n    return [\n      {\n        id: \"__select\",\n        size: 44,\n        enableSorting: false,\n        enableResizing: false,\n        meta: { priority: 1 },\n        header: ({ table }) => (\n          <CheckboxBox\n            aria-label={t(\"dataTable.selectAllRows\", \"Select all rows\")}\n            checked={table.getIsAllRowsSelected()}\n            indeterminate={table.getIsSomeRowsSelected()}\n            onCheckedChange={(c) => table.toggleAllRowsSelected(c)}\n          />\n        ),\n        cell: ({ row }) => (\n          <CheckboxBox aria-label={t(\"dataTable.selectRow\", \"Select row\")} checked={row.getIsSelected()} onCheckedChange={(c) => row.toggleSelected(c)} />\n        ),\n      },\n      ...userColumns,\n    ];\n  }, [userColumns, selectable, t]);\n\n  const table = useReactTable({\n    data,\n    columns,\n    state: { sorting, rowSelection },\n    onSortingChange: (u) => {\n      const next = typeof u === \"function\" ? u(sorting) : u;\n      if (!sortingProp) setSortingInner(next);\n      onSortingChange?.(next);\n    },\n    onRowSelectionChange: (u) => {\n      const next = typeof u === \"function\" ? u(rowSelection) : u;\n      if (!selection) setSelectionInner(next);\n      onSelectionChange?.(next);\n    },\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    manualSorting: !!manualSorting,\n    enableRowSelection: !!selectable,\n    columnResizeMode: \"onChange\",\n    ...(getRowId ? { getRowId: (r: T) => getRowId(r) } : {}),\n    defaultColumn: { size: 140, minSize: 64, maxSize: 640 },\n  });\n\n  const root = useRef<HTMLDivElement | null>(null);\n  const head = useRef<HTMLDivElement | null>(null);\n  const body = useRef<HTMLDivElement | null>(null);\n  const leaf = table.getVisibleLeafColumns();\n  const fitInput = leaf.map((c) => ({\n    id: c.id,\n    size: c.getSize(),\n    priority: c.columnDef.meta?.priority ?? 2,\n    grow: !!c.columnDef.meta?.grow,\n    minWidth: c.columnDef.meta?.minWidth,\n    fixed: c.id === \"__select\",\n  }));\n  const fitKey = JSON.stringify(fitInput);\n  const hiddenFor = (width: number) => {\n    const fit = fitColumns(fitInput, width);\n    return `${fit.tight ? \"!\" : \"\"}${fit.overflow ? \">\" : \"\"}|${fit.hidden.join(\" \")}`;\n  };\n  const hiddenForRef = useRef(hiddenFor);\n  hiddenForRef.current = hiddenFor;\n  const [hiddenKey, setHiddenKey] = useState(\"|\");\n  useLayoutEffect(() => {\n    const el = root.current;\n    if (!el || typeof ResizeObserver === \"undefined\") return;\n    const ro = new ResizeObserver(([e]) => setHiddenKey(hiddenForRef.current(Math.round(e?.contentRect.width ?? 0))));\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n  useLayoutEffect(() => {\n    if (root.current) setHiddenKey(hiddenForRef.current(Math.round(root.current.getBoundingClientRect().width)));\n  }, [fitKey]);\n  const [mode = \"\", hiddenIds = \"\"] = hiddenKey.split(\"|\");\n  const tight = mode.includes(\"!\");\n  const overflow = mode.includes(\">\");\n  const hidden = useMemo(() => new Set(hiddenIds.split(\" \").filter(Boolean)), [hiddenIds]);\n  const cols = leaf.filter((c) => !hidden.has(c.id));\n  const trackMin = (c: (typeof cols)[number]) =>\n    c.columnDef.meta?.grow ? (tight ? growMin({ size: c.getSize(), minWidth: c.columnDef.meta.minWidth }) : c.getSize()) : c.getSize();\n  const template = cols.map((c) => (c.columnDef.meta?.grow ? `minmax(${trackMin(c)}px, 1fr)` : `${c.getSize()}px`)).join(\" \");\n  const gridStyle: CSSProperties = { gridTemplateColumns: template, minWidth: cols.reduce((a, c) => a + trackMin(c), 0) };\n  const pinEnd = overflow && cols.length > 1 && !cols[cols.length - 1]?.columnDef.meta?.grow;\n\n  const rows = table.getRowModel().rows;\n  const virtual = rows.length > virtualizeAbove;\n  const getScrollElement = () => scrollParent(root.current);\n  const scrollMargin = useScrollMargin(body, getScrollElement, rows.length);\n  const virtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement,\n    estimateSize: () => ROW_H[density],\n    overscan: 16,\n    enabled: virtual,\n    scrollMargin,\n  });\n\n  const cellPad = (i: number) =>\n    cn(\"flex min-w-0 items-center px-12\", i === 0 && (inset ? \"pl-16\" : \"pl-24\"), i === cols.length - 1 && (inset ? \"pr-16\" : \"pr-24\"));\n  const stickyCol = (i: number) =>\n    ((stickyFirstColumn && i === 0) || (pinEnd && i === cols.length - 1)) &&\n    cn(\n      \"sticky z-10 group-hover/tr:bg-fill-1 group-aria-selected/tr:bg-fill-2 group-data-active/tr:bg-fill-2\",\n      i === 0 ? \"left-0\" : \"right-0\",\n      inset ? \"bg-raised\" : \"bg-panel\",\n    );\n\n  const renderRow = (row: Row<T>, style?: CSSProperties) => {\n    const cells = row.getVisibleCells().filter((c) => !hidden.has(c.column.id));\n    const el = (\n      <div\n        role=\"row\"\n        aria-selected={selectable ? row.getIsSelected() : undefined}\n        data-active={row.id === activeRowId || undefined}\n        data-fresh={freshRowIds?.has(row.id) || undefined}\n        tabIndex={onRowClick ? 0 : undefined}\n        onClick={(e) => {\n          if ((e.target as HTMLElement).closest(\"button, a, [role=checkbox]\")) return;\n          onRowClick?.(row.original);\n        }}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" && e.target === e.currentTarget) onRowClick?.(row.original);\n        }}\n        style={{ ...gridStyle, ...style }}\n        className={cn(\n          \"group/tr grid w-full text-body text-fg transition-control focus-ring-inset\",\n          KAESO_DATA_TABLE_VARIANTS.density[density].classes,\n          onRowClick && \"cursor-pointer\",\n          \"hover:bg-fill-1 aria-selected:bg-fill-2 data-active:bg-fill-2 data-fresh:animate-row-fresh\",\n          \"hover:controls-on-fill aria-selected:controls-on-fill data-active:controls-on-fill\",\n        )}\n      >\n        {cells.map((cell, i) => {\n          const meta = cell.column.columnDef.meta;\n          const content = flexRender(cell.column.columnDef.cell, cell.getContext());\n          const raw = cell.getValue();\n          const text = meta?.text ? meta.text(row.original) : typeof raw === \"string\" ? raw : undefined;\n          const tone = meta?.tone?.(row.original);\n          return (\n            <div\n              key={cell.id}\n              role=\"cell\"\n              className={cn(\n                cellPad(i),\n                meta?.align === \"end\" && \"justify-end text-right tabular\",\n                meta?.mono && \"mono text-small\",\n                tone && STATUS_TONE_TEXT[tone],\n                stickyCol(i),\n              )}\n            >\n              {text !== undefined && typeof content !== \"object\" ? (\n                <Text truncate tone={tone ?? \"default\"} className={cn(\"min-w-0\", meta?.mono && \"text-small\")} mono={!!meta?.mono}>\n                  {text}\n                </Text>\n              ) : (\n                <span className=\"min-w-0 truncate cell-fit\">{content}</span>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n    if (!rowMenu) return <div key={row.id}>{el}</div>;\n    return (\n      <ContextMenu key={row.id}>\n        <ContextMenu.Trigger>{el}</ContextMenu.Trigger>\n        <ContextMenu.Content>{rowMenu(row.original)}</ContextMenu.Content>\n      </ContextMenu>\n    );\n  };\n\n  return (\n    <div\n      ref={(e) => {\n        root.current = e;\n        if (typeof ref === \"function\") ref(e);\n        else if (ref) (ref as { current: HTMLDivElement | null }).current = e;\n      }}\n      className={cn(\"relative w-full min-w-0\", className)}\n    >\n      <div\n        role=\"table\"\n        aria-label={ariaLabel}\n        aria-rowcount={rows.length + 1}\n        aria-busy={loading || undefined}\n        className={cn(\"w-full overflow-clip\", inset && \"rounded-group bg-raised shadow-xs\")}\n      >\n        <div\n          ref={head}\n          role=\"rowgroup\"\n          className={cn(\"sticky top-0 z-20 overflow-hidden\", inset ? \"bg-raised\" : \"bg-panel\")}\n          onScroll={(e) => {\n            if (body.current && body.current.scrollLeft !== e.currentTarget.scrollLeft) body.current.scrollLeft = e.currentTarget.scrollLeft;\n          }}\n        >\n          {table.getHeaderGroups().map((hg) => (\n            <div key={hg.id} role=\"row\" className=\"grid h-36 hairline-b-strong\" style={gridStyle}>\n              {hg.headers\n                .filter((h) => !hidden.has(h.column.id))\n                .map((h, i) => {\n                  const meta = h.column.columnDef.meta;\n                  const sortable = h.column.getCanSort();\n                  const dir = h.column.getIsSorted();\n                  return (\n                    <div\n                      key={h.id}\n                      role=\"columnheader\"\n                      aria-sort={dir === \"asc\" ? \"ascending\" : dir === \"desc\" ? \"descending\" : sortable ? \"none\" : undefined}\n                      className={cn(\"group/th relative\", cellPad(i), meta?.align === \"end\" && \"justify-end\", stickyCol(i), stickyCol(i) && \"hairline-b-strong\")}\n                    >\n                      {sortable ? (\n                        <button\n                          type=\"button\"\n                          onClick={h.column.getToggleSortingHandler()}\n                          className={cn(\n                            \"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 hover:bg-fill-1 hover:text-fg focus-ring tap-target\",\n                            dir ? \"text-fg\" : \"text-fg-secondary\",\n                            meta?.align === \"end\" && \"flex-row-reverse\",\n                          )}\n                        >\n                          <span className=\"truncate\">{flexRender(h.column.columnDef.header, h.getContext())}</span>\n                          <Icon\n                            icon={dir === \"desc\" ? __icon_ArrowDown01Icon : __icon_ArrowUp01Icon}\n                            size=\"xs\"\n                            className={cn(\"shrink-0 transition-control\", dir ? \"opacity-100\" : \"opacity-0 group-hover/th:opacity-60\")}\n                          />\n                        </button>\n                      ) : (\n                        <span className=\"truncate text-caption font-medium text-fg-secondary\">{flexRender(h.column.columnDef.header, h.getContext())}</span>\n                      )}\n                      {h.column.getCanResize() && (\n                        <div\n                          role=\"separator\"\n                          aria-orientation=\"vertical\"\n                          aria-label={t(\"dataTable.resizeColumn\", \"Resize column\")}\n                          onMouseDown={h.getResizeHandler()}\n                          onTouchStart={h.getResizeHandler()}\n                          onDoubleClick={() => h.column.resetSize()}\n                          className=\"absolute top-8 right-0 bottom-8 w-8 cursor-col-resize after:absolute after:inset-y-0 after:right-0 after:w-1 after:bg-transparent after:transition-control group-hover/th:after:bg-line-strong\"\n                        />\n                      )}\n                    </div>\n                  );\n                })}\n            </div>\n          ))}\n        </div>\n        <div\n          ref={body}\n          role=\"rowgroup\"\n          className=\"overflow-x-auto scrollbar-quiet\"\n          onScroll={(e) => {\n            if (head.current && head.current.scrollLeft !== e.currentTarget.scrollLeft) head.current.scrollLeft = e.currentTarget.scrollLeft;\n          }}\n        >\n          {error ? (\n            <div role=\"row\">\n              <div role=\"cell\" aria-colspan={cols.length} className=\"block\">\n                <Empty\n                  size=\"compact\"\n                  title={t(\"dataTable.loadFailed\", \"Couldn't load these rows\")}\n                  actions={\n                    onRetry && (\n                      <Button size=\"sm\" onClick={onRetry}>\n                        {t(\"dataTable.tryAgain\", \"Try again\")}\n                      </Button>\n                    )\n                  }\n                />\n              </div>\n            </div>\n          ) : loading && rows.length === 0 ? (\n            Array.from({ length: 8 }, (_, r) => (\n              <div key={r} role=\"row\" className={cn(\"grid\", KAESO_DATA_TABLE_VARIANTS.density[density].classes)} style={gridStyle}>\n                {cols.map((c, i) => (\n                  <div key={c.id} role=\"cell\" className={cn(cellPad(i), c.columnDef.meta?.align === \"end\" && \"justify-end\")}>\n                    <Skeleton shape=\"line\" style={{ width: `${40 + ((r * 7 + i * 13) % 45)}%` }} />\n                  </div>\n                ))}\n              </div>\n            ))\n          ) : rows.length === 0 ? (\n            <div role=\"row\">\n              <div role=\"cell\" aria-colspan={cols.length} className=\"block\">\n                {empty ?? (\n                  <Empty size=\"compact\" title={t(\"dataTable.noRows\", \"No rows\")} description={t(\"dataTable.noMatches\", \"Nothing matches these filters.\")} />\n                )}\n              </div>\n            </div>\n          ) : virtual ? (\n            <div className=\"relative\" style={{ height: virtualizer.getTotalSize() }}>\n              {virtualizer\n                .getVirtualItems()\n                .map((v) =>\n                  renderRow(rows[v.index]!, { position: \"absolute\", top: 0, left: 0, transform: `translateY(${Math.round(v.start - scrollMargin)}px)` }),\n                )}\n            </div>\n          ) : (\n            rows.map((r) => renderRow(r))\n          )}\n        </div>\n      </div>\n      {hasMore && <Pagination variant=\"load-more\" hasMore loading={loadingMore} onLoadMore={onLoadMore} />}\n    </div>\n  );\n}\n\nconst DataTableBase = /* @__PURE__ */ forwardRef(DataTableInner);\nif (process.env.NODE_ENV !== \"production\") DataTableBase.displayName = \"DataTable\";\nexport const DataTable = DataTableBase as unknown as <T>(\n  p: DataTableProps<T> & { ref?: React.Ref<HTMLDivElement> | undefined },\n) => ReturnType<typeof DataTableInner>;\n","import type { ColumnDef } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\nimport { formatDate, formatDuration, formatRelative, formatTokens, formatUSD, formatNumber } from \"../../format/index.js\";\nimport { StatusDot, type StatusDotProps } from \"../status-dot/status-dot.js\";\nimport { Avatar } from \"../avatar/avatar.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport type { StatusTone } from \"../../utils/tone.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\ntype Base<T = never> = {\n  id: string;\n  header: ReactNode;\n  size?: number | undefined;\n  priority?: number | undefined;\n  grow?: boolean | undefined;\n  minWidth?: number | undefined;\n  tone?: ((row: T) => StatusTone | undefined) | undefined;\n};\ntype Accessor<T, V> = (row: T) => V;\n\nfunction make<T, V>(\n  b: Base<T>,\n  get: Accessor<T, V>,\n  cell: (v: V, row: T) => ReactNode,\n  meta: object = {},\n  sortingFn?: ColumnDef<T, V>[\"sortingFn\"],\n): ColumnDef<T, V> {\n  return {\n    id: b.id,\n    header: () => b.header,\n    accessorFn: get,\n    cell: (ctx) => cell(ctx.getValue() as V, ctx.row.original),\n    ...(b.size ? { size: b.size } : {}),\n    ...(sortingFn ? { sortingFn } : {}),\n    meta: {\n      ...(b.priority !== undefined ? { priority: b.priority } : {}),\n      ...(b.grow ? { grow: true } : {}),\n      ...(b.minWidth !== undefined ? { minWidth: b.minWidth } : {}),\n      ...(b.tone ? { tone: b.tone } : {}),\n      ...meta,\n    },\n  };\n}\n\nfunction Tokens({ value }: { value: number }) {\n  const t = useUiText();\n  const exact = t(\"dataTable.tokenCount\", \"{count} tokens\", { count: formatNumber(value) });\n  return (\n    <Tooltip content={exact}>\n      <span>\n        <span aria-hidden>{formatTokens(value)}</span>\n        <span className=\"sr-only\">{exact}</span>\n      </span>\n    </Tooltip>\n  );\n}\n\nfunction RelativeTime({ value, now }: { value: string | Date; now: Date | number }) {\n  const exact = formatDate(value, { time: true, seconds: true });\n  return (\n    <Tooltip content={`${exact} · ${formatDate(value, { time: true, utc: true })}`} shape=\"multiline\">\n      <span className=\"text-fg-secondary\">\n        <time dateTime={new Date(value).toISOString()}>{formatRelative(value, now)}</time>\n        <span className=\"sr-only\"> {exact}</span>\n      </span>\n    </Tooltip>\n  );\n}\n\nexport const col = {\n  text: <T,>(b: Base<T>, get: Accessor<T, string>) => make(b, get, (v) => v, { text: (r: T) => get(r) }),\n  mono: <T,>(b: Base<T>, get: Accessor<T, string>) => make(b, get, (v) => v, { mono: true, text: (r: T) => get(r) }),\n  number: <T,>(b: Base<T>, get: Accessor<T, number>) => make(b, get, (v) => formatNumber(v), { align: \"end\" }),\n  money: <T,>(b: Base<T>, get: Accessor<T, string>, options: { decimals?: number | undefined } = {}) =>\n    make(\n      b,\n      get,\n      (v) => formatUSD(v, options.decimals === undefined ? {} : { decimals: options.decimals }),\n      { align: \"end\", mono: false },\n      (a, c, id) => Number(a.getValue(id)) - Number(c.getValue(id)),\n    ),\n  tokens: <T,>(b: Base<T>, get: Accessor<T, number>) => make(b, get, (v) => <Tokens value={v} />, { align: \"end\" }),\n  duration: <T,>(b: Base<T>, get: Accessor<T, number>) => make(b, get, (v) => formatDuration(v), { align: \"end\" }),\n  date: <T,>(b: Base<T>, get: Accessor<T, string | Date>) =>\n    make(b, get, (v) => <time dateTime={new Date(v).toISOString()}>{formatDate(v, { time: true })}</time>, {}, \"datetime\"),\n  relative: <T,>(b: Base<T>, get: Accessor<T, string | Date>, options: { now?: Date | number | undefined } = {}) =>\n    make(\n      b,\n      get,\n      (v) => <RelativeTime value={v} now={options.now ?? Date.now()} />,\n      {},\n      (a, c, id) => new Date(a.getValue(id) as string).getTime() - new Date(c.getValue(id) as string).getTime(),\n    ),\n  status: <T,>(b: Base<T>, get: Accessor<T, { tone: NonNullable<StatusDotProps[\"tone\"]>; label: string }>) =>\n    make(b, get, (v) => <StatusDot tone={v.tone}>{v.label}</StatusDot>, { text: undefined }),\n  avatar: <T,>(b: Base<T>, get: Accessor<T, { name: string; src?: string | undefined }>) =>\n    make(b, get, (v) => (\n      <span className=\"inline-flex min-w-0 items-center gap-8\">\n        <Avatar name={v.name} {...(v.src ? { src: v.src } : {})} size={24} decorative />\n        <span className=\"truncate\">{v.name}</span>\n      </span>\n    )),\n  custom: <T, V>(\n    b: Base<T>,\n    get: Accessor<T, V>,\n    cell: (v: V, row: T) => ReactNode,\n    meta: { align?: \"start\" | \"end\" | undefined; mono?: boolean | undefined } = {},\n  ) => make(b, get, cell, meta),\n};\n"],"mappings":"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"}
+{"version":3,"file":"data-table.js","names":["__icon_ArrowDown01Icon","__icon_ArrowUp01Icon","cn","useInset","useUiText","Icon","Tooltip","observeResize","Text","Button","CheckboxBox","ContextMenu","Skeleton","Pagination","Empty","StatusDot","Avatar","scrollParent","STATUS_TONE_TEXT","useScrollMargin","KAESO_DATA_TABLE_VARIANTS","KAESO_DATA_TABLE_DEFAULT_VARIANTS","ROW_H","DATA_TABLE_GROW_MIN","fitColumns","width","byPriority","columns","a","b","used","keep","c","kept","full","least","growMin","last","DataTableInner","userColumns","sortingProp","ariaLabel","inset","t","sortingInner","setSortingInner","useState","selectionInner","setSelectionInner","sorting","rowSelection","selection","useMemo","selectable","table","row","useReactTable","next","u","onSortingChange","onSelectionChange","getCoreRowModel","getSortedRowModel","manualSorting","getRowId","r","root","useRef","head","body","leaf","fitInput","fitKey","hiddenFor","fit","hiddenForRef","hiddenKey","setHiddenKey","useLayoutEffect","el","mode","hiddenIds","tight","overflow","hidden","cols","trackMin","gridStyle","pinEnd","rows","virtual","virtualizeAbove","getScrollElement","scrollMargin","virtualizer","useVirtualizer","density","cellPad","i","stickyCol","stickyFirstColumn","renderRow","cells","activeRowId","freshRowIds","onRowClick","style","meta","cell","content","flexRender","raw","text","tone","rowMenu","ref","className","loading","hg","h","sortable","dir","ArrowDown01Icon","ArrowUp01Icon","error","onRetry","empty","v","hasMore","loadingMore","DataTableBase","DataTable","make","get","ctx","sortingFn","Tokens","exact","formatNumber","value","formatTokens","RelativeTime","formatDate","formatRelative","now","col","formatUSD","options","id","formatDuration"],"sources":["../../src/components/data-table/data-table.tsx","../../src/components/data-table/columns.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, useLayoutEffect, useMemo, useRef, useState, type CSSProperties, type ReactNode } from \"react\";\nimport {\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  useReactTable,\n  type ColumnDef,\n  type Row,\n  type RowSelectionState,\n  type SortingState,\n} from \"@tanstack/react-table\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { cn } from \"../../utils/cn.js\";\nimport { observeResize } from \"../../utils/observe-resize.js\";\nimport { useInset } from \"../../utils/inset.js\";\nimport { ArrowDown01Icon as __icon_ArrowDown01Icon, ArrowUp01Icon as __icon_ArrowUp01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\nimport { CheckboxBox } from \"../checkbox/checkbox.js\";\nimport { Skeleton } from \"../skeleton/skeleton.js\";\nimport { Empty } from \"../empty/empty.js\";\nimport { Button } from \"../button/button.js\";\nimport { Pagination } from \"../pagination/pagination.js\";\nimport { ContextMenu } from \"../menu/menu.js\";\nimport { Text } from \"../text/text.js\";\nimport { STATUS_TONE_TEXT, type StatusTone } from \"../../utils/tone.js\";\nimport { scrollParent } from \"../../hooks/scroll-parent.js\";\nimport { useScrollMargin } from \"../../hooks/use-scroll-margin.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_DATA_TABLE_VARIANTS = {\n  density: {\n    compact: { classes: \"h-36\" },\n    default: { classes: \"h-40\" },\n    comfortable: { classes: \"h-48\" },\n  },\n} as const;\nexport const KAESO_DATA_TABLE_DEFAULT_VARIANTS = { density: \"default\" } as const;\n\ndeclare module \"@tanstack/react-table\" {\n  interface ColumnMeta<TData, TValue> {\n    align?: \"start\" | \"end\" | undefined;\n    priority?: number | undefined;\n    grow?: boolean | undefined;\n    minWidth?: number | undefined;\n    mono?: boolean | undefined;\n    text?: ((row: TData) => string) | undefined;\n    tone?: ((row: TData) => StatusTone | undefined) | undefined;\n  }\n}\n\nexport interface DataTableProps<T> {\n  data: T[];\n  columns: ColumnDef<T, any>[];\n  getRowId?: ((row: T) => string) | undefined;\n  density?: keyof typeof KAESO_DATA_TABLE_VARIANTS.density | undefined;\n  onRowClick?: ((row: T) => void) | undefined;\n  rowMenu?: ((row: T) => ReactNode) | undefined;\n  selectable?: boolean | undefined;\n  selection?: RowSelectionState | undefined;\n  onSelectionChange?: ((selection: RowSelectionState) => void) | undefined;\n  sorting?: SortingState | undefined;\n  onSortingChange?: ((sorting: SortingState) => void) | undefined;\n  manualSorting?: boolean | undefined;\n  loading?: boolean | undefined;\n  error?: ReactNode | undefined;\n  onRetry?: (() => void) | undefined;\n  empty?: ReactNode | undefined;\n  hasMore?: boolean | undefined;\n  loadingMore?: boolean | undefined;\n  onLoadMore?: (() => void) | undefined;\n  stickyFirstColumn?: boolean | undefined;\n  virtualizeAbove?: number | undefined;\n  \"aria-label\": string;\n  className?: string | undefined;\n  activeRowId?: string | undefined;\n  freshRowIds?: ReadonlySet<string> | undefined;\n}\n\nconst ROW_H = { compact: 36, default: 40, comfortable: 48 } as const;\n\nexport const DATA_TABLE_GROW_MIN = 136;\n\ntype FitColumn = { id: string; size: number; priority: number; grow: boolean; minWidth: number | undefined; fixed?: boolean | undefined };\n\nexport function fitColumns(columns: FitColumn[], width: number): { hidden: string[]; tight: boolean; overflow: boolean } {\n  if (!width) return { hidden: [], tight: false, overflow: false };\n  const byPriority = [...columns].sort((a, b) => a.priority - b.priority);\n  let used = 48;\n  const keep = new Set<string>();\n  for (const c of byPriority) {\n    used += c.size;\n    if (used <= width || c.priority <= 1 || c.fixed) keep.add(c.id);\n  }\n  const kept = columns.filter((c) => keep.has(c.id));\n  const full = kept.reduce((a, c) => a + c.size, 48);\n  let least = kept.reduce((a, c) => a + (c.grow ? growMin(c) : c.size), 0);\n  if (least > width && kept.some((c) => c.grow)) {\n    const last = kept[kept.length - 1];\n    for (const c of [...kept].reverse()) {\n      if (least <= width) break;\n      if (c.grow || c.fixed || c === last) continue;\n      keep.delete(c.id);\n      least -= c.size;\n    }\n  }\n  return { hidden: columns.filter((c) => !keep.has(c.id)).map((c) => c.id), tight: full > width, overflow: least > width };\n}\n\nconst growMin = (c: { size: number; minWidth: number | undefined }) => Math.min(c.size, c.minWidth ?? DATA_TABLE_GROW_MIN);\n\nfunction DataTableInner<T>(\n  {\n    data,\n    columns: userColumns,\n    getRowId,\n    density = \"default\",\n    onRowClick,\n    rowMenu,\n    selectable,\n    selection,\n    onSelectionChange,\n    sorting: sortingProp,\n    onSortingChange,\n    manualSorting,\n    loading,\n    error,\n    onRetry,\n    empty,\n    hasMore,\n    loadingMore,\n    onLoadMore,\n    stickyFirstColumn,\n    virtualizeAbove = 100,\n    className,\n    activeRowId,\n    freshRowIds,\n    \"aria-label\": ariaLabel,\n  }: DataTableProps<T>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const inset = useInset();\n  const t = useUiText();\n  const [sortingInner, setSortingInner] = useState<SortingState>([]);\n  const [selectionInner, setSelectionInner] = useState<RowSelectionState>({});\n  const sorting = sortingProp ?? sortingInner;\n  const rowSelection = selection ?? selectionInner;\n  const columns = useMemo<ColumnDef<T, any>[]>(() => {\n    if (!selectable) return userColumns;\n    return [\n      {\n        id: \"__select\",\n        size: 44,\n        enableSorting: false,\n        enableResizing: false,\n        meta: { priority: 1 },\n        header: ({ table }) => (\n          <CheckboxBox\n            aria-label={t(\"dataTable.selectAllRows\", \"Select all rows\")}\n            checked={table.getIsAllRowsSelected()}\n            indeterminate={table.getIsSomeRowsSelected()}\n            onCheckedChange={(c) => table.toggleAllRowsSelected(c)}\n          />\n        ),\n        cell: ({ row }) => (\n          <CheckboxBox aria-label={t(\"dataTable.selectRow\", \"Select row\")} checked={row.getIsSelected()} onCheckedChange={(c) => row.toggleSelected(c)} />\n        ),\n      },\n      ...userColumns,\n    ];\n  }, [userColumns, selectable, t]);\n\n  const table = useReactTable({\n    data,\n    columns,\n    state: { sorting, rowSelection },\n    onSortingChange: (u) => {\n      const next = typeof u === \"function\" ? u(sorting) : u;\n      if (!sortingProp) setSortingInner(next);\n      onSortingChange?.(next);\n    },\n    onRowSelectionChange: (u) => {\n      const next = typeof u === \"function\" ? u(rowSelection) : u;\n      if (!selection) setSelectionInner(next);\n      onSelectionChange?.(next);\n    },\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    manualSorting: !!manualSorting,\n    enableRowSelection: !!selectable,\n    columnResizeMode: \"onChange\",\n    ...(getRowId ? { getRowId: (r: T) => getRowId(r) } : {}),\n    defaultColumn: { size: 140, minSize: 64, maxSize: 640 },\n  });\n\n  const root = useRef<HTMLDivElement | null>(null);\n  const head = useRef<HTMLDivElement | null>(null);\n  const body = useRef<HTMLDivElement | null>(null);\n  const leaf = table.getVisibleLeafColumns();\n  const fitInput = leaf.map((c) => ({\n    id: c.id,\n    size: c.getSize(),\n    priority: c.columnDef.meta?.priority ?? 2,\n    grow: !!c.columnDef.meta?.grow,\n    minWidth: c.columnDef.meta?.minWidth,\n    fixed: c.id === \"__select\",\n  }));\n  const fitKey = JSON.stringify(fitInput);\n  const hiddenFor = (width: number) => {\n    const fit = fitColumns(fitInput, width);\n    return `${fit.tight ? \"!\" : \"\"}${fit.overflow ? \">\" : \"\"}|${fit.hidden.join(\" \")}`;\n  };\n  const hiddenForRef = useRef(hiddenFor);\n  hiddenForRef.current = hiddenFor;\n  const [hiddenKey, setHiddenKey] = useState(\"|\");\n  useLayoutEffect(() => {\n    const el = root.current;\n    if (!el) return;\n    return observeResize([el], ([e]) => setHiddenKey(hiddenForRef.current(Math.round(e?.contentRect.width ?? 0))));\n  }, []);\n  useLayoutEffect(() => {\n    if (root.current) setHiddenKey(hiddenForRef.current(Math.round(root.current.getBoundingClientRect().width)));\n  }, [fitKey]);\n  const [mode = \"\", hiddenIds = \"\"] = hiddenKey.split(\"|\");\n  const tight = mode.includes(\"!\");\n  const overflow = mode.includes(\">\");\n  const hidden = useMemo(() => new Set(hiddenIds.split(\" \").filter(Boolean)), [hiddenIds]);\n  const cols = leaf.filter((c) => !hidden.has(c.id));\n  const trackMin = (c: (typeof cols)[number]) =>\n    c.columnDef.meta?.grow ? (tight ? growMin({ size: c.getSize(), minWidth: c.columnDef.meta.minWidth }) : c.getSize()) : c.getSize();\n  const template = cols.map((c) => (c.columnDef.meta?.grow ? `minmax(${trackMin(c)}px, 1fr)` : `${c.getSize()}px`)).join(\" \");\n  const gridStyle: CSSProperties = { gridTemplateColumns: template, minWidth: cols.reduce((a, c) => a + trackMin(c), 0) };\n  const pinEnd = overflow && cols.length > 1 && !cols[cols.length - 1]?.columnDef.meta?.grow;\n\n  const rows = table.getRowModel().rows;\n  const virtual = rows.length > virtualizeAbove;\n  const getScrollElement = () => scrollParent(root.current);\n  const scrollMargin = useScrollMargin(body, getScrollElement, rows.length);\n  const virtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement,\n    estimateSize: () => ROW_H[density],\n    overscan: 16,\n    enabled: virtual,\n    scrollMargin,\n  });\n\n  const cellPad = (i: number) =>\n    cn(\"flex min-w-0 items-center px-12\", i === 0 && (inset ? \"pl-16\" : \"pl-24\"), i === cols.length - 1 && (inset ? \"pr-16\" : \"pr-24\"));\n  const stickyCol = (i: number) =>\n    ((stickyFirstColumn && i === 0) || (pinEnd && i === cols.length - 1)) &&\n    cn(\n      \"sticky z-10 group-hover/tr:bg-fill-1 group-aria-selected/tr:bg-fill-2 group-data-active/tr:bg-fill-2\",\n      i === 0 ? \"left-0\" : \"right-0\",\n      inset ? \"bg-raised\" : \"bg-panel\",\n    );\n\n  const renderRow = (row: Row<T>, style?: CSSProperties) => {\n    const cells = row.getVisibleCells().filter((c) => !hidden.has(c.column.id));\n    const el = (\n      <div\n        role=\"row\"\n        aria-selected={selectable ? row.getIsSelected() : undefined}\n        data-active={row.id === activeRowId || undefined}\n        data-fresh={freshRowIds?.has(row.id) || undefined}\n        tabIndex={onRowClick ? 0 : undefined}\n        onClick={(e) => {\n          if ((e.target as HTMLElement).closest(\"button, a, [role=checkbox]\")) return;\n          onRowClick?.(row.original);\n        }}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" && e.target === e.currentTarget) onRowClick?.(row.original);\n        }}\n        style={{ ...gridStyle, ...style }}\n        className={cn(\n          \"group/tr grid w-full text-body text-fg transition-control focus-ring-inset\",\n          KAESO_DATA_TABLE_VARIANTS.density[density].classes,\n          onRowClick && \"cursor-pointer\",\n          \"hover:bg-fill-1 aria-selected:bg-fill-2 data-active:bg-fill-2 data-fresh:animate-row-fresh\",\n          \"hover:controls-on-fill aria-selected:controls-on-fill data-active:controls-on-fill\",\n        )}\n      >\n        {cells.map((cell, i) => {\n          const meta = cell.column.columnDef.meta;\n          const content = flexRender(cell.column.columnDef.cell, cell.getContext());\n          const raw = cell.getValue();\n          const text = meta?.text ? meta.text(row.original) : typeof raw === \"string\" ? raw : undefined;\n          const tone = meta?.tone?.(row.original);\n          return (\n            <div\n              key={cell.id}\n              role=\"cell\"\n              className={cn(\n                cellPad(i),\n                meta?.align === \"end\" && \"justify-end text-right tabular\",\n                meta?.mono && \"mono text-small\",\n                tone && STATUS_TONE_TEXT[tone],\n                stickyCol(i),\n              )}\n            >\n              {text !== undefined && typeof content !== \"object\" ? (\n                <Text truncate tone={tone ?? \"default\"} className={cn(\"min-w-0\", meta?.mono && \"text-small\")} mono={!!meta?.mono}>\n                  {text}\n                </Text>\n              ) : (\n                <span className=\"min-w-0 truncate cell-fit\">{content}</span>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n    if (!rowMenu) return <div key={row.id}>{el}</div>;\n    return (\n      <ContextMenu key={row.id}>\n        <ContextMenu.Trigger>{el}</ContextMenu.Trigger>\n        <ContextMenu.Content>{rowMenu(row.original)}</ContextMenu.Content>\n      </ContextMenu>\n    );\n  };\n\n  return (\n    <div\n      ref={(e) => {\n        root.current = e;\n        if (typeof ref === \"function\") ref(e);\n        else if (ref) (ref as { current: HTMLDivElement | null }).current = e;\n      }}\n      className={cn(\"relative w-full min-w-0\", className)}\n    >\n      <div\n        role=\"table\"\n        aria-label={ariaLabel}\n        aria-rowcount={rows.length + 1}\n        aria-busy={loading || undefined}\n        className={cn(\"w-full overflow-clip\", inset && \"rounded-group bg-raised shadow-xs\")}\n      >\n        <div\n          ref={head}\n          role=\"rowgroup\"\n          className={cn(\"sticky top-0 z-20 overflow-hidden\", inset ? \"bg-raised\" : \"bg-panel\")}\n          onScroll={(e) => {\n            if (body.current && body.current.scrollLeft !== e.currentTarget.scrollLeft) body.current.scrollLeft = e.currentTarget.scrollLeft;\n          }}\n        >\n          {table.getHeaderGroups().map((hg) => (\n            <div key={hg.id} role=\"row\" className=\"grid h-36 hairline-b-strong\" style={gridStyle}>\n              {hg.headers\n                .filter((h) => !hidden.has(h.column.id))\n                .map((h, i) => {\n                  const meta = h.column.columnDef.meta;\n                  const sortable = h.column.getCanSort();\n                  const dir = h.column.getIsSorted();\n                  return (\n                    <div\n                      key={h.id}\n                      role=\"columnheader\"\n                      aria-sort={dir === \"asc\" ? \"ascending\" : dir === \"desc\" ? \"descending\" : sortable ? \"none\" : undefined}\n                      className={cn(\"group/th relative\", cellPad(i), meta?.align === \"end\" && \"justify-end\", stickyCol(i), stickyCol(i) && \"hairline-b-strong\")}\n                    >\n                      {sortable ? (\n                        <button\n                          type=\"button\"\n                          onClick={h.column.getToggleSortingHandler()}\n                          className={cn(\n                            \"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 hover:bg-fill-1 hover:text-fg focus-ring tap-target\",\n                            dir ? \"text-fg\" : \"text-fg-secondary\",\n                            meta?.align === \"end\" && \"flex-row-reverse\",\n                          )}\n                        >\n                          <span className=\"truncate\">{flexRender(h.column.columnDef.header, h.getContext())}</span>\n                          <Icon\n                            icon={dir === \"desc\" ? __icon_ArrowDown01Icon : __icon_ArrowUp01Icon}\n                            size=\"xs\"\n                            className={cn(\"shrink-0 transition-control\", dir ? \"opacity-100\" : \"opacity-0 group-hover/th:opacity-60\")}\n                          />\n                        </button>\n                      ) : (\n                        <span className=\"truncate text-caption font-medium text-fg-secondary\">{flexRender(h.column.columnDef.header, h.getContext())}</span>\n                      )}\n                      {h.column.getCanResize() && (\n                        <div\n                          role=\"separator\"\n                          aria-orientation=\"vertical\"\n                          aria-label={t(\"dataTable.resizeColumn\", \"Resize column\")}\n                          onMouseDown={h.getResizeHandler()}\n                          onTouchStart={h.getResizeHandler()}\n                          onDoubleClick={() => h.column.resetSize()}\n                          className=\"absolute top-8 right-0 bottom-8 w-8 cursor-col-resize after:absolute after:inset-y-0 after:right-0 after:w-1 after:bg-transparent after:transition-control group-hover/th:after:bg-line-strong\"\n                        />\n                      )}\n                    </div>\n                  );\n                })}\n            </div>\n          ))}\n        </div>\n        <div\n          ref={body}\n          role=\"rowgroup\"\n          className=\"overflow-x-auto scrollbar-quiet\"\n          onScroll={(e) => {\n            if (head.current && head.current.scrollLeft !== e.currentTarget.scrollLeft) head.current.scrollLeft = e.currentTarget.scrollLeft;\n          }}\n        >\n          {error ? (\n            <div role=\"row\">\n              <div role=\"cell\" aria-colspan={cols.length} className=\"block\">\n                <Empty\n                  size=\"compact\"\n                  title={t(\"dataTable.loadFailed\", \"Couldn't load these rows\")}\n                  actions={\n                    onRetry && (\n                      <Button size=\"sm\" onClick={onRetry}>\n                        {t(\"dataTable.tryAgain\", \"Try again\")}\n                      </Button>\n                    )\n                  }\n                />\n              </div>\n            </div>\n          ) : loading && rows.length === 0 ? (\n            Array.from({ length: 8 }, (_, r) => (\n              <div key={r} role=\"row\" className={cn(\"grid\", KAESO_DATA_TABLE_VARIANTS.density[density].classes)} style={gridStyle}>\n                {cols.map((c, i) => (\n                  <div key={c.id} role=\"cell\" className={cn(cellPad(i), c.columnDef.meta?.align === \"end\" && \"justify-end\")}>\n                    <Skeleton shape=\"line\" style={{ width: `${40 + ((r * 7 + i * 13) % 45)}%` }} />\n                  </div>\n                ))}\n              </div>\n            ))\n          ) : rows.length === 0 ? (\n            <div role=\"row\">\n              <div role=\"cell\" aria-colspan={cols.length} className=\"block\">\n                {empty ?? (\n                  <Empty size=\"compact\" title={t(\"dataTable.noRows\", \"No rows\")} description={t(\"dataTable.noMatches\", \"Nothing matches these filters.\")} />\n                )}\n              </div>\n            </div>\n          ) : virtual ? (\n            <div className=\"relative\" style={{ height: virtualizer.getTotalSize() }}>\n              {virtualizer\n                .getVirtualItems()\n                .map((v) =>\n                  renderRow(rows[v.index]!, { position: \"absolute\", top: 0, left: 0, transform: `translateY(${Math.round(v.start - scrollMargin)}px)` }),\n                )}\n            </div>\n          ) : (\n            rows.map((r) => renderRow(r))\n          )}\n        </div>\n      </div>\n      {hasMore && <Pagination variant=\"load-more\" hasMore loading={loadingMore} onLoadMore={onLoadMore} />}\n    </div>\n  );\n}\n\nconst DataTableBase = /* @__PURE__ */ forwardRef(DataTableInner);\nif (process.env.NODE_ENV !== \"production\") DataTableBase.displayName = \"DataTable\";\nexport const DataTable = DataTableBase as unknown as <T>(\n  p: DataTableProps<T> & { ref?: React.Ref<HTMLDivElement> | undefined },\n) => ReturnType<typeof DataTableInner>;\n","import type { ColumnDef } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\nimport { formatDate, formatDuration, formatRelative, formatTokens, formatUSD, formatNumber } from \"../../format/index.js\";\nimport { StatusDot, type StatusDotProps } from \"../status-dot/status-dot.js\";\nimport { Avatar } from \"../avatar/avatar.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport type { StatusTone } from \"../../utils/tone.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\ntype Base<T = never> = {\n  id: string;\n  header: ReactNode;\n  size?: number | undefined;\n  priority?: number | undefined;\n  grow?: boolean | undefined;\n  minWidth?: number | undefined;\n  tone?: ((row: T) => StatusTone | undefined) | undefined;\n};\ntype Accessor<T, V> = (row: T) => V;\n\nfunction make<T, V>(\n  b: Base<T>,\n  get: Accessor<T, V>,\n  cell: (v: V, row: T) => ReactNode,\n  meta: object = {},\n  sortingFn?: ColumnDef<T, V>[\"sortingFn\"],\n): ColumnDef<T, V> {\n  return {\n    id: b.id,\n    header: () => b.header,\n    accessorFn: get,\n    cell: (ctx) => cell(ctx.getValue() as V, ctx.row.original),\n    ...(b.size ? { size: b.size } : {}),\n    ...(sortingFn ? { sortingFn } : {}),\n    meta: {\n      ...(b.priority !== undefined ? { priority: b.priority } : {}),\n      ...(b.grow ? { grow: true } : {}),\n      ...(b.minWidth !== undefined ? { minWidth: b.minWidth } : {}),\n      ...(b.tone ? { tone: b.tone } : {}),\n      ...meta,\n    },\n  };\n}\n\nfunction Tokens({ value }: { value: number }) {\n  const t = useUiText();\n  const exact = t(\"dataTable.tokenCount\", \"{count} tokens\", { count: formatNumber(value) });\n  return (\n    <Tooltip content={exact}>\n      <span>\n        <span aria-hidden>{formatTokens(value)}</span>\n        <span className=\"sr-only\">{exact}</span>\n      </span>\n    </Tooltip>\n  );\n}\n\nfunction RelativeTime({ value, now }: { value: string | Date; now: Date | number }) {\n  const exact = formatDate(value, { time: true, seconds: true });\n  return (\n    <Tooltip content={`${exact} · ${formatDate(value, { time: true, utc: true })}`} shape=\"multiline\">\n      <span className=\"text-fg-secondary\">\n        <time dateTime={new Date(value).toISOString()}>{formatRelative(value, now)}</time>\n        <span className=\"sr-only\"> {exact}</span>\n      </span>\n    </Tooltip>\n  );\n}\n\nexport const col = {\n  text: <T,>(b: Base<T>, get: Accessor<T, string>) => make(b, get, (v) => v, { text: (r: T) => get(r) }),\n  mono: <T,>(b: Base<T>, get: Accessor<T, string>) => make(b, get, (v) => v, { mono: true, text: (r: T) => get(r) }),\n  number: <T,>(b: Base<T>, get: Accessor<T, number>) => make(b, get, (v) => formatNumber(v), { align: \"end\" }),\n  money: <T,>(b: Base<T>, get: Accessor<T, string>, options: { decimals?: number | undefined } = {}) =>\n    make(\n      b,\n      get,\n      (v) => formatUSD(v, options.decimals === undefined ? {} : { decimals: options.decimals }),\n      { align: \"end\", mono: false },\n      (a, c, id) => Number(a.getValue(id)) - Number(c.getValue(id)),\n    ),\n  tokens: <T,>(b: Base<T>, get: Accessor<T, number>) => make(b, get, (v) => <Tokens value={v} />, { align: \"end\" }),\n  duration: <T,>(b: Base<T>, get: Accessor<T, number>) => make(b, get, (v) => formatDuration(v), { align: \"end\" }),\n  date: <T,>(b: Base<T>, get: Accessor<T, string | Date>) =>\n    make(b, get, (v) => <time dateTime={new Date(v).toISOString()}>{formatDate(v, { time: true })}</time>, {}, \"datetime\"),\n  relative: <T,>(b: Base<T>, get: Accessor<T, string | Date>, options: { now?: Date | number | undefined } = {}) =>\n    make(\n      b,\n      get,\n      (v) => <RelativeTime value={v} now={options.now ?? Date.now()} />,\n      {},\n      (a, c, id) => new Date(a.getValue(id) as string).getTime() - new Date(c.getValue(id) as string).getTime(),\n    ),\n  status: <T,>(b: Base<T>, get: Accessor<T, { tone: NonNullable<StatusDotProps[\"tone\"]>; label: string }>) =>\n    make(b, get, (v) => <StatusDot tone={v.tone}>{v.label}</StatusDot>, { text: undefined }),\n  avatar: <T,>(b: Base<T>, get: Accessor<T, { name: string; src?: string | undefined }>) =>\n    make(b, get, (v) => (\n      <span className=\"inline-flex min-w-0 items-center gap-8\">\n        <Avatar name={v.name} {...(v.src ? { src: v.src } : {})} size={24} decorative />\n        <span className=\"truncate\">{v.name}</span>\n      </span>\n    )),\n  custom: <T, V>(\n    b: Base<T>,\n    get: Accessor<T, V>,\n    cell: (v: V, row: T) => ReactNode,\n    meta: { align?: \"start\" | \"end\" | undefined; mono?: boolean | undefined } = {},\n  ) => make(b, get, cell, meta),\n};\n"],"mappings":"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"}

package/dist/components/date-picker.js

@@ -4,9 +4,9 @@ import { t } from "../chunks/use-controllable-B5Fd12Bx.js";
 import { i as n, n as r } from "../chunks/context-BELWW79w.js";
 import { formatDate as i, formatDateRange as a } from "../format.js";
 import { t as o } from "../chunks/icon-CeNQtobn.js";
-import { c as s, s as c } from "../chunks/tooltip-CDu00nzg.js";
+import { c as s, s as c } from "../chunks/tooltip-DEbCCsru.js";
 import { a as l, o as u, s as d } from "../chunks/field-d8V94bvZ.js";
-import { i as f, n as p } from "../chunks/input-group-DQqEPFj_.js";
+import { i as f, n as p } from "../chunks/input-group-CYA1MEoZ.js";
 import { n as m, r as h } from "../chunks/popover-root-D3q89WNF.js";
 import { t as g } from "../chunks/when-idle-Cy3pinqO.js";
 import { forwardRef as _, useCallback as v, useEffect as y, useId as b, useMemo as x, useReducer as S, useRef as C, useState as w } from "react";
@@ -17,7 +17,7 @@ var k = { size: {
 	sm: { classes: "h-32 pl-10 pr-12 gap-6 text-body" },
 	md: { classes: "h-36 pl-14 pr-16 gap-8 text-body" },
 	lg: { classes: "h-40 pl-16 pr-18 gap-8 text-body" }
-} }, A = { size: "md" }, j = /* @__PURE__ */ c(() => import("../chunks/date-popup-Er1oQwtU.js")), M = /* @__PURE__ */ c(() => import("../chunks/range-popup-AbRzgHtY.js")), N = () => s(j), P = () => s(M);
+} }, A = { size: "md" }, j = /* @__PURE__ */ c(() => import("../chunks/date-popup-B-6xhb-1.js"), { base: () => import.meta.url }), M = /* @__PURE__ */ c(() => import("../chunks/range-popup-DGOnGGag.js"), { base: () => import.meta.url }), N = () => s(j), P = () => s(M);
 function F(e) {
 	let [t, n] = w(!1), [, r] = S((e) => e + 1, 0), i = !!e.current(), a = t && !i;
 	y(() => {