@jielga/tmdatagrid 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,77 +1,185 @@
 import { c as e } from "react/compiler-runtime";
 import { createContext as t, useCallback as n, useContext as r, useEffect as i, useRef as a, useState as o } from "react";
-import { ActionIcon as s, Button as c, Checkbox as l, Group as u, Loader as d, Menu as f, Popover as p, ScrollArea as m, Select as h, Stack as g, Text as _, TextInput as v, Tooltip as y } from "@mantine/core";
-import { useCreateStore as b, useSelector as x } from "@tanstack/react-store";
-import { IconArrowBarToLeft as S, IconArrowBarToRight as C, IconArrowDown as w, IconArrowLeft as T, IconArrowRight as E, IconArrowUp as D, IconChevronLeft as O, IconChevronRight as k, IconColumns3 as A, IconDotsVertical as j, IconEyeOff as M, IconFilter as N, IconMenu2 as P, IconPinnedOff as F, IconSearch as ee, IconX as I } from "@tabler/icons-react";
-import { jsx as L, jsxs as R } from "react/jsx-runtime";
-import { columnFacetingFeature as z, columnFilteringFeature as B, columnOrderingFeature as V, columnPinningFeature as H, columnResizingFeature as te, columnSizingFeature as ne, columnVisibilityFeature as re, createColumnHelper as ie, createFacetedMinMaxValues as ae, createFacetedRowModel as oe, createFacetedUniqueValues as se, createFilteredRowModel as U, createPaginatedRowModel as ce, createSortedRowModel as le, filterFns as W, flexRender as ue, globalFilteringFeature as de, metaHelper as fe, rowPaginationFeature as pe, rowSelectionFeature as me, rowSortingFeature as G, sortFns as he, tableFeatures as ge, useTable as _e } from "@tanstack/react-table";
-import { useVirtualizer as ve } from "@tanstack/react-virtual";
-import { shallow as ye } from "@tanstack/store";
-var K = { root: "_root_1jc4n_8" }, be = {
+import { ActionIcon as s, Button as c, Checkbox as l, Group as u, Loader as d, Menu as f, Pill as p, Popover as m, ScrollArea as h, Select as g, Stack as _, Text as v, TextInput as y, Tooltip as b, UnstyledButton as x } from "@mantine/core";
+import { useCreateStore as S, useSelector as C } from "@tanstack/react-store";
+import { shallow as w } from "@tanstack/store";
+import { IconArrowBarToLeft as T, IconArrowBarToRight as E, IconArrowDown as D, IconArrowLeft as O, IconArrowRight as k, IconArrowUp as A, IconChevronLeft as j, IconChevronRight as M, IconColumns3 as N, IconDotsVertical as P, IconEyeOff as F, IconFilter as I, IconFoldDown as L, IconFoldUp as R, IconIndentDecrease as z, IconIndentIncrease as B, IconMenu2 as V, IconPinnedOff as H, IconSearch as U, IconX as W } from "@tabler/icons-react";
+import { Fragment as ee, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { aggregationFns as q, columnFacetingFeature as J, columnFilteringFeature as te, columnGroupingFeature as ne, columnOrderingFeature as re, columnPinningFeature as ie, columnResizingFeature as ae, columnSizingFeature as oe, columnVisibilityFeature as se, createColumnHelper as Y, createExpandedRowModel as ce, createFacetedMinMaxValues as le, createFacetedRowModel as X, createFacetedUniqueValues as ue, createFilteredRowModel as de, createGroupedRowModel as fe, createPaginatedRowModel as pe, createSortedRowModel as me, filterFns as he, flexRender as ge, globalFilteringFeature as _e, metaHelper as ve, rowExpandingFeature as ye, rowPaginationFeature as be, rowSelectionFeature as xe, rowSortingFeature as Se, sortFns as Ce, tableFeatures as we, useTable as Te } from "@tanstack/react-table";
+import { useVirtualizer as Ee } from "@tanstack/react-virtual";
+var De = { root: "_root_13dg1_8" }, Oe = {
 	columnsPanel: "_columnsPanel_1492o_1",
 	columnsPanelSearch: "_columnsPanelSearch_1492o_7",
 	columnsPanelList: "_columnsPanelList_1492o_11",
 	columnsPanelFooter: "_columnsPanelFooter_1492o_18"
-}, xe = t(null), Se = xe.Provider;
-function q() {
-	let e = r(xe);
+}, ke = t(null), Ae = ke.Provider;
+function je() {
+	let e = r(ke);
 	if (!e) throw Error("TMDataGrid compound components must be rendered inside <TMDataGrid>");
 	return e;
 }
 //#endregion
 //#region src/tmdatagrid/core/columnUtils.ts
-function Ce(e) {
+function Me(e) {
 	let t = e.columnDef.meta?.label;
 	if (t) return t;
 	let n = e.columnDef.header;
 	return typeof n == "string" ? n : e.id;
 }
-function we(e) {
+function Ne(e) {
 	return e.columnDef.meta?.type ?? "string";
 }
-function Te(e) {
+function Pe(e) {
 	return e.columnDef.meta?.align ?? "left";
 }
-function Ee(e) {
+function Fe(e) {
 	return e.columnDef.meta?.enableOrdering !== !1 && e.parent === void 0;
 }
+var Ie = {
+	groupToggle: "_groupToggle_h06xv_4",
+	chevron: "_chevron_h06xv_14",
+	groupLabel: "_groupLabel_h06xv_34",
+	groupCount: "_groupCount_h06xv_44"
+};
+//#endregion
+//#region src/tmdatagrid/core/grouping.ts
+function Le(e) {
+	return e.subRows.length === 0 ? [e] : e.getLeafRows().filter((e) => e.subRows.length === 0);
+}
+//#endregion
+//#region src/tmdatagrid/components/TMDataGridGroupColumn.tsx
+var Re = "__group__", Z = 16, Q = "(Blank)";
+function ze(e) {
+	return e == null || e === "" ? Q : e instanceof Date ? e.toLocaleDateString() : String(e);
+}
+function Be(t) {
+	let n = e(25), { row: r } = t, i;
+	n[0] === r ? i = n[1] : (i = () => r.getIsExpanded(), n[0] = r, n[1] = i);
+	let a = C(r.table.store, i);
+	if (!r.getIsGrouped()) return null;
+	let o;
+	n[2] === r.groupingValue ? o = n[3] : (o = ze(r.groupingValue), n[2] = r.groupingValue, n[3] = o);
+	let s = o, c = r.depth * Z, l;
+	n[4] === c ? l = n[5] : (l = { paddingInlineStart: c }, n[4] = c, n[5] = l);
+	let u = `${a ? "Collapse" : "Expand"} ${s}`, d;
+	n[6] === r ? d = n[7] : (d = (e) => {
+		e.stopPropagation(), r.toggleExpanded();
+	}, n[6] = r, n[7] = d);
+	let f;
+	n[8] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ G(M, {
+		size: 16,
+		stroke: 1.6
+	}), n[8] = f) : f = n[8];
+	let p;
+	n[9] === a ? p = n[10] : (p = /* @__PURE__ */ G("span", {
+		className: Ie.chevron,
+		"data-expanded": a,
+		children: f
+	}), n[9] = a, n[10] = p);
+	let m;
+	n[11] === s ? m = n[12] : (m = /* @__PURE__ */ G("span", {
+		className: Ie.groupLabel,
+		children: s
+	}), n[11] = s, n[12] = m);
+	let h;
+	n[13] === r ? h = n[14] : (h = Le(r), n[13] = r, n[14] = h);
+	let g;
+	n[15] === h.length ? g = n[16] : (g = /* @__PURE__ */ K("span", {
+		className: Ie.groupCount,
+		children: [
+			"(",
+			h.length,
+			")"
+		]
+	}), n[15] = h.length, n[16] = g);
+	let _;
+	return n[17] !== a || n[18] !== g || n[19] !== l || n[20] !== u || n[21] !== d || n[22] !== p || n[23] !== m ? (_ = /* @__PURE__ */ K(x, {
+		className: Ie.groupToggle,
+		style: l,
+		"aria-expanded": a,
+		"aria-label": u,
+		onClick: d,
+		children: [
+			p,
+			m,
+			g
+		]
+	}), n[17] = a, n[18] = g, n[19] = l, n[20] = u, n[21] = d, n[22] = p, n[23] = m, n[24] = _) : _ = n[24], _;
+}
+function Ve(t) {
+	let n = e(6), { table: r } = t, i;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (i = { compare: w }, n[0] = i) : i = n[0];
+	let a = C(r.store, He, i);
+	if (a.length === 0) return "Group";
+	let o;
+	if (n[1] !== a || n[2] !== r) {
+		let e;
+		n[4] === r ? e = n[5] : (e = (e) => {
+			let t = r.getColumn(e);
+			return t ? Me(t) : e;
+		}, n[4] = r, n[5] = e), o = a.map(e).join(" / "), n[1] = a, n[2] = r, n[3] = o;
+	} else o = n[3];
+	return o;
+}
+function He(e) {
+	return e.grouping;
+}
+function Ue() {
+	return {
+		id: Re,
+		meta: {
+			label: "Group",
+			enableOrdering: !1
+		},
+		size: 260,
+		minSize: 180,
+		enableSorting: !1,
+		enableColumnFilter: !1,
+		enableGlobalFilter: !1,
+		enableHiding: !1,
+		enablePinning: !1,
+		cell: ({ row: e }) => /* @__PURE__ */ G(Be, { row: e }),
+		aggregatedCell: ({ row: e }) => /* @__PURE__ */ G(Be, { row: e }),
+		header: ({ table: e }) => /* @__PURE__ */ G(Ve, { table: e })
+	};
+}
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridColumnsPanel.tsx
-function De() {
-	let t = e(54), { table: n, controlSize: r } = q(), [i, a] = o(""), s = x(n.store, ke), u, d, f, p, h, g, y, b, S, C;
+function We() {
+	let t = e(54), { table: n, controlSize: r } = je(), [i, a] = o(""), s = C(n.store, qe), u, d, f, p, m, g, _, b, x, S;
 	if (t[0] !== s || t[1] !== r || t[2] !== i || t[3] !== n) {
-		let e = n.getAllLeafColumns(), o = i.trim().toLowerCase();
-		C = o ? e.filter((e) => Ce(e).toLowerCase().includes(o)) : e, d = e.filter(Oe);
+		let e = n.getAllLeafColumns().filter(Ke), o = i.trim().toLowerCase();
+		S = o ? e.filter((e) => Me(e).toLowerCase().includes(o)) : e, d = e.filter(Ge);
 		let c;
-		t[14] === s ? c = t[15] : (c = (e) => s[e.id] !== !1, t[14] = s, t[15] = c), f = d.filter(c).length, b = be.columnsPanel;
-		let _;
-		t[16] === Symbol.for("react.memo_cache_sentinel") ? (_ = (e) => a(e.currentTarget.value), t[16] = _) : _ = t[16];
-		let x;
-		t[17] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ L(ee, {
+		t[14] === s ? c = t[15] : (c = (e) => s[e.id] !== !1, t[14] = s, t[15] = c), f = d.filter(c).length, b = Oe.columnsPanel;
+		let v;
+		t[16] === Symbol.for("react.memo_cache_sentinel") ? (v = (e) => a(e.currentTarget.value), t[16] = v) : v = t[16];
+		let C;
+		t[17] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ G(U, {
 			size: 16,
 			stroke: 1.6
-		}), t[17] = x) : x = t[17], t[18] !== r || t[19] !== i ? (S = /* @__PURE__ */ L("div", {
-			className: be.columnsPanelSearch,
-			children: /* @__PURE__ */ L(v, {
+		}), t[17] = C) : C = t[17], t[18] !== r || t[19] !== i ? (x = /* @__PURE__ */ G("div", {
+			className: Oe.columnsPanelSearch,
+			children: /* @__PURE__ */ G(y, {
 				value: i,
-				onChange: _,
+				onChange: v,
 				placeholder: "Search",
-				leftSection: x,
+				leftSection: C,
 				size: r,
 				"data-autofocus": !0
 			})
-		}), t[18] = r, t[19] = i, t[20] = S) : S = t[20], u = m.Autosize, g = 260, y = "auto", p = be.columnsPanelList;
+		}), t[18] = r, t[19] = i, t[20] = x) : x = t[20], u = h.Autosize, g = 260, _ = "auto", p = Oe.columnsPanelList;
 		let w;
-		t[21] !== s || t[22] !== r ? (w = (e) => /* @__PURE__ */ L(l, {
+		t[21] !== s || t[22] !== r ? (w = (e) => /* @__PURE__ */ G(l, {
 			size: r,
-			label: Ce(e),
+			label: Me(e),
 			disabled: !e.getCanHide(),
 			checked: s[e.id] !== !1,
 			onChange: (t) => e.toggleVisibility(t.currentTarget.checked)
-		}, e.id), t[21] = s, t[22] = r, t[23] = w) : w = t[23], h = C.map(w), t[0] = s, t[1] = r, t[2] = i, t[3] = n, t[4] = u, t[5] = d, t[6] = f, t[7] = p, t[8] = h, t[9] = g, t[10] = y, t[11] = b, t[12] = S, t[13] = C;
-	} else u = t[4], d = t[5], f = t[6], p = t[7], h = t[8], g = t[9], y = t[10], b = t[11], S = t[12], C = t[13];
+		}, e.id), t[21] = s, t[22] = r, t[23] = w) : w = t[23], m = S.map(w), t[0] = s, t[1] = r, t[2] = i, t[3] = n, t[4] = u, t[5] = d, t[6] = f, t[7] = p, t[8] = m, t[9] = g, t[10] = _, t[11] = b, t[12] = x, t[13] = S;
+	} else u = t[4], d = t[5], f = t[6], p = t[7], m = t[8], g = t[9], _ = t[10], b = t[11], x = t[12], S = t[13];
 	let w;
-	t[24] !== r || t[25] !== i || t[26] !== C.length ? (w = C.length === 0 && /* @__PURE__ */ R(_, {
+	t[24] !== r || t[25] !== i || t[26] !== S.length ? (w = S.length === 0 && /* @__PURE__ */ K(v, {
 		size: r,
 		c: "dimmed",
 		children: [
@@ -79,22 +187,22 @@ function De() {
 			i,
 			"”"
 		]
-	}), t[24] = r, t[25] = i, t[26] = C.length, t[27] = w) : w = t[27];
+	}), t[24] = r, t[25] = i, t[26] = S.length, t[27] = w) : w = t[27];
 	let T;
-	t[28] !== p || t[29] !== h || t[30] !== w ? (T = /* @__PURE__ */ R("div", {
+	t[28] !== p || t[29] !== m || t[30] !== w ? (T = /* @__PURE__ */ K("div", {
 		className: p,
-		children: [h, w]
-	}), t[28] = p, t[29] = h, t[30] = w, t[31] = T) : T = t[31];
+		children: [m, w]
+	}), t[28] = p, t[29] = m, t[30] = w, t[31] = T) : T = t[31];
 	let E;
-	t[32] !== u || t[33] !== g || t[34] !== y || t[35] !== T ? (E = /* @__PURE__ */ L(u, {
+	t[32] !== u || t[33] !== g || t[34] !== _ || t[35] !== T ? (E = /* @__PURE__ */ G(u, {
 		mah: g,
-		type: y,
+		type: _,
 		children: T
-	}), t[32] = u, t[33] = g, t[34] = y, t[35] = T, t[36] = E) : E = t[36];
+	}), t[32] = u, t[33] = g, t[34] = _, t[35] = T, t[36] = E) : E = t[36];
 	let D = f === d.length, O = f > 0 && f < d.length, k;
 	t[37] === n ? k = t[38] : (k = (e) => n.toggleAllColumnsVisible(e.currentTarget.checked), t[37] = n, t[38] = k);
 	let A;
-	t[39] !== r || t[40] !== O || t[41] !== k || t[42] !== D ? (A = /* @__PURE__ */ L(l, {
+	t[39] !== r || t[40] !== O || t[41] !== k || t[42] !== D ? (A = /* @__PURE__ */ G(l, {
 		size: r,
 		label: "Show/Hide All",
 		checked: D,
@@ -102,37 +210,42 @@ function De() {
 		onChange: k
 	}), t[39] = r, t[40] = O, t[41] = k, t[42] = D, t[43] = A) : A = t[43];
 	let j;
-	t[44] === n ? j = t[45] : (j = /* @__PURE__ */ L(c, {
+	t[44] === n ? j = t[45] : (j = /* @__PURE__ */ G(c, {
 		variant: "subtle",
 		size: "compact-sm",
 		onClick: () => n.resetColumnVisibility(),
 		children: "RESET"
 	}), t[44] = n, t[45] = j);
 	let M;
-	t[46] !== A || t[47] !== j ? (M = /* @__PURE__ */ R("div", {
-		className: be.columnsPanelFooter,
+	t[46] !== A || t[47] !== j ? (M = /* @__PURE__ */ K("div", {
+		className: Oe.columnsPanelFooter,
 		children: [A, j]
 	}), t[46] = A, t[47] = j, t[48] = M) : M = t[48];
 	let N;
-	return t[49] !== M || t[50] !== b || t[51] !== S || t[52] !== E ? (N = /* @__PURE__ */ R("div", {
+	return t[49] !== M || t[50] !== b || t[51] !== x || t[52] !== E ? (N = /* @__PURE__ */ K("div", {
 		className: b,
 		children: [
-			S,
+			x,
 			E,
 			M
 		]
-	}), t[49] = M, t[50] = b, t[51] = S, t[52] = E, t[53] = N) : N = t[53], N;
+	}), t[49] = M, t[50] = b, t[51] = x, t[52] = E, t[53] = N) : N = t[53], N;
 }
-function Oe(e) {
+function Ge(e) {
 	return e.getCanHide();
 }
-function ke(e) {
+function Ke(e) {
+	return e.id !== Re;
+}
+function qe(e) {
 	return e.columnVisibility;
 }
-var Ae = {
-	filterPanel: "_filterPanel_1jw69_4",
-	filterRow: "_filterRow_1jw69_16"
-}, je = {
+var Je = {
+	filterPanel: "_filterPanel_izakx_4",
+	filterRow: "_filterRow_izakx_16",
+	filterPanelHeader: "_filterPanelHeader_izakx_22",
+	filterPanelFooter: "_filterPanelFooter_izakx_30"
+}, Ye = {
 	contains: "contains",
 	equals: "equals",
 	notEquals: "does not equal",
@@ -144,7 +257,7 @@ var Ae = {
 	lessThanOrEqual: "is less than or equal to",
 	isEmpty: "is empty",
 	isNotEmpty: "is not empty"
-}, Me = [
+}, Xe = [
 	"contains",
 	"equals",
 	"notEquals",
@@ -152,7 +265,7 @@ var Ae = {
 	"endsWith",
 	"isEmpty",
 	"isNotEmpty"
-], J = [
+], Ze = [
 	"equals",
 	"notEquals",
 	"greaterThan",
@@ -161,23 +274,29 @@ var Ae = {
 	"lessThanOrEqual",
 	"isEmpty",
 	"isNotEmpty"
-], Y = ["isEmpty", "isNotEmpty"];
-function Ne(e) {
-	return e === "number" ? J : Me;
+], Qe = ["isEmpty", "isNotEmpty"];
+function $e(e) {
+	return e === "number" ? Ze : Xe;
 }
-function Pe(e) {
+function et(e) {
 	return e === "number" ? "equals" : "contains";
 }
-function Fe(e) {
-	return !Y.includes(e);
+function tt(e) {
+	return !Qe.includes(e);
 }
-function Ie(e) {
+function nt(e) {
 	return typeof e == "object" && !!e && "operator" in e && typeof e.operator == "string";
 }
-function Le(e) {
-	return Ie(e) ? !Fe(e.operator) || e.value.trim() !== "" : !1;
+function rt(e) {
+	return nt(e) ? !tt(e.operator) || e.value.trim() !== "" : !1;
 }
-function Re(e, { operator: t, value: n }) {
+function it({ label: e, type: t, filter: n }) {
+	let { operator: r, value: i } = n;
+	if (!tt(r)) return `${e} ${Ye[r]}`;
+	let a = i.trim();
+	return r === et(t) ? `${e}: ${a}` : `${e} ${Ye[r]} ${a}`;
+}
+function at(e, { operator: t, value: n }) {
 	if (t === "isEmpty") return e == null || e === "";
 	if (t === "isNotEmpty") return e != null && e !== "";
 	let r = n.trim();
@@ -200,155 +319,326 @@ function Re(e, { operator: t, value: n }) {
 		default: return !0;
 	}
 }
-function ze(e, t, n) {
-	return !Ie(n) || Re(e.getValue(t), n);
+function ot(e, t, n) {
+	return !nt(n) || at(e.getValue(t), n);
 }
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridFilterPanel.tsx
-var Be = {
+var st = {
 	operator: "contains",
 	value: ""
 };
-function Ve(e) {
-	return Ie(e) ? e : Be;
-}
-function He() {
-	let t = e(39), { table: n, ui: r, controlSize: i } = q(), a = x(r, qe), o = x(n.store, Ke);
-	if (!a) return null;
-	let l, u;
-	t[0] === n ? (l = t[1], u = t[2]) : (l = n.getAllLeafColumns().filter(Ge), u = l.map(We), t[0] = n, t[1] = l, t[2] = u);
-	let d = u, f;
-	t[3] !== o || t[4] !== n || t[5] !== r ? (f = function(e) {
-		let t = o.filter((t) => t.id !== e);
-		n.setColumnFilters(t), t.length === 0 && r.actions.closeFilterPanel();
-	}, t[3] = o, t[4] = n, t[5] = r, t[6] = f) : f = t[6];
-	let p = f, m;
-	t[7] !== o || t[8] !== n || t[9] !== r ? (m = function(e, t) {
-		let i = Ve(o.find((t) => t.id === e)?.value), a = n.getColumn(t);
-		n.setColumnFilters(o.filter((e) => e.id !== t).map((n) => n.id === e ? {
-			id: t,
-			value: {
-				operator: Pe(a ? we(a) : "string"),
-				value: i.value
-			}
-		} : n)), r.actions.openFilterPanel(t);
-	}, t[7] = o, t[8] = n, t[9] = r, t[10] = m) : m = t[10];
-	let _ = m, y;
-	t[11] !== o || t[12] !== n ? (y = function(e, t) {
-		n.setColumnFilters(o.map((n) => n.id === e ? {
-			...n,
-			value: {
-				...Ve(n.value),
-				...t
-			}
-		} : n));
-	}, t[11] = o, t[12] = n, t[13] = y) : y = t[13];
-	let b = y, S;
-	t[14] !== o || t[15] !== l || t[16] !== n ? (S = function() {
-		let e = l.find((e) => !o.some((t) => t.id === e.id));
-		e && n.setColumnFilters([...o, {
-			id: e.id,
-			value: {
-				operator: Pe(we(e)),
-				value: ""
-			}
-		}]);
-	}, t[14] = o, t[15] = l, t[16] = n, t[17] = S) : S = t[17];
-	let C = S, w;
-	if (t[18] !== _ || t[19] !== o || t[20] !== d || t[21] !== i || t[22] !== b || t[23] !== p || t[24] !== n) {
+function ct(e) {
+	return nt(e) ? e : st;
+}
+function lt() {
+	let t = e(63), { table: n, ui: r, controlSize: o } = je(), l = C(r, mt), u = C(n.store, pt), d = a(null), f, p;
+	if (t[0] !== l || t[1] !== r ? (f = () => {
+		if (!l) return;
+		let e = (e) => {
+			let t = e.target;
+			t instanceof Element && (d.current?.contains(t) || t.closest("[data-dg-filter-toggle]") || r.actions.closeFilterPanel());
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, p = [l, r], t[0] = l, t[1] = r, t[2] = f, t[3] = p) : (f = t[2], p = t[3]), i(f, p), !l) return null;
+	let m, h, b, x, S, w, T;
+	if (t[4] !== u || t[5] !== n || t[6] !== r.actions) {
+		let e = n.getAllLeafColumns().filter(ft);
+		x = e.map(dt), w = function(e) {
+			let t = u.filter((t) => t.id !== e);
+			n.setColumnFilters(t), t.length === 0 && r.actions.closeFilterPanel();
+		}, h = function(e, t) {
+			let i = ct(u.find((t) => t.id === e)?.value), a = n.getColumn(t);
+			n.setColumnFilters(u.filter((e) => e.id !== t).map((n) => n.id === e ? {
+				id: t,
+				value: {
+					operator: et(a ? Ne(a) : "string"),
+					value: i.value
+				}
+			} : n)), r.actions.openFilterPanel(t);
+		};
+		let i;
+		t[14] !== u || t[15] !== n ? (i = function(e, t) {
+			n.setColumnFilters(u.map((n) => n.id === e ? {
+				...n,
+				value: {
+					...ct(n.value),
+					...t
+				}
+			} : n));
+		}, t[14] = u, t[15] = n, t[16] = i) : i = t[16], S = i;
+		let a;
+		t[17] !== n || t[18] !== r.actions ? (a = function() {
+			n.setColumnFilters([]), r.actions.closeFilterPanel();
+		}, t[17] = n, t[18] = r.actions, t[19] = a) : a = t[19], b = a, m = function() {
+			let t = e.find((e) => !u.some((t) => t.id === e.id));
+			t && n.setColumnFilters([...u, {
+				id: t.id,
+				value: {
+					operator: et(Ne(t)),
+					value: ""
+				}
+			}]);
+		};
+		let o;
+		t[20] === u ? o = t[21] : (o = (e) => !u.some((t) => t.id === e.id), t[20] = u, t[21] = o), T = e.some(o), t[4] = u, t[5] = n, t[6] = r.actions, t[7] = m, t[8] = h, t[9] = b, t[10] = x, t[11] = S, t[12] = w, t[13] = T;
+	} else m = t[7], h = t[8], b = t[9], x = t[10], S = t[11], w = t[12], T = t[13];
+	let E = T, D;
+	t[22] === r.actions ? D = t[23] : (D = (e) => {
+		e.key === "Escape" && (e.stopPropagation(), r.actions.closeFilterPanel());
+	}, t[22] = r.actions, t[23] = D);
+	let O;
+	t[24] === o ? O = t[25] : (O = /* @__PURE__ */ G(v, {
+		size: o,
+		fw: 600,
+		children: "Filters"
+	}), t[24] = o, t[25] = O);
+	let k;
+	t[26] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ G(W, {
+		size: 16,
+		stroke: 1.6
+	}), t[26] = k) : k = t[26];
+	let A;
+	t[27] === r.actions.closeFilterPanel ? A = t[28] : (A = /* @__PURE__ */ G(s, {
+		variant: "subtle",
+		color: "gray",
+		size: "sm",
+		"aria-label": "Close filters",
+		onClick: r.actions.closeFilterPanel,
+		children: k
+	}), t[27] = r.actions.closeFilterPanel, t[28] = A);
+	let j;
+	t[29] !== O || t[30] !== A ? (j = /* @__PURE__ */ K("div", {
+		className: Je.filterPanelHeader,
+		children: [O, A]
+	}), t[29] = O, t[30] = A, t[31] = j) : j = t[31];
+	let M;
+	if (t[32] !== h || t[33] !== u || t[34] !== x || t[35] !== o || t[36] !== S || t[37] !== w || t[38] !== n) {
 		let e;
-		t[26] !== _ || t[27] !== d || t[28] !== i || t[29] !== b || t[30] !== p || t[31] !== n ? (e = (e) => {
-			let t = n.getColumn(e.id), r = Ve(e.value), a = t ? we(t) : "string", o = Fe(r.operator);
-			return /* @__PURE__ */ R("div", {
-				className: Ae.filterRow,
+		t[40] !== h || t[41] !== x || t[42] !== o || t[43] !== S || t[44] !== w || t[45] !== n ? (e = (e) => {
+			let t = n.getColumn(e.id), r = ct(e.value), i = t ? Ne(t) : "string", a = tt(r.operator);
+			return /* @__PURE__ */ K("div", {
+				className: Je.filterRow,
 				children: [
-					/* @__PURE__ */ L(s, {
+					/* @__PURE__ */ G(s, {
 						variant: "subtle",
 						color: "gray",
 						size: "lg",
 						"aria-label": "Remove filter",
-						onClick: () => p(e.id),
-						children: /* @__PURE__ */ L(I, {
+						onClick: () => w(e.id),
+						children: /* @__PURE__ */ G(W, {
 							size: 18,
 							stroke: 1.6
 						})
 					}),
-					/* @__PURE__ */ L(h, {
+					/* @__PURE__ */ G(g, {
 						label: "Column",
-						size: i,
+						size: o,
 						w: 160,
 						allowDeselect: !1,
-						data: d,
+						comboboxProps: { withinPortal: !1 },
+						data: x,
 						value: e.id,
-						onChange: (t) => t && _(e.id, t)
+						onChange: (t) => t && h(e.id, t)
 					}),
-					/* @__PURE__ */ L(h, {
+					/* @__PURE__ */ G(g, {
 						label: "Operator",
-						size: i,
+						size: o,
 						w: 170,
 						allowDeselect: !1,
-						data: Ne(a).map(Ue),
+						comboboxProps: { withinPortal: !1 },
+						data: $e(i).map(ut),
 						value: r.operator,
-						onChange: (t) => t && b(e.id, { operator: t })
+						onChange: (t) => t && S(e.id, { operator: t })
 					}),
-					/* @__PURE__ */ L(v, {
+					/* @__PURE__ */ G(y, {
 						label: "Value",
-						size: i,
+						size: o,
 						w: 180,
-						type: a === "number" && o ? "number" : "text",
-						disabled: !o,
-						placeholder: o ? "Filter value" : "",
-						value: o ? r.value : "",
-						onChange: (t) => b(e.id, { value: t.currentTarget.value })
+						type: i === "number" && a ? "number" : "text",
+						disabled: !a,
+						placeholder: a ? "Filter value" : "",
+						value: a ? r.value : "",
+						onChange: (t) => S(e.id, { value: t.currentTarget.value })
 					})
 				]
 			}, e.id);
-		}, t[26] = _, t[27] = d, t[28] = i, t[29] = b, t[30] = p, t[31] = n, t[32] = e) : e = t[32], w = o.map(e), t[18] = _, t[19] = o, t[20] = d, t[21] = i, t[22] = b, t[23] = p, t[24] = n, t[25] = w;
-	} else w = t[25];
-	let T;
-	t[33] === Symbol.for("react.memo_cache_sentinel") ? (T = { alignSelf: "flex-start" }, t[33] = T) : T = t[33];
-	let E;
-	t[34] === C ? E = t[35] : (E = /* @__PURE__ */ L(c, {
+		}, t[40] = h, t[41] = x, t[42] = o, t[43] = S, t[44] = w, t[45] = n, t[46] = e) : e = t[46], M = u.map(e), t[32] = h, t[33] = u, t[34] = x, t[35] = o, t[36] = S, t[37] = w, t[38] = n, t[39] = M;
+	} else M = t[39];
+	let N = !E, P;
+	t[47] !== m || t[48] !== N ? (P = /* @__PURE__ */ G(c, {
 		variant: "subtle",
 		size: "compact-sm",
-		style: T,
-		onClick: C,
+		disabled: N,
+		onClick: m,
 		children: "Add filter"
-	}), t[34] = C, t[35] = E);
-	let D;
-	return t[36] !== w || t[37] !== E ? (D = /* @__PURE__ */ L("div", {
-		className: Ae.filterPanel,
-		children: /* @__PURE__ */ R(g, {
-			gap: "xs",
-			children: [w, E]
-		})
-	}), t[36] = w, t[37] = E, t[38] = D) : D = t[38], D;
+	}), t[47] = m, t[48] = N, t[49] = P) : P = t[49];
+	let F = u.length === 0, I;
+	t[50] !== b || t[51] !== F ? (I = /* @__PURE__ */ G(c, {
+		variant: "subtle",
+		color: "gray",
+		size: "compact-sm",
+		disabled: F,
+		onClick: b,
+		children: "Clear all"
+	}), t[50] = b, t[51] = F, t[52] = I) : I = t[52];
+	let L;
+	t[53] !== P || t[54] !== I ? (L = /* @__PURE__ */ K("div", {
+		className: Je.filterPanelFooter,
+		children: [P, I]
+	}), t[53] = P, t[54] = I, t[55] = L) : L = t[55];
+	let R;
+	t[56] !== L || t[57] !== M ? (R = /* @__PURE__ */ K(_, {
+		gap: "xs",
+		children: [M, L]
+	}), t[56] = L, t[57] = M, t[58] = R) : R = t[58];
+	let z;
+	return t[59] !== R || t[60] !== D || t[61] !== j ? (z = /* @__PURE__ */ K("div", {
+		ref: d,
+		role: "group",
+		"aria-label": "Filters",
+		className: Je.filterPanel,
+		onKeyDown: D,
+		children: [j, R]
+	}), t[59] = R, t[60] = D, t[61] = j, t[62] = z) : z = t[62], z;
 }
-function Ue(e) {
+function ut(e) {
 	return {
 		value: e,
-		label: je[e]
+		label: Ye[e]
 	};
 }
-function We(e) {
+function dt(e) {
 	return {
 		value: e.id,
-		label: Ce(e)
+		label: Me(e)
 	};
 }
-function Ge(e) {
+function ft(e) {
 	return e.getCanFilter();
 }
-function Ke(e) {
+function pt(e) {
 	return e.columnFilters;
 }
-function qe(e) {
+function mt(e) {
 	return e.filterPanelOpen;
 }
-var Je = { footer: "_footer_6r35a_1" };
+var ht = {
+	filterPills: "_filterPills_1yybb_3",
+	pill: "_pill_1yybb_15",
+	pillLabel: "_pillLabel_1yybb_27"
+}, gt = [
+	"columnFilters",
+	"globalFilter",
+	"sorting",
+	"pagination",
+	"expanded"
+], _t = [
+	"columnVisibility",
+	"columnSizing",
+	"columnOrder",
+	"columnPinning",
+	"grouping"
+];
+function vt(e, t) {
+	if (!e) return null;
+	if (typeof e == "string") return {
+		key: e,
+		slices: t
+	};
+	let [n, r] = e;
+	return n ? {
+		key: n,
+		slices: r
+	} : null;
+}
+function yt(e) {
+	if (!e) return null;
+	try {
+		return typeof window > "u" ? null : e.storageMode === "sessionStorage" ? window.sessionStorage : window.localStorage;
+	} catch {
+		return null;
+	}
+}
+function bt(e, t) {
+	return typeof e == "object" && e ? e[t] : void 0;
+}
+var xt = (e) => typeof e == "string", St = (e) => typeof e == "number" && Number.isFinite(e);
+function Ct(e, t) {
+	return Array.isArray(e) && e.every(t);
+}
+function wt(e, t) {
+	return typeof e != "object" || !e || Array.isArray(e) ? !1 : Object.values(e).every(t);
+}
+var Tt = (e) => xt(bt(e, "id")), Et = {
+	columnFilters: (e) => Ct(e, Tt),
+	globalFilter: () => !0,
+	sorting: (e) => Ct(e, (e) => Tt(e) && typeof bt(e, "desc") == "boolean"),
+	pagination: (e) => {
+		let t = bt(e, "pageIndex"), n = bt(e, "pageSize");
+		return St(t) && t >= 0 && St(n) && n > 0;
+	},
+	expanded: (e) => e === !0 || wt(e, (e) => typeof e == "boolean"),
+	columnVisibility: (e) => wt(e, (e) => typeof e == "boolean"),
+	columnSizing: (e) => wt(e, St),
+	columnOrder: (e) => Ct(e, xt),
+	columnPinning: (e) => Ct(bt(e, "left"), xt) && Ct(bt(e, "right"), xt),
+	grouping: (e) => Ct(e, xt)
+};
+function Dt(e, t) {
+	let n = Et[e];
+	return n === void 0 || n(t);
+}
+function Ot(e, t, n) {
+	if (!e || !t) return {};
+	try {
+		let r = e.getItem(t.key);
+		if (!r) return {};
+		let i = n(r);
+		if (typeof i != "object" || !i) return {};
+		let a = i, o = {};
+		for (let e of t.slices) e in a && Dt(e, a[e]) && (o[e] = a[e]);
+		return o;
+	} catch {
+		return {};
+	}
+}
+function kt(e, t, n, r) {
+	if (!e || !t) return;
+	let i = {};
+	for (let e of t.slices) i[e] = n[e];
+	try {
+		e.setItem(t.key, r(i));
+	} catch {}
+}
+function At(e) {
+	return {
+		data: vt(e?.dataKey, gt),
+		settings: vt(e?.settingsKey, _t)
+	};
+}
+function jt(e) {
+	let { data: t, settings: n } = At(e);
+	return t !== null || n !== null;
+}
+var Mt = (e) => JSON.parse(e), Nt = (e) => JSON.stringify(e);
+function Pt(e) {
+	let t = yt(e), { data: n, settings: r } = At(e), i = e?.deserialize ?? Mt;
+	return {
+		...Ot(t, r, i),
+		...Ot(t, n, i)
+	};
+}
+function Ft(e, t) {
+	let n = yt(t);
+	if (!n) return;
+	let { data: r, settings: i } = At(t), a = t?.serialize ?? Nt;
+	kt(n, r, e, a), kt(n, i, e, a);
+}
 //#endregion
 //#region src/tmdatagrid/core/capabilities.ts
-function Ye(e) {
+function It(e) {
+	let t = e.selectionMode ?? "checkbox", n = t !== "highlight" && e.enableRowSelection !== !1;
 	return {
 		sorting: e.enableSorting !== !1,
 		filtering: e.enableColumnFilters !== !1,
@@ -356,246 +646,109 @@ function Ye(e) {
 		pinning: e.enableColumnPinning !== !1,
 		resizing: e.enableColumnResizing !== !1,
 		ordering: e.enableColumnOrdering !== !1,
-		rowSelection: e.enableRowSelection !== !1,
-		rowSelectionMode: e.rowSelectionMode ?? "checkbox",
-		highlightSelectedRows: e.highlightSelectedRows ?? e.rowSelectionMode === "row",
-		pagination: e.enablePagination === !0 || e.manualPagination === !0
+		rowSelection: n,
+		selectionMode: t,
+		selectColumn: n && (t === "checkbox" || t === "checkboxAndHighlight"),
+		rowClickSelects: n && t === "row",
+		multiRowSelection: e.enableMultiRowSelection !== !1,
+		showSelectedBackground: e.showSelectedBackground ?? t === "row",
+		highlightRow: t === "checkboxAndHighlight" || t === "highlight",
+		pagination: e.enablePagination === !0 || e.manualPagination === !0,
+		grouping: e.enableGrouping ?? e.manualPagination !== !0
 	};
 }
-function Xe(e, t) {
+function Lt(e, t) {
 	return {
 		canSort: t.sorting && e.getCanSort(),
 		canFilter: t.filtering && e.getCanFilter(),
 		canHide: t.hiding && e.getCanHide(),
 		canPin: t.pinning && e.getCanPin(),
 		canResize: t.resizing && e.getCanResize(),
-		canReorder: t.ordering && Ee(e)
+		canReorder: t.ordering && Fe(e),
+		canGroup: t.grouping && e.getCanGroup()
 	};
 }
-function Ze(e, t) {
-	let n = e.getAllLeafColumns(), r = (e) => n.some((n) => e(Xe(n, t)));
+function Rt(e, t) {
+	let n = e.getAllLeafColumns(), r = (e) => n.some((n) => e(Lt(n, t)));
 	return {
 		canSortAny: r((e) => e.canSort),
 		canFilterAny: r((e) => e.canFilter),
 		canHideAny: r((e) => e.canHide),
 		canPinAny: r((e) => e.canPin),
 		canReorderAny: r((e) => e.canReorder),
+		canGroupAny: r((e) => e.canGroup),
 		canSelectRows: t.rowSelection,
 		canPaginate: t.pagination
 	};
 }
 //#endregion
-//#region src/tmdatagrid/components/TMDataGridFooter.tsx
-function Qe(e) {
-	let { pageIndex: t, pageSize: n } = e.store.state.pagination;
-	return {
-		pageIndex: t,
-		pageSize: n,
-		pageCount: e.getPageCount(),
-		rowCount: e.getRowCount(),
-		canPreviousPage: e.getCanPreviousPage(),
-		canNextPage: e.getCanNextPage(),
-		setPageIndex: (t) => e.setPageIndex(t),
-		setPageSize: (t) => e.setPageSize(t),
-		previousPage: () => e.previousPage(),
-		nextPage: () => e.nextPage(),
-		firstPage: () => e.firstPage(),
-		lastPage: () => e.lastPage()
-	};
-}
-function $e(t) {
-	let n = e(50), { pageSizeOptions: r, pagination: i } = t, a = r === void 0 ? [
-		10,
-		25,
-		50,
-		100
-	] : r, { table: o, features: c, controlSize: l } = q();
-	if (x(o.store), !Ze(o, c).canPaginate) return null;
-	if (i) {
-		let e;
-		n[0] !== i || n[1] !== o ? (e = i(Qe(o)), n[0] = i, n[1] = o, n[2] = e) : e = n[2];
-		let t;
-		return n[3] === e ? t = n[4] : (t = /* @__PURE__ */ L("div", {
-			className: Je.footer,
-			children: e
-		}), n[3] = e, n[4] = t), t;
-	}
-	let { pageIndex: d, pageSize: f } = o.store.state.pagination, p;
-	n[5] === o ? p = n[6] : (p = o.getRowCount(), n[5] = o, n[6] = p);
-	let m = p, g = m === 0 ? 0 : d * f + 1, v = Math.min(m, (d + 1) * f), y = a.includes(f) ? a : [...a, f].sort(et), b;
-	n[7] === l ? b = n[8] : (b = /* @__PURE__ */ L(_, {
-		size: l,
-		c: "dimmed",
-		children: "Rows per page:"
-	}), n[7] = l, n[8] = b);
-	let S;
-	n[9] === y ? S = n[10] : (S = y.map(String), n[9] = y, n[10] = S);
-	let C = String(f), w;
-	n[11] !== a || n[12] !== o ? (w = (e) => {
-		o.setPageSize(Number(e) || a[0]), o.setPageIndex(0);
-	}, n[11] = a, n[12] = o, n[13] = w) : w = n[13];
-	let T;
-	n[14] !== l || n[15] !== S || n[16] !== C || n[17] !== w ? (T = /* @__PURE__ */ L(h, {
-		size: l,
-		w: 78,
-		allowDeselect: !1,
-		variant: "unstyled",
-		data: S,
-		value: C,
-		onChange: w
-	}), n[14] = l, n[15] = S, n[16] = C, n[17] = w, n[18] = T) : T = n[18];
-	let E;
-	n[19] !== b || n[20] !== T ? (E = /* @__PURE__ */ R(u, {
-		gap: "xs",
-		wrap: "nowrap",
-		children: [b, T]
-	}), n[19] = b, n[20] = T, n[21] = E) : E = n[21];
-	let D;
-	n[22] !== l || n[23] !== g || n[24] !== v || n[25] !== m ? (D = /* @__PURE__ */ R(_, {
-		size: l,
-		c: "dimmed",
-		children: [
-			g,
-			"–",
-			v,
-			" of ",
-			m
-		]
-	}), n[22] = l, n[23] = g, n[24] = v, n[25] = m, n[26] = D) : D = n[26];
-	let A;
-	n[27] === o ? A = n[28] : (A = o.getCanPreviousPage(), n[27] = o, n[28] = A);
-	let j = !A, M;
-	n[29] === o ? M = n[30] : (M = () => o.previousPage(), n[29] = o, n[30] = M);
-	let N;
-	n[31] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ L(O, {
-		size: 18,
-		stroke: 1.6
-	}), n[31] = N) : N = n[31];
-	let P;
-	n[32] !== j || n[33] !== M ? (P = /* @__PURE__ */ L(s, {
-		variant: "subtle",
-		color: "gray",
-		"aria-label": "Previous page",
-		disabled: j,
-		onClick: M,
-		children: N
-	}), n[32] = j, n[33] = M, n[34] = P) : P = n[34];
-	let F;
-	n[35] === o ? F = n[36] : (F = o.getCanNextPage(), n[35] = o, n[36] = F);
-	let ee = !F, I;
-	n[37] === o ? I = n[38] : (I = () => o.nextPage(), n[37] = o, n[38] = I);
-	let z;
-	n[39] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ L(k, {
-		size: 18,
-		stroke: 1.6
-	}), n[39] = z) : z = n[39];
-	let B;
-	n[40] !== ee || n[41] !== I ? (B = /* @__PURE__ */ L(s, {
-		variant: "subtle",
-		color: "gray",
-		"aria-label": "Next page",
-		disabled: ee,
-		onClick: I,
-		children: z
-	}), n[40] = ee, n[41] = I, n[42] = B) : B = n[42];
-	let V;
-	n[43] !== P || n[44] !== B ? (V = /* @__PURE__ */ R(u, {
-		gap: 4,
-		wrap: "nowrap",
-		children: [P, B]
-	}), n[43] = P, n[44] = B, n[45] = V) : V = n[45];
-	let H;
-	return n[46] !== V || n[47] !== E || n[48] !== D ? (H = /* @__PURE__ */ R("div", {
-		className: Je.footer,
-		children: [
-			E,
-			D,
-			V
-		]
-	}), n[46] = V, n[47] = E, n[48] = D, n[49] = H) : H = n[49], H;
-}
-function et(e, t) {
-	return e - t;
-}
-var X = {
-	tableWrapper: "_tableWrapper_utldp_2",
-	scrollContainer: "_scrollContainer_utldp_10",
-	grid: "_grid_utldp_18",
-	headerRow: "_headerRow_utldp_24",
-	bodyRow: "_bodyRow_utldp_33",
-	bodyCell: "_bodyCell_utldp_65",
-	cellContent: "_cellContent_utldp_63",
-	messageRow: "_messageRow_utldp_95"
-}, tt = {
-	stickyLeft: "_stickyLeft_1iqrf_11",
-	stickyRight: "_stickyRight_1iqrf_15"
-}, Z = {
-	headerCell: "_headerCell_1oqkm_1",
-	headerTitle: "_headerTitle_1oqkm_25",
-	headerActions: "_headerActions_1oqkm_48",
-	headerAction: "_headerAction_1oqkm_48",
-	headerCellSortable: "_headerCellSortable_1oqkm_77",
-	headerCellDragging: "_headerCellDragging_1oqkm_84",
-	headerCellDropBefore: "_headerCellDropBefore_1oqkm_88",
-	headerCellDropAfter: "_headerCellDropAfter_1oqkm_89",
-	columnSeparator: "_columnSeparator_1oqkm_109",
-	columnSeparatorResizable: "_columnSeparatorResizable_1oqkm_121",
-	columnSeparatorActive: "_columnSeparatorActive_1oqkm_144",
-	menuItemActive: "_menuItemActive_1oqkm_150"
-};
-//#endregion
-//#region src/tmdatagrid/core/columnOrdering.ts
-function nt(e, t) {
-	return e.left.includes(t) ? "left" : e.right.includes(t) ? "right" : "center";
-}
-function rt(e, t, n, r) {
-	let i = e.filter((e) => e !== t), a = i.indexOf(n);
-	return a === -1 ? [...e] : (i.splice(r === "before" ? a : a + 1, 0, t), i);
-}
-function it({ table: e, columnId: t, targetId: n, side: r }) {
-	if (t === n) return;
-	let i = e.store.state.columnPinning, a = nt(i, t);
-	if (a !== nt(i, n)) return;
-	let o = e.getAllLeafColumns().map((e) => e.id);
-	e.setColumnOrder(rt(o, t, n, r)), a !== "center" && e.setColumnPinning((e) => ({
-		...e,
-		[a]: rt(e[a], t, n, r)
-	}));
+//#region src/tmdatagrid/core/rowSelection.ts
+function zt(e, t) {
+	return Bt(e, t) ? e.getPaginatedRowModel().rows : e.getPrePaginatedRowModel().rows;
 }
-function at(e, t) {
-	return t === "left" ? e.getLeftVisibleLeafColumns() : t === "right" ? e.getRightVisibleLeafColumns() : e.getCenterVisibleLeafColumns();
+function Bt(e, t) {
+	return t.pagination && e.store.state.grouping.length === 0;
 }
-function ot({ table: e, columnId: t, direction: n }) {
-	let r = at(e, nt(e.store.state.columnPinning, t)), i = r.findIndex((e) => e.id === t);
-	if (i === -1) return null;
-	let a = r[i + n];
-	return !a || !Ee(a) ? null : a;
+function Vt(e) {
+	return Le(e).filter((e) => e.getCanSelect()).map((e) => e.id);
 }
-function st({ table: e, columnId: t, direction: n }) {
-	let r = ot({
-		table: e,
-		columnId: t,
-		direction: n
-	});
-	r && it({
-		table: e,
-		columnId: t,
-		targetId: r.id,
-		side: n === -1 ? "before" : "after"
-	});
+function Ht({ rows: e, rowId: t, anchorRowId: n, modifiers: r, selection: i, canReplaceSelection: a }) {
+	let o = e.findIndex((e) => e.id === t), s = e[o];
+	if (o === -1 || s === void 0) return {
+		selection: i,
+		anchorRowId: n
+	};
+	let c = Vt(s);
+	if (c.length === 0) return {
+		selection: i,
+		anchorRowId: n
+	};
+	if (!s.getCanMultiSelect()) {
+		let e = c.length === 1 ? c[0] : void 0;
+		return e === void 0 ? {
+			selection: i,
+			anchorRowId: n
+		} : {
+			selection: !a && i[e] === !0 ? {} : { [e]: !0 },
+			anchorRowId: t
+		};
+	}
+	let l = n === null ? -1 : e.findIndex((e) => e.id === n);
+	if (r.extend && l !== -1) {
+		let t = Math.min(l, o), s = Math.max(l, o), c = r.toggle || !a ? { ...i } : {};
+		for (let n of e.slice(t, s + 1)) for (let e of Vt(n)) c[e] = !0;
+		return {
+			selection: c,
+			anchorRowId: n
+		};
+	}
+	if (r.toggle || !a) {
+		let e = { ...i }, n = c.every((e) => i[e] === !0);
+		for (let t of c) n ? delete e[t] : e[t] = !0;
+		return {
+			selection: e,
+			anchorRowId: t
+		};
+	}
+	let u = {};
+	for (let e of c) u[e] = !0;
+	return {
+		selection: u,
+		anchorRowId: t
+	};
 }
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridSelectColumn.tsx
-var Q = "__select__";
-function ct(t) {
+var Ut = "__select__";
+function Wt(t) {
 	let n = e(10), { table: r } = t, i;
 	n[0] === r ? i = n[1] : (i = () => r.getIsAllRowsSelected(), n[0] = r, n[1] = i);
-	let a = x(r.store, i), o;
+	let a = C(r.store, i), o;
 	n[2] === r ? o = n[3] : (o = () => r.getIsSomeRowsSelected(), n[2] = r, n[3] = o);
-	let s = x(r.store, o) && !a, c;
+	let s = C(r.store, o) && !a, c;
 	n[4] === r ? c = n[5] : (c = r.getToggleAllRowsSelectedHandler(), n[4] = r, n[5] = c);
 	let u;
-	return n[6] !== a || n[7] !== s || n[8] !== c ? (u = /* @__PURE__ */ L(l, {
+	return n[6] !== a || n[7] !== s || n[8] !== c ? (u = /* @__PURE__ */ G(l, {
 		size: "xs",
 		"aria-label": "Select all rows",
 		checked: a,
@@ -603,32 +756,53 @@ function ct(t) {
 		onChange: c
 	}), n[6] = a, n[7] = s, n[8] = c, n[9] = u) : u = n[9], u;
 }
-function lt(t) {
-	let n = e(13), { row: r } = t, i;
-	n[0] === r ? i = n[1] : (i = () => r.getIsSelected(), n[0] = r, n[1] = i);
-	let a = x(r.table.store, i), o;
-	n[2] === r ? o = n[3] : (o = () => r.getIsSomeSelected(), n[2] = r, n[3] = o);
-	let s = x(r.table.store, o), c;
-	n[4] === r ? c = n[5] : (c = r.getCanSelect(), n[4] = r, n[5] = c);
-	let u = !c, d = s && !a, f;
-	n[6] === r ? f = n[7] : (f = r.getToggleSelectedHandler(), n[6] = r, n[7] = f);
-	let p;
-	return n[8] !== a || n[9] !== u || n[10] !== d || n[11] !== f ? (p = /* @__PURE__ */ L(l, {
+function Gt(t) {
+	let n = e(2), { table: r } = t, { features: i } = je();
+	if (!i.multiRowSelection) return null;
+	let a;
+	return n[0] === r ? a = n[1] : (a = /* @__PURE__ */ G(Wt, { table: r }), n[0] = r, n[1] = a), a;
+}
+function Kt(t) {
+	let n = e(19), { row: r } = t, { ui: i, features: a } = je(), o = r.subRows.length > 0, s;
+	n[0] !== o || n[1] !== r ? (s = () => o ? r.getIsAllSubRowsSelected() : r.getIsSelected(), n[0] = o, n[1] = r, n[2] = s) : s = n[2];
+	let c = C(r.table.store, s), u;
+	n[3] === r ? u = n[4] : (u = () => r.getIsSomeSelected(), n[3] = r, n[4] = u);
+	let d = C(r.table.store, u), f;
+	n[5] === r ? f = n[6] : (f = Vt(r), n[5] = r, n[6] = f);
+	let p = f;
+	if (o && !r.getCanMultiSelect()) return null;
+	let m = o ? "Select group" : "Select row", h = p.length === 0, g = d && !c, _;
+	n[7] !== a || n[8] !== r.id || n[9] !== r.table || n[10] !== i.actions || n[11] !== i.state.selectionAnchorRowId ? (_ = (e) => {
+		let t = e.nativeEvent, n = t instanceof MouseEvent, o = Ht({
+			rows: zt(r.table, a),
+			rowId: r.id,
+			anchorRowId: i.state.selectionAnchorRowId,
+			modifiers: {
+				toggle: n && (t.ctrlKey || t.metaKey),
+				extend: n && t.shiftKey
+			},
+			selection: r.table.store.state.rowSelection,
+			canReplaceSelection: !1
+		});
+		r.table.setRowSelection(o.selection), i.actions.setSelectionAnchor(o.anchorRowId);
+	}, n[7] = a, n[8] = r.id, n[9] = r.table, n[10] = i.actions, n[11] = i.state.selectionAnchorRowId, n[12] = _) : _ = n[12];
+	let v;
+	return n[13] !== c || n[14] !== m || n[15] !== h || n[16] !== g || n[17] !== _ ? (v = /* @__PURE__ */ G(l, {
 		size: "xs",
-		"aria-label": "Select row",
-		checked: a,
-		disabled: u,
-		indeterminate: d,
-		onChange: f,
-		onClick: ut
-	}), n[8] = a, n[9] = u, n[10] = d, n[11] = f, n[12] = p) : p = n[12], p;
+		"aria-label": m,
+		checked: c,
+		disabled: h,
+		indeterminate: g,
+		onChange: _,
+		onClick: qt
+	}), n[13] = c, n[14] = m, n[15] = h, n[16] = g, n[17] = _, n[18] = v) : v = n[18], v;
 }
-function ut(e) {
+function qt(e) {
 	return e.stopPropagation();
 }
-function dt() {
+function Jt() {
 	return {
-		id: Q,
+		id: Ut,
 		meta: {
 			label: "Checkbox selection",
 			align: "center",
@@ -642,238 +816,189 @@ function dt() {
 		enableColumnFilter: !1,
 		enableGlobalFilter: !1,
 		enablePinning: !1,
-		header: ({ table: e }) => /* @__PURE__ */ L(ct, { table: e }),
-		cell: ({ row: e }) => /* @__PURE__ */ L(lt, { row: e })
+		header: ({ table: e }) => /* @__PURE__ */ G(Gt, { table: e }),
+		cell: ({ row: e }) => /* @__PURE__ */ G(Kt, { row: e }),
+		aggregatedCell: ({ row: e }) => /* @__PURE__ */ G(Kt, { row: e })
 	};
 }
 //#endregion
-//#region src/tmdatagrid/core/persistence.ts
-var ft = [
-	"columnFilters",
-	"globalFilter",
-	"sorting",
-	"pagination"
-], pt = [
-	"columnVisibility",
-	"columnSizing",
-	"columnOrder",
-	"columnPinning"
-];
-function mt(e, t) {
-	if (!e) return null;
-	if (typeof e == "string") return {
-		key: e,
-		slices: t
-	};
-	let [n, r] = e;
-	return n ? {
-		key: n,
-		slices: r
-	} : null;
-}
-function ht(e) {
-	if (!e) return null;
-	try {
-		return typeof window > "u" ? null : e.storageMode === "sessionStorage" ? window.sessionStorage : window.localStorage;
-	} catch {
-		return null;
-	}
-}
-function $(e, t) {
-	return typeof e == "object" && e ? e[t] : void 0;
-}
-var gt = (e) => typeof e == "string", _t = (e) => typeof e == "number" && Number.isFinite(e);
-function vt(e, t) {
-	return Array.isArray(e) && e.every(t);
-}
-function yt(e, t) {
-	return typeof e != "object" || !e || Array.isArray(e) ? !1 : Object.values(e).every(t);
-}
-var bt = (e) => gt($(e, "id")), xt = {
-	columnFilters: (e) => vt(e, bt),
-	globalFilter: () => !0,
-	sorting: (e) => vt(e, (e) => bt(e) && typeof $(e, "desc") == "boolean"),
-	pagination: (e) => {
-		let t = $(e, "pageIndex"), n = $(e, "pageSize");
-		return _t(t) && t >= 0 && _t(n) && n > 0;
-	},
-	columnVisibility: (e) => yt(e, (e) => typeof e == "boolean"),
-	columnSizing: (e) => yt(e, _t),
-	columnOrder: (e) => vt(e, gt),
-	columnPinning: (e) => vt($(e, "left"), gt) && vt($(e, "right"), gt)
-};
-function St(e, t) {
-	let n = xt[e];
-	return n === void 0 || n(t);
-}
-function Ct(e, t, n) {
-	if (!e || !t) return {};
-	try {
-		let r = e.getItem(t.key);
-		if (!r) return {};
-		let i = n(r);
-		if (typeof i != "object" || !i) return {};
-		let a = i, o = {};
-		for (let e of t.slices) e in a && St(e, a[e]) && (o[e] = a[e]);
-		return o;
-	} catch {
-		return {};
-	}
-}
-function wt(e, t, n, r) {
-	if (!e || !t) return;
-	let i = {};
-	for (let e of t.slices) i[e] = n[e];
-	try {
-		e.setItem(t.key, r(i));
-	} catch {}
-}
-function Tt(e) {
-	return {
-		data: mt(e?.dataKey, ft),
-		settings: mt(e?.settingsKey, pt)
-	};
-}
-function Et(e) {
-	let { data: t, settings: n } = Tt(e);
-	return t !== null || n !== null;
-}
-var Dt = (e) => JSON.parse(e), Ot = (e) => JSON.stringify(e);
-function kt(e) {
-	let t = ht(e), { data: n, settings: r } = Tt(e), i = e?.deserialize ?? Dt;
-	return {
-		...Ct(t, r, i),
-		...Ct(t, n, i)
-	};
-}
-function At(e, t) {
-	let n = ht(t);
-	if (!n) return;
-	let { data: r, settings: i } = Tt(t), a = t?.serialize ?? Ot;
-	wt(n, r, e, a), wt(n, i, e, a);
-}
-//#endregion
 //#region src/tmdatagrid/useTMDataGrid.tsx
-var jt = 200, Mt = ge({
-	columnFilteringFeature: B,
-	globalFilteringFeature: de,
-	rowSortingFeature: G,
-	rowPaginationFeature: pe,
-	rowSelectionFeature: me,
-	columnPinningFeature: H,
-	columnVisibilityFeature: re,
-	columnOrderingFeature: V,
-	columnSizingFeature: ne,
-	columnResizingFeature: te,
-	columnFacetingFeature: z,
-	filteredRowModel: U(),
-	sortedRowModel: le(),
-	paginatedRowModel: ce(),
-	facetedRowModel: oe(),
-	facetedMinMaxValues: ae(),
-	facetedUniqueValues: se(),
+var Yt = 200, Xt = we({
+	columnFilteringFeature: te,
+	globalFilteringFeature: _e,
+	rowSortingFeature: Se,
+	rowPaginationFeature: be,
+	rowSelectionFeature: xe,
+	columnPinningFeature: ie,
+	columnVisibilityFeature: se,
+	columnOrderingFeature: re,
+	columnSizingFeature: oe,
+	columnResizingFeature: ae,
+	columnFacetingFeature: J,
+	columnGroupingFeature: ne,
+	rowExpandingFeature: ye,
+	filteredRowModel: de(),
+	groupedRowModel: fe(),
+	sortedRowModel: me(),
+	expandedRowModel: ce(),
+	paginatedRowModel: pe(),
+	facetedRowModel: X(),
+	facetedMinMaxValues: le(),
+	facetedUniqueValues: ue(),
 	filterFns: {
-		...W,
-		tmDataGrid: ze
+		...he,
+		tmDataGrid: ot
 	},
-	sortFns: he,
-	tableMeta: fe(),
-	columnMeta: fe()
+	sortFns: Ce,
+	aggregationFns: q,
+	tableMeta: ve(),
+	columnMeta: ve()
 });
-function Nt() {
-	return ie();
+function Zt() {
+	return Y();
 }
-function Pt(e) {
+function Qt(e) {
 	return e.map((e) => "columns" in e && Array.isArray(e.columns) ? {
 		...e,
-		columns: Pt(e.columns)
+		columns: Qt(e.columns)
 	} : {
 		filterFn: "tmDataGrid",
+		aggregationFn: void 0,
+		aggregatedCell: void 0,
 		...e
 	});
 }
-function Ft(t) {
-	let n = e(52), r, a, s, c, l, u;
-	n[0] === t ? (r = n[1], a = n[2], s = n[3], c = n[4], l = n[5], u = n[6]) : ({persist: l, enableColumnOrdering: r, enablePagination: a, rowSelectionMode: u, highlightSelectedRows: s, ...c} = t, n[0] = t, n[1] = r, n[2] = a, n[3] = s, n[4] = c, n[5] = l, n[6] = u);
-	let d = c.enableRowSelection !== !1, f = c.enableColumnPinning !== !1, p = d && u !== "row", m;
-	if (n[7] !== c.columns || n[8] !== p) {
-		let e = Pt(c.columns);
-		m = p ? [dt(), ...e] : e, n[7] = c.columns, n[8] = p, n[9] = m;
-	} else m = n[9];
-	let h = m, g;
-	n[10] === l ? g = n[11] : (g = () => kt(l), n[10] = l, n[11] = g);
-	let [_] = o(g), v = h, y;
-	n[12] !== f || n[13] !== p ? (y = p && f ? [Q] : [], n[12] = f, n[13] = p, n[14] = y) : y = n[14];
-	let x;
-	n[15] !== c.initialState?.columnPinning?.left || n[16] !== _.columnPinning?.left || n[17] !== y ? (x = [...y, ...(_.columnPinning?.left ?? c.initialState?.columnPinning?.left ?? []).filter(Bt)], n[15] = c.initialState?.columnPinning?.left, n[16] = _.columnPinning?.left, n[17] = y, n[18] = x) : x = n[18];
-	let S;
-	n[19] !== c.initialState?.columnPinning?.right || n[20] !== _.columnPinning?.right ? (S = _.columnPinning?.right ?? c.initialState?.columnPinning?.right ?? [], n[19] = c.initialState?.columnPinning?.right, n[20] = _.columnPinning?.right, n[21] = S) : S = n[21];
-	let C;
-	n[22] !== x || n[23] !== S ? (C = {
-		left: x,
-		right: S
-	}, n[22] = x, n[23] = S, n[24] = C) : C = n[24];
-	let w = c.initialState?.pagination, T;
-	n[25] !== _.pagination || n[26] !== w ? (T = {
+function $t(t) {
+	let n = e(76), r, s, c, l, u;
+	if (n[0] !== t) {
+		let { persist: e, enableColumnOrdering: i, enablePagination: a, selectionMode: o, showSelectedBackground: d, defaultHighlightedRowId: f, onHighlightedRowChange: p, ...m } = t;
+		l = e, r = f, s = p, c = m, u = It({
+			...c,
+			enableColumnOrdering: i,
+			enablePagination: a,
+			selectionMode: o,
+			showSelectedBackground: d
+		}), n[0] = t, n[1] = r, n[2] = s, n[3] = c, n[4] = l, n[5] = u;
+	} else r = n[1], s = n[2], c = n[3], l = n[4], u = n[5];
+	let d = u, f = c.enableColumnPinning !== !1, p = d.selectColumn, m = d.grouping, h;
+	if (n[6] !== m || n[7] !== c.columns || n[8] !== p) {
+		let e = Qt(c.columns), t;
+		n[10] === p ? t = n[11] : (t = p ? [Jt()] : [], n[10] = p, n[11] = t);
+		let r;
+		n[12] === m ? r = n[13] : (r = m ? [Ue()] : [], n[12] = m, n[13] = r), h = [
+			...t,
+			...r,
+			...e
+		], n[6] = m, n[7] = c.columns, n[8] = p, n[9] = h;
+	} else h = n[9];
+	let g = h, _;
+	n[14] === l ? _ = n[15] : (_ = () => Pt(l), n[14] = l, n[15] = _);
+	let [v] = o(_), y;
+	n[16] !== c.initialState?.grouping || n[17] !== v.grouping ? (y = v.grouping ?? c.initialState?.grouping ?? [], n[16] = c.initialState?.grouping, n[17] = v.grouping, n[18] = y) : y = n[18];
+	let b = y, x = g, C = c.initialState?.columnVisibility, w;
+	n[19] !== m || n[20] !== b ? (w = m ? { [Re]: b.length > 0 } : {}, n[19] = m, n[20] = b, n[21] = w) : w = n[21];
+	let T;
+	n[22] !== v.columnVisibility || n[23] !== C || n[24] !== w ? (T = {
+		...C,
+		...v.columnVisibility,
+		...w
+	}, n[22] = v.columnVisibility, n[23] = C, n[24] = w, n[25] = T) : T = n[25];
+	let E;
+	n[26] !== f || n[27] !== p ? (E = p && f ? [Ut] : [], n[26] = f, n[27] = p, n[28] = E) : E = n[28];
+	let D;
+	n[29] !== m || n[30] !== f ? (D = m && f ? [Re] : [], n[29] = m, n[30] = f, n[31] = D) : D = n[31];
+	let O;
+	n[32] !== c.initialState?.columnPinning?.left || n[33] !== v.columnPinning?.left || n[34] !== D || n[35] !== E ? (O = [
+		...E,
+		...D,
+		...(v.columnPinning?.left ?? c.initialState?.columnPinning?.left ?? []).filter(on)
+	], n[32] = c.initialState?.columnPinning?.left, n[33] = v.columnPinning?.left, n[34] = D, n[35] = E, n[36] = O) : O = n[36];
+	let k;
+	n[37] !== c.initialState?.columnPinning?.right || n[38] !== v.columnPinning?.right ? (k = v.columnPinning?.right ?? c.initialState?.columnPinning?.right ?? [], n[37] = c.initialState?.columnPinning?.right, n[38] = v.columnPinning?.right, n[39] = k) : k = n[39];
+	let A;
+	n[40] !== O || n[41] !== k ? (A = {
+		left: O,
+		right: k
+	}, n[40] = O, n[41] = k, n[42] = A) : A = n[42];
+	let j = c.initialState?.pagination, M;
+	n[43] !== v.pagination || n[44] !== j ? (M = {
 		pageIndex: 0,
 		pageSize: 25,
-		...w,
-		..._.pagination
-	}, n[25] = _.pagination, n[26] = w, n[27] = T) : T = n[27];
-	let E;
-	n[28] !== c.initialState || n[29] !== _ || n[30] !== C || n[31] !== T ? (E = {
+		...j,
+		...v.pagination
+	}, n[43] = v.pagination, n[44] = j, n[45] = M) : M = n[45];
+	let N;
+	n[46] !== c.initialState || n[47] !== v || n[48] !== A || n[49] !== M || n[50] !== T ? (N = {
 		...c.initialState,
-		..._,
-		columnPinning: C,
-		pagination: T
-	}, n[28] = c.initialState, n[29] = _, n[30] = C, n[31] = T, n[32] = E) : E = n[32];
-	let D;
-	n[33] !== c || n[34] !== E || n[35] !== v ? (D = {
+		...v,
+		columnVisibility: T,
+		columnPinning: A,
+		pagination: M
+	}, n[46] = c.initialState, n[47] = v, n[48] = A, n[49] = M, n[50] = T, n[51] = N) : N = n[51];
+	let P;
+	n[52] !== c || n[53] !== N || n[54] !== x ? (P = {
 		columnResizeMode: "onChange",
 		enableSorting: !0,
 		enableColumnResizing: !0,
 		globalFilterFn: "includesString",
+		groupedColumnMode: "remove",
 		...c,
-		features: Mt,
-		columns: v,
-		initialState: E
-	}, n[33] = c, n[34] = E, n[35] = v, n[36] = D) : D = n[36];
-	let O = _e(D), k, A;
-	n[37] !== l || n[38] !== O ? (k = () => {
-		if (!Et(l)) return;
-		At(O.store.state, l);
+		features: Xt,
+		columns: x,
+		initialState: N
+	}, n[52] = c, n[53] = N, n[54] = x, n[55] = P) : P = n[55];
+	let F = Te(P), I, L;
+	n[56] !== m || n[57] !== F ? (I = () => {
+		if (!m) return;
+		let e = F.store.state.grouping, t = F.store.subscribe((t) => {
+			t.grouping !== e && (e = t.grouping, F.setColumnVisibility((e) => ({
+				...e,
+				[Re]: t.grouping.length > 0
+			})), F.setColumnOrder(an));
+		});
+		return () => t.unsubscribe();
+	}, L = [m, F], n[56] = m, n[57] = F, n[58] = I, n[59] = L) : (I = n[58], L = n[59]), i(I, L);
+	let R, z;
+	n[60] !== l || n[61] !== F ? (R = () => {
+		if (!jt(l)) return;
+		Ft(F.store.state, l);
 		let e, t = null, n = () => {
-			e = void 0, t !== null && (At(t, l), t = null);
-		}, r = O.store.subscribe((r) => {
-			t = r, e !== void 0 && clearTimeout(e), e = setTimeout(n, jt);
+			e = void 0, t !== null && (Ft(t, l), t = null);
+		}, r = F.store.subscribe((r) => {
+			t = r, e !== void 0 && clearTimeout(e), e = setTimeout(n, Yt);
 		});
 		return () => {
 			r.unsubscribe(), e !== void 0 && clearTimeout(e), n();
 		};
-	}, A = [l, O], n[37] = l, n[38] = O, n[39] = k, n[40] = A) : (k = n[39], A = n[40]), i(k, A);
-	let j;
-	n[41] === Symbol.for("react.memo_cache_sentinel") ? (j = {
+	}, z = [l, F], n[60] = l, n[61] = F, n[62] = R, n[63] = z) : (R = n[62], z = n[63]), i(R, z);
+	let B = r ?? null, V;
+	n[64] === B ? V = n[65] : (V = {
 		filterPanelOpen: !1,
 		columnsPanelOpen: !1,
 		filterPanelColumnId: null,
-		draggedColumnId: null
-	}, n[41] = j) : j = n[41];
-	let M = b(j, It), N;
-	n[42] !== r || n[43] !== a || n[44] !== s || n[45] !== c || n[46] !== u ? (N = Ye({
-		...c,
-		enableColumnOrdering: r,
-		enablePagination: a,
-		rowSelectionMode: u,
-		highlightSelectedRows: s
-	}), n[42] = r, n[43] = a, n[44] = s, n[45] = c, n[46] = u, n[47] = N) : N = n[47];
-	let P = N, F;
-	return n[48] !== P || n[49] !== O || n[50] !== M ? (F = {
-		table: O,
-		ui: M,
-		features: P
-	}, n[48] = P, n[49] = O, n[50] = M, n[51] = F) : F = n[51], F;
-}
-function It(e) {
+		draggedColumnId: null,
+		highlightedRowId: B,
+		selectionAnchorRowId: null
+	}, n[64] = B, n[65] = V);
+	let H = S(V, en), U = a(s), W, ee;
+	n[66] === s ? (W = n[67], ee = n[68]) : (W = () => {
+		U.current = s;
+	}, ee = [s], n[66] = s, n[67] = W, n[68] = ee), i(W, ee);
+	let G, K;
+	n[69] === H ? (G = n[70], K = n[71]) : (G = () => {
+		let e = H.state.highlightedRowId, t = H.subscribe((t) => {
+			t.highlightedRowId !== e && (e = t.highlightedRowId, U.current?.(t.highlightedRowId));
+		});
+		return () => t.unsubscribe();
+	}, K = [H], n[69] = H, n[70] = G, n[71] = K), i(G, K);
+	let q;
+	return n[72] !== d || n[73] !== F || n[74] !== H ? (q = {
+		table: F,
+		ui: H,
+		features: d
+	}, n[72] = d, n[73] = F, n[74] = H, n[75] = q) : q = n[75], q;
+}
+function en(e) {
 	let { setState: t } = e;
 	return {
 		openFilterPanel: (e) => {
@@ -884,101 +1009,402 @@ function It(e) {
 				filterPanelColumnId: n
 			}));
 		},
-		closeFilterPanel: () => t(zt),
+		closeFilterPanel: () => t(rn),
 		setColumnsPanelOpen: (e) => t((t) => ({
 			...t,
 			columnsPanelOpen: e
 		})),
-		toggleColumnsPanel: () => t(Rt),
+		toggleColumnsPanel: () => t(nn),
 		startColumnDrag: (e) => t((t) => ({
 			...t,
 			draggedColumnId: e
 		})),
-		endColumnDrag: () => t(Lt)
+		endColumnDrag: () => t(tn),
+		setHighlightedRow: (e) => t((t) => ({
+			...t,
+			highlightedRowId: e
+		})),
+		setSelectionAnchor: (e) => t((t) => ({
+			...t,
+			selectionAnchorRowId: e
+		}))
 	};
 }
-function Lt(e) {
+function tn(e) {
 	return {
 		...e,
 		draggedColumnId: null
 	};
 }
-function Rt(e) {
+function nn(e) {
 	return {
 		...e,
 		columnsPanelOpen: !e.columnsPanelOpen
 	};
 }
-function zt(e) {
+function rn(e) {
 	return {
 		...e,
 		filterPanelOpen: !1,
 		filterPanelColumnId: null
 	};
 }
-function Bt(e) {
-	return e !== Q;
+function an(e) {
+	return [...e];
+}
+function on(e) {
+	return e !== "__select__" && e !== "__group__";
 }
-function Vt(e, t) {
+function sn(e, t) {
 	let n = e.table.getColumn(t);
 	n && n.getFilterValue() === void 0 && n.setFilterValue({
-		operator: Pe(n.columnDef.meta?.type ?? "string"),
+		operator: et(n.columnDef.meta?.type ?? "string"),
 		value: ""
 	}), e.ui.actions.openFilterPanel(t);
 }
 //#endregion
+//#region src/tmdatagrid/components/TMDataGridFilterPills.tsx
+function cn(t) {
+	let n = e(36), { api: r, size: i, showClearAll: a, onPillClick: o, className: s } = t, l = i === void 0 ? "sm" : i, u = a === void 0 || a, { table: d } = r, f = C(d.store, un), m, h, g, _, v, y, b, S;
+	if (n[0] !== r || n[1] !== s || n[2] !== f || n[3] !== o || n[4] !== l || n[5] !== d) {
+		S = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			if (h = f.filter(ln), h.length === 0) {
+				S = null;
+				break bb0;
+			}
+			v = "group", y = "Active filters";
+			let e;
+			n[14] === s ? e = n[15] : (e = [ht.filterPills, s].filter(Boolean), n[14] = s, n[15] = e), b = e.join(" "), m = p.Group, g = l;
+			let t;
+			n[16] !== r || n[17] !== f || n[18] !== o || n[19] !== l || n[20] !== d ? (t = (e) => {
+				let t = d.getColumn(e.id), n = t ? Me(t) : e.id, i = e.value;
+				return nt(i) ? /* @__PURE__ */ G(p, {
+					size: l,
+					className: ht.pill,
+					withRemoveButton: !0,
+					onRemove: () => d.setColumnFilters(f.filter((t) => t.id !== e.id)),
+					removeButtonProps: {
+						"aria-label": `Clear ${n} filter`,
+						"aria-hidden": !1,
+						tabIndex: 0
+					},
+					children: /* @__PURE__ */ G(x, {
+						className: ht.pillLabel,
+						onClick: () => o ? o(e.id) : sn(r, e.id),
+						children: it({
+							label: n,
+							type: t ? Ne(t) : "string",
+							filter: i
+						})
+					})
+				}, e.id) : null;
+			}, n[16] = r, n[17] = f, n[18] = o, n[19] = l, n[20] = d, n[21] = t) : t = n[21], _ = h.map(t);
+		}
+		n[0] = r, n[1] = s, n[2] = f, n[3] = o, n[4] = l, n[5] = d, n[6] = m, n[7] = h, n[8] = g, n[9] = _, n[10] = v, n[11] = y, n[12] = b, n[13] = S;
+	} else m = n[6], h = n[7], g = n[8], _ = n[9], v = n[10], y = n[11], b = n[12], S = n[13];
+	if (S !== Symbol.for("react.early_return_sentinel")) return S;
+	let w;
+	n[22] !== m || n[23] !== g || n[24] !== _ ? (w = /* @__PURE__ */ G(m, {
+		size: g,
+		children: _
+	}), n[22] = m, n[23] = g, n[24] = _, n[25] = w) : w = n[25];
+	let T;
+	n[26] !== h || n[27] !== u || n[28] !== d ? (T = u && h.length > 1 && /* @__PURE__ */ G(c, {
+		variant: "subtle",
+		color: "gray",
+		size: "compact-xs",
+		onClick: () => d.setColumnFilters([]),
+		children: "Clear all"
+	}), n[26] = h, n[27] = u, n[28] = d, n[29] = T) : T = n[29];
+	let E;
+	return n[30] !== T || n[31] !== v || n[32] !== y || n[33] !== b || n[34] !== w ? (E = /* @__PURE__ */ K("div", {
+		role: v,
+		"aria-label": y,
+		className: b,
+		children: [w, T]
+	}), n[30] = T, n[31] = v, n[32] = y, n[33] = b, n[34] = w, n[35] = E) : E = n[35], E;
+}
+function ln(e) {
+	return rt(e.value);
+}
+function un(e) {
+	return e.columnFilters;
+}
+var dn = { footer: "_footer_149ca_1" }, fn = "Paging is off while the rows are grouped: the whole tree is rendered and virtualized. Ungroup to page again.";
+function pn(e) {
+	let { pageIndex: t, pageSize: n } = e.store.state.pagination;
+	return {
+		pageIndex: t,
+		pageSize: n,
+		pageCount: e.getPageCount(),
+		rowCount: e.getRowCount(),
+		canPreviousPage: e.getCanPreviousPage(),
+		canNextPage: e.getCanNextPage(),
+		setPageIndex: (t) => e.setPageIndex(t),
+		setPageSize: (t) => e.setPageSize(t),
+		previousPage: () => e.previousPage(),
+		nextPage: () => e.nextPage(),
+		firstPage: () => e.firstPage(),
+		lastPage: () => e.lastPage()
+	};
+}
+function mn(t) {
+	let n = e(64), { pageSizeOptions: r, pagination: i } = t, a = r === void 0 ? [
+		10,
+		25,
+		50,
+		100
+	] : r, { table: o, features: c, controlSize: l } = je();
+	if (C(o.store), !Rt(o, c).canPaginate) return null;
+	if (i) {
+		let e;
+		n[0] !== i || n[1] !== o ? (e = i(pn(o)), n[0] = i, n[1] = o, n[2] = e) : e = n[2];
+		let t;
+		return n[3] === e ? t = n[4] : (t = /* @__PURE__ */ G("div", {
+			className: dn.footer,
+			children: e
+		}), n[3] = e, n[4] = t), t;
+	}
+	let d;
+	n[5] !== c || n[6] !== o ? (d = Bt(o, c), n[5] = c, n[6] = o, n[7] = d) : d = n[7];
+	let f = d, { pageIndex: p, pageSize: m } = o.store.state.pagination, h;
+	n[8] === o ? h = n[9] : (h = o.getRowCount(), n[8] = o, n[9] = h);
+	let _ = h, y = _ === 0 ? 0 : p * m + 1, x = Math.min(_, (p + 1) * m), S = a.includes(m) ? a : [...a, m].sort(hn), w = !f, T;
+	n[10] === l ? T = n[11] : (T = /* @__PURE__ */ G(v, {
+		size: l,
+		c: "dimmed",
+		children: "Rows per page:"
+	}), n[10] = l, n[11] = T);
+	let E = !f, D;
+	n[12] === S ? D = n[13] : (D = S.map(String), n[12] = S, n[13] = D);
+	let O = String(m), k;
+	n[14] !== a || n[15] !== o ? (k = (e) => {
+		o.setPageSize(Number(e) || a[0]), o.setPageIndex(0);
+	}, n[14] = a, n[15] = o, n[16] = k) : k = n[16];
+	let A;
+	n[17] !== l || n[18] !== E || n[19] !== D || n[20] !== O || n[21] !== k ? (A = /* @__PURE__ */ G(g, {
+		size: l,
+		w: 78,
+		allowDeselect: !1,
+		variant: "unstyled",
+		disabled: E,
+		data: D,
+		value: O,
+		onChange: k
+	}), n[17] = l, n[18] = E, n[19] = D, n[20] = O, n[21] = k, n[22] = A) : A = n[22];
+	let N;
+	n[23] !== A || n[24] !== T ? (N = /* @__PURE__ */ K(u, {
+		gap: "xs",
+		wrap: "nowrap",
+		children: [T, A]
+	}), n[23] = A, n[24] = T, n[25] = N) : N = n[25];
+	let P;
+	n[26] !== y || n[27] !== f || n[28] !== o || n[29] !== x || n[30] !== _ ? (P = f ? /* @__PURE__ */ K(ee, { children: [
+		y,
+		"–",
+		x,
+		" of ",
+		_
+	] }) : /* @__PURE__ */ K(ee, { children: [
+		"Grouped · all ",
+		o.getFilteredRowModel().rows.length,
+		" rows"
+	] }), n[26] = y, n[27] = f, n[28] = o, n[29] = x, n[30] = _, n[31] = P) : P = n[31];
+	let F;
+	n[32] !== l || n[33] !== P ? (F = /* @__PURE__ */ G(v, {
+		size: l,
+		c: "dimmed",
+		children: P
+	}), n[32] = l, n[33] = P, n[34] = F) : F = n[34];
+	let I;
+	n[35] !== f || n[36] !== o ? (I = !f || !o.getCanPreviousPage(), n[35] = f, n[36] = o, n[37] = I) : I = n[37];
+	let L;
+	n[38] === o ? L = n[39] : (L = () => o.previousPage(), n[38] = o, n[39] = L);
+	let R;
+	n[40] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ G(j, {
+		size: 18,
+		stroke: 1.6
+	}), n[40] = R) : R = n[40];
+	let z;
+	n[41] !== I || n[42] !== L ? (z = /* @__PURE__ */ G(s, {
+		variant: "subtle",
+		color: "gray",
+		"aria-label": "Previous page",
+		disabled: I,
+		onClick: L,
+		children: R
+	}), n[41] = I, n[42] = L, n[43] = z) : z = n[43];
+	let B;
+	n[44] !== f || n[45] !== o ? (B = !f || !o.getCanNextPage(), n[44] = f, n[45] = o, n[46] = B) : B = n[46];
+	let V;
+	n[47] === o ? V = n[48] : (V = () => o.nextPage(), n[47] = o, n[48] = V);
+	let H;
+	n[49] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ G(M, {
+		size: 18,
+		stroke: 1.6
+	}), n[49] = H) : H = n[49];
+	let U;
+	n[50] !== B || n[51] !== V ? (U = /* @__PURE__ */ G(s, {
+		variant: "subtle",
+		color: "gray",
+		"aria-label": "Next page",
+		disabled: B,
+		onClick: V,
+		children: H
+	}), n[50] = B, n[51] = V, n[52] = U) : U = n[52];
+	let W;
+	n[53] !== z || n[54] !== U ? (W = /* @__PURE__ */ K(u, {
+		gap: 4,
+		wrap: "nowrap",
+		children: [z, U]
+	}), n[53] = z, n[54] = U, n[55] = W) : W = n[55];
+	let q;
+	n[56] !== N || n[57] !== F || n[58] !== W || n[59] !== w ? (q = /* @__PURE__ */ K("div", {
+		className: dn.footer,
+		"data-paging-suspended": w,
+		children: [
+			N,
+			F,
+			W
+		]
+	}), n[56] = N, n[57] = F, n[58] = W, n[59] = w, n[60] = q) : q = n[60];
+	let J;
+	return n[61] !== f || n[62] !== q ? (J = /* @__PURE__ */ G(b, {
+		label: fn,
+		disabled: f,
+		withArrow: !0,
+		multiline: !0,
+		w: 260,
+		position: "top",
+		children: q
+	}), n[61] = f, n[62] = q, n[63] = J) : J = n[63], J;
+}
+function hn(e, t) {
+	return e - t;
+}
+var gn = {
+	tableWrapper: "_tableWrapper_chabz_2",
+	scrollContainer: "_scrollContainer_chabz_10",
+	grid: "_grid_chabz_18",
+	headerRow: "_headerRow_chabz_24",
+	bodyRow: "_bodyRow_chabz_33",
+	bodyCell: "_bodyCell_chabz_91",
+	cellContent: "_cellContent_chabz_89",
+	messageRow: "_messageRow_chabz_129"
+}, _n = {
+	stickyLeft: "_stickyLeft_1iqrf_11",
+	stickyRight: "_stickyRight_1iqrf_15"
+}, $ = {
+	headerCell: "_headerCell_49xbo_1",
+	headerTitle: "_headerTitle_49xbo_31",
+	headerActions: "_headerActions_49xbo_54",
+	headerAction: "_headerAction_49xbo_54",
+	headerCellSortable: "_headerCellSortable_49xbo_83",
+	headerCellDragging: "_headerCellDragging_49xbo_90",
+	headerCellDropBefore: "_headerCellDropBefore_49xbo_94",
+	headerCellDropAfter: "_headerCellDropAfter_49xbo_95",
+	columnSeparator: "_columnSeparator_49xbo_115",
+	columnSeparatorResizable: "_columnSeparatorResizable_49xbo_127",
+	columnSeparatorActive: "_columnSeparatorActive_49xbo_150",
+	menuItemActive: "_menuItemActive_49xbo_156"
+};
+//#endregion
+//#region src/tmdatagrid/core/columnOrdering.ts
+function vn(e, t) {
+	return e.left.includes(t) ? "left" : e.right.includes(t) ? "right" : "center";
+}
+function yn(e, t, n, r) {
+	let i = e.filter((e) => e !== t), a = i.indexOf(n);
+	return a === -1 ? [...e] : (i.splice(r === "before" ? a : a + 1, 0, t), i);
+}
+function bn({ table: e, columnId: t, targetId: n, side: r }) {
+	if (t === n) return;
+	let i = e.store.state.columnPinning, a = vn(i, t);
+	if (a !== vn(i, n)) return;
+	let o = e.getAllLeafColumns().map((e) => e.id);
+	e.setColumnOrder(yn(o, t, n, r)), a !== "center" && e.setColumnPinning((e) => ({
+		...e,
+		[a]: yn(e[a], t, n, r)
+	}));
+}
+function xn(e, t) {
+	return t === "left" ? e.getLeftVisibleLeafColumns() : t === "right" ? e.getRightVisibleLeafColumns() : e.getCenterVisibleLeafColumns();
+}
+function Sn({ table: e, columnId: t, direction: n }) {
+	let r = xn(e, vn(e.store.state.columnPinning, t)), i = r.findIndex((e) => e.id === t);
+	if (i === -1) return null;
+	let a = r[i + n];
+	return !a || !Fe(a) ? null : a;
+}
+function Cn({ table: e, columnId: t, direction: n }) {
+	let r = Sn({
+		table: e,
+		columnId: t,
+		direction: n
+	});
+	r && bn({
+		table: e,
+		columnId: t,
+		targetId: r.id,
+		side: n === -1 ? "before" : "after"
+	});
+}
+//#endregion
 //#region src/tmdatagrid/components/TMDataGridHeaderCell.tsx
-function Ht(t) {
-	let n = e(174), { header: r, layout: i } = t, c = q(), { table: l, features: u } = c, d = r.column, [p, m] = o(!1), [h, g] = o(null), _ = a(null), v = a(!1), b;
-	n[0] === Symbol.for("react.memo_cache_sentinel") ? (b = { compare: ye }, n[0] = b) : b = n[0];
-	let { sorting: O, columnFilters: k, resizingColumnId: P, columnPinning: ee } = x(l.store, qt, b), I = x(c.ui, Kt), z = r.subHeaders.length === 0, B;
-	n[1] === d ? B = n[2] : (B = Ce(d), n[1] = d, n[2] = B);
-	let V = B, H;
-	n[3] === d ? H = n[4] : (H = Te(d), n[3] = d, n[4] = H);
-	let te = H, ne;
-	n[5] !== d.id || n[6] !== O ? (ne = O.find((e) => e.id === d.id)?.desc, n[5] = d.id, n[6] = O, n[7] = ne) : ne = n[7];
+function wn(t) {
+	let n = e(199), { header: r, layout: i } = t, c = je(), { table: l, features: u } = c, d = r.column, [p, m] = o(!1), [h, g] = o(null), _ = a(null), v = a(!1), y;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (y = { compare: w }, n[0] = y) : y = n[0];
+	let { sorting: x, columnFilters: S, resizingColumnId: j, columnPinning: M, grouping: V } = C(l.store, kn, y), U = C(c.ui, On), W = r.subHeaders.length === 0, ee;
+	n[1] === d ? ee = n[2] : (ee = Me(d), n[1] = d, n[2] = ee);
+	let q = ee, J;
+	n[3] === d ? J = n[4] : (J = Pe(d), n[3] = d, n[4] = J);
+	let te = J, ne;
+	n[5] !== d.id || n[6] !== x ? (ne = x.find((e) => e.id === d.id)?.desc, n[5] = d.id, n[6] = x, n[7] = ne) : ne = n[7];
 	let re = ne, ie = re !== void 0, ae;
-	if (n[8] !== d.id || n[9] !== k) {
+	if (n[8] !== d.id || n[9] !== S) {
 		let e;
-		n[11] === d.id ? e = n[12] : (e = (e) => e.id === d.id && Le(e.value), n[11] = d.id, n[12] = e), ae = k.some(e), n[8] = d.id, n[9] = k, n[10] = ae;
+		n[11] === d.id ? e = n[12] : (e = (e) => e.id === d.id && rt(e.value), n[11] = d.id, n[12] = e), ae = S.some(e), n[8] = d.id, n[9] = S, n[10] = ae;
 	} else ae = n[10];
-	let oe = ae, se = P === d.id, U = i.pinnedAt, ce;
-	n[13] !== d || n[14] !== u ? (ce = Xe(d, u), n[13] = d, n[14] = u, n[15] = ce) : ce = n[15];
-	let le = ce, W = z && le.canSort, de = z && le.canFilter, fe = z && le.canHide, pe = z && le.canPin, me = le.canResize, G = z && le.canReorder, he;
-	n[16] !== u || n[17] !== z || n[18] !== l ? (he = z && Ze(l, u).canHideAny, n[16] = u, n[17] = z, n[18] = l, n[19] = he) : he = n[19];
-	let ge = he, _e = I === d.id, ve;
-	n[20] !== G || n[21] !== d.id || n[22] !== ee || n[23] !== I || n[24] !== _e ? (ve = G && I !== null && !_e && nt(ee, I) === nt(ee, d.id), n[20] = G, n[21] = d.id, n[22] = ee, n[23] = I, n[24] = _e, n[25] = ve) : ve = n[25];
-	let K = ve, be;
-	n[26] !== c.ui || n[27] !== d.id ? (be = function(e) {
+	let oe = ae, se = j === d.id, Y = i.pinnedAt, ce;
+	n[13] !== d || n[14] !== u ? (ce = Lt(d, u), n[13] = d, n[14] = u, n[15] = ce) : ce = n[15];
+	let le = ce, X = W && le.canSort, ue = W && le.canFilter, de = W && le.canHide, fe = W && le.canPin, pe = le.canResize, me = W && le.canReorder, he = W && le.canGroup, _e;
+	n[16] !== u || n[17] !== W || n[18] !== l ? (_e = W && Rt(l, u).canHideAny, n[16] = u, n[17] = W, n[18] = l, n[19] = _e) : _e = n[19];
+	let ve = _e, ye;
+	n[20] !== d.id || n[21] !== V ? (ye = V.includes(d.id), n[20] = d.id, n[21] = V, n[22] = ye) : ye = n[22];
+	let be = ye, xe = V.length > 0, Se = U === d.id, Ce;
+	n[23] !== me || n[24] !== d.id || n[25] !== M || n[26] !== U || n[27] !== Se ? (Ce = me && U !== null && !Se && vn(M, U) === vn(M, d.id), n[23] = me, n[24] = d.id, n[25] = M, n[26] = U, n[27] = Se, n[28] = Ce) : Ce = n[28];
+	let we = Ce, Te;
+	n[29] !== c.ui || n[30] !== d.id ? (Te = function(e) {
 		e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", d.id), c.ui.actions.startColumnDrag(d.id);
-	}, n[26] = c.ui, n[27] = d.id, n[28] = be) : be = n[28];
-	let xe = be, Se;
-	n[29] === K ? Se = n[30] : (Se = function(e) {
-		if (!K) return;
+	}, n[29] = c.ui, n[30] = d.id, n[31] = Te) : Te = n[31];
+	let Ee = Te, De;
+	n[32] === we ? De = n[33] : (De = function(e) {
+		if (!we) return;
 		e.preventDefault(), e.dataTransfer.dropEffect = "move";
 		let t = _.current?.getBoundingClientRect();
 		t && g(e.clientX < t.left + t.width / 2 ? "before" : "after");
-	}, n[29] = K, n[30] = Se);
-	let we = Se, Ee;
-	n[31] === Symbol.for("react.memo_cache_sentinel") ? (Ee = function(e) {
+	}, n[32] = we, n[33] = De);
+	let Oe = De, ke;
+	n[34] === Symbol.for("react.memo_cache_sentinel") ? (ke = function(e) {
 		let t = e.relatedTarget;
 		t instanceof Node && e.currentTarget.contains(t) || g(null);
-	}, n[31] = Ee) : Ee = n[31];
-	let De = Ee, Oe;
-	n[32] !== c.ui || n[33] !== d.id || n[34] !== I || n[35] !== h || n[36] !== K || n[37] !== l ? (Oe = function(e) {
-		e.preventDefault(), g(null), c.ui.actions.endColumnDrag(), !(!K || !h || !I) && it({
+	}, n[34] = ke) : ke = n[34];
+	let Ae = ke, Ne;
+	n[35] !== c.ui || n[36] !== d.id || n[37] !== U || n[38] !== h || n[39] !== we || n[40] !== l ? (Ne = function(e) {
+		e.preventDefault(), g(null), c.ui.actions.endColumnDrag(), !(!we || !h || !U) && bn({
 			table: l,
-			columnId: I,
+			columnId: U,
 			targetId: d.id,
 			side: h
 		});
-	}, n[32] = c.ui, n[33] = d.id, n[34] = I, n[35] = h, n[36] = K, n[37] = l, n[38] = Oe) : Oe = n[38];
-	let ke = Oe, Ae;
-	n[39] === c.ui ? Ae = n[40] : (Ae = function() {
+	}, n[35] = c.ui, n[36] = d.id, n[37] = U, n[38] = h, n[39] = we, n[40] = l, n[41] = Ne) : Ne = n[41];
+	let Fe = Ne, Ie;
+	n[42] === c.ui ? Ie = n[43] : (Ie = function() {
 		g(null), c.ui.actions.endColumnDrag();
-	}, n[39] = c.ui, n[40] = Ae);
-	let je = Ae, Me;
-	n[41] !== d || n[42] !== l ? (Me = function(e) {
+	}, n[42] = c.ui, n[43] = Ie);
+	let Le = Ie, Re;
+	n[44] !== d || n[45] !== l ? (Re = function(e) {
 		if (e && !(d.id in l.store.state.columnSizing)) {
 			let e = _.current?.getBoundingClientRect().width;
 			e && l.setColumnSizing((t) => ({
@@ -987,414 +1413,510 @@ function Ht(t) {
 			}));
 		}
 		d.pin(e);
-	}, n[41] = d, n[42] = l, n[43] = Me) : Me = n[43];
-	let J = Me, Y;
-	if (n[44] !== c || n[45] !== de || n[46] !== fe || n[47] !== ge || n[48] !== pe || n[49] !== G || n[50] !== W || n[51] !== d || n[52] !== U || n[53] !== J || n[54] !== l) {
-		if (Y = [], W) {
+	}, n[44] = d, n[45] = l, n[46] = Re) : Re = n[46];
+	let Z = Re, Q;
+	if (n[47] !== c || n[48] !== ue || n[49] !== he || n[50] !== de || n[51] !== ve || n[52] !== fe || n[53] !== me || n[54] !== X || n[55] !== d || n[56] !== V || n[57] !== be || n[58] !== xe || n[59] !== q || n[60] !== Y || n[61] !== Z || n[62] !== l) {
+		if (Q = [], X) {
 			let e;
-			n[56] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ L(D, {
+			n[64] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(A, {
 				size: 16,
 				stroke: 1.6
-			}), n[56] = e) : e = n[56];
+			}), n[64] = e) : e = n[64];
 			let t;
-			n[57] === d ? t = n[58] : (t = /* @__PURE__ */ L(f.Item, {
+			n[65] === d ? t = n[66] : (t = /* @__PURE__ */ G(f.Item, {
 				leftSection: e,
 				onClick: () => d.toggleSorting(!1),
 				children: "Sort by ASC"
-			}, "sort-asc"), n[57] = d, n[58] = t);
+			}, "sort-asc"), n[65] = d, n[66] = t);
 			let r;
-			n[59] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ L(w, {
+			n[67] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ G(D, {
 				size: 16,
 				stroke: 1.6
-			}), n[59] = r) : r = n[59];
+			}), n[67] = r) : r = n[67];
 			let i;
-			n[60] === d ? i = n[61] : (i = /* @__PURE__ */ L(f.Item, {
+			n[68] === d ? i = n[69] : (i = /* @__PURE__ */ G(f.Item, {
 				leftSection: r,
 				onClick: () => d.toggleSorting(!0),
 				children: "Sort by DESC"
-			}, "sort-desc"), n[60] = d, n[61] = i);
+			}, "sort-desc"), n[68] = d, n[69] = i);
 			let a;
-			n[62] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ L(f.Divider, {}, "sort-divider"), n[62] = a) : a = n[62], Y.push(t, i, a);
+			n[70] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ G(f.Divider, {}, "sort-divider"), n[70] = a) : a = n[70], Q.push(t, i, a);
 		}
-		if (de) {
+		if (ue) {
 			let e;
-			n[63] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ L(N, {
+			n[71] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(I, {
 				size: 16,
 				stroke: 1.6
-			}), n[63] = e) : e = n[63];
+			}), n[71] = e) : e = n[71];
 			let t;
-			n[64] !== c || n[65] !== d.id ? (t = /* @__PURE__ */ L(f.Item, {
+			n[72] !== c || n[73] !== d.id ? (t = /* @__PURE__ */ G(f.Item, {
 				leftSection: e,
-				onClick: () => Vt(c, d.id),
+				onClick: () => sn(c, d.id),
 				children: "Filter"
-			}, "filter"), n[64] = c, n[65] = d.id, n[66] = t) : t = n[66];
+			}, "filter"), n[72] = c, n[73] = d.id, n[74] = t) : t = n[74];
+			let r;
+			n[75] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ G(f.Divider, {}, "filter-divider"), n[75] = r) : r = n[75], Q.push(t, r);
+		}
+		if (he) {
+			let e = be ? $.menuItemActive : void 0, t;
+			n[76] === be ? t = n[77] : (t = G(be ? z : B, {
+				size: 16,
+				stroke: 1.6
+			}), n[76] = be, n[77] = t);
 			let r;
-			n[67] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ L(f.Divider, {}, "filter-divider"), n[67] = r) : r = n[67], Y.push(t, r);
+			n[78] === d ? r = n[79] : (r = d.getToggleGroupingHandler(), n[78] = d, n[79] = r);
+			let i = be ? `Ungroup ${q}` : `Group by ${q}`, a;
+			n[80] !== e || n[81] !== t || n[82] !== r || n[83] !== i ? (a = /* @__PURE__ */ G(f.Item, {
+				className: e,
+				leftSection: t,
+				onClick: r,
+				children: i
+			}, "group"), n[80] = e, n[81] = t, n[82] = r, n[83] = i, n[84] = a) : a = n[84], Q.push(a);
 		}
-		if (pe) {
-			let e = U === "left" ? Z.menuItemActive : void 0, t;
-			n[68] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ L(S, {
+		if (xe) {
+			if (d.id === "__group__") for (let e of V) {
+				let t = l.getColumn(e);
+				t && Q.push(/* @__PURE__ */ G(f.Item, {
+					leftSection: /* @__PURE__ */ G(z, {
+						size: 16,
+						stroke: 1.6
+					}),
+					onClick: () => t.toggleGrouping(),
+					children: `Ungroup ${Me(t)}`
+				}, `ungroup-${e}`));
+			}
+			let e;
+			n[85] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(L, {
 				size: 16,
 				stroke: 1.6
-			}), n[68] = t) : t = n[68];
+			}), n[85] = e) : e = n[85];
+			let t;
+			n[86] === l ? t = n[87] : (t = /* @__PURE__ */ G(f.Item, {
+				leftSection: e,
+				onClick: () => l.toggleAllRowsExpanded(!0),
+				children: "Expand all groups"
+			}, "expand-all"), n[86] = l, n[87] = t);
 			let r;
-			n[69] !== U || n[70] !== J ? (r = () => J(U !== "left" && "left"), n[69] = U, n[70] = J, n[71] = r) : r = n[71];
+			n[88] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ G(R, {
+				size: 16,
+				stroke: 1.6
+			}), n[88] = r) : r = n[88];
 			let i;
-			n[72] !== e || n[73] !== r ? (i = /* @__PURE__ */ L(f.Item, {
+			n[89] === l ? i = n[90] : (i = /* @__PURE__ */ G(f.Item, {
+				leftSection: r,
+				onClick: () => l.toggleAllRowsExpanded(!1),
+				children: "Collapse all groups"
+			}, "collapse-all"), n[89] = l, n[90] = i), Q.push(t, i);
+		}
+		if (he || xe) {
+			let e;
+			n[91] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(f.Divider, {}, "group-divider"), n[91] = e) : e = n[91], Q.push(e);
+		}
+		if (fe) {
+			let e = Y === "left" ? $.menuItemActive : void 0, t;
+			n[92] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ G(T, {
+				size: 16,
+				stroke: 1.6
+			}), n[92] = t) : t = n[92];
+			let r;
+			n[93] !== Y || n[94] !== Z ? (r = () => Z(Y !== "left" && "left"), n[93] = Y, n[94] = Z, n[95] = r) : r = n[95];
+			let i;
+			n[96] !== e || n[97] !== r ? (i = /* @__PURE__ */ G(f.Item, {
 				className: e,
 				leftSection: t,
 				onClick: r,
 				children: "Pin to left"
-			}, "pin-left"), n[72] = e, n[73] = r, n[74] = i) : i = n[74];
-			let a = U === "right" ? Z.menuItemActive : void 0, o;
-			n[75] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ L(C, {
+			}, "pin-left"), n[96] = e, n[97] = r, n[98] = i) : i = n[98];
+			let a = Y === "right" ? $.menuItemActive : void 0, o;
+			n[99] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ G(E, {
 				size: 16,
 				stroke: 1.6
-			}), n[75] = o) : o = n[75];
+			}), n[99] = o) : o = n[99];
 			let s;
-			n[76] !== U || n[77] !== J ? (s = () => J(U !== "right" && "right"), n[76] = U, n[77] = J, n[78] = s) : s = n[78];
+			n[100] !== Y || n[101] !== Z ? (s = () => Z(Y !== "right" && "right"), n[100] = Y, n[101] = Z, n[102] = s) : s = n[102];
 			let c;
-			if (n[79] !== a || n[80] !== s ? (c = /* @__PURE__ */ L(f.Item, {
+			if (n[103] !== a || n[104] !== s ? (c = /* @__PURE__ */ G(f.Item, {
 				className: a,
 				leftSection: o,
 				onClick: s,
 				children: "Pin to right"
-			}, "pin-right"), n[79] = a, n[80] = s, n[81] = c) : c = n[81], Y.push(i, c), U) {
+			}, "pin-right"), n[103] = a, n[104] = s, n[105] = c) : c = n[105], Q.push(i, c), Y) {
 				let e;
-				n[82] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ L(F, {
+				n[106] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(H, {
 					size: 16,
 					stroke: 1.6
-				}), n[82] = e) : e = n[82];
+				}), n[106] = e) : e = n[106];
 				let t;
-				n[83] === J ? t = n[84] : (t = /* @__PURE__ */ L(f.Item, {
+				n[107] === Z ? t = n[108] : (t = /* @__PURE__ */ G(f.Item, {
 					leftSection: e,
-					onClick: () => J(!1),
+					onClick: () => Z(!1),
 					children: "Unpin"
-				}, "unpin"), n[83] = J, n[84] = t), Y.push(t);
+				}, "unpin"), n[107] = Z, n[108] = t), Q.push(t);
 			}
 			let l;
-			n[85] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ L(f.Divider, {}, "pin-divider"), n[85] = l) : l = n[85], Y.push(l);
+			n[109] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ G(f.Divider, {}, "pin-divider"), n[109] = l) : l = n[109], Q.push(l);
 		}
-		if (G) {
+		if (me) {
 			let e;
-			n[86] !== d.id || n[87] !== l ? (e = ot({
+			n[110] !== d.id || n[111] !== l ? (e = Sn({
 				table: l,
 				columnId: d.id,
 				direction: -1
-			}), n[86] = d.id, n[87] = l, n[88] = e) : e = n[88];
+			}), n[110] = d.id, n[111] = l, n[112] = e) : e = n[112];
 			let t = e, r;
-			n[89] !== d.id || n[90] !== l ? (r = ot({
+			n[113] !== d.id || n[114] !== l ? (r = Sn({
 				table: l,
 				columnId: d.id,
 				direction: 1
-			}), n[89] = d.id, n[90] = l, n[91] = r) : r = n[91];
+			}), n[113] = d.id, n[114] = l, n[115] = r) : r = n[115];
 			let i = r;
 			if (t || i) {
 				let e = !t, r;
-				n[92] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ L(T, {
+				n[116] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ G(O, {
 					size: 16,
 					stroke: 1.6
-				}), n[92] = r) : r = n[92];
+				}), n[116] = r) : r = n[116];
 				let a;
-				n[93] !== d.id || n[94] !== l ? (a = () => st({
+				n[117] !== d.id || n[118] !== l ? (a = () => Cn({
 					table: l,
 					columnId: d.id,
 					direction: -1
-				}), n[93] = d.id, n[94] = l, n[95] = a) : a = n[95];
+				}), n[117] = d.id, n[118] = l, n[119] = a) : a = n[119];
 				let o;
-				n[96] !== e || n[97] !== a ? (o = /* @__PURE__ */ L(f.Item, {
+				n[120] !== e || n[121] !== a ? (o = /* @__PURE__ */ G(f.Item, {
 					disabled: e,
 					leftSection: r,
 					onClick: a,
 					children: "Move left"
-				}, "move-left"), n[96] = e, n[97] = a, n[98] = o) : o = n[98];
+				}, "move-left"), n[120] = e, n[121] = a, n[122] = o) : o = n[122];
 				let s = !i, c;
-				n[99] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ L(E, {
+				n[123] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ G(k, {
 					size: 16,
 					stroke: 1.6
-				}), n[99] = c) : c = n[99];
+				}), n[123] = c) : c = n[123];
 				let u;
-				n[100] !== d.id || n[101] !== l ? (u = () => st({
+				n[124] !== d.id || n[125] !== l ? (u = () => Cn({
 					table: l,
 					columnId: d.id,
 					direction: 1
-				}), n[100] = d.id, n[101] = l, n[102] = u) : u = n[102];
+				}), n[124] = d.id, n[125] = l, n[126] = u) : u = n[126];
 				let p;
-				n[103] !== s || n[104] !== u ? (p = /* @__PURE__ */ L(f.Item, {
+				n[127] !== s || n[128] !== u ? (p = /* @__PURE__ */ G(f.Item, {
 					disabled: s,
 					leftSection: c,
 					onClick: u,
 					children: "Move right"
-				}, "move-right"), n[103] = s, n[104] = u, n[105] = p) : p = n[105];
+				}, "move-right"), n[127] = s, n[128] = u, n[129] = p) : p = n[129];
 				let m;
-				n[106] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ L(f.Divider, {}, "move-divider"), n[106] = m) : m = n[106], Y.push(o, p, m);
+				n[130] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ G(f.Divider, {}, "move-divider"), n[130] = m) : m = n[130], Q.push(o, p, m);
 			}
 		}
-		if (fe) {
+		if (de) {
 			let e;
-			n[107] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ L(M, {
+			n[131] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(F, {
 				size: 16,
 				stroke: 1.6
-			}), n[107] = e) : e = n[107];
+			}), n[131] = e) : e = n[131];
 			let t;
-			n[108] === d ? t = n[109] : (t = /* @__PURE__ */ L(f.Item, {
+			n[132] === d ? t = n[133] : (t = /* @__PURE__ */ G(f.Item, {
 				leftSection: e,
 				onClick: () => d.toggleVisibility(!1),
 				children: "Hide column"
-			}, "hide"), n[108] = d, n[109] = t), Y.push(t);
+			}, "hide"), n[132] = d, n[133] = t), Q.push(t);
 		}
-		if (ge) {
+		if (ve) {
 			let e;
-			n[110] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ L(A, {
+			n[134] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(N, {
 				size: 16,
 				stroke: 1.6
-			}), n[110] = e) : e = n[110];
+			}), n[134] = e) : e = n[134];
 			let t;
-			n[111] === c.ui.actions ? t = n[112] : (t = /* @__PURE__ */ L(f.Item, {
+			n[135] === c.ui.actions ? t = n[136] : (t = /* @__PURE__ */ G(f.Item, {
 				leftSection: e,
 				onClick: () => c.ui.actions.setColumnsPanelOpen(!0),
 				children: "Manage columns"
-			}, "manage"), n[111] = c.ui.actions, n[112] = t), Y.push(t);
+			}, "manage"), n[135] = c.ui.actions, n[136] = t), Q.push(t);
 		}
-		for (; Y.length > 0 && Jt(Y.at(-1));) Y.pop();
-		n[44] = c, n[45] = de, n[46] = fe, n[47] = ge, n[48] = pe, n[49] = G, n[50] = W, n[51] = d, n[52] = U, n[53] = J, n[54] = l, n[55] = Y;
-	} else Y = n[55];
-	let Ne = W ? Z.headerCellSortable : "", Pe = _e ? Z.headerCellDragging : "", Fe = h === "before" ? Z.headerCellDropBefore : "", Ie = h === "after" ? Z.headerCellDropAfter : "", Re = i.isBoundary && U === "left" ? tt.stickyLeft : "", ze = i.isBoundary && U === "right" ? tt.stickyRight : "", Be;
-	n[113] !== Ne || n[114] !== Pe || n[115] !== Fe || n[116] !== Ie || n[117] !== Re || n[118] !== ze ? (Be = [
-		Z.headerCell,
-		Ne,
-		Pe,
-		Fe,
-		Ie,
-		Re,
-		ze
-	].filter(Boolean), n[113] = Ne, n[114] = Pe, n[115] = Fe, n[116] = Ie, n[117] = Re, n[118] = ze, n[119] = Be) : Be = n[119];
-	let Ve = Be.join(" "), He = `dg-header-${d.id}`, Ue = ie || oe, We = W ? ie ? re ? "descending" : "ascending" : "none" : void 0, Ge = G && !se, Ke = G ? xe : void 0, qe = G ? je : void 0, Je = K ? we : void 0, Ye = K ? De : void 0, Qe = K ? ke : void 0, $e = U === "left" ? i.offset : void 0, et = U === "right" ? i.offset : void 0, X = U ? "sticky" : void 0, rt = U ? 4 : void 0, at;
-	n[120] !== $e || n[121] !== et || n[122] !== X || n[123] !== rt ? (at = {
-		left: $e,
-		right: et,
-		position: X,
-		zIndex: rt
-	}, n[120] = $e, n[121] = et, n[122] = X, n[123] = rt, n[124] = at) : at = n[124];
-	let Q;
-	n[125] !== W || n[126] !== d ? (Q = W ? (e) => {
+		for (; Q.length > 0 && An(Q.at(-1));) Q.pop();
+		n[47] = c, n[48] = ue, n[49] = he, n[50] = de, n[51] = ve, n[52] = fe, n[53] = me, n[54] = X, n[55] = d, n[56] = V, n[57] = be, n[58] = xe, n[59] = q, n[60] = Y, n[61] = Z, n[62] = l, n[63] = Q;
+	} else Q = n[63];
+	let ze = X ? $.headerCellSortable : "", Be = Se ? $.headerCellDragging : "", Ve = h === "before" ? $.headerCellDropBefore : "", He = h === "after" ? $.headerCellDropAfter : "", Ue = i.isBoundary && Y === "left" ? _n.stickyLeft : "", We = i.isBoundary && Y === "right" ? _n.stickyRight : "", Ge;
+	n[137] !== ze || n[138] !== Be || n[139] !== Ve || n[140] !== He || n[141] !== Ue || n[142] !== We ? (Ge = [
+		$.headerCell,
+		ze,
+		Be,
+		Ve,
+		He,
+		Ue,
+		We
+	].filter(Boolean), n[137] = ze, n[138] = Be, n[139] = Ve, n[140] = He, n[141] = Ue, n[142] = We, n[143] = Ge) : Ge = n[143];
+	let Ke = Ge.join(" "), qe = `dg-header-${d.id}`, Je = ie || oe, Ye = d.id === Ut, Xe = X ? ie ? re ? "descending" : "ascending" : "none" : void 0, Ze = me && !se, Qe = me ? Ee : void 0, $e = me ? Le : void 0, et = we ? Oe : void 0, tt = we ? Ae : void 0, nt = we ? Fe : void 0, it = Y === "left" ? i.offset : void 0, at = Y === "right" ? i.offset : void 0, ot = Y ? "sticky" : void 0, st = Y ? 4 : void 0, ct;
+	n[144] !== it || n[145] !== at || n[146] !== ot || n[147] !== st ? (ct = {
+		left: it,
+		right: at,
+		position: ot,
+		zIndex: st
+	}, n[144] = it, n[145] = at, n[146] = ot, n[147] = st, n[148] = ct) : ct = n[148];
+	let lt;
+	n[149] !== X || n[150] !== d ? (lt = X ? (e) => {
 		if (v.current) {
 			v.current = !1;
 			return;
 		}
 		d.getToggleSortingHandler()?.(e);
-	} : void 0, n[125] = W, n[126] = d, n[127] = Q) : Q = n[127];
-	let ct;
-	n[128] !== d.columnDef || n[129] !== r || n[130] !== z || n[131] !== V ? (ct = r.isPlaceholder ? null : /* @__PURE__ */ L(y, {
-		label: V,
+	} : void 0, n[149] = X, n[150] = d, n[151] = lt) : lt = n[151];
+	let ut;
+	n[152] !== d.columnDef || n[153] !== r || n[154] !== W || n[155] !== q ? (ut = r.isPlaceholder ? null : /* @__PURE__ */ G(b, {
+		label: q,
 		openDelay: 600,
 		withinPortal: !0,
-		disabled: !z,
-		children: /* @__PURE__ */ L("span", {
-			className: Z.headerTitle,
-			children: ue(d.columnDef.header, r.getContext())
+		disabled: !W,
+		children: /* @__PURE__ */ G("span", {
+			className: $.headerTitle,
+			children: ge(d.columnDef.header, r.getContext())
 		})
-	}), n[128] = d.columnDef, n[129] = r, n[130] = z, n[131] = V, n[132] = ct) : ct = n[132];
-	let lt;
-	n[133] !== c || n[134] !== W || n[135] !== d || n[136] !== oe || n[137] !== z || n[138] !== ie || n[139] !== V || n[140] !== Y || n[141] !== p || n[142] !== re ? (lt = z && /* @__PURE__ */ R("div", {
-		className: Z.headerActions,
+	}), n[152] = d.columnDef, n[153] = r, n[154] = W, n[155] = q, n[156] = ut) : ut = n[156];
+	let dt;
+	n[157] !== c || n[158] !== X || n[159] !== d || n[160] !== oe || n[161] !== W || n[162] !== ie || n[163] !== q || n[164] !== Q || n[165] !== p || n[166] !== re ? (dt = W && /* @__PURE__ */ K("div", {
+		className: $.headerActions,
 		children: [
-			oe && /* @__PURE__ */ L(s, {
-				className: Z.headerAction,
+			oe && /* @__PURE__ */ G(s, {
+				className: $.headerAction,
 				"data-pinned-visible": "true",
 				variant: "subtle",
 				color: "gray",
 				size: "xs",
-				"aria-label": `Filter on ${V}`,
+				"aria-label": `Filter on ${q}`,
 				onClick: (e) => {
-					e.stopPropagation(), Vt(c, d.id);
+					e.stopPropagation(), sn(c, d.id);
 				},
-				children: /* @__PURE__ */ L(N, {
+				children: /* @__PURE__ */ G(I, {
 					size: 14,
 					stroke: 1.6
 				})
 			}),
-			W && /* @__PURE__ */ L(s, {
-				className: Z.headerAction,
+			X && /* @__PURE__ */ G(s, {
+				className: $.headerAction,
 				"data-pinned-visible": ie,
 				variant: "subtle",
 				color: "gray",
 				size: "xs",
-				"aria-label": `Sort ${V}`,
+				"aria-label": `Sort ${q}`,
 				onClick: d.getToggleSortingHandler(),
-				children: L(re ? w : D, {
+				children: G(re ? D : A, {
 					size: 14,
 					stroke: 1.6
 				})
 			}),
-			Y.length > 0 && d.id !== "__select__" && /* @__PURE__ */ R(f, {
+			Q.length > 0 && d.id !== "__select__" && /* @__PURE__ */ K(f, {
 				opened: p,
 				onChange: m,
 				position: "bottom-start",
 				shadow: "md",
 				width: 220,
 				withinPortal: !0,
-				children: [/* @__PURE__ */ L(f.Target, { children: /* @__PURE__ */ L(s, {
-					className: Z.headerAction,
+				children: [/* @__PURE__ */ G(f.Target, { children: /* @__PURE__ */ G(s, {
+					className: $.headerAction,
 					"data-pinned-visible": p,
 					variant: "subtle",
 					color: "gray",
 					size: "xs",
-					"aria-label": `${V} column menu`,
+					"aria-label": `${q} column menu`,
 					onClick: (e) => {
-						e.stopPropagation(), m(Gt);
+						e.stopPropagation(), m(Dn);
 					},
-					children: /* @__PURE__ */ L(j, {
+					children: /* @__PURE__ */ G(P, {
 						size: 14,
 						stroke: 1.6
 					})
-				}) }), /* @__PURE__ */ L(f.Dropdown, {
-					onClick: Wt,
-					children: Y
+				}) }), /* @__PURE__ */ G(f.Dropdown, {
+					onClick: En,
+					children: Q
 				})]
 			})
 		]
-	}), n[133] = c, n[134] = W, n[135] = d, n[136] = oe, n[137] = z, n[138] = ie, n[139] = V, n[140] = Y, n[141] = p, n[142] = re, n[143] = lt) : lt = n[143];
-	let ut = me ? Z.columnSeparatorResizable : "", dt = se ? Z.columnSeparatorActive : "", ft;
-	n[144] !== ut || n[145] !== dt ? (ft = [
-		Z.columnSeparator,
-		ut,
-		dt
-	].filter(Boolean), n[144] = ut, n[145] = dt, n[146] = ft) : ft = n[146];
-	let pt = ft.join(" "), mt;
-	n[147] !== me || n[148] !== r ? (mt = me ? (e) => {
+	}), n[157] = c, n[158] = X, n[159] = d, n[160] = oe, n[161] = W, n[162] = ie, n[163] = q, n[164] = Q, n[165] = p, n[166] = re, n[167] = dt) : dt = n[167];
+	let ft = pe ? $.columnSeparatorResizable : "", pt = se ? $.columnSeparatorActive : "", mt;
+	n[168] !== ft || n[169] !== pt ? (mt = [
+		$.columnSeparator,
+		ft,
+		pt
+	].filter(Boolean), n[168] = ft, n[169] = pt, n[170] = mt) : mt = n[170];
+	let ht = mt.join(" "), gt;
+	n[171] !== pe || n[172] !== r ? (gt = pe ? (e) => {
 		v.current = !0, r.getResizeHandler()(e);
-	} : void 0, n[147] = me, n[148] = r, n[149] = mt) : mt = n[149];
-	let ht;
-	n[150] !== me || n[151] !== r ? (ht = me ? r.getResizeHandler() : void 0, n[150] = me, n[151] = r, n[152] = ht) : ht = n[152];
-	let $;
-	n[153] !== pt || n[154] !== mt || n[155] !== ht ? ($ = /* @__PURE__ */ L("div", {
-		className: pt,
+	} : void 0, n[171] = pe, n[172] = r, n[173] = gt) : gt = n[173];
+	let _t;
+	n[174] !== pe || n[175] !== r ? (_t = pe ? r.getResizeHandler() : void 0, n[174] = pe, n[175] = r, n[176] = _t) : _t = n[176];
+	let vt;
+	n[177] !== ht || n[178] !== gt || n[179] !== _t ? (vt = /* @__PURE__ */ G("div", {
+		className: ht,
 		draggable: !1,
-		onMouseDown: mt,
-		onTouchStart: ht,
-		onClick: Ut
-	}), n[153] = pt, n[154] = mt, n[155] = ht, n[156] = $) : $ = n[156];
-	let gt;
-	return n[157] !== te || n[158] !== Ve || n[159] !== He || n[160] !== Ue || n[161] !== We || n[162] !== Ge || n[163] !== Ke || n[164] !== qe || n[165] !== Je || n[166] !== Ye || n[167] !== Qe || n[168] !== at || n[169] !== Q || n[170] !== ct || n[171] !== lt || n[172] !== $ ? (gt = /* @__PURE__ */ R("div", {
+		onMouseDown: gt,
+		onTouchStart: _t,
+		onClick: Tn
+	}), n[177] = ht, n[178] = gt, n[179] = _t, n[180] = vt) : vt = n[180];
+	let yt;
+	return n[181] !== te || n[182] !== Ke || n[183] !== qe || n[184] !== Je || n[185] !== Ye || n[186] !== Xe || n[187] !== Ze || n[188] !== Qe || n[189] !== $e || n[190] !== et || n[191] !== tt || n[192] !== nt || n[193] !== ct || n[194] !== lt || n[195] !== ut || n[196] !== dt || n[197] !== vt ? (yt = /* @__PURE__ */ K("div", {
 		ref: _,
 		role: "columnheader",
-		"data-testid": He,
-		"data-active": Ue,
+		"data-testid": qe,
+		"data-active": Je,
 		"data-align": te,
-		"aria-sort": We,
-		className: Ve,
-		draggable: Ge,
-		onDragStart: Ke,
-		onDragEnd: qe,
-		onDragOver: Je,
-		onDragLeave: Ye,
-		onDrop: Qe,
-		style: at,
-		onClick: Q,
+		"data-select-column": Ye,
+		"aria-sort": Xe,
+		className: Ke,
+		draggable: Ze,
+		onDragStart: Qe,
+		onDragEnd: $e,
+		onDragOver: et,
+		onDragLeave: tt,
+		onDrop: nt,
+		style: ct,
+		onClick: lt,
 		children: [
-			ct,
-			lt,
-			$
+			ut,
+			dt,
+			vt
 		]
-	}), n[157] = te, n[158] = Ve, n[159] = He, n[160] = Ue, n[161] = We, n[162] = Ge, n[163] = Ke, n[164] = qe, n[165] = Je, n[166] = Ye, n[167] = Qe, n[168] = at, n[169] = Q, n[170] = ct, n[171] = lt, n[172] = $, n[173] = gt) : gt = n[173], gt;
+	}), n[181] = te, n[182] = Ke, n[183] = qe, n[184] = Je, n[185] = Ye, n[186] = Xe, n[187] = Ze, n[188] = Qe, n[189] = $e, n[190] = et, n[191] = tt, n[192] = nt, n[193] = ct, n[194] = lt, n[195] = ut, n[196] = dt, n[197] = vt, n[198] = yt) : yt = n[198], yt;
 }
-function Ut(e) {
+function Tn(e) {
 	return e.stopPropagation();
 }
-function Wt(e) {
+function En(e) {
 	return e.stopPropagation();
 }
-function Gt(e) {
+function Dn(e) {
 	return !e;
 }
-function Kt(e) {
+function On(e) {
 	return e.draggedColumnId;
 }
-function qt(e) {
+function kn(e) {
 	return {
 		sorting: e.sorting,
 		columnFilters: e.columnFilters,
 		resizingColumnId: e.columnResizing.isResizingColumn,
 		columnPinning: e.columnPinning,
-		columnOrder: e.columnOrder
+		columnOrder: e.columnOrder,
+		grouping: e.grouping
 	};
 }
-function Jt(e) {
+function An(e) {
 	return typeof e == "object" && !!e && "type" in e && e.type === f.Divider;
 }
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridTable.tsx
-var Yt = {
+var jn = {
 	pinnedAt: !1,
 	offset: 0,
 	isBoundary: !1
 };
-function Xt(t) {
-	let n = e(20), { cell: r, rowHeight: i, layout: a } = t, o;
-	n[0] === r.column ? o = n[1] : (o = Te(r.column), n[0] = r.column, n[1] = o);
-	let s = a.isBoundary && a.pinnedAt === "left" ? tt.stickyLeft : "", c = a.isBoundary && a.pinnedAt === "right" ? tt.stickyRight : "", l;
-	n[2] !== s || n[3] !== c ? (l = [
-		X.bodyCell,
-		s,
-		c
-	].filter(Boolean), n[2] = s, n[3] = c, n[4] = l) : l = n[4];
-	let u = l.join(" "), d = a.pinnedAt === "left" ? a.offset : void 0, f = a.pinnedAt === "right" ? a.offset : void 0, p = a.pinnedAt ? "sticky" : void 0, m = a.pinnedAt ? 2 : void 0, h;
-	n[5] !== i || n[6] !== d || n[7] !== f || n[8] !== p || n[9] !== m ? (h = {
+function Mn(e) {
+	if (e.getIsPlaceholder()) return null;
+	if (!e.getIsAggregated()) return ge(e.column.columnDef.cell, e.getContext());
+	let { aggregatedCell: t, aggregationFn: n } = e.column.columnDef;
+	return t === void 0 ? n === void 0 ? null : ge(e.column.columnDef.cell, e.getContext()) : ge(t, e.getContext());
+}
+function Nn(t) {
+	let n = e(22), { cell: r, rowHeight: i, layout: a, onContextMenu: o } = t, s;
+	n[0] === r.column ? s = n[1] : (s = Pe(r.column), n[0] = r.column, n[1] = s);
+	let c = r.column.id === Ut, l = a.isBoundary && a.pinnedAt === "left" ? _n.stickyLeft : "", u = a.isBoundary && a.pinnedAt === "right" ? _n.stickyRight : "", d;
+	n[2] !== l || n[3] !== u ? (d = [
+		gn.bodyCell,
+		l,
+		u
+	].filter(Boolean), n[2] = l, n[3] = u, n[4] = d) : d = n[4];
+	let f = d.join(" "), p = a.pinnedAt === "left" ? a.offset : void 0, m = a.pinnedAt === "right" ? a.offset : void 0, h = a.pinnedAt ? "sticky" : void 0, g = a.pinnedAt ? 2 : void 0, _;
+	n[5] !== i || n[6] !== g || n[7] !== p || n[8] !== m || n[9] !== h ? (_ = {
 		minHeight: i,
-		left: d,
-		right: f,
-		position: p,
-		zIndex: m
-	}, n[5] = i, n[6] = d, n[7] = f, n[8] = p, n[9] = m, n[10] = h) : h = n[10];
+		left: p,
+		right: m,
+		position: h,
+		zIndex: g
+	}, n[5] = i, n[6] = g, n[7] = p, n[8] = m, n[9] = h, n[10] = _) : _ = n[10];
+	let v;
+	n[11] === r ? v = n[12] : (v = Mn(r), n[11] = r, n[12] = v);
+	let y;
+	n[13] === v ? y = n[14] : (y = /* @__PURE__ */ G("span", {
+		className: gn.cellContent,
+		children: v
+	}), n[13] = v, n[14] = y);
+	let b;
+	return n[15] !== o || n[16] !== s || n[17] !== _ || n[18] !== y || n[19] !== c || n[20] !== f ? (b = /* @__PURE__ */ G("div", {
+		role: "cell",
+		"data-align": s,
+		"data-select-column": c,
+		onContextMenu: o,
+		className: f,
+		style: _,
+		children: y
+	}), n[15] = o, n[16] = s, n[17] = _, n[18] = y, n[19] = c, n[20] = f, n[21] = b) : b = n[21], b;
+}
+function Pn(t) {
+	let n = e(16), { enabled: r, menuContent: i, menuProps: a, onContextMenu: o, onClose: s, children: c } = t, l;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (l = { display: "contents" }, n[0] = l) : l = n[0];
+	let u = r ? o : void 0, d;
+	n[1] !== c || n[2] !== u ? (d = /* @__PURE__ */ G("div", {
+		role: "rowgroup",
+		style: l,
+		onContextMenu: u,
+		children: c
+	}), n[1] = c, n[2] = u, n[3] = d) : d = n[3];
+	let p = d;
+	if (!r) return p;
+	let m = i !== null, h;
+	n[4] === s ? h = n[5] : (h = (e) => {
+		e || s();
+	}, n[4] = s, n[5] = h);
 	let g;
-	n[11] === r ? g = n[12] : (g = ue(r.column.columnDef.cell, r.getContext()), n[11] = r, n[12] = g);
+	n[6] === p ? g = n[7] : (g = /* @__PURE__ */ G(f.ContextMenu, { children: p }), n[6] = p, n[7] = g);
 	let _;
-	n[13] === g ? _ = n[14] : (_ = /* @__PURE__ */ L("span", {
-		className: X.cellContent,
-		children: g
-	}), n[13] = g, n[14] = _);
+	n[8] === i ? _ = n[9] : (_ = /* @__PURE__ */ G(f.Dropdown, { children: i }), n[8] = i, n[9] = _);
 	let v;
-	return n[15] !== o || n[16] !== h || n[17] !== _ || n[18] !== u ? (v = /* @__PURE__ */ L("div", {
-		role: "cell",
-		"data-align": o,
-		className: u,
-		style: h,
-		children: _
-	}), n[15] = o, n[16] = h, n[17] = _, n[18] = u, n[19] = v) : v = n[19], v;
-}
-function Zt({ onRowClick: e }) {
-	let { table: t, features: r, rowHeight: o, controlSize: s } = q();
-	x(t.store);
-	let { loading: c, noResultsLabel: l = "No rows match your filters" } = t.options.meta ?? {}, u = a(null), f = r.pagination ? t.getPaginatedRowModel().rows : t.getPrePaginatedRowModel().rows;
+	return n[10] !== a || n[11] !== m || n[12] !== h || n[13] !== g || n[14] !== _ ? (v = /* @__PURE__ */ K(f, {
+		opened: m,
+		onChange: h,
+		position: "bottom-start",
+		shadow: "md",
+		width: 220,
+		...a,
+		children: [g, _]
+	}), n[10] = a, n[11] = m, n[12] = h, n[13] = g, n[14] = _, n[15] = v) : v = n[15], v;
+}
+function Fn({ onRowClick: e, rowContextMenu: t, rowContextMenuProps: r }) {
+	let { table: s, ui: c, features: l, rowHeight: u, controlSize: f } = je();
+	C(s.store);
+	let p = C(c, (e) => e.highlightedRowId), { loading: m, noResultsLabel: h = "No rows match your filters" } = s.options.meta ?? {}, g = a(null), _ = zt(s, l);
 	i(() => {
-		if (!r.pagination) return;
-		let e = t.getPageCount();
-		e > 0 && t.store.state.pagination.pageIndex >= e && t.setPageIndex(e - 1);
+		if (!l.pagination) return;
+		let e = s.getPageCount();
+		e > 0 && s.store.state.pagination.pageIndex >= e && s.setPageIndex(e - 1);
 	});
-	let p = ve({
-		count: f.length,
-		getScrollElement: () => u.current,
-		estimateSize: n(() => o, [o]),
-		getItemKey: n((e) => f[e]?.id ?? e, [f]),
+	let y = Ee({
+		count: _.length,
+		getScrollElement: () => g.current,
+		estimateSize: n(() => u, [u]),
+		getItemKey: n((e) => _[e]?.id ?? e, [_]),
 		overscan: 6,
 		initialRect: {
 			height: 600,
 			width: 1200
 		}
-	}), m = p.getVirtualItems(), h = m[0]?.start ?? 0, g = p.getTotalSize() - (m.at(-1)?.end ?? 0), v = t.getLeftLeafColumns(), y = t.getRightLeafColumns(), b = t.getCenterLeafColumns(), S = [
-		...v,
-		...b,
-		...y
-	], C = t.getCenterHeaderGroups(), w = t.getLeftHeaderGroups(), T = t.getRightHeaderGroups(), E = C.map((e, t) => ({
+	}), b = y.getVirtualItems(), x = b[0]?.start ?? 0, S = y.getTotalSize() - (b.at(-1)?.end ?? 0), w = s.getLeftVisibleLeafColumns(), T = s.getRightVisibleLeafColumns(), E = s.getCenterVisibleLeafColumns(), D = [
+		...w,
+		...E,
+		...T
+	], O = s.getCenterHeaderGroups(), k = s.getLeftHeaderGroups(), A = s.getRightHeaderGroups(), j = O.map((e, t) => ({
 		id: e.id,
 		headers: [
-			...w[t]?.headers ?? [],
+			...k[t]?.headers ?? [],
 			...e.headers,
-			...T[t]?.headers ?? []
+			...A[t]?.headers ?? []
 		]
-	})), D = t.store.state.columnSizing, O = S.map((e) => {
-		let t = e.columnDef.minSize === e.columnDef.maxSize, n = e.id in D, r = e.getIsPinned() !== !1, i = e.columnDef.minSize ?? 80;
+	})), M = s.store.state.columnSizing, N = D.map((e) => {
+		let t = e.columnDef.minSize === e.columnDef.maxSize, n = e.id in M, r = e.getIsPinned() !== !1, i = e.columnDef.minSize ?? 80;
 		return t || n || r ? {
 			track: `${e.getSize()}px`,
 			minWidth: e.getSize()
@@ -1402,148 +1924,196 @@ function Zt({ onRowClick: e }) {
 			track: `minmax(${i}px, ${e.columnDef.meta?.flex ?? 1}fr)`,
 			minWidth: i
 		};
-	}), k = O.map((e) => e.track).join(" "), A = O.reduce((e, t) => e + t.minWidth, 0), j = /* @__PURE__ */ new Map(), M = (e) => O[S.findIndex((t) => t.id === e)]?.minWidth ?? 0, N = 0;
-	for (let e of v) j.set(e.id, {
+	}), P = N.map((e) => e.track).join(" "), F = N.reduce((e, t) => e + t.minWidth, 0), I = /* @__PURE__ */ new Map(), L = (e) => N[D.findIndex((t) => t.id === e)]?.minWidth ?? 0, R = 0;
+	for (let e of w) I.set(e.id, {
 		pinnedAt: "left",
-		offset: N,
-		isBoundary: e.id === v.at(-1)?.id
-	}), N += M(e.id);
-	let P = 0;
-	for (let e of [...y].reverse()) j.set(e.id, {
+		offset: R,
+		isBoundary: e.id === w.at(-1)?.id
+	}), R += L(e.id);
+	let z = 0;
+	for (let e of [...T].reverse()) I.set(e.id, {
 		pinnedAt: "right",
-		offset: P,
-		isBoundary: e.id === y[0]?.id
-	}), P += M(e.id);
-	for (let e of b) j.set(e.id, {
+		offset: z,
+		isBoundary: e.id === T[0]?.id
+	}), z += L(e.id);
+	for (let e of E) I.set(e.id, {
 		pinnedAt: !1,
 		offset: 0,
 		isBoundary: !1
 	});
-	let F = (e) => j.get(e) ?? Yt, I = f.length === 0, z = r.rowSelection && r.rowSelectionMode === "row", B = z || e !== void 0, V = (t) => {
-		z && t.getCanSelect() && t.toggleSelected(), e?.(t);
-	};
-	return /* @__PURE__ */ R("div", {
-		className: X.tableWrapper,
-		children: [/* @__PURE__ */ L("div", {
-			ref: u,
-			className: X.scrollContainer,
-			children: /* @__PURE__ */ R("div", {
+	let B = (e) => I.get(e) ?? jn, V = _.length === 0, H = l.rowClickSelects, W = H || l.highlightRow || e !== void 0, ee = (e) => !e.getIsGrouped() && W, q = (t, n) => {
+		if (H && t.getCanSelect()) {
+			let e = Ht({
+				rows: _,
+				rowId: t.id,
+				anchorRowId: c.state.selectionAnchorRowId,
+				modifiers: n,
+				selection: s.store.state.rowSelection,
+				canReplaceSelection: !0
+			});
+			s.setRowSelection(e.selection), c.actions.setSelectionAnchor(e.anchorRowId);
+		}
+		l.highlightRow && c.actions.setHighlightedRow(t.id), e?.(t);
+	}, [J, te] = o(null), ne = () => te(null), re = a(null), ie = a(null), ae = () => {
+		let e = re.current, t = ie.current;
+		re.current = null, ie.current = null, te(e === null ? null : {
+			rowId: e,
+			columnId: t
+		});
+	}, oe = J === null ? void 0 : _.find((e) => e.id === J.rowId), se = t && J && oe ? t({
+		table: s,
+		row: oe,
+		cell: oe.getAllCells().find((e) => e.column.id === J.columnId) ?? null,
+		close: ne
+	}) ?? null : null, Y = J ? ne : void 0;
+	return /* @__PURE__ */ K("div", {
+		className: gn.tableWrapper,
+		children: [/* @__PURE__ */ G("div", {
+			ref: g,
+			className: gn.scrollContainer,
+			onScroll: Y,
+			children: /* @__PURE__ */ K("div", {
 				role: "table",
-				className: X.grid,
-				"aria-rowcount": f.length + E.length,
-				"aria-colcount": S.length,
+				className: gn.grid,
+				"aria-rowcount": _.length + j.length,
+				"aria-colcount": D.length,
 				style: {
-					gridTemplateColumns: k,
-					minWidth: A
+					gridTemplateColumns: P,
+					minWidth: F
 				},
 				children: [
-					/* @__PURE__ */ L("div", {
+					/* @__PURE__ */ G("div", {
 						role: "rowgroup",
 						style: { display: "contents" },
-						children: E.map((e, t) => /* @__PURE__ */ L("div", {
+						children: j.map((e, t) => /* @__PURE__ */ G("div", {
 							role: "row",
 							"aria-rowindex": t + 1,
-							className: X.headerRow,
-							children: e.headers.map((e) => /* @__PURE__ */ L(Ht, {
+							className: gn.headerRow,
+							children: e.headers.map((e) => /* @__PURE__ */ G(wn, {
 								header: e,
-								layout: F(e.column.id)
+								layout: B(e.column.id)
 							}, e.id))
 						}, e.id))
 					}),
-					h > 0 && /* @__PURE__ */ L("div", {
+					x > 0 && /* @__PURE__ */ G("div", {
 						"aria-hidden": !0,
 						style: {
 							gridColumn: "1/-1",
-							height: h
+							height: x
 						}
 					}),
-					/* @__PURE__ */ L("div", {
-						role: "rowgroup",
-						style: { display: "contents" },
-						children: m.map((e) => {
-							let t = f[e.index];
-							return t ? /* @__PURE__ */ L("div", {
+					/* @__PURE__ */ G(Pn, {
+						enabled: t !== void 0,
+						menuContent: se,
+						menuProps: r,
+						onContextMenu: ae,
+						onClose: ne,
+						children: b.map((e) => {
+							let n = _[e.index];
+							if (!n) return null;
+							let r = n.getIsGrouped(), i = ee(n), a = !r && (H || l.highlightRow);
+							return /* @__PURE__ */ G("div", {
 								role: "row",
-								"aria-rowindex": e.index + E.length + 1,
-								"data-testid": `dg-row-${t.id}`,
-								"data-selected": t.getIsSelected(),
-								"data-highlighted": r.highlightSelectedRows && t.getIsSelected(),
-								"data-selects-on-click": z,
-								"aria-selected": r.rowSelection ? t.getIsSelected() : void 0,
-								className: X.bodyRow,
+								"aria-rowindex": e.index + j.length + 1,
+								"data-testid": `dg-row-${n.id}`,
+								"data-grouped": r,
+								"data-depth": n.depth,
+								"data-selected": l.rowSelection && n.getIsSelected(),
+								"data-selected-bg": l.rowSelection && l.showSelectedBackground && n.getIsSelected(),
+								"data-highlighted": l.highlightRow && n.id === p,
+								"data-context-menu": se !== null && J?.rowId === n.id,
+								"data-selects-on-click": H && !r,
+								"aria-selected": l.rowSelection ? n.getIsSelected() : void 0,
+								"aria-current": l.highlightRow && n.id === p ? !0 : void 0,
+								className: gn.bodyRow,
 								style: {
-									minHeight: o,
-									cursor: B ? "pointer" : void 0
+									minHeight: u,
+									cursor: i ? "pointer" : void 0
 								},
-								tabIndex: z ? 0 : void 0,
-								onClick: B ? () => V(t) : void 0,
-								onKeyDown: z ? (e) => {
-									e.key !== " " && e.key !== "Enter" || e.target === e.currentTarget && (e.preventDefault(), V(t));
+								tabIndex: a ? 0 : void 0,
+								onMouseDown: H && !r ? (e) => {
+									e.shiftKey && e.preventDefault();
+								} : void 0,
+								onClick: i ? (e) => q(n, {
+									toggle: e.ctrlKey || e.metaKey,
+									extend: e.shiftKey
+								}) : void 0,
+								onKeyDown: a ? (e) => {
+									e.key !== " " && e.key !== "Enter" || e.target === e.currentTarget && (e.preventDefault(), q(n, {
+										toggle: !0,
+										extend: e.shiftKey
+									}));
+								} : void 0,
+								onContextMenu: t && !r ? () => {
+									re.current = n.id;
 								} : void 0,
 								children: [
-									...t.getLeftVisibleCells(),
-									...t.getCenterVisibleCells(),
-									...t.getRightVisibleCells()
-								].map((e) => /* @__PURE__ */ L(Xt, {
+									...n.getLeftVisibleCells(),
+									...n.getCenterVisibleCells(),
+									...n.getRightVisibleCells()
+								].map((e) => /* @__PURE__ */ G(Nn, {
 									cell: e,
-									rowHeight: o,
-									layout: F(e.column.id)
+									rowHeight: u,
+									layout: B(e.column.id),
+									onContextMenu: t ? () => {
+										ie.current = e.column.id;
+									} : void 0
 								}, e.id))
-							}, e.key) : null;
+							}, e.key);
 						})
 					}),
-					I && c === !0 && /* @__PURE__ */ L("div", {
+					V && m === !0 && /* @__PURE__ */ G("div", {
 						role: "row",
-						className: X.messageRow,
-						children: /* @__PURE__ */ L(d, { size: "lg" })
+						className: gn.messageRow,
+						children: /* @__PURE__ */ G(d, { size: "lg" })
 					}),
-					I && c !== !0 && /* @__PURE__ */ R("div", {
+					V && m !== !0 && /* @__PURE__ */ K("div", {
 						role: "row",
-						className: X.messageRow,
-						children: [/* @__PURE__ */ L(ee, {
+						className: gn.messageRow,
+						children: [/* @__PURE__ */ G(U, {
 							size: 40,
 							stroke: 1.4,
 							opacity: .4
-						}), /* @__PURE__ */ L(_, {
-							size: s,
+						}), /* @__PURE__ */ G(v, {
+							size: f,
 							c: "dimmed",
-							children: l
+							children: h
 						})]
 					}),
-					g > 0 && /* @__PURE__ */ L("div", {
+					S > 0 && /* @__PURE__ */ G("div", {
 						"aria-hidden": !0,
 						style: {
 							gridColumn: "1/-1",
-							height: g
+							height: S
 						}
 					})
 				]
 			})
-		}), /* @__PURE__ */ L(He, {})]
+		}), /* @__PURE__ */ G(lt, {})]
 	});
 }
-var Qt = {
+var In = {
 	toolbar: "_toolbar_4my8t_1",
 	toolbarSpacer: "_toolbarSpacer_4my8t_10"
 };
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridToolbar.tsx
-function $t(t) {
+function Ln(t) {
 	let n = e(2), { children: r } = t, i;
-	return n[0] === r ? i = n[1] : (i = /* @__PURE__ */ L("div", {
-		className: Qt.toolbar,
+	return n[0] === r ? i = n[1] : (i = /* @__PURE__ */ G("div", {
+		className: In.toolbar,
 		children: r
 	}), n[0] = r, n[1] = i), i;
 }
-function en() {
+function Rn() {
 	let t = e(1), n;
-	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ L("div", { className: Qt.toolbarSpacer }), t[0] = n) : n = t[0], n;
+	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ G("div", { className: In.toolbarSpacer }), t[0] = n) : n = t[0], n;
 }
-function tn(t) {
-	let n = e(11), { children: r } = t, { table: i, controlSize: a } = q();
-	if (x(i.store), r !== void 0) {
+function zn(t) {
+	let n = e(11), { children: r } = t, { table: i, controlSize: a } = je();
+	if (C(i.store), r !== void 0) {
 		let e;
-		return n[0] !== r || n[1] !== a ? (e = /* @__PURE__ */ L(_, {
+		return n[0] !== r || n[1] !== a ? (e = /* @__PURE__ */ G(v, {
 			size: a,
 			c: "dimmed",
 			children: r
@@ -1554,7 +2124,7 @@ function tn(t) {
 	let s = o, c;
 	n[5] === i ? c = n[6] : (c = i.options.meta?.totalRowCount ?? i.getPreFilteredRowModel().rows.length, n[5] = i, n[6] = c);
 	let l = c, u;
-	return n[7] !== a || n[8] !== s || n[9] !== l ? (u = /* @__PURE__ */ R(_, {
+	return n[7] !== a || n[8] !== s || n[9] !== l ? (u = /* @__PURE__ */ K(v, {
 		size: a,
 		c: "dimmed",
 		children: [
@@ -1564,19 +2134,19 @@ function tn(t) {
 		]
 	}), n[7] = a, n[8] = s, n[9] = l, n[10] = u) : u = n[10], u;
 }
-function nn() {
-	let t = e(9), { table: n, ui: r, features: i, controlSize: a } = q(), o = x(r, rn);
-	if (!Ze(n, i).canHideAny) return null;
+function Bn() {
+	let t = e(9), { table: n, ui: r, features: i, controlSize: a } = je(), o = C(r, Vn);
+	if (!Rt(n, i).canHideAny) return null;
 	let c;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ L(P, {
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ G(V, {
 		size: 18,
 		stroke: 1.6
 	}), t[0] = c) : c = t[0];
 	let l;
-	t[1] !== a || t[2] !== r.actions.toggleColumnsPanel ? (l = /* @__PURE__ */ L(p.Target, { children: /* @__PURE__ */ L(y, {
+	t[1] !== a || t[2] !== r.actions.toggleColumnsPanel ? (l = /* @__PURE__ */ G(m.Target, { children: /* @__PURE__ */ G(b, {
 		label: "Manage columns",
 		openDelay: 400,
-		children: /* @__PURE__ */ L(s, {
+		children: /* @__PURE__ */ G(s, {
 			variant: "subtle",
 			color: "gray",
 			size: a,
@@ -1586,12 +2156,12 @@ function nn() {
 		})
 	}) }), t[1] = a, t[2] = r.actions.toggleColumnsPanel, t[3] = l) : l = t[3];
 	let u;
-	t[4] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ L(p.Dropdown, {
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ G(m.Dropdown, {
 		p: 0,
-		children: /* @__PURE__ */ L(De, {})
+		children: /* @__PURE__ */ G(We, {})
 	}), t[4] = u) : u = t[4];
 	let d;
-	return t[5] !== o || t[6] !== l || t[7] !== r.actions.setColumnsPanelOpen ? (d = /* @__PURE__ */ R(p, {
+	return t[5] !== o || t[6] !== l || t[7] !== r.actions.setColumnsPanelOpen ? (d = /* @__PURE__ */ K(m, {
 		opened: o,
 		onChange: r.actions.setColumnsPanelOpen,
 		position: "bottom-end",
@@ -1602,61 +2172,62 @@ function nn() {
 		children: [l, u]
 	}), t[5] = o, t[6] = l, t[7] = r.actions.setColumnsPanelOpen, t[8] = d) : d = t[8], d;
 }
-function rn(e) {
+function Vn(e) {
 	return e.columnsPanelOpen;
 }
-function an() {
-	let t = e(11), n = q(), { table: r, ui: i, features: a, controlSize: o } = n, c = x(i, ln), l = x(r.store, cn).filter(sn).length;
-	if (!Ze(r, a).canFilterAny) return null;
+function Hn() {
+	let t = e(11), n = je(), { table: r, ui: i, features: a, controlSize: o } = n, c = C(i, Kn), l = C(r.store, Gn).filter(Wn).length;
+	if (!Rt(r, a).canFilterAny) return null;
 	let u = c || l > 0 ? "light" : "subtle", d = l > 0 ? void 0 : "gray", f;
 	t[0] !== n || t[1] !== c || t[2] !== r || t[3] !== i ? (f = () => {
 		if (c) {
 			i.actions.closeFilterPanel();
 			return;
 		}
-		let e = r.getAllLeafColumns().find(on);
-		e ? Vt(n, e.id) : i.actions.openFilterPanel();
+		let e = r.getAllLeafColumns().find(Un);
+		e ? sn(n, e.id) : i.actions.openFilterPanel();
 	}, t[0] = n, t[1] = c, t[2] = r, t[3] = i, t[4] = f) : f = t[4];
 	let p;
-	t[5] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ L(N, {
+	t[5] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ G(I, {
 		size: 16,
 		stroke: 1.6
 	}), t[5] = p) : p = t[5];
 	let m;
-	return t[6] !== o || t[7] !== u || t[8] !== d || t[9] !== f ? (m = /* @__PURE__ */ L(y, {
+	return t[6] !== o || t[7] !== u || t[8] !== d || t[9] !== f ? (m = /* @__PURE__ */ G(b, {
 		label: "Filters",
 		openDelay: 400,
-		children: /* @__PURE__ */ L(s, {
+		children: /* @__PURE__ */ G(s, {
 			variant: u,
 			color: d,
 			size: o,
 			"aria-label": "Filters",
+			"data-dg-filter-toggle": !0,
 			onClick: f,
 			children: p
 		})
 	}), t[6] = o, t[7] = u, t[8] = d, t[9] = f, t[10] = m) : m = t[10], m;
 }
-function on(e) {
+function Un(e) {
 	return e.getCanFilter();
 }
-function sn(e) {
-	return Le(e.value);
+function Wn(e) {
+	return rt(e.value);
 }
-function cn(e) {
+function Gn(e) {
 	return e.columnFilters;
 }
-function ln(e) {
+function Kn(e) {
 	return e.filterPanelOpen;
 }
 //#endregion
 //#region src/tmdatagrid/core/sizes.ts
-var un = "md", dn = {
+var qn = "md", Jn = {
 	xs: 34,
 	sm: 42,
 	md: 52,
 	lg: 62,
 	xl: 72
-}, fn = {
+}, Yn = {
 	xs: "xs",
 	sm: "xs",
 	md: "sm",
@@ -1665,8 +2236,8 @@ var un = "md", dn = {
 };
 //#endregion
 //#region src/tmdatagrid/components/TMDataGrid.tsx
-function pn(t) {
-	let n = e(17), { table: r, ui: i, features: a, size: o, children: s, className: c, style: l } = t, u = o === void 0 ? "md" : o, d = r.options.meta?.rowHeight ?? dn[u], f = fn[u], p;
+function Xn(t) {
+	let n = e(17), { table: r, ui: i, features: a, size: o, children: s, className: c, style: l } = t, u = o === void 0 ? "md" : o, d = r.options.meta?.rowHeight ?? Jn[u], f = Yn[u], p;
 	n[0] !== a || n[1] !== d || n[2] !== u || n[3] !== f || n[4] !== r || n[5] !== i ? (p = {
 		table: r,
 		ui: i,
@@ -1676,32 +2247,33 @@ function pn(t) {
 		controlSize: f
 	}, n[0] = a, n[1] = d, n[2] = u, n[3] = f, n[4] = r, n[5] = i, n[6] = p) : p = n[6];
 	let m = p, h;
-	n[7] === c ? h = n[8] : (h = [K.root, c].filter(Boolean), n[7] = c, n[8] = h);
+	n[7] === c ? h = n[8] : (h = [De.root, c].filter(Boolean), n[7] = c, n[8] = h);
 	let g = h.join(" "), _;
-	n[9] !== s || n[10] !== u || n[11] !== l || n[12] !== g ? (_ = /* @__PURE__ */ L("div", {
+	n[9] !== s || n[10] !== u || n[11] !== l || n[12] !== g ? (_ = /* @__PURE__ */ G("div", {
 		"data-size": u,
 		className: g,
 		style: l,
 		children: s
 	}), n[9] = s, n[10] = u, n[11] = l, n[12] = g, n[13] = _) : _ = n[13];
 	let v;
-	return n[14] !== m || n[15] !== _ ? (v = /* @__PURE__ */ L(Se, {
+	return n[14] !== m || n[15] !== _ ? (v = /* @__PURE__ */ G(Ae, {
 		value: m,
 		children: _
 	}), n[14] = m, n[15] = _, n[16] = v) : v = n[16], v;
 }
-var mn = Object.assign(pn, {
-	Toolbar: $t,
-	Spacer: en,
-	SummaryCount: tn,
-	ColumnsButton: nn,
-	FilterButton: an,
-	Table: Zt,
-	Footer: $e,
-	FilterPanel: He,
-	ColumnsPanel: De
+var Zn = Object.assign(Xn, {
+	Toolbar: Ln,
+	Spacer: Rn,
+	SummaryCount: zn,
+	ColumnsButton: Bn,
+	FilterButton: Hn,
+	Table: Fn,
+	Footer: mn,
+	FilterPanel: lt,
+	FilterPills: cn,
+	ColumnsPanel: We
 });
 //#endregion
-export { ft as DATA_STATE_SLICES, un as DEFAULT_TMDATAGRID_SIZE, je as FILTER_OPERATOR_LABELS, Q as SELECT_COLUMN_ID, pt as SETTINGS_STATE_SLICES, fn as SIZE_CONTROL_SIZE, dn as SIZE_ROW_HEIGHT, mn as TMDataGrid, Nt as createTMDataGridColumnHelper, Xe as getColumnCapabilities, Ce as getColumnLabel, nt as getColumnRegion, we as getColumnType, Ze as getGridCapabilities, ot as getStepTargetColumn, Qe as getTMDataGridPaginationApi, Ee as isColumnReorderable, Le as isFilterActive, it as moveColumn, st as moveColumnByStep, Vt as openColumnFilter, Ye as readFeatureFlags, Mt as tmDataGridFeatures, Ft as useTMDataGrid, q as useTMDataGridContext };
+export { gt as DATA_STATE_SLICES, qn as DEFAULT_TMDATAGRID_SIZE, Ye as FILTER_OPERATOR_LABELS, Re as GROUP_COLUMN_ID, Ut as SELECT_COLUMN_ID, _t as SETTINGS_STATE_SLICES, Yn as SIZE_CONTROL_SIZE, Jn as SIZE_ROW_HEIGHT, Zn as TMDataGrid, cn as TMDataGridFilterPills, Zt as createTMDataGridColumnHelper, it as formatFilterLabel, ze as formatGroupValue, Lt as getColumnCapabilities, Me as getColumnLabel, vn as getColumnRegion, Ne as getColumnType, zt as getDisplayedRows, Rt as getGridCapabilities, Le as getGroupDataRows, Vt as getSelectableRowIds, Sn as getStepTargetColumn, pn as getTMDataGridPaginationApi, Fe as isColumnReorderable, rt as isFilterActive, Bt as isPagingActive, bn as moveColumn, Cn as moveColumnByStep, sn as openColumnFilter, It as readFeatureFlags, Ht as resolveRowSelectionClick, Xt as tmDataGridFeatures, $t as useTMDataGrid, je as useTMDataGridContext };
 
 //# sourceMappingURL=index.js.map