@ishibashi0112/spreadsheet-grid 0.3.0 → 0.5.0

package/dist/index.js

@@ -61,6 +61,10 @@ var h = {
 		type: "columnWidths/sync",
 		widths: e
 	}),
+	resetColumnWidths: (e) => ({
+		type: "columnWidths/reset",
+		widths: e
+	}),
 	setGlobalFilter: (e) => ({
 		type: "filter/setGlobal",
 		value: e
@@ -80,18 +84,201 @@ var h = {
 		entries: e
 	}),
 	clearSort: () => ({ type: "sort/clear" })
-}, g = 60, _ = 1e3, v = (e, t, n) => Math.min(Math.max(e, t), n), y = (e) => e.reduce((e, t) => (e[t.key] = t.width, e), {}), b = (e) => ({
+}, g = (e, t, n) => Math.min(Math.max(e, t), n), _ = (e, t) => {
+	let n = 0;
+	return e.map((e, r) => {
+		let i = t[e.key] ?? e.width, a = {
+			index: r,
+			column: e,
+			start: n,
+			size: i,
+			end: n + i
+		};
+		return n += i, a;
+	});
+}, v = (e) => e.pinned === "left" ? "left" : e.pinned === "right" ? "right" : "center", y = (e) => {
+	let t = [], n = [], r = [];
+	for (let i of e) {
+		let e = v(i);
+		e === "left" ? t.push(i) : e === "right" ? r.push(i) : n.push(i);
+	}
+	return [
+		...t,
+		...n,
+		...r
+	];
+}, b = (e) => {
+	let t = {
+		left: [],
+		center: [],
+		right: []
+	};
+	return e.forEach((e, n) => {
+		t[v(e)].push({
+			column: e,
+			logicalIndex: n
+		});
+	}), t;
+}, x = (e, t) => e.map(({ column: e }) => t[e.key] ?? e.width), S = (e, t) => x(e, t).join(","), C = (e) => e === "" ? [] : e.split(",").map(Number), w = (e, t, n) => {
+	let r = 0;
+	return {
+		pane: e,
+		entries: t.map(({ column: e, logicalIndex: t }, i) => {
+			let a = n[i] ?? e.width, o = {
+				column: e,
+				logicalIndex: t,
+				paneLocalStart: r,
+				paneLocalSize: a,
+				paneLocalEnd: r + a
+			};
+			return r += a, o;
+		}),
+		totalWidth: r
+	};
+}, T = (e, t, n) => w(e, t, C(n)), E = (e, t) => {
+	let n = [
+		["left", e.left],
+		["center", e.center],
+		["right", e.right]
+	];
+	for (let [e, r] of n) {
+		let n = r.entries.find((e) => e.logicalIndex === t);
+		if (n) return {
+			pane: e,
+			entry: n
+		};
+	}
+	return null;
+}, D = (e, t) => {
+	let { entries: n } = e;
+	if (n.length === 0) return -1;
+	if (t <= 0) return n[0].logicalIndex;
+	let r = 0, i = n.length - 1;
+	for (; r <= i;) {
+		let e = Math.floor((r + i) / 2), a = n[e];
+		if (t < a.paneLocalStart) {
+			i = e - 1;
+			continue;
+		}
+		if (t >= a.paneLocalEnd) {
+			r = e + 1;
+			continue;
+		}
+		return a.logicalIndex;
+	}
+	return n[Math.max(0, Math.min(r, n.length - 1))].logicalIndex;
+}, O = (e, t) => {
+	let { entries: n } = e;
+	for (let e = 0; e < n.length; e += 1) {
+		let r = n[e];
+		if (t < r.paneLocalStart + r.paneLocalSize / 2) return e;
+	}
+	return n.length;
+}, k = (e, t) => {
+	let { entries: n, totalWidth: r } = e;
+	return n.length === 0 ? 0 : t <= 0 ? n[0].paneLocalStart : t >= n.length ? r : n[t].paneLocalStart;
+}, A = (e, t, n) => {
+	let r = Math.min(t, n), i = Math.max(t, n), a = Infinity, o = -Infinity, s = !1;
+	for (let t of e.entries) t.logicalIndex < r || t.logicalIndex > i || (s = !0, t.paneLocalStart < a && (a = t.paneLocalStart), t.paneLocalEnd > o && (o = t.paneLocalEnd));
+	return s ? {
+		start: a,
+		end: o,
+		width: o - a
+	} : null;
+}, j = (e, t, n) => ({
+	left: A(e.left, t, n),
+	center: A(e.center, t, n),
+	right: A(e.right, t, n)
+}), M = (e) => {
+	let t = (e) => e.entries.length === 0 ? null : {
+		start: 0,
+		end: e.totalWidth,
+		width: e.totalWidth
+	};
+	return {
+		left: t(e.left),
+		center: t(e.center),
+		right: t(e.right)
+	};
+}, N = (e, t) => {
+	let n = E(e, t);
+	if (!n) return null;
+	let { pane: r, entry: i } = n;
+	return {
+		pane: r,
+		extent: {
+			start: i.paneLocalStart,
+			end: i.paneLocalEnd,
+			width: i.paneLocalSize
+		}
+	};
+}, P = (e) => e.flex != null && e.flex > 0 && v(e) === "center", F = (e, t) => {
+	let n = /* @__PURE__ */ new Map(), r = e, i = t;
+	for (;;) {
+		let e = r.reduce((e, t) => e + t.flex, 0);
+		if (r.length === 0 || e <= 0) break;
+		let t = null;
+		for (let a of r) {
+			let r = i * a.flex / e;
+			if (r < a.min) {
+				n.set(a.key, a.min), i -= a.min, t = a.key;
+				break;
+			}
+			if (r > a.max) {
+				n.set(a.key, a.max), i -= a.max, t = a.key;
+				break;
+			}
+		}
+		if (t !== null) {
+			r = r.filter((e) => e.key !== t);
+			continue;
+		}
+		let a = 0;
+		r.forEach((t, o) => {
+			if (o === r.length - 1) n.set(t.key, i - a);
+			else {
+				let r = i * t.flex / e;
+				n.set(t.key, r), a += r;
+			}
+		});
+		break;
+	}
+	return n;
+}, ee = (e, t, n) => {
+	let r = [], i = 0;
+	for (let n of e) {
+		let e = t[n.key];
+		if (e != null) {
+			i += e;
+			continue;
+		}
+		let a = n.flex;
+		if (a != null && a > 0 && v(n) === "center") {
+			r.push({
+				key: n.key,
+				flex: a,
+				min: n.minWidth ?? 50,
+				max: n.maxWidth ?? Infinity
+			});
+			continue;
+		}
+		i += n.width;
+	}
+	if (r.length === 0) return {};
+	let a = n - i;
+	return Object.fromEntries(F(r, a));
+}, I = 60, L = (e, t, n) => Math.min(Math.max(e, t), n), te = (e) => e.reduce((e, t) => (P(t) || (e[t.key] = t.width), e), {}), ne = (e) => ({
 	activeCell: null,
 	selection: null,
 	editingCell: null,
 	dragState: null,
-	columnWidths: y(e),
+	columnWidths: te(e),
 	filters: {
 		globalText: "",
 		columnFilters: {}
 	},
 	sort: []
-}), x = (e, t) => {
+}), re = (e, t) => {
 	switch (t.type) {
 		case "cell/activate": return {
 			...e,
@@ -198,13 +385,13 @@ var h = {
 				columnKey: t.columnKey,
 				startX: t.startX,
 				startWidth: t.startWidth,
-				minWidth: t.minWidth || g,
-				maxWidth: t.maxWidth || _
+				minWidth: t.minWidth || I,
+				maxWidth: t.maxWidth ?? Infinity
 			}
 		};
 		case "column/resizeUpdate": {
 			if (e.dragState?.type !== "columnResize") return e;
-			let n = v(e.dragState.startWidth + (t.clientX - e.dragState.startX), e.dragState.minWidth, e.dragState.maxWidth);
+			let n = L(e.dragState.startWidth + (t.clientX - e.dragState.startX), e.dragState.minWidth, e.dragState.maxWidth);
 			return e.columnWidths[e.dragState.columnKey] === n ? e : {
 				...e,
 				columnWidths: {
@@ -224,6 +411,10 @@ var h = {
 				...t.widths
 			}
 		};
+		case "columnWidths/reset": return {
+			...e,
+			columnWidths: t.widths
+		};
 		case "filter/setGlobal": return {
 			...e,
 			filters: {
@@ -268,7 +459,7 @@ var h = {
 		};
 		default: return e;
 	}
-}, S = (e) => ({
+}, ie = (e) => ({
 	start: {
 		row: Math.min(e.start.row, e.end.row),
 		col: Math.min(e.start.col, e.end.col)
@@ -277,16 +468,16 @@ var h = {
 		row: Math.max(e.start.row, e.end.row),
 		col: Math.max(e.start.col, e.end.col)
 	}
-}), C = (e, t) => ({
+}), ae = (e, t) => ({
 	startRow: Math.min(e, t),
 	endRow: Math.max(e, t)
-}), w = (e, t) => ({
+}), oe = (e, t) => ({
 	startCol: Math.min(e, t),
 	endCol: Math.max(e, t)
-}), T = (e) => e.filters.globalText, E = (e) => {
+}), se = (e) => e.filters.globalText, ce = (e) => {
 	if (!e) return { kind: "none" };
 	if (e.type === "cell") {
-		let t = S(e.range);
+		let t = ie(e.range);
 		return {
 			kind: "cell",
 			startRow: t.start.row,
@@ -296,14 +487,14 @@ var h = {
 		};
 	}
 	if (e.type === "row") {
-		let t = C(e.startRow, e.endRow);
+		let t = ae(e.startRow, e.endRow);
 		return {
 			kind: "row",
 			startRow: t.startRow,
 			endRow: t.endRow
 		};
 	}
-	let t = w(e.startCol, e.endCol);
+	let t = oe(e.startCol, e.endCol);
 	return {
 		kind: "col",
 		startCol: t.startCol,
@@ -312,7 +503,7 @@ var h = {
 };
 //#endregion
 //#region src/components/spreadsheet-grid/SelectionOverlay.tsx
-function D({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: r = 0 }) {
+function le({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: r = 0 }) {
 	return e ? /* @__PURE__ */ d("div", {
 		className: "ssg-selection-overlay",
 		style: {
@@ -326,7 +517,7 @@ function D({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: r = 0 }) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/ActiveCellOverlay.tsx
-function O({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: r = 0 }) {
+function ue({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: r = 0 }) {
 	return e ? /* @__PURE__ */ d("div", {
 		className: "ssg-active-cell-overlay",
 		style: {
@@ -340,13 +531,13 @@ function O({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: r = 0 }) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/CellEditorLayer.tsx
-function k({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: i = 0, initialValue: a, onCommit: o, onCancel: l }) {
-	let u = s(null), [f, p] = c(""), m = e !== null, [h, g] = c(!1);
-	return m !== h && (g(m), m && p(a)), r(() => {
-		if (!e || !u.current) return;
-		u.current.focus();
-		let t = u.current.value.length;
-		u.current.setSelectionRange(t, t);
+function de({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: i = 0, initialValue: a, onCommit: o, onCancel: l, align: u }) {
+	let f = s(null), [p, m] = c(""), h = e !== null, [g, _] = c(!1);
+	return h !== g && (_(h), h && m(a)), r(() => {
+		if (!e || !f.current) return;
+		f.current.focus();
+		let t = f.current.value.length;
+		f.current.setSelectionRange(t, t);
 	}, [e]), e ? /* @__PURE__ */ d("div", {
 		className: "ssg-cell-editor",
 		style: {
@@ -357,36 +548,37 @@ function k({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: i = 0, initi
 			height: e.height
 		},
 		children: /* @__PURE__ */ d("input", {
-			ref: u,
+			ref: f,
 			type: "text",
-			value: f,
-			onChange: (e) => p(e.target.value),
+			value: p,
+			onChange: (e) => m(e.target.value),
 			onKeyDown: (e) => {
 				if (e.key === "Enter") {
-					e.preventDefault(), o(f, "down");
+					e.preventDefault(), o(p, "down");
 					return;
 				}
 				if (e.key === "Escape") {
 					e.preventDefault(), l();
 					return;
 				}
-				e.key === "Tab" && (e.preventDefault(), o(f, e.shiftKey ? "left" : "right"));
+				e.key === "Tab" && (e.preventDefault(), o(p, e.shiftKey ? "left" : "right"));
 			},
-			onBlur: () => o(f),
-			className: "ssg-cell-editor-input"
+			onBlur: () => o(p),
+			className: "ssg-cell-editor-input",
+			style: u ? { textAlign: u } : void 0
 		})
 	}) : null;
 }
 //#endregion
 //#region src/components/spreadsheet-grid/utils/permissions.ts
-var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 : e.canEditCell ? e.canEditCell(t, n, r, i) : !0, j = (e, t) => t.getValue ? t.getValue(e) : e[t.key], M = (e, t, n) => t.setValue ? t.setValue(e, n) : {
+var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 : e.canEditCell ? e.canEditCell(t, n, r, i) : !0, R = (e, t) => t.getValue ? t.getValue(e) : e[t.key], pe = (e, t, n) => t.setValue ? t.setValue(e, n) : {
 	...e,
 	[t.key]: n
-}, N = (e) => {
+}, me = (e) => {
 	let t = new Int32Array(e);
 	for (let n = 0; n < e; n += 1) t[n] = n;
 	return t;
-}, P = (e) => e?.kind === "set", F = (e) => {
+}, he = (e) => e?.kind === "set", ge = (e) => {
 	if (!e) return !1;
 	switch (e.kind) {
 		case "set":
@@ -396,7 +588,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		case "text":
 		case "date": return e.value.trim().length > 0;
 	}
-}, I = (e) => {
+}, _e = (e) => {
 	let t = e.trim();
 	if (!t) return null;
 	let n = t.match(/^(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)$/);
@@ -414,14 +606,14 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		operator: r[1] ?? "=",
 		value: Number(r[2])
 	} : null;
-}, L = (e) => e?.kind === "number", ee = (e) => {
+}, ve = (e) => e?.kind === "number", ye = (e) => {
 	let t = e.trim();
 	return t ? {
 		kind: "number",
 		raw: t,
-		parsed: I(t)
+		parsed: _e(t)
 	} : null;
-}, te = (e) => {
+}, be = (e) => {
 	if (!e) return "";
 	switch (e.kind) {
 		case "number": return e.raw;
@@ -431,8 +623,8 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		case "set":
 		case "custom": return "";
 	}
-}, ne = (e, t, n) => {
-	if (!F(t)) return null;
+}, xe = (e, t, n) => {
+	if (!ge(t)) return null;
 	let r = t;
 	if (e.filterFn) {
 		let t = e.filterFn;
@@ -441,24 +633,24 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	switch (r.kind) {
 		case "set": {
 			let t = new Set(r.values);
-			return r.mode === "exclude" ? (n) => !t.has(String(j(n, e) ?? "")) : (n) => t.has(String(j(n, e) ?? ""));
+			return r.mode === "exclude" ? (n) => !t.has(String(R(n, e) ?? "")) : (n) => t.has(String(R(n, e) ?? ""));
 		}
 		case "number": {
 			let t = r.parsed;
 			if (t === null) {
 				let t = r.raw.toLowerCase();
-				return (n) => String(j(n, e) ?? "").toLowerCase().includes(t);
+				return (n) => String(R(n, e) ?? "").toLowerCase().includes(t);
 			}
 			if (t.mode === "range") {
 				let { min: r, max: i } = t;
 				return (t, a) => {
-					let o = n ? n[a] : Number(j(t, e));
+					let o = n ? n[a] : Number(R(t, e));
 					return Number.isFinite(o) && o >= r && o <= i;
 				};
 			}
 			let { operator: i, value: a } = t;
 			return (t, r) => {
-				let o = n ? n[r] : Number(j(t, e));
+				let o = n ? n[r] : Number(R(t, e));
 				if (!Number.isFinite(o)) return !1;
 				switch (i) {
 					case ">": return o > a;
@@ -471,26 +663,26 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		}
 		case "select": {
 			let t = r.value;
-			return (n) => String(j(n, e) ?? "") === t;
+			return (n) => String(R(n, e) ?? "") === t;
 		}
 		case "text":
 		case "date": {
 			let t = r.value.trim().toLowerCase();
-			return (n) => String(j(n, e) ?? "").toLowerCase().includes(t);
+			return (n) => String(R(n, e) ?? "").toLowerCase().includes(t);
 		}
 		case "custom": {
 			let t = String(r.value ?? "").trim().toLowerCase();
-			return (n) => String(j(n, e) ?? "").toLowerCase().includes(t);
+			return (n) => String(R(n, e) ?? "").toLowerCase().includes(t);
 		}
 	}
-}, re = (e, t, n, r) => {
+}, Se = (e, t, n, r) => {
 	let i = r.trim().toLowerCase();
 	if (!i) return t;
 	let a = t.length, o = n.length, s = new Int32Array(a), c = 0;
 	for (let r = 0; r < a; r += 1) {
 		let a = t[r], l = e[a], u = !1;
 		for (let e = 0; e < o; e += 1) {
-			let t = j(l, n[e]);
+			let t = R(l, n[e]);
 			if (String(t ?? "").toLowerCase().includes(i)) {
 				u = !0;
 				break;
@@ -499,10 +691,10 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		u && (s[c] = a, c += 1);
 	}
 	return c === a ? t : s.slice(0, c);
-}, ie = (e, t, n, r, i) => {
+}, Ce = (e, t, n, r, i) => {
 	let a = [];
 	for (let e of n) {
-		let t = ne(e, r[e.key], i?.get(e.key));
+		let t = xe(e, r[e.key], i?.get(e.key));
 		t && a.push(t);
 	}
 	if (a.length === 0) return t;
@@ -516,19 +708,19 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		o && (c[l] = r, l += 1);
 	}
 	return l === o ? t : c.slice(0, l);
-}, ae = 240, R = 8, oe = 8, se = 260, ce = 400, le = ({ visibleColumns: e, columnFilterValues: n, enableColumnFilter: i, gridRootRef: o }) => {
+}, we = 240, z = 8, Te = 8, Ee = 260, De = 400, Oe = ({ visibleColumns: e, columnFilterValues: n, enableColumnFilter: i, gridRootRef: o }) => {
 	let [l, u] = c(null), [d, f] = c(null), p = s(null), m = s(null), h = s(null), g = s(null), _ = l !== null, v = l?.columnKey ?? null, y = a(() => v ? e.find((e) => e.key === v) ?? null : null, [v, e]), b = t(() => {
 		if (!v || !m.current) {
 			f(null);
 			return;
 		}
-		let e = m.current.getBoundingClientRect(), t = y?.filterType === "set" ? ce : se, n = e.right - ae;
-		n = Math.max(R, n), n = Math.min(n, window.innerWidth - ae - R);
-		let r = e.bottom + oe;
-		r + t > window.innerHeight - R && (r = e.top - t - oe), r = Math.max(R, r), f((e) => e && e.top === r && e.left === n && e.width === ae ? e : {
+		let e = m.current.getBoundingClientRect(), t = y?.filterType === "set" ? De : Ee, n = e.right - we;
+		n = Math.max(z, n), n = Math.min(n, window.innerWidth - we - z);
+		let r = e.bottom + Te;
+		r + t > window.innerHeight - z && (r = e.top - t - Te), r = Math.max(z, r), f((e) => e && e.top === r && e.left === n && e.width === we ? e : {
 			top: r,
 			left: n,
-			width: ae
+			width: we
 		});
 	}, [v, y]), x = t((e) => {
 		if (!i) return;
@@ -536,7 +728,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		let t = o.current?.querySelectorAll("[data-ssg-col-key]");
 		m.current = t ? Array.from(t).find((t) => t.dataset.ssgColKey === e.key) ?? null : null, u({
 			columnKey: e.key,
-			draftValue: te(n[e.key])
+			draftValue: be(n[e.key])
 		});
 	}, [
 		n,
@@ -605,142 +797,14 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		closeColumnFilterPopover: S,
 		updateFilterPopoverDraft: C
 	};
-}, z = (e, t, n) => Math.min(Math.max(e, t), n), ue = (e, t) => {
-	let n = 0;
-	return e.map((e, r) => {
-		let i = t[e.key] ?? e.width, a = {
-			index: r,
-			column: e,
-			start: n,
-			size: i,
-			end: n + i
-		};
-		return n += i, a;
-	});
-}, de = (e) => e.pinned === "left" ? "left" : e.pinned === "right" ? "right" : "center", fe = (e) => {
-	let t = [], n = [], r = [];
-	for (let i of e) {
-		let e = de(i);
-		e === "left" ? t.push(i) : e === "right" ? r.push(i) : n.push(i);
-	}
-	return [
-		...t,
-		...n,
-		...r
-	];
-}, pe = (e) => {
-	let t = {
-		left: [],
-		center: [],
-		right: []
-	};
-	return e.forEach((e, n) => {
-		t[de(e)].push({
-			column: e,
-			logicalIndex: n
-		});
-	}), t;
-}, me = (e, t) => e.map(({ column: e }) => t[e.key] ?? e.width), he = (e, t) => me(e, t).join(","), ge = (e) => e === "" ? [] : e.split(",").map(Number), _e = (e, t, n) => {
-	let r = 0;
-	return {
-		pane: e,
-		entries: t.map(({ column: e, logicalIndex: t }, i) => {
-			let a = n[i] ?? e.width, o = {
-				column: e,
-				logicalIndex: t,
-				paneLocalStart: r,
-				paneLocalSize: a,
-				paneLocalEnd: r + a
-			};
-			return r += a, o;
-		}),
-		totalWidth: r
-	};
-}, ve = (e, t, n) => _e(e, t, ge(n)), ye = (e, t) => {
-	let n = [
-		["left", e.left],
-		["center", e.center],
-		["right", e.right]
-	];
-	for (let [e, r] of n) {
-		let n = r.entries.find((e) => e.logicalIndex === t);
-		if (n) return {
-			pane: e,
-			entry: n
-		};
-	}
-	return null;
-}, B = (e, t) => {
-	let { entries: n } = e;
-	if (n.length === 0) return -1;
-	if (t <= 0) return n[0].logicalIndex;
-	let r = 0, i = n.length - 1;
-	for (; r <= i;) {
-		let e = Math.floor((r + i) / 2), a = n[e];
-		if (t < a.paneLocalStart) {
-			i = e - 1;
-			continue;
-		}
-		if (t >= a.paneLocalEnd) {
-			r = e + 1;
-			continue;
-		}
-		return a.logicalIndex;
-	}
-	return n[Math.max(0, Math.min(r, n.length - 1))].logicalIndex;
-}, be = (e, t) => {
-	let { entries: n } = e;
-	for (let e = 0; e < n.length; e += 1) {
-		let r = n[e];
-		if (t < r.paneLocalStart + r.paneLocalSize / 2) return e;
-	}
-	return n.length;
-}, xe = (e, t) => {
-	let { entries: n, totalWidth: r } = e;
-	return n.length === 0 ? 0 : t <= 0 ? n[0].paneLocalStart : t >= n.length ? r : n[t].paneLocalStart;
-}, Se = (e, t, n) => {
-	let r = Math.min(t, n), i = Math.max(t, n), a = Infinity, o = -Infinity, s = !1;
-	for (let t of e.entries) t.logicalIndex < r || t.logicalIndex > i || (s = !0, t.paneLocalStart < a && (a = t.paneLocalStart), t.paneLocalEnd > o && (o = t.paneLocalEnd));
-	return s ? {
-		start: a,
-		end: o,
-		width: o - a
-	} : null;
-}, Ce = (e, t, n) => ({
-	left: Se(e.left, t, n),
-	center: Se(e.center, t, n),
-	right: Se(e.right, t, n)
-}), we = (e) => {
-	let t = (e) => e.entries.length === 0 ? null : {
-		start: 0,
-		end: e.totalWidth,
-		width: e.totalWidth
-	};
-	return {
-		left: t(e.left),
-		center: t(e.center),
-		right: t(e.right)
-	};
-}, Te = (e, t) => {
-	let n = ye(e, t);
-	if (!n) return null;
-	let { pane: r, entry: i } = n;
-	return {
-		pane: r,
-		extent: {
-			start: i.paneLocalStart,
-			end: i.paneLocalEnd,
-			width: i.paneLocalSize
-		}
-	};
-}, Ee = (e) => {
+}, ke = (e) => {
 	let t = e.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
 	return t ? t.split("\n").filter((e) => e.length > 0).map((e) => e.split("	")) : [];
-}, De = (e, t, n, r) => {
+}, Ae = (e, t, n, r) => {
 	if (!r) return "";
 	let i = [];
 	if (r.type === "cell") {
-		let t = S(r.range);
+		let t = ie(r.range);
 		for (let r = t.start.row; r <= t.end.row; r += 1) {
 			let a = e(r);
 			if (!a) continue;
@@ -748,7 +812,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			for (let e = t.start.col; e <= t.end.col; e += 1) {
 				let t = n[e];
 				if (!t) continue;
-				let r = j(a, t), i = t.formatClipboardValue ? t.formatClipboardValue(r, a) : String(r ?? "");
+				let r = R(a, t), i = t.formatClipboardValue ? t.formatClipboardValue(r, a) : String(r ?? "");
 				o.push(i);
 			}
 			i.push(o.join("	"));
@@ -756,19 +820,19 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		return i.join("\n");
 	}
 	if (r.type === "row") {
-		let t = C(r.startRow, r.endRow);
+		let t = ae(r.startRow, r.endRow);
 		for (let r = t.startRow; r <= t.endRow; r += 1) {
 			let t = e(r);
 			if (!t) continue;
 			let a = n.map((e) => {
-				let n = j(t, e);
+				let n = R(t, e);
 				return e.formatClipboardValue ? e.formatClipboardValue(n, t) : String(n ?? "");
 			});
 			i.push(a.join("	"));
 		}
 		return i.join("\n");
 	}
-	let a = w(r.startCol, r.endCol);
+	let a = oe(r.startCol, r.endCol);
 	for (let r = 0; r < t; r += 1) {
 		let t = e(r);
 		if (!t) continue;
@@ -776,13 +840,13 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		for (let e = a.startCol; e <= a.endCol; e += 1) {
 			let r = n[e];
 			if (!r) continue;
-			let i = j(t, r), a = r.formatClipboardValue ? r.formatClipboardValue(i, t) : String(i ?? "");
+			let i = R(t, r), a = r.formatClipboardValue ? r.formatClipboardValue(i, t) : String(i ?? "");
 			o.push(a);
 		}
 		i.push(o.join("	"));
 	}
 	return i.join("\n");
-}, Oe = (e, t, n, r, i, a, o) => {
+}, je = (e, t, n, r, i, a, o) => {
 	if (r.length === 0) return e;
 	let s = [...e];
 	for (let e = 0; e < r.length; e += 1) {
@@ -795,12 +859,12 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			let i = a + t, s = n[i];
 			if (!s || !o(c, i, l, s)) continue;
 			let f = r[e][t], p = s.parseClipboardValue ? s.parseClipboardValue(f, l) : f;
-			u = M(u, s, p), d = !0;
+			u = pe(u, s, p), d = !0;
 		}
 		d && (s[c] = u);
 	}
 	return s;
-}, ke = ({ rows: e, rowModel: n, visibleColumns: r, uiState: i, readOnly: a, canEditCell: o, createRow: s, createOverflowColumn: c, onRowsChange: l, onColumnsChange: u, dispatch: d }) => {
+}, Me = ({ rows: e, rowModel: n, visibleColumns: r, uiState: i, readOnly: a, canEditCell: o, createRow: s, createOverflowColumn: c, onRowsChange: l, onColumnsChange: u, dispatch: d }) => {
 	let f = n.getRowCount(), p = f > 0 && r.length > 0 && i.selection?.type === "cell" && (() => {
 		let e = i.selection.range.start, t = i.selection.range.end, n = Math.min(e.row, t.row), a = Math.min(e.col, t.col), o = Math.max(e.row, t.row), s = Math.max(e.col, t.col);
 		return n === 0 && a === 0 && o === f - 1 && s === r.length - 1;
@@ -812,7 +876,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			let e = n.getRow(i);
 			if (!e) continue;
 			let a = r.map((t) => {
-				let n = j(e, t);
+				let n = R(e, t);
 				return t.formatClipboardValue ? t.formatClipboardValue(n, e) : String(n ?? "");
 			});
 			t.push(a.join("	"));
@@ -822,7 +886,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	return {
 		isWholeGridSelected: p,
 		handleCopy: t(async () => {
-			let e = p ? m() : De(n.getRow, n.getRowCount(), r, i.selection);
+			let e = p ? m() : Ae(n.getRow, n.getRowCount(), r, i.selection);
 			e && navigator.clipboard?.writeText && await navigator.clipboard.writeText(e);
 		}, [
 			p,
@@ -836,26 +900,26 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			let f = t.clipboardData.getData("text/plain");
 			if (!f) return;
 			t.preventDefault();
-			let p = Ee(f);
+			let p = ke(f);
 			if (p.length === 0) return;
-			let m = i.activeCell.row, g = n.getSourceIndex(m);
-			if (g === void 0) return;
-			let _ = i.activeCell.col, v = [...e], y = [...r], b = n.getRowCount(), x = v.length, S = (e) => e < b ? n.getSourceIndex(e) : x + (e - b), C = g + p.length;
-			if (C > v.length && s) for (; v.length < C;) v.push(s());
-			let w = p.reduce((e, t) => Math.max(e, t.length), 0);
-			if (w === 0) return;
-			let T = _ + w;
-			if (T > y.length && u && c) {
-				for (; y.length < T;) y.push(c(y.length));
-				u(y);
+			let m = i.activeCell.row, _ = n.getSourceIndex(m);
+			if (_ === void 0) return;
+			let v = i.activeCell.col, y = [...e], b = [...r], x = n.getRowCount(), S = y.length, C = (e) => e < x ? n.getSourceIndex(e) : S + (e - x), w = _ + p.length;
+			if (w > y.length && s) for (; y.length < w;) y.push(s());
+			let T = p.reduce((e, t) => Math.max(e, t.length), 0);
+			if (T === 0) return;
+			let E = v + T;
+			if (E > b.length && u && c) {
+				for (; b.length < E;) b.push(c(b.length));
+				u(b);
 			}
-			let E = Oe(v, S, y, p, m, _, (e, t, n, r) => A({
+			let D = je(y, C, b, p, m, v, (e, t, n, r) => fe({
 				readOnly: a,
 				canEditCell: o
-			}, e, t, n, r)), D = z(i.activeCell.row + Math.max(p.length - 1, 0), 0, Math.max(Math.max(n.getRowCount() - 1, 0), m + p.length - 1)), O = z(i.activeCell.col + Math.max((p[0]?.length ?? 1) - 1, 0), 0, Math.max(Math.max(y.length - 1, 0), _ + w - 1));
-			l(E), d(h.startSelection(i.activeCell)), d(h.updateSelection({
-				row: D,
-				col: O
+			}, e, t, n, r)), O = g(i.activeCell.row + Math.max(p.length - 1, 0), 0, Math.max(Math.max(n.getRowCount() - 1, 0), m + p.length - 1)), k = g(i.activeCell.col + Math.max((p[0]?.length ?? 1) - 1, 0), 0, Math.max(Math.max(b.length - 1, 0), v + T - 1));
+			l(D), d(h.startSelection(i.activeCell)), d(h.updateSelection({
+				row: O,
+				col: k
 			})), d(h.endSelection()), d(h.activateCell(i.activeCell));
 		}, [
 			o,
@@ -871,24 +935,24 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			r
 		])
 	};
-}, Ae = (e) => {
+}, Ne = (e) => {
 	if (e < 0) return "";
 	let t = e, n = "";
 	for (; t >= 0;) n = String.fromCharCode(t % 26 + 65) + n, t = Math.floor(t / 26) - 1;
 	return n;
-}, je = (e, t, n) => e ? e(t) : n, Me = (e, t = 16) => e.length <= t ? e : `${e.slice(0, t)}…`, Ne = (e) => e ? `${Ae(e.col)}${e.row + 1}` : "なし", Pe = (e) => {
+}, Pe = (e, t, n) => e ? e(t) : n, Fe = (e, t = 16) => e.length <= t ? e : `${e.slice(0, t)}…`, Ie = (e) => e ? `${Ne(e.col)}${e.row + 1}` : "なし", Le = (e) => {
 	if (!e) return "なし";
 	if (e.type === "cell") {
 		let t = Math.min(e.range.start.row, e.range.end.row), n = Math.max(e.range.start.row, e.range.end.row), r = Math.min(e.range.start.col, e.range.end.col), i = Math.max(e.range.start.col, e.range.end.col);
-		return `${Ae(r)}${t + 1} - ${Ae(i)}${n + 1}`;
+		return `${Ne(r)}${t + 1} - ${Ne(i)}${n + 1}`;
 	}
 	if (e.type === "row") {
 		let t = Math.min(e.startRow, e.endRow), n = Math.max(e.startRow, e.endRow);
 		return `Row ${t + 1} - ${n + 1}`;
 	}
 	let t = Math.min(e.startCol, e.endCol), n = Math.max(e.startCol, e.endCol);
-	return `Col ${Ae(t)} - ${Ae(n)}`;
-}, Fe = (e, t) => `Rows: ${t} / ${e.rows.length}`, Ie = (e) => `Columns: ${e.visibleColumns.length} / ${e.columns.length}`, Le = (e, t) => {
+	return `Col ${Ne(t)} - ${Ne(n)}`;
+}, Re = (e, t) => `Rows: ${t} / ${e.rows.length}`, ze = (e) => `Columns: ${e.visibleColumns.length} / ${e.columns.length}`, Be = (e, t) => {
 	let n = e.selection;
 	if (!n) return {
 		selectedCellCount: 0,
@@ -917,25 +981,25 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		selectedRowCount: a,
 		selectedColumnCount: i
 	};
-}, Re = (e, t) => {
-	let n = Le(e, t);
+}, Ve = (e, t) => {
+	let n = Be(e, t);
 	return `Cells: ${n.selectedCellCount} / Rows: ${n.selectedRowCount}`;
-}, V = (e) => Object.values(e).filter((e) => F(e)).length, ze = (e) => {
-	let t = e.globalFilterText.trim().length > 0, n = t ? Me(e.globalFilterText.trim()) : null, r = V(e.columnFilterValues);
+}, He = (e) => Object.values(e).filter((e) => ge(e)).length, B = (e) => {
+	let t = e.globalFilterText.trim().length > 0, n = t ? Fe(e.globalFilterText.trim()) : null, r = He(e.columnFilterValues);
 	return !t && r === 0 ? "Filter: なし" : t && r === 0 ? `Filter: Global("${n}")` : !t && r > 0 ? `Filter: ${r}列` : `Filter: Global("${n}") + ${r}列`;
-}, Be = (e, t) => {
+}, Ue = (e, t) => {
 	let n = e.find((e) => e.key === t);
 	return n?.title || n?.key || t;
-}, Ve = (e) => e.sortState.length === 0 ? "Sort: なし" : `Sort: ${e.sortState.map((t) => `${Be(e.columns, t.columnKey)} (${t.direction === "asc" ? "昇順" : "降順"})`).join(", ")}`, He = (e, t) => {
-	let n = Le(e, t), r = e.globalFilterText.trim().length > 0, i = r ? Me(e.globalFilterText.trim()) : null, a = V(e.columnFilterValues), o = r || a > 0, s = e.sortState.length > 0, c = s ? Be(e.columns, e.sortState[0].columnKey) : null;
+}, We = (e) => e.sortState.length === 0 ? "Sort: なし" : `Sort: ${e.sortState.map((t) => `${Ue(e.columns, t.columnKey)} (${t.direction === "asc" ? "昇順" : "降順"})`).join(", ")}`, Ge = (e, t) => {
+	let n = Be(e, t), r = e.globalFilterText.trim().length > 0, i = r ? Fe(e.globalFilterText.trim()) : null, a = He(e.columnFilterValues), o = r || a > 0, s = e.sortState.length > 0, c = s ? Ue(e.columns, e.sortState[0].columnKey) : null;
 	return {
-		rowSummaryText: Fe(e, t),
-		columnSummaryText: Ie(e),
-		filterSummaryText: ze(e),
-		sortSummaryText: Ve(e),
-		activeCellLabel: Ne(e.activeCell),
-		selectionLabel: Pe(e.selection),
-		selectionStatsText: Re(e, t),
+		rowSummaryText: Re(e, t),
+		columnSummaryText: ze(e),
+		filterSummaryText: B(e),
+		sortSummaryText: We(e),
+		activeCellLabel: Ie(e.activeCell),
+		selectionLabel: Le(e.selection),
+		selectionStatsText: Ve(e, t),
 		selectionStats: n,
 		hasGlobalFilter: r,
 		globalFilterPreview: i,
@@ -944,8 +1008,8 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		hasSorting: s,
 		sortedColumnLabel: c
 	};
-}, Ue = ({ rows: e, viewRowCount: t, getFilteredRows: n, columns: r, visibleColumns: i, uiState: o, setGlobalFilterText: s }) => {
-	let c = T(o), l = o.filters.columnFilters, u = o.sort, d = o.activeCell, f = o.selection, p = a(() => ({
+}, Ke = ({ rows: e, viewRowCount: t, getFilteredRows: n, columns: r, visibleColumns: i, uiState: o, setGlobalFilterText: s }) => {
+	let c = se(o), l = o.filters.columnFilters, u = o.sort, d = o.activeCell, f = o.selection, p = a(() => ({
 		rows: e,
 		columns: r,
 		visibleColumns: i,
@@ -963,7 +1027,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		u,
 		d,
 		f
-	]), m = a(() => He(p, t), [p, t]);
+	]), m = a(() => Ge(p, t), [p, t]);
 	return {
 		slotContextBase: p,
 		derivedSummary: m,
@@ -981,7 +1045,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			p
 		])
 	};
-}, We = ({ uiState: e, rows: n, visibleColumns: r, rowModel: i, setEditorInitialValue: a, onRowsChange: o, dispatch: s, getMovedCell: c, gridRootRef: l, editorActionGuardRef: u }) => {
+}, qe = ({ uiState: e, rows: n, visibleColumns: r, rowModel: i, setEditorInitialValue: a, onRowsChange: o, dispatch: s, getMovedCell: c, gridRootRef: l, editorActionGuardRef: u }) => {
 	let d = t((e) => {
 		s(h.startSelection(e)), s(h.endSelection()), s(h.activateCell(e));
 	}, [s]);
@@ -999,7 +1063,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			}
 			if (o) {
 				let e = m.parseClipboardValue ? m.parseClipboardValue(t, _) : t;
-				o(n.map((t, n) => n === g ? M(t, m, e) : t));
+				o(n.map((t, n) => n === g ? pe(t, m, e) : t));
 			}
 			u.current = !0, requestAnimationFrame(() => {
 				l.current?.focus(), d(p), u.current = !1;
@@ -1026,18 +1090,18 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			l
 		])
 	};
-}, Ge = (e) => e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey, Ke = (e) => e instanceof HTMLElement ? e.closest("input, textarea, select, button, [contenteditable=\"true\"]") !== null : !1, qe = ({ uiState: e, rowModel: n, visibleColumns: r, readOnly: i, canEditCell: a, setEditorInitialValue: o, dispatch: s, handleCopy: c, handleCellDoubleClick: l, isWholeGridSelected: u, selectEntireGrid: d }) => {
+}, Je = (e) => e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey, Ye = (e) => e instanceof HTMLElement ? e.closest("input, textarea, select, button, [contenteditable=\"true\"]") !== null : !1, Xe = ({ uiState: e, rowModel: n, visibleColumns: r, readOnly: i, canEditCell: a, setEditorInitialValue: o, dispatch: s, handleCopy: c, handleCellDoubleClick: l, isWholeGridSelected: u, selectEntireGrid: d }) => {
 	let f = n.getRowCount(), p = t((e, t, n) => ({
-		row: z(e.row + t, 0, Math.max(f - 1, 0)),
-		col: z(e.col + n, 0, Math.max(r.length - 1, 0))
+		row: g(e.row + t, 0, Math.max(f - 1, 0)),
+		col: g(e.col + n, 0, Math.max(r.length - 1, 0))
 	}), [f, r.length]), m = t((t, n, i) => {
 		if (f === 0 || r.length === 0) return;
 		let a = e.activeCell ?? {
 			row: 0,
 			col: 0
 		}, o = {
-			row: z(a.row + t, 0, f - 1),
-			col: z(a.col + n, 0, r.length - 1)
+			row: g(a.row + t, 0, f - 1),
+			col: g(a.col + n, 0, r.length - 1)
 		};
 		if (i) {
 			let t = e.selection?.type === "cell" ? e.selection.range.start : a;
@@ -1055,7 +1119,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	return {
 		getMovedCell: p,
 		handleKeyDown: t(async (t) => {
-			if (!Ke(t.target) && !e.editingCell) {
+			if (!Ye(t.target) && !e.editingCell) {
 				if ((t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "c") {
 					t.preventDefault(), await c();
 					return;
@@ -1096,9 +1160,9 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 					t.preventDefault(), e.activeCell && l(e.activeCell);
 					return;
 				}
-				if (Ge(t) && e.activeCell) {
+				if (Je(t) && e.activeCell) {
 					let c = n.getRow(e.activeCell.row), l = r[e.activeCell.col];
-					if (!c || !l || !A({
+					if (!c || !l || !fe({
 						readOnly: i,
 						canEditCell: a
 					}, e.activeCell.row, e.activeCell.col, c, l)) return;
@@ -1121,13 +1185,13 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			r
 		])
 	};
-}, Je = new Intl.Collator("ja", {
+}, Ze = new Intl.Collator("ja", {
 	numeric: !0,
 	sensitivity: "base"
-}), Ye = (e, t) => {
+}), Qe = (e, t) => {
 	let n = Number(e), r = Number(t);
-	return Number.isFinite(n) && Number.isFinite(r) ? n - r : Je.compare(String(e ?? ""), String(t ?? ""));
-}, Xe = (e, t, n, r) => {
+	return Number.isFinite(n) && Number.isFinite(r) ? n - r : Ze.compare(String(e ?? ""), String(t ?? ""));
+}, $e = (e, t, n, r) => {
 	if (!r) return e.length === 1 && e[0].columnKey === t && e[0].direction === n ? [] : [{
 		columnKey: t,
 		direction: n
@@ -1140,20 +1204,20 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		columnKey: t,
 		direction: n
 	} : e);
-}, Ze = (e, t, n) => e.some((e) => e.columnKey === t) ? e : [...e, {
+}, et = (e, t, n) => e.some((e) => e.columnKey === t) ? e : [...e, {
 	columnKey: t,
 	direction: n
-}], Qe = (e, t, n) => t < 0 || t >= e.length || e[t].direction === n ? e : e.map((e, r) => r === t ? {
+}], tt = (e, t, n) => t < 0 || t >= e.length || e[t].direction === n ? e : e.map((e, r) => r === t ? {
 	...e,
 	direction: n
-} : e), $e = (e, t, n) => t < 0 || t >= e.length || e[t].columnKey === n ? e : e.map((e, r) => r === t ? {
+} : e), nt = (e, t, n) => t < 0 || t >= e.length || e[t].columnKey === n ? e : e.map((e, r) => r === t ? {
 	...e,
 	columnKey: n
-} : e).filter((e, r) => r === t || e.columnKey !== n), et = (e, t) => t < 0 || t >= e.length ? e : e.filter((e, n) => n !== t), tt = (e, t, n) => {
+} : e).filter((e, r) => r === t || e.columnKey !== n), rt = (e, t) => t < 0 || t >= e.length ? e : e.filter((e, n) => n !== t), it = (e, t, n) => {
 	if (t < 0 || t >= e.length || n < 0 || n >= e.length || t === n) return e;
 	let r = [...e], [i] = r.splice(t, 1);
 	return r.splice(n, 0, i), r;
-}, nt = (e, t, n, r) => {
+}, at = (e, t, n, r) => {
 	if (r.length === 0) return t;
 	let i = r.map((e) => {
 		let t = n.find((t) => t.key === e.columnKey);
@@ -1167,7 +1231,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	for (let n = 0; n < o; n += 1) {
 		let r = i[n].column, o = new Float64Array(a), s = !0;
 		for (let n = 0; n < a; n += 1) {
-			let i = Number(j(e[t[n]], r));
+			let i = Number(R(e[t[n]], r));
 			if (!Number.isFinite(i)) {
 				s = !1;
 				break;
@@ -1198,12 +1262,12 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	else {
 		let n = i.map(({ column: n }) => {
 			let r = Array(a);
-			for (let i = 0; i < a; i += 1) r[i] = j(e[t[i]], n);
+			for (let i = 0; i < a; i += 1) r[i] = R(e[t[i]], n);
 			return r;
 		});
 		u.sort((e, r) => {
 			for (let t = 0; t < o; t += 1) {
-				let i = Ye(n[t][e], n[t][r]);
+				let i = Qe(n[t][e], n[t][r]);
 				if (i !== 0) return i * s[t];
 			}
 			return t[e] - t[r];
@@ -1212,24 +1276,24 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	let d = new Int32Array(a);
 	for (let e = 0; e < a; e += 1) d[e] = t[u[e]];
 	return d;
-}, rt = 15e6, it = (e, t, n, r) => e && t && n > 0 && n <= r, at = 1 << 20, ot = (e, t) => ({
+}, ot = 15e6, st = (e, t, n, r) => e && t && n > 0 && n <= r, ct = 1 << 20, lt = (e, t) => ({
 	rowCount: e,
 	rowTop: (e) => e * t,
 	rowsHeight: (e, n) => (n - e + 1) * t,
 	totalBodyHeight: e * t,
 	rowAtContentY: (n) => Math.min(Math.max(Math.floor(n / t), 0), Math.max(e - 1, 0))
-}), st = (e, t, n, r) => {
+}), ut = (e, t, n, r) => {
 	if (r < n) return null;
 	let i = Math.max(e, n), a = Math.min(t, r);
 	return i > a ? null : {
 		start: i,
 		end: a
 	};
-}, ct = (e, t) => e * t, lt = (e, t) => t === 1 ? e : e / t, ut = (e, t, n, r) => {
+}, dt = (e, t) => e * t, ft = (e, t) => t === 1 ? e : e / t, pt = (e, t, n, r) => {
 	let i = t * (1 - n);
 	return r.rowAtContentY(e - i);
-}, dt = ({ rowCount: e, rowHeight: t, headerHeight: n, viewportHeight: r, scrollTop: i, overscan: a, maxBodyPx: o }) => {
-	let s = e * t, c = Math.min(s, o), l = Math.max(n + s - r, 0), u = Math.max(n + c - r, 0), d = u > 0 && s > c ? l / u : 1, f = Math.min(Math.max(i, 0), u), p = f * d, m = Math.ceil(r / t) + 1, h = Math.floor(p / t), g = Math.max(h - a, 0), _ = Math.min(h + m + a, e), v = d === 1 ? 0 : Math.floor(g * t / at) * at, y = f - p + v, b = [], x = /* @__PURE__ */ new Set();
+}, mt = ({ rowCount: e, rowHeight: t, headerHeight: n, viewportHeight: r, scrollTop: i, overscan: a, maxBodyPx: o }) => {
+	let s = e * t, c = Math.min(s, o), l = Math.max(n + s - r, 0), u = Math.max(n + c - r, 0), d = u > 0 && s > c ? l / u : 1, f = Math.min(Math.max(i, 0), u), p = f * d, m = Math.ceil(r / t) + 1, h = Math.floor(p / t), g = Math.max(h - a, 0), _ = Math.min(h + m + a, e), v = d === 1 ? 0 : Math.floor(g * t / ct) * ct, y = f - p + v, b = [], x = /* @__PURE__ */ new Set();
 	for (let e = g; e < _; e += 1) b.push({
 		index: e,
 		start: n + e * t - v
@@ -1243,7 +1307,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		rows: b,
 		rowIndexSet: x
 	};
-}, ft = ({ headerHeight: e, viewportHeight: t, scrollTop: n, overscan: r }, i) => {
+}, ht = ({ headerHeight: e, viewportHeight: t, scrollTop: n, overscan: r }, i) => {
 	let a = i.rowCount, o = i.totalBodyHeight, s = o, c = Math.max(e + o - t, 0), l = Math.min(Math.max(n, 0), c), u = i.rowAtContentY(l), d = i.rowAtContentY(l + t), f = Math.max(u - r, 0), p = Math.min(d + r + 1, a), m = [], h = /* @__PURE__ */ new Set();
 	for (let t = f; t < p; t += 1) m.push({
 		index: t,
@@ -1259,48 +1323,47 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		rows: m,
 		rowIndexSet: h
 	};
-}, pt = ({ gridRootRef: e, bodyScrollRef: n, scrollContainerRef: i, leftPaneScrollRef: a, rightPaneScrollRef: o, pointerClientRef: c, autoScrollFrameRef: l, uiState: u, dispatch: d, enableRangeSelection: f, enableSorting: p, orderedColumns: m, filteredRowsLength: g, visibleColumnsLength: _, paneLayout: v, leftLeadingWidth: y, centerLeadingWidth: b, rightLeadingWidth: x, headerHeight: S, rowMetrics: C, verticalScaleFactor: w, setHoveredRowIndex: T, setHoveredColumnIndex: E, enableRowHover: D, enableColumnHeaderHover: O }) => {
-	let k = s(u.dragState);
-	k.current = u.dragState;
-	let A = s(u.sort);
-	A.current = u.sort;
-	let j = s(m);
-	j.current = m;
-	let M = s(p);
-	M.current = p;
-	let N = u.dragState?.type ?? null, P = t((e, t) => {
+}, gt = ({ gridRootRef: e, bodyScrollRef: n, scrollContainerRef: i, leftPaneScrollRef: a, rightPaneScrollRef: o, pointerClientRef: c, autoScrollFrameRef: l, uiState: u, dispatch: d, enableRangeSelection: f, enableSorting: p, orderedColumns: m, filteredRowsLength: _, visibleColumnsLength: v, paneLayout: y, leftLeadingWidth: b, centerLeadingWidth: x, rightLeadingWidth: S, headerHeight: C, rowMetrics: w, verticalScaleFactor: T, setHoveredRowIndex: E, setHoveredColumnIndex: O, enableRowHover: k, enableColumnHeaderHover: A }) => {
+	let j = s(u.dragState);
+	j.current = u.dragState;
+	let M = s(u.sort);
+	M.current = u.sort;
+	let N = s(m);
+	N.current = m;
+	let P = s(p);
+	P.current = p;
+	let F = u.dragState?.type ?? null, ee = t((e, t) => {
 		let r = n.current;
-		if (!r || g === 0 || _ === 0) return null;
-		let s = r.getBoundingClientRect(), c = ut(r.scrollTop + t - s.top - S, i.current?.scrollTop ?? 0, w, C), l = null, u = a.current;
-		if (l === null && u && v.left.entries.length > 0) {
+		if (!r || _ === 0 || v === 0) return null;
+		let s = r.getBoundingClientRect(), c = pt(r.scrollTop + t - s.top - C, i.current?.scrollTop ?? 0, T, w), l = null, u = a.current;
+		if (l === null && u && y.left.entries.length > 0) {
 			let t = u.getBoundingClientRect();
 			if (e < t.right) {
-				let n = e - t.left - y;
-				l = B(v.left, n);
+				let n = e - t.left - b;
+				l = D(y.left, n);
 			}
 		}
 		let d = o.current;
-		if (l === null && d && v.right.entries.length > 0) {
+		if (l === null && d && y.right.entries.length > 0) {
 			let t = d.getBoundingClientRect();
 			if (e >= t.left) {
-				let n = e - t.left - x;
-				l = B(v.right, n);
+				let n = e - t.left - S;
+				l = D(y.right, n);
 			}
 		}
-		if (l === null && v.center.entries.length > 0) {
-			let t = r.scrollLeft + e - s.left - b;
-			l = B(v.center, Math.max(t, 0));
+		if (l === null && y.center.entries.length > 0) {
+			let t = r.scrollLeft + e - s.left - x;
+			l = D(y.center, Math.max(t, 0));
 		}
 		return l === null ? null : {
 			row: c,
-			col: z(l, 0, _ - 1)
+			col: g(l, 0, v - 1)
 		};
 	}, [
 		n,
 		a,
 		o,
 		i,
-		g,
 		_,
 		v,
 		y,
@@ -1308,11 +1371,12 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		x,
 		S,
 		C,
-		w
-	]), F = t((e, t) => {
-		let n = k.current;
+		w,
+		T
+	]), I = t((e, t) => {
+		let n = j.current;
 		if (!n || n.type !== "selection") return;
-		let r = P(e, t);
+		let r = ee(e, t);
 		if (r) {
 			if (n.selectionKind === "cell") {
 				d(h.updateSelection(r));
@@ -1324,13 +1388,13 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			}
 			n.selectionKind === "col" && d(h.updateColumnSelection(r.col));
 		}
-	}, [d, P]);
+	}, [d, ee]);
 	return r(() => {
 		let e = (e) => {
 			c.current = {
 				x: e.clientX,
 				y: e.clientY
-			}, N === "columnResize" && d(h.updateColumnResize(e.clientX));
+			}, F === "columnResize" && d(h.updateColumnResize(e.clientX));
 		}, t = () => {
 			d(h.endSelection()), d(h.endColumnResize());
 		};
@@ -1340,9 +1404,9 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	}, [
 		d,
 		c,
-		N
+		F
 	]), r(() => {
-		if (N !== "selection") {
+		if (F !== "selection") {
 			l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
 			return;
 		}
@@ -1352,12 +1416,12 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 				l.current = requestAnimationFrame(e);
 				return;
 			}
-			let r = t.getBoundingClientRect(), a = t.scrollTop, o = t.scrollLeft, s = k.current?.type === "selection" && k.current.selectionKind === "col", u = k.current?.type === "selection" && k.current.selectionKind === "row";
+			let r = t.getBoundingClientRect(), a = t.scrollTop, o = t.scrollLeft, s = j.current?.type === "selection" && j.current.selectionKind === "col", u = j.current?.type === "selection" && j.current.selectionKind === "row";
 			s || (n.y < r.top + 24 ? a = Math.max(t.scrollTop - 18, 0) : n.y > r.bottom - 24 && (a = t.scrollTop + 18)), u || (n.x < r.left + 24 ? o = Math.max(t.scrollLeft - 18, 0) : n.x > r.right - 24 && (o = t.scrollLeft + 18)), (a !== t.scrollTop || o !== t.scrollLeft) && (t.scrollTo({
 				top: a,
 				left: o,
 				behavior: "auto"
-			}), F(n.x, n.y)), l.current = requestAnimationFrame(e);
+			}), I(n.x, n.y)), l.current = requestAnimationFrame(e);
 		};
 		return l.current = requestAnimationFrame(e), () => {
 			l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
@@ -1366,10 +1430,10 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		l,
 		i,
 		c,
-		N,
-		F
+		F,
+		I
 	]), {
-		updateSelectionFromPointer: F,
+		updateSelectionFromPointer: I,
 		handleCellPointerDown: t((t, n) => {
 			n.preventDefault(), n.button === 0 && (e.current?.focus(), d(h.activateCell(t)), f && d(h.startSelection(t)));
 		}, [
@@ -1378,8 +1442,8 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			e
 		]),
 		handleCellPointerEnter: t((e, t) => {
-			if (D && T(e.row), !f) return;
-			let n = k.current;
+			if (k && E(e.row), !f) return;
+			let n = j.current;
 			n?.type !== "selection" || n.selectionKind !== "cell" || (c.current = {
 				x: t.clientX,
 				y: t.clientY
@@ -1388,8 +1452,8 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			d,
 			f,
 			c,
-			T,
-			D
+			E,
+			k
 		]),
 		handleNativeDragStart: t((e) => {
 			e.preventDefault();
@@ -1398,8 +1462,8 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			n.preventDefault(), n.button === 0 && (e.current?.focus(), d(h.startRowSelection(t)));
 		}, [d, e]),
 		handleRowHeaderPointerEnter: t((e, t) => {
-			D && T(e);
-			let n = k.current;
+			k && E(e);
+			let n = j.current;
 			n?.type !== "selection" || n.selectionKind !== "row" || (c.current = {
 				x: t.clientX,
 				y: t.clientY
@@ -1407,15 +1471,15 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		}, [
 			d,
 			c,
-			T,
-			D
+			E,
+			k
 		]),
 		handleColumnHeaderPointerDown: t((t, n) => {
 			if (n.preventDefault(), n.button === 0) {
-				if (e.current?.focus(), n.shiftKey && M.current) {
-					let e = j.current[t];
+				if (e.current?.focus(), n.shiftKey && P.current) {
+					let e = N.current[t];
 					if (e) {
-						let t = A.current, n = t.find((t) => t.columnKey === e.key)?.direction ? "desc" : "asc", r = Xe(t, e.key, n, !0);
+						let t = M.current, n = t.find((t) => t.columnKey === e.key)?.direction ? "desc" : "asc", r = $e(t, e.key, n, !0);
 						d(r.length === 0 ? h.clearSort() : h.setSort(r));
 					}
 					return;
@@ -1424,8 +1488,8 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			}
 		}, [d, e]),
 		handleColumnHeaderPointerEnter: t((e, t) => {
-			T(null), O && E(e);
-			let n = k.current;
+			E(null), A && O(e);
+			let n = j.current;
 			n?.type !== "selection" || n.selectionKind !== "col" || (c.current = {
 				x: t.clientX,
 				y: t.clientY
@@ -1433,12 +1497,12 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		}, [
 			d,
 			c,
-			T,
 			E,
-			O
+			O,
+			A
 		])
 	};
-}, mt = ({ scrollRef: e, columnVirtualizer: t, columnMeasurements: n, totalScrollWidth: i, physicalBodyHeight: a, headerHeight: o, leftPaneWidth: s, rightPaneWidth: c, centerLeadingWidth: l, activeCellRect: u, verticalScaleFactor: d }) => {
+}, _t = ({ scrollRef: e, columnVirtualizer: t, columnMeasurements: n, totalScrollWidth: i, physicalBodyHeight: a, headerHeight: o, leftPaneWidth: s, rightPaneWidth: c, centerLeadingWidth: l, activeCellRect: u, verticalScaleFactor: d }) => {
 	r(() => {
 		t.measure();
 	}, [t, n]), r(() => {
@@ -1452,11 +1516,11 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		o
 	]), r(() => {
 		if (!e.current || !u) return;
-		let t = e.current, n = o + u.top, r = n + u.height, i = s + l + u.left, a = i + u.width, f = ct(t.scrollTop, d), p = t.scrollLeft, m = t.clientHeight, h = t.clientWidth, g = f, _ = p, v = f + o, y = f + m;
+		let t = e.current, n = o + u.top, r = n + u.height, i = s + l + u.left, a = i + u.width, f = dt(t.scrollTop, d), p = t.scrollLeft, m = t.clientHeight, h = t.clientWidth, g = f, _ = p, v = f + o, y = f + m;
 		n < v ? g = Math.max(n - o, 0) : r > y && (g = Math.max(r - m, 0));
 		let b = p + s, x = p + h - c;
 		i < b ? _ = Math.max(i - s, 0) : a > x && (_ = Math.max(a - h + c, 0)), (g !== f || _ !== p) && t.scrollTo({
-			top: lt(g, d),
+			top: ft(g, d),
 			left: _,
 			behavior: "auto"
 		});
@@ -1472,15 +1536,15 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 };
 //#endregion
 //#region src/components/spreadsheet-grid/hooks/useColumnHeaderDragController.ts
-function ht(e, t, n, r) {
+function vt(e, t, n, r) {
 	let i = e.find((e) => e.key === t);
 	if (!i) return null;
-	let a = de(i), o = {
+	let a = v(i), o = {
 		left: [],
 		center: [],
 		right: []
 	}, s = /* @__PURE__ */ new Map();
-	for (let t of e) o[de(t)].push(t.key), s.set(t.key, t.visible !== !1);
+	for (let t of e) o[v(t)].push(t.key), s.set(t.key, t.visible !== !1);
 	let c = o[n].filter((e) => s.get(e)).indexOf(t), l = o[a].indexOf(t);
 	if (l < 0) return null;
 	o[a].splice(l, 1);
@@ -1495,7 +1559,7 @@ function ht(e, t, n, r) {
 		...o.right
 	];
 }
-var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"5 9 2 12 5 15\"/><polyline points=\"9 5 12 2 15 5\"/><polyline points=\"15 19 12 22 9 19\"/><polyline points=\"19 9 22 12 19 15\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"/></svg>", U = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"22\"/><path d=\"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z\"/></svg>", St = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"4.9\" y1=\"4.9\" x2=\"19.1\" y2=\"19.1\"/></svg>", W = {
+var yt = 24, bt = 18, xt = 32, St = 2, Ct = 14, V = 12, wt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"5 9 2 12 5 15\"/><polyline points=\"9 5 12 2 15 5\"/><polyline points=\"15 19 12 22 9 19\"/><polyline points=\"19 9 22 12 19 15\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"/></svg>", Tt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"22\"/><path d=\"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z\"/></svg>", H = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"4.9\" y1=\"4.9\" x2=\"19.1\" y2=\"19.1\"/></svg>", U = {
 	normal: {
 		border: "#2563eb",
 		background: "#eff6ff",
@@ -1506,7 +1570,7 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 		background: "#fef2f2",
 		color: "#dc2626"
 	}
-}, Ct = (e) => {
+}, Et = (e) => {
 	let n = s(e);
 	n.current = e;
 	let i = s(null), a = s(null), o = s(null), c = s(null), l = s(null), u = s({
@@ -1530,9 +1594,9 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 			"gap:6px",
 			"padding:4px 10px 4px 8px",
 			"border-radius:9999px",
-			"border:1px solid " + W.normal.border,
-			"background:" + W.normal.background,
-			"color:" + W.normal.color,
+			"border:1px solid " + U.normal.border,
+			"background:" + U.normal.background,
+			"color:" + U.normal.color,
 			"font-size:12px",
 			"font-weight:600",
 			"line-height:1",
@@ -1552,12 +1616,12 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 		let t = f.current;
 		if (!t) return;
 		let { x: n, y: r } = u.current;
-		t.style.transform = "translate(" + (n + H) + "px," + (r + bt) + "px)";
+		t.style.transform = "translate(" + (n + Ct) + "px," + (r + V) + "px)";
 		let i = e ?? "out";
 		if (m.current === i) return;
 		m.current = i;
 		let a = p.current;
-		i === "out" ? (t.style.borderColor = W.out.border, t.style.background = W.out.background, t.style.color = W.out.color, a && (a.innerHTML = St)) : (t.style.borderColor = W.normal.border, t.style.background = W.normal.background, t.style.color = W.normal.color, a && (a.innerHTML = i === "center" ? xt : U));
+		i === "out" ? (t.style.borderColor = U.out.border, t.style.background = U.out.background, t.style.color = U.out.color, a && (a.innerHTML = H)) : (t.style.borderColor = U.normal.border, t.style.background = U.normal.background, t.style.color = U.normal.color, a && (a.innerHTML = i === "center" ? wt : Tt));
 	}, []), v = t(() => {
 		let e = f.current;
 		e && e.parentNode && e.parentNode.removeChild(e), f.current = null, p.current = null, m.current = null;
@@ -1568,23 +1632,23 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 			if (e < n.left || e > n.right || t < n.top || t > n.bottom) return null;
 		}
 		let f = i.current, p = a.current;
-		if (f && r.left.entries.length === 0 && e <= f.getBoundingClientRect().left + vt) return {
+		if (f && r.left.entries.length === 0 && e <= f.getBoundingClientRect().left + xt) return {
 			pane: "left",
 			slot: 0,
-			leftPx: yt
+			leftPx: St
 		};
 		if (f && r.left.entries.length > 0) {
 			let t = f.getBoundingClientRect();
 			if (e < t.right) {
-				let n = e - t.left - c, i = be(r.left, n);
+				let n = e - t.left - c, i = O(r.left, n);
 				return {
 					pane: "left",
 					slot: i,
-					leftPx: c + xe(r.left, i)
+					leftPx: c + k(r.left, i)
 				};
 			}
 		}
-		if (p && r.right.entries.length === 0 && e >= p.getBoundingClientRect().left - vt) return {
+		if (p && r.right.entries.length === 0 && e >= p.getBoundingClientRect().left - xt) return {
 			pane: "right",
 			slot: 0,
 			leftPx: -2
@@ -1592,21 +1656,21 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 		if (p && r.right.entries.length > 0) {
 			let t = p.getBoundingClientRect();
 			if (e >= t.left) {
-				let n = e - t.left - u, i = be(r.right, n);
+				let n = e - t.left - u, i = O(r.right, n);
 				return {
 					pane: "right",
 					slot: i,
-					leftPx: u + xe(r.right, i)
+					leftPx: u + k(r.right, i)
 				};
 			}
 		}
 		let m = o.current;
 		if (m && r.center.entries.length > 0) {
-			let t = m.getBoundingClientRect(), n = m.scrollLeft + e - t.left - l, i = be(r.center, Math.max(n, 0));
+			let t = m.getBoundingClientRect(), n = m.scrollLeft + e - t.left - l, i = O(r.center, Math.max(n, 0));
 			return {
 				pane: "center",
 				slot: i,
-				leftPx: l + xe(r.center, i)
+				leftPx: l + k(r.center, i)
 			};
 		}
 		return null;
@@ -1642,7 +1706,7 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 		let e = n.current.scrollContainerRef.current;
 		if (e) {
 			let t = e.getBoundingClientRect(), n = u.current, r = e.scrollLeft;
-			n.x < t.left + gt ? r = Math.max(e.scrollLeft - _t, 0) : n.x > t.right - gt && (r = e.scrollLeft + _t), r !== e.scrollLeft && e.scrollTo({
+			n.x < t.left + yt ? r = Math.max(e.scrollLeft - bt, 0) : n.x > t.right - yt && (r = e.scrollLeft + bt), r !== e.scrollLeft && e.scrollTo({
 				left: r,
 				behavior: "auto"
 			});
@@ -1653,7 +1717,7 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 		d.current !== null && (cancelAnimationFrame(d.current), d.current = null), document.body.style.cursor = "", h(), v();
 		let t = c.current, r = l.current;
 		if (c.current = null, l.current = null, !e || !t || !r) return;
-		let { columns: i, applyColumnOrderAndPin: a } = n.current, o = ht(i, t, r.pane, r.slot);
+		let { columns: i, applyColumnOrderAndPin: a } = n.current, o = vt(i, t, r.pane, r.slot);
 		o && a(o, new Map([[t, r.pane === "center" ? void 0 : r.pane]]));
 	}, [h, v]), C = t((e, t) => {
 		if (!n.current.enabled || t.button !== 0) return;
@@ -1699,10 +1763,10 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 		centerIndicatorRef: a,
 		rightIndicatorRef: o
 	};
-}, wt = (e, t) => {
+}, Dt = (e, t) => {
 	let { heights: n, prefix: r, rowCount: i } = e, a = Math.max(t, 0);
 	for (let e = a; e < i; e += 1) r[e + 1] = r[e] + n[e];
-}, Tt = (e, t, n, r) => {
+}, Ot = (e, t, n, r) => {
 	let i = r ?? /* @__PURE__ */ new Map(), a = Math.max(e, 0), o = new Float64Array(a);
 	for (let e = 0; e < a; e += 1) {
 		let r = i.get(n(e));
@@ -1715,8 +1779,8 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 		prefix: new Float64Array(a + 1),
 		measured: i
 	};
-	return wt(s, 0), s;
-}, Et = (e, t, n, r) => t < 0 || t >= e.rowCount || (e.measured.set(n, r), e.heights[t] === r) ? !1 : (e.heights[t] = r, !0), Dt = (e, t, n) => {
+	return Dt(s, 0), s;
+}, kt = (e, t, n, r) => t < 0 || t >= e.rowCount || (e.measured.set(n, r), e.heights[t] === r) ? !1 : (e.heights[t] = r, !0), At = (e, t, n) => {
 	if (t <= 0 || n <= 0) return 0;
 	if (n >= e[t]) return t - 1;
 	let r = 0, i = t;
@@ -1725,17 +1789,17 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 		e[t] <= n ? r = t : i = t - 1;
 	}
 	return Math.min(Math.max(r, 0), t - 1);
-}, Ot = (e) => {
+}, jt = (e) => {
 	let { prefix: t, rowCount: n } = e;
 	return {
 		rowCount: n,
 		rowTop: (e) => t[Math.min(Math.max(e, 0), n)],
 		rowsHeight: (e, r) => t[Math.min(Math.max(r + 1, 0), n)] - t[Math.min(Math.max(e, 0), n)],
 		totalBodyHeight: t[n],
-		rowAtContentY: (e) => Dt(t, n, e)
+		rowAtContentY: (e) => At(t, n, e)
 	};
-}, G = 21, K = 4, kt = 141, At = 13, jt = 600, Mt = 60, Nt = 1e3, Pt = 16, Ft = null, It = () => Ft || (typeof document > "u" ? null : (Ft = document.createElement("canvas").getContext("2d"), Ft)), Lt = "system-ui, sans-serif", Rt = (e) => {
-	let t = Lt, n = 13, r = "400";
+}, Mt = 21, W = 4, G = 41, Nt = 13, Pt = 600, Ft = 60, It = 16, K = null, Lt = () => K || (typeof document > "u" ? null : (K = document.createElement("canvas").getContext("2d"), K)), Rt = "system-ui, sans-serif", zt = (e) => {
+	let t = Rt, n = 13, r = "400";
 	if (e && typeof window < "u") {
 		let i = window.getComputedStyle(e);
 		i.fontFamily && (t = i.fontFamily);
@@ -1744,70 +1808,133 @@ var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0
 	}
 	return {
 		cellFont: `${r} ${n}px ${t}`,
-		headerFont: `${jt} ${At}px ${t}`
+		headerFont: `${Pt} ${Nt}px ${t}`
 	};
-}, q = (e, t, n) => Math.min(Math.max(e, t), n), zt = (e) => e >= 4352 && e <= 4447 || e >= 11904 && e <= 12350 || e >= 12353 && e <= 13311 || e >= 13312 && e <= 19903 || e >= 19968 && e <= 40959 || e >= 40960 && e <= 42191 || e >= 44032 && e <= 55203 || e >= 63744 && e <= 64255 || e >= 65072 && e <= 65103 || e >= 65280 && e <= 65376 || e >= 65504 && e <= 65510 || e >= 127744 && e <= 129791 || e >= 131072 && e <= 262141, Bt = (e) => {
+}, Bt = (e, t, n) => Math.min(Math.max(e, t), n), Vt = (e) => e >= 4352 && e <= 4447 || e >= 11904 && e <= 12350 || e >= 12353 && e <= 13311 || e >= 13312 && e <= 19903 || e >= 19968 && e <= 40959 || e >= 40960 && e <= 42191 || e >= 44032 && e <= 55203 || e >= 63744 && e <= 64255 || e >= 65072 && e <= 65103 || e >= 65280 && e <= 65376 || e >= 65504 && e <= 65510 || e >= 127744 && e <= 129791 || e >= 131072 && e <= 262141, Ht = (e) => {
 	let t = 0;
 	for (let n of e) {
 		let e = n.codePointAt(0) ?? 0;
-		t += zt(e) ? 2 : 1;
+		t += Vt(e) ? 2 : 1;
 	}
 	return t;
-};
-function Vt(e) {
-	let t = e.map(() => []), n = e.map(() => []), r = e.map(() => Infinity);
+}, Ut = (e, t) => {
+	let n = R(e, t);
+	return t.valueFormatter ? t.valueFormatter({
+		value: n,
+		row: e,
+		column: t
+	}) : String(n ?? "");
+}, Wt = (e) => {
+	if (!e || typeof document > "u") return null;
+	let t = document.createElement("div");
+	return t.setAttribute("aria-hidden", "true"), t.style.cssText = "position:absolute;top:-99999px;left:-99999px;visibility:hidden;pointer-events:none;width:auto;height:auto;contain:layout style;", e.appendChild(t), t;
+}, Gt = (e) => {
+	let t = document.createElement("div");
+	return t.className = "ssg-body-cell", t.style.cssText = "display:inline-block;position:static;top:auto;left:auto;width:auto;height:auto;white-space:nowrap;overflow:visible;", t.textContent = e, t;
+}, Kt = (e) => e.suppressAutoSize === !0 || e.autoHeight === !0;
+function qt(e) {
+	let t = e.map(() => []), n = e.map(() => []), r = e.map(() => Infinity), i = e.map(() => 0);
 	return {
-		collect: (i) => {
-			for (let a = 0; a < e.length; a += 1) {
-				let o = String(j(i, e[a]) ?? "");
-				if (o === "") continue;
-				let s = t[a], c = n[a];
-				if (s.length === Pt && 2 * o.length <= r[a]) continue;
-				let l = Bt(o);
-				if (s.length < Pt) {
-					if (s.push(o), c.push(l), s.length === Pt) {
-						let e = c[0];
-						for (let t = 1; t < Pt; t += 1) c[t] < e && (e = c[t]);
-						r[a] = e;
+		collect: (a) => {
+			for (let o = 0; o < e.length; o += 1) {
+				if (Kt(e[o])) continue;
+				let s = e[o].estimateCellWidth;
+				if (s) {
+					let t = s(a, e[o]);
+					t > i[o] && (i[o] = t);
+					continue;
+				}
+				let c = String(R(a, e[o]) ?? "");
+				if (c === "") continue;
+				let l = t[o], u = n[o];
+				if (l.length === It && 2 * c.length <= r[o]) continue;
+				let d = Ht(c);
+				if (l.length < It) {
+					if (l.push(a), u.push(d), l.length === It) {
+						let e = u[0];
+						for (let t = 1; t < It; t += 1) u[t] < e && (e = u[t]);
+						r[o] = e;
 					}
 					continue;
 				}
-				if (l <= r[a]) continue;
-				let u = 0;
-				for (let e = 1; e < Pt; e += 1) c[e] < c[u] && (u = e);
-				s[u] = o, c[u] = l;
-				let d = c[0];
-				for (let e = 1; e < Pt; e += 1) c[e] < d && (d = c[e]);
-				r[a] = d;
+				if (d <= r[o]) continue;
+				let f = 0;
+				for (let e = 1; e < It; e += 1) u[e] < u[f] && (f = e);
+				l[f] = a, u[f] = d;
+				let p = u[0];
+				for (let e = 1; e < It; e += 1) u[e] < p && (p = u[e]);
+				r[o] = p;
 			}
 		},
 		finalize: ({ gridRoot: n, currentWidths: r }) => {
-			let i = It();
-			if (!i || e.length === 0) return {};
-			let { cellFont: a, headerFont: o } = Rt(n), s = {};
-			for (let n = 0; n < e.length; n += 1) {
-				let c = e[n];
-				i.font = o;
-				let l = c.title || c.key, u = i.measureText(l).width + K + kt;
-				i.font = a;
-				let d = 0, f = t[n];
-				for (let e = 0; e < f.length; e += 1) {
-					let t = i.measureText(f[e]).width;
-					t > d && (d = t);
+			let a = Lt();
+			if (!a || e.length === 0) return {};
+			let { cellFont: o, headerFont: s } = zt(n), c = {}, l = Wt(n);
+			try {
+				let n = null;
+				if (l) {
+					let r = [];
+					for (let n = 0; n < e.length; n += 1) {
+						if (Kt(e[n])) {
+							r.push([]);
+							continue;
+						}
+						if (e[n].estimateCellWidth) {
+							r.push([]);
+							continue;
+						}
+						let i = t[n], a = [];
+						for (let t = 0; t < i.length; t += 1) {
+							let r = Ut(i[t], e[n]);
+							if (r === "") continue;
+							let o = Gt(r);
+							l.appendChild(o), a.push(o);
+						}
+						r.push(a);
+					}
+					n = r.map((e) => {
+						let t = 0;
+						for (let n = 0; n < e.length; n += 1) {
+							let r = e[n].offsetWidth;
+							r > t && (t = r);
+						}
+						return t;
+					});
+				}
+				for (let l = 0; l < e.length; l += 1) {
+					let u = e[l];
+					if (Kt(u)) continue;
+					a.font = s;
+					let d = u.title || u.key, f = a.measureText(d).width + W + G, p;
+					if (u.estimateCellWidth) p = i[l] > 0 ? i[l] + Mt : 0;
+					else if (n) p = n[l];
+					else {
+						a.font = o;
+						let e = 0, n = t[l];
+						for (let t = 0; t < n.length; t += 1) {
+							let r = Ut(n[t], u);
+							if (r === "") continue;
+							let i = a.measureText(r).width;
+							i > e && (e = i);
+						}
+						p = e > 0 ? e + W + Mt : 0;
+					}
+					let m = Math.ceil(Bt(Math.max(f, p), u.minWidth ?? Ft, u.maxWidth ?? Infinity));
+					r[u.key] !== m && (c[u.key] = m);
 				}
-				let p = d > 0 ? d + K + G : 0, m = Math.ceil(q(Math.max(u, p), c.minWidth ?? Mt, c.maxWidth ?? Nt));
-				r[c.key] !== m && (s[c.key] = m);
+			} finally {
+				l && l.parentNode && l.parentNode.removeChild(l);
 			}
-			return s;
+			return c;
 		}
 	};
 }
-function Ht() {
-	return It() !== null;
+function Jt() {
+	return Lt() !== null;
 }
 //#endregion
 //#region src/components/spreadsheet-grid/utils/scheduler.ts
-var Ut = () => new Promise((e) => {
+var Yt = () => new Promise((e) => {
 	if (typeof MessageChannel > "u") {
 		setTimeout(e, 0);
 		return;
@@ -1816,7 +1943,7 @@ var Ut = () => new Promise((e) => {
 	t.port1.onmessage = () => {
 		t.port1.close(), e();
 	}, t.port2.postMessage(null);
-}), Wt = 10, Gt = 180, Kt = () => typeof performance < "u" ? performance.now() : Date.now(), qt = ({ rowModelRef: e, gridRootRef: n, columnWidthsRef: i, dispatch: a }) => {
+}), Xt = 10, Zt = 180, Qt = () => typeof performance < "u" ? performance.now() : Date.now(), $t = ({ rowModelRef: e, gridRootRef: n, columnWidthsRef: i, dispatch: a }) => {
 	let [o, l] = c(!1), u = s(0), d = s(null), f = () => {
 		d.current !== null && (clearTimeout(d.current), d.current = null);
 	};
@@ -1825,22 +1952,22 @@ var Ut = () => new Promise((e) => {
 	}, []), {
 		isAutosizing: o,
 		runAutosize: t(async (t) => {
-			if (t.length === 0 || !Ht()) return;
+			if (t.length === 0 || !Jt()) return;
 			let r = u.current += 1;
 			f();
-			let o = e.current, s = o.getRowCount(), c = n.current, p = i.current, m = Vt(t);
+			let o = e.current, s = o.getRowCount(), c = n.current, p = i.current, m = qt(t);
 			d.current = setTimeout(() => {
 				u.current === r && l(!0);
-			}, Gt);
+			}, Zt);
 			try {
 				let t = 0;
 				for (; t < s;) {
-					let n = Kt();
-					for (; t < s && Kt() - n < Wt;) {
+					let n = Qt();
+					for (; t < s && Qt() - n < Xt;) {
 						let e = o.getRow(t);
 						e && m.collect(e), t += 1;
 					}
-					if (t < s && (await Ut(), u.current !== r || e.current !== o)) return;
+					if (t < s && (await Yt(), u.current !== r || e.current !== o)) return;
 				}
 				let n = m.finalize({
 					gridRoot: c,
@@ -1857,7 +1984,7 @@ var Ut = () => new Promise((e) => {
 			e
 		])
 	};
-}, Jt = () => {
+}, en = () => {
 	let e = /* @__PURE__ */ new Set(), t = [];
 	return {
 		collect(n) {
@@ -1868,45 +1995,45 @@ var Ut = () => new Promise((e) => {
 			}));
 		},
 		finalize() {
-			return t.sort((e, t) => Je.compare(e.label, t.label));
+			return t.sort((e, t) => Ze.compare(e.label, t.label));
 		}
 	};
-}, J = (e, t) => {
-	let n = Jt();
+}, tn = (e, t) => {
+	let n = en();
 	for (let r = 0; r < e; r += 1) n.collect(t(r));
 	return n.finalize();
-}, Yt = 10, Xt = () => typeof performance < "u" ? performance.now() : Date.now(), Zt = [], Qt = /* @__PURE__ */ new Set(), $t = {
+}, q = 10, nn = () => typeof performance < "u" ? performance.now() : Date.now(), rn = [], an = /* @__PURE__ */ new Set(), on = {
 	status: "idle",
-	options: Zt,
-	allValues: Qt,
+	options: rn,
+	allValues: an,
 	progress: 0
-}, Y = {
+}, sn = {
 	status: "collecting",
-	options: Zt,
-	allValues: Qt,
+	options: rn,
+	allValues: an,
 	progress: 0
-}, en = (e) => new Set(e.map((e) => e.value)), tn = {
+}, cn = (e) => new Set(e.map((e) => e.value)), ln = {
 	source: null,
 	rowCount: 0,
-	result: $t
-}, nn = ({ column: e, rowCount: t, getRawValueAt: n }) => {
+	result: on
+}, un = ({ column: e, rowCount: t, getRawValueAt: n }) => {
 	let i = e?.filterType ?? null, o = i === "select" || i === "set", s = e?.filterOptions && e.filterOptions.length > 0 ? e.filterOptions : null, l = o && s === null && t > 5e4, u = a(() => {
-		if (!e || !o) return $t;
+		if (!e || !o) return on;
 		if (s) {
 			let e = s;
 			return {
 				status: "ready",
 				options: e,
-				allValues: en(e),
+				allValues: cn(e),
 				progress: 1
 			};
 		}
 		if (!l) {
-			let e = J(t, n);
+			let e = tn(t, n);
 			return {
 				status: "ready",
 				options: e,
-				allValues: en(e),
+				allValues: cn(e),
 				progress: 1
 			};
 		}
@@ -1918,24 +2045,24 @@ var Ut = () => new Promise((e) => {
 		l,
 		t,
 		n
-	]), [d, f] = c(tn);
+	]), [d, f] = c(ln);
 	r(() => {
 		if (u !== null) return;
-		let e = n, r = t, i = Jt(), a = !1;
+		let e = n, r = t, i = en(), a = !1;
 		return (async () => {
 			let t = 0;
 			for (; t < r;) {
-				let n = Xt();
-				for (; t < r && Xt() - n < Yt;) i.collect(e(t)), t += 1;
+				let n = nn();
+				for (; t < r && nn() - n < q;) i.collect(e(t)), t += 1;
 				if (t < r) {
-					if (await Ut(), a) return;
+					if (await Yt(), a) return;
 					f({
 						source: e,
 						rowCount: r,
 						result: {
 							status: "collecting",
-							options: Zt,
-							allValues: Qt,
+							options: rn,
+							allValues: an,
 							progress: t / r
 						}
 					});
@@ -1949,7 +2076,7 @@ var Ut = () => new Promise((e) => {
 				result: {
 					status: "ready",
 					options: n,
-					allValues: en(n),
+					allValues: cn(n),
 					progress: 1
 				}
 			});
@@ -1961,12 +2088,12 @@ var Ut = () => new Promise((e) => {
 		t,
 		n
 	]);
-	let p = d.source === n && d.rowCount === t ? d.result : Y;
+	let p = d.source === n && d.rowCount === t ? d.result : sn;
 	return u ?? p;
 };
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideCache.ts
-function rn(e) {
+function dn(e) {
 	let t = e.blockSize, n = e.maxBlocks, r = /* @__PURE__ */ new Map(), i = (e) => {
 		let t = r.get(e);
 		t !== void 0 && (r.delete(e), r.set(e, t));
@@ -1998,22 +2125,22 @@ function rn(e) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideBlocks.ts
-function an(e, t) {
+function fn(e, t) {
 	return Math.floor(e / t);
 }
-function on(e, t, n, r) {
+function J(e, t, n, r) {
 	if (n <= 0 || r <= 0) return [];
 	let i = Math.max(0, Math.floor(e)), a = Math.min(r, Math.floor(t));
 	if (a <= i) return [];
-	let o = an(i, n), s = an(a - 1, n), c = [];
+	let o = fn(i, n), s = fn(a - 1, n), c = [];
 	for (let e = o; e <= s; e += 1) c.push(e);
 	return c;
 }
 //#endregion
 //#region src/components/spreadsheet-grid/hooks/useServerSideRowModel.ts
-var sn = 100, cn = 64, ln = 120;
-function un(e) {
-	let { dataSource: n, rowKeyGetter: i, query: o, queryKey: l, refreshToken: u } = e, d = n?.blockSize ?? sn, f = n?.maxCachedBlocks ?? cn, p = e.debounceMs ?? ln, [m] = c(() => rn({
+var pn = 100, mn = 64, hn = 120;
+function gn(e) {
+	let { dataSource: n, rowKeyGetter: i, query: o, queryKey: l, refreshToken: u } = e, d = n?.blockSize ?? pn, f = n?.maxCachedBlocks ?? mn, p = e.debounceMs ?? hn, [m] = c(() => dn({
 		blockSize: d,
 		maxBlocks: f
 	})), [h, g] = c(n?.initialRowCount ?? 0), [_, v] = c(0), y = s(h), b = s(!1), x = s(/* @__PURE__ */ new Map()), S = s(null), C = s({
@@ -2040,7 +2167,7 @@ function un(e) {
 		n,
 		o
 	]), T = t(() => {
-		let { start: e, end: t } = C.current, n = on(e, t, d, y.current), r = new Set(n);
+		let { start: e, end: t } = C.current, n = J(e, t, d, y.current), r = new Set(n);
 		for (let [e, t] of x.current) r.has(e) || (t.abort(), x.current.delete(e));
 		for (let e of n) w(e);
 	}, [d, w]), E = t(() => {
@@ -2051,7 +2178,7 @@ function un(e) {
 		n != null && (C.current = {
 			start: e,
 			end: t
-		}, m.touchBlocks(on(e, t, d, y.current)), E());
+		}, m.touchBlocks(J(e, t, d, y.current)), E());
 	}, [
 		m,
 		d,
@@ -2109,36 +2236,36 @@ function un(e) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideQuery.ts
-var dn = (e) => {
+var _n = (e) => {
 	let t = {}, n = e.globalText.trim();
 	n.length > 0 && (t.globalText = n);
 	let r = {}, i = !1;
 	for (let t of Object.keys(e.columnFilters)) {
 		let n = e.columnFilters[t];
-		F(n) && (r[t] = n, i = !0);
+		ge(n) && (r[t] = n, i = !0);
 	}
 	return i && (t.columnFilters = r), e.sort.length > 0 && (t.sort = e.sort), t;
-}, fn = (e) => {
+}, vn = (e) => {
 	let t = e.columnFilters ?? {}, n = Object.keys(t).sort().map((e) => [e, t[e]]), r = e.sort ?? [];
 	return JSON.stringify({
 		g: e.globalText ?? "",
 		s: r.map((e) => [e.columnKey, e.direction]),
 		c: n
 	});
-}, pn = (e, t) => e === null ? !0 : e.mode === "include" ? e.values.has(t) : !e.values.has(t), mn = 28;
-function hn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i, onSelectAllChange: o, onRequestClose: p, isServerSide: m }) {
+}, yn = (e, t) => e === null ? !0 : e.mode === "include" ? e.values.has(t) : !e.values.has(t), bn = 28;
+function xn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i, onSelectAllChange: o, onRequestClose: p, isServerSide: m }) {
 	let [h, g] = c(""), _ = n(h), v = a(() => {
 		let t = _.trim().toLowerCase();
 		return t ? e.filter((e) => e.label.toLowerCase().includes(t)) : e;
 	}, [e, _]), y = _.trim().length > 0, b = s(null), x = l({
 		count: v.length,
 		getScrollElement: () => b.current,
-		estimateSize: () => mn,
+		estimateSize: () => bn,
 		overscan: 10
 	}), S = a(() => {
 		if (t === null) return v.length;
 		let e = 0;
-		for (let n of v) pn(t, n.value) && (e += 1);
+		for (let n of v) yn(t, n.value) && (e += 1);
 		return e;
 	}, [t, v]), C = v.length > 0 && S === v.length, w = S > 0 && !C, T = t === null ? e.length : t.mode === "include" ? t.values.size : e.length - t.values.size;
 	return /* @__PURE__ */ f(u, { children: [
@@ -2181,7 +2308,7 @@ function hn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i,
 				children: x.getVirtualItems().map((e) => {
 					let n = v[e.index];
 					if (!n) return null;
-					let r = pn(t, n.value);
+					let r = yn(t, n.value);
 					return /* @__PURE__ */ f("label", {
 						className: "ssg-filter-option",
 						style: {
@@ -2213,7 +2340,7 @@ function hn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i,
 		})
 	] });
 }
-function gn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueText: i, layout: a, selectOptions: o, optionsStatus: s, optionsProgress: c, setSelection: l, popoverRef: m, textInputRef: h, selectRef: g, onRequestClose: _, onDraftChange: v, onApply: y, onClear: b, onSetValueToggle: x, onSetSelectAllChange: S, onSetClear: C, isServerSide: w = !1 }) {
+function Sn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueText: i, layout: a, selectOptions: o, optionsStatus: s, optionsProgress: c, setSelection: l, popoverRef: m, textInputRef: h, selectRef: g, onRequestClose: _, onDraftChange: v, onApply: y, onClear: b, onSetValueToggle: x, onSetSelectAllChange: S, onSetClear: C, isServerSide: w = !1 }) {
 	if (typeof document > "u" || !e || !a) return null;
 	let T = {
 		top: a.top,
@@ -2245,7 +2372,7 @@ function gn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueTex
 					Math.round(c * 100),
 					"%"
 				]
-			}) : O ? /* @__PURE__ */ d(hn, {
+			}) : O ? /* @__PURE__ */ d(xn, {
 				options: o,
 				setSelection: l,
 				searchInputRef: h,
@@ -2360,7 +2487,7 @@ function gn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueTex
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/DefaultGridBottomBar.tsx
-function _n({ context: e, showCounts: t = !0 }) {
+function Cn({ context: e, showCounts: t = !0 }) {
 	let { derivedSummary: n } = e;
 	return /* @__PURE__ */ d("div", {
 		className: "ssg-bar--bottom",
@@ -2401,7 +2528,7 @@ function _n({ context: e, showCounts: t = !0 }) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/DefaultGridTopBar.tsx
-function vn({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r = !0 }) {
+function wn({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r = !0 }) {
 	let { derivedSummary: i } = e;
 	return /* @__PURE__ */ d("div", {
 		className: "ssg-bar--top",
@@ -2450,11 +2577,11 @@ function vn({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/GridBodyLayer.tsx
-function X({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i, row: a, top: o, renderEntries: s, rowHeight: c, autoHeight: l, autoHeightMinHeight: u, rowHeaderCellStyle: p, isRowHovered: h, isWholeGridSelected: g, isRowSelected: _, activeColInRow: v, editingColInRow: y, selectedColStart: b, selectedColEnd: x, readOnly: S, canEditCell: C, onRowHeaderPointerDown: w, onRowHeaderPointerEnter: T, onRowHeaderPointerLeave: E, onCellPointerDown: D, onCellPointerEnter: O, onCellDoubleClick: k, renderCellContent: M, rowClassName: N, bodyCellClassName: P, bodyRowClassName: F, rowHeaderCellClassName: I }) {
+function Y({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i, row: a, top: o, renderEntries: s, rowHeight: c, autoHeight: l, autoHeightMinHeight: u, rowHeaderCellStyle: p, isRowHovered: h, isWholeGridSelected: g, isRowSelected: _, activeColInRow: v, editingColInRow: y, selectedColStart: b, selectedColEnd: x, readOnly: S, canEditCell: C, onRowHeaderPointerDown: w, onRowHeaderPointerEnter: T, onRowHeaderPointerLeave: E, onCellPointerDown: D, onCellPointerEnter: O, onCellDoubleClick: k, renderCellContent: A, rowClassName: j, bodyCellClassName: M, bodyRowClassName: N, rowHeaderCellClassName: P }) {
 	return /* @__PURE__ */ f("div", {
 		"data-pane": e,
 		"data-row-index": r,
-		className: m("ssg-body-row", N, F),
+		className: m("ssg-body-row", j, N),
 		style: {
 			height: c,
 			transform: `translateY(${o}px)`
@@ -2463,7 +2590,7 @@ function X({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i,
 			onPointerDown: (e) => w(r, e),
 			onPointerEnter: (e) => T(r, e),
 			onPointerLeave: () => E(r),
-			className: m("ssg-header-cell", "ssg-row-header-cell", (g || _) && "ssg-header-cell--selected", h && "ssg-header-cell--hovered", N, I),
+			className: m("ssg-header-cell", "ssg-row-header-cell", (g || _) && "ssg-header-cell--selected", h && "ssg-header-cell--hovered", j, P),
 			style: {
 				...p,
 				height: c
@@ -2471,25 +2598,25 @@ function X({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i,
 			children: r + 1
 		}), s.map((e) => {
 			if (!e) return null;
-			let t = e.logicalIndex, o = e.column, s = n + e.paneLocalStart, f = e.paneLocalSize, p = t === v, g = t === y, w = _ || b >= 0 && t >= b && t <= x, T = !A({
+			let t = e.logicalIndex, o = e.column, s = n + e.paneLocalStart, f = e.paneLocalSize, p = t === v, g = t === y, w = _ || b >= 0 && t >= b && t <= x, T = !fe({
 				readOnly: S,
 				canEditCell: C
-			}, r, t, a, o), E = l && o.autoHeight === !0, F, I = o.cellClassName;
-			I && (F = typeof I == "function" ? I({
+			}, r, t, a, o), E = l && o.autoHeight === !0, N, P = o.cellClassName;
+			P && (N = typeof P == "function" ? P({
 				row: a,
 				rowIndex: r,
 				colIndex: t,
-				value: j(a, o),
+				value: R(a, o),
 				column: o,
 				isActive: p,
 				isSelected: w,
 				isEditing: g,
 				readOnly: T
-			}) : I);
-			let L = m("ssg-body-cell", E && "ssg-body-cell--autoheight", T && !w && "ssg-body-cell--readonly", h && "ssg-body-cell--row-hovered", N, F, P);
+			}) : P);
+			let F = m("ssg-body-cell", o.align === "center" && "ssg-body-cell--align-center", o.align === "right" && "ssg-body-cell--align-right", E && "ssg-body-cell--autoheight", T && !w && "ssg-body-cell--readonly", h && "ssg-body-cell--row-hovered", j, N, M);
 			return /* @__PURE__ */ d("div", {
 				"data-autoheight-cell": E ? "" : void 0,
-				className: L,
+				className: F,
 				onPointerDown: (e) => D({
 					row: r,
 					col: t
@@ -2509,7 +2636,7 @@ function X({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i,
 					...E ? { minHeight: u } : { height: c },
 					zIndex: p ? 3 : 1
 				},
-				children: M(a, r, o, t, {
+				children: A(a, r, o, t, {
 					isActive: p,
 					isSelected: w,
 					isEditing: g,
@@ -2519,13 +2646,13 @@ function X({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i,
 		})]
 	});
 }
-var yn = e(X), bn = [
+var Tn = e(Y), En = [
 	"62%",
 	"46%",
 	"78%",
 	"54%"
 ];
-function xn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, rowHeight: a, renderEntries: o, rowHeaderCellStyle: s, isRowHovered: c, onRowHeaderPointerDown: l, onRowHeaderPointerEnter: u, onRowHeaderPointerLeave: p, onCellPointerDown: h, onCellPointerEnter: g, bodyCellClassName: _, bodyRowClassName: v, rowHeaderCellClassName: y }) {
+function Dn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, rowHeight: a, renderEntries: o, rowHeaderCellStyle: s, isRowHovered: c, onRowHeaderPointerDown: l, onRowHeaderPointerEnter: u, onRowHeaderPointerLeave: p, onCellPointerDown: h, onCellPointerEnter: g, bodyCellClassName: _, bodyRowClassName: v, rowHeaderCellClassName: y }) {
 	return /* @__PURE__ */ f("div", {
 		"data-pane": e,
 		"data-row-index": r,
@@ -2547,7 +2674,7 @@ function xn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, r
 			children: r + 1
 		}), o.map((t) => {
 			if (!t) return null;
-			let i = t.logicalIndex, o = n + t.paneLocalStart, s = t.paneLocalSize, l = bn[i % bn.length];
+			let i = t.logicalIndex, o = n + t.paneLocalStart, s = t.paneLocalSize, l = En[i % En.length];
 			return /* @__PURE__ */ d("div", {
 				className: m("ssg-body-cell", c && "ssg-body-cell--row-hovered", _),
 				onPointerDown: (e) => h({
@@ -2574,8 +2701,8 @@ function xn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, r
 		})]
 	});
 }
-var Sn = e(xn);
-function Cn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRows: i, virtualRowIndexes: a, renderEntries: o, rowHeight: s, autoHeight: c = !1, isServerSide: l = !1, rowHeaderCellStyle: f, hoveredRowIndex: p, isWholeGridSelected: m, activeCell: h, editingCell: g, selectionSnapshot: _, readOnly: v, canEditCell: y, onRowHeaderPointerDown: b, onRowHeaderPointerEnter: x, onRowHeaderPointerLeave: S, onCellPointerDown: C, onCellPointerEnter: w, onCellDoubleClick: T, renderCellContent: E, getRowClassName: D, bodyCellClassName: O, bodyRowClassName: k, rowHeaderCellClassName: A }) {
+var On = e(Dn);
+function kn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRows: i, virtualRowIndexes: a, renderEntries: o, rowHeight: s, autoHeight: c = !1, isServerSide: l = !1, rowHeaderCellStyle: f, hoveredRowIndex: p, isWholeGridSelected: m, activeCell: h, editingCell: g, selectionSnapshot: _, readOnly: v, canEditCell: y, onRowHeaderPointerDown: b, onRowHeaderPointerEnter: x, onRowHeaderPointerLeave: S, onCellPointerDown: C, onCellPointerEnter: w, onCellDoubleClick: T, renderCellContent: E, getRowClassName: D, bodyCellClassName: O, bodyRowClassName: k, rowHeaderCellClassName: A }) {
 	return /* @__PURE__ */ d(u, { children: i.map((i) => {
 		let u = i.index;
 		if (!a.has(u)) return null;
@@ -2583,7 +2710,7 @@ function Cn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
 		if (!M) {
 			if (!l) return null;
 			let a = r.getRowKey(u) ?? u;
-			return /* @__PURE__ */ d(Sn, {
+			return /* @__PURE__ */ d(On, {
 				pane: e,
 				ownsRowHeader: t,
 				leadingWidth: n,
@@ -2603,8 +2730,8 @@ function Cn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
 				rowHeaderCellClassName: A
 			}, String(a));
 		}
-		let N = r.getRowKey(u) ?? u, P = _.kind === "row" && u >= _.startRow && u <= _.endRow, F = _.kind === "cell" && u >= _.startRow && u <= _.endRow, I = _.kind === "col" || F ? _.startCol : -1, L = _.kind === "col" || F ? _.endCol : -1, ee = h && h.row === u ? h.col : -1, te = g && g.row === u ? g.col : -1, ne = D?.(M, u);
-		return /* @__PURE__ */ d(yn, {
+		let N = r.getRowKey(u) ?? u, P = _.kind === "row" && u >= _.startRow && u <= _.endRow, F = _.kind === "cell" && u >= _.startRow && u <= _.endRow, ee = _.kind === "col" || F ? _.startCol : -1, I = _.kind === "col" || F ? _.endCol : -1, L = h && h.row === u ? h.col : -1, te = g && g.row === u ? g.col : -1, ne = D?.(M, u);
+		return /* @__PURE__ */ d(Tn, {
 			pane: e,
 			ownsRowHeader: t,
 			leadingWidth: n,
@@ -2620,10 +2747,10 @@ function Cn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
 			isRowHovered: p === u,
 			isWholeGridSelected: m,
 			isRowSelected: P,
-			activeColInRow: ee,
+			activeColInRow: L,
 			editingColInRow: te,
-			selectedColStart: I,
-			selectedColEnd: L,
+			selectedColStart: ee,
+			selectedColEnd: I,
 			readOnly: v,
 			canEditCell: y,
 			onRowHeaderPointerDown: b,
@@ -2642,7 +2769,7 @@ function Cn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/GridHeaderRow.tsx
-function wn({ isActive: e, title: t, className: n, onPointerDown: r, children: i }) {
+function An({ isActive: e, title: t, className: n, onPointerDown: r, children: i }) {
 	return /* @__PURE__ */ d("button", {
 		type: "button",
 		title: t,
@@ -2651,7 +2778,7 @@ function wn({ isActive: e, title: t, className: n, onPointerDown: r, children: i
 		children: i
 	});
 }
-function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHeaderCellStyle: i, headerRowClassName: a, headerCellClassName: o, rowHeaderCellClassName: s, isCornerHovered: c, isWholeGridSelected: l, filteredRowsLength: u, visibleColumnsLength: p, renderEntries: h, hoveredColumnIndex: g, selectionSnapshot: _, columnFilterValues: v, sortState: y, iconButtonClassName: b, onCornerPointerDown: x, onCornerPointerEnter: S, onCornerPointerLeave: C, onColumnHeaderPointerDown: w, onColumnHeaderPointerEnter: T, onColumnHeaderPointerLeave: E, onColumnResizePointerDown: D, enableColumnMenu: O, openedMenuColumnKey: k, onColumnMenuButtonPointerDown: A, onColumnHeaderContextMenu: j, onColumnDragHandlePointerDown: M }) {
+function jn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHeaderCellStyle: i, headerRowClassName: a, headerCellClassName: o, rowHeaderCellClassName: s, isCornerHovered: c, isWholeGridSelected: l, filteredRowsLength: u, visibleColumnsLength: p, renderEntries: h, hoveredColumnIndex: g, selectionSnapshot: _, columnFilterValues: v, sortState: y, iconButtonClassName: b, onCornerPointerDown: x, onCornerPointerEnter: S, onCornerPointerLeave: C, onColumnHeaderPointerDown: w, onColumnHeaderPointerEnter: T, onColumnHeaderPointerLeave: E, onColumnResizePointerDown: D, enableColumnResize: O, enableColumnMenu: k, openedMenuColumnKey: A, onColumnMenuButtonPointerDown: j, onColumnHeaderContextMenu: M, onColumnDragHandlePointerDown: N }) {
 	return /* @__PURE__ */ f("div", {
 		"data-pane": e,
 		className: m("ssg-header-row", a),
@@ -2669,13 +2796,13 @@ function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
 			children: "#"
 		}), h.map((e) => {
 			if (!e) return null;
-			let t = e.logicalIndex, i = e.column, a = n + e.paneLocalStart, s = e.paneLocalSize, c = F(v[i.key]), u = _.kind === "col" && t >= _.startCol && t <= _.endCol, p = y.findIndex((e) => e.columnKey === i.key), h = p === -1 ? null : y[p], x = k === i.key, S = O;
+			let t = e.logicalIndex, i = e.column, a = n + e.paneLocalStart, s = e.paneLocalSize, c = ge(v[i.key]), u = _.kind === "col" && t >= _.startCol && t <= _.endCol, p = y.findIndex((e) => e.columnKey === i.key), h = p === -1 ? null : y[p], x = A === i.key, S = k;
 			return /* @__PURE__ */ f("div", {
 				"data-ssg-col-key": i.key,
 				onPointerDown: (e) => w(t, e),
 				onPointerEnter: (e) => T(t, e),
 				onPointerLeave: () => E(t),
-				onContextMenu: (e) => j(i, e),
+				onContextMenu: (e) => M(i, e),
 				className: m("ssg-header-cell", (l || u) && "ssg-header-cell--selected", g === t && "ssg-header-cell--hovered", o),
 				style: {
 					left: a,
@@ -2722,8 +2849,8 @@ function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
 					}),
 					/* @__PURE__ */ f("div", {
 						className: "ssg-header-actions",
-						children: [M && /* @__PURE__ */ d("span", {
-							onPointerDown: (e) => M(i, e),
+						children: [N && /* @__PURE__ */ d("span", {
+							onPointerDown: (e) => N(i, e),
 							title: "ドラッグで列を移動",
 							"aria-hidden": "true",
 							className: "ssg-header-grip",
@@ -2767,15 +2894,15 @@ function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
 									})
 								]
 							})
-						}), S && /* @__PURE__ */ d(wn, {
+						}), S && /* @__PURE__ */ d(An, {
 							title: "列メニュー",
 							isActive: x,
 							className: b,
-							onPointerDown: (e) => A(i, e),
+							onPointerDown: (e) => j(i, e),
 							children: "⋮"
 						})]
 					}),
-					/* @__PURE__ */ d("div", {
+					(i.resizable ?? O) && /* @__PURE__ */ d("div", {
 						onPointerDown: (e) => D(i, e),
 						className: "ssg-header-resize"
 					})
@@ -2784,7 +2911,7 @@ function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
 		})]
 	});
 }
-var En = e(Tn), Dn = 200, On = 8, kn = 6, An = 289, jn = ({ visibleColumns: e, enableColumnMenu: n, gridRootRef: i }) => {
+var Mn = e(jn), Nn = 200, X = 8, Pn = 6, Fn = 289, In = ({ visibleColumns: e, enableColumnMenu: n, gridRootRef: i }) => {
 	let [o, l] = c(null), [u, d] = c(null), f = s(null), p = s(null), m = s(null), h = s(o);
 	h.current = o;
 	let g = o !== null, _ = o?.columnKey ?? null, v = a(() => _ ? e.find((e) => e.key === _) ?? null : null, [_, e]), y = t(() => {
@@ -2799,16 +2926,16 @@ var En = e(Tn), Dn = 200, On = 8, kn = 6, An = 289, jn = ({ visibleColumns: e, e
 				return;
 			}
 			let i = r.getBoundingClientRect();
-			t = i.right - Dn, e = i.bottom + kn, n = i.top - An - kn;
-		} else if (i) t = i.x, e = i.y, n = i.y - An;
+			t = i.right - Nn, e = i.bottom + Pn, n = i.top - Fn - Pn;
+		} else if (i) t = i.x, e = i.y, n = i.y - Fn;
 		else {
 			d(null);
 			return;
 		}
-		t = Math.max(On, t), t = Math.min(t, window.innerWidth - Dn - On), e + An > window.innerHeight - On && (e = n), e = Math.max(On, e), d((n) => n && n.top === e && n.left === t && n.width === Dn ? n : {
+		t = Math.max(X, t), t = Math.min(t, window.innerWidth - Nn - X), e + Fn > window.innerHeight - X && (e = n), e = Math.max(X, e), d((n) => n && n.top === e && n.left === t && n.width === Nn ? n : {
 			top: e,
 			left: t,
-			width: Dn
+			width: Nn
 		});
 	}, [_]), b = t(() => {
 		l(null), d(null), p.current = null, m.current = null, requestAnimationFrame(() => {
@@ -2882,7 +3009,7 @@ var En = e(Tn), Dn = 200, On = 8, kn = 6, An = 289, jn = ({ visibleColumns: e, e
 		openColumnMenuFromContextMenu: S,
 		closeColumnMenu: b
 	};
-}, Mn = [
+}, Z = [
 	{
 		value: void 0,
 		label: "固定しない"
@@ -2895,13 +3022,13 @@ var En = e(Tn), Dn = 200, On = 8, kn = 6, An = 289, jn = ({ visibleColumns: e, e
 		value: "right",
 		label: "右に固定"
 	}
-], Nn = 180, Pn = 4, Fn = 8, In = "pin";
-function Ln({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a, canSort: o, sortDirection: s, onSortChange: l, onOpenSortManager: h, pinned: g, canChangePinned: _, layout: v, popoverRef: y, onPinnedChange: b, onAutosizeColumn: x, onAutosizeAllColumns: S, onOpenColumnChooser: C, canResetColumns: w, onResetColumns: T, onRequestClose: E }) {
+], Ln = 180, Rn = 4, zn = 8, Bn = "pin";
+function Vn({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a, canSort: o, sortDirection: s, onSortChange: l, onOpenSortManager: h, pinned: g, canChangePinned: _, layout: v, popoverRef: y, onPinnedChange: b, onAutosizeColumn: x, onAutosizeAllColumns: S, onOpenColumnChooser: C, canResetColumns: w, onResetColumns: T, onRequestClose: E }) {
 	let [D, O] = c(null);
 	if (r(() => {
 		O(null);
 	}, [n, e]), !e || !v) return null;
-	let k = D === In, A = v.left + v.width + Pn + Nn > window.innerWidth - Fn, j = {
+	let k = D === Bn, A = v.left + v.width + Rn + Ln > window.innerWidth - zn, j = {
 		position: "fixed",
 		top: v.top,
 		left: v.left,
@@ -2910,8 +3037,8 @@ function Ln({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a,
 	}, M = {
 		position: "absolute",
 		top: -9,
-		...A ? { right: `calc(100% + ${Pn}px)` } : { left: `calc(100% + ${Pn}px)` },
-		width: Nn,
+		...A ? { right: `calc(100% + ${Rn}px)` } : { left: `calc(100% + ${Rn}px)` },
+		width: Ln,
 		zIndex: 1
 	};
 	return p(/* @__PURE__ */ f("div", {
@@ -3002,10 +3129,10 @@ function Ln({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a,
 				children: [/* @__PURE__ */ f("button", {
 					type: "button",
 					onPointerEnter: () => {
-						O(In);
+						O(Bn);
 					},
 					onClick: () => {
-						O((e) => e === In ? null : In);
+						O((e) => e === Bn ? null : Bn);
 					},
 					className: m("ssg-menu-item", k && "ssg-menu-item--active"),
 					children: [
@@ -3022,7 +3149,7 @@ function Ln({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a,
 				}), k && /* @__PURE__ */ f("div", {
 					className: "ssg-menu-panel",
 					style: M,
-					children: [Mn.map((e) => {
+					children: [Z.map((e) => {
 						let t = g === e.value;
 						return /* @__PURE__ */ f("button", {
 							type: "button",
@@ -3118,18 +3245,18 @@ function Ln({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a,
 }
 //#endregion
 //#region src/components/spreadsheet-grid/hooks/useColumnChooserController.ts
-var Rn = 280, zn = 8, Bn = 12, Vn = ({ enableColumnMenu: e, gridRootRef: n }) => {
+var Hn = 280, Un = 8, Wn = 12, Gn = ({ enableColumnMenu: e, gridRootRef: n }) => {
 	let [i, a] = c(!1), [o, l] = c(null), u = s(null), d = t(() => {
 		let e = n.current;
 		if (!e) {
 			l(null);
 			return;
 		}
-		let t = e.getBoundingClientRect(), r = t.right - Rn - Bn, i = t.top + Bn;
-		r = Math.max(zn, r), r = Math.min(r, window.innerWidth - Rn - zn), i = Math.max(zn, i), l((e) => e && e.top === i && e.left === r && e.width === Rn ? e : {
+		let t = e.getBoundingClientRect(), r = t.right - Hn - Wn, i = t.top + Wn;
+		r = Math.max(Un, r), r = Math.min(r, window.innerWidth - Hn - Un), i = Math.max(Un, i), l((e) => e && e.top === i && e.left === r && e.width === Hn ? e : {
 			top: i,
 			left: r,
-			width: Rn
+			width: Hn
 		});
 	}, [n]), f = t(() => {
 		e && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), n.current?.blur(), a(!0));
@@ -3171,16 +3298,16 @@ var Rn = 280, zn = 8, Bn = 12, Vn = ({ enableColumnMenu: e, gridRootRef: n }) =>
 		openColumnChooser: f,
 		closeColumnChooser: p
 	};
-}, Hn = 28, Un = 12, Wn = [
+}, Kn = 28, qn = 12, Jn = [
 	"left",
 	"center",
 	"right"
-], Gn = {
+], Yn = {
 	left: "左固定",
 	center: "固定なし",
 	right: "右固定"
 };
-function Kn(e, t, n) {
+function Xn(e, t, n) {
 	let r = e.find((e) => e.key === t);
 	if (!r) return null;
 	let i = r.pane, a = {
@@ -3200,7 +3327,7 @@ function Kn(e, t, n) {
 		...a.right
 	];
 }
-function qn({ state: e, disabled: t }) {
+function Zn({ state: e, disabled: t }) {
 	return /* @__PURE__ */ f("span", {
 		className: m("ssg-checkbox", (e === "checked" || e === "indeterminate") && "ssg-checkbox--filled", t && "ssg-checkbox--disabled"),
 		"aria-hidden": !0,
@@ -3219,7 +3346,7 @@ function qn({ state: e, disabled: t }) {
 		}), e === "indeterminate" && /* @__PURE__ */ d("span", { className: "ssg-checkbox-dash" })]
 	});
 }
-function Jn({ disabled: e }) {
+function Qn({ disabled: e }) {
 	return /* @__PURE__ */ d("svg", {
 		width: "10",
 		height: "16",
@@ -3237,7 +3364,7 @@ function Jn({ disabled: e }) {
 		}, `${t}-${e}`)))
 	});
 }
-function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggleColumnVisibility: u, onShowAllColumns: h, onResetColumns: g, onReorderColumns: _, onRequestClose: v }) {
+function $n({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggleColumnVisibility: u, onShowAllColumns: h, onResetColumns: g, onReorderColumns: _, onRequestClose: v }) {
 	let [y, b] = c(""), x = s(null);
 	r(() => {
 		if (e) {
@@ -3258,14 +3385,14 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 			right: []
 		};
 		for (let t of T) e[t.pane].push(t);
-		return Wn.map((t) => ({
+		return Jn.map((t) => ({
 			pane: t,
 			items: e[t]
 		})).filter((e) => e.items.length > 0);
-	}, [T]), D = E.length >= 2, O = i && y.trim() === "", k = s(null), [A, j] = c(null), M = s(!1), N = s(null), [P, F] = c(null), I = s(0), L = s(null), ee = t(() => {
+	}, [T]), D = E.length >= 2, O = i && y.trim() === "", k = s(null), [A, j] = c(null), M = s(!1), N = s(null), [P, F] = c(null), ee = s(0), I = s(null), L = t(() => {
 		let e = k.current, t = N.current;
 		if (!e || !t) return;
-		let n = e.querySelectorAll(`[data-chooser-row][data-chooser-pane="${t}"]`), r = I.current, i = n.length;
+		let n = e.querySelectorAll(`[data-chooser-row][data-chooser-pane="${t}"]`), r = ee.current, i = n.length;
 		for (let e = 0; e < n.length; e += 1) {
 			let t = n[e].getBoundingClientRect();
 			if (r < t.top + t.height / 2) {
@@ -3277,20 +3404,20 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 	}, []), te = t(() => {
 		let e = k.current;
 		if (!e || !M.current) {
-			L.current = null;
+			I.current = null;
 			return;
 		}
-		let t = e.getBoundingClientRect(), n = I.current, r = 0;
-		if (n < t.top + Hn ? r = -12 : n > t.bottom - Hn && (r = Un), r !== 0) {
+		let t = e.getBoundingClientRect(), n = ee.current, r = 0;
+		if (n < t.top + Kn ? r = -12 : n > t.bottom - Kn && (r = qn), r !== 0) {
 			let t = e.scrollTop;
-			e.scrollTop += r, e.scrollTop !== t && ee();
+			e.scrollTop += r, e.scrollTop !== t && L();
 		}
-		L.current = requestAnimationFrame(te);
-	}, [ee]), ne = t((e) => {
-		L.current !== null && (cancelAnimationFrame(L.current), L.current = null);
+		I.current = requestAnimationFrame(te);
+	}, [L]), ne = t((e) => {
+		I.current !== null && (cancelAnimationFrame(I.current), I.current = null);
 		let t = A, r = P;
 		if (M.current = !1, N.current = null, j(null), F(null), e && t !== null && r !== null) {
-			let e = Kn(n, t, r);
+			let e = Xn(n, t, r);
 			e && _(e);
 		}
 	}, [
@@ -3299,39 +3426,39 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 		n,
 		_
 	]), re = t((e, t, n) => {
-		O && (n.preventDefault(), n.stopPropagation(), n.currentTarget.setPointerCapture(n.pointerId), M.current = !0, N.current = t, I.current = n.clientY, j(e), ee(), L.current === null && (L.current = requestAnimationFrame(te)));
+		O && (n.preventDefault(), n.stopPropagation(), n.currentTarget.setPointerCapture(n.pointerId), M.current = !0, N.current = t, ee.current = n.clientY, j(e), L(), I.current === null && (I.current = requestAnimationFrame(te)));
 	}, [
 		O,
-		ee,
+		L,
 		te
 	]), ie = t((e) => {
-		M.current && (I.current = e.clientY, ee());
-	}, [ee]), ae = t(() => {
+		M.current && (ee.current = e.clientY, L());
+	}, [L]), ae = t(() => {
 		M.current && ne(!0);
-	}, [ne]), R = t(() => {
+	}, [ne]), oe = t(() => {
 		M.current && ne(!1);
 	}, [ne]);
 	if (r(() => {
-		e || (M.current = !1, N.current = null, j(null), F(null), L.current !== null && (cancelAnimationFrame(L.current), L.current = null));
+		e || (M.current = !1, N.current = null, j(null), F(null), I.current !== null && (cancelAnimationFrame(I.current), I.current = null));
 	}, [e]), r(() => () => {
-		L.current !== null && (cancelAnimationFrame(L.current), L.current = null);
+		I.current !== null && (cancelAnimationFrame(I.current), I.current = null);
 	}, []), !e || !o) return null;
-	let oe = {
+	let se = {
 		top: o.top,
 		left: o.left,
 		width: o.width
-	}, se = (e) => {
-		e.stopPropagation();
 	}, ce = (e) => {
 		e.stopPropagation();
-	}, le = () => {
+	}, le = (e) => {
+		e.stopPropagation();
+	}, ue = () => {
 		i && (C || h());
-	}, z = A === null ? null : n.find((e) => e.key === A)?.pane ?? null, ue = (e, t, n) => {
+	}, de = A === null ? null : n.find((e) => e.key === A)?.pane ?? null, fe = (e, t, n) => {
 		let r = e.visible && S === 1, a = !i || r, o = A === e.key;
 		return /* @__PURE__ */ f("div", {
 			"data-chooser-row": "",
 			"data-chooser-pane": n,
-			className: m("ssg-chooser-row", A !== null && z === n && P === t && "ssg-chooser-row--drop-before", o && "ssg-chooser-row--dragging"),
+			className: m("ssg-chooser-row", A !== null && de === n && P === t && "ssg-chooser-row--drop-before", o && "ssg-chooser-row--dragging"),
 			children: [/* @__PURE__ */ d("span", {
 				role: "button",
 				"aria-label": "ドラッグして並べ替え",
@@ -3339,9 +3466,9 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 				onPointerDown: (t) => re(e.key, n, t),
 				onPointerMove: ie,
 				onPointerUp: ae,
-				onPointerCancel: R,
+				onPointerCancel: oe,
 				className: m("ssg-chooser-handle", !O && "ssg-chooser-handle--disabled", o && "ssg-chooser-handle--dragging"),
-				children: /* @__PURE__ */ d(Jn, { disabled: !O })
+				children: /* @__PURE__ */ d(Qn, { disabled: !O })
 			}), /* @__PURE__ */ f("button", {
 				type: "button",
 				disabled: a,
@@ -3349,7 +3476,7 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 					a || u(e.key, !e.visible);
 				},
 				className: "ssg-chooser-toggle",
-				children: [/* @__PURE__ */ d(qn, {
+				children: [/* @__PURE__ */ d(Zn, {
 					state: e.visible ? "checked" : "unchecked",
 					disabled: a
 				}), /* @__PURE__ */ d("span", {
@@ -3361,13 +3488,13 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 	};
 	return p(/* @__PURE__ */ f("div", {
 		ref: l,
-		onPointerDown: se,
-		onKeyDownCapture: ce,
+		onPointerDown: ce,
+		onKeyDownCapture: le,
 		onContextMenu: (e) => {
 			e.preventDefault();
 		},
 		className: "ssg-popover ssg-chooser-panel",
-		style: oe,
+		style: se,
 		children: [
 			/* @__PURE__ */ f("div", {
 				className: "ssg-popover-header",
@@ -3387,11 +3514,11 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 				children: [/* @__PURE__ */ d("button", {
 					type: "button",
 					disabled: !i,
-					onClick: le,
+					onClick: ue,
 					"aria-label": "すべての列を表示",
 					title: "すべての列を表示",
 					className: "ssg-chooser-master-btn",
-					children: /* @__PURE__ */ d(qn, {
+					children: /* @__PURE__ */ d(Zn, {
 						state: w,
 						disabled: !i
 					})
@@ -3422,10 +3549,10 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 					children: [
 						D && /* @__PURE__ */ d("div", {
 							className: "ssg-chooser-section-heading",
-							children: Gn[e.pane]
+							children: Yn[e.pane]
 						}),
-						e.items.map((t, n) => ue(t, n, e.pane)),
-						A !== null && z === e.pane && P === e.items.length && /* @__PURE__ */ d("div", { className: "ssg-chooser-drop-end" })
+						e.items.map((t, n) => fe(t, n, e.pane)),
+						A !== null && de === e.pane && P === e.items.length && /* @__PURE__ */ d("div", { className: "ssg-chooser-drop-end" })
 					]
 				}, e.pane))
 			}),
@@ -3450,18 +3577,18 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 }
 //#endregion
 //#region src/components/spreadsheet-grid/hooks/useSortManagementController.ts
-var Xn = 320, Zn = 8, Qn = 12, $n = ({ enableSorting: e, gridRootRef: n }) => {
+var er = 320, tr = 8, nr = 12, rr = ({ enableSorting: e, gridRootRef: n }) => {
 	let [i, a] = c(!1), [o, l] = c(null), u = s(null), d = t(() => {
 		let e = n.current;
 		if (!e) {
 			l(null);
 			return;
 		}
-		let t = e.getBoundingClientRect(), r = t.right - Xn - Qn, i = t.top + Qn;
-		r = Math.max(Zn, r), r = Math.min(r, window.innerWidth - Xn - Zn), i = Math.max(Zn, i), l((e) => e && e.top === i && e.left === r && e.width === Xn ? e : {
+		let t = e.getBoundingClientRect(), r = t.right - er - nr, i = t.top + nr;
+		r = Math.max(tr, r), r = Math.min(r, window.innerWidth - er - tr), i = Math.max(tr, i), l((e) => e && e.top === i && e.left === r && e.width === er ? e : {
 			top: i,
 			left: r,
-			width: Xn
+			width: er
 		});
 	}, [n]), f = t(() => {
 		e && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), n.current?.blur(), a(!0));
@@ -3506,7 +3633,7 @@ var Xn = 320, Zn = 8, Qn = 12, $n = ({ enableSorting: e, gridRootRef: n }) => {
 };
 //#endregion
 //#region src/components/spreadsheet-grid/view/SortManagementPanel.tsx
-function er({ disabled: e }) {
+function ir({ disabled: e }) {
 	return /* @__PURE__ */ d("svg", {
 		width: "10",
 		height: "16",
@@ -3524,7 +3651,7 @@ function er({ disabled: e }) {
 		}, `${t}-${e}`)))
 	});
 }
-function tr({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef: u, onAddLevel: h, onChangeDirection: g, onChangeColumn: _, onRemoveLevel: v, onClearAll: y, onMove: b, onRequestClose: x }) {
+function ar({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef: u, onAddLevel: h, onChangeDirection: g, onChangeColumn: _, onRemoveLevel: v, onClearAll: y, onMove: b, onRequestClose: x }) {
 	let S = a(() => new Set(n.map((e) => e.columnKey)), [n]), C = a(() => i.find((e) => !S.has(e.key)) ?? null, [i, S]), w = (e) => i.find((t) => t.key === e)?.title ?? e, T = o && n.length >= 2, E = s(null), [D, O] = c(null), k = s(!1), [A, j] = c(null), M = s(0), N = t(() => {
 		let e = E.current;
 		if (!e) return;
@@ -3549,11 +3676,11 @@ function tr({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 		b
 	]), F = t((e, t) => {
 		T && (t.preventDefault(), t.stopPropagation(), t.currentTarget.setPointerCapture(t.pointerId), k.current = !0, M.current = t.clientY, O(e), N());
-	}, [T, N]), I = t((e) => {
+	}, [T, N]), ee = t((e) => {
 		k.current && (M.current = e.clientY, N());
-	}, [N]), L = t(() => {
+	}, [N]), I = t(() => {
 		k.current && P(!0);
-	}, [P]), ee = t(() => {
+	}, [P]), L = t(() => {
 		k.current && P(!1);
 	}, [P]);
 	if (r(() => {
@@ -3611,11 +3738,11 @@ function tr({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 								"aria-label": "ドラッグして優先順位を変更",
 								title: o ? n.length < 2 ? "レベルが 2 件以上のとき並べ替えできます" : "ドラッグして優先順位を変更" : "並び替えが無効です",
 								onPointerDown: (e) => F(t, e),
-								onPointerMove: I,
-								onPointerUp: L,
-								onPointerCancel: ee,
+								onPointerMove: ee,
+								onPointerUp: I,
+								onPointerCancel: L,
 								className: m("ssg-sort-handle", !T && "ssg-sort-handle--disabled", s && "ssg-sort-handle--dragging"),
-								children: /* @__PURE__ */ d(er, { disabled: !T })
+								children: /* @__PURE__ */ d(ir, { disabled: !T })
 							}),
 							/* @__PURE__ */ d("span", {
 								"aria-hidden": !0,
@@ -3694,222 +3821,233 @@ function tr({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 }
 //#endregion
 //#region src/components/spreadsheet-grid/SpreadsheetGrid.tsx
-var nr = (e, t) => {
+var or = (e, t) => {
 	let n = new Set(e);
 	return n.add(t), n;
-}, rr = (e, t) => {
+}, sr = (e, t) => {
 	let n = new Set(e);
 	return n.delete(t), n;
-}, ir = (e, t) => {
+}, cr = (e, t) => {
 	let n = new Set(e);
 	for (let e of t) n.add(e);
 	return n;
-}, ar = (e, t) => {
+}, lr = (e, t) => {
 	let n = new Set(e);
 	for (let e of t) n.delete(e);
 	return n;
-}, or = [], sr = {}, cr = {}, lr = [], ur = 300;
-function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g, onRowsChange: _, onColumnsChange: v, rowKeyGetter: y, createRow: T, createOverflowColumn: F, rowHeight: I = 36, autoHeight: ne = !1, estimateRowHeight: ae, headerHeight: R = 40, rowHeaderWidth: oe = 56, height: se, maxHeight: ce, readOnly: z = !1, canEditCell: me, enableRangeSelection: ge = !0, enableGlobalFilter: _e = !0, enableColumnFilter: ye = !0, enableSorting: B = !0, enableRowHover: be = !0, enableColumnHeaderHover: xe = !0, enableColumnMenu: Se = !0, noMatchingRowsText: Ee = "一致する行がありません", noRowsText: De = "表示する行がありません", showTopBar: Oe = !0, showBottomBar: Ae = !0, showTopBarSummary: Me = !0, showTopBarFilter: Ne = !0, showTopBarCounts: Pe = !0, showBottomBarCounts: Fe = !0, renderTopBar: Ie, renderBottomBar: Le, className: Re, classNames: V, getRowClassName: ze }) {
-	let Be = s(null), Ve = s(null), He = s(null), Ge = s(null), Ke = s(!1), Je = s(null), Ye = s(null), at = s(null), [ct, lt] = c(""), [ut, ht] = c(!1), [gt, _t] = c(null), [vt, yt] = c(null), H = a(() => g.filter((e) => e.visible !== !1), [g]), bt = a(() => fe(H), [H]), xt = a(() => y ?? ((e, t) => t), [y]), U = u != null, St = B, W = ye, Dt = _e, [G, K] = o(x, H, b), kt = s(G.columnWidths);
-	kt.current = G.columnWidths;
-	let At = s(null);
-	At.current === null && (At.current = new Map(g.map((e) => [e.key, {
+}, ur = [], dr = {}, fr = {}, pr = [], mr = {}, hr = 300, gr = 4, _r = 300;
+function vr({ rows: e = ur, dataSource: u, serverSideRefreshToken: p, columns: g, onRowsChange: x, onColumnsChange: C, rowKeyGetter: w, createRow: E, createOverflowColumn: D, rowHeight: O = 36, autoHeight: k = !1, estimateRowHeight: A, headerHeight: F = 40, rowHeaderWidth: I = 56, height: L, maxHeight: te, readOnly: se = !1, canEditCell: ge, enableRangeSelection: _e = !0, enableGlobalFilter: xe = !0, enableColumnFilter: we = !0, enableSorting: z = !0, enableColumnResize: Te = !0, enableRowHover: Ee = !0, enableColumnHeaderHover: De = !0, enableColumnMenu: ke = !0, noMatchingRowsText: Ae = "一致する行がありません", noRowsText: je = "表示する行がありません", showTopBar: Ne = !0, showBottomBar: Fe = !0, showTopBarSummary: Ie = !0, showTopBarFilter: Le = !0, showTopBarCounts: Re = !0, showBottomBarCounts: ze = !0, renderTopBar: Be, renderBottomBar: Ve, className: He, classNames: B, getRowClassName: Ue }) {
+	let We = s(null), Ge = s(null), Je = s(null), Ye = s(null), Ze = s(!1), Qe = s(null), ct = s(null), dt = s(null), [ft, pt] = c(""), [vt, yt] = c(!1), [bt, xt] = c(null), [St, Ct] = c(null), V = a(() => g.filter((e) => e.visible !== !1), [g]), wt = a(() => y(V), [V]), Tt = a(() => w ?? ((e, t) => t), [w]), H = u != null, U = z, At = we, Mt = xe, [W, G] = o(re, V, ne), Nt = s(W.columnWidths), Pt = s(null), Ft = s(null);
+	Ft.current === null && (Ft.current = new Map(g.map((e) => [e.key, {
 		width: e.width,
 		pinned: e.pinned,
 		visible: e.visible
 	}])));
-	let jt = a(() => E(G.selection), [G.selection]), Mt = a(() => pe(bt), [bt]), Nt = he(Mt.left, G.columnWidths), Pt = he(Mt.center, G.columnWidths), Ft = he(Mt.right, G.columnWidths), It = a(() => ve("left", Mt.left, Nt), [Mt.left, Nt]), Lt = a(() => ve("center", Mt.center, Pt), [Mt.center, Pt]), Rt = a(() => ve("right", Mt.right, Ft), [Mt.right, Ft]), q = a(() => ({
-		left: It,
-		center: Lt,
-		right: Rt
-	}), [
-		It,
+	let It = a(() => ce(W.selection), [W.selection]), K = a(() => b(wt), [wt]), [Lt, Rt] = c(0), zt = K.left.reduce((e, { column: t }) => e + (W.columnWidths[t.key] ?? t.width), 0), Bt = K.right.reduce((e, { column: t }) => e + (W.columnWidths[t.key] ?? t.width), 0), Vt = K.left.length > 0, Ht = Vt ? I + zt : 0, Ut = Vt ? 0 : I, Wt = a(() => K.center.map(({ column: e }) => e), [K.center]), Gt = a(() => Wt.some(P), [Wt]), Kt = Lt - Ht - Bt - Ut, qt = a(() => !Gt || Lt <= 0 ? mr : ee(Wt, W.columnWidths, Kt), [
+		Gt,
 		Lt,
-		Rt
-	]), zt = q.left.entries.length > 0, Bt = q.right.entries.length > 0, Vt = !zt, Ht = oe, Ut = Vt ? oe : 0, Wt = zt ? Ht + q.left.totalWidth : 0, Gt = q.right.totalWidth, Kt = Ut + q.center.totalWidth, Jt = Wt + Kt + Gt, { filterPopoverState: J, filterPopoverLayout: Yt, filterPopoverRef: Xt, filterTextInputRef: Zt, filterSelectRef: Qt, isFilterPopoverOpen: $t, openedFilterColumn: Y, openColumnFilterPopover: en, closeColumnFilterPopover: tn, updateFilterPopoverDraft: rn } = le({
-		visibleColumns: H,
-		columnFilterValues: G.filters.columnFilters,
-		enableColumnFilter: W,
-		gridRootRef: Be
-	}), { columnMenuLayout: an, columnMenuRef: on, isColumnMenuOpen: sn, openedMenuColumnKey: cn, openedMenuColumn: ln, openColumnMenuFromButton: mn, openColumnMenuFromContextMenu: hn, closeColumnMenu: X } = jn({
-		visibleColumns: H,
-		enableColumnMenu: Se,
-		gridRootRef: Be
-	}), { isColumnChooserOpen: yn, columnChooserLayout: bn, columnChooserRef: xn, openColumnChooser: Sn, closeColumnChooser: wn } = Vn({
-		enableColumnMenu: Se,
-		gridRootRef: Be
-	}), { isSortManagerOpen: Tn, sortManagerLayout: Dn, sortManagerRef: On, openSortManager: kn, closeSortManager: An } = $n({
-		enableSorting: St,
-		gridRootRef: Be
+		Wt,
+		W.columnWidths,
+		Kt
+	]), Jt = a(() => qt === mr ? W.columnWidths : {
+		...qt,
+		...W.columnWidths
+	}, [qt, W.columnWidths]);
+	Nt.current = Jt;
+	let Yt = S(K.left, W.columnWidths), Xt = S(K.center, Jt), Zt = S(K.right, W.columnWidths), Qt = a(() => T("left", K.left, Yt), [K.left, Yt]), en = a(() => T("center", K.center, Xt), [K.center, Xt]), tn = a(() => T("right", K.right, Zt), [K.right, Zt]), q = a(() => ({
+		left: Qt,
+		center: en,
+		right: tn
+	}), [
+		Qt,
+		en,
+		tn
+	]), nn = q.left.entries.length > 0, rn = q.right.entries.length > 0, an = !nn, on = I, sn = an ? I : 0, cn = nn ? on + q.left.totalWidth : 0, ln = q.right.totalWidth, dn = sn + q.center.totalWidth, fn = cn + dn + ln, { filterPopoverState: J, filterPopoverLayout: pn, filterPopoverRef: mn, filterTextInputRef: hn, filterSelectRef: bn, isFilterPopoverOpen: xn, openedFilterColumn: Y, openColumnFilterPopover: Tn, closeColumnFilterPopover: En, updateFilterPopoverDraft: Dn } = Oe({
+		visibleColumns: V,
+		columnFilterValues: W.filters.columnFilters,
+		enableColumnFilter: At,
+		gridRootRef: We
+	}), { columnMenuLayout: On, columnMenuRef: An, isColumnMenuOpen: jn, openedMenuColumnKey: Nn, openedMenuColumn: X, openColumnMenuFromButton: Pn, openColumnMenuFromContextMenu: Fn, closeColumnMenu: Z } = In({
+		visibleColumns: V,
+		enableColumnMenu: ke,
+		gridRootRef: We
+	}), { isColumnChooserOpen: Ln, columnChooserLayout: Rn, columnChooserRef: zn, openColumnChooser: Bn, closeColumnChooser: Hn } = Gn({
+		enableColumnMenu: ke,
+		gridRootRef: We
+	}), { isSortManagerOpen: Un, sortManagerLayout: Wn, sortManagerRef: Kn, openSortManager: qn, closeSortManager: Jn } = rr({
+		enableSorting: U,
+		gridRootRef: We
 	});
 	r(() => {
-		let e = H.reduce((e, t) => (e[t.key] = t.width, e), {});
-		K(h.syncColumnWidths(e));
-	}, [H]);
-	let Mn = G.filters.globalText, Nn = n(Mn), Pn = G.filters.columnFilters, Fn = n(Pn), In = a(() => N(e.length), [e.length]), Rn = a(() => re(e, In, H, Nn), [
+		let e = V.reduce((e, t) => (P(t) || (e[t.key] = t.width), e), {});
+		G(h.resetColumnWidths(e));
+	}, [V]);
+	let Yn = W.filters.globalText, Xn = n(Yn), Zn = W.filters.columnFilters, Qn = n(Zn), er = a(() => me(e.length), [e.length]), tr = a(() => Se(e, er, V, Xn), [
 		e,
-		In,
-		H,
-		Nn
-	]), zn = a(() => {
+		er,
+		V,
+		Xn
+	]), nr = a(() => {
 		let e = [];
-		for (let t of H) L(Fn[t.key]) && e.push(t.key);
+		for (let t of V) ve(Qn[t.key]) && e.push(t.key);
 		return e.join("\0");
-	}, [H, Fn]), Bn = a(() => {
+	}, [V, Qn]), ir = a(() => {
 		let t = /* @__PURE__ */ new Map();
-		if (zn.length === 0) return t;
-		let n = new Set(zn.split("\0")), r = e.length;
-		for (let i of H) {
+		if (nr.length === 0) return t;
+		let n = new Set(nr.split("\0")), r = e.length;
+		for (let i of V) {
 			if (!n.has(i.key)) continue;
 			let a = new Float64Array(r);
-			for (let t = 0; t < r; t += 1) a[t] = Number(j(e[t], i));
+			for (let t = 0; t < r; t += 1) a[t] = Number(R(e[t], i));
 			t.set(i.key, a);
 		}
 		return t;
 	}, [
 		e,
-		H,
-		zn
-	]), Hn = a(() => ie(e, Rn, H, Fn, Bn), [
+		V,
+		nr
+	]), vr = a(() => Ce(e, tr, V, Qn, ir), [
 		e,
-		Rn,
-		H,
-		Fn,
-		Bn
-	]), Un = a(() => nt(e, Hn, H, G.sort), [
+		tr,
+		V,
+		Qn,
+		ir
+	]), yr = a(() => at(e, vr, V, W.sort), [
 		e,
-		Hn,
-		H,
-		G.sort
-	]), Wn = a(() => ({
-		getRowCount: () => Un.length,
-		getRow: (t) => e[Un[t]],
-		getSourceIndex: (e) => Un[e],
-		getRowKey: (t) => xt(e[Un[t]], Un[t])
+		vr,
+		V,
+		W.sort
+	]), br = a(() => ({
+		getRowCount: () => yr.length,
+		getRow: (t) => e[yr[t]],
+		getSourceIndex: (e) => yr[e],
+		getRowKey: (t) => Tt(e[yr[t]], yr[t])
 	}), [
-		Un,
+		yr,
 		e,
-		xt
-	]), Gn = a(() => U ? dn({
-		globalText: Dt ? Mn : "",
-		columnFilters: W ? Pn : cr,
-		sort: St ? G.sort : lr
-	}) : sr, [
+		Tt
+	]), xr = a(() => H ? _n({
+		globalText: Mt ? Yn : "",
+		columnFilters: At ? Zn : fr,
+		sort: U ? W.sort : pr
+	}) : dr, [
+		H,
+		Mt,
+		Yn,
+		At,
+		Zn,
 		U,
-		Dt,
-		Mn,
-		W,
-		Pn,
-		St,
-		G.sort
-	]), Kn = a(() => U ? fn(Gn) : "", [U, Gn]), [qn, Jn] = c(Gn), [Xn, Zn] = c(Kn);
+		W.sort
+	]), Sr = a(() => H ? vn(xr) : "", [H, xr]), [Cr, wr] = c(xr), [Tr, Er] = c(Sr);
 	r(() => {
-		if (!U) return;
+		if (!H) return;
 		let e = setTimeout(() => {
-			Jn(Gn), Zn(Kn);
-		}, ur);
+			wr(xr), Er(Sr);
+		}, _r);
 		return () => clearTimeout(e);
 	}, [
-		U,
-		Kn,
-		Gn
+		H,
+		Sr,
+		xr
 	]);
-	let Qn = un({
+	let Dr = gn({
 		dataSource: u,
-		rowKeyGetter: xt,
-		query: qn,
-		queryKey: Xn,
+		rowKeyGetter: Tt,
+		query: Cr,
+		queryKey: Tr,
 		refreshToken: p
-	}), er = Qn.requestRange, Z = U ? Qn.rowModel : Wn, dr = s(Z);
-	dr.current = Z;
-	let { isAutosizing: fr, runAutosize: pr } = qt({
-		rowModelRef: dr,
-		gridRootRef: Be,
-		columnWidthsRef: kt,
-		dispatch: K
-	}), Q = Z.getRowCount(), mr = a(() => {
+	}), Or = Dr.requestRange, Q = H ? Dr.rowModel : br, kr = s(Q);
+	kr.current = Q;
+	let { isAutosizing: Ar, runAutosize: jr } = $t({
+		rowModelRef: kr,
+		gridRootRef: We,
+		columnWidthsRef: Nt,
+		dispatch: G
+	}), $ = Q.getRowCount(), Mr = a(() => {
 		let t = null;
-		return () => t ??= Array.from(Un, (t) => e[t]);
-	}, [Un, e]), hr = a(() => ue(H, G.columnWidths), [H, G.columnWidths]), [gr, _r] = c(0), [vr, yr] = c(0);
+		return () => t ??= Array.from(yr, (t) => e[t]);
+	}, [yr, e]), Nr = a(() => _(V, Jt), [V, Jt]), [Pr, Fr] = c(0), [Ir, Lr] = c(0);
 	r(() => {
-		let e = Je.current;
+		let e = Qe.current;
 		if (!e) return;
-		_r(e.scrollTop), yr(e.clientHeight);
-		let t = () => _r(e.scrollTop);
+		Fr(e.scrollTop), Lr(e.clientHeight), Rt(e.clientWidth);
+		let t = () => Fr(e.scrollTop);
 		e.addEventListener("scroll", t, { passive: !0 });
-		let n = new ResizeObserver(() => yr(e.clientHeight));
+		let n = new ResizeObserver(() => {
+			Lr(e.clientHeight), Rt(e.clientWidth);
+		});
 		return n.observe(e), () => {
 			e.removeEventListener("scroll", t), n.disconnect();
 		};
 	}, []);
-	let br = q.center.entries, xr = l({
+	let Rr = q.center.entries, zr = l({
 		horizontal: !0,
-		count: br.length,
-		getScrollElement: () => Je.current,
-		estimateSize: (e) => br[e]?.paneLocalSize ?? br[e]?.column.width ?? 120,
+		count: Rr.length,
+		getScrollElement: () => Qe.current,
+		estimateSize: (e) => Rr[e]?.paneLocalSize ?? Rr[e]?.column.width ?? 120,
 		overscan: 8,
 		useFlushSync: !1,
-		scrollMargin: Wt
-	}), Sr = xr.getVirtualItems(), Cr = ae ?? I, wr = a(() => H.some((e) => e.autoHeight === !0), [H]), Tr = !U && it(ne, wr, Q, 5e4);
+		scrollMargin: cn
+	}), Br = zr.getVirtualItems(), Vr = A ?? O, Hr = a(() => V.some((e) => e.autoHeight === !0), [V]), Ur = !H && st(k, Hr, $, 5e4);
 	r(() => {}, [
-		ne,
-		wr,
-		Q,
-		U
+		k,
+		Hr,
+		$,
+		H
 	]);
-	let Er = s(/* @__PURE__ */ new Map()), [Dr, Or] = c(0), [kr, Ar] = c(0), jr = s(null), Mr = s(/* @__PURE__ */ new Set()), Nr = a(() => Tr ? Tt(Q, Cr, Z.getRowKey, Er.current) : null, [
-		Tr,
-		Q,
-		Cr,
-		Z
-	]), $ = a(() => Tr && Nr ? Ot(Nr) : ot(Q, I), [
-		Tr,
-		Nr,
-		Dr,
-		Q,
-		I
-	]), Pr = a(() => Tr ? ft({
-		headerHeight: R,
-		viewportHeight: vr,
-		scrollTop: gr,
+	let Wr = s(/* @__PURE__ */ new Map()), [Gr, Kr] = c(0), [qr, Jr] = c(0), Yr = s(null), Xr = s(/* @__PURE__ */ new Set()), Zr = a(() => Ur ? Ot($, Vr, Q.getRowKey, Wr.current) : null, [
+		Ur,
+		$,
+		Vr,
+		Q
+	]), Qr = a(() => Ur && Zr ? jt(Zr) : lt($, O), [
+		Ur,
+		Zr,
+		Gr,
+		$,
+		O
+	]), $r = a(() => Ur ? ht({
+		headerHeight: F,
+		viewportHeight: Ir,
+		scrollTop: Pr,
 		overscan: 20
-	}, $) : dt({
-		rowCount: Q,
-		rowHeight: I,
-		headerHeight: R,
-		viewportHeight: vr,
-		scrollTop: gr,
+	}, Qr) : mt({
+		rowCount: $,
+		rowHeight: O,
+		headerHeight: F,
+		viewportHeight: Ir,
+		scrollTop: Pr,
 		overscan: 20,
-		maxBodyPx: rt
+		maxBodyPx: ot
 	}), [
-		Tr,
+		Ur,
+		Qr,
 		$,
-		Q,
-		I,
-		R,
-		vr,
-		gr
-	]), Fr = Pr.rows, Ir = Pr.rowIndexSet, Lr = Fr.length > 0 ? Fr[0].index : 0, Rr = Fr.length > 0 ? Fr[Fr.length - 1].index : -1;
+		O,
+		F,
+		Ir,
+		Pr
+	]), ei = $r.rows, ti = $r.rowIndexSet, ni = ei.length > 0 ? ei[0].index : 0, ri = ei.length > 0 ? ei[ei.length - 1].index : -1;
 	r(() => {
-		if (!U) return;
-		let e = Je.current;
-		e && (e.scrollTop = 0), _r(0);
-	}, [U, Xn]), r(() => {
-		U && (Rr < Lr || er(Lr, Rr + 1));
+		if (!H) return;
+		let e = Qe.current;
+		e && (e.scrollTop = 0), Fr(0);
+	}, [H, Tr]), r(() => {
+		H && (ri < ni || Or(ni, ri + 1));
 	}, [
-		U,
-		Lr,
-		Rr,
-		er,
-		Xn
+		H,
+		ni,
+		ri,
+		Or,
+		Tr
 	]);
-	let zr = Pr.physicalBodyHeight, Br = Pr.translateY === 0 ? void 0 : `translateY(${Pr.translateY}px)`, Vr = Pr.scaleFactor, Hr = Pr.windowBaseOffsetPx;
+	let ii = $r.physicalBodyHeight, ai = $r.translateY === 0 ? void 0 : `translateY(${$r.translateY}px)`, oi = $r.scaleFactor, si = $r.windowBaseOffsetPx;
 	i(() => {
-		if (!Tr || !Nr) {
-			jr.current?.disconnect(), jr.current = null, Mr.current.clear();
+		if (!Ur || !Zr) {
+			Yr.current?.disconnect(), Yr.current = null, Xr.current.clear();
 			return;
 		}
-		let e = Je.current;
+		let e = Qe.current;
 		if (!e) return;
 		let t = e.querySelectorAll("[data-autoheight-cell]");
 		if (t.length > 0) {
@@ -3924,15 +4062,15 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 			});
 			let r = !1, i = Infinity;
 			if (n.forEach((e, t) => {
-				Et(Nr, t, Z.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
+				kt(Zr, t, Q.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
 			}), r) {
-				let t = e.scrollTop, n = $.rowAtContentY(t), r = t - $.rowTop(n);
-				wt(Nr, i), e.scrollTop = Nr.prefix[n] + r, Or((e) => e + 1);
+				let t = e.scrollTop, n = Qr.rowAtContentY(t), r = t - Qr.rowTop(n);
+				Dt(Zr, i), e.scrollTop = Zr.prefix[n] + r, Kr((e) => e + 1);
 			}
 		}
-		let n = jr.current ?? new ResizeObserver(() => Ar((e) => e + 1));
-		jr.current = n;
-		let r = Mr.current, i = /* @__PURE__ */ new Set();
+		let n = Yr.current ?? new ResizeObserver(() => Jr((e) => e + 1));
+		Yr.current = n;
+		let r = Xr.current, i = /* @__PURE__ */ new Set();
 		t.forEach((e) => {
 			i.add(e), r.has(e) || (n.observe(e), r.add(e));
 		});
@@ -3943,234 +4081,244 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 			n.unobserve(e), r.delete(e);
 		});
 	}, [
-		Tr,
-		Nr,
-		$,
-		Z,
-		Fr,
-		vr,
-		Dr,
-		kr
+		Ur,
+		Zr,
+		Qr,
+		Q,
+		ei,
+		Ir,
+		Gr,
+		qr
 	]), r(() => {
-		let e = Mr.current;
+		let e = Xr.current;
 		return () => {
-			jr.current?.disconnect(), jr.current = null, e.clear();
+			Yr.current?.disconnect(), Yr.current = null, e.clear();
 		};
 	}, []);
-	let Ur = a(() => Sr.map((e) => br[e.index]).filter((e) => !!e), [Sr, br]), Wr = q.left.entries, Gr = q.right.entries, Kr = a(() => {
-		if (!G.activeCell) return null;
-		let { row: e, col: t } = G.activeCell;
-		if (e < 0 || e >= Q) return null;
-		let n = Te(q, t);
+	let ci = a(() => Br.map((e) => Rr[e.index]).filter((e) => !!e), [Br, Rr]), li = q.left.entries, ui = q.right.entries, di = a(() => {
+		if (!W.activeCell) return null;
+		let { row: e, col: t } = W.activeCell;
+		if (e < 0 || e >= $) return null;
+		let n = N(q, t);
 		return n ? {
 			pane: n.pane,
 			rect: {
 				left: n.extent.start,
-				top: $.rowTop(e),
+				top: Qr.rowTop(e),
 				width: n.extent.width,
-				height: $.rowsHeight(e, e)
+				height: Qr.rowsHeight(e, e)
 			}
 		} : null;
 	}, [
-		G.activeCell,
-		Q,
+		W.activeCell,
+		$,
 		q,
-		$
-	]), qr = a(() => Kr && Kr.pane === "center" ? Kr.rect : null, [Kr]), Jr = t((e) => Kr && Kr.pane === e ? Kr.rect : null, [Kr]), Yr = t((e) => G.editingCell ? Jr(e) : null, [G.editingCell, Jr]);
-	mt({
-		scrollRef: Je,
-		columnVirtualizer: xr,
-		columnMeasurements: hr,
-		totalScrollWidth: Jt,
-		physicalBodyHeight: zr,
-		headerHeight: R,
-		leftPaneWidth: Wt,
-		rightPaneWidth: Gt,
-		centerLeadingWidth: Ut,
-		activeCellRect: qr,
-		verticalScaleFactor: Vr
+		Qr
+	]), fi = a(() => di && di.pane === "center" ? di.rect : null, [di]), pi = t((e) => di && di.pane === e ? di.rect : null, [di]), mi = t((e) => W.editingCell ? pi(e) : null, [W.editingCell, pi]);
+	_t({
+		scrollRef: Qe,
+		columnVirtualizer: zr,
+		columnMeasurements: Nr,
+		totalScrollWidth: fn,
+		physicalBodyHeight: ii,
+		headerHeight: F,
+		leftPaneWidth: cn,
+		rightPaneWidth: ln,
+		centerLeadingWidth: sn,
+		activeCellRect: fi,
+		verticalScaleFactor: oi
 	});
-	let { updateSelectionFromPointer: Xr, handleCellPointerDown: Zr, handleCellPointerEnter: Qr, handleNativeDragStart: $r, handleRowHeaderPointerDown: ei, handleRowHeaderPointerEnter: ti, handleColumnHeaderPointerDown: ni, handleColumnHeaderPointerEnter: ri } = pt({
-		gridRootRef: Be,
-		bodyScrollRef: Ge,
-		scrollContainerRef: Je,
-		leftPaneScrollRef: Ye,
-		rightPaneScrollRef: at,
-		pointerClientRef: Ve,
-		autoScrollFrameRef: He,
-		uiState: G,
-		dispatch: K,
-		enableRangeSelection: ge,
-		enableSorting: St,
-		orderedColumns: bt,
-		filteredRowsLength: Q,
-		visibleColumnsLength: H.length,
+	let { updateSelectionFromPointer: hi, handleCellPointerDown: gi, handleCellPointerEnter: _i, handleNativeDragStart: vi, handleRowHeaderPointerDown: yi, handleRowHeaderPointerEnter: bi, handleColumnHeaderPointerDown: xi, handleColumnHeaderPointerEnter: Si } = gt({
+		gridRootRef: We,
+		bodyScrollRef: Ye,
+		scrollContainerRef: Qe,
+		leftPaneScrollRef: ct,
+		rightPaneScrollRef: dt,
+		pointerClientRef: Ge,
+		autoScrollFrameRef: Je,
+		uiState: W,
+		dispatch: G,
+		enableRangeSelection: _e,
+		enableSorting: U,
+		orderedColumns: wt,
+		filteredRowsLength: $,
+		visibleColumnsLength: V.length,
 		paneLayout: q,
-		leftLeadingWidth: Ht,
-		centerLeadingWidth: Ut,
+		leftLeadingWidth: on,
+		centerLeadingWidth: sn,
 		rightLeadingWidth: 0,
-		headerHeight: R,
-		rowMetrics: $,
-		verticalScaleFactor: Vr,
-		setHoveredRowIndex: _t,
-		setHoveredColumnIndex: yt,
-		enableRowHover: be,
-		enableColumnHeaderHover: xe
-	}), { isWholeGridSelected: ii, handleCopy: ai, handlePaste: oi } = ke({
+		headerHeight: F,
+		rowMetrics: Qr,
+		verticalScaleFactor: oi,
+		setHoveredRowIndex: xt,
+		setHoveredColumnIndex: Ct,
+		enableRowHover: Ee,
+		enableColumnHeaderHover: De
+	}), { isWholeGridSelected: Ci, handleCopy: wi, handlePaste: Ti } = Me({
 		rows: e,
-		rowModel: Z,
-		visibleColumns: bt,
-		uiState: G,
-		readOnly: z,
-		canEditCell: me,
-		createRow: T,
-		createOverflowColumn: F,
-		onRowsChange: _,
-		onColumnsChange: v,
-		dispatch: K
-	}), si = t(() => {
-		if (Q === 0 || H.length === 0) return;
+		rowModel: Q,
+		visibleColumns: wt,
+		uiState: W,
+		readOnly: se,
+		canEditCell: ge,
+		createRow: E,
+		createOverflowColumn: D,
+		onRowsChange: x,
+		onColumnsChange: C,
+		dispatch: G
+	}), Ei = t(() => {
+		if ($ === 0 || V.length === 0) return;
 		let e = {
 			row: 0,
 			col: 0
 		}, t = {
-			row: Q - 1,
-			col: H.length - 1
+			row: $ - 1,
+			col: V.length - 1
 		};
-		K(h.startSelection(e)), K(h.updateSelection(t)), K(h.endSelection()), K(h.activateCell(e));
+		G(h.startSelection(e)), G(h.updateSelection(t)), G(h.endSelection()), G(h.activateCell(e));
 	}, [
-		K,
-		Q,
-		H.length
-	]), { getMovedCell: ci, handleKeyDown: li } = qe({
-		uiState: G,
-		rowModel: Z,
-		visibleColumns: bt,
-		readOnly: z,
-		canEditCell: me,
-		setEditorInitialValue: lt,
-		dispatch: K,
-		handleCopy: ai,
+		G,
+		$,
+		V.length
+	]), { getMovedCell: Di, handleKeyDown: Oi } = Xe({
+		uiState: W,
+		rowModel: Q,
+		visibleColumns: wt,
+		readOnly: se,
+		canEditCell: ge,
+		setEditorInitialValue: pt,
+		dispatch: G,
+		handleCopy: wi,
 		handleCellDoubleClick: t((e) => {
-			let t = Z.getRow(e.row), n = bt[e.col];
-			if (!t || !n || !A({
-				readOnly: z,
-				canEditCell: me
+			let t = Q.getRow(e.row), n = wt[e.col];
+			if (!t || !n || !fe({
+				readOnly: se,
+				canEditCell: ge
 			}, e.row, e.col, t, n)) return;
-			let r = j(t, n);
-			lt(String(r ?? "")), K(h.startEdit(e));
+			let r = R(t, n);
+			pt(String(r ?? "")), G(h.startEdit(e));
 		}, [
-			me,
-			K,
-			Z,
-			z,
-			bt
+			ge,
+			G,
+			Q,
+			se,
+			wt
 		]),
-		isWholeGridSelected: ii,
-		selectEntireGrid: si
-	}), { startEditWithValue: ui, commitEdit: di, cancelEdit: fi } = We({
-		uiState: G,
+		isWholeGridSelected: Ci,
+		selectEntireGrid: Ei
+	}), { startEditWithValue: ki, commitEdit: Ai, cancelEdit: ji } = qe({
+		uiState: W,
 		rows: e,
-		visibleColumns: bt,
-		rowModel: Z,
-		setEditorInitialValue: lt,
-		onRowsChange: _,
-		dispatch: K,
-		getMovedCell: ci,
-		gridRootRef: Be,
-		editorActionGuardRef: Ke
-	}), pi = t((e) => {
-		let t = Z.getRow(e.row), n = bt[e.col];
-		if (!t || !n || !A({
-			readOnly: z,
-			canEditCell: me
+		visibleColumns: wt,
+		rowModel: Q,
+		setEditorInitialValue: pt,
+		onRowsChange: x,
+		dispatch: G,
+		getMovedCell: Di,
+		gridRootRef: We,
+		editorActionGuardRef: Ze
+	}), Mi = W.editingCell ? wt[W.editingCell.col] : void 0, Ni = t((e) => {
+		let t = Q.getRow(e.row), n = wt[e.col];
+		if (!t || !n || !fe({
+			readOnly: se,
+			canEditCell: ge
 		}, e.row, e.col, t, n)) return;
-		let r = j(t, n);
-		ui(e, String(r ?? ""));
+		let r = R(t, n);
+		ki(e, String(r ?? ""));
 	}, [
-		me,
-		Z,
-		z,
-		ui,
-		bt
-	]), mi = a(() => {
-		if (!G.selection) return null;
-		if (G.selection.type === "cell") {
-			let e = S(G.selection.range);
+		ge,
+		Q,
+		se,
+		ki,
+		wt
+	]), Pi = a(() => {
+		if (!W.selection) return null;
+		if (W.selection.type === "cell") {
+			let e = ie(W.selection.range);
 			return {
-				extents: Ce(q, e.start.col, e.end.col),
+				extents: j(q, e.start.col, e.end.col),
 				startRow: e.start.row,
 				endRow: e.end.row
 			};
 		}
-		if (G.selection.type === "row") {
-			let e = C(G.selection.startRow, G.selection.endRow);
+		if (W.selection.type === "row") {
+			let e = ae(W.selection.startRow, W.selection.endRow);
 			return {
-				extents: we(q),
+				extents: M(q),
 				startRow: e.startRow,
 				endRow: e.endRow
 			};
 		}
-		let e = w(G.selection.startCol, G.selection.endCol);
+		let e = oe(W.selection.startCol, W.selection.endCol);
 		return {
-			extents: Ce(q, e.startCol, e.endCol),
+			extents: j(q, e.startCol, e.endCol),
 			startRow: 0,
-			endRow: Math.max(Q - 1, 0)
+			endRow: Math.max($ - 1, 0)
 		};
 	}, [
-		G.selection,
+		W.selection,
 		q,
-		Q
-	]), hi = a(() => {
-		if (!mi) return null;
-		let e = st(mi.startRow, mi.endRow, Lr, Rr);
+		$
+	]), Fi = a(() => {
+		if (!Pi) return null;
+		let e = ut(Pi.startRow, Pi.endRow, ni, ri);
 		return e ? {
-			top: $.rowTop(e.start),
-			height: $.rowsHeight(e.start, e.end)
+			top: Qr.rowTop(e.start),
+			height: Qr.rowsHeight(e.start, e.end)
 		} : null;
 	}, [
-		mi,
-		$,
-		Lr,
-		Rr
-	]), gi = t((e) => {
-		if (!mi || !hi) return null;
-		let t = mi.extents[e];
+		Pi,
+		Qr,
+		ni,
+		ri
+	]), Ii = t((e) => {
+		if (!Pi || !Fi) return null;
+		let t = Pi.extents[e];
 		return t ? {
 			left: t.start,
-			top: hi.top,
+			top: Fi.top,
 			width: t.width,
-			height: hi.height
+			height: Fi.height
 		} : null;
-	}, [mi, hi]), _i = t((e) => {
-		if (e.preventDefault(), e.button === 0 && !(Q === 0 || H.length === 0)) {
-			if (Be.current?.focus(), ii) {
-				K(h.clearSelection()), K(h.activateCell(null));
+	}, [Pi, Fi]), Li = t((e) => {
+		if (e.preventDefault(), e.button === 0 && !($ === 0 || V.length === 0)) {
+			if (We.current?.focus(), Ci) {
+				G(h.clearSelection()), G(h.activateCell(null));
 				return;
 			}
-			si();
+			Ei();
 		}
 	}, [
-		K,
-		Q,
-		ii,
-		si,
-		H.length
-	]), vi = t((e) => {
-		_t((t) => t === e ? null : t);
-	}, []), yi = t((e) => {
-		yt((t) => t === e ? null : t);
-	}, []), bi = t(() => {
-		ht(!0);
-	}, []), xi = t(() => {
-		ht(!1);
-	}, []), Si = t((e, t) => {
-		t.preventDefault(), t.stopPropagation(), K(h.startColumnResize(e.key, t.clientX, kt.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth ?? 1e3));
-	}, [K]), Ci = t((e, t) => {
-		if (X(), !v) return;
+		G,
+		$,
+		Ci,
+		Ei,
+		V.length
+	]), Ri = t((e) => {
+		xt((t) => t === e ? null : t);
+	}, []), zi = t((e) => {
+		Ct((t) => t === e ? null : t);
+	}, []), Bi = t(() => {
+		yt(!0);
+	}, []), Vi = t(() => {
+		yt(!1);
+	}, []), Hi = t((e, t) => {
+		t.preventDefault(), t.stopPropagation();
+		let n = t.timeStamp, r = Pt.current;
+		if (r && r.key === e.key && n - r.time < hr && Math.abs(t.clientX - r.x) < gr) {
+			Pt.current = null, jr([e]);
+			return;
+		}
+		Pt.current = {
+			key: e.key,
+			time: n,
+			x: t.clientX
+		}, G(h.startColumnResize(e.key, t.clientX, Nt.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth));
+	}, [G, jr]), Ui = t((e, t) => {
+		if (Z(), !C) return;
 		let n = g.find((t) => t.key === e);
-		n && (n.pinned ?? void 0) !== t && (v(g.map((n) => {
-			let r = kt.current[n.key] ?? n.width;
+		n && (n.pinned ?? void 0) !== t && (C(g.map((n) => {
+			let r = Nt.current[n.key] ?? n.width;
 			return n.key === e ? {
 				...n,
 				width: r,
@@ -4179,45 +4327,45 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 				...n,
 				width: r
 			};
-		})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
+		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
 	}, [
-		X,
+		Z,
 		g,
-		K,
-		v
-	]), wi = t((e) => {
-		X();
-		let t = H.find((t) => t.key === e);
-		t && pr([t]);
+		G,
+		C
+	]), Wi = t((e) => {
+		Z();
+		let t = V.find((t) => t.key === e);
+		t && jr([t]);
 	}, [
-		X,
-		pr,
-		H
-	]), Ti = t(() => {
-		X(), pr(H);
+		Z,
+		jr,
+		V
+	]), Gi = t(() => {
+		Z(), jr(V);
 	}, [
-		X,
-		pr,
-		H
-	]), Ei = a(() => g.map((e) => ({
+		Z,
+		jr,
+		V
+	]), Ki = a(() => g.map((e) => ({
 		key: e.key,
 		title: e.title ?? e.key,
 		visible: e.visible !== !1,
-		pane: de(e)
-	})), [g]), Di = t(() => {
-		X(), Sn();
-	}, [X, Sn]), Oi = a(() => H.map((e) => ({
+		pane: v(e)
+	})), [g]), qi = t(() => {
+		Z(), Bn();
+	}, [Z, Bn]), Ji = a(() => V.map((e) => ({
 		key: e.key,
 		title: e.title ?? e.key
-	})), [H]), ki = t(() => {
-		X(), kn();
-	}, [X, kn]), Ai = t((e) => {
-		X(), en(e);
-	}, [X, en]), ji = t((e, t) => {
-		if (!v) return;
+	})), [V]), Yi = t(() => {
+		Z(), qn();
+	}, [Z, qn]), Xi = t((e) => {
+		Z(), Tn(e);
+	}, [Z, Tn]), Zi = t((e, t) => {
+		if (!C) return;
 		let n = g.find((t) => t.key === e);
-		n && n.visible !== !1 !== t && (!t && g.filter((e) => e.visible !== !1).length <= 1 || (v(g.map((n) => {
-			let r = kt.current[n.key] ?? n.width;
+		n && n.visible !== !1 !== t && (!t && g.filter((e) => e.visible !== !1).length <= 1 || (C(g.map((n) => {
+			let r = Nt.current[n.key] ?? n.width;
 			return n.key === e ? {
 				...n,
 				width: r,
@@ -4226,14 +4374,14 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 				...n,
 				width: r
 			};
-		})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null))));
+		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null))));
 	}, [
 		g,
-		K,
-		v
-	]), Mi = t(() => {
-		v && g.some((e) => e.visible === !1) && (v(g.map((e) => {
-			let t = kt.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
+		G,
+		C
+	]), Qi = t(() => {
+		C && g.some((e) => e.visible === !1) && (C(g.map((e) => {
+			let t = Nt.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
 			return !n && !r ? e : r ? {
 				...e,
 				width: t,
@@ -4242,17 +4390,17 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 				...e,
 				width: t
 			};
-		})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
+		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
 	}, [
 		g,
-		K,
-		v
-	]), Ni = t((e, t) => {
-		if (!v || e.length !== g.length) return;
+		G,
+		C
+	]), $i = t((e, t) => {
+		if (!C || e.length !== g.length) return;
 		let n = new Map(g.map((e) => [e.key, e]));
 		if (!e.every((e) => n.has(e))) return;
-		let r = fe(e.map((e) => {
-			let r = n.get(e), i = kt.current[r.key] ?? r.width, a = t?.has(e) ? t.get(e) : r.pinned, o = i !== r.width, s = (r.pinned ?? void 0) !== (a ?? void 0);
+		let r = y(e.map((e) => {
+			let r = n.get(e), i = Nt.current[r.key] ?? r.width, a = t?.has(e) ? t.get(e) : r.pinned, o = i !== r.width, s = (r.pinned ?? void 0) !== (a ?? void 0);
 			return o || s ? {
 				...r,
 				width: i,
@@ -4262,41 +4410,41 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 		r.length === g.length && r.every((e, t) => {
 			let n = g[t];
 			return !!n && n.key === e.key && n.width === e.width && (n.pinned ?? void 0) === (e.pinned ?? void 0);
-		}) || (v(r), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
+		}) || (C(r), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
 	}, [
 		g,
-		K,
-		v
-	]), Pi = t((e) => {
-		Ni(e);
-	}, [Ni]), { onColumnDragHandlePointerDown: Fi, leftIndicatorRef: Ii, centerIndicatorRef: Li, rightIndicatorRef: Ri } = Ct({
-		enabled: !!v,
+		G,
+		C
+	]), ea = t((e) => {
+		$i(e);
+	}, [$i]), { onColumnDragHandlePointerDown: ta, leftIndicatorRef: na, centerIndicatorRef: ra, rightIndicatorRef: ia } = Et({
+		enabled: !!C,
 		columns: g,
 		paneLayout: q,
-		leftPaneScrollRef: Ye,
-		rightPaneScrollRef: at,
-		bodyScrollRef: Ge,
-		scrollContainerRef: Je,
-		leftLeadingWidth: Ht,
-		centerLeadingWidth: Ut,
+		leftPaneScrollRef: ct,
+		rightPaneScrollRef: dt,
+		bodyScrollRef: Ye,
+		scrollContainerRef: Qe,
+		leftLeadingWidth: on,
+		centerLeadingWidth: sn,
 		rightLeadingWidth: 0,
-		applyColumnOrderAndPin: Ni
-	}), zi = v ? Fi : void 0, Bi = {
+		applyColumnOrderAndPin: $i
+	}), aa = C ? ta : void 0, oa = {
 		position: "absolute",
 		top: 0,
-		height: R + zr,
+		height: F + ii,
 		width: 2,
 		backgroundColor: "#2563eb",
 		transform: "translateX(-1px)",
 		pointerEvents: "none",
 		zIndex: 8,
 		display: "none"
-	}, Vi = t(() => {
-		if (!v) return;
-		let e = At.current;
+	}, sa = t(() => {
+		if (!C) return;
+		let e = Ft.current;
 		if (!e) return;
 		let t = !1, n = g.map((n) => {
-			let r = kt.current[n.key] ?? n.width, i = e.get(n.key);
+			let r = Nt.current[n.key] ?? n.width, i = e.get(n.key);
 			if (!i) return r === n.width ? n : {
 				...n,
 				width: r
@@ -4309,28 +4457,28 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 				visible: i.visible
 			};
 		});
-		t && (v(n), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
+		t && (C(n), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
 	}, [
 		g,
-		K,
-		v
-	]), Hi = t(() => {
-		X(), Vi();
-	}, [X, Vi]), Ui = t((t) => Y ? j(e[t], Y) : void 0, [e, Y]), { options: Wi, allValues: Gi, status: Ki, progress: qi } = nn({
+		G,
+		C
+	]), ca = t(() => {
+		Z(), sa();
+	}, [Z, sa]), la = t((t) => Y ? R(e[t], Y) : void 0, [e, Y]), { options: ua, allValues: da, status: fa, progress: pa } = un({
 		column: Y,
 		rowCount: e.length,
-		getRawValueAt: Ui
-	}), Ji = Y ? G.filters.columnFilters[Y.key] : void 0, Yi = a(() => P(Ji) ? {
-		mode: Ji.mode === "exclude" ? "exclude" : "include",
-		values: new Set(Ji.values)
-	} : null, [Ji]), Xi = !(Y?.filterOptions && Y.filterOptions.length > 0), Zi = t((e, t, n) => {
+		getRawValueAt: la
+	}), ma = Y ? W.filters.columnFilters[Y.key] : void 0, ha = a(() => he(ma) ? {
+		mode: ma.mode === "exclude" ? "exclude" : "include",
+		values: new Set(ma.values)
+	} : null, [ma]), ga = !(Y?.filterOptions && Y.filterOptions.length > 0), _a = t((e, t, n) => {
 		let r = t.mode === "include" ? t.values.size : n - t.values.size;
 		if (r >= n) {
-			K(h.clearColumnFilter(e));
+			G(h.clearColumnFilter(e));
 			return;
 		}
 		if (r <= 0) {
-			K(h.setColumnFilter(e, {
+			G(h.setColumnFilter(e, {
 				kind: "set",
 				mode: "include",
 				values: []
@@ -4342,102 +4490,102 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 			mode: t.mode,
 			values: Array.from(t.values)
 		};
-		K(h.setColumnFilter(e, i));
-	}, [K]), Qi = t((e) => {
+		G(h.setColumnFilter(e, i));
+	}, [G]), va = t((e) => {
 		if (!J) return;
-		let t = Wi.length, n = Yi, r;
-		r = pn(n, e) ? n === null ? Xi ? {
+		let t = ua.length, n = ha, r;
+		r = yn(n, e) ? n === null ? ga ? {
 			mode: "exclude",
 			values: new Set([e])
 		} : {
 			mode: "include",
-			values: rr(Gi, e)
+			values: sr(da, e)
 		} : n.mode === "include" ? {
 			mode: "include",
-			values: rr(n.values, e)
+			values: sr(n.values, e)
 		} : {
 			mode: "exclude",
-			values: nr(n.values, e)
+			values: or(n.values, e)
 		} : n.mode === "include" ? {
 			mode: "include",
-			values: nr(n.values, e)
+			values: or(n.values, e)
 		} : {
 			mode: "exclude",
-			values: rr(n.values, e)
-		}, Zi(J.columnKey, r, t);
+			values: sr(n.values, e)
+		}, _a(J.columnKey, r, t);
 	}, [
 		J,
-		Yi,
-		Xi,
-		Gi,
-		Wi,
-		Zi
-	]), $i = t((e, t) => {
+		ha,
+		ga,
+		da,
+		ua,
+		_a
+	]), ya = t((e, t) => {
 		if (!J) return;
-		let n = J.columnKey, r = Wi.length;
+		let n = J.columnKey, r = ua.length;
 		if (e === "all") {
-			t ? K(h.clearColumnFilter(n)) : Zi(n, {
+			t ? G(h.clearColumnFilter(n)) : _a(n, {
 				mode: "include",
 				values: /* @__PURE__ */ new Set()
 			}, r);
 			return;
 		}
-		let i = Yi, a;
+		let i = ha, a;
 		if (t) {
 			if (i === null) {
-				K(h.clearColumnFilter(n));
+				G(h.clearColumnFilter(n));
 				return;
 			}
 			a = i.mode === "include" ? {
 				mode: "include",
-				values: ir(i.values, e)
+				values: cr(i.values, e)
 			} : {
 				mode: "exclude",
-				values: ar(i.values, e)
+				values: lr(i.values, e)
 			};
-		} else a = i === null ? Xi ? {
+		} else a = i === null ? ga ? {
 			mode: "exclude",
 			values: new Set(e)
 		} : {
 			mode: "include",
-			values: ar(Gi, e)
+			values: lr(da, e)
 		} : i.mode === "include" ? {
 			mode: "include",
-			values: ar(i.values, e)
+			values: lr(i.values, e)
 		} : {
 			mode: "exclude",
-			values: ir(i.values, e)
+			values: cr(i.values, e)
 		};
-		Zi(n, a, r);
+		_a(n, a, r);
 	}, [
 		J,
-		Yi,
-		Xi,
-		Gi,
-		Wi,
-		Zi,
-		K
-	]), ea = t(() => {
-		J && K(h.clearColumnFilter(J.columnKey));
-	}, [K, J]), ta = t(() => {
+		ha,
+		ga,
+		da,
+		ua,
+		_a,
+		G
+	]), ba = t(() => {
+		J && G(h.clearColumnFilter(J.columnKey));
+	}, [G, J]), xa = t(() => {
 		if (!J) return;
-		let e = H.find((e) => e.key === J.columnKey)?.filterType ?? "text";
+		let e = V.find((e) => e.key === J.columnKey)?.filterType ?? "text";
 		if (e === "set") {
-			tn();
+			En();
 			return;
 		}
 		if (e === "number") {
-			let e = ee(J.draftValue);
+			let e = ye(J.draftValue);
 			if (!e) {
-				K(h.clearColumnFilter(J.columnKey)), tn();
+				G(h.clearColumnFilter(J.columnKey)), En();
 				return;
 			}
-			K(h.setColumnFilter(J.columnKey, e)), tn();
+			G(h.setColumnFilter(J.columnKey, e)), En();
 			return;
 		}
 		let t = e === "select" ? J.draftValue : J.draftValue.trim();
 		if (!t) {
-			K(h.clearColumnFilter(J.columnKey)), tn();
+			G(h.clearColumnFilter(J.columnKey)), En();
 			return;
 		}
 		let n = e === "select" ? {
@@ -4453,71 +4601,71 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 			kind: "text",
 			value: t
 		};
-		K(h.setColumnFilter(J.columnKey, n)), tn();
+		G(h.setColumnFilter(J.columnKey, n)), En();
 	}, [
-		tn,
-		K,
+		En,
+		G,
 		J,
-		H
-	]), na = t(() => {
-		J && (K(h.clearColumnFilter(J.columnKey)), tn());
+		V
+	]), Sa = t(() => {
+		J && (G(h.clearColumnFilter(J.columnKey)), En());
 	}, [
-		tn,
-		K,
+		En,
+		G,
 		J
-	]), ra = t((e, t) => {
-		if (X(), !B) return;
-		let n = Xe(G.sort, e, t, !1);
-		K(n.length === 0 ? h.clearSort() : h.setSort(n));
+	]), Ca = t((e, t) => {
+		if (Z(), !z) return;
+		let n = $e(W.sort, e, t, !1);
+		G(n.length === 0 ? h.clearSort() : h.setSort(n));
 	}, [
-		X,
-		K,
-		B,
-		G.sort
-	]), ia = t((e, t) => {
-		if (!B) return;
-		let n = Ze(G.sort, e, t);
-		K(h.setSort(n));
+		Z,
+		G,
+		z,
+		W.sort
+	]), wa = t((e, t) => {
+		if (!z) return;
+		let n = et(W.sort, e, t);
+		G(h.setSort(n));
 	}, [
-		K,
-		B,
-		G.sort
-	]), aa = t((e, t) => {
-		if (!B) return;
-		let n = Qe(G.sort, e, t);
-		K(h.setSort(n));
+		G,
+		z,
+		W.sort
+	]), Ta = t((e, t) => {
+		if (!z) return;
+		let n = tt(W.sort, e, t);
+		G(h.setSort(n));
 	}, [
-		K,
-		B,
-		G.sort
-	]), oa = t((e, t) => {
-		if (!B) return;
-		let n = $e(G.sort, e, t);
-		K(h.setSort(n));
+		G,
+		z,
+		W.sort
+	]), Ea = t((e, t) => {
+		if (!z) return;
+		let n = nt(W.sort, e, t);
+		G(h.setSort(n));
 	}, [
-		K,
-		B,
-		G.sort
-	]), sa = t((e) => {
-		if (!B) return;
-		let t = et(G.sort, e);
-		K(t.length === 0 ? h.clearSort() : h.setSort(t));
+		G,
+		z,
+		W.sort
+	]), Da = t((e) => {
+		if (!z) return;
+		let t = rt(W.sort, e);
+		G(t.length === 0 ? h.clearSort() : h.setSort(t));
 	}, [
-		K,
-		B,
-		G.sort
-	]), ca = t(() => {
-		B && K(h.clearSort());
-	}, [K, B]), la = t((e, t) => {
-		if (!B) return;
-		let n = tt(G.sort, e, t);
-		K(h.setSort(n));
+		G,
+		z,
+		W.sort
+	]), Oa = t(() => {
+		z && G(h.clearSort());
+	}, [G, z]), ka = t((e, t) => {
+		if (!z) return;
+		let n = it(W.sort, e, t);
+		G(h.setSort(n));
 	}, [
-		K,
-		B,
-		G.sort
-	]), ua = t((t, n, r, i, a) => {
-		let o = j(t, r);
+		G,
+		z,
+		W.sort
+	]), Aa = t((t, n, r, i, a) => {
+		let o = R(t, r);
 		return r.renderCell ? r.renderCell({
 			row: t,
 			rowIndex: n,
@@ -4529,29 +4677,33 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 			isEditing: a.isEditing,
 			readOnly: a.readOnly,
 			setValue: (t) => {
-				if (!_) return;
-				let i = Z.getSourceIndex(n);
-				i !== void 0 && _(e.map((e, n) => n === i ? M(e, r, t) : e));
+				if (!x) return;
+				let i = Q.getSourceIndex(n);
+				i !== void 0 && x(e.map((e, n) => n === i ? pe(e, r, t) : e));
 			}
-		}) : /* @__PURE__ */ d("span", { children: String(o ?? "") });
+		}) : /* @__PURE__ */ d("span", { children: r.valueFormatter ? r.valueFormatter({
+			value: o,
+			row: t,
+			column: r
+		}) : String(o ?? "") });
 	}, [
-		Z,
-		_,
+		Q,
+		x,
 		e
-	]), { slotContext: da } = Ue({
+	]), { slotContext: ja } = Ke({
 		rows: e,
-		viewRowCount: Q,
-		getFilteredRows: mr,
+		viewRowCount: $,
+		getFilteredRows: Mr,
 		columns: g,
-		visibleColumns: H,
-		uiState: G,
+		visibleColumns: V,
+		uiState: W,
 		setGlobalFilterText: t((e) => {
-			K(h.setGlobalFilter(e));
-		}, [K])
-	}), fa = a(() => ({
-		width: oe,
-		minWidth: oe
-	}), [oe]), pa = Q === 0, ma = (e, t, n) => ({
+			G(h.setGlobalFilter(e));
+		}, [G])
+	}), Ma = a(() => ({
+		width: I,
+		minWidth: I
+	}), [I]), Na = $ === 0, Pa = (e, t, n) => ({
 		position: "sticky",
 		...e === "left" ? { left: 0 } : { right: 0 },
 		width: t,
@@ -4566,471 +4718,477 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 			borderLeft: "1px solid #cbd5e1",
 			boxShadow: "-6px 0 8px -6px rgba(15, 23, 42, 0.35)"
 		} : {}
-	}), ha = (() => {
+	}), Fa = (() => {
 		if (!Y) return "（なし）";
-		let e = G.filters.columnFilters[Y.key];
-		if (P(e)) return e.mode === "exclude" ? `${e.values.length}件を除外中` : `${e.values.length}件を選択中`;
-		if (L(e)) return e.raw;
-		let t = te(e);
+		let e = W.filters.columnFilters[Y.key];
+		if (he(e)) return e.mode === "exclude" ? `${e.values.length}件を除外中` : `${e.values.length}件を選択中`;
+		if (ve(e)) return e.raw;
+		let t = be(e);
 		return t.trim() ? t : "（なし）";
-	})(), ga = Y ? /* @__PURE__ */ d(gn, {
+	})(), Ia = Y ? /* @__PURE__ */ d(Sn, {
 		isOpen: !!J,
 		title: Y.title || Y.key,
 		filterType: Y.filterType ?? "text",
-		isServerSide: U,
+		isServerSide: H,
 		draftValue: J?.draftValue ?? "",
-		currentValueText: ha,
-		layout: Yt,
-		selectOptions: Wi,
-		setSelection: Yi,
-		optionsStatus: Ki,
-		optionsProgress: qi,
-		popoverRef: Xt,
-		textInputRef: Zt,
-		selectRef: Qt,
-		onRequestClose: tn,
-		onDraftChange: rn,
-		onApply: ta,
-		onClear: na,
-		onSetValueToggle: Qi,
-		onSetSelectAllChange: $i,
-		onSetClear: ea
-	}) : null, _a = ln ? /* @__PURE__ */ d(Ln, {
-		isOpen: sn,
-		title: ln.title || ln.key,
-		columnKey: ln.key,
-		canFilter: W && !!ln.filterType,
-		onOpenFilter: () => Ai(ln),
-		canSort: St,
-		sortDirection: G.sort.find((e) => e.columnKey === ln.key)?.direction ?? null,
-		onSortChange: (e) => ra(ln.key, e),
-		onOpenSortManager: ki,
-		pinned: ln.pinned,
-		canChangePinned: !!v,
-		layout: an,
-		popoverRef: on,
-		onPinnedChange: Ci,
-		onAutosizeColumn: wi,
-		onAutosizeAllColumns: Ti,
-		onOpenColumnChooser: Di,
-		canResetColumns: !!v,
-		onResetColumns: Hi,
-		onRequestClose: X
-	}) : null, va = /* @__PURE__ */ d(Yn, {
-		isOpen: yn,
-		items: Ei,
-		canToggle: !!v,
-		layout: bn,
-		panelRef: xn,
-		onToggleColumnVisibility: ji,
-		onShowAllColumns: Mi,
-		onResetColumns: Vi,
-		onReorderColumns: Pi,
-		onRequestClose: wn
-	}), ya = /* @__PURE__ */ d(tr, {
-		isOpen: Tn,
-		entries: G.sort,
-		columns: Oi,
-		canSort: St,
-		layout: Dn,
-		panelRef: On,
-		onAddLevel: ia,
-		onChangeDirection: aa,
-		onChangeColumn: oa,
-		onRemoveLevel: sa,
-		onClearAll: ca,
-		onMove: la,
-		onRequestClose: An
-	}), ba = $t || sn || yn || Tn, xa = Me, Sa = Ne && Dt, Ca = Oe ? je(Ie, da, xa || Sa ? /* @__PURE__ */ d(vn, {
-		context: da,
-		showSummary: xa,
-		showFilter: Sa,
-		showCounts: Pe
-	}) : null) : null, wa = Ae ? je(Le, da, /* @__PURE__ */ d(_n, {
-		context: da,
-		showCounts: Fe
-	})) : null, Ta = se === void 0 && ce === void 0 ? void 0 : {
-		...se === void 0 ? {} : { height: se },
-		maxHeight: ce ?? (se === void 0 ? void 0 : "none")
+		currentValueText: Fa,
+		layout: pn,
+		selectOptions: ua,
+		setSelection: ha,
+		optionsStatus: fa,
+		optionsProgress: pa,
+		popoverRef: mn,
+		textInputRef: hn,
+		selectRef: bn,
+		onRequestClose: En,
+		onDraftChange: Dn,
+		onApply: xa,
+		onClear: Sa,
+		onSetValueToggle: va,
+		onSetSelectAllChange: ya,
+		onSetClear: ba
+	}) : null, La = X ? /* @__PURE__ */ d(Vn, {
+		isOpen: jn,
+		title: X.title || X.key,
+		columnKey: X.key,
+		canFilter: At && !!X.filterType,
+		onOpenFilter: () => Xi(X),
+		canSort: U,
+		sortDirection: W.sort.find((e) => e.columnKey === X.key)?.direction ?? null,
+		onSortChange: (e) => Ca(X.key, e),
+		onOpenSortManager: Yi,
+		pinned: X.pinned,
+		canChangePinned: !!C,
+		layout: On,
+		popoverRef: An,
+		onPinnedChange: Ui,
+		onAutosizeColumn: Wi,
+		onAutosizeAllColumns: Gi,
+		onOpenColumnChooser: qi,
+		canResetColumns: !!C,
+		onResetColumns: ca,
+		onRequestClose: Z
+	}) : null, Ra = /* @__PURE__ */ d($n, {
+		isOpen: Ln,
+		items: Ki,
+		canToggle: !!C,
+		layout: Rn,
+		panelRef: zn,
+		onToggleColumnVisibility: Zi,
+		onShowAllColumns: Qi,
+		onResetColumns: sa,
+		onReorderColumns: ea,
+		onRequestClose: Hn
+	}), za = /* @__PURE__ */ d(ar, {
+		isOpen: Un,
+		entries: W.sort,
+		columns: Ji,
+		canSort: U,
+		layout: Wn,
+		panelRef: Kn,
+		onAddLevel: wa,
+		onChangeDirection: Ta,
+		onChangeColumn: Ea,
+		onRemoveLevel: Da,
+		onClearAll: Oa,
+		onMove: ka,
+		onRequestClose: Jn
+	}), Ba = xn || jn || Ln || Un, Va = Ie, Ha = Le && Mt, Ua = Ne ? Pe(Be, ja, Va || Ha ? /* @__PURE__ */ d(wn, {
+		context: ja,
+		showSummary: Va,
+		showFilter: Ha,
+		showCounts: Re
+	}) : null) : null, Wa = Fe ? Pe(Ve, ja, /* @__PURE__ */ d(Cn, {
+		context: ja,
+		showCounts: ze
+	})) : null, Ga = L === void 0 && te === void 0 ? void 0 : {
+		...L === void 0 ? {} : { height: L },
+		maxHeight: te ?? (L === void 0 ? void 0 : "none")
 	};
 	return /* @__PURE__ */ f("div", {
-		className: m("ssg-root", Re, V?.root),
+		className: m("ssg-root", He, B?.root),
 		children: [
-			Ca,
+			Ua,
 			/* @__PURE__ */ f("div", {
-				ref: Be,
+				ref: We,
 				className: "ssg-shell",
-				style: { cursor: fr ? "progress" : void 0 },
-				onDragStart: $r,
-				onPointerLeave: () => _t(null),
+				style: { cursor: Ar ? "progress" : void 0 },
+				onDragStart: vi,
+				onPointerLeave: () => xt(null),
 				onPointerMoveCapture: (e) => {
-					Ve.current = {
+					Ge.current = {
 						x: e.clientX,
 						y: e.clientY
-					}, Xr(e.clientX, e.clientY);
+					}, hi(e.clientX, e.clientY);
 				},
-				tabIndex: ba ? -1 : 0,
-				onKeyDown: ba ? void 0 : li,
-				onPaste: ba ? void 0 : oi,
+				tabIndex: Ba ? -1 : 0,
+				onKeyDown: Ba ? void 0 : Oi,
+				onPaste: Ba ? void 0 : Ti,
 				children: [/* @__PURE__ */ f("div", {
-					ref: Je,
+					ref: Qe,
 					className: "ssg-scroll-container",
-					style: Ta,
+					style: Ga,
 					children: [/* @__PURE__ */ f("div", {
 						className: "ssg-inner-row",
 						style: {
-							width: Jt,
-							minWidth: Jt,
-							height: R + zr
+							width: fn,
+							minWidth: fn,
+							height: F + ii
 						},
 						children: [
 							/* @__PURE__ */ f("div", {
-								ref: Ye,
-								style: ma("left", Wt, zt),
-								children: [zt && /* @__PURE__ */ f("div", {
+								ref: ct,
+								style: Pa("left", cn, nn),
+								children: [nn && /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: Wt,
-										minWidth: Wt,
-										height: R + zr
+										width: cn,
+										minWidth: cn,
+										height: F + ii
 									},
-									children: [/* @__PURE__ */ d(En, {
+									children: [/* @__PURE__ */ d(Mn, {
 										pane: "left",
 										ownsRowHeader: !0,
-										leadingWidth: Ht,
-										headerHeight: R,
-										rowHeaderCellStyle: fa,
-										headerRowClassName: V?.headerRow,
-										headerCellClassName: V?.headerCell,
-										rowHeaderCellClassName: V?.rowHeaderCell,
-										isCornerHovered: ut,
-										isWholeGridSelected: ii,
-										filteredRowsLength: Q,
-										visibleColumnsLength: H.length,
-										renderEntries: Wr,
-										hoveredColumnIndex: vt,
-										selectionSnapshot: jt,
-										columnFilterValues: G.filters.columnFilters,
-										sortState: G.sort,
-										iconButtonClassName: V?.iconButton,
-										onCornerPointerDown: _i,
-										onCornerPointerEnter: bi,
-										onCornerPointerLeave: xi,
-										onColumnHeaderPointerDown: ni,
-										onColumnHeaderPointerEnter: ri,
-										onColumnHeaderPointerLeave: yi,
-										onColumnResizePointerDown: Si,
-										enableColumnMenu: Se,
-										openedMenuColumnKey: cn,
-										onColumnMenuButtonPointerDown: mn,
-										onColumnHeaderContextMenu: hn,
-										onColumnDragHandlePointerDown: zi
+										leadingWidth: on,
+										headerHeight: F,
+										rowHeaderCellStyle: Ma,
+										headerRowClassName: B?.headerRow,
+										headerCellClassName: B?.headerCell,
+										rowHeaderCellClassName: B?.rowHeaderCell,
+										isCornerHovered: vt,
+										isWholeGridSelected: Ci,
+										filteredRowsLength: $,
+										visibleColumnsLength: V.length,
+										renderEntries: li,
+										hoveredColumnIndex: St,
+										selectionSnapshot: It,
+										columnFilterValues: W.filters.columnFilters,
+										sortState: W.sort,
+										iconButtonClassName: B?.iconButton,
+										onCornerPointerDown: Li,
+										onCornerPointerEnter: Bi,
+										onCornerPointerLeave: Vi,
+										onColumnHeaderPointerDown: xi,
+										onColumnHeaderPointerEnter: Si,
+										onColumnHeaderPointerLeave: zi,
+										onColumnResizePointerDown: Hi,
+										enableColumnMenu: ke,
+										enableColumnResize: Te,
+										openedMenuColumnKey: Nn,
+										onColumnMenuButtonPointerDown: Pn,
+										onColumnHeaderContextMenu: Fn,
+										onColumnDragHandlePointerDown: aa
 									}), /* @__PURE__ */ f("div", {
 										style: {
 											position: "absolute",
 											top: 0,
 											left: 0,
-											width: Wt,
-											height: R + zr,
-											transform: Br
+											width: cn,
+											height: F + ii,
+											transform: ai
 										},
 										children: [
-											/* @__PURE__ */ d(D, {
-												rect: gi("left"),
-												headerHeight: R,
-												baseOffset: Hr,
-												leadingWidth: Ht
+											/* @__PURE__ */ d(le, {
+												rect: Ii("left"),
+												headerHeight: F,
+												baseOffset: si,
+												leadingWidth: on
 											}),
-											/* @__PURE__ */ d(O, {
-												rect: Jr("left"),
-												headerHeight: R,
-												baseOffset: Hr,
-												leadingWidth: Ht
+											/* @__PURE__ */ d(ue, {
+												rect: pi("left"),
+												headerHeight: F,
+												baseOffset: si,
+												leadingWidth: on
 											}),
-											/* @__PURE__ */ d(k, {
-												rect: Yr("left"),
-												headerHeight: R,
-												baseOffset: Hr,
-												leadingWidth: Ht,
-												initialValue: ct,
-												onCommit: di,
-												onCancel: fi
+											/* @__PURE__ */ d(de, {
+												rect: mi("left"),
+												headerHeight: F,
+												baseOffset: si,
+												leadingWidth: on,
+												initialValue: ft,
+												onCommit: Ai,
+												onCancel: ji,
+												align: Mi?.align
 											}),
-											/* @__PURE__ */ d(Cn, {
+											/* @__PURE__ */ d(kn, {
 												pane: "left",
 												ownsRowHeader: !0,
-												leadingWidth: Ht,
-												rowModel: Z,
-												virtualRows: Fr,
-												virtualRowIndexes: Ir,
-												renderEntries: Wr,
-												rowHeight: I,
-												autoHeight: Tr,
-												isServerSide: U,
-												rowHeaderCellStyle: fa,
-												hoveredRowIndex: gt,
-												isWholeGridSelected: ii,
-												activeCell: G.activeCell,
-												editingCell: G.editingCell,
-												selectionSnapshot: jt,
-												readOnly: z,
-												canEditCell: me,
-												onRowHeaderPointerDown: ei,
-												onRowHeaderPointerEnter: ti,
-												onRowHeaderPointerLeave: vi,
-												onCellPointerDown: Zr,
-												onCellPointerEnter: Qr,
-												onCellDoubleClick: pi,
-												renderCellContent: ua,
-												getRowClassName: ze,
-												bodyCellClassName: V?.bodyCell,
-												bodyRowClassName: V?.bodyRow,
-												rowHeaderCellClassName: V?.rowHeaderCell
+												leadingWidth: on,
+												rowModel: Q,
+												virtualRows: ei,
+												virtualRowIndexes: ti,
+												renderEntries: li,
+												rowHeight: O,
+												autoHeight: Ur,
+												isServerSide: H,
+												rowHeaderCellStyle: Ma,
+												hoveredRowIndex: bt,
+												isWholeGridSelected: Ci,
+												activeCell: W.activeCell,
+												editingCell: W.editingCell,
+												selectionSnapshot: It,
+												readOnly: se,
+												canEditCell: ge,
+												onRowHeaderPointerDown: yi,
+												onRowHeaderPointerEnter: bi,
+												onRowHeaderPointerLeave: Ri,
+												onCellPointerDown: gi,
+												onCellPointerEnter: _i,
+												onCellDoubleClick: Ni,
+												renderCellContent: Aa,
+												getRowClassName: Ue,
+												bodyCellClassName: B?.bodyCell,
+												bodyRowClassName: B?.bodyRow,
+												rowHeaderCellClassName: B?.rowHeaderCell
 											})
 										]
 									})]
 								}), /* @__PURE__ */ d("div", {
-									ref: Ii,
-									style: Bi
+									ref: na,
+									style: oa
 								})]
 							}),
 							/* @__PURE__ */ d("div", {
-								ref: Ge,
+								ref: Ye,
 								className: "ssg-center-pane",
 								style: {
-									width: Kt,
-									minWidth: Kt
+									width: dn,
+									minWidth: dn
 								},
 								children: /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: Kt,
-										minWidth: Kt,
-										height: R + zr
+										width: dn,
+										minWidth: dn,
+										height: F + ii
 									},
 									children: [
-										/* @__PURE__ */ d(En, {
+										/* @__PURE__ */ d(Mn, {
 											pane: "center",
-											ownsRowHeader: Vt,
-											leadingWidth: Ut,
-											headerHeight: R,
-											rowHeaderCellStyle: fa,
-											headerRowClassName: V?.headerRow,
-											headerCellClassName: V?.headerCell,
-											rowHeaderCellClassName: V?.rowHeaderCell,
-											isCornerHovered: ut,
-											isWholeGridSelected: ii,
-											filteredRowsLength: Q,
-											visibleColumnsLength: H.length,
-											renderEntries: Ur,
-											hoveredColumnIndex: vt,
-											selectionSnapshot: jt,
-											columnFilterValues: G.filters.columnFilters,
-											sortState: G.sort,
-											iconButtonClassName: V?.iconButton,
-											onCornerPointerDown: _i,
-											onCornerPointerEnter: bi,
-											onCornerPointerLeave: xi,
-											onColumnHeaderPointerDown: ni,
-											onColumnHeaderPointerEnter: ri,
-											onColumnHeaderPointerLeave: yi,
-											onColumnResizePointerDown: Si,
-											enableColumnMenu: Se,
-											openedMenuColumnKey: cn,
-											onColumnMenuButtonPointerDown: mn,
-											onColumnHeaderContextMenu: hn,
-											onColumnDragHandlePointerDown: zi
+											ownsRowHeader: an,
+											leadingWidth: sn,
+											headerHeight: F,
+											rowHeaderCellStyle: Ma,
+											headerRowClassName: B?.headerRow,
+											headerCellClassName: B?.headerCell,
+											rowHeaderCellClassName: B?.rowHeaderCell,
+											isCornerHovered: vt,
+											isWholeGridSelected: Ci,
+											filteredRowsLength: $,
+											visibleColumnsLength: V.length,
+											renderEntries: ci,
+											hoveredColumnIndex: St,
+											selectionSnapshot: It,
+											columnFilterValues: W.filters.columnFilters,
+											sortState: W.sort,
+											iconButtonClassName: B?.iconButton,
+											onCornerPointerDown: Li,
+											onCornerPointerEnter: Bi,
+											onCornerPointerLeave: Vi,
+											onColumnHeaderPointerDown: xi,
+											onColumnHeaderPointerEnter: Si,
+											onColumnHeaderPointerLeave: zi,
+											onColumnResizePointerDown: Hi,
+											enableColumnMenu: ke,
+											enableColumnResize: Te,
+											openedMenuColumnKey: Nn,
+											onColumnMenuButtonPointerDown: Pn,
+											onColumnHeaderContextMenu: Fn,
+											onColumnDragHandlePointerDown: aa
 										}),
 										/* @__PURE__ */ f("div", {
 											style: {
 												position: "absolute",
 												top: 0,
 												left: 0,
-												width: Kt,
-												height: R + zr,
-												transform: Br
+												width: dn,
+												height: F + ii,
+												transform: ai
 											},
 											children: [
-												/* @__PURE__ */ d(D, {
-													rect: gi("center"),
-													headerHeight: R,
-													baseOffset: Hr,
-													leadingWidth: Ut
+												/* @__PURE__ */ d(le, {
+													rect: Ii("center"),
+													headerHeight: F,
+													baseOffset: si,
+													leadingWidth: sn
 												}),
-												/* @__PURE__ */ d(O, {
-													rect: Jr("center"),
-													headerHeight: R,
-													baseOffset: Hr,
-													leadingWidth: Ut
+												/* @__PURE__ */ d(ue, {
+													rect: pi("center"),
+													headerHeight: F,
+													baseOffset: si,
+													leadingWidth: sn
 												}),
-												/* @__PURE__ */ d(k, {
-													rect: Yr("center"),
-													headerHeight: R,
-													baseOffset: Hr,
-													leadingWidth: Ut,
-													initialValue: ct,
-													onCommit: di,
-													onCancel: fi
+												/* @__PURE__ */ d(de, {
+													rect: mi("center"),
+													headerHeight: F,
+													baseOffset: si,
+													leadingWidth: sn,
+													initialValue: ft,
+													onCommit: Ai,
+													onCancel: ji,
+													align: Mi?.align
 												}),
-												/* @__PURE__ */ d(Cn, {
+												/* @__PURE__ */ d(kn, {
 													pane: "center",
-													ownsRowHeader: Vt,
-													leadingWidth: Ut,
-													rowModel: Z,
-													virtualRows: Fr,
-													virtualRowIndexes: Ir,
-													renderEntries: Ur,
-													rowHeight: I,
-													autoHeight: Tr,
-													isServerSide: U,
-													rowHeaderCellStyle: fa,
-													hoveredRowIndex: gt,
-													isWholeGridSelected: ii,
-													activeCell: G.activeCell,
-													editingCell: G.editingCell,
-													selectionSnapshot: jt,
-													readOnly: z,
-													canEditCell: me,
-													onRowHeaderPointerDown: ei,
-													onRowHeaderPointerEnter: ti,
-													onRowHeaderPointerLeave: vi,
-													onCellPointerDown: Zr,
-													onCellPointerEnter: Qr,
-													onCellDoubleClick: pi,
-													renderCellContent: ua,
-													getRowClassName: ze,
-													bodyCellClassName: V?.bodyCell,
-													bodyRowClassName: V?.bodyRow,
-													rowHeaderCellClassName: V?.rowHeaderCell
+													ownsRowHeader: an,
+													leadingWidth: sn,
+													rowModel: Q,
+													virtualRows: ei,
+													virtualRowIndexes: ti,
+													renderEntries: ci,
+													rowHeight: O,
+													autoHeight: Ur,
+													isServerSide: H,
+													rowHeaderCellStyle: Ma,
+													hoveredRowIndex: bt,
+													isWholeGridSelected: Ci,
+													activeCell: W.activeCell,
+													editingCell: W.editingCell,
+													selectionSnapshot: It,
+													readOnly: se,
+													canEditCell: ge,
+													onRowHeaderPointerDown: yi,
+													onRowHeaderPointerEnter: bi,
+													onRowHeaderPointerLeave: Ri,
+													onCellPointerDown: gi,
+													onCellPointerEnter: _i,
+													onCellDoubleClick: Ni,
+													renderCellContent: Aa,
+													getRowClassName: Ue,
+													bodyCellClassName: B?.bodyCell,
+													bodyRowClassName: B?.bodyRow,
+													rowHeaderCellClassName: B?.rowHeaderCell
 												})
 											]
 										}),
 										/* @__PURE__ */ d("div", {
-											ref: Li,
-											style: Bi
+											ref: ra,
+											style: oa
 										})
 									]
 								})
 							}),
 							/* @__PURE__ */ f("div", {
-								ref: at,
-								style: ma("right", Gt, Bt),
-								children: [Bt && /* @__PURE__ */ f("div", {
+								ref: dt,
+								style: Pa("right", ln, rn),
+								children: [rn && /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: Gt,
-										minWidth: Gt,
-										height: R + zr
+										width: ln,
+										minWidth: ln,
+										height: F + ii
 									},
-									children: [/* @__PURE__ */ d(En, {
+									children: [/* @__PURE__ */ d(Mn, {
 										pane: "right",
 										ownsRowHeader: !1,
 										leadingWidth: 0,
-										headerHeight: R,
-										rowHeaderCellStyle: fa,
-										headerRowClassName: V?.headerRow,
-										headerCellClassName: V?.headerCell,
-										rowHeaderCellClassName: V?.rowHeaderCell,
-										isCornerHovered: ut,
-										isWholeGridSelected: ii,
-										filteredRowsLength: Q,
-										visibleColumnsLength: H.length,
-										renderEntries: Gr,
-										hoveredColumnIndex: vt,
-										selectionSnapshot: jt,
-										columnFilterValues: G.filters.columnFilters,
-										sortState: G.sort,
-										iconButtonClassName: V?.iconButton,
-										onCornerPointerDown: _i,
-										onCornerPointerEnter: bi,
-										onCornerPointerLeave: xi,
-										onColumnHeaderPointerDown: ni,
-										onColumnHeaderPointerEnter: ri,
-										onColumnHeaderPointerLeave: yi,
-										onColumnResizePointerDown: Si,
-										enableColumnMenu: Se,
-										openedMenuColumnKey: cn,
-										onColumnMenuButtonPointerDown: mn,
-										onColumnHeaderContextMenu: hn,
-										onColumnDragHandlePointerDown: zi
+										headerHeight: F,
+										rowHeaderCellStyle: Ma,
+										headerRowClassName: B?.headerRow,
+										headerCellClassName: B?.headerCell,
+										rowHeaderCellClassName: B?.rowHeaderCell,
+										isCornerHovered: vt,
+										isWholeGridSelected: Ci,
+										filteredRowsLength: $,
+										visibleColumnsLength: V.length,
+										renderEntries: ui,
+										hoveredColumnIndex: St,
+										selectionSnapshot: It,
+										columnFilterValues: W.filters.columnFilters,
+										sortState: W.sort,
+										iconButtonClassName: B?.iconButton,
+										onCornerPointerDown: Li,
+										onCornerPointerEnter: Bi,
+										onCornerPointerLeave: Vi,
+										onColumnHeaderPointerDown: xi,
+										onColumnHeaderPointerEnter: Si,
+										onColumnHeaderPointerLeave: zi,
+										onColumnResizePointerDown: Hi,
+										enableColumnMenu: ke,
+										enableColumnResize: Te,
+										openedMenuColumnKey: Nn,
+										onColumnMenuButtonPointerDown: Pn,
+										onColumnHeaderContextMenu: Fn,
+										onColumnDragHandlePointerDown: aa
 									}), /* @__PURE__ */ f("div", {
 										style: {
 											position: "absolute",
 											top: 0,
 											left: 0,
-											width: Gt,
-											height: R + zr,
-											transform: Br
+											width: ln,
+											height: F + ii,
+											transform: ai
 										},
 										children: [
-											/* @__PURE__ */ d(D, {
-												rect: gi("right"),
-												headerHeight: R,
-												baseOffset: Hr,
+											/* @__PURE__ */ d(le, {
+												rect: Ii("right"),
+												headerHeight: F,
+												baseOffset: si,
 												leadingWidth: 0
 											}),
-											/* @__PURE__ */ d(O, {
-												rect: Jr("right"),
-												headerHeight: R,
-												baseOffset: Hr,
+											/* @__PURE__ */ d(ue, {
+												rect: pi("right"),
+												headerHeight: F,
+												baseOffset: si,
 												leadingWidth: 0
 											}),
-											/* @__PURE__ */ d(k, {
-												rect: Yr("right"),
-												headerHeight: R,
-												baseOffset: Hr,
+											/* @__PURE__ */ d(de, {
+												rect: mi("right"),
+												headerHeight: F,
+												baseOffset: si,
 												leadingWidth: 0,
-												initialValue: ct,
-												onCommit: di,
-												onCancel: fi
+												initialValue: ft,
+												onCommit: Ai,
+												onCancel: ji,
+												align: Mi?.align
 											}),
-											/* @__PURE__ */ d(Cn, {
+											/* @__PURE__ */ d(kn, {
 												pane: "right",
 												ownsRowHeader: !1,
 												leadingWidth: 0,
-												rowModel: Z,
-												virtualRows: Fr,
-												virtualRowIndexes: Ir,
-												renderEntries: Gr,
-												rowHeight: I,
-												autoHeight: Tr,
-												isServerSide: U,
-												rowHeaderCellStyle: fa,
-												hoveredRowIndex: gt,
-												isWholeGridSelected: ii,
-												activeCell: G.activeCell,
-												editingCell: G.editingCell,
-												selectionSnapshot: jt,
-												readOnly: z,
-												canEditCell: me,
-												onRowHeaderPointerDown: ei,
-												onRowHeaderPointerEnter: ti,
-												onRowHeaderPointerLeave: vi,
-												onCellPointerDown: Zr,
-												onCellPointerEnter: Qr,
-												onCellDoubleClick: pi,
-												renderCellContent: ua,
-												getRowClassName: ze,
-												bodyCellClassName: V?.bodyCell,
-												bodyRowClassName: V?.bodyRow,
-												rowHeaderCellClassName: V?.rowHeaderCell
+												rowModel: Q,
+												virtualRows: ei,
+												virtualRowIndexes: ti,
+												renderEntries: ui,
+												rowHeight: O,
+												autoHeight: Ur,
+												isServerSide: H,
+												rowHeaderCellStyle: Ma,
+												hoveredRowIndex: bt,
+												isWholeGridSelected: Ci,
+												activeCell: W.activeCell,
+												editingCell: W.editingCell,
+												selectionSnapshot: It,
+												readOnly: se,
+												canEditCell: ge,
+												onRowHeaderPointerDown: yi,
+												onRowHeaderPointerEnter: bi,
+												onRowHeaderPointerLeave: Ri,
+												onCellPointerDown: gi,
+												onCellPointerEnter: _i,
+												onCellDoubleClick: Ni,
+												renderCellContent: Aa,
+												getRowClassName: Ue,
+												bodyCellClassName: B?.bodyCell,
+												bodyRowClassName: B?.bodyRow,
+												rowHeaderCellClassName: B?.rowHeaderCell
 											})
 										]
 									})]
 								}), /* @__PURE__ */ d("div", {
-									ref: Ri,
-									style: Bi
+									ref: ia,
+									style: oa
 								})]
 							})
 						]
-					}), pa && /* @__PURE__ */ d("div", {
+					}), Na && /* @__PURE__ */ d("div", {
 						className: "ssg-empty-state",
-						children: e.length === 0 ? De : Ee
+						children: e.length === 0 ? je : Ae
 					})]
-				}), fr && /* @__PURE__ */ d("div", {
+				}), Ar && /* @__PURE__ */ d("div", {
 					className: "ssg-autosize-overlay",
 					children: /* @__PURE__ */ d("span", {
 						className: "ssg-autosize-pill",
@@ -5038,13 +5196,29 @@ function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g,
 					})
 				})]
 			}),
-			wa,
-			ga,
-			_a,
-			va,
-			ya
+			Wa,
+			Ia,
+			La,
+			Ra,
+			za
 		]
 	});
 }
 //#endregion
-export { Z as SpreadsheetGrid };
+//#region src/components/spreadsheet-grid/logic/valueFormatters.ts
+function yr(e = {}) {
+	let { locale: t, useGrouping: n = !0, minimumFractionDigits: r, maximumFractionDigits: i, emptyText: a = "" } = e;
+	return ({ value: e }) => {
+		if (e == null || e === "") return a;
+		let o = typeof e == "number" ? e : Number(e);
+		if (!Number.isFinite(o)) return String(e);
+		let s = Math.abs(o).toString(), c = s.indexOf("."), l = c === -1 ? 0 : s.length - c - 1, u = r ?? 0, d = Math.max(u, i ?? Math.min(l, 20));
+		return new Intl.NumberFormat(t, {
+			useGrouping: n,
+			minimumFractionDigits: u,
+			maximumFractionDigits: d
+		}).format(o);
+	};
+}
+//#endregion
+export { vr as SpreadsheetGrid, yr as numberFormatter };