@jielga/tmdatagrid 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,134 +1,397 @@
 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, 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 = {
+import { createContext as t, useCallback as n, useContext as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { ActionIcon as c, Button as l, Checkbox as u, Group as d, Loader as f, Menu as p, MultiSelect as m, Pill as h, Popover as g, ScrollArea as _, Select as v, Stack as y, Text as b, TextInput as x, Tooltip as S, UnstyledButton as C } from "@mantine/core";
+import { useCreateStore as w, useSelector as T } from "@tanstack/react-store";
+import { IconArrowAutofitWidth as E, IconArrowBarToLeft as D, IconArrowBarToRight as O, IconArrowDown as k, IconArrowLeft as A, IconArrowRight as j, IconArrowUp as M, IconChevronLeft as N, IconChevronRight as P, IconColumns3 as F, IconDotsVertical as I, IconEyeOff as ee, IconFilter as te, IconFoldDown as ne, IconFoldUp as L, IconIndentDecrease as R, IconIndentIncrease as re, IconMenu2 as z, IconPinnedOff as ie, IconSearch as B, IconX as V } from "@tabler/icons-react";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { shallow as ae } from "@tanstack/store";
+import { aggregationFns as G, columnFacetingFeature as oe, columnFilteringFeature as se, columnGroupingFeature as ce, columnOrderingFeature as le, columnPinningFeature as ue, columnResizingFeature as de, columnSizingFeature as fe, columnVisibilityFeature as pe, createColumnHelper as me, createExpandedRowModel as he, createFacetedMinMaxValues as ge, createFacetedRowModel as _e, createFacetedUniqueValues as ve, createFilteredRowModel as ye, createGroupedRowModel as be, createPaginatedRowModel as K, createSortedRowModel as q, filterFns as J, flexRender as xe, globalFilteringFeature as Se, metaHelper as Ce, rowExpandingFeature as Y, rowPaginationFeature as we, rowSelectionFeature as Te, rowSortingFeature as Ee, sortFns as De, tableFeatures as Oe, useTable as ke } from "@tanstack/react-table";
+import { useVirtualizer as Ae } from "@tanstack/react-virtual";
+var je = { root: "_root_qequm_8" }, X = {
 	columnsPanel: "_columnsPanel_1492o_1",
 	columnsPanelSearch: "_columnsPanelSearch_1492o_7",
 	columnsPanelList: "_columnsPanelList_1492o_11",
 	columnsPanelFooter: "_columnsPanelFooter_1492o_18"
-}, ke = t(null), Ae = ke.Provider;
-function je() {
-	let e = r(ke);
+}, Me = t(null), Ne = Me.Provider;
+function Z() {
+	let e = r(Me);
 	if (!e) throw Error("TMDataGrid compound components must be rendered inside <TMDataGrid>");
 	return e;
 }
+function Pe() {
+	let { features: e } = Z();
+	return e.cellSelection ? -1 : 0;
+}
+var Fe = {
+	detailsToggle: "_detailsToggle_n39tz_3",
+	chevron: "_chevron_n39tz_12"
+};
+//#endregion
+//#region src/tmdatagrid/core/expanding.ts
+function Ie(e, t) {
+	return t === "groups" ? e.getIsGrouped() : !e.getIsGrouped();
+}
+function Le(e, t) {
+	if (t !== !0) return { ...t };
+	let n = {};
+	for (let t of e) n[t.id] = !0;
+	return n;
+}
+function Re({ rows: e, expanded: t, target: n }) {
+	let r = !1;
+	for (let i of e) if (Ie(i, n) && (r = !0, t !== !0 && t[i.id] !== !0)) return !1;
+	return r;
+}
+function ze({ rows: e, expanded: t, target: n, expand: r }) {
+	let i = Le(e, t);
+	for (let t of e) Ie(t, n) && (r ? i[t.id] = !0 : delete i[t.id]);
+	return i;
+}
+//#endregion
+//#region src/tmdatagrid/components/TMDataGridDetailsColumn.tsx
+var Be = "__details__";
+function Ve(t) {
+	let n = e(13), { row: r } = t, { labels: i } = Z(), a;
+	n[0] === r ? a = n[1] : (a = () => r.getIsExpanded(), n[0] = r, n[1] = a);
+	let o = T(r.table.store, a), s = Pe();
+	if (r.getIsGrouped()) return null;
+	let c = o ? i.hideDetails : i.showDetails, l;
+	n[2] === r ? l = n[3] : (l = (e) => {
+		e.stopPropagation(), r.toggleExpanded();
+	}, n[2] = r, n[3] = l);
+	let u;
+	n[4] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ U(P, {
+		size: 16,
+		stroke: 1.6
+	}), n[4] = u) : u = n[4];
+	let d;
+	n[5] === o ? d = n[6] : (d = /* @__PURE__ */ U("span", {
+		className: Fe.chevron,
+		"data-expanded": o,
+		children: u
+	}), n[5] = o, n[6] = d);
+	let f;
+	return n[7] !== o || n[8] !== c || n[9] !== l || n[10] !== d || n[11] !== s ? (f = /* @__PURE__ */ U(C, {
+		className: Fe.detailsToggle,
+		tabIndex: s,
+		"aria-expanded": o,
+		"aria-label": c,
+		onClick: l,
+		children: d
+	}), n[7] = o, n[8] = c, n[9] = l, n[10] = d, n[11] = s, n[12] = f) : f = n[12], f;
+}
+function He(t) {
+	let n = e(16), { table: r } = t, { labels: i } = Z(), a;
+	n[0] === r ? a = n[1] : (a = () => r.getPrePaginatedRowModel().flatRows, n[0] = r, n[1] = a);
+	let o = a, s;
+	n[2] === o ? s = n[3] : (s = (e) => Re({
+		rows: o(),
+		expanded: e.expanded,
+		target: "details"
+	}), n[2] = o, n[3] = s);
+	let c = T(r.store, s), l = c ? i.collapseAllDetails : i.expandAllDetails, u;
+	n[4] !== c || n[5] !== o || n[6] !== r ? (u = () => r.setExpanded(ze({
+		rows: o(),
+		expanded: r.store.state.expanded,
+		target: "details",
+		expand: !c
+	})), n[4] = c, n[5] = o, n[6] = r, n[7] = u) : u = n[7];
+	let d;
+	n[8] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ U(P, {
+		size: 16,
+		stroke: 1.6
+	}), n[8] = d) : d = n[8];
+	let f;
+	n[9] === c ? f = n[10] : (f = /* @__PURE__ */ U("span", {
+		className: Fe.chevron,
+		"data-expanded": c,
+		children: d
+	}), n[9] = c, n[10] = f);
+	let p;
+	return n[11] !== c || n[12] !== l || n[13] !== u || n[14] !== f ? (p = /* @__PURE__ */ U(C, {
+		className: Fe.detailsToggle,
+		"aria-expanded": c,
+		"aria-label": l,
+		onClick: u,
+		children: f
+	}), n[11] = c, n[12] = l, n[13] = u, n[14] = f, n[15] = p) : p = n[15], p;
+}
+function Ue(e = "Details") {
+	return {
+		id: Be,
+		meta: {
+			label: e,
+			align: "center",
+			enableOrdering: !1
+		},
+		size: 36,
+		minSize: 36,
+		maxSize: 36,
+		enableResizing: !1,
+		enableSorting: !1,
+		enableColumnFilter: !1,
+		enableGlobalFilter: !1,
+		enableHiding: !1,
+		enablePinning: !1,
+		header: ({ table: e }) => /* @__PURE__ */ U(He, { table: e }),
+		cell: ({ row: e }) => /* @__PURE__ */ U(Ve, { row: e })
+	};
+}
+//#endregion
+//#region src/tmdatagrid/core/grouping.ts
+function We(e) {
+	return e.subRows.length === 0 ? [e] : e.getLeafRows().filter((e) => e.subRows.length === 0);
+}
+//#endregion
+//#region src/tmdatagrid/core/rowSelection.ts
+function Ge(e, t) {
+	return Ke(e, t) ? e.getPaginatedRowModel().rows : e.getPrePaginatedRowModel().rows;
+}
+function Ke(e, t) {
+	return t.pagination && e.store.state.grouping.length === 0;
+}
+function qe(e) {
+	return We(e).filter((e) => e.getCanSelect()).map((e) => e.id);
+}
+function Je({ 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 = qe(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 qe(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 Ye(t) {
+	let n = e(11), { table: r } = t, { labels: i } = Z(), a;
+	n[0] === r ? a = n[1] : (a = () => r.getIsAllRowsSelected(), n[0] = r, n[1] = a);
+	let o = T(r.store, a), s;
+	n[2] === r ? s = n[3] : (s = () => r.getIsSomeRowsSelected(), n[2] = r, n[3] = s);
+	let c = T(r.store, s), l = i.selectAllRows, d = c && !o, f;
+	n[4] === r ? f = n[5] : (f = r.getToggleAllRowsSelectedHandler(), n[4] = r, n[5] = f);
+	let p;
+	return n[6] !== o || n[7] !== i.selectAllRows || n[8] !== d || n[9] !== f ? (p = /* @__PURE__ */ U(u, {
+		size: "xs",
+		"aria-label": l,
+		checked: o,
+		indeterminate: d,
+		onChange: f
+	}), n[6] = o, n[7] = i.selectAllRows, n[8] = d, n[9] = f, n[10] = p) : p = n[10], p;
+}
+function Xe(t) {
+	let n = e(2), { table: r } = t, { features: i } = Z();
+	if (!i.multiRowSelection) return null;
+	let a;
+	return n[0] === r ? a = n[1] : (a = /* @__PURE__ */ U(Ye, { table: r }), n[0] = r, n[1] = a), a;
+}
+function Ze(t) {
+	let n = e(20), { row: r } = t, { ui: i, features: a, labels: o } = Z(), s = Pe(), c = r.subRows.length > 0, l;
+	n[0] !== c || n[1] !== r ? (l = () => c ? r.getIsAllSubRowsSelected() : r.getIsSelected(), n[0] = c, n[1] = r, n[2] = l) : l = n[2];
+	let d = T(r.table.store, l), f;
+	n[3] === r ? f = n[4] : (f = () => r.getIsSomeSelected(), n[3] = r, n[4] = f);
+	let p = T(r.table.store, f), m;
+	n[5] === r ? m = n[6] : (m = qe(r), n[5] = r, n[6] = m);
+	let h = m;
+	if (c && !r.getCanMultiSelect()) return null;
+	let g = c ? o.selectGroup : o.selectRow, _ = h.length === 0, v = p && !d, y;
+	n[7] !== a || n[8] !== r.id || n[9] !== r.table || n[10] !== i.actions || n[11] !== i.state.selectionAnchorRowId ? (y = (e) => {
+		let t = e.nativeEvent, n = t instanceof MouseEvent, o = Je({
+			rows: Ge(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] = y) : y = n[12];
+	let b;
+	return n[13] !== d || n[14] !== g || n[15] !== _ || n[16] !== v || n[17] !== y || n[18] !== s ? (b = /* @__PURE__ */ U(u, {
+		size: "xs",
+		tabIndex: s,
+		"aria-label": g,
+		checked: d,
+		disabled: _,
+		indeterminate: v,
+		onChange: y,
+		onClick: Qe
+	}), n[13] = d, n[14] = g, n[15] = _, n[16] = v, n[17] = y, n[18] = s, n[19] = b) : b = n[19], b;
+}
+function Qe(e) {
+	return e.stopPropagation();
+}
+function $e(e = "Checkbox selection") {
+	return {
+		id: Q,
+		meta: {
+			label: e,
+			align: "center",
+			enableOrdering: !1
+		},
+		size: 36,
+		minSize: 36,
+		maxSize: 36,
+		enableResizing: !1,
+		enableSorting: !1,
+		enableColumnFilter: !1,
+		enableGlobalFilter: !1,
+		enablePinning: !1,
+		header: ({ table: e }) => /* @__PURE__ */ U(Xe, { table: e }),
+		cell: ({ row: e }) => /* @__PURE__ */ U(Ze, { row: e }),
+		aggregatedCell: ({ row: e }) => /* @__PURE__ */ U(Ze, { row: e })
+	};
+}
 //#endregion
 //#region src/tmdatagrid/core/columnUtils.ts
-function Me(e) {
+function et(e) {
 	let t = e.columnDef.meta?.label;
 	if (t) return t;
 	let n = e.columnDef.header;
 	return typeof n == "string" ? n : e.id;
 }
-function Ne(e) {
+function tt(e) {
 	return e.columnDef.meta?.type ?? "string";
 }
-function Pe(e) {
+function nt(e) {
 	return e.columnDef.meta?.align ?? "left";
 }
-function Fe(e) {
+function rt(e) {
+	return e === "__select__" || e === "__details__";
+}
+function it(e) {
 	return e.columnDef.meta?.enableOrdering !== !1 && e.parent === void 0;
 }
-var Ie = {
+var at = {
 	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);
+}, ot = "__group__", st = 16, ct = "(Blank)";
+function lt(e, t = ct) {
+	return e == null || e === "" ? t : e instanceof Date ? e.toLocaleDateString() : String(e);
+}
+function ut(t) {
+	let n = e(38), { row: r } = t, { labels: i } = Z(), a;
+	n[0] === r ? a = n[1] : (a = () => r.getIsExpanded(), n[0] = r, n[1] = a);
+	let o = T(r.table.store, a), s = Pe();
 	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) => {
+	let c, l, u, d, f, p, m;
+	if (n[2] !== o || n[3] !== i || n[4] !== r.depth || n[5] !== r.groupingValue || n[6] !== s) {
+		l = lt(r.groupingValue, i.blankGroupValue), c = C, u = at.groupToggle;
+		let e = r.depth * st;
+		n[14] === e ? d = n[15] : (d = { paddingInlineStart: e }, n[14] = e, n[15] = d), f = s, p = o, m = o ? i.collapseGroup(l) : i.expandGroup(l), n[2] = o, n[3] = i, n[4] = r.depth, n[5] = r.groupingValue, n[6] = s, n[7] = c, n[8] = l, n[9] = u, n[10] = d, n[11] = f, n[12] = p, n[13] = m;
+	} else c = n[7], l = n[8], u = n[9], d = n[10], f = n[11], p = n[12], m = n[13];
+	let h;
+	n[16] === r ? h = n[17] : (h = (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, {
+	}, n[16] = r, n[17] = h);
+	let g;
+	n[18] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ U(P, {
 		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,
+	}), n[18] = g) : g = n[18];
+	let _;
+	n[19] === o ? _ = n[20] : (_ = /* @__PURE__ */ U("span", {
+		className: at.chevron,
+		"data-expanded": o,
+		children: g
+	}), n[19] = o, n[20] = _);
+	let v;
+	n[21] === l ? v = n[22] : (v = /* @__PURE__ */ U("span", {
+		className: at.groupLabel,
+		children: l
+	}), n[21] = l, n[22] = v);
+	let y;
+	n[23] === r ? y = n[24] : (y = We(r), n[23] = r, n[24] = y);
+	let b;
+	n[25] === y.length ? b = n[26] : (b = /* @__PURE__ */ W("span", {
+		className: at.groupCount,
 		children: [
 			"(",
-			h.length,
+			y.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,
+	}), n[25] = y.length, n[26] = b);
+	let x;
+	return n[27] !== c || n[28] !== v || n[29] !== b || n[30] !== u || n[31] !== d || n[32] !== f || n[33] !== p || n[34] !== m || n[35] !== h || n[36] !== _ ? (x = /* @__PURE__ */ W(c, {
+		className: u,
+		style: d,
+		tabIndex: f,
+		"aria-expanded": p,
+		"aria-label": m,
+		onClick: h,
 		children: [
-			p,
-			m,
-			g
+			_,
+			v,
+			b
 		]
-	}), 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) {
+	}), n[27] = c, n[28] = v, n[29] = b, n[30] = u, n[31] = d, n[32] = f, n[33] = p, n[34] = m, n[35] = h, n[36] = _, n[37] = x) : x = n[37], x;
+}
+function dt(t) {
+	let n = e(6), { table: r } = t, { labels: i } = Z(), a;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = { compare: ae }, n[0] = a) : a = n[0];
+	let o = T(r.store, ft, a);
+	if (o.length === 0) return i.groupColumnLabel;
+	let s;
+	if (n[1] !== o || 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;
+			return t ? et(t) : e;
+		}, n[4] = r, n[5] = e), s = o.map(e).join(" / "), n[1] = o, n[2] = r, n[3] = s;
+	} else s = n[3];
+	return s;
 }
-function He(e) {
+function ft(e) {
 	return e.grouping;
 }
-function Ue() {
+function pt(e = "Group") {
 	return {
-		id: Re,
+		id: ot,
 		meta: {
-			label: "Group",
+			label: e,
 			enableOrdering: !1
 		},
 		size: 260,
@@ -138,114 +401,154 @@ function Ue() {
 		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 })
+		cell: ({ row: e }) => /* @__PURE__ */ U(ut, { row: e }),
+		aggregatedCell: ({ row: e }) => /* @__PURE__ */ U(ut, { row: e }),
+		header: ({ table: e }) => /* @__PURE__ */ U(dt, { table: e })
 	};
 }
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridColumnsPanel.tsx
-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().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 = 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, {
+function mt() {
+	let t = e(61), { table: n, labels: r, controlSize: i } = Z(), [a, o] = s(""), c = T(n.store, _t), d, f, p, m, h, g, v, y, S, C;
+	if (t[0] !== c || t[1] !== i || t[2] !== r.columnsSearchPlaceholder || t[3] !== a || t[4] !== n) {
+		let e = n.getAllLeafColumns().filter(gt), s = a.trim().toLowerCase();
+		C = s ? e.filter((e) => et(e).toLowerCase().includes(s)) : e, f = e.filter(ht);
+		let l;
+		t[15] === c ? l = t[16] : (l = (e) => c[e.id] !== !1, t[15] = c, t[16] = l), p = f.filter(l).length, y = X.columnsPanel;
+		let b;
+		t[17] === Symbol.for("react.memo_cache_sentinel") ? (b = (e) => o(e.currentTarget.value), t[17] = b) : b = t[17];
+		let w;
+		t[18] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ U(B, {
 			size: 16,
 			stroke: 1.6
-		}), 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: v,
-				placeholder: "Search",
-				leftSection: C,
-				size: r,
+		}), t[18] = w) : w = t[18], t[19] !== i || t[20] !== r.columnsSearchPlaceholder || t[21] !== a ? (S = /* @__PURE__ */ U("div", {
+			className: X.columnsPanelSearch,
+			children: /* @__PURE__ */ U(x, {
+				value: a,
+				onChange: b,
+				placeholder: r.columnsSearchPlaceholder,
+				leftSection: w,
+				size: i,
 				"data-autofocus": !0
 			})
-		}), 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__ */ G(l, {
-			size: r,
-			label: Me(e),
+		}), t[19] = i, t[20] = r.columnsSearchPlaceholder, t[21] = a, t[22] = S) : S = t[22], d = _.Autosize, g = 260, v = "auto", m = X.columnsPanelList;
+		let T;
+		t[23] !== c || t[24] !== i ? (T = (e) => /* @__PURE__ */ U(u, {
+			size: i,
+			label: et(e),
 			disabled: !e.getCanHide(),
-			checked: s[e.id] !== !1,
+			checked: c[e.id] !== !1,
 			onChange: (t) => e.toggleVisibility(t.currentTarget.checked)
-		}, 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];
+		}, e.id), t[23] = c, t[24] = i, t[25] = T) : T = t[25], h = C.map(T), t[0] = c, t[1] = i, t[2] = r.columnsSearchPlaceholder, t[3] = a, t[4] = n, t[5] = d, t[6] = f, t[7] = p, t[8] = m, t[9] = h, t[10] = g, t[11] = v, t[12] = y, t[13] = S, t[14] = C;
+	} else d = t[5], f = t[6], p = t[7], m = t[8], h = t[9], g = t[10], v = t[11], y = t[12], S = t[13], C = t[14];
 	let w;
-	t[24] !== r || t[25] !== i || t[26] !== S.length ? (w = S.length === 0 && /* @__PURE__ */ K(v, {
-		size: r,
+	t[26] !== i || t[27] !== r || t[28] !== a || t[29] !== C.length ? (w = C.length === 0 && /* @__PURE__ */ U(b, {
+		size: i,
 		c: "dimmed",
-		children: [
-			"No columns match “",
-			i,
-			"”"
-		]
-	}), t[24] = r, t[25] = i, t[26] = S.length, t[27] = w) : w = t[27];
-	let T;
-	t[28] !== p || t[29] !== m || t[30] !== w ? (T = /* @__PURE__ */ K("div", {
-		className: p,
-		children: [m, w]
-	}), t[28] = p, t[29] = m, t[30] = w, t[31] = T) : T = t[31];
+		children: r.columnsNoMatch(a)
+	}), t[26] = i, t[27] = r, t[28] = a, t[29] = C.length, t[30] = w) : w = t[30];
 	let E;
-	t[32] !== u || t[33] !== g || t[34] !== _ || t[35] !== T ? (E = /* @__PURE__ */ G(u, {
+	t[31] !== m || t[32] !== h || t[33] !== w ? (E = /* @__PURE__ */ W("div", {
+		className: m,
+		children: [h, w]
+	}), t[31] = m, t[32] = h, t[33] = w, t[34] = E) : E = t[34];
+	let D;
+	t[35] !== d || t[36] !== g || t[37] !== v || t[38] !== E ? (D = /* @__PURE__ */ U(d, {
 		mah: g,
-		type: _,
-		children: T
-	}), 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__ */ G(l, {
-		size: r,
-		label: "Show/Hide All",
-		checked: D,
-		indeterminate: O,
-		onChange: k
-	}), t[39] = r, t[40] = O, t[41] = k, t[42] = D, t[43] = A) : A = t[43];
+		type: v,
+		children: E
+	}), t[35] = d, t[36] = g, t[37] = v, t[38] = E, t[39] = D) : D = t[39];
+	let O = p === f.length, k = p > 0 && p < f.length, A;
+	t[40] === n ? A = t[41] : (A = (e) => n.toggleAllColumnsVisible(e.currentTarget.checked), t[40] = n, t[41] = A);
 	let j;
-	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);
+	t[42] !== i || t[43] !== r.columnsShowHideAll || t[44] !== k || t[45] !== A || t[46] !== O ? (j = /* @__PURE__ */ U(u, {
+		size: i,
+		label: r.columnsShowHideAll,
+		checked: O,
+		indeterminate: k,
+		onChange: A
+	}), t[42] = i, t[43] = r.columnsShowHideAll, t[44] = k, t[45] = A, t[46] = O, t[47] = j) : j = t[47];
 	let M;
-	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];
+	t[48] === n ? M = t[49] : (M = () => n.resetColumnVisibility(), t[48] = n, t[49] = M);
 	let N;
-	return t[49] !== M || t[50] !== b || t[51] !== x || t[52] !== E ? (N = /* @__PURE__ */ K("div", {
-		className: b,
+	t[50] !== r.columnsReset || t[51] !== M ? (N = /* @__PURE__ */ U(l, {
+		variant: "subtle",
+		size: "compact-sm",
+		onClick: M,
+		children: r.columnsReset
+	}), t[50] = r.columnsReset, t[51] = M, t[52] = N) : N = t[52];
+	let P;
+	t[53] !== j || t[54] !== N ? (P = /* @__PURE__ */ W("div", {
+		className: X.columnsPanelFooter,
+		children: [j, N]
+	}), t[53] = j, t[54] = N, t[55] = P) : P = t[55];
+	let F;
+	return t[56] !== P || t[57] !== y || t[58] !== S || t[59] !== D ? (F = /* @__PURE__ */ W("div", {
+		className: y,
 		children: [
-			x,
-			E,
-			M
+			S,
+			D,
+			P
 		]
-	}), t[49] = M, t[50] = b, t[51] = x, t[52] = E, t[53] = N) : N = t[53], N;
+	}), t[56] = P, t[57] = y, t[58] = S, t[59] = D, t[60] = F) : F = t[60], F;
 }
-function Ge(e) {
+function ht(e) {
 	return e.getCanHide();
 }
-function Ke(e) {
-	return e.id !== Re;
+function gt(e) {
+	return e.id !== ot;
 }
-function qe(e) {
+function _t(e) {
 	return e.columnVisibility;
 }
-var Je = {
+var vt = {
 	filterPanel: "_filterPanel_izakx_4",
 	filterRow: "_filterRow_izakx_16",
 	filterPanelHeader: "_filterPanelHeader_izakx_22",
 	filterPanelFooter: "_filterPanelFooter_izakx_30"
-}, Ye = {
+};
+//#endregion
+//#region src/tmdatagrid/core/columnOptions.ts
+function yt(e, t) {
+	t == null || t === "" || e.add(String(t));
+}
+function bt({ table: e, column: t, row: n, fallback: r }) {
+	let i = t.columnDef.meta?.options ?? r;
+	if (!i) return [];
+	if (i === "faceted") {
+		let e = /* @__PURE__ */ new Set();
+		for (let n of t.getFacetedUniqueValues().keys()) if (Array.isArray(n)) for (let t of n) yt(e, t);
+		else yt(e, n);
+		return [...e].sort((e, t) => e.localeCompare(t, void 0, { numeric: !0 })).map((e) => ({ value: e }));
+	}
+	return (typeof i == "function" ? i({
+		table: e,
+		column: t,
+		row: n
+	}) : i).map((e) => typeof e == "string" ? { value: e } : e);
+}
+function xt(e) {
+	let t = [], n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = {
+			value: r.value,
+			label: r.label ?? r.value,
+			...r.disabled ? { disabled: !0 } : {}
+		};
+		if (r.group === void 0) t.push(e);
+		else {
+			let t = n.get(r.group);
+			t ? t.push(e) : n.set(r.group, [e]);
+		}
+	}
+	return [...t, ...[...n].map(([e, t]) => ({
+		group: e,
+		items: t
+	}))];
+}
+//#endregion
+//#region src/tmdatagrid/core/filterOperators.ts
+var St = {
 	contains: "contains",
 	equals: "equals",
 	notEquals: "does not equal",
@@ -255,9 +558,15 @@ var Je = {
 	greaterThanOrEqual: "is greater than or equal to",
 	lessThan: "is less than",
 	lessThanOrEqual: "is less than or equal to",
+	before: "is before",
+	after: "is after",
+	onOrBefore: "is on or before",
+	onOrAfter: "is on or after",
+	isAnyOf: "is any of",
+	isNoneOf: "is none of",
 	isEmpty: "is empty",
 	isNotEmpty: "is not empty"
-}, Xe = [
+}, Ct = [
 	"contains",
 	"equals",
 	"notEquals",
@@ -265,7 +574,7 @@ var Je = {
 	"endsWith",
 	"isEmpty",
 	"isNotEmpty"
-], Ze = [
+], wt = [
 	"equals",
 	"notEquals",
 	"greaterThan",
@@ -274,33 +583,96 @@ var Je = {
 	"lessThanOrEqual",
 	"isEmpty",
 	"isNotEmpty"
-], Qe = ["isEmpty", "isNotEmpty"];
-function $e(e) {
-	return e === "number" ? Ze : Xe;
+], Tt = [
+	"equals",
+	"notEquals",
+	"before",
+	"after",
+	"onOrBefore",
+	"onOrAfter",
+	"isEmpty",
+	"isNotEmpty"
+], Et = [
+	"equals",
+	"notEquals",
+	"isEmpty",
+	"isNotEmpty"
+], Dt = [
+	"isAnyOf",
+	"isNoneOf",
+	"isEmpty",
+	"isNotEmpty"
+], Ot = ["isEmpty", "isNotEmpty"], kt = ["isAnyOf", "isNoneOf"], At = {
+	string: Ct,
+	number: wt,
+	boolean: Et,
+	date: Tt,
+	select: Dt,
+	multiSelect: Dt
+}, jt = {
+	string: "contains",
+	number: "equals",
+	boolean: "equals",
+	date: "equals",
+	select: "isAnyOf",
+	multiSelect: "isAnyOf"
+};
+function Mt(e) {
+	return At[e];
 }
-function et(e) {
-	return e === "number" ? "equals" : "contains";
+function Nt(e) {
+	return jt[e];
 }
-function tt(e) {
-	return !Qe.includes(e);
+function Pt(e) {
+	return !Ot.includes(e);
 }
-function nt(e) {
+function Ft(e) {
+	return kt.includes(e);
+}
+function It(e) {
 	return typeof e == "object" && !!e && "operator" in e && typeof e.operator == "string";
 }
-function rt(e) {
-	return nt(e) ? !tt(e.operator) || e.value.trim() !== "" : !1;
-}
-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();
+function Lt(e) {
+	return It(e) ? Pt(e.operator) ? Array.isArray(e.value) ? e.value.length > 0 : typeof e.value == "string" && e.value.trim() !== "" : !0 : !1;
+}
+function Rt({ label: e, type: t, filter: n, operatorLabels: r = St }) {
+	let { operator: i, value: a } = n;
+	if (!Pt(i)) return `${e} ${r[i]}`;
+	let o = Array.isArray(a) ? a.join(", ") : String(a).trim();
+	return i === Nt(t) ? `${e}: ${o}` : `${e} ${r[i]} ${o}`;
+}
+function zt(e) {
+	if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e.toLocaleDateString("sv-SE");
+	if (typeof e == "string") {
+		let t = /^(\d{4}-\d{2}-\d{2})/.exec(e.trim());
+		return t ? t[1] : null;
+	}
+	return null;
+}
+function Bt(e) {
+	return e == null || e === "" || Array.isArray(e) && e.length === 0;
+}
+function Vt(e, { operator: t, value: n }) {
+	if (t === "isEmpty") return Bt(e);
+	if (t === "isNotEmpty") return !Bt(e);
+	if (t === "isAnyOf" || t === "isNoneOf") {
+		let r = (Array.isArray(n) ? n : [n]).map((e) => String(e).toLowerCase()).filter((e) => e !== "");
+		if (r.length === 0) return !0;
+		let i = (Array.isArray(e) ? e : [e]).some((e) => r.includes(String(e ?? "").toLowerCase()));
+		return t === "isAnyOf" ? i : !i;
+	}
+	let r = typeof n == "string" ? n.trim() : n.join(",").trim();
 	if (r === "") return !0;
+	switch (t) {
+		case "before":
+		case "after":
+		case "onOrBefore":
+		case "onOrAfter": {
+			let n = zt(e), i = zt(r);
+			return n === null || i === null ? !1 : t === "before" ? n < i : t === "after" ? n > i : t === "onOrBefore" ? n <= i : n >= i;
+		}
+		default: break;
+	}
 	let i = typeof e == "number" ? e : NaN, a = Number(r), o = !Number.isNaN(i) && !Number.isNaN(a);
 	switch (t) {
 		case "greaterThan": return o && i > a;
@@ -309,7 +681,7 @@ function at(e, { operator: t, value: n }) {
 		case "lessThanOrEqual": return o && i <= a;
 		default: break;
 	}
-	let s = String(e ?? "").toLowerCase(), c = r.toLowerCase();
+	let s = (e instanceof Date ? zt(e) ?? "" : String(e ?? "")).toLowerCase(), c = r.toLowerCase();
 	switch (t) {
 		case "contains": return s.includes(c);
 		case "equals": return o ? i === a : s === c;
@@ -319,228 +691,341 @@ function at(e, { operator: t, value: n }) {
 		default: return !0;
 	}
 }
-function ot(e, t, n) {
-	return !nt(n) || at(e.getValue(t), n);
+function Ht(e, t, n) {
+	return !It(n) || Vt(e.getValue(t), n);
 }
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridFilterPanel.tsx
-var st = {
+var Ut = {
 	operator: "contains",
 	value: ""
 };
-function ct(e) {
-	return nt(e) ? e : st;
+function Wt(e) {
+	return It(e) ? e : Ut;
 }
-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;
+function Gt() {
+	let t = e(90), { table: n, ui: r, labels: a, controlSize: s } = Z(), u = T(r, Yt), d = T(n.store, Jt), f = o(null), p, h;
+	if (t[0] !== u || t[1] !== r ? (p = () => {
+		if (!u) return;
 		let e = (e) => {
 			let t = e.target;
-			t instanceof Element && (d.current?.contains(t) || t.closest("[data-dg-filter-toggle]") || r.actions.closeFilterPanel());
+			t instanceof Element && (f.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);
+	}, h = [u, r], t[0] = u, t[1] = r, t[2] = p, t[3] = h) : (p = t[2], h = t[3]), i(p, h), !u) return null;
+	let g, _, S, C, w, E, D, O;
+	if (t[4] !== d || t[5] !== n || t[6] !== r.actions) {
+		let e = n.getAllLeafColumns().filter(qt);
+		w = e.map(Kt), D = function(e) {
+			let t = d.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 ? {
+		}, _ = function(e, t) {
+			let i = Wt(d.find((t) => t.id === e)?.value), a = n.getColumn(t), o = Nt(a ? tt(a) : "string"), s = Ft(o) === Array.isArray(i.value) ? i.value : Ft(o) ? [] : "";
+			n.setColumnFilters(d.filter((e) => e.id !== t).map((n) => n.id === e ? {
 				id: t,
 				value: {
-					operator: et(a ? Ne(a) : "string"),
-					value: i.value
+					operator: o,
+					value: s
 				}
 			} : 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 ? {
+		t[15] !== d || t[16] !== n ? (i = function(e, t) {
+			n.setColumnFilters(d.map((n) => n.id === e ? {
 				...n,
 				value: {
-					...ct(n.value),
+					...Wt(n.value),
 					...t
 				}
 			} : n));
-		}, t[14] = u, t[15] = n, t[16] = i) : i = t[16], S = i;
+		}, t[15] = d, t[16] = n, t[17] = i) : i = t[17], E = i;
 		let a;
-		t[17] !== n || t[18] !== r.actions ? (a = function() {
+		t[18] !== d || t[19] !== E ? (a = function(e, t) {
+			let n = Wt(d.find((t) => t.id === e)?.value), r = Ft(t) === Array.isArray(n.value) ? n.value : Ft(t) ? [] : "";
+			E(e, {
+				operator: t,
+				value: r
+			});
+		}, t[18] = d, t[19] = E, t[20] = a) : a = t[20], S = a;
+		let o;
+		t[21] !== n || t[22] !== r.actions ? (o = 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, {
+		}, t[21] = n, t[22] = r.actions, t[23] = o) : o = t[23], C = o, g = function() {
+			let t = e.find((e) => !d.some((t) => t.id === e.id));
+			t && n.setColumnFilters([...d, {
 				id: t.id,
 				value: {
-					operator: et(Ne(t)),
+					operator: Nt(tt(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) => {
+		let s;
+		t[24] === d ? s = t[25] : (s = (e) => !d.some((t) => t.id === e.id), t[24] = d, t[25] = s), O = e.some(s), t[4] = d, t[5] = n, t[6] = r.actions, t[7] = g, t[8] = _, t[9] = S, t[10] = C, t[11] = w, t[12] = E, t[13] = D, t[14] = O;
+	} else g = t[7], _ = t[8], S = t[9], C = t[10], w = t[11], E = t[12], D = t[13], O = t[14];
+	let k = O, A = a.filters, j;
+	t[26] === r.actions ? j = t[27] : (j = (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,
+	}, t[26] = r.actions, t[27] = j);
+	let M;
+	t[28] !== s || t[29] !== a.filters ? (M = /* @__PURE__ */ U(b, {
+		size: s,
 		fw: 600,
-		children: "Filters"
-	}), t[24] = o, t[25] = O);
-	let k;
-	t[26] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ G(W, {
+		children: a.filters
+	}), t[28] = s, t[29] = a.filters, t[30] = M) : M = t[30];
+	let N;
+	t[31] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ U(V, {
 		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, {
+	}), t[31] = N) : N = t[31];
+	let P;
+	t[32] !== a.closeFilters || t[33] !== r.actions.closeFilterPanel ? (P = /* @__PURE__ */ U(c, {
 		variant: "subtle",
 		color: "gray",
 		size: "sm",
-		"aria-label": "Close filters",
+		"aria-label": a.closeFilters,
 		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) {
+		children: N
+	}), t[32] = a.closeFilters, t[33] = r.actions.closeFilterPanel, t[34] = P) : P = t[34];
+	let F;
+	t[35] !== M || t[36] !== P ? (F = /* @__PURE__ */ W("div", {
+		className: vt.filterPanelHeader,
+		children: [M, P]
+	}), t[35] = M, t[36] = P, t[37] = F) : F = t[37];
+	let I;
+	if (t[38] !== _ || t[39] !== S || t[40] !== d || t[41] !== w || t[42] !== s || t[43] !== a.booleanFalse || t[44] !== a.booleanTrue || t[45] !== a.filterColumn || t[46] !== a.filterOperator || t[47] !== a.filterValue || t[48] !== a.filterValuePlaceholder || t[49] !== a.operators || t[50] !== a.removeFilter || t[51] !== E || t[52] !== D || t[53] !== n) {
 		let e;
-		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,
+		t[55] !== _ || t[56] !== S || t[57] !== w || t[58] !== s || t[59] !== a.booleanFalse || t[60] !== a.booleanTrue || t[61] !== a.filterColumn || t[62] !== a.filterOperator || t[63] !== a.filterValue || t[64] !== a.filterValuePlaceholder || t[65] !== a.operators || t[66] !== a.removeFilter || t[67] !== E || t[68] !== D || t[69] !== n ? (e = (e) => {
+			let t = n.getColumn(e.id), r = Wt(e.value), i = t ? tt(t) : "string", o = Pt(r.operator), l = Ft(r.operator), u = typeof r.value == "string" ? r.value : "";
+			return /* @__PURE__ */ W("div", {
+				className: vt.filterRow,
 				children: [
-					/* @__PURE__ */ G(s, {
+					/* @__PURE__ */ U(c, {
 						variant: "subtle",
 						color: "gray",
 						size: "lg",
-						"aria-label": "Remove filter",
-						onClick: () => w(e.id),
-						children: /* @__PURE__ */ G(W, {
+						"aria-label": a.removeFilter,
+						onClick: () => D(e.id),
+						children: /* @__PURE__ */ U(V, {
 							size: 18,
 							stroke: 1.6
 						})
 					}),
-					/* @__PURE__ */ G(g, {
-						label: "Column",
-						size: o,
+					/* @__PURE__ */ U(v, {
+						label: a.filterColumn,
+						size: s,
 						w: 160,
 						allowDeselect: !1,
 						comboboxProps: { withinPortal: !1 },
-						data: x,
+						data: w,
 						value: e.id,
-						onChange: (t) => t && h(e.id, t)
+						onChange: (t) => t && _(e.id, t)
 					}),
-					/* @__PURE__ */ G(g, {
-						label: "Operator",
-						size: o,
+					/* @__PURE__ */ U(v, {
+						label: a.filterOperator,
+						size: s,
 						w: 170,
 						allowDeselect: !1,
 						comboboxProps: { withinPortal: !1 },
-						data: $e(i).map(ut),
+						data: Mt(i).map((e) => ({
+							value: e,
+							label: a.operators[e]
+						})),
 						value: r.operator,
-						onChange: (t) => t && S(e.id, { operator: t })
+						onChange: (t) => t && S(e.id, t)
 					}),
-					/* @__PURE__ */ G(y, {
-						label: "Value",
-						size: o,
+					l && t ? /* @__PURE__ */ U(m, {
+						label: a.filterValue,
+						size: s,
+						w: 180,
+						comboboxProps: { withinPortal: !1 },
+						searchable: !0,
+						data: xt(bt({
+							table: n,
+							column: t,
+							fallback: "faceted"
+						})),
+						value: Array.isArray(r.value) ? [...r.value] : [],
+						onChange: (t) => E(e.id, { value: t })
+					}) : i === "boolean" ? /* @__PURE__ */ U(v, {
+						label: a.filterValue,
+						size: s,
+						w: 180,
+						comboboxProps: { withinPortal: !1 },
+						disabled: !o,
+						clearable: !0,
+						placeholder: o ? a.filterValuePlaceholder : "",
+						data: [{
+							value: "true",
+							label: a.booleanTrue
+						}, {
+							value: "false",
+							label: a.booleanFalse
+						}],
+						value: o && u !== "" ? u : null,
+						onChange: (t) => E(e.id, { value: t ?? "" })
+					}) : /* @__PURE__ */ U(x, {
+						label: a.filterValue,
+						size: s,
 						w: 180,
-						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 })
+						type: o ? i === "number" ? "number" : i === "date" ? "date" : "text" : "text",
+						disabled: !o,
+						placeholder: o ? a.filterValuePlaceholder : "",
+						value: o ? u : "",
+						onChange: (t) => E(e.id, { value: t.currentTarget.value })
 					})
 				]
 			}, e.id);
-		}, 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, {
+		}, t[55] = _, t[56] = S, t[57] = w, t[58] = s, t[59] = a.booleanFalse, t[60] = a.booleanTrue, t[61] = a.filterColumn, t[62] = a.filterOperator, t[63] = a.filterValue, t[64] = a.filterValuePlaceholder, t[65] = a.operators, t[66] = a.removeFilter, t[67] = E, t[68] = D, t[69] = n, t[70] = e) : e = t[70], I = d.map(e), t[38] = _, t[39] = S, t[40] = d, t[41] = w, t[42] = s, t[43] = a.booleanFalse, t[44] = a.booleanTrue, t[45] = a.filterColumn, t[46] = a.filterOperator, t[47] = a.filterValue, t[48] = a.filterValuePlaceholder, t[49] = a.operators, t[50] = a.removeFilter, t[51] = E, t[52] = D, t[53] = n, t[54] = I;
+	} else I = t[54];
+	let ee = !k, te;
+	t[71] !== g || t[72] !== a.addFilter || t[73] !== ee ? (te = /* @__PURE__ */ U(l, {
 		variant: "subtle",
 		size: "compact-sm",
-		disabled: N,
-		onClick: m,
-		children: "Add filter"
-	}), 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, {
+		disabled: ee,
+		onClick: g,
+		children: a.addFilter
+	}), t[71] = g, t[72] = a.addFilter, t[73] = ee, t[74] = te) : te = t[74];
+	let ne = d.length === 0, L;
+	t[75] !== C || t[76] !== a.clearAllFilters || t[77] !== ne ? (L = /* @__PURE__ */ U(l, {
 		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];
+		disabled: ne,
+		onClick: C,
+		children: a.clearAllFilters
+	}), t[75] = C, t[76] = a.clearAllFilters, t[77] = ne, t[78] = L) : L = t[78];
 	let R;
-	t[56] !== L || t[57] !== M ? (R = /* @__PURE__ */ K(_, {
+	t[79] !== te || t[80] !== L ? (R = /* @__PURE__ */ W("div", {
+		className: vt.filterPanelFooter,
+		children: [te, L]
+	}), t[79] = te, t[80] = L, t[81] = R) : R = t[81];
+	let re;
+	t[82] !== R || t[83] !== I ? (re = /* @__PURE__ */ W(y, {
 		gap: "xs",
-		children: [M, L]
-	}), t[56] = L, t[57] = M, t[58] = R) : R = t[58];
+		children: [I, R]
+	}), t[82] = R, t[83] = I, t[84] = re) : re = t[84];
 	let z;
-	return t[59] !== R || t[60] !== D || t[61] !== j ? (z = /* @__PURE__ */ K("div", {
-		ref: d,
+	return t[85] !== a.filters || t[86] !== re || t[87] !== j || t[88] !== F ? (z = /* @__PURE__ */ W("div", {
+		ref: f,
 		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;
+		"aria-label": A,
+		className: vt.filterPanel,
+		onKeyDown: j,
+		children: [F, re]
+	}), t[85] = a.filters, t[86] = re, t[87] = j, t[88] = F, t[89] = z) : z = t[89], z;
 }
-function ut(e) {
-	return {
-		value: e,
-		label: Ye[e]
-	};
-}
-function dt(e) {
+function Kt(e) {
 	return {
 		value: e.id,
-		label: Me(e)
+		label: et(e)
 	};
 }
-function ft(e) {
+function qt(e) {
 	return e.getCanFilter();
 }
-function pt(e) {
+function Jt(e) {
 	return e.columnFilters;
 }
-function mt(e) {
+function Yt(e) {
 	return e.filterPanelOpen;
 }
-var ht = {
+var Xt = {
 	filterPills: "_filterPills_1yybb_3",
 	pill: "_pill_1yybb_15",
 	pillLabel: "_pillLabel_1yybb_27"
-}, gt = [
+}, Zt = {
+	operators: St,
+	manageColumns: "Manage columns",
+	filters: "Filters",
+	searchPlaceholder: "Search",
+	searchLabel: "Search rows",
+	clearSearch: "Clear search",
+	columnsSearchPlaceholder: "Search",
+	columnsNoMatch: (e) => `No columns match “${e}”`,
+	columnsShowHideAll: "Show/Hide All",
+	columnsReset: "RESET",
+	filterColumn: "Column",
+	filterOperator: "Operator",
+	filterValue: "Value",
+	filterValuePlaceholder: "Filter value",
+	booleanTrue: "Yes",
+	booleanFalse: "No",
+	addFilter: "Add filter",
+	clearAllFilters: "Clear all",
+	closeFilters: "Close filters",
+	removeFilter: "Remove filter",
+	activeFilters: "Active filters",
+	clearFilter: (e) => `Clear ${e} filter`,
+	sortAsc: "Sort by ASC",
+	sortDesc: "Sort by DESC",
+	filterMenuItem: "Filter",
+	groupBy: (e) => `Group by ${e}`,
+	ungroup: (e) => `Ungroup ${e}`,
+	expandAllGroups: "Expand all groups",
+	collapseAllGroups: "Collapse all groups",
+	pinLeft: "Pin to left",
+	pinRight: "Pin to right",
+	unpin: "Unpin",
+	moveLeft: "Move left",
+	moveRight: "Move right",
+	autosizeColumn: "Autosize column",
+	hideColumn: "Hide column",
+	filterOn: (e) => `Filter on ${e}`,
+	sortColumn: (e) => `Sort ${e}`,
+	columnMenu: (e) => `${e} column menu`,
+	rowsPerPage: "Rows per page:",
+	pageRange: ({ from: e, to: t, total: n }) => `${e}–${t} of ${n}`,
+	groupedAllRows: (e) => `Grouped · all ${e} rows`,
+	pagingSuspendedHint: "Paging is off while the rows are grouped: the whole tree is rendered and virtualized. Ungroup to page again.",
+	previousPage: "Previous page",
+	nextPage: "Next page",
+	noResults: "No rows match your filters",
+	loading: "Loading",
+	cellCount: (e) => e === 1 ? "1 cell" : `${e} cells`,
+	copy: "Copy",
+	exportCsv: "Export as CSV for Excel",
+	includeHeaders: "Include headers",
+	selectColumnLabel: "Checkbox selection",
+	selectAllRows: "Select all rows",
+	selectRow: "Select row",
+	selectGroup: "Select group",
+	detailsColumnLabel: "Details",
+	showDetails: "Show details",
+	hideDetails: "Hide details",
+	expandAllDetails: "Expand all details",
+	collapseAllDetails: "Collapse all details",
+	groupColumnLabel: "Group",
+	blankGroupValue: "(Blank)",
+	expandGroup: (e) => `Expand ${e}`,
+	collapseGroup: (e) => `Collapse ${e}`
+};
+function Qt(e) {
+	return e ? {
+		...Zt,
+		...e,
+		operators: {
+			...Zt.operators,
+			...e.operators
+		}
+	} : Zt;
+}
+//#endregion
+//#region src/tmdatagrid/core/persistence.ts
+var $t = [
 	"columnFilters",
 	"globalFilter",
 	"sorting",
 	"pagination",
 	"expanded"
-], _t = [
+], en = [
 	"columnVisibility",
 	"columnSizing",
 	"columnOrder",
 	"columnPinning",
 	"grouping"
 ];
-function vt(e, t) {
+function tn(e, t) {
 	if (!e) return null;
 	if (typeof e == "string") return {
 		key: e,
@@ -552,7 +1037,7 @@ function vt(e, t) {
 		slices: r
 	} : null;
 }
-function yt(e) {
+function nn(e) {
 	if (!e) return null;
 	try {
 		return typeof window > "u" ? null : e.storageMode === "sessionStorage" ? window.sessionStorage : window.localStorage;
@@ -560,36 +1045,36 @@ function yt(e) {
 		return null;
 	}
 }
-function bt(e, t) {
+function rn(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) {
+var an = (e) => typeof e == "string", on = (e) => typeof e == "number" && Number.isFinite(e);
+function sn(e, t) {
 	return Array.isArray(e) && e.every(t);
 }
-function wt(e, t) {
+function cn(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),
+var ln = (e) => an(rn(e, "id")), un = {
+	columnFilters: (e) => sn(e, ln),
 	globalFilter: () => !0,
-	sorting: (e) => Ct(e, (e) => Tt(e) && typeof bt(e, "desc") == "boolean"),
+	sorting: (e) => sn(e, (e) => ln(e) && typeof rn(e, "desc") == "boolean"),
 	pagination: (e) => {
-		let t = bt(e, "pageIndex"), n = bt(e, "pageSize");
-		return St(t) && t >= 0 && St(n) && n > 0;
+		let t = rn(e, "pageIndex"), n = rn(e, "pageSize");
+		return on(t) && t >= 0 && on(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)
+	expanded: (e) => e === !0 || cn(e, (e) => typeof e == "boolean"),
+	columnVisibility: (e) => cn(e, (e) => typeof e == "boolean"),
+	columnSizing: (e) => cn(e, on),
+	columnOrder: (e) => sn(e, an),
+	columnPinning: (e) => sn(rn(e, "left"), an) && sn(rn(e, "right"), an),
+	grouping: (e) => sn(e, an)
 };
-function Dt(e, t) {
-	let n = Et[e];
+function dn(e, t) {
+	let n = un[e];
 	return n === void 0 || n(t);
 }
-function Ot(e, t, n) {
+function fn(e, t, n) {
 	if (!e || !t) return {};
 	try {
 		let r = e.getItem(t.key);
@@ -597,13 +1082,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 && Dt(e, a[e]) && (o[e] = a[e]);
+		for (let e of t.slices) e in a && dn(e, a[e]) && (o[e] = a[e]);
 		return o;
 	} catch {
 		return {};
 	}
 }
-function kt(e, t, n, r) {
+function pn(e, t, n, r) {
 	if (!e || !t) return;
 	let i = {};
 	for (let e of t.slices) i[e] = n[e];
@@ -611,65 +1096,69 @@ function kt(e, t, n, r) {
 		e.setItem(t.key, r(i));
 	} catch {}
 }
-function At(e) {
+function mn(e) {
 	return {
-		data: vt(e?.dataKey, gt),
-		settings: vt(e?.settingsKey, _t)
+		data: tn(e?.dataKey, $t),
+		settings: tn(e?.settingsKey, en)
 	};
 }
-function jt(e) {
-	let { data: t, settings: n } = At(e);
+function hn(e) {
+	let { data: t, settings: n } = mn(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;
+var gn = (e) => JSON.parse(e), _n = (e) => JSON.stringify(e);
+function vn(e) {
+	let t = nn(e), { data: n, settings: r } = mn(e), i = e?.deserialize ?? gn;
 	return {
-		...Ot(t, r, i),
-		...Ot(t, n, i)
+		...fn(t, r, i),
+		...fn(t, n, i)
 	};
 }
-function Ft(e, t) {
-	let n = yt(t);
+function yn(e, t) {
+	let n = nn(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);
+	let { data: r, settings: i } = mn(t), a = t?.serialize ?? _n;
+	pn(n, r, e, a), pn(n, i, e, a);
 }
 //#endregion
 //#region src/tmdatagrid/core/capabilities.ts
-function It(e) {
-	let t = e.selectionMode ?? "checkbox", n = t !== "highlight" && e.enableRowSelection !== !1;
+function bn(e) {
+	let t = e.selectionMode ?? "checkbox", n = e.cellSelection ?? "none", r = t !== "highlight" && e.enableRowSelection !== !1;
 	return {
 		sorting: e.enableSorting !== !1,
 		filtering: e.enableColumnFilters !== !1,
+		globalFiltering: e.enableGlobalFilter !== !1,
 		hiding: e.enableHiding !== !1,
 		pinning: e.enableColumnPinning !== !1,
 		resizing: e.enableColumnResizing !== !1,
 		ordering: e.enableColumnOrdering !== !1,
-		rowSelection: n,
+		rowSelection: r,
 		selectionMode: t,
-		selectColumn: n && (t === "checkbox" || t === "checkboxAndHighlight"),
-		rowClickSelects: n && t === "row",
+		selectColumn: r && (t === "checkbox" || t === "checkboxAndHighlight"),
+		rowClickSelects: r && t === "row",
 		multiRowSelection: e.enableMultiRowSelection !== !1,
 		showSelectedBackground: e.showSelectedBackground ?? t === "row",
 		highlightRow: t === "checkboxAndHighlight" || t === "highlight",
+		cellSelection: n !== "none",
+		cellSelectionMode: n,
+		cellRangeSelection: n === "range",
 		pagination: e.enablePagination === !0 || e.manualPagination === !0,
 		grouping: e.enableGrouping ?? e.manualPagination !== !0
 	};
 }
-function Lt(e, t) {
+function xn(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 && Fe(e),
+		canReorder: t.ordering && it(e),
 		canGroup: t.grouping && e.getCanGroup()
 	};
 }
-function Rt(e, t) {
-	let n = e.getAllLeafColumns(), r = (e) => n.some((n) => e(Lt(n, t)));
+function Sn(e, t) {
+	let n = e.getAllLeafColumns(), r = (e) => n.some((n) => e(xn(n, t)));
 	return {
 		canSortAny: r((e) => e.canSort),
 		canFilterAny: r((e) => e.canFilter),
@@ -678,189 +1167,75 @@ function Rt(e, t) {
 		canReorderAny: r((e) => e.canReorder),
 		canGroupAny: r((e) => e.canGroup),
 		canSelectRows: t.rowSelection,
-		canPaginate: t.pagination
+		canPaginate: t.pagination,
+		canSearch: t.globalFiltering && n.some((e) => e.getCanGlobalFilter())
 	};
 }
 //#endregion
-//#region src/tmdatagrid/core/rowSelection.ts
-function zt(e, t) {
-	return Bt(e, t) ? e.getPaginatedRowModel().rows : e.getPrePaginatedRowModel().rows;
-}
-function Bt(e, t) {
-	return t.pagination && e.store.state.grouping.length === 0;
-}
-function Vt(e) {
-	return Le(e).filter((e) => e.getCanSelect()).map((e) => e.id);
-}
-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
-		};
+//#region src/tmdatagrid/core/cellNavigation.ts
+var Cn = (e, t) => Math.min(Math.max(e, 0), Math.max(t, 0));
+function wn({ key: e, ctrlKey: t, from: n, rowCount: r, columnCount: i, pageRows: a }) {
+	if (r === 0 || i === 0) return null;
+	let o = r - 1, s = i - 1, c = (e, t) => ({
+		rowIndex: Cn(e, o),
+		columnIndex: Cn(t, s)
+	});
+	switch (e) {
+		case "ArrowDown": return c(n.rowIndex + 1, n.columnIndex);
+		case "ArrowUp": return c(n.rowIndex - 1, n.columnIndex);
+		case "ArrowRight": return c(n.rowIndex, n.columnIndex + 1);
+		case "ArrowLeft": return c(n.rowIndex, n.columnIndex - 1);
+		case "PageDown": return c(n.rowIndex + Math.max(a, 1), n.columnIndex);
+		case "PageUp": return c(n.rowIndex - Math.max(a, 1), n.columnIndex);
+		case "Home": return c(t ? 0 : n.rowIndex, 0);
+		case "End": return c(t ? o : n.rowIndex, s);
+		default: return null;
 	}
-	let u = {};
-	for (let e of c) u[e] = !0;
-	return {
-		selection: u,
-		anchorRowId: t
-	};
-}
-//#endregion
-//#region src/tmdatagrid/components/TMDataGridSelectColumn.tsx
-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 = C(r.store, i), o;
-	n[2] === r ? o = n[3] : (o = () => r.getIsSomeRowsSelected(), n[2] = r, n[3] = o);
-	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__ */ G(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 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": 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 qt(e) {
-	return e.stopPropagation();
-}
-function Jt() {
-	return {
-		id: Ut,
-		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__ */ G(Gt, { table: e }),
-		cell: ({ row: e }) => /* @__PURE__ */ G(Kt, { row: e }),
-		aggregatedCell: ({ row: e }) => /* @__PURE__ */ G(Kt, { row: e })
-	};
+}
+function Tn(e, t) {
+	return e === null || t === null ? e === t : e.rowId === t.rowId && e.columnId === t.columnId;
 }
 //#endregion
 //#region src/tmdatagrid/useTMDataGrid.tsx
-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(),
+var En = 200, Dn = Oe({
+	columnFilteringFeature: se,
+	globalFilteringFeature: Se,
+	rowSortingFeature: Ee,
+	rowPaginationFeature: we,
+	rowSelectionFeature: Te,
+	columnPinningFeature: ue,
+	columnVisibilityFeature: pe,
+	columnOrderingFeature: le,
+	columnSizingFeature: fe,
+	columnResizingFeature: de,
+	columnFacetingFeature: oe,
+	columnGroupingFeature: ce,
+	rowExpandingFeature: Y,
+	filteredRowModel: ye(),
+	groupedRowModel: be(),
+	sortedRowModel: q(),
+	expandedRowModel: he(),
+	paginatedRowModel: K(),
+	facetedRowModel: _e(),
+	facetedMinMaxValues: ge(),
+	facetedUniqueValues: ve(),
 	filterFns: {
-		...he,
-		tmDataGrid: ot
+		...J,
+		tmDataGrid: Ht
 	},
-	sortFns: Ce,
-	aggregationFns: q,
-	tableMeta: ve(),
-	columnMeta: ve()
+	sortFns: De,
+	aggregationFns: G,
+	tableMeta: Ce(),
+	columnMeta: Ce()
 });
-function Zt() {
-	return Y();
+function On() {
+	return me();
 }
-function Qt(e) {
+var kn = 160, An = 6;
+function jn(e) {
 	return e.map((e) => "columns" in e && Array.isArray(e.columns) ? {
 		...e,
-		columns: Qt(e.columns)
+		columns: jn(e.columns)
 	} : {
 		filterFn: "tmDataGrid",
 		aggregationFn: void 0,
@@ -868,271 +1243,246 @@ function Qt(e) {
 		...e
 	});
 }
-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,
+function Mn({ persist: e, labels: t, enableColumnOrdering: n, enablePagination: r, selectionMode: c, showSelectedBackground: l, defaultHighlightedRowId: u, onHighlightedRowChange: d, cellSelection: f, onFocusedCellChange: p, renderDetails: m, renderDetailsEstHeight: h = kn, overscan: g = An, ..._ }) {
+	let v = bn({
+		..._,
+		enableColumnOrdering: n,
+		enablePagination: r,
+		selectionMode: c,
+		showSelectedBackground: l,
+		cellSelection: f
+	}), y = a(() => Qt(t), [t]), b = _.enableColumnPinning !== !1, x = v.selectColumn, S = v.grouping, C = m !== void 0, T = y.selectColumnLabel, E = y.groupColumnLabel, D = y.detailsColumnLabel, O = a(() => {
+		let e = jn(_.columns);
+		return [
+			...x ? [$e(T)] : [],
+			...S ? [pt(E)] : [],
+			...C ? [Ue(D)] : [],
 			...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,
-		...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,
-		...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 = {
+		];
+	}, [
+		_.columns,
+		x,
+		C,
+		S,
+		T,
+		E,
+		D
+	]), [k] = s(() => vn(e)), A = k.grouping ?? _.initialState?.grouping ?? [], j = ke({
 		columnResizeMode: "onChange",
 		enableSorting: !0,
 		enableColumnResizing: !0,
 		globalFilterFn: "includesString",
 		groupedColumnMode: "remove",
-		...c,
-		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) => ({
+		..._,
+		...m === void 0 ? {} : { getRowCanExpand: _.getRowCanExpand ?? (() => !0) },
+		features: Dn,
+		columns: O,
+		initialState: {
+			..._.initialState,
+			...k,
+			columnVisibility: {
+				..._.initialState?.columnVisibility,
+				...k.columnVisibility,
+				...S ? { [ot]: A.length > 0 } : {}
+			},
+			columnPinning: {
+				left: [
+					...x && b ? [Q] : [],
+					...S && b ? [ot] : [],
+					...C && b ? [Be] : [],
+					...(k.columnPinning?.left ?? _.initialState?.columnPinning?.left ?? []).filter((e) => e !== "__select__" && e !== "__details__" && e !== "__group__")
+				],
+				right: k.columnPinning?.right ?? _.initialState?.columnPinning?.right ?? []
+			},
+			pagination: {
+				pageIndex: 0,
+				pageSize: 25,
+				..._.initialState?.pagination,
+				...k.pagination
+			}
+		}
+	});
+	i(() => {
+		if (!S) return;
+		let e = j.store.state.grouping, t = j.store.subscribe((t) => {
+			t.grouping !== e && (e = t.grouping, j.setColumnVisibility((e) => ({
 				...e,
-				[Re]: t.grouping.length > 0
-			})), F.setColumnOrder(an));
+				[ot]: t.grouping.length > 0
+			})), j.setColumnOrder((e) => [...e]));
 		});
 		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 && (Ft(t, l), t = null);
-		}, r = F.store.subscribe((r) => {
-			t = r, e !== void 0 && clearTimeout(e), e = setTimeout(n, Yt);
+	}, [S, j]), i(() => {
+		if (!hn(e)) return;
+		yn(j.store.state, e);
+		let t, n = null, r = () => {
+			t = void 0, n !== null && (yn(n, e), n = null);
+		}, i = j.store.subscribe((e) => {
+			n = e, t !== void 0 && clearTimeout(t), t = setTimeout(r, En);
 		});
 		return () => {
-			r.unsubscribe(), e !== void 0 && clearTimeout(e), n();
+			i.unsubscribe(), t !== void 0 && clearTimeout(t), r();
 		};
-	}, 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 = {
+	}, [e, j]);
+	let M = w({
 		filterPanelOpen: !1,
 		columnsPanelOpen: !1,
 		filterPanelColumnId: null,
 		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) => {
-			let n = e === void 0 ? null : e;
-			return t((e) => ({
-				...e,
-				filterPanelOpen: !0,
-				filterPanelColumnId: n
-			}));
-		},
-		closeFilterPanel: () => t(rn),
-		setColumnsPanelOpen: (e) => t((t) => ({
-			...t,
-			columnsPanelOpen: e
+		highlightedRowId: u ?? null,
+		selectionAnchorRowId: null,
+		focusedCell: null,
+		cellRange: null
+	}, ({ setState: e }) => ({
+		openFilterPanel: (t = null) => e((e) => ({
+			...e,
+			filterPanelOpen: !0,
+			filterPanelColumnId: t
 		})),
-		toggleColumnsPanel: () => t(nn),
-		startColumnDrag: (e) => t((t) => ({
-			...t,
-			draggedColumnId: e
+		closeFilterPanel: () => e((e) => ({
+			...e,
+			filterPanelOpen: !1,
+			filterPanelColumnId: null
 		})),
-		endColumnDrag: () => t(tn),
-		setHighlightedRow: (e) => t((t) => ({
-			...t,
-			highlightedRowId: e
+		setColumnsPanelOpen: (t) => e((e) => ({
+			...e,
+			columnsPanelOpen: t
 		})),
-		setSelectionAnchor: (e) => t((t) => ({
-			...t,
-			selectionAnchorRowId: e
-		}))
-	};
-}
-function tn(e) {
-	return {
-		...e,
-		draggedColumnId: null
-	};
-}
-function nn(e) {
-	return {
-		...e,
-		columnsPanelOpen: !e.columnsPanelOpen
-	};
-}
-function rn(e) {
-	return {
-		...e,
-		filterPanelOpen: !1,
-		filterPanelColumnId: null
+		toggleColumnsPanel: () => e((e) => ({
+			...e,
+			columnsPanelOpen: !e.columnsPanelOpen
+		})),
+		startColumnDrag: (t) => e((e) => ({
+			...e,
+			draggedColumnId: t
+		})),
+		endColumnDrag: () => e((e) => ({
+			...e,
+			draggedColumnId: null
+		})),
+		setHighlightedRow: (t) => e((e) => ({
+			...e,
+			highlightedRowId: t
+		})),
+		setSelectionAnchor: (t) => e((e) => ({
+			...e,
+			selectionAnchorRowId: t
+		})),
+		setFocusedCell: (t) => e((e) => Tn(e.focusedCell, t) ? e : {
+			...e,
+			focusedCell: t
+		}),
+		setCellRange: (t) => e((e) => Tn(e.cellRange?.anchor ?? null, t?.anchor ?? null) && Tn(e.cellRange?.focus ?? null, t?.focus ?? null) ? e : {
+			...e,
+			cellRange: t
+		})
+	})), N = o(d);
+	i(() => {
+		N.current = d;
+	}, [d]), i(() => {
+		let e = M.state.highlightedRowId, t = M.subscribe((t) => {
+			t.highlightedRowId !== e && (e = t.highlightedRowId, N.current?.(t.highlightedRowId));
+		});
+		return () => t.unsubscribe();
+	}, [M]);
+	let P = o(p);
+	return i(() => {
+		P.current = p;
+	}, [p]), i(() => {
+		let e = M.state.focusedCell, t = M.subscribe((t) => {
+			t.focusedCell !== e && (e = t.focusedCell, P.current?.(t.focusedCell));
+		});
+		return () => t.unsubscribe();
+	}, [M]), {
+		table: j,
+		ui: M,
+		features: v,
+		labels: y,
+		renderDetails: m,
+		renderDetailsEstHeight: h,
+		overscan: g
 	};
 }
-function an(e) {
-	return [...e];
-}
-function on(e) {
-	return e !== "__select__" && e !== "__group__";
-}
-function sn(e, t) {
+function Nn(e, t) {
 	let n = e.table.getColumn(t);
 	n && n.getFilterValue() === void 0 && n.setFilterValue({
-		operator: et(n.columnDef.meta?.type ?? "string"),
+		operator: Nt(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) {
+function Pn(t) {
+	let n = e(39), { api: r, size: i, showClearAll: a, onPillClick: o, className: s } = t, c = i === void 0 ? "sm" : i, u = a === void 0 || a, { table: d, labels: f } = r, p = T(d.store, In), m, g, _, v, y, b, x, S;
+	if (n[0] !== r || n[1] !== s || n[2] !== p || n[3] !== f || n[4] !== o || n[5] !== c || n[6] !== d) {
 		S = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			if (h = f.filter(ln), h.length === 0) {
+			if (g = p.filter(Fn), g.length === 0) {
 				S = null;
 				break bb0;
 			}
-			v = "group", y = "Active filters";
+			y = "group", b = f.activeFilters;
 			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;
+			n[15] === s ? e = n[16] : (e = [Xt.filterPills, s].filter(Boolean), n[15] = s, n[16] = e), x = e.join(" "), m = h.Group, _ = c;
 			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,
+			n[17] !== r || n[18] !== p || n[19] !== f || n[20] !== o || n[21] !== c || n[22] !== d ? (t = (e) => {
+				let t = d.getColumn(e.id), n = t ? et(t) : e.id, i = e.value;
+				return It(i) ? /* @__PURE__ */ U(h, {
+					size: c,
+					className: Xt.pill,
 					withRemoveButton: !0,
-					onRemove: () => d.setColumnFilters(f.filter((t) => t.id !== e.id)),
+					onRemove: () => d.setColumnFilters(p.filter((t) => t.id !== e.id)),
 					removeButtonProps: {
-						"aria-label": `Clear ${n} filter`,
+						"aria-label": f.clearFilter(n),
 						"aria-hidden": !1,
 						tabIndex: 0
 					},
-					children: /* @__PURE__ */ G(x, {
-						className: ht.pillLabel,
-						onClick: () => o ? o(e.id) : sn(r, e.id),
-						children: it({
+					children: /* @__PURE__ */ U(C, {
+						className: Xt.pillLabel,
+						onClick: () => o ? o(e.id) : Nn(r, e.id),
+						children: Rt({
 							label: n,
-							type: t ? Ne(t) : "string",
-							filter: i
+							type: t ? tt(t) : "string",
+							filter: i,
+							operatorLabels: f.operators
 						})
 					})
 				}, 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[17] = r, n[18] = p, n[19] = f, n[20] = o, n[21] = c, n[22] = d, n[23] = t) : t = n[23], v = g.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];
+		n[0] = r, n[1] = s, n[2] = p, n[3] = f, n[4] = o, n[5] = c, n[6] = d, n[7] = m, n[8] = g, n[9] = _, n[10] = v, n[11] = y, n[12] = b, n[13] = x, n[14] = S;
+	} else m = n[7], g = n[8], _ = n[9], v = n[10], y = n[11], b = n[12], x = n[13], S = n[14];
 	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, {
+	n[24] !== m || n[25] !== _ || n[26] !== v ? (w = /* @__PURE__ */ U(m, {
+		size: _,
+		children: v
+	}), n[24] = m, n[25] = _, n[26] = v, n[27] = w) : w = n[27];
+	let E;
+	n[28] !== g || n[29] !== f.clearAllFilters || n[30] !== u || n[31] !== d ? (E = u && g.length > 1 && /* @__PURE__ */ U(l, {
 		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;
+		children: f.clearAllFilters
+	}), n[28] = g, n[29] = f.clearAllFilters, n[30] = u, n[31] = d, n[32] = E) : E = n[32];
+	let D;
+	return n[33] !== E || n[34] !== y || n[35] !== b || n[36] !== x || n[37] !== w ? (D = /* @__PURE__ */ W("div", {
+		role: y,
+		"aria-label": b,
+		className: x,
+		children: [w, E]
+	}), n[33] = E, n[34] = y, n[35] = b, n[36] = x, n[37] = w, n[38] = D) : D = n[38], D;
 }
-function ln(e) {
-	return rt(e.value);
+function Fn(e) {
+	return Lt(e.value);
 }
-function un(e) {
+function In(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) {
+var Ln = { footer: "_footer_149ca_1" };
+//#endregion
+//#region src/tmdatagrid/components/TMDataGridFooter.tsx
+function Rn(e) {
 	let { pageIndex: t, pageSize: n } = e.store.state.pagination;
 	return {
 		pageIndex: t,
@@ -1149,201 +1499,289 @@ function pn(e) {
 		lastPage: () => e.lastPage()
 	};
 }
-function mn(t) {
-	let n = e(64), { pageSizeOptions: r, pagination: i } = t, a = r === void 0 ? [
+function zn(t) {
+	let n = e(63), { 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;
+	] : r, { table: o, features: s, labels: l, controlSize: u } = Z();
+	if (T(o.store), !Sn(o, s).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];
+		n[0] !== i || n[1] !== o ? (e = i(Rn(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,
+		return n[3] === e ? t = n[4] : (t = /* @__PURE__ */ U("div", {
+			className: Ln.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,
+	let f;
+	n[5] !== s || n[6] !== o ? (f = Ke(o, s), n[5] = s, n[6] = o, n[7] = f) : f = n[7];
+	let p = f, { pageIndex: m, pageSize: h } = o.store.state.pagination, g = o.getRowCount(), _ = g === 0 ? 0 : m * h + 1, y = Math.min(g, (m + 1) * h), x = a.includes(h) ? a : [...a, h].sort(Bn), C = S, w = l.pagingSuspendedHint, E = Ln, D = !p, O;
+	n[8] !== u || n[9] !== l.rowsPerPage ? (O = /* @__PURE__ */ U(b, {
+		size: u,
 		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) => {
+		children: l.rowsPerPage
+	}), n[8] = u, n[9] = l.rowsPerPage, n[10] = O) : O = n[10];
+	let k = !p, A;
+	n[11] === x ? A = n[12] : (A = x.map(String), n[11] = x, n[12] = A);
+	let j = String(h), M;
+	n[13] !== a || n[14] !== o ? (M = (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,
+	}, n[13] = a, n[14] = o, n[15] = M) : M = n[15];
+	let F;
+	n[16] !== u || n[17] !== k || n[18] !== A || n[19] !== j || n[20] !== M ? (F = /* @__PURE__ */ U(v, {
+		size: u,
 		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, {
+		disabled: k,
+		data: A,
+		value: j,
+		onChange: M
+	}), n[16] = u, n[17] = k, n[18] = A, n[19] = j, n[20] = M, n[21] = F) : F = n[21];
+	let I;
+	n[22] !== O || n[23] !== F ? (I = /* @__PURE__ */ W(d, {
 		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,
+		children: [O, F]
+	}), n[22] = O, n[23] = F, n[24] = I) : I = n[24];
+	let ee = b, te = p ? l.pageRange({
+		from: _,
+		to: y,
+		total: g
+	}) : l.groupedAllRows(o.getFilteredRowModel().rows.length), ne;
+	n[25] !== ee || n[26] !== u || n[27] !== te ? (ne = /* @__PURE__ */ U(ee, {
+		size: u,
 		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];
+		children: te
+	}), n[25] = ee, n[26] = u, n[27] = te, n[28] = ne) : ne = n[28];
 	let L;
-	n[38] === o ? L = n[39] : (L = () => o.previousPage(), n[38] = o, n[39] = L);
+	n[29] !== p || n[30] !== o ? (L = !p || !o.getCanPreviousPage(), n[29] = p, n[30] = o, n[31] = L) : L = n[31];
 	let R;
-	n[40] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ G(j, {
+	n[32] === o ? R = n[33] : (R = () => o.previousPage(), n[32] = o, n[33] = R);
+	let re;
+	n[34] === Symbol.for("react.memo_cache_sentinel") ? (re = /* @__PURE__ */ U(N, {
 		size: 18,
 		stroke: 1.6
-	}), n[40] = R) : R = n[40];
+	}), n[34] = re) : re = n[34];
 	let z;
-	n[41] !== I || n[42] !== L ? (z = /* @__PURE__ */ G(s, {
+	n[35] !== l.previousPage || n[36] !== L || n[37] !== R ? (z = /* @__PURE__ */ U(c, {
 		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];
+		"aria-label": l.previousPage,
+		disabled: L,
+		onClick: R,
+		children: re
+	}), n[35] = l.previousPage, n[36] = L, n[37] = R, n[38] = z) : z = n[38];
+	let ie;
+	n[39] !== p || n[40] !== o ? (ie = !p || !o.getCanNextPage(), n[39] = p, n[40] = o, n[41] = ie) : ie = n[41];
 	let B;
-	n[44] !== f || n[45] !== o ? (B = !f || !o.getCanNextPage(), n[44] = f, n[45] = o, n[46] = B) : B = n[46];
+	n[42] === o ? B = n[43] : (B = () => o.nextPage(), n[42] = o, n[43] = B);
 	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, {
+	n[44] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ U(P, {
 		size: 18,
 		stroke: 1.6
-	}), n[49] = H) : H = n[49];
-	let U;
-	n[50] !== B || n[51] !== V ? (U = /* @__PURE__ */ G(s, {
+	}), n[44] = V) : V = n[44];
+	let H;
+	n[45] !== l.nextPage || n[46] !== ie || n[47] !== B ? (H = /* @__PURE__ */ U(c, {
 		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, {
+		"aria-label": l.nextPage,
+		disabled: ie,
+		onClick: B,
+		children: V
+	}), n[45] = l.nextPage, n[46] = ie, n[47] = B, n[48] = H) : H = n[48];
+	let ae;
+	n[49] !== z || n[50] !== H ? (ae = /* @__PURE__ */ W(d, {
 		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: [z, H]
+	}), n[49] = z, n[50] = H, n[51] = ae) : ae = n[51];
+	let G;
+	n[52] !== I || n[53] !== ne || n[54] !== ae || n[55] !== E.footer || n[56] !== D ? (G = /* @__PURE__ */ W("div", {
+		className: E.footer,
+		"data-paging-suspended": D,
 		children: [
-			N,
-			F,
-			W
+			I,
+			ne,
+			ae
 		]
-	}), 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,
+	}), n[52] = I, n[53] = ne, n[54] = ae, n[55] = E.footer, n[56] = D, n[57] = G) : G = n[57];
+	let oe;
+	return n[58] !== C || n[59] !== l.pagingSuspendedHint || n[60] !== p || n[61] !== G ? (oe = /* @__PURE__ */ U(C, {
+		label: w,
+		disabled: p,
 		withArrow: !0,
 		multiline: !0,
 		w: 260,
 		position: "top",
-		children: q
-	}), n[61] = f, n[62] = q, n[63] = J) : J = n[63], J;
+		children: G
+	}), n[58] = C, n[59] = l.pagingSuspendedHint, n[60] = p, n[61] = G, n[62] = oe) : oe = n[62], oe;
 }
-function hn(e, t) {
+function Bn(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"
+//#endregion
+//#region src/tmdatagrid/components/TMDataGridSearch.tsx
+function Vn(t) {
+	let n = e(25), { placeholder: r, debounce: a, w: l } = t, u = a === void 0 ? 250 : a, d = l === void 0 ? 220 : l, { table: f, features: p, labels: m, controlSize: h } = Z(), g = T(f.store, Hn), [_, v] = s(g), y = o(void 0), b = o(g), S, C;
+	n[0] === g ? (S = n[1], C = n[2]) : (S = () => {
+		g !== b.current && (b.current = g, v(g));
+	}, C = [g], n[0] = g, n[1] = S, n[2] = C), i(S, C);
+	let w, E;
+	if (n[3] === Symbol.for("react.memo_cache_sentinel") ? (w = () => () => clearTimeout(y.current), E = [], n[3] = w, n[4] = E) : (w = n[3], E = n[4]), i(w, E), !Sn(f, p).canSearch) return null;
+	let D;
+	n[5] === f ? D = n[6] : (D = (e) => {
+		b.current = e, f.setGlobalFilter(e === "" ? void 0 : e);
+	}, n[5] = f, n[6] = D);
+	let O = D, k;
+	n[7] !== O || n[8] !== u ? (k = (e) => {
+		if (v(e), clearTimeout(y.current), u <= 0) {
+			O(e);
+			return;
+		}
+		y.current = setTimeout(() => O(e), u);
+	}, n[7] = O, n[8] = u, n[9] = k) : k = n[9];
+	let A = k, j;
+	n[10] === A ? j = n[11] : (j = (e) => A(e.currentTarget.value), n[10] = A, n[11] = j);
+	let M = r ?? m.searchPlaceholder, N;
+	n[12] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ U(B, {
+		size: 16,
+		stroke: 1.6
+	}), n[12] = N) : N = n[12];
+	let P;
+	n[13] !== O || n[14] !== _ || n[15] !== m.clearSearch ? (P = _ === "" ? void 0 : /* @__PURE__ */ U(c, {
+		variant: "subtle",
+		color: "gray",
+		size: "sm",
+		"aria-label": m.clearSearch,
+		onClick: () => {
+			clearTimeout(y.current), v(""), O("");
+		},
+		children: /* @__PURE__ */ U(V, {
+			size: 14,
+			stroke: 1.6
+		})
+	}), n[13] = O, n[14] = _, n[15] = m.clearSearch, n[16] = P) : P = n[16];
+	let F;
+	return n[17] !== h || n[18] !== _ || n[19] !== m.searchLabel || n[20] !== M || n[21] !== P || n[22] !== j || n[23] !== d ? (F = /* @__PURE__ */ U(x, {
+		size: h,
+		w: d,
+		value: _,
+		onChange: j,
+		placeholder: M,
+		"aria-label": m.searchLabel,
+		leftSection: N,
+		rightSection: P
+	}), n[17] = h, n[18] = _, n[19] = m.searchLabel, n[20] = M, n[21] = P, n[22] = j, n[23] = d, n[24] = F) : F = n[24], F;
+}
+function Hn(e) {
+	return typeof e.globalFilter == "string" ? e.globalFilter : "";
+}
+var Un = {
+	tableWrapper: "_tableWrapper_1nt60_2",
+	scrollContainer: "_scrollContainer_1nt60_10",
+	grid: "_grid_1nt60_18",
+	headerRow: "_headerRow_1nt60_24",
+	bodyRow: "_bodyRow_1nt60_33",
+	bodyCell: "_bodyCell_1nt60_91",
+	cellContent: "_cellContent_1nt60_89",
+	detailsCell: "_detailsCell_1nt60_204",
+	messageRow: "_messageRow_1nt60_215",
+	summaryRow: "_summaryRow_1nt60_228",
+	summaryCell: "_summaryCell_1nt60_237"
+}, Wn = {
+	stickyLeft: "_stickyLeft_6z1iq_16",
+	stickyRight: "_stickyRight_6z1iq_17",
+	stickyEdgeIn: "_stickyEdgeIn_6z1iq_1",
+	stickyEdgeOut: "_stickyEdgeOut_6z1iq_1"
 }, $ = {
-	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"
-};
+	headerCell: "_headerCell_1b6k8_1",
+	headerTitle: "_headerTitle_1b6k8_32",
+	headerActions: "_headerActions_1b6k8_55",
+	headerAction: "_headerAction_1b6k8_55",
+	headerCellSortable: "_headerCellSortable_1b6k8_84",
+	sortIndex: "_sortIndex_1b6k8_90",
+	headerCellDragging: "_headerCellDragging_1b6k8_102",
+	headerCellDropBefore: "_headerCellDropBefore_1b6k8_106",
+	headerCellDropAfter: "_headerCellDropAfter_1b6k8_107",
+	columnSeparator: "_columnSeparator_1b6k8_127",
+	columnSeparatorResizable: "_columnSeparatorResizable_1b6k8_139",
+	columnSeparatorActive: "_columnSeparatorActive_1b6k8_162",
+	menuItemActive: "_menuItemActive_1b6k8_168"
+}, Gn = 30, Kn = 2;
+function qn(e) {
+	let t = document.createRange();
+	t.selectNodeContents(e);
+	let n = typeof t.getBoundingClientRect == "function" ? t.getBoundingClientRect().width : 0;
+	return n > 0 ? n : e.scrollWidth;
+}
+function Jn({ container: e, columnId: t }) {
+	let n = 0, r = e.querySelectorAll(`[role="cell"][data-column-id="${CSS.escape(t)}"],[role="gridcell"][data-column-id="${CSS.escape(t)}"]`);
+	for (let e of r) {
+		let t = e.firstElementChild;
+		if (!(t instanceof HTMLElement)) continue;
+		let r = getComputedStyle(e), i = (Number.parseFloat(r.paddingLeft) || 0) + (Number.parseFloat(r.paddingRight) || 0);
+		n = Math.max(n, qn(t) + i + Kn);
+	}
+	let i = e.querySelector(`[data-testid="dg-header-${CSS.escape(t)}"] [data-dg-header-title]`);
+	if (i) {
+		let e = i.closest("[role=\"columnheader\"]"), t = e ? getComputedStyle(e) : null, r = t ? (Number.parseFloat(t.paddingLeft) || 0) + (Number.parseFloat(t.paddingRight) || 0) : 0;
+		n = Math.max(n, qn(i) + r + Gn);
+	}
+	return n;
+}
+function Yn({ table: e, columnId: t, container: n }) {
+	let r = e, i = r.getColumn(t);
+	if (!i || !i.getCanResize()) return !1;
+	let a = Jn({
+		container: n,
+		columnId: t
+	});
+	if (a <= 0) return !1;
+	let o = i.columnDef.minSize ?? 80, s = i.columnDef.maxSize ?? Infinity, c = Math.round(Math.min(Math.max(a, o), s));
+	return r.setColumnSizing((e) => ({
+		...e,
+		[t]: c
+	})), !0;
+}
 //#endregion
 //#region src/tmdatagrid/core/columnOrdering.ts
-function vn(e, t) {
+function Xn(e, t) {
 	return e.left.includes(t) ? "left" : e.right.includes(t) ? "right" : "center";
 }
-function yn(e, t, n, r) {
+function Zn(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 }) {
+function Qn({ 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 i = e.store.state.columnPinning, a = Xn(i, t);
+	if (a !== Xn(i, n)) return;
 	let o = e.getAllLeafColumns().map((e) => e.id);
-	e.setColumnOrder(yn(o, t, n, r)), a !== "center" && e.setColumnPinning((e) => ({
+	e.setColumnOrder(Zn(o, t, n, r)), a !== "center" && e.setColumnPinning((e) => ({
 		...e,
-		[a]: yn(e[a], t, n, r)
+		[a]: Zn(e[a], t, n, r)
 	}));
 }
-function xn(e, t) {
+function $n(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);
+function er({ table: e, columnId: t, direction: n }) {
+	let r = $n(e, Xn(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;
+	return !a || !it(a) ? null : a;
 }
-function Cn({ table: e, columnId: t, direction: n }) {
-	let r = Sn({
+function tr({ table: e, columnId: t, direction: n }) {
+	let r = er({
 		table: e,
 		columnId: t,
 		direction: n
 	});
-	r && bn({
+	r && Qn({
 		table: e,
 		columnId: t,
 		targetId: r.id,
@@ -1352,448 +1790,539 @@ function Cn({ table: e, columnId: t, direction: n }) {
 }
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridHeaderCell.tsx
-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] !== S) {
+function nr(t) {
+	let n = e(265), { header: r, layout: i } = t, a = Z(), { table: l, features: u, labels: d } = a, f = r.column, [m, h] = s(!1), [g, _] = s(!1), [v, y] = s(null), b = o(null), x = o(!1), C;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (C = { compare: ae }, n[0] = C) : C = n[0];
+	let { sorting: w, columnFilters: N, resizingColumnId: P, columnPinning: z, grouping: B } = T(l.store, lr, C), V = T(a.ui, cr), H = r.subHeaders.length === 0, G, oe, se, ce, le, ue, de, fe, pe, me, he, ge, _e, ve, ye, be, K, q, J, Se;
+	if (n[1] !== a || n[2] !== f || n[3] !== N || n[4] !== z || n[5] !== V || n[6] !== v || n[7] !== u || n[8] !== B || n[9] !== H || n[10] !== d || n[11] !== i.pinnedAt || n[12] !== P || n[13] !== w || n[14] !== l) {
+		be = et(f);
 		let e;
-		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 = 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[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[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[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: U,
-			targetId: d.id,
-			side: h
-		});
-	}, 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[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) => ({
-				...t,
-				[d.id]: Math.round(e)
-			}));
-		}
-		d.pin(e);
-	}, 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) {
+		n[35] === f ? e = n[36] : (e = nt(f), n[35] = f, n[36] = e), G = e;
+		let t;
+		n[37] !== f.id || n[38] !== w ? (t = w.find((e) => e.id === f.id)?.desc, n[37] = f.id, n[38] = w, n[39] = t) : t = n[39], J = t, ye = J !== void 0;
+		let r;
+		n[40] !== f.id || n[41] !== ye || n[42] !== w ? (r = ye && w.length > 1 ? w.findIndex((e) => e.id === f.id) + 1 : null, n[40] = f.id, n[41] = ye, n[42] = w, n[43] = r) : r = n[43], Se = r;
+		let o;
+		if (n[44] !== f.id || n[45] !== N) {
+			let e;
+			n[47] === f.id ? e = n[48] : (e = (e) => e.id === f.id && Lt(e.value), n[47] = f.id, n[48] = e), o = N.some(e), n[44] = f.id, n[45] = N, n[46] = o;
+		} else o = n[46];
+		_e = o, ve = P === f.id, q = i.pinnedAt;
+		let s;
+		n[49] !== f || n[50] !== u ? (s = xn(f, u), n[49] = f, n[50] = u, n[51] = s) : s = n[51];
+		let c = s;
+		le = H && c.canSort;
+		let m = H && c.canFilter, h = H && c.canHide, g = H && c.canPin;
+		ce = c.canResize, se = H && c.canReorder;
+		let _ = H && c.canGroup, x = H && Sn(l, u).canHideAny, S;
+		n[52] !== f.id || n[53] !== B ? (S = B.includes(f.id), n[52] = f.id, n[53] = B, n[54] = S) : S = n[54];
+		let C = S, T = B.length > 0;
+		he = V === f.id;
+		let I;
+		n[55] !== se || n[56] !== f.id || n[57] !== z || n[58] !== V || n[59] !== he ? (I = se && V !== null && !he && Xn(z, V) === Xn(z, f.id), n[55] = se, n[56] = f.id, n[57] = z, n[58] = V, n[59] = he, n[60] = I) : I = n[60], ge = I;
+		let W;
+		n[61] !== a.ui || n[62] !== f.id ? (W = function(e) {
+			e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", f.id), a.ui.actions.startColumnDrag(f.id);
+		}, n[61] = a.ui, n[62] = f.id, n[63] = W) : W = n[63], pe = W;
+		let ae;
+		n[64] === ge ? ae = n[65] : (ae = function(e) {
+			if (!ge) return;
+			e.preventDefault(), e.dataTransfer.dropEffect = "move";
+			let t = b.current?.getBoundingClientRect();
+			t && y(e.clientX < t.left + t.width / 2 ? "before" : "after");
+		}, n[64] = ge, n[65] = ae), fe = ae;
+		let xe;
+		n[66] === Symbol.for("react.memo_cache_sentinel") ? (xe = function(e) {
+			let t = e.relatedTarget;
+			t instanceof Node && e.currentTarget.contains(t) || y(null);
+		}, n[66] = xe) : xe = n[66], de = xe;
+		let Ce;
+		n[67] !== a.ui || n[68] !== f.id || n[69] !== V || n[70] !== v || n[71] !== ge || n[72] !== l ? (Ce = function(e) {
+			e.preventDefault(), y(null), a.ui.actions.endColumnDrag(), !(!ge || !v || !V) && Qn({
+				table: l,
+				columnId: V,
+				targetId: f.id,
+				side: v
+			});
+		}, n[67] = a.ui, n[68] = f.id, n[69] = V, n[70] = v, n[71] = ge, n[72] = l, n[73] = Ce) : Ce = n[73], me = Ce;
+		let Y;
+		n[74] === a.ui ? Y = n[75] : (Y = function() {
+			y(null), a.ui.actions.endColumnDrag();
+		}, n[74] = a.ui, n[75] = Y), ue = Y;
+		let we;
+		n[76] !== f.id || n[77] !== l ? (we = function() {
+			let e = b.current?.closest("[data-dg-scroll-container]");
+			e && Yn({
+				table: l,
+				columnId: f.id,
+				container: e
+			});
+		}, n[76] = f.id, n[77] = l, n[78] = we) : we = n[78], oe = we;
+		let Te;
+		n[79] !== f || n[80] !== l ? (Te = function(e) {
+			if (e && !(f.id in l.store.state.columnSizing)) {
+				let e = b.current?.getBoundingClientRect().width;
+				e && l.setColumnSizing((t) => ({
+					...t,
+					[f.id]: Math.round(e)
+				}));
+			}
+			f.pin(e);
+		}, n[79] = f, n[80] = l, n[81] = Te) : Te = n[81];
+		let Ee = Te;
+		if (K = [], le) {
 			let e;
-			n[64] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(A, {
+			n[82] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ U(M, {
 				size: 16,
 				stroke: 1.6
-			}), n[64] = e) : e = n[64];
+			}), n[82] = e) : e = n[82];
 			let t;
-			n[65] === d ? t = n[66] : (t = /* @__PURE__ */ G(f.Item, {
-				leftSection: e,
-				onClick: () => d.toggleSorting(!1),
-				children: "Sort by ASC"
-			}, "sort-asc"), n[65] = d, n[66] = t);
+			n[83] === f ? t = n[84] : (t = () => f.toggleSorting(!1), n[83] = f, n[84] = t);
 			let r;
-			n[67] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ G(D, {
+			n[85] !== d.sortAsc || n[86] !== t ? (r = /* @__PURE__ */ U(p.Item, {
+				leftSection: e,
+				onClick: t,
+				children: d.sortAsc
+			}, "sort-asc"), n[85] = d.sortAsc, n[86] = t, n[87] = r) : r = n[87];
+			let i;
+			n[88] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ U(k, {
 				size: 16,
 				stroke: 1.6
-			}), n[67] = r) : r = n[67];
-			let i;
-			n[68] === d ? i = n[69] : (i = /* @__PURE__ */ G(f.Item, {
-				leftSection: r,
-				onClick: () => d.toggleSorting(!0),
-				children: "Sort by DESC"
-			}, "sort-desc"), n[68] = d, n[69] = i);
+			}), n[88] = i) : i = n[88];
 			let 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);
+			n[89] === f ? a = n[90] : (a = () => f.toggleSorting(!0), n[89] = f, n[90] = a);
+			let o;
+			n[91] !== d.sortDesc || n[92] !== a ? (o = /* @__PURE__ */ U(p.Item, {
+				leftSection: i,
+				onClick: a,
+				children: d.sortDesc
+			}, "sort-desc"), n[91] = d.sortDesc, n[92] = a, n[93] = o) : o = n[93];
+			let s;
+			n[94] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ U(p.Divider, {}, "sort-divider"), n[94] = s) : s = n[94], K.push(r, o, s);
 		}
-		if (ue) {
+		if (m) {
 			let e;
-			n[71] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(I, {
+			n[95] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ U(te, {
 				size: 16,
 				stroke: 1.6
-			}), n[71] = e) : e = n[71];
+			}), n[95] = e) : e = n[95];
 			let t;
-			n[72] !== c || n[73] !== d.id ? (t = /* @__PURE__ */ G(f.Item, {
-				leftSection: e,
-				onClick: () => sn(c, d.id),
-				children: "Filter"
-			}, "filter"), n[72] = c, n[73] = d.id, n[74] = t) : t = n[74];
+			n[96] !== a || n[97] !== f.id ? (t = () => Nn(a, f.id), n[96] = a, n[97] = f.id, n[98] = t) : t = n[98];
 			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);
+			n[99] !== d.filterMenuItem || n[100] !== t ? (r = /* @__PURE__ */ U(p.Item, {
+				leftSection: e,
+				onClick: t,
+				children: d.filterMenuItem
+			}, "filter"), n[99] = d.filterMenuItem, n[100] = t, n[101] = r) : r = n[101];
+			let i;
+			n[102] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ U(p.Divider, {}, "filter-divider"), n[102] = i) : i = n[102], K.push(r, i);
 		}
-		if (he) {
-			let e = be ? $.menuItemActive : void 0, t;
-			n[76] === be ? t = n[77] : (t = G(be ? z : B, {
+		if (_) {
+			let e = C ? $.menuItemActive : void 0, t;
+			n[103] === C ? t = n[104] : (t = U(C ? R : re, {
 				size: 16,
 				stroke: 1.6
-			}), n[76] = be, n[77] = t);
+			}), n[103] = C, n[104] = t);
 			let 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, {
+			n[105] === f ? r = n[106] : (r = f.getToggleGroupingHandler(), n[105] = f, n[106] = r);
+			let i = C ? d.ungroup(be) : d.groupBy(be), a;
+			n[107] !== e || n[108] !== t || n[109] !== r || n[110] !== i ? (a = /* @__PURE__ */ U(p.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);
+			}, "group"), n[107] = e, n[108] = t, n[109] = r, n[110] = i, n[111] = a) : a = n[111], K.push(a);
 		}
-		if (xe) {
-			if (d.id === "__group__") for (let e of V) {
+		if (T) {
+			if (f.id === "__group__") for (let e of B) {
 				let t = l.getColumn(e);
-				t && Q.push(/* @__PURE__ */ G(f.Item, {
-					leftSection: /* @__PURE__ */ G(z, {
+				t && K.push(/* @__PURE__ */ U(p.Item, {
+					leftSection: /* @__PURE__ */ U(R, {
 						size: 16,
 						stroke: 1.6
 					}),
 					onClick: () => t.toggleGrouping(),
-					children: `Ungroup ${Me(t)}`
+					children: d.ungroup(et(t))
 				}, `ungroup-${e}`));
 			}
 			let e;
-			n[85] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(L, {
-				size: 16,
-				stroke: 1.6
-			}), 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[88] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ G(R, {
+			n[112] === l ? e = n[113] : (e = (e) => l.setExpanded(ze({
+				rows: l.getPrePaginatedRowModel().flatRows,
+				expanded: l.store.state.expanded,
+				target: "groups",
+				expand: e
+			})), n[112] = l, n[113] = e);
+			let t = e, r;
+			n[114] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ U(ne, {
 				size: 16,
 				stroke: 1.6
-			}), n[88] = r) : r = n[88];
+			}), n[114] = r) : r = n[114];
 			let i;
-			n[89] === l ? i = n[90] : (i = /* @__PURE__ */ G(f.Item, {
+			n[115] === t ? i = n[116] : (i = () => t(!0), n[115] = t, n[116] = i);
+			let a;
+			n[117] !== d.expandAllGroups || n[118] !== i ? (a = /* @__PURE__ */ U(p.Item, {
 				leftSection: r,
-				onClick: () => l.toggleAllRowsExpanded(!1),
-				children: "Collapse all groups"
-			}, "collapse-all"), n[89] = l, n[90] = i), Q.push(t, i);
+				onClick: i,
+				children: d.expandAllGroups
+			}, "expand-all"), n[117] = d.expandAllGroups, n[118] = i, n[119] = a) : a = n[119];
+			let o;
+			n[120] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ U(L, {
+				size: 16,
+				stroke: 1.6
+			}), n[120] = o) : o = n[120];
+			let s;
+			n[121] === t ? s = n[122] : (s = () => t(!1), n[121] = t, n[122] = s);
+			let c;
+			n[123] !== d.collapseAllGroups || n[124] !== s ? (c = /* @__PURE__ */ U(p.Item, {
+				leftSection: o,
+				onClick: s,
+				children: d.collapseAllGroups
+			}, "collapse-all"), n[123] = d.collapseAllGroups, n[124] = s, n[125] = c) : c = n[125], K.push(a, c);
 		}
-		if (he || xe) {
+		if (_ || T) {
 			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);
+			n[126] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ U(p.Divider, {}, "group-divider"), n[126] = e) : e = n[126], K.push(e);
 		}
-		if (fe) {
-			let e = Y === "left" ? $.menuItemActive : void 0, t;
-			n[92] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ G(T, {
+		if (g) {
+			let e = q === "left" ? $.menuItemActive : void 0, t;
+			n[127] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ U(D, {
 				size: 16,
 				stroke: 1.6
-			}), n[92] = t) : t = n[92];
+			}), n[127] = t) : t = n[127];
 			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];
+			n[128] !== q || n[129] !== Ee ? (r = () => Ee(q !== "left" && "left"), n[128] = q, n[129] = Ee, n[130] = r) : r = n[130];
 			let i;
-			n[96] !== e || n[97] !== r ? (i = /* @__PURE__ */ G(f.Item, {
+			n[131] !== d.pinLeft || n[132] !== e || n[133] !== r ? (i = /* @__PURE__ */ U(p.Item, {
 				className: e,
 				leftSection: t,
 				onClick: r,
-				children: "Pin to left"
-			}, "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, {
+				children: d.pinLeft
+			}, "pin-left"), n[131] = d.pinLeft, n[132] = e, n[133] = r, n[134] = i) : i = n[134];
+			let a = q === "right" ? $.menuItemActive : void 0, o;
+			n[135] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ U(O, {
 				size: 16,
 				stroke: 1.6
-			}), n[99] = o) : o = n[99];
+			}), n[135] = o) : o = n[135];
 			let s;
-			n[100] !== Y || n[101] !== Z ? (s = () => Z(Y !== "right" && "right"), n[100] = Y, n[101] = Z, n[102] = s) : s = n[102];
+			n[136] !== q || n[137] !== Ee ? (s = () => Ee(q !== "right" && "right"), n[136] = q, n[137] = Ee, n[138] = s) : s = n[138];
 			let c;
-			if (n[103] !== a || n[104] !== s ? (c = /* @__PURE__ */ G(f.Item, {
+			if (n[139] !== d.pinRight || n[140] !== a || n[141] !== s ? (c = /* @__PURE__ */ U(p.Item, {
 				className: a,
 				leftSection: o,
 				onClick: s,
-				children: "Pin to right"
-			}, "pin-right"), n[103] = a, n[104] = s, n[105] = c) : c = n[105], Q.push(i, c), Y) {
+				children: d.pinRight
+			}, "pin-right"), n[139] = d.pinRight, n[140] = a, n[141] = s, n[142] = c) : c = n[142], K.push(i, c), q) {
 				let e;
-				n[106] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(H, {
+				n[143] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ U(ie, {
 					size: 16,
 					stroke: 1.6
-				}), n[106] = e) : e = n[106];
+				}), n[143] = e) : e = n[143];
 				let t;
-				n[107] === Z ? t = n[108] : (t = /* @__PURE__ */ G(f.Item, {
+				n[144] === Ee ? t = n[145] : (t = () => Ee(!1), n[144] = Ee, n[145] = t);
+				let r;
+				n[146] !== d.unpin || n[147] !== t ? (r = /* @__PURE__ */ U(p.Item, {
 					leftSection: e,
-					onClick: () => Z(!1),
-					children: "Unpin"
-				}, "unpin"), n[107] = Z, n[108] = t), Q.push(t);
+					onClick: t,
+					children: d.unpin
+				}, "unpin"), n[146] = d.unpin, n[147] = t, n[148] = r) : r = n[148], K.push(r);
 			}
 			let 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);
+			n[149] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ U(p.Divider, {}, "pin-divider"), n[149] = l) : l = n[149], K.push(l);
 		}
-		if (me) {
+		if (se) {
 			let e;
-			n[110] !== d.id || n[111] !== l ? (e = Sn({
+			n[150] !== f.id || n[151] !== l ? (e = er({
 				table: l,
-				columnId: d.id,
+				columnId: f.id,
 				direction: -1
-			}), n[110] = d.id, n[111] = l, n[112] = e) : e = n[112];
+			}), n[150] = f.id, n[151] = l, n[152] = e) : e = n[152];
 			let t = e, r;
-			n[113] !== d.id || n[114] !== l ? (r = Sn({
+			n[153] !== f.id || n[154] !== l ? (r = er({
 				table: l,
-				columnId: d.id,
+				columnId: f.id,
 				direction: 1
-			}), n[113] = d.id, n[114] = l, n[115] = r) : r = n[115];
+			}), n[153] = f.id, n[154] = l, n[155] = r) : r = n[155];
 			let i = r;
 			if (t || i) {
 				let e = !t, r;
-				n[116] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ G(O, {
+				n[156] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ U(A, {
 					size: 16,
 					stroke: 1.6
-				}), n[116] = r) : r = n[116];
+				}), n[156] = r) : r = n[156];
 				let a;
-				n[117] !== d.id || n[118] !== l ? (a = () => Cn({
+				n[157] !== f.id || n[158] !== l ? (a = () => tr({
 					table: l,
-					columnId: d.id,
+					columnId: f.id,
 					direction: -1
-				}), n[117] = d.id, n[118] = l, n[119] = a) : a = n[119];
+				}), n[157] = f.id, n[158] = l, n[159] = a) : a = n[159];
 				let o;
-				n[120] !== e || n[121] !== a ? (o = /* @__PURE__ */ G(f.Item, {
+				n[160] !== d.moveLeft || n[161] !== e || n[162] !== a ? (o = /* @__PURE__ */ U(p.Item, {
 					disabled: e,
 					leftSection: r,
 					onClick: a,
-					children: "Move left"
-				}, "move-left"), n[120] = e, n[121] = a, n[122] = o) : o = n[122];
+					children: d.moveLeft
+				}, "move-left"), n[160] = d.moveLeft, n[161] = e, n[162] = a, n[163] = o) : o = n[163];
 				let s = !i, c;
-				n[123] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ G(k, {
+				n[164] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ U(j, {
 					size: 16,
 					stroke: 1.6
-				}), n[123] = c) : c = n[123];
+				}), n[164] = c) : c = n[164];
 				let u;
-				n[124] !== d.id || n[125] !== l ? (u = () => Cn({
+				n[165] !== f.id || n[166] !== l ? (u = () => tr({
 					table: l,
-					columnId: d.id,
+					columnId: f.id,
 					direction: 1
-				}), n[124] = d.id, n[125] = l, n[126] = u) : u = n[126];
-				let p;
-				n[127] !== s || n[128] !== u ? (p = /* @__PURE__ */ G(f.Item, {
+				}), n[165] = f.id, n[166] = l, n[167] = u) : u = n[167];
+				let m;
+				n[168] !== d.moveRight || n[169] !== s || n[170] !== u ? (m = /* @__PURE__ */ U(p.Item, {
 					disabled: s,
 					leftSection: c,
 					onClick: u,
-					children: "Move right"
-				}, "move-right"), n[127] = s, n[128] = u, n[129] = p) : p = n[129];
-				let 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);
+					children: d.moveRight
+				}, "move-right"), n[168] = d.moveRight, n[169] = s, n[170] = u, n[171] = m) : m = n[171];
+				let h;
+				n[172] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ U(p.Divider, {}, "move-divider"), n[172] = h) : h = n[172], K.push(o, m, h);
 			}
 		}
-		if (de) {
+		if (ce && H) {
 			let e;
-			n[131] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(F, {
+			n[173] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ U(E, {
 				size: 16,
 				stroke: 1.6
-			}), n[131] = e) : e = n[131];
+			}), n[173] = e) : e = n[173];
 			let t;
-			n[132] === d ? t = n[133] : (t = /* @__PURE__ */ G(f.Item, {
+			n[174] !== oe || n[175] !== d.autosizeColumn ? (t = /* @__PURE__ */ U(p.Item, {
 				leftSection: e,
-				onClick: () => d.toggleVisibility(!1),
-				children: "Hide column"
-			}, "hide"), n[132] = d, n[133] = t), Q.push(t);
+				onClick: oe,
+				children: d.autosizeColumn
+			}, "autosize"), n[174] = oe, n[175] = d.autosizeColumn, n[176] = t) : t = n[176];
+			let r;
+			n[177] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ U(p.Divider, {}, "autosize-divider"), n[177] = r) : r = n[177], K.push(t, r);
+		}
+		if (h) {
+			let e;
+			n[178] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ U(ee, {
+				size: 16,
+				stroke: 1.6
+			}), n[178] = e) : e = n[178];
+			let t;
+			n[179] === f ? t = n[180] : (t = () => f.toggleVisibility(!1), n[179] = f, n[180] = t);
+			let r;
+			n[181] !== d.hideColumn || n[182] !== t ? (r = /* @__PURE__ */ U(p.Item, {
+				leftSection: e,
+				onClick: t,
+				children: d.hideColumn
+			}, "hide"), n[181] = d.hideColumn, n[182] = t, n[183] = r) : r = n[183], K.push(r);
 		}
-		if (ve) {
+		if (x) {
 			let e;
-			n[134] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ G(N, {
+			n[184] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ U(F, {
 				size: 16,
 				stroke: 1.6
-			}), n[134] = e) : e = n[134];
+			}), n[184] = e) : e = n[184];
 			let t;
-			n[135] === c.ui.actions ? t = n[136] : (t = /* @__PURE__ */ G(f.Item, {
+			n[185] === a.ui.actions ? t = n[186] : (t = () => a.ui.actions.setColumnsPanelOpen(!0), n[185] = a.ui.actions, n[186] = t);
+			let r;
+			n[187] !== d.manageColumns || n[188] !== t ? (r = /* @__PURE__ */ U(p.Item, {
 				leftSection: e,
-				onClick: () => c.ui.actions.setColumnsPanelOpen(!0),
-				children: "Manage columns"
-			}, "manage"), n[135] = c.ui.actions, n[136] = t), Q.push(t);
+				onClick: t,
+				children: d.manageColumns
+			}, "manage"), n[187] = d.manageColumns, n[188] = t, n[189] = r) : r = n[189], K.push(r);
 		}
-		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 = [
+		for (; K.length > 0 && ur(K.at(-1));) K.pop();
+		n[1] = a, n[2] = f, n[3] = N, n[4] = z, n[5] = V, n[6] = v, n[7] = u, n[8] = B, n[9] = H, n[10] = d, n[11] = i.pinnedAt, n[12] = P, n[13] = w, n[14] = l, n[15] = G, n[16] = oe, n[17] = se, n[18] = ce, n[19] = le, n[20] = ue, n[21] = de, n[22] = fe, n[23] = pe, n[24] = me, n[25] = he, n[26] = ge, n[27] = _e, n[28] = ve, n[29] = ye, n[30] = be, n[31] = K, n[32] = q, n[33] = J, n[34] = Se;
+	} else G = n[15], oe = n[16], se = n[17], ce = n[18], le = n[19], ue = n[20], de = n[21], fe = n[22], pe = n[23], me = n[24], he = n[25], ge = n[26], _e = n[27], ve = n[28], ye = n[29], be = n[30], K = n[31], q = n[32], J = n[33], Se = n[34];
+	let Ce;
+	n[190] !== f.id || n[191] !== H || n[192] !== K ? (Ce = H && K.length > 0 && !rt(f.id), n[190] = f.id, n[191] = H, n[192] = K, n[193] = Ce) : Ce = n[193];
+	let Y = Ce, we = le ? $.headerCellSortable : "", Te = he ? $.headerCellDragging : "", Ee = v === "before" ? $.headerCellDropBefore : "", De = v === "after" ? $.headerCellDropAfter : "", Oe = i.isBoundary && q === "left" ? Wn.stickyLeft : "", ke = i.isBoundary && q === "right" ? Wn.stickyRight : "", Ae;
+	n[194] !== we || n[195] !== Te || n[196] !== Ee || n[197] !== De || n[198] !== Oe || n[199] !== ke ? (Ae = [
 		$.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;
+		we,
+		Te,
+		Ee,
+		De,
+		Oe,
+		ke
+	].filter(Boolean), n[194] = we, n[195] = Te, n[196] = Ee, n[197] = De, n[198] = Oe, n[199] = ke, n[200] = Ae) : Ae = n[200];
+	let je = Ae.join(" "), X = `dg-header-${f.id}`, Me = ye || _e, Ne;
+	n[201] === f.id ? Ne = n[202] : (Ne = rt(f.id), n[201] = f.id, n[202] = Ne);
+	let Pe = le ? ye ? J ? "descending" : "ascending" : "none" : void 0, Fe = se && !ve, Ie = se ? pe : void 0, Le = se ? ue : void 0, Re = ge ? fe : void 0, Be = ge ? de : void 0, Ve = ge ? me : void 0, He = q === "left" ? i.offset : void 0, Ue = q === "right" ? i.offset : void 0, We = q ? "sticky" : void 0, Ge = q ? "var(--dg-z-header-pinned-cell, 7)" : void 0, Ke;
+	n[203] !== He || n[204] !== Ue || n[205] !== We || n[206] !== Ge ? (Ke = {
+		left: He,
+		right: Ue,
+		position: We,
+		zIndex: Ge
+	}, n[203] = He, n[204] = Ue, n[205] = We, n[206] = Ge, n[207] = Ke) : Ke = n[207];
+	let qe = le ? sr : void 0, Je;
+	n[208] !== le || n[209] !== f ? (Je = le ? (e) => {
+		if (x.current) {
+			x.current = !1;
 			return;
 		}
-		d.getToggleSortingHandler()?.(e);
-	} : 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,
+		f.getToggleSortingHandler()?.(e);
+	} : void 0, n[208] = le, n[209] = f, n[210] = Je) : Je = n[210];
+	let Q;
+	n[211] !== f.columnDef || n[212] !== r || n[213] !== H || n[214] !== be ? (Q = r.isPlaceholder ? null : /* @__PURE__ */ U(S, {
+		label: be,
 		openDelay: 600,
 		withinPortal: !0,
-		disabled: !W,
-		children: /* @__PURE__ */ G("span", {
+		disabled: !H,
+		children: /* @__PURE__ */ U("span", {
 			className: $.headerTitle,
-			children: ge(d.columnDef.header, r.getContext())
+			"data-dg-header-title": !0,
+			children: xe(f.columnDef.header, r.getContext())
 		})
-	}), 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", {
+	}), n[211] = f.columnDef, n[212] = r, n[213] = H, n[214] = be, n[215] = Q) : Q = n[215];
+	let Ye;
+	n[216] !== a || n[217] !== le || n[218] !== f || n[219] !== g || n[220] !== Y || n[221] !== _e || n[222] !== H || n[223] !== ye || n[224] !== be || n[225] !== d || n[226] !== K || n[227] !== m || n[228] !== J || n[229] !== Se ? (Ye = H && /* @__PURE__ */ W("div", {
 		className: $.headerActions,
 		children: [
-			oe && /* @__PURE__ */ G(s, {
+			_e && /* @__PURE__ */ U(c, {
 				className: $.headerAction,
 				"data-pinned-visible": "true",
 				variant: "subtle",
 				color: "gray",
 				size: "xs",
-				"aria-label": `Filter on ${q}`,
+				"aria-label": d.filterOn(be),
 				onClick: (e) => {
-					e.stopPropagation(), sn(c, d.id);
+					e.stopPropagation(), Nn(a, f.id);
 				},
-				children: /* @__PURE__ */ G(I, {
+				children: /* @__PURE__ */ U(te, {
 					size: 14,
 					stroke: 1.6
 				})
 			}),
-			X && /* @__PURE__ */ G(s, {
+			le && /* @__PURE__ */ U(c, {
 				className: $.headerAction,
-				"data-pinned-visible": ie,
+				"data-pinned-visible": ye,
 				variant: "subtle",
 				color: "gray",
 				size: "xs",
-				"aria-label": `Sort ${q}`,
-				onClick: d.getToggleSortingHandler(),
-				children: G(re ? D : A, {
+				"aria-label": d.sortColumn(be),
+				onClick: f.getToggleSortingHandler(),
+				children: U(J ? k : M, {
 					size: 14,
 					stroke: 1.6
 				})
 			}),
-			Q.length > 0 && d.id !== "__select__" && /* @__PURE__ */ K(f, {
-				opened: p,
-				onChange: m,
+			Se !== null && /* @__PURE__ */ U("span", {
+				className: $.sortIndex,
+				"data-testid": "dg-sort-index",
+				children: Se
+			}),
+			Y && /* @__PURE__ */ W(p, {
+				opened: m,
+				onChange: h,
 				position: "bottom-start",
 				shadow: "md",
 				width: 220,
 				withinPortal: !0,
-				children: [/* @__PURE__ */ G(f.Target, { children: /* @__PURE__ */ G(s, {
+				children: [/* @__PURE__ */ U(p.Target, { children: /* @__PURE__ */ U(c, {
 					className: $.headerAction,
-					"data-pinned-visible": p,
+					"data-pinned-visible": m || g,
 					variant: "subtle",
 					color: "gray",
 					size: "xs",
-					"aria-label": `${q} column menu`,
+					"aria-label": d.columnMenu(be),
 					onClick: (e) => {
-						e.stopPropagation(), m(Dn);
+						e.stopPropagation(), h(or);
 					},
-					children: /* @__PURE__ */ G(P, {
+					children: /* @__PURE__ */ U(I, {
 						size: 14,
 						stroke: 1.6
 					})
-				}) }), /* @__PURE__ */ G(f.Dropdown, {
-					onClick: En,
-					children: Q
+				}) }), /* @__PURE__ */ U(p.Dropdown, {
+					onClick: ar,
+					children: K
 				})]
 			})
 		]
-	}), 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[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,
+	}), n[216] = a, n[217] = le, n[218] = f, n[219] = g, n[220] = Y, n[221] = _e, n[222] = H, n[223] = ye, n[224] = be, n[225] = d, n[226] = K, n[227] = m, n[228] = J, n[229] = Se, n[230] = Ye) : Ye = n[230];
+	let Xe;
+	n[231] !== oe || n[232] !== ce || n[233] !== f.id || n[234] !== r || n[235] !== ve ? (Xe = !rt(f.id) && /* @__PURE__ */ U("div", {
+		className: [
+			$.columnSeparator,
+			ce ? $.columnSeparatorResizable : "",
+			ve ? $.columnSeparatorActive : ""
+		].filter(Boolean).join(" "),
 		draggable: !1,
-		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: _,
+		onMouseDown: ce ? (e) => {
+			x.current = !0, r.getResizeHandler()(e);
+		} : void 0,
+		onTouchStart: ce ? r.getResizeHandler() : void 0,
+		onClick: ir,
+		onDoubleClick: ce ? (e) => {
+			e.stopPropagation(), oe();
+		} : void 0
+	}), n[231] = oe, n[232] = ce, n[233] = f.id, n[234] = r, n[235] = ve, n[236] = Xe) : Xe = n[236];
+	let Ze;
+	n[237] !== G || n[238] !== je || n[239] !== X || n[240] !== Me || n[241] !== Ne || n[242] !== Pe || n[243] !== Fe || n[244] !== Ie || n[245] !== Le || n[246] !== Re || n[247] !== Be || n[248] !== Ve || n[249] !== Ke || n[250] !== qe || n[251] !== Je || n[252] !== Q || n[253] !== Ye || n[254] !== Xe ? (Ze = /* @__PURE__ */ W("div", {
+		ref: b,
 		role: "columnheader",
-		"data-testid": qe,
-		"data-active": Je,
-		"data-align": te,
-		"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,
+		"data-testid": X,
+		"data-active": Me,
+		"data-align": G,
+		"data-control-column": Ne,
+		"aria-sort": Pe,
+		className: je,
+		draggable: Fe,
+		onDragStart: Ie,
+		onDragEnd: Le,
+		onDragOver: Re,
+		onDragLeave: Be,
+		onDrop: Ve,
+		style: Ke,
+		onMouseDown: qe,
+		onClick: Je,
 		children: [
-			ut,
-			dt,
-			vt
+			Q,
+			Ye,
+			Xe
 		]
-	}), 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;
+	}), n[237] = G, n[238] = je, n[239] = X, n[240] = Me, n[241] = Ne, n[242] = Pe, n[243] = Fe, n[244] = Ie, n[245] = Le, n[246] = Re, n[247] = Be, n[248] = Ve, n[249] = Ke, n[250] = qe, n[251] = Je, n[252] = Q, n[253] = Ye, n[254] = Xe, n[255] = Ze) : Ze = n[255];
+	let Qe = Ze;
+	if (!Y) return Qe;
+	let $e;
+	n[256] === Symbol.for("react.memo_cache_sentinel") ? ($e = (e) => {
+		_(e), e && h(!1);
+	}, n[256] = $e) : $e = n[256];
+	let tt;
+	n[257] === Qe ? tt = n[258] : (tt = /* @__PURE__ */ U(p.ContextMenu, { children: Qe }), n[257] = Qe, n[258] = tt);
+	let it;
+	n[259] === K ? it = n[260] : (it = /* @__PURE__ */ U(p.Dropdown, {
+		onClick: rr,
+		children: K
+	}), n[259] = K, n[260] = it);
+	let at;
+	return n[261] !== g || n[262] !== tt || n[263] !== it ? (at = /* @__PURE__ */ W(p, {
+		opened: g,
+		onChange: $e,
+		position: "bottom-start",
+		shadow: "md",
+		width: 220,
+		withinPortal: !0,
+		children: [tt, it]
+	}), n[261] = g, n[262] = tt, n[263] = it, n[264] = at) : at = n[264], at;
+}
+function rr(e) {
+	return e.stopPropagation();
 }
-function Tn(e) {
+function ir(e) {
 	return e.stopPropagation();
 }
-function En(e) {
+function ar(e) {
 	return e.stopPropagation();
 }
-function Dn(e) {
+function or(e) {
 	return !e;
 }
-function On(e) {
+function sr(e) {
+	e.shiftKey && e.preventDefault();
+}
+function cr(e) {
 	return e.draggedColumnId;
 }
-function kn(e) {
+function lr(e) {
 	return {
 		sorting: e.sorting,
 		columnFilters: e.columnFilters,
@@ -1803,79 +2332,228 @@ function kn(e) {
 		grouping: e.grouping
 	};
 }
-function An(e) {
-	return typeof e == "object" && !!e && "type" in e && e.type === f.Divider;
+function ur(e) {
+	return typeof e == "object" && !!e && "type" in e && e.type === p.Divider;
+}
+//#endregion
+//#region src/tmdatagrid/core/cellRange.ts
+function dr({ range: e, rowIndexOf: t, columnIndexOf: n }) {
+	if (e === null) return null;
+	let r = t(e.anchor.rowId), i = t(e.focus.rowId), a = n(e.anchor.columnId), o = n(e.focus.columnId);
+	return r < 0 || i < 0 || a < 0 || o < 0 ? null : {
+		top: Math.min(r, i),
+		bottom: Math.max(r, i),
+		left: Math.min(a, o),
+		right: Math.max(a, o)
+	};
+}
+function fr(e, t, n) {
+	return e !== null && t >= e.top && t <= e.bottom && n >= e.left && n <= e.right;
+}
+function pr(e) {
+	return e === null ? 0 : (e.bottom - e.top + 1) * (e.right - e.left + 1);
+}
+function mr(e, t, n) {
+	return !fr(e, t, n) || e === null ? null : {
+		top: t === e.top,
+		bottom: t === e.bottom,
+		left: n === e.left,
+		right: n === e.right
+	};
+}
+//#endregion
+//#region src/tmdatagrid/core/cellExport.ts
+var hr = "", gr = {
+	separator: ";",
+	decimalComma: !0,
+	includeHeaders: !0,
+	fileName: "export"
+};
+function _r(e, { decimalComma: t }) {
+	if (e == null) return "";
+	if (typeof e == "number") {
+		if (!Number.isFinite(e)) return "";
+		let n = String(e);
+		return t ? n.replace(".", ",") : n;
+	}
+	if (typeof e == "string") return e;
+	if (typeof e == "boolean") return e ? "true" : "false";
+	if (Array.isArray(e)) return e.map((e) => _r(e, { decimalComma: t })).join(", ");
+	if (e instanceof Date) return Number.isNaN(e.getTime()) ? "" : e.toLocaleString("sv-SE");
+	if (typeof e == "object") try {
+		return JSON.stringify(e);
+	} catch {
+		return "";
+	}
+	return String(e);
+}
+function vr({ rows: e, columns: t, bounds: n, includeHeaders: r, decimalComma: i }) {
+	let a = t.slice(n.left, n.right + 1).filter((e) => !rt(e.id));
+	if (a.length === 0) return [];
+	let o = [];
+	r && o.push(a.map((e) => et(e)));
+	for (let t = n.top; t <= n.bottom; t += 1) {
+		let n = e[t];
+		n !== void 0 && o.push(a.map((e) => _r(n.getValue(e.id), { decimalComma: i })));
+	}
+	return o;
+}
+function yr({ table: e, includeHeaders: t = gr.includeHeaders, decimalComma: n = gr.decimalComma }) {
+	let r = e, i = [
+		...r.getLeftVisibleLeafColumns(),
+		...r.getCenterVisibleLeafColumns(),
+		...r.getRightVisibleLeafColumns()
+	], a = [], o = (e) => {
+		for (let t of e) t.getIsGrouped() ? o(t.subRows) : a.push(t);
+	};
+	return o(r.getSortedRowModel().rows), vr({
+		rows: a,
+		columns: i,
+		bounds: {
+			top: 0,
+			bottom: a.length - 1,
+			left: 0,
+			right: i.length - 1
+		},
+		includeHeaders: t,
+		decimalComma: n
+	});
+}
+function br({ table: e, options: t }) {
+	let n = {
+		...gr,
+		...t
+	}, r = yr({
+		table: e,
+		includeHeaders: n.includeHeaders,
+		decimalComma: n.decimalComma
+	});
+	r.length !== 0 && Tr({
+		fileName: `${n.fileName}.csv`,
+		text: Cr(r, { separator: n.separator })
+	});
+}
+function xr(e, t) {
+	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? `"${e.replaceAll("\"", "\"\"")}"` : e;
+}
+function Sr(e) {
+	return e.map((e) => e.map((e) => xr(e, "	")).join("	")).join("\r\n");
+}
+function Cr(e, { separator: t }) {
+	return `${hr}sep=${t}\r\n${e.map((e) => e.map((e) => xr(e, t)).join(t)).join("\r\n")}\r\n`;
+}
+async function wr(e) {
+	try {
+		return await navigator.clipboard.writeText(e), !0;
+	} catch {
+		return !1;
+	}
+}
+function Tr({ fileName: e, text: t, mimeType: n = "text/csv;charset=utf-8" }) {
+	let r = URL.createObjectURL(new Blob([t], { type: n })), i = document.createElement("a");
+	i.href = r, i.download = e, i.style.display = "none", document.body.append(i), i.click(), i.remove(), setTimeout(() => URL.revokeObjectURL(r), 0);
 }
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridTable.tsx
-var jn = {
+var Er = {
 	pinnedAt: !1,
 	offset: 0,
 	isBoundary: !1
-};
-function Mn(e) {
+}, Dr = [
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"a[href]",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+function Or(e, t) {
+	return e.querySelector(`[data-cell="true"][data-row-id="${CSS.escape(t.rowId)}"][data-column-id="${CSS.escape(t.columnId)}"]`);
+}
+function kr({ container: e, cellElement: t, leftPinnedWidth: n, rightPinnedWidth: r }) {
+	let i = t.getBoundingClientRect(), a = e.getBoundingClientRect(), o = a.left + n, s = a.right - r;
+	i.left < o ? e.scrollLeft -= o - i.left : i.right > s && (e.scrollLeft += i.right - s);
+}
+function Ar(e) {
 	if (e.getIsPlaceholder()) return null;
-	if (!e.getIsAggregated()) return ge(e.column.columnDef.cell, e.getContext());
+	if (!e.getIsAggregated()) return xe(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 ? (_ = {
+	return t === void 0 ? n === void 0 ? null : xe(e.column.columnDef.cell, e.getContext()) : xe(t, e.getContext());
+}
+function jr(t) {
+	let n = e(40), { cell: r, rowHeight: i, layout: a, nav: o, onFocus: s, onMouseDown: c, onMouseEnter: l, onContextMenu: u } = t, d = o ? "gridcell" : "cell", f = o?.columnIndex, p = o?.tabIndex, m = o ? !0 : void 0, h = o?.rowId, g = r.column.id, _ = o?.focused, v = o?.selected, y = o?.selected, b = o?.edges?.top, x = o?.edges?.bottom, S = o?.edges?.left, C = o?.edges?.right, w;
+	n[0] === r.column ? w = n[1] : (w = nt(r.column), n[0] = r.column, n[1] = w);
+	let T;
+	n[2] === r.column.id ? T = n[3] : (T = rt(r.column.id), n[2] = r.column.id, n[3] = T);
+	let E = a.isBoundary && a.pinnedAt === "left" ? Wn.stickyLeft : "", D = a.isBoundary && a.pinnedAt === "right" ? Wn.stickyRight : "", O;
+	n[4] !== E || n[5] !== D ? (O = [
+		Un.bodyCell,
+		E,
+		D
+	].filter(Boolean), n[4] = E, n[5] = D, n[6] = O) : O = n[6];
+	let k = O.join(" "), A = a.pinnedAt === "left" ? a.offset : void 0, j = a.pinnedAt === "right" ? a.offset : void 0, M = a.pinnedAt ? "sticky" : o?.focused ? "relative" : void 0, N = o?.focused ? "var(--dg-z-focused-cell, 3)" : a.pinnedAt ? "var(--dg-z-pinned-cell, 2)" : void 0, P;
+	n[7] !== i || n[8] !== A || n[9] !== j || n[10] !== M || n[11] !== N ? (P = {
 		minHeight: i,
-		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;
+		left: A,
+		right: j,
+		position: M,
+		zIndex: N
+	}, n[7] = i, n[8] = A, n[9] = j, n[10] = M, n[11] = N, n[12] = P) : P = n[12];
+	let F;
+	n[13] === r ? F = n[14] : (F = Ar(r), n[13] = r, n[14] = F);
+	let I;
+	n[15] === F ? I = n[16] : (I = /* @__PURE__ */ U("span", {
+		className: Un.cellContent,
+		children: F
+	}), n[15] = F, n[16] = I);
+	let ee;
+	return n[17] !== r.column.id || n[18] !== u || n[19] !== s || n[20] !== c || n[21] !== l || n[22] !== d || n[23] !== b || n[24] !== x || n[25] !== S || n[26] !== C || n[27] !== w || n[28] !== T || n[29] !== k || n[30] !== f || n[31] !== P || n[32] !== I || n[33] !== p || n[34] !== m || n[35] !== h || n[36] !== _ || n[37] !== v || n[38] !== y ? (ee = /* @__PURE__ */ U("div", {
+		role: d,
+		"aria-colindex": f,
+		tabIndex: p,
+		"data-cell": m,
+		"data-row-id": h,
+		"data-column-id": g,
+		"data-focused": _,
+		"aria-selected": v,
+		"data-selected": y,
+		"data-edge-top": b,
+		"data-edge-bottom": x,
+		"data-edge-left": S,
+		"data-edge-right": C,
+		onFocus: s,
+		onMouseDown: c,
+		onMouseEnter: l,
+		"data-align": w,
+		"data-control-column": T,
+		onContextMenu: u,
+		className: k,
+		style: P,
+		children: I
+	}), n[17] = r.column.id, n[18] = u, n[19] = s, n[20] = c, n[21] = l, n[22] = d, n[23] = b, n[24] = x, n[25] = S, n[26] = C, n[27] = w, n[28] = T, n[29] = k, n[30] = f, n[31] = P, n[32] = I, n[33] = p, n[34] = m, n[35] = h, n[36] = _, n[37] = v, n[38] = y, n[39] = ee) : ee = n[39], ee;
 }
-function Pn(t) {
+function Mr(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", {
+	n[1] !== c || n[2] !== u ? (d = /* @__PURE__ */ U("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 f = d;
+	if (!r) return f;
 	let m = i !== null, h;
 	n[4] === s ? h = n[5] : (h = (e) => {
 		e || s();
 	}, n[4] = s, n[5] = h);
 	let g;
-	n[6] === p ? g = n[7] : (g = /* @__PURE__ */ G(f.ContextMenu, { children: p }), n[6] = p, n[7] = g);
+	n[6] === f ? g = n[7] : (g = /* @__PURE__ */ U(p.ContextMenu, { children: f }), n[6] = f, n[7] = g);
 	let _;
-	n[8] === i ? _ = n[9] : (_ = /* @__PURE__ */ G(f.Dropdown, { children: i }), n[8] = i, n[9] = _);
+	n[8] === i ? _ = n[9] : (_ = /* @__PURE__ */ U(p.Dropdown, { children: i }), n[8] = i, n[9] = _);
 	let v;
-	return n[10] !== a || n[11] !== m || n[12] !== h || n[13] !== g || n[14] !== _ ? (v = /* @__PURE__ */ K(f, {
+	return n[10] !== a || n[11] !== m || n[12] !== h || n[13] !== g || n[14] !== _ ? (v = /* @__PURE__ */ W(p, {
 		opened: m,
 		onChange: h,
 		position: "bottom-start",
@@ -1885,38 +2563,55 @@ function Pn(t) {
 		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);
+function Nr({ onRowClick: e, rowContextMenu: t, rowContextMenuProps: r, cellExport: a, onReachEnd: c, reachEndThreshold: l = 10 }) {
+	let { table: d, ui: m, features: h, labels: g, rowHeight: _, controlSize: v, renderDetails: y, renderDetailsEstHeight: x, overscan: S } = Z();
+	T(d.store);
+	let C = T(m, (e) => e.highlightedRowId), w = T(m, (e) => e.focusedCell), E = T(m, (e) => e.cellRange), { loading: D, noResultsLabel: O = g.noResults } = d.options.meta ?? {}, k = o(null), A = Ge(d, h), j = (e) => y !== void 0 && !e.getIsGrouped() && e.getIsExpanded(), M = o(!1);
 	i(() => {
-		if (!l.pagination) return;
-		let e = s.getPageCount();
-		e > 0 && s.store.state.pagination.pageIndex >= e && s.setPageIndex(e - 1);
+		if (M.current) return;
+		M.current = !0;
+		let e = k.current;
+		if (e !== null) for (let t of z) t.columnDef.meta?.autoSize === !0 && (t.id in d.store.state.columnSizing || Yn({
+			table: d,
+			columnId: t.id,
+			container: e
+		}));
+	}), i(() => {
+		if (!h.pagination) return;
+		let e = d.getPageCount();
+		e > 0 && d.store.state.pagination.pageIndex >= e && d.setPageIndex(e - 1);
 	});
-	let y = Ee({
-		count: _.length,
-		getScrollElement: () => g.current,
-		estimateSize: n(() => u, [u]),
-		getItemKey: n((e) => _[e]?.id ?? e, [_]),
-		overscan: 6,
+	let N = Ae({
+		count: A.length,
+		getScrollElement: () => k.current,
+		estimateSize: (e) => {
+			let t = A[e];
+			return t === void 0 ? _ : _ + (j(t) ? x : 0);
+		},
+		measureElement: (e, t, n) => e.getBoundingClientRect().height || n.options.estimateSize(n.indexFromElement(e)),
+		getItemKey: n((e) => A[e]?.id ?? e, [A]),
+		overscan: S,
 		initialRect: {
 			height: 600,
 			width: 1200
 		}
-	}), 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) => ({
+	}), P = N.getVirtualItems(), F = P[0]?.start ?? 0, I = N.getTotalSize() - (P.at(-1)?.end ?? 0), ee = o(null), te = o(!1), ne = P.at(-1)?.index ?? -1;
+	i(() => {
+		c === void 0 || A.length === 0 || (h.pagination && !te.current && (te.current = !0, console.warn("TMDataGrid: onReachEnd and pagination slice the same scroll — the pager caps the rows, so the end it reaches is the page's. Use one or the other.")), !(ne < A.length - 1 - l) && ee.current !== A.length && (ee.current = A.length, c()));
+	});
+	let L = d.getLeftVisibleLeafColumns(), R = d.getRightVisibleLeafColumns(), re = d.getCenterVisibleLeafColumns(), z = [
+		...L,
+		...re,
+		...R
+	], ie = d.getCenterHeaderGroups(), V = d.getLeftHeaderGroups(), ae = d.getRightHeaderGroups(), G = ie.map((e, t) => ({
 		id: e.id,
 		headers: [
-			...k[t]?.headers ?? [],
+			...V[t]?.headers ?? [],
 			...e.headers,
-			...A[t]?.headers ?? []
+			...ae[t]?.headers ?? []
 		]
-	})), 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;
+	})), oe = d.store.state.columnSizing, se = z.map((e) => {
+		let t = e.columnDef.minSize === e.columnDef.maxSize, n = e.id in oe, r = e.getIsPinned() !== !1, i = e.columnDef.minSize ?? 80;
 		return t || n || r ? {
 			track: `${e.getSize()}px`,
 			minWidth: e.getSize()
@@ -1924,196 +2619,453 @@ function Fn({ onRowClick: e, rowContextMenu: t, rowContextMenuProps: r }) {
 			track: `minmax(${i}px, ${e.columnDef.meta?.flex ?? 1}fr)`,
 			minWidth: i
 		};
-	}), 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, {
+	}), ce = se.map((e) => e.track).join(" "), le = se.reduce((e, t) => e + t.minWidth, 0), ue = /* @__PURE__ */ new Map(), de = (e) => se[z.findIndex((t) => t.id === e)]?.minWidth ?? 0, fe = 0;
+	for (let e of L) ue.set(e.id, {
 		pinnedAt: "left",
-		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, {
+		offset: fe,
+		isBoundary: e.id === L.at(-1)?.id
+	}), fe += de(e.id);
+	let pe = 0;
+	for (let e of [...R].reverse()) ue.set(e.id, {
 		pinnedAt: "right",
-		offset: z,
-		isBoundary: e.id === T[0]?.id
-	}), z += L(e.id);
-	for (let e of E) I.set(e.id, {
+		offset: pe,
+		isBoundary: e.id === R[0]?.id
+	}), pe += de(e.id);
+	for (let e of re) ue.set(e.id, {
 		pinnedAt: !1,
 		offset: 0,
 		isBoundary: !1
 	});
-	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: _,
+	let me = (e) => ue.get(e) ?? Er, he = A.length === 0, ge = G.at(-1)?.headers ?? [], _e = z.some((e) => e.columnDef.footer !== void 0), ve = h.rowClickSelects, ye = ve || h.highlightRow || e !== void 0, be = (e) => !e.getIsGrouped() && ye, K = (t, n) => {
+		if (ve && t.getCanSelect()) {
+			let e = Je({
+				rows: A,
 				rowId: t.id,
-				anchorRowId: c.state.selectionAnchorRowId,
+				anchorRowId: m.state.selectionAnchorRowId,
 				modifiers: n,
-				selection: s.store.state.rowSelection,
+				selection: d.store.state.rowSelection,
 				canReplaceSelection: !0
 			});
-			s.setRowSelection(e.selection), c.actions.setSelectionAnchor(e.anchorRowId);
+			d.setRowSelection(e.selection), m.actions.setSelectionAnchor(e.anchorRowId);
+		}
+		h.highlightRow && m.actions.setHighlightedRow(t.id), e?.(t);
+	}, q = h.cellSelection, J = h.cellRangeSelection, Se = o(!1), Ce = o(null), Y = q && w !== null ? A.findIndex((e) => e.id === w.rowId) : -1, we = q && w !== null ? z.findIndex((e) => e.id === w.columnId) : -1, Te = Y >= 0 && P.some((e) => e.index === Y), Ee = A[P[0]?.index ?? -1], De = q ? Te && w !== null ? w : Ee && z[0] ? {
+		rowId: Ee.id,
+		columnId: z[0].id
+	} : null : null, Oe = (e, t, n) => e !== null && e.rowId === t && e.columnId === n, ke = dr({
+		range: J ? E : null,
+		rowIndexOf: (e) => A.findIndex((t) => t.id === e),
+		columnIndexOf: (e) => z.findIndex((t) => t.id === e)
+	}), je = (e, { extend: t }) => {
+		if (!J) return;
+		let n = t ? E?.anchor ?? e : e;
+		m.actions.setCellRange({
+			anchor: n,
+			focus: e
+		});
+	}, X = ke ?? (q && Y >= 0 && we >= 0 ? {
+		top: Y,
+		bottom: Y,
+		left: we,
+		right: we
+	} : null), Me = pr(X), Ne = X === null ? 0 : z.slice(X.left, X.right + 1).filter((e) => !rt(e.id)).length, Pe = {
+		...gr,
+		...a
+	}, [Fe, Ie] = s(Pe.includeHeaders), Le = (e) => X === null ? [] : vr({
+		rows: A,
+		columns: z,
+		bounds: X,
+		includeHeaders: e,
+		decimalComma: Pe.decimalComma
+	}), Re = async () => {
+		let e = Le(!1);
+		e.length !== 0 && await wr(Sr(e));
+	}, [ze, Be] = s(!1);
+	i(() => {
+		if (!ze) return;
+		let e = () => Be(!1);
+		return window.addEventListener("mouseup", e), () => window.removeEventListener("mouseup", e);
+	}, [ze]);
+	let Ve = (e, { extend: t }) => {
+		m.actions.setFocusedCell(e), je(e, { extend: t }), t || Be(!0);
+	}, He = (e) => {
+		let t = Le(e);
+		t.length !== 0 && Tr({
+			fileName: `${Pe.fileName}.csv`,
+			text: Cr(t, { separator: Pe.separator })
+		});
+	}, Ue = (e, { extend: t } = { extend: !1 }) => {
+		let n = A[e.rowIndex], r = z[e.columnIndex];
+		if (!n || !r) return;
+		let i = {
+			rowId: n.id,
+			columnId: r.id
+		};
+		Se.current = !0, m.actions.setFocusedCell(i), je(i, { extend: t });
+	}, We = (e, { extend: t }) => {
+		if (h.rowSelection && qe(e).length > 0) {
+			let n = Je({
+				rows: A,
+				rowId: e.id,
+				anchorRowId: m.state.selectionAnchorRowId,
+				modifiers: {
+					toggle: !t,
+					extend: t
+				},
+				selection: d.store.state.rowSelection,
+				canReplaceSelection: !1
+			});
+			d.setRowSelection(n.selection), m.actions.setSelectionAnchor(n.anchorRowId);
+			return;
+		}
+		h.highlightRow && !e.getIsGrouped() && m.actions.setHighlightedRow(e.id);
+	}, Ke = (e) => {
+		let t = e.target;
+		if (t.dataset.cell !== "true") {
+			if (e.key !== "Escape") return;
+			let n = t.closest("[data-cell=\"true\"]");
+			if (n === null) return;
+			e.preventDefault(), n.focus();
+			return;
+		}
+		let { rowId: n, columnId: r } = t.dataset;
+		if (n === void 0 || r === void 0) return;
+		let i = A.findIndex((e) => e.id === n), a = z.findIndex((e) => e.id === r);
+		if (i < 0 || a < 0) return;
+		if ((e.ctrlKey || e.metaKey) && (e.key === "c" || e.key === "C")) {
+			if (X === null) return;
+			e.preventDefault(), Re();
+			return;
+		}
+		if (e.key === "Enter" || e.key === "F2") {
+			let n = t.querySelector(Dr);
+			if (n === null) return;
+			e.preventDefault(), n.focus();
+			return;
+		}
+		if (e.key === "Escape") {
+			if (E === null) return;
+			e.preventDefault(), je({
+				rowId: n,
+				columnId: r
+			}, { extend: !1 });
+			return;
+		}
+		if (e.key === " ") {
+			e.preventDefault();
+			let t = A[i];
+			t && We(t, { extend: e.shiftKey });
+			return;
 		}
-		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 : {
+		let o = wn({
+			key: e.key,
+			ctrlKey: e.ctrlKey || e.metaKey,
+			from: {
+				rowIndex: i,
+				columnIndex: a
+			},
+			rowCount: A.length,
+			columnCount: z.length,
+			pageRows: Math.max(1, Math.floor((k.current?.clientHeight ?? 0) / _) - 1)
+		});
+		o !== null && (e.preventDefault(), !(o.rowIndex === i && o.columnIndex === a) && Ue(o, { extend: e.shiftKey && J }));
+	};
+	i(() => {
+		if (!q) return;
+		let e = k.current;
+		if (e === null) return;
+		if (w !== Ce.current && (Ce.current = w, Y >= 0 && N.scrollToIndex(Y, { align: "auto" })), w === null) {
+			Se.current = !1;
+			return;
+		}
+		if (!Se.current && !e.contains(document.activeElement)) return;
+		let t = Or(e, w);
+		t !== null && (Se.current = !1, !t.contains(document.activeElement) && (t.focus({ preventScroll: !0 }), me(w.columnId).pinnedAt === !1 && kr({
+			container: e,
+			cellElement: t,
+			leftPinnedWidth: fe,
+			rightPinnedWidth: pe
+		})));
+	});
+	let [Q, Ye] = s(null), Xe = () => Ye(null), Ze = o(null), Qe = o(null), $e = () => {
+		let e = Ze.current, t = Qe.current;
+		if (Ze.current = null, Qe.current = null, q && e !== null && t !== null) {
+			let n = A.findIndex((t) => t.id === e), r = z.findIndex((e) => e.id === t);
+			fr(X, n, r) || (m.actions.setFocusedCell({
+				rowId: e,
+				columnId: t
+			}), je({
+				rowId: e,
+				columnId: t
+			}, { extend: !1 }));
+		}
+		Ye(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: gn.grid,
-				"aria-rowcount": _.length + j.length,
-				"aria-colcount": D.length,
+	}, et = Q === null ? void 0 : A.find((e) => e.id === Q.rowId), tt = t && Q && et && !et.getIsGrouped() ? t({
+		table: d,
+		row: et,
+		cell: et.getAllCells().find((e) => e.column.id === Q.columnId) ?? null,
+		close: Xe
+	}) ?? null : null, it = J && Q !== null && X !== null ? /* @__PURE__ */ W(H, { children: [
+		/* @__PURE__ */ U(p.Label, { children: g.cellCount(Me) }),
+		/* @__PURE__ */ U(p.Item, {
+			disabled: Ne === 0,
+			onClick: () => void Re(),
+			children: g.copy
+		}),
+		/* @__PURE__ */ U(p.Item, {
+			disabled: Ne === 0,
+			onClick: () => He(Fe),
+			children: g.exportCsv
+		}),
+		/* @__PURE__ */ U(p.Item, {
+			closeMenuOnClick: !1,
+			onClick: () => Ie((e) => !e),
+			children: /* @__PURE__ */ U(u, {
+				size: "xs",
+				checked: Fe,
+				label: g.includeHeaders,
+				readOnly: !0,
+				styles: { input: { cursor: "pointer" } }
+			})
+		})
+	] }) : null, at = it === null && tt === null ? null : /* @__PURE__ */ W(H, { children: [
+		it,
+		it !== null && tt !== null && /* @__PURE__ */ U(p.Divider, {}),
+		tt
+	] }), ot = Q ? Xe : void 0;
+	return /* @__PURE__ */ W("div", {
+		className: Un.tableWrapper,
+		children: [/* @__PURE__ */ U("div", {
+			ref: k,
+			className: Un.scrollContainer,
+			"data-dg-scroll-container": !0,
+			onScroll: ot,
+			children: /* @__PURE__ */ W("div", {
+				role: q ? "grid" : "table",
+				"aria-multiselectable": q && h.rowSelection && h.multiRowSelection ? !0 : void 0,
+				onKeyDown: q ? Ke : void 0,
+				"data-range-dragging": ze || void 0,
+				className: Un.grid,
+				"aria-rowcount": A.length + G.length + +!!_e,
+				"aria-colcount": z.length,
 				style: {
-					gridTemplateColumns: P,
-					minWidth: F
+					gridTemplateColumns: ce,
+					minWidth: le
 				},
 				children: [
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ U("div", {
 						role: "rowgroup",
 						style: { display: "contents" },
-						children: j.map((e, t) => /* @__PURE__ */ G("div", {
+						children: G.map((e, t) => /* @__PURE__ */ U("div", {
 							role: "row",
 							"aria-rowindex": t + 1,
-							className: gn.headerRow,
-							children: e.headers.map((e) => /* @__PURE__ */ G(wn, {
+							className: Un.headerRow,
+							children: e.headers.map((e) => /* @__PURE__ */ U(nr, {
 								header: e,
-								layout: B(e.column.id)
+								layout: me(e.column.id)
 							}, e.id))
 						}, e.id))
 					}),
-					x > 0 && /* @__PURE__ */ G("div", {
+					F > 0 && /* @__PURE__ */ U("div", {
 						"aria-hidden": !0,
 						style: {
 							gridColumn: "1/-1",
-							height: x
+							height: F
 						}
 					}),
-					/* @__PURE__ */ G(Pn, {
-						enabled: t !== void 0,
-						menuContent: se,
+					/* @__PURE__ */ U(Mr, {
+						enabled: t !== void 0 || J,
+						menuContent: at,
 						menuProps: r,
-						onContextMenu: ae,
-						onClose: ne,
-						children: b.map((e) => {
-							let n = _[e.index];
+						onContextMenu: $e,
+						onClose: Xe,
+						children: P.map((e) => {
+							let n = A[e.index];
 							if (!n) return null;
-							let r = n.getIsGrouped(), i = ee(n), a = !r && (H || l.highlightRow);
-							return /* @__PURE__ */ G("div", {
+							let r = n.getIsGrouped(), i = be(n), a = !r && !q && (ve || h.highlightRow);
+							return /* @__PURE__ */ W("div", {
 								role: "row",
-								"aria-rowindex": e.index + j.length + 1,
+								"aria-rowindex": e.index + G.length + 1,
 								"data-testid": `dg-row-${n.id}`,
+								"data-index": y ? e.index : void 0,
+								ref: y ? N.measureElement : void 0,
 								"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,
+								"data-selected": h.rowSelection && n.getIsSelected(),
+								"data-selected-bg": h.rowSelection && h.showSelectedBackground && n.getIsSelected(),
+								"data-highlighted": h.highlightRow && n.id === C,
+								"data-context-menu": at !== null && Q?.rowId === n.id,
+								"data-selects-on-click": ve && !r,
+								"aria-selected": h.rowSelection ? n.getIsSelected() : void 0,
+								"aria-current": h.highlightRow && n.id === C ? !0 : void 0,
+								className: Un.bodyRow,
 								style: {
-									minHeight: u,
+									minHeight: _,
 									cursor: i ? "pointer" : void 0
 								},
 								tabIndex: a ? 0 : void 0,
-								onMouseDown: H && !r ? (e) => {
+								onMouseDown: ve && !r ? (e) => {
 									e.shiftKey && e.preventDefault();
 								} : void 0,
-								onClick: i ? (e) => q(n, {
+								onClick: i ? (e) => K(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, {
+									e.key !== " " && e.key !== "Enter" || e.target === e.currentTarget && (e.preventDefault(), K(n, {
 										toggle: !0,
 										extend: e.shiftKey
 									}));
 								} : void 0,
-								onContextMenu: t && !r ? () => {
-									re.current = n.id;
+								onContextMenu: t && !r || J ? () => {
+									Ze.current = n.id;
 								} : void 0,
-								children: [
+								children: [[
 									...n.getLeftVisibleCells(),
 									...n.getCenterVisibleCells(),
 									...n.getRightVisibleCells()
-								].map((e) => /* @__PURE__ */ G(Nn, {
-									cell: e,
-									rowHeight: u,
-									layout: B(e.column.id),
-									onContextMenu: t ? () => {
-										ie.current = e.column.id;
+								].map((r, i) => /* @__PURE__ */ U(jr, {
+									cell: r,
+									rowHeight: _,
+									layout: me(r.column.id),
+									nav: q ? {
+										rowId: n.id,
+										columnIndex: i + 1,
+										focused: Oe(w, n.id, r.column.id),
+										tabIndex: Oe(De, n.id, r.column.id) ? 0 : -1,
+										selected: J ? fr(ke, e.index, i) : Oe(w, n.id, r.column.id),
+										edges: mr(ke, e.index, i)
+									} : void 0,
+									onFocus: q ? () => m.actions.setFocusedCell({
+										rowId: n.id,
+										columnId: r.column.id
+									}) : void 0,
+									onMouseDown: J ? (e) => {
+										e.button === 0 && (e.shiftKey && e.preventDefault(), Se.current = !0, Ve({
+											rowId: n.id,
+											columnId: r.column.id
+										}, { extend: e.shiftKey }));
+									} : void 0,
+									onMouseEnter: J && ze ? () => je({
+										rowId: n.id,
+										columnId: r.column.id
+									}, { extend: !0 }) : void 0,
+									onContextMenu: t || J ? () => {
+										Qe.current = r.column.id;
 									} : void 0
-								}, e.id))
+								}, r.id)), j(n) && /* @__PURE__ */ U("div", {
+									role: "cell",
+									"aria-colspan": z.length,
+									"data-testid": `dg-details-${n.id}`,
+									className: Un.detailsCell,
+									onClick: (e) => e.stopPropagation(),
+									onContextMenu: (e) => e.stopPropagation(),
+									children: y?.({
+										table: d,
+										row: n
+									})
+								})]
 							}, e.key);
 						})
 					}),
-					V && m === !0 && /* @__PURE__ */ G("div", {
+					he && D === !0 && /* @__PURE__ */ U("div", {
 						role: "row",
-						className: gn.messageRow,
-						children: /* @__PURE__ */ G(d, { size: "lg" })
+						className: Un.messageRow,
+						children: /* @__PURE__ */ U(f, {
+							size: "lg",
+							"aria-label": g.loading
+						})
 					}),
-					V && m !== !0 && /* @__PURE__ */ K("div", {
+					he && D !== !0 && /* @__PURE__ */ W("div", {
 						role: "row",
-						className: gn.messageRow,
-						children: [/* @__PURE__ */ G(U, {
+						className: Un.messageRow,
+						children: [/* @__PURE__ */ U(B, {
 							size: 40,
 							stroke: 1.4,
 							opacity: .4
-						}), /* @__PURE__ */ G(v, {
-							size: f,
+						}), /* @__PURE__ */ U(b, {
+							size: v,
 							c: "dimmed",
-							children: h
+							children: O
 						})]
 					}),
-					S > 0 && /* @__PURE__ */ G("div", {
+					I > 0 && /* @__PURE__ */ U("div", {
 						"aria-hidden": !0,
 						style: {
 							gridColumn: "1/-1",
-							height: S
+							height: I
 						}
+					}),
+					_e && /* @__PURE__ */ U("div", {
+						role: "row",
+						"aria-rowindex": A.length + G.length + 1,
+						"data-testid": "dg-summary-row",
+						className: Un.summaryRow,
+						children: ge.map((e) => {
+							let t = me(e.column.id);
+							return /* @__PURE__ */ U("div", {
+								role: "cell",
+								"data-column-id": e.column.id,
+								"data-align": nt(e.column),
+								"data-control-column": rt(e.column.id),
+								className: [
+									Un.summaryCell,
+									t.isBoundary && t.pinnedAt === "left" ? Wn.stickyLeft : "",
+									t.isBoundary && t.pinnedAt === "right" ? Wn.stickyRight : ""
+								].filter(Boolean).join(" "),
+								style: {
+									minHeight: _,
+									left: t.pinnedAt === "left" ? t.offset : void 0,
+									right: t.pinnedAt === "right" ? t.offset : void 0,
+									position: t.pinnedAt ? "sticky" : void 0,
+									zIndex: t.pinnedAt ? "var(--dg-z-summary-pinned-cell, 5)" : void 0
+								},
+								children: /* @__PURE__ */ U("span", {
+									className: Un.cellContent,
+									children: e.isPlaceholder ? null : xe(e.column.columnDef.footer, e.getContext())
+								})
+							}, e.id);
+						})
 					})
 				]
 			})
-		}), /* @__PURE__ */ G(lt, {})]
+		}), /* @__PURE__ */ U(Gt, {})]
 	});
 }
-var In = {
+var Pr = {
 	toolbar: "_toolbar_4my8t_1",
 	toolbarSpacer: "_toolbarSpacer_4my8t_10"
 };
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridToolbar.tsx
-function Ln(t) {
+function Fr(t) {
 	let n = e(2), { children: r } = t, i;
-	return n[0] === r ? i = n[1] : (i = /* @__PURE__ */ G("div", {
-		className: In.toolbar,
+	return n[0] === r ? i = n[1] : (i = /* @__PURE__ */ U("div", {
+		className: Pr.toolbar,
 		children: r
 	}), n[0] = r, n[1] = i), i;
 }
-function Rn() {
+function Ir() {
 	let t = e(1), n;
-	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ G("div", { className: In.toolbarSpacer }), t[0] = n) : n = t[0], n;
+	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ U("div", { className: Pr.toolbarSpacer }), t[0] = n) : n = t[0], n;
 }
-function zn(t) {
-	let n = e(11), { children: r } = t, { table: i, controlSize: a } = je();
-	if (C(i.store), r !== void 0) {
+function Lr() {
+	let t = e(2), { table: n, labels: r } = Z();
+	if (n.options.meta?.loading !== !0) return null;
+	let i;
+	return t[0] === r.loading ? i = t[1] : (i = /* @__PURE__ */ U(f, {
+		size: "xs",
+		"aria-label": r.loading
+	}), t[0] = r.loading, t[1] = i), i;
+}
+function Rr(t) {
+	let n = e(11), { children: r } = t, { table: i, controlSize: a } = Z();
+	if (T(i.store), r !== void 0) {
 		let e;
-		return n[0] !== r || n[1] !== a ? (e = /* @__PURE__ */ G(v, {
+		return n[0] !== r || n[1] !== a ? (e = /* @__PURE__ */ U(b, {
 			size: a,
 			c: "dimmed",
 			children: r
@@ -2124,7 +3076,7 @@ function zn(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__ */ K(v, {
+	return n[7] !== a || n[8] !== s || n[9] !== l ? (u = /* @__PURE__ */ W(b, {
 		size: a,
 		c: "dimmed",
 		children: [
@@ -2134,100 +3086,104 @@ function zn(t) {
 		]
 	}), n[7] = a, n[8] = s, n[9] = l, n[10] = u) : u = n[10], u;
 }
-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__ */ G(V, {
+function zr() {
+	let t = e(13), { table: n, ui: r, features: i, labels: a, controlSize: o } = Z(), s = T(r, Br);
+	if (!Sn(n, i).canHideAny) return null;
+	let l;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ U(z, {
 		size: 18,
 		stroke: 1.6
-	}), t[0] = c) : c = t[0];
-	let l;
-	t[1] !== a || t[2] !== r.actions.toggleColumnsPanel ? (l = /* @__PURE__ */ G(m.Target, { children: /* @__PURE__ */ G(b, {
-		label: "Manage columns",
-		openDelay: 400,
-		children: /* @__PURE__ */ G(s, {
-			variant: "subtle",
-			color: "gray",
-			size: a,
-			"aria-label": "Manage columns",
-			onClick: r.actions.toggleColumnsPanel,
-			children: c
-		})
-	}) }), t[1] = a, t[2] = r.actions.toggleColumnsPanel, t[3] = l) : l = t[3];
+	}), t[0] = l) : l = t[0];
 	let u;
-	t[4] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ G(m.Dropdown, {
-		p: 0,
-		children: /* @__PURE__ */ G(We, {})
-	}), t[4] = u) : u = t[4];
+	t[1] !== o || t[2] !== a.manageColumns || t[3] !== r.actions.toggleColumnsPanel ? (u = /* @__PURE__ */ U(c, {
+		variant: "subtle",
+		color: "gray",
+		size: o,
+		"aria-label": a.manageColumns,
+		onClick: r.actions.toggleColumnsPanel,
+		children: l
+	}), t[1] = o, t[2] = a.manageColumns, t[3] = r.actions.toggleColumnsPanel, t[4] = u) : u = t[4];
 	let d;
-	return t[5] !== o || t[6] !== l || t[7] !== r.actions.setColumnsPanelOpen ? (d = /* @__PURE__ */ K(m, {
-		opened: o,
+	t[5] !== a.manageColumns || t[6] !== u ? (d = /* @__PURE__ */ U(g.Target, { children: /* @__PURE__ */ U(S, {
+		label: a.manageColumns,
+		openDelay: 400,
+		children: u
+	}) }), t[5] = a.manageColumns, t[6] = u, t[7] = d) : d = t[7];
+	let f;
+	t[8] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ U(g.Dropdown, {
+		p: 0,
+		children: /* @__PURE__ */ U(mt, {})
+	}), t[8] = f) : f = t[8];
+	let p;
+	return t[9] !== s || t[10] !== d || t[11] !== r.actions.setColumnsPanelOpen ? (p = /* @__PURE__ */ W(g, {
+		opened: s,
 		onChange: r.actions.setColumnsPanelOpen,
 		position: "bottom-end",
 		shadow: "md",
 		radius: "md",
 		withinPortal: !0,
 		trapFocus: !0,
-		children: [l, u]
-	}), t[5] = o, t[6] = l, t[7] = r.actions.setColumnsPanelOpen, t[8] = d) : d = t[8], d;
+		children: [d, f]
+	}), t[9] = s, t[10] = d, t[11] = r.actions.setColumnsPanelOpen, t[12] = p) : p = t[12], p;
 }
-function Vn(e) {
+function Br(e) {
 	return e.columnsPanelOpen;
 }
-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) {
+function Vr() {
+	let t = e(15), n = Z(), { table: r, ui: i, features: a, labels: o, controlSize: s } = n, l = T(i, Gr), u = T(r.store, Wr).filter(Ur).length;
+	if (!Sn(r, a).canFilterAny) return null;
+	let d = l || u > 0 ? "light" : "subtle", f = u > 0 ? void 0 : "gray", p;
+	t[0] !== n || t[1] !== l || t[2] !== r || t[3] !== i ? (p = () => {
+		if (l) {
 			i.actions.closeFilterPanel();
 			return;
 		}
-		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__ */ G(I, {
+		let e = r.getAllLeafColumns().find(Hr);
+		e ? Nn(n, e.id) : i.actions.openFilterPanel();
+	}, t[0] = n, t[1] = l, t[2] = r, t[3] = i, t[4] = p) : p = t[4];
+	let m;
+	t[5] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ U(te, {
 		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__ */ G(b, {
-		label: "Filters",
+	}), t[5] = m) : m = t[5];
+	let h;
+	t[6] !== s || t[7] !== o.filters || t[8] !== d || t[9] !== f || t[10] !== p ? (h = /* @__PURE__ */ U(c, {
+		variant: d,
+		color: f,
+		size: s,
+		"aria-label": o.filters,
+		"data-dg-filter-toggle": !0,
+		onClick: p,
+		children: m
+	}), t[6] = s, t[7] = o.filters, t[8] = d, t[9] = f, t[10] = p, t[11] = h) : h = t[11];
+	let g;
+	return t[12] !== o.filters || t[13] !== h ? (g = /* @__PURE__ */ U(S, {
+		label: o.filters,
 		openDelay: 400,
-		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;
+		children: h
+	}), t[12] = o.filters, t[13] = h, t[14] = g) : g = t[14], g;
 }
-function Un(e) {
+function Hr(e) {
 	return e.getCanFilter();
 }
-function Wn(e) {
-	return rt(e.value);
+function Ur(e) {
+	return Lt(e.value);
 }
-function Gn(e) {
+function Wr(e) {
 	return e.columnFilters;
 }
-function Kn(e) {
+function Gr(e) {
 	return e.filterPanelOpen;
 }
 //#endregion
 //#region src/tmdatagrid/core/sizes.ts
-var qn = "md", Jn = {
+var Kr = "md", qr = {
 	xs: 34,
 	sm: 42,
 	md: 52,
 	lg: 62,
 	xl: 72
-}, Yn = {
+}, Jr = {
 	xs: "xs",
 	sm: "xs",
 	md: "sm",
@@ -2236,44 +3192,139 @@ var qn = "md", Jn = {
 };
 //#endregion
 //#region src/tmdatagrid/components/TMDataGrid.tsx
-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 = {
+function Yr(t) {
+	let n = e(21), { table: r, ui: i, features: a, labels: o, renderDetails: s, renderDetailsEstHeight: c, overscan: l, size: u, children: d, className: f, style: p } = t, m = u === void 0 ? "md" : u, h = r.options.meta?.rowHeight ?? qr[m], g = Jr[m], _;
+	n[0] !== a || n[1] !== o || n[2] !== l || n[3] !== s || n[4] !== c || n[5] !== h || n[6] !== m || n[7] !== g || n[8] !== r || n[9] !== i ? (_ = {
 		table: r,
 		ui: i,
 		features: a,
-		size: u,
-		rowHeight: d,
-		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 = [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__ */ 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__ */ G(Ae, {
-		value: m,
-		children: _
-	}), n[14] = m, n[15] = _, n[16] = v) : v = n[16], v;
-}
-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
-});
+		labels: o,
+		renderDetails: s,
+		renderDetailsEstHeight: c,
+		overscan: l,
+		size: m,
+		rowHeight: h,
+		controlSize: g
+	}, n[0] = a, n[1] = o, n[2] = l, n[3] = s, n[4] = c, n[5] = h, n[6] = m, n[7] = g, n[8] = r, n[9] = i, n[10] = _) : _ = n[10];
+	let v = _, y;
+	n[11] === f ? y = n[12] : (y = [je.root, f].filter(Boolean), n[11] = f, n[12] = y);
+	let b = y.join(" "), x;
+	n[13] !== d || n[14] !== m || n[15] !== p || n[16] !== b ? (x = /* @__PURE__ */ U("div", {
+		"data-size": m,
+		className: b,
+		style: p,
+		children: d
+	}), n[13] = d, n[14] = m, n[15] = p, n[16] = b, n[17] = x) : x = n[17];
+	let S;
+	return n[18] !== v || n[19] !== x ? (S = /* @__PURE__ */ U(Ne, {
+		value: v,
+		children: x
+	}), n[18] = v, n[19] = x, n[20] = S) : S = n[20], S;
+}
+var Xr = Object.assign(Yr, {
+	Toolbar: Fr,
+	Spacer: Ir,
+	SummaryCount: Rr,
+	LoadingIndicator: Lr,
+	Search: Vn,
+	ColumnsButton: zr,
+	FilterButton: Vr,
+	Table: Nr,
+	Footer: zn,
+	FilterPanel: Gt,
+	FilterPills: Pn,
+	ColumnsPanel: mt
+}), Zr = {
+	operators: {
+		contains: "innehåller",
+		equals: "är lika med",
+		notEquals: "är inte lika med",
+		startsWith: "börjar med",
+		endsWith: "slutar med",
+		greaterThan: "är större än",
+		greaterThanOrEqual: "är större än eller lika med",
+		lessThan: "är mindre än",
+		lessThanOrEqual: "är mindre än eller lika med",
+		before: "är före",
+		after: "är efter",
+		onOrBefore: "är på eller före",
+		onOrAfter: "är på eller efter",
+		isAnyOf: "är någon av",
+		isNoneOf: "är ingen av",
+		isEmpty: "är tom",
+		isNotEmpty: "är inte tom"
+	},
+	manageColumns: "Hantera kolumner",
+	filters: "Filter",
+	searchPlaceholder: "Sök",
+	searchLabel: "Sök rader",
+	clearSearch: "Rensa sökningen",
+	columnsSearchPlaceholder: "Sök",
+	columnsNoMatch: (e) => `Inga kolumner matchar ”${e}”`,
+	columnsShowHideAll: "Visa/dölj alla",
+	columnsReset: "ÅTERSTÄLL",
+	filterColumn: "Kolumn",
+	filterOperator: "Operator",
+	filterValue: "Värde",
+	filterValuePlaceholder: "Filtervärde",
+	booleanTrue: "Ja",
+	booleanFalse: "Nej",
+	addFilter: "Lägg till filter",
+	clearAllFilters: "Rensa alla",
+	closeFilters: "Stäng filter",
+	removeFilter: "Ta bort filter",
+	activeFilters: "Aktiva filter",
+	clearFilter: (e) => `Rensa filtret för ${e}`,
+	sortAsc: "Sortera stigande",
+	sortDesc: "Sortera fallande",
+	filterMenuItem: "Filtrera",
+	groupBy: (e) => `Gruppera på ${e}`,
+	ungroup: (e) => `Avgruppera ${e}`,
+	expandAllGroups: "Expandera alla grupper",
+	collapseAllGroups: "Fäll ihop alla grupper",
+	pinLeft: "Fäst till vänster",
+	pinRight: "Fäst till höger",
+	unpin: "Lossa",
+	moveLeft: "Flytta åt vänster",
+	moveRight: "Flytta åt höger",
+	autosizeColumn: "Anpassa kolumnbredd",
+	hideColumn: "Dölj kolumn",
+	filterOn: (e) => `Filtrera på ${e}`,
+	sortColumn: (e) => `Sortera ${e}`,
+	columnMenu: (e) => `Kolumnmeny för ${e}`,
+	rowsPerPage: "Rader per sida:",
+	pageRange: ({ from: e, to: t, total: n }) => `${e}–${t} av ${n}`,
+	groupedAllRows: (e) => `Grupperad · alla ${e} rader`,
+	pagingSuspendedHint: "Sidindelningen är avstängd medan raderna är grupperade: hela trädet renderas och virtualiseras. Avgruppera för att bläddra igen.",
+	previousPage: "Föregående sida",
+	nextPage: "Nästa sida",
+	noResults: "Inga rader matchar dina filter",
+	loading: "Laddar",
+	cellCount: (e) => e === 1 ? "1 cell" : `${e} celler`,
+	copy: "Kopiera",
+	exportCsv: "Exportera som CSV för Excel",
+	includeHeaders: "Inkludera rubriker",
+	selectColumnLabel: "Kryssrutemarkering",
+	selectAllRows: "Markera alla rader",
+	selectRow: "Markera rad",
+	selectGroup: "Markera grupp",
+	detailsColumnLabel: "Detaljer",
+	showDetails: "Visa detaljer",
+	hideDetails: "Dölj detaljer",
+	expandAllDetails: "Expandera alla detaljer",
+	collapseAllDetails: "Fäll ihop alla detaljer",
+	groupColumnLabel: "Grupp",
+	blankGroupValue: "(Tom)",
+	expandGroup: (e) => `Expandera ${e}`,
+	collapseGroup: (e) => `Fäll ihop ${e}`
+};
+//#endregion
+//#region src/tmdatagrid/core/summary.ts
+function Qr({ table: e, columnId: t, fn: n = "sum" }) {
+	let r = e.getFilteredRowModel().rows;
+	return G[n](t, r, r);
+}
 //#endregion
-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 };
+export { $t as DATA_STATE_SLICES, gr as DEFAULT_CELL_EXPORT_OPTIONS, Kr as DEFAULT_TMDATAGRID_SIZE, Be as DETAILS_COLUMN_ID, St as FILTER_OPERATOR_LABELS, ot as GROUP_COLUMN_ID, Q as SELECT_COLUMN_ID, en as SETTINGS_STATE_SLICES, Jr as SIZE_CONTROL_SIZE, qr as SIZE_ROW_HEIGHT, Zt as TMDATAGRID_LABELS_EN, Zr as TMDATAGRID_LABELS_SV, Xr as TMDataGrid, Pn as TMDataGridFilterPills, Vn as TMDataGridSearch, Qr as aggregateColumn, Re as areAllRowsExpanded, Yn as autosizeColumn, pr as boundsCellCount, mr as boundsEdges, vr as buildCellMatrix, yr as buildGridCellMatrix, On as createTMDataGridColumnHelper, Tr as downloadTextFile, br as exportGridToCsv, _r as formatExportValue, Rt as formatFilterLabel, lt as formatGroupValue, xn as getColumnCapabilities, et as getColumnLabel, Xn as getColumnRegion, tt as getColumnType, Nt as getDefaultOperator, Ge as getDisplayedRows, Sn as getGridCapabilities, We as getGroupDataRows, Mt as getOperatorsForType, qe as getSelectableRowIds, er as getStepTargetColumn, Rn as getTMDataGridPaginationApi, it as isColumnReorderable, rt as isControlColumn, Lt as isFilterActive, Ke as isPagingActive, Tn as isSameCell, fr as isWithinBounds, Jn as measureColumnContentWidth, Qt as mergeLabels, Qn as moveColumn, tr as moveColumnByStep, Nn as openColumnFilter, Pt as operatorNeedsValue, Ft as operatorTakesArrayValue, xt as optionsToComboboxData, bn as readFeatureFlags, wn as resolveCellMove, bt as resolveColumnOptions, ze as resolveExpandAll, dr as resolveRangeBounds, Je as resolveRowSelectionClick, Dn as tmDataGridFeatures, Sr as toClipboardText, Cr as toExcelCsv, Pe as useCellControlTabIndex, Mn as useTMDataGrid, Z as useTMDataGridContext, wr as writeClipboardText };
 
 //# sourceMappingURL=index.js.map