@jielga/tmdatagrid 0.1.0

package/dist/index.js

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