@jielga/tmdatagrid 0.1.0 → 0.2.0

package/dist/index.js

@@ -2,85 +2,57 @@ 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 ee, IconPinnedOff as te, IconSearch as P, IconX as F } from "@tabler/icons-react";
-import { jsx as I, jsxs as L } from "react/jsx-runtime";
-import { columnFacetingFeature as R, columnFilteringFeature as z, columnOrderingFeature as B, columnPinningFeature as ne, columnResizingFeature as re, columnSizingFeature as ie, columnVisibilityFeature as ae, createColumnHelper as oe, createFacetedMinMaxValues as se, createFacetedRowModel as ce, createFacetedUniqueValues as le, createFilteredRowModel as V, createPaginatedRowModel as ue, createSortedRowModel as de, filterFns as H, flexRender as fe, globalFilteringFeature as pe, metaHelper as me, rowPaginationFeature as he, rowSelectionFeature as U, rowSortingFeature as W, sortFns as ge, tableFeatures as _e, useTable as ve } from "@tanstack/react-table";
-import { useVirtualizer as ye } from "@tanstack/react-virtual";
-import { shallow as be } from "@tanstack/store";
-var G = {
-	root: "_root_pt0ni_3",
-	toolbar: "_toolbar_pt0ni_57",
-	toolbarSpacer: "_toolbarSpacer_pt0ni_66",
-	tableWrapper: "_tableWrapper_pt0ni_71",
-	scrollContainer: "_scrollContainer_pt0ni_79",
-	grid: "_grid_pt0ni_87",
-	headerRow: "_headerRow_pt0ni_93",
-	headerCell: "_headerCell_pt0ni_102",
-	headerTitle: "_headerTitle_pt0ni_126",
-	headerActions: "_headerActions_pt0ni_149",
-	headerAction: "_headerAction_pt0ni_149",
-	headerCellSortable: "_headerCellSortable_pt0ni_178",
-	headerCellDragging: "_headerCellDragging_pt0ni_185",
-	headerCellDropBefore: "_headerCellDropBefore_pt0ni_189",
-	headerCellDropAfter: "_headerCellDropAfter_pt0ni_190",
-	columnSeparator: "_columnSeparator_pt0ni_210",
-	columnSeparatorResizable: "_columnSeparatorResizable_pt0ni_222",
-	columnSeparatorActive: "_columnSeparatorActive_pt0ni_245",
-	bodyRow: "_bodyRow_pt0ni_250",
-	bodyCell: "_bodyCell_pt0ni_268",
-	cellContent: "_cellContent_pt0ni_266",
-	stickyLeft: "_stickyLeft_pt0ni_305",
-	stickyRight: "_stickyRight_pt0ni_309",
-	messageRow: "_messageRow_pt0ni_341",
-	footer: "_footer_pt0ni_351",
-	filterPanel: "_filterPanel_pt0ni_362",
-	filterRow: "_filterRow_pt0ni_374",
-	menuItemActive: "_menuItemActive_pt0ni_381",
-	columnsPanel: "_columnsPanel_pt0ni_386",
-	columnsPanelSearch: "_columnsPanelSearch_pt0ni_392",
-	columnsPanelList: "_columnsPanelList_pt0ni_396",
-	columnsPanelFooter: "_columnsPanelFooter_pt0ni_403"
-}, K = t(null), xe = K.Provider;
+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 = {
+	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(K);
+	let e = r(xe);
 	if (!e) throw Error("TMDataGrid compound components must be rendered inside <TMDataGrid>");
 	return e;
 }
 //#endregion
-//#region src/tmdatagrid/columnUtils.ts
-function Se(e) {
+//#region src/tmdatagrid/core/columnUtils.ts
+function Ce(e) {
 	let t = e.columnDef.meta?.label;
 	if (t) return t;
 	let n = e.columnDef.header;
 	return typeof n == "string" ? n : e.id;
 }
-function Ce(e) {
+function we(e) {
 	return e.columnDef.meta?.type ?? "string";
 }
-function we(e) {
+function Te(e) {
 	return e.columnDef.meta?.align ?? "left";
 }
-function Te(e) {
-	return e.columnDef.meta?.enableOrdering === !1 ? !1 : e.parent === void 0;
+function Ee(e) {
+	return e.columnDef.meta?.enableOrdering !== !1 && e.parent === void 0;
 }
 //#endregion
-//#region src/tmdatagrid/TMDataGridColumnsPanel.tsx
-function Ee() {
-	let t = e(54), { table: n, controlSize: r } = q(), [i, a] = o(""), s = x(n.store, Oe), u, d, f, p, h, g, y, b, S, C;
+//#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;
 	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) => Se(e).toLowerCase().includes(o)) : e, d = e.filter(De);
+		C = o ? e.filter((e) => Ce(e).toLowerCase().includes(o)) : e, d = e.filter(Oe);
 		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 = G.columnsPanel;
+		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__ */ I(P, {
+		t[17] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ L(ee, {
 			size: 16,
 			stroke: 1.6
-		}), t[17] = x) : x = t[17], t[18] !== r || t[19] !== i ? (S = /* @__PURE__ */ I("div", {
-			className: G.columnsPanelSearch,
-			children: /* @__PURE__ */ I(v, {
+		}), t[17] = x) : x = t[17], t[18] !== r || t[19] !== i ? (S = /* @__PURE__ */ L("div", {
+			className: be.columnsPanelSearch,
+			children: /* @__PURE__ */ L(v, {
 				value: i,
 				onChange: _,
 				placeholder: "Search",
@@ -88,18 +60,18 @@ function Ee() {
 				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 = G.columnsPanelList;
+		}), t[18] = r, t[19] = i, t[20] = S) : S = t[20], u = m.Autosize, g = 260, y = "auto", p = be.columnsPanelList;
 		let w;
-		t[21] !== s || t[22] !== r ? (w = (e) => /* @__PURE__ */ I(l, {
+		t[21] !== s || t[22] !== r ? (w = (e) => /* @__PURE__ */ L(l, {
 			size: r,
-			label: Se(e),
+			label: Ce(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];
 	let w;
-	t[24] !== r || t[25] !== i || t[26] !== C.length ? (w = C.length === 0 && /* @__PURE__ */ L(_, {
+	t[24] !== r || t[25] !== i || t[26] !== C.length ? (w = C.length === 0 && /* @__PURE__ */ R(_, {
 		size: r,
 		c: "dimmed",
 		children: [
@@ -109,12 +81,12 @@ function Ee() {
 		]
 	}), t[24] = r, t[25] = i, t[26] = C.length, t[27] = w) : w = t[27];
 	let T;
-	t[28] !== p || t[29] !== h || t[30] !== w ? (T = /* @__PURE__ */ L("div", {
+	t[28] !== p || t[29] !== h || t[30] !== w ? (T = /* @__PURE__ */ R("div", {
 		className: p,
 		children: [h, w]
 	}), t[28] = p, t[29] = h, 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__ */ I(u, {
+	t[32] !== u || t[33] !== g || t[34] !== y || t[35] !== T ? (E = /* @__PURE__ */ L(u, {
 		mah: g,
 		type: y,
 		children: T
@@ -122,7 +94,7 @@ function Ee() {
 	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__ */ I(l, {
+	t[39] !== r || t[40] !== O || t[41] !== k || t[42] !== D ? (A = /* @__PURE__ */ L(l, {
 		size: r,
 		label: "Show/Hide All",
 		checked: D,
@@ -130,19 +102,19 @@ function Ee() {
 		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__ */ I(c, {
+	t[44] === n ? j = t[45] : (j = /* @__PURE__ */ L(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__ */ L("div", {
-		className: G.columnsPanelFooter,
+	t[46] !== A || t[47] !== j ? (M = /* @__PURE__ */ R("div", {
+		className: be.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__ */ L("div", {
+	return t[49] !== M || t[50] !== b || t[51] !== S || t[52] !== E ? (N = /* @__PURE__ */ R("div", {
 		className: b,
 		children: [
 			S,
@@ -151,15 +123,16 @@ function Ee() {
 		]
 	}), t[49] = M, t[50] = b, t[51] = S, t[52] = E, t[53] = N) : N = t[53], N;
 }
-function De(e) {
+function Oe(e) {
 	return e.getCanHide();
 }
-function Oe(e) {
+function ke(e) {
 	return e.columnVisibility;
 }
-//#endregion
-//#region src/tmdatagrid/filterOperators.ts
-var ke = {
+var Ae = {
+	filterPanel: "_filterPanel_1jw69_4",
+	filterRow: "_filterRow_1jw69_16"
+}, je = {
 	contains: "contains",
 	equals: "equals",
 	notEquals: "does not equal",
@@ -171,7 +144,7 @@ var ke = {
 	lessThanOrEqual: "is less than or equal to",
 	isEmpty: "is empty",
 	isNotEmpty: "is not empty"
-}, Ae = [
+}, Me = [
 	"contains",
 	"equals",
 	"notEquals",
@@ -179,7 +152,7 @@ var ke = {
 	"endsWith",
 	"isEmpty",
 	"isNotEmpty"
-], je = [
+], J = [
 	"equals",
 	"notEquals",
 	"greaterThan",
@@ -188,23 +161,23 @@ var ke = {
 	"lessThanOrEqual",
 	"isEmpty",
 	"isNotEmpty"
-], Me = ["isEmpty", "isNotEmpty"];
+], Y = ["isEmpty", "isNotEmpty"];
 function Ne(e) {
-	return e === "number" ? je : Ae;
+	return e === "number" ? J : Me;
 }
-function J(e) {
+function Pe(e) {
 	return e === "number" ? "equals" : "contains";
 }
-function Y(e) {
-	return !Me.includes(e);
+function Fe(e) {
+	return !Y.includes(e);
 }
-function Pe(e) {
+function Ie(e) {
 	return typeof e == "object" && !!e && "operator" in e && typeof e.operator == "string";
 }
-function Fe(e) {
-	return Pe(e) ? !Y(e.operator) || e.value.trim() !== "" : !1;
+function Le(e) {
+	return Ie(e) ? !Fe(e.operator) || e.value.trim() !== "" : !1;
 }
-function Ie(e, { operator: t, value: n }) {
+function Re(e, { operator: t, value: n }) {
 	if (t === "isEmpty") return e == null || e === "";
 	if (t === "isNotEmpty") return e != null && e !== "";
 	let r = n.trim();
@@ -227,23 +200,23 @@ function Ie(e, { operator: t, value: n }) {
 		default: return !0;
 	}
 }
-function Le(e, t, n) {
-	return Pe(n) ? Ie(e.getValue(t), n) : !0;
+function ze(e, t, n) {
+	return !Ie(n) || Re(e.getValue(t), n);
 }
 //#endregion
-//#region src/tmdatagrid/TMDataGridFilterPanel.tsx
-var Re = {
+//#region src/tmdatagrid/components/TMDataGridFilterPanel.tsx
+var Be = {
 	operator: "contains",
 	value: ""
 };
-function ze(e) {
-	return Pe(e) ? e : Re;
+function Ve(e) {
+	return Ie(e) ? e : Be;
 }
-function Be() {
-	let t = e(39), { table: n, ui: r, controlSize: i } = q(), a = x(r, Ge), o = x(n.store, We);
+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(Ue), u = l.map(He), t[0] = n, t[1] = l, t[2] = 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);
@@ -251,11 +224,11 @@ function Be() {
 	}, 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 = ze(o.find((t) => t.id === e)?.value), a = n.getColumn(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: J(a ? Ce(a) : "string"),
+				operator: Pe(a ? we(a) : "string"),
 				value: i.value
 			}
 		} : n)), r.actions.openFilterPanel(t);
@@ -265,7 +238,7 @@ function Be() {
 		n.setColumnFilters(o.map((n) => n.id === e ? {
 			...n,
 			value: {
-				...ze(n.value),
+				...Ve(n.value),
 				...t
 			}
 		} : n));
@@ -276,7 +249,7 @@ function Be() {
 		e && n.setColumnFilters([...o, {
 			id: e.id,
 			value: {
-				operator: J(Ce(e)),
+				operator: Pe(we(e)),
 				value: ""
 			}
 		}]);
@@ -285,22 +258,22 @@ function Be() {
 	if (t[18] !== _ || t[19] !== o || t[20] !== d || t[21] !== i || t[22] !== b || t[23] !== p || t[24] !== 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 = ze(e.value), a = t ? Ce(t) : "string", o = Y(r.operator);
-			return /* @__PURE__ */ L("div", {
-				className: G.filterRow,
+			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,
 				children: [
-					/* @__PURE__ */ I(s, {
+					/* @__PURE__ */ L(s, {
 						variant: "subtle",
 						color: "gray",
 						size: "lg",
 						"aria-label": "Remove filter",
 						onClick: () => p(e.id),
-						children: /* @__PURE__ */ I(F, {
+						children: /* @__PURE__ */ L(I, {
 							size: 18,
 							stroke: 1.6
 						})
 					}),
-					/* @__PURE__ */ I(h, {
+					/* @__PURE__ */ L(h, {
 						label: "Column",
 						size: i,
 						w: 160,
@@ -309,16 +282,16 @@ function Be() {
 						value: e.id,
 						onChange: (t) => t && _(e.id, t)
 					}),
-					/* @__PURE__ */ I(h, {
+					/* @__PURE__ */ L(h, {
 						label: "Operator",
 						size: i,
 						w: 170,
 						allowDeselect: !1,
-						data: Ne(a).map(Ve),
+						data: Ne(a).map(Ue),
 						value: r.operator,
 						onChange: (t) => t && b(e.id, { operator: t })
 					}),
-					/* @__PURE__ */ I(v, {
+					/* @__PURE__ */ L(v, {
 						label: "Value",
 						size: i,
 						w: 180,
@@ -335,7 +308,7 @@ function Be() {
 	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__ */ I(c, {
+	t[34] === C ? E = t[35] : (E = /* @__PURE__ */ L(c, {
 		variant: "subtle",
 		size: "compact-sm",
 		style: T,
@@ -343,210 +316,268 @@ function Be() {
 		children: "Add filter"
 	}), t[34] = C, t[35] = E);
 	let D;
-	return t[36] !== w || t[37] !== E ? (D = /* @__PURE__ */ I("div", {
-		className: G.filterPanel,
-		children: /* @__PURE__ */ L(g, {
+	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;
 }
-function Ve(e) {
+function Ue(e) {
 	return {
 		value: e,
-		label: ke[e]
+		label: je[e]
 	};
 }
-function He(e) {
+function We(e) {
 	return {
 		value: e.id,
-		label: Se(e)
+		label: Ce(e)
 	};
 }
-function Ue(e) {
+function Ge(e) {
 	return e.getCanFilter();
 }
-function We(e) {
+function Ke(e) {
 	return e.columnFilters;
 }
-function Ge(e) {
+function qe(e) {
 	return e.filterPanelOpen;
 }
+var Je = { footer: "_footer_6r35a_1" };
+//#endregion
+//#region src/tmdatagrid/core/capabilities.ts
+function Ye(e) {
+	return {
+		sorting: e.enableSorting !== !1,
+		filtering: e.enableColumnFilters !== !1,
+		hiding: e.enableHiding !== !1,
+		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
+	};
+}
+function Xe(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)
+	};
+}
+function Ze(e, t) {
+	let n = e.getAllLeafColumns(), r = (e) => n.some((n) => e(Xe(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),
+		canSelectRows: t.rowSelection,
+		canPaginate: t.pagination
+	};
+}
 //#endregion
-//#region src/tmdatagrid/TMDataGridFooter.tsx
-function Ke(t) {
-	let n = e(47), { pageSizeOptions: r } = t, i;
-	n[0] === r ? i = n[1] : (i = r === void 0 ? [
+//#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, n[0] = r, n[1] = i);
-	let a = i, { table: o, controlSize: c } = q();
-	x(o.store);
-	let { pageIndex: l, pageSize: d } = o.store.state.pagination, f;
-	n[2] === o ? f = n[3] : (f = o.getRowCount(), n[2] = o, n[3] = f);
-	let p = f, m = p === 0 ? 0 : l * d + 1, g = Math.min(p, (l + 1) * d), v;
-	n[4] === c ? v = n[5] : (v = /* @__PURE__ */ I(_, {
-		size: c,
+	] : 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[4] = c, n[5] = v);
-	let y;
-	n[6] === a ? y = n[7] : (y = a.map(String), n[6] = a, n[7] = y);
-	let b = String(d), S;
-	n[8] !== a[0] || n[9] !== o ? (S = (e) => {
+	}), 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[8] = a[0], n[9] = o, n[10] = S) : S = n[10];
-	let C;
-	n[11] !== c || n[12] !== y || n[13] !== b || n[14] !== S ? (C = /* @__PURE__ */ I(h, {
-		size: c,
+	}, 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: y,
-		value: b,
-		onChange: S
-	}), n[11] = c, n[12] = y, n[13] = b, n[14] = S, n[15] = C) : C = n[15];
-	let w;
-	n[16] !== v || n[17] !== C ? (w = /* @__PURE__ */ L(u, {
+		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: [v, C]
-	}), n[16] = v, n[17] = C, n[18] = w) : w = n[18];
-	let T;
-	n[19] !== c || n[20] !== m || n[21] !== g || n[22] !== p ? (T = /* @__PURE__ */ L(_, {
-		size: c,
+		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: [
-			m,
-			"–",
 			g,
+			"–",
+			v,
 			" of ",
-			p
+			m
 		]
-	}), n[19] = c, n[20] = m, n[21] = g, n[22] = p, n[23] = T) : T = n[23];
-	let E;
-	n[24] === o ? E = n[25] : (E = o.getCanPreviousPage(), n[24] = o, n[25] = E);
-	let D = !E, A;
-	n[26] === o ? A = n[27] : (A = () => o.previousPage(), n[26] = o, n[27] = A);
-	let j;
-	n[28] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ I(O, {
+	}), 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[28] = j) : j = n[28];
-	let M;
-	n[29] !== D || n[30] !== A ? (M = /* @__PURE__ */ I(s, {
+	}), 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: D,
-		onClick: A,
-		children: j
-	}), n[29] = D, n[30] = A, n[31] = M) : M = n[31];
-	let N;
-	n[32] === o ? N = n[33] : (N = o.getCanNextPage(), n[32] = o, n[33] = N);
-	let ee = !N, te;
-	n[34] === o ? te = n[35] : (te = () => o.nextPage(), n[34] = o, n[35] = te);
-	let P;
-	n[36] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ I(k, {
+		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[36] = P) : P = n[36];
-	let F;
-	n[37] !== ee || n[38] !== te ? (F = /* @__PURE__ */ I(s, {
+	}), 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: te,
-		children: P
-	}), n[37] = ee, n[38] = te, n[39] = F) : F = n[39];
-	let R;
-	n[40] !== M || n[41] !== F ? (R = /* @__PURE__ */ L(u, {
+		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: [M, F]
-	}), n[40] = M, n[41] = F, n[42] = R) : R = n[42];
-	let z;
-	return n[43] !== T || n[44] !== R || n[45] !== w ? (z = /* @__PURE__ */ L("div", {
-		className: G.footer,
+		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: [
-			w,
-			T,
-			R
+			E,
+			D,
+			V
 		]
-	}), n[43] = T, n[44] = R, n[45] = w, n[46] = z) : z = n[46], z;
-}
-//#endregion
-//#region src/tmdatagrid/capabilities.ts
-function qe(e) {
-	return {
-		sorting: e.enableSorting !== !1,
-		filtering: e.enableColumnFilters !== !1,
-		hiding: e.enableHiding !== !1,
-		pinning: e.enableColumnPinning !== !1,
-		resizing: e.enableColumnResizing !== !1,
-		ordering: e.enableColumnOrdering !== !1,
-		rowSelection: e.enableRowSelection !== !1
-	};
-}
-function Je(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 && Te(e)
-	};
-}
-function Ye(e, t) {
-	let n = e.getAllLeafColumns(), r = (e) => n.some((n) => e(Je(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),
-		canSelectRows: t.rowSelection
-	};
-}
+	}), 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/columnOrdering.ts
-function Xe(e, t) {
+//#region src/tmdatagrid/core/columnOrdering.ts
+function nt(e, t) {
 	return e.left.includes(t) ? "left" : e.right.includes(t) ? "right" : "center";
 }
-function Ze(e, t, n, r) {
+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 Qe({ table: e, columnId: t, targetId: n, side: r }) {
+function it({ table: e, columnId: t, targetId: n, side: r }) {
 	if (t === n) return;
-	let i = e.store.state.columnPinning, a = Xe(i, t);
-	if (a !== Xe(i, 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(Ze(o, t, n, r)), a !== "center" && e.setColumnPinning((e) => ({
+	e.setColumnOrder(rt(o, t, n, r)), a !== "center" && e.setColumnPinning((e) => ({
 		...e,
-		[a]: Ze(e[a], t, n, r)
+		[a]: rt(e[a], t, n, r)
 	}));
 }
-function $e(e, t) {
+function at(e, t) {
 	return t === "left" ? e.getLeftVisibleLeafColumns() : t === "right" ? e.getRightVisibleLeafColumns() : e.getCenterVisibleLeafColumns();
 }
-function et({ table: e, columnId: t, direction: n }) {
-	let r = $e(e, Xe(e.store.state.columnPinning, t)), i = r.findIndex((e) => e.id === t);
+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 || !Te(a) ? null : a;
+	return !a || !Ee(a) ? null : a;
 }
-function tt({ table: e, columnId: t, direction: n }) {
-	let r = et({
+function st({ table: e, columnId: t, direction: n }) {
+	let r = ot({
 		table: e,
 		columnId: t,
 		direction: n
 	});
-	r && Qe({
+	r && it({
 		table: e,
 		columnId: t,
 		targetId: r.id,
@@ -554,19 +585,81 @@ function tt({ table: e, columnId: t, direction: n }) {
 	});
 }
 //#endregion
-//#region src/tmdatagrid/persistence.ts
-var nt = [
+//#region src/tmdatagrid/components/TMDataGridSelectColumn.tsx
+var Q = "__select__";
+function ct(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;
+	n[2] === r ? o = n[3] : (o = () => r.getIsSomeRowsSelected(), n[2] = r, n[3] = o);
+	let s = x(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, {
+		size: "xs",
+		"aria-label": "Select all rows",
+		checked: a,
+		indeterminate: s,
+		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, {
+		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;
+}
+function ut(e) {
+	return e.stopPropagation();
+}
+function dt() {
+	return {
+		id: Q,
+		meta: {
+			label: "Checkbox selection",
+			align: "center",
+			enableOrdering: !1
+		},
+		size: 48,
+		minSize: 48,
+		maxSize: 48,
+		enableResizing: !1,
+		enableSorting: !1,
+		enableColumnFilter: !1,
+		enableGlobalFilter: !1,
+		enablePinning: !1,
+		header: ({ table: e }) => /* @__PURE__ */ L(ct, { table: e }),
+		cell: ({ row: e }) => /* @__PURE__ */ L(lt, { row: e })
+	};
+}
+//#endregion
+//#region src/tmdatagrid/core/persistence.ts
+var ft = [
 	"columnFilters",
 	"globalFilter",
 	"sorting",
 	"pagination"
-], rt = [
+], pt = [
 	"columnVisibility",
 	"columnSizing",
 	"columnOrder",
 	"columnPinning"
 ];
-function it(e, t) {
+function mt(e, t) {
 	if (!e) return null;
 	if (typeof e == "string") return {
 		key: e,
@@ -578,7 +671,7 @@ function it(e, t) {
 		slices: r
 	} : null;
 }
-function at(e) {
+function ht(e) {
 	if (!e) return null;
 	try {
 		return typeof window > "u" ? null : e.storageMode === "sessionStorage" ? window.sessionStorage : window.localStorage;
@@ -586,7 +679,34 @@ function at(e) {
 		return null;
 	}
 }
-function ot(e, t, n) {
+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);
@@ -594,13 +714,13 @@ function ot(e, t, n) {
 		let i = n(r);
 		if (typeof i != "object" || !i) return {};
 		let a = i, o = {};
-		for (let e of t.slices) e in a && (o[e] = a[e]);
+		for (let e of t.slices) e in a && St(e, a[e]) && (o[e] = a[e]);
 		return o;
 	} catch {
 		return {};
 	}
 }
-function X(e, t, n, r) {
+function wt(e, t, n, r) {
 	if (!e || !t) return;
 	let i = {};
 	for (let e of t.slices) i[e] = n[e];
@@ -608,179 +728,152 @@ function X(e, t, n, r) {
 		e.setItem(t.key, r(i));
 	} catch {}
 }
-function Z(e) {
+function Tt(e) {
 	return {
-		data: it(e?.dataKey, nt),
-		settings: it(e?.settingsKey, rt)
+		data: mt(e?.dataKey, ft),
+		settings: mt(e?.settingsKey, pt)
 	};
 }
-function st(e) {
-	let { data: t, settings: n } = Z(e);
+function Et(e) {
+	let { data: t, settings: n } = Tt(e);
 	return t !== null || n !== null;
 }
-var ct = (e) => JSON.parse(e), lt = (e) => JSON.stringify(e);
-function ut(e) {
-	let t = at(e), { data: n, settings: r } = Z(e), i = e?.deserialize ?? ct;
+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 {
-		...ot(t, r, i),
-		...ot(t, n, i)
+		...Ct(t, r, i),
+		...Ct(t, n, i)
 	};
 }
-function dt(e, t) {
-	let n = at(t);
+function At(e, t) {
+	let n = ht(t);
 	if (!n) return;
-	let { data: r, settings: i } = Z(t), a = t?.serialize ?? lt;
-	X(n, r, e, a), X(n, i, e, a);
+	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 ft = "__select__", Q = _e({
-	columnFilteringFeature: z,
-	globalFilteringFeature: pe,
-	rowSortingFeature: W,
-	rowPaginationFeature: he,
-	rowSelectionFeature: U,
-	columnPinningFeature: ne,
-	columnVisibilityFeature: ae,
-	columnOrderingFeature: B,
-	columnSizingFeature: ie,
-	columnResizingFeature: re,
-	columnFacetingFeature: R,
-	filteredRowModel: V(),
-	sortedRowModel: de(),
-	paginatedRowModel: ue(),
-	facetedRowModel: ce(),
-	facetedMinMaxValues: se(),
-	facetedUniqueValues: le(),
+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(),
 	filterFns: {
-		...H,
-		tmDataGrid: Le
+		...W,
+		tmDataGrid: ze
 	},
-	sortFns: ge,
-	tableMeta: me(),
-	columnMeta: me()
+	sortFns: he,
+	tableMeta: fe(),
+	columnMeta: fe()
 });
-function pt() {
-	return oe();
+function Nt() {
+	return ie();
 }
-function $(e) {
+function Pt(e) {
 	return e.map((e) => "columns" in e && Array.isArray(e.columns) ? {
 		...e,
-		columns: $(e.columns)
+		columns: Pt(e.columns)
 	} : {
 		filterFn: "tmDataGrid",
 		...e
 	});
 }
-function mt() {
-	return {
-		id: ft,
-		meta: {
-			label: "Checkbox selection",
-			align: "center",
-			enableOrdering: !1
-		},
-		size: 48,
-		minSize: 48,
-		maxSize: 48,
-		enableResizing: !1,
-		enableSorting: !1,
-		enableColumnFilter: !1,
-		enableGlobalFilter: !1,
-		enablePinning: !1,
-		header: ({ table: e }) => /* @__PURE__ */ I(l, {
-			size: "xs",
-			"aria-label": "Select all rows",
-			checked: e.getIsAllRowsSelected(),
-			indeterminate: e.getIsSomeRowsSelected(),
-			onChange: e.getToggleAllRowsSelectedHandler()
-		}),
-		cell: ({ row: e }) => /* @__PURE__ */ I(l, {
-			size: "xs",
-			"aria-label": "Select row",
-			checked: e.getIsSelected(),
-			disabled: !e.getCanSelect(),
-			indeterminate: e.getIsSomeSelected(),
-			onChange: e.getToggleSelectedHandler(),
-			onClick: (e) => e.stopPropagation()
-		})
-	};
-}
-function ht(t) {
-	let n = e(46), r, a, s;
-	n[0] === t ? (r = n[1], a = n[2], s = n[3]) : ({persist: s, enableColumnOrdering: r, ...a} = t, n[0] = t, n[1] = r, n[2] = a, n[3] = s);
-	let c = a.enableRowSelection !== !1, l = a.enableColumnPinning !== !1, u;
-	if (n[4] !== a.columns || n[5] !== c) {
-		let e = $(a.columns);
-		u = c ? [mt(), ...e] : e, n[4] = a.columns, n[5] = c, n[6] = u;
-	} else u = n[6];
-	let d = u, f;
-	n[7] === s ? f = n[8] : (f = () => ut(s), n[7] = s, n[8] = f);
-	let [p] = o(f), m = d, h;
-	n[9] !== l || n[10] !== c ? (h = c && l ? [ft] : [], n[9] = l, n[10] = c, n[11] = h) : h = n[11];
-	let g;
-	n[12] !== a.initialState?.columnPinning?.left || n[13] !== p.columnPinning?.left || n[14] !== h ? (g = [...h, ...(p.columnPinning?.left ?? a.initialState?.columnPinning?.left ?? []).filter(bt)], n[12] = a.initialState?.columnPinning?.left, n[13] = p.columnPinning?.left, n[14] = h, n[15] = g) : g = n[15];
-	let _;
-	n[16] !== a.initialState?.columnPinning?.right || n[17] !== p.columnPinning?.right ? (_ = p.columnPinning?.right ?? a.initialState?.columnPinning?.right ?? [], n[16] = a.initialState?.columnPinning?.right, n[17] = p.columnPinning?.right, n[18] = _) : _ = n[18];
-	let v;
-	n[19] !== g || n[20] !== _ ? (v = {
-		left: g,
-		right: _
-	}, n[19] = g, n[20] = _, n[21] = v) : v = n[21];
-	let y = a.initialState?.pagination, x;
-	n[22] !== p.pagination || n[23] !== y ? (x = {
-		pageIndex: 0,
-		pageSize: 25,
-		...y,
-		...p.pagination
-	}, n[22] = p.pagination, n[23] = y, n[24] = x) : x = n[24];
+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[25] !== a.initialState || n[26] !== p || n[27] !== v || n[28] !== x ? (S = {
-		...a.initialState,
-		...p,
-		columnPinning: v,
-		pagination: x
-	}, n[25] = a.initialState, n[26] = p, n[27] = v, n[28] = x, n[29] = S) : S = n[29];
+	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[30] !== a || n[31] !== S || n[32] !== m ? (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 = {
+		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 = {
+		...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 = {
 		columnResizeMode: "onChange",
 		enableSorting: !0,
 		enableColumnResizing: !0,
 		globalFilterFn: "includesString",
-		...a,
-		features: Q,
-		columns: m,
-		initialState: S
-	}, n[30] = a, n[31] = S, n[32] = m, n[33] = C) : C = n[33];
-	let w = ve(C), T, E;
-	n[34] !== s || n[35] !== w ? (T = () => {
-		if (!st(s)) return;
-		dt(w.store.state, s);
-		let e = w.store.subscribe((e) => {
-			dt(e, s);
+		...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);
+		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);
 		});
-		return () => e.unsubscribe();
-	}, E = [s, w], n[34] = s, n[35] = w, n[36] = T, n[37] = E) : (T = n[36], E = n[37]), i(T, E);
-	let D;
-	n[38] === Symbol.for("react.memo_cache_sentinel") ? (D = {
+		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 = {
 		filterPanelOpen: !1,
 		columnsPanelOpen: !1,
 		filterPanelColumnId: null,
 		draggedColumnId: null
-	}, n[38] = D) : D = n[38];
-	let O = b(D, gt), k;
-	n[39] !== r || n[40] !== a ? (k = qe({
-		...a,
-		enableColumnOrdering: r
-	}), n[39] = r, n[40] = a, n[41] = k) : k = n[41];
-	let A = k, j;
-	return n[42] !== A || n[43] !== w || n[44] !== O ? (j = {
-		table: w,
-		ui: O,
-		features: A
-	}, n[42] = A, n[43] = w, n[44] = O, n[45] = j) : j = n[45], j;
-}
-function gt(e) {
+	}, 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) {
 	let { setState: t } = e;
 	return {
 		openFilterPanel: (e) => {
@@ -791,101 +884,101 @@ function gt(e) {
 				filterPanelColumnId: n
 			}));
 		},
-		closeFilterPanel: () => t(yt),
+		closeFilterPanel: () => t(zt),
 		setColumnsPanelOpen: (e) => t((t) => ({
 			...t,
 			columnsPanelOpen: e
 		})),
-		toggleColumnsPanel: () => t(vt),
+		toggleColumnsPanel: () => t(Rt),
 		startColumnDrag: (e) => t((t) => ({
 			...t,
 			draggedColumnId: e
 		})),
-		endColumnDrag: () => t(_t)
+		endColumnDrag: () => t(Lt)
 	};
 }
-function _t(e) {
+function Lt(e) {
 	return {
 		...e,
 		draggedColumnId: null
 	};
 }
-function vt(e) {
+function Rt(e) {
 	return {
 		...e,
 		columnsPanelOpen: !e.columnsPanelOpen
 	};
 }
-function yt(e) {
+function zt(e) {
 	return {
 		...e,
 		filterPanelOpen: !1,
 		filterPanelColumnId: null
 	};
 }
-function bt(e) {
-	return e !== ft;
+function Bt(e) {
+	return e !== Q;
 }
-function xt(e, t) {
+function Vt(e, t) {
 	let n = e.table.getColumn(t);
 	n && n.getFilterValue() === void 0 && n.setFilterValue({
-		operator: J(n.columnDef.meta?.type ?? "string"),
+		operator: Pe(n.columnDef.meta?.type ?? "string"),
 		value: ""
 	}), e.ui.actions.openFilterPanel(t);
 }
 //#endregion
-//#region src/tmdatagrid/TMDataGridHeaderCell.tsx
-function St(t) {
-	let n = e(173), { 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: be }, n[0] = b) : b = n[0];
-	let { sorting: O, columnFilters: k, resizingColumnId: ee, columnPinning: P } = x(l.store, Dt, b), F = x(c.ui, Et), R = r.subHeaders.length === 0, z;
-	n[1] === d ? z = n[2] : (z = Se(d), n[1] = d, n[2] = z);
-	let B = z, ne;
-	n[3] === d ? ne = n[4] : (ne = we(d), n[3] = d, n[4] = ne);
-	let re = ne, ie;
-	n[5] !== d.id || n[6] !== O ? (ie = O.find((e) => e.id === d.id)?.desc, n[5] = d.id, n[6] = O, n[7] = ie) : ie = n[7];
-	let ae = ie, oe = ae !== void 0, se;
+//#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];
+	let re = ne, ie = re !== void 0, ae;
 	if (n[8] !== d.id || n[9] !== k) {
 		let e;
-		n[11] === d.id ? e = n[12] : (e = (e) => e.id === d.id && Fe(e.value), n[11] = d.id, n[12] = e), se = k.some(e), n[8] = d.id, n[9] = k, n[10] = se;
-	} else se = n[10];
-	let ce = se, le = ee === d.id, V = i.pinnedAt, ue;
-	n[13] !== d || n[14] !== u ? (ue = Je(d, u), n[13] = d, n[14] = u, n[15] = ue) : ue = n[15];
-	let de = ue, H = R && de.canSort, pe = R && de.canFilter, me = R && de.canHide, he = R && de.canPin, U = de.canResize, W = R && de.canReorder, ge;
-	n[16] !== u || n[17] !== R || n[18] !== l ? (ge = R && Ye(l, u).canHideAny, n[16] = u, n[17] = R, n[18] = l, n[19] = ge) : ge = n[19];
-	let _e = ge, ve = F === d.id, ye;
-	n[20] !== W || n[21] !== d.id || n[22] !== P || n[23] !== F || n[24] !== ve ? (ye = W && F !== null && !ve && Xe(P, F) === Xe(P, d.id), n[20] = W, n[21] = d.id, n[22] = P, n[23] = F, n[24] = ve, n[25] = ye) : ye = n[25];
-	let K = ye, xe;
-	n[26] !== c.ui || n[27] !== d.id ? (xe = function(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;
+	} 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) {
 		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] = xe) : xe = n[28];
-	let Ce = xe, Te;
-	n[29] === K ? Te = n[30] : (Te = function(e) {
+	}, 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;
 		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] = Te);
-	let Ee = Te, De;
-	n[31] === Symbol.for("react.memo_cache_sentinel") ? (De = function(e) {
+	}, n[29] = K, n[30] = Se);
+	let we = Se, Ee;
+	n[31] === Symbol.for("react.memo_cache_sentinel") ? (Ee = function(e) {
 		let t = e.relatedTarget;
 		t instanceof Node && e.currentTarget.contains(t) || g(null);
-	}, n[31] = De) : De = n[31];
-	let Oe = De, ke;
-	n[32] !== c.ui || n[33] !== d.id || n[34] !== F || n[35] !== h || n[36] !== K || n[37] !== l ? (ke = function(e) {
-		e.preventDefault(), g(null), c.ui.actions.endColumnDrag(), !(!K || !h || !F) && Qe({
+	}, 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({
 			table: l,
-			columnId: F,
+			columnId: I,
 			targetId: d.id,
 			side: h
 		});
-	}, n[32] = c.ui, n[33] = d.id, n[34] = F, n[35] = h, n[36] = K, n[37] = l, n[38] = ke) : ke = n[38];
-	let Ae = ke, je;
-	n[39] === c.ui ? je = n[40] : (je = function() {
+	}, 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() {
 		g(null), c.ui.actions.endColumnDrag();
-	}, n[39] = c.ui, n[40] = je);
-	let Me = je, Ne;
-	n[41] !== d || n[42] !== l ? (Ne = function(e) {
+	}, n[39] = c.ui, n[40] = Ae);
+	let je = Ae, Me;
+	n[41] !== d || n[42] !== l ? (Me = function(e) {
 		if (e && !(d.id in l.store.state.columnSizing)) {
 			let e = _.current?.getBoundingClientRect().width;
 			e && l.setColumnSizing((t) => ({
@@ -894,103 +987,103 @@ function St(t) {
 			}));
 		}
 		d.pin(e);
-	}, n[41] = d, n[42] = l, n[43] = Ne) : Ne = n[43];
-	let J = Ne, Y;
-	if (n[44] !== c || n[45] !== pe || n[46] !== me || n[47] !== _e || n[48] !== he || n[49] !== W || n[50] !== H || n[51] !== d || n[52] !== V || n[53] !== J || n[54] !== l) {
-		if (Y = [], H) {
+	}, 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) {
 			let e;
-			n[56] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ I(D, {
+			n[56] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ L(D, {
 				size: 16,
 				stroke: 1.6
 			}), n[56] = e) : e = n[56];
 			let t;
-			n[57] === d ? t = n[58] : (t = /* @__PURE__ */ I(f.Item, {
+			n[57] === d ? t = n[58] : (t = /* @__PURE__ */ L(f.Item, {
 				leftSection: e,
 				onClick: () => d.toggleSorting(!1),
 				children: "Sort by ASC"
 			}, "sort-asc"), n[57] = d, n[58] = t);
 			let r;
-			n[59] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ I(w, {
+			n[59] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ L(w, {
 				size: 16,
 				stroke: 1.6
 			}), n[59] = r) : r = n[59];
 			let i;
-			n[60] === d ? i = n[61] : (i = /* @__PURE__ */ I(f.Item, {
+			n[60] === d ? i = n[61] : (i = /* @__PURE__ */ L(f.Item, {
 				leftSection: r,
 				onClick: () => d.toggleSorting(!0),
 				children: "Sort by DESC"
 			}, "sort-desc"), n[60] = d, n[61] = i);
 			let a;
-			n[62] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ I(f.Divider, {}, "sort-divider"), n[62] = a) : a = n[62], Y.push(t, i, 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);
 		}
-		if (pe) {
+		if (de) {
 			let e;
-			n[63] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ I(N, {
+			n[63] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ L(N, {
 				size: 16,
 				stroke: 1.6
 			}), n[63] = e) : e = n[63];
 			let t;
-			n[64] !== c || n[65] !== d.id ? (t = /* @__PURE__ */ I(f.Item, {
+			n[64] !== c || n[65] !== d.id ? (t = /* @__PURE__ */ L(f.Item, {
 				leftSection: e,
-				onClick: () => xt(c, d.id),
+				onClick: () => Vt(c, d.id),
 				children: "Filter"
 			}, "filter"), n[64] = c, n[65] = d.id, n[66] = t) : t = n[66];
 			let r;
-			n[67] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ I(f.Divider, {}, "filter-divider"), n[67] = r) : r = n[67], Y.push(t, 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);
 		}
-		if (he) {
-			let e = V === "left" ? G.menuItemActive : void 0, t;
-			n[68] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ I(S, {
+		if (pe) {
+			let e = U === "left" ? Z.menuItemActive : void 0, t;
+			n[68] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ L(S, {
 				size: 16,
 				stroke: 1.6
 			}), n[68] = t) : t = n[68];
 			let r;
-			n[69] !== V || n[70] !== J ? (r = () => J(V === "left" ? !1 : "left"), n[69] = V, n[70] = J, n[71] = r) : r = n[71];
+			n[69] !== U || n[70] !== J ? (r = () => J(U !== "left" && "left"), n[69] = U, n[70] = J, n[71] = r) : r = n[71];
 			let i;
-			n[72] !== e || n[73] !== r ? (i = /* @__PURE__ */ I(f.Item, {
+			n[72] !== e || n[73] !== r ? (i = /* @__PURE__ */ L(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 = V === "right" ? G.menuItemActive : void 0, o;
-			n[75] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ I(C, {
+			let a = U === "right" ? Z.menuItemActive : void 0, o;
+			n[75] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ L(C, {
 				size: 16,
 				stroke: 1.6
 			}), n[75] = o) : o = n[75];
 			let s;
-			n[76] !== V || n[77] !== J ? (s = () => J(V === "right" ? !1 : "right"), n[76] = V, n[77] = J, n[78] = s) : s = n[78];
+			n[76] !== U || n[77] !== J ? (s = () => J(U !== "right" && "right"), n[76] = U, n[77] = J, n[78] = s) : s = n[78];
 			let c;
-			if (n[79] !== a || n[80] !== s ? (c = /* @__PURE__ */ I(f.Item, {
+			if (n[79] !== a || n[80] !== s ? (c = /* @__PURE__ */ L(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), V) {
+			}, "pin-right"), n[79] = a, n[80] = s, n[81] = c) : c = n[81], Y.push(i, c), U) {
 				let e;
-				n[82] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ I(te, {
+				n[82] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ L(F, {
 					size: 16,
 					stroke: 1.6
 				}), n[82] = e) : e = n[82];
 				let t;
-				n[83] === J ? t = n[84] : (t = /* @__PURE__ */ I(f.Item, {
+				n[83] === J ? t = n[84] : (t = /* @__PURE__ */ L(f.Item, {
 					leftSection: e,
 					onClick: () => J(!1),
 					children: "Unpin"
 				}, "unpin"), n[83] = J, n[84] = t), Y.push(t);
 			}
 			let l;
-			n[85] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ I(f.Divider, {}, "pin-divider"), n[85] = l) : l = n[85], Y.push(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);
 		}
-		if (W) {
+		if (G) {
 			let e;
-			n[86] !== d.id || n[87] !== l ? (e = et({
+			n[86] !== d.id || n[87] !== l ? (e = ot({
 				table: l,
 				columnId: d.id,
 				direction: -1
 			}), n[86] = d.id, n[87] = l, n[88] = e) : e = n[88];
 			let t = e, r;
-			n[89] !== d.id || n[90] !== l ? (r = et({
+			n[89] !== d.id || n[90] !== l ? (r = ot({
 				table: l,
 				columnId: d.id,
 				direction: 1
@@ -998,226 +1091,227 @@ function St(t) {
 			let i = r;
 			if (t || i) {
 				let e = !t, r;
-				n[92] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ I(T, {
+				n[92] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ L(T, {
 					size: 16,
 					stroke: 1.6
 				}), n[92] = r) : r = n[92];
 				let a;
-				n[93] !== d.id || n[94] !== l ? (a = () => tt({
+				n[93] !== d.id || n[94] !== l ? (a = () => st({
 					table: l,
 					columnId: d.id,
 					direction: -1
 				}), n[93] = d.id, n[94] = l, n[95] = a) : a = n[95];
 				let o;
-				n[96] !== e || n[97] !== a ? (o = /* @__PURE__ */ I(f.Item, {
+				n[96] !== e || n[97] !== a ? (o = /* @__PURE__ */ L(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];
 				let s = !i, c;
-				n[99] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ I(E, {
+				n[99] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ L(E, {
 					size: 16,
 					stroke: 1.6
 				}), n[99] = c) : c = n[99];
 				let u;
-				n[100] !== d.id || n[101] !== l ? (u = () => tt({
+				n[100] !== d.id || n[101] !== l ? (u = () => st({
 					table: l,
 					columnId: d.id,
 					direction: 1
 				}), n[100] = d.id, n[101] = l, n[102] = u) : u = n[102];
 				let p;
-				n[103] !== s || n[104] !== u ? (p = /* @__PURE__ */ I(f.Item, {
+				n[103] !== s || n[104] !== u ? (p = /* @__PURE__ */ L(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];
 				let m;
-				n[106] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ I(f.Divider, {}, "move-divider"), n[106] = m) : m = n[106], Y.push(o, p, 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);
 			}
 		}
-		if (me) {
+		if (fe) {
 			let e;
-			n[107] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ I(M, {
+			n[107] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ L(M, {
 				size: 16,
 				stroke: 1.6
 			}), n[107] = e) : e = n[107];
 			let t;
-			n[108] === d ? t = n[109] : (t = /* @__PURE__ */ I(f.Item, {
+			n[108] === d ? t = n[109] : (t = /* @__PURE__ */ L(f.Item, {
 				leftSection: e,
 				onClick: () => d.toggleVisibility(!1),
 				children: "Hide column"
 			}, "hide"), n[108] = d, n[109] = t), Y.push(t);
 		}
-		if (_e) {
+		if (ge) {
 			let e;
-			n[110] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ I(A, {
+			n[110] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ L(A, {
 				size: 16,
 				stroke: 1.6
 			}), n[110] = e) : e = n[110];
 			let t;
-			n[111] === c.ui.actions ? t = n[112] : (t = /* @__PURE__ */ I(f.Item, {
+			n[111] === c.ui.actions ? t = n[112] : (t = /* @__PURE__ */ L(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);
 		}
-		for (; Y.length > 0 && Ot(Y.at(-1));) Y.pop();
-		n[44] = c, n[45] = pe, n[46] = me, n[47] = _e, n[48] = he, n[49] = W, n[50] = H, n[51] = d, n[52] = V, n[53] = J, n[54] = l, n[55] = Y;
+		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 Pe = H ? G.headerCellSortable : "", Ie = ve ? G.headerCellDragging : "", Le = h === "before" ? G.headerCellDropBefore : "", Re = h === "after" ? G.headerCellDropAfter : "", ze = i.isBoundary && V === "left" ? G.stickyLeft : "", Be = i.isBoundary && V === "right" ? G.stickyRight : "", Ve;
-	n[113] !== Pe || n[114] !== Ie || n[115] !== Le || n[116] !== Re || n[117] !== ze || n[118] !== Be ? (Ve = [
-		G.headerCell,
+	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,
-		Le,
 		Re,
-		ze,
-		Be
-	].filter(Boolean), n[113] = Pe, n[114] = Ie, n[115] = Le, n[116] = Re, n[117] = ze, n[118] = Be, n[119] = Ve) : Ve = n[119];
-	let He = Ve.join(" "), Ue = `dg-header-${d.id}`, We = oe || ce, Ge = W && !le, Ke = W ? Ce : void 0, qe = W ? Me : void 0, Ze = K ? Ee : void 0, $e = K ? Oe : void 0, nt = K ? Ae : void 0, rt = V === "left" ? i.offset : void 0, it = V === "right" ? i.offset : void 0, at = V ? "sticky" : void 0, ot = V ? 4 : void 0, X;
-	n[120] !== rt || n[121] !== it || n[122] !== at || n[123] !== ot ? (X = {
-		left: rt,
-		right: it,
-		position: at,
-		zIndex: ot
-	}, n[120] = rt, n[121] = it, n[122] = at, n[123] = ot, n[124] = X) : X = n[124];
-	let Z;
-	n[125] !== H || n[126] !== d ? (Z = H ? (e) => {
+		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) => {
 		if (v.current) {
 			v.current = !1;
 			return;
 		}
 		d.getToggleSortingHandler()?.(e);
-	} : void 0, n[125] = H, n[126] = d, n[127] = Z) : Z = n[127];
-	let st;
-	n[128] !== d.columnDef || n[129] !== r || n[130] !== R || n[131] !== B ? (st = r.isPlaceholder ? null : /* @__PURE__ */ I(y, {
-		label: B,
+	} : 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,
 		openDelay: 600,
 		withinPortal: !0,
-		disabled: !R,
-		children: /* @__PURE__ */ I("span", {
-			className: G.headerTitle,
-			children: fe(d.columnDef.header, r.getContext())
+		disabled: !z,
+		children: /* @__PURE__ */ L("span", {
+			className: Z.headerTitle,
+			children: ue(d.columnDef.header, r.getContext())
 		})
-	}), n[128] = d.columnDef, n[129] = r, n[130] = R, n[131] = B, n[132] = st) : st = n[132];
-	let ct;
-	n[133] !== c || n[134] !== H || n[135] !== d || n[136] !== ce || n[137] !== R || n[138] !== oe || n[139] !== B || n[140] !== Y || n[141] !== p || n[142] !== ae ? (ct = R && /* @__PURE__ */ L("div", {
-		className: G.headerActions,
+	}), 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,
 		children: [
-			ce && /* @__PURE__ */ I(s, {
-				className: G.headerAction,
+			oe && /* @__PURE__ */ L(s, {
+				className: Z.headerAction,
 				"data-pinned-visible": "true",
 				variant: "subtle",
 				color: "gray",
 				size: "xs",
-				"aria-label": `Filter on ${B}`,
+				"aria-label": `Filter on ${V}`,
 				onClick: (e) => {
-					e.stopPropagation(), xt(c, d.id);
+					e.stopPropagation(), Vt(c, d.id);
 				},
-				children: /* @__PURE__ */ I(N, {
+				children: /* @__PURE__ */ L(N, {
 					size: 14,
 					stroke: 1.6
 				})
 			}),
-			H && /* @__PURE__ */ I(s, {
-				className: G.headerAction,
-				"data-pinned-visible": oe,
+			W && /* @__PURE__ */ L(s, {
+				className: Z.headerAction,
+				"data-pinned-visible": ie,
 				variant: "subtle",
 				color: "gray",
 				size: "xs",
-				"aria-label": `Sort ${B}`,
+				"aria-label": `Sort ${V}`,
 				onClick: d.getToggleSortingHandler(),
-				children: I(ae ? w : D, {
+				children: L(re ? w : D, {
 					size: 14,
 					stroke: 1.6
 				})
 			}),
-			Y.length > 0 && d.id !== "__select__" && /* @__PURE__ */ L(f, {
+			Y.length > 0 && d.id !== "__select__" && /* @__PURE__ */ R(f, {
 				opened: p,
 				onChange: m,
 				position: "bottom-start",
 				shadow: "md",
 				width: 220,
 				withinPortal: !0,
-				children: [/* @__PURE__ */ I(f.Target, { children: /* @__PURE__ */ I(s, {
-					className: G.headerAction,
+				children: [/* @__PURE__ */ L(f.Target, { children: /* @__PURE__ */ L(s, {
+					className: Z.headerAction,
 					"data-pinned-visible": p,
 					variant: "subtle",
 					color: "gray",
 					size: "xs",
-					"aria-label": `${B} column menu`,
+					"aria-label": `${V} column menu`,
 					onClick: (e) => {
-						e.stopPropagation(), m(Tt);
+						e.stopPropagation(), m(Gt);
 					},
-					children: /* @__PURE__ */ I(j, {
+					children: /* @__PURE__ */ L(j, {
 						size: 14,
 						stroke: 1.6
 					})
-				}) }), /* @__PURE__ */ I(f.Dropdown, {
-					onClick: wt,
+				}) }), /* @__PURE__ */ L(f.Dropdown, {
+					onClick: Wt,
 					children: Y
 				})]
 			})
 		]
-	}), n[133] = c, n[134] = H, n[135] = d, n[136] = ce, n[137] = R, n[138] = oe, n[139] = B, n[140] = Y, n[141] = p, n[142] = ae, n[143] = ct) : ct = n[143];
-	let lt = U ? G.columnSeparatorResizable : "", ut = le ? G.columnSeparatorActive : "", dt;
-	n[144] !== lt || n[145] !== ut ? (dt = [
-		G.columnSeparator,
-		lt,
-		ut
-	].filter(Boolean), n[144] = lt, n[145] = ut, n[146] = dt) : dt = n[146];
-	let ft = dt.join(" "), Q;
-	n[147] !== U || n[148] !== r ? (Q = U ? (e) => {
+	}), 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) => {
 		v.current = !0, r.getResizeHandler()(e);
-	} : void 0, n[147] = U, n[148] = r, n[149] = Q) : Q = n[149];
-	let pt;
-	n[150] !== U || n[151] !== r ? (pt = U ? r.getResizeHandler() : void 0, n[150] = U, n[151] = r, n[152] = pt) : pt = n[152];
+	} : 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] !== ft || n[154] !== Q || n[155] !== pt ? ($ = /* @__PURE__ */ I("div", {
-		className: ft,
+	n[153] !== pt || n[154] !== mt || n[155] !== ht ? ($ = /* @__PURE__ */ L("div", {
+		className: pt,
 		draggable: !1,
-		onMouseDown: Q,
-		onTouchStart: pt,
-		onClick: Ct
-	}), n[153] = ft, n[154] = Q, n[155] = pt, n[156] = $) : $ = n[156];
-	let mt;
-	return n[157] !== re || n[158] !== He || n[159] !== Ue || n[160] !== We || n[161] !== Ge || n[162] !== Ke || n[163] !== qe || n[164] !== Ze || n[165] !== $e || n[166] !== nt || n[167] !== X || n[168] !== Z || n[169] !== st || n[170] !== ct || n[171] !== $ ? (mt = /* @__PURE__ */ L("div", {
+		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", {
 		ref: _,
 		role: "columnheader",
-		"data-testid": Ue,
-		"data-active": We,
-		"data-align": re,
-		className: He,
+		"data-testid": He,
+		"data-active": Ue,
+		"data-align": te,
+		"aria-sort": We,
+		className: Ve,
 		draggable: Ge,
 		onDragStart: Ke,
 		onDragEnd: qe,
-		onDragOver: Ze,
-		onDragLeave: $e,
-		onDrop: nt,
-		style: X,
-		onClick: Z,
+		onDragOver: Je,
+		onDragLeave: Ye,
+		onDrop: Qe,
+		style: at,
+		onClick: Q,
 		children: [
-			st,
 			ct,
+			lt,
 			$
 		]
-	}), n[157] = re, n[158] = He, n[159] = Ue, n[160] = We, n[161] = Ge, n[162] = Ke, n[163] = qe, n[164] = Ze, n[165] = $e, n[166] = nt, n[167] = X, n[168] = Z, n[169] = st, n[170] = ct, n[171] = $, n[172] = mt) : mt = n[172], mt;
+	}), 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;
 }
-function Ct(e) {
+function Ut(e) {
 	return e.stopPropagation();
 }
-function wt(e) {
+function Wt(e) {
 	return e.stopPropagation();
 }
-function Tt(e) {
+function Gt(e) {
 	return !e;
 }
-function Et(e) {
+function Kt(e) {
 	return e.draggedColumnId;
 }
-function Dt(e) {
+function qt(e) {
 	return {
 		sorting: e.sorting,
 		columnFilters: e.columnFilters,
@@ -1226,22 +1320,22 @@ function Dt(e) {
 		columnOrder: e.columnOrder
 	};
 }
-function Ot(e) {
+function Jt(e) {
 	return typeof e == "object" && !!e && "type" in e && e.type === f.Divider;
 }
 //#endregion
-//#region src/tmdatagrid/TMDataGridTable.tsx
-var kt = {
+//#region src/tmdatagrid/components/TMDataGridTable.tsx
+var Yt = {
 	pinnedAt: !1,
 	offset: 0,
 	isBoundary: !1
 };
-function At(t) {
+function Xt(t) {
 	let n = e(20), { cell: r, rowHeight: i, layout: a } = t, o;
-	n[0] === r.column ? o = n[1] : (o = we(r.column), n[0] = r.column, n[1] = o);
-	let s = a.isBoundary && a.pinnedAt === "left" ? G.stickyLeft : "", c = a.isBoundary && a.pinnedAt === "right" ? G.stickyRight : "", l;
+	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 = [
-		G.bodyCell,
+		X.bodyCell,
 		s,
 		c
 	].filter(Boolean), n[2] = s, n[3] = c, n[4] = l) : l = n[4];
@@ -1254,14 +1348,14 @@ function At(t) {
 		zIndex: m
 	}, n[5] = i, n[6] = d, n[7] = f, n[8] = p, n[9] = m, n[10] = h) : h = n[10];
 	let g;
-	n[11] === r ? g = n[12] : (g = fe(r.column.columnDef.cell, r.getContext()), n[11] = r, n[12] = g);
+	n[11] === r ? g = n[12] : (g = ue(r.column.columnDef.cell, r.getContext()), n[11] = r, n[12] = g);
 	let _;
-	n[13] === g ? _ = n[14] : (_ = /* @__PURE__ */ I("span", {
-		className: G.cellContent,
+	n[13] === g ? _ = n[14] : (_ = /* @__PURE__ */ L("span", {
+		className: X.cellContent,
 		children: g
 	}), n[13] = g, n[14] = _);
 	let v;
-	return n[15] !== o || n[16] !== h || n[17] !== _ || n[18] !== u ? (v = /* @__PURE__ */ I("div", {
+	return n[15] !== o || n[16] !== h || n[17] !== _ || n[18] !== u ? (v = /* @__PURE__ */ L("div", {
 		role: "cell",
 		"data-align": o,
 		className: u,
@@ -1269,32 +1363,38 @@ function At(t) {
 		children: _
 	}), n[15] = o, n[16] = h, n[17] = _, n[18] = u, n[19] = v) : v = n[19], v;
 }
-function jt({ onRowClick: e }) {
-	let { table: t, rowHeight: r, controlSize: i } = q();
+function Zt({ onRowClick: e }) {
+	let { table: t, features: r, rowHeight: o, controlSize: s } = q();
 	x(t.store);
-	let { loading: o, noResultsLabel: s = "No rows match your filters" } = t.options.meta ?? {}, c = a(null), l = t.getPaginatedRowModel().rows, u = ye({
-		count: l.length,
-		getScrollElement: () => c.current,
-		estimateSize: n(() => r, [r]),
-		getItemKey: n((e) => l[e]?.id ?? e, [l]),
+	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;
+	i(() => {
+		if (!r.pagination) return;
+		let e = t.getPageCount();
+		e > 0 && t.store.state.pagination.pageIndex >= e && t.setPageIndex(e - 1);
+	});
+	let p = ve({
+		count: f.length,
+		getScrollElement: () => u.current,
+		estimateSize: n(() => o, [o]),
+		getItemKey: n((e) => f[e]?.id ?? e, [f]),
 		overscan: 6,
 		initialRect: {
 			height: 600,
 			width: 1200
 		}
-	}), f = u.getVirtualItems(), p = f[0]?.start ?? 0, m = u.getTotalSize() - (f.at(-1)?.end ?? 0), h = t.getLeftLeafColumns(), g = t.getRightLeafColumns(), v = t.getCenterLeafColumns(), y = [
-		...h,
+	}), 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,
-		...g
-	], b = t.getCenterHeaderGroups(), S = t.getLeftHeaderGroups(), C = t.getRightHeaderGroups(), w = b.map((e, t) => ({
+		...b,
+		...y
+	], C = t.getCenterHeaderGroups(), w = t.getLeftHeaderGroups(), T = t.getRightHeaderGroups(), E = C.map((e, t) => ({
 		id: e.id,
 		headers: [
-			...S[t]?.headers ?? [],
+			...w[t]?.headers ?? [],
 			...e.headers,
-			...C[t]?.headers ?? []
+			...T[t]?.headers ?? []
 		]
-	})), T = t.store.state.columnSizing, E = y.map((e) => {
-		let t = e.columnDef.minSize === e.columnDef.maxSize, n = e.id in T, r = e.getIsPinned() !== !1, i = e.columnDef.minSize ?? 80;
+	})), 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;
 		return t || n || r ? {
 			track: `${e.getSize()}px`,
 			minWidth: e.getSize()
@@ -1302,131 +1402,148 @@ function jt({ onRowClick: e }) {
 			track: `minmax(${i}px, ${e.columnDef.meta?.flex ?? 1}fr)`,
 			minWidth: i
 		};
-	}), D = E.map((e) => e.track).join(" "), O = E.reduce((e, t) => e + t.minWidth, 0), k = /* @__PURE__ */ new Map(), A = (e) => E[y.findIndex((t) => t.id === e)]?.minWidth ?? 0, j = 0;
-	for (let e of h) k.set(e.id, {
+	}), 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, {
 		pinnedAt: "left",
-		offset: j,
-		isBoundary: e.id === h.at(-1)?.id
-	}), j += A(e.id);
-	let M = 0;
-	for (let e of [...g].reverse()) k.set(e.id, {
+		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, {
 		pinnedAt: "right",
-		offset: M,
-		isBoundary: e.id === g[0]?.id
-	}), M += A(e.id);
-	for (let e of v) k.set(e.id, {
+		offset: P,
+		isBoundary: e.id === y[0]?.id
+	}), P += M(e.id);
+	for (let e of b) j.set(e.id, {
 		pinnedAt: !1,
 		offset: 0,
 		isBoundary: !1
 	});
-	let N = (e) => k.get(e) ?? kt, ee = l.length === 0;
-	return /* @__PURE__ */ L("div", {
-		className: G.tableWrapper,
-		children: [/* @__PURE__ */ I("div", {
-			ref: c,
-			className: G.scrollContainer,
-			children: /* @__PURE__ */ L("div", {
+	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", {
 				role: "table",
-				className: G.grid,
+				className: X.grid,
+				"aria-rowcount": f.length + E.length,
+				"aria-colcount": S.length,
 				style: {
-					gridTemplateColumns: D,
-					minWidth: O
+					gridTemplateColumns: k,
+					minWidth: A
 				},
 				children: [
-					/* @__PURE__ */ I("div", {
+					/* @__PURE__ */ L("div", {
 						role: "rowgroup",
 						style: { display: "contents" },
-						children: w.map((e) => /* @__PURE__ */ I("div", {
+						children: E.map((e, t) => /* @__PURE__ */ L("div", {
 							role: "row",
-							className: G.headerRow,
-							children: e.headers.map((e) => /* @__PURE__ */ I(St, {
+							"aria-rowindex": t + 1,
+							className: X.headerRow,
+							children: e.headers.map((e) => /* @__PURE__ */ L(Ht, {
 								header: e,
-								layout: N(e.column.id)
+								layout: F(e.column.id)
 							}, e.id))
 						}, e.id))
 					}),
-					p > 0 && /* @__PURE__ */ I("div", {
+					h > 0 && /* @__PURE__ */ L("div", {
 						"aria-hidden": !0,
 						style: {
 							gridColumn: "1/-1",
-							height: p
+							height: h
 						}
 					}),
-					/* @__PURE__ */ I("div", {
+					/* @__PURE__ */ L("div", {
 						role: "rowgroup",
 						style: { display: "contents" },
-						children: f.map((t) => {
-							let n = l[t.index];
-							return n ? /* @__PURE__ */ I("div", {
+						children: m.map((e) => {
+							let t = f[e.index];
+							return t ? /* @__PURE__ */ L("div", {
 								role: "row",
-								"data-testid": `dg-row-${n.id}`,
-								"data-selected": n.getIsSelected(),
-								className: G.bodyRow,
+								"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,
 								style: {
-									minHeight: r,
-									cursor: e ? "pointer" : void 0
+									minHeight: o,
+									cursor: B ? "pointer" : void 0
 								},
-								onClick: e ? () => e(n) : 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));
+								} : void 0,
 								children: [
-									...n.getLeftVisibleCells(),
-									...n.getCenterVisibleCells(),
-									...n.getRightVisibleCells()
-								].map((e) => /* @__PURE__ */ I(At, {
+									...t.getLeftVisibleCells(),
+									...t.getCenterVisibleCells(),
+									...t.getRightVisibleCells()
+								].map((e) => /* @__PURE__ */ L(Xt, {
 									cell: e,
-									rowHeight: r,
-									layout: N(e.column.id)
+									rowHeight: o,
+									layout: F(e.column.id)
 								}, e.id))
-							}, t.key) : null;
+							}, e.key) : null;
 						})
 					}),
-					ee && o === !0 && /* @__PURE__ */ I("div", {
+					I && c === !0 && /* @__PURE__ */ L("div", {
 						role: "row",
-						className: G.messageRow,
-						children: /* @__PURE__ */ I(d, { size: "lg" })
+						className: X.messageRow,
+						children: /* @__PURE__ */ L(d, { size: "lg" })
 					}),
-					ee && o !== !0 && /* @__PURE__ */ L("div", {
+					I && c !== !0 && /* @__PURE__ */ R("div", {
 						role: "row",
-						className: G.messageRow,
-						children: [/* @__PURE__ */ I(P, {
+						className: X.messageRow,
+						children: [/* @__PURE__ */ L(ee, {
 							size: 40,
 							stroke: 1.4,
 							opacity: .4
-						}), /* @__PURE__ */ I(_, {
-							size: i,
+						}), /* @__PURE__ */ L(_, {
+							size: s,
 							c: "dimmed",
-							children: s
+							children: l
 						})]
 					}),
-					m > 0 && /* @__PURE__ */ I("div", {
+					g > 0 && /* @__PURE__ */ L("div", {
 						"aria-hidden": !0,
 						style: {
 							gridColumn: "1/-1",
-							height: m
+							height: g
 						}
 					})
 				]
 			})
-		}), /* @__PURE__ */ I(Be, {})]
+		}), /* @__PURE__ */ L(He, {})]
 	});
 }
+var Qt = {
+	toolbar: "_toolbar_4my8t_1",
+	toolbarSpacer: "_toolbarSpacer_4my8t_10"
+};
 //#endregion
-//#region src/tmdatagrid/TMDataGridToolbar.tsx
-function Mt(t) {
+//#region src/tmdatagrid/components/TMDataGridToolbar.tsx
+function $t(t) {
 	let n = e(2), { children: r } = t, i;
-	return n[0] === r ? i = n[1] : (i = /* @__PURE__ */ I("div", {
-		className: G.toolbar,
+	return n[0] === r ? i = n[1] : (i = /* @__PURE__ */ L("div", {
+		className: Qt.toolbar,
 		children: r
 	}), n[0] = r, n[1] = i), i;
 }
-function Nt() {
+function en() {
 	let t = e(1), n;
-	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ I("div", { className: G.toolbarSpacer }), t[0] = n) : n = t[0], n;
+	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ L("div", { className: Qt.toolbarSpacer }), t[0] = n) : n = t[0], n;
 }
-function Pt(t) {
+function tn(t) {
 	let n = e(11), { children: r } = t, { table: i, controlSize: a } = q();
 	if (x(i.store), r !== void 0) {
 		let e;
-		return n[0] !== r || n[1] !== a ? (e = /* @__PURE__ */ I(_, {
+		return n[0] !== r || n[1] !== a ? (e = /* @__PURE__ */ L(_, {
 			size: a,
 			c: "dimmed",
 			children: r
@@ -1437,7 +1554,7 @@ function Pt(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__ */ L(_, {
+	return n[7] !== a || n[8] !== s || n[9] !== l ? (u = /* @__PURE__ */ R(_, {
 		size: a,
 		c: "dimmed",
 		children: [
@@ -1447,19 +1564,19 @@ function Pt(t) {
 		]
 	}), n[7] = a, n[8] = s, n[9] = l, n[10] = u) : u = n[10], u;
 }
-function Ft() {
-	let t = e(9), { table: n, ui: r, features: i, controlSize: a } = q(), o = x(r, It);
-	if (!Ye(n, i).canHideAny) return null;
+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;
 	let c;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ I(ee, {
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ L(P, {
 		size: 18,
 		stroke: 1.6
 	}), t[0] = c) : c = t[0];
 	let l;
-	t[1] !== a || t[2] !== r.actions.toggleColumnsPanel ? (l = /* @__PURE__ */ I(p.Target, { children: /* @__PURE__ */ I(y, {
+	t[1] !== a || t[2] !== r.actions.toggleColumnsPanel ? (l = /* @__PURE__ */ L(p.Target, { children: /* @__PURE__ */ L(y, {
 		label: "Manage columns",
 		openDelay: 400,
-		children: /* @__PURE__ */ I(s, {
+		children: /* @__PURE__ */ L(s, {
 			variant: "subtle",
 			color: "gray",
 			size: a,
@@ -1469,12 +1586,12 @@ function Ft() {
 		})
 	}) }), 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__ */ I(p.Dropdown, {
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ L(p.Dropdown, {
 		p: 0,
-		children: /* @__PURE__ */ I(Ee, {})
+		children: /* @__PURE__ */ L(De, {})
 	}), t[4] = u) : u = t[4];
 	let d;
-	return t[5] !== o || t[6] !== l || t[7] !== r.actions.setColumnsPanelOpen ? (d = /* @__PURE__ */ L(p, {
+	return t[5] !== o || t[6] !== l || t[7] !== r.actions.setColumnsPanelOpen ? (d = /* @__PURE__ */ R(p, {
 		opened: o,
 		onChange: r.actions.setColumnsPanelOpen,
 		position: "bottom-end",
@@ -1485,31 +1602,31 @@ function Ft() {
 		children: [l, u]
 	}), t[5] = o, t[6] = l, t[7] = r.actions.setColumnsPanelOpen, t[8] = d) : d = t[8], d;
 }
-function It(e) {
+function rn(e) {
 	return e.columnsPanelOpen;
 }
-function Lt() {
-	let t = e(11), n = q(), { table: r, ui: i, features: a, controlSize: o } = n, c = x(i, Vt), l = x(r.store, Bt).filter(zt).length;
-	if (!Ye(r, a).canFilterAny) return null;
+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;
 	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(Rt);
-		e ? xt(n, e.id) : i.actions.openFilterPanel();
+		let e = r.getAllLeafColumns().find(on);
+		e ? Vt(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__ */ I(N, {
+	t[5] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ L(N, {
 		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__ */ I(y, {
+	return t[6] !== o || t[7] !== u || t[8] !== d || t[9] !== f ? (m = /* @__PURE__ */ L(y, {
 		label: "Filters",
 		openDelay: 400,
-		children: /* @__PURE__ */ I(s, {
+		children: /* @__PURE__ */ L(s, {
 			variant: u,
 			color: d,
 			size: o,
@@ -1519,27 +1636,27 @@ function Lt() {
 		})
 	}), t[6] = o, t[7] = u, t[8] = d, t[9] = f, t[10] = m) : m = t[10], m;
 }
-function Rt(e) {
+function on(e) {
 	return e.getCanFilter();
 }
-function zt(e) {
-	return Fe(e.value);
+function sn(e) {
+	return Le(e.value);
 }
-function Bt(e) {
+function cn(e) {
 	return e.columnFilters;
 }
-function Vt(e) {
+function ln(e) {
 	return e.filterPanelOpen;
 }
 //#endregion
-//#region src/tmdatagrid/sizes.ts
-var Ht = "md", Ut = {
+//#region src/tmdatagrid/core/sizes.ts
+var un = "md", dn = {
 	xs: 34,
 	sm: 42,
 	md: 52,
 	lg: 62,
 	xl: 72
-}, Wt = {
+}, fn = {
 	xs: "xs",
 	sm: "xs",
 	md: "sm",
@@ -1547,9 +1664,9 @@ var Ht = "md", Ut = {
 	xl: "md"
 };
 //#endregion
-//#region src/tmdatagrid/TMDataGrid.tsx
-function Gt(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 ?? Ut[u], f = Wt[u], p;
+//#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;
 	n[0] !== a || n[1] !== d || n[2] !== u || n[3] !== f || n[4] !== r || n[5] !== i ? (p = {
 		table: r,
 		ui: i,
@@ -1559,32 +1676,32 @@ function Gt(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 = [G.root, c].filter(Boolean), n[7] = c, n[8] = h);
+	n[7] === c ? h = n[8] : (h = [K.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__ */ I("div", {
+	n[9] !== s || n[10] !== u || n[11] !== l || n[12] !== g ? (_ = /* @__PURE__ */ L("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__ */ I(xe, {
+	return n[14] !== m || n[15] !== _ ? (v = /* @__PURE__ */ L(Se, {
 		value: m,
 		children: _
 	}), n[14] = m, n[15] = _, n[16] = v) : v = n[16], v;
 }
-var Kt = Object.assign(Gt, {
-	Toolbar: Mt,
-	Spacer: Nt,
-	SummaryCount: Pt,
-	ColumnsButton: Ft,
-	FilterButton: Lt,
-	Table: jt,
-	Footer: Ke,
-	FilterPanel: Be,
-	ColumnsPanel: Ee
+var mn = Object.assign(pn, {
+	Toolbar: $t,
+	Spacer: en,
+	SummaryCount: tn,
+	ColumnsButton: nn,
+	FilterButton: an,
+	Table: Zt,
+	Footer: $e,
+	FilterPanel: He,
+	ColumnsPanel: De
 });
 //#endregion
-export { nt as DATA_STATE_SLICES, Ht as DEFAULT_TMDATAGRID_SIZE, ke as FILTER_OPERATOR_LABELS, ft as SELECT_COLUMN_ID, rt as SETTINGS_STATE_SLICES, Wt as SIZE_CONTROL_SIZE, Ut as SIZE_ROW_HEIGHT, Kt as TMDataGrid, pt as createTMDataGridColumnHelper, Je as getColumnCapabilities, Se as getColumnLabel, Xe as getColumnRegion, Ce as getColumnType, Ye as getGridCapabilities, et as getStepTargetColumn, Te as isColumnReorderable, Fe as isFilterActive, Qe as moveColumn, tt as moveColumnByStep, xt as openColumnFilter, qe as readFeatureFlags, Q as tmDataGridFeatures, ht as useTMDataGrid, q as useTMDataGridContext };
+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 };
 
 //# sourceMappingURL=index.js.map