@box-kite/react 2.3.1 → 2.4.1

package/components/dataGrid.mjs

@@ -23,9 +23,8 @@ import te from "./switch.mjs";
 import E, { Fragment as ne, createContext as D, forwardRef as O, memo as k, useCallback as A, useContext as j, useEffect as M, useImperativeHandle as re, useLayoutEffect as ie, useMemo as ae, useRef as N, useState as P, useSyncExternalStore as oe } from "react";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
 import { flushSync as se } from "react-dom";
-import { useSyncExternalStore as ce } from "use-sync-external-store/shim";
 //#region src/components/dataGrid/components/dataGridBottomBarSelection.tsx
-function le(e) {
+function ce(e) {
 	let { grid: t } = e, n = t.selectedRows.size, r = t.isSelectionView;
 	return /* @__PURE__ */ L(_, {
 		component: `${t.componentName}.bottomBar.selection`,
@@ -57,7 +56,7 @@ function le(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridPagination.tsx
-function ue(e) {
+function le(e) {
 	let { grid: t } = e, { pagination: n } = t, r = n.state, i = A(() => n.firstPage(), [n]), o = A(() => n.prevPage(), [n]), s = A(() => n.nextPage(), [n]), c = A(() => n.lastPage(), [n]);
 	if (!r) return null;
 	let { canGoPrev: l, canGoNext: u, totalPages: d } = n;
@@ -66,30 +65,30 @@ function ue(e) {
 		gap: .5,
 		ai: "center",
 		children: [
-			/* @__PURE__ */ I(de, {
+			/* @__PURE__ */ I(ue, {
 				grid: t,
 				pageSize: r.pageSize
 			}),
-			/* @__PURE__ */ I(pe, {
+			/* @__PURE__ */ I(fe, {
 				componentName: t.componentName,
 				label: t.localeText.firstPage,
 				onClick: i,
 				disabled: !l,
-				children: /* @__PURE__ */ I(_e, {})
+				children: /* @__PURE__ */ I(ge, {})
 			}),
-			/* @__PURE__ */ I(pe, {
+			/* @__PURE__ */ I(fe, {
 				componentName: t.componentName,
 				label: t.localeText.previousPage,
 				onClick: o,
 				disabled: !l,
-				children: /* @__PURE__ */ I(he, {})
+				children: /* @__PURE__ */ I(me, {})
 			}),
 			/* @__PURE__ */ L(_, {
 				ai: "center",
 				gap: 1.5,
 				px: 2,
 				userSelect: "none",
-				children: [/* @__PURE__ */ I(fe, {
+				children: [/* @__PURE__ */ I(de, {
 					grid: t,
 					page: r.page,
 					totalPages: d
@@ -100,25 +99,25 @@ function ue(e) {
 					children: t.localeText.pageCount(d)
 				})]
 			}),
-			/* @__PURE__ */ I(pe, {
+			/* @__PURE__ */ I(fe, {
 				componentName: t.componentName,
 				label: t.localeText.nextPage,
 				onClick: s,
 				disabled: !u,
-				children: /* @__PURE__ */ I(ge, {})
+				children: /* @__PURE__ */ I(he, {})
 			}),
-			/* @__PURE__ */ I(pe, {
+			/* @__PURE__ */ I(fe, {
 				componentName: t.componentName,
 				label: t.localeText.lastPage,
 				onClick: c,
 				disabled: !u,
-				children: /* @__PURE__ */ I(ve, {})
+				children: /* @__PURE__ */ I(_e, {})
 			})
 		]
 	});
 }
-ue.displayName = "DataGridPagination";
-function de({ grid: e, pageSize: t }) {
+le.displayName = "DataGridPagination";
+function ue({ grid: e, pageSize: t }) {
 	let n = e.pagination.pageSizeOptions;
 	return !n || n.length === 0 ? null : /* @__PURE__ */ I(_, {
 		ai: "center",
@@ -142,7 +141,7 @@ function de({ grid: e, pageSize: t }) {
 		})
 	});
 }
-function fe({ grid: e, page: t, totalPages: n }) {
+function de({ grid: e, page: t, totalPages: n }) {
 	let [r, i] = P(String(t)), [a, o] = P(t);
 	t !== a && (o(t), i(String(t)));
 	let s = A(() => {
@@ -153,6 +152,7 @@ function fe({ grid: e, page: t, totalPages: n }) {
 	return /* @__PURE__ */ I(x, {
 		type: "number",
 		variant: "compact",
+		width: "auto",
 		value: r,
 		onChange: (e) => i(e.target.value),
 		textAlign: "center",
@@ -166,7 +166,7 @@ function fe({ grid: e, page: t, totalPages: n }) {
 		}
 	});
 }
-function pe(e) {
+function fe(e) {
 	let { componentName: t, label: n, onClick: r, disabled: i, children: a } = e;
 	return /* @__PURE__ */ I(h, {
 		component: `${t}.bottomBar.pagination.button`,
@@ -188,7 +188,7 @@ function pe(e) {
 		children: a
 	});
 }
-function me(e) {
+function pe(e) {
 	return /* @__PURE__ */ I(m, {
 		viewBox: "0 0 24 24",
 		width: "14",
@@ -201,21 +201,21 @@ function me(e) {
 		children: /* @__PURE__ */ I(p, { d: e.d })
 	});
 }
+function me() {
+	return /* @__PURE__ */ I(pe, { d: "M15 18l-6-6 6-6" });
+}
 function he() {
-	return /* @__PURE__ */ I(me, { d: "M15 18l-6-6 6-6" });
+	return /* @__PURE__ */ I(pe, { d: "M9 18l6-6-6-6" });
 }
 function ge() {
-	return /* @__PURE__ */ I(me, { d: "M9 18l6-6-6-6" });
+	return /* @__PURE__ */ I(pe, { d: "M18 18l-6-6 6-6M11 18l-6-6 6-6" });
 }
 function _e() {
-	return /* @__PURE__ */ I(me, { d: "M18 18l-6-6 6-6M11 18l-6-6 6-6" });
-}
-function ve() {
-	return /* @__PURE__ */ I(me, { d: "M6 18l6-6-6-6M13 18l6-6-6-6" });
+	return /* @__PURE__ */ I(pe, { d: "M6 18l6-6-6-6M13 18l6-6-6-6" });
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridBottomBar.tsx
-function ye(e) {
+function ve(e) {
 	let { grid: t } = e, { pagination: n, filter: r } = t;
 	if (n.state) {
 		let { totalItems: e, startItem: r, endItem: i } = n;
@@ -226,8 +226,8 @@ function ye(e) {
 					component: `${t.componentName}.bottomBar.info`,
 					children: t.localeText.pageRowRange(r, i, e)
 				}),
-				t.props.def.rowSelection && /* @__PURE__ */ I(le, { grid: t }),
-				/* @__PURE__ */ I(ue, { grid: t })
+				t.props.def.rowSelection && /* @__PURE__ */ I(ce, { grid: t }),
+				/* @__PURE__ */ I(le, { grid: t })
 			]
 		});
 	}
@@ -249,19 +249,19 @@ function ye(e) {
 					children: "✕"
 				}), t.localeText.clearFilters]
 			}),
-			t.props.def.rowSelection && /* @__PURE__ */ I(le, { grid: t })
+			t.props.def.rowSelection && /* @__PURE__ */ I(ce, { grid: t })
 		]
 	});
 }
 //#endregion
 //#region src/components/dataGrid/gridNavigationContext.ts
-var be = D(null);
+var ye = D(null);
 function R() {
-	return j(be);
+	return j(ye);
 }
-var xe = () => () => {};
-function Se(e, t, n) {
-	let r = oe(e?.activeCell.subscribe ?? xe, () => !!e?.activeCell.isActive(t, n), () => !!e?.activeCell.isActive(t, n));
+var be = () => () => {};
+function z(e, t, n) {
+	let r = oe(e?.activeCell.subscribe ?? be, () => !!e?.activeCell.isActive(t, n), () => !!e?.activeCell.isActive(t, n));
 	return e ? {
 		...e.cellProps(t, n),
 		tabIndex: r ? 0 : -1
@@ -269,7 +269,7 @@ function Se(e, t, n) {
 }
 //#endregion
 //#region src/components/dataGrid/models/viewportModel.ts
-var Ce = class e {
+var xe = class e {
 	grid;
 	static DEFAULT_VISIBLE_ROWS_COUNT = 10;
 	static ROWS_AHEAD = 12;
@@ -331,7 +331,7 @@ var Ce = class e {
 			viewHeight: this.viewHeight
 		};
 	}
-}, we = class {
+}, Se = class {
 	row;
 	column;
 	listeners = /* @__PURE__ */ new Set();
@@ -345,65 +345,65 @@ var Ce = class e {
 	set(e, t) {
 		(e !== this.row || t !== this.column) && (this.row = e, this.column = t, this.listeners.forEach((e) => e()));
 	}
-}, Te, Ee;
-function De() {
-	return Ee ??= import("../dataGridDateParts.mjs").then((e) => Te = e.default), Ee;
+}, B, Ce;
+function we() {
+	return Ce ??= import("../dataGridDateParts.mjs").then((e) => B = e.default), Ce;
 }
-function Oe() {
-	return Te;
+function Te() {
+	return B;
 }
-function z(e) {
+function Ee(e) {
 	let [t, n] = P(void 0);
 	return r(() => {
 		if (!e || t) return;
-		if (Te) {
-			n(() => Te);
+		if (B) {
+			n(() => B);
 			return;
 		}
 		let r = !0;
-		return De().then((e) => r && n(() => e)), () => {
+		return we().then((e) => r && n(() => e)), () => {
 			r = !1;
 		};
 	}, [e, t]), t;
 }
 //#endregion
 //#region src/components/dataGrid/models/editModel.ts
-function B(e, t) {
+function V(e, t) {
 	return JSON.stringify([e, t]);
 }
-var ke = 1e3;
-function Ae(e) {
-	return typeof e == "number" ? "number" : typeof e == "boolean" ? "checkbox" : e instanceof Date ? "datetime" : typeof e == "string" ? Me.test(e) ? "date" : Ne.test(e) ? "time" : Pe.test(e) ? "datetime" : "text" : "text";
+var De = 1e3;
+function Oe(e) {
+	return typeof e == "number" ? "number" : typeof e == "boolean" ? "checkbox" : e instanceof Date ? "datetime" : typeof e == "string" ? Ae.test(e) ? "date" : je.test(e) ? "time" : Me.test(e) ? "datetime" : "text" : "text";
 }
-var je = /* @__PURE__ */ new Set([
+var ke = /* @__PURE__ */ new Set([
 	"date",
 	"time",
 	"datetime"
-]), Me = /^\d{4}-\d{2}-\d{2}$/, Ne = /^\d{2}:\d{2}(:\d{2}(\.\d+)?)?$/, Pe = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}/;
-function Fe(e) {
-	return je.has(e);
+]), Ae = /^\d{4}-\d{2}-\d{2}$/, je = /^\d{2}:\d{2}(:\d{2}(\.\d+)?)?$/, Me = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}/;
+function Ne(e) {
+	return ke.has(e);
 }
-function Ie(e, t) {
+function Pe(e, t) {
 	if (e === "text") return t;
 	if (e !== "number" || t.trim() === "") return;
 	let n = Number(t);
 	return Number.isFinite(n) ? n : void 0;
 }
-var Le = [
+var Fe = [
 	"value",
 	"oldValue",
 	"error"
-], Re = /* @__PURE__ */ new Set([
+], Ie = /* @__PURE__ */ new Set([
 	"true",
 	"1",
 	"yes"
-]), ze = /* @__PURE__ */ new Set([
+]), Le = /* @__PURE__ */ new Set([
 	"false",
 	"0",
 	"no",
 	""
 ]);
-function Be(e, t, n) {
+function Re(e, t, n) {
 	if (e.type === "number") {
 		if (n.trim() === "") return { value: null };
 		let e = Number(n);
@@ -411,17 +411,17 @@ function Be(e, t, n) {
 	}
 	if (e.type === "checkbox") {
 		let e = n.trim().toLowerCase();
-		return Re.has(e) ? { value: !0 } : ze.has(e) ? { value: !1 } : void 0;
+		return Ie.has(e) ? { value: !0 } : Le.has(e) ? { value: !1 } : void 0;
 	}
-	if (Fe(e.type)) {
+	if (Ne(e.type)) {
 		if (n.trim() === "") return { value: null };
-		let t = Oe();
+		let t = Te();
 		if (t) {
 			let r = t.parsePasted(e, n);
 			return r ? { value: r } : void 0;
 		}
 		let r = n.trim();
-		return (e.type === "date" ? Me : e.type === "time" ? Ne : Pe).test(r) ? { value: r } : void 0;
+		return (e.type === "date" ? Ae : e.type === "time" ? je : Me).test(r) ? { value: r } : void 0;
 	}
 	if (e.type === "select") {
 		let e = t.find((e) => String(e.value) === n);
@@ -429,10 +429,10 @@ function Be(e, t, n) {
 	}
 	return { value: n };
 }
-function Ve(e) {
+function ze(e) {
 	return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
 }
-var He = class {
+var Be = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -457,7 +457,7 @@ var He = class {
 	}
 	editorFor(e, t) {
 		let { editor: n } = e.def;
-		return typeof n == "object" ? n : n ? { type: n } : { type: Ae(t) };
+		return typeof n == "object" ? n : n ? { type: n } : { type: Oe(t) };
 	}
 	isEditing(e, t) {
 		return this._active?.rowKey === e && this._active.columnKey === t;
@@ -470,7 +470,7 @@ var He = class {
 		return !!this._active;
 	}
 	isRejected(e, t) {
-		return this.rejected.size > 0 && this.rejected.has(B(e, t));
+		return this.rejected.size > 0 && this.rejected.has(V(e, t));
 	}
 	get draft() {
 		return this._active?.draft;
@@ -482,8 +482,8 @@ var He = class {
 		return !!this._active?.pending;
 	}
 	begin(e, t, n, r) {
-		let i = r === void 0 ? void 0 : Ie(this.editorFor(t, n).type, r);
-		this.rejected.delete(B(e.key, t.key)), this._active = {
+		let i = r === void 0 ? void 0 : Pe(this.editorFor(t, n).type, r);
+		this.rejected.delete(V(e.key, t.key)), this._active = {
 			row: e,
 			rowKey: e.key,
 			columnKey: t.key,
@@ -549,19 +549,19 @@ var He = class {
 					columnKey: t.columnKey,
 					oldValue: t.oldValue,
 					error: this._active.error
-				}, Le);
+				}, Fe);
 				return;
 			}
-			this.values.set(B(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.grid.reportInteraction("cellEdit", t.value, "edit", {
+			this.values.set(V(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.grid.reportInteraction("cellEdit", t.value, "edit", {
 				rowKey: t.rowKey,
 				columnKey: t.columnKey,
 				oldValue: t.oldValue
-			}, Le);
+			}, Fe);
 		}
 	}
 	valueOf(e, t, n) {
 		if (this.values.size === 0) return n;
-		let r = B(e, t);
+		let r = V(e, t);
 		return this.values.has(r) ? this.values.get(r) : n;
 	}
 	get edits() {
@@ -580,7 +580,7 @@ var He = class {
 					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 = {
+				let f = this.valueOf(l.key, u.key, l.data[u.key]), p = Re(this.editorFor(u, f), this.optionsFor(u, l), d), m = {
 					rowKey: l.key,
 					columnKey: u.key,
 					row: l.data,
@@ -606,13 +606,13 @@ var He = class {
 		this.rejected.clear(), n.forEach((e, t) => {
 			let n = r[t];
 			if (typeof n == "string" || n === !1) {
-				this.rejected.add(B(e.rowKey, e.columnKey)), o.push({
+				this.rejected.add(V(e.rowKey, e.columnKey)), o.push({
 					...e,
 					error: typeof n == "string" ? n : this.invalidValue
 				});
 				return;
 			}
-			Object.is(e.value, e.oldValue) || (this.values.set(B(e.rowKey, e.columnKey), e.value), a.push(e));
+			Object.is(e.value, e.oldValue) || (this.values.set(V(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" });
 		let s = this.grid.range.rangeOf(t);
 		this.grid.props.onPaste?.({
@@ -639,8 +639,8 @@ var He = class {
 		}, ["cells"]);
 	}
 	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 + ke);
-		for (let e = o; e >= Math.max(0, o - ke) && 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 + De);
+		for (let e = o; e >= Math.max(0, o - De) && 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,
@@ -648,7 +648,7 @@ var He = class {
 			};
 		}
 	}
-}, V = class {
+}, H = class {
 	grid;
 	row;
 	column;
@@ -720,7 +720,7 @@ var He = class {
 			columnKey: this.column.key
 		}, ["value"]);
 	};
-}, Ue = class e {
+}, Ve = class e {
 	grid;
 	parentRow;
 	constructor(e, t) {
@@ -753,7 +753,7 @@ var He = class {
 	get allRows() {
 		return [];
 	}
-}, H = class {
+}, U = class {
 	grid;
 	rowIndex;
 	constructor(e, t, n) {
@@ -784,7 +784,7 @@ var He = class {
 		let e = this.grid.columns.value.visibleLeafs;
 		return this._cells?.leafs !== e && (this._cells = {
 			leafs: e,
-			cells: e.map((e) => new V(this.grid, this, e))
+			cells: e.map((e) => new H(this.grid, this, e))
 		}), this._cells.cells;
 	}
 	get cellCount() {
@@ -806,7 +806,7 @@ var He = class {
 		return this.grid.expandedDetailRows.has(this.key);
 	}
 	get flatRows() {
-		return this.grid.props.def.rowDetail && this.expanded ? [this, new Ue(this.grid, this)] : [this];
+		return this.grid.props.def.rowDetail && this.expanded ? [this, new Ve(this.grid, this)] : [this];
 	}
 	get allRows() {
 		return this;
@@ -814,14 +814,14 @@ var He = class {
 };
 //#endregion
 //#region src/components/dataGrid/models/treeRow.ts
-function U(e) {
+function W(e) {
 	return !!e && e.isTreeRow === !0;
 }
 //#endregion
 //#region src/components/dataGrid/useGridNavigation.ts
-var We = "[role=\"gridcell\"],[role=\"columnheader\"]", Ge = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]", Ke = 2, qe = [];
-function Je(e) {
-	let { grid: t, scrollerRef: n, scroll: i, onScrollTo: a } = e, o = t.headerRows.value, s = t.filter.hasFilterableColumns, l = o.length + +!!s, d = t.viewport.isEmpty ? qe : t.flatRows.value, f = t.columns.value.visibleLeafs.length, p = t.aggregation.hasFooter && !t.viewport.isEmpty ? 1 : 0, m = l + d.length + p, h = A((e) => {
+var He = "[role=\"gridcell\"],[role=\"columnheader\"]", Ue = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]", We = 2, Ge = [];
+function Ke(e) {
+	let { grid: t, scrollerRef: n, scroll: i, onScrollTo: a } = e, o = t.headerRows.value, s = t.filter.hasFilterableColumns, l = o.length + +!!s, d = t.viewport.isEmpty ? Ge : t.flatRows.value, f = t.columns.value.visibleLeafs.length, p = t.aggregation.hasFooter && !t.viewport.isEmpty ? 1 : 0, m = l + d.length + p, h = A((e) => {
 		if (e < o.length) return o[e]?.length ?? 0;
 		if (e < l || e >= l + d.length) return f;
 		let t = d[e - l];
@@ -843,7 +843,7 @@ function Je(e) {
 			return;
 		}
 		let { startIndex: u, take: f } = o.window(i.top, i.direction);
-		if (s >= u + Ke && s < u + f - Ke) return;
+		if (s >= u + We && s < u + f - We) return;
 		let p = o.rowTop(s);
 		c.scrollTop = p, a(p);
 	}, [
@@ -885,12 +885,12 @@ function Je(e) {
 	let C = A((e, n, r) => {
 		if (!t.tree.enabled || e.key !== "ArrowRight" && e.key !== "ArrowLeft") return !1;
 		let i = d[n - l];
-		if (!U(i) || t.columns.value.visibleLeafs[r]?.key !== t.tree.columnKey) return !1;
+		if (!W(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 = d[e - l];
-			if (!(!U(t) || t.level >= i.level)) return x.setActiveCell(e, r, { reason: "keyboard" }), !0;
+			if (!(!W(t) || t.level >= i.level)) return x.setActiveCell(e, r, { reason: "keyboard" }), !0;
 		}
 		return !1;
 	}, [
@@ -911,18 +911,18 @@ function Je(e) {
 		if (!t.props.def.rowSelection) return !1;
 		if (e < l) return e >= o.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 U && (r.toggleSelection(), !0);
 	}, [
 		t,
 		l,
 		o.length
 	]), ee = A((e, t, n) => {
-		let r = Array.from(e.querySelectorAll(Ge));
+		let r = Array.from(e.querySelectorAll(Ue));
 		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);
 	}, []), te = x.onKeyDown, E = A((e) => {
-		let n = e.target, r = n.closest?.(We);
+		let n = e.target, r = n.closest?.(He);
 		if (r) {
 			if (n !== r) {
 				if (e.key === "Escape" && !r.querySelector("[aria-expanded=\"true\"]")) {
@@ -950,13 +950,13 @@ function Je(e) {
 					e.preventDefault();
 					return;
 				}
-				let i = r.querySelector(Ge);
+				let i = r.querySelector(Ue);
 				if (i) {
 					e.preventDefault(), i.focus();
 					return;
 				}
 			}
-			if (t.edits.enabled && Ve(e) && t.edits.beginAt(x.activeIndex - l, x.activeColumn, e.key)) {
+			if (t.edits.enabled && ze(e) && t.edits.beginAt(x.activeIndex - l, x.activeColumn, e.key)) {
 				e.preventDefault();
 				return;
 			}
@@ -977,7 +977,7 @@ function Je(e) {
 		ee,
 		T,
 		C
-	]), { setActiveCell: ne, activeIndex: D, activeColumn: O } = x, k = c(x.cellProps), [j] = P(() => new we(D, O));
+	]), { setActiveCell: ne, activeIndex: D, activeColumn: O } = x, k = c(x.cellProps), [j] = P(() => new Se(D, O));
 	r(() => j.set(D, O), [
 		j,
 		O,
@@ -1011,7 +1011,7 @@ function Je(e) {
 }
 //#endregion
 //#region src/utils/array/arrayUtils.ts
-var Ye;
+var qe;
 (function(e) {
 	function t(e, t, n = 0) {
 		return e.slice(n, n + t);
@@ -1058,11 +1058,11 @@ var Ye;
 		}));
 	}
 	e.groupBy = s;
-})(Ye ||= {});
-var W = Ye, Xe = "row-number-cell", Ze = "row-selection-cell", G = "grouping-cell", Qe = "row-detail-cell", K = Symbol("memo.unset"), $e = class {
+})(qe ||= {});
+var G = qe, Je = "row-number-cell", Ye = "row-selection-cell", K = "grouping-cell", Xe = "row-detail-cell", Ze = Symbol("memo.unset"), Qe = class {
 	action;
 	deps;
-	cache = K;
+	cache = Ze;
 	dependents = /* @__PURE__ */ new Set();
 	wired = !1;
 	constructor(e, t) {
@@ -1075,46 +1075,46 @@ var W = Ye, Xe = "row-number-cell", Ze = "row-selection-cell", G = "grouping-cel
 		}
 	}
 	get value() {
-		return this.wire(), this.cache === K && (this.cache = this.action()), this.cache;
+		return this.wire(), this.cache === Ze && (this.cache = this.action()), this.cache;
 	}
 	clear() {
-		if (this.wire(), this.cache !== K) {
-			this.cache = K;
+		if (this.wire(), this.cache !== Ze) {
+			this.cache = Ze;
 			for (let e of this.dependents) e.clear();
 		}
 	}
 };
 function q(e, t = () => []) {
-	return new $e(e, t);
+	return new Qe(e, t);
 }
 //#endregion
 //#region src/components/dataGrid/models/aggregationModel.ts
-function et(e) {
+function $e(e) {
 	return e.filter((e) => typeof e == "number" && !Number.isNaN(e));
 }
-var tt = (e) => e.reduce((e, t) => e + t, 0), nt = (e, t) => e.reduce((e, n) => (t ? n < e : n > e) ? n : e), rt = {
+var et = (e) => e.reduce((e, t) => e + t, 0), tt = (e, t) => e.reduce((e, n) => (t ? n < e : n > e) ? n : e), nt = {
 	sum: (e) => {
-		let t = et(e);
-		return t.length ? tt(t) : null;
+		let t = $e(e);
+		return t.length ? et(t) : null;
 	},
 	avg: (e) => {
-		let t = et(e);
-		return t.length ? Math.round(tt(t) / t.length * 100) / 100 : null;
+		let t = $e(e);
+		return t.length ? Math.round(et(t) / t.length * 100) / 100 : null;
 	},
 	min: (e) => {
-		let t = et(e);
-		return t.length ? nt(t, !0) : null;
+		let t = $e(e);
+		return t.length ? tt(t, !0) : null;
 	},
 	max: (e) => {
-		let t = et(e);
-		return t.length ? nt(t, !1) : null;
+		let t = $e(e);
+		return t.length ? tt(t, !1) : null;
 	},
 	count: (e, t) => t.length
 };
-function it(e, t, n) {
-	return typeof e == "function" ? e(t, n) : rt[e]?.(t, n) ?? null;
+function rt(e, t, n) {
+	return typeof e == "function" ? e(t, n) : nt[e]?.(t, n) ?? null;
 }
-var at = class {
+var it = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -1135,8 +1135,8 @@ var at = class {
 	get footerLabelColumn() {
 		return this.grid.columns.value.visibleLeafs.find((e) => (e.isData || e.isGrouping) && !e.aggregate);
 	}
-	footerCells = q(() => this.grid.columns.value.visibleLeafs.map((e) => new ot(this.grid, e, this.grid.filteredData, "footer")), () => [this.grid.rows]);
-}, ot = class {
+	footerCells = q(() => this.grid.columns.value.visibleLeafs.map((e) => new at(this.grid, e, this.grid.filteredData, "footer")), () => [this.grid.rows]);
+}, at = class {
 	grid;
 	column;
 	rows;
@@ -1151,7 +1151,7 @@ var at = class {
 	}
 	_value = q(() => {
 		let e = this.column.aggregate;
-		return e ? it(e, this.values, this.rows) : null;
+		return e ? rt(e, this.values, this.rows) : null;
 	});
 	get value() {
 		let e = this.given?.();
@@ -1166,7 +1166,7 @@ var at = class {
 	get isLast() {
 		return !1;
 	}
-}, st = class {
+}, ot = class {
 	grid;
 	row;
 	column;
@@ -1188,7 +1188,7 @@ var at = 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 = q(() => this.column.aggregate ? new ot(this.grid, this.column, this.row.allRows.map((e) => e.data), "group", () => this.row.aggregateValue(this.column)) : null);
+	_aggregate = q(() => this.column.aggregate ? new at(this.grid, this.column, this.row.allRows.map((e) => e.data), "group", () => this.row.aggregateValue(this.column)) : null);
 	get aggregate() {
 		return this._aggregate.value;
 	}
@@ -1207,7 +1207,7 @@ var at = class {
 	get hasGroupingBorder() {
 		return this.row.groupingColumn.pin === "START";
 	}
-}, ct = class {
+}, st = class {
 	grid;
 	groupColumn;
 	rows;
@@ -1241,7 +1241,7 @@ var at = class {
 		let e = this.grid.columns.value.visibleLeafs;
 		return this._cells?.leafs !== e && (this._cells = {
 			leafs: e,
-			cells: e.map((e) => new st(this.grid, this, e))
+			cells: e.map((e) => new ot(this.grid, this, e))
 		}), this._cells;
 	}
 	get renderedCells() {
@@ -1272,7 +1272,7 @@ var at = class {
 		return this.parentRow ? this.parentRow.depth + 1 : 0;
 	}
 	get count() {
-		return W.sumBy(this.rows, (e) => e.count, 0);
+		return G.sumBy(this.rows, (e) => e.count, 0);
 	}
 	get flatRows() {
 		return this.expanded ? [this, ...this.rows.flatMap((e) => e.flatRows)] : [this];
@@ -1281,7 +1281,7 @@ var at = class {
 		return this.rows.flatMap((e) => e.allRows);
 	}
 	get groupingColumn() {
-		return W.findOrThrow(this.grid.columns.value.leafs, (e) => e.key === G);
+		return G.findOrThrow(this.grid.columns.value.leafs, (e) => e.key === K);
 	}
 	get groupingColumnGridColumn() {
 		return this.grid.groupingSpan.value.length;
@@ -1299,8 +1299,8 @@ var at = class {
 };
 //#endregion
 //#region src/components/dataGrid/components/dataGridDetailRow.tsx
-function lt(e) {
-	let { row: t, index: n } = e, { grid: i, parentRow: o } = t, s = i.props.def.rowDetail, c = R(), l = (c?.headerRowCount ?? 0) + n, { ref: u, tabIndex: d, onFocus: f } = Se(c, l, 0), p = t.isAutoHeight, m = N(null);
+function ct(e) {
+	let { row: t, index: n } = e, { grid: i, parentRow: o } = t, s = i.props.def.rowDetail, c = R(), l = (c?.headerRowCount ?? 0) + n, { ref: u, tabIndex: d, onFocus: f } = z(c, l, 0), p = t.isAutoHeight, m = N(null);
 	return r(() => {
 		i.takeDetailReveal(o.key) && m.current?.scrollIntoView?.({ block: "nearest" });
 	}), /* @__PURE__ */ I(_, {
@@ -1335,11 +1335,11 @@ function lt(e) {
 		})
 	});
 }
-lt.displayName = "DataGridDetailRow";
-var ut = k(lt);
+ct.displayName = "DataGridDetailRow";
+var lt = k(ct);
 //#endregion
 //#region src/components/dataGrid/components/dataGridAggregateValue.tsx
-function dt(e) {
+function ut(e) {
 	let { cell: t } = e, { column: n } = t;
 	if (n.AggregateCell) return /* @__PURE__ */ I(n.AggregateCell, { cell: t });
 	let r = t.scope === "footer" ? "footer.cell" : "body.groupRow.aggregate";
@@ -1352,12 +1352,12 @@ function dt(e) {
 		children: t.value
 	});
 }
-dt.displayName = "DataGridAggregateValue";
+ut.displayName = "DataGridAggregateValue";
 //#endregion
 //#region src/components/dataGrid/components/dataGridCell.tsx
-var ft = "button,a[href],input,select,textarea";
+var dt = "button,a[href],input,select,textarea";
 function J(e) {
-	let { children: n, cell: r, row: i, columnIndex: a, ariaColIndex: o, ariaColSpan: s, style: c, ...l } = e, { column: u } = r, d = R(), { ref: f, tabIndex: p, onFocus: m } = Se(d, i, a), { range: h } = u.grid, g = r instanceof V ? i - (d?.headerRowCount ?? 0) : -1, v = g >= 0 && h.isCurrent(g, a), y = g >= 0 && h.isSelected(g, a);
+	let { children: n, cell: r, row: i, columnIndex: a, ariaColIndex: o, ariaColSpan: s, style: c, ...l } = e, { column: u } = r, d = R(), { ref: f, tabIndex: p, onFocus: m } = z(d, i, a), { range: h } = u.grid, g = r instanceof H ? i - (d?.headerRowCount ?? 0) : -1, v = g >= 0 && h.isCurrent(g, a), y = g >= 0 && h.isSelected(g, a);
 	u.hasAlign && (l.jc = u.align);
 	let b = r.isExpanded ? {
 		...u.cellVariant.value,
@@ -1370,8 +1370,8 @@ function J(e) {
 		isInRange: y && !v,
 		isCurrentCell: v
 	});
-	let x = r instanceof V && !r.editing && r.rejected;
-	r instanceof V && r.editing ? b = {
+	let x = r instanceof H && !r.editing && r.rejected;
+	r instanceof H && r.editing ? b = {
 		...b,
 		isEditing: !0,
 		isInvalid: !!r.error
@@ -1379,10 +1379,10 @@ function J(e) {
 		...b,
 		isInvalid: !0
 	});
-	let S = r instanceof V ? (e) => {
-		e.target.closest(ft) || (t(e.currentTarget), r.beginEdit());
+	let S = r instanceof H ? (e) => {
+		e.target.closest(dt) || (t(e.currentTarget), r.beginEdit());
 	} : void 0, C = h.enabled && g >= 0, w = C ? (e) => {
-		e.button === 0 && e.pointerType !== "touch" && (e.target.closest(ft) || h.press(g, a, e.shiftKey));
+		e.button === 0 && e.pointerType !== "touch" && (e.target.closest(dt) || h.press(g, a, e.shiftKey));
 	} : void 0, T = C && h.isDragging ? (e) => {
 		h.dragTo(g, a), e.currentTarget.focus();
 	} : void 0;
@@ -1413,7 +1413,7 @@ function J(e) {
 J.displayName = "DataGridCell";
 //#endregion
 //#region src/components/dataGrid/components/dataGridFooter.tsx
-function pt(e) {
+function ft(e) {
 	let { grid: t } = e, { aggregation: n } = t, r = R();
 	if (!n.hasFooter) return null;
 	let i = (r?.rowCount ?? 1) - 1, { footerLabelColumn: o, footerLabel: s } = n;
@@ -1431,7 +1431,7 @@ function pt(e) {
 				cell: e,
 				row: i,
 				columnIndex: n,
-				children: e.column.aggregate ? /* @__PURE__ */ I(dt, { cell: e }) : e.column === o ? /* @__PURE__ */ I(a, {
+				children: e.column.aggregate ? /* @__PURE__ */ I(ut, { cell: e }) : e.column === o ? /* @__PURE__ */ I(a, {
 					component: `${t.componentName}.footer.label`,
 					px: 3,
 					textWrap: "nowrap",
@@ -1441,8 +1441,8 @@ function pt(e) {
 		})
 	});
 }
-pt.displayName = "DataGridFooter";
-var mt = k(pt);
+ft.displayName = "DataGridFooter";
+var pt = k(ft);
 //#endregion
 //#region src/icons/expandIcon.tsx
 function Y(e) {
@@ -1460,15 +1460,15 @@ function Y(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridCellPlaceholder.tsx
-var ht = [
+var mt = [
 	"3/5",
 	"2/5",
 	"4/5",
 	"1/2",
 	"7/12"
 ];
-function gt(e) {
-	let { cell: t, columnIndex: n } = e, r = ht[(t.row.rowIndex + n) % ht.length];
+function ht(e) {
+	let { cell: t, columnIndex: n } = e, r = mt[(t.row.rowIndex + n) % mt.length];
 	return /* @__PURE__ */ I(_, {
 		component: `${t.grid.componentName}.body.cell.placeholder`,
 		ai: "center",
@@ -1480,10 +1480,10 @@ function gt(e) {
 		})
 	});
 }
-gt.displayName = "DataGridCellPlaceholder";
+ht.displayName = "DataGridCellPlaceholder";
 //#endregion
 //#region src/components/dataGrid/components/dataGridGroupRow.tsx
-function _t(e) {
+function gt(e) {
 	let { row: t, index: n } = e, { selected: r, indeterminate: i, expanded: o, placeholder: s } = t, c = (R()?.headerRowCount ?? 0) + n, l = A(() => t.toggleSelectAll(), [t]);
 	return /* @__PURE__ */ I(_, {
 		component: `${t.grid.componentName}.body.groupRow`,
@@ -1512,7 +1512,7 @@ function _t(e) {
 					gridColumn: e.gridColumnSpan,
 					ps: e.depthPadding,
 					overflow: "hidden",
-					children: s ? /* @__PURE__ */ I(gt, {
+					children: s ? /* @__PURE__ */ I(ht, {
 						cell: e,
 						columnIndex: u
 					}) : /* @__PURE__ */ I(a, {
@@ -1560,7 +1560,7 @@ function _t(e) {
 					row: c,
 					columnIndex: u,
 					ariaColIndex: n + 1,
-					children: e.aggregate && /* @__PURE__ */ I(dt, { cell: e.aggregate })
+					children: e.aggregate && /* @__PURE__ */ I(ut, { cell: e.aggregate })
 				}, e.column.key);
 				case "spacer": return /* @__PURE__ */ I(J, {
 					cell: e,
@@ -1575,16 +1575,16 @@ function _t(e) {
 		})
 	});
 }
-_t.displayName = "DataGridGroupRow";
-var vt = k(_t), yt = "input:not([type=\"hidden\"]),select,textarea,button,[role=\"spinbutton\"]";
-function bt(e) {
+gt.displayName = "DataGridGroupRow";
+var _t = k(gt), vt = "input:not([type=\"hidden\"]),select,textarea,button,[role=\"spinbutton\"]";
+function yt(e) {
 	let { options: t } = e.editor;
 	return typeof t == "function" ? t(e.row.data) : t ?? [];
 }
-function xt(e) {
+function bt(e) {
 	let { cell: t, row: n, columnIndex: i } = e, { grid: a } = t, o = R(), s = N(null), c = d("datagrid-cell-error"), { error: l, pending: u } = t;
 	r(() => {
-		let e = s.current?.querySelector(yt);
+		let e = s.current?.querySelector(vt);
 		e?.focus(), e instanceof HTMLInputElement && e.type !== "checkbox" && e.select();
 	}, []);
 	let f = A(() => {
@@ -1630,7 +1630,7 @@ function xt(e) {
 		width: "fit",
 		height: "fit",
 		ai: "center",
-		children: [/* @__PURE__ */ I(St, {
+		children: [/* @__PURE__ */ I(xt, {
 			cell: t,
 			errorId: l ? c : void 0,
 			onBlur: h,
@@ -1648,12 +1648,12 @@ function xt(e) {
 		})]
 	});
 }
-function St(e) {
+function xt(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 = t.column.header ?? t.column.key, p = {
 		"aria-label": t.grid.localeText.editCell(String(d)),
 		"aria-invalid": n ? !0 : void 0,
 		"aria-describedby": n
-	}, m = z(Fe(o));
+	}, m = Ee(Ne(o));
 	if (a) return /* @__PURE__ */ I(a, { cell: t });
 	if (o === "checkbox") return /* @__PURE__ */ I(v, {
 		checked: !!t.draft,
@@ -1677,12 +1677,12 @@ function St(e) {
 			t.setDraft(e ?? null), t.commitEdit(), i();
 		},
 		props: p,
-		children: bt(t).map((e) => /* @__PURE__ */ I(w.Item, {
+		children: yt(t).map((e) => /* @__PURE__ */ I(w.Item, {
 			value: e.value,
 			children: e.label ?? String(e.value)
 		}, String(e.value)))
 	}) });
-	if (Fe(o)) return m ? /* @__PURE__ */ I(m.DateEditor, {
+	if (Ne(o)) return m ? /* @__PURE__ */ I(m.DateEditor, {
 		cell: t,
 		label: p["aria-label"],
 		errorId: n,
@@ -1711,10 +1711,10 @@ function St(e) {
 		}
 	});
 }
-xt.displayName = "DataGridCellEditor";
+bt.displayName = "DataGridCellEditor";
 //#endregion
 //#region src/components/dataGrid/components/dataGridBooleanValue.tsx
-function Ct(e) {
+function St(e) {
 	let { value: t, text: n } = e;
 	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(m, {
 		viewBox: "0 0 16 16",
@@ -1735,26 +1735,26 @@ function Ct(e) {
 		children: t ? n.booleanTrue : n.booleanFalse
 	})] });
 }
-Ct.displayName = "DataGridBooleanValue";
+St.displayName = "DataGridBooleanValue";
 //#endregion
 //#region src/components/dataGrid/components/dataGridDateValue.tsx
-function wt(e, t) {
+function Ct(e, t) {
 	if (e.def.dateFormat) return e.def.dateFormat;
 	let { editor: n } = e.def, r = typeof n == "object" ? n.type : n;
-	return r && Fe(r) ? r : t instanceof Date ? "datetime" : null;
+	return r && Ne(r) ? r : t instanceof Date ? "datetime" : null;
 }
-function Tt(e) {
-	let { value: t, format: n } = e, r = z(!0);
+function wt(e) {
+	let { value: t, format: n } = e, r = Ee(!0);
 	return r ? /* @__PURE__ */ I(r.DateValue, {
 		value: t,
 		format: n
 	}) : /* @__PURE__ */ I(F, { children: t instanceof Date ? t.toISOString() : t == null ? "" : String(t) });
 }
-Tt.displayName = "DataGridDateValue";
+wt.displayName = "DataGridDateValue";
 //#endregion
 //#region src/components/dataGrid/components/dataGridCellText.tsx
-function Et(e) {
-	let { cell: t } = e, { value: n } = t, r = wt(t.column, n);
+function Tt(e) {
+	let { cell: t } = e, { value: n } = t, r = Ct(t.column, n);
 	return /* @__PURE__ */ I(_, {
 		component: `${t.grid.componentName}.body.cell.text`,
 		height: "fit",
@@ -1767,20 +1767,20 @@ function Et(e) {
 			textOverflow: "ellipsis",
 			overflow: "hidden",
 			textWrap: "nowrap",
-			children: typeof n == "boolean" ? /* @__PURE__ */ I(Ct, {
+			children: typeof n == "boolean" ? /* @__PURE__ */ I(St, {
 				value: n,
 				text: t.grid.localeText
-			}) : r ? /* @__PURE__ */ I(Tt, {
+			}) : r ? /* @__PURE__ */ I(wt, {
 				value: n,
 				format: r
 			}) : n
 		})
 	});
 }
-Et.displayName = "DataGridCellText";
+Tt.displayName = "DataGridCellText";
 //#endregion
 //#region src/components/dataGrid/components/dataGridCellTree.tsx
-function Dt(e) {
+function Et(e) {
 	let { cell: t, row: n, children: r } = e, { hasChildren: i, treeExpanded: o, level: s } = n, c = n.grid.componentName, l = A((e) => {
 		e.stopPropagation(), n.toggleTree();
 	}, [n]), u = t.value == null || t.value === "" ? t.grid.localeText.unnamedRow(n.rowIndex + 1) : String(t.value);
@@ -1816,23 +1816,23 @@ function Dt(e) {
 		})]
 	});
 }
-Dt.displayName = "DataGridCellTree";
+Et.displayName = "DataGridCellTree";
 //#endregion
 //#region src/components/dataGrid/components/dataGridRow.tsx
-function Ot(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 = A(() => {
+function Dt(e) {
+	let { row: t, index: n } = e, { selected: r, expandOnRowClick: i } = t, a = (R()?.headerRowCount ?? 0) + n, o = W(t) ? t : void 0, s = o && t.grid.tree.columnKey, c = A(() => {
 		t.toggleDetail();
 	}, [t]), l = (e, n) => {
-		if (e.editing) return /* @__PURE__ */ I(xt, {
+		if (e.editing) return /* @__PURE__ */ I(bt, {
 			cell: e,
 			row: a,
 			columnIndex: n
 		});
-		let r = t.placeholder && !e.column.isRowNumber ? /* @__PURE__ */ I(gt, {
+		let r = t.placeholder && !e.column.isRowNumber ? /* @__PURE__ */ I(ht, {
 			cell: e,
 			columnIndex: n
-		}) : e.column.Cell ? /* @__PURE__ */ I(e.column.Cell, { cell: e }) : /* @__PURE__ */ I(Et, { cell: e });
-		return !o || e.column.key !== s ? r : /* @__PURE__ */ I(Dt, {
+		}) : e.column.Cell ? /* @__PURE__ */ I(e.column.Cell, { cell: e }) : /* @__PURE__ */ I(Tt, { cell: e });
+		return !o || e.column.key !== s ? r : /* @__PURE__ */ I(Et, {
 			cell: e,
 			row: o,
 			children: r
@@ -1862,27 +1862,27 @@ function Ot(e) {
 		}, e.column.key))
 	});
 }
-Ot.displayName = "DataGridRow";
-var kt = k(Ot);
+Dt.displayName = "DataGridRow";
+var Ot = k(Dt);
 //#endregion
 //#region src/components/dataGrid/components/dataGridBody.tsx
-function At(e, t, n) {
-	return e instanceof Ue ? /* @__PURE__ */ I(ut, {
+function kt(e, t, n) {
+	return e instanceof Ve ? /* @__PURE__ */ I(lt, {
 		row: e,
 		index: t,
 		version: n
-	}, e.key) : e instanceof ct ? /* @__PURE__ */ I(vt, {
+	}, e.key) : e instanceof st ? /* @__PURE__ */ I(_t, {
 		row: e,
 		index: t,
 		version: n
-	}, e.key) : /* @__PURE__ */ I(kt, {
+	}, e.key) : /* @__PURE__ */ I(Ot, {
 		row: e,
 		index: t,
 		version: n
 	}, e.key);
 }
-function jt(e) {
-	let { grid: t, scroll: n } = e, { viewport: r } = t, { startIndex: i, take: o, translateY: s, totalHeight: c, viewHeight: l } = r.window(n.top, n.direction), u = r.showAll, d = r.isEmpty, f = t.flatRows.value, p = t.getSnapshot(), m = ae(() => d ? null : W.take(f, o, i).map((e, n) => At(e, i + n, t.rowVersion(e, i + n))), [
+function At(e) {
+	let { grid: t, scroll: n } = e, { viewport: r } = t, { startIndex: i, take: o, translateY: s, totalHeight: c, viewHeight: l } = r.window(n.top, n.direction), u = r.showAll, d = r.isEmpty, f = t.flatRows.value, p = t.getSnapshot(), m = ae(() => d ? null : G.take(f, o, i).map((e, n) => kt(e, i + n, t.rowVersion(e, i + n))), [
 		f,
 		t,
 		d,
@@ -1918,7 +1918,7 @@ function jt(e) {
 		props: { role: "rowgroup" },
 		style: { gridTemplateColumns: t.gridTemplateColumns.value },
 		children: m
-	}), /* @__PURE__ */ I(mt, {
+	}), /* @__PURE__ */ I(pt, {
 		grid: t,
 		version: t.headerVersion
 	})] }) : /* @__PURE__ */ L(a, {
@@ -1943,16 +1943,16 @@ function jt(e) {
 				},
 				children: m
 			})
-		}), /* @__PURE__ */ I(mt, {
+		}), /* @__PURE__ */ I(pt, {
 			grid: t,
 			version: t.headerVersion
 		})]
 	});
 }
-jt.displayName = "DataGridBody";
+At.displayName = "DataGridBody";
 //#endregion
 //#region src/components/dataGrid/components/dataGridEmptyColumns.tsx
-function Mt(e) {
+function jt(e) {
 	let { grid: t } = e;
 	return /* @__PURE__ */ I(_, {
 		component: `${t.componentName}.emptyColumns`,
@@ -2013,7 +2013,7 @@ function Mt(e) {
 }
 //#endregion
 //#region src/utils/dataGrid/headerCellUtils.ts
-var Nt;
+var Mt;
 (function(e) {
 	let t = e.CELL_SELECTOR = "[role=\"columnheader\"][aria-sort]", n = ".resizer", r = `button, input, a, [role="menu"], [role="separator"], ${n}`;
 	function i(e, t) {
@@ -2088,8 +2088,8 @@ var Nt;
 		} : e;
 	}
 	e.pause = u;
-})(Nt ||= {});
-var X = Nt, Pt;
+})(Mt ||= {});
+var X = Mt, Nt;
 (function(e) {
 	function t(e, t) {
 		return (t?.type === "text" ? t.value : "") === (e.trim() ? e : "");
@@ -2116,16 +2116,16 @@ var X = Nt, Pt;
 		return t.valueTo === void 0 ? isNaN(r) : t.valueTo === r;
 	}
 	e.numberMatches = r;
-})(Pt ||= {});
-var Z = Pt, Ft = 300;
-function It(e, t, n) {
+})(Nt ||= {});
+var Z = Nt, Pt = 300;
+function Ft(e, t, n) {
 	let i = N(/* @__PURE__ */ new Map()), a = A(() => {
 		for (let e of i.current.values()) clearTimeout(e);
 		i.current.clear();
 	}, []), s = A((e, t) => {
 		clearTimeout(i.current.get(e)), i.current.set(e, setTimeout(() => {
 			i.current.delete(e), t();
-		}, Ft));
+		}, Pt));
 	}, []);
 	M(() => a, [a]);
 	let c = o(() => {
@@ -2138,7 +2138,7 @@ function It(e, t, n) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridColumnFilter.tsx
-function Lt(e) {
+function It(e) {
 	let { label: t, onClear: n } = e;
 	return /* @__PURE__ */ I(h, {
 		clean: !0,
@@ -2163,8 +2163,8 @@ function Lt(e) {
 		})
 	});
 }
-function Rt({ column: e }) {
-	let { currentFilter: t } = e, { componentName: n } = e.grid, r = String(e.header ?? e.key), i = e.grid.localeText, [a, o] = P(t?.type === "text" ? t.value : ""), { debounce: s, cancel: c } = It(t, (e) => Z.textMatches(a, e), (e) => o(e?.type === "text" ? e.value : "")), l = A((t) => {
+function Lt({ column: e }) {
+	let { currentFilter: t } = e, { componentName: n } = e.grid, r = String(e.header ?? e.key), i = e.grid.localeText, [a, o] = P(t?.type === "text" ? t.value : ""), { debounce: s, cancel: c } = Ft(t, (e) => Z.textMatches(a, e), (e) => o(e?.type === "text" ? e.value : "")), l = A((t) => {
 		let n = t.target.value;
 		o(n), s("value", () => e.setTextFilter(n));
 	}, [e, s]), u = A(() => {
@@ -2185,16 +2185,16 @@ function Rt({ column: e }) {
 				tabIndex: -1,
 				"aria-label": i.filterColumn(r)
 			}
-		}), a && /* @__PURE__ */ I(Lt, {
+		}), a && /* @__PURE__ */ I(It, {
 			label: i.clearFilter(r),
 			onClear: u
 		})]
 	});
 }
-function zt({ column: e }) {
+function Rt({ column: e }) {
 	let { currentFilter: t } = e, { componentName: n } = e.grid, r = String(e.header ?? e.key), i = e.grid.localeText, [a, o] = P(() => Z.numberDraft(t)), s = N(a), c = A((e) => {
 		s.current = e, o(e);
-	}, []), { debounce: l, cancel: u } = It(t, (e) => Z.numberMatches(a, e), (e) => c(Z.numberDraft(e))), { operator: d, value: p, valueTo: m } = a, h = e.filterConfig, g = A(() => {
+	}, []), { debounce: l, cancel: u } = Ft(t, (e) => Z.numberMatches(a, e), (e) => c(Z.numberDraft(e))), { operator: d, value: p, valueTo: m } = a, h = e.filterConfig, g = A(() => {
 		let { operator: t, value: n, valueTo: r } = s.current;
 		e.setNumberFilter(t, n, r);
 	}, [e]), v = A((e, t) => {
@@ -2284,7 +2284,7 @@ function zt({ column: e }) {
 						tabIndex: -1,
 						"aria-label": i.filterFrom(r)
 					}
-				}), (p !== "" || m !== "") && /* @__PURE__ */ I(Lt, {
+				}), (p !== "" || m !== "") && /* @__PURE__ */ I(It, {
 					label: i.clearFilter(r),
 					onClear: C
 				})]
@@ -2327,18 +2327,18 @@ function zt({ column: e }) {
 					tabIndex: -1,
 					"aria-label": i.filterColumn(r)
 				}
-			}), p !== "" && /* @__PURE__ */ I(Lt, {
+			}), p !== "" && /* @__PURE__ */ I(It, {
 				label: i.clearFilter(r),
 				onClear: C
 			})]
 		})]
 	});
 }
-function Bt({ column: e }) {
-	let t = z(!0);
+function zt({ column: e }) {
+	let t = Ee(!0);
 	return t ? /* @__PURE__ */ I(t.DateFilter, { column: e }) : null;
 }
-function Vt({ column: e }) {
+function Bt({ column: e }) {
 	let { currentFilter: t } = e, { componentName: n } = e.grid, r = String(e.header ?? e.key), i = e.grid.localeText, o = t?.type === "multiselect" ? t.values : [], s = e.filterOptions, c = A((t, n) => {
 		e.setMultiselectFilter(n);
 	}, [e]);
@@ -2379,21 +2379,21 @@ function Vt({ column: e }) {
 		}) })
 	});
 }
-function Ht(e) {
+function Vt(e) {
 	let { column: t } = e, n = t.filterConfig;
 	if (!n) return null;
 	switch (n.type) {
-		case "number": return /* @__PURE__ */ I(zt, { column: t });
-		case "multiselect": return /* @__PURE__ */ I(Vt, { column: t });
-		case "date": return /* @__PURE__ */ I(Bt, { column: t });
-		default: return /* @__PURE__ */ I(Rt, { column: t });
+		case "number": return /* @__PURE__ */ I(Rt, { column: t });
+		case "multiselect": return /* @__PURE__ */ I(Bt, { column: t });
+		case "date": return /* @__PURE__ */ I(zt, { column: t });
+		default: return /* @__PURE__ */ I(Lt, { column: t });
 	}
 }
-Ht.displayName = "DataGridColumnFilter";
+Vt.displayName = "DataGridColumnFilter";
 //#endregion
 //#region src/components/dataGrid/components/dataGridFilterCell.tsx
-function Ut(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: f, isLastStartPinned: p, isFirstEndPinned: m, isLastEndPinned: h } = t.pinFlags.value, { ref: g, tabIndex: v, onFocus: y } = Se(R(), r, i), b = t.isGrouping || t.isRowNumber || t.isRowSelection;
+function Ht(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: f, isLastStartPinned: p, isFirstEndPinned: m, isLastEndPinned: h } = t.pinFlags.value, { ref: g, tabIndex: v, onFocus: y } = z(R(), r, i), b = t.isGrouping || t.isRowNumber || t.isRowSelection;
 	return /* @__PURE__ */ I(_, {
 		ref: g,
 		component: `${n.componentName}.filter.cell`,
@@ -2416,13 +2416,13 @@ function Ut(e) {
 			insetInlineStart: l ? `var(${o})` : void 0,
 			insetInlineEnd: u ? `var(${s})` : void 0
 		},
-		children: !b && c && /* @__PURE__ */ I(Ht, { column: t })
+		children: !b && c && /* @__PURE__ */ I(Vt, { column: t })
 	});
 }
-Ut.displayName = "DataGridFilterCell";
+Ht.displayName = "DataGridFilterCell";
 //#endregion
 //#region src/components/dataGrid/components/dataGridFilterRow.tsx
-function Wt(e) {
+function Ut(e) {
 	let { grid: t } = e;
 	if (!t.filter.hasFilterableColumns) return null;
 	let n = t.headerRows.value.length;
@@ -2432,7 +2432,7 @@ function Wt(e) {
 			role: "row",
 			"aria-rowindex": n + 1
 		},
-		children: t.columns.value.visibleLeafs.map((e, r) => /* @__PURE__ */ I(Ut, {
+		children: t.columns.value.visibleLeafs.map((e, r) => /* @__PURE__ */ I(Ht, {
 			column: e,
 			grid: t,
 			row: n,
@@ -2440,10 +2440,10 @@ function Wt(e) {
 		}, e.uniqueKey))
 	});
 }
-Wt.displayName = "DataGridFilterRow";
+Ut.displayName = "DataGridFilterRow";
 //#endregion
 //#region src/icons/sortIcon.tsx
-function Gt(e) {
+function Wt(e) {
 	return /* @__PURE__ */ I(m, {
 		viewBox: "0 0 24 24",
 		width: "1.5rem",
@@ -2453,7 +2453,7 @@ function Gt(e) {
 }
 //#endregion
 //#region src/icons/dotsIcon.tsx
-function Kt(e) {
+function Gt(e) {
 	return /* @__PURE__ */ I(m, {
 		viewBox: "0 0 16 16",
 		width: "18",
@@ -2466,7 +2466,7 @@ function Kt(e) {
 }
 //#endregion
 //#region src/icons/groupingIcon.tsx
-function qt(e) {
+function Kt(e) {
 	return /* @__PURE__ */ I(m, {
 		viewBox: "0 0 24 24",
 		width: "1.5rem",
@@ -2476,7 +2476,7 @@ function qt(e) {
 }
 //#endregion
 //#region src/icons/pinIcon.tsx
-function Jt(e) {
+function qt(e) {
 	return /* @__PURE__ */ I(m, {
 		viewBox: "0 0 1024 1024",
 		width: "1.5rem",
@@ -2486,7 +2486,7 @@ function Jt(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridHeaderCellContextMenu.tsx
-function Yt(e) {
+function Jt(e) {
 	let { side: t, left: n, right: r } = e;
 	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(T, {
 		rtl: { display: "none" },
@@ -2496,21 +2496,21 @@ function Yt(e) {
 		children: t === "start" ? r : n
 	})] });
 }
-function Xt(e) {
+function Yt(e) {
 	let { column: t } = e, { grid: n, isEndAligned: i, header: o, key: c } = t, f = t.headerCell, p = String(o ?? c), m = n.localeText, g = d("datagrid-column-menu"), [v, x] = P(!1), S = N(null), C = N(null), w = N(!1), ee = i ? 3 : void 0, te = i ? void 0 : 3, E = ae(() => {
 		let e = (e) => /* @__PURE__ */ I(T, {
 			component: `${n.componentName}.header.cell.contextMenu.tooltip.item.icon`,
 			children: e
-		}), r = (t) => e(/* @__PURE__ */ I(Gt, {
+		}), r = (t) => e(/* @__PURE__ */ I(Wt, {
 			width: "100%",
 			fill: "currentColor",
 			rotate: t
-		})), i = (t, n) => e(/* @__PURE__ */ I(Jt, {
+		})), i = (t, n) => e(/* @__PURE__ */ I(qt, {
 			width: "100%",
 			fill: "currentColor",
 			rotate: t,
 			rtl: { rotate: n }
-		})), o = e(/* @__PURE__ */ I(qt, {
+		})), o = e(/* @__PURE__ */ I(Kt, {
 			width: "100%",
 			fill: "currentColor"
 		})), s = /* @__PURE__ */ I(a, { width: 4 });
@@ -2542,7 +2542,7 @@ function Xt(e) {
 				f.canPinStart && {
 					key: "pin-start",
 					icon: i(0, -90),
-					label: /* @__PURE__ */ I(Yt, {
+					label: /* @__PURE__ */ I(Jt, {
 						side: "start",
 						left: m.pinLeft,
 						right: m.pinRight
@@ -2553,7 +2553,7 @@ function Xt(e) {
 				f.canPinEnd && {
 					key: "pin-end",
 					icon: i(-90, 0),
-					label: /* @__PURE__ */ I(Yt, {
+					label: /* @__PURE__ */ I(Jt, {
 						side: "end",
 						left: m.pinLeft,
 						right: m.pinRight
@@ -2644,7 +2644,7 @@ function Xt(e) {
 			},
 			children: /* @__PURE__ */ I(T, {
 				component: `${n.componentName}.header.cell.contextMenu.icon`,
-				children: /* @__PURE__ */ I(Kt, { fill: "currentColor" })
+				children: /* @__PURE__ */ I(Gt, { fill: "currentColor" })
 			})
 		}), /* @__PURE__ */ I(b, {
 			present: v,
@@ -2690,20 +2690,20 @@ function Xt(e) {
 		})]
 	});
 }
-Xt.displayName = "DataGridHeaderCellContextMenu";
+Yt.displayName = "DataGridHeaderCellContextMenu";
 //#endregion
 //#region src/components/dataGrid/components/dataGridHeaderCellResizer.tsx
-var Zt = (e) => "touches" in e ? e.touches[0]?.pageX ?? 0 : e.pageX, Qt = 16, $t = 150;
-function en(e) {
+var Xt = (e) => "touches" in e ? e.touches[0]?.pageX ?? 0 : e.pageX, Zt = 16, Qt = 150;
+function $t(e) {
 	let { column: t, controls: n } = e, r = t.grid.resizerStyle, i = t.headerCell, o = A((e) => {
 		let { grid: n } = t;
-		e.type === "mousedown" && e.preventDefault(), t.beginResize(Zt(e.nativeEvent));
-		let r = new AbortController(), { signal: i } = r, a = 0, o = Zt(e.nativeEvent), s = () => {
+		e.type === "mousedown" && e.preventDefault(), t.beginResize(Xt(e.nativeEvent));
+		let r = new AbortController(), { signal: i } = r, a = 0, o = Xt(e.nativeEvent), s = () => {
 			t.applyResize(o), n.paintSizes();
 		}, c = n.resizeMode === "instant" ? (e) => {
-			o = Zt(e), s();
+			o = Xt(e), s();
 		} : (e) => {
-			o = Zt(e), a ||= requestAnimationFrame(() => {
+			o = Xt(e), a ||= requestAnimationFrame(() => {
 				a = 0, s();
 			});
 		}, l = () => {
@@ -2728,7 +2728,7 @@ function en(e) {
 	let d = A((e) => {
 		switch (e.key) {
 			case "ArrowRight":
-				t.moveResizer(Qt);
+				t.moveResizer(Zt);
 				break;
 			case "ArrowLeft":
 				t.moveResizer(-16);
@@ -2741,7 +2741,7 @@ function en(e) {
 				break;
 			default: return;
 		}
-		e.preventDefault(), l(), clearTimeout(s.current), s.current = setTimeout(u, $t);
+		e.preventDefault(), l(), clearTimeout(s.current), s.current = setTimeout(u, Qt);
 	}, [
 		t,
 		u,
@@ -2788,11 +2788,11 @@ function en(e) {
 		})
 	});
 }
-en.displayName = "DataGridHeaderCellResizer";
+$t.displayName = "DataGridHeaderCellResizer";
 //#endregion
 //#region src/components/dataGrid/components/dataGridHeaderCell.tsx
-function tn(e) {
-	let { column: t, row: n, columnIndex: r } = e, { grid: i } = t, { isStartPinned: o, isEndPinned: s } = t.pinFlags.value, c = t.headerCell, { isSortable: l, showResizer: u, showContextMenu: f, paddingStart: p, paddingEnd: m } = c, { ref: h, tabIndex: y, onFocus: b } = Se(R(), n, r), x = d("datagrid-columnheader"), S = N(null), C = A(() => {
+function en(e) {
+	let { column: t, row: n, columnIndex: r } = e, { grid: i } = t, { isStartPinned: o, isEndPinned: s } = t.pinFlags.value, c = t.headerCell, { isSortable: l, showResizer: u, showContextMenu: f, paddingStart: p, paddingEnd: m } = c, { ref: h, tabIndex: y, onFocus: b } = z(R(), n, r), x = d("datagrid-columnheader"), S = N(null), C = A(() => {
 		i.toggleSelectAllRows();
 	}, [i]), w = t.isRowSelection ? /* @__PURE__ */ I(v, {
 		variant: "datagrid",
@@ -2856,7 +2856,7 @@ function tn(e) {
 						}),
 						c.isSorted && /* @__PURE__ */ I(a, {
 							ps: (t.inlineWidth ?? 0) < 58 ? 0 : 2,
-							children: /* @__PURE__ */ I(Gt, {
+							children: /* @__PURE__ */ I(Wt, {
 								width: "16px",
 								rotate: c.sortDirection === "ASC" ? 0 : 180,
 								transition: "transform",
@@ -2870,18 +2870,18 @@ function tn(e) {
 					]
 				})
 			}),
-			u && /* @__PURE__ */ I(en, {
+			u && /* @__PURE__ */ I($t, {
 				column: t,
 				controls: x
 			}),
-			f && /* @__PURE__ */ I(Xt, { column: t })
+			f && /* @__PURE__ */ I(Yt, { column: t })
 		] })
 	});
 }
-tn.displayName = "DataGridHeaderCell";
+en.displayName = "DataGridHeaderCell";
 //#endregion
 //#region src/components/dataGrid/components/dataGridHeader.tsx
-function nn(e) {
+function tn(e) {
 	let { grid: t } = e, n = N(null), [r, i] = P(X.INITIAL), o = t.headerHover === "sliding", s = (e) => {
 		let t = n.current;
 		if (!o || !t || e.pointerType === "touch") return;
@@ -2912,13 +2912,13 @@ function nn(e) {
 					role: "row",
 					"aria-rowindex": t + 1
 				},
-				children: e.map((e, n) => /* @__PURE__ */ I(tn, {
+				children: e.map((e, n) => /* @__PURE__ */ I(en, {
 					column: e,
 					row: t,
 					columnIndex: n
 				}, e.uniqueKey))
 			}, t)),
-			/* @__PURE__ */ I(Wt, { grid: t }),
+			/* @__PURE__ */ I(Ut, { grid: t }),
 			o && u && /* @__PURE__ */ I(a, {
 				tag: "span",
 				component: `${t.componentName}.header.hover`,
@@ -2938,11 +2938,11 @@ function nn(e) {
 		]
 	});
 }
-nn.displayName = "DataGridHeader";
-var rn = k(nn);
+tn.displayName = "DataGridHeader";
+var nn = k(tn);
 //#endregion
 //#region src/components/dataGrid/components/dataGridLoader.tsx
-function an(e) {
+function rn(e) {
 	let { grid: t } = e;
 	return /* @__PURE__ */ I(a, {
 		component: `${t.componentName}.loader`,
@@ -2957,23 +2957,23 @@ function an(e) {
 		})
 	});
 }
-an.displayName = "DataGridLoader";
+rn.displayName = "DataGridLoader";
 //#endregion
 //#region src/components/dataGrid/components/dataGridContent.tsx
-function on(e) {
+function an(e) {
 	let { grid: t } = e, n = N(null), [i, o] = P({
 		top: 0,
 		direction: "down"
 	}), s = N(null), c = A((e) => {
 		o((t) => e === t.top ? t : {
 			top: e,
-			direction: Ce.directionOf(t.top, e, t.direction)
+			direction: xe.directionOf(t.top, e, t.direction)
 		});
 	}, []), l = A((e) => {
 		s.current !== null && cancelAnimationFrame(s.current), s.current = requestAnimationFrame(() => {
 			s.current = null, se(() => c(e.target.scrollTop));
 		});
-	}, [c]), { navigation: u, onKeyDown: d } = Je({
+	}, [c]), { navigation: u, onKeyDown: d } = Ke({
 		grid: t,
 		scrollerRef: n,
 		scroll: i,
@@ -3007,7 +3007,7 @@ function on(e) {
 			t.setContainerWidth(e.clientWidth), t.paintSizes();
 		});
 		return r.observe(e), () => r.disconnect();
-	}, [t]), t.hasVisibleColumns ? /* @__PURE__ */ I(be.Provider, {
+	}, [t]), t.hasVisibleColumns ? /* @__PURE__ */ I(ye.Provider, {
 		value: u,
 		children: /* @__PURE__ */ L(a, {
 			ref: n,
@@ -3027,23 +3027,23 @@ function on(e) {
 				onPaste: m.onPaste
 			},
 			children: [
-				/* @__PURE__ */ I(rn, {
+				/* @__PURE__ */ I(nn, {
 					grid: t,
 					version: t.headerVersion
 				}),
-				(t.props.loading || f.isLoading) && /* @__PURE__ */ I(an, { grid: t }),
-				/* @__PURE__ */ I(jt, {
+				(t.props.loading || f.isLoading) && /* @__PURE__ */ I(rn, { grid: t }),
+				/* @__PURE__ */ I(At, {
 					grid: t,
 					scroll: i
 				})
 			]
 		})
-	}) : /* @__PURE__ */ I(Mt, { grid: t });
+	}) : /* @__PURE__ */ I(jt, { grid: t });
 }
-on.displayName = "DataGridContent";
+an.displayName = "DataGridContent";
 //#endregion
 //#region src/components/dataGrid/components/dataGridDataSourceError.tsx
-function sn(e) {
+function on(e) {
 	let { grid: t } = e, { error: n } = t.source;
 	if (n === void 0) return null;
 	let r = n instanceof Error && n.message ? n.message : t.localeText.loadError;
@@ -3061,16 +3061,16 @@ function sn(e) {
 		})]
 	});
 }
-sn.displayName = "DataGridDataSourceError";
+on.displayName = "DataGridDataSourceError";
 //#endregion
 //#region src/components/dataGrid/components/dataGridColumnGroups.tsx
-function cn(e) {
+function sn(e) {
 	let { grid: t } = e;
 	return t.groupColumns.size === 0 ? null : /* @__PURE__ */ L(_, {
 		component: `${t.componentName}.topBar.columnGroups`,
 		children: [/* @__PURE__ */ I(T, {
 			component: `${t.componentName}.topBar.columnGroups.icon`,
-			children: /* @__PURE__ */ I(qt, {
+			children: /* @__PURE__ */ I(Kt, {
 				width: "100%",
 				fill: "currentColor"
 			})
@@ -3095,10 +3095,10 @@ function cn(e) {
 		})] }, e.key))]
 	});
 }
-cn.displayName = "DataGridColumnGroups";
+sn.displayName = "DataGridColumnGroups";
 //#endregion
 //#region src/icons/searchIcon.tsx
-function ln(e) {
+function cn(e) {
 	return /* @__PURE__ */ I(m, {
 		viewBox: "0 0 488.4 488.4",
 		width: "1.5rem",
@@ -3108,8 +3108,8 @@ function ln(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridColumnsPanel.tsx
-var un = 6;
-function dn(e) {
+var ln = 6;
+function un(e) {
 	let { grid: t } = e, { columnVisibility: n, localeText: r, componentName: i } = t, { visibleCount: o, total: s, hasHidden: c } = n, [l, u] = P(!1), [d, g] = P(""), _ = A((e) => {
 		u(e), e || g("");
 	}, []);
@@ -3153,7 +3153,7 @@ function dn(e) {
 				})
 			]
 		}),
-		children: /* @__PURE__ */ I(fn, {
+		children: /* @__PURE__ */ I(dn, {
 			grid: t,
 			open: l,
 			query: d,
@@ -3161,9 +3161,9 @@ function dn(e) {
 		})
 	}) });
 }
-dn.displayName = "DataGridColumnsPanel";
-function fn({ grid: e, open: t, query: n, onQueryChange: r }) {
-	let { columnVisibility: i, localeText: o, componentName: s } = e, c = `${s}.topBar.columnVisibility`, l = N(null), u = N(null), d = i.total > un, f = i.search(n), p = i.sections(f), m = f.every((e) => e.visible), g = f.every((e) => !e.visible);
+un.displayName = "DataGridColumnsPanel";
+function dn({ grid: e, open: t, query: n, onQueryChange: r }) {
+	let { columnVisibility: i, localeText: o, componentName: s } = e, c = `${s}.topBar.columnVisibility`, l = N(null), u = N(null), d = i.total > ln, f = i.search(n), p = i.sections(f), m = f.every((e) => e.visible), g = f.every((e) => !e.visible);
 	M(() => {
 		t && (u.current ?? l.current?.querySelector("input"))?.focus();
 	}, [t]);
@@ -3193,7 +3193,7 @@ function fn({ grid: e, open: t, query: n, onQueryChange: r }) {
 				component: `${c}.search`,
 				children: [/* @__PURE__ */ I(_, {
 					component: `${c}.searchIcon`,
-					children: /* @__PURE__ */ I(ln, {
+					children: /* @__PURE__ */ I(cn, {
 						fill: "currentColor",
 						width: "14px"
 					})
@@ -3263,18 +3263,18 @@ function fn({ grid: e, open: t, query: n, onQueryChange: r }) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridExport.tsx
-function pn(e) {
+function fn(e) {
 	let { grid: t } = e, n = t.exportConfig, r = A(() => void t.exportCsv(n).then(() => t.reportInteraction("export", "csv", "toolbar"), () => void 0), [t, n]), i = A(() => void t.exportXlsx(n).then(() => t.reportInteraction("export", "xlsx", "toolbar"), () => void 0), [t, n]);
 	return n ? /* @__PURE__ */ L(_, {
 		component: `${t.componentName}.topBar.export`,
 		ai: "center",
 		gap: 2,
-		children: [n.csv !== !1 && /* @__PURE__ */ I(mn, {
+		children: [n.csv !== !1 && /* @__PURE__ */ I(pn, {
 			componentName: t.componentName,
 			onClick: r,
 			label: t.localeText.exportCsvLabel,
 			children: t.localeText.exportCsv
-		}), n.xlsx !== !1 && /* @__PURE__ */ I(mn, {
+		}), n.xlsx !== !1 && /* @__PURE__ */ I(pn, {
 			componentName: t.componentName,
 			onClick: i,
 			label: t.localeText.exportExcelLabel,
@@ -3282,8 +3282,8 @@ function pn(e) {
 		})]
 	}) : null;
 }
-pn.displayName = "DataGridExport";
-function mn(e) {
+fn.displayName = "DataGridExport";
+function pn(e) {
 	let { componentName: t, onClick: n, label: r, children: i } = e;
 	return /* @__PURE__ */ L(h, {
 		component: `${t}.topBar.export.button`,
@@ -3309,8 +3309,8 @@ function mn(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridGlobalFilter.tsx
-function hn(e) {
-	let { grid: t } = e, [n, r] = P(t.globalFilterValue), { debounce: i, cancel: o } = It(t.globalFilterValue, (e) => e === n, r), s = A((e) => {
+function mn(e) {
+	let { grid: t } = e, [n, r] = P(t.globalFilterValue), { debounce: i, cancel: o } = Ft(t.globalFilterValue, (e) => e === n, r), s = A((e) => {
 		let n = e.target.value;
 		r(n), i("value", () => t.filter.setGlobalFilter(n));
 	}, [t, i]), c = A(() => {
@@ -3335,7 +3335,7 @@ function hn(e) {
 					pointerEvents: "none",
 					color: "base-400",
 					theme: { dark: { color: "base-500" } },
-					children: /* @__PURE__ */ I(ln, {
+					children: /* @__PURE__ */ I(cn, {
 						fill: "currentColor",
 						width: "14px"
 					})
@@ -3372,7 +3372,7 @@ function hn(e) {
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridTopBar.tsx
-function gn(e) {
+function hn(e) {
 	let { grid: t } = e, { title: n, topBarContent: r, globalFilter: i } = t.props.def;
 	return /* @__PURE__ */ L(_, {
 		component: `${t.componentName}.topBar`,
@@ -3397,15 +3397,15 @@ function gn(e) {
 					color: "base-800",
 					theme: { dark: { color: "base-100" } },
 					children: n
-				}), /* @__PURE__ */ I(cn, { grid: t })]
+				}), /* @__PURE__ */ I(sn, { grid: t })]
 			}), /* @__PURE__ */ L(_, {
 				ai: "center",
 				gap: 3,
 				flexWrap: "wrap",
 				children: [
-					i && /* @__PURE__ */ I(hn, { grid: t }),
-					/* @__PURE__ */ I(dn, { grid: t }),
-					/* @__PURE__ */ I(pn, { grid: t })
+					i && /* @__PURE__ */ I(mn, { grid: t }),
+					/* @__PURE__ */ I(un, { grid: t }),
+					/* @__PURE__ */ I(fn, { grid: t })
 				]
 			})]
 		}), r && /* @__PURE__ */ I(a, {
@@ -3414,10 +3414,10 @@ function gn(e) {
 		})]
 	});
 }
-gn.displayName = "DataGridTopBar";
+hn.displayName = "DataGridTopBar";
 //#endregion
 //#region src/utils/string/fuzzySearch.ts
-function _n(e, t) {
+function gn(e, t) {
 	if (!e) return {
 		score: 1,
 		matches: []
@@ -3430,12 +3430,12 @@ function _n(e, t) {
 		matches: o
 	});
 }
-function vn(e, t) {
-	return _n(e, t) !== null;
+function _n(e, t) {
+	return gn(e, t) !== null;
 }
 //#endregion
 //#region src/components/dataGrid/components/dataGridCellRowDetail.tsx
-function yn(e) {
+function vn(e) {
 	let { cell: t } = e, n = t.isExpanded, r = A((e) => {
 		e.stopPropagation(), t.toggleDetail();
 	}, [t]);
@@ -3463,10 +3463,10 @@ function yn(e) {
 		})
 	});
 }
-yn.displayName = "DataGridCellRowDetail";
+vn.displayName = "DataGridCellRowDetail";
 //#endregion
 //#region src/components/dataGrid/components/dataGridCellRowSelection.tsx
-function bn(e) {
+function yn(e) {
 	let { cell: t } = e, n = A(() => {
 		t.toggleSelection();
 	}, [t]);
@@ -3481,15 +3481,15 @@ function bn(e) {
 		}
 	});
 }
-bn.displayName = "DataGridCellRowSelection";
+yn.displayName = "DataGridCellRowSelection";
 //#endregion
 //#region src/components/dataGrid/contracts/dataGridContract.ts
-function xn(e) {
+function bn(e) {
 	if (e) return e === "LEFT" ? "START" : e === "RIGHT" ? "END" : e;
 }
 //#endregion
 //#region src/components/dataGrid/models/headerCellModel.ts
-var Sn = 1e3, Cn = class {
+var xn = 1e3, Sn = class {
 	column;
 	constructor(e) {
 		this.column = e;
@@ -3502,7 +3502,7 @@ var Sn = 1e3, Cn = 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 = G.findOrThrow(this.grid.columns.value.leafs, (t) => t.key === e);
 				return t.header ?? t.key;
 			}
 			return this.grid.localeText.groupHeader;
@@ -3566,7 +3566,7 @@ var Sn = 1e3, Cn = class {
 		return Math.max(1, this.column.leafs.length) * this.grid.MIN_COLUMN_WIDTH_PX;
 	}
 	get maxWidth() {
-		return Math.max(this.grid.containerWidth || Sn, this.width, this.minWidth);
+		return Math.max(this.grid.containerWidth || xn, this.width, this.minWidth);
 	}
 	get paddingStart() {
 		if (!this.column.isRowSelection) return this.column.isEndAligned ? 10 : 3;
@@ -3652,16 +3652,16 @@ var Sn = 1e3, Cn = 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 = xn(t.pin);
+			this._inlineWidth = e ?? this.def.width ?? this.grid.DEFAULT_COLUMN_WIDTH_PX, this._pin = bn(t.pin);
 		}
 	}
 	columns = [];
 	get kind() {
 		switch (this.key) {
-			case Xe: return "rowNumber";
-			case Ze: return "rowSelection";
-			case Qe: return "rowDetail";
-			case G: return "grouping";
+			case Je: return "rowNumber";
+			case Ye: return "rowSelection";
+			case Xe: return "rowDetail";
+			case K: return "grouping";
 			default: return "data";
 		}
 	}
@@ -3716,7 +3716,7 @@ var Sn = 1e3, Cn = class {
 			insetInlineEnd: t ? `var(${this.inlineEndVarName})` : void 0
 		};
 	}, () => [this.pinFlags]);
-	_headerCell = q(() => new Cn(this));
+	_headerCell = q(() => new Sn(this));
 	get headerCell() {
 		return this._headerCell.value;
 	}
@@ -3892,16 +3892,16 @@ var Sn = 1e3, Cn = 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 G.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 += G.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 += G.sumBy(t, (e, t) => t < n ? e.inlineWidth ?? 0 : 0);
 		}
 		return e;
 	}
@@ -3909,10 +3909,10 @@ var Sn = 1e3, Cn = 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 += G.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 += G.sumBy(t, (e, t) => t < n ? e.inlineWidth ?? 0 : 0);
 		}
 		return e;
 	}
@@ -3950,7 +3950,7 @@ var Sn = 1e3, Cn = 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 = G.toRecord(this.leafs, (e) => [e.key, e.inlineWidth ?? e.baseWidth]), this._resizeTotalWidth = G.sumBy(this.leafs, (e) => this._resizeSizes[e.key]) - this.leafs.length * t;
 	};
 	get resizeSign() {
 		return this.pin === "END" === this.grid.isRtl ? 1 : -1;
@@ -3980,7 +3980,7 @@ var Sn = 1e3, Cn = class {
 		this.setPin(e), this.pin !== t && this.grid.reportInteraction("columnPinChange", this.pin, this.pin ? "pin" : "unpin", { columnKey: this.key });
 	};
 	setPin(e) {
-		this.isLeaf ? this._pin = xn(e) : this.columns.forEach((t) => t.setPin(e)), this.grid.pinColumn(this.uniqueKey, e);
+		this.isLeaf ? this._pin = bn(e) : this.columns.forEach((t) => t.setPin(e)), this.grid.pinColumn(this.uniqueKey, e);
 	}
 	toggleGrouping = () => {
 		this.grid.toggleGrouping(this.key);
@@ -3995,7 +3995,7 @@ var Sn = 1e3, Cn = class {
 	toggleVisibility = () => {
 		this.grid.toggleColumnVisibility(this.key);
 	};
-}, wn = class {
+}, Cn = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -4054,19 +4054,19 @@ var Sn = 1e3, Cn = class {
 };
 //#endregion
 //#region src/utils/array/lazyList.ts
-function Tn(e, t) {
+function wn(e, t) {
 	return new Proxy([], {
 		get(n, r, i) {
 			if (r === "length") return e;
-			let a = En(r, e);
+			let a = Tn(r, e);
 			return a === void 0 ? Reflect.get(n, r, i) : t(a);
 		},
 		has(t, n) {
-			return En(n, e) !== void 0 || Reflect.has(t, n);
+			return Tn(n, e) !== void 0 || Reflect.has(t, n);
 		},
 		getOwnPropertyDescriptor(n, r) {
-			return En(r, e) === void 0 ? Reflect.getOwnPropertyDescriptor(n, r) : {
-				value: t(En(r, e)),
+			return Tn(r, e) === void 0 ? Reflect.getOwnPropertyDescriptor(n, r) : {
+				value: t(Tn(r, e)),
 				writable: !0,
 				enumerable: !0,
 				configurable: !0
@@ -4074,7 +4074,7 @@ function Tn(e, t) {
 		}
 	});
 }
-function En(e, t) {
+function Tn(e, t) {
 	if (typeof e != "string") return;
 	let n = Number(e);
 	return Number.isInteger(n) && n >= 0 && n < t ? n : void 0;
@@ -4205,7 +4205,7 @@ var $ = class e {
 			}), this.source.changed());
 		});
 	}
-}, Dn = class extends ct {
+}, En = class extends st {
 	level;
 	levelIndex;
 	constructor(e, t, n, r, i = r) {
@@ -4228,7 +4228,7 @@ var $ = class e {
 		return [...this.level.groupKeys, this.groupValue];
 	}
 	get key() {
-		return this.placeholder ? `${this.level.placeholderKey}-group-${this.levelIndex}` : On(this.groupKeys);
+		return this.placeholder ? `${this.level.placeholderKey}-group-${this.levelIndex}` : Dn(this.groupKeys);
 	}
 	get depth() {
 		return this.level.depth;
@@ -4264,22 +4264,22 @@ var $ = class e {
 		this.placeholder || this.grid.toggleGroupRow(this.key);
 	}
 };
-function On(e) {
+function Dn(e) {
 	return `rb-group:${$.keyOf(e)}`;
 }
 //#endregion
 //#region src/components/dataGrid/models/sourceRowModel.ts
-var kn = {}, An = class extends H {
+var On = {}, kn = class extends U {
 	sourceLevel;
 	levelIndex;
 	constructor(e, t, n, r = n) {
-		super(e, kn, r), this.sourceLevel = t, this.levelIndex = n;
+		super(e, On, r), this.sourceLevel = t, this.levelIndex = n;
 	}
 	get row() {
 		return this.sourceLevel.rowAt(this.levelIndex);
 	}
 	get data() {
-		return this.row ?? kn;
+		return this.row ?? On;
 	}
 	get placeholder() {
 		return this.row === void 0;
@@ -4297,7 +4297,7 @@ var kn = {}, An = class extends H {
 	get selected() {
 		return !this.placeholder && super.selected;
 	}
-}, jn = class extends An {
+}, An = class extends kn {
 	isTreeRow = !0;
 	get level() {
 		return this.sourceLevel.depth;
@@ -4317,7 +4317,7 @@ var kn = {}, An = class extends H {
 	toggleTree = () => {
 		this.hasChildren && this.grid.tree.toggle(this.key, this.level);
 	};
-}, Mn = 100, Nn = 40, Pn = class {
+}, jn = 100, Mn = 40, Nn = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -4343,11 +4343,11 @@ var kn = {}, An = class extends H {
 	}
 	get blockSize() {
 		let e = this.config?.blockSize;
-		return e && e > 0 ? Math.floor(e) : this.grid.isPaginated ? this.grid.pageSize : Mn;
+		return e && e > 0 ? Math.floor(e) : this.grid.isPaginated ? this.grid.pageSize : jn;
 	}
 	get maxBlocks() {
 		let e = this.config?.maxBlocks;
-		return e && e > 0 ? Math.floor(e) : Nn;
+		return e && e > 0 ? Math.floor(e) : Mn;
 	}
 	get queryVersion() {
 		return this._query;
@@ -4402,7 +4402,7 @@ var kn = {}, An = class extends H {
 		return e.loadedBlocks().forEach(({ index: a, rows: o }) => {
 			o.forEach((o, s) => {
 				let c = [...e.path, o[r]];
-				if (!t.has(On(c))) return;
+				if (!t.has(Dn(c))) return;
 				let l = a * n + s;
 				i.push({
 					rowIndex: l,
@@ -4456,20 +4456,20 @@ var kn = {}, An = class extends H {
 	listLength = -1;
 	rowList() {
 		let { start: e } = this.visibleRange();
-		return this.listLength = this.visibleLength(), Tn(this.listLength, (t) => this.rowModelAt(e + t));
+		return this.listLength = this.visibleLength(), wn(this.listLength, (t) => this.rowModelAt(e + t));
 	}
 	flatRowList(e) {
 		let t = this.detailPositions();
-		return t.length === 0 ? e : Tn(e.length + t.length, (n) => {
-			let r = In(t, n);
-			return t[r] === n ? new Ue(this.grid, e[n - r - 1]) : e[n - r];
+		return t.length === 0 ? e : wn(e.length + t.length, (n) => {
+			let r = Fn(t, n);
+			return t[r] === n ? new Ve(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: Tn(e.length, (e) => {
-				let i = In(n, e);
+			offsets: wn(e.length, (e) => {
+				let i = Fn(n, e);
 				return (e - i) * t + r[i];
 			}),
 			totalHeight: (e.length - n.length) * t + r[n.length]
@@ -4498,7 +4498,7 @@ var kn = {}, An = 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 = Fn(n, r * t + a);
+					let o = Pn(n, r * t + a);
 					o !== void 0 && e(o, i);
 				});
 			});
@@ -4506,14 +4506,14 @@ var kn = {}, An = class extends H {
 	}
 	rowModelAt(e) {
 		let t = this.segmentAt(e);
-		if (!t) return new An(this.grid, this.root, e);
+		if (!t) return new kn(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 Dn(this.grid, n, this.groupColumnAt(n.depth), r) : this.isTree ? new jn(this.grid, n, r) : new An(this.grid, n, r), i.set(r, a)), a.rowIndex = e, a;
+		return a || (a = n.isGroupLevel ? new En(this.grid, n, this.groupColumnAt(n.depth), r) : this.isTree ? new An(this.grid, n, r) : new kn(this.grid, n, r), i.set(r, a)), a.rowIndex = e, a;
 	}
 	groupColumnAt(e) {
-		return W.findOrThrow(this.grid.columns.value.leafs, (t) => t.key === this.groupBy[e]);
+		return G.findOrThrow(this.grid.columns.value.leafs, (t) => t.key === this.groupBy[e]);
 	}
 	visibleLength() {
 		let { start: e, end: t } = this.visibleRange();
@@ -4599,10 +4599,10 @@ var kn = {}, An = 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 Fn(e, t) {
+function Pn(e, t) {
 	for (let n of e) if (t >= n.levelStart && t < n.levelStart + n.length) return n.start + (t - n.levelStart);
 }
-function In(e, t) {
+function Fn(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >>> 1;
@@ -4612,7 +4612,7 @@ function In(e, t) {
 }
 //#endregion
 //#region src/components/dataGrid/models/exportModel.ts
-var Ln = 7, Rn = class {
+var In = 7, Ln = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -4626,7 +4626,7 @@ var Ln = 7, Rn = class {
 	}
 	width(e) {
 		let t = e.inlineWidth ?? this.grid.DEFAULT_COLUMN_WIDTH_PX;
-		return Math.min(80, Math.max(6, Math.round(t / Ln * 10) / 10));
+		return Math.min(80, Math.max(6, Math.round(t / In * 10) / 10));
 	}
 	value(e, t) {
 		let { exportValue: n } = e.def, r = n ? n(t) : t[e.key];
@@ -4634,7 +4634,7 @@ var Ln = 7, Rn = class {
 	}
 	aggregateOf(e, t) {
 		let n = e.aggregate;
-		return n ? it(n, t.map((t) => this.value(e, t)), t) : null;
+		return n ? rt(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) => {
@@ -4649,7 +4649,7 @@ var Ln = 7, Rn = 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 = W(s) ? s.level : a;
 				r.push({
 					kind: "data",
 					level: e,
@@ -4698,7 +4698,7 @@ var Ln = 7, Rn = class {
 		let { title: t } = this.grid.props.def, n = typeof t == "string" && t.trim() ? t.trim() : this.grid.localeText.exportFileName;
 		return e.fileName?.trim() || n;
 	}
-}, zn = class {
+}, Rn = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -4720,7 +4720,7 @@ var Ln = 7, Rn = class {
 	}
 	setGlobalFilter = (e) => this.grid.setGlobalFilter(e);
 	clearAllFilters = () => this.grid.clearAllFilters();
-}, Bn = class {
+}, zn = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -4859,23 +4859,23 @@ var Ln = 7, Rn = class {
 	describe(e, t) {
 		switch (t.type) {
 			case "text": return `“${t.value}”`;
-			case "number": return t.operator === "between" ? `${t.value}–${t.valueTo ?? ""}` : `${Hn[t.operator]} ${t.value}`;
+			case "number": return t.operator === "between" ? `${t.value}–${t.valueTo ?? ""}` : `${Vn[t.operator]} ${t.value}`;
 			case "multiselect": {
 				let n = e.filterOptions, r = t.values.map((e) => e === null ? this.grid.localeText.filterEmptyValue : n.find((t) => t.value === e)?.label ?? String(e)), i = r.slice(0, 2).join(", ");
 				return r.length > 2 ? `${i} +${r.length - 2}` : i;
 			}
-			case "date": return t.operator === "between" ? Oe()?.describeDay(t.value, t.valueTo ?? t.value) ?? `${t.value}–${t.valueTo ?? ""}` : `${Un[t.operator]} ${Oe()?.describeDay(t.value) ?? t.value}`;
+			case "date": return t.operator === "between" ? Te()?.describeDay(t.value, t.valueTo ?? t.value) ?? `${t.value}–${t.valueTo ?? ""}` : `${Hn[t.operator]} ${Te()?.describeDay(t.value) ?? t.value}`;
 		}
 	}
 	_record = null;
 	get record() {
 		if (!this._record) return;
 		let e = this.grid.flatRows.value, { index: t, key: n } = this._record;
-		if (Wn(e[t]) && e[t].key === n) return e[t];
+		if (Un(e[t]) && e[t].key === n) return e[t];
 		let r = -1;
-		for (let t = 0; t < Math.min(e.length, Vn) && r === -1; t++) {
+		for (let t = 0; t < Math.min(e.length, Bn) && r === -1; t++) {
 			let i = e[t];
-			Wn(i) && i.key === n && (r = t);
+			Un(i) && i.key === n && (r = t);
 		}
 		if (r !== -1) return this._record = {
 			index: r,
@@ -4899,7 +4899,7 @@ var Ln = 7, Rn = class {
 		let t = this.grid.flatRows.value;
 		for (let n = this._record.index + e; n >= 0 && n < t.length; n += e) {
 			let e = t[n];
-			if (Wn(e) && !e.placeholder) return n;
+			if (Un(e) && !e.placeholder) return n;
 		}
 		return -1;
 	}
@@ -4926,30 +4926,30 @@ var Ln = 7, Rn = class {
 			total: this.grid.totalRowCount
 		};
 		let e = this.grid.flatRows.value, t = 0, n = 0;
-		for (let r = 0; r < e.length; r++) Wn(e[r]) && (n++, r <= this._record.index && t++);
+		for (let r = 0; r < e.length; r++) Un(e[r]) && (n++, r <= this._record.index && t++);
 		return {
 			position: t,
 			total: n
 		};
 	}
-}, Vn = 1e4, Hn = {
+}, Bn = 1e4, Vn = {
 	eq: "=",
 	ne: "≠",
 	gt: ">",
 	gte: "≥",
 	lt: "<",
 	lte: "≤"
-}, Un = {
+}, Hn = {
 	on: "=",
 	before: "<",
 	after: ">"
 };
-function Wn(e) {
+function Un(e) {
 	return !!e && e.kind === "row";
 }
 //#endregion
 //#region src/components/dataGrid/models/localeText.ts
-var Gn = {
+var Wn = {
 	searchPlaceholder: "Search...",
 	columnsMenu: "Columns",
 	columnsMenuLabel: (e, t) => `Columns, ${e} of ${t} shown`,
@@ -5046,7 +5046,7 @@ var Gn = {
 	selectedRows: (e) => `${e} selected`,
 	selectAll: "Select all",
 	selectionAnnouncement: (e, t) => e === 0 ? "No rows selected" : `${e} of ${t} rows selected`
-}, Kn = class {
+}, Gn = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -5102,16 +5102,16 @@ var Gn = {
 		let t = parseInt(e, 10);
 		isNaN(t) || this.grid.changePage(Math.max(1, Math.min(t, this.totalPages)));
 	};
-}, qn = /["\t\r\n]/;
-function Jn(e) {
+}, Kn = /["\t\r\n]/;
+function qn(e) {
 	if (e == null) return "";
 	let t = e instanceof Date ? e.toISOString() : String(e);
-	return qn.test(t) ? `"${t.split("\"").join("\"\"")}"` : t;
+	return Kn.test(t) ? `"${t.split("\"").join("\"\"")}"` : t;
 }
-function Yn(e) {
-	return e.map((e) => e.map(Jn).join("	")).join("\r\n");
+function Jn(e) {
+	return e.map((e) => e.map(qn).join("	")).join("\r\n");
 }
-function Xn(e) {
+function Yn(e) {
 	let t = [], n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -5119,10 +5119,10 @@ function Xn(e) {
 	}
 	return (r !== "" || n.length > 0) && (n.push(r), t.push(n)), t;
 }
-function Zn(e, t) {
+function Xn(e, t) {
 	return e?.row === t?.row && e?.column === t?.column;
 }
-var Qn = class {
+var Zn = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -5168,7 +5168,7 @@ var Qn = class {
 			row: e,
 			column: t
 		}, i = n && this._anchor ? this._anchor : r;
-		Zn(this._focus, r) && Zn(this._anchor, i) || (this._anchor = i, this._focus = r, this.grid.notifyRows(), this.emit(n ? "extend" : "select"));
+		Xn(this._focus, r) && Xn(this._anchor, i) || (this._anchor = i, this._focus = r, this.grid.notifyRows(), this.emit(n ? "extend" : "select"));
 	}
 	syncCurrent(e, t) {
 		this.isCurrent(e, t) || this.setCurrent(e, t);
@@ -5225,12 +5225,12 @@ var Qn = class {
 		this.grid.props.onRangeChange?.(this.range, { reason: e }), e === "extend" && !this._dragging && this.reportBlock();
 	}
 	reportBlock() {
-		this.enabled && this._anchor && !Zn(this._anchor, this._focus) && this.grid.reportInteraction("rangeChange", this.block, "extend");
+		this.enabled && this._anchor && !Xn(this._anchor, this._focus) && this.grid.reportInteraction("rangeChange", this.block, "extend");
 	}
 	onCopy = (e) => {
 		if (!this._focus || !e.clipboardData) return;
 		let t = e.currentTarget.ownerDocument.defaultView?.getSelection();
-		t && !t.isCollapsed || (e.clipboardData.setData("text/plain", Yn(this.values())), e.preventDefault(), this.grid.reportInteraction("copy", this.block, "copy"));
+		t && !t.isCollapsed || (e.clipboardData.setData("text/plain", Jn(this.values())), e.preventDefault(), this.grid.reportInteraction("copy", this.block, "copy"));
 	};
 	pasteBounds(e, t) {
 		let n = this.bounds;
@@ -5247,10 +5247,10 @@ var Qn = class {
 		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 = Xn(t), r = n.reduce((e, t) => Math.max(e, t.length), 0), i = this.pasteBounds(n.length, r);
+		let n = Yn(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] ?? ""));
 	};
-}, $n = class extends H {
+}, Qn = class extends U {
 	node;
 	level;
 	position;
@@ -5301,10 +5301,10 @@ var Qn = class {
 };
 //#endregion
 //#region src/components/dataGrid/models/treeModel.ts
-function er(e) {
+function $n(e) {
 	return JSON.stringify(e);
 }
-var tr = class {
+var er = class {
 	grid;
 	constructor(e) {
 		this.grid = e;
@@ -5358,9 +5358,9 @@ var tr = class {
 				data: e,
 				children: []
 			};
-			n.set(er(r), i);
+			n.set($n(r), i);
 			let a;
-			for (let e = r.length - 1; e > 0 && !a; e--) a = n.get(er(r.slice(0, e)));
+			for (let e = r.length - 1; e > 0 && !a; e--) a = n.get($n(r.slice(0, e)));
 			(a ? a.children : t).push(i);
 		}), t;
 	}
@@ -5376,7 +5376,7 @@ var tr = 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 : G.sortBy(e, (e) => e.data[t], n).map((e) => ({
 			data: e.data,
 			children: this.sortNodes(e.children)
 		}));
@@ -5406,7 +5406,7 @@ var tr = class {
 	}
 	rowList() {
 		let e = 0, t = (n, r, i) => n.map((a, o) => {
-			let s = new $n(this.grid, a, e++, r, o, n.length, i);
+			let s = new Qn(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);
@@ -5450,8 +5450,8 @@ var tr = class {
 		let r = this.expandedKeys();
 		this.grid.fire("expandedTreeKeysChange", r, n ? "expand" : "collapse", { details: { rowKey: e } }), this.grid.notify();
 	};
-}, nr = {};
-function rr(e) {
+}, tr = {};
+function nr(e) {
 	if (typeof e == "string" && /^\d{4}-\d{2}-\d{2}$/.test(e)) return e;
 	if (!(e instanceof Date) && typeof e != "string" && typeof e != "number") return null;
 	let t = e instanceof Date ? e : new Date(e);
@@ -5459,7 +5459,7 @@ function rr(e) {
 	let n = (e) => String(e).padStart(2, "0");
 	return `${String(t.getFullYear()).padStart(4, "0")}-${n(t.getMonth() + 1)}-${n(t.getDate())}`;
 }
-var ir = class t {
+var rr = class t {
 	props;
 	constructor(e, t) {
 		this.props = e, t && this.listeners.add(t);
@@ -5531,7 +5531,7 @@ var ir = class t {
 		let e = this.props.def.localeText, t = this._localeText;
 		if (t && t.from === e) return t.text;
 		let n = {
-			...Gn,
+			...Wn,
 			...e
 		};
 		return this._localeText = {
@@ -5541,20 +5541,20 @@ var ir = class t {
 	}
 	sourceColumns = q(() => {
 		let { def: e } = this.props, t = [];
-		if (this.groupColumns.size > 0 && t.push(new Q({ key: G }, this)), t.push(...e.columns.map((e) => new Q(e, this))), e.rowSelection) {
+		if (this.groupColumns.size > 0 && t.push(new Q({ key: K }, 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 Q({
-				key: Ze,
+				key: Ye,
 				pin: n,
 				width: 50,
 				align: "center",
-				Cell: bn
+				Cell: yn
 			}, 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 Q({
-				key: Xe,
+				key: Je,
 				pin: n,
 				width: r,
 				align: "end"
@@ -5563,12 +5563,12 @@ var ir = class t {
 		if (e.rowDetail) {
 			let n = e.rowDetail.pinned ? "START" : void 0, r = e.rowDetail.expandColumnWidth ?? 50, i = e.rowDetail.expandColumnHeader ?? "";
 			t.unshift(new Q({
-				key: Qe,
+				key: Xe,
 				header: i,
 				pin: n,
 				width: r,
 				align: "center",
-				Cell: yn
+				Cell: vn
 			}, this));
 		}
 		return t;
@@ -5587,16 +5587,16 @@ var ir = class t {
 			leafs: i,
 			visibleLeafs: a,
 			userVisibleLeafs: a.filter((e) => ![
-				Xe,
-				Ze,
-				G,
-				Qe
+				Je,
+				Ye,
+				K,
+				Xe
 			].includes(e.key)),
-			maxDeath: W.maxBy(r, (e) => e.death) + 1
+			maxDeath: G.maxBy(r, (e) => e.death) + 1
 		};
 	}, () => [this.sourceColumns]);
-	headerRows = q(() => 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 = q(() => G.sortBy(G.groupBy(this.columns.value.flat, (e) => e.death), (e) => e.key).map((e) => {
+		let t = G.toRecord(G.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) ?? [],
@@ -5604,7 +5604,7 @@ var ir = class t {
 		];
 	}), () => [this.columns]);
 	gridTemplateColumns = q(() => {
-		let { visibleLeafs: e } = this.columns.value, t = W.sumBy(e, (e) => +(e.pin === "END")), n = e.length - t;
+		let { visibleLeafs: e } = this.columns.value, t = G.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 = "";
@@ -5627,7 +5627,7 @@ var ir = class t {
 		let t = this.globalFilterValue.trim();
 		return !t || this.globalFilterColumns.value.some((n) => {
 			let r = e[n];
-			return r != null && vn(t, String(r));
+			return r != null && _n(t, String(r));
 		});
 	}
 	matchesColumnFilters(e) {
@@ -5639,7 +5639,7 @@ var ir = class t {
 	}
 	matchesFilter(e, t) {
 		switch (t.type) {
-			case "text": return !t.value.trim() || e != null && vn(t.value, String(e));
+			case "text": return !t.value.trim() || e != null && _n(t.value, String(e));
 			case "number": {
 				if (e == null) return !1;
 				let n = typeof e == "number" ? e : parseFloat(String(e));
@@ -5657,7 +5657,7 @@ var ir = class t {
 			}
 			case "date": {
 				if (!t.value) return !0;
-				let n = rr(e);
+				let n = nr(e);
 				if (!n) return !1;
 				switch (t.operator) {
 					case "on": return n === t.value;
@@ -5804,22 +5804,22 @@ var ir = class t {
 				n,
 				r,
 				this._sortDirection
-			], () => W.sortBy(n, (e) => e[r], this._sortDirection));
+			], () => G.sortBy(n, (e) => e[r], this._sortDirection));
 		}
 		if (this.groupColumns.size > 0) {
 			let t = (e, n) => {
 				let r = n.values().next().value;
 				n.delete(r);
-				let i = W.findOrThrow(this.columns.value.leafs, (e) => e.key === r);
-				return this._sortColumn === "grouping-cell" && (e = W.sortBy(e, (e) => e[r], this._sortDirection)), W.groupBy(e, (e) => e[r]).map((e, r) => {
-					let a = n.size > 0 ? t(e.values, new Set(n)) : e.values.map((e, t) => new H(this, e, t));
-					return new ct(this, i, a, r, e.key);
+				let i = G.findOrThrow(this.columns.value.leafs, (e) => e.key === r);
+				return this._sortColumn === "grouping-cell" && (e = G.sortBy(e, (e) => e[r], this._sortDirection)), G.groupBy(e, (e) => e[r]).map((e, r) => {
+					let a = n.size > 0 ? t(e.values, new Set(n)) : e.values.map((e, t) => new U(this, e, t));
+					return new st(this, i, a, r, e.key);
 				});
 			};
 			return t(e, new Set(this.groupColumns));
 		}
 		let n = e;
-		return t.reuse(this._rowModels, [n, this.props.def.rowKey], () => n.map((e, t) => new H(this, e, t)));
+		return t.reuse(this._rowModels, [n, this.props.def.rowKey], () => n.map((e, t) => new U(this, e, t)));
 	}, () => [this.columns]);
 	groupingSpan = q(() => {
 		let { visibleLeafs: e } = this.columns.value, t = e.findIndex((e) => e.isGrouping);
@@ -5845,14 +5845,14 @@ var ir = class 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 === K);
 		if (n) {
-			let t = W.sumBy(this.groupingSpan.value, (e) => e.inlineWidth ?? 0);
+			let t = G.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 = G.findOrThrow(this.columns.value.leafs, (e) => e.key === n);
+			e[r.groupColumnWidthVarName] = `${G.sumBy(t, (e) => e.pin === r.pin ? e.inlineWidth ?? 0 : 0)}px`;
 		}), e;
 	}, () => [this.columns, this.flexWidths]);
 	_containerWidth = 0;
@@ -5879,8 +5879,8 @@ var ir = class t {
 	flexWidths = q(() => {
 		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 = G.sumBy(t.filter(n), (e) => e.baseWidth), i = t.filter((e) => !n(e)), a = G.sumBy(i, (e) => e.baseWidth), o = e - r;
+		if (o <= a) return G.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;
@@ -5956,29 +5956,29 @@ var ir = class t {
 	rowOffsets = q(() => {
 		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 Ue ? n.heightForOffset : this.rowHeight;
+		for (let n of this.flatRows.value) e.push(t), t += n instanceof Ve ? n.heightForOffset : this.rowHeight;
 		return {
 			offsets: e,
 			totalHeight: t
 		};
 	}, () => [this.flatRows]);
-	viewport = new Ce(this);
-	columnVisibility = new wn(this);
-	filter = new zn(this);
-	pagination = new Kn(this);
-	aggregation = new at(this);
-	exporter = new Rn(this);
-	source = new Pn(this);
-	tree = new tr(this);
-	edits = new He(this);
-	range = new Qn(this);
-	list = new Bn(this);
+	viewport = new xe(this);
+	columnVisibility = new Cn(this);
+	filter = new Rn(this);
+	pagination = new Gn(this);
+	aggregation = new it(this);
+	exporter = new Ln(this);
+	source = new Nn(this);
+	tree = new er(this);
+	edits = new Be(this);
+	range = new Zn(this);
+	list = new zn(this);
 	refresh = () => {
 		this.edits.clearEdits(), this.source.invalidate();
 	};
 	get exportConfig() {
 		let e = this.props.def.export;
-		if (e) return typeof e == "object" ? e : nr;
+		if (e) return typeof e == "object" ? e : tr;
 	}
 	exportCsv = async (e = {}) => {
 		let { downloadCsv: t } = await import("../gridExport.mjs");
@@ -6043,14 +6043,14 @@ var ir = class t {
 		return this.localeText.selectionAnnouncement(e, this.totalRowCount);
 	}
 	get groupedColumns() {
-		return Array.from(this.groupColumns, (e) => W.findOrThrow(this.columns.value.leafs, (t) => t.key === e));
+		return Array.from(this.groupColumns, (e) => G.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 G.sumBy(this.columns.value.start, (e) => e.inlineWidth ?? 0);
 	}
 	get inlineEndEdge() {
-		return W.sumBy(this.columns.value.end, (e) => e.inlineWidth ?? 0);
+		return G.sumBy(this.columns.value.end, (e) => e.inlineWidth ?? 0);
 	}
 	inlineStartEdgeVarName = "--inline-start-edge";
 	rowHeightVarName = "--row-height";
@@ -6081,7 +6081,7 @@ var ir = class t {
 		}), this.source.invalidate(), this.tree.nodes.clear(), this.rows.clear(), this.notify();
 	};
 	pinColumn = (e, t) => {
-		let n = xn(t), r = W.findOrThrow(this.columns.value.flat, (t) => t.uniqueKey === e);
+		let n = bn(t), r = G.findOrThrow(this.columns.value.flat, (t) => t.uniqueKey === e);
 		r.pin !== n && r.pinColumn(n), this.columns.clear(), this.notify();
 	};
 	toggleGrouping = (e) => {
@@ -6176,31 +6176,31 @@ var ir = class t {
 };
 //#endregion
 //#region src/components/dataGrid/useGrid.ts
-function ar(e) {
-	let [t] = P(() => new ir(e)), n = d("datagrid");
-	return t.setProps(e), t.setIdentifier(n), ce(t.subscribe, t.getSnapshot, t.getSnapshot), t;
+function ir(e) {
+	let [t] = P(() => new rr(e)), n = d("datagrid");
+	return t.setProps(e), t.setIdentifier(n), oe(t.subscribe, t.getSnapshot, t.getSnapshot), t;
 }
 //#endregion
 //#region src/components/dataGrid/useListLayout.ts
-var or, sr;
-function cr() {
-	return sr ??= import("../dataGridList.mjs").then((e) => or = e.default), sr;
+var ar, or;
+function sr() {
+	return or ??= import("../dataGridList.mjs").then((e) => ar = e.default), or;
 }
-n("(max-width: 36rem)")?.matches && cr();
-function lr(e) {
-	let [t, n] = P(() => or);
+n("(max-width: 36rem)")?.matches && sr();
+function cr(e) {
+	let [t, n] = P(() => ar);
 	return M(() => {
 		if (!e || t) return;
 		let r = !0;
-		return cr().then((e) => r && n(() => e)), () => {
+		return sr().then((e) => r && n(() => e)), () => {
 			r = !1;
 		};
 	}, [e, t]), t;
 }
 //#endregion
 //#region src/components/dataGrid.tsx
-function ur(e, t) {
-	let n = ar(e), i = N(null);
+function lr(e, t) {
+	let n = ir(e), i = N(null);
 	re(t, () => ({
 		get element() {
 			return i.current;
@@ -6221,7 +6221,7 @@ function ur(e, t) {
 		let t = new ResizeObserver(() => n.list.setWidth(e.clientWidth));
 		return t.observe(e), () => t.disconnect();
 	}, [n]);
-	let A = n.list.active, j = lr(A);
+	let A = n.list.active, j = cr(A);
 	return /* @__PURE__ */ L(a, {
 		ref: i,
 		component: n.componentName,
@@ -6232,17 +6232,17 @@ function ur(e, t) {
 			...O
 		},
 		children: [j && A ? /* @__PURE__ */ I(j, { grid: n }) : /* @__PURE__ */ L(F, { children: [
-			n.props.def.topBar && /* @__PURE__ */ I(gn, { grid: n }),
-			/* @__PURE__ */ I(sn, { grid: n }),
+			n.props.def.topBar && /* @__PURE__ */ I(hn, { grid: n }),
 			/* @__PURE__ */ I(on, { grid: n }),
-			n.props.def.bottomBar && /* @__PURE__ */ I(ye, { grid: n })
+			/* @__PURE__ */ I(an, { grid: n }),
+			n.props.def.bottomBar && /* @__PURE__ */ I(ve, { grid: n })
 		] }), /* @__PURE__ */ I(g, {
 			props: { role: "status" },
 			children: n.selectionAnnouncement
 		})]
 	});
 }
-var dr = k(O(ur));
-ur.displayName = "DataGrid";
+var ur = k(O(lr));
+lr.displayName = "DataGrid";
 //#endregion
-export { Gn as DATA_GRID_LOCALE_TEXT, an as a, Z as c, xt as d, dr as default, Y as f, sn as i, Tt as l, z as m, dn as n, Gt as o, U as p, ln as r, It as s, pn as t, wt as u };
+export { Wn as DATA_GRID_LOCALE_TEXT, rn as a, Z as c, bt as d, ur as default, Y as f, on as i, wt as l, Ee as m, un as n, Wt as o, W as p, cn as r, Ft as s, fn as t, Ct as u };