@box-kite/react 2.0.1 → 2.2.0

package/components/dataGrid.mjs

@@ -11,83 +11,83 @@ import f from "./flex.mjs";
 import p from "./checkbox.mjs";
 import m from "./overlay.mjs";
 import h from "./presence.mjs";
-import g from "./textbox.mjs";
-import _ from "./grid.mjs";
-import v from "./dropdown.mjs";
-import y from "./visuallyHidden.mjs";
+import g from "./visuallyHidden.mjs";
+import _ from "./textbox.mjs";
+import v from "./grid.mjs";
+import y from "./dropdown.mjs";
 import { Span as b } from "./semantics.mjs";
-import x, { Fragment as S, createContext as C, forwardRef as w, useCallback as T, useContext as E, useEffect as D, useImperativeHandle as ee, useLayoutEffect as O, useMemo as te, useRef as k, useState as A } from "react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-import { useSyncExternalStore as P } from "use-sync-external-store/shim";
+import x, { Fragment as S, createContext as C, forwardRef as w, memo as T, useCallback as E, useContext as D, useEffect as O, useImperativeHandle as k, useLayoutEffect as A, useMemo as ee, useRef as j, useState as M } from "react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { useSyncExternalStore as te } from "use-sync-external-store/shim";
 //#region src/components/dataGrid/components/dataGridPagination.tsx
-function F(e) {
-	let { grid: t } = e, { pagination: n } = t, i = n.state, a = T(() => n.firstPage(), [n]), o = T(() => n.prevPage(), [n]), s = T(() => n.nextPage(), [n]), c = T(() => n.lastPage(), [n]);
+function ne(e) {
+	let { grid: t } = e, { pagination: n } = t, i = n.state, a = E(() => n.firstPage(), [n]), o = E(() => n.prevPage(), [n]), s = E(() => n.nextPage(), [n]), c = E(() => n.lastPage(), [n]);
 	if (!i) return null;
 	let { canGoPrev: l, canGoNext: u, totalPages: d } = n;
-	return /* @__PURE__ */ N(f, {
+	return /* @__PURE__ */ F(f, {
 		component: `${t.componentName}.bottomBar.pagination`,
 		gap: .5,
 		ai: "center",
 		children: [
-			/* @__PURE__ */ M(ne, {
+			/* @__PURE__ */ P(re, {
 				grid: t,
 				pageSize: i.pageSize
 			}),
-			/* @__PURE__ */ M(I, {
+			/* @__PURE__ */ P(I, {
 				componentName: t.componentName,
 				label: "First page",
 				onClick: a,
 				disabled: !l,
-				children: /* @__PURE__ */ M(oe, {})
+				children: /* @__PURE__ */ P(se, {})
 			}),
-			/* @__PURE__ */ M(I, {
+			/* @__PURE__ */ P(I, {
 				componentName: t.componentName,
 				label: "Previous page",
 				onClick: o,
 				disabled: !l,
-				children: /* @__PURE__ */ M(ie, {})
+				children: /* @__PURE__ */ P(ae, {})
 			}),
-			/* @__PURE__ */ N(f, {
+			/* @__PURE__ */ F(f, {
 				ai: "center",
 				gap: 1.5,
 				px: 2,
 				userSelect: "none",
-				children: [/* @__PURE__ */ M(re, {
+				children: [/* @__PURE__ */ P(ie, {
 					grid: t,
 					page: i.page,
 					totalPages: d
-				}), /* @__PURE__ */ N(r, {
+				}), /* @__PURE__ */ F(r, {
 					component: `${t.componentName}.bottomBar.pagination.info`,
 					fontSize: 12,
 					opacity: .7,
 					children: ["of ", d]
 				})]
 			}),
-			/* @__PURE__ */ M(I, {
+			/* @__PURE__ */ P(I, {
 				componentName: t.componentName,
 				label: "Next page",
 				onClick: s,
 				disabled: !u,
-				children: /* @__PURE__ */ M(ae, {})
+				children: /* @__PURE__ */ P(oe, {})
 			}),
-			/* @__PURE__ */ M(I, {
+			/* @__PURE__ */ P(I, {
 				componentName: t.componentName,
 				label: "Last page",
 				onClick: c,
 				disabled: !u,
-				children: /* @__PURE__ */ M(se, {})
+				children: /* @__PURE__ */ P(ce, {})
 			})
 		]
 	});
 }
-F.displayName = "DataGridPagination";
-function ne({ grid: e, pageSize: t }) {
+ne.displayName = "DataGridPagination";
+function re({ grid: e, pageSize: t }) {
 	let n = e.pagination.pageSizeOptions;
-	return !n || n.length === 0 ? null : /* @__PURE__ */ M(f, {
+	return !n || n.length === 0 ? null : /* @__PURE__ */ P(f, {
 		ai: "center",
 		gap: 1,
 		me: 1,
-		children: /* @__PURE__ */ M(r, {
+		children: /* @__PURE__ */ P(r, {
 			component: `${e.componentName}.bottomBar.pagination.pageSize`,
 			tag: "select",
 			fontSize: 12,
@@ -98,22 +98,22 @@ function ne({ grid: e, pageSize: t }) {
 				value: t,
 				onChange: (t) => e.pagination.changePageSize(Number(t.target.value))
 			},
-			children: n.map((e) => /* @__PURE__ */ N("option", {
+			children: n.map((e) => /* @__PURE__ */ F("option", {
 				value: e,
 				children: [e, " / page"]
 			}, e))
 		})
 	});
 }
-function re({ grid: e, page: t, totalPages: n }) {
-	let [r, i] = A(String(t)), [a, o] = A(t);
+function ie({ grid: e, page: t, totalPages: n }) {
+	let [r, i] = M(String(t)), [a, o] = M(t);
 	t !== a && (o(t), i(String(t)));
-	let s = T(() => {
+	let s = E(() => {
 		e.pagination.jumpToPage(r), i(String(e.pagination.page));
-	}, [e, r]), c = T((e) => {
+	}, [e, r]), c = E((e) => {
 		e.key === "Enter" ? s() : e.key === "Escape" && i(String(t));
 	}, [s, t]);
-	return /* @__PURE__ */ M(g, {
+	return /* @__PURE__ */ P(_, {
 		type: "number",
 		variant: "compact",
 		value: r,
@@ -131,7 +131,7 @@ function re({ grid: e, page: t, totalPages: n }) {
 }
 function I(e) {
 	let { componentName: t, label: n, onClick: r, disabled: i, children: a } = e;
-	return /* @__PURE__ */ M(d, {
+	return /* @__PURE__ */ P(d, {
 		component: `${t}.bottomBar.pagination.button`,
 		props: {
 			"aria-label": n,
@@ -152,7 +152,7 @@ function I(e) {
 	});
 }
 function L(e) {
-	return /* @__PURE__ */ M(l, {
+	return /* @__PURE__ */ P(l, {
 		viewBox: "0 0 24 24",
 		width: "14",
 		height: "14",
@@ -161,55 +161,55 @@ function L(e) {
 		strokeWidth: 2,
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
-		children: /* @__PURE__ */ M(c, { d: e.d })
+		children: /* @__PURE__ */ P(c, { d: e.d })
 	});
 }
-function ie() {
-	return /* @__PURE__ */ M(L, { d: "M15 18l-6-6 6-6" });
-}
 function ae() {
-	return /* @__PURE__ */ M(L, { d: "M9 18l6-6-6-6" });
+	return /* @__PURE__ */ P(L, { d: "M15 18l-6-6 6-6" });
 }
 function oe() {
-	return /* @__PURE__ */ M(L, { d: "M18 18l-6-6 6-6M11 18l-6-6 6-6" });
+	return /* @__PURE__ */ P(L, { d: "M9 18l6-6-6-6" });
 }
 function se() {
-	return /* @__PURE__ */ M(L, { d: "M6 18l6-6-6-6M13 18l6-6-6-6" });
+	return /* @__PURE__ */ P(L, { d: "M18 18l-6-6 6-6M11 18l-6-6 6-6" });
+}
+function ce() {
+	return /* @__PURE__ */ P(L, { d: "M6 18l6-6-6-6M13 18l6-6-6-6" });
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridBottomBar.tsx
-function ce(e) {
+function le(e) {
 	let { grid: t } = e, { pagination: n, filter: i } = t;
 	if (n.state) {
 		let { totalItems: e, startItem: i, endItem: a } = n;
-		return /* @__PURE__ */ N(f, {
+		return /* @__PURE__ */ F(f, {
 			component: `${t.componentName}.bottomBar`,
 			children: [
-				/* @__PURE__ */ N(r, {
+				/* @__PURE__ */ F(r, {
 					component: `${t.componentName}.bottomBar.info`,
 					children: ["Rows: ", e > 0 ? `${i}–${a} of ${e}` : "0"]
 				}),
-				t.props.def.rowSelection && /* @__PURE__ */ N(r, {
+				t.props.def.rowSelection && /* @__PURE__ */ F(r, {
 					component: `${t.componentName}.bottomBar.info`,
 					children: ["Selected: ", t.selectedRows.size]
 				}),
-				/* @__PURE__ */ M(F, { grid: t })
+				/* @__PURE__ */ P(ne, { grid: t })
 			]
 		});
 	}
 	let { filtered: a, total: o } = i.filterStats;
-	return /* @__PURE__ */ N(f, {
+	return /* @__PURE__ */ F(f, {
 		component: `${t.componentName}.bottomBar`,
 		children: [
-			/* @__PURE__ */ N(r, {
+			/* @__PURE__ */ F(r, {
 				component: `${t.componentName}.bottomBar.info`,
 				children: ["Rows: ", a === o ? o : `${a} / ${o}`]
 			}),
-			t.props.def.rowSelection && /* @__PURE__ */ N(r, {
+			t.props.def.rowSelection && /* @__PURE__ */ F(r, {
 				component: `${t.componentName}.bottomBar.info`,
 				children: ["Selected: ", t.selectedRows.size]
 			}),
-			i.hasActiveFilters && /* @__PURE__ */ M(r, {
+			i.hasActiveFilters && /* @__PURE__ */ P(r, {
 				component: `${t.componentName}.bottomBar.clearFilters`,
 				color: "blue-600",
 				cursor: "pointer",
@@ -222,35 +222,135 @@ function ce(e) {
 }
 //#endregion
 //#region src/components/dataGrid/gridNavigationContext.ts
-var le = C(null);
+var ue = C(null);
 function R() {
-	return E(le);
+	return D(ue);
 }
 //#endregion
-//#region src/components/dataGrid/models/editModel.ts
-var ue = "Invalid value";
-function de(e, t) {
+//#region src/components/dataGrid/models/viewportModel.ts
+var de = class e {
+	grid;
+	static DEFAULT_VISIBLE_ROWS_COUNT = 10;
+	static ROWS_AHEAD = 12;
+	static ROWS_BEHIND = 4;
+	static PARTIAL_ROWS = 2;
+	static directionOf(e, t, n) {
+		return t === e ? n : t > e ? "down" : "up";
+	}
+	constructor(e) {
+		this.grid = e;
+	}
+	get showAll() {
+		return this.grid.props.def.visibleRowsCount === "all";
+	}
+	get hasDetailRows() {
+		return !!this.grid.props.def.rowDetail;
+	}
+	get isEmpty() {
+		return this.grid.source.enabled ? this.grid.flatRows.value.length === 0 : this.grid.data.length === 0;
+	}
+	get visibleRowsCount() {
+		if (this.showAll) return this.grid.flatRows.value.length;
+		let t = this.grid.props.def.visibleRowsCount;
+		return typeof t == "number" ? t : e.DEFAULT_VISIBLE_ROWS_COUNT;
+	}
+	get pageRows() {
+		let t = this.grid.props.def.visibleRowsCount;
+		return typeof t == "number" ? t : e.DEFAULT_VISIBLE_ROWS_COUNT;
+	}
+	get viewHeight() {
+		if (this.showAll) return;
+		let { rowHeight: e } = this.grid;
+		return e * this.visibleRowsCount + e / 5;
+	}
+	get totalHeight() {
+		return this.hasDetailRows ? this.grid.rowOffsets.value.totalHeight : this.grid.flatRows.value.length * this.grid.rowHeight;
+	}
+	get emptyHeight() {
+		return this.viewHeight ?? this.grid.rowHeight * e.DEFAULT_VISIBLE_ROWS_COUNT;
+	}
+	rowTop(e) {
+		return this.hasDetailRows ? this.grid.rowOffsets.value.offsets[e] ?? 0 : e * this.grid.rowHeight;
+	}
+	findStartIndex(e, t) {
+		let n = 0, r = e.length - 1;
+		for (; n < r;) {
+			let i = n + r + 1 >>> 1;
+			e[i] <= t ? n = i : r = i - 1;
+		}
+		return n;
+	}
+	window(t, n = "down") {
+		let r = this.grid.flatRows.value.length;
+		if (this.showAll) return {
+			startIndex: 0,
+			take: r,
+			translateY: 0,
+			totalHeight: this.totalHeight,
+			viewHeight: void 0
+		};
+		let { rowHeight: i } = this.grid, { ROWS_AHEAD: a, ROWS_BEHIND: o, PARTIAL_ROWS: s } = e, c = n === "down" ? o : a, { offsets: l } = this.grid.rowOffsets.value, u = this.hasDetailRows ? this.findStartIndex(l, t) : Math.floor(t / i), d = Math.max(0, u - c), f = this.hasDetailRows ? l[d] ?? 0 : d * i;
+		return {
+			startIndex: d,
+			take: this.visibleRowsCount + s + o + a,
+			translateY: f,
+			totalHeight: this.totalHeight,
+			viewHeight: this.viewHeight
+		};
+	}
+}, fe = "Invalid value";
+function pe(e) {
+	return e instanceof Error ? e.message : fe;
+}
+function z(e, t) {
 	return JSON.stringify([e, t]);
 }
-var fe = 1e3;
-function pe(e) {
+var me = 1e3;
+function he(e) {
 	return typeof e == "number" ? "number" : typeof e == "boolean" ? "checkbox" : "text";
 }
-function me(e, t) {
+function ge(e, t) {
 	if (e === "text") return t;
 	if (e !== "number" || t.trim() === "") return;
 	let n = Number(t);
 	return Number.isFinite(n) ? n : void 0;
 }
-function he(e) {
+var _e = /* @__PURE__ */ new Set([
+	"true",
+	"1",
+	"yes"
+]), ve = /* @__PURE__ */ new Set([
+	"false",
+	"0",
+	"no",
+	""
+]), ye = "Wrong kind of value";
+function be(e, t, n) {
+	if (e.type === "number") {
+		if (n.trim() === "") return { value: null };
+		let e = Number(n);
+		return Number.isFinite(e) ? { value: e } : void 0;
+	}
+	if (e.type === "checkbox") {
+		let e = n.trim().toLowerCase();
+		return _e.has(e) ? { value: !0 } : ve.has(e) ? { value: !1 } : void 0;
+	}
+	if (e.type === "select") {
+		let e = t.find((e) => String(e.value) === n);
+		return e ? { value: e.value } : void 0;
+	}
+	return { value: n };
+}
+function xe(e) {
 	return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
 }
-var ge = class {
+var Se = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
 	}
 	values = /* @__PURE__ */ new Map();
+	rejected = /* @__PURE__ */ new Set();
 	_edits = [];
 	_active;
 	_token = 0;
@@ -265,11 +365,17 @@ var ge = class {
 	}
 	editorFor(e, t) {
 		let { editor: n } = e.def;
-		return typeof n == "object" ? n : n ? { type: n } : { type: pe(t) };
+		return typeof n == "object" ? n : n ? { type: n } : { type: he(t) };
 	}
 	isEditing(e, t) {
 		return this._active?.rowKey === e && this._active.columnKey === t;
 	}
+	get isOpen() {
+		return !!this._active;
+	}
+	isRejected(e, t) {
+		return this.rejected.size > 0 && this.rejected.has(z(e, t));
+	}
 	get draft() {
 		return this._active?.draft;
 	}
@@ -280,8 +386,8 @@ var ge = class {
 		return !!this._active?.pending;
 	}
 	begin(e, t, n, r) {
-		let i = r === void 0 ? void 0 : me(this.editorFor(t, n).type, r);
-		this._active = {
+		let i = r === void 0 ? void 0 : ge(this.editorFor(t, n).type, r);
+		this.rejected.delete(z(e.key, t.key)), this._active = {
 			row: e,
 			rowKey: e.key,
 			columnKey: t.key,
@@ -325,7 +431,7 @@ var ge = class {
 			this._active = {
 				...e,
 				pending: !0
-			}, this.grid.notify(), s.then((t) => this.settle(e.token, o, t), (t) => this.settle(e.token, o, t instanceof Error ? t.message : ue));
+			}, this.grid.notify(), s.then((t) => this.settle(e.token, o, t), (t) => this.settle(e.token, o, pe(t)));
 			return;
 		}
 		this.settle(e.token, o, s);
@@ -336,27 +442,77 @@ var ge = class {
 				this._active = {
 					...this._active,
 					pending: !1,
-					error: typeof n == "string" ? n : ue
+					error: typeof n == "string" ? n : fe
 				}, this.grid.notify();
 				return;
 			}
-			this.values.set(de(t.rowKey, t.columnKey), t.value), this._edits = [...this._edits, t], this._active = void 0, this.grid.notify(), this.grid.props.onCellEditsChange?.(this._edits, { reason: "edit" });
+			this.values.set(z(t.rowKey, t.columnKey), t.value), this._edits = [...this._edits, t], this._active = void 0, this.grid.notify(), this.grid.props.onCellEditsChange?.(this._edits, { reason: "edit" });
 		}
 	}
 	valueOf(e, t, n) {
 		if (this.values.size === 0) return n;
-		let r = de(e, t);
+		let r = z(e, t);
 		return this.values.has(r) ? this.values.get(r) : n;
 	}
 	get edits() {
 		return this._edits;
 	}
 	clearEdits = () => {
-		(this.values.size !== 0 || this._edits.length !== 0) && (this.values.clear(), this._edits = [], this.grid.notify(), this.grid.props.onCellEditsChange?.(this._edits, { reason: "clear" }));
+		(this.values.size !== 0 || this._edits.length !== 0 || this.rejected.size !== 0) && (this.values.clear(), this.rejected.clear(), this._edits = [], this.grid.notify(), this.grid.props.onCellEditsChange?.(this._edits, { reason: "clear" }));
 	};
+	paste(e, t) {
+		let n = this.grid.flatRows.value, r = this.grid.columns.value.visibleLeafs, i = this.grid.props.def.onCellEdit, a = ++this._token, o = [], s = [], c = 0;
+		for (let a = e.startRow; a <= e.endRow; a++) {
+			let l = n[a];
+			for (let n = e.startColumn; n <= e.endColumn; n++) {
+				let u = r[n], d = t(a - e.startRow, n - e.startColumn);
+				if (l?.kind !== "row" || !u || !this.isEditable(l, u)) {
+					c++;
+					continue;
+				}
+				let f = this.valueOf(l.key, u.key, l.data[u.key]), p = be(this.editorFor(u, f), this.optionsFor(u, l), d), m = {
+					rowKey: l.key,
+					columnKey: u.key,
+					row: l.data,
+					value: p?.value,
+					oldValue: f
+				};
+				o.push(m), s.push(p ? i?.(m) : ye);
+			}
+		}
+		if (s.some((e) => e instanceof Promise)) {
+			Promise.all(s.map((e) => Promise.resolve(e).catch(pe))).then((t) => this.settlePaste(a, e, o, t, c));
+			return;
+		}
+		this.settlePaste(a, e, o, s, c);
+	}
+	optionsFor(e, t) {
+		let { options: n } = typeof e.def.editor == "object" ? e.def.editor : {};
+		return (typeof n == "function" ? n(t.data) : n) ?? [];
+	}
+	settlePaste(e, t, n, r, i) {
+		if (this._token !== e) return;
+		let a = [], o = [];
+		this.rejected.clear(), n.forEach((e, t) => {
+			let n = r[t];
+			if (typeof n == "string" || n === !1) {
+				this.rejected.add(z(e.rowKey, e.columnKey)), o.push({
+					...e,
+					error: typeof n == "string" ? n : fe
+				});
+				return;
+			}
+			Object.is(e.value, e.oldValue) || (this.values.set(z(e.rowKey, e.columnKey), e.value), a.push(e));
+		}), a.length > 0 && (this._edits = [...this._edits, ...a]), this.grid.notify(), a.length > 0 && this.grid.props.onCellEditsChange?.(this._edits, { reason: "paste" }), this.grid.props.onPaste?.({
+			range: this.grid.range.rangeOf(t),
+			applied: a,
+			rejected: o,
+			skipped: i
+		});
+	}
 	nextEditable(e, t, n = !1) {
-		let r = this.grid.flatRows.value, i = this.grid.columns.value.visibleLeafs, a = n ? -1 : 1, o = e * i.length + t + a, s = Math.min(r.length * i.length - 1, o + fe);
-		for (let e = o; e >= Math.max(0, o - fe) && e <= s; e += a) {
+		let r = this.grid.flatRows.value, i = this.grid.columns.value.visibleLeafs, a = n ? -1 : 1, o = e * i.length + t + a, s = Math.min(r.length * i.length - 1, o + me);
+		for (let e = o; e >= Math.max(0, o - me) && e <= s; e += a) {
 			let t = Math.floor(e / i.length), n = e % i.length, a = r[t], o = i[n];
 			if (!(!o || a?.kind !== "row" || !this.isEditable(a, o))) return {
 				row: t,
@@ -364,10 +520,10 @@ var ge = class {
 			};
 		}
 	}
-}, z = Symbol("memo.unset"), _e = class {
+}, B = Symbol("memo.unset"), Ce = class {
 	action;
 	deps;
-	cache = z;
+	cache = B;
 	dependents = /* @__PURE__ */ new Set();
 	wired = !1;
 	constructor(e, t) {
@@ -380,21 +536,21 @@ var ge = class {
 		}
 	}
 	get value() {
-		return this.wire(), this.cache === z && (this.cache = this.action()), this.cache;
+		return this.wire(), this.cache === B && (this.cache = this.action()), this.cache;
 	}
 	clear() {
-		if (this.wire(), this.cache !== z) {
-			this.cache = z;
+		if (this.wire(), this.cache !== B) {
+			this.cache = B;
 			for (let e of this.dependents) e.clear();
 		}
 	}
 };
-function B(e, t = () => []) {
-	return new _e(e, t);
+function V(e, t = () => []) {
+	return new Ce(e, t);
 }
 //#endregion
 //#region src/components/dataGrid/models/cellModel.ts
-var ve = class {
+var H = class {
 	grid;
 	row;
 	column;
@@ -443,6 +599,9 @@ var ve = class {
 	get error() {
 		return this.grid.edits.error;
 	}
+	get rejected() {
+		return this.grid.edits.isRejected(this.row.key, this.column.key);
+	}
 	get pending() {
 		return this.grid.edits.pending;
 	}
@@ -458,7 +617,7 @@ var ve = class {
 	cancelEdit = () => {
 		this.grid.edits.cancel();
 	};
-}, V = class e {
+}, U = class e {
 	grid;
 	parentRow;
 	constructor(e, t) {
@@ -491,7 +650,7 @@ var ve = class {
 	get allRows() {
 		return [];
 	}
-}, H = class {
+}, W = class {
 	grid;
 	rowIndex;
 	constructor(e, t, n) {
@@ -517,7 +676,7 @@ var ve = class {
 	toggleDetail = () => {
 		this.grid.toggleDetailRow(this.key);
 	};
-	_cells = B(() => this.grid.columns.value.visibleLeafs.map((e) => new ve(this.grid, this, e)));
+	_cells = V(() => this.grid.columns.value.visibleLeafs.map((e) => new H(this.grid, this, e)));
 	get cells() {
 		return this._cells.value;
 	}
@@ -540,7 +699,7 @@ var ve = class {
 		return this.grid.expandedDetailRows.has(this.key);
 	}
 	get flatRows() {
-		return this.grid.props.def.rowDetail && this.expanded ? [this, new V(this.grid, this)] : [this];
+		return this.grid.props.def.rowDetail && this.expanded ? [this, new U(this.grid, this)] : [this];
 	}
 	get allRows() {
 		return this;
@@ -548,14 +707,14 @@ var ve = class {
 };
 //#endregion
 //#region src/components/dataGrid/models/treeRow.ts
-function U(e) {
+function G(e) {
 	return !!e && e.isTreeRow === !0;
 }
 //#endregion
 //#region src/components/dataGrid/useGridNavigation.ts
-var ye = "[role=\"gridcell\"],[role=\"columnheader\"]", be = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]", xe = 2, Se = [];
-function Ce(e) {
-	let { grid: t, scrollerRef: r, scrollTop: i, onScrollTo: a } = e, s = t.headerRows.value, c = t.filter.hasFilterableColumns, l = s.length + +!!c, u = t.viewport.isEmpty ? Se : t.flatRows.value, d = t.columns.value.visibleLeafs.length, f = t.aggregation.hasFooter && !t.viewport.isEmpty ? 1 : 0, p = l + u.length + f, m = T((e) => {
+var we = "[role=\"gridcell\"],[role=\"columnheader\"]", Te = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]", Ee = 2, De = [];
+function Oe(e) {
+	let { grid: t, scrollerRef: r, scroll: i, onScrollTo: a } = e, s = t.headerRows.value, c = t.filter.hasFilterableColumns, l = s.length + +!!c, u = t.viewport.isEmpty ? De : t.flatRows.value, d = t.columns.value.visibleLeafs.length, f = t.aggregation.hasFooter && !t.viewport.isEmpty ? 1 : 0, p = l + u.length + f, m = E((e) => {
 		if (e < s.length) return s[e]?.length ?? 0;
 		if (e < l || e >= l + u.length) return d;
 		let t = u[e - l];
@@ -565,19 +724,19 @@ function Ce(e) {
 		d,
 		l,
 		s
-	]), h = T((e, t) => e < s.length ? (s[e]?.[t]?.headerCell.columnIndex ?? t + 1) - 1 : e < l ? t : u[e - l]?.columnOf(t) ?? t, [
+	]), h = E((e, t) => e < s.length ? (s[e]?.[t]?.headerCell.columnIndex ?? t + 1) - 1 : e < l ? t : u[e - l]?.columnOf(t) ?? t, [
 		u,
 		l,
 		s
-	]), g = k(!1), _ = T((e, n) => {
+	]), g = j(!1), _ = E((e, n) => {
 		let { viewport: o } = t, s = e - l, c = r.current;
 		if (o.showAll || !c || s >= u.length) return;
 		if (s < 0) {
 			n >= l && (c.scrollTop = 0, a(0));
 			return;
 		}
-		let { startIndex: d, take: f } = o.window(i);
-		if (s >= d + xe && s < d + f - xe) return;
+		let { startIndex: d, take: f } = o.window(i.top, i.direction);
+		if (s >= d + Ee && s < d + f - Ee) return;
 		let p = o.rowTop(s);
 		c.scrollTop = p, a(p);
 	}, [
@@ -587,127 +746,151 @@ function Ce(e) {
 		a,
 		i,
 		r
-	]), v = k(0), y = o({
+	]), v = j(0), y = E((e, n, r) => {
+		let i = e - l;
+		if (i < 0 || i >= u.length) {
+			t.range.clear();
+			return;
+		}
+		if (r.reason === "keyboard") {
+			t.range.setCurrent(i, h(e, n), !!r.event?.shiftKey);
+			return;
+		}
+		t.range.syncCurrent(i, h(e, n));
+	}, [
+		u.length,
+		h,
+		t,
+		l
+	]), b = o({
 		count: p,
 		columns: m,
 		columnIndexOf: h,
 		pageSize: t.viewport.pageRows,
 		onActiveCellChange: (e, t) => {
 			let n = v.current;
-			v.current = e.row, t.reason === "keyboard" && (_(e.row, n), g.current = !0);
+			v.current = e.row, y(e.row, e.column, t), t.reason === "keyboard" && (_(e.row, n), g.current = !0);
 		}
-	}), b = y.activeItem;
+	}), x = b.activeItem;
 	n(() => {
-		g.current && (g.current = !1, b()?.focus());
+		g.current && (g.current = !1, x()?.focus());
 	});
-	let x = T((e, n, r) => {
+	let S = E((e, n, r) => {
 		if (!t.tree.enabled || e.key !== "ArrowRight" && e.key !== "ArrowLeft") return !1;
 		let i = u[n - l];
-		if (!U(i) || t.columns.value.visibleLeafs[r]?.key !== t.tree.columnKey) return !1;
+		if (!G(i) || t.columns.value.visibleLeafs[r]?.key !== t.tree.columnKey) return !1;
 		if (e.key === (t.isRtl ? "ArrowLeft" : "ArrowRight")) return !i.hasChildren || i.treeExpanded ? !1 : (i.toggleTree(), !0);
 		if (i.hasChildren && i.treeExpanded) return i.toggleTree(), !0;
 		for (let e = n - 1; e >= l; e--) {
 			let t = u[e - l];
-			if (!(!U(t) || t.level >= i.level)) return y.setActiveCell(e, r, { reason: "keyboard" }), !0;
+			if (!(!G(t) || t.level >= i.level)) return b.setActiveCell(e, r, { reason: "keyboard" }), !0;
 		}
 		return !1;
 	}, [
 		u,
 		t,
 		l,
-		y
-	]), S = T((e) => {
-		let { activeIndex: t, activeColumn: n } = y, r = e ? -1 : 1, i = n + r;
-		if (i >= 0 && i < m(t)) return y.setActiveCell(t, i, { reason: "keyboard" }), !0;
+		b
+	]), C = E((e) => {
+		let { activeIndex: t, activeColumn: n } = b, r = e ? -1 : 1, i = n + r;
+		if (i >= 0 && i < m(t)) return b.setActiveCell(t, i, { reason: "keyboard" }), !0;
 		let a = t + r;
-		return a < 0 || a >= p ? !1 : (y.setActiveCell(a, e ? Math.max(0, m(a) - 1) : 0, { reason: "keyboard" }), !0);
+		return a < 0 || a >= p ? !1 : (b.setActiveCell(a, e ? Math.max(0, m(a) - 1) : 0, { reason: "keyboard" }), !0);
 	}, [
 		m,
-		y,
+		b,
 		p
-	]), C = T((e, n) => {
+	]), w = E((e, n) => {
 		if (!t.props.def.rowSelection) return !1;
 		if (e < l) return e >= s.length || !t.columns.value.visibleLeafs[n]?.isRowSelection ? !1 : (t.toggleSelectAllRows(), !0);
 		let r = t.flatRows.value[e - l];
-		return r instanceof H && (r.toggleSelection(), !0);
+		return r instanceof W && (r.toggleSelection(), !0);
 	}, [
 		t,
 		l,
 		s.length
-	]), w = T((e, t, n) => {
-		let r = Array.from(e.querySelectorAll(be));
+	]), T = E((e, t, n) => {
+		let r = Array.from(e.querySelectorAll(Te));
 		if (r.length < 2) return !1;
 		let i = r.indexOf(t);
 		return i !== -1 && (r[(i + (n ? -1 : 1) + r.length) % r.length].focus(), !0);
-	}, []), E = y.onKeyDown, D = T((e) => {
-		let n = e.target, r = n.closest?.(ye);
+	}, []), D = b.onKeyDown, O = E((e) => {
+		let n = e.target, r = n.closest?.(we);
 		if (r) {
 			if (n !== r) {
 				if (e.key === "Escape" && !r.querySelector("[aria-expanded=\"true\"]")) {
 					e.preventDefault(), r.focus();
 					return;
 				}
-				e.key === "Tab" && w(r, n, e.shiftKey) && e.preventDefault();
+				e.key === "Tab" && T(r, n, e.shiftKey) && e.preventDefault();
 				return;
 			}
 			if (e.key === "Tab" && t.props.def.tabNavigation === "cells") {
-				S(e.shiftKey) && e.preventDefault();
+				C(e.shiftKey) && e.preventDefault();
 				return;
 			}
-			if (e.key === " " && C(y.activeIndex, y.activeColumn)) {
+			if (e.key === " " && w(b.activeIndex, b.activeColumn)) {
 				e.preventDefault();
 				return;
 			}
 			if (e.key === "Enter" || e.key === " " || e.key === "F2") {
-				let n = s[y.activeIndex]?.[y.activeColumn];
+				let n = s[b.activeIndex]?.[b.activeColumn];
 				if (e.key !== "F2" && n?.headerCell.isSortable) {
 					e.preventDefault(), n.sortColumn();
 					return;
 				}
-				if (t.edits.beginAt(y.activeIndex - l, y.activeColumn)) {
+				if (t.edits.beginAt(b.activeIndex - l, b.activeColumn)) {
 					e.preventDefault();
 					return;
 				}
-				let i = r.querySelector(be);
+				let i = r.querySelector(Te);
 				if (i) {
 					e.preventDefault(), i.focus();
 					return;
 				}
 			}
-			if (t.edits.enabled && he(e) && t.edits.beginAt(y.activeIndex - l, y.activeColumn, e.key)) {
+			if (t.edits.enabled && xe(e) && t.edits.beginAt(b.activeIndex - l, b.activeColumn, e.key)) {
 				e.preventDefault();
 				return;
 			}
-			if (x(e, y.activeIndex, y.activeColumn)) {
+			if (S(e, b.activeIndex, b.activeColumn)) {
 				e.preventDefault();
 				return;
 			}
-			E(e);
+			D(e);
 		}
 	}, [
 		t,
 		l,
 		s,
-		y.activeColumn,
-		y.activeIndex,
-		E,
-		S,
-		w,
+		b.activeColumn,
+		b.activeIndex,
+		D,
 		C,
-		x
-	]);
+		T,
+		w,
+		S
+	]), { cellProps: k, setActiveCell: A } = b;
 	return {
-		rowCount: p,
-		columnCount: d,
-		headerRowCount: l,
-		cellProps: y.cellProps,
-		setActiveCell: y.setActiveCell,
-		onKeyDown: D
+		navigation: ee(() => ({
+			rowCount: p,
+			columnCount: d,
+			headerRowCount: l,
+			cellProps: k,
+			setActiveCell: A
+		}), [
+			k,
+			d,
+			l,
+			p,
+			A
+		]),
+		onKeyDown: O
 	};
 }
 //#endregion
 //#region src/utils/array/arrayUtils.ts
-var we;
+var ke;
 (function(e) {
 	function t(e, t, n = 0) {
 		return e.slice(n, n + t);
@@ -754,36 +937,36 @@ var we;
 		}));
 	}
 	e.groupBy = s;
-})(we ||= {});
-var W = we, Te = "row-number-cell", Ee = "row-selection-cell", G = "grouping-cell", De = "row-detail-cell";
+})(ke ||= {});
+var K = ke, Ae = "row-number-cell", je = "row-selection-cell", q = "grouping-cell", Me = "row-detail-cell";
 //#endregion
 //#region src/components/dataGrid/models/aggregationModel.ts
-function K(e) {
+function J(e) {
 	return e.filter((e) => typeof e == "number" && !Number.isNaN(e));
 }
-var Oe = (e) => e.reduce((e, t) => e + t, 0), ke = (e, t) => e.reduce((e, n) => (t ? n < e : n > e) ? n : e), Ae = {
+var Ne = (e) => e.reduce((e, t) => e + t, 0), Pe = (e, t) => e.reduce((e, n) => (t ? n < e : n > e) ? n : e), Fe = {
 	sum: (e) => {
-		let t = K(e);
-		return t.length ? Oe(t) : null;
+		let t = J(e);
+		return t.length ? Ne(t) : null;
 	},
 	avg: (e) => {
-		let t = K(e);
-		return t.length ? Math.round(Oe(t) / t.length * 100) / 100 : null;
+		let t = J(e);
+		return t.length ? Math.round(Ne(t) / t.length * 100) / 100 : null;
 	},
 	min: (e) => {
-		let t = K(e);
-		return t.length ? ke(t, !0) : null;
+		let t = J(e);
+		return t.length ? Pe(t, !0) : null;
 	},
 	max: (e) => {
-		let t = K(e);
-		return t.length ? ke(t, !1) : null;
+		let t = J(e);
+		return t.length ? Pe(t, !1) : null;
 	},
 	count: (e, t) => t.length
 };
-function je(e, t, n) {
-	return typeof e == "function" ? e(t, n) : Ae[e]?.(t, n) ?? null;
+function Ie(e, t, n) {
+	return typeof e == "function" ? e(t, n) : Fe[e]?.(t, n) ?? null;
 }
-var Me = class {
+var Le = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -804,8 +987,8 @@ var Me = class {
 	get footerLabelColumn() {
 		return this.grid.columns.value.visibleLeafs.find((e) => (e.isData || e.isGrouping) && !e.aggregate);
 	}
-	footerCells = B(() => this.grid.columns.value.visibleLeafs.map((e) => new Ne(this.grid, e, this.grid.filteredData, "footer")), () => [this.grid.rows]);
-}, Ne = class {
+	footerCells = V(() => this.grid.columns.value.visibleLeafs.map((e) => new Re(this.grid, e, this.grid.filteredData, "footer")), () => [this.grid.rows]);
+}, Re = class {
 	grid;
 	column;
 	rows;
@@ -814,13 +997,13 @@ var Me = class {
 	constructor(e, t, n, r, i) {
 		this.grid = e, this.column = t, this.rows = n, this.scope = r, this.given = i;
 	}
-	_values = B(() => this.rows.map((e) => e[this.column.key]));
+	_values = V(() => this.rows.map((e) => e[this.column.key]));
 	get values() {
 		return this._values.value;
 	}
-	_value = B(() => {
+	_value = V(() => {
 		let e = this.column.aggregate;
-		return e ? je(e, this.values, this.rows) : null;
+		return e ? Ie(e, this.values, this.rows) : null;
 	});
 	get value() {
 		let e = this.given?.();
@@ -835,7 +1018,7 @@ var Me = class {
 	get isLast() {
 		return !1;
 	}
-}, Pe = class {
+}, ze = class {
 	grid;
 	row;
 	column;
@@ -857,7 +1040,7 @@ var Me = class {
 	get cellKind() {
 		return this.column.isGrouping ? "grouping" : this.column.isRowSelection ? this.row.selectable ? "selection" : "spacer" : this.row.spans(this.column) ? "hidden" : this.column.aggregate ? "aggregate" : "spacer";
 	}
-	_aggregate = B(() => this.column.aggregate ? new Ne(this.grid, this.column, this.row.allRows.map((e) => e.data), "group", () => this.row.aggregateValue(this.column)) : null);
+	_aggregate = V(() => this.column.aggregate ? new Re(this.grid, this.column, this.row.allRows.map((e) => e.data), "group", () => this.row.aggregateValue(this.column)) : null);
 	get aggregate() {
 		return this._aggregate.value;
 	}
@@ -876,7 +1059,7 @@ var Me = class {
 	get hasGroupingBorder() {
 		return this.row.groupingColumn.pin === "START";
 	}
-}, Fe = class {
+}, Be = class {
 	grid;
 	groupColumn;
 	rows;
@@ -902,11 +1085,11 @@ var Me = class {
 		return `${this.parentRow?.key ?? ""}${this.groupColumn.key}${this.groupValue}`;
 	}
 	parentRow;
-	_cells = B(() => this.grid.columns.value.visibleLeafs.map((e) => new Pe(this.grid, this, e)));
+	_cells = V(() => this.grid.columns.value.visibleLeafs.map((e) => new ze(this.grid, this, e)));
 	get cells() {
 		return this._cells.value;
 	}
-	_renderedCells = B(() => {
+	_renderedCells = V(() => {
 		let e = [];
 		return this.cells.forEach((t, n) => {
 			t.cellKind !== "hidden" && e.push({
@@ -937,7 +1120,7 @@ var Me = class {
 		return this.parentRow ? this.parentRow.depth + 1 : 0;
 	}
 	get count() {
-		return W.sumBy(this.rows, (e) => e.count, 0);
+		return K.sumBy(this.rows, (e) => e.count, 0);
 	}
 	get flatRows() {
 		return this.expanded ? [this, ...this.rows.flatMap((e) => e.flatRows)] : [this];
@@ -946,7 +1129,7 @@ var Me = class {
 		return this.rows.flatMap((e) => e.allRows);
 	}
 	get groupingColumn() {
-		return W.findOrThrow(this.grid.columns.value.leafs, (e) => e.key === G);
+		return K.findOrThrow(this.grid.columns.value.leafs, (e) => e.key === q);
 	}
 	get groupingColumnGridColumn() {
 		return this.grid.groupingSpan.value.length;
@@ -964,11 +1147,11 @@ var Me = class {
 };
 //#endregion
 //#region src/components/dataGrid/components/dataGridDetailRow.tsx
-function Ie(e) {
-	let { row: t, index: i } = e, { grid: a, parentRow: o } = t, s = a.props.def.rowDetail, c = R(), l = (c?.headerRowCount ?? 0) + i, { ref: u, tabIndex: d, onFocus: p } = c?.cellProps(l, 0) ?? {}, m = t.isAutoHeight, h = k(null);
+function Ve(e) {
+	let { row: t, index: i } = e, { grid: a, parentRow: o } = t, s = a.props.def.rowDetail, c = R(), l = (c?.headerRowCount ?? 0) + i, { ref: u, tabIndex: d, onFocus: p } = c?.cellProps(l, 0) ?? {}, m = t.isAutoHeight, h = j(null);
 	return n(() => {
 		a.takeDetailReveal(o.key) && h.current?.scrollIntoView?.({ block: "nearest" });
-	}), /* @__PURE__ */ M(f, {
+	}), /* @__PURE__ */ P(f, {
 		ref: h,
 		component: `${a.componentName}.body.detailRow`,
 		props: {
@@ -979,7 +1162,7 @@ function Ie(e) {
 			gridColumn: "1 / -1",
 			height: m ? "auto" : `${t.height}px`
 		},
-		children: /* @__PURE__ */ M(r, {
+		children: /* @__PURE__ */ P(r, {
 			ref: u,
 			component: `${a.componentName}.body.detailRow.content`,
 			position: "sticky",
@@ -998,14 +1181,15 @@ function Ie(e) {
 		})
 	});
 }
-Ie.displayName = "DataGridDetailRow";
+Ve.displayName = "DataGridDetailRow";
+var He = T(Ve);
 //#endregion
 //#region src/components/dataGrid/components/dataGridAggregateValue.tsx
-function Le(e) {
+function Ue(e) {
 	let { cell: t } = e, { column: n } = t;
-	if (n.AggregateCell) return /* @__PURE__ */ M(n.AggregateCell, { cell: t });
+	if (n.AggregateCell) return /* @__PURE__ */ P(n.AggregateCell, { cell: t });
 	let i = t.scope === "footer" ? "footer.cell" : "body.groupRow.aggregate";
-	return /* @__PURE__ */ M(r, {
+	return /* @__PURE__ */ P(r, {
 		component: `${n.grid.componentName}.${i}`,
 		px: 3,
 		textOverflow: "ellipsis",
@@ -1014,39 +1198,56 @@ function Le(e) {
 		children: t.value
 	});
 }
-Le.displayName = "DataGridAggregateValue";
+Ue.displayName = "DataGridAggregateValue";
 //#endregion
 //#region src/components/dataGrid/components/dataGridCell.tsx
-var Re = "button,a[href],input,select,textarea";
-function q(t) {
-	let { children: n, cell: r, row: i, columnIndex: a, ariaColIndex: o, ariaColSpan: s, style: c, ...l } = t, { column: u } = r, { ref: d, tabIndex: p, onFocus: m } = R()?.cellProps(i, a) ?? {};
+var We = "button,a[href],input,select,textarea";
+function Y(t) {
+	let { children: n, cell: r, row: i, columnIndex: a, ariaColIndex: o, ariaColSpan: s, style: c, ...l } = t, { column: u } = r, d = R(), { ref: p, tabIndex: m, onFocus: h } = d?.cellProps(i, a) ?? {}, { range: g } = u.grid, _ = r instanceof H ? i - (d?.headerRowCount ?? 0) : -1, v = _ >= 0 && g.isCurrent(_, a), y = _ >= 0 && g.isSelected(_, a);
 	u.hasAlign && (l.jc = u.align);
-	let h = r.isExpanded ? {
+	let b = r.isExpanded ? {
 		...u.cellVariant.value,
 		isExpanded: !0,
 		isExpandedFirstLeaf: r.isFirst,
 		isExpandedLastLeaf: r.isLast
 	} : u.cellVariant.value;
-	r instanceof ve && r.editing && (h = {
-		...h,
+	(v || y) && (b = {
+		...b,
+		isInRange: y && !v,
+		isCurrentCell: v
+	});
+	let x = r instanceof H && !r.editing && r.rejected;
+	r instanceof H && r.editing ? b = {
+		...b,
 		isEditing: !0,
 		isInvalid: !!r.error
+	} : x && (b = {
+		...b,
+		isInvalid: !0
 	});
-	let g = r instanceof ve ? (t) => {
-		t.target.closest(Re) || (e(t.currentTarget), r.beginEdit());
+	let S = r instanceof H ? (t) => {
+		t.target.closest(We) || (e(t.currentTarget), r.beginEdit());
+	} : void 0, C = g.enabled && _ >= 0, w = C ? (e) => {
+		e.button === 0 && e.pointerType !== "touch" && (e.target.closest(We) || g.press(_, a, e.shiftKey));
+	} : void 0, T = C && g.isDragging ? (e) => {
+		g.dragTo(_, a), e.currentTarget.focus();
 	} : void 0;
-	return /* @__PURE__ */ M(f, {
-		ref: d,
+	return /* @__PURE__ */ P(f, {
+		ref: p,
 		component: `${u.grid.componentName}.body.cell`,
 		props: {
 			role: "gridcell",
 			"aria-colindex": o ?? a + 1,
 			"aria-colspan": s,
-			tabIndex: p,
-			onFocus: m,
-			onDoubleClick: g
+			"aria-selected": y || void 0,
+			"aria-invalid": x || void 0,
+			tabIndex: m,
+			onFocus: h,
+			onDoubleClick: S,
+			onPointerDown: w,
+			onPointerEnter: T
 		},
-		variant: h,
+		variant: b,
 		style: {
 			...u.cellStyleVars.value,
 			...c
@@ -1055,28 +1256,28 @@ function q(t) {
 		children: n
 	});
 }
-q.displayName = "DataGridCell";
+Y.displayName = "DataGridCell";
 //#endregion
 //#region src/components/dataGrid/components/dataGridFooter.tsx
-function ze(e) {
+function Ge(e) {
 	let { grid: t } = e, { aggregation: n } = t, i = R();
 	if (!n.hasFooter) return null;
 	let a = (i?.rowCount ?? 1) - 1, { footerLabelColumn: o, footerLabel: s } = n;
-	return /* @__PURE__ */ M(_, {
+	return /* @__PURE__ */ P(v, {
 		component: `${t.componentName}.footer`,
 		props: { role: "rowgroup" },
 		style: { gridTemplateColumns: t.gridTemplateColumns.value },
-		children: /* @__PURE__ */ M(r, {
+		children: /* @__PURE__ */ P(r, {
 			display: "contents",
 			props: {
 				role: "row",
 				"aria-rowindex": a + 1
 			},
-			children: n.footerCells.value.map((e, n) => /* @__PURE__ */ M(q, {
+			children: n.footerCells.value.map((e, n) => /* @__PURE__ */ P(Y, {
 				cell: e,
 				row: a,
 				columnIndex: n,
-				children: e.column.aggregate ? /* @__PURE__ */ M(Le, { cell: e }) : e.column === o ? /* @__PURE__ */ M(r, {
+				children: e.column.aggregate ? /* @__PURE__ */ P(Ue, { cell: e }) : e.column === o ? /* @__PURE__ */ P(r, {
 					component: `${t.componentName}.footer.label`,
 					px: 3,
 					textWrap: "nowrap",
@@ -1086,16 +1287,16 @@ function ze(e) {
 		})
 	});
 }
-ze.displayName = "DataGridFooter";
+Ge.displayName = "DataGridFooter";
 //#endregion
 //#region src/icons/expandIcon.tsx
-function J(e) {
-	return /* @__PURE__ */ M(l, {
+function X(e) {
+	return /* @__PURE__ */ P(l, {
 		viewBox: "4 2 16 18",
 		width: "1rem",
 		fill: "currentColor",
 		...e,
-		children: /* @__PURE__ */ M(c, {
+		children: /* @__PURE__ */ P(c, {
 			fillRule: "evenodd",
 			d: "M12.707 14.707a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L12 12.586l4.293-4.293a1 1 0 1 1 1.414 1.414l-5 5Z",
 			props: { clipRule: "evenodd" }
@@ -1104,32 +1305,32 @@ function J(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridCellPlaceholder.tsx
-var Be = [
+var Ke = [
 	"3/5",
 	"2/5",
 	"4/5",
 	"1/2",
 	"7/12"
 ];
-function Y(e) {
-	let { cell: t, columnIndex: n } = e, i = Be[(t.row.rowIndex + n) % Be.length];
-	return /* @__PURE__ */ M(f, {
+function qe(e) {
+	let { cell: t, columnIndex: n } = e, i = Ke[(t.row.rowIndex + n) % Ke.length];
+	return /* @__PURE__ */ P(f, {
 		component: `${t.grid.componentName}.body.cell.placeholder`,
 		ai: "center",
 		px: 3,
 		props: { "aria-hidden": !0 },
-		children: /* @__PURE__ */ M(r, {
+		children: /* @__PURE__ */ P(r, {
 			component: `${t.grid.componentName}.body.cell.placeholder.bar`,
 			width: i
 		})
 	});
 }
-Y.displayName = "DataGridCellPlaceholder";
+qe.displayName = "DataGridCellPlaceholder";
 //#endregion
 //#region src/components/dataGrid/components/dataGridGroupRow.tsx
-function Ve(e) {
-	let { row: t, index: n } = e, { selected: i, indeterminate: a, expanded: o, placeholder: s } = t, c = (R()?.headerRowCount ?? 0) + n, l = T(() => t.toggleSelectAll(), [t]);
-	return /* @__PURE__ */ M(f, {
+function Je(e) {
+	let { row: t, index: n } = e, { selected: i, indeterminate: a, expanded: o, placeholder: s } = t, c = (R()?.headerRowCount ?? 0) + n, l = E(() => t.toggleSelectAll(), [t]);
+	return /* @__PURE__ */ P(f, {
 		component: `${t.grid.componentName}.body.groupRow`,
 		className: "grid-row",
 		selected: t.grid.props.def.rowSelection ? i : void 0,
@@ -1142,7 +1343,7 @@ function Ve(e) {
 		},
 		children: t.renderedCells.map(({ cell: e, columnIndex: n }, u) => {
 			switch (e.cellKind) {
-				case "grouping": return /* @__PURE__ */ M(q, {
+				case "grouping": return /* @__PURE__ */ P(Y, {
 					cell: e,
 					row: c,
 					columnIndex: u,
@@ -1156,13 +1357,13 @@ function Ve(e) {
 					gridColumn: e.gridColumnSpan,
 					ps: e.depthPadding,
 					overflow: "auto",
-					children: s ? /* @__PURE__ */ M(Y, {
+					children: s ? /* @__PURE__ */ P(qe, {
 						cell: e,
 						columnIndex: u
-					}) : /* @__PURE__ */ M(r, {
+					}) : /* @__PURE__ */ P(r, {
 						textWrap: "nowrap",
 						px: 3,
-						children: /* @__PURE__ */ N(d, {
+						children: /* @__PURE__ */ F(d, {
 							component: `${t.grid.componentName}.body.groupRow.expandButton`,
 							onClick: () => t.toggleRow(),
 							cursor: "pointer",
@@ -1173,7 +1374,7 @@ function Ve(e) {
 								tabIndex: -1,
 								"aria-expanded": o
 							},
-							children: [/* @__PURE__ */ M(J, {
+							children: [/* @__PURE__ */ P(X, {
 								fill: "currentColor",
 								width: "14px",
 								height: "14px",
@@ -1182,12 +1383,12 @@ function Ve(e) {
 						})
 					})
 				}, e.column.key);
-				case "selection": return /* @__PURE__ */ M(q, {
+				case "selection": return /* @__PURE__ */ P(Y, {
 					cell: e,
 					row: c,
 					columnIndex: u,
 					ariaColIndex: n + 1,
-					children: /* @__PURE__ */ M(p, {
+					children: /* @__PURE__ */ P(p, {
 						variant: "datagrid",
 						m: 1,
 						checked: i,
@@ -1199,14 +1400,14 @@ function Ve(e) {
 						}
 					})
 				}, e.column.key);
-				case "aggregate": return /* @__PURE__ */ M(q, {
+				case "aggregate": return /* @__PURE__ */ P(Y, {
 					cell: e,
 					row: c,
 					columnIndex: u,
 					ariaColIndex: n + 1,
-					children: e.aggregate && /* @__PURE__ */ M(Le, { cell: e.aggregate })
+					children: e.aggregate && /* @__PURE__ */ P(Ue, { cell: e.aggregate })
 				}, e.column.key);
-				case "spacer": return /* @__PURE__ */ M(q, {
+				case "spacer": return /* @__PURE__ */ P(Y, {
 					cell: e,
 					row: c,
 					columnIndex: u,
@@ -1219,23 +1420,21 @@ function Ve(e) {
 		})
 	});
 }
-Ve.displayName = "DataGridGroupRow";
-//#endregion
-//#region src/components/dataGrid/components/dataGridCellEditor.tsx
-var He = "input,select,textarea,button";
-function Ue(e) {
+Je.displayName = "DataGridGroupRow";
+var Ye = T(Je), Xe = "input,select,textarea,button";
+function Ze(e) {
 	let { options: t } = e.editor;
 	return typeof t == "function" ? t(e.row.data) : t ?? [];
 }
-function We(e) {
-	let { cell: t, row: r, columnIndex: i } = e, { grid: a } = t, o = R(), c = k(null), l = s("datagrid-cell-error"), { error: u, pending: d } = t;
+function Qe(e) {
+	let { cell: t, row: r, columnIndex: i } = e, { grid: a } = t, o = R(), c = j(null), l = s("datagrid-cell-error"), { error: u, pending: d } = t;
 	n(() => {
-		let e = c.current?.querySelector(He);
+		let e = c.current?.querySelector(Xe);
 		e?.focus(), e instanceof HTMLInputElement && e.type !== "checkbox" && e.select();
 	}, []);
-	let p = T(() => {
+	let p = E(() => {
 		c.current?.closest("[role=\"gridcell\"]")?.focus();
-	}, []), h = T((e) => {
+	}, []), h = E((e) => {
 		if (!o) return;
 		let t = a.edits.nextEditable(r - o.headerRowCount, i, e.shiftKey);
 		t && (e.preventDefault(), o.setActiveCell(t.row + o.headerRowCount, t.column, { reason: "programmatic" }), a.edits.beginAt(t.row, t.column));
@@ -1244,7 +1443,7 @@ function We(e) {
 		a,
 		o,
 		r
-	]), g = T((e) => {
+	]), g = E((e) => {
 		if (e.key === "Escape") {
 			if (c.current?.querySelector("[aria-expanded=\"true\"]")) return;
 			e.preventDefault(), e.stopPropagation(), t.cancelEdit(), p();
@@ -1265,10 +1464,10 @@ function We(e) {
 		t,
 		p,
 		h
-	]), _ = T(() => {
+	]), _ = E(() => {
 		!t.editing || t.pending || t.commitEdit();
 	}, [t]);
-	return /* @__PURE__ */ N(f, {
+	return /* @__PURE__ */ F(f, {
 		ref: c,
 		component: `${a.componentName}.body.cell.editor`,
 		variant: { isPending: d },
@@ -1276,12 +1475,12 @@ function We(e) {
 		width: "fit",
 		height: "fit",
 		ai: "center",
-		children: [/* @__PURE__ */ M(Ge, {
+		children: [/* @__PURE__ */ P($e, {
 			cell: t,
 			errorId: u ? l : void 0,
 			onBlur: _,
 			onCommitted: p
-		}), u && /* @__PURE__ */ M(m, {
+		}), u && /* @__PURE__ */ P(m, {
 			anchor: c,
 			side: "bottom",
 			align: "start",
@@ -1294,14 +1493,14 @@ function We(e) {
 		})]
 	});
 }
-function Ge(e) {
+function $e(e) {
 	let { cell: t, errorId: n, onBlur: r, onCommitted: i } = e, { EditCell: a } = t.column.def, { type: o, placeholder: s, step: c, min: l, max: u } = t.editor, d = {
 		"aria-label": `Edit ${t.column.header ?? t.column.key}`,
 		"aria-invalid": n ? !0 : void 0,
 		"aria-describedby": n
 	};
-	if (a) return /* @__PURE__ */ M(a, { cell: t });
-	if (o === "checkbox") return /* @__PURE__ */ M(p, {
+	if (a) return /* @__PURE__ */ P(a, { cell: t });
+	if (o === "checkbox") return /* @__PURE__ */ P(p, {
 		checked: !!t.draft,
 		onChange: (e) => {
 			t.setDraft(e.target.checked), t.commitEdit(), i();
@@ -1311,7 +1510,7 @@ function Ge(e) {
 			onBlur: r
 		}
 	});
-	if (o === "select") return /* @__PURE__ */ M(v, {
+	if (o === "select") return /* @__PURE__ */ P(y, {
 		value: t.draft,
 		defaultOpen: !0,
 		width: "fit",
@@ -1323,13 +1522,13 @@ function Ge(e) {
 			t.setDraft(e ?? null), t.commitEdit(), i();
 		},
 		props: d,
-		children: Ue(t).map((e) => /* @__PURE__ */ M(v.Item, {
+		children: Ze(t).map((e) => /* @__PURE__ */ P(y.Item, {
 			value: e.value,
 			children: e.label ?? String(e.value)
 		}, String(e.value)))
 	});
 	let f = o === "number";
-	return /* @__PURE__ */ M(g, {
+	return /* @__PURE__ */ P(_, {
 		type: f ? "number" : "text",
 		value: t.draft === null || t.draft === void 0 ? "" : String(t.draft),
 		placeholder: s,
@@ -1351,19 +1550,19 @@ function Ge(e) {
 		}
 	});
 }
-We.displayName = "DataGridCellEditor";
+Qe.displayName = "DataGridCellEditor";
 //#endregion
 //#region src/components/dataGrid/components/dataGridCellText.tsx
-function Ke(e) {
+function et(e) {
 	let { cell: t } = e;
-	return /* @__PURE__ */ M(f, {
+	return /* @__PURE__ */ P(f, {
 		component: `${t.grid.componentName}.body.cell.text`,
 		height: "fit",
 		width: "fit",
 		overflow: "auto",
 		ai: "center",
 		jc: t.column.align,
-		children: /* @__PURE__ */ M(r, {
+		children: /* @__PURE__ */ P(r, {
 			px: 3,
 			textOverflow: "ellipsis",
 			overflow: "hidden",
@@ -1372,18 +1571,18 @@ function Ke(e) {
 		})
 	});
 }
-Ke.displayName = "DataGridCellText";
+et.displayName = "DataGridCellText";
 //#endregion
 //#region src/components/dataGrid/components/dataGridCellTree.tsx
-function qe(e) {
-	let { cell: t, row: n, children: i } = e, { hasChildren: a, treeExpanded: o, level: s } = n, c = n.grid.componentName, l = T((e) => {
+function tt(e) {
+	let { cell: t, row: n, children: i } = e, { hasChildren: a, treeExpanded: o, level: s } = n, c = n.grid.componentName, l = E((e) => {
 		e.stopPropagation(), n.toggleTree();
 	}, [n]), u = t.value == null || t.value === "" ? `row ${n.rowIndex + 1}` : String(t.value);
-	return /* @__PURE__ */ N(f, {
+	return /* @__PURE__ */ F(f, {
 		component: `${c}.body.cell.tree`,
 		ai: "center",
 		ps: s * n.grid.tree.indent,
-		children: [a ? /* @__PURE__ */ M(d, {
+		children: [a ? /* @__PURE__ */ P(d, {
 			component: `${c}.body.cell.tree.toggle`,
 			variant: { isExpanded: o },
 			type: "button",
@@ -1396,13 +1595,13 @@ function qe(e) {
 				tabIndex: -1,
 				"aria-label": `${o ? "Collapse" : "Expand"} ${u}`
 			},
-			children: /* @__PURE__ */ M(J, {
+			children: /* @__PURE__ */ P(X, {
 				fill: "currentColor",
 				width: "14px",
 				height: "14px",
 				rotate: o ? 0 : -90
 			})
-		}) : /* @__PURE__ */ M(r, { component: `${c}.body.cell.tree.spacer` }), /* @__PURE__ */ M(r, {
+		}) : /* @__PURE__ */ P(r, { component: `${c}.body.cell.tree.spacer` }), /* @__PURE__ */ P(r, {
 			textOverflow: "ellipsis",
 			overflow: "hidden",
 			textWrap: "nowrap",
@@ -1411,29 +1610,29 @@ function qe(e) {
 		})]
 	});
 }
-qe.displayName = "DataGridCellTree";
+tt.displayName = "DataGridCellTree";
 //#endregion
 //#region src/components/dataGrid/components/dataGridRow.tsx
-function Je(e) {
-	let { row: t, index: n } = e, { selected: r, expandOnRowClick: i } = t, a = (R()?.headerRowCount ?? 0) + n, o = U(t) ? t : void 0, s = o && t.grid.tree.columnKey, c = T(() => {
+function nt(e) {
+	let { row: t, index: n } = e, { selected: r, expandOnRowClick: i } = t, a = (R()?.headerRowCount ?? 0) + n, o = G(t) ? t : void 0, s = o && t.grid.tree.columnKey, c = E(() => {
 		t.toggleDetail();
 	}, [t]), l = (e, n) => {
-		if (e.editing) return /* @__PURE__ */ M(We, {
+		if (e.editing) return /* @__PURE__ */ P(Qe, {
 			cell: e,
 			row: a,
 			columnIndex: n
 		});
-		let r = t.placeholder && !e.column.isRowNumber ? /* @__PURE__ */ M(Y, {
+		let r = t.placeholder && !e.column.isRowNumber ? /* @__PURE__ */ P(qe, {
 			cell: e,
 			columnIndex: n
-		}) : e.column.Cell ? /* @__PURE__ */ M(e.column.Cell, { cell: e }) : /* @__PURE__ */ M(Ke, { cell: e });
-		return !o || e.column.key !== s ? r : /* @__PURE__ */ M(qe, {
+		}) : e.column.Cell ? /* @__PURE__ */ P(e.column.Cell, { cell: e }) : /* @__PURE__ */ P(et, { cell: e });
+		return !o || e.column.key !== s ? r : /* @__PURE__ */ P(tt, {
 			cell: e,
 			row: o,
 			children: r
 		});
 	};
-	return /* @__PURE__ */ M(f, {
+	return /* @__PURE__ */ P(f, {
 		component: `${t.grid.componentName}.body.row`,
 		className: "grid-row",
 		selected: t.grid.props.def.rowSelection ? r : void 0,
@@ -1449,7 +1648,7 @@ function Je(e) {
 			onClick: i ? c : void 0
 		},
 		cursor: i ? "pointer" : void 0,
-		children: t.cells.map((e, t) => /* @__PURE__ */ M(q, {
+		children: t.cells.map((e, t) => /* @__PURE__ */ P(Y, {
 			cell: e,
 			row: a,
 			columnIndex: t,
@@ -1457,31 +1656,36 @@ function Je(e) {
 		}, e.column.key))
 	});
 }
-Je.displayName = "DataGridRow";
+nt.displayName = "DataGridRow";
+var rt = T(nt);
 //#endregion
 //#region src/components/dataGrid/components/dataGridBody.tsx
-function Ye(e, t) {
-	return e instanceof V ? /* @__PURE__ */ M(Ie, {
+function it(e, t, n) {
+	return e instanceof U ? /* @__PURE__ */ P(He, {
 		row: e,
-		index: t
-	}, e.key) : e instanceof Fe ? /* @__PURE__ */ M(Ve, {
+		index: t,
+		version: n
+	}, e.key) : e instanceof Be ? /* @__PURE__ */ P(Ye, {
 		row: e,
-		index: t
-	}, e.key) : /* @__PURE__ */ M(Je, {
+		index: t,
+		version: n
+	}, e.key) : /* @__PURE__ */ P(rt, {
 		row: e,
-		index: t
+		index: t,
+		version: n
 	}, e.key);
 }
-function Xe(e) {
-	let { grid: t, scrollTop: n } = e, { viewport: i } = t, { startIndex: a, take: o, translateY: s, totalHeight: c, viewHeight: l } = i.window(n), u = i.showAll, d = i.isEmpty, p = t.flatRows.value, m = te(() => d ? null : W.take(p, o, a).map((e, t) => Ye(e, a + t)), [
+function at(e) {
+	let { grid: t, scroll: n } = e, { viewport: i } = t, { startIndex: a, take: o, translateY: s, totalHeight: c, viewHeight: l } = i.window(n.top, n.direction), u = i.showAll, d = i.isEmpty, p = t.flatRows.value, m = t.getSnapshot(), h = ee(() => d ? null : K.take(p, o, a).map((e, t) => it(e, a + t, m)), [
 		p,
 		d,
 		o,
-		a
+		a,
+		m
 	]);
 	if (d) {
 		let { noDataComponent: e } = t.props.def, n = t.props.loading ? "loading..." : "empty";
-		return /* @__PURE__ */ M(f, {
+		return /* @__PURE__ */ P(f, {
 			component: `${t.componentName}.body.empty`,
 			jc: "center",
 			ai: "center",
@@ -1490,49 +1694,51 @@ function Xe(e) {
 			insetStart: 0,
 			props: { role: "row" },
 			style: { height: i.emptyHeight },
-			children: /* @__PURE__ */ M(r, {
+			children: /* @__PURE__ */ P(r, {
 				display: "contents",
 				props: { role: "gridcell" },
 				children: e ?? n
 			})
 		});
 	}
-	return u ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(_, {
+	return u ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(v, {
 		component: `${t.componentName}.body`,
 		width: "max-content",
 		minWidth: "fit",
 		transition: "none",
+		userSelect: t.range.enabled ? "none" : void 0,
 		props: { role: "rowgroup" },
 		style: { gridTemplateColumns: t.gridTemplateColumns.value },
-		children: m
-	}), /* @__PURE__ */ M(ze, { grid: t })] }) : /* @__PURE__ */ N(r, {
+		children: h
+	}), /* @__PURE__ */ P(Ge, { grid: t })] }) : /* @__PURE__ */ F(r, {
 		props: { role: "presentation" },
 		style: { height: l },
-		children: [/* @__PURE__ */ M(r, {
+		children: [/* @__PURE__ */ P(r, {
 			props: { role: "presentation" },
 			style: { height: `${c}px` },
-			children: /* @__PURE__ */ M(_, {
+			children: /* @__PURE__ */ P(v, {
 				component: `${t.componentName}.body`,
 				width: "max-content",
 				minWidth: "fit",
 				transition: "none",
+				userSelect: t.range.enabled ? "none" : void 0,
 				props: { role: "rowgroup" },
 				style: {
 					transform: `translate3d(0, ${s}px, 0)`,
 					willChange: "transform",
 					gridTemplateColumns: t.gridTemplateColumns.value
 				},
-				children: m
+				children: h
 			})
-		}), /* @__PURE__ */ M(ze, { grid: t })]
+		}), /* @__PURE__ */ P(Ge, { grid: t })]
 	});
 }
-Xe.displayName = "DataGridBody";
+at.displayName = "DataGridBody";
 //#endregion
 //#region src/components/dataGrid/components/dataGridEmptyColumns.tsx
-function Ze(e) {
+function ot(e) {
 	let { grid: t } = e;
-	return /* @__PURE__ */ M(f, {
+	return /* @__PURE__ */ P(f, {
 		component: `${t.componentName}.emptyColumns`,
 		d: "column",
 		ai: "center",
@@ -1543,11 +1749,11 @@ function Ze(e) {
 		bgColor: "gray-50",
 		borderRadius: 4,
 		theme: { dark: { bgColor: "gray-900" } },
-		children: /* @__PURE__ */ N(f, {
+		children: /* @__PURE__ */ F(f, {
 			d: "column",
 			ai: "center",
 			gap: 3,
-			children: [/* @__PURE__ */ M(r, {
+			children: [/* @__PURE__ */ P(r, {
 				width: 16,
 				height: 16,
 				borderRadius: 999,
@@ -1556,29 +1762,29 @@ function Ze(e) {
 				display: "flex",
 				ai: "center",
 				jc: "center",
-				children: /* @__PURE__ */ M(l, {
+				children: /* @__PURE__ */ P(l, {
 					viewBox: "0 0 24 24",
 					width: "40",
 					fill: "currentColor",
 					color: "gray-400",
 					theme: { dark: { color: "gray-500" } },
-					children: /* @__PURE__ */ M(c, {
+					children: /* @__PURE__ */ P(c, {
 						fillRule: "evenodd",
 						props: { clipRule: "evenodd" },
 						d: "M3 6a3 3 0 013-3h12a3 3 0 013 3v12a3 3 0 01-3 3H6a3 3 0 01-3-3V6zm3-1a1 1 0 00-1 1v12a1 1 0 001 1h12a1 1 0 001-1V6a1 1 0 00-1-1H6zm2 3a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1zm0 4a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1zm0 4a1 1 0 011-1h4a1 1 0 110 2H9a1 1 0 01-1-1z"
 					})
 				})
-			}), /* @__PURE__ */ N(f, {
+			}), /* @__PURE__ */ F(f, {
 				d: "column",
 				ai: "center",
 				gap: 1,
-				children: [/* @__PURE__ */ M(r, {
+				children: [/* @__PURE__ */ P(r, {
 					fontSize: 18,
 					fontWeight: 600,
 					color: "gray-900",
 					theme: { dark: { color: "gray-50" } },
 					children: "No Columns Selected"
-				}), /* @__PURE__ */ M(r, {
+				}), /* @__PURE__ */ P(r, {
 					fontSize: 14,
 					color: "gray-500",
 					textAlign: "center",
@@ -1591,9 +1797,9 @@ function Ze(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridColumnFilter.tsx
-function Qe(e) {
+function st(e) {
 	let { columnName: t, onClear: n } = e;
-	return /* @__PURE__ */ M(d, {
+	return /* @__PURE__ */ P(d, {
 		clean: !0,
 		type: "button",
 		position: "absolute",
@@ -1608,7 +1814,7 @@ function Qe(e) {
 			tabIndex: -1,
 			"aria-label": `Clear the ${t} filter`
 		},
-		children: /* @__PURE__ */ M(r, {
+		children: /* @__PURE__ */ P(r, {
 			fontSize: 10,
 			color: "gray-400",
 			hover: { color: "gray-600" },
@@ -1616,22 +1822,22 @@ function Qe(e) {
 		})
 	});
 }
-function $e({ column: e }) {
-	let { currentFilter: t } = e, { componentName: n } = e.grid, r = e.header ?? e.key, i = t?.type === "text" ? t.value : "", [a, o] = A(i), s = k(null);
-	D(() => () => {
+function ct({ column: e }) {
+	let { currentFilter: t } = e, { componentName: n } = e.grid, r = e.header ?? e.key, i = t?.type === "text" ? t.value : "", [a, o] = M(i), s = j(null);
+	O(() => () => {
 		s.current && clearTimeout(s.current);
 	}, []);
-	let c = T((t) => {
+	let c = E((t) => {
 		let n = t.target.value;
 		o(n), s.current && clearTimeout(s.current), s.current = setTimeout(() => {
 			e.setTextFilter(n), s.current = null;
 		}, 300);
-	}, [e]), l = T(() => {
+	}, [e]), l = E(() => {
 		o(""), e.clearFilter();
 	}, [e]);
-	return /* @__PURE__ */ N(f, {
+	return /* @__PURE__ */ F(f, {
 		component: `${n}.filter.cell.input`,
-		children: [/* @__PURE__ */ M(g, {
+		children: [/* @__PURE__ */ P(_, {
 			width: "fit",
 			variant: "compact",
 			placeholder: e.filterConfig?.placeholder ?? "Filter...",
@@ -1644,18 +1850,18 @@ function $e({ column: e }) {
 				tabIndex: -1,
 				"aria-label": `Filter ${r}`
 			}
-		}), a && /* @__PURE__ */ M(Qe, {
+		}), a && /* @__PURE__ */ P(st, {
 			columnName: r,
 			onClear: l
 		})]
 	});
 }
-function et({ column: e }) {
-	let { currentFilter: t } = e, { componentName: n } = e.grid, r = e.header ?? e.key, i = t?.type === "number" ? t.value : "", a = t?.type === "number" ? t.operator : "eq", o = t?.type === "number" ? t.valueTo : "", [s, c] = A(i), [l, u] = A(a), [d, p] = A(o ?? ""), m = k(null), h = k(null);
-	D(() => () => {
+function lt({ column: e }) {
+	let { currentFilter: t } = e, { componentName: n } = e.grid, r = e.header ?? e.key, i = t?.type === "number" ? t.value : "", a = t?.type === "number" ? t.operator : "eq", o = t?.type === "number" ? t.valueTo : "", [s, c] = M(i), [l, u] = M(a), [d, p] = M(o ?? ""), m = j(null), h = j(null);
+	O(() => () => {
 		m.current && clearTimeout(m.current), h.current && clearTimeout(h.current);
 	}, []);
-	let _ = e.filterConfig, y = T((t) => {
+	let g = e.filterConfig, v = E((t) => {
 		let n = t.target.value;
 		c(n), m.current && clearTimeout(m.current), m.current = setTimeout(() => {
 			e.setNumberFilter(l, n, d), m.current = null;
@@ -1664,13 +1870,13 @@ function et({ column: e }) {
 		e,
 		l,
 		d
-	]), b = T((t) => {
+	]), b = E((t) => {
 		u(t), e.setNumberFilter(t, s, d);
 	}, [
 		e,
 		s,
 		d
-	]), x = T((t) => {
+	]), x = E((t) => {
 		let n = t.target.value;
 		p(n), h.current && clearTimeout(h.current), h.current = setTimeout(() => {
 			e.setNumberFilter(l, s, n), h.current = null;
@@ -1679,14 +1885,14 @@ function et({ column: e }) {
 		e,
 		l,
 		s
-	]), S = T(() => {
+	]), S = E(() => {
 		c(""), p(""), u("eq"), e.clearFilter();
 	}, [e]);
-	return /* @__PURE__ */ N(f, {
+	return /* @__PURE__ */ F(f, {
 		component: `${n}.filter.cell.input`,
 		ai: l === "between" ? "start" : "center",
 		gap: 1,
-		children: [/* @__PURE__ */ N(v, {
+		children: [/* @__PURE__ */ F(y, {
 			value: l,
 			variant: "compact",
 			onChange: (e) => e && b(e),
@@ -1700,51 +1906,51 @@ function et({ column: e }) {
 				"aria-label": `Comparison for ${r}`
 			},
 			children: [
-				/* @__PURE__ */ M(v.Item, {
+				/* @__PURE__ */ P(y.Item, {
 					value: "eq",
 					children: "="
 				}),
-				/* @__PURE__ */ M(v.Item, {
+				/* @__PURE__ */ P(y.Item, {
 					value: "ne",
 					children: "≠"
 				}),
-				/* @__PURE__ */ M(v.Item, {
+				/* @__PURE__ */ P(y.Item, {
 					value: "gt",
 					children: ">"
 				}),
-				/* @__PURE__ */ M(v.Item, {
+				/* @__PURE__ */ P(y.Item, {
 					value: "gte",
 					children: "≥"
 				}),
-				/* @__PURE__ */ M(v.Item, {
+				/* @__PURE__ */ P(y.Item, {
 					value: "lt",
 					children: "<"
 				}),
-				/* @__PURE__ */ M(v.Item, {
+				/* @__PURE__ */ P(y.Item, {
 					value: "lte",
 					children: "≤"
 				}),
-				/* @__PURE__ */ M(v.Item, {
+				/* @__PURE__ */ P(y.Item, {
 					value: "between",
 					children: "↔"
 				})
 			]
-		}), l === "between" ? /* @__PURE__ */ N(f, {
+		}), l === "between" ? /* @__PURE__ */ F(f, {
 			d: "column",
 			gap: 1,
 			flex1: !0,
-			children: [/* @__PURE__ */ N(f, {
+			children: [/* @__PURE__ */ F(f, {
 				ai: "center",
 				position: "relative",
 				flex1: !0,
-				children: [/* @__PURE__ */ M(g, {
+				children: [/* @__PURE__ */ P(_, {
 					type: "number",
 					variant: "compact",
-					placeholder: _?.placeholder ?? "From",
+					placeholder: g?.placeholder ?? "From",
 					value: s,
-					onChange: y,
+					onChange: v,
 					width: "fit",
-					step: _?.step,
+					step: g?.step,
 					b: 0,
 					bgColor: "transparent",
 					focus: { outline: 0 },
@@ -1752,21 +1958,21 @@ function et({ column: e }) {
 						tabIndex: -1,
 						"aria-label": `Filter ${r} from`
 					}
-				}), (s !== "" || d !== "") && /* @__PURE__ */ M(Qe, {
+				}), (s !== "" || d !== "") && /* @__PURE__ */ P(st, {
 					columnName: r,
 					onClear: S
 				})]
-			}), /* @__PURE__ */ M(f, {
+			}), /* @__PURE__ */ P(f, {
 				ai: "center",
 				flex1: !0,
-				children: /* @__PURE__ */ M(g, {
+				children: /* @__PURE__ */ P(_, {
 					type: "number",
 					variant: "compact",
 					placeholder: "To",
 					value: d,
 					onChange: x,
 					width: "fit",
-					step: _?.step,
+					step: g?.step,
 					b: 0,
 					bgColor: "transparent",
 					focus: { outline: 0 },
@@ -1776,18 +1982,18 @@ function et({ column: e }) {
 					}
 				})
 			})]
-		}) : /* @__PURE__ */ N(f, {
+		}) : /* @__PURE__ */ F(f, {
 			ai: "center",
 			position: "relative",
 			flex1: !0,
-			children: [/* @__PURE__ */ M(g, {
+			children: [/* @__PURE__ */ P(_, {
 				type: "number",
 				variant: "compact",
-				placeholder: _?.placeholder ?? "Value",
+				placeholder: g?.placeholder ?? "Value",
 				value: s,
-				onChange: y,
+				onChange: v,
 				width: "fit",
-				step: _?.step,
+				step: g?.step,
 				b: 0,
 				bgColor: "transparent",
 				focus: { outline: 0 },
@@ -1795,20 +2001,20 @@ function et({ column: e }) {
 					tabIndex: -1,
 					"aria-label": `Filter ${r}`
 				}
-			}), s !== "" && /* @__PURE__ */ M(Qe, {
+			}), s !== "" && /* @__PURE__ */ P(st, {
 				columnName: r,
 				onClear: S
 			})]
 		})]
 	});
 }
-function tt({ column: e }) {
-	let { currentFilter: t } = e, { componentName: n } = e.grid, i = e.header ?? e.key, a = t?.type === "multiselect" ? t.values : [], o = e.filterOptions, s = T((t, n) => {
+function ut({ column: e }) {
+	let { currentFilter: t } = e, { componentName: n } = e.grid, i = e.header ?? e.key, a = t?.type === "multiselect" ? t.values : [], o = e.filterOptions, s = E((t, n) => {
 		e.setMultiselectFilter(n);
 	}, [e]);
-	return /* @__PURE__ */ M(f, {
+	return /* @__PURE__ */ P(f, {
 		component: `${n}.filter.cell.input`,
-		children: /* @__PURE__ */ N(v, {
+		children: /* @__PURE__ */ F(y, {
 			multiple: !0,
 			showCheckbox: !0,
 			isSearchable: !0,
@@ -1826,14 +2032,14 @@ function tt({ column: e }) {
 				"aria-label": `Filter ${i}`
 			},
 			children: [
-				/* @__PURE__ */ M(v.Display, { children: (t) => t.length === 0 ? /* @__PURE__ */ M(r, {
+				/* @__PURE__ */ P(y.Display, { children: (t) => t.length === 0 ? /* @__PURE__ */ P(r, {
 					tag: "span",
 					color: "gray-400",
 					children: e.filterConfig?.placeholder ?? "Select..."
 				}) : t.length === 1 ? o.find((e) => e.value === t[0])?.label ?? String(t[0]) : `${t.length} selected` }),
-				/* @__PURE__ */ M(v.Unselect, { children: "Clear" }),
-				/* @__PURE__ */ M(v.SelectAll, { children: "Select All" }),
-				o.map((e) => /* @__PURE__ */ M(v.Item, {
+				/* @__PURE__ */ P(y.Unselect, { children: "Clear" }),
+				/* @__PURE__ */ P(y.SelectAll, { children: "Select All" }),
+				o.map((e) => /* @__PURE__ */ P(y.Item, {
 					value: e.value,
 					ai: "center",
 					gap: 2,
@@ -1843,21 +2049,21 @@ function tt({ column: e }) {
 		})
 	});
 }
-function nt(e) {
+function dt(e) {
 	let { column: t } = e, n = t.filterConfig;
 	if (!n) return null;
 	switch (n.type) {
-		case "number": return /* @__PURE__ */ M(et, { column: t });
-		case "multiselect": return /* @__PURE__ */ M(tt, { column: t });
-		default: return /* @__PURE__ */ M($e, { column: t });
+		case "number": return /* @__PURE__ */ P(lt, { column: t });
+		case "multiselect": return /* @__PURE__ */ P(ut, { column: t });
+		default: return /* @__PURE__ */ P(ct, { column: t });
 	}
 }
-nt.displayName = "DataGridColumnFilter";
+dt.displayName = "DataGridColumnFilter";
 //#endregion
 //#region src/components/dataGrid/components/dataGridFilterCell.tsx
-function rt(e) {
+function ft(e) {
 	let { column: t, grid: n, row: r, columnIndex: i } = e, { widthVarName: a, inlineStartVarName: o, inlineEndVarName: s, filterable: c } = t, { isStartPinned: l, isEndPinned: u, isPinned: d, isFirstStartPinned: p, isLastStartPinned: m, isFirstEndPinned: h, isLastEndPinned: g } = t.pinFlags.value, { ref: _, tabIndex: v, onFocus: y } = R()?.cellProps(r, i) ?? {}, b = t.isGrouping || t.isRowNumber || t.isRowSelection;
-	return /* @__PURE__ */ M(f, {
+	return /* @__PURE__ */ P(f, {
 		ref: _,
 		component: `${n.componentName}.filter.cell`,
 		props: {
@@ -1879,23 +2085,23 @@ function rt(e) {
 			insetInlineStart: l ? `var(${o})` : void 0,
 			insetInlineEnd: u ? `var(${s})` : void 0
 		},
-		children: !b && c && /* @__PURE__ */ M(nt, { column: t })
+		children: !b && c && /* @__PURE__ */ P(dt, { column: t })
 	});
 }
-rt.displayName = "DataGridFilterCell";
+ft.displayName = "DataGridFilterCell";
 //#endregion
 //#region src/components/dataGrid/components/dataGridFilterRow.tsx
-function it(e) {
+function pt(e) {
 	let { grid: t } = e;
 	if (!t.filter.hasFilterableColumns) return null;
 	let n = t.headerRows.value.length;
-	return /* @__PURE__ */ M(r, {
+	return /* @__PURE__ */ P(r, {
 		display: "contents",
 		props: {
 			role: "row",
 			"aria-rowindex": n + 1
 		},
-		children: t.columns.value.visibleLeafs.map((e, r) => /* @__PURE__ */ M(rt, {
+		children: t.columns.value.visibleLeafs.map((e, r) => /* @__PURE__ */ P(ft, {
 			column: e,
 			grid: t,
 			row: n,
@@ -1903,25 +2109,25 @@ function it(e) {
 		}, e.uniqueKey))
 	});
 }
-it.displayName = "DataGridFilterRow";
+pt.displayName = "DataGridFilterRow";
 //#endregion
 //#region src/icons/sortIcon.tsx
-function at(e) {
-	return /* @__PURE__ */ M(l, {
+function mt(e) {
+	return /* @__PURE__ */ P(l, {
 		viewBox: "0 0 24 24",
 		width: "1.5rem",
 		...e,
-		children: /* @__PURE__ */ M(c, { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" })
+		children: /* @__PURE__ */ P(c, { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" })
 	});
 }
 //#endregion
 //#region src/icons/dotsIcon.tsx
-function ot(e) {
-	return /* @__PURE__ */ M(l, {
+function ht(e) {
+	return /* @__PURE__ */ P(l, {
 		viewBox: "0 0 16 16",
 		width: "18",
 		...e,
-		children: /* @__PURE__ */ M(c, {
+		children: /* @__PURE__ */ P(c, {
 			strokeWidth: 4,
 			d: "M7.936 12.128a.936.936 0 1 1 0 1.872.936.936 0 0 1 0-1.872ZM7.936 7.052a.936.936 0 1 1 0 1.873.936.936 0 0 1 0-1.873ZM7.936 1.977a.936.936 0 1 1 0 1.872.936.936 0 0 1 0-1.872Z"
 		})
@@ -1929,54 +2135,54 @@ function ot(e) {
 }
 //#endregion
 //#region src/icons/groupingIcon.tsx
-function st(e) {
-	return /* @__PURE__ */ M(l, {
+function gt(e) {
+	return /* @__PURE__ */ P(l, {
 		viewBox: "0 0 24 24",
 		width: "1.5rem",
 		...e,
-		children: /* @__PURE__ */ M(c, { d: "M3 5h8v2H3V5zm0 6h8v2H3v-2zm0 6h8v2H3v-2zm12-12h6v6h-6V5zm1 1v4h4V6h-4zm-1 7h6v6h-6v-6zm1 1v4h4v-4h-4z" })
+		children: /* @__PURE__ */ P(c, { d: "M3 5h8v2H3V5zm0 6h8v2H3v-2zm0 6h8v2H3v-2zm12-12h6v6h-6V5zm1 1v4h4V6h-4zm-1 7h6v6h-6v-6zm1 1v4h4v-4h-4z" })
 	});
 }
 //#endregion
 //#region src/icons/pinIcon.tsx
-function ct(e) {
-	return /* @__PURE__ */ M(l, {
+function _t(e) {
+	return /* @__PURE__ */ P(l, {
 		viewBox: "0 0 1024 1024",
 		width: "1.5rem",
 		...e,
-		children: /* @__PURE__ */ M(c, { d: "M31.997 1023.957a31.699 31.699 0 0 1-22.611-9.386C3.328 1008.556 0 1000.493 0 991.96s3.328-16.596 9.386-22.611L328.25 650.484l-152.52-152.52a95.907 95.907 0 0 1-25.087-92.152 95.31 95.31 0 0 1 44.327-58.62l.896-.512a353.464 353.464 0 0 1 176.156-47.398c20.137 0 40.36 1.749 60.283 5.205L597.71 44.54A95.224 95.224 0 0 1 678.685.085c25.64 0 49.745 9.983 67.877 28.073l249.195 249.195a95.224 95.224 0 0 1 25.897 88.74 95.139 95.139 0 0 1-42.152 60.154L719.513 591.695a352.227 352.227 0 0 1-42.663 237.292A95.395 95.395 0 0 1 594 876.514a95.523 95.523 0 0 1-67.963-28.2L373.43 695.706 54.61 1014.614a31.912 31.912 0 0 1-22.612 9.343zm340.025-660.68c-50.64 0-100.685 13.566-144.798 39.207a31.57 31.57 0 0 0-14.676 19.497 31.699 31.699 0 0 0 8.362 30.675L571.344 803.09c6.059 6.059 14.122 9.386 22.697 9.386a31.699 31.699 0 0 0 27.56-15.785 287.421 287.421 0 0 0 31.06-212.676 31.997 31.997 0 0 1 13.907-34.471l278.59-177.266a31.57 31.57 0 0 0 14.037-20.051 31.699 31.699 0 0 0-8.618-29.566l-249.28-249.28a31.912 31.912 0 0 0-49.618 5.418l-177.308 278.59a31.827 31.827 0 0 1-34.472 13.908 293.778 293.778 0 0 0-67.877-8.02z" })
+		children: /* @__PURE__ */ P(c, { d: "M31.997 1023.957a31.699 31.699 0 0 1-22.611-9.386C3.328 1008.556 0 1000.493 0 991.96s3.328-16.596 9.386-22.611L328.25 650.484l-152.52-152.52a95.907 95.907 0 0 1-25.087-92.152 95.31 95.31 0 0 1 44.327-58.62l.896-.512a353.464 353.464 0 0 1 176.156-47.398c20.137 0 40.36 1.749 60.283 5.205L597.71 44.54A95.224 95.224 0 0 1 678.685.085c25.64 0 49.745 9.983 67.877 28.073l249.195 249.195a95.224 95.224 0 0 1 25.897 88.74 95.139 95.139 0 0 1-42.152 60.154L719.513 591.695a352.227 352.227 0 0 1-42.663 237.292A95.395 95.395 0 0 1 594 876.514a95.523 95.523 0 0 1-67.963-28.2L373.43 695.706 54.61 1014.614a31.912 31.912 0 0 1-22.612 9.343zm340.025-660.68c-50.64 0-100.685 13.566-144.798 39.207a31.57 31.57 0 0 0-14.676 19.497 31.699 31.699 0 0 0 8.362 30.675L571.344 803.09c6.059 6.059 14.122 9.386 22.697 9.386a31.699 31.699 0 0 0 27.56-15.785 287.421 287.421 0 0 0 31.06-212.676 31.997 31.997 0 0 1 13.907-34.471l278.59-177.266a31.57 31.57 0 0 0 14.037-20.051 31.699 31.699 0 0 0-8.618-29.566l-249.28-249.28a31.912 31.912 0 0 0-49.618 5.418l-177.308 278.59a31.827 31.827 0 0 1-34.472 13.908 293.778 293.778 0 0 0-67.877-8.02z" })
 	});
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridHeaderCellContextMenu.tsx
-function lt(e) {
+function vt(e) {
 	let t = e.side === "start" ? "Left" : "Right", n = e.side === "start" ? "Right" : "Left";
-	return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ N(b, {
+	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ F(b, {
 		rtl: { display: "none" },
 		children: ["Pin ", t]
-	}), /* @__PURE__ */ N(b, {
+	}), /* @__PURE__ */ F(b, {
 		ltr: { display: "none" },
 		children: ["Pin ", n]
 	})] });
 }
-function ut(e) {
-	let { column: t } = e, { grid: c, isEndAligned: l, header: u, key: p } = t, g = t.headerCell, _ = u ?? p, v = s("datagrid-column-menu"), [y, x] = A(!1), C = k(null), w = k(null), E = k(!1), D = l ? 2 : void 0, ee = l ? void 0 : t.pin === "END" ? 2.5 : 4, O = te(() => {
-		let e = (e) => /* @__PURE__ */ M(b, {
+function yt(e) {
+	let { column: t } = e, { grid: c, isEndAligned: l, header: u, key: p } = t, g = t.headerCell, _ = u ?? p, v = s("datagrid-column-menu"), [y, x] = M(!1), C = j(null), w = j(null), T = j(!1), D = l ? 2 : void 0, O = l ? void 0 : t.pin === "END" ? 2.5 : 4, k = ee(() => {
+		let e = (e) => /* @__PURE__ */ P(b, {
 			component: `${c.componentName}.header.cell.contextMenu.tooltip.item.icon`,
 			children: e
-		}), n = (t) => e(/* @__PURE__ */ M(at, {
+		}), n = (t) => e(/* @__PURE__ */ P(mt, {
 			width: "100%",
 			fill: "currentColor",
 			rotate: t
-		})), i = (t, n) => e(/* @__PURE__ */ M(ct, {
+		})), i = (t, n) => e(/* @__PURE__ */ P(_t, {
 			width: "100%",
 			fill: "currentColor",
 			rotate: t,
 			rtl: { rotate: n }
-		})), a = e(/* @__PURE__ */ M(st, {
+		})), a = e(/* @__PURE__ */ P(gt, {
 			width: "100%",
 			fill: "currentColor"
-		})), o = /* @__PURE__ */ M(r, { width: 4 });
+		})), o = /* @__PURE__ */ P(r, { width: 4 });
 		return [
 			[
 				g.canSortAsc && {
@@ -2005,14 +2211,14 @@ function ut(e) {
 				g.canPinStart && {
 					key: "pin-start",
 					icon: i(0, -90),
-					label: /* @__PURE__ */ M(lt, { side: "start" }),
+					label: /* @__PURE__ */ P(vt, { side: "start" }),
 					text: "Pin Left",
 					run: () => t.pinColumn("START")
 				},
 				g.canPinEnd && {
 					key: "pin-end",
 					icon: i(-90, 0),
-					label: /* @__PURE__ */ M(lt, { side: "end" }),
+					label: /* @__PURE__ */ P(vt, { side: "end" }),
 					text: "Pin Right",
 					run: () => t.pinColumn("END")
 				},
@@ -2027,7 +2233,7 @@ function ut(e) {
 			[g.canGroupBy && {
 				key: "group",
 				icon: a,
-				label: /* @__PURE__ */ N(r, {
+				label: /* @__PURE__ */ F(r, {
 					textWrap: "nowrap",
 					children: ["Group by ", _]
 				}),
@@ -2036,7 +2242,7 @@ function ut(e) {
 			}, g.canUnGroupAll && {
 				key: "ungroup",
 				icon: a,
-				label: /* @__PURE__ */ M(r, {
+				label: /* @__PURE__ */ P(r, {
 					textWrap: "nowrap",
 					children: "Un-Group All"
 				}),
@@ -2052,41 +2258,41 @@ function ut(e) {
 		_,
 		c,
 		g
-	]), j = T((e = !0) => {
-		E.current = !1, x(!1), e && C.current?.focus();
-	}, []), P = o({
-		count: O.length,
-		textOf: (e) => O[e]?.text ?? "",
+	]), A = E((e = !0) => {
+		T.current = !1, x(!1), e && C.current?.focus();
+	}, []), N = o({
+		count: k.length,
+		textOf: (e) => k[e]?.text ?? "",
 		onSelect: (e) => {
-			O[e]?.run(), j();
+			k[e]?.run(), A();
 		}
 	});
 	a({
 		enabled: y,
 		inside: [C, w],
-		onDismiss: () => j()
+		onDismiss: () => A()
 	}), i({
 		enabled: y,
 		returnTo: C
 	});
-	let F = P.setActiveIndex, ne = P.activeItem, re = T(() => {
-		F(0, { reason: "programmatic" }), E.current = !0, x(!0);
-	}, [F]);
+	let te = N.setActiveIndex, ne = N.activeItem, re = E(() => {
+		te(0, { reason: "programmatic" }), T.current = !0, x(!0);
+	}, [te]);
 	return n(() => {
-		if (!E.current) return;
+		if (!T.current) return;
 		let e = ne();
-		e && (E.current = !1, e.focus());
-	}), /* @__PURE__ */ N(f, {
+		e && (T.current = !1, e.focus());
+	}), /* @__PURE__ */ F(f, {
 		position: "absolute",
 		insetStart: D,
-		insetEnd: ee,
+		insetEnd: O,
 		top: "1/2",
 		translateY: -3,
 		ai: "center",
-		children: [/* @__PURE__ */ M(d, {
+		children: [/* @__PURE__ */ P(d, {
 			ref: C,
 			component: `${c.componentName}.header.cell.contextMenu`,
-			onClick: () => y ? j(!1) : re(),
+			onClick: () => y ? A(!1) : re(),
 			variant: g.contextMenuButtonVariant,
 			type: "button",
 			props: {
@@ -2096,13 +2302,13 @@ function ut(e) {
 				"aria-expanded": y,
 				"aria-controls": y ? v : void 0
 			},
-			children: /* @__PURE__ */ M(b, {
+			children: /* @__PURE__ */ P(b, {
 				component: `${c.componentName}.header.cell.contextMenu.icon`,
-				children: /* @__PURE__ */ M(ot, { fill: "currentColor" })
+				children: /* @__PURE__ */ P(ht, { fill: "currentColor" })
 			})
-		}), /* @__PURE__ */ M(h, {
+		}), /* @__PURE__ */ P(h, {
 			present: y,
-			children: (e) => /* @__PURE__ */ M(m, {
+			children: (e) => /* @__PURE__ */ P(m, {
 				component: `${c.componentName}.header.cell.contextMenu.tooltip`,
 				variant: { closed: !e.present },
 				ref: w,
@@ -2115,22 +2321,22 @@ function ut(e) {
 				props: {
 					role: "menu",
 					"aria-label": `Column options for ${_}`,
-					onKeyDown: P.onKeyDown,
+					onKeyDown: N.onKeyDown,
 					...e.props
 				},
-				children: O.map((e, t) => {
-					let { ref: n, tabIndex: i, onFocus: a } = P.itemProps(t);
-					return /* @__PURE__ */ N(S, { children: [e.startsSection && /* @__PURE__ */ M(r, {
+				children: k.map((e, t) => {
+					let { ref: n, tabIndex: i, onFocus: a } = N.itemProps(t);
+					return /* @__PURE__ */ F(S, { children: [e.startsSection && /* @__PURE__ */ P(r, {
 						bb: 1,
 						my: 2,
 						borderColor: "gray-300",
 						component: `${c.componentName}.header.cell.contextMenu.tooltip.item.separator`
-					}), /* @__PURE__ */ N(d, {
+					}), /* @__PURE__ */ F(d, {
 						component: `${c.componentName}.header.cell.contextMenu.tooltip.item`,
 						ref: n,
 						type: "button",
 						onClick: (t) => {
-							t.stopPropagation(), e.run(), j();
+							t.stopPropagation(), e.run(), A();
 						},
 						props: {
 							role: "menuitem",
@@ -2144,49 +2350,49 @@ function ut(e) {
 		})]
 	});
 }
-ut.displayName = "DataGridHeaderCellContextMenu";
+yt.displayName = "DataGridHeaderCellContextMenu";
 //#endregion
 //#region src/components/dataGrid/components/dataGridHeaderCellResizer.tsx
-var X = (e) => "touches" in e ? e.touches[0]?.pageX ?? 0 : e.pageX, dt = 16, ft = 150;
-function pt(e) {
+var Z = (e) => "touches" in e ? e.touches[0]?.pageX ?? 0 : e.pageX, bt = 16, xt = 150;
+function St(e) {
 	let t = e.sizingElement;
 	t && Object.entries(e.sizes.value).forEach(([e, n]) => t.style.setProperty(e, n));
 }
-function mt(e) {
-	let { column: t, controls: n } = e, i = t.grid.resizerStyle, a = t.headerCell, o = T((e) => {
+function Ct(e) {
+	let { column: t, controls: n } = e, i = t.grid.resizerStyle, a = t.headerCell, o = E((e) => {
 		let { grid: n } = t;
-		e.type === "mousedown" && e.preventDefault(), t.beginResize(X(e.nativeEvent));
-		let r = new AbortController(), { signal: i } = r, a = 0, o = X(e.nativeEvent), s = () => {
-			t.applyResize(o), pt(n);
+		e.type === "mousedown" && e.preventDefault(), t.beginResize(Z(e.nativeEvent));
+		let r = new AbortController(), { signal: i } = r, a = 0, o = Z(e.nativeEvent), s = () => {
+			t.applyResize(o), St(n);
 		}, c = n.resizeMode === "instant" ? (e) => {
-			o = X(e), s();
+			o = Z(e), s();
 		} : (e) => {
-			o = X(e), a ||= requestAnimationFrame(() => {
+			o = Z(e), a ||= requestAnimationFrame(() => {
 				a = 0, s();
 			});
 		}, l = () => {
 			r.abort(), a && cancelAnimationFrame(a), s(), t.endResize();
 		};
 		window.addEventListener("mousemove", c, { signal: i }), window.addEventListener("touchmove", c, { signal: i }), window.addEventListener("mouseup", l, { signal: i }), window.addEventListener("touchend", l, { signal: i });
-	}, [t]), s = k(void 0), c = k(0), l = T(() => {
+	}, [t]), s = j(void 0), c = j(0), l = E(() => {
 		let { grid: e } = t;
 		if (e.resizeMode === "instant") {
-			pt(e);
+			St(e);
 			return;
 		}
 		c.current ||= requestAnimationFrame(() => {
-			c.current = 0, pt(e);
+			c.current = 0, St(e);
 		});
-	}, [t]), u = T(() => {
+	}, [t]), u = E(() => {
 		s.current !== void 0 && (clearTimeout(s.current), s.current = void 0, c.current &&= (cancelAnimationFrame(c.current), 0), t.endResize());
 	}, [t]);
-	D(() => () => {
+	O(() => () => {
 		clearTimeout(s.current), c.current && cancelAnimationFrame(c.current);
 	}, []);
-	let d = T((e) => {
+	let d = E((e) => {
 		switch (e.key) {
 			case "ArrowRight":
-				t.moveResizer(dt);
+				t.moveResizer(bt);
 				break;
 			case "ArrowLeft":
 				t.moveResizer(-16);
@@ -2199,21 +2405,21 @@ function mt(e) {
 				break;
 			default: return;
 		}
-		e.preventDefault(), l(), clearTimeout(s.current), s.current = setTimeout(u, ft);
+		e.preventDefault(), l(), clearTimeout(s.current), s.current = setTimeout(u, xt);
 	}, [
 		t,
 		u,
 		a,
 		l
 	]);
-	return /* @__PURE__ */ M(f, {
+	return /* @__PURE__ */ P(f, {
 		height: "fit",
 		ai: "center",
 		position: "absolute",
 		insetEnd: t.pin === "END" ? void 0 : 0,
 		insetStart: t.pin === "END" ? 0 : void 0,
 		py: 3,
-		children: /* @__PURE__ */ M(r, {
+		children: /* @__PURE__ */ P(r, {
 			cursor: "col-resize",
 			px: .75,
 			mt: -6,
@@ -2223,7 +2429,7 @@ function mt(e) {
 				onMouseDown: o,
 				onTouchStart: o
 			},
-			children: /* @__PURE__ */ M(r, {
+			children: /* @__PURE__ */ P(r, {
 				component: `${t.grid.componentName}.header.cell.resizer`,
 				opacity: i === "visible" ? void 0 : 0,
 				group: i === "hover" ? { "header-cell/hover": { opacity: 1 } } : void 0,
@@ -2244,13 +2450,13 @@ function mt(e) {
 		})
 	});
 }
-mt.displayName = "DataGridHeaderCellResizer";
+Ct.displayName = "DataGridHeaderCellResizer";
 //#endregion
 //#region src/components/dataGrid/components/dataGridHeaderCell.tsx
-function ht(e) {
-	let { column: t, row: n, columnIndex: i } = e, { grid: a } = t, { isStartPinned: o, isEndPinned: c } = t.pinFlags.value, l = t.headerCell, { isSortable: u, showResizer: d, showContextMenu: m, paddingStart: h, paddingEnd: g } = l, { ref: _, tabIndex: v, onFocus: b } = R()?.cellProps(n, i) ?? {}, x = s("datagrid-columnheader"), S = T(() => {
+function wt(e) {
+	let { column: t, row: n, columnIndex: i } = e, { grid: a } = t, { isStartPinned: o, isEndPinned: c } = t.pinFlags.value, l = t.headerCell, { isSortable: u, showResizer: d, showContextMenu: m, paddingStart: h, paddingEnd: _ } = l, { ref: v, tabIndex: y, onFocus: b } = R()?.cellProps(n, i) ?? {}, x = s("datagrid-columnheader"), S = E(() => {
 		a.toggleSelectAllRows();
-	}, [a]), C = t.isRowSelection ? /* @__PURE__ */ M(p, {
+	}, [a]), C = t.isRowSelection ? /* @__PURE__ */ P(p, {
 		variant: "datagrid",
 		m: 1,
 		indeterminate: a.someRowsSelected && !a.allRowsSelected,
@@ -2260,12 +2466,12 @@ function ht(e) {
 			tabIndex: -1,
 			"aria-label": "Select all rows"
 		}
-	}) : l.hiddenLabel ? /* @__PURE__ */ M(y, {
+	}) : l.hiddenLabel ? /* @__PURE__ */ P(g, {
 		tag: "span",
 		children: l.hiddenLabel
 	}) : l.label;
-	return /* @__PURE__ */ M(f, {
-		ref: _,
+	return /* @__PURE__ */ P(f, {
+		ref: v,
 		id: x,
 		props: {
 			role: "columnheader",
@@ -2273,7 +2479,7 @@ function ht(e) {
 			"aria-colspan": l.columnSpan,
 			"aria-rowspan": l.rowSpan,
 			"aria-sort": l.ariaSort,
-			tabIndex: v,
+			tabIndex: y,
 			onFocus: b
 		},
 		className: "header-cell",
@@ -2286,125 +2492,139 @@ function ht(e) {
 			insetInlineStart: o ? `var(${t.inlineStartVarName})` : void 0,
 			insetInlineEnd: c ? `var(${t.inlineEndVarName})` : void 0
 		},
-		children: /* @__PURE__ */ N(j, { children: [
-			/* @__PURE__ */ M(f, {
+		children: /* @__PURE__ */ F(N, { children: [
+			/* @__PURE__ */ P(f, {
 				width: "fit",
 				height: "fit",
 				jc: t.align,
 				props: { onClick: u ? () => t.sortColumn() : void 0 },
-				children: /* @__PURE__ */ N(f, {
+				children: /* @__PURE__ */ F(f, {
 					overflow: "hidden",
 					position: t.isLeaf ? void 0 : "sticky",
 					ai: "center",
 					transition: "none",
 					ps: h,
-					pe: g,
+					pe: _,
 					style: { insetInlineStart: t.pin ? void 0 : `var(${a.inlineStartEdgeVarName})` },
 					children: [
-						/* @__PURE__ */ M(r, {
+						/* @__PURE__ */ P(r, {
 							overflow: "hidden",
 							textOverflow: "ellipsis",
 							textWrap: "nowrap",
 							children: C
 						}),
-						l.isSorted && /* @__PURE__ */ M(r, {
+						l.isSorted && /* @__PURE__ */ P(r, {
 							ps: (t.inlineWidth ?? 0) < 58 ? 0 : 2,
-							children: /* @__PURE__ */ M(at, {
+							children: /* @__PURE__ */ P(mt, {
 								width: "16px",
 								rotate: l.sortDirection === "ASC" ? 0 : 180,
 								fill: "currentColor"
 							})
 						}),
-						m && /* @__PURE__ */ M(r, { minWidth: t.isEndAligned ? 4 : 10 })
+						m && /* @__PURE__ */ P(r, { minWidth: t.isEndAligned ? 4 : 10 })
 					]
 				})
 			}),
-			d && /* @__PURE__ */ M(mt, {
+			d && /* @__PURE__ */ P(Ct, {
 				column: t,
 				controls: x
 			}),
-			m && /* @__PURE__ */ M(ut, { column: t })
+			m && /* @__PURE__ */ P(yt, { column: t })
 		] })
 	});
 }
-ht.displayName = "DataGridHeaderCell";
+wt.displayName = "DataGridHeaderCell";
 //#endregion
 //#region src/components/dataGrid/components/dataGridHeader.tsx
-function gt(e) {
+function Tt(e) {
 	let { grid: t } = e;
-	return /* @__PURE__ */ N(_, {
+	return /* @__PURE__ */ F(v, {
 		component: `${t.componentName}.header`,
 		props: { role: "rowgroup" },
 		style: { gridTemplateColumns: t.gridTemplateColumns.value },
-		children: [t.headerRows.value.map((e, t) => /* @__PURE__ */ M(r, {
+		children: [t.headerRows.value.map((e, t) => /* @__PURE__ */ P(r, {
 			display: "contents",
 			props: {
 				role: "row",
 				"aria-rowindex": t + 1
 			},
-			children: e.map((e, n) => /* @__PURE__ */ M(ht, {
+			children: e.map((e, n) => /* @__PURE__ */ P(wt, {
 				column: e,
 				row: t,
 				columnIndex: n
 			}, e.uniqueKey))
-		}, t)), /* @__PURE__ */ M(it, { grid: t })]
+		}, t)), /* @__PURE__ */ P(pt, { grid: t })]
 	});
 }
-gt.displayName = "DataGridHeader";
+Tt.displayName = "DataGridHeader";
 //#endregion
 //#region src/components/dataGrid/components/dataGridLoader.tsx
-function _t(e) {
+function Et(e) {
 	let { grid: t } = e;
-	return /* @__PURE__ */ M(r, {
+	return /* @__PURE__ */ P(r, {
 		component: `${t.componentName}.loader`,
 		props: { "aria-hidden": !0 },
-		children: /* @__PURE__ */ M(r, {
+		children: /* @__PURE__ */ P(r, {
 			component: `${t.componentName}.loader.track`,
 			style: { height: 3 },
-			children: /* @__PURE__ */ M(r, {
+			children: /* @__PURE__ */ P(r, {
 				component: `${t.componentName}.loader.track.bar`,
 				width: "2/5"
 			})
 		})
 	});
 }
-_t.displayName = "DataGridLoader";
+Et.displayName = "DataGridLoader";
 //#endregion
 //#region src/components/dataGrid/components/dataGridContent.tsx
-function vt(e) {
-	let { grid: t } = e, i = k(null), [a, o] = A(0), s = k(null), c = T((e) => {
+function Dt(e) {
+	let { grid: t } = e, i = j(null), [a, o] = M({
+		top: 0,
+		direction: "down"
+	}), s = j(null), c = E((e) => {
+		o((t) => e === t.top ? t : {
+			top: e,
+			direction: de.directionOf(t.top, e, t.direction)
+		});
+	}, []), l = E((e) => {
 		s.current !== null && cancelAnimationFrame(s.current), s.current = requestAnimationFrame(() => {
-			o(e.target.scrollTop), s.current = null;
+			c(e.target.scrollTop), s.current = null;
 		});
-	}, []), l = Ce({
+	}, [c]), { navigation: u, onKeyDown: d } = Oe({
 		grid: t,
 		scrollerRef: i,
-		scrollTop: a,
-		onScrollTo: o
-	}), { source: u } = t, { queryVersion: d } = u;
-	return n(() => {
-		u.enabled && i.current && (i.current.scrollTop = 0);
-	}, [u, d]), D(() => {
-		if (!u.enabled) return;
-		let { startIndex: e, take: n } = t.viewport.window(i.current?.scrollTop ?? 0);
-		u.request(e, e + n);
+		scroll: a,
+		onScrollTo: c
+	}), { source: f } = t, { queryVersion: p } = f;
+	n(() => {
+		f.enabled && i.current && (i.current.scrollTop = 0);
+	}, [f, p]), O(() => {
+		if (!f.enabled) return;
+		let { startIndex: e, take: n } = t.viewport.window(i.current?.scrollTop ?? 0, a.direction);
+		f.request(e, e + n);
 	}, [
 		t,
-		u,
-		d,
+		f,
+		p,
 		a,
 		t.totalRowCount,
 		t.page,
 		t.pageSize,
 		t.expansionVersion
-	]), n(() => {
+	]);
+	let { range: m } = t, { isDragging: h } = m;
+	return O(() => {
+		if (h) return window.addEventListener("pointerup", m.endDrag), window.addEventListener("pointercancel", m.endDrag), () => {
+			window.removeEventListener("pointerup", m.endDrag), window.removeEventListener("pointercancel", m.endDrag);
+		};
+	}, [h, m]), n(() => {
 		let e = i.current;
 		if (!e) return;
 		let n = new ResizeObserver(() => t.setContainerWidth(e.clientWidth));
 		return n.observe(e), () => n.disconnect();
-	}, [t]), t.hasVisibleColumns ? /* @__PURE__ */ M(le.Provider, {
-		value: l,
-		children: /* @__PURE__ */ N(r, {
+	}, [t]), t.hasVisibleColumns ? /* @__PURE__ */ P(ue.Provider, {
+		value: u,
+		children: /* @__PURE__ */ F(r, {
 			ref: i,
 			component: `${t.componentName}.content`,
 			overflowX: "auto",
@@ -2412,39 +2632,41 @@ function vt(e) {
 			style: { willChange: "scroll-position" },
 			props: {
 				role: t.tree.enabled ? "treegrid" : "grid",
-				"aria-rowcount": l.rowCount,
-				"aria-colcount": l.columnCount,
-				"aria-multiselectable": t.props.def.rowSelection ? !0 : void 0,
+				"aria-rowcount": u.rowCount,
+				"aria-colcount": u.columnCount,
+				"aria-multiselectable": t.props.def.rowSelection || m.enabled ? !0 : void 0,
 				"aria-labelledby": t.props.def.title ? t.titleId : void 0,
-				"aria-busy": t.props.loading || u.isLoading ? !0 : void 0,
-				onScroll: c,
-				onKeyDown: l.onKeyDown
+				"aria-busy": t.props.loading || f.isLoading ? !0 : void 0,
+				onScroll: l,
+				onKeyDown: d,
+				onCopy: m.onCopy,
+				onPaste: m.onPaste
 			},
 			children: [
-				/* @__PURE__ */ M(gt, { grid: t }),
-				(t.props.loading || u.isLoading) && /* @__PURE__ */ M(_t, { grid: t }),
-				/* @__PURE__ */ M(Xe, {
+				/* @__PURE__ */ P(Tt, { grid: t }),
+				(t.props.loading || f.isLoading) && /* @__PURE__ */ P(Et, { grid: t }),
+				/* @__PURE__ */ P(at, {
 					grid: t,
-					scrollTop: a
+					scroll: a
 				})
 			]
 		})
-	}) : /* @__PURE__ */ M(Ze, { grid: t });
+	}) : /* @__PURE__ */ P(ot, { grid: t });
 }
-vt.displayName = "DataGridContent";
+Dt.displayName = "DataGridContent";
 //#endregion
 //#region src/components/dataGrid/components/dataGridDataSourceError.tsx
-function yt(e) {
+function Ot(e) {
 	let { grid: t } = e, { error: n } = t.source;
 	if (n === void 0) return null;
 	let i = n instanceof Error && n.message ? n.message : "Could not load rows.";
-	return /* @__PURE__ */ N(f, {
+	return /* @__PURE__ */ F(f, {
 		component: `${t.componentName}.error`,
 		props: { role: "alert" },
-		children: [/* @__PURE__ */ M(r, {
+		children: [/* @__PURE__ */ P(r, {
 			component: `${t.componentName}.error.message`,
 			children: i
-		}), /* @__PURE__ */ M(d, {
+		}), /* @__PURE__ */ P(d, {
 			component: `${t.componentName}.error.retry`,
 			type: "button",
 			onClick: t.source.retry,
@@ -2452,31 +2674,31 @@ function yt(e) {
 		})]
 	});
 }
-yt.displayName = "DataGridDataSourceError";
+Ot.displayName = "DataGridDataSourceError";
 //#endregion
 //#region src/components/dataGrid/components/dataGridColumnGroups.tsx
-function bt(e) {
+function kt(e) {
 	let { grid: t } = e;
-	return t.groupColumns.size === 0 ? null : /* @__PURE__ */ N(f, {
+	return t.groupColumns.size === 0 ? null : /* @__PURE__ */ F(f, {
 		component: `${t.componentName}.topBar.columnGroups`,
-		children: [/* @__PURE__ */ M(b, {
+		children: [/* @__PURE__ */ P(b, {
 			component: `${t.componentName}.topBar.columnGroups.icon`,
-			children: /* @__PURE__ */ M(st, {
+			children: /* @__PURE__ */ P(gt, {
 				width: "100%",
 				fill: "currentColor"
 			})
-		}), t.groupedColumns.map((e) => /* @__PURE__ */ N(x.Fragment, { children: [/* @__PURE__ */ M(J, {
+		}), t.groupedColumns.map((e) => /* @__PURE__ */ F(x.Fragment, { children: [/* @__PURE__ */ P(X, {
 			fill: "currentColor",
 			width: "14px",
 			height: "14px",
 			rotate: -90
-		}), /* @__PURE__ */ N(f, {
+		}), /* @__PURE__ */ F(f, {
 			component: `${t.componentName}.topBar.columnGroups.item`,
-			children: [e.header ?? e.key, /* @__PURE__ */ M(d, {
+			children: [e.header ?? e.key, /* @__PURE__ */ P(d, {
 				component: `${t.componentName}.topBar.columnGroups.item.icon`,
 				onClick: () => t.toggleGrouping(e.key),
 				props: { "aria-label": `Stop grouping by ${e.header ?? e.key}` },
-				children: /* @__PURE__ */ M(r, {
+				children: /* @__PURE__ */ P(r, {
 					fontSize: 10,
 					color: "gray-400",
 					hover: { color: "gray-600" },
@@ -2486,21 +2708,21 @@ function bt(e) {
 		})] }, e.key))]
 	});
 }
-bt.displayName = "DataGridColumnGroups";
+kt.displayName = "DataGridColumnGroups";
 //#endregion
 //#region src/components/dataGrid/components/dataGridExport.tsx
-function xt(e) {
-	let { grid: t } = e, n = t.exportConfig, r = T(() => void t.exportCsv(n).catch(() => void 0), [t, n]), i = T(() => void t.exportXlsx(n).catch(() => void 0), [t, n]);
-	return n ? /* @__PURE__ */ N(f, {
+function At(e) {
+	let { grid: t } = e, n = t.exportConfig, r = E(() => void t.exportCsv(n).catch(() => void 0), [t, n]), i = E(() => void t.exportXlsx(n).catch(() => void 0), [t, n]);
+	return n ? /* @__PURE__ */ F(f, {
 		component: `${t.componentName}.topBar.export`,
 		ai: "center",
 		gap: 2,
-		children: [n.csv !== !1 && /* @__PURE__ */ M(St, {
+		children: [n.csv !== !1 && /* @__PURE__ */ P(jt, {
 			componentName: t.componentName,
 			onClick: r,
 			label: "Export CSV",
 			children: "CSV"
-		}), n.xlsx !== !1 && /* @__PURE__ */ M(St, {
+		}), n.xlsx !== !1 && /* @__PURE__ */ P(jt, {
 			componentName: t.componentName,
 			onClick: i,
 			label: "Export Excel",
@@ -2508,25 +2730,25 @@ function xt(e) {
 		})]
 	}) : null;
 }
-xt.displayName = "DataGridExport";
-function St(e) {
+At.displayName = "DataGridExport";
+function jt(e) {
 	let { componentName: t, onClick: n, label: r, children: i } = e;
-	return /* @__PURE__ */ N(d, {
+	return /* @__PURE__ */ F(d, {
 		component: `${t}.topBar.export.button`,
 		onClick: n,
 		props: { "aria-label": r },
-		children: [/* @__PURE__ */ N(l, {
+		children: [/* @__PURE__ */ F(l, {
 			viewBox: "0 0 20 20",
 			width: 16,
 			height: 16,
 			fill: "none",
 			stroke: "currentColor",
 			strokeWidth: 1.6,
-			children: [/* @__PURE__ */ M(c, {
+			children: [/* @__PURE__ */ P(c, {
 				d: "M10 3v9m0 0 3.5-3.5M10 12 6.5 8.5",
 				strokeLinecap: "round",
 				strokeLinejoin: "round"
-			}), /* @__PURE__ */ M(c, {
+			}), /* @__PURE__ */ P(c, {
 				d: "M3.5 13.5v2a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-2",
 				strokeLinecap: "round"
 			})]
@@ -2535,54 +2757,54 @@ function St(e) {
 }
 //#endregion
 //#region src/icons/searchIcon.tsx
-function Ct(e) {
-	return /* @__PURE__ */ M(l, {
+function Mt(e) {
+	return /* @__PURE__ */ P(l, {
 		viewBox: "0 0 488.4 488.4",
 		width: "1.5rem",
 		...e,
-		children: /* @__PURE__ */ M(c, { d: "M0 203.25c0 112.1 91.2 203.2 203.2 203.2 51.6 0 98.8-19.4 134.7-51.2l129.5 129.5c2.4 2.4 5.5 3.6 8.7 3.6s6.3-1.2 8.7-3.6c4.8-4.8 4.8-12.5 0-17.3l-129.6-129.5c31.8-35.9 51.2-83 51.2-134.7C406.4 91.15 315.2.05 203.2.05S0 91.15 0 203.25zm381.9 0c0 98.5-80.2 178.7-178.7 178.7s-178.7-80.2-178.7-178.7 80.2-178.7 178.7-178.7 178.7 80.1 178.7 178.7z" })
+		children: /* @__PURE__ */ P(c, { d: "M0 203.25c0 112.1 91.2 203.2 203.2 203.2 51.6 0 98.8-19.4 134.7-51.2l129.5 129.5c2.4 2.4 5.5 3.6 8.7 3.6s6.3-1.2 8.7-3.6c4.8-4.8 4.8-12.5 0-17.3l-129.6-129.5c31.8-35.9 51.2-83 51.2-134.7C406.4 91.15 315.2.05 203.2.05S0 91.15 0 203.25zm381.9 0c0 98.5-80.2 178.7-178.7 178.7s-178.7-80.2-178.7-178.7 80.2-178.7 178.7-178.7 178.7 80.1 178.7 178.7z" })
 	});
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridGlobalFilter.tsx
-function wt(e) {
-	let { grid: t } = e, [n, i] = A(t.globalFilterValue), a = k(null);
-	D(() => () => {
+function Nt(e) {
+	let { grid: t } = e, [n, i] = M(t.globalFilterValue), a = j(null);
+	O(() => () => {
 		a.current && clearTimeout(a.current);
 	}, []);
-	let o = T((e) => {
+	let o = E((e) => {
 		let n = e.target.value;
 		i(n), a.current && clearTimeout(a.current), a.current = setTimeout(() => {
 			t.filter.setGlobalFilter(n), a.current = null;
 		}, 300);
-	}, [t]), s = T(() => {
+	}, [t]), s = E(() => {
 		i(""), t.filter.setGlobalFilter("");
 	}, [t]), { filtered: c, total: l } = t.filter.filterStats, u = t.filter.hasActiveFilters && c !== l;
-	return /* @__PURE__ */ N(f, {
+	return /* @__PURE__ */ F(f, {
 		component: `${t.componentName}.topBar.globalFilter`,
-		children: [u && /* @__PURE__ */ N(r, {
+		children: [u && /* @__PURE__ */ F(r, {
 			component: `${t.componentName}.topBar.globalFilter.stats`,
 			children: [
 				c,
 				"/",
 				l
 			]
-		}), /* @__PURE__ */ N(f, {
+		}), /* @__PURE__ */ F(f, {
 			position: "relative",
 			ai: "center",
 			children: [
-				/* @__PURE__ */ M(f, {
+				/* @__PURE__ */ P(f, {
 					position: "absolute",
 					insetStart: 3,
 					pointerEvents: "none",
 					color: "gray-400",
 					theme: { dark: { color: "gray-500" } },
-					children: /* @__PURE__ */ M(Ct, {
+					children: /* @__PURE__ */ P(Mt, {
 						fill: "currentColor",
 						width: "14px"
 					})
 				}),
-				/* @__PURE__ */ M(g, {
+				/* @__PURE__ */ P(_, {
 					placeholder: "Search...",
 					variant: "compact",
 					value: n,
@@ -2590,7 +2812,7 @@ function wt(e) {
 					ps: 8,
 					pe: n ? 8 : 3
 				}),
-				n && /* @__PURE__ */ M(r, {
+				n && /* @__PURE__ */ P(r, {
 					position: "absolute",
 					insetEnd: 2,
 					cursor: "pointer",
@@ -2602,7 +2824,7 @@ function wt(e) {
 						hover: { color: "gray-300" }
 					} },
 					props: { onClick: s },
-					children: /* @__PURE__ */ M(r, {
+					children: /* @__PURE__ */ P(r, {
 						fontSize: 12,
 						fontWeight: 600,
 						children: "✕"
@@ -2614,9 +2836,9 @@ function wt(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridTopBarContextMenu.tsx
-function Tt(e) {
+function Pt(e) {
 	let { grid: t } = e, { columnVisibility: n } = t, { entries: i, selectedIds: a, total: o, hasHidden: s } = n;
-	return /* @__PURE__ */ N(v, {
+	return /* @__PURE__ */ F(y, {
 		component: `${t.componentName}.topBar.columnVisibility`,
 		multiple: !0,
 		showCheckbox: !0,
@@ -2631,17 +2853,17 @@ function Tt(e) {
 		display: "inline-flex",
 		props: { "aria-label": "Columns" },
 		children: [
-			/* @__PURE__ */ M(v.Display, { children: (e) => {
+			/* @__PURE__ */ P(y.Display, { children: (e) => {
 				let n = e.length === 0;
-				return /* @__PURE__ */ N(f, {
+				return /* @__PURE__ */ F(f, {
 					ai: "center",
 					gap: 2,
-					children: [/* @__PURE__ */ N(u, {
+					children: [/* @__PURE__ */ F(u, {
 						viewBox: "0 0 20 20",
 						width: "18",
 						height: "18",
 						children: [
-							/* @__PURE__ */ M("rect", {
+							/* @__PURE__ */ P("rect", {
 								x: "2",
 								y: "3",
 								width: "4",
@@ -2650,7 +2872,7 @@ function Tt(e) {
 								fill: "currentColor",
 								opacity: .9
 							}),
-							/* @__PURE__ */ M("rect", {
+							/* @__PURE__ */ P("rect", {
 								x: "8",
 								y: "3",
 								width: "4",
@@ -2659,7 +2881,7 @@ function Tt(e) {
 								fill: "currentColor",
 								opacity: .6
 							}),
-							/* @__PURE__ */ M("rect", {
+							/* @__PURE__ */ P("rect", {
 								x: "14",
 								y: "3",
 								width: "4",
@@ -2669,7 +2891,7 @@ function Tt(e) {
 								opacity: .3
 							})
 						]
-					}), s && /* @__PURE__ */ N(r, {
+					}), s && /* @__PURE__ */ F(r, {
 						component: `${t.componentName}.topBar.columnVisibility.badge`,
 						tag: "span",
 						fontSize: 11,
@@ -2692,9 +2914,9 @@ function Tt(e) {
 					})]
 				});
 			} }),
-			/* @__PURE__ */ M(v.SelectAll, { children: "Show All" }),
-			/* @__PURE__ */ M(v.Unselect, { children: "Hide All" }),
-			i.map((e) => /* @__PURE__ */ M(v.Item, {
+			/* @__PURE__ */ P(y.SelectAll, { children: "Show All" }),
+			/* @__PURE__ */ P(y.Unselect, { children: "Hide All" }),
+			i.map((e) => /* @__PURE__ */ P(y.Item, {
 				value: e.id,
 				textWrap: "nowrap",
 				children: e.label
@@ -2702,30 +2924,30 @@ function Tt(e) {
 		]
 	});
 }
-Tt.displayName = "DataGridTopBarContextMenu";
+Pt.displayName = "DataGridTopBarContextMenu";
 //#endregion
 //#region src/components/dataGrid/components/dataGridTopBar.tsx
-function Et(e) {
+function Ft(e) {
 	let { grid: t } = e, { title: n, topBarContent: i, globalFilter: a } = t.props.def;
-	return /* @__PURE__ */ N(f, {
+	return /* @__PURE__ */ F(f, {
 		component: `${t.componentName}.topBar`,
 		position: "relative",
 		d: "column",
 		gap: 3,
-		children: [/* @__PURE__ */ N(f, {
+		children: [/* @__PURE__ */ F(f, {
 			ai: "center",
 			jc: "space-between",
 			gap: 4,
 			flexWrap: "wrap",
 			width: "fit",
-			children: [/* @__PURE__ */ N(f, {
+			children: [/* @__PURE__ */ F(f, {
 				ai: "center",
 				gap: 3,
 				flexWrap: "wrap",
 				minWidth: 0,
 				children: [
-					/* @__PURE__ */ M(Tt, { grid: t }),
-					n && /* @__PURE__ */ M(r, {
+					/* @__PURE__ */ P(Pt, { grid: t }),
+					n && /* @__PURE__ */ P(r, {
 						id: t.titleId,
 						fontWeight: 600,
 						fontSize: 16,
@@ -2733,24 +2955,24 @@ function Et(e) {
 						theme: { dark: { color: "gray-100" } },
 						children: n
 					}),
-					/* @__PURE__ */ M(bt, { grid: t })
+					/* @__PURE__ */ P(kt, { grid: t })
 				]
-			}), /* @__PURE__ */ N(f, {
+			}), /* @__PURE__ */ F(f, {
 				ai: "center",
 				gap: 3,
 				flexWrap: "wrap",
-				children: [a && /* @__PURE__ */ M(wt, { grid: t }), /* @__PURE__ */ M(xt, { grid: t })]
+				children: [a && /* @__PURE__ */ P(Nt, { grid: t }), /* @__PURE__ */ P(At, { grid: t })]
 			})]
-		}), i && /* @__PURE__ */ M(r, {
+		}), i && /* @__PURE__ */ P(r, {
 			width: "fit",
 			children: i
 		})]
 	});
 }
-Et.displayName = "DataGridTopBar";
+Ft.displayName = "DataGridTopBar";
 //#endregion
 //#region src/utils/string/fuzzySearch.ts
-function Dt(e, t) {
+function It(e, t) {
 	if (!e) return {
 		score: 1,
 		matches: []
@@ -2763,16 +2985,16 @@ function Dt(e, t) {
 		matches: o
 	});
 }
-function Ot(e, t) {
-	return Dt(e, t) !== null;
+function Lt(e, t) {
+	return It(e, t) !== null;
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridCellRowDetail.tsx
-function kt(e) {
-	let { cell: t } = e, n = t.isExpanded, r = T((e) => {
+function Rt(e) {
+	let { cell: t } = e, n = t.isExpanded, r = E((e) => {
 		e.stopPropagation(), t.toggleDetail();
 	}, [t]);
-	return /* @__PURE__ */ M(d, {
+	return /* @__PURE__ */ P(d, {
 		component: `${t.grid.componentName}.body.cell.rowDetail`,
 		variant: { isExpanded: n },
 		type: "button",
@@ -2788,7 +3010,7 @@ function kt(e) {
 			"aria-label": `${n ? "Collapse" : "Expand"} details for row ${t.row.rowIndex + 1}`,
 			"aria-expanded": n
 		},
-		children: /* @__PURE__ */ M(J, {
+		children: /* @__PURE__ */ P(X, {
 			fill: "currentColor",
 			width: "14px",
 			height: "14px",
@@ -2796,14 +3018,14 @@ function kt(e) {
 		})
 	});
 }
-kt.displayName = "DataGridCellRowDetail";
+Rt.displayName = "DataGridCellRowDetail";
 //#endregion
 //#region src/components/dataGrid/components/dataGridCellRowSelection.tsx
-function At(e) {
-	let { cell: t } = e, n = T(() => {
+function zt(e) {
+	let { cell: t } = e, n = E(() => {
 		t.toggleSelection();
 	}, [t]);
-	return /* @__PURE__ */ M(p, {
+	return /* @__PURE__ */ P(p, {
 		variant: "datagrid",
 		checked: t.selected,
 		indeterminate: t.indeterminate,
@@ -2814,15 +3036,15 @@ function At(e) {
 		}
 	});
 }
-At.displayName = "DataGridCellRowSelection";
+zt.displayName = "DataGridCellRowSelection";
 //#endregion
 //#region src/components/dataGrid/contracts/dataGridContract.ts
-function jt(e) {
+function Bt(e) {
 	if (e) return e === "LEFT" ? "START" : e === "RIGHT" ? "END" : e;
 }
 //#endregion
 //#region src/components/dataGrid/models/headerCellModel.ts
-var Mt = 1e3, Nt = class {
+var Vt = 1e3, Ht = class {
 	column;
 	constructor(e) {
 		this.column = e;
@@ -2835,7 +3057,7 @@ var Mt = 1e3, Nt = class {
 		if (e.isRowNumber || e.isRowSelection) return null;
 		if (e.isGrouping) {
 			if (this.grid.groupColumns.size === 1) {
-				let e = this.grid.groupColumns.values().next().value, t = W.findOrThrow(this.grid.columns.value.leafs, (t) => t.key === e);
+				let e = this.grid.groupColumns.values().next().value, t = K.findOrThrow(this.grid.columns.value.leafs, (t) => t.key === e);
 				return t.header ?? t.key;
 			}
 			return "Group";
@@ -2892,7 +3114,7 @@ var Mt = 1e3, Nt = class {
 		return Math.max(1, this.column.leafs.length) * this.grid.MIN_COLUMN_WIDTH_PX;
 	}
 	get maxWidth() {
-		return Math.max(this.grid.containerWidth || Mt, this.width, this.minWidth);
+		return Math.max(this.grid.containerWidth || Vt, this.width, this.minWidth);
 	}
 	get paddingStart() {
 		if (!this.column.isRowSelection) return this.column.isEndAligned ? 10 : 3;
@@ -2964,7 +3186,7 @@ var Mt = 1e3, Nt = class {
 	get hasGroupSection() {
 		return this.canGroupBy || this.canUnGroupAll;
 	}
-}, Z = class e {
+}, Q = class e {
 	def;
 	grid;
 	parent;
@@ -2974,16 +3196,16 @@ var Mt = 1e3, Nt = class {
 			pin: t.pin
 		} : r, n, this)) ?? [], this.isLeaf) {
 			let e = this.grid.columnWidths.get(this.key);
-			this._inlineWidth = e ?? this.def.width ?? this.grid.DEFAULT_COLUMN_WIDTH_PX, this._pin = jt(t.pin);
+			this._inlineWidth = e ?? this.def.width ?? this.grid.DEFAULT_COLUMN_WIDTH_PX, this._pin = Bt(t.pin);
 		}
 	}
 	columns = [];
 	get kind() {
 		switch (this.key) {
-			case Te: return "rowNumber";
-			case Ee: return "rowSelection";
-			case De: return "rowDetail";
-			case G: return "grouping";
+			case Ae: return "rowNumber";
+			case je: return "rowSelection";
+			case Me: return "rowDetail";
+			case q: return "grouping";
 			default: return "data";
 		}
 	}
@@ -3002,7 +3224,7 @@ var Mt = 1e3, Nt = class {
 	get isData() {
 		return this.kind === "data";
 	}
-	pinFlags = B(() => {
+	pinFlags = V(() => {
 		let e = this.pin === "START", t = this.pin === "END";
 		return {
 			isStartPinned: e,
@@ -3014,7 +3236,7 @@ var Mt = 1e3, Nt = class {
 			isLastEndPinned: t && this.endOffset === 0
 		};
 	}, () => [this.grid.columns]);
-	cellVariant = B(() => {
+	cellVariant = V(() => {
 		let { isPinned: e, isFirstStartPinned: t, isLastStartPinned: n, isFirstEndPinned: r, isLastEndPinned: i } = this.pinFlags.value;
 		return {
 			isPinned: e,
@@ -3029,7 +3251,7 @@ var Mt = 1e3, Nt = class {
 			isRowDetail: this.isRowDetail
 		};
 	}, () => [this.pinFlags]);
-	cellStyleVars = B(() => {
+	cellStyleVars = V(() => {
 		let { isStartPinned: e, isEndPinned: t } = this.pinFlags.value;
 		return {
 			width: `var(${this.widthVarName})`,
@@ -3038,7 +3260,7 @@ var Mt = 1e3, Nt = class {
 			insetInlineEnd: t ? `var(${this.inlineEndVarName})` : void 0
 		};
 	}, () => [this.pinFlags]);
-	_headerCell = B(() => new Nt(this));
+	_headerCell = V(() => new Ht(this));
 	get headerCell() {
 		return this._headerCell.value;
 	}
@@ -3199,16 +3421,16 @@ var Mt = 1e3, Nt = class {
 	get inlineWidth() {
 		if (this.isLeaf) return this.grid.getFlexWidth(this.key) ?? this._inlineWidth;
 		let e = this.visibleColumns.map((e) => e.inlineWidth).filter((e) => typeof e == "number");
-		if (e.length !== 0) return W.sumBy(e, (e) => e);
+		if (e.length !== 0) return K.sumBy(e, (e) => e);
 	}
 	get startOffset() {
 		let e = 0;
 		if (this.parent) {
 			let { visibleColumns: t, startOffset: n } = this.parent, r = t.findIndex((e) => e === this);
-			e += W.sumBy(t, (e, t) => t < r ? e.inlineWidth ?? 0 : 0), e += n;
+			e += K.sumBy(t, (e, t) => t < r ? e.inlineWidth ?? 0 : 0), e += n;
 		} else {
 			let t = this.grid.columns.value.start.filter((e) => e.isVisible), n = t.findIndex((e) => e === this);
-			e += W.sumBy(t, (e, t) => t < n ? e.inlineWidth ?? 0 : 0);
+			e += K.sumBy(t, (e, t) => t < n ? e.inlineWidth ?? 0 : 0);
 		}
 		return e;
 	}
@@ -3216,10 +3438,10 @@ var Mt = 1e3, Nt = class {
 		let e = 0;
 		if (this.parent) {
 			let { visibleColumns: t } = this.parent, n = t.reverse(), r = n.findIndex((e) => e === this);
-			e += W.sumBy(n, (e, t) => t < r ? e.inlineWidth ?? 0 : 0), e += this.parent.endOffset;
+			e += K.sumBy(n, (e, t) => t < r ? e.inlineWidth ?? 0 : 0), e += this.parent.endOffset;
 		} else {
 			let t = this.grid.columns.value.end.filter((e) => e.isVisible).reverse(), n = t.findIndex((e) => e === this);
-			e += W.sumBy(t, (e, t) => t < n ? e.inlineWidth ?? 0 : 0);
+			e += K.sumBy(t, (e, t) => t < n ? e.inlineWidth ?? 0 : 0);
 		}
 		return e;
 	}
@@ -3257,7 +3479,7 @@ var Mt = 1e3, Nt = class {
 	_resizeTotalWidth = 0;
 	beginResize = (e) => {
 		let { MIN_COLUMN_WIDTH_PX: t } = this.grid;
-		this._resizeStartX = e, this._resizeSizes = W.toRecord(this.leafs, (e) => [e.key, e.inlineWidth ?? e.baseWidth]), this._resizeTotalWidth = W.sumBy(this.leafs, (e) => this._resizeSizes[e.key]) - this.leafs.length * t;
+		this._resizeStartX = e, this._resizeSizes = K.toRecord(this.leafs, (e) => [e.key, e.inlineWidth ?? e.baseWidth]), this._resizeTotalWidth = K.sumBy(this.leafs, (e) => this._resizeSizes[e.key]) - this.leafs.length * t;
 	};
 	get resizeSign() {
 		return this.pin === "END" === this.grid.isRtl ? 1 : -1;
@@ -3283,7 +3505,7 @@ var Mt = 1e3, Nt = class {
 		this.moveResizer((e - t) * this.resizeSign);
 	};
 	pinColumn = (e) => {
-		this.isLeaf ? this._pin = jt(e) : this.columns.forEach((t) => t.pinColumn(e)), this.grid.pinColumn(this.uniqueKey, e);
+		this.isLeaf ? this._pin = Bt(e) : this.columns.forEach((t) => t.pinColumn(e)), this.grid.pinColumn(this.uniqueKey, e);
 	};
 	toggleGrouping = () => {
 		this.grid.toggleGrouping(this.key);
@@ -3298,7 +3520,7 @@ var Mt = 1e3, Nt = class {
 	toggleVisibility = () => {
 		this.grid.toggleColumnVisibility(this.key);
 	};
-}, Pt = class {
+}, Ut = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -3333,19 +3555,19 @@ var Mt = 1e3, Nt = class {
 };
 //#endregion
 //#region src/utils/array/lazyList.ts
-function Ft(e, t) {
+function Wt(e, t) {
 	return new Proxy([], {
 		get(n, r, i) {
 			if (r === "length") return e;
-			let a = Q(r, e);
+			let a = Gt(r, e);
 			return a === void 0 ? Reflect.get(n, r, i) : t(a);
 		},
 		has(t, n) {
-			return Q(n, e) !== void 0 || Reflect.has(t, n);
+			return Gt(n, e) !== void 0 || Reflect.has(t, n);
 		},
 		getOwnPropertyDescriptor(n, r) {
-			return Q(r, e) === void 0 ? Reflect.getOwnPropertyDescriptor(n, r) : {
-				value: t(Q(r, e)),
+			return Gt(r, e) === void 0 ? Reflect.getOwnPropertyDescriptor(n, r) : {
+				value: t(Gt(r, e)),
 				writable: !0,
 				enumerable: !0,
 				configurable: !0
@@ -3353,7 +3575,7 @@ function Ft(e, t) {
 		}
 	});
 }
-function Q(e, t) {
+function Gt(e, t) {
 	if (typeof e != "string") return;
 	let n = Number(e);
 	return Number.isInteger(n) && n >= 0 && n < t ? n : void 0;
@@ -3484,7 +3706,7 @@ var $ = class e {
 			}), this.source.changed());
 		});
 	}
-}, It = class extends Fe {
+}, Kt = class extends Be {
 	level;
 	constructor(e, t, n, r) {
 		super(e, n, [], r, ""), this.level = t;
@@ -3506,7 +3728,7 @@ var $ = class e {
 		return [...this.level.groupKeys, this.groupValue];
 	}
 	get key() {
-		return this.placeholder ? `${this.level.placeholderKey}-group-${this.rowIndex}` : Lt(this.groupKeys);
+		return this.placeholder ? `${this.level.placeholderKey}-group-${this.rowIndex}` : qt(this.groupKeys);
 	}
 	get depth() {
 		return this.level.depth;
@@ -3542,21 +3764,21 @@ var $ = class e {
 		this.placeholder || this.grid.toggleGroupRow(this.key);
 	}
 };
-function Lt(e) {
+function qt(e) {
 	return `rb-group:${$.keyOf(e)}`;
 }
 //#endregion
 //#region src/components/dataGrid/models/sourceRowModel.ts
-var Rt = {}, zt = class extends H {
+var Jt = {}, Yt = class extends W {
 	sourceLevel;
 	constructor(e, t, n) {
-		super(e, Rt, n), this.sourceLevel = t;
+		super(e, Jt, n), this.sourceLevel = t;
 	}
 	get row() {
 		return this.sourceLevel.rowAt(this.rowIndex);
 	}
 	get data() {
-		return this.row ?? Rt;
+		return this.row ?? Jt;
 	}
 	get placeholder() {
 		return this.row === void 0;
@@ -3574,7 +3796,7 @@ var Rt = {}, zt = class extends H {
 	get selected() {
 		return !this.placeholder && super.selected;
 	}
-}, Bt = class extends zt {
+}, Xt = class extends Yt {
 	isTreeRow = !0;
 	get level() {
 		return this.sourceLevel.depth;
@@ -3594,7 +3816,7 @@ var Rt = {}, zt = class extends H {
 	toggleTree = () => {
 		this.hasChildren && this.grid.tree.toggle(this.key, this.level);
 	};
-}, Vt = 100, Ht = 40, Ut = class {
+}, Zt = 100, Qt = 40, $t = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -3620,11 +3842,11 @@ var Rt = {}, zt = class extends H {
 	}
 	get blockSize() {
 		let e = this.config?.blockSize;
-		return e && e > 0 ? Math.floor(e) : this.grid.isPaginated ? this.grid.pageSize : Vt;
+		return e && e > 0 ? Math.floor(e) : this.grid.isPaginated ? this.grid.pageSize : Zt;
 	}
 	get maxBlocks() {
 		let e = this.config?.maxBlocks;
-		return e && e > 0 ? Math.floor(e) : Ht;
+		return e && e > 0 ? Math.floor(e) : Qt;
 	}
 	get queryVersion() {
 		return this._query;
@@ -3679,7 +3901,7 @@ var Rt = {}, zt = class extends H {
 		return e.loadedBlocks().forEach(({ index: a, rows: o }) => {
 			o.forEach((o, s) => {
 				let c = [...e.path, o[r]];
-				if (!t.has(Lt(c))) return;
+				if (!t.has(qt(c))) return;
 				let l = a * n + s;
 				i.push({
 					rowIndex: l,
@@ -3733,20 +3955,20 @@ var Rt = {}, zt = class extends H {
 	listLength = -1;
 	rowList() {
 		let { start: e } = this.visibleRange();
-		return this.listLength = this.visibleLength(), Ft(this.listLength, (t) => this.rowModelAt(e + t));
+		return this.listLength = this.visibleLength(), Wt(this.listLength, (t) => this.rowModelAt(e + t));
 	}
 	flatRowList(e) {
 		let t = this.detailPositions();
-		return t.length === 0 ? e : Ft(e.length + t.length, (n) => {
-			let r = Gt(t, n);
-			return t[r] === n ? new V(this.grid, e[n - r - 1]) : e[n - r];
+		return t.length === 0 ? e : Wt(e.length + t.length, (n) => {
+			let r = tn(t, n);
+			return t[r] === n ? new U(this.grid, e[n - r - 1]) : e[n - r];
 		});
 	}
 	rowOffsets(e) {
 		let { rowHeight: t } = this.grid, n = this.detailPositions(), r = [0];
 		return n.forEach((t, n) => r.push(r[n] + e[t].heightForOffset)), {
-			offsets: Ft(e.length, (e) => {
-				let i = Gt(n, e);
+			offsets: Wt(e.length, (e) => {
+				let i = tn(n, e);
 				return (e - i) * t + r[i];
 			}),
 			totalHeight: (e.length - n.length) * t + r[n.length]
@@ -3775,7 +3997,7 @@ var Rt = {}, zt = class extends H {
 			let i = this.levels.get(r);
 			!i || i.isGroupLevel || i.loadedBlocks().forEach(({ index: r, rows: i }) => {
 				i.forEach((i, a) => {
-					let o = Wt(n, r * t + a);
+					let o = en(n, r * t + a);
 					o !== void 0 && e(o, i);
 				});
 			});
@@ -3783,14 +4005,14 @@ var Rt = {}, zt = class extends H {
 	}
 	rowModelAt(e) {
 		let t = this.segmentAt(e);
-		if (!t) return new zt(this.grid, this.root, e);
+		if (!t) return new Yt(this.grid, this.root, e);
 		let { level: n } = t, r = t.levelStart + (e - t.start), i = this.models.get(n.key);
 		i || this.models.set(n.key, i = /* @__PURE__ */ new Map());
 		let a = i.get(r);
-		return a || (a = n.isGroupLevel ? new It(this.grid, n, this.groupColumnAt(n.depth), r) : this.isTree ? new Bt(this.grid, n, r) : new zt(this.grid, n, r), i.set(r, a)), a;
+		return a || (a = n.isGroupLevel ? new Kt(this.grid, n, this.groupColumnAt(n.depth), r) : this.isTree ? new Xt(this.grid, n, r) : new Yt(this.grid, n, r), i.set(r, a)), a;
 	}
 	groupColumnAt(e) {
-		return W.findOrThrow(this.grid.columns.value.leafs, (t) => t.key === this.groupBy[e]);
+		return K.findOrThrow(this.grid.columns.value.leafs, (t) => t.key === this.groupBy[e]);
 	}
 	visibleLength() {
 		let { start: e, end: t } = this.visibleRange();
@@ -3876,10 +4098,10 @@ var Rt = {}, zt = class extends H {
 		this._segments = void 0, this._byLevel = void 0, this.listLength !== this.visibleLength() && this.grid.rows.clear(), this.grid.flatRows.clear(), this.grid.notify();
 	}
 };
-function Wt(e, t) {
+function en(e, t) {
 	for (let n of e) if (t >= n.levelStart && t < n.levelStart + n.length) return n.start + (t - n.levelStart);
 }
-function Gt(e, t) {
+function tn(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >>> 1;
@@ -3889,7 +4111,7 @@ function Gt(e, t) {
 }
 //#endregion
 //#region src/components/dataGrid/models/exportModel.ts
-var Kt = 7, qt = class {
+var nn = 7, rn = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -3903,7 +4125,7 @@ var Kt = 7, qt = class {
 	}
 	width(e) {
 		let t = e.inlineWidth ?? this.grid.DEFAULT_COLUMN_WIDTH_PX;
-		return Math.min(80, Math.max(6, Math.round(t / Kt * 10) / 10));
+		return Math.min(80, Math.max(6, Math.round(t / nn * 10) / 10));
 	}
 	value(e, t) {
 		let { exportValue: n } = e.def, r = n ? n(t) : t[e.key];
@@ -3911,7 +4133,7 @@ var Kt = 7, qt = class {
 	}
 	aggregateOf(e, t) {
 		let n = e.aggregate;
-		return n ? je(n, t.map((t) => this.value(e, t)), t) : null;
+		return n ? Ie(n, t.map((t) => this.value(e, t)), t) : null;
 	}
 	table(e = {}) {
 		let t = this.columns(e.columns), n = e.groups ?? !0, r = [], i = (e, a, o) => {
@@ -3926,7 +4148,7 @@ var Kt = 7, qt = class {
 				}), i(s.rows, n ? a + 1 : a, o || n && e);
 			} else {
 				if (s.placeholder) continue;
-				let e = U(s) ? s.level : a;
+				let e = G(s) ? s.level : a;
 				r.push({
 					kind: "data",
 					level: e,
@@ -3975,7 +4197,7 @@ var Kt = 7, qt = class {
 		let { title: t } = this.grid.props.def, n = typeof t == "string" && t.trim() ? t.trim() : "export";
 		return e.fileName?.trim() || n;
 	}
-}, Jt = class {
+}, an = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -3997,7 +4219,7 @@ var Kt = 7, qt = class {
 	}
 	setGlobalFilter = (e) => this.grid.setGlobalFilter(e);
 	clearAllFilters = () => this.grid.clearAllFilters();
-}, Yt = class {
+}, on = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -4053,7 +4275,140 @@ var Kt = 7, qt = class {
 		let t = parseInt(e, 10);
 		isNaN(t) || this.grid.changePage(Math.max(1, Math.min(t, this.totalPages)));
 	};
-}, Xt = class extends H {
+}, sn = /["\t\r\n]/;
+function cn(e) {
+	if (e == null) return "";
+	let t = e instanceof Date ? e.toISOString() : String(e);
+	return sn.test(t) ? `"${t.split("\"").join("\"\"")}"` : t;
+}
+function ln(e) {
+	return e.map((e) => e.map(cn).join("	")).join("\r\n");
+}
+function un(e) {
+	let t = [], n = [], r = "", i = !1;
+	for (let a = 0; a < e.length; a++) {
+		let o = e[a];
+		i ? o === "\"" && e[a + 1] === "\"" ? (r += "\"", a++) : o === "\"" ? i = !1 : r += o : o === "\"" && r === "" ? i = !0 : o === "	" ? (n.push(r), r = "") : o === "\r" || o === "\n" ? (o === "\r" && e[a + 1] === "\n" && a++, n.push(r), t.push(n), n = [], r = "") : r += o;
+	}
+	return (r !== "" || n.length > 0) && (n.push(r), t.push(n)), t;
+}
+function dn(e, t) {
+	return e?.row === t?.row && e?.column === t?.column;
+}
+var fn = class {
+	grid;
+	constructor(e) {
+		this.grid = e;
+	}
+	_anchor;
+	_focus;
+	_dragging = !1;
+	get enabled() {
+		return !!this.grid.props.def.rangeSelection;
+	}
+	get current() {
+		return this._focus;
+	}
+	get isDragging() {
+		return this._dragging;
+	}
+	get bounds() {
+		let e = this._anchor, t = this._focus;
+		if (!(!e || !t)) return {
+			startRow: Math.min(e.row, t.row),
+			endRow: Math.max(e.row, t.row),
+			startColumn: Math.min(e.column, t.column),
+			endColumn: Math.max(e.column, t.column)
+		};
+	}
+	get hasSelection() {
+		let e = this.bounds;
+		return !!e && (e.startRow !== e.endRow || e.startColumn !== e.endColumn);
+	}
+	isCurrent(e, t) {
+		return this._focus?.row === e && this._focus.column === t;
+	}
+	isSelected(e, t) {
+		let n = this.bounds;
+		return !n || !this.hasSelection ? !1 : e >= n.startRow && e <= n.endRow && t >= n.startColumn && t <= n.endColumn;
+	}
+	setCurrent(e, t, n = !1) {
+		let r = {
+			row: e,
+			column: t
+		}, i = n && this._anchor ? this._anchor : r;
+		dn(this._focus, r) && dn(this._anchor, i) || (this._anchor = i, this._focus = r, this.grid.notify(), this.emit(n ? "extend" : "select"));
+	}
+	syncCurrent(e, t) {
+		this.isCurrent(e, t) || this.setCurrent(e, t);
+	}
+	clear() {
+		!this._focus && !this._anchor || (this._anchor = void 0, this._focus = void 0, this._dragging = !1, this.grid.notify(), this.emit("clear"));
+	}
+	press(e, t, n) {
+		this.setCurrent(e, t, n), n || (this._dragging = !0);
+	}
+	dragTo(e, t) {
+		this._dragging && this.setCurrent(e, t, !0);
+	}
+	endDrag = () => {
+		this._dragging && (this._dragging = !1, this.grid.notify());
+	};
+	columnsOf(e = this.bounds) {
+		return e ? this.grid.columns.value.visibleLeafs.slice(e.startColumn, e.endColumn + 1) : [];
+	}
+	valueOf(e, t) {
+		return e.isRowNumber ? t.rowIndex + 1 : e.isData ? this.grid.exporter.value(e, t.data) : null;
+	}
+	values(e = this.bounds) {
+		if (!e) return [];
+		let t = this.columnsOf(e), n = this.grid.flatRows.value, r = [];
+		for (let i = e.startRow; i <= e.endRow; i++) {
+			let e = n[i];
+			e?.kind === "group" ? r.push(t.map((t) => t.key === "grouping-cell" || t.key === e.groupColumn.key ? e.groupValue : null)) : e?.kind === "row" && !e.placeholder ? r.push(t.map((t) => this.valueOf(t, e))) : r.push(t.map(() => null));
+		}
+		return r;
+	}
+	rangeOf(e) {
+		let t = this.columnsOf(e).map((e) => e.key);
+		return {
+			startRow: e.startRow,
+			endRow: e.endRow,
+			columns: t,
+			values: () => this.values(e)
+		};
+	}
+	get range() {
+		let e = this.bounds;
+		return e && this.rangeOf(e);
+	}
+	emit(e) {
+		this.grid.props.onRangeChange?.(this.range, { reason: e });
+	}
+	onCopy = (e) => {
+		if (!this._focus || !e.clipboardData) return;
+		let t = e.currentTarget.ownerDocument.defaultView?.getSelection();
+		t && !t.isCollapsed || (e.clipboardData.setData("text/plain", ln(this.values())), e.preventDefault());
+	};
+	pasteBounds(e, t) {
+		let n = this.bounds;
+		if (!n || e === 0 || t === 0) return;
+		let r = this.grid.flatRows.value.length - 1, i = this.grid.columns.value.visibleLeafs.length - 1;
+		return {
+			startRow: n.startRow,
+			endRow: Math.min(r, n.startRow + Math.max(n.endRow - n.startRow + 1, e) - 1),
+			startColumn: n.startColumn,
+			endColumn: Math.min(i, n.startColumn + Math.max(n.endColumn - n.startColumn + 1, t) - 1)
+		};
+	}
+	onPaste = (e) => {
+		if (!this._focus || !e.clipboardData || this.grid.edits.isOpen || !this.grid.edits.enabled) return;
+		let t = e.clipboardData.getData("text/plain");
+		if (!t) return;
+		let n = un(t), r = n.reduce((e, t) => Math.max(e, t.length), 0), i = this.pasteBounds(n.length, r);
+		i && (e.preventDefault(), this.grid.edits.paste(i, (e, t) => n[e % n.length][t % r] ?? ""));
+	};
+}, pn = class extends W {
 	node;
 	level;
 	position;
@@ -4073,7 +4428,7 @@ var Kt = 7, qt = class {
 	toggleTree = () => {
 		this.grid.tree.toggle(this.key, this.level);
 	};
-	_subtreeKeys = B(() => {
+	_subtreeKeys = V(() => {
 		let e = [], t = (n) => {
 			n.forEach((n) => {
 				e.push(this.grid.getRowKey(n.data)), t(n.children);
@@ -4104,10 +4459,10 @@ var Kt = 7, qt = class {
 };
 //#endregion
 //#region src/components/dataGrid/models/treeModel.ts
-function Zt(e) {
+function mn(e) {
 	return JSON.stringify(e);
 }
-var Qt = class {
+var hn = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -4161,9 +4516,9 @@ var Qt = class {
 				data: e,
 				children: []
 			};
-			n.set(Zt(r), i);
+			n.set(mn(r), i);
 			let a;
-			for (let e = r.length - 1; e > 0 && !a; e--) a = n.get(Zt(r.slice(0, e)));
+			for (let e = r.length - 1; e > 0 && !a; e--) a = n.get(mn(r.slice(0, e)));
 			(a ? a.children : t).push(i);
 		}), t;
 	}
@@ -4179,17 +4534,17 @@ var Qt = class {
 	}
 	sortNodes(e) {
 		let { sortColumn: t, sortDirection: n } = this.grid;
-		return t === void 0 ? e : W.sortBy(e, (e) => e.data[t], n).map((e) => ({
+		return t === void 0 ? e : K.sortBy(e, (e) => e.data[t], n).map((e) => ({
 			data: e.data,
 			children: this.sortNodes(e.children)
 		}));
 	}
-	nodes = B(() => {
+	nodes = V(() => {
 		if (!this.isEager) return [];
 		let e = this.isFlat ? this.buildFlat(this.grid.data) : this.buildNested(this.grid.data);
 		return this.sortNodes(this.grid.hasRowFilters ? this.prune(e) : e);
 	});
-	allRows = B(() => {
+	allRows = V(() => {
 		let e = [], t = (n) => {
 			n.forEach((n) => {
 				e.push(n.data), t(n.children);
@@ -4209,7 +4564,7 @@ var Qt = class {
 	}
 	rowList() {
 		let e = 0, t = (n, r, i) => n.map((a, o) => {
-			let s = new Xt(this.grid, a, e++, r, o, n.length, i);
+			let s = new pn(this.grid, a, e++, r, o, n.length, i);
 			return s.treeExpanded && (s.children = t(a.children, r + 1, s)), s;
 		});
 		return t(this.nodes.value, 0);
@@ -4251,72 +4606,7 @@ var Qt = class {
 		let n = !this.isExpanded(e, t);
 		n ? (this._opened.add(e), this._closed.delete(e)) : (this._closed.add(e), this._opened.delete(e)), this.grid.treeExpansionChanged(), this.grid.props.onExpandedTreeKeysChange?.(this.expandedKeys(), { reason: n ? "expand" : "collapse" }), this.grid.notify();
 	};
-}, $t = class e {
-	grid;
-	static DEFAULT_VISIBLE_ROWS_COUNT = 10;
-	static ROWS_TO_PRELOAD = 20;
-	constructor(e) {
-		this.grid = e;
-	}
-	get showAll() {
-		return this.grid.props.def.visibleRowsCount === "all";
-	}
-	get hasDetailRows() {
-		return !!this.grid.props.def.rowDetail;
-	}
-	get isEmpty() {
-		return this.grid.source.enabled ? this.grid.flatRows.value.length === 0 : this.grid.data.length === 0;
-	}
-	get visibleRowsCount() {
-		if (this.showAll) return this.grid.flatRows.value.length;
-		let t = this.grid.props.def.visibleRowsCount;
-		return typeof t == "number" ? t : e.DEFAULT_VISIBLE_ROWS_COUNT;
-	}
-	get pageRows() {
-		let t = this.grid.props.def.visibleRowsCount;
-		return typeof t == "number" ? t : e.DEFAULT_VISIBLE_ROWS_COUNT;
-	}
-	get viewHeight() {
-		if (this.showAll) return;
-		let { rowHeight: e } = this.grid;
-		return e * this.visibleRowsCount + e / 5;
-	}
-	get totalHeight() {
-		return this.hasDetailRows ? this.grid.rowOffsets.value.totalHeight : this.grid.flatRows.value.length * this.grid.rowHeight;
-	}
-	get emptyHeight() {
-		return this.viewHeight ?? this.grid.rowHeight * e.DEFAULT_VISIBLE_ROWS_COUNT;
-	}
-	rowTop(e) {
-		return this.hasDetailRows ? this.grid.rowOffsets.value.offsets[e] ?? 0 : e * this.grid.rowHeight;
-	}
-	findStartIndex(e, t) {
-		let n = 0, r = e.length - 1;
-		for (; n < r;) {
-			let i = n + r + 1 >>> 1;
-			e[i] <= t ? n = i : r = i - 1;
-		}
-		return n;
-	}
-	window(t) {
-		let n = this.grid.flatRows.value.length;
-		if (this.showAll) return {
-			startIndex: 0,
-			take: n,
-			translateY: 0,
-			totalHeight: this.totalHeight,
-			viewHeight: void 0
-		};
-		let { rowHeight: r } = this.grid, i = e.ROWS_TO_PRELOAD, { offsets: a } = this.grid.rowOffsets.value, o = this.hasDetailRows ? Math.max(0, this.findStartIndex(a, t) - i) : Math.max(0, Math.floor(t / r) - i), s = this.hasDetailRows ? a[o] ?? 0 : o * r;
-		return {
-			startIndex: o,
-			take: this.visibleRowsCount + i * 2,
-			translateY: s,
-			totalHeight: this.totalHeight,
-			viewHeight: this.viewHeight
-		};
-	}
-}, en = {}, tn = class {
+}, gn = {}, _n = class {
 	props;
 	constructor(e, t) {
 		this.props = e, t && this.listeners.add(t);
@@ -4357,22 +4647,22 @@ var Qt = class {
 	get resizeMode() {
 		return this.props.def.resizeMode ?? "smooth";
 	}
-	sourceColumns = B(() => {
+	sourceColumns = V(() => {
 		let { def: e } = this.props, t = [];
-		if (this.groupColumns.size > 0 && t.push(new Z({ key: G }, this)), t.push(...e.columns.map((e) => new Z(e, this))), e.rowSelection) {
+		if (this.groupColumns.size > 0 && t.push(new Q({ key: q }, this)), t.push(...e.columns.map((e) => new Q(e, this))), e.rowSelection) {
 			let n = typeof e.rowSelection == "object" && e.rowSelection.pinned ? "START" : void 0;
-			t.unshift(new Z({
-				key: Ee,
+			t.unshift(new Q({
+				key: je,
 				pin: n,
 				width: 50,
 				align: "center",
-				Cell: At
+				Cell: zt
 			}, this));
 		}
 		if (e.showRowNumber) {
 			let n, r = 70;
-			typeof e.showRowNumber == "object" && (e.showRowNumber.pinned && (n = "START"), r = e.showRowNumber.width ?? 70), t.unshift(new Z({
-				key: Te,
+			typeof e.showRowNumber == "object" && (e.showRowNumber.pinned && (n = "START"), r = e.showRowNumber.width ?? 70), t.unshift(new Q({
+				key: Ae,
 				pin: n,
 				width: r,
 				align: "end"
@@ -4380,18 +4670,18 @@ var Qt = class {
 		}
 		if (e.rowDetail) {
 			let n = e.rowDetail.pinned ? "START" : void 0, r = e.rowDetail.expandColumnWidth ?? 50, i = e.rowDetail.expandColumnHeader ?? "";
-			t.unshift(new Z({
-				key: De,
+			t.unshift(new Q({
+				key: Me,
 				header: i,
 				pin: n,
 				width: r,
 				align: "center",
-				Cell: kt
+				Cell: Rt
 			}, this));
 		}
 		return t;
 	});
-	columns = B(() => {
+	columns = V(() => {
 		let e = this.sourceColumns.value.map((e) => e.getPinnedColumn("START")).filter((e) => !!e), t = this.sourceColumns.value.map((e) => e.getPinnedColumn()).filter((e) => !!e), n = this.sourceColumns.value.map((e) => e.getPinnedColumn("END")).filter((e) => !!e), r = [
 			...e,
 			...t,
@@ -4405,24 +4695,24 @@ var Qt = class {
 			leafs: i,
 			visibleLeafs: a,
 			userVisibleLeafs: a.filter((e) => ![
-				Te,
-				Ee,
-				G,
-				De
+				Ae,
+				je,
+				q,
+				Me
 			].includes(e.key)),
-			maxDeath: W.maxBy(r, (e) => e.death) + 1
+			maxDeath: K.maxBy(r, (e) => e.death) + 1
 		};
 	}, () => [this.sourceColumns]);
-	headerRows = B(() => W.sortBy(W.groupBy(this.columns.value.flat, (e) => e.death), (e) => e.key).map((e) => {
-		let t = W.toRecord(W.groupBy(e.values, (e) => e.pin ?? "NO_PIN"), (e) => [e.key, e.values]);
+	headerRows = V(() => K.sortBy(K.groupBy(this.columns.value.flat, (e) => e.death), (e) => e.key).map((e) => {
+		let t = K.toRecord(K.groupBy(e.values, (e) => e.pin ?? "NO_PIN"), (e) => [e.key, e.values]);
 		return [
 			...t.START?.filter((e) => e.isVisible) ?? [],
 			...t.NO_PIN?.filter((e) => e.isVisible) ?? [],
 			...t.END?.filter((e) => e.isVisible) ?? []
 		];
 	}), () => [this.columns]);
-	gridTemplateColumns = B(() => {
-		let { visibleLeafs: e } = this.columns.value, t = W.sumBy(e, (e) => +(e.pin === "END")), n = e.length - t;
+	gridTemplateColumns = V(() => {
+		let { visibleLeafs: e } = this.columns.value, t = K.sumBy(e, (e) => +(e.pin === "END")), n = e.length - t;
 		return `${n > 0 ? `repeat(${n}, max-content)` : ""} ${t > 0 ? `repeat(${t}, max-content)` : ""}`.trim();
 	}, () => [this.columns]);
 	_globalFilterValue = "";
@@ -4433,7 +4723,7 @@ var Qt = class {
 	get columnFilters() {
 		return this.props.columnFilters ?? this._columnFilters;
 	}
-	globalFilterColumns = B(() => this.props.def.globalFilterKeys ?? this.columns.value.leafs.filter((e) => e.key !== "row-number-cell" && e.key !== "row-selection-cell" && e.key !== "grouping-cell" && e.key !== "row-detail-cell").map((e) => e.key), () => [this.columns]);
+	globalFilterColumns = V(() => this.props.def.globalFilterKeys ?? this.columns.value.leafs.filter((e) => e.key !== "row-number-cell" && e.key !== "row-selection-cell" && e.key !== "grouping-cell" && e.key !== "row-detail-cell").map((e) => e.key), () => [this.columns]);
 	rowMatchesFilters(e) {
 		let { filters: t } = this.props;
 		return t && !t.every((t) => t(e)) || this.props.def.globalFilter && !this.matchesGlobalFilter(e) ? !1 : this.matchesColumnFilters(e);
@@ -4445,7 +4735,7 @@ var Qt = class {
 		let t = this.globalFilterValue.trim();
 		return !t || this.globalFilterColumns.value.some((n) => {
 			let r = e[n];
-			return r != null && Ot(t, String(r));
+			return r != null && Lt(t, String(r));
 		});
 	}
 	matchesColumnFilters(e) {
@@ -4457,7 +4747,7 @@ var Qt = class {
 	}
 	matchesFilter(e, t) {
 		switch (t.type) {
-			case "text": return !t.value.trim() || e != null && Ot(t.value, String(e));
+			case "text": return !t.value.trim() || e != null && Lt(t.value, String(e));
 			case "number": {
 				if (e == null) return !1;
 				let n = typeof e == "number" ? e : parseFloat(String(e));
@@ -4549,50 +4839,50 @@ var Qt = class {
 	get totalRowCount() {
 		return this.source.enabled ? this.source.rowCount : this.tree.isEager ? this.tree.everyRow().length : this.props.def.pagination?.totalCount ?? this.data.length;
 	}
-	rows = B(() => {
+	rows = V(() => {
 		if (this.source.enabled) return this.source.rowList();
 		if (this.tree.isEager) return this.tree.rowList();
 		let e = this.filteredData;
-		if (this._sortColumn && !this.isPaginated && (e = W.sortBy(e, (e) => e[this._sortColumn], this._sortDirection)), this.groupColumns.size > 0) {
+		if (this._sortColumn && !this.isPaginated && (e = K.sortBy(e, (e) => e[this._sortColumn], this._sortDirection)), this.groupColumns.size > 0) {
 			let t = (e, n, r) => {
 				let i = n.values().next().value;
 				n.delete(i);
-				let a = W.findOrThrow(this.columns.value.leafs, (e) => e.key === i);
-				return this._sortColumn === "grouping-cell" && (e = W.sortBy(e, (e) => e[i], this._sortDirection)), W.groupBy(e, (e) => e[i]).map((e) => {
+				let a = K.findOrThrow(this.columns.value.leafs, (e) => e.key === i);
+				return this._sortColumn === "grouping-cell" && (e = K.sortBy(e, (e) => e[i], this._sortDirection)), K.groupBy(e, (e) => e[i]).map((e) => {
 					let i;
-					i = n.size > 0 ? t(e.values, new Set(n), r + 1) : e.values.map((e, t) => new H(this, e, r + 1 + t));
-					let o = new Fe(this, a, i, r, e.key);
+					i = n.size > 0 ? t(e.values, new Set(n), r + 1) : e.values.map((e, t) => new W(this, e, r + 1 + t));
+					let o = new Be(this, a, i, r, e.key);
 					return r += 1, o.expanded && (r += i.length), o;
 				});
 			};
 			return t(e, new Set(this.groupColumns), 0);
 		}
-		return e.map((e, t) => new H(this, e, t));
+		return e.map((e, t) => new W(this, e, t));
 	}, () => [this.columns]);
-	groupingSpan = B(() => {
+	groupingSpan = V(() => {
 		let { visibleLeafs: e } = this.columns.value, t = e.findIndex((e) => e.isGrouping);
 		if (t === -1) return [];
 		let n = (n, r) => r > t && n.pin === e[t].pin && !n.isRowNumber && !n.isRowSelection && !n.isRowDetail, r = e.findIndex((e, t) => n(e, t) && !!e.aggregate), i = r === -1 ? e.length : r;
 		return [e[t], ...e.filter((e, t) => t < i && n(e, t))];
 	}, () => [this.columns]);
-	flatRows = B(() => this.source.enabled ? this.source.flatRowList(this.rows.value) : this.rows.value.flatMap((e) => e.flatRows), () => [this.rows]);
+	flatRows = V(() => this.source.enabled ? this.source.flatRowList(this.rows.value) : this.rows.value.flatMap((e) => e.flatRows), () => [this.rows]);
 	get rowHeight() {
 		return this.props.def.rowHeight ?? this.DEFAULT_ROW_HEIGHT_PX;
 	}
-	sizes = B(() => {
+	sizes = V(() => {
 		let e = this.columns.value.flat.reduce((e, t) => {
 			let { inlineWidth: n } = t;
 			return typeof n == "number" && (e[t.widthVarName] = `${t.inlineWidth}px`), t.pin === "START" && (e[t.inlineStartVarName] = `${t.startOffset}px`), t.pin === "END" && (e[t.inlineEndVarName] = `${t.endOffset}px`), e;
 		}, {});
 		e[this.rowHeightVarName] = `${this.rowHeight}px`, e[this.inlineStartEdgeVarName] = `${this.inlineStartEdge}px`, this._containerWidth > 0 && (e[this.viewportWidthVarName] = `${this._containerWidth}px`);
-		let { visibleLeafs: t } = this.columns.value, n = t.find((e) => e.key === G);
+		let { visibleLeafs: t } = this.columns.value, n = t.find((e) => e.key === q);
 		if (n) {
-			let t = W.sumBy(this.groupingSpan.value, (e) => e.inlineWidth ?? 0);
+			let t = K.sumBy(this.groupingSpan.value, (e) => e.inlineWidth ?? 0);
 			e[n.groupColumnWidthVarName] = `${t}px`;
 		}
 		return this.groupColumns.forEach((n) => {
-			let r = W.findOrThrow(this.columns.value.leafs, (e) => e.key === n);
-			e[r.groupColumnWidthVarName] = `${W.sumBy(t, (e) => e.pin === r.pin ? e.inlineWidth ?? 0 : 0)}px`;
+			let r = K.findOrThrow(this.columns.value.leafs, (e) => e.key === n);
+			e[r.groupColumnWidthVarName] = `${K.sumBy(t, (e) => e.pin === r.pin ? e.inlineWidth ?? 0 : 0)}px`;
 		}), e;
 	}, () => [this.columns, this.flexWidths]);
 	_containerWidth = 0;
@@ -4612,11 +4902,11 @@ var Qt = class {
 	setContainerWidth = (e) => {
 		this._containerWidth !== e && (this._containerWidth = e, this.flexWidths.clear(), this.notify());
 	};
-	flexWidths = B(() => {
+	flexWidths = V(() => {
 		let e = this._containerWidth;
 		if (e <= 0) return {};
-		let t = this.columns.value.visibleLeafs, n = (e) => !e.isFlexible || this.columnWidths.has(e.key), r = W.sumBy(t.filter(n), (e) => e.baseWidth), i = t.filter((e) => !n(e)), a = W.sumBy(i, (e) => e.baseWidth), o = e - r;
-		if (o <= a) return W.toRecord(i, (e) => [e.key, e.baseWidth]);
+		let t = this.columns.value.visibleLeafs, n = (e) => !e.isFlexible || this.columnWidths.has(e.key), r = K.sumBy(t.filter(n), (e) => e.baseWidth), i = t.filter((e) => !n(e)), a = K.sumBy(i, (e) => e.baseWidth), o = e - r;
+		if (o <= a) return K.toRecord(i, (e) => [e.key, e.baseWidth]);
 		let s = {}, c = 0;
 		return i.forEach((e, t) => {
 			if (t === i.length - 1) s[e.key] = o - c;
@@ -4689,30 +4979,31 @@ var Qt = class {
 			pageSize: e
 		}), this.source.invalidate(), this.tree.nodes.clear(), this.rows.clear(), this.notify());
 	};
-	rowOffsets = B(() => {
+	rowOffsets = V(() => {
 		if (this.source.enabled) return this.source.rowOffsets(this.flatRows.value);
 		let e = [], t = 0;
-		for (let n of this.flatRows.value) e.push(t), t += n instanceof V ? n.heightForOffset : this.rowHeight;
+		for (let n of this.flatRows.value) e.push(t), t += n instanceof U ? n.heightForOffset : this.rowHeight;
 		return {
 			offsets: e,
 			totalHeight: t
 		};
 	}, () => [this.flatRows]);
-	viewport = new $t(this);
-	columnVisibility = new Pt(this);
-	filter = new Jt(this);
-	pagination = new Yt(this);
-	aggregation = new Me(this);
-	exporter = new qt(this);
-	source = new Ut(this);
-	tree = new Qt(this);
-	edits = new ge(this);
+	viewport = new de(this);
+	columnVisibility = new Ut(this);
+	filter = new an(this);
+	pagination = new on(this);
+	aggregation = new Le(this);
+	exporter = new rn(this);
+	source = new $t(this);
+	tree = new hn(this);
+	edits = new Se(this);
+	range = new fn(this);
 	refresh = () => {
 		this.edits.clearEdits(), this.source.invalidate();
 	};
 	get exportConfig() {
 		let e = this.props.def.export;
-		if (e) return typeof e == "object" ? e : en;
+		if (e) return typeof e == "object" ? e : gn;
 	}
 	exportCsv = async (e = {}) => {
 		let { downloadCsv: t } = await import("../gridExport.mjs");
@@ -4742,14 +5033,14 @@ var Qt = class {
 		return e === 0 ? "No rows selected" : `${e} of ${this.totalRowCount} rows selected`;
 	}
 	get groupedColumns() {
-		return Array.from(this.groupColumns, (e) => W.findOrThrow(this.columns.value.leafs, (t) => t.key === e));
+		return Array.from(this.groupColumns, (e) => K.findOrThrow(this.columns.value.leafs, (t) => t.key === e));
 	}
 	selectedRows = /* @__PURE__ */ new Set();
 	get inlineStartEdge() {
-		return W.sumBy(this.columns.value.start, (e) => e.inlineWidth ?? 0);
+		return K.sumBy(this.columns.value.start, (e) => e.inlineWidth ?? 0);
 	}
 	get inlineEndEdge() {
-		return W.sumBy(this.columns.value.end, (e) => e.inlineWidth ?? 0);
+		return K.sumBy(this.columns.value.end, (e) => e.inlineWidth ?? 0);
 	}
 	inlineStartEdgeVarName = "--inline-start-edge";
 	rowHeightVarName = "--row-height";
@@ -4780,7 +5071,7 @@ var Qt = class {
 		}), this.source.invalidate(), this.tree.nodes.clear(), this.rows.clear(), this.notify();
 	};
 	pinColumn = (e, t) => {
-		let n = jt(t), r = W.findOrThrow(this.columns.value.flat, (t) => t.uniqueKey === e);
+		let n = Bt(t), r = K.findOrThrow(this.columns.value.flat, (t) => t.uniqueKey === e);
 		r.pin !== n && r.pinColumn(n), this.columns.clear(), this.notify();
 	};
 	toggleGrouping = (e) => {
@@ -4860,15 +5151,15 @@ var Qt = class {
 };
 //#endregion
 //#region src/components/dataGrid/useGrid.ts
-function nn(e) {
-	let [t] = A(() => new tn(e)), n = s("datagrid");
-	return t.setProps(e), t.setIdentifier(n), P(t.subscribe, t.getSnapshot, t.getSnapshot), t;
+function vn(e) {
+	let [t] = M(() => new _n(e)), n = s("datagrid");
+	return t.setProps(e), t.setIdentifier(n), te(t.subscribe, t.getSnapshot, t.getSnapshot), t;
 }
 //#endregion
 //#region src/components/dataGrid.tsx
-function rn(e, t) {
-	let n = nn(e), i = k(null);
-	ee(t, () => ({
+function yn(e, t) {
+	let n = vn(e), i = j(null);
+	k(t, () => ({
 		get element() {
 			return i.current;
 		},
@@ -4877,31 +5168,31 @@ function rn(e, t) {
 		refresh: n.refresh,
 		clearEdits: n.edits.clearEdits
 	}), [n]);
-	let { component: a, data: o, def: s, loading: c, filters: l, globalFilterValue: u, columnFilters: d, expandedRowKeys: f, expandedTreeKeys: p, page: m, pageSize: h, onSelectedRowKeysChange: g, onSelectionChange: _, onGlobalFilterChange: v, onColumnFiltersChange: b, onExpandedRowKeysChange: x, onExpandedTreeKeysChange: S, onCellEditsChange: C, onPaginationChange: w, onPageChange: T, onPageSizeChange: E, onSortingChange: D, onSortChange: te, onServerStateChange: A, style: j, ...P } = e;
-	return O(() => {
+	let { component: a, data: o, def: s, loading: c, filters: l, globalFilterValue: u, columnFilters: d, expandedRowKeys: f, expandedTreeKeys: p, page: m, pageSize: h, onSelectedRowKeysChange: _, onSelectionChange: v, onGlobalFilterChange: y, onColumnFiltersChange: b, onExpandedRowKeysChange: x, onExpandedTreeKeysChange: S, onCellEditsChange: C, onPaginationChange: w, onPageChange: T, onPageSizeChange: E, onSortingChange: D, onSortChange: O, onServerStateChange: ee, style: M, ...N } = e;
+	return A(() => {
 		let e = i.current;
 		if (e) return n.setSizingElement(e), () => n.setSizingElement(null);
-	}, [n]), /* @__PURE__ */ N(r, {
+	}, [n]), /* @__PURE__ */ F(r, {
 		ref: i,
 		component: n.componentName,
-		...P,
+		...N,
 		style: {
 			...n.sizes.value,
-			...j
+			...M
 		},
 		children: [
-			n.props.def.topBar && /* @__PURE__ */ M(Et, { grid: n }),
-			/* @__PURE__ */ M(yt, { grid: n }),
-			/* @__PURE__ */ M(vt, { grid: n }),
-			n.props.def.bottomBar && /* @__PURE__ */ M(ce, { grid: n }),
-			/* @__PURE__ */ M(y, {
+			n.props.def.topBar && /* @__PURE__ */ P(Ft, { grid: n }),
+			/* @__PURE__ */ P(Ot, { grid: n }),
+			/* @__PURE__ */ P(Dt, { grid: n }),
+			n.props.def.bottomBar && /* @__PURE__ */ P(le, { grid: n }),
+			/* @__PURE__ */ P(g, {
 				props: { role: "status" },
 				children: n.selectionAnnouncement
 			})
 		]
 	});
 }
-var an = w(rn);
-rn.displayName = "DataGrid";
+var bn = w(yn);
+yn.displayName = "DataGrid";
 //#endregion
-export { an as default };
+export { bn as default };