@ishibashi0112/spreadsheet-grid 0.2.0 → 0.4.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 = 1e3, te = (e, t, n) => Math.min(Math.max(e, t), n), R = (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: R(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 || L
 			}
 		};
 		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 = te(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, z = (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(z(n, e) ?? "")) : (n) => t.has(String(z(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(z(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(z(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(z(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(z(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(z(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(z(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 = z(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, z = 260, B = 400, se = ({ visibleColumns: e, columnFilterValues: n, enableColumnFilter: i, gridRootRef: o }) => {
+}, B = 240, we = 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" ? B : z, 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 - B;
+		n = Math.max(we, n), n = Math.min(n, window.innerWidth - B - we);
+		let r = e.bottom + Te;
+		r + t > window.innerHeight - we && (r = e.top - t - Te), r = Math.max(we, r), f((e) => e && e.top === r && e.left === n && e.width === B ? e : {
 			top: r,
 			left: n,
-			width: ae
+			width: B
 		});
 	}, [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
 	};
-}, ce = (e, t, n) => Math.min(Math.max(e, t), n), le = (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;
-	});
-}, ue = (e) => e.pinned === "left" ? "left" : e.pinned === "right" ? "right" : "center", de = (e) => {
-	let t = [], n = [], r = [];
-	for (let i of e) {
-		let e = ue(i);
-		e === "left" ? t.push(i) : e === "right" ? r.push(i) : n.push(i);
-	}
-	return [
-		...t,
-		...n,
-		...r
-	];
-}, fe = (e) => {
-	let t = {
-		left: [],
-		center: [],
-		right: []
-	};
-	return e.forEach((e, n) => {
-		t[ue(e)].push({
-			column: e,
-			logicalIndex: n
-		});
-	}), t;
-}, pe = (e, t) => e.map(({ column: e }) => t[e.key] ?? e.width), me = (e, t) => pe(e, t).join(","), he = (e) => e === "" ? [] : e.split(",").map(Number), V = (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
-	};
-}, ge = (e, t, n) => V(e, t, he(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;
-}, ve = (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;
-}, ye = (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;
-}, be = (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;
-}, xe = (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;
-}, Se = (e, t, n) => ({
-	left: xe(e.left, t, n),
-	center: xe(e.center, t, n),
-	right: xe(e.right, t, n)
-}), Ce = (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)
-	};
-}, we = (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
-		}
-	};
-}, Te = (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("	")) : [];
-}, Ee = (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 = z(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 = z(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 = z(t, r), a = r.formatClipboardValue ? r.formatClipboardValue(i, t) : String(i ?? "");
 			o.push(a);
 		}
 		i.push(o.join("	"));
 	}
 	return i.join("\n");
-}, De = (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;
-}, Oe = ({ 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 = z(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() : Ee(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 = Te(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 = De(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 = ce(i.activeCell.row + Math.max(p.length - 1, 0), 0, Math.max(Math.max(n.getRowCount() - 1, 0), m + p.length - 1)), O = ce(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
 		])
 	};
-}, ke = (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;
-}, Ae = (e, t, n) => e ? e(t) : n, je = (e, t = 16) => e.length <= t ? e : `${e.slice(0, t)}…`, Me = (e) => e ? `${ke(e.col)}${e.row + 1}` : "なし", Ne = (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 `${ke(r)}${t + 1} - ${ke(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 ${ke(t)} - ${ke(n)}`;
-}, Pe = (e, t) => `Rows: ${t} / ${e.rows.length}`, Fe = (e) => `Columns: ${e.visibleColumns.length} / ${e.columns.length}`, H = (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
 	};
-}, Ie = (e, t) => {
-	let n = H(e, t);
+}, Ve = (e, t) => {
+	let n = Be(e, t);
 	return `Cells: ${n.selectedCellCount} / Rows: ${n.selectedRowCount}`;
-}, Le = (e) => Object.values(e).filter((e) => F(e)).length, Re = (e) => {
-	let t = e.globalFilterText.trim().length > 0, n = t ? je(e.globalFilterText.trim()) : null, r = Le(e.columnFilterValues);
+}, V = (e) => Object.values(e).filter((e) => ge(e)).length, He = (e) => {
+	let t = e.globalFilterText.trim().length > 0, n = t ? Fe(e.globalFilterText.trim()) : null, r = V(e.columnFilterValues);
 	return !t && r === 0 ? "Filter: なし" : t && r === 0 ? `Filter: Global("${n}")` : !t && r > 0 ? `Filter: ${r}列` : `Filter: Global("${n}") + ${r}列`;
-}, ze = (e, t) => {
+}, Ue = (e, t) => {
 	let n = e.find((e) => e.key === t);
 	return n?.title || n?.key || t;
-}, Be = (e) => e.sortState.length === 0 ? "Sort: なし" : `Sort: ${e.sortState.map((t) => `${ze(e.columns, t.columnKey)} (${t.direction === "asc" ? "昇順" : "降順"})`).join(", ")}`, Ve = (e, t) => {
-	let n = H(e, t), r = e.globalFilterText.trim().length > 0, i = r ? je(e.globalFilterText.trim()) : null, a = Le(e.columnFilterValues), o = r || a > 0, s = e.sortState.length > 0, c = s ? ze(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 = V(e.columnFilterValues), o = r || a > 0, s = e.sortState.length > 0, c = s ? Ue(e.columns, e.sortState[0].columnKey) : null;
 	return {
-		rowSummaryText: Pe(e, t),
-		columnSummaryText: Fe(e),
-		filterSummaryText: Re(e),
-		sortSummaryText: Be(e),
-		activeCellLabel: Me(e.activeCell),
-		selectionLabel: Ne(e.selection),
-		selectionStatsText: Ie(e, t),
+		rowSummaryText: Re(e, t),
+		columnSummaryText: ze(e),
+		filterSummaryText: He(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
 	};
-}, He = ({ 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(() => Ve(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
 		])
 	};
-}, Ue = ({ 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
 		])
 	};
-}, We = (e) => e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey, Ge = (e) => e instanceof HTMLElement ? e.closest("input, textarea, select, button, [contenteditable=\"true\"]") !== null : !1, Ke = ({ 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: ce(e.row + t, 0, Math.max(f - 1, 0)),
-		col: ce(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: ce(a.row + t, 0, f - 1),
-			col: ce(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 (!Ge(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 (We(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
 		])
 	};
-}, qe = new Intl.Collator("ja", {
+}, Ze = new Intl.Collator("ja", {
 	numeric: !0,
 	sensitivity: "base"
-}), Je = (e, t) => {
+}), Qe = (e, t) => {
 	let n = Number(e), r = Number(t);
-	return Number.isFinite(n) && Number.isFinite(r) ? n - r : qe.compare(String(e ?? ""), String(t ?? ""));
-}, Ye = (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);
-}, Xe = (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
-}], Ze = (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), Qe = (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), $e = (e, t) => t < 0 || t >= e.length ? e : e.filter((e, n) => n !== t), et = (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;
-}, tt = (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(z(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] = z(e[t[i]], n);
 			return r;
 		});
 		u.sort((e, r) => {
 			for (let t = 0; t < o; t += 1) {
-				let i = Je(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;
-}, nt = 15e6, rt = (e, t, n, r) => e && t && n > 0 && n <= r, it = 1 << 20, at = (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))
-}), ot = (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
 	};
-}, st = (e, t) => e * t, ct = (e, t) => t === 1 ? e : e / t, lt = (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);
-}, ut = ({ 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 / it) * it, 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
 	};
-}, dt = ({ 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
 	};
-}, ft = ({ 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 = lt(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 = ve(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 = ve(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 = ve(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: ce(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 = Ye(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
 		])
 	};
-}, pt = ({ 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 = st(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: ct(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 mt(e, t, n, r) {
+function vt(e, t, n, r) {
 	let i = e.find((e) => e.key === t);
 	if (!i) return null;
-	let a = ue(i), o = {
+	let a = v(i), o = {
 		left: [],
 		center: [],
 		right: []
 	}, s = /* @__PURE__ */ new Map();
-	for (let t of e) o[ue(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 mt(e, t, n, r) {
 		...o.right
 	];
 }
-var ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<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>", bt = "<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>", xt = "<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>", G = {
+var yt = 24, bt = 18, xt = 32, St = 2, H = 14, Ct = 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>", 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>", Tt = "<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 = {
 	normal: {
 		border: "#2563eb",
 		background: "#eff6ff",
@@ -1506,7 +1570,7 @@ var ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<svg viewBox=\"0 0
 		background: "#fef2f2",
 		color: "#dc2626"
 	}
-}, St = (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 ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<svg viewBox=\"0 0
 			"gap:6px",
 			"padding:4px 10px 4px 8px",
 			"border-radius:9999px",
-			"border:1px solid " + G.normal.border,
-			"background:" + G.normal.background,
-			"color:" + G.normal.color,
+			"border:1px solid " + W.normal.border,
+			"background:" + W.normal.background,
+			"color:" + W.normal.color,
 			"font-size:12px",
 			"font-weight:600",
 			"line-height:1",
@@ -1552,12 +1616,12 @@ var ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<svg viewBox=\"0 0
 		let t = f.current;
 		if (!t) return;
 		let { x: n, y: r } = u.current;
-		t.style.transform = "translate(" + (n + vt) + "px," + (r + W) + "px)";
+		t.style.transform = "translate(" + (n + H) + "px," + (r + Ct) + "px)";
 		let i = e ?? "out";
 		if (m.current === i) return;
 		m.current = i;
 		let a = p.current;
-		i === "out" ? (t.style.borderColor = G.out.border, t.style.background = G.out.background, t.style.color = G.out.color, a && (a.innerHTML = xt)) : (t.style.borderColor = G.normal.border, t.style.background = G.normal.background, t.style.color = G.normal.color, a && (a.innerHTML = i === "center" ? yt : bt));
+		i === "out" ? (t.style.borderColor = W.out.border, t.style.background = W.out.background, t.style.color = W.out.color, a && (a.innerHTML = Tt)) : (t.style.borderColor = W.normal.border, t.style.background = W.normal.background, t.style.color = W.normal.color, a && (a.innerHTML = i === "center" ? wt : U));
 	}, []), 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 ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<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 + U) return {
+		if (f && r.left.entries.length === 0 && e <= f.getBoundingClientRect().left + xt) return {
 			pane: "left",
 			slot: 0,
-			leftPx: _t
+			leftPx: St
 		};
 		if (f && r.left.entries.length > 0) {
 			let t = f.getBoundingClientRect();
 			if (e < t.right) {
-				let n = e - t.left - c, i = ye(r.left, n);
+				let n = e - t.left - c, i = O(r.left, n);
 				return {
 					pane: "left",
 					slot: i,
-					leftPx: c + be(r.left, i)
+					leftPx: c + k(r.left, i)
 				};
 			}
 		}
-		if (p && r.right.entries.length === 0 && e >= p.getBoundingClientRect().left - U) 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 ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<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 = ye(r.right, n);
+				let n = e - t.left - u, i = O(r.right, n);
 				return {
 					pane: "right",
 					slot: i,
-					leftPx: u + be(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 = ye(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 + be(r.center, i)
+				leftPx: l + k(r.center, i)
 			};
 		}
 		return null;
@@ -1642,7 +1706,7 @@ var ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<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 + ht ? r = Math.max(e.scrollLeft - gt, 0) : n.x > t.right - ht && (r = e.scrollLeft + gt), 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 ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<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 = mt(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 ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<svg viewBox=\"0 0
 		centerIndicatorRef: a,
 		rightIndicatorRef: o
 	};
-}, Ct = (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];
-}, wt = (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 ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<svg viewBox=\"0 0
 		prefix: new Float64Array(a + 1),
 		measured: i
 	};
-	return Ct(s, 0), s;
-}, Tt = (e, t, n, r) => t < 0 || t >= e.rowCount || (e.measured.set(n, r), e.heights[t] === r) ? !1 : (e.heights[t] = r, !0), K = (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 ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<svg viewBox=\"0 0
 		e[t] <= n ? r = t : i = t - 1;
 	}
 	return Math.min(Math.max(r, 0), t - 1);
-}, Et = (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) => K(t, n, e)
+		rowAtContentY: (e) => At(t, n, e)
 	};
-}, Dt = 21, Ot = 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)), q = "system-ui, sans-serif", Lt = (e) => {
-	let t = q, n = 13, r = "400";
+}, G = 21, K = 4, Mt = 141, Nt = 13, Pt = 600, q = 60, Ft = 1e3, It = 16, Lt = null, Rt = () => Lt || (typeof document > "u" ? null : (Lt = document.createElement("canvas").getContext("2d"), Lt)), zt = "system-ui, sans-serif", Bt = (e) => {
+	let t = zt, n = 13, r = "400";
 	if (e && typeof window < "u") {
 		let i = window.getComputedStyle(e);
 		i.fontFamily && (t = i.fontFamily);
@@ -1744,70 +1808,70 @@ var ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<svg viewBox=\"0 0
 	}
 	return {
 		cellFont: `${r} ${n}px ${t}`,
-		headerFont: `${jt} ${At}px ${t}`
+		headerFont: `${Pt} ${Nt}px ${t}`
 	};
-}, Rt = (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) => {
+}, Vt = (e, t, n) => Math.min(Math.max(e, t), n), Ht = (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, Ut = (e) => {
 	let t = 0;
 	for (let n of e) {
 		let e = n.codePointAt(0) ?? 0;
-		t += zt(e) ? 2 : 1;
+		t += Ht(e) ? 2 : 1;
 	}
 	return t;
 };
-function Vt(e) {
+function Wt(e) {
 	let t = e.map(() => []), n = e.map(() => []), r = e.map(() => Infinity);
 	return {
 		collect: (i) => {
 			for (let a = 0; a < e.length; a += 1) {
-				let o = String(j(i, e[a]) ?? "");
+				let o = String(z(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) {
+				if (s.length === It && 2 * o.length <= r[a]) continue;
+				let l = Ut(o);
+				if (s.length < It) {
+					if (s.push(o), c.push(l), s.length === It) {
 						let e = c[0];
-						for (let t = 1; t < Pt; t += 1) c[t] < e && (e = c[t]);
+						for (let t = 1; t < It; t += 1) c[t] < e && (e = c[t]);
 						r[a] = e;
 					}
 					continue;
 				}
 				if (l <= r[a]) continue;
 				let u = 0;
-				for (let e = 1; e < Pt; e += 1) c[e] < c[u] && (u = e);
+				for (let e = 1; e < It; 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]);
+				for (let e = 1; e < It; e += 1) c[e] < d && (d = c[e]);
 				r[a] = d;
 			}
 		},
 		finalize: ({ gridRoot: n, currentWidths: r }) => {
-			let i = It();
+			let i = Rt();
 			if (!i || e.length === 0) return {};
-			let { cellFont: a, headerFont: o } = Lt(n), s = {};
+			let { cellFont: a, headerFont: o } = Bt(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 + Ot + kt;
+				let l = c.title || c.key, u = i.measureText(l).width + K + Mt;
 				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 p = d > 0 ? d + Ot + Dt : 0, m = Math.ceil(Rt(Math.max(u, p), c.minWidth ?? Mt, c.maxWidth ?? Nt));
+				let p = d > 0 ? d + K + G : 0, m = Math.ceil(Vt(Math.max(u, p), c.minWidth ?? q, c.maxWidth ?? Ft));
 				r[c.key] !== m && (s[c.key] = m);
 			}
 			return s;
 		}
 	};
 }
-function Ht() {
-	return It() !== null;
+function Gt() {
+	return Rt() !== null;
 }
 //#endregion
 //#region src/components/spreadsheet-grid/utils/scheduler.ts
-var Ut = () => new Promise((e) => {
+var Kt = () => new Promise((e) => {
 	if (typeof MessageChannel > "u") {
 		setTimeout(e, 0);
 		return;
@@ -1816,7 +1880,7 @@ var Ut = () => new Promise((e) => {
 	t.port1.onmessage = () => {
 		t.port1.close(), e();
 	}, t.port2.postMessage(null);
-}), Wt = 10, Gt = 180, J = () => typeof performance < "u" ? performance.now() : Date.now(), Kt = ({ rowModelRef: e, gridRootRef: n, columnWidthsRef: i, dispatch: a }) => {
+}), qt = 10, Jt = 180, Yt = () => typeof performance < "u" ? performance.now() : Date.now(), Xt = ({ 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 +1889,22 @@ var Ut = () => new Promise((e) => {
 	}, []), {
 		isAutosizing: o,
 		runAutosize: t(async (t) => {
-			if (t.length === 0 || !Ht()) return;
+			if (t.length === 0 || !Gt()) 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 = Wt(t);
 			d.current = setTimeout(() => {
 				u.current === r && l(!0);
-			}, Gt);
+			}, Jt);
 			try {
 				let t = 0;
 				for (; t < s;) {
-					let n = J();
-					for (; t < s && J() - n < Wt;) {
+					let n = Yt();
+					for (; t < s && Yt() - n < qt;) {
 						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 Kt(), u.current !== r || e.current !== o)) return;
 				}
 				let n = m.finalize({
 					gridRoot: c,
@@ -1857,7 +1921,7 @@ var Ut = () => new Promise((e) => {
 			e
 		])
 	};
-}, qt = () => {
+}, Zt = () => {
 	let e = /* @__PURE__ */ new Set(), t = [];
 	return {
 		collect(n) {
@@ -1868,45 +1932,45 @@ var Ut = () => new Promise((e) => {
 			}));
 		},
 		finalize() {
-			return t.sort((e, t) => qe.compare(e.label, t.label));
+			return t.sort((e, t) => Ze.compare(e.label, t.label));
 		}
 	};
-}, Jt = (e, t) => {
-	let n = qt();
+}, Qt = (e, t) => {
+	let n = Zt();
 	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 = [], Y = /* @__PURE__ */ new Set(), Qt = {
+}, $t = 10, J = () => typeof performance < "u" ? performance.now() : Date.now(), en = [], tn = /* @__PURE__ */ new Set(), nn = {
 	status: "idle",
-	options: Zt,
-	allValues: Y,
+	options: en,
+	allValues: tn,
 	progress: 0
-}, $t = {
+}, rn = {
 	status: "collecting",
-	options: Zt,
-	allValues: Y,
+	options: en,
+	allValues: tn,
 	progress: 0
-}, en = (e) => new Set(e.map((e) => e.value)), tn = {
+}, an = (e) => new Set(e.map((e) => e.value)), on = {
 	source: null,
 	rowCount: 0,
-	result: Qt
-}, nn = ({ column: e, rowCount: t, getRawValueAt: n }) => {
+	result: nn
+}, sn = ({ 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 Qt;
+		if (!e || !o) return nn;
 		if (s) {
 			let e = s;
 			return {
 				status: "ready",
 				options: e,
-				allValues: en(e),
+				allValues: an(e),
 				progress: 1
 			};
 		}
 		if (!l) {
-			let e = Jt(t, n);
+			let e = Qt(t, n);
 			return {
 				status: "ready",
 				options: e,
-				allValues: en(e),
+				allValues: an(e),
 				progress: 1
 			};
 		}
@@ -1918,24 +1982,24 @@ var Ut = () => new Promise((e) => {
 		l,
 		t,
 		n
-	]), [d, f] = c(tn);
+	]), [d, f] = c(on);
 	r(() => {
 		if (u !== null) return;
-		let e = n, r = t, i = qt(), a = !1;
+		let e = n, r = t, i = Zt(), 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 = J();
+				for (; t < r && J() - n < $t;) i.collect(e(t)), t += 1;
 				if (t < r) {
-					if (await Ut(), a) return;
+					if (await Kt(), a) return;
 					f({
 						source: e,
 						rowCount: r,
 						result: {
 							status: "collecting",
-							options: Zt,
-							allValues: Y,
+							options: en,
+							allValues: tn,
 							progress: t / r
 						}
 					});
@@ -1949,7 +2013,7 @@ var Ut = () => new Promise((e) => {
 				result: {
 					status: "ready",
 					options: n,
-					allValues: en(n),
+					allValues: an(n),
 					progress: 1
 				}
 			});
@@ -1961,12 +2025,12 @@ var Ut = () => new Promise((e) => {
 		t,
 		n
 	]);
-	let p = d.source === n && d.rowCount === t ? d.result : $t;
+	let p = d.source === n && d.rowCount === t ? d.result : rn;
 	return u ?? p;
 };
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideCache.ts
-function rn(e) {
+function cn(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 +2062,22 @@ function rn(e) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideBlocks.ts
-function an(e, t) {
+function ln(e, t) {
 	return Math.floor(e / t);
 }
-function on(e, t, n, r) {
+function un(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 = ln(i, n), s = ln(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 Y = 100, dn = 64, fn = 120;
+function pn(e) {
+	let { dataSource: n, rowKeyGetter: i, query: o, queryKey: l, refreshToken: u } = e, d = n?.blockSize ?? Y, f = n?.maxCachedBlocks ?? dn, p = e.debounceMs ?? fn, [m] = c(() => cn({
 		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 +2104,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 = un(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 +2115,7 @@ function un(e) {
 		n != null && (C.current = {
 			start: e,
 			end: t
-		}, m.touchBlocks(on(e, t, d, y.current)), E());
+		}, m.touchBlocks(un(e, t, d, y.current)), E());
 	}, [
 		m,
 		d,
@@ -2109,36 +2173,36 @@ function un(e) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideQuery.ts
-var dn = (e) => {
+var mn = (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) => {
+}, hn = (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), X = 28;
-function mn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i, onSelectAllChange: o, onRequestClose: p, isServerSide: m }) {
+}, gn = (e, t) => e === null ? !0 : e.mode === "include" ? e.values.has(t) : !e.values.has(t), _n = 28;
+function vn({ 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: () => X,
+		estimateSize: () => _n,
 		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) gn(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 +2245,7 @@ function mn({ 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 = gn(t, n.value);
 					return /* @__PURE__ */ f("label", {
 						className: "ssg-filter-option",
 						style: {
@@ -2213,7 +2277,7 @@ function mn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i,
 		})
 	] });
 }
-function hn({ 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 yn({ 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 +2309,7 @@ function hn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueTex
 					Math.round(c * 100),
 					"%"
 				]
-			}) : O ? /* @__PURE__ */ d(mn, {
+			}) : O ? /* @__PURE__ */ d(vn, {
 				options: o,
 				setSelection: l,
 				searchInputRef: h,
@@ -2360,7 +2424,7 @@ function hn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueTex
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/DefaultGridBottomBar.tsx
-function gn({ context: e, showCounts: t = !0 }) {
+function bn({ context: e, showCounts: t = !0 }) {
 	let { derivedSummary: n } = e;
 	return /* @__PURE__ */ d("div", {
 		className: "ssg-bar--bottom",
@@ -2401,7 +2465,7 @@ function gn({ context: e, showCounts: t = !0 }) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/DefaultGridTopBar.tsx
-function _n({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r = !0 }) {
+function xn({ 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 +2514,11 @@ function _n({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/GridBodyLayer.tsx
-function vn({ 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 Sn({ 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 +2527,7 @@ function vn({ 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 +2535,25 @@ function vn({ 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: z(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 +2573,7 @@ function vn({ 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 +2583,13 @@ function vn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i
 		})]
 	});
 }
-var yn = e(vn), bn = [
+var X = e(Sn), Cn = [
 	"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 wn({ 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 +2611,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 = Cn[i % Cn.length];
 			return /* @__PURE__ */ d("div", {
 				className: m("ssg-body-cell", c && "ssg-body-cell--row-hovered", _),
 				onPointerDown: (e) => h({
@@ -2574,8 +2638,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 Tn = e(wn);
+function En({ 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 +2647,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(Tn, {
 				pane: e,
 				ownsRowHeader: t,
 				leadingWidth: n,
@@ -2603,8 +2667,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, R = D?.(M, u);
+		return /* @__PURE__ */ d(X, {
 			pane: e,
 			ownsRowHeader: t,
 			leadingWidth: n,
@@ -2620,10 +2684,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,
@@ -2633,7 +2697,7 @@ function Cn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
 			onCellPointerEnter: w,
 			onCellDoubleClick: T,
 			renderCellContent: E,
-			rowClassName: ne,
+			rowClassName: R,
 			bodyCellClassName: O,
 			bodyRowClassName: k,
 			rowHeaderCellClassName: A
@@ -2642,7 +2706,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 Dn({ isActive: e, title: t, className: n, onPointerDown: r, children: i }) {
 	return /* @__PURE__ */ d("button", {
 		type: "button",
 		title: t,
@@ -2651,7 +2715,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 On({ 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 +2733,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 +2786,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 +2831,15 @@ function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
 									})
 								]
 							})
-						}), S && /* @__PURE__ */ d(wn, {
+						}), S && /* @__PURE__ */ d(Dn, {
 							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 +2848,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 kn = e(On), An = 200, jn = 8, Mn = 6, Nn = 289, Pn = ({ 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 +2863,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 - An, e = i.bottom + Mn, n = i.top - Nn - Mn;
+		} else if (i) t = i.x, e = i.y, n = i.y - Nn;
 		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(jn, t), t = Math.min(t, window.innerWidth - An - jn), e + Nn > window.innerHeight - jn && (e = n), e = Math.max(jn, e), d((n) => n && n.top === e && n.left === t && n.width === An ? n : {
 			top: e,
 			left: t,
-			width: Dn
+			width: An
 		});
 	}, [_]), b = t(() => {
 		l(null), d(null), p.current = null, m.current = null, requestAnimationFrame(() => {
@@ -2882,7 +2946,7 @@ var En = e(Tn), Dn = 200, On = 8, kn = 6, An = 289, jn = ({ visibleColumns: e, e
 		openColumnMenuFromContextMenu: S,
 		closeColumnMenu: b
 	};
-}, Mn = [
+}, Fn = [
 	{
 		value: void 0,
 		label: "固定しない"
@@ -2895,13 +2959,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 }) {
+], Z = 180, In = 4, Ln = 8, Rn = "pin";
+function zn({ 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 === Rn, A = v.left + v.width + In + Z > window.innerWidth - Ln, j = {
 		position: "fixed",
 		top: v.top,
 		left: v.left,
@@ -2910,8 +2974,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% + ${In}px)` } : { left: `calc(100% + ${In}px)` },
+		width: Z,
 		zIndex: 1
 	};
 	return p(/* @__PURE__ */ f("div", {
@@ -3002,10 +3066,10 @@ function Ln({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a,
 				children: [/* @__PURE__ */ f("button", {
 					type: "button",
 					onPointerEnter: () => {
-						O(In);
+						O(Rn);
 					},
 					onClick: () => {
-						O((e) => e === In ? null : In);
+						O((e) => e === Rn ? null : Rn);
 					},
 					className: m("ssg-menu-item", k && "ssg-menu-item--active"),
 					children: [
@@ -3022,7 +3086,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: [Fn.map((e) => {
 						let t = g === e.value;
 						return /* @__PURE__ */ f("button", {
 							type: "button",
@@ -3118,18 +3182,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 Bn = 280, Vn = 8, Hn = 12, Un = ({ 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 - Bn - Hn, i = t.top + Hn;
+		r = Math.max(Vn, r), r = Math.min(r, window.innerWidth - Bn - Vn), i = Math.max(Vn, i), l((e) => e && e.top === i && e.left === r && e.width === Bn ? e : {
 			top: i,
 			left: r,
-			width: Rn
+			width: Bn
 		});
 	}, [n]), f = t(() => {
 		e && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), n.current?.blur(), a(!0));
@@ -3171,16 +3235,16 @@ var Rn = 280, zn = 8, Bn = 12, Vn = ({ enableColumnMenu: e, gridRootRef: n }) =>
 		openColumnChooser: f,
 		closeColumnChooser: p
 	};
-}, Hn = 28, Un = 12, Wn = [
+}, Wn = 28, Gn = 12, Kn = [
 	"left",
 	"center",
 	"right"
-], Gn = {
+], qn = {
 	left: "左固定",
 	center: "固定なし",
 	right: "右固定"
 };
-function Kn(e, t, n) {
+function Jn(e, t, n) {
 	let r = e.find((e) => e.key === t);
 	if (!r) return null;
 	let i = r.pane, a = {
@@ -3200,7 +3264,7 @@ function Kn(e, t, n) {
 		...a.right
 	];
 }
-function qn({ state: e, disabled: t }) {
+function Yn({ 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 +3283,7 @@ function qn({ state: e, disabled: t }) {
 		}), e === "indeterminate" && /* @__PURE__ */ d("span", { className: "ssg-checkbox-dash" })]
 	});
 }
-function Jn({ disabled: e }) {
+function Xn({ disabled: e }) {
 	return /* @__PURE__ */ d("svg", {
 		width: "10",
 		height: "16",
@@ -3237,7 +3301,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 Zn({ 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 +3322,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 Kn.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 +3341,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 + Wn ? r = -12 : n > t.bottom - Wn && (r = Gn), 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]), R = 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 = Jn(n, t, r);
 			e && _(e);
 		}
 	}, [
@@ -3298,50 +3362,50 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 		P,
 		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)));
+	]), ne = t((e, t, n) => {
+		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 && ne(!0);
-	}, [ne]), R = t(() => {
-		M.current && ne(!1);
-	}, [ne]);
+	]), re = t((e) => {
+		M.current && (ee.current = e.clientY, L());
+	}, [L]), ie = t(() => {
+		M.current && R(!0);
+	}, [R]), ae = t(() => {
+		M.current && R(!1);
+	}, [R]);
 	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 = {
 		top: o.top,
 		left: o.left,
 		width: o.width
-	}, z = (e) => {
+	}, se = (e) => {
 		e.stopPropagation();
-	}, B = (e) => {
+	}, ce = (e) => {
 		e.stopPropagation();
-	}, se = () => {
+	}, le = () => {
 		i && (C || h());
-	}, ce = A === null ? null : n.find((e) => e.key === A)?.pane ?? null, le = (e, t, n) => {
+	}, ue = A === null ? null : n.find((e) => e.key === A)?.pane ?? null, de = (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 && ce === n && P === t && "ssg-chooser-row--drop-before", o && "ssg-chooser-row--dragging"),
+			className: m("ssg-chooser-row", A !== null && ue === n && P === t && "ssg-chooser-row--drop-before", o && "ssg-chooser-row--dragging"),
 			children: [/* @__PURE__ */ d("span", {
 				role: "button",
 				"aria-label": "ドラッグして並べ替え",
 				title: i ? y.trim() === "" ? "ドラッグして並べ替え(同じセクション内のみ)" : "検索中は並べ替えできません" : "onColumnsChange 未指定のため並べ替えできません",
-				onPointerDown: (t) => re(e.key, n, t),
-				onPointerMove: ie,
-				onPointerUp: ae,
-				onPointerCancel: R,
+				onPointerDown: (t) => ne(e.key, n, t),
+				onPointerMove: re,
+				onPointerUp: ie,
+				onPointerCancel: ae,
 				className: m("ssg-chooser-handle", !O && "ssg-chooser-handle--disabled", o && "ssg-chooser-handle--dragging"),
-				children: /* @__PURE__ */ d(Jn, { disabled: !O })
+				children: /* @__PURE__ */ d(Xn, { disabled: !O })
 			}), /* @__PURE__ */ f("button", {
 				type: "button",
 				disabled: a,
@@ -3349,7 +3413,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(Yn, {
 					state: e.visible ? "checked" : "unchecked",
 					disabled: a
 				}), /* @__PURE__ */ d("span", {
@@ -3361,8 +3425,8 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 	};
 	return p(/* @__PURE__ */ f("div", {
 		ref: l,
-		onPointerDown: z,
-		onKeyDownCapture: B,
+		onPointerDown: se,
+		onKeyDownCapture: ce,
 		onContextMenu: (e) => {
 			e.preventDefault();
 		},
@@ -3387,11 +3451,11 @@ function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 				children: [/* @__PURE__ */ d("button", {
 					type: "button",
 					disabled: !i,
-					onClick: se,
+					onClick: le,
 					"aria-label": "すべての列を表示",
 					title: "すべての列を表示",
 					className: "ssg-chooser-master-btn",
-					children: /* @__PURE__ */ d(qn, {
+					children: /* @__PURE__ */ d(Yn, {
 						state: w,
 						disabled: !i
 					})
@@ -3422,10 +3486,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: qn[e.pane]
 						}),
-						e.items.map((t, n) => le(t, n, e.pane)),
-						A !== null && ce === e.pane && P === e.items.length && /* @__PURE__ */ d("div", { className: "ssg-chooser-drop-end" })
+						e.items.map((t, n) => de(t, n, e.pane)),
+						A !== null && ue === e.pane && P === e.items.length && /* @__PURE__ */ d("div", { className: "ssg-chooser-drop-end" })
 					]
 				}, e.pane))
 			}),
@@ -3450,18 +3514,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, Z = 12, Qn = ({ enableSorting: e, gridRootRef: n }) => {
+var Qn = 320, $n = 8, er = 12, tr = ({ 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 - Z, i = t.top + Z;
-		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 - Qn - er, i = t.top + er;
+		r = Math.max($n, r), r = Math.min(r, window.innerWidth - Qn - $n), i = Math.max($n, i), l((e) => e && e.top === i && e.left === r && e.width === Qn ? e : {
 			top: i,
 			left: r,
-			width: Xn
+			width: Qn
 		});
 	}, [n]), f = t(() => {
 		e && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), n.current?.blur(), a(!0));
@@ -3506,7 +3570,7 @@ var Xn = 320, Zn = 8, Z = 12, Qn = ({ enableSorting: e, gridRootRef: n }) => {
 };
 //#endregion
 //#region src/components/spreadsheet-grid/view/SortManagementPanel.tsx
-function $n({ disabled: e }) {
+function nr({ disabled: e }) {
 	return /* @__PURE__ */ d("svg", {
 		width: "10",
 		height: "16",
@@ -3524,7 +3588,7 @@ function $n({ disabled: e }) {
 		}, `${t}-${e}`)))
 	});
 }
-function er({ 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 rr({ 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 +3613,11 @@ function er({ 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(() => {
@@ -3563,15 +3627,15 @@ function er({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 		top: l.top,
 		left: l.left,
 		width: l.width
-	}, ne = (e) => {
+	}, R = (e) => {
 		e.stopPropagation();
-	}, re = (e) => {
+	}, ne = (e) => {
 		e.stopPropagation();
-	}, ie = o && C !== null;
+	}, re = o && C !== null;
 	return p(/* @__PURE__ */ f("div", {
 		ref: u,
-		onPointerDown: ne,
-		onKeyDownCapture: re,
+		onPointerDown: R,
+		onKeyDownCapture: ne,
 		onContextMenu: (e) => {
 			e.preventDefault();
 		},
@@ -3611,11 +3675,11 @@ function er({ 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($n, { disabled: !T })
+								children: /* @__PURE__ */ d(nr, { disabled: !T })
 							}),
 							/* @__PURE__ */ d("span", {
 								"aria-hidden": !0,
@@ -3667,9 +3731,9 @@ function er({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 				className: "ssg-popover-footer",
 				children: [/* @__PURE__ */ d("button", {
 					type: "button",
-					disabled: !ie,
+					disabled: !re,
 					onClick: () => {
-						!ie || !C || h(C.key, "asc");
+						!re || !C || h(C.key, "asc");
 					},
 					title: o ? C === null ? "すべての列が並び替えに使われています" : "並び替えの基準を追加します" : "並び替えが無効です",
 					className: "ssg-sort-footer-btn ssg-sort-footer-btn--add",
@@ -3694,222 +3758,233 @@ function er({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 }
 //#endregion
 //#region src/components/spreadsheet-grid/SpreadsheetGrid.tsx
-var tr = (e, t) => {
+var ir = (e, t) => {
 	let n = new Set(e);
 	return n.add(t), n;
-}, nr = (e, t) => {
+}, ar = (e, t) => {
 	let n = new Set(e);
 	return n.delete(t), n;
-}, rr = (e, t) => {
+}, or = (e, t) => {
 	let n = new Set(e);
 	for (let e of t) n.add(e);
 	return n;
-}, ir = (e, t) => {
+}, sr = (e, t) => {
 	let n = new Set(e);
 	for (let e of t) n.delete(e);
 	return n;
-}, ar = [], or = {}, sr = {}, cr = [], lr = 300;
-function ur({ rows: e = ar, 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, readOnly: z = !1, canEditCell: B, enableRangeSelection: ce = !0, enableGlobalFilter: pe = !0, enableColumnFilter: he = !0, enableSorting: V = !0, enableRowHover: _e = !0, enableColumnHeaderHover: ve = !0, enableColumnMenu: ye = !0, noMatchingRowsText: be = "一致する行がありません", noRowsText: xe = "表示する行がありません", showTopBar: Te = !0, showBottomBar: Ee = !0, showTopBarSummary: De = !0, showTopBarFilter: ke = !0, showTopBarCounts: je = !0, showBottomBarCounts: Me = !0, renderTopBar: Ne, renderBottomBar: Pe, className: Fe, classNames: H, getRowClassName: Ie }) {
-	let Le = s(null), Re = s(null), ze = s(null), Be = s(null), Ve = s(!1), We = s(null), Ge = s(null), qe = s(null), [Je, it] = c(""), [st, ct] = c(!1), [lt, mt] = c(null), [ht, gt] = c(null), U = a(() => g.filter((e) => e.visible !== !1), [g]), _t = a(() => de(U), [U]), vt = a(() => y ?? ((e, t) => t), [y]), W = u != null, yt = V, bt = he, xt = pe, [G, K] = o(x, U, b), Dt = s(G.columnWidths);
-	Dt.current = G.columnWidths;
-	let Ot = s(null);
-	Ot.current === null && (Ot.current = new Map(g.map((e) => [e.key, {
+}, cr = [], lr = {}, ur = {}, dr = [], fr = {}, pr = 300;
+function mr({ rows: e = cr, 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: R = !1, canEditCell: se, enableRangeSelection: ge = !0, enableGlobalFilter: _e = !0, enableColumnFilter: xe = !0, enableSorting: B = !0, enableColumnResize: we = !0, enableRowHover: Te = !0, enableColumnHeaderHover: Ee = !0, enableColumnMenu: De = !0, noMatchingRowsText: ke = "一致する行がありません", noRowsText: Ae = "表示する行がありません", showTopBar: je = !0, showBottomBar: Ne = !0, showTopBarSummary: Fe = !0, showTopBarFilter: Ie = !0, showTopBarCounts: Le = !0, showBottomBarCounts: Re = !0, renderTopBar: ze, renderBottomBar: Be, className: Ve, classNames: V, getRowClassName: He }) {
+	let Ue = s(null), We = s(null), Ge = s(null), Je = s(null), Ye = s(!1), Ze = s(null), Qe = s(null), ct = s(null), [dt, ft] = c(""), [pt, vt] = c(!1), [yt, bt] = c(null), [xt, St] = c(null), H = a(() => g.filter((e) => e.visible !== !1), [g]), Ct = a(() => y(H), [H]), wt = a(() => w ?? ((e, t) => t), [w]), U = u != null, Tt = B, W = xe, At = _e, [G, K] = o(re, H, ne), Mt = s(G.columnWidths), Nt = s(null);
+	Nt.current === null && (Nt.current = new Map(g.map((e) => [e.key, {
 		width: e.width,
 		pinned: e.pinned,
 		visible: e.visible
 	}])));
-	let kt = a(() => E(G.selection), [G.selection]), At = a(() => fe(_t), [_t]), jt = me(At.left, G.columnWidths), Mt = me(At.center, G.columnWidths), Nt = me(At.right, G.columnWidths), Pt = a(() => ge("left", At.left, jt), [At.left, jt]), Ft = a(() => ge("center", At.center, Mt), [At.center, Mt]), It = a(() => ge("right", At.right, Nt), [At.right, Nt]), q = a(() => ({
-		left: Pt,
-		center: Ft,
-		right: It
-	}), [
-		Pt,
+	let Pt = a(() => ce(G.selection), [G.selection]), q = a(() => b(Ct), [Ct]), [Ft, It] = c(0), Lt = q.left.reduce((e, { column: t }) => e + (G.columnWidths[t.key] ?? t.width), 0), Rt = q.right.reduce((e, { column: t }) => e + (G.columnWidths[t.key] ?? t.width), 0), zt = q.left.length > 0, Bt = zt ? I + Lt : 0, Vt = zt ? 0 : I, Ht = a(() => q.center.map(({ column: e }) => e), [q.center]), Ut = a(() => Ht.some(P), [Ht]), Wt = Ft - Bt - Rt - Vt, Gt = a(() => !Ut || Ft <= 0 ? fr : ee(Ht, G.columnWidths, Wt), [
+		Ut,
 		Ft,
-		It
-	]), Lt = q.left.entries.length > 0, Rt = q.right.entries.length > 0, zt = !Lt, Bt = oe, Vt = zt ? oe : 0, Ht = Lt ? Bt + q.left.totalWidth : 0, Ut = q.right.totalWidth, Wt = Vt + q.center.totalWidth, Gt = Ht + Wt + Ut, { filterPopoverState: J, filterPopoverLayout: qt, filterPopoverRef: Jt, filterTextInputRef: Yt, filterSelectRef: Xt, isFilterPopoverOpen: Zt, openedFilterColumn: Y, openColumnFilterPopover: Qt, closeColumnFilterPopover: $t, updateFilterPopoverDraft: en } = se({
-		visibleColumns: U,
+		Ht,
+		G.columnWidths,
+		Wt
+	]), Kt = a(() => Gt === fr ? G.columnWidths : {
+		...Gt,
+		...G.columnWidths
+	}, [Gt, G.columnWidths]);
+	Mt.current = Kt;
+	let qt = S(q.left, G.columnWidths), Jt = S(q.center, Kt), Yt = S(q.right, G.columnWidths), Zt = a(() => T("left", q.left, qt), [q.left, qt]), Qt = a(() => T("center", q.center, Jt), [q.center, Jt]), $t = a(() => T("right", q.right, Yt), [q.right, Yt]), J = a(() => ({
+		left: Zt,
+		center: Qt,
+		right: $t
+	}), [
+		Zt,
+		Qt,
+		$t
+	]), en = J.left.entries.length > 0, tn = J.right.entries.length > 0, nn = !en, rn = I, an = nn ? I : 0, on = en ? rn + J.left.totalWidth : 0, cn = J.right.totalWidth, ln = an + J.center.totalWidth, un = on + ln + cn, { filterPopoverState: Y, filterPopoverLayout: dn, filterPopoverRef: fn, filterTextInputRef: _n, filterSelectRef: vn, isFilterPopoverOpen: Sn, openedFilterColumn: X, openColumnFilterPopover: Cn, closeColumnFilterPopover: wn, updateFilterPopoverDraft: Tn } = Oe({
+		visibleColumns: H,
 		columnFilterValues: G.filters.columnFilters,
-		enableColumnFilter: bt,
-		gridRootRef: Le
-	}), { columnMenuLayout: tn, columnMenuRef: rn, isColumnMenuOpen: an, openedMenuColumnKey: on, openedMenuColumn: sn, openColumnMenuFromButton: cn, openColumnMenuFromContextMenu: ln, closeColumnMenu: X } = jn({
-		visibleColumns: U,
-		enableColumnMenu: ye,
-		gridRootRef: Le
-	}), { isColumnChooserOpen: mn, columnChooserLayout: vn, columnChooserRef: yn, openColumnChooser: bn, closeColumnChooser: xn } = Vn({
-		enableColumnMenu: ye,
-		gridRootRef: Le
-	}), { isSortManagerOpen: Sn, sortManagerLayout: wn, sortManagerRef: Tn, openSortManager: Dn, closeSortManager: On } = Qn({
-		enableSorting: yt,
-		gridRootRef: Le
+		enableColumnFilter: W,
+		gridRootRef: Ue
+	}), { columnMenuLayout: Dn, columnMenuRef: On, isColumnMenuOpen: An, openedMenuColumnKey: jn, openedMenuColumn: Mn, openColumnMenuFromButton: Nn, openColumnMenuFromContextMenu: Fn, closeColumnMenu: Z } = Pn({
+		visibleColumns: H,
+		enableColumnMenu: De,
+		gridRootRef: Ue
+	}), { isColumnChooserOpen: In, columnChooserLayout: Ln, columnChooserRef: Rn, openColumnChooser: Bn, closeColumnChooser: Vn } = Un({
+		enableColumnMenu: De,
+		gridRootRef: Ue
+	}), { isSortManagerOpen: Hn, sortManagerLayout: Wn, sortManagerRef: Gn, openSortManager: Kn, closeSortManager: qn } = tr({
+		enableSorting: Tt,
+		gridRootRef: Ue
 	});
 	r(() => {
-		let e = U.reduce((e, t) => (e[t.key] = t.width, e), {});
-		K(h.syncColumnWidths(e));
-	}, [U]);
-	let kn = G.filters.globalText, An = n(kn), Mn = G.filters.columnFilters, Nn = n(Mn), Pn = a(() => N(e.length), [e.length]), Fn = a(() => re(e, Pn, U, An), [
+		let e = H.reduce((e, t) => (P(t) || (e[t.key] = t.width), e), {});
+		K(h.resetColumnWidths(e));
+	}, [H]);
+	let Jn = G.filters.globalText, Yn = n(Jn), Xn = G.filters.columnFilters, Qn = n(Xn), $n = a(() => me(e.length), [e.length]), er = a(() => Se(e, $n, H, Yn), [
 		e,
-		Pn,
-		U,
-		An
-	]), In = a(() => {
+		$n,
+		H,
+		Yn
+	]), nr = a(() => {
 		let e = [];
-		for (let t of U) L(Nn[t.key]) && e.push(t.key);
+		for (let t of H) ve(Qn[t.key]) && e.push(t.key);
 		return e.join("\0");
-	}, [U, Nn]), Rn = a(() => {
+	}, [H, Qn]), mr = a(() => {
 		let t = /* @__PURE__ */ new Map();
-		if (In.length === 0) return t;
-		let n = new Set(In.split("\0")), r = e.length;
-		for (let i of U) {
+		if (nr.length === 0) return t;
+		let n = new Set(nr.split("\0")), r = e.length;
+		for (let i of H) {
 			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(z(e[t], i));
 			t.set(i.key, a);
 		}
 		return t;
 	}, [
 		e,
-		U,
-		In
-	]), zn = a(() => ie(e, Fn, U, Nn, Rn), [
+		H,
+		nr
+	]), hr = a(() => Ce(e, er, H, Qn, mr), [
 		e,
-		Fn,
-		U,
-		Nn,
-		Rn
-	]), Bn = a(() => tt(e, zn, U, G.sort), [
+		er,
+		H,
+		Qn,
+		mr
+	]), gr = a(() => at(e, hr, H, G.sort), [
 		e,
-		zn,
-		U,
+		hr,
+		H,
 		G.sort
-	]), Hn = a(() => ({
-		getRowCount: () => Bn.length,
-		getRow: (t) => e[Bn[t]],
-		getSourceIndex: (e) => Bn[e],
-		getRowKey: (t) => vt(e[Bn[t]], Bn[t])
+	]), _r = a(() => ({
+		getRowCount: () => gr.length,
+		getRow: (t) => e[gr[t]],
+		getSourceIndex: (e) => gr[e],
+		getRowKey: (t) => wt(e[gr[t]], gr[t])
 	}), [
-		Bn,
+		gr,
 		e,
-		vt
-	]), Un = a(() => W ? dn({
-		globalText: xt ? kn : "",
-		columnFilters: bt ? Mn : sr,
-		sort: yt ? G.sort : cr
-	}) : or, [
+		wt
+	]), vr = a(() => U ? mn({
+		globalText: At ? Jn : "",
+		columnFilters: W ? Xn : ur,
+		sort: Tt ? G.sort : dr
+	}) : lr, [
+		U,
+		At,
+		Jn,
 		W,
-		xt,
-		kn,
-		bt,
-		Mn,
-		yt,
+		Xn,
+		Tt,
 		G.sort
-	]), Wn = a(() => W ? fn(Un) : "", [W, Un]), [Gn, Kn] = c(Un), [qn, Jn] = c(Wn);
+	]), yr = a(() => U ? hn(vr) : "", [U, vr]), [br, xr] = c(vr), [Sr, Cr] = c(yr);
 	r(() => {
-		if (!W) return;
+		if (!U) return;
 		let e = setTimeout(() => {
-			Kn(Un), Jn(Wn);
-		}, lr);
+			xr(vr), Cr(yr);
+		}, pr);
 		return () => clearTimeout(e);
 	}, [
-		W,
-		Wn,
-		Un
+		U,
+		yr,
+		vr
 	]);
-	let Xn = un({
+	let wr = pn({
 		dataSource: u,
-		rowKeyGetter: vt,
-		query: Gn,
-		queryKey: qn,
+		rowKeyGetter: wt,
+		query: br,
+		queryKey: Sr,
 		refreshToken: p
-	}), Zn = Xn.requestRange, Z = W ? Xn.rowModel : Hn, $n = s(Z);
-	$n.current = Z;
-	let { isAutosizing: ur, runAutosize: dr } = Kt({
-		rowModelRef: $n,
-		gridRootRef: Le,
-		columnWidthsRef: Dt,
+	}), Tr = wr.requestRange, Q = U ? wr.rowModel : _r, Er = s(Q);
+	Er.current = Q;
+	let { isAutosizing: Dr, runAutosize: Or } = Xt({
+		rowModelRef: Er,
+		gridRootRef: Ue,
+		columnWidthsRef: Mt,
 		dispatch: K
-	}), Q = Z.getRowCount(), fr = a(() => {
+	}), $ = Q.getRowCount(), kr = a(() => {
 		let t = null;
-		return () => t ??= Array.from(Bn, (t) => e[t]);
-	}, [Bn, e]), pr = a(() => le(U, G.columnWidths), [U, G.columnWidths]), [mr, hr] = c(0), [gr, _r] = c(0);
+		return () => t ??= Array.from(gr, (t) => e[t]);
+	}, [gr, e]), Ar = a(() => _(H, Kt), [H, Kt]), [jr, Mr] = c(0), [Nr, Pr] = c(0);
 	r(() => {
-		let e = We.current;
+		let e = Ze.current;
 		if (!e) return;
-		hr(e.scrollTop), _r(e.clientHeight);
-		let t = () => hr(e.scrollTop);
+		Mr(e.scrollTop), Pr(e.clientHeight), It(e.clientWidth);
+		let t = () => Mr(e.scrollTop);
 		e.addEventListener("scroll", t, { passive: !0 });
-		let n = new ResizeObserver(() => _r(e.clientHeight));
+		let n = new ResizeObserver(() => {
+			Pr(e.clientHeight), It(e.clientWidth);
+		});
 		return n.observe(e), () => {
 			e.removeEventListener("scroll", t), n.disconnect();
 		};
 	}, []);
-	let vr = q.center.entries, yr = l({
+	let Fr = J.center.entries, Ir = l({
 		horizontal: !0,
-		count: vr.length,
-		getScrollElement: () => We.current,
-		estimateSize: (e) => vr[e]?.paneLocalSize ?? vr[e]?.column.width ?? 120,
+		count: Fr.length,
+		getScrollElement: () => Ze.current,
+		estimateSize: (e) => Fr[e]?.paneLocalSize ?? Fr[e]?.column.width ?? 120,
 		overscan: 8,
 		useFlushSync: !1,
-		scrollMargin: Ht
-	}), br = yr.getVirtualItems(), xr = ae ?? I, Sr = a(() => U.some((e) => e.autoHeight === !0), [U]), Cr = !W && rt(ne, Sr, Q, 5e4);
+		scrollMargin: on
+	}), Lr = Ir.getVirtualItems(), Rr = A ?? O, zr = a(() => H.some((e) => e.autoHeight === !0), [H]), Br = !U && st(k, zr, $, 5e4);
 	r(() => {}, [
-		ne,
-		Sr,
-		Q,
-		W
+		k,
+		zr,
+		$,
+		U
 	]);
-	let wr = s(/* @__PURE__ */ new Map()), [Tr, Er] = c(0), [Dr, Or] = c(0), kr = s(null), Ar = s(/* @__PURE__ */ new Set()), jr = a(() => Cr ? wt(Q, xr, Z.getRowKey, wr.current) : null, [
-		Cr,
-		Q,
-		xr,
-		Z
-	]), $ = a(() => Cr && jr ? Et(jr) : at(Q, I), [
-		Cr,
-		jr,
-		Tr,
-		Q,
-		I
-	]), Mr = a(() => Cr ? dt({
-		headerHeight: R,
-		viewportHeight: gr,
-		scrollTop: mr,
+	let Vr = s(/* @__PURE__ */ new Map()), [Hr, Ur] = c(0), [Wr, Gr] = c(0), Kr = s(null), qr = s(/* @__PURE__ */ new Set()), Jr = a(() => Br ? Ot($, Rr, Q.getRowKey, Vr.current) : null, [
+		Br,
+		$,
+		Rr,
+		Q
+	]), Yr = a(() => Br && Jr ? jt(Jr) : lt($, O), [
+		Br,
+		Jr,
+		Hr,
+		$,
+		O
+	]), Xr = a(() => Br ? ht({
+		headerHeight: F,
+		viewportHeight: Nr,
+		scrollTop: jr,
 		overscan: 20
-	}, $) : ut({
-		rowCount: Q,
-		rowHeight: I,
-		headerHeight: R,
-		viewportHeight: gr,
-		scrollTop: mr,
+	}, Yr) : mt({
+		rowCount: $,
+		rowHeight: O,
+		headerHeight: F,
+		viewportHeight: Nr,
+		scrollTop: jr,
 		overscan: 20,
-		maxBodyPx: nt
+		maxBodyPx: ot
 	}), [
-		Cr,
+		Br,
+		Yr,
 		$,
-		Q,
-		I,
-		R,
-		gr,
-		mr
-	]), Nr = Mr.rows, Pr = Mr.rowIndexSet, Fr = Nr.length > 0 ? Nr[0].index : 0, Ir = Nr.length > 0 ? Nr[Nr.length - 1].index : -1;
+		O,
+		F,
+		Nr,
+		jr
+	]), Zr = Xr.rows, Qr = Xr.rowIndexSet, $r = Zr.length > 0 ? Zr[0].index : 0, ei = Zr.length > 0 ? Zr[Zr.length - 1].index : -1;
 	r(() => {
-		if (!W) return;
-		let e = We.current;
-		e && (e.scrollTop = 0), hr(0);
-	}, [W, qn]), r(() => {
-		W && (Ir < Fr || Zn(Fr, Ir + 1));
+		if (!U) return;
+		let e = Ze.current;
+		e && (e.scrollTop = 0), Mr(0);
+	}, [U, Sr]), r(() => {
+		U && (ei < $r || Tr($r, ei + 1));
 	}, [
-		W,
-		Fr,
-		Ir,
-		Zn,
-		qn
+		U,
+		$r,
+		ei,
+		Tr,
+		Sr
 	]);
-	let Lr = Mr.physicalBodyHeight, Rr = Mr.translateY === 0 ? void 0 : `translateY(${Mr.translateY}px)`, zr = Mr.scaleFactor, Br = Mr.windowBaseOffsetPx;
+	let ti = Xr.physicalBodyHeight, ni = Xr.translateY === 0 ? void 0 : `translateY(${Xr.translateY}px)`, ri = Xr.scaleFactor, ii = Xr.windowBaseOffsetPx;
 	i(() => {
-		if (!Cr || !jr) {
-			kr.current?.disconnect(), kr.current = null, Ar.current.clear();
+		if (!Br || !Jr) {
+			Kr.current?.disconnect(), Kr.current = null, qr.current.clear();
 			return;
 		}
-		let e = We.current;
+		let e = Ze.current;
 		if (!e) return;
 		let t = e.querySelectorAll("[data-autoheight-cell]");
 		if (t.length > 0) {
@@ -3924,15 +3999,15 @@ function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g
 			});
 			let r = !1, i = Infinity;
 			if (n.forEach((e, t) => {
-				Tt(jr, t, Z.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
+				kt(Jr, t, Q.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
 			}), r) {
-				let t = e.scrollTop, n = $.rowAtContentY(t), r = t - $.rowTop(n);
-				Ct(jr, i), e.scrollTop = jr.prefix[n] + r, Er((e) => e + 1);
+				let t = e.scrollTop, n = Yr.rowAtContentY(t), r = t - Yr.rowTop(n);
+				Dt(Jr, i), e.scrollTop = Jr.prefix[n] + r, Ur((e) => e + 1);
 			}
 		}
-		let n = kr.current ?? new ResizeObserver(() => Or((e) => e + 1));
-		kr.current = n;
-		let r = Ar.current, i = /* @__PURE__ */ new Set();
+		let n = Kr.current ?? new ResizeObserver(() => Gr((e) => e + 1));
+		Kr.current = n;
+		let r = qr.current, i = /* @__PURE__ */ new Set();
 		t.forEach((e) => {
 			i.add(e), r.has(e) || (n.observe(e), r.add(e));
 		});
@@ -3943,234 +4018,234 @@ function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g
 			n.unobserve(e), r.delete(e);
 		});
 	}, [
-		Cr,
-		jr,
-		$,
-		Z,
+		Br,
+		Jr,
+		Yr,
+		Q,
+		Zr,
 		Nr,
-		gr,
-		Tr,
-		Dr
+		Hr,
+		Wr
 	]), r(() => {
-		let e = Ar.current;
+		let e = qr.current;
 		return () => {
-			kr.current?.disconnect(), kr.current = null, e.clear();
+			Kr.current?.disconnect(), Kr.current = null, e.clear();
 		};
 	}, []);
-	let Vr = a(() => br.map((e) => vr[e.index]).filter((e) => !!e), [br, vr]), Hr = q.left.entries, Ur = q.right.entries, Wr = a(() => {
+	let ai = a(() => Lr.map((e) => Fr[e.index]).filter((e) => !!e), [Lr, Fr]), oi = J.left.entries, si = J.right.entries, ci = a(() => {
 		if (!G.activeCell) return null;
 		let { row: e, col: t } = G.activeCell;
-		if (e < 0 || e >= Q) return null;
-		let n = we(q, t);
+		if (e < 0 || e >= $) return null;
+		let n = N(J, t);
 		return n ? {
 			pane: n.pane,
 			rect: {
 				left: n.extent.start,
-				top: $.rowTop(e),
+				top: Yr.rowTop(e),
 				width: n.extent.width,
-				height: $.rowsHeight(e, e)
+				height: Yr.rowsHeight(e, e)
 			}
 		} : null;
 	}, [
 		G.activeCell,
-		Q,
-		q,
-		$
-	]), Gr = a(() => Wr && Wr.pane === "center" ? Wr.rect : null, [Wr]), Kr = t((e) => Wr && Wr.pane === e ? Wr.rect : null, [Wr]), qr = t((e) => G.editingCell ? Kr(e) : null, [G.editingCell, Kr]);
-	pt({
-		scrollRef: We,
-		columnVirtualizer: yr,
-		columnMeasurements: pr,
-		totalScrollWidth: Gt,
-		physicalBodyHeight: Lr,
-		headerHeight: R,
-		leftPaneWidth: Ht,
-		rightPaneWidth: Ut,
-		centerLeadingWidth: Vt,
-		activeCellRect: Gr,
-		verticalScaleFactor: zr
+		$,
+		J,
+		Yr
+	]), li = a(() => ci && ci.pane === "center" ? ci.rect : null, [ci]), ui = t((e) => ci && ci.pane === e ? ci.rect : null, [ci]), di = t((e) => G.editingCell ? ui(e) : null, [G.editingCell, ui]);
+	_t({
+		scrollRef: Ze,
+		columnVirtualizer: Ir,
+		columnMeasurements: Ar,
+		totalScrollWidth: un,
+		physicalBodyHeight: ti,
+		headerHeight: F,
+		leftPaneWidth: on,
+		rightPaneWidth: cn,
+		centerLeadingWidth: an,
+		activeCellRect: li,
+		verticalScaleFactor: ri
 	});
-	let { updateSelectionFromPointer: Jr, handleCellPointerDown: Yr, handleCellPointerEnter: Xr, handleNativeDragStart: Zr, handleRowHeaderPointerDown: Qr, handleRowHeaderPointerEnter: $r, handleColumnHeaderPointerDown: ei, handleColumnHeaderPointerEnter: ti } = ft({
-		gridRootRef: Le,
-		bodyScrollRef: Be,
-		scrollContainerRef: We,
-		leftPaneScrollRef: Ge,
-		rightPaneScrollRef: qe,
-		pointerClientRef: Re,
-		autoScrollFrameRef: ze,
+	let { updateSelectionFromPointer: fi, handleCellPointerDown: pi, handleCellPointerEnter: mi, handleNativeDragStart: hi, handleRowHeaderPointerDown: gi, handleRowHeaderPointerEnter: _i, handleColumnHeaderPointerDown: vi, handleColumnHeaderPointerEnter: yi } = gt({
+		gridRootRef: Ue,
+		bodyScrollRef: Je,
+		scrollContainerRef: Ze,
+		leftPaneScrollRef: Qe,
+		rightPaneScrollRef: ct,
+		pointerClientRef: We,
+		autoScrollFrameRef: Ge,
 		uiState: G,
 		dispatch: K,
-		enableRangeSelection: ce,
-		enableSorting: yt,
-		orderedColumns: _t,
-		filteredRowsLength: Q,
-		visibleColumnsLength: U.length,
-		paneLayout: q,
-		leftLeadingWidth: Bt,
-		centerLeadingWidth: Vt,
+		enableRangeSelection: ge,
+		enableSorting: Tt,
+		orderedColumns: Ct,
+		filteredRowsLength: $,
+		visibleColumnsLength: H.length,
+		paneLayout: J,
+		leftLeadingWidth: rn,
+		centerLeadingWidth: an,
 		rightLeadingWidth: 0,
-		headerHeight: R,
-		rowMetrics: $,
-		verticalScaleFactor: zr,
-		setHoveredRowIndex: mt,
-		setHoveredColumnIndex: gt,
-		enableRowHover: _e,
-		enableColumnHeaderHover: ve
-	}), { isWholeGridSelected: ni, handleCopy: ri, handlePaste: ii } = Oe({
+		headerHeight: F,
+		rowMetrics: Yr,
+		verticalScaleFactor: ri,
+		setHoveredRowIndex: bt,
+		setHoveredColumnIndex: St,
+		enableRowHover: Te,
+		enableColumnHeaderHover: Ee
+	}), { isWholeGridSelected: bi, handleCopy: xi, handlePaste: Si } = Me({
 		rows: e,
-		rowModel: Z,
-		visibleColumns: _t,
+		rowModel: Q,
+		visibleColumns: Ct,
 		uiState: G,
-		readOnly: z,
-		canEditCell: B,
-		createRow: T,
-		createOverflowColumn: F,
-		onRowsChange: _,
-		onColumnsChange: v,
+		readOnly: R,
+		canEditCell: se,
+		createRow: E,
+		createOverflowColumn: D,
+		onRowsChange: x,
+		onColumnsChange: C,
 		dispatch: K
-	}), ai = t(() => {
-		if (Q === 0 || U.length === 0) return;
+	}), Ci = t(() => {
+		if ($ === 0 || H.length === 0) return;
 		let e = {
 			row: 0,
 			col: 0
 		}, t = {
-			row: Q - 1,
-			col: U.length - 1
+			row: $ - 1,
+			col: H.length - 1
 		};
 		K(h.startSelection(e)), K(h.updateSelection(t)), K(h.endSelection()), K(h.activateCell(e));
 	}, [
 		K,
-		Q,
-		U.length
-	]), { getMovedCell: oi, handleKeyDown: si } = Ke({
+		$,
+		H.length
+	]), { getMovedCell: wi, handleKeyDown: Ti } = Xe({
 		uiState: G,
-		rowModel: Z,
-		visibleColumns: _t,
-		readOnly: z,
-		canEditCell: B,
-		setEditorInitialValue: it,
+		rowModel: Q,
+		visibleColumns: Ct,
+		readOnly: R,
+		canEditCell: se,
+		setEditorInitialValue: ft,
 		dispatch: K,
-		handleCopy: ri,
+		handleCopy: xi,
 		handleCellDoubleClick: t((e) => {
-			let t = Z.getRow(e.row), n = _t[e.col];
-			if (!t || !n || !A({
-				readOnly: z,
-				canEditCell: B
+			let t = Q.getRow(e.row), n = Ct[e.col];
+			if (!t || !n || !fe({
+				readOnly: R,
+				canEditCell: se
 			}, e.row, e.col, t, n)) return;
-			let r = j(t, n);
-			it(String(r ?? "")), K(h.startEdit(e));
+			let r = z(t, n);
+			ft(String(r ?? "")), K(h.startEdit(e));
 		}, [
-			B,
+			se,
 			K,
-			Z,
-			z,
-			_t
+			Q,
+			R,
+			Ct
 		]),
-		isWholeGridSelected: ni,
-		selectEntireGrid: ai
-	}), { startEditWithValue: ci, commitEdit: li, cancelEdit: ui } = Ue({
+		isWholeGridSelected: bi,
+		selectEntireGrid: Ci
+	}), { startEditWithValue: Ei, commitEdit: Di, cancelEdit: Oi } = qe({
 		uiState: G,
 		rows: e,
-		visibleColumns: _t,
-		rowModel: Z,
-		setEditorInitialValue: it,
-		onRowsChange: _,
+		visibleColumns: Ct,
+		rowModel: Q,
+		setEditorInitialValue: ft,
+		onRowsChange: x,
 		dispatch: K,
-		getMovedCell: oi,
-		gridRootRef: Le,
-		editorActionGuardRef: Ve
-	}), di = t((e) => {
-		let t = Z.getRow(e.row), n = _t[e.col];
-		if (!t || !n || !A({
-			readOnly: z,
-			canEditCell: B
+		getMovedCell: wi,
+		gridRootRef: Ue,
+		editorActionGuardRef: Ye
+	}), ki = G.editingCell ? Ct[G.editingCell.col] : void 0, Ai = t((e) => {
+		let t = Q.getRow(e.row), n = Ct[e.col];
+		if (!t || !n || !fe({
+			readOnly: R,
+			canEditCell: se
 		}, e.row, e.col, t, n)) return;
-		let r = j(t, n);
-		ci(e, String(r ?? ""));
+		let r = z(t, n);
+		Ei(e, String(r ?? ""));
 	}, [
-		B,
-		Z,
-		z,
-		ci,
-		_t
-	]), fi = a(() => {
+		se,
+		Q,
+		R,
+		Ei,
+		Ct
+	]), ji = a(() => {
 		if (!G.selection) return null;
 		if (G.selection.type === "cell") {
-			let e = S(G.selection.range);
+			let e = ie(G.selection.range);
 			return {
-				extents: Se(q, e.start.col, e.end.col),
+				extents: j(J, 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);
+			let e = ae(G.selection.startRow, G.selection.endRow);
 			return {
-				extents: Ce(q),
+				extents: M(J),
 				startRow: e.startRow,
 				endRow: e.endRow
 			};
 		}
-		let e = w(G.selection.startCol, G.selection.endCol);
+		let e = oe(G.selection.startCol, G.selection.endCol);
 		return {
-			extents: Se(q, e.startCol, e.endCol),
+			extents: j(J, e.startCol, e.endCol),
 			startRow: 0,
-			endRow: Math.max(Q - 1, 0)
+			endRow: Math.max($ - 1, 0)
 		};
 	}, [
 		G.selection,
-		q,
-		Q
-	]), pi = a(() => {
-		if (!fi) return null;
-		let e = ot(fi.startRow, fi.endRow, Fr, Ir);
+		J,
+		$
+	]), Mi = a(() => {
+		if (!ji) return null;
+		let e = ut(ji.startRow, ji.endRow, $r, ei);
 		return e ? {
-			top: $.rowTop(e.start),
-			height: $.rowsHeight(e.start, e.end)
+			top: Yr.rowTop(e.start),
+			height: Yr.rowsHeight(e.start, e.end)
 		} : null;
 	}, [
-		fi,
-		$,
-		Fr,
-		Ir
-	]), mi = t((e) => {
-		if (!fi || !pi) return null;
-		let t = fi.extents[e];
+		ji,
+		Yr,
+		$r,
+		ei
+	]), Ni = t((e) => {
+		if (!ji || !Mi) return null;
+		let t = ji.extents[e];
 		return t ? {
 			left: t.start,
-			top: pi.top,
+			top: Mi.top,
 			width: t.width,
-			height: pi.height
+			height: Mi.height
 		} : null;
-	}, [fi, pi]), hi = t((e) => {
-		if (e.preventDefault(), e.button === 0 && !(Q === 0 || U.length === 0)) {
-			if (Le.current?.focus(), ni) {
+	}, [ji, Mi]), Pi = t((e) => {
+		if (e.preventDefault(), e.button === 0 && !($ === 0 || H.length === 0)) {
+			if (Ue.current?.focus(), bi) {
 				K(h.clearSelection()), K(h.activateCell(null));
 				return;
 			}
-			ai();
+			Ci();
 		}
 	}, [
 		K,
-		Q,
-		ni,
-		ai,
-		U.length
-	]), gi = t((e) => {
-		mt((t) => t === e ? null : t);
-	}, []), _i = t((e) => {
-		gt((t) => t === e ? null : t);
-	}, []), vi = t(() => {
-		ct(!0);
-	}, []), yi = t(() => {
-		ct(!1);
-	}, []), bi = t((e, t) => {
-		t.preventDefault(), t.stopPropagation(), K(h.startColumnResize(e.key, t.clientX, Dt.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth ?? 1e3));
-	}, [K]), xi = t((e, t) => {
-		if (X(), !v) return;
+		$,
+		bi,
+		Ci,
+		H.length
+	]), Fi = t((e) => {
+		bt((t) => t === e ? null : t);
+	}, []), Ii = t((e) => {
+		St((t) => t === e ? null : t);
+	}, []), Li = t(() => {
+		vt(!0);
+	}, []), Ri = t(() => {
+		vt(!1);
+	}, []), zi = t((e, t) => {
+		t.preventDefault(), t.stopPropagation(), K(h.startColumnResize(e.key, t.clientX, Mt.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth ?? 1e3));
+	}, [K]), Bi = 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 = Dt.current[n.key] ?? n.width;
+		n && (n.pinned ?? void 0) !== t && (C(g.map((n) => {
+			let r = Mt.current[n.key] ?? n.width;
 			return n.key === e ? {
 				...n,
 				width: r,
@@ -4181,43 +4256,43 @@ function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g
 			};
 		})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
 	}, [
-		X,
+		Z,
 		g,
 		K,
-		v
-	]), Si = t((e) => {
-		X();
-		let t = U.find((t) => t.key === e);
-		t && dr([t]);
+		C
+	]), Vi = t((e) => {
+		Z();
+		let t = H.find((t) => t.key === e);
+		t && Or([t]);
 	}, [
-		X,
-		dr,
-		U
-	]), Ci = t(() => {
-		X(), dr(U);
+		Z,
+		Or,
+		H
+	]), Hi = t(() => {
+		Z(), Or(H);
 	}, [
-		X,
-		dr,
-		U
-	]), wi = a(() => g.map((e) => ({
+		Z,
+		Or,
+		H
+	]), Ui = a(() => g.map((e) => ({
 		key: e.key,
 		title: e.title ?? e.key,
 		visible: e.visible !== !1,
-		pane: ue(e)
-	})), [g]), Ti = t(() => {
-		X(), bn();
-	}, [X, bn]), Ei = a(() => U.map((e) => ({
+		pane: v(e)
+	})), [g]), Wi = t(() => {
+		Z(), Bn();
+	}, [Z, Bn]), Gi = a(() => H.map((e) => ({
 		key: e.key,
 		title: e.title ?? e.key
-	})), [U]), Di = t(() => {
-		X(), Dn();
-	}, [X, Dn]), Oi = t((e) => {
-		X(), Qt(e);
-	}, [X, Qt]), ki = t((e, t) => {
-		if (!v) return;
+	})), [H]), Ki = t(() => {
+		Z(), Kn();
+	}, [Z, Kn]), qi = t((e) => {
+		Z(), Cn(e);
+	}, [Z, Cn]), Ji = 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 = Dt.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 = Mt.current[n.key] ?? n.width;
 			return n.key === e ? {
 				...n,
 				width: r,
@@ -4230,10 +4305,10 @@ function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g
 	}, [
 		g,
 		K,
-		v
-	]), Ai = t(() => {
-		v && g.some((e) => e.visible === !1) && (v(g.map((e) => {
-			let t = Dt.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
+		C
+	]), Yi = t(() => {
+		C && g.some((e) => e.visible === !1) && (C(g.map((e) => {
+			let t = Mt.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
 			return !n && !r ? e : r ? {
 				...e,
 				width: t,
@@ -4246,13 +4321,13 @@ function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g
 	}, [
 		g,
 		K,
-		v
-	]), ji = t((e, t) => {
-		if (!v || e.length !== g.length) return;
+		C
+	]), Xi = 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 = de(e.map((e) => {
-			let r = n.get(e), i = Dt.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 = Mt.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 +4337,41 @@ function ur({ rows: e = ar, 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), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
 	}, [
 		g,
 		K,
-		v
-	]), Mi = t((e) => {
-		ji(e);
-	}, [ji]), { onColumnDragHandlePointerDown: Ni, leftIndicatorRef: Pi, centerIndicatorRef: Fi, rightIndicatorRef: Ii } = St({
-		enabled: !!v,
+		C
+	]), Zi = t((e) => {
+		Xi(e);
+	}, [Xi]), { onColumnDragHandlePointerDown: Qi, leftIndicatorRef: $i, centerIndicatorRef: ea, rightIndicatorRef: ta } = Et({
+		enabled: !!C,
 		columns: g,
-		paneLayout: q,
-		leftPaneScrollRef: Ge,
-		rightPaneScrollRef: qe,
-		bodyScrollRef: Be,
-		scrollContainerRef: We,
-		leftLeadingWidth: Bt,
-		centerLeadingWidth: Vt,
+		paneLayout: J,
+		leftPaneScrollRef: Qe,
+		rightPaneScrollRef: ct,
+		bodyScrollRef: Je,
+		scrollContainerRef: Ze,
+		leftLeadingWidth: rn,
+		centerLeadingWidth: an,
 		rightLeadingWidth: 0,
-		applyColumnOrderAndPin: ji
-	}), Li = v ? Ni : void 0, Ri = {
+		applyColumnOrderAndPin: Xi
+	}), na = C ? Qi : void 0, ra = {
 		position: "absolute",
 		top: 0,
-		height: R + Lr,
+		height: F + ti,
 		width: 2,
 		backgroundColor: "#2563eb",
 		transform: "translateX(-1px)",
 		pointerEvents: "none",
 		zIndex: 8,
 		display: "none"
-	}, zi = t(() => {
-		if (!v) return;
-		let e = Ot.current;
+	}, ia = t(() => {
+		if (!C) return;
+		let e = Nt.current;
 		if (!e) return;
 		let t = !1, n = g.map((n) => {
-			let r = Dt.current[n.key] ?? n.width, i = e.get(n.key);
+			let r = Mt.current[n.key] ?? n.width, i = e.get(n.key);
 			if (!i) return r === n.width ? n : {
 				...n,
 				width: r
@@ -4309,21 +4384,21 @@ function ur({ rows: e = ar, 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), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
 	}, [
 		g,
 		K,
-		v
-	]), Bi = t(() => {
-		X(), zi();
-	}, [X, zi]), Vi = t((t) => Y ? j(e[t], Y) : void 0, [e, Y]), { options: Hi, allValues: Ui, status: Wi, progress: Gi } = nn({
-		column: Y,
+		C
+	]), aa = t(() => {
+		Z(), ia();
+	}, [Z, ia]), oa = t((t) => X ? z(e[t], X) : void 0, [e, X]), { options: sa, allValues: ca, status: la, progress: ua } = sn({
+		column: X,
 		rowCount: e.length,
-		getRawValueAt: Vi
-	}), Ki = Y ? G.filters.columnFilters[Y.key] : void 0, qi = a(() => P(Ki) ? {
-		mode: Ki.mode === "exclude" ? "exclude" : "include",
-		values: new Set(Ki.values)
-	} : null, [Ki]), Ji = !(Y?.filterOptions && Y.filterOptions.length > 0), Yi = t((e, t, n) => {
+		getRawValueAt: oa
+	}), da = X ? G.filters.columnFilters[X.key] : void 0, fa = a(() => he(da) ? {
+		mode: da.mode === "exclude" ? "exclude" : "include",
+		values: new Set(da.values)
+	} : null, [da]), pa = !(X?.filterOptions && X.filterOptions.length > 0), ma = t((e, t, n) => {
 		let r = t.mode === "include" ? t.values.size : n - t.values.size;
 		if (r >= n) {
 			K(h.clearColumnFilter(e));
@@ -4343,46 +4418,46 @@ function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g
 			values: Array.from(t.values)
 		};
 		K(h.setColumnFilter(e, i));
-	}, [K]), Xi = t((e) => {
-		if (!J) return;
-		let t = Hi.length, n = qi, r;
-		r = pn(n, e) ? n === null ? Ji ? {
+	}, [K]), ha = t((e) => {
+		if (!Y) return;
+		let t = sa.length, n = fa, r;
+		r = gn(n, e) ? n === null ? pa ? {
 			mode: "exclude",
 			values: new Set([e])
 		} : {
 			mode: "include",
-			values: nr(Ui, e)
+			values: ar(ca, e)
 		} : n.mode === "include" ? {
 			mode: "include",
-			values: nr(n.values, e)
+			values: ar(n.values, e)
 		} : {
 			mode: "exclude",
-			values: tr(n.values, e)
+			values: ir(n.values, e)
 		} : n.mode === "include" ? {
 			mode: "include",
-			values: tr(n.values, e)
+			values: ir(n.values, e)
 		} : {
 			mode: "exclude",
-			values: nr(n.values, e)
-		}, Yi(J.columnKey, r, t);
+			values: ar(n.values, e)
+		}, ma(Y.columnKey, r, t);
 	}, [
-		J,
-		qi,
-		Ji,
-		Ui,
-		Hi,
-		Yi
-	]), Zi = t((e, t) => {
-		if (!J) return;
-		let n = J.columnKey, r = Hi.length;
+		Y,
+		fa,
+		pa,
+		ca,
+		sa,
+		ma
+	]), ga = t((e, t) => {
+		if (!Y) return;
+		let n = Y.columnKey, r = sa.length;
 		if (e === "all") {
-			t ? K(h.clearColumnFilter(n)) : Yi(n, {
+			t ? K(h.clearColumnFilter(n)) : ma(n, {
 				mode: "include",
 				values: /* @__PURE__ */ new Set()
 			}, r);
 			return;
 		}
-		let i = qi, a;
+		let i = fa, a;
 		if (t) {
 			if (i === null) {
 				K(h.clearColumnFilter(n));
@@ -4390,54 +4465,54 @@ function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g
 			}
 			a = i.mode === "include" ? {
 				mode: "include",
-				values: rr(i.values, e)
+				values: or(i.values, e)
 			} : {
 				mode: "exclude",
-				values: ir(i.values, e)
+				values: sr(i.values, e)
 			};
-		} else a = i === null ? Ji ? {
+		} else a = i === null ? pa ? {
 			mode: "exclude",
 			values: new Set(e)
 		} : {
 			mode: "include",
-			values: ir(Ui, e)
+			values: sr(ca, e)
 		} : i.mode === "include" ? {
 			mode: "include",
-			values: ir(i.values, e)
+			values: sr(i.values, e)
 		} : {
 			mode: "exclude",
-			values: rr(i.values, e)
+			values: or(i.values, e)
 		};
-		Yi(n, a, r);
+		ma(n, a, r);
 	}, [
-		J,
-		qi,
-		Ji,
-		Ui,
-		Hi,
-		Yi,
+		Y,
+		fa,
+		pa,
+		ca,
+		sa,
+		ma,
 		K
-	]), Qi = t(() => {
-		J && K(h.clearColumnFilter(J.columnKey));
-	}, [K, J]), $i = t(() => {
-		if (!J) return;
-		let e = U.find((e) => e.key === J.columnKey)?.filterType ?? "text";
+	]), _a = t(() => {
+		Y && K(h.clearColumnFilter(Y.columnKey));
+	}, [K, Y]), va = t(() => {
+		if (!Y) return;
+		let e = H.find((e) => e.key === Y.columnKey)?.filterType ?? "text";
 		if (e === "set") {
-			$t();
+			wn();
 			return;
 		}
 		if (e === "number") {
-			let e = ee(J.draftValue);
+			let e = ye(Y.draftValue);
 			if (!e) {
-				K(h.clearColumnFilter(J.columnKey)), $t();
+				K(h.clearColumnFilter(Y.columnKey)), wn();
 				return;
 			}
-			K(h.setColumnFilter(J.columnKey, e)), $t();
+			K(h.setColumnFilter(Y.columnKey, e)), wn();
 			return;
 		}
-		let t = e === "select" ? J.draftValue : J.draftValue.trim();
+		let t = e === "select" ? Y.draftValue : Y.draftValue.trim();
 		if (!t) {
-			K(h.clearColumnFilter(J.columnKey)), $t();
+			K(h.clearColumnFilter(Y.columnKey)), wn();
 			return;
 		}
 		let n = e === "select" ? {
@@ -4453,71 +4528,71 @@ function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g
 			kind: "text",
 			value: t
 		};
-		K(h.setColumnFilter(J.columnKey, n)), $t();
+		K(h.setColumnFilter(Y.columnKey, n)), wn();
 	}, [
-		$t,
+		wn,
 		K,
-		J,
-		U
-	]), ea = t(() => {
-		J && (K(h.clearColumnFilter(J.columnKey)), $t());
+		Y,
+		H
+	]), ya = t(() => {
+		Y && (K(h.clearColumnFilter(Y.columnKey)), wn());
 	}, [
-		$t,
+		wn,
 		K,
-		J
-	]), ta = t((e, t) => {
-		if (X(), !V) return;
-		let n = Ye(G.sort, e, t, !1);
+		Y
+	]), ba = t((e, t) => {
+		if (Z(), !B) return;
+		let n = $e(G.sort, e, t, !1);
 		K(n.length === 0 ? h.clearSort() : h.setSort(n));
 	}, [
-		X,
+		Z,
 		K,
-		V,
+		B,
 		G.sort
-	]), na = t((e, t) => {
-		if (!V) return;
-		let n = Xe(G.sort, e, t);
+	]), xa = t((e, t) => {
+		if (!B) return;
+		let n = et(G.sort, e, t);
 		K(h.setSort(n));
 	}, [
 		K,
-		V,
+		B,
 		G.sort
-	]), ra = t((e, t) => {
-		if (!V) return;
-		let n = Ze(G.sort, e, t);
+	]), Sa = t((e, t) => {
+		if (!B) return;
+		let n = tt(G.sort, e, t);
 		K(h.setSort(n));
 	}, [
 		K,
-		V,
+		B,
 		G.sort
-	]), ia = t((e, t) => {
-		if (!V) return;
-		let n = Qe(G.sort, e, t);
+	]), Ca = t((e, t) => {
+		if (!B) return;
+		let n = nt(G.sort, e, t);
 		K(h.setSort(n));
 	}, [
 		K,
-		V,
+		B,
 		G.sort
-	]), aa = t((e) => {
-		if (!V) return;
-		let t = $e(G.sort, e);
+	]), wa = t((e) => {
+		if (!B) return;
+		let t = rt(G.sort, e);
 		K(t.length === 0 ? h.clearSort() : h.setSort(t));
 	}, [
 		K,
-		V,
+		B,
 		G.sort
-	]), oa = t(() => {
-		V && K(h.clearSort());
-	}, [K, V]), sa = t((e, t) => {
-		if (!V) return;
-		let n = et(G.sort, e, t);
+	]), Ta = t(() => {
+		B && K(h.clearSort());
+	}, [K, B]), Ea = t((e, t) => {
+		if (!B) return;
+		let n = it(G.sort, e, t);
 		K(h.setSort(n));
 	}, [
 		K,
-		V,
+		B,
 		G.sort
-	]), ca = t((t, n, r, i, a) => {
-		let o = j(t, r);
+	]), Da = t((t, n, r, i, a) => {
+		let o = z(t, r);
 		return r.renderCell ? r.renderCell({
 			row: t,
 			rowIndex: n,
@@ -4529,29 +4604,33 @@ function ur({ rows: e = ar, 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: la } = He({
+	]), { slotContext: Oa } = Ke({
 		rows: e,
-		viewRowCount: Q,
-		getFilteredRows: fr,
+		viewRowCount: $,
+		getFilteredRows: kr,
 		columns: g,
-		visibleColumns: U,
+		visibleColumns: H,
 		uiState: G,
 		setGlobalFilterText: t((e) => {
 			K(h.setGlobalFilter(e));
 		}, [K])
-	}), ua = a(() => ({
-		width: oe,
-		minWidth: oe
-	}), [oe]), da = Q === 0, fa = (e, t, n) => ({
+	}), ka = a(() => ({
+		width: I,
+		minWidth: I
+	}), [I]), Aa = $ === 0, ja = (e, t, n) => ({
 		position: "sticky",
 		...e === "left" ? { left: 0 } : { right: 0 },
 		width: t,
@@ -4566,467 +4645,477 @@ function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g
 			borderLeft: "1px solid #cbd5e1",
 			boxShadow: "-6px 0 8px -6px rgba(15, 23, 42, 0.35)"
 		} : {}
-	}), pa = (() => {
-		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);
+	}), Ma = (() => {
+		if (!X) return "（なし）";
+		let e = G.filters.columnFilters[X.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 : "（なし）";
-	})(), ma = Y ? /* @__PURE__ */ d(hn, {
-		isOpen: !!J,
-		title: Y.title || Y.key,
-		filterType: Y.filterType ?? "text",
-		isServerSide: W,
-		draftValue: J?.draftValue ?? "",
-		currentValueText: pa,
-		layout: qt,
-		selectOptions: Hi,
-		setSelection: qi,
-		optionsStatus: Wi,
-		optionsProgress: Gi,
-		popoverRef: Jt,
-		textInputRef: Yt,
-		selectRef: Xt,
-		onRequestClose: $t,
-		onDraftChange: en,
-		onApply: $i,
-		onClear: ea,
-		onSetValueToggle: Xi,
-		onSetSelectAllChange: Zi,
-		onSetClear: Qi
-	}) : null, ha = sn ? /* @__PURE__ */ d(Ln, {
-		isOpen: an,
-		title: sn.title || sn.key,
-		columnKey: sn.key,
-		canFilter: bt && !!sn.filterType,
-		onOpenFilter: () => Oi(sn),
-		canSort: yt,
-		sortDirection: G.sort.find((e) => e.columnKey === sn.key)?.direction ?? null,
-		onSortChange: (e) => ta(sn.key, e),
-		onOpenSortManager: Di,
-		pinned: sn.pinned,
-		canChangePinned: !!v,
-		layout: tn,
-		popoverRef: rn,
-		onPinnedChange: xi,
-		onAutosizeColumn: Si,
-		onAutosizeAllColumns: Ci,
-		onOpenColumnChooser: Ti,
-		canResetColumns: !!v,
-		onResetColumns: Bi,
-		onRequestClose: X
-	}) : null, ga = /* @__PURE__ */ d(Yn, {
-		isOpen: mn,
-		items: wi,
-		canToggle: !!v,
-		layout: vn,
-		panelRef: yn,
-		onToggleColumnVisibility: ki,
-		onShowAllColumns: Ai,
-		onResetColumns: zi,
-		onReorderColumns: Mi,
-		onRequestClose: xn
-	}), _a = /* @__PURE__ */ d(er, {
-		isOpen: Sn,
+	})(), Na = X ? /* @__PURE__ */ d(yn, {
+		isOpen: !!Y,
+		title: X.title || X.key,
+		filterType: X.filterType ?? "text",
+		isServerSide: U,
+		draftValue: Y?.draftValue ?? "",
+		currentValueText: Ma,
+		layout: dn,
+		selectOptions: sa,
+		setSelection: fa,
+		optionsStatus: la,
+		optionsProgress: ua,
+		popoverRef: fn,
+		textInputRef: _n,
+		selectRef: vn,
+		onRequestClose: wn,
+		onDraftChange: Tn,
+		onApply: va,
+		onClear: ya,
+		onSetValueToggle: ha,
+		onSetSelectAllChange: ga,
+		onSetClear: _a
+	}) : null, Pa = Mn ? /* @__PURE__ */ d(zn, {
+		isOpen: An,
+		title: Mn.title || Mn.key,
+		columnKey: Mn.key,
+		canFilter: W && !!Mn.filterType,
+		onOpenFilter: () => qi(Mn),
+		canSort: Tt,
+		sortDirection: G.sort.find((e) => e.columnKey === Mn.key)?.direction ?? null,
+		onSortChange: (e) => ba(Mn.key, e),
+		onOpenSortManager: Ki,
+		pinned: Mn.pinned,
+		canChangePinned: !!C,
+		layout: Dn,
+		popoverRef: On,
+		onPinnedChange: Bi,
+		onAutosizeColumn: Vi,
+		onAutosizeAllColumns: Hi,
+		onOpenColumnChooser: Wi,
+		canResetColumns: !!C,
+		onResetColumns: aa,
+		onRequestClose: Z
+	}) : null, Fa = /* @__PURE__ */ d(Zn, {
+		isOpen: In,
+		items: Ui,
+		canToggle: !!C,
+		layout: Ln,
+		panelRef: Rn,
+		onToggleColumnVisibility: Ji,
+		onShowAllColumns: Yi,
+		onResetColumns: ia,
+		onReorderColumns: Zi,
+		onRequestClose: Vn
+	}), Ia = /* @__PURE__ */ d(rr, {
+		isOpen: Hn,
 		entries: G.sort,
-		columns: Ei,
-		canSort: yt,
-		layout: wn,
-		panelRef: Tn,
-		onAddLevel: na,
-		onChangeDirection: ra,
-		onChangeColumn: ia,
-		onRemoveLevel: aa,
-		onClearAll: oa,
-		onMove: sa,
-		onRequestClose: On
-	}), va = Zt || an || mn || Sn, ya = De, ba = ke && xt, xa = Te ? Ae(Ne, la, ya || ba ? /* @__PURE__ */ d(_n, {
-		context: la,
-		showSummary: ya,
-		showFilter: ba,
-		showCounts: je
-	}) : null) : null, Sa = Ee ? Ae(Pe, la, /* @__PURE__ */ d(gn, {
-		context: la,
-		showCounts: Me
-	})) : null;
+		columns: Gi,
+		canSort: Tt,
+		layout: Wn,
+		panelRef: Gn,
+		onAddLevel: xa,
+		onChangeDirection: Sa,
+		onChangeColumn: Ca,
+		onRemoveLevel: wa,
+		onClearAll: Ta,
+		onMove: Ea,
+		onRequestClose: qn
+	}), La = Sn || An || In || Hn, Ra = Fe, za = Ie && At, Ba = je ? Pe(ze, Oa, Ra || za ? /* @__PURE__ */ d(xn, {
+		context: Oa,
+		showSummary: Ra,
+		showFilter: za,
+		showCounts: Le
+	}) : null) : null, Va = Ne ? Pe(Be, Oa, /* @__PURE__ */ d(bn, {
+		context: Oa,
+		showCounts: Re
+	})) : null, Ha = 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", Fe, H?.root),
+		className: m("ssg-root", Ve, V?.root),
 		children: [
-			xa,
+			Ba,
 			/* @__PURE__ */ f("div", {
-				ref: Le,
+				ref: Ue,
 				className: "ssg-shell",
-				style: { cursor: ur ? "progress" : void 0 },
-				onDragStart: Zr,
-				onPointerLeave: () => mt(null),
+				style: { cursor: Dr ? "progress" : void 0 },
+				onDragStart: hi,
+				onPointerLeave: () => bt(null),
 				onPointerMoveCapture: (e) => {
-					Re.current = {
+					We.current = {
 						x: e.clientX,
 						y: e.clientY
-					}, Jr(e.clientX, e.clientY);
+					}, fi(e.clientX, e.clientY);
 				},
-				tabIndex: va ? -1 : 0,
-				onKeyDown: va ? void 0 : si,
-				onPaste: va ? void 0 : ii,
+				tabIndex: La ? -1 : 0,
+				onKeyDown: La ? void 0 : Ti,
+				onPaste: La ? void 0 : Si,
 				children: [/* @__PURE__ */ f("div", {
-					ref: We,
+					ref: Ze,
 					className: "ssg-scroll-container",
+					style: Ha,
 					children: [/* @__PURE__ */ f("div", {
 						className: "ssg-inner-row",
 						style: {
-							width: Gt,
-							minWidth: Gt,
-							height: R + Lr
+							width: un,
+							minWidth: un,
+							height: F + ti
 						},
 						children: [
 							/* @__PURE__ */ f("div", {
-								ref: Ge,
-								style: fa("left", Ht, Lt),
-								children: [Lt && /* @__PURE__ */ f("div", {
+								ref: Qe,
+								style: ja("left", on, en),
+								children: [en && /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: Ht,
-										minWidth: Ht,
-										height: R + Lr
+										width: on,
+										minWidth: on,
+										height: F + ti
 									},
-									children: [/* @__PURE__ */ d(En, {
+									children: [/* @__PURE__ */ d(kn, {
 										pane: "left",
 										ownsRowHeader: !0,
-										leadingWidth: Bt,
-										headerHeight: R,
-										rowHeaderCellStyle: ua,
-										headerRowClassName: H?.headerRow,
-										headerCellClassName: H?.headerCell,
-										rowHeaderCellClassName: H?.rowHeaderCell,
-										isCornerHovered: st,
-										isWholeGridSelected: ni,
-										filteredRowsLength: Q,
-										visibleColumnsLength: U.length,
-										renderEntries: Hr,
-										hoveredColumnIndex: ht,
-										selectionSnapshot: kt,
+										leadingWidth: rn,
+										headerHeight: F,
+										rowHeaderCellStyle: ka,
+										headerRowClassName: V?.headerRow,
+										headerCellClassName: V?.headerCell,
+										rowHeaderCellClassName: V?.rowHeaderCell,
+										isCornerHovered: pt,
+										isWholeGridSelected: bi,
+										filteredRowsLength: $,
+										visibleColumnsLength: H.length,
+										renderEntries: oi,
+										hoveredColumnIndex: xt,
+										selectionSnapshot: Pt,
 										columnFilterValues: G.filters.columnFilters,
 										sortState: G.sort,
-										iconButtonClassName: H?.iconButton,
-										onCornerPointerDown: hi,
-										onCornerPointerEnter: vi,
-										onCornerPointerLeave: yi,
-										onColumnHeaderPointerDown: ei,
-										onColumnHeaderPointerEnter: ti,
-										onColumnHeaderPointerLeave: _i,
-										onColumnResizePointerDown: bi,
-										enableColumnMenu: ye,
-										openedMenuColumnKey: on,
-										onColumnMenuButtonPointerDown: cn,
-										onColumnHeaderContextMenu: ln,
-										onColumnDragHandlePointerDown: Li
+										iconButtonClassName: V?.iconButton,
+										onCornerPointerDown: Pi,
+										onCornerPointerEnter: Li,
+										onCornerPointerLeave: Ri,
+										onColumnHeaderPointerDown: vi,
+										onColumnHeaderPointerEnter: yi,
+										onColumnHeaderPointerLeave: Ii,
+										onColumnResizePointerDown: zi,
+										enableColumnMenu: De,
+										enableColumnResize: we,
+										openedMenuColumnKey: jn,
+										onColumnMenuButtonPointerDown: Nn,
+										onColumnHeaderContextMenu: Fn,
+										onColumnDragHandlePointerDown: na
 									}), /* @__PURE__ */ f("div", {
 										style: {
 											position: "absolute",
 											top: 0,
 											left: 0,
-											width: Ht,
-											height: R + Lr,
-											transform: Rr
+											width: on,
+											height: F + ti,
+											transform: ni
 										},
 										children: [
-											/* @__PURE__ */ d(D, {
-												rect: mi("left"),
-												headerHeight: R,
-												baseOffset: Br,
-												leadingWidth: Bt
+											/* @__PURE__ */ d(le, {
+												rect: Ni("left"),
+												headerHeight: F,
+												baseOffset: ii,
+												leadingWidth: rn
 											}),
-											/* @__PURE__ */ d(O, {
-												rect: Kr("left"),
-												headerHeight: R,
-												baseOffset: Br,
-												leadingWidth: Bt
+											/* @__PURE__ */ d(ue, {
+												rect: ui("left"),
+												headerHeight: F,
+												baseOffset: ii,
+												leadingWidth: rn
 											}),
-											/* @__PURE__ */ d(k, {
-												rect: qr("left"),
-												headerHeight: R,
-												baseOffset: Br,
-												leadingWidth: Bt,
-												initialValue: Je,
-												onCommit: li,
-												onCancel: ui
+											/* @__PURE__ */ d(de, {
+												rect: di("left"),
+												headerHeight: F,
+												baseOffset: ii,
+												leadingWidth: rn,
+												initialValue: dt,
+												onCommit: Di,
+												onCancel: Oi,
+												align: ki?.align
 											}),
-											/* @__PURE__ */ d(Cn, {
+											/* @__PURE__ */ d(En, {
 												pane: "left",
 												ownsRowHeader: !0,
-												leadingWidth: Bt,
-												rowModel: Z,
-												virtualRows: Nr,
-												virtualRowIndexes: Pr,
-												renderEntries: Hr,
-												rowHeight: I,
-												autoHeight: Cr,
-												isServerSide: W,
-												rowHeaderCellStyle: ua,
-												hoveredRowIndex: lt,
-												isWholeGridSelected: ni,
+												leadingWidth: rn,
+												rowModel: Q,
+												virtualRows: Zr,
+												virtualRowIndexes: Qr,
+												renderEntries: oi,
+												rowHeight: O,
+												autoHeight: Br,
+												isServerSide: U,
+												rowHeaderCellStyle: ka,
+												hoveredRowIndex: yt,
+												isWholeGridSelected: bi,
 												activeCell: G.activeCell,
 												editingCell: G.editingCell,
-												selectionSnapshot: kt,
-												readOnly: z,
-												canEditCell: B,
-												onRowHeaderPointerDown: Qr,
-												onRowHeaderPointerEnter: $r,
-												onRowHeaderPointerLeave: gi,
-												onCellPointerDown: Yr,
-												onCellPointerEnter: Xr,
-												onCellDoubleClick: di,
-												renderCellContent: ca,
-												getRowClassName: Ie,
-												bodyCellClassName: H?.bodyCell,
-												bodyRowClassName: H?.bodyRow,
-												rowHeaderCellClassName: H?.rowHeaderCell
+												selectionSnapshot: Pt,
+												readOnly: R,
+												canEditCell: se,
+												onRowHeaderPointerDown: gi,
+												onRowHeaderPointerEnter: _i,
+												onRowHeaderPointerLeave: Fi,
+												onCellPointerDown: pi,
+												onCellPointerEnter: mi,
+												onCellDoubleClick: Ai,
+												renderCellContent: Da,
+												getRowClassName: He,
+												bodyCellClassName: V?.bodyCell,
+												bodyRowClassName: V?.bodyRow,
+												rowHeaderCellClassName: V?.rowHeaderCell
 											})
 										]
 									})]
 								}), /* @__PURE__ */ d("div", {
-									ref: Pi,
-									style: Ri
+									ref: $i,
+									style: ra
 								})]
 							}),
 							/* @__PURE__ */ d("div", {
-								ref: Be,
+								ref: Je,
 								className: "ssg-center-pane",
 								style: {
-									width: Wt,
-									minWidth: Wt
+									width: ln,
+									minWidth: ln
 								},
 								children: /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: Wt,
-										minWidth: Wt,
-										height: R + Lr
+										width: ln,
+										minWidth: ln,
+										height: F + ti
 									},
 									children: [
-										/* @__PURE__ */ d(En, {
+										/* @__PURE__ */ d(kn, {
 											pane: "center",
-											ownsRowHeader: zt,
-											leadingWidth: Vt,
-											headerHeight: R,
-											rowHeaderCellStyle: ua,
-											headerRowClassName: H?.headerRow,
-											headerCellClassName: H?.headerCell,
-											rowHeaderCellClassName: H?.rowHeaderCell,
-											isCornerHovered: st,
-											isWholeGridSelected: ni,
-											filteredRowsLength: Q,
-											visibleColumnsLength: U.length,
-											renderEntries: Vr,
-											hoveredColumnIndex: ht,
-											selectionSnapshot: kt,
+											ownsRowHeader: nn,
+											leadingWidth: an,
+											headerHeight: F,
+											rowHeaderCellStyle: ka,
+											headerRowClassName: V?.headerRow,
+											headerCellClassName: V?.headerCell,
+											rowHeaderCellClassName: V?.rowHeaderCell,
+											isCornerHovered: pt,
+											isWholeGridSelected: bi,
+											filteredRowsLength: $,
+											visibleColumnsLength: H.length,
+											renderEntries: ai,
+											hoveredColumnIndex: xt,
+											selectionSnapshot: Pt,
 											columnFilterValues: G.filters.columnFilters,
 											sortState: G.sort,
-											iconButtonClassName: H?.iconButton,
-											onCornerPointerDown: hi,
-											onCornerPointerEnter: vi,
-											onCornerPointerLeave: yi,
-											onColumnHeaderPointerDown: ei,
-											onColumnHeaderPointerEnter: ti,
-											onColumnHeaderPointerLeave: _i,
-											onColumnResizePointerDown: bi,
-											enableColumnMenu: ye,
-											openedMenuColumnKey: on,
-											onColumnMenuButtonPointerDown: cn,
-											onColumnHeaderContextMenu: ln,
-											onColumnDragHandlePointerDown: Li
+											iconButtonClassName: V?.iconButton,
+											onCornerPointerDown: Pi,
+											onCornerPointerEnter: Li,
+											onCornerPointerLeave: Ri,
+											onColumnHeaderPointerDown: vi,
+											onColumnHeaderPointerEnter: yi,
+											onColumnHeaderPointerLeave: Ii,
+											onColumnResizePointerDown: zi,
+											enableColumnMenu: De,
+											enableColumnResize: we,
+											openedMenuColumnKey: jn,
+											onColumnMenuButtonPointerDown: Nn,
+											onColumnHeaderContextMenu: Fn,
+											onColumnDragHandlePointerDown: na
 										}),
 										/* @__PURE__ */ f("div", {
 											style: {
 												position: "absolute",
 												top: 0,
 												left: 0,
-												width: Wt,
-												height: R + Lr,
-												transform: Rr
+												width: ln,
+												height: F + ti,
+												transform: ni
 											},
 											children: [
-												/* @__PURE__ */ d(D, {
-													rect: mi("center"),
-													headerHeight: R,
-													baseOffset: Br,
-													leadingWidth: Vt
+												/* @__PURE__ */ d(le, {
+													rect: Ni("center"),
+													headerHeight: F,
+													baseOffset: ii,
+													leadingWidth: an
 												}),
-												/* @__PURE__ */ d(O, {
-													rect: Kr("center"),
-													headerHeight: R,
-													baseOffset: Br,
-													leadingWidth: Vt
+												/* @__PURE__ */ d(ue, {
+													rect: ui("center"),
+													headerHeight: F,
+													baseOffset: ii,
+													leadingWidth: an
 												}),
-												/* @__PURE__ */ d(k, {
-													rect: qr("center"),
-													headerHeight: R,
-													baseOffset: Br,
-													leadingWidth: Vt,
-													initialValue: Je,
-													onCommit: li,
-													onCancel: ui
+												/* @__PURE__ */ d(de, {
+													rect: di("center"),
+													headerHeight: F,
+													baseOffset: ii,
+													leadingWidth: an,
+													initialValue: dt,
+													onCommit: Di,
+													onCancel: Oi,
+													align: ki?.align
 												}),
-												/* @__PURE__ */ d(Cn, {
+												/* @__PURE__ */ d(En, {
 													pane: "center",
-													ownsRowHeader: zt,
-													leadingWidth: Vt,
-													rowModel: Z,
-													virtualRows: Nr,
-													virtualRowIndexes: Pr,
-													renderEntries: Vr,
-													rowHeight: I,
-													autoHeight: Cr,
-													isServerSide: W,
-													rowHeaderCellStyle: ua,
-													hoveredRowIndex: lt,
-													isWholeGridSelected: ni,
+													ownsRowHeader: nn,
+													leadingWidth: an,
+													rowModel: Q,
+													virtualRows: Zr,
+													virtualRowIndexes: Qr,
+													renderEntries: ai,
+													rowHeight: O,
+													autoHeight: Br,
+													isServerSide: U,
+													rowHeaderCellStyle: ka,
+													hoveredRowIndex: yt,
+													isWholeGridSelected: bi,
 													activeCell: G.activeCell,
 													editingCell: G.editingCell,
-													selectionSnapshot: kt,
-													readOnly: z,
-													canEditCell: B,
-													onRowHeaderPointerDown: Qr,
-													onRowHeaderPointerEnter: $r,
-													onRowHeaderPointerLeave: gi,
-													onCellPointerDown: Yr,
-													onCellPointerEnter: Xr,
-													onCellDoubleClick: di,
-													renderCellContent: ca,
-													getRowClassName: Ie,
-													bodyCellClassName: H?.bodyCell,
-													bodyRowClassName: H?.bodyRow,
-													rowHeaderCellClassName: H?.rowHeaderCell
+													selectionSnapshot: Pt,
+													readOnly: R,
+													canEditCell: se,
+													onRowHeaderPointerDown: gi,
+													onRowHeaderPointerEnter: _i,
+													onRowHeaderPointerLeave: Fi,
+													onCellPointerDown: pi,
+													onCellPointerEnter: mi,
+													onCellDoubleClick: Ai,
+													renderCellContent: Da,
+													getRowClassName: He,
+													bodyCellClassName: V?.bodyCell,
+													bodyRowClassName: V?.bodyRow,
+													rowHeaderCellClassName: V?.rowHeaderCell
 												})
 											]
 										}),
 										/* @__PURE__ */ d("div", {
-											ref: Fi,
-											style: Ri
+											ref: ea,
+											style: ra
 										})
 									]
 								})
 							}),
 							/* @__PURE__ */ f("div", {
-								ref: qe,
-								style: fa("right", Ut, Rt),
-								children: [Rt && /* @__PURE__ */ f("div", {
+								ref: ct,
+								style: ja("right", cn, tn),
+								children: [tn && /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: Ut,
-										minWidth: Ut,
-										height: R + Lr
+										width: cn,
+										minWidth: cn,
+										height: F + ti
 									},
-									children: [/* @__PURE__ */ d(En, {
+									children: [/* @__PURE__ */ d(kn, {
 										pane: "right",
 										ownsRowHeader: !1,
 										leadingWidth: 0,
-										headerHeight: R,
-										rowHeaderCellStyle: ua,
-										headerRowClassName: H?.headerRow,
-										headerCellClassName: H?.headerCell,
-										rowHeaderCellClassName: H?.rowHeaderCell,
-										isCornerHovered: st,
-										isWholeGridSelected: ni,
-										filteredRowsLength: Q,
-										visibleColumnsLength: U.length,
-										renderEntries: Ur,
-										hoveredColumnIndex: ht,
-										selectionSnapshot: kt,
+										headerHeight: F,
+										rowHeaderCellStyle: ka,
+										headerRowClassName: V?.headerRow,
+										headerCellClassName: V?.headerCell,
+										rowHeaderCellClassName: V?.rowHeaderCell,
+										isCornerHovered: pt,
+										isWholeGridSelected: bi,
+										filteredRowsLength: $,
+										visibleColumnsLength: H.length,
+										renderEntries: si,
+										hoveredColumnIndex: xt,
+										selectionSnapshot: Pt,
 										columnFilterValues: G.filters.columnFilters,
 										sortState: G.sort,
-										iconButtonClassName: H?.iconButton,
-										onCornerPointerDown: hi,
-										onCornerPointerEnter: vi,
-										onCornerPointerLeave: yi,
-										onColumnHeaderPointerDown: ei,
-										onColumnHeaderPointerEnter: ti,
-										onColumnHeaderPointerLeave: _i,
-										onColumnResizePointerDown: bi,
-										enableColumnMenu: ye,
-										openedMenuColumnKey: on,
-										onColumnMenuButtonPointerDown: cn,
-										onColumnHeaderContextMenu: ln,
-										onColumnDragHandlePointerDown: Li
+										iconButtonClassName: V?.iconButton,
+										onCornerPointerDown: Pi,
+										onCornerPointerEnter: Li,
+										onCornerPointerLeave: Ri,
+										onColumnHeaderPointerDown: vi,
+										onColumnHeaderPointerEnter: yi,
+										onColumnHeaderPointerLeave: Ii,
+										onColumnResizePointerDown: zi,
+										enableColumnMenu: De,
+										enableColumnResize: we,
+										openedMenuColumnKey: jn,
+										onColumnMenuButtonPointerDown: Nn,
+										onColumnHeaderContextMenu: Fn,
+										onColumnDragHandlePointerDown: na
 									}), /* @__PURE__ */ f("div", {
 										style: {
 											position: "absolute",
 											top: 0,
 											left: 0,
-											width: Ut,
-											height: R + Lr,
-											transform: Rr
+											width: cn,
+											height: F + ti,
+											transform: ni
 										},
 										children: [
-											/* @__PURE__ */ d(D, {
-												rect: mi("right"),
-												headerHeight: R,
-												baseOffset: Br,
+											/* @__PURE__ */ d(le, {
+												rect: Ni("right"),
+												headerHeight: F,
+												baseOffset: ii,
 												leadingWidth: 0
 											}),
-											/* @__PURE__ */ d(O, {
-												rect: Kr("right"),
-												headerHeight: R,
-												baseOffset: Br,
+											/* @__PURE__ */ d(ue, {
+												rect: ui("right"),
+												headerHeight: F,
+												baseOffset: ii,
 												leadingWidth: 0
 											}),
-											/* @__PURE__ */ d(k, {
-												rect: qr("right"),
-												headerHeight: R,
-												baseOffset: Br,
+											/* @__PURE__ */ d(de, {
+												rect: di("right"),
+												headerHeight: F,
+												baseOffset: ii,
 												leadingWidth: 0,
-												initialValue: Je,
-												onCommit: li,
-												onCancel: ui
+												initialValue: dt,
+												onCommit: Di,
+												onCancel: Oi,
+												align: ki?.align
 											}),
-											/* @__PURE__ */ d(Cn, {
+											/* @__PURE__ */ d(En, {
 												pane: "right",
 												ownsRowHeader: !1,
 												leadingWidth: 0,
-												rowModel: Z,
-												virtualRows: Nr,
-												virtualRowIndexes: Pr,
-												renderEntries: Ur,
-												rowHeight: I,
-												autoHeight: Cr,
-												isServerSide: W,
-												rowHeaderCellStyle: ua,
-												hoveredRowIndex: lt,
-												isWholeGridSelected: ni,
+												rowModel: Q,
+												virtualRows: Zr,
+												virtualRowIndexes: Qr,
+												renderEntries: si,
+												rowHeight: O,
+												autoHeight: Br,
+												isServerSide: U,
+												rowHeaderCellStyle: ka,
+												hoveredRowIndex: yt,
+												isWholeGridSelected: bi,
 												activeCell: G.activeCell,
 												editingCell: G.editingCell,
-												selectionSnapshot: kt,
-												readOnly: z,
-												canEditCell: B,
-												onRowHeaderPointerDown: Qr,
-												onRowHeaderPointerEnter: $r,
-												onRowHeaderPointerLeave: gi,
-												onCellPointerDown: Yr,
-												onCellPointerEnter: Xr,
-												onCellDoubleClick: di,
-												renderCellContent: ca,
-												getRowClassName: Ie,
-												bodyCellClassName: H?.bodyCell,
-												bodyRowClassName: H?.bodyRow,
-												rowHeaderCellClassName: H?.rowHeaderCell
+												selectionSnapshot: Pt,
+												readOnly: R,
+												canEditCell: se,
+												onRowHeaderPointerDown: gi,
+												onRowHeaderPointerEnter: _i,
+												onRowHeaderPointerLeave: Fi,
+												onCellPointerDown: pi,
+												onCellPointerEnter: mi,
+												onCellDoubleClick: Ai,
+												renderCellContent: Da,
+												getRowClassName: He,
+												bodyCellClassName: V?.bodyCell,
+												bodyRowClassName: V?.bodyRow,
+												rowHeaderCellClassName: V?.rowHeaderCell
 											})
 										]
 									})]
 								}), /* @__PURE__ */ d("div", {
-									ref: Ii,
-									style: Ri
+									ref: ta,
+									style: ra
 								})]
 							})
 						]
-					}), da && /* @__PURE__ */ d("div", {
+					}), Aa && /* @__PURE__ */ d("div", {
 						className: "ssg-empty-state",
-						children: e.length === 0 ? xe : be
+						children: e.length === 0 ? Ae : ke
 					})]
-				}), ur && /* @__PURE__ */ d("div", {
+				}), Dr && /* @__PURE__ */ d("div", {
 					className: "ssg-autosize-overlay",
 					children: /* @__PURE__ */ d("span", {
 						className: "ssg-autosize-pill",
@@ -5034,13 +5123,29 @@ function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g
 					})
 				})]
 			}),
-			Sa,
-			ma,
-			ha,
-			ga,
-			_a
+			Va,
+			Na,
+			Pa,
+			Fa,
+			Ia
 		]
 	});
 }
 //#endregion
-export { ur as SpreadsheetGrid };
+//#region src/components/spreadsheet-grid/logic/valueFormatters.ts
+function hr(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 { mr as SpreadsheetGrid, hr as numberFormatter };