@pstdio/ui 0.40.0 → 0.42.0

package/dist/data-table.js

@@ -1,375 +1,251 @@
-import { a as e, n as t } from "./prism-BStPsJSB.js";
-import { n, t as r } from "./scroll-area-Cr1lNXAr.js";
-import { a as i, c as a, t as o } from "./list-row-uqD-q4gv.js";
-import { A as s, C as c, D as l, E as u, F as d, I as f, M as p, N as m, O as h, P as g, R as _, S as v, T as y, Y as b, b as x, g as S, h as C, j as w, k as T, m as E, w as D, x as O, y as ee, z as k } from "./rich-text-VYAmEigU.js";
-import { t as A } from "./diff-bubble-DZsarmSG.js";
-import { n as j } from "./param-editor-BQd4AOUP.js";
-import { Badge as M, Box as te, Button as N, Flex as P, HStack as F, Icon as I, IconButton as ne, Image as L, Menu as R, Popover as z, Portal as B, Skeleton as V, Stack as re, Table as H, Text as U, chakra as W } from "@chakra-ui/react";
-import { c as G } from "react/compiler-runtime";
-import { jsx as K, jsxs as q } from "react/jsx-runtime";
-import { Fragment as ie, Suspense as ae, cloneElement as oe, isValidElement as J, lazy as se, useEffect as ce, useRef as le, useState as Y } from "react";
-import { ArrowDownAZ as ue, ArrowUpAZ as de, Braces as fe, Check as pe, ChevronDown as me, ChevronRight as X, CircleHelp as he, GripVertical as ge, Minus as Z, MoreVertical as _e, Settings2 as ve } from "lucide-react";
-import { DndContext as ye, PointerSensor as be, closestCenter as xe, useSensor as Se, useSensors as Ce } from "@dnd-kit/core";
-import { SortableContext as Q, useSortable as we, verticalListSortingStrategy as Te } from "@dnd-kit/sortable";
-import { CSS as Ee } from "@dnd-kit/utilities";
-import { flexRender as De, getCoreRowModel as Oe, getPaginationRowModel as ke, getSortedRowModel as Ae, useReactTable as je } from "@tanstack/react-table";
+import { n as e, t } from "./scroll-area-Cr1lNXAr.js";
+import { a as n, o as r, t as i, u as a } from "./list-row-Z4SHkseA.js";
+import { n as o } from "./prism-OG4H7Hu4.js";
+import { f as s, m as c } from "./collection-view-search-CpjJy76w.js";
+import { C as l, S as u, T as d, _ as f, a as p, b as m, c as h, d as g, f as _, h as v, i as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, v as k, w as A, x as j, y as M } from "./edit-mode-data-table-DnMB2jiy.js";
+import { a as N } from "./collection-view-grouping-D4nZk8-3.js";
+import { t as P } from "./diff-bubble-DewUd_2w.js";
+import { i as F, n as I, t as L } from "./display-sort-control-f3rbILsV.js";
+import { Badge as R, Box as z, Button as B, Flex as ee, HStack as V, Icon as H, IconButton as te, Image as ne, Menu as U, Popover as W, Portal as re, Skeleton as G, Stack as ie, Table as K, Text as q, chakra as J } from "@chakra-ui/react";
+import { c as Y } from "react/compiler-runtime";
+import { jsx as X, jsxs as Z } from "react/jsx-runtime";
+import { Fragment as ae, Suspense as oe, cloneElement as Q, isValidElement as $, lazy as se, useEffect as ce, useRef as le, useState as ue } from "react";
+import { ArrowDownWideNarrow as de, ArrowUpNarrowWide as fe, Braces as pe, Check as me, ChevronDown as he, ChevronRight as ge, ChevronsUpDown as _e, CircleHelp as ve, EyeOff as ye, GripVertical as be, ListFilter as xe, Minus as Se, Settings2 as Ce } from "lucide-react";
+import { DndContext as we, PointerSensor as Te, closestCenter as Ee, useSensor as De, useSensors as Oe } from "@dnd-kit/core";
+import { SortableContext as ke, useSortable as Ae, verticalListSortingStrategy as je } from "@dnd-kit/sortable";
+import { CSS as Me } from "@dnd-kit/utilities";
+import { flexRender as Ne, getCoreRowModel as Pe, useReactTable as Fe } from "@tanstack/react-table";
 //#region src/components/data-table/categorical-color-cell.tsx
-var Me = (e, t) => t.find((t) => Object.is(t.value, e))?.color ?? null, Ne = (e) => {
+var Ie = (e, t) => t.find((t) => Object.is(t.value, e))?.color ?? null, Le = (e) => {
 	let { children: t } = e;
 	return t;
-}, Pe = "#111827", Fe = "#ffffff", Ie = "#000000", Le = 4.5, Re = (e) => e.split("").map((e) => e + e).join(""), $ = (e) => {
-	let t = e.trim(), n = t.startsWith("#") ? t.slice(1) : t, r = n.length === 3 ? Re(n) : n;
+}, Re = "#111827", ze = "#ffffff", Be = "#000000", Ve = 4.5, He = (e) => e.split("").map((e) => e + e).join(""), Ue = (e) => {
+	let t = e.trim(), n = t.startsWith("#") ? t.slice(1) : t, r = n.length === 3 ? He(n) : n;
 	return /^[\da-f]{6}$/i.test(r) ? {
 		r: Number.parseInt(r.slice(0, 2), 16),
 		g: Number.parseInt(r.slice(2, 4), 16),
 		b: Number.parseInt(r.slice(4, 6), 16)
 	} : null;
-}, ze = (e) => {
+}, We = (e) => {
 	let t = e / 255;
 	return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
-}, Be = (e) => .2126 * ze(e.r) + .7152 * ze(e.g) + .0722 * ze(e.b), Ve = (e, t) => {
-	let n = Be(e), r = Be(t), i = Math.max(n, r), a = Math.min(n, r);
+}, Ge = (e) => .2126 * We(e.r) + .7152 * We(e.g) + .0722 * We(e.b), Ke = (e, t) => {
+	let n = Ge(e), r = Ge(t), i = Math.max(n, r), a = Math.min(n, r);
 	return (i + .05) / (a + .05);
-}, He = (e) => {
+}, qe = (e) => {
 	let t = (e) => Math.round(e).toString(16).padStart(2, "0");
 	return `#${t(e.r)}${t(e.g)}${t(e.b)}`;
-}, Ue = (e, t, n) => ({
+}, Je = (e, t, n) => ({
 	r: e.r * (1 - n) + t.r * n,
 	g: e.g * (1 - n) + t.g * n,
 	b: e.b * (1 - n) + t.b * n
-}), We = (e, t) => {
+}), Ye = (e, t) => {
 	for (let n = 1; n <= 50; n += 1) {
-		let r = Ue(e, t, n / 50);
-		if (Ve(r, e) >= Le) return {
-			color: He(r),
+		let r = Je(e, t, n / 50);
+		if (Ke(r, e) >= Ve) return {
+			color: qe(r),
 			step: n
 		};
 	}
 	return {
-		color: He(t),
+		color: qe(t),
 		step: 50
 	};
-}, Ge = (e) => {
-	let t = $(e);
-	if (!t) return Pe;
-	let n = $(Ie), r = $(Fe), i = We(t, n), a = We(t, r);
+}, Xe = (e) => {
+	let t = Ue(e);
+	if (!t) return Re;
+	let n = Ue(Be), r = Ue(ze), i = Ye(t, n), a = Ye(t, r);
 	return i.step <= a.step ? i.color : a.color;
-}, Ke = (e, t, n) => {
-	let r = $(e), i = $(t);
-	return !r || !i ? null : He(Ue(r, i, 1 - n));
-}, qe = (e) => {
-	let t = e.foreground?.light ?? Ge(e.light), n = e.foreground?.dark ?? Ge(e.dark);
+}, Ze = (e, t, n) => {
+	let r = Ue(e), i = Ue(t);
+	return !r || !i ? null : qe(Je(r, i, 1 - n));
+}, Qe = (e) => {
+	let t = e.foreground?.light ?? Xe(e.light), n = e.foreground?.dark ?? Xe(e.dark);
 	return {
 		backgroundColor: `light-dark(${e.light}, ${e.dark})`,
 		color: `light-dark(${t}, ${n})`
 	};
-}, Je = (e) => Math.round(e * 100) / 100, Ye = (e, t, n) => Ke(e, t, n) || `color-mix(in srgb, ${e} ${Je(n * 100)}%, ${t})`, Xe = (e, t, n) => {
+}, $e = (e) => Math.round(e * 100) / 100, et = (e, t, n) => Ze(e, t, n) || `color-mix(in srgb, ${e} ${$e(n * 100)}%, ${t})`, tt = (e, t, n) => {
 	let r = e.foreground && t.foreground ? {
-		light: Ye(e.foreground.light, t.foreground.light, n),
-		dark: Ye(e.foreground.dark, t.foreground.dark, n)
+		light: et(e.foreground.light, t.foreground.light, n),
+		dark: et(e.foreground.dark, t.foreground.dark, n)
 	} : void 0;
 	return {
-		light: Ye(e.light, t.light, n),
-		dark: Ye(e.dark, t.dark, n),
+		light: et(e.light, t.light, n),
+		dark: et(e.dark, t.dark, n),
 		...r ? { foreground: r } : {}
 	};
-}, Ze = (e, t) => {
+}, nt = (e, t) => {
 	if (typeof e != "number" || !Number.isFinite(e) || t.length < 2) return null;
 	let n = t[0], r = t[t.length - 1];
 	if (r.value - n.value <= 0) return null;
 	if (e <= n.value) return n.color;
 	if (e >= r.value) return r.color;
 	let i = t.findIndex((t) => e <= t.value), a = t[i - 1], o = t[i], s = 1 - (e - a.value) / (o.value - a.value);
-	return Xe(a.color, o.color, s);
-}, Qe = (e) => {
-	let t = G(2), { value: n } = e, r;
-	return t[0] === n ? r = t[1] : (r = /* @__PURE__ */ K(U, {
+	return tt(a.color, o.color, s);
+}, rt = (e) => {
+	let t = Y(3), { value: n, search: r } = e, i = r === void 0 ? "" : r, a = String(n), o;
+	return t[0] !== i || t[1] !== a ? (o = /* @__PURE__ */ X(q, {
 		textStyle: "paragraph/S/medium",
 		fontVariantNumeric: "tabular-nums",
 		truncate: !0,
-		children: n
-	}), t[0] = n, t[1] = r), r;
-}, $e = (e) => {
-	let t = G(6), { value: n, categories: r } = e, i;
-	t[0] !== r || t[1] !== n ? (i = r?.find((e) => e.value === n)?.palette ?? "gray", t[0] = r, t[1] = n, t[2] = i) : i = t[2];
-	let a = i, o = String(n), s;
-	return t[3] !== a || t[4] !== o ? (s = /* @__PURE__ */ K(M, {
+		children: /* @__PURE__ */ X(N, {
+			text: a,
+			query: i
+		})
+	}), t[0] = i, t[1] = a, t[2] = o) : o = t[2], o;
+}, it = (e) => {
+	let t = Y(9), { value: n, categories: r, search: i } = e, a = i === void 0 ? "" : i, o;
+	t[0] !== r || t[1] !== n ? (o = r?.find((e) => e.value === n)?.palette ?? "gray", t[0] = r, t[1] = n, t[2] = o) : o = t[2];
+	let s = o, c = String(n), l;
+	t[3] !== a || t[4] !== c ? (l = /* @__PURE__ */ X(N, {
+		text: c,
+		query: a
+	}), t[3] = a, t[4] = c, t[5] = l) : l = t[5];
+	let u;
+	return t[6] !== s || t[7] !== l ? (u = /* @__PURE__ */ X(R, {
 		variant: "subtle",
 		size: "sm",
-		colorPalette: a,
+		colorPalette: s,
 		maxW: "full",
 		truncate: !0,
-		children: o
-	}), t[3] = a, t[4] = o, t[5] = s) : s = t[5], s;
-}, et = [
-	{
-		unit: "year",
-		seconds: 31536e3
-	},
-	{
-		unit: "month",
-		seconds: 2592e3
-	},
-	{
-		unit: "day",
-		seconds: 86400
-	},
-	{
-		unit: "hour",
-		seconds: 3600
-	},
-	{
-		unit: "minute",
-		seconds: 60
-	}
-], tt = (e) => {
-	if (typeof e != "string") return null;
-	let t = Date.parse(e);
-	return Number.isNaN(t) ? null : new Date(t);
-}, nt = (e, t = /* @__PURE__ */ new Date(), n) => {
-	let r = tt(e);
-	if (!r) return null;
-	let i = new Intl.RelativeTimeFormat(n, { numeric: "auto" }), a = (r.getTime() - t.getTime()) / 1e3, o = et.find((e) => Math.abs(a) >= e.seconds);
-	return o ? i.format(Math.round(a / o.seconds), o.unit) : i.format(0, "second");
-}, rt = (e) => {
-	let t = G(12), { value: r } = e, [i, a] = Y(it), o, s;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = () => {
-		let e = setInterval(() => a(/* @__PURE__ */ new Date()), 6e4);
-		return () => clearInterval(e);
-	}, s = [], t[0] = o, t[1] = s) : (o = t[0], s = t[1]), ce(o, s);
-	let c;
-	t[2] !== i || t[3] !== r ? (c = nt(r, i), t[2] = i, t[3] = r, t[4] = c) : c = t[4];
-	let l = c, u;
-	t[5] === r ? u = t[6] : (u = new Date(r).toLocaleString(void 0, {
-		dateStyle: "medium",
-		timeStyle: "short"
-	}), t[5] = r, t[6] = u);
-	let d = u, f;
-	t[7] === l ? f = t[8] : (f = /* @__PURE__ */ K(U, {
-		as: "span",
-		tabIndex: 0,
-		textStyle: "paragraph/S/regular",
-		color: "fg.muted",
-		whiteSpace: "nowrap",
 		children: l
-	}), t[7] = l, t[8] = f);
-	let p;
-	return t[9] !== d || t[10] !== f ? (p = /* @__PURE__ */ K(n, {
-		content: d,
-		openDelay: 300,
-		children: f
-	}), t[9] = d, t[10] = f, t[11] = p) : p = t[11], p;
-};
-function it() {
-	return /* @__PURE__ */ new Date();
-}
-//#endregion
-//#region src/components/data-table/data-table-diff-cell.tsx
-var at = (e) => {
-	let t = G(3), { value: n } = e, r;
-	return t[0] !== n.additions || t[1] !== n.deletions ? (r = /* @__PURE__ */ K(A, {
+	}), t[6] = s, t[7] = l, t[8] = u) : u = t[8], u;
+}, at = (e) => {
+	let t = Y(11), { value: n, search: r } = e, i = r === void 0 ? "" : r, a = `+${n.additions}`, o;
+	t[0] !== i || t[1] !== a ? (o = /* @__PURE__ */ X(N, {
+		text: a,
+		query: i
+	}), t[0] = i, t[1] = a, t[2] = o) : o = t[2];
+	let s = `-${n.deletions}`, c;
+	t[3] !== i || t[4] !== s ? (c = /* @__PURE__ */ X(N, {
+		text: s,
+		query: i
+	}), t[3] = i, t[4] = s, t[5] = c) : c = t[5];
+	let l;
+	return t[6] !== o || t[7] !== c || t[8] !== n.additions || t[9] !== n.deletions ? (l = /* @__PURE__ */ X(P, {
 		additions: n.additions,
 		deletions: n.deletions,
 		variant: "ghost",
-		size: "small"
-	}), t[0] = n.additions, t[1] = n.deletions, t[2] = r) : r = t[2], r;
-}, ot = (e) => {
-	let t = G(14), { value: r } = e, i;
-	t[0] === r ? i = t[1] : (i = r.slice(0, -5), t[0] = r, t[1] = i);
-	let a = i, o;
-	t[2] === r ? o = t[3] : (o = r.slice(-5), t[2] = r, t[3] = o);
+		size: "small",
+		additionsLabel: o,
+		deletionsLabel: c
+	}), t[6] = o, t[7] = c, t[8] = n.additions, t[9] = n.deletions, t[10] = l) : l = t[10], l;
+}, ot = (t) => {
+	let n = Y(16), { value: r, search: i } = t, a = i === void 0 ? "" : i, o;
+	n[0] === r ? o = n[1] : (o = r.slice(0, -5), n[0] = r, n[1] = o);
 	let s = o, c;
-	t[4] === a ? c = t[5] : (c = /* @__PURE__ */ K(W.span, {
+	n[2] === r ? c = n[3] : (c = r.slice(-5), n[2] = r, n[3] = c);
+	let l = c, u;
+	n[4] !== a || n[5] !== s ? (u = /* @__PURE__ */ X(J.span, {
 		overflow: "hidden",
 		textOverflow: "ellipsis",
-		children: a
-	}), t[4] = a, t[5] = c);
-	let l;
-	t[6] === s ? l = t[7] : (l = /* @__PURE__ */ K(W.span, {
+		children: /* @__PURE__ */ X(N, {
+			text: s,
+			query: a
+		})
+	}), n[4] = a, n[5] = s, n[6] = u) : u = n[6];
+	let d;
+	n[7] !== l || n[8] !== a ? (d = /* @__PURE__ */ X(J.span, {
 		flexShrink: 0,
-		children: s
-	}), t[6] = s, t[7] = l);
-	let u;
-	t[8] !== c || t[9] !== l ? (u = /* @__PURE__ */ q(W.span, {
+		children: /* @__PURE__ */ X(N, {
+			text: l,
+			query: a
+		})
+	}), n[7] = l, n[8] = a, n[9] = d) : d = n[9];
+	let f;
+	n[10] !== u || n[11] !== d ? (f = /* @__PURE__ */ Z(J.span, {
 		display: "inline-flex",
 		minW: "0",
 		maxW: "full",
 		tabIndex: 0,
 		textStyle: "paragraph/S/regular",
 		whiteSpace: "nowrap",
-		children: [c, l]
-	}), t[8] = c, t[9] = l, t[10] = u) : u = t[10];
-	let d;
-	return t[11] !== u || t[12] !== r ? (d = /* @__PURE__ */ K(n, {
+		children: [u, d]
+	}), n[10] = u, n[11] = d, n[12] = f) : f = n[12];
+	let p;
+	return n[13] !== f || n[14] !== r ? (p = /* @__PURE__ */ X(e, {
 		content: r,
 		openDelay: 300,
-		children: u
-	}), t[11] = u, t[12] = r, t[13] = d) : d = t[13], d;
-}, st = /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i, ct = /(^|\s)(avatar|image|logo|photo|picture|thumbnail)(\s|$)/i, lt = (e) => {
-	let t = e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().toLowerCase();
-	return t ? `${t[0]?.toUpperCase()}${t.slice(1)}` : "Details";
-}, ut = (e) => e.map((e) => /^\d+$/.test(e) ? e : lt(e)).join(" / "), dt = (e) => e.every((e) => typeof e != "object" || !e), ft = (e, t, n) => {
-	if (Array.isArray(e)) {
-		if (e.length === 0 || dt(e)) {
-			n.push({
-				label: ut(t),
-				value: e
-			});
-			return;
-		}
-		e.forEach((e, r) => {
-			ft(e, [...t, String(r + 1)], n);
-		});
-		return;
-	}
-	if (typeof e == "object" && e) {
-		let r = Object.entries(e);
-		if (r.length === 0) {
-			n.push({
-				label: ut(t),
-				value: null
-			});
-			return;
-		}
-		r.forEach(([e, r]) => {
-			ft(r, [...t, e], n);
-		});
-		return;
-	}
-	n.push({
-		label: ut(t),
-		value: e
-	});
-}, pt = (e) => {
-	if (typeof e != "string") return e;
-	try {
-		return JSON.parse(e);
-	} catch {
-		return e;
-	}
-}, mt = (e) => {
-	let t = [];
-	return ft(pt(e), [], t), t.map((e) => ({
-		...e,
-		label: e.label || "Value"
-	}));
-}, ht = (e, t) => {
-	if (typeof e != "string") return !1;
-	if (e.startsWith("data:image/")) return !0;
-	try {
-		let n = new URL(e);
-		return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : st.test(n.pathname) || ct.test(t);
-	} catch {
-		return !1;
-	}
-}, gt = (e, t) => Array.isArray(e) && e.length > 0 && e.every((e) => ht(e, t)), _t = (e) => e == null || e === "" ? "Not provided" : typeof e == "boolean" ? e ? "Yes" : "No" : String(e), vt = (e) => Array.isArray(e) ? e.length === 0 ? "None" : e.map(_t).join(", ") : _t(e), yt = (e) => {
-	let t = pt(e);
-	if (Array.isArray(t) && t.length === 0 || typeof t == "object" && t && Object.keys(t).length === 0) return "No details";
-	let n = mt(e).filter((e) => !ht(e.value, e.label) && !gt(e.value, e.label));
-	if (n.length === 0) return "No details";
-	let r = n.slice(0, 2).map((e) => vt(e.value)), i = n.length - r.length;
-	return [...r, i > 0 ? `${i} more` : null].filter(Boolean).join(" · ");
-}, bt = (e) => {
-	let { label: t, value: n } = e;
-	return ht(n, t) ? {
-		type: "image",
-		src: String(n),
-		alt: `${t} preview`
-	} : Array.isArray(n) && gt(n, t) ? {
-		type: "image-gallery",
-		images: n.map((e, n) => ({
-			src: String(e),
-			alt: `${t} ${n + 1} preview`
-		}))
-	} : Array.isArray(n) ? n : n === void 0 ? null : n;
-}, xt = (e) => mt(e).map((e, t) => ({
-	id: `friendly-json-${t}`,
-	name: e.label,
-	type: "readOnly",
-	value: bt(e)
-})), St = (e) => {
-	let t = G(4), { value: n } = e, r;
-	t[0] === n ? r = t[1] : (r = xt(n), t[0] = n, t[1] = r);
-	let i;
-	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ K(j, {
-		params: r,
-		readOnly: !0,
-		fullWidth: !0
-	}), t[2] = r, t[3] = i), i;
-}, Ct = (e) => e.stopPropagation(), wt = (e) => {
-	let t = G(49), { columnLabel: n, value: i } = e, a, o, s, c, l, u, d, f, p, m, h, g, _, v, y, b;
-	if (t[0] !== n || t[1] !== i) {
-		let e = mt(i).flatMap(Tt).slice(0, 2), r;
-		t[18] === i ? r = t[19] : (r = yt(i), t[18] = i, t[19] = r), c = r, s = z.Root, t[20] === Symbol.for("react.memo_cache_sentinel") ? (f = {
+		children: f
+	}), n[13] = f, n[14] = r, n[15] = p) : p = n[15], p;
+}, st = (e) => e.stopPropagation(), ct = (e) => {
+	let n = Y(50), { columnLabel: r, value: i, search: a } = e, o = a === void 0 ? "" : a, s, c, l, u, d, p, m, h, g, _, v, y, b, x, S, C;
+	if (n[0] !== r || n[1] !== i) {
+		let e = k(i).flatMap(lt).slice(0, 2), t;
+		n[18] === i ? t = n[19] : (t = M(i), n[18] = i, n[19] = t), u = t, l = W.Root, n[20] === Symbol.for("react.memo_cache_sentinel") ? (h = {
 			placement: "bottom-start",
 			offset: { mainAxis: 6 }
-		}, t[20] = f) : f = t[20], o = z.Trigger, d = !0, a = N, l = `View ${n} details`, u = "ghost", p = "xs", m = "full", h = "0", g = "28px", _ = "2xs", v = "flex-start", y = Ct, b = e.length > 0 ? /* @__PURE__ */ K(F, {
+		}, n[20] = h) : h = n[20], c = W.Trigger, m = !0, s = B, d = `View ${r} details`, g = "ghost", _ = "xs", v = "full", y = "0", b = "28px", x = "2xs", S = "flex-start", C = st, p = e.length > 0 ? /* @__PURE__ */ X(V, {
 			gap: "-1",
 			flexShrink: "0",
-			children: e.map(Et)
-		}) : /* @__PURE__ */ K(fe, { size: 14 }), t[0] = n, t[1] = i, t[2] = a, t[3] = o, t[4] = s, t[5] = c, t[6] = l, t[7] = u, t[8] = d, t[9] = f, t[10] = p, t[11] = m, t[12] = h, t[13] = g, t[14] = _, t[15] = v, t[16] = y, t[17] = b;
-	} else a = t[2], o = t[3], s = t[4], c = t[5], l = t[6], u = t[7], d = t[8], f = t[9], p = t[10], m = t[11], h = t[12], g = t[13], _ = t[14], v = t[15], y = t[16], b = t[17];
-	let x;
-	t[21] === c ? x = t[22] : (x = /* @__PURE__ */ K(U, {
+			children: e.map(ut)
+		}) : /* @__PURE__ */ X(pe, { size: 14 }), n[0] = r, n[1] = i, n[2] = s, n[3] = c, n[4] = l, n[5] = u, n[6] = d, n[7] = p, n[8] = m, n[9] = h, n[10] = g, n[11] = _, n[12] = v, n[13] = y, n[14] = b, n[15] = x, n[16] = S, n[17] = C;
+	} else s = n[2], c = n[3], l = n[4], u = n[5], d = n[6], p = n[7], m = n[8], h = n[9], g = n[10], _ = n[11], v = n[12], y = n[13], b = n[14], x = n[15], S = n[16], C = n[17];
+	let w;
+	n[21] !== o || n[22] !== u ? (w = /* @__PURE__ */ X(q, {
 		flex: "1",
 		minWidth: "0",
 		textAlign: "left",
 		textStyle: "paragraph/S/regular",
 		truncate: !0,
-		children: c
-	}), t[21] = c, t[22] = x);
-	let S;
-	t[23] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ K(X, { size: 12 }), t[23] = S) : S = t[23];
-	let C;
-	t[24] !== a || t[25] !== l || t[26] !== u || t[27] !== x || t[28] !== p || t[29] !== m || t[30] !== h || t[31] !== g || t[32] !== _ || t[33] !== v || t[34] !== y || t[35] !== b ? (C = /* @__PURE__ */ q(a, {
-		"aria-label": l,
-		variant: u,
-		size: p,
-		width: m,
-		minWidth: h,
-		height: g,
-		paddingX: _,
-		justifyContent: v,
-		onClick: y,
-		children: [
-			b,
-			x,
-			S
-		]
-	}), t[24] = a, t[25] = l, t[26] = u, t[27] = x, t[28] = p, t[29] = m, t[30] = h, t[31] = g, t[32] = _, t[33] = v, t[34] = y, t[35] = b, t[36] = C) : C = t[36];
-	let w;
-	t[37] !== o || t[38] !== d || t[39] !== C ? (w = /* @__PURE__ */ K(o, {
-		asChild: d,
-		children: C
-	}), t[37] = o, t[38] = d, t[39] = C, t[40] = w) : w = t[40];
+		children: /* @__PURE__ */ X(N, {
+			text: u,
+			query: o
+		})
+	}), n[21] = o, n[22] = u, n[23] = w) : w = n[23];
 	let T;
-	t[41] === Symbol.for("react.memo_cache_sentinel") ? (T = { overscrollBehavior: "contain" }, t[41] = T) : T = t[41];
+	n[24] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ X(ge, { size: 12 }), n[24] = T) : T = n[24];
 	let E;
-	t[42] === i ? E = t[43] : (E = /* @__PURE__ */ K(B, { children: /* @__PURE__ */ K(z.Positioner, { children: /* @__PURE__ */ K(z.Content, {
+	n[25] !== s || n[26] !== d || n[27] !== p || n[28] !== w || n[29] !== g || n[30] !== _ || n[31] !== v || n[32] !== y || n[33] !== b || n[34] !== x || n[35] !== S || n[36] !== C ? (E = /* @__PURE__ */ Z(s, {
+		"aria-label": d,
+		variant: g,
+		size: _,
+		width: v,
+		minWidth: y,
+		height: b,
+		paddingX: x,
+		justifyContent: S,
+		onClick: C,
+		children: [
+			p,
+			w,
+			T
+		]
+	}), n[25] = s, n[26] = d, n[27] = p, n[28] = w, n[29] = g, n[30] = _, n[31] = v, n[32] = y, n[33] = b, n[34] = x, n[35] = S, n[36] = C, n[37] = E) : E = n[37];
+	let D;
+	n[38] !== c || n[39] !== m || n[40] !== E ? (D = /* @__PURE__ */ X(c, {
+		asChild: m,
+		children: E
+	}), n[38] = c, n[39] = m, n[40] = E, n[41] = D) : D = n[41];
+	let O;
+	n[42] === Symbol.for("react.memo_cache_sentinel") ? (O = { overscrollBehavior: "contain" }, n[42] = O) : O = n[42];
+	let A;
+	n[43] === i ? A = n[44] : (A = /* @__PURE__ */ X(re, { children: /* @__PURE__ */ X(W.Positioner, { children: /* @__PURE__ */ X(W.Content, {
 		width: "min(380px, calc(100vw - 32px))",
 		padding: "0",
 		background: "bg",
 		overflow: "hidden",
-		children: /* @__PURE__ */ K(r, {
+		children: /* @__PURE__ */ X(t, {
 			maxH: "360px",
-			viewportProps: T,
-			children: /* @__PURE__ */ K(St, { value: i })
+			viewportProps: O,
+			children: /* @__PURE__ */ X(f, { value: i })
 		})
-	}) }) }), t[42] = i, t[43] = E);
-	let D;
-	return t[44] !== s || t[45] !== f || t[46] !== w || t[47] !== E ? (D = /* @__PURE__ */ q(s, {
-		positioning: f,
-		children: [w, E]
-	}), t[44] = s, t[45] = f, t[46] = w, t[47] = E, t[48] = D) : D = t[48], D;
+	}) }) }), n[43] = i, n[44] = A);
+	let j;
+	return n[45] !== l || n[46] !== h || n[47] !== D || n[48] !== A ? (j = /* @__PURE__ */ Z(l, {
+		positioning: h,
+		children: [D, A]
+	}), n[45] = l, n[46] = h, n[47] = D, n[48] = A, n[49] = j) : j = n[49], j;
 };
-function Tt(e) {
-	return ht(e.value, e.label) ? [e] : !Array.isArray(e.value) || !gt(e.value, e.label) ? [] : e.value.map((t, n) => ({
+function lt(e) {
+	return j(e.value, e.label) ? [e] : !Array.isArray(e.value) || !m(e.value, e.label) ? [] : e.value.map((t, n) => ({
 		label: `${e.label} ${n + 1}`,
 		value: t
 	}));
 }
-function Et(e) {
-	return /* @__PURE__ */ K(L, {
+function ut(e) {
+	return /* @__PURE__ */ X(ne, {
 		src: String(e.value),
 		alt: `${e.label} preview`,
 		boxSize: "22px",
@@ -381,141 +257,184 @@ function Et(e) {
 }
 //#endregion
 //#region src/components/data-table/data-table-cell-renderers.tsx
-var Dt = (e) => J(e) ? oe(e, { style: {
+var dt = (e) => $(e) ? Q(e, { style: {
 	...e.props.style,
 	flexWrap: "nowrap",
 	minWidth: 0,
 	whiteSpace: "nowrap"
-} }) : e, Ot = (e) => {
+} }) : e, ft = (e) => {
 	e.stopPropagation();
-}, kt = (t) => {
-	let n = G(8), { table: r } = t, i = r.getIsAllRowsSelected(), a = !i && r.getIsSomeRowsSelected(), o = i ? !0 : a ? "indeterminate" : !1, s = a ? Z : pe, c;
-	n[0] === s ? c = n[1] : (c = /* @__PURE__ */ K(I, {
-		as: s,
+}, pt = (e) => {
+	let t = Y(10), { table: r } = e, i;
+	t[0] === r ? i = t[1] : (i = r.getIsAllRowsSelected(), t[0] = r, t[1] = i);
+	let a = i, o = !a && r.getIsSomeRowsSelected(), s = o ? "indeterminate" : a, c = o ? Se : me, l;
+	t[2] === c ? l = t[3] : (l = /* @__PURE__ */ X(H, {
+		as: c,
 		boxSize: "12px",
 		strokeWidth: "3"
-	}), n[0] = s, n[1] = c);
-	let l;
-	n[2] === r ? l = n[3] : (l = (e) => r.toggleAllRowsSelected(e.checked === !0), n[2] = r, n[3] = l);
+	}), t[2] = c, t[3] = l);
 	let u;
-	return n[4] !== o || n[5] !== c || n[6] !== l ? (u = /* @__PURE__ */ K(e, {
-		checked: o,
+	t[4] === r ? u = t[5] : (u = (e) => r.toggleAllRowsSelected(e.checked === !0), t[4] = r, t[5] = u);
+	let d;
+	return t[6] !== s || t[7] !== l || t[8] !== u ? (d = /* @__PURE__ */ X(n, {
+		checked: s,
 		"aria-label": "Select all",
-		icon: c,
-		onClick: Ot,
-		onCheckedChange: l
-	}), n[4] = o, n[5] = c, n[6] = l, n[7] = u) : u = n[7], u;
-}, At = (t) => {
-	let n = G(6), { row: r, column: i } = t, { selectedRowIds: a } = i.columnDef.meta, o = !!a?.[r.id], s;
-	n[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ K(I, {
-		as: pe,
+		icon: l,
+		onClick: ft,
+		onCheckedChange: u
+	}), t[6] = s, t[7] = l, t[8] = u, t[9] = d) : d = t[9], d;
+}, mt = (e) => {
+	let t = Y(6), { row: r, column: i } = e, { selectedRowIds: a } = i.columnDef.meta, o = !!a?.[r.id], s;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ X(H, {
+		as: me,
 		boxSize: "12px",
 		strokeWidth: "3"
-	}), n[0] = s) : s = n[0];
+	}), t[0] = s) : s = t[0];
 	let c;
-	n[1] === r ? c = n[2] : (c = (e) => r.toggleSelected(e.checked === !0), n[1] = r, n[2] = c);
+	t[1] === r ? c = t[2] : (c = (e) => r.toggleSelected(e.checked === !0), t[1] = r, t[2] = c);
 	let l;
-	return n[3] !== o || n[4] !== c ? (l = /* @__PURE__ */ K(e, {
+	return t[3] !== o || t[4] !== c ? (l = /* @__PURE__ */ X(n, {
 		checked: o,
 		"aria-label": "Select row",
 		icon: s,
-		onClick: Ot,
+		onClick: ft,
 		onCheckedChange: c
-	}), n[3] = o, n[4] = c, n[5] = l) : l = n[5], l;
-}, jt = (e, t) => {
+	}), t[3] = o, t[4] = c, t[5] = l) : l = t[5], l;
+}, ht = (e, t) => {
 	let n = new Set(t.map((e) => e.label));
 	return [...t, ...e.filter((e) => !n.has(e.label))];
-}, Mt = (e) => {
-	let t = G(30), { row: n, column: r } = e, { rowActions: i, getRowActions: a } = r.columnDef.meta, s, c, l, u, d, f, p, m, h;
-	if (t[0] !== a || t[1] !== n || t[2] !== i) {
+}, gt = (e) => {
+	let t = Y(30), { row: n, column: r } = e, { rowActions: a, getRowActions: o } = r.columnDef.meta, s, c, l, u, d, f, p, m, h;
+	if (t[0] !== o || t[1] !== n || t[2] !== a) {
 		h = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			let e = jt(i === void 0 ? [] : i, a?.(n.original) ?? []);
+			let e = ht(a === void 0 ? [] : a, o?.(n.original) ?? []);
 			if (e.length === 0) {
 				h = null;
 				break bb0;
 			}
-			u = R.Root, t[12] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ K(R.Trigger, {
+			u = U.Root, t[12] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ X(U.Trigger, {
 				asChild: !0,
-				children: /* @__PURE__ */ K(ne, {
+				children: /* @__PURE__ */ X(te, {
 					"aria-label": "Row actions",
 					size: "2xs",
 					variant: "ghost",
-					onClick: Ot,
-					children: /* @__PURE__ */ K(I, {
-						as: me,
+					onClick: ft,
+					children: /* @__PURE__ */ X(H, {
+						as: he,
 						boxSize: "14px"
 					})
 				})
-			}), t[12] = m) : m = t[12], l = B, c = R.Positioner, s = R.Content, d = "popover", f = "bg";
+			}), t[12] = m) : m = t[12], l = re, c = U.Positioner, s = U.Content, d = "popover", f = "bg";
 			let r;
-			t[13] === n ? r = t[14] : (r = (e) => /* @__PURE__ */ K(R.Item, {
+			t[13] === n ? r = t[14] : (r = (e) => /* @__PURE__ */ X(U.Item, {
 				value: e.label,
 				asChild: !0,
-				children: /* @__PURE__ */ K(o, {
+				children: /* @__PURE__ */ X(i, {
 					asChild: !0,
 					variant: "full-width",
 					tone: e.destructive ? "danger" : "default",
 					label: e.label,
 					icon: e.icon,
-					onClick: Ot,
+					onClick: ft,
 					onActivate: () => e.onSelect(n.original)
 				})
 			}, e.label), t[13] = n, t[14] = r), p = e.map(r);
 		}
-		t[0] = a, t[1] = n, t[2] = i, t[3] = s, t[4] = c, t[5] = l, t[6] = u, t[7] = d, t[8] = f, t[9] = p, t[10] = m, t[11] = h;
+		t[0] = o, t[1] = n, t[2] = a, t[3] = s, t[4] = c, t[5] = l, t[6] = u, t[7] = d, t[8] = f, t[9] = p, t[10] = m, t[11] = h;
 	} else s = t[3], c = t[4], l = t[5], u = t[6], d = t[7], f = t[8], p = t[9], m = t[10], h = t[11];
 	if (h !== Symbol.for("react.early_return_sentinel")) return h;
 	let g;
-	t[15] !== s || t[16] !== d || t[17] !== f || t[18] !== p ? (g = /* @__PURE__ */ K(s, {
+	t[15] !== s || t[16] !== d || t[17] !== f || t[18] !== p ? (g = /* @__PURE__ */ X(s, {
 		zIndex: d,
 		bg: f,
 		children: p
 	}), t[15] = s, t[16] = d, t[17] = f, t[18] = p, t[19] = g) : g = t[19];
 	let _;
-	t[20] !== c || t[21] !== g ? (_ = /* @__PURE__ */ K(c, { children: g }), t[20] = c, t[21] = g, t[22] = _) : _ = t[22];
+	t[20] !== c || t[21] !== g ? (_ = /* @__PURE__ */ X(c, { children: g }), t[20] = c, t[21] = g, t[22] = _) : _ = t[22];
 	let v;
-	t[23] !== l || t[24] !== _ ? (v = /* @__PURE__ */ K(l, { children: _ }), t[23] = l, t[24] = _, t[25] = v) : v = t[25];
+	t[23] !== l || t[24] !== _ ? (v = /* @__PURE__ */ X(l, { children: _ }), t[23] = l, t[24] = _, t[25] = v) : v = t[25];
 	let y;
-	return t[26] !== u || t[27] !== m || t[28] !== v ? (y = /* @__PURE__ */ q(u, { children: [m, v] }), t[26] = u, t[27] = m, t[28] = v, t[29] = y) : y = t[29], y;
-}, Nt = (e) => {
-	let t = G(15), { value: n, wrapRows: r } = e, i, a;
-	if (t[0] !== n || t[1] !== r) {
-		a = Symbol.for("react.early_return_sentinel");
-		bb0: if (i = d(n), J(i)) {
-			let e = r ? "visible" : "hidden", n = r ? "anywhere" : void 0, o = r ? "normal" : "nowrap", s = r ? i : Dt(i), c;
-			t[4] !== e || t[5] !== n || t[6] !== o || t[7] !== s ? (c = /* @__PURE__ */ K(W.span, {
+	return t[26] !== u || t[27] !== m || t[28] !== v ? (y = /* @__PURE__ */ Z(u, { children: [m, v] }), t[26] = u, t[27] = m, t[28] = v, t[29] = y) : y = t[29], y;
+}, _t = (e) => {
+	let t = Y(14), { content: n, query: r } = e;
+	if (typeof n == "string" || typeof n == "number") {
+		let e = String(n), i;
+		return t[0] !== r || t[1] !== e ? (i = /* @__PURE__ */ X(N, {
+			text: e,
+			query: r
+		}), t[0] = r, t[1] = e, t[2] = i) : i = t[2], i;
+	}
+	if (Array.isArray(n)) {
+		let e;
+		if (t[3] !== n || t[4] !== r) {
+			let i;
+			t[6] === r ? i = t[7] : (i = (e, t) => /* @__PURE__ */ X(_t, {
+				content: e,
+				query: r
+			}, t), t[6] = r, t[7] = i), e = n.map(i), t[3] = n, t[4] = r, t[5] = e;
+		} else e = t[5];
+		return e;
+	}
+	if ($(n) && n.props.children !== void 0) {
+		let e;
+		t[8] !== n.props.children || t[9] !== r ? (e = /* @__PURE__ */ X(_t, {
+			content: n.props.children,
+			query: r
+		}), t[8] = n.props.children, t[9] = r, t[10] = e) : e = t[10];
+		let i;
+		return t[11] !== n || t[12] !== e ? (i = Q(n, { children: e }), t[11] = n, t[12] = e, t[13] = i) : i = t[13], i;
+	}
+	return n;
+}, vt = (e) => {
+	let t = Y(22), { value: n, wrapRows: r, search: i } = e, a = i === void 0 ? "" : i, o, s;
+	if (t[0] !== a || t[1] !== n || t[2] !== r) {
+		s = Symbol.for("react.early_return_sentinel");
+		bb0: if (o = x(n), $(o)) {
+			let e = r ? "visible" : "hidden", n = r ? "anywhere" : void 0, i = r ? "normal" : "nowrap", c = r ? o : dt(o), l;
+			t[5] !== a || t[6] !== c ? (l = /* @__PURE__ */ X(_t, {
+				content: c,
+				query: a
+			}), t[5] = a, t[6] = c, t[7] = l) : l = t[7];
+			let u;
+			t[8] !== e || t[9] !== n || t[10] !== i || t[11] !== l ? (u = /* @__PURE__ */ X(J.span, {
 				display: "inline-flex",
 				maxWidth: "full",
 				minW: "0",
 				overflow: e,
 				overflowWrap: n,
-				whiteSpace: o,
-				children: s
-			}), t[4] = e, t[5] = n, t[6] = o, t[7] = s, t[8] = c) : c = t[8], a = c;
+				whiteSpace: i,
+				children: l
+			}), t[8] = e, t[9] = n, t[10] = i, t[11] = l, t[12] = u) : u = t[12], s = u;
 			break bb0;
 		}
-		t[0] = n, t[1] = r, t[2] = i, t[3] = a;
-	} else i = t[2], a = t[3];
-	if (a !== Symbol.for("react.early_return_sentinel")) return a;
-	let o = r ? "visible" : "hidden", s = r ? "anywhere" : void 0, c = r ? void 0 : "ellipsis", l = r ? "normal" : "nowrap", u;
-	return t[9] !== i || t[10] !== o || t[11] !== s || t[12] !== c || t[13] !== l ? (u = /* @__PURE__ */ K(U, {
+		t[0] = a, t[1] = n, t[2] = r, t[3] = o, t[4] = s;
+	} else o = t[3], s = t[4];
+	if (s !== Symbol.for("react.early_return_sentinel")) return s;
+	let c = r ? "visible" : "hidden", l = r ? "anywhere" : void 0, u = r ? void 0 : "ellipsis", d = r ? "normal" : "nowrap", f;
+	t[13] !== o || t[14] !== a ? (f = /* @__PURE__ */ X(_t, {
+		content: o,
+		query: a
+	}), t[13] = o, t[14] = a, t[15] = f) : f = t[15];
+	let p;
+	return t[16] !== c || t[17] !== l || t[18] !== u || t[19] !== d || t[20] !== f ? (p = /* @__PURE__ */ X(q, {
 		maxWidth: "full",
-		overflow: o,
-		overflowWrap: s,
-		textOverflow: c,
+		overflow: c,
+		overflowWrap: l,
+		textOverflow: u,
 		textStyle: "paragraph/S/regular",
-		whiteSpace: l,
-		children: i
-	}), t[9] = i, t[10] = o, t[11] = s, t[12] = c, t[13] = l, t[14] = u) : u = t[14], u;
-}, Pt = (e) => {
-	let t = G(20), { columnLabel: n, renderer: r, value: i, wrapRows: a } = e;
+		whiteSpace: d,
+		children: f
+	}), t[16] = c, t[17] = l, t[18] = u, t[19] = d, t[20] = f, t[21] = p) : p = t[21], p;
+}, yt = (e) => {
+	let t = Y(28), { columnLabel: n, renderer: r, value: i, wrapRows: a, search: o } = e;
 	if (r?.type === "json") {
 		let e;
-		return t[0] !== n || t[1] !== i ? (e = /* @__PURE__ */ K(wt, {
+		return t[0] !== n || t[1] !== o || t[2] !== i ? (e = /* @__PURE__ */ X(ct, {
 			columnLabel: n,
-			value: i
-		}), t[0] = n, t[1] = i, t[2] = e) : e = t[2], e;
+			value: i,
+			search: o
+		}), t[0] = n, t[1] = o, t[2] = i, t[3] = e) : e = t[3], e;
 	}
 	if (r?.type === "badge" && [
 		"string",
@@ -523,72 +442,88 @@ var Dt = (e) => J(e) ? oe(e, { style: {
 		"boolean"
 	].includes(typeof i)) {
 		let e = i, n;
-		return t[3] !== r.categories || t[4] !== e ? (n = /* @__PURE__ */ K($e, {
+		return t[4] !== r.categories || t[5] !== o || t[6] !== e ? (n = /* @__PURE__ */ X(it, {
 			value: e,
+			search: o,
 			categories: r.categories
-		}), t[3] = r.categories, t[4] = e, t[5] = n) : n = t[5], n;
+		}), t[4] = r.categories, t[5] = o, t[6] = e, t[7] = n) : n = t[7], n;
 	}
-	if (r?.type === "diff" && p(i)) {
+	if (r?.type === "diff" && A(i)) {
 		let e;
-		return t[6] === i ? e = t[7] : (e = /* @__PURE__ */ K(at, { value: i }), t[6] = i, t[7] = e), e;
+		return t[8] !== o || t[9] !== i ? (e = /* @__PURE__ */ X(at, {
+			value: i,
+			search: o
+		}), t[8] = o, t[9] = i, t[10] = e) : e = t[10], e;
 	}
 	if (r?.type === "path" && typeof i == "string" && !a) {
 		let e;
-		return t[8] === i ? e = t[9] : (e = /* @__PURE__ */ K(ot, { value: i }), t[8] = i, t[9] = e), e;
+		return t[11] !== o || t[12] !== i ? (e = /* @__PURE__ */ X(ot, {
+			value: i,
+			search: o
+		}), t[11] = o, t[12] = i, t[13] = e) : e = t[13], e;
 	}
-	if (r?.type === "date" && nt(i)) {
+	if (r?.type === "date" && l(i)) {
 		let e = i, n;
-		return t[10] === e ? n = t[11] : (n = /* @__PURE__ */ K(rt, { value: e }), t[10] = e, t[11] = n), n;
+		return t[14] !== o || t[15] !== e ? (n = /* @__PURE__ */ X(u, {
+			value: e,
+			search: o
+		}), t[14] = o, t[15] = e, t[16] = n) : n = t[16], n;
 	}
-	if (r?.type === "color-scale" && Ze(i, r.stops) && typeof i == "number") {
+	if (r?.type === "color-scale" && nt(i, r.stops) && typeof i == "number") {
 		let e;
-		return t[12] === i ? e = t[13] : (e = /* @__PURE__ */ K(Qe, { value: i }), t[12] = i, t[13] = e), e;
+		return t[17] !== o || t[18] !== i ? (e = /* @__PURE__ */ X(rt, {
+			value: i,
+			search: o
+		}), t[17] = o, t[18] = i, t[19] = e) : e = t[19], e;
 	}
-	if (r?.type === "categorical-color" && Me(i, r.categories)) {
+	if (r?.type === "categorical-color" && Ie(i, r.categories)) {
 		let e;
-		return t[14] !== i || t[15] !== a ? (e = /* @__PURE__ */ K(Ne, { children: /* @__PURE__ */ K(Nt, {
+		return t[20] !== o || t[21] !== i || t[22] !== a ? (e = /* @__PURE__ */ X(Le, { children: /* @__PURE__ */ X(vt, {
 			value: i,
-			wrapRows: a
-		}) }), t[14] = i, t[15] = a, t[16] = e) : e = t[16], e;
+			wrapRows: a,
+			search: o
+		}) }), t[20] = o, t[21] = i, t[22] = a, t[23] = e) : e = t[23], e;
 	}
-	let o;
-	return t[17] !== i || t[18] !== a ? (o = /* @__PURE__ */ K(Nt, {
+	let s;
+	return t[24] !== o || t[25] !== i || t[26] !== a ? (s = /* @__PURE__ */ X(vt, {
 		value: i,
-		wrapRows: a
-	}), t[17] = i, t[18] = a, t[19] = o) : o = t[19], o;
-}, Ft = (e) => {
-	let t = G(4), { getValue: n } = e, r;
+		wrapRows: a,
+		search: o
+	}), t[24] = o, t[25] = i, t[26] = a, t[27] = s) : s = t[27], s;
+}, bt = (e) => {
+	let t = Y(4), { getValue: n } = e, r;
 	t[0] === n ? r = t[1] : (r = n(), t[0] = n, t[1] = r);
 	let i;
-	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ K(W.span, {
+	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ X(J.span, {
 		display: "block",
 		textStyle: "paragraph/S/regular",
 		textAlign: "center",
 		children: r
 	}), t[2] = r, t[3] = i), i;
-}, It = (e) => {
-	let t = G(7), { column: n, getValue: r } = e, { renderer: i, wrapRows: a } = n.columnDef.meta, o = a !== void 0 && a, s = n.id, c;
-	t[0] === r ? c = t[1] : (c = r(), t[0] = r, t[1] = c);
-	let l;
-	return t[2] !== n.id || t[3] !== i || t[4] !== c || t[5] !== o ? (l = /* @__PURE__ */ K(Pt, {
-		columnLabel: s,
+}, xt = (e) => {
+	let t = Y(8), { column: n, getValue: r } = e, { renderer: i, wrapRows: a, search: o } = n.columnDef.meta, s = a !== void 0 && a, c = n.id, l;
+	t[0] === r ? l = t[1] : (l = r(), t[0] = r, t[1] = l);
+	let u;
+	return t[2] !== n.id || t[3] !== i || t[4] !== o || t[5] !== l || t[6] !== s ? (u = /* @__PURE__ */ X(yt, {
+		columnLabel: c,
 		renderer: i,
-		value: c,
-		wrapRows: o
-	}), t[2] = n.id, t[3] = i, t[4] = c, t[5] = o, t[6] = l) : l = t[6], l;
-}, Lt = (e) => {
-	let t = G(9), { column: r } = e, { headerLabel: i, headerIcon: a, columnDescription: o } = r.columnDef.meta, s;
-	t[0] === i ? s = t[1] : (s = /* @__PURE__ */ K(W.span, {
+		value: l,
+		wrapRows: s,
+		search: o
+	}), t[2] = n.id, t[3] = i, t[4] = o, t[5] = l, t[6] = s, t[7] = u) : u = t[7], u;
+}, St = (t) => {
+	let n = Y(9), { column: r } = t, { headerLabel: i, headerIcon: a, columnDescription: o } = r.columnDef.meta, s;
+	n[0] === i ? s = n[1] : (s = /* @__PURE__ */ X(J.span, {
 		overflow: "hidden",
 		textOverflow: "ellipsis",
 		whiteSpace: "nowrap",
 		children: i
-	}), t[0] = i, t[1] = s);
+	}), n[0] = i, n[1] = s);
 	let c;
-	t[2] !== o || t[3] !== i ? (c = o ? /* @__PURE__ */ K(n, {
+	n[2] !== o || n[3] !== i ? (c = o ? /* @__PURE__ */ X(e, {
 		content: o,
-		children: /* @__PURE__ */ K(I, {
-			as: he,
+		children: /* @__PURE__ */ X(H, {
+			as: ve,
 			"aria-label": `About ${i}`,
 			boxSize: "12px",
 			color: "fg.muted",
@@ -597,9 +532,9 @@ var Dt = (e) => J(e) ? oe(e, { style: {
 			opacity: .6,
 			tabIndex: 0
 		})
-	}) : null, t[2] = o, t[3] = i, t[4] = c) : c = t[4];
+	}) : null, n[2] = o, n[3] = i, n[4] = c) : c = n[4];
 	let l;
-	return t[5] !== a || t[6] !== s || t[7] !== c ? (l = /* @__PURE__ */ q(W.span, {
+	return n[5] !== a || n[6] !== s || n[7] !== c ? (l = /* @__PURE__ */ Z(J.span, {
 		display: "inline-flex",
 		alignItems: "center",
 		gap: "4px",
@@ -611,52 +546,53 @@ var Dt = (e) => J(e) ? oe(e, { style: {
 			s,
 			c
 		]
-	}), t[5] = a, t[6] = s, t[7] = c, t[8] = l) : l = t[8], l;
-}, Rt = (e, t) => e === t ? 0 : e == null ? 1 : t == null ? -1 : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t)), zt = (e, t) => {
+	}), n[5] = a, n[6] = s, n[7] = c, n[8] = l) : l = n[8], l;
+}, Ct = (e, t) => {
 	if (t?.type === "color-scale") {
-		let n = Ze(e, t.stops);
-		if (n && typeof e == "number") return qe(n);
+		let n = nt(e, t.stops);
+		if (n && typeof e == "number") return Qe(n);
 	}
 	if (t?.type === "categorical-color") {
-		let n = Me(e, t.categories);
-		if (n) return qe(n);
+		let n = Ie(e, t.categories);
+		if (n) return Qe(n);
 	}
 };
-function Bt(e, t, n = {}) {
-	let { columnIcons: r, columnDescriptions: i, compactHeaders: a, enableSelection: o = !1, selectedRowIds: s, rowActions: c = [], getRowActions: l, columnRenderers: u, wrapRows: d = !1 } = n, p = g.accessor((e, t) => t + 1, {
+function wt(e, t, n = {}) {
+	let { columnIcons: r, columnDescriptions: i, compactHeaders: a, enableSelection: o = !1, selectedRowIds: s, rowActions: c = [], getRowActions: l, columnRenderers: u, wrapRows: d = !1, rowNumbers: f = !0, search: p } = n, m = w.accessor((e, t) => t + 1, {
 		header: "",
 		id: "rowIndex",
 		enableResizing: !1,
 		size: 20,
-		cell: Ft
-	}), h = g.display({
+		cell: bt
+	}), h = w.display({
 		id: "rowSelection",
-		header: kt,
-		cell: At,
+		header: pt,
+		cell: mt,
 		meta: { selectedRowIds: s },
 		enableResizing: !1,
 		enableSorting: !1,
 		size: 36
-	}), _ = t.map((t) => {
-		let n = t || "-", o = e.map((e) => e[n]), s = u?.[n], c = r?.[n], l = c === void 0 ? f(o) : c, p = i?.[n];
-		return g.accessor((e) => e[n], {
+	}), g = t.map((t) => {
+		let n = t || "-", o = e.map((e) => e[n]), s = u?.[n], c = r?.[n], l = c === void 0 ? v(o) : c, f = i?.[n];
+		return w.accessor((e) => e[n], {
 			id: n,
-			header: Lt,
-			cell: It,
+			header: St,
+			cell: xt,
 			meta: {
 				headerLabel: a?.[n] ?? n,
 				headerIcon: l,
-				columnDescription: p,
+				columnDescription: f,
 				renderer: s,
 				wrapRows: d,
-				getCellStyle: (e) => zt(e, s)
+				search: p,
+				getCellStyle: (e) => Ct(e, s)
 			},
-			sortingFn: (e, t) => Rt(m(e.original[n], s), m(t.original[n], s))
+			enableSorting: !1
 		});
-	}), v = g.display({
+	}), _ = w.display({
 		id: "rowActions",
 		header: "",
-		cell: Mt,
+		cell: gt,
 		meta: {
 			rowActions: c,
 			getRowActions: l
@@ -666,70 +602,135 @@ function Bt(e, t, n = {}) {
 		size: 36
 	});
 	return [
-		p,
+		...f ? [m] : [],
 		...o ? [h] : [],
-		..._,
-		...c.length > 0 || l ? [v] : []
+		...g,
+		...c.length > 0 || l ? [_] : []
 	];
 }
 //#endregion
-//#region src/components/data-table/data-table-column-menu.tsx
-var Vt = (t) => {
-	let n = G(28), { column: r, checked: i, onColumnVisibilityChange: a } = t, o;
-	n[0] === r.id ? o = n[1] : (o = { id: r.id }, n[0] = r.id, n[1] = o);
-	let { attributes: s, listeners: c, setNodeRef: l, transform: u, transition: d, isDragging: f } = we(o), p;
-	n[2] === u ? p = n[3] : (p = Ee.Transform.toString(u), n[2] = u, n[3] = p);
-	let m = f ? .5 : 1, h;
-	n[4] !== p || n[5] !== m || n[6] !== d ? (h = {
-		transform: p,
-		transition: d,
-		opacity: m
-	}, n[4] = p, n[5] = m, n[6] = d, n[7] = h) : h = n[7];
-	let g = h, _;
-	n[8] === Symbol.for("react.memo_cache_sentinel") ? (_ = { bg: "bg.hover" }, n[8] = _) : _ = n[8];
+//#region src/components/data-table/data-table-display-menu.tsx
+var Tt = (e) => {
+	let t = Y(7), n;
+	t[0] === e.children ? n = t[1] : (n = /* @__PURE__ */ X(q, {
+		textStyle: "label/XS/medium",
+		color: "fg.muted",
+		children: e.children
+	}), t[0] = e.children, t[1] = n);
+	let r;
+	t[2] === e.end ? r = t[3] : (r = e.end ? /* @__PURE__ */ X(q, {
+		marginLeft: "auto",
+		textStyle: "label/XS",
+		color: "fg.subtle",
+		children: e.end
+	}) : null, t[2] = e.end, t[3] = r);
+	let i;
+	return t[4] !== n || t[5] !== r ? (i = /* @__PURE__ */ Z(V, {
+		paddingX: "xs",
+		paddingTop: "xs",
+		paddingBottom: "2xs",
+		children: [n, r]
+	}), t[4] = n, t[5] = r, t[6] = i) : i = t[6], i;
+}, Et = (e) => {
+	let t = Y(14), n;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = { role: "switch" }, t[0] = n) : n = t[0];
+	let r;
+	t[1] === e ? r = t[2] : (r = (t) => e.onChange(t.checked === !0), t[1] = e, t[2] = r);
+	let i;
+	t[3] === e.label ? i = t[4] : (i = /* @__PURE__ */ X(q, {
+		as: "span",
+		textStyle: "label/S/regular",
+		children: e.label
+	}), t[3] = e.label, t[4] = i);
+	let a;
+	t[5] === e.hint ? a = t[6] : (a = e.hint ? /* @__PURE__ */ X(q, {
+		as: "span",
+		textStyle: "label/XS",
+		color: "fg.subtle",
+		children: e.hint
+	}) : null, t[5] = e.hint, t[6] = a);
+	let s;
+	t[7] !== i || t[8] !== a ? (s = /* @__PURE__ */ Z(V, {
+		as: "span",
+		gap: "xs",
+		children: [i, a]
+	}), t[7] = i, t[8] = a, t[9] = s) : s = t[9];
+	let c;
+	return t[10] !== e.checked || t[11] !== r || t[12] !== s ? (c = /* @__PURE__ */ X(z, {
+		paddingX: "xs",
+		paddingY: "2xs",
+		children: /* @__PURE__ */ X(o, {
+			checked: e.checked,
+			inputProps: n,
+			width: "full",
+			flexDirection: "row-reverse",
+			justifyContent: "space-between",
+			onCheckedChange: r,
+			children: s
+		})
+	}), t[10] = e.checked, t[11] = r, t[12] = s, t[13] = c) : c = t[13], c;
+}, Dt = (e) => {
+	let t = Y(33), { column: r, checked: i, onColumnVisibilityChange: a } = e, o;
+	t[0] === r.id ? o = t[1] : (o = { id: r.id }, t[0] = r.id, t[1] = o);
+	let { attributes: c, listeners: l, setNodeRef: u, transform: d, transition: f, isDragging: p } = Ae(o), m;
+	t[2] === d ? m = t[3] : (m = Me.Transform.toString(d), t[2] = d, t[3] = m);
+	let h = p ? .5 : 1, g;
+	t[4] !== m || t[5] !== h || t[6] !== f ? (g = {
+		transform: m,
+		transition: f,
+		opacity: h
+	}, t[4] = m, t[5] = h, t[6] = f, t[7] = g) : g = t[7];
+	let _;
+	t[8] === Symbol.for("react.memo_cache_sentinel") ? (_ = { bg: "bg.hover" }, t[8] = _) : _ = t[8];
 	let v;
-	n[9] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ K(ge, { size: 14 }), n[9] = v) : v = n[9];
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ X(be, { size: 14 }), t[9] = v) : v = t[9];
 	let y;
-	n[10] !== s || n[11] !== c ? (y = /* @__PURE__ */ K(te, {
+	t[10] !== c || t[11] !== l ? (y = /* @__PURE__ */ X(z, {
 		as: "span",
 		display: "inline-flex",
 		cursor: "grab",
 		color: "fg.muted",
-		...s,
 		...c,
+		...l,
 		children: v
-	}), n[10] = s, n[11] = c, n[12] = y) : y = n[12];
+	}), t[10] = c, t[11] = l, t[12] = y) : y = t[12];
 	let b;
-	n[13] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ K(I, {
-		as: pe,
+	t[13] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ X(H, {
+		as: me,
 		boxSize: "12px",
 		strokeWidth: "3"
-	}), n[13] = b) : b = n[13];
+	}), t[13] = b) : b = t[13];
 	let x;
-	n[14] !== r.id || n[15] !== a ? (x = (e) => a(r.id, e.checked === !0), n[14] = r.id, n[15] = a, n[16] = x) : x = n[16];
+	t[14] !== r.id || t[15] !== a ? (x = (e) => a(r.id, e.checked === !0), t[14] = r.id, t[15] = a, t[16] = x) : x = t[16];
 	let S;
-	n[17] === r.label ? S = n[18] : (S = /* @__PURE__ */ K(U, {
+	t[17] === r.label ? S = t[18] : (S = /* @__PURE__ */ X(q, {
 		as: "span",
 		textStyle: "label/S/regular",
 		truncate: !0,
 		children: r.label
-	}), n[17] = r.label, n[18] = S);
+	}), t[17] = r.label, t[18] = S);
 	let C;
-	n[19] !== i || n[20] !== x || n[21] !== S ? (C = /* @__PURE__ */ K(e, {
+	t[19] !== i || t[20] !== x || t[21] !== S ? (C = /* @__PURE__ */ X(n, {
 		checked: i,
 		flex: "1",
 		minW: "0",
-		width: "full",
-		flexDirection: "row-reverse",
-		justifyContent: "space-between",
 		size: "sm",
 		icon: b,
 		onCheckedChange: x,
 		children: S
-	}), n[19] = i, n[20] = x, n[21] = S, n[22] = C) : C = n[22];
+	}), t[19] = i, t[20] = x, t[21] = S, t[22] = C) : C = t[22];
 	let w;
-	return n[23] !== l || n[24] !== g || n[25] !== C || n[26] !== y ? (w = /* @__PURE__ */ q(F, {
-		ref: l,
+	t[23] === r ? w = t[24] : (w = s(r), t[23] = r, t[24] = w);
+	let T;
+	t[25] === w ? T = t[26] : (T = /* @__PURE__ */ X(H, {
+		as: w,
+		boxSize: "0.75rem",
+		color: "fg.subtle",
+		flexShrink: 0
+	}), t[25] = w, t[26] = T);
+	let E;
+	return t[27] !== u || t[28] !== C || t[29] !== T || t[30] !== g || t[31] !== y ? (E = /* @__PURE__ */ Z(V, {
+		ref: u,
 		style: g,
 		gap: "2xs",
 		minW: "0",
@@ -738,290 +739,375 @@ var Vt = (t) => {
 		px: "xs",
 		py: "2xs",
 		_hover: _,
-		children: [y, C]
-	}), n[23] = l, n[24] = g, n[25] = C, n[26] = y, n[27] = w) : w = n[27], w;
-}, Ht = (e) => {
-	let n = G(47), { columns: a, visibleColumnIds: o, wrapRows: s, showStats: c, statsAvailable: l, onColumnVisibilityChange: u, onColumnReorder: d, onWrapRowsChange: f, onStatsVisibilityChange: p } = e, m = le(null), h = le(null), [g, v] = Y(!1), [y, b] = Y(""), x;
-	n[0] === Symbol.for("react.memo_cache_sentinel") ? (x = { activationConstraint: { distance: 5 } }, n[0] = x) : x = n[0];
-	let S = Ce(Se(be, x)), C;
-	if (n[1] !== a || n[2] !== y) {
-		let e = y.trim().toLowerCase();
-		C = e ? a.filter((t) => t.label.toLowerCase().includes(e)) : a, n[1] = a, n[2] = y, n[3] = C;
-	} else C = n[3];
-	let w = C, T;
-	n[4] === d ? T = n[5] : (T = (e) => {
+		children: [
+			y,
+			C,
+			T
+		]
+	}), t[27] = u, t[28] = C, t[29] = T, t[30] = g, t[31] = y, t[32] = E) : E = t[32], E;
+}, Ot = (n) => {
+	let i = Y(75), { columns: a, settings: o, statsAvailable: s, onSettingsChange: c, onColumnVisibilityChange: l, onColumnReorder: u } = n, d = le(null), f = le(null), [p, m] = ue(!1), [h, g] = ue(""), _;
+	i[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = { activationConstraint: { distance: 5 } }, i[0] = _) : _ = i[0];
+	let v = Oe(De(Te, _)), y;
+	if (i[1] !== a || i[2] !== h) {
+		let e = h.trim().toLowerCase();
+		y = e ? a.filter((t) => t.label.toLowerCase().includes(e)) : a, i[1] = a, i[2] = h, i[3] = y;
+	} else y = i[3];
+	let b = y, x;
+	if (i[4] !== a || i[5] !== o.hiddenColumns) {
+		let e;
+		i[7] === o.hiddenColumns ? e = i[8] : (e = (e) => !o.hiddenColumns.includes(e.id), i[7] = o.hiddenColumns, i[8] = e), x = a.filter(e), i[4] = a, i[5] = o.hiddenColumns, i[6] = x;
+	} else x = i[6];
+	let S = x.length, C;
+	i[9] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+		value: "none",
+		label: "None"
+	}, i[9] = C) : C = i[9];
+	let w;
+	i[10] === a ? w = i[11] : (w = [C, ...a.filter(kt).map(At)], i[10] = a, i[11] = w);
+	let T = w, E;
+	i[12] === u ? E = i[13] : (E = (e) => {
 		let { active: t, over: n } = e;
-		n && t.id !== n.id && d(String(t.id), String(n.id));
-	}, n[4] = d, n[5] = T);
-	let E = T, D, O;
-	n[6] === g ? (D = n[7], O = n[8]) : (D = () => {
-		if (!g) return;
+		n && t.id !== n.id && u(String(t.id), String(n.id));
+	}, i[12] = u, i[13] = E);
+	let D = E, O, k;
+	i[14] === p ? (O = i[15], k = i[16]) : (O = () => {
+		if (!p) return;
 		let e = (e) => {
 			let t = e.target;
-			t instanceof Node && (h.current?.contains(t) || m.current?.contains(t) || v(!1));
-		}, t = (e) => {
-			e.key === "Escape" && v(!1);
+			t instanceof Node && (f.current?.contains(t) || d.current?.contains(t) || m(!1));
 		};
-		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t, !0), () => {
-			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t, !0);
-		};
-	}, O = [g], n[6] = g, n[7] = D, n[8] = O), ce(D, O);
-	let ee;
-	n[9] === Symbol.for("react.memo_cache_sentinel") ? (ee = {
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, k = [p], i[14] = p, i[15] = O, i[16] = k), ce(O, k);
+	let A, j;
+	i[17] === Symbol.for("react.memo_cache_sentinel") ? (A = {
 		placement: "bottom-end",
 		offset: { mainAxis: 8 },
-		getAnchorElement: () => m.current
-	}, n[9] = ee) : ee = n[9];
-	let k;
-	n[10] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ K(z.Trigger, {
-		asChild: !0,
-		children: /* @__PURE__ */ K(ne, {
-			ref: m,
-			"aria-label": "Display settings",
-			variant: "ghost",
-			size: "sm",
-			onClick: () => v(Ut),
-			children: /* @__PURE__ */ K(I, {
-				as: ve,
-				boxSize: "14px"
-			})
-		})
-	}), n[10] = k) : k = n[10];
-	let A;
-	n[11] !== f || n[12] !== s ? (A = /* @__PURE__ */ K(_, {
-		showDivider: !0,
-		wrapRows: s,
-		onWrapRowsChange: f
-	}), n[11] = f, n[12] = s, n[13] = A) : A = n[13];
-	let j;
-	n[14] !== p || n[15] !== c || n[16] !== l ? (j = l ? /* @__PURE__ */ K(te, {
-		borderBottomWidth: "1px",
-		borderColor: "border.subtle",
-		padding: "xs",
-		children: /* @__PURE__ */ K(t, {
-			checked: c,
-			inputProps: { role: "switch" },
-			width: "full",
-			flexDirection: "row-reverse",
-			justifyContent: "space-between",
-			onCheckedChange: (e) => p(e.checked === !0),
-			children: /* @__PURE__ */ K(U, {
-				as: "span",
-				textStyle: "label/S/regular",
-				children: "Statistics"
+		getAnchorElement: () => d.current
+	}, j = (e) => m(e.open), i[17] = A, i[18] = j) : (A = i[17], j = i[18]);
+	let M;
+	i[19] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ X(e, {
+		content: "Display",
+		children: /* @__PURE__ */ X(W.Trigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ X(te, {
+				ref: d,
+				"aria-label": "Display settings",
+				variant: "ghost",
+				size: "2xs",
+				children: /* @__PURE__ */ X(H, { as: Ce })
 			})
 		})
-	}) : null, n[14] = p, n[15] = c, n[16] = l, n[17] = j) : j = n[17];
-	let M;
-	n[18] === y ? M = n[19] : (M = /* @__PURE__ */ K(i, {
-		value: y,
-		placeholder: "Search columns",
-		onValueChange: b
-	}), n[18] = y, n[19] = M);
+	}), i[19] = M) : M = i[19];
 	let N;
-	n[20] === Symbol.for("react.memo_cache_sentinel") ? (N = { overscrollBehavior: "contain" }, n[20] = N) : N = n[20];
+	i[20] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ X(Tt, { children: "TABLE DISPLAY" }), i[20] = N) : N = i[20];
 	let P;
-	n[21] === a ? P = n[22] : (P = a.map(Wt), n[21] = a, n[22] = P);
-	let F;
-	if (n[23] !== w || n[24] !== u || n[25] !== o) {
+	i[21] !== T || i[22] !== c || i[23] !== o.grouping ? (P = T.length > 1 ? /* @__PURE__ */ X(F, {
+		label: "Grouping",
+		value: o.grouping,
+		options: T,
+		onSelect: (e) => c({ grouping: e })
+	}) : null, i[21] = T, i[22] = c, i[23] = o.grouping, i[24] = P) : P = i[24];
+	let I = n.sortControl, L;
+	i[25] === c ? L = i[26] : (L = (e) => c({ rowNumbers: e }), i[25] = c, i[26] = L);
+	let R;
+	i[27] !== o.rowNumbers || i[28] !== L ? (R = /* @__PURE__ */ X(Et, {
+		label: "Row numbers",
+		checked: o.rowNumbers,
+		onChange: L
+	}), i[27] = o.rowNumbers, i[28] = L, i[29] = R) : R = i[29];
+	let B;
+	i[30] === c ? B = i[31] : (B = (e) => c({ wrapRows: e }), i[30] = c, i[31] = B);
+	let ee;
+	i[32] !== o.wrapRows || i[33] !== B ? (ee = /* @__PURE__ */ X(Et, {
+		label: "Wrap rows",
+		checked: o.wrapRows,
+		onChange: B
+	}), i[32] = o.wrapRows, i[33] = B, i[34] = ee) : ee = i[34];
+	let V;
+	i[35] !== c || i[36] !== o.showStats || i[37] !== s ? (V = s ? /* @__PURE__ */ X(Et, {
+		label: "Statistics",
+		hint: "from column stats",
+		checked: o.showStats,
+		onChange: (e) => c({ showStats: e })
+	}) : null, i[35] = c, i[36] = o.showStats, i[37] = s, i[38] = V) : V = i[38];
+	let ne;
+	i[39] === Symbol.for("react.memo_cache_sentinel") ? (ne = /* @__PURE__ */ X(z, {
+		borderTopWidth: "1px",
+		borderColor: "border.subtle",
+		marginY: "2xs"
+	}), i[39] = ne) : ne = i[39];
+	let U = `${S} of ${a.length} shown`, G;
+	i[40] === U ? G = i[41] : (G = /* @__PURE__ */ X(Tt, {
+		end: U,
+		children: "COLUMNS"
+	}), i[40] = U, i[41] = G);
+	let K;
+	i[42] === h ? K = i[43] : (K = /* @__PURE__ */ X(r, {
+		value: h,
+		placeholder: "Search columns",
+		onValueChange: g
+	}), i[42] = h, i[43] = K);
+	let q;
+	i[44] === Symbol.for("react.memo_cache_sentinel") ? (q = { overscrollBehavior: "contain" }, i[44] = q) : q = i[44];
+	let J;
+	i[45] === a ? J = i[46] : (J = a.map(jt), i[45] = a, i[46] = J);
+	let ae;
+	if (i[47] !== b || i[48] !== l || i[49] !== o.hiddenColumns) {
 		let e;
-		n[27] !== u || n[28] !== o ? (e = (e) => /* @__PURE__ */ K(Vt, {
+		i[51] !== l || i[52] !== o.hiddenColumns ? (e = (e) => /* @__PURE__ */ X(Dt, {
 			column: e,
-			checked: o.has(e.id),
-			onColumnVisibilityChange: u
-		}, e.id), n[27] = u, n[28] = o, n[29] = e) : e = n[29], F = w.map(e), n[23] = w, n[24] = u, n[25] = o, n[26] = F;
-	} else F = n[26];
-	let L;
-	n[30] === F ? L = n[31] : (L = /* @__PURE__ */ K(re, {
+			checked: !o.hiddenColumns.includes(e.id),
+			onColumnVisibilityChange: l
+		}, e.id), i[51] = l, i[52] = o.hiddenColumns, i[53] = e) : e = i[53], ae = b.map(e), i[47] = b, i[48] = l, i[49] = o.hiddenColumns, i[50] = ae;
+	} else ae = i[50];
+	let oe;
+	i[54] === ae ? oe = i[55] : (oe = /* @__PURE__ */ X(ie, {
 		gap: "1px",
-		children: F
-	}), n[30] = F, n[31] = L);
-	let R;
-	n[32] !== P || n[33] !== L ? (R = /* @__PURE__ */ K(Q, {
-		items: P,
-		strategy: Te,
-		children: L
-	}), n[32] = P, n[33] = L, n[34] = R) : R = n[34];
-	let V;
-	n[35] !== E || n[36] !== S || n[37] !== R ? (V = /* @__PURE__ */ K(r, {
+		padding: "2xs",
+		children: ae
+	}), i[54] = ae, i[55] = oe);
+	let Q;
+	i[56] !== J || i[57] !== oe ? (Q = /* @__PURE__ */ X(ke, {
+		items: J,
+		strategy: je,
+		children: oe
+	}), i[56] = J, i[57] = oe, i[58] = Q) : Q = i[58];
+	let $;
+	i[59] !== D || i[60] !== v || i[61] !== Q ? ($ = /* @__PURE__ */ X(t, {
 		maxH: "280px",
-		viewportProps: N,
-		children: /* @__PURE__ */ K(te, {
-			padding: "2xs",
-			children: /* @__PURE__ */ K(ye, {
-				sensors: S,
-				collisionDetection: xe,
-				onDragEnd: E,
-				children: R
-			})
-		})
-	}), n[35] = E, n[36] = S, n[37] = R, n[38] = V) : V = n[38];
-	let H;
-	n[39] !== V || n[40] !== A || n[41] !== j || n[42] !== M ? (H = /* @__PURE__ */ K(B, { children: /* @__PURE__ */ K(z.Positioner, { children: /* @__PURE__ */ K(z.Content, {
-		ref: h,
-		width: "min(320px, calc(100vw - 32px))",
-		p: "0",
-		bg: "bg",
-		overflow: "hidden",
-		children: /* @__PURE__ */ q(re, {
-			gap: "0",
-			children: [
-				A,
-				j,
-				M,
-				V
-			]
+		viewportProps: q,
+		children: /* @__PURE__ */ X(we, {
+			sensors: v,
+			collisionDetection: Ee,
+			onDragEnd: D,
+			children: Q
 		})
-	}) }) }), n[39] = V, n[40] = A, n[41] = j, n[42] = M, n[43] = H) : H = n[43];
-	let W;
-	return n[44] !== g || n[45] !== H ? (W = /* @__PURE__ */ q(z.Root, {
-		open: g,
+	}), i[59] = D, i[60] = v, i[61] = Q, i[62] = $) : $ = i[62];
+	let se;
+	i[63] !== n.sortControl || i[64] !== P || i[65] !== R || i[66] !== ee || i[67] !== V || i[68] !== G || i[69] !== K || i[70] !== $ ? (se = /* @__PURE__ */ X(re, { children: /* @__PURE__ */ X(W.Positioner, { children: /* @__PURE__ */ Z(W.Content, {
+		ref: f,
+		"data-testid": "data-table-display-menu",
+		width: "min(300px, calc(100vw - 32px))",
+		padding: "2xs",
+		gap: "1px",
+		children: [
+			N,
+			P,
+			I,
+			R,
+			ee,
+			V,
+			ne,
+			G,
+			K,
+			$
+		]
+	}) }) }), i[63] = n.sortControl, i[64] = P, i[65] = R, i[66] = ee, i[67] = V, i[68] = G, i[69] = K, i[70] = $, i[71] = se) : se = i[71];
+	let de;
+	return i[72] !== p || i[73] !== se ? (de = /* @__PURE__ */ Z(W.Root, {
+		open: p,
 		closeOnInteractOutside: !1,
-		positioning: ee,
-		children: [k, H]
-	}), n[44] = g, n[45] = H, n[46] = W) : W = n[46], W;
+		positioning: A,
+		onOpenChange: j,
+		children: [M, se]
+	}), i[72] = p, i[73] = se, i[74] = de) : de = i[74], de;
 };
-function Ut(e) {
-	return !e;
+function kt(e) {
+	return e.groupable;
+}
+function At(e) {
+	return {
+		value: e.id,
+		label: e.label
+	};
 }
-function Wt(e) {
+function jt(e) {
 	return e.id;
 }
 //#endregion
-//#region src/components/data-table/data-table-table-parts.tsx
-var Gt = /* @__PURE__ */ new Set([
+//#region src/components/data-table/data-table-group-row.tsx
+var Mt = (e) => {
+	let t = Y(15), { label: n, count: r, collapsed: i, columnCount: a, onToggle: o } = e, s = !i, c = i ? ge : he, l;
+	t[0] === c ? l = t[1] : (l = /* @__PURE__ */ X(H, {
+		as: c,
+		boxSize: "0.875rem",
+		color: "fg.muted"
+	}), t[0] = c, t[1] = l);
+	let u;
+	t[2] === n ? u = t[3] : (u = /* @__PURE__ */ X(q, {
+		as: "span",
+		textStyle: "label/S/medium",
+		children: n
+	}), t[2] = n, t[3] = u);
+	let d;
+	t[4] === r ? d = t[5] : (d = /* @__PURE__ */ X(q, {
+		as: "span",
+		textStyle: "label/XS",
+		color: "fg.muted",
+		children: r
+	}), t[4] = r, t[5] = d);
+	let f;
+	t[6] !== o || t[7] !== s || t[8] !== l || t[9] !== u || t[10] !== d ? (f = /* @__PURE__ */ Z(J.button, {
+		type: "button",
+		"aria-expanded": s,
+		display: "flex",
+		alignItems: "center",
+		gap: "xs",
+		height: "1.5rem",
+		onClick: o,
+		children: [
+			l,
+			u,
+			d
+		]
+	}), t[6] = o, t[7] = s, t[8] = l, t[9] = u, t[10] = d, t[11] = f) : f = t[11];
+	let p;
+	return t[12] !== a || t[13] !== f ? (p = /* @__PURE__ */ X(K.Row, {
+		"data-testid": "data-table-group-row",
+		bg: "bg.subtle",
+		borderBottom: "1px solid",
+		borderColor: "border.subtle",
+		children: /* @__PURE__ */ X(K.Cell, {
+			colSpan: a,
+			paddingX: "xs",
+			paddingY: "2xs",
+			borderBottom: "none",
+			children: f
+		})
+	}), t[12] = a, t[13] = f, t[14] = p) : p = t[14], p;
+}, Nt = /* @__PURE__ */ new Set([
 	"rowIndex",
 	"rowSelection",
 	"rowActions"
-]), Kt = (e) => e === "asc" ? de : e === "desc" ? ue : _e, qt = (e) => {
-	let t = G(37), { header: r, headerGroup: i, table: a, fullWidth: s, hasDescription: c } = e, l, u, d;
-	if (t[0] !== r.column || t[1] !== a) {
-		u = r.column.getIsSorted();
-		let e;
-		t[5] !== r.column.id || t[6] !== a ? (e = !Gt.has(r.column.id) && a.getCoreRowModel().rows.length > 1, t[5] = r.column.id, t[6] = a, t[7] = e) : e = t[7], l = e, d = Kt(u), t[0] = r.column, t[1] = a, t[2] = l, t[3] = u, t[4] = d;
-	} else l = t[2], u = t[3], d = t[4];
-	let f = d, p;
-	t[8] === r ? p = t[9] : (p = r.column.id === "rowSelection" ? "Select all" : De(r.column.columnDef.header, r.getContext()), t[8] = r, t[9] = p);
-	let m = p, h = r.column.id, g;
-	t[10] === Symbol.for("react.memo_cache_sentinel") ? (g = { borderRight: "none" }, t[10] = g) : g = t[10];
-	let _ = r.id, v = s && i.headers.indexOf(r) === i.headers.length - 1 ? void 0 : `calc(var(--header-${r.id}-size) * 1px)`, y;
-	t[11] === v ? y = t[12] : (y = { width: v }, t[11] = v, t[12] = y);
-	let b;
-	t[13] === r ? b = t[14] : (b = De(r.column.columnDef.header, r.getContext()), t[13] = r, t[14] = b);
-	let x;
-	t[15] === b ? x = t[16] : (x = /* @__PURE__ */ K(U, {
-		as: "div",
-		textStyle: "label/S/medium",
-		lineHeight: "1.2",
-		truncate: !0,
-		children: b
-	}), t[15] = b, t[16] = x);
-	let S;
-	t[17] !== f || t[18] !== l || t[19] !== r.column || t[20] !== u ? (S = l && /* @__PURE__ */ q(R.Root, { children: [/* @__PURE__ */ K(R.Trigger, {
+]), Pt = (e) => e === "asc" ? fe : e === "desc" ? de : _e, Ft = (e) => {
+	let t = Y(9), n;
+	t[0] === e.icon ? n = t[1] : (n = /* @__PURE__ */ X(H, {
+		as: e.icon,
+		boxSize: "16px"
+	}), t[0] = e.icon, t[1] = n);
+	let r;
+	t[2] !== e.label || t[3] !== e.onActivate || t[4] !== n ? (r = /* @__PURE__ */ X(i, {
+		asChild: !0,
+		variant: "full-width",
+		label: e.label,
+		icon: n,
+		onActivate: e.onActivate
+	}), t[2] = e.label, t[3] = e.onActivate, t[4] = n, t[5] = r) : r = t[5];
+	let a;
+	return t[6] !== e.value || t[7] !== r ? (a = /* @__PURE__ */ X(U.Item, {
+		value: e.value,
 		asChild: !0,
-		children: /* @__PURE__ */ K(ne, {
-			ml: "2px",
-			size: "2xs",
-			"aria-label": u ? `Sorted ${u}` : "Sort column",
-			variant: "ghost",
-			visibility: u ? "visible" : "hidden",
-			_groupHover: { visibility: "visible" },
-			children: /* @__PURE__ */ K(I, {
-				as: f,
-				boxSize: "14px"
+		children: r
+	}), t[6] = e.value, t[7] = r, t[8] = a) : a = t[8], a;
+}, It = (t) => {
+	let n = Y(76), { header: r, headerGroup: i, fullWidth: a, hasDescription: o, fieldMenu: s } = t, c = r.column.id, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P;
+	if (n[0] !== c || n[1] !== s || n[2] !== a || n[3] !== o || n[4] !== r || n[5] !== i) {
+		let t = s?.sortFor(c), F = !!s && !Nt.has(c), I;
+		n[32] !== c || n[33] !== r ? (I = c === "rowSelection" ? "Select all" : Ne(r.column.columnDef.header, r.getContext()), n[32] = c, n[33] = r, n[34] = I) : I = n[34];
+		let L = I;
+		d = K.ColumnHeader, m = c, h = "none", g = "1px solid", n[35] === Symbol.for("react.memo_cache_sentinel") ? (_ = { borderRight: "none" }, n[35] = _) : _ = n[35], v = "border.subtle", y = "xs", b = "xs", x = r.id, S = "hidden", C = "relative", T = "middle", E = "nowrap";
+		let R = a && i.headers.indexOf(r) === i.headers.length - 1 ? void 0 : `calc(var(--header-${r.id}-size) * 1px)`;
+		n[36] === R ? D = n[37] : (D = { width: R }, n[36] = R, n[37] = D), u = e, N = L, P = o, l = ee, f = "group", p = "center", w = "space-between", O = "1", k = "1", A = "0";
+		let z;
+		n[38] === r ? z = n[39] : (z = Ne(r.column.columnDef.header, r.getContext()), n[38] = r, n[39] = z), n[40] === z ? j = n[41] : (j = /* @__PURE__ */ X(q, {
+			as: "div",
+			textStyle: "label/S/medium",
+			lineHeight: "1.2",
+			truncate: !0,
+			children: z
+		}), n[40] = z, n[41] = j), M = F && s ? /* @__PURE__ */ Z(U.Root, { children: [/* @__PURE__ */ X(U.Trigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ X(te, {
+				ml: "2px",
+				size: "2xs",
+				minW: "auto",
+				paddingX: "2xs",
+				"aria-label": t ? `Sorted ${t}` : "Column options",
+				variant: "ghost",
+				color: t ? "fg" : "fg.subtle",
+				children: /* @__PURE__ */ X(H, {
+					as: Pt(t),
+					boxSize: "14px"
+				})
 			})
-		})
-	}), /* @__PURE__ */ K(B, { children: /* @__PURE__ */ K(R.Positioner, { children: /* @__PURE__ */ q(R.Content, {
-		zIndex: "popover",
-		bg: "bg",
-		children: [
-			/* @__PURE__ */ K(R.Item, {
-				value: "sort-asc",
-				asChild: !0,
-				children: /* @__PURE__ */ K(o, {
-					asChild: !0,
-					variant: "full-width",
+		}), /* @__PURE__ */ X(re, { children: /* @__PURE__ */ X(U.Positioner, { children: /* @__PURE__ */ Z(U.Content, {
+			zIndex: "popover",
+			bg: "bg",
+			children: [
+				/* @__PURE__ */ X(Ft, {
+					value: "sort-asc",
 					label: "Sort ascending",
-					icon: /* @__PURE__ */ K(I, {
-						as: de,
-						boxSize: "16px"
-					}),
-					disabled: u === "asc",
-					onActivate: () => r.column.toggleSorting(!1)
-				})
-			}),
-			/* @__PURE__ */ K(R.Item, {
-				value: "sort-desc",
-				asChild: !0,
-				children: /* @__PURE__ */ K(o, {
-					asChild: !0,
-					variant: "full-width",
+					icon: fe,
+					onActivate: () => s.onSort(c, "asc")
+				}),
+				/* @__PURE__ */ X(Ft, {
+					value: "sort-desc",
 					label: "Sort descending",
-					icon: /* @__PURE__ */ K(I, {
-						as: ue,
-						boxSize: "16px"
-					}),
-					disabled: u === "desc",
-					onActivate: () => r.column.toggleSorting(!0)
+					icon: de,
+					onActivate: () => s.onSort(c, "desc")
+				}),
+				/* @__PURE__ */ X(U.Separator, {}),
+				/* @__PURE__ */ X(Ft, {
+					value: "filter",
+					label: "Filter by this field",
+					icon: xe,
+					onActivate: () => s.onFilterBy(c)
+				}),
+				/* @__PURE__ */ X(Ft, {
+					value: "hide",
+					label: "Hide column",
+					icon: ye,
+					onActivate: () => s.onHide(c)
 				})
-			}),
-			u && /* @__PURE__ */ K(R.Item, {
-				value: "clear-sort",
-				asChild: !0,
-				children: /* @__PURE__ */ K(o, {
-					asChild: !0,
-					variant: "full-width",
-					label: "Clear sort",
-					onActivate: () => r.column.clearSorting()
-				})
-			})
-		]
-	}) }) })] }), t[17] = f, t[18] = l, t[19] = r.column, t[20] = u, t[21] = S) : S = t[21];
-	let C;
-	t[22] === r ? C = t[23] : (C = r.column.getCanResize() && /* @__PURE__ */ K("span", {
+			]
+		}) }) })] }) : null, n[0] = c, n[1] = s, n[2] = a, n[3] = o, n[4] = r, n[5] = i, n[6] = l, n[7] = u, n[8] = d, n[9] = f, n[10] = p, n[11] = m, n[12] = h, n[13] = g, n[14] = _, n[15] = v, n[16] = y, n[17] = b, n[18] = x, n[19] = S, n[20] = C, n[21] = w, n[22] = T, n[23] = E, n[24] = D, n[25] = O, n[26] = k, n[27] = A, n[28] = j, n[29] = M, n[30] = N, n[31] = P;
+	} else l = n[6], u = n[7], d = n[8], f = n[9], p = n[10], m = n[11], h = n[12], g = n[13], _ = n[14], v = n[15], y = n[16], b = n[17], x = n[18], S = n[19], C = n[20], w = n[21], T = n[22], E = n[23], D = n[24], O = n[25], k = n[26], A = n[27], j = n[28], M = n[29], N = n[30], P = n[31];
+	let F;
+	n[42] === r ? F = n[43] : (F = r.column.getCanResize() && /* @__PURE__ */ X("span", {
 		onDoubleClick: () => r.column.resetSize(),
 		onMouseDown: r.getResizeHandler(),
 		onTouchStart: r.getResizeHandler(),
 		className: `resizer ${r.column.getIsResizing() ? "isResizing" : ""}`
-	}), t[22] = r, t[23] = C);
-	let w;
-	t[24] !== C || t[25] !== x || t[26] !== S ? (w = /* @__PURE__ */ q(P, {
-		className: "group",
-		alignItems: "center",
-		justifyContent: "space-between",
-		gap: "1",
-		flex: "1",
-		minW: "0",
+	}), n[42] = r, n[43] = F);
+	let I;
+	n[44] !== l || n[45] !== f || n[46] !== p || n[47] !== w || n[48] !== F || n[49] !== O || n[50] !== k || n[51] !== A || n[52] !== j || n[53] !== M ? (I = /* @__PURE__ */ Z(l, {
+		className: f,
+		alignItems: p,
+		justifyContent: w,
+		gap: O,
+		flex: k,
+		minW: A,
 		children: [
-			x,
-			S,
-			C
+			j,
+			M,
+			F
 		]
-	}), t[24] = C, t[25] = x, t[26] = S, t[27] = w) : w = t[27];
-	let T;
-	t[28] !== c || t[29] !== w || t[30] !== m ? (T = /* @__PURE__ */ K(n, {
-		content: m,
-		disabled: c,
-		children: w
-	}), t[28] = c, t[29] = w, t[30] = m, t[31] = T) : T = t[31];
-	let E;
-	return t[32] !== r.column.id || t[33] !== r.id || t[34] !== T || t[35] !== y ? (E = /* @__PURE__ */ K(H.ColumnHeader, {
-		"data-column-id": h,
-		textTransform: "none",
-		borderRight: "1px solid",
-		_last: g,
-		borderColor: "border.subtle",
-		paddingX: "xs",
-		paddingY: "xs",
-		overflow: "hidden",
-		position: "relative",
-		verticalAlign: "middle",
-		whiteSpace: "nowrap",
-		style: y,
-		children: T
-	}, _), t[32] = r.column.id, t[33] = r.id, t[34] = T, t[35] = y, t[36] = E) : E = t[36], E;
-}, Jt = (e) => {
-	let t = G(26), { cell: n, row: r, wrapRows: i, getCellContextMenuActions: o } = e, s = n.column.columnDef.meta, c;
+	}), n[44] = l, n[45] = f, n[46] = p, n[47] = w, n[48] = F, n[49] = O, n[50] = k, n[51] = A, n[52] = j, n[53] = M, n[54] = I) : I = n[54];
+	let L;
+	n[55] !== u || n[56] !== I || n[57] !== N || n[58] !== P ? (L = /* @__PURE__ */ X(u, {
+		content: N,
+		disabled: P,
+		children: I
+	}), n[55] = u, n[56] = I, n[57] = N, n[58] = P, n[59] = L) : L = n[59];
+	let R;
+	return n[60] !== d || n[61] !== m || n[62] !== h || n[63] !== g || n[64] !== _ || n[65] !== v || n[66] !== y || n[67] !== b || n[68] !== x || n[69] !== S || n[70] !== C || n[71] !== T || n[72] !== E || n[73] !== D || n[74] !== L ? (R = /* @__PURE__ */ X(d, {
+		"data-column-id": m,
+		textTransform: h,
+		borderRight: g,
+		_last: _,
+		borderColor: v,
+		paddingX: y,
+		paddingY: b,
+		overflow: S,
+		position: C,
+		verticalAlign: T,
+		whiteSpace: E,
+		style: D,
+		children: L
+	}, x), n[60] = d, n[61] = m, n[62] = h, n[63] = g, n[64] = _, n[65] = v, n[66] = y, n[67] = b, n[68] = x, n[69] = S, n[70] = C, n[71] = T, n[72] = E, n[73] = D, n[74] = L, n[75] = R) : R = n[75], R;
+}, Lt = (e) => {
+	let t = Y(26), { cell: n, row: r, wrapRows: i, getCellContextMenuActions: o } = e, s = n.column.columnDef.meta, c;
 	t[0] !== n || t[1] !== s ? (c = s?.getCellStyle?.(n.getValue()), t[0] = n, t[1] = s, t[2] = c) : c = t[2];
 	let l = c, u;
 	if (t[3] !== n || t[4] !== o || t[5] !== r.id || t[6] !== r.original) {
@@ -1041,9 +1127,9 @@ var Gt = /* @__PURE__ */ new Set([
 	let d = u, f = n.column.id, p = i ? "anywhere" : void 0, m = i ? void 0 : "10", h = i ? void 0 : "10", g;
 	t[8] === Symbol.for("react.memo_cache_sentinel") ? (g = { borderRight: "none" }, t[8] = g) : g = t[8];
 	let _ = n.id, v = i ? void 0 : "ellipsis", y = i ? "top" : "middle", b = i ? "normal" : "nowrap", x;
-	t[9] === n ? x = t[10] : (x = De(n.column.columnDef.cell, n.getContext()), t[9] = n, t[10] = x);
+	t[9] === n ? x = t[10] : (x = Ne(n.column.columnDef.cell, n.getContext()), t[9] = n, t[10] = x);
 	let S;
-	t[11] !== n.column.id || t[12] !== n.id || t[13] !== l || t[14] !== b || t[15] !== x || t[16] !== p || t[17] !== m || t[18] !== h || t[19] !== v || t[20] !== y ? (S = /* @__PURE__ */ K(H.Cell, {
+	t[11] !== n.column.id || t[12] !== n.id || t[13] !== l || t[14] !== b || t[15] !== x || t[16] !== p || t[17] !== m || t[18] !== h || t[19] !== v || t[20] !== y ? (S = /* @__PURE__ */ X(K.Cell, {
 		"data-column-id": f,
 		width: "fit-content",
 		maxWidth: "12rem",
@@ -1066,12 +1152,12 @@ var Gt = /* @__PURE__ */ new Set([
 	let C = S;
 	if (d.length === 0) return C;
 	let w;
-	return t[22] !== n.id || t[23] !== C || t[24] !== d ? (w = /* @__PURE__ */ K(a, {
+	return t[22] !== n.id || t[23] !== C || t[24] !== d ? (w = /* @__PURE__ */ X(a, {
 		actions: d,
 		children: C
 	}, n.id), t[22] = n.id, t[23] = C, t[24] = d, t[25] = w) : w = t[25], w;
-}, Yt = (e) => {
-	let t = G(23), { row: n, noBorder: r, rowIsInteractive: i, rowIsActive: a, rowIsSelected: o, wrapRows: s, onRowClick: c, getCellContextMenuActions: l } = e, u = n.id, d = a ? "true" : void 0, f = o ? "true" : void 0, p = o ? "true" : void 0, m = s ? void 0 : "10", h = i ? "pointer" : void 0, g;
+}, Rt = (e) => {
+	let t = Y(23), { row: n, noBorder: r, rowIsInteractive: i, rowIsActive: a, rowIsSelected: o, wrapRows: s, onRowClick: c, getCellContextMenuActions: l } = e, u = n.id, d = a ? "true" : void 0, f = o ? "true" : void 0, p = o ? "true" : void 0, m = s ? void 0 : "10", h = i ? "pointer" : void 0, g;
 	t[0] !== c || t[1] !== n.original || t[2] !== i ? (g = i ? () => c?.(n.original) : void 0, t[0] = c, t[1] = n.original, t[2] = i, t[3] = g) : g = t[3];
 	let _ = r ? "none" : "1px solid", v = r ? "none" : "1px solid", y = r ? "none" : "1px solid", b;
 	t[4] === y ? b = t[5] : (b = {
@@ -1079,14 +1165,14 @@ var Gt = /* @__PURE__ */ new Set([
 		borderColor: "border.subtle"
 	}, t[4] = y, t[5] = b);
 	let x = a ? "bg.active" : "bg", S;
-	t[6] !== l || t[7] !== n || t[8] !== s ? (S = n.getVisibleCells().map((e) => /* @__PURE__ */ K(Jt, {
+	t[6] !== l || t[7] !== n || t[8] !== s ? (S = n.getVisibleCells().map((e) => /* @__PURE__ */ X(Lt, {
 		cell: e,
 		row: n,
 		wrapRows: s,
 		getCellContextMenuActions: l
 	}, e.id)), t[6] = l, t[7] = n, t[8] = s, t[9] = S) : S = t[9];
 	let C;
-	return t[10] !== n.id || t[11] !== d || t[12] !== b || t[13] !== x || t[14] !== S || t[15] !== f || t[16] !== p || t[17] !== m || t[18] !== h || t[19] !== g || t[20] !== _ || t[21] !== v ? (C = /* @__PURE__ */ K(H.Row, {
+	return t[10] !== n.id || t[11] !== d || t[12] !== b || t[13] !== x || t[14] !== S || t[15] !== f || t[16] !== p || t[17] !== m || t[18] !== h || t[19] !== g || t[20] !== _ || t[21] !== v ? (C = /* @__PURE__ */ X(K.Row, {
 		"data-active": d,
 		"data-selected": f,
 		"aria-selected": p,
@@ -1101,201 +1187,280 @@ var Gt = /* @__PURE__ */ new Set([
 		background: x,
 		children: S
 	}, u), t[10] = n.id, t[11] = d, t[12] = b, t[13] = x, t[14] = S, t[15] = f, t[16] = p, t[17] = m, t[18] = h, t[19] = g, t[20] = _, t[21] = v, t[22] = C) : C = t[22], C;
-}, Xt = se(() => import("./data-table-stats-row-CpRe_xK2.js").then((e) => ({ default: e.DataTableStatsRow }))), Zt = (e, t) => e.map((e) => ({
-	id: e,
-	label: t?.[e] ?? e
-})), Qt = (e) => {
+}, zt = se(() => import("./data-table-stats-row-64magT2g.js").then((e) => ({ default: e.DataTableStatsRow }))), Bt = (e) => {
 	let t = {};
 	for (let n of e.getFlatHeaders()) t[`--header-${n.id}-size`] = n.getSize(), t[`--col-${n.column.id}-size`] = n.column.getSize();
 	return t;
-}, $t = (e) => {
-	let t = G(12), { table: n, pagination: r, pageSizeOptions: i } = e, a;
-	t[0] === n ? a = t[1] : (a = n.getPageCount(), t[0] = n, t[1] = a);
-	let o = r.pageIndex, s = r.pageSize, c;
-	t[2] === n ? c = t[3] : (c = n.getCoreRowModel(), t[2] = n, t[3] = c);
-	let l;
-	return t[4] !== i || t[5] !== r.pageIndex || t[6] !== r.pageSize || t[7] !== a || t[8] !== c.rows.length || t[9] !== n.setPageIndex || t[10] !== n.setPageSize ? (l = /* @__PURE__ */ K(S, {
-		pageCount: a,
-		pageIndex: o,
-		pageSize: s,
-		pageSizeOptions: i,
-		totalRows: c.rows.length,
-		onPageChange: n.setPageIndex,
-		onPageSizeChange: n.setPageSize
-	}), t[4] = i, t[5] = r.pageIndex, t[6] = r.pageSize, t[7] = a, t[8] = c.rows.length, t[9] = n.setPageIndex, t[10] = n.setPageSize, t[11] = l) : l = t[11], l;
-}, en = (e) => {
-	let { data: t, noBorder: n, fullWidth: i, hiddenColumns: a, defaultHiddenColumns: o, defaultShowStats: d = !0, onRowClick: f, isRowInteractive: p, activeRowId: m, columnIcons: g, columnDescriptions: _, compactHeaders: S, columnStats: E, columnRenderers: A, initialPageSize: j, pageSizeOptions: M = [
+}, Vt = (e) => {
+	let n = Y(44), { table: r, entries: i, collapsed: a, onToggleGroup: o, settings: s, data: c, fieldMenu: l, selectionActions: u } = e, { noBorder: d, fullWidth: f, onRowClick: p, isRowInteractive: m, activeRowId: h, columnDescriptions: _, columnStats: v } = e, { enableRowActivation: b, getCellContextMenuActions: x } = e, S = b !== void 0 && b, w;
+	if (n[0] !== h || n[1] !== a || n[2] !== _ || n[3] !== v || n[4] !== c || n[5] !== S || n[6] !== i || n[7] !== l || n[8] !== f || n[9] !== x || n[10] !== m || n[11] !== d || n[12] !== p || n[13] !== o || n[14] !== u || n[15] !== s || n[16] !== r) {
+		let e = new Map(r.getRowModel().rows.map(Ht)), b;
+		n[18] === r ? b = n[19] : (b = Bt(r), n[18] = r, n[19] = b);
+		let T = b, E = r.getSelectedRowModel().rows, D = `data-table${f ? " full-width" : ""}`, O;
+		n[20] !== f || n[21] !== r ? (O = f ? "100%" : r.getTotalSize(), n[20] = f, n[21] = r, n[22] = O) : O = n[22];
+		let k;
+		n[23] !== T || n[24] !== O ? (k = {
+			...T,
+			width: O
+		}, n[23] = T, n[24] = O, n[25] = k) : k = n[25];
+		let A;
+		n[26] !== _ || n[27] !== v || n[28] !== c || n[29] !== l || n[30] !== f || n[31] !== d || n[32] !== s || n[33] !== r ? (A = r.getHeaderGroups().map((e) => /* @__PURE__ */ Z(ae, { children: [/* @__PURE__ */ X(K.Row, {
+			className: "data-table-column-header-row",
+			borderRight: d ? "none" : "1px solid",
+			borderColor: "border.subtle",
+			children: e.headers.map((t) => /* @__PURE__ */ X(It, {
+				header: t,
+				headerGroup: e,
+				table: r,
+				fullWidth: f,
+				hasDescription: !!_?.[t.column.id],
+				fieldMenu: l
+			}, t.id))
+		}), v && s.showStats ? /* @__PURE__ */ X(oe, {
+			fallback: null,
+			children: /* @__PURE__ */ X(zt, {
+				headerGroup: e,
+				rows: c,
+				columnStats: v,
+				noBorder: d,
+				fullWidth: f
+			})
+		}) : null] }, e.id)), n[26] = _, n[27] = v, n[28] = c, n[29] = l, n[30] = f, n[31] = d, n[32] = s, n[33] = r, n[34] = A) : A = n[34];
+		let j;
+		n[35] === A ? j = n[36] : (j = /* @__PURE__ */ X(K.Header, { children: A }), n[35] = A, n[36] = j);
+		let M = i.map((t) => {
+			if (t.kind === "group") {
+				let { key: e } = t.group;
+				return /* @__PURE__ */ X(Mt, {
+					label: t.group.label,
+					count: t.group.rows.length,
+					collapsed: a.has(e),
+					columnCount: r.getVisibleLeafColumns().length,
+					onToggle: () => o(e)
+				}, `group:${e}`);
+			}
+			let n = e.get(t.row.id);
+			return n ? /* @__PURE__ */ X(Rt, {
+				row: n,
+				noBorder: d,
+				rowIsInteractive: p ? m?.(n.original) ?? !0 : !1,
+				rowIsActive: g({
+					enableRowActivation: S,
+					activeRowId: h,
+					rowId: n.id
+				}),
+				rowIsSelected: n.getIsSelected(),
+				wrapRows: s.wrapRows,
+				onRowClick: p,
+				getCellContextMenuActions: x
+			}, n.id) : null;
+		}), N;
+		n[37] === M ? N = n[38] : (N = /* @__PURE__ */ X(K.Body, { children: M }), n[37] = M, n[38] = N);
+		let P;
+		n[39] !== D || n[40] !== k || n[41] !== j || n[42] !== N ? (P = /* @__PURE__ */ X(t, {
+			height: "100%",
+			maxWidth: "unset",
+			showHorizontalScrollbar: !0,
+			children: /* @__PURE__ */ Z(K.Root, {
+				className: D,
+				style: k,
+				children: [j, N]
+			})
+		}), n[39] = D, n[40] = k, n[41] = j, n[42] = N, n[43] = P) : P = n[43], w = /* @__PURE__ */ Z(z, {
+			position: "relative",
+			flex: "1",
+			minHeight: "0",
+			children: [P, u && E.length > 0 ? /* @__PURE__ */ X(y, {
+				selectedCount: E.length,
+				totalCount: c.length,
+				onClearSelection: () => r.toggleAllRowsSelected(!1),
+				onSelectAll: () => r.toggleAllRowsSelected(!0),
+				actions: u,
+				selectedRows: C(E)
+			}) : null]
+		}), n[0] = h, n[1] = a, n[2] = _, n[3] = v, n[4] = c, n[5] = S, n[6] = i, n[7] = l, n[8] = f, n[9] = x, n[10] = m, n[11] = d, n[12] = p, n[13] = o, n[14] = u, n[15] = s, n[16] = r, n[17] = w;
+	} else w = n[17];
+	return w;
+};
+function Ht(e) {
+	return [e.id, e];
+}
+//#endregion
+//#region src/components/data-table/data-table-grouping.ts
+var Ut = (e, t, n, r) => {
+	let i = (e) => t.has(e.key) ? [] : e.rows, a = e.reduce((e, t) => e + i(t).length, 0), o = Math.max(1, Math.ceil(a / r)), s = Math.min(n, o - 1), c = s * r, l = c + r, u = [], d = 0;
+	for (let t of e) {
+		let e = i(t), n = d;
+		if (d += e.length, e.length === 0 ? n >= c && n < l || n === a && s === o - 1 : d > c && n < l) {
+			u.push({
+				kind: "group",
+				group: t
+			});
+			for (let t = Math.max(n, c); t < Math.min(d, l); t += 1) u.push({
+				kind: "row",
+				row: e[t - n]
+			});
+		}
+	}
+	return {
+		entries: u,
+		pageCount: o,
+		page: s
+	};
+}, Wt = (e, t, n) => {
+	let r = Math.max(1, Math.ceil(e.length / n)), i = Math.min(t, r - 1);
+	return {
+		entries: e.slice(i * n, (i + 1) * n).map((e) => ({
+			kind: "row",
+			row: e
+		})),
+		pageCount: r,
+		page: i
+	};
+}, Gt = (e) => {
+	let { noBorder: t, fullWidth: n, onRowClick: r, isRowInteractive: i, activeRowId: a, columnIcons: o, columnDescriptions: s, compactHeaders: l, columnStats: u, columnRenderers: f, initialPageSize: m, pageSizeOptions: g = [
 		10,
 		20,
 		30,
 		50,
 		100
-	], rowActions: N = [], getRowActions: F, getRowId: I, toolbarStorageKey: ne, enableRowActivation: L = !1, getCellContextMenuActions: R } = e, [z, B] = Y([]), [V, re] = Y(() => ({
-		pageIndex: 0,
-		pageSize: l({ initialPageSize: j })
-	})), [U, W] = Y({}), [G, oe] = Y(d), [J, se] = Y(!1), [le, ue] = Y(() => {
-		let e = new Set(a ?? []);
-		return Object.keys(t[0] || {}).filter((t) => !e.has(t));
-	}), [de, fe] = Y(() => new Set(o)), pe = new Set(a ?? []), me = Object.keys(t[0] || {}).filter((e) => !pe.has(e)), X = D(me, le), he = new Set(X.filter((e) => !de.has(e))), ge = X.filter((e) => he.has(e)), Z = T(e), _e = h(e), ve = ee(t, X, S, A), ye = x(t, X, I, A), be = u({
-		toolbarStorageKey: ne,
-		columnKeys: me
-	}), xe = b(be, (e) => e.filters, { settings: { viewMode: "list" } }), Se = O(ye, xe, ve).map((e) => e.sourceRow), Ce = Bt(t, ge, {
-		columnIcons: g,
-		columnDescriptions: _,
-		compactHeaders: S,
-		enableSelection: Z,
-		rowActions: N,
-		getRowActions: F,
-		selectedRowIds: U,
-		columnRenderers: A,
-		wrapRows: J
-	}), Q = je({
-		data: Se,
-		columns: Ce,
+	], rowActions: v = [], getRowActions: y, enableRowActivation: x = !1, getCellContextMenuActions: C } = e, w = S(e), { settings: T, setSettings: D, sorts: k, setSorts: A, filter: j, startRule: M } = w, N = JSON.stringify([
+		j,
+		k,
+		T.grouping,
+		w.deferredSearch
+	]), [P, F] = ue({
+		key: N,
+		index: 0
+	}), R = P.key === N ? P.index : 0, z = (e) => F({
+		key: N,
+		index: e
+	}), [B, V] = ue(() => h({ initialPageSize: m })), [H, te] = ue(() => /* @__PURE__ */ new Set()), [ne, U] = ue({}), W = O(e), re = b(e), { groups: G } = w, ie = G ? G.flatMap((e) => e.rows) : w.shownRows, K = G ? Ut(G, H, R, B) : Wt(ie, R, B), q = ie.map((e) => e.sourceRow), J = new Map(ie.map((e) => [e.sourceRow, e.id])), Y = wt(q, w.visibleColumnKeys, {
+		columnIcons: o,
+		columnDescriptions: s,
+		compactHeaders: l,
+		enableSelection: W,
+		rowActions: v,
+		getRowActions: y,
+		selectedRowIds: ne,
+		columnRenderers: f,
+		wrapRows: T.wrapRows,
+		rowNumbers: T.rowNumbers,
+		search: w.deferredSearch
+	}), ae = Fe({
+		data: q,
+		columns: Y,
 		defaultColumn: {
 			size: 150,
 			minSize: 40,
 			maxSize: 800
 		},
-		state: {
-			sorting: z,
-			pagination: V,
-			rowSelection: U
-		},
-		getRowId: (e, t) => y(e, t, I),
+		state: { rowSelection: ne },
+		getRowId: (e) => J.get(e) ?? "",
 		columnResizeMode: "onChange",
 		columnResizeDirection: "ltr",
-		onSortingChange: B,
-		onPaginationChange: re,
-		onRowSelectionChange: W,
-		getSortedRowModel: Ae(),
-		getCoreRowModel: Oe(),
-		getPaginationRowModel: ke(),
-		enableMultiRowSelection: Z,
-		enableRowSelection: Z,
+		onRowSelectionChange: U,
+		getCoreRowModel: Pe(),
+		enableMultiRowSelection: W,
+		enableRowSelection: W,
 		autoResetAll: !1
-	});
-	ce(() => {
-		let e = Q.getPageCount();
-		e === 0 || V.pageIndex < e || re((t) => ({
-			...t,
-			pageIndex: Math.max(e - 1, 0)
-		}));
-	}, [V.pageIndex, Q]);
-	let we = Qt(Q), Te = Q.getSelectedRowModel().rows, Ee = Q.getCoreRowModel().rows, De = v(Te), Me = /* @__PURE__ */ K(Ht, {
-		columns: Zt(X, S),
-		visibleColumnIds: he,
-		wrapRows: J,
-		showStats: G,
-		statsAvailable: !!E,
-		onColumnVisibilityChange: (e, t) => fe((n) => w(n, e, t)),
-		onColumnReorder: (e, t) => ue((n) => c(D(me, n), e, t)),
-		onWrapRowsChange: se,
-		onStatsVisibilityChange: oe
-	});
-	return /* @__PURE__ */ q(P, {
+	}), oe = {
+		sortFor: (e) => {
+			let t = k[0];
+			return t?.attributeId === e ? t.direction : void 0;
+		},
+		onSort: (e, t) => A([{
+			attributeId: e,
+			direction: t
+		}]),
+		onFilterBy: (e) => {
+			let t = c(w.attributes, e);
+			t && M(t);
+		},
+		onHide: (e) => D({ hiddenColumns: _(T.hiddenColumns, e, !1) })
+	}, Q = w.rows.length > 0 && w.shownRows.length === 0 && !!w.deferredSearch.trim();
+	return /* @__PURE__ */ Z(ee, {
 		direction: "column",
 		height: "100%",
 		width: "100%",
 		children: [
-			/* @__PURE__ */ K(k, {
-				rows: ye,
-				storageKey: be,
-				attributes: ve,
-				columnControl: Me,
+			/* @__PURE__ */ X(d, {
+				itemLabel: e.itemLabel,
+				view: w,
+				viewsSource: e.viewsSource,
 				actions: e.toolbarActions,
-				defaultViews: e.defaultViews,
-				defaultActiveViewId: e.defaultActiveViewId
-			}),
-			e.contentPlaceholder ?? /* @__PURE__ */ q(te, {
-				position: "relative",
-				flex: "1",
-				minHeight: "0",
-				children: [/* @__PURE__ */ K(r, {
-					height: "100%",
-					maxWidth: "unset",
-					showHorizontalScrollbar: !0,
-					children: /* @__PURE__ */ q(H.Root, {
-						className: `data-table${i ? " full-width" : ""}`,
-						style: {
-							...we,
-							width: i ? "100%" : Q.getTotalSize()
-						},
-						children: [/* @__PURE__ */ K(H.Header, { children: Q.getHeaderGroups().map((e) => /* @__PURE__ */ q(ie, { children: [/* @__PURE__ */ K(H.Row, {
-							className: "data-table-column-header-row",
-							borderRight: n ? "none" : "1px solid",
-							borderColor: "border.subtle",
-							children: e.headers.map((t) => /* @__PURE__ */ K(qt, {
-								header: t,
-								headerGroup: e,
-								table: Q,
-								fullWidth: i,
-								hasDescription: !!_?.[t.column.id]
-							}, t.id))
-						}), E && G ? /* @__PURE__ */ K(ae, {
-							fallback: null,
-							children: /* @__PURE__ */ K(Xt, {
-								headerGroup: e,
-								rows: Se,
-								columnStats: E,
-								noBorder: n,
-								fullWidth: i
-							})
-						}) : null] }, e.id)) }), /* @__PURE__ */ K(H.Body, { children: Q.getRowModel().rows.map((e) => {
-							let t = f ? p?.(e.original) ?? !0 : !1, r = s({
-								enableRowActivation: L,
-								activeRowId: m,
-								rowId: e.id
-							}), i = e.getIsSelected();
-							return /* @__PURE__ */ K(Yt, {
-								row: e,
-								noBorder: n,
-								rowIsInteractive: t,
-								rowIsActive: r,
-								rowIsSelected: i,
-								wrapRows: J,
-								onRowClick: f,
-								getCellContextMenuActions: R
-							}, e.id);
-						}) })]
-					})
-				}), Z && Te.length > 0 ? /* @__PURE__ */ K(C, {
-					selectedCount: Te.length,
-					totalCount: Ee.length,
-					onClearSelection: () => Q.toggleAllRowsSelected(!1),
-					onSelectAll: () => Q.toggleAllRowsSelected(!0),
-					actions: _e,
-					selectedRows: De
-				}) : null]
+				displayControl: /* @__PURE__ */ X(Ot, {
+					columns: w.attributes,
+					sortControl: /* @__PURE__ */ X(L, {
+						fields: w.attributes,
+						sorts: k,
+						onSortsChange: A
+					}),
+					settings: T,
+					statsAvailable: !!u,
+					onSettingsChange: D,
+					onColumnVisibilityChange: (e, t) => D({ hiddenColumns: _(T.hiddenColumns, e, t) }),
+					onColumnReorder: (e, t) => D({ columnOrder: E(w.orderedColumnKeys, e, t) })
+				})
 			}),
-			Q.getPageCount() > 1 && /* @__PURE__ */ K($t, {
-				table: Q,
-				pagination: V,
-				pageSizeOptions: M
-			})
+			e.contentPlaceholder ?? (Q ? /* @__PURE__ */ X(I, {
+				search: w.deferredSearch,
+				onClearSearch: () => w.setSearch("")
+			}) : /* @__PURE__ */ X(Vt, {
+				table: ae,
+				entries: K.entries,
+				collapsed: H,
+				onToggleGroup: (e) => te((t) => {
+					let n = new Set(t);
+					return n.has(e) ? n.delete(e) : n.add(e), n;
+				}),
+				settings: T,
+				data: q,
+				fieldMenu: oe,
+				selectionActions: W ? re : void 0,
+				noBorder: t,
+				fullWidth: n,
+				onRowClick: r,
+				isRowInteractive: i,
+				activeRowId: a,
+				columnDescriptions: s,
+				columnStats: u,
+				enableRowActivation: x,
+				getCellContextMenuActions: C
+			})),
+			K.pageCount > 1 ? /* @__PURE__ */ X(p, {
+				pageCount: K.pageCount,
+				pageIndex: K.page,
+				pageSize: B,
+				pageSizeOptions: g,
+				onPageChange: z,
+				onPageSizeChange: (e) => {
+					V(e), z(0);
+				}
+			}) : null
 		]
 	});
-}, tn = (e) => {
-	let t = G(4);
+}, Kt = (e) => {
+	let t = Y(4);
 	if (e.editMode) {
 		let n;
-		return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ K(E, { ...e }), t[0] = e, t[1] = n), n;
+		return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ X(D, { ...e }), t[0] = e, t[1] = n), n;
 	}
 	let n;
-	return t[2] === e ? n = t[3] : (n = /* @__PURE__ */ K(en, { ...e }), t[2] = e, t[3] = n), n;
-}, nn = [
+	return t[2] === e ? n = t[3] : (n = /* @__PURE__ */ X(Gt, { ...e }), t[2] = e, t[3] = n), n;
+}, qt = [
 	"70%",
 	"45%",
 	"60%",
 	"35%",
 	"55%"
-], rn = (e) => {
-	let t = G(15), { columns: n, columnCount: r, rowCount: i } = e, a = r === void 0 ? 3 : r, o = i === void 0 ? 5 : i, s;
-	t[0] !== a || t[1] !== n ? (s = n && n.length > 0 ? n : Array.from({ length: a }, an), t[0] = a, t[1] = n, t[2] = s) : s = t[2];
+], Jt = (e) => {
+	let t = Y(15), { columns: n, columnCount: r, rowCount: i } = e, a = r === void 0 ? 3 : r, o = i === void 0 ? 5 : i, s;
+	t[0] !== a || t[1] !== n ? (s = n && n.length > 0 ? n : Array.from({ length: a }, Yt), t[0] = a, t[1] = n, t[2] = s) : s = t[2];
 	let c = s, l;
-	t[3] === c ? l = t[4] : (l = c.map(on), t[3] = c, t[4] = l);
+	t[3] === c ? l = t[4] : (l = c.map(Xt), t[3] = c, t[4] = l);
 	let u;
-	t[5] === l ? u = t[6] : (u = /* @__PURE__ */ K(H.Header, { children: /* @__PURE__ */ K(H.Row, {
+	t[5] === l ? u = t[6] : (u = /* @__PURE__ */ X(K.Header, { children: /* @__PURE__ */ X(K.Row, {
 		className: "data-table-column-header-row",
 		borderRight: "1px solid",
 		borderColor: "border.subtle",
@@ -1304,34 +1469,34 @@ var Gt = /* @__PURE__ */ new Set([
 	let d;
 	if (t[7] !== c || t[8] !== o) {
 		let e;
-		t[10] === c ? e = t[11] : (e = (e, t) => /* @__PURE__ */ K(H.Row, { children: c.map((e, n) => /* @__PURE__ */ K(H.Cell, {
+		t[10] === c ? e = t[11] : (e = (e, t) => /* @__PURE__ */ X(K.Row, { children: c.map((e, n) => /* @__PURE__ */ X(K.Cell, {
 			padding: "xs",
 			borderRight: "1px solid",
 			borderColor: "border.subtle",
 			_last: { borderRight: "none" },
 			borderBottom: "none",
-			children: /* @__PURE__ */ K(V, {
+			children: /* @__PURE__ */ X(G, {
 				height: "14px",
-				width: nn[(t + n) % nn.length],
+				width: qt[(t + n) % qt.length],
 				borderRadius: "xs"
 			})
-		}, e.id)) }, t), t[10] = c, t[11] = e), d = /* @__PURE__ */ K(H.Body, { children: Array.from({ length: o }, e) }), t[7] = c, t[8] = o, t[9] = d;
+		}, e.id)) }, t), t[10] = c, t[11] = e), d = /* @__PURE__ */ X(K.Body, { children: Array.from({ length: o }, e) }), t[7] = c, t[8] = o, t[9] = d;
 	} else d = t[9];
 	let f;
-	return t[12] !== u || t[13] !== d ? (f = /* @__PURE__ */ q(H.Root, {
+	return t[12] !== u || t[13] !== d ? (f = /* @__PURE__ */ Z(K.Root, {
 		className: "data-table full-width",
 		width: "100%",
 		children: [u, d]
 	}), t[12] = u, t[13] = d, t[14] = f) : f = t[14], f;
 };
-function an(e, t) {
+function Yt(e, t) {
 	return {
 		id: `column-${t + 1}`,
 		label: ""
 	};
 }
-function on(e) {
-	return /* @__PURE__ */ K(H.ColumnHeader, {
+function Xt(e) {
+	return /* @__PURE__ */ X(K.ColumnHeader, {
 		textTransform: "none",
 		borderRight: "1px solid",
 		_last: { borderRight: "none" },
@@ -1339,13 +1504,13 @@ function on(e) {
 		paddingX: "xs",
 		paddingY: "xs",
 		whiteSpace: "nowrap",
-		children: e.label ? /* @__PURE__ */ K(U, {
+		children: e.label ? /* @__PURE__ */ X(q, {
 			as: "div",
 			textStyle: "label/S/medium",
 			lineHeight: "1.2",
 			truncate: !0,
 			children: e.label
-		}) : /* @__PURE__ */ K(V, {
+		}) : /* @__PURE__ */ X(G, {
 			height: "12px",
 			width: "4rem",
 			borderRadius: "xs"
@@ -1353,6 +1518,6 @@ function on(e) {
 	}, e.id);
 }
 //#endregion
-export { tn as DataTable, rn as DataTableSkeleton, St as FriendlyJsonDisplay, d as formatDisplayValue, f as getIcon };
+export { Kt as DataTable, Jt as DataTableSkeleton, f as FriendlyJsonDisplay, x as formatDisplayValue, v as getIcon, T as useDataTableViewStore };
 
 //# sourceMappingURL=data-table.js.map