@ishibashi0112/spreadsheet-grid 0.1.0 → 0.3.0

package/dist/index.js

@@ -530,11 +530,14 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			left: n,
 			width: ae
 		});
-	}, [v, y]), x = t((e, t) => {
-		t.preventDefault(), t.stopPropagation(), i && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), o.current?.blur(), m.current = t.currentTarget, u({
+	}, [v, y]), x = t((e) => {
+		if (!i) return;
+		document.activeElement instanceof HTMLElement && document.activeElement.blur(), o.current?.blur();
+		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])
-		}));
+		});
 	}, [
 		n,
 		i,
@@ -585,7 +588,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		if (!_) return;
 		let e = (e) => {
 			let t = e.target;
-			t && (p.current?.contains(t) || m.current?.contains(t) || S());
+			t && (p.current?.contains(t) || S());
 		};
 		return window.addEventListener("pointerdown", e), () => {
 			window.removeEventListener("pointerdown", e);
@@ -602,7 +605,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		closeColumnFilterPopover: S,
 		updateFilterPopoverDraft: C
 	};
-}, ue = (e, t, n) => Math.min(Math.max(e, t), n), de = (e, t) => {
+}, z = (e, t, n) => Math.min(Math.max(e, t), n), ue = (e, t) => {
 	let n = 0;
 	return e.map((e, r) => {
 		let i = t[e.key] ?? e.width, a = {
@@ -614,10 +617,10 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		};
 		return n += i, a;
 	});
-}, fe = (e) => e.pinned === "left" ? "left" : e.pinned === "right" ? "right" : "center", pe = (e) => {
+}, de = (e) => e.pinned === "left" ? "left" : e.pinned === "right" ? "right" : "center", fe = (e) => {
 	let t = [], n = [], r = [];
 	for (let i of e) {
-		let e = fe(i);
+		let e = de(i);
 		e === "left" ? t.push(i) : e === "right" ? r.push(i) : n.push(i);
 	}
 	return [
@@ -625,19 +628,19 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		...n,
 		...r
 	];
-}, me = (e) => {
+}, pe = (e) => {
 	let t = {
 		left: [],
 		center: [],
 		right: []
 	};
 	return e.forEach((e, n) => {
-		t[fe(e)].push({
+		t[de(e)].push({
 			column: e,
 			logicalIndex: n
 		});
 	}), t;
-}, he = (e, t) => e.map(({ column: e }) => t[e.key] ?? e.width), ge = (e, t) => he(e, t).join(","), _e = (e) => e === "" ? [] : e.split(",").map(Number), z = (e, t, n) => {
+}, me = (e, t) => e.map(({ column: e }) => t[e.key] ?? e.width), he = (e, t) => me(e, t).join(","), ge = (e) => e === "" ? [] : e.split(",").map(Number), _e = (e, t, n) => {
 	let r = 0;
 	return {
 		pane: e,
@@ -653,7 +656,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		}),
 		totalWidth: r
 	};
-}, ve = (e, t, n) => z(e, t, _e(n)), ye = (e, t) => {
+}, ve = (e, t, n) => _e(e, t, ge(n)), ye = (e, t) => {
 	let n = [
 		["left", e.left],
 		["center", e.center],
@@ -667,7 +670,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		};
 	}
 	return null;
-}, be = (e, t) => {
+}, B = (e, t) => {
 	let { entries: n } = e;
 	if (n.length === 0) return -1;
 	if (t <= 0) return n[0].logicalIndex;
@@ -685,17 +688,17 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		return a.logicalIndex;
 	}
 	return n[Math.max(0, Math.min(r, n.length - 1))].logicalIndex;
-}, xe = (e, t) => {
+}, be = (e, t) => {
 	let { entries: n } = e;
 	for (let e = 0; e < n.length; e += 1) {
 		let r = n[e];
 		if (t < r.paneLocalStart + r.paneLocalSize / 2) return e;
 	}
 	return n.length;
-}, Se = (e, t) => {
+}, xe = (e, t) => {
 	let { entries: n, totalWidth: r } = e;
 	return n.length === 0 ? 0 : t <= 0 ? n[0].paneLocalStart : t >= n.length ? r : n[t].paneLocalStart;
-}, Ce = (e, t, n) => {
+}, Se = (e, t, n) => {
 	let r = Math.min(t, n), i = Math.max(t, n), a = Infinity, o = -Infinity, s = !1;
 	for (let t of e.entries) t.logicalIndex < r || t.logicalIndex > i || (s = !0, t.paneLocalStart < a && (a = t.paneLocalStart), t.paneLocalEnd > o && (o = t.paneLocalEnd));
 	return s ? {
@@ -703,11 +706,11 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		end: o,
 		width: o - a
 	} : null;
-}, we = (e, t, n) => ({
-	left: Ce(e.left, t, n),
-	center: Ce(e.center, t, n),
-	right: Ce(e.right, t, n)
-}), Te = (e) => {
+}, Ce = (e, t, n) => ({
+	left: Se(e.left, t, n),
+	center: Se(e.center, t, n),
+	right: Se(e.right, t, n)
+}), we = (e) => {
 	let t = (e) => e.entries.length === 0 ? null : {
 		start: 0,
 		end: e.totalWidth,
@@ -718,7 +721,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		center: t(e.center),
 		right: t(e.right)
 	};
-}, Ee = (e, t) => {
+}, Te = (e, t) => {
 	let n = ye(e, t);
 	if (!n) return null;
 	let { pane: r, entry: i } = n;
@@ -730,10 +733,10 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			width: i.paneLocalSize
 		}
 	};
-}, De = (e) => {
+}, Ee = (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("	")) : [];
-}, Oe = (e, t, n, r) => {
+}, De = (e, t, n, r) => {
 	if (!r) return "";
 	let i = [];
 	if (r.type === "cell") {
@@ -779,7 +782,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		i.push(o.join("	"));
 	}
 	return i.join("\n");
-}, ke = (e, t, n, r, i, a, o) => {
+}, Oe = (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) {
@@ -797,7 +800,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		d && (s[c] = u);
 	}
 	return s;
-}, Ae = ({ rows: e, rowModel: n, visibleColumns: r, uiState: i, readOnly: a, canEditCell: o, createRow: s, createOverflowColumn: c, onRowsChange: l, onColumnsChange: u, dispatch: d }) => {
+}, ke = ({ 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;
@@ -819,7 +822,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() : Oe(n.getRow, n.getRowCount(), r, i.selection);
+			let e = p ? m() : De(n.getRow, n.getRowCount(), r, i.selection);
 			e && navigator.clipboard?.writeText && await navigator.clipboard.writeText(e);
 		}, [
 			p,
@@ -833,7 +836,7 @@ 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 = De(f);
+			let p = Ee(f);
 			if (p.length === 0) return;
 			let m = i.activeCell.row, g = n.getSourceIndex(m);
 			if (g === void 0) return;
@@ -846,10 +849,10 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 				for (; y.length < T;) y.push(c(y.length));
 				u(y);
 			}
-			let E = ke(v, S, y, p, m, _, (e, t, n, r) => A({
+			let E = Oe(v, S, y, p, m, _, (e, t, n, r) => A({
 				readOnly: a,
 				canEditCell: o
-			}, e, t, n, r)), D = ue(i.activeCell.row + Math.max(p.length - 1, 0), 0, Math.max(Math.max(n.getRowCount() - 1, 0), m + p.length - 1)), O = ue(i.activeCell.col + Math.max((p[0]?.length ?? 1) - 1, 0), 0, Math.max(Math.max(y.length - 1, 0), _ + w - 1));
+			}, e, t, n, r)), D = z(i.activeCell.row + Math.max(p.length - 1, 0), 0, Math.max(Math.max(n.getRowCount() - 1, 0), m + p.length - 1)), O = z(i.activeCell.col + Math.max((p[0]?.length ?? 1) - 1, 0), 0, Math.max(Math.max(y.length - 1, 0), _ + w - 1));
 			l(E), d(h.startSelection(i.activeCell)), d(h.updateSelection({
 				row: D,
 				col: O
@@ -868,23 +871,23 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			r
 		])
 	};
-}, B = (e) => {
+}, Ae = (e) => {
 	if (e < 0) return "";
 	let t = e, n = "";
 	for (; t >= 0;) n = String.fromCharCode(t % 26 + 65) + n, t = Math.floor(t / 26) - 1;
 	return n;
-}, je = (e, t, n) => e ? e(t) : n, Me = (e, t = 16) => e.length <= t ? e : `${e.slice(0, t)}…`, Ne = (e) => e ? `${B(e.col)}${e.row + 1}` : "なし", Pe = (e) => {
+}, je = (e, t, n) => e ? e(t) : n, Me = (e, t = 16) => e.length <= t ? e : `${e.slice(0, t)}…`, Ne = (e) => e ? `${Ae(e.col)}${e.row + 1}` : "なし", Pe = (e) => {
 	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 `${B(r)}${t + 1} - ${B(i)}${n + 1}`;
+		return `${Ae(r)}${t + 1} - ${Ae(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 ${B(t)} - ${B(n)}`;
+	return `Col ${Ae(t)} - ${Ae(n)}`;
 }, Fe = (e, t) => `Rows: ${t} / ${e.rows.length}`, Ie = (e) => `Columns: ${e.visibleColumns.length} / ${e.columns.length}`, Le = (e, t) => {
 	let n = e.selection;
 	if (!n) return {
@@ -917,19 +920,19 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 }, Re = (e, t) => {
 	let n = Le(e, t);
 	return `Cells: ${n.selectedCellCount} / Rows: ${n.selectedRowCount}`;
-}, ze = (e) => Object.values(e).filter((e) => F(e)).length, Be = (e) => {
-	let t = e.globalFilterText.trim().length > 0, n = t ? Me(e.globalFilterText.trim()) : null, r = ze(e.columnFilterValues);
+}, V = (e) => Object.values(e).filter((e) => F(e)).length, ze = (e) => {
+	let t = e.globalFilterText.trim().length > 0, n = t ? Me(e.globalFilterText.trim()) : null, r = V(e.columnFilterValues);
 	return !t && r === 0 ? "Filter: なし" : t && r === 0 ? `Filter: Global("${n}")` : !t && r > 0 ? `Filter: ${r}列` : `Filter: Global("${n}") + ${r}列`;
-}, Ve = (e, t) => {
+}, Be = (e, t) => {
 	let n = e.find((e) => e.key === t);
 	return n?.title || n?.key || t;
-}, He = (e) => e.sortState.length === 0 ? "Sort: なし" : `Sort: ${e.sortState.map((t) => `${Ve(e.columns, t.columnKey)} (${t.direction === "asc" ? "昇順" : "降順"})`).join(", ")}`, Ue = (e, t) => {
-	let n = Le(e, t), r = e.globalFilterText.trim().length > 0, i = r ? Me(e.globalFilterText.trim()) : null, a = ze(e.columnFilterValues), o = r || a > 0, s = e.sortState.length > 0, c = s ? Ve(e.columns, e.sortState[0].columnKey) : null;
+}, Ve = (e) => e.sortState.length === 0 ? "Sort: なし" : `Sort: ${e.sortState.map((t) => `${Be(e.columns, t.columnKey)} (${t.direction === "asc" ? "昇順" : "降順"})`).join(", ")}`, He = (e, t) => {
+	let n = Le(e, t), r = e.globalFilterText.trim().length > 0, i = r ? Me(e.globalFilterText.trim()) : null, a = V(e.columnFilterValues), o = r || a > 0, s = e.sortState.length > 0, c = s ? Be(e.columns, e.sortState[0].columnKey) : null;
 	return {
 		rowSummaryText: Fe(e, t),
 		columnSummaryText: Ie(e),
-		filterSummaryText: Be(e),
-		sortSummaryText: He(e),
+		filterSummaryText: ze(e),
+		sortSummaryText: Ve(e),
 		activeCellLabel: Ne(e.activeCell),
 		selectionLabel: Pe(e.selection),
 		selectionStatsText: Re(e, t),
@@ -941,7 +944,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		hasSorting: s,
 		sortedColumnLabel: c
 	};
-}, We = ({ rows: e, viewRowCount: t, getFilteredRows: n, columns: r, visibleColumns: i, uiState: o, setGlobalFilterText: s }) => {
+}, Ue = ({ rows: e, viewRowCount: t, getFilteredRows: n, columns: r, visibleColumns: i, uiState: o, setGlobalFilterText: s }) => {
 	let c = T(o), l = o.filters.columnFilters, u = o.sort, d = o.activeCell, f = o.selection, p = a(() => ({
 		rows: e,
 		columns: r,
@@ -960,7 +963,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		u,
 		d,
 		f
-	]), m = a(() => Ue(p, t), [p, t]);
+	]), m = a(() => He(p, t), [p, t]);
 	return {
 		slotContextBase: p,
 		derivedSummary: m,
@@ -978,7 +981,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			p
 		])
 	};
-}, Ge = ({ uiState: e, rows: n, visibleColumns: r, rowModel: i, setEditorInitialValue: a, onRowsChange: o, dispatch: s, getMovedCell: c, gridRootRef: l, editorActionGuardRef: u }) => {
+}, We = ({ 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]);
@@ -1023,18 +1026,18 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			l
 		])
 	};
-}, Ke = (e) => e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey, qe = (e) => e instanceof HTMLElement ? e.closest("input, textarea, select, button, [contenteditable=\"true\"]") !== null : !1, Je = ({ uiState: e, rowModel: n, visibleColumns: r, readOnly: i, canEditCell: a, setEditorInitialValue: o, dispatch: s, handleCopy: c, handleCellDoubleClick: l, isWholeGridSelected: u, selectEntireGrid: d }) => {
+}, Ge = (e) => e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey, Ke = (e) => e instanceof HTMLElement ? e.closest("input, textarea, select, button, [contenteditable=\"true\"]") !== null : !1, qe = ({ uiState: e, rowModel: n, visibleColumns: r, readOnly: i, canEditCell: a, setEditorInitialValue: o, dispatch: s, handleCopy: c, handleCellDoubleClick: l, isWholeGridSelected: u, selectEntireGrid: d }) => {
 	let f = n.getRowCount(), p = t((e, t, n) => ({
-		row: ue(e.row + t, 0, Math.max(f - 1, 0)),
-		col: ue(e.col + n, 0, Math.max(r.length - 1, 0))
+		row: z(e.row + t, 0, Math.max(f - 1, 0)),
+		col: z(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: ue(a.row + t, 0, f - 1),
-			col: ue(a.col + n, 0, r.length - 1)
+			row: z(a.row + t, 0, f - 1),
+			col: z(a.col + n, 0, r.length - 1)
 		};
 		if (i) {
 			let t = e.selection?.type === "cell" ? e.selection.range.start : a;
@@ -1052,7 +1055,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	return {
 		getMovedCell: p,
 		handleKeyDown: t(async (t) => {
-			if (!qe(t.target) && !e.editingCell) {
+			if (!Ke(t.target) && !e.editingCell) {
 				if ((t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "c") {
 					t.preventDefault(), await c();
 					return;
@@ -1093,7 +1096,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 					t.preventDefault(), e.activeCell && l(e.activeCell);
 					return;
 				}
-				if (Ke(t) && e.activeCell) {
+				if (Ge(t) && e.activeCell) {
 					let c = n.getRow(e.activeCell.row), l = r[e.activeCell.col];
 					if (!c || !l || !A({
 						readOnly: i,
@@ -1118,13 +1121,13 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			r
 		])
 	};
-}, Ye = new Intl.Collator("ja", {
+}, Je = new Intl.Collator("ja", {
 	numeric: !0,
 	sensitivity: "base"
-}), Xe = (e, t) => {
+}), Ye = (e, t) => {
 	let n = Number(e), r = Number(t);
-	return Number.isFinite(n) && Number.isFinite(r) ? n - r : Ye.compare(String(e ?? ""), String(t ?? ""));
-}, Ze = (e, t, n, r) => {
+	return Number.isFinite(n) && Number.isFinite(r) ? n - r : Je.compare(String(e ?? ""), String(t ?? ""));
+}, Xe = (e, t, n, r) => {
 	if (!r) return e.length === 1 && e[0].columnKey === t && e[0].direction === n ? [] : [{
 		columnKey: t,
 		direction: n
@@ -1137,20 +1140,20 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		columnKey: t,
 		direction: n
 	} : e);
-}, Qe = (e, t, n) => e.some((e) => e.columnKey === t) ? e : [...e, {
+}, Ze = (e, t, n) => e.some((e) => e.columnKey === t) ? e : [...e, {
 	columnKey: t,
 	direction: n
-}], $e = (e, t, n) => t < 0 || t >= e.length || e[t].direction === n ? e : e.map((e, r) => r === t ? {
+}], Qe = (e, t, n) => t < 0 || t >= e.length || e[t].direction === n ? e : e.map((e, r) => r === t ? {
 	...e,
 	direction: n
-} : e), et = (e, t, n) => t < 0 || t >= e.length || e[t].columnKey === n ? e : e.map((e, r) => r === t ? {
+} : e), $e = (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), tt = (e, t) => t < 0 || t >= e.length ? e : e.filter((e, n) => n !== t), nt = (e, t, n) => {
+} : e).filter((e, r) => r === t || e.columnKey !== n), et = (e, t) => t < 0 || t >= e.length ? e : e.filter((e, n) => n !== t), tt = (e, t, n) => {
 	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;
-}, rt = (e, t, n, r) => {
+}, nt = (e, t, n, r) => {
 	if (r.length === 0) return t;
 	let i = r.map((e) => {
 		let t = n.find((t) => t.key === e.columnKey);
@@ -1200,7 +1203,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		});
 		u.sort((e, r) => {
 			for (let t = 0; t < o; t += 1) {
-				let i = Xe(n[t][e], n[t][r]);
+				let i = Ye(n[t][e], n[t][r]);
 				if (i !== 0) return i * s[t];
 			}
 			return t[e] - t[r];
@@ -1209,24 +1212,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;
-}, it = 15e6, at = (e, t, n, r) => e && t && n > 0 && n <= r, ot = 1 << 20, st = (e, t) => ({
+}, rt = 15e6, it = (e, t, n, r) => e && t && n > 0 && n <= r, at = 1 << 20, ot = (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))
-}), ct = (e, t, n, r) => {
+}), st = (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
 	};
-}, V = (e, t) => e * t, H = (e, t) => t === 1 ? e : e / t, lt = (e, t, n, r) => {
+}, ct = (e, t) => e * t, lt = (e, t) => t === 1 ? e : e / t, ut = (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 / ot) * ot, y = f - p + v, b = [], x = /* @__PURE__ */ new Set();
+}, dt = ({ rowCount: e, rowHeight: t, headerHeight: n, viewportHeight: r, scrollTop: i, overscan: a, maxBodyPx: o }) => {
+	let s = e * t, c = Math.min(s, o), l = Math.max(n + s - r, 0), u = Math.max(n + c - r, 0), d = u > 0 && s > c ? l / u : 1, f = Math.min(Math.max(i, 0), u), p = f * d, m = Math.ceil(r / t) + 1, h = Math.floor(p / t), g = Math.max(h - a, 0), _ = Math.min(h + m + a, e), v = d === 1 ? 0 : Math.floor(g * t / at) * at, y = f - p + v, b = [], x = /* @__PURE__ */ new Set();
 	for (let e = g; e < _; e += 1) b.push({
 		index: e,
 		start: n + e * t - v
@@ -1240,7 +1243,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) => {
+}, ft = ({ 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,
@@ -1256,7 +1259,7 @@ 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 }) => {
+}, pt = ({ gridRootRef: e, bodyScrollRef: n, scrollContainerRef: i, leftPaneScrollRef: a, rightPaneScrollRef: o, pointerClientRef: c, autoScrollFrameRef: l, uiState: u, dispatch: d, enableRangeSelection: f, enableSorting: p, orderedColumns: m, filteredRowsLength: g, visibleColumnsLength: _, paneLayout: v, leftLeadingWidth: y, centerLeadingWidth: b, rightLeadingWidth: x, headerHeight: S, rowMetrics: C, verticalScaleFactor: w, setHoveredRowIndex: T, setHoveredColumnIndex: E, enableRowHover: D, enableColumnHeaderHover: O }) => {
 	let k = s(u.dragState);
 	k.current = u.dragState;
 	let A = s(u.sort);
@@ -1268,12 +1271,12 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	let N = u.dragState?.type ?? null, P = 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;
+		let s = r.getBoundingClientRect(), c = ut(r.scrollTop + t - s.top - S, i.current?.scrollTop ?? 0, w, C), l = null, u = a.current;
 		if (l === null && u && v.left.entries.length > 0) {
 			let t = u.getBoundingClientRect();
 			if (e < t.right) {
 				let n = e - t.left - y;
-				l = be(v.left, n);
+				l = B(v.left, n);
 			}
 		}
 		let d = o.current;
@@ -1281,16 +1284,16 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			let t = d.getBoundingClientRect();
 			if (e >= t.left) {
 				let n = e - t.left - x;
-				l = be(v.right, n);
+				l = B(v.right, n);
 			}
 		}
 		if (l === null && v.center.entries.length > 0) {
 			let t = r.scrollLeft + e - s.left - b;
-			l = be(v.center, Math.max(t, 0));
+			l = B(v.center, Math.max(t, 0));
 		}
 		return l === null ? null : {
 			row: c,
-			col: ue(l, 0, _ - 1)
+			col: z(l, 0, _ - 1)
 		};
 	}, [
 		n,
@@ -1412,7 +1415,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 				if (e.current?.focus(), n.shiftKey && M.current) {
 					let e = j.current[t];
 					if (e) {
-						let t = A.current, n = t.find((t) => t.columnKey === e.key)?.direction ? "desc" : "asc", r = Ze(t, e.key, n, !0);
+						let t = A.current, n = t.find((t) => t.columnKey === e.key)?.direction ? "desc" : "asc", r = Xe(t, e.key, n, !0);
 						d(r.length === 0 ? h.clearSort() : h.setSort(r));
 					}
 					return;
@@ -1435,7 +1438,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			O
 		])
 	};
-}, pt = ({ scrollRef: e, columnVirtualizer: t, columnMeasurements: n, totalScrollWidth: i, physicalBodyHeight: a, headerHeight: o, leftPaneWidth: s, rightPaneWidth: c, centerLeadingWidth: l, activeCellRect: u, verticalScaleFactor: d }) => {
+}, mt = ({ 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(() => {
@@ -1449,11 +1452,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 = V(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 = ct(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: H(g, d),
+			top: lt(g, d),
 			left: _,
 			behavior: "auto"
 		});
@@ -1469,15 +1472,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 U(e, t, n, r) {
+function ht(e, t, n, r) {
 	let i = e.find((e) => e.key === t);
 	if (!i) return null;
-	let a = fe(i), o = {
+	let a = de(i), o = {
 		left: [],
 		center: [],
 		right: []
 	}, s = /* @__PURE__ */ new Map();
-	for (let t of e) o[fe(t)].push(t.key), s.set(t.key, t.visible !== !1);
+	for (let t of e) o[de(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);
@@ -1492,7 +1495,7 @@ function U(e, t, n, r) {
 		...o.right
 	];
 }
-var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<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>", yt = "<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>", bt = "<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>", K = {
+var gt = 24, _t = 18, vt = 32, yt = 2, H = 14, bt = 12, xt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"5 9 2 12 5 15\"/><polyline points=\"9 5 12 2 15 5\"/><polyline points=\"15 19 12 22 9 19\"/><polyline points=\"19 9 22 12 19 15\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"/></svg>", U = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"22\"/><path d=\"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z\"/></svg>", St = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"4.9\" y1=\"4.9\" x2=\"19.1\" y2=\"19.1\"/></svg>", W = {
 	normal: {
 		border: "#2563eb",
 		background: "#eff6ff",
@@ -1503,7 +1506,7 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
 		background: "#fef2f2",
 		color: "#dc2626"
 	}
-}, xt = (e) => {
+}, Ct = (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({
@@ -1527,9 +1530,9 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
 			"gap:6px",
 			"padding:4px 10px 4px 8px",
 			"border-radius:9999px",
-			"border:1px solid " + K.normal.border,
-			"background:" + K.normal.background,
-			"color:" + K.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",
@@ -1549,12 +1552,12 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
 		let t = f.current;
 		if (!t) return;
 		let { x: n, y: r } = u.current;
-		t.style.transform = "translate(" + (n + G) + "px," + (r + _t) + "px)";
+		t.style.transform = "translate(" + (n + H) + "px," + (r + bt) + "px)";
 		let i = e ?? "out";
 		if (m.current === i) return;
 		m.current = i;
 		let a = p.current;
-		i === "out" ? (t.style.borderColor = K.out.border, t.style.background = K.out.background, t.style.color = K.out.color, a && (a.innerHTML = bt)) : (t.style.borderColor = K.normal.border, t.style.background = K.normal.background, t.style.color = K.normal.color, a && (a.innerHTML = i === "center" ? vt : yt));
+		i === "out" ? (t.style.borderColor = W.out.border, t.style.background = W.out.background, t.style.color = W.out.color, a && (a.innerHTML = St)) : (t.style.borderColor = W.normal.border, t.style.background = W.normal.background, t.style.color = W.normal.color, a && (a.innerHTML = i === "center" ? xt : U));
 	}, []), v = t(() => {
 		let e = f.current;
 		e && e.parentNode && e.parentNode.removeChild(e), f.current = null, p.current = null, m.current = null;
@@ -1565,23 +1568,23 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<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 + gt) return {
+		if (f && r.left.entries.length === 0 && e <= f.getBoundingClientRect().left + vt) return {
 			pane: "left",
 			slot: 0,
-			leftPx: W
+			leftPx: yt
 		};
 		if (f && r.left.entries.length > 0) {
 			let t = f.getBoundingClientRect();
 			if (e < t.right) {
-				let n = e - t.left - c, i = xe(r.left, n);
+				let n = e - t.left - c, i = be(r.left, n);
 				return {
 					pane: "left",
 					slot: i,
-					leftPx: c + Se(r.left, i)
+					leftPx: c + xe(r.left, i)
 				};
 			}
 		}
-		if (p && r.right.entries.length === 0 && e >= p.getBoundingClientRect().left - gt) return {
+		if (p && r.right.entries.length === 0 && e >= p.getBoundingClientRect().left - vt) return {
 			pane: "right",
 			slot: 0,
 			leftPx: -2
@@ -1589,21 +1592,21 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<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 = xe(r.right, n);
+				let n = e - t.left - u, i = be(r.right, n);
 				return {
 					pane: "right",
 					slot: i,
-					leftPx: u + Se(r.right, i)
+					leftPx: u + xe(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 = xe(r.center, Math.max(n, 0));
+			let t = m.getBoundingClientRect(), n = m.scrollLeft + e - t.left - l, i = be(r.center, Math.max(n, 0));
 			return {
 				pane: "center",
 				slot: i,
-				leftPx: l + Se(r.center, i)
+				leftPx: l + xe(r.center, i)
 			};
 		}
 		return null;
@@ -1639,7 +1642,7 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<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 + mt ? r = Math.max(e.scrollLeft - ht, 0) : n.x > t.right - mt && (r = e.scrollLeft + ht), r !== e.scrollLeft && e.scrollTo({
+			n.x < t.left + gt ? r = Math.max(e.scrollLeft - _t, 0) : n.x > t.right - gt && (r = e.scrollLeft + _t), r !== e.scrollLeft && e.scrollTo({
 				left: r,
 				behavior: "auto"
 			});
@@ -1650,7 +1653,7 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<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 = U(i, t, r.pane, r.slot);
+		let { columns: i, applyColumnOrderAndPin: a } = n.current, o = ht(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;
@@ -1696,10 +1699,10 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
 		centerIndicatorRef: a,
 		rightIndicatorRef: o
 	};
-}, St = (e, t) => {
+}, wt = (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];
-}, Ct = (e, t, n, r) => {
+}, Tt = (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));
@@ -1712,8 +1715,8 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
 		prefix: new Float64Array(a + 1),
 		measured: i
 	};
-	return St(s, 0), s;
-}, wt = (e, t, n, r) => t < 0 || t >= e.rowCount || (e.measured.set(n, r), e.heights[t] === r) ? !1 : (e.heights[t] = r, !0), Tt = (e, t, n) => {
+	return wt(s, 0), s;
+}, Et = (e, t, n, r) => t < 0 || t >= e.rowCount || (e.measured.set(n, r), e.heights[t] === r) ? !1 : (e.heights[t] = r, !0), Dt = (e, t, n) => {
 	if (t <= 0 || n <= 0) return 0;
 	if (n >= e[t]) return t - 1;
 	let r = 0, i = t;
@@ -1722,17 +1725,17 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
 		e[t] <= n ? r = t : i = t - 1;
 	}
 	return Math.min(Math.max(r, 0), t - 1);
-}, Et = (e) => {
+}, Ot = (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) => Tt(t, n, e)
+		rowAtContentY: (e) => Dt(t, n, e)
 	};
-}, Dt = 21, Ot = 4, kt = 141, At = 13, q = 600, jt = 60, Mt = 1e3, Nt = 16, Pt = null, Ft = () => Pt || (typeof document > "u" ? null : (Pt = document.createElement("canvas").getContext("2d"), Pt)), It = "system-ui, sans-serif", Lt = (e) => {
-	let t = It, n = 13, r = "400";
+}, G = 21, K = 4, kt = 141, At = 13, jt = 600, Mt = 60, Nt = 1e3, Pt = 16, Ft = null, It = () => Ft || (typeof document > "u" ? null : (Ft = document.createElement("canvas").getContext("2d"), Ft)), Lt = "system-ui, sans-serif", Rt = (e) => {
+	let t = Lt, n = 13, r = "400";
 	if (e && typeof window < "u") {
 		let i = window.getComputedStyle(e);
 		i.fontFamily && (t = i.fontFamily);
@@ -1741,9 +1744,9 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
 	}
 	return {
 		cellFont: `${r} ${n}px ${t}`,
-		headerFont: `${q} ${At}px ${t}`
+		headerFont: `${jt} ${At}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, J = (e) => {
+}, q = (e, t, n) => Math.min(Math.max(e, t), n), zt = (e) => e >= 4352 && e <= 4447 || e >= 11904 && e <= 12350 || e >= 12353 && e <= 13311 || e >= 13312 && e <= 19903 || e >= 19968 && e <= 40959 || e >= 40960 && e <= 42191 || e >= 44032 && e <= 55203 || e >= 63744 && e <= 64255 || e >= 65072 && e <= 65103 || e >= 65280 && e <= 65376 || e >= 65504 && e <= 65510 || e >= 127744 && e <= 129791 || e >= 131072 && e <= 262141, Bt = (e) => {
 	let t = 0;
 	for (let n of e) {
 		let e = n.codePointAt(0) ?? 0;
@@ -1751,7 +1754,7 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
 	}
 	return t;
 };
-function Bt(e) {
+function Vt(e) {
 	let t = e.map(() => []), n = e.map(() => []), r = e.map(() => Infinity);
 	return {
 		collect: (i) => {
@@ -1759,52 +1762,52 @@ function Bt(e) {
 				let o = String(j(i, e[a]) ?? "");
 				if (o === "") continue;
 				let s = t[a], c = n[a];
-				if (s.length === Nt && 2 * o.length <= r[a]) continue;
-				let l = J(o);
-				if (s.length < Nt) {
-					if (s.push(o), c.push(l), s.length === Nt) {
+				if (s.length === Pt && 2 * o.length <= r[a]) continue;
+				let l = Bt(o);
+				if (s.length < Pt) {
+					if (s.push(o), c.push(l), s.length === Pt) {
 						let e = c[0];
-						for (let t = 1; t < Nt; t += 1) c[t] < e && (e = c[t]);
+						for (let t = 1; t < Pt; 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 < Nt; e += 1) c[e] < c[u] && (u = e);
+				for (let e = 1; e < Pt; e += 1) c[e] < c[u] && (u = e);
 				s[u] = o, c[u] = l;
 				let d = c[0];
-				for (let e = 1; e < Nt; e += 1) c[e] < d && (d = c[e]);
+				for (let e = 1; e < Pt; e += 1) c[e] < d && (d = c[e]);
 				r[a] = d;
 			}
 		},
 		finalize: ({ gridRoot: n, currentWidths: r }) => {
-			let i = Ft();
+			let i = It();
 			if (!i || e.length === 0) return {};
-			let { cellFont: a, headerFont: o } = Lt(n), s = {};
+			let { cellFont: a, headerFont: o } = Rt(n), s = {};
 			for (let n = 0; n < e.length; n += 1) {
 				let c = e[n];
 				i.font = o;
-				let l = c.title || c.key, u = i.measureText(l).width + Ot + kt;
+				let l = c.title || c.key, u = i.measureText(l).width + K + kt;
 				i.font = a;
 				let d = 0, f = t[n];
 				for (let e = 0; e < f.length; e += 1) {
 					let t = i.measureText(f[e]).width;
 					t > d && (d = t);
 				}
-				let p = d > 0 ? d + Ot + Dt : 0, m = Math.ceil(Rt(Math.max(u, p), c.minWidth ?? jt, c.maxWidth ?? Mt));
+				let p = d > 0 ? d + K + G : 0, m = Math.ceil(q(Math.max(u, p), c.minWidth ?? Mt, c.maxWidth ?? Nt));
 				r[c.key] !== m && (s[c.key] = m);
 			}
 			return s;
 		}
 	};
 }
-function Vt() {
-	return Ft() !== null;
+function Ht() {
+	return It() !== null;
 }
 //#endregion
 //#region src/components/spreadsheet-grid/utils/scheduler.ts
-var Ht = () => new Promise((e) => {
+var Ut = () => new Promise((e) => {
 	if (typeof MessageChannel > "u") {
 		setTimeout(e, 0);
 		return;
@@ -1813,7 +1816,7 @@ var Ht = () => new Promise((e) => {
 	t.port1.onmessage = () => {
 		t.port1.close(), e();
 	}, t.port2.postMessage(null);
-}), Ut = 10, Wt = 180, Y = () => typeof performance < "u" ? performance.now() : Date.now(), Gt = ({ rowModelRef: e, gridRootRef: n, columnWidthsRef: i, dispatch: a }) => {
+}), Wt = 10, Gt = 180, Kt = () => typeof performance < "u" ? performance.now() : Date.now(), qt = ({ 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);
 	};
@@ -1822,22 +1825,22 @@ var Ht = () => new Promise((e) => {
 	}, []), {
 		isAutosizing: o,
 		runAutosize: t(async (t) => {
-			if (t.length === 0 || !Vt()) return;
+			if (t.length === 0 || !Ht()) return;
 			let r = u.current += 1;
 			f();
-			let o = e.current, s = o.getRowCount(), c = n.current, p = i.current, m = Bt(t);
+			let o = e.current, s = o.getRowCount(), c = n.current, p = i.current, m = Vt(t);
 			d.current = setTimeout(() => {
 				u.current === r && l(!0);
-			}, Wt);
+			}, Gt);
 			try {
 				let t = 0;
 				for (; t < s;) {
-					let n = Y();
-					for (; t < s && Y() - n < Ut;) {
+					let n = Kt();
+					for (; t < s && Kt() - n < Wt;) {
 						let e = o.getRow(t);
 						e && m.collect(e), t += 1;
 					}
-					if (t < s && (await Ht(), u.current !== r || e.current !== o)) return;
+					if (t < s && (await Ut(), u.current !== r || e.current !== o)) return;
 				}
 				let n = m.finalize({
 					gridRoot: c,
@@ -1854,7 +1857,7 @@ var Ht = () => new Promise((e) => {
 			e
 		])
 	};
-}, Kt = () => {
+}, Jt = () => {
 	let e = /* @__PURE__ */ new Set(), t = [];
 	return {
 		collect(n) {
@@ -1865,30 +1868,30 @@ var Ht = () => new Promise((e) => {
 			}));
 		},
 		finalize() {
-			return t.sort((e, t) => Ye.compare(e.label, t.label));
+			return t.sort((e, t) => Je.compare(e.label, t.label));
 		}
 	};
-}, qt = (e, t) => {
-	let n = Kt();
+}, J = (e, t) => {
+	let n = Jt();
 	for (let r = 0; r < e; r += 1) n.collect(t(r));
 	return n.finalize();
-}, Jt = 10, Yt = () => typeof performance < "u" ? performance.now() : Date.now(), Xt = [], Zt = /* @__PURE__ */ new Set(), Qt = {
+}, Yt = 10, Xt = () => typeof performance < "u" ? performance.now() : Date.now(), Zt = [], Qt = /* @__PURE__ */ new Set(), $t = {
 	status: "idle",
-	options: Xt,
-	allValues: Zt,
+	options: Zt,
+	allValues: Qt,
 	progress: 0
-}, $t = {
+}, Y = {
 	status: "collecting",
-	options: Xt,
-	allValues: Zt,
+	options: Zt,
+	allValues: Qt,
 	progress: 0
 }, en = (e) => new Set(e.map((e) => e.value)), tn = {
 	source: null,
 	rowCount: 0,
-	result: Qt
+	result: $t
 }, nn = ({ 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 $t;
 		if (s) {
 			let e = s;
 			return {
@@ -1899,7 +1902,7 @@ var Ht = () => new Promise((e) => {
 			};
 		}
 		if (!l) {
-			let e = qt(t, n);
+			let e = J(t, n);
 			return {
 				status: "ready",
 				options: e,
@@ -1918,21 +1921,21 @@ var Ht = () => new Promise((e) => {
 	]), [d, f] = c(tn);
 	r(() => {
 		if (u !== null) return;
-		let e = n, r = t, i = Kt(), a = !1;
+		let e = n, r = t, i = Jt(), a = !1;
 		return (async () => {
 			let t = 0;
 			for (; t < r;) {
-				let n = Yt();
-				for (; t < r && Yt() - n < Jt;) i.collect(e(t)), t += 1;
+				let n = Xt();
+				for (; t < r && Xt() - n < Yt;) i.collect(e(t)), t += 1;
 				if (t < r) {
-					if (await Ht(), a) return;
+					if (await Ut(), a) return;
 					f({
 						source: e,
 						rowCount: r,
 						result: {
 							status: "collecting",
-							options: Xt,
-							allValues: Zt,
+							options: Zt,
+							allValues: Qt,
 							progress: t / r
 						}
 					});
@@ -1958,12 +1961,12 @@ var Ht = () => 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 : Y;
 	return u ?? p;
 };
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideCache.ts
-function X(e) {
+function rn(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));
@@ -1995,22 +1998,22 @@ function X(e) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideBlocks.ts
-function rn(e, t) {
+function an(e, t) {
 	return Math.floor(e / t);
 }
-function an(e, t, n, r) {
+function on(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 = rn(i, n), s = rn(a - 1, n), c = [];
+	let o = an(i, n), s = an(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 on = 100, sn = 64, cn = 120;
-function ln(e) {
-	let { dataSource: n, rowKeyGetter: i, query: o, queryKey: l, refreshToken: u } = e, d = n?.blockSize ?? on, f = n?.maxCachedBlocks ?? sn, p = e.debounceMs ?? cn, [m] = c(() => X({
+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({
 		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({
@@ -2037,7 +2040,7 @@ function ln(e) {
 		n,
 		o
 	]), T = t(() => {
-		let { start: e, end: t } = C.current, n = an(e, t, d, y.current), r = new Set(n);
+		let { start: e, end: t } = C.current, n = on(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(() => {
@@ -2048,7 +2051,7 @@ function ln(e) {
 		n != null && (C.current = {
 			start: e,
 			end: t
-		}, m.touchBlocks(an(e, t, d, y.current)), E());
+		}, m.touchBlocks(on(e, t, d, y.current)), E());
 	}, [
 		m,
 		d,
@@ -2106,7 +2109,7 @@ function ln(e) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideQuery.ts
-var un = (e) => {
+var dn = (e) => {
 	let t = {}, n = e.globalText.trim();
 	n.length > 0 && (t.globalText = n);
 	let r = {}, i = !1;
@@ -2115,27 +2118,27 @@ var un = (e) => {
 		F(n) && (r[t] = n, i = !0);
 	}
 	return i && (t.columnFilters = r), e.sort.length > 0 && (t.sort = e.sort), t;
-}, dn = (e) => {
+}, fn = (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
 	});
-}, fn = (e, t) => e === null ? !0 : e.mode === "include" ? e.values.has(t) : !e.values.has(t), pn = 28;
-function mn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i, onSelectAllChange: o, onRequestClose: p, isServerSide: m }) {
+}, pn = (e, t) => e === null ? !0 : e.mode === "include" ? e.values.has(t) : !e.values.has(t), mn = 28;
+function hn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i, onSelectAllChange: o, onRequestClose: p, isServerSide: m }) {
 	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: () => pn,
+		estimateSize: () => mn,
 		overscan: 10
 	}), S = a(() => {
 		if (t === null) return v.length;
 		let e = 0;
-		for (let n of v) fn(t, n.value) && (e += 1);
+		for (let n of v) pn(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: [
@@ -2178,7 +2181,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 = fn(t, n.value);
+					let r = pn(t, n.value);
 					return /* @__PURE__ */ f("label", {
 						className: "ssg-filter-option",
 						style: {
@@ -2210,7 +2213,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 gn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueText: i, layout: a, selectOptions: o, optionsStatus: s, optionsProgress: c, setSelection: l, popoverRef: m, textInputRef: h, selectRef: g, onRequestClose: _, onDraftChange: v, onApply: y, onClear: b, onSetValueToggle: x, onSetSelectAllChange: S, onSetClear: C, isServerSide: w = !1 }) {
 	if (typeof document > "u" || !e || !a) return null;
 	let T = {
 		top: a.top,
@@ -2242,7 +2245,7 @@ function hn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueTex
 					Math.round(c * 100),
 					"%"
 				]
-			}) : O ? /* @__PURE__ */ d(mn, {
+			}) : O ? /* @__PURE__ */ d(hn, {
 				options: o,
 				setSelection: l,
 				searchInputRef: h,
@@ -2357,39 +2360,39 @@ function hn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueTex
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/DefaultGridBottomBar.tsx
-function gn({ context: e }) {
-	let { derivedSummary: t } = e;
+function _n({ context: e, showCounts: t = !0 }) {
+	let { derivedSummary: n } = e;
 	return /* @__PURE__ */ d("div", {
 		className: "ssg-bar--bottom",
 		children: /* @__PURE__ */ f("div", {
 			className: "ssg-bar-container",
-			children: [/* @__PURE__ */ f("div", {
+			children: [t ? /* @__PURE__ */ f("div", {
 				className: "ssg-bar-group",
 				children: [/* @__PURE__ */ d("span", {
 					className: "ssg-bar-chip",
-					children: t.rowSummaryText
+					children: n.rowSummaryText
 				}), /* @__PURE__ */ d("span", {
 					className: "ssg-bar-chip",
-					children: t.columnSummaryText
+					children: n.columnSummaryText
 				})]
-			}), /* @__PURE__ */ f("div", {
+			}) : null, /* @__PURE__ */ f("div", {
 				className: "ssg-bar-group",
 				children: [
 					/* @__PURE__ */ f("span", {
 						className: "ssg-bar-chip",
-						children: ["Active: ", t.activeCellLabel]
+						children: ["Active: ", n.activeCellLabel]
 					}),
 					/* @__PURE__ */ f("span", {
 						className: "ssg-bar-chip",
-						children: ["Selection: ", t.selectionLabel]
+						children: ["Selection: ", n.selectionLabel]
 					}),
 					/* @__PURE__ */ d("span", {
 						className: "ssg-bar-chip",
-						children: t.selectionStatsText
+						children: n.selectionStatsText
 					}),
 					/* @__PURE__ */ f("span", {
 						className: "ssg-bar-chip",
-						children: ["Cols: ", t.selectionStats.selectedColumnCount]
+						children: ["Cols: ", n.selectionStats.selectedColumnCount]
 					})
 				]
 			})]
@@ -2398,37 +2401,36 @@ function gn({ context: e }) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/DefaultGridTopBar.tsx
-function _n({ context: e }) {
-	let { derivedSummary: t } = e;
+function vn({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r = !0 }) {
+	let { derivedSummary: i } = e;
 	return /* @__PURE__ */ d("div", {
 		className: "ssg-bar--top",
 		children: /* @__PURE__ */ f("div", {
 			className: "ssg-bar-container",
-			children: [/* @__PURE__ */ f("div", {
+			children: [t ? /* @__PURE__ */ f("div", {
 				className: "ssg-bar-group ssg-bar-leading",
 				children: [
 					/* @__PURE__ */ d("span", {
 						className: "ssg-bar-title",
 						children: "Toolbar"
 					}),
-					/* @__PURE__ */ d("span", {
+					r ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
 						className: "ssg-bar-chip ssg-bar-chip--emphasis",
-						children: t.rowSummaryText
-					}),
-					/* @__PURE__ */ d("span", {
+						children: i.rowSummaryText
+					}), /* @__PURE__ */ d("span", {
 						className: "ssg-bar-chip ssg-bar-chip--emphasis",
-						children: t.columnSummaryText
-					}),
+						children: i.columnSummaryText
+					})] }) : null,
 					/* @__PURE__ */ d("span", {
 						className: "ssg-bar-chip ssg-bar-chip--emphasis",
-						children: t.filterSummaryText
+						children: i.filterSummaryText
 					}),
 					/* @__PURE__ */ d("span", {
 						className: "ssg-bar-chip ssg-bar-chip--emphasis",
-						children: t.sortSummaryText
+						children: i.sortSummaryText
 					})
 				]
-			}), /* @__PURE__ */ f("div", {
+			}) : null, n ? /* @__PURE__ */ f("div", {
 				className: "ssg-bar-input-group",
 				children: [/* @__PURE__ */ d("input", {
 					type: "text",
@@ -2442,13 +2444,13 @@ function _n({ context: e }) {
 					className: "ssg-bar-clear-btn",
 					children: "クリア"
 				}) : null]
-			})]
+			}) : null]
 		})
 	});
 }
 //#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 X({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i, row: a, top: o, renderEntries: s, rowHeight: c, autoHeight: l, autoHeightMinHeight: u, rowHeaderCellStyle: p, isRowHovered: h, isWholeGridSelected: g, isRowSelected: _, activeColInRow: v, editingColInRow: y, selectedColStart: b, selectedColEnd: x, readOnly: S, canEditCell: C, onRowHeaderPointerDown: w, onRowHeaderPointerEnter: T, onRowHeaderPointerLeave: E, onCellPointerDown: D, onCellPointerEnter: O, onCellDoubleClick: k, renderCellContent: M, rowClassName: N, bodyCellClassName: P, bodyRowClassName: F, rowHeaderCellClassName: I }) {
 	return /* @__PURE__ */ f("div", {
 		"data-pane": e,
 		"data-row-index": r,
@@ -2517,7 +2519,7 @@ function vn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i
 		})]
 	});
 }
-var yn = e(vn), bn = [
+var yn = e(X), bn = [
 	"62%",
 	"46%",
 	"78%",
@@ -2649,7 +2651,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, onColumnFilterButtonPointerDown: D, onColumnResizePointerDown: O, enableColumnMenu: k, openedMenuColumnKey: A, onColumnMenuButtonPointerDown: j, onColumnHeaderContextMenu: M, onColumnDragHandlePointerDown: N }) {
+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 }) {
 	return /* @__PURE__ */ f("div", {
 		"data-pane": e,
 		className: m("ssg-header-row", a),
@@ -2667,12 +2669,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 = A === i.key, S = k;
+			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;
 			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) => M(i, e),
+				onContextMenu: (e) => j(i, e),
 				className: m("ssg-header-cell", (l || u) && "ssg-header-cell--selected", g === t && "ssg-header-cell--hovered", o),
 				style: {
 					left: a,
@@ -2681,103 +2684,99 @@ function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
 					height: r
 				},
 				children: [
-					N && /* @__PURE__ */ d("span", {
-						onPointerDown: (e) => N(i, e),
-						title: "ドラッグで列を移動",
-						"aria-hidden": "true",
-						className: "ssg-header-grip",
-						children: /* @__PURE__ */ f("svg", {
-							width: "8",
-							height: "14",
-							viewBox: "0 0 8 14",
-							fill: "currentColor",
+					/* @__PURE__ */ d("div", {
+						className: m("ssg-header-label", c && "ssg-header-label--filtered"),
+						title: i.renderHeader ? void 0 : i.title || i.key,
+						children: i.renderHeader ? i.renderHeader({
+							colIndex: t,
+							width: s,
+							column: i,
+							filterValue: v[i.key],
+							isFiltered: c
+						}) : i.title || i.key
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "ssg-header-status",
+						children: [h && /* @__PURE__ */ f("span", {
 							"aria-hidden": "true",
-							focusable: "false",
-							children: [
-								/* @__PURE__ */ d("circle", {
-									cx: "2",
-									cy: "3",
-									r: "1"
-								}),
-								/* @__PURE__ */ d("circle", {
-									cx: "6",
-									cy: "3",
-									r: "1"
-								}),
-								/* @__PURE__ */ d("circle", {
-									cx: "2",
-									cy: "7",
-									r: "1"
-								}),
-								/* @__PURE__ */ d("circle", {
-									cx: "6",
-									cy: "7",
-									r: "1"
-								}),
-								/* @__PURE__ */ d("circle", {
-									cx: "2",
-									cy: "11",
-									r: "1"
-								}),
-								/* @__PURE__ */ d("circle", {
-									cx: "6",
-									cy: "11",
-									r: "1"
-								})
-							]
-						})
+							title: (h.direction === "asc" ? "昇順で並び替え中" : "降順で並び替え中") + (y.length > 1 ? ` (優先度 ${p + 1})` : ""),
+							className: "ssg-header-sort",
+							children: [h.direction === "asc" ? "↑" : "↓", y.length > 1 && /* @__PURE__ */ d("span", {
+								className: "ssg-header-sort-priority",
+								children: p + 1
+							})]
+						}), c && /* @__PURE__ */ d("span", {
+							"aria-hidden": "true",
+							title: "フィルター適用中",
+							className: "ssg-header-filtered-mark",
+							children: /* @__PURE__ */ d("svg", {
+								width: "11",
+								height: "11",
+								viewBox: "0 0 16 16",
+								fill: "currentColor",
+								"aria-hidden": "true",
+								focusable: "false",
+								children: /* @__PURE__ */ d("path", { d: "M2 4 L14 4 L9.2 9.2 L9.2 13 L6.8 13 L6.8 9.2 Z" })
+							})
+						})]
 					}),
 					/* @__PURE__ */ f("div", {
-						className: "ssg-header-label-row",
-						children: [
-							/* @__PURE__ */ d("div", {
-								className: m("ssg-header-label", c && "ssg-header-label--filtered"),
-								children: i.renderHeader ? i.renderHeader({
-									colIndex: t,
-									width: s,
-									column: i,
-									filterValue: v[i.key],
-									isFiltered: c
-								}) : i.title || i.key
-							}),
-							h && /* @__PURE__ */ f("span", {
+						className: "ssg-header-actions",
+						children: [M && /* @__PURE__ */ d("span", {
+							onPointerDown: (e) => M(i, e),
+							title: "ドラッグで列を移動",
+							"aria-hidden": "true",
+							className: "ssg-header-grip",
+							children: /* @__PURE__ */ f("svg", {
+								width: "8",
+								height: "14",
+								viewBox: "0 0 8 14",
+								fill: "currentColor",
 								"aria-hidden": "true",
-								title: (h.direction === "asc" ? "昇順で並び替え中" : "降順で並び替え中") + (y.length > 1 ? ` (優先度 ${p + 1})` : ""),
-								className: "ssg-header-sort",
-								children: [h.direction === "asc" ? "↑" : "↓", y.length > 1 && /* @__PURE__ */ d("span", {
-									className: "ssg-header-sort-priority",
-									children: p + 1
-								})]
-							}),
-							/* @__PURE__ */ d(wn, {
-								title: "列フィルター",
-								isActive: c,
-								className: b,
-								onPointerDown: (e) => D(i, e),
-								children: /* @__PURE__ */ d("svg", {
-									width: "12",
-									height: "12",
-									viewBox: "0 0 16 16",
-									fill: c ? "currentColor" : "none",
-									stroke: "currentColor",
-									strokeWidth: c ? 0 : 1.4,
-									strokeLinejoin: "round",
-									"aria-hidden": "true",
-									focusable: "false",
-									children: /* @__PURE__ */ d("path", { d: "M2 4 L14 4 L9.2 9.2 L9.2 13 L6.8 13 L6.8 9.2 Z" })
-								})
-							}),
-							S && /* @__PURE__ */ d(wn, {
-								title: "列メニュー",
-								isActive: x,
-								className: b,
-								onPointerDown: (e) => j(i, e),
-								children: "⋮"
+								focusable: "false",
+								children: [
+									/* @__PURE__ */ d("circle", {
+										cx: "2",
+										cy: "3",
+										r: "1"
+									}),
+									/* @__PURE__ */ d("circle", {
+										cx: "6",
+										cy: "3",
+										r: "1"
+									}),
+									/* @__PURE__ */ d("circle", {
+										cx: "2",
+										cy: "7",
+										r: "1"
+									}),
+									/* @__PURE__ */ d("circle", {
+										cx: "6",
+										cy: "7",
+										r: "1"
+									}),
+									/* @__PURE__ */ d("circle", {
+										cx: "2",
+										cy: "11",
+										r: "1"
+									}),
+									/* @__PURE__ */ d("circle", {
+										cx: "6",
+										cy: "11",
+										r: "1"
+									})
+								]
 							})
-						]
+						}), S && /* @__PURE__ */ d(wn, {
+							title: "列メニュー",
+							isActive: x,
+							className: b,
+							onPointerDown: (e) => A(i, e),
+							children: "⋮"
+						})]
 					}),
 					/* @__PURE__ */ d("div", {
-						onPointerDown: (e) => O(i, e),
+						onPointerDown: (e) => D(i, e),
 						className: "ssg-header-resize"
 					})
 				]
@@ -2897,26 +2896,26 @@ var En = e(Tn), Dn = 200, On = 8, kn = 6, An = 289, jn = ({ visibleColumns: e, e
 		label: "右に固定"
 	}
 ], Nn = 180, Pn = 4, Fn = 8, In = "pin";
-function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, onSortChange: o, onOpenSortManager: s, pinned: l, canChangePinned: h, layout: g, popoverRef: _, onPinnedChange: v, onAutosizeColumn: y, onAutosizeAllColumns: b, onOpenColumnChooser: x, canResetColumns: S, onResetColumns: C, onRequestClose: w }) {
-	let [T, E] = c(null);
+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 }) {
+	let [D, O] = c(null);
 	if (r(() => {
-		E(null);
-	}, [n, e]), !e || !g) return null;
-	let D = T === In, O = g.left + g.width + Pn + Nn > window.innerWidth - Fn, k = {
+		O(null);
+	}, [n, e]), !e || !v) return null;
+	let k = D === In, A = v.left + v.width + Pn + Nn > window.innerWidth - Fn, j = {
 		position: "fixed",
-		top: g.top,
-		left: g.left,
-		width: g.width,
+		top: v.top,
+		left: v.left,
+		width: v.width,
 		zIndex: 1e3
-	}, A = {
+	}, M = {
 		position: "absolute",
 		top: -9,
-		...O ? { right: `calc(100% + ${Pn}px)` } : { left: `calc(100% + ${Pn}px)` },
+		...A ? { right: `calc(100% + ${Pn}px)` } : { left: `calc(100% + ${Pn}px)` },
 		width: Nn,
 		zIndex: 1
 	};
 	return p(/* @__PURE__ */ f("div", {
-		ref: _,
+		ref: y,
 		onPointerDown: (e) => {
 			e.stopPropagation();
 		},
@@ -2927,54 +2926,68 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
 			e.preventDefault();
 		},
 		className: "ssg-menu-panel",
-		style: k,
+		style: j,
 		children: [
 			/* @__PURE__ */ d("div", {
 				className: "ssg-menu-title",
 				children: t
 			}),
-			i && /* @__PURE__ */ f(u, { children: [
+			i && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("button", {
+				type: "button",
+				onPointerEnter: () => {
+					O(null);
+				},
+				onClick: () => {
+					a();
+				},
+				className: "ssg-menu-item",
+				children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
+					className: "ssg-menu-label",
+					children: "フィルター…"
+				})]
+			}), /* @__PURE__ */ d("div", { className: "ssg-menu-separator" })] }),
+			o && /* @__PURE__ */ f(u, { children: [
 				/* @__PURE__ */ f("button", {
 					type: "button",
 					onPointerEnter: () => {
-						E(null);
+						O(null);
 					},
 					onClick: () => {
-						o("asc");
+						l("asc");
 					},
 					className: "ssg-menu-item",
 					children: [/* @__PURE__ */ d("span", {
-						className: m("ssg-menu-sort-icon", a === "asc" && "ssg-menu-sort-icon--active"),
-						children: a === "asc" ? "✓" : "↑"
+						className: m("ssg-menu-sort-icon", s === "asc" && "ssg-menu-sort-icon--active"),
+						children: s === "asc" ? "✓" : "↑"
 					}), /* @__PURE__ */ d("span", {
-						className: m("ssg-menu-label", a === "asc" && "ssg-menu-label--sorted"),
+						className: m("ssg-menu-label", s === "asc" && "ssg-menu-label--sorted"),
 						children: "昇順で並び替え"
 					})]
 				}),
 				/* @__PURE__ */ f("button", {
 					type: "button",
 					onPointerEnter: () => {
-						E(null);
+						O(null);
 					},
 					onClick: () => {
-						o("desc");
+						l("desc");
 					},
 					className: "ssg-menu-item",
 					children: [/* @__PURE__ */ d("span", {
-						className: m("ssg-menu-sort-icon", a === "desc" && "ssg-menu-sort-icon--active"),
-						children: a === "desc" ? "✓" : "↓"
+						className: m("ssg-menu-sort-icon", s === "desc" && "ssg-menu-sort-icon--active"),
+						children: s === "desc" ? "✓" : "↓"
 					}), /* @__PURE__ */ d("span", {
-						className: m("ssg-menu-label", a === "desc" && "ssg-menu-label--sorted"),
+						className: m("ssg-menu-label", s === "desc" && "ssg-menu-label--sorted"),
 						children: "降順で並び替え"
 					})]
 				}),
 				/* @__PURE__ */ f("button", {
 					type: "button",
 					onPointerEnter: () => {
-						E(null);
+						O(null);
 					},
 					onClick: () => {
-						s();
+						h();
 					},
 					className: "ssg-menu-item",
 					children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
@@ -2989,12 +3002,12 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
 				children: [/* @__PURE__ */ f("button", {
 					type: "button",
 					onPointerEnter: () => {
-						E(In);
+						O(In);
 					},
 					onClick: () => {
-						E((e) => e === In ? null : In);
+						O((e) => e === In ? null : In);
 					},
-					className: m("ssg-menu-item", D && "ssg-menu-item--active"),
+					className: m("ssg-menu-item", k && "ssg-menu-item--active"),
 					children: [
 						/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }),
 						/* @__PURE__ */ d("span", {
@@ -3006,16 +3019,16 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
 							children: "›"
 						})
 					]
-				}), D && /* @__PURE__ */ f("div", {
+				}), k && /* @__PURE__ */ f("div", {
 					className: "ssg-menu-panel",
-					style: A,
+					style: M,
 					children: [Mn.map((e) => {
-						let t = l === e.value;
+						let t = g === e.value;
 						return /* @__PURE__ */ f("button", {
 							type: "button",
-							disabled: !h,
+							disabled: !_,
 							onClick: () => {
-								h && v(n, e.value);
+								_ && b(n, e.value);
 							},
 							className: "ssg-menu-item",
 							children: [/* @__PURE__ */ d("span", {
@@ -3026,7 +3039,7 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
 								children: e.label
 							})]
 						}, e.label);
-					}), !h && /* @__PURE__ */ d("div", {
+					}), !_ && /* @__PURE__ */ d("div", {
 						className: "ssg-menu-note",
 						children: "onColumnsChange 未指定のため固定状態を変更できません"
 					})]
@@ -3035,10 +3048,10 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
 			/* @__PURE__ */ f("button", {
 				type: "button",
 				onPointerEnter: () => {
-					E(null);
+					O(null);
 				},
 				onClick: () => {
-					y(n);
+					x(n);
 				},
 				className: "ssg-menu-item",
 				children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
@@ -3049,10 +3062,10 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
 			/* @__PURE__ */ f("button", {
 				type: "button",
 				onPointerEnter: () => {
-					E(null);
+					O(null);
 				},
 				onClick: () => {
-					b();
+					S();
 				},
 				className: "ssg-menu-item",
 				children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
@@ -3063,10 +3076,10 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
 			/* @__PURE__ */ f("button", {
 				type: "button",
 				onPointerEnter: () => {
-					E(null);
+					O(null);
 				},
 				onClick: () => {
-					x();
+					C();
 				},
 				className: "ssg-menu-item",
 				children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
@@ -3076,16 +3089,16 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
 			}),
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				"aria-disabled": !S,
-				tabIndex: S ? 0 : -1,
-				title: S ? "すべての列の幅・固定・表示を初期状態に戻します" : "onColumnsChange 未指定のため列をリセットできません",
+				"aria-disabled": !w,
+				tabIndex: w ? 0 : -1,
+				title: w ? "すべての列の幅・固定・表示を初期状態に戻します" : "onColumnsChange 未指定のため列をリセットできません",
 				onPointerEnter: () => {
-					E(null);
+					O(null);
 				},
 				onClick: () => {
-					S && C();
+					w && T();
 				},
-				className: m("ssg-menu-item", !S && "ssg-menu-item--disabled"),
+				className: m("ssg-menu-item", !w && "ssg-menu-item--disabled"),
 				children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
 					className: "ssg-menu-label",
 					children: "列のリセット"
@@ -3095,7 +3108,7 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
 				className: "ssg-menu-footer",
 				children: /* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: w,
+					onClick: E,
 					className: "ssg-menu-close-btn",
 					children: "閉じる"
 				})
@@ -3162,12 +3175,12 @@ var Rn = 280, zn = 8, Bn = 12, Vn = ({ enableColumnMenu: e, gridRootRef: n }) =>
 	"left",
 	"center",
 	"right"
-], Z = {
+], Gn = {
 	left: "左固定",
 	center: "固定なし",
 	right: "右固定"
 };
-function Gn(e, t, n) {
+function Kn(e, t, n) {
 	let r = e.find((e) => e.key === t);
 	if (!r) return null;
 	let i = r.pane, a = {
@@ -3187,7 +3200,7 @@ function Gn(e, t, n) {
 		...a.right
 	];
 }
-function Kn({ state: e, disabled: t }) {
+function qn({ 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,
@@ -3206,7 +3219,7 @@ function Kn({ state: e, disabled: t }) {
 		}), e === "indeterminate" && /* @__PURE__ */ d("span", { className: "ssg-checkbox-dash" })]
 	});
 }
-function qn({ disabled: e }) {
+function Jn({ disabled: e }) {
 	return /* @__PURE__ */ d("svg", {
 		width: "10",
 		height: "16",
@@ -3224,7 +3237,7 @@ function qn({ disabled: e }) {
 		}, `${t}-${e}`)))
 	});
 }
-function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggleColumnVisibility: u, onShowAllColumns: h, onResetColumns: g, onReorderColumns: _, onRequestClose: v }) {
+function Yn({ 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) {
@@ -3277,7 +3290,7 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 		L.current !== null && (cancelAnimationFrame(L.current), L.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 = Gn(n, t, r);
+			let e = Kn(n, t, r);
 			e && _(e);
 		}
 	}, [
@@ -3313,12 +3326,12 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 		e.stopPropagation();
 	}, le = () => {
 		i && (C || h());
-	}, ue = A === null ? null : n.find((e) => e.key === A)?.pane ?? null, de = (e, t, n) => {
+	}, z = A === null ? null : n.find((e) => e.key === A)?.pane ?? null, ue = (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 && ue === n && P === t && "ssg-chooser-row--drop-before", o && "ssg-chooser-row--dragging"),
+			className: m("ssg-chooser-row", A !== null && z === n && P === t && "ssg-chooser-row--drop-before", o && "ssg-chooser-row--dragging"),
 			children: [/* @__PURE__ */ d("span", {
 				role: "button",
 				"aria-label": "ドラッグして並べ替え",
@@ -3328,7 +3341,7 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 				onPointerUp: ae,
 				onPointerCancel: R,
 				className: m("ssg-chooser-handle", !O && "ssg-chooser-handle--disabled", o && "ssg-chooser-handle--dragging"),
-				children: /* @__PURE__ */ d(qn, { disabled: !O })
+				children: /* @__PURE__ */ d(Jn, { disabled: !O })
 			}), /* @__PURE__ */ f("button", {
 				type: "button",
 				disabled: a,
@@ -3336,7 +3349,7 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 					a || u(e.key, !e.visible);
 				},
 				className: "ssg-chooser-toggle",
-				children: [/* @__PURE__ */ d(Kn, {
+				children: [/* @__PURE__ */ d(qn, {
 					state: e.visible ? "checked" : "unchecked",
 					disabled: a
 				}), /* @__PURE__ */ d("span", {
@@ -3378,7 +3391,7 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 					"aria-label": "すべての列を表示",
 					title: "すべての列を表示",
 					className: "ssg-chooser-master-btn",
-					children: /* @__PURE__ */ d(Kn, {
+					children: /* @__PURE__ */ d(qn, {
 						state: w,
 						disabled: !i
 					})
@@ -3409,10 +3422,10 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 					children: [
 						D && /* @__PURE__ */ d("div", {
 							className: "ssg-chooser-section-heading",
-							children: Z[e.pane]
+							children: Gn[e.pane]
 						}),
-						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.items.map((t, n) => ue(t, n, e.pane)),
+						A !== null && z === e.pane && P === e.items.length && /* @__PURE__ */ d("div", { className: "ssg-chooser-drop-end" })
 					]
 				}, e.pane))
 			}),
@@ -3437,18 +3450,18 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 }
 //#endregion
 //#region src/components/spreadsheet-grid/hooks/useSortManagementController.ts
-var Q = 320, Yn = 8, Xn = 12, Zn = ({ enableSorting: e, gridRootRef: n }) => {
+var Xn = 320, Zn = 8, Qn = 12, $n = ({ 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 - Q - Xn, i = t.top + Xn;
-		r = Math.max(Yn, r), r = Math.min(r, window.innerWidth - Q - Yn), i = Math.max(Yn, i), l((e) => e && e.top === i && e.left === r && e.width === Q ? e : {
+		let t = e.getBoundingClientRect(), r = t.right - Xn - Qn, i = t.top + Qn;
+		r = Math.max(Zn, r), r = Math.min(r, window.innerWidth - Xn - Zn), i = Math.max(Zn, i), l((e) => e && e.top === i && e.left === r && e.width === Xn ? e : {
 			top: i,
 			left: r,
-			width: Q
+			width: Xn
 		});
 	}, [n]), f = t(() => {
 		e && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), n.current?.blur(), a(!0));
@@ -3493,7 +3506,7 @@ var Q = 320, Yn = 8, Xn = 12, Zn = ({ enableSorting: e, gridRootRef: n }) => {
 };
 //#endregion
 //#region src/components/spreadsheet-grid/view/SortManagementPanel.tsx
-function Qn({ disabled: e }) {
+function er({ disabled: e }) {
 	return /* @__PURE__ */ d("svg", {
 		width: "10",
 		height: "16",
@@ -3511,7 +3524,7 @@ function Qn({ disabled: e }) {
 		}, `${t}-${e}`)))
 	});
 }
-function $n({ 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 tr({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef: u, onAddLevel: h, onChangeDirection: g, onChangeColumn: _, onRemoveLevel: v, onClearAll: y, onMove: b, onRequestClose: x }) {
 	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;
@@ -3602,7 +3615,7 @@ function $n({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 								onPointerUp: L,
 								onPointerCancel: ee,
 								className: m("ssg-sort-handle", !T && "ssg-sort-handle--disabled", s && "ssg-sort-handle--dragging"),
-								children: /* @__PURE__ */ d(Qn, { disabled: !T })
+								children: /* @__PURE__ */ d(er, { disabled: !T })
 							}),
 							/* @__PURE__ */ d("span", {
 								"aria-hidden": !0,
@@ -3681,72 +3694,72 @@ function $n({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 }
 //#endregion
 //#region src/components/spreadsheet-grid/SpreadsheetGrid.tsx
-var er = (e, t) => {
+var nr = (e, t) => {
 	let n = new Set(e);
 	return n.add(t), n;
-}, tr = (e, t) => {
+}, rr = (e, t) => {
 	let n = new Set(e);
 	return n.delete(t), n;
-}, nr = (e, t) => {
+}, ir = (e, t) => {
 	let n = new Set(e);
 	for (let e of t) n.add(e);
 	return n;
-}, rr = (e, t) => {
+}, ar = (e, t) => {
 	let n = new Set(e);
 	for (let e of t) n.delete(e);
 	return n;
-}, ir = [], ar = {}, or = {}, sr = [], cr = 300;
-function lr({ rows: e = ir, 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: se = !1, canEditCell: ce, enableRangeSelection: ue = !0, enableGlobalFilter: he = !0, enableColumnFilter: _e = !0, enableSorting: z = !0, enableRowHover: ye = !0, enableColumnHeaderHover: be = !0, enableColumnMenu: xe = !0, noMatchingRowsText: Se = "一致する行がありません", noRowsText: Ce = "表示する行がありません", renderTopBar: De, renderBottomBar: Oe, className: ke, classNames: B, getRowClassName: Me }) {
-	let Ne = s(null), Pe = s(null), Fe = s(null), Ie = s(null), Le = s(!1), Re = s(null), ze = s(null), Be = s(null), [Ve, He] = c(""), [Ue, Ke] = c(!1), [qe, Ye] = c(null), [Xe, ot] = c(null), V = a(() => g.filter((e) => e.visible !== !1), [g]), H = a(() => pe(V), [V]), lt = a(() => y ?? ((e, t) => t), [y]), U = u != null, mt = z, ht = _e, gt = he, [W, G] = o(x, V, b), _t = s(W.columnWidths);
-	_t.current = W.columnWidths;
-	let vt = s(null);
-	vt.current === null && (vt.current = new Map(g.map((e) => [e.key, {
+}, or = [], sr = {}, cr = {}, lr = [], ur = 300;
+function Z({ rows: e = or, dataSource: u, serverSideRefreshToken: p, columns: g, onRowsChange: _, onColumnsChange: v, rowKeyGetter: y, createRow: T, createOverflowColumn: F, rowHeight: I = 36, autoHeight: ne = !1, estimateRowHeight: ae, headerHeight: R = 40, rowHeaderWidth: oe = 56, height: se, maxHeight: ce, readOnly: z = !1, canEditCell: me, enableRangeSelection: ge = !0, enableGlobalFilter: _e = !0, enableColumnFilter: ye = !0, enableSorting: B = !0, enableRowHover: be = !0, enableColumnHeaderHover: xe = !0, enableColumnMenu: Se = !0, noMatchingRowsText: Ee = "一致する行がありません", noRowsText: De = "表示する行がありません", showTopBar: Oe = !0, showBottomBar: Ae = !0, showTopBarSummary: Me = !0, showTopBarFilter: Ne = !0, showTopBarCounts: Pe = !0, showBottomBarCounts: Fe = !0, renderTopBar: Ie, renderBottomBar: Le, className: Re, classNames: V, getRowClassName: ze }) {
+	let Be = s(null), Ve = s(null), He = s(null), Ge = s(null), Ke = s(!1), Je = s(null), Ye = s(null), at = s(null), [ct, lt] = c(""), [ut, ht] = c(!1), [gt, _t] = c(null), [vt, yt] = c(null), H = a(() => g.filter((e) => e.visible !== !1), [g]), bt = a(() => fe(H), [H]), xt = a(() => y ?? ((e, t) => t), [y]), U = u != null, St = B, W = ye, Dt = _e, [G, K] = o(x, H, b), kt = s(G.columnWidths);
+	kt.current = G.columnWidths;
+	let At = s(null);
+	At.current === null && (At.current = new Map(g.map((e) => [e.key, {
 		width: e.width,
 		pinned: e.pinned,
 		visible: e.visible
 	}])));
-	let yt = a(() => E(W.selection), [W.selection]), bt = a(() => me(H), [H]), K = ge(bt.left, W.columnWidths), Tt = ge(bt.center, W.columnWidths), Dt = ge(bt.right, W.columnWidths), Ot = a(() => ve("left", bt.left, K), [bt.left, K]), kt = a(() => ve("center", bt.center, Tt), [bt.center, Tt]), At = a(() => ve("right", bt.right, Dt), [bt.right, Dt]), q = a(() => ({
-		left: Ot,
-		center: kt,
-		right: At
+	let jt = a(() => E(G.selection), [G.selection]), Mt = a(() => pe(bt), [bt]), Nt = he(Mt.left, G.columnWidths), Pt = he(Mt.center, G.columnWidths), Ft = he(Mt.right, G.columnWidths), It = a(() => ve("left", Mt.left, Nt), [Mt.left, Nt]), Lt = a(() => ve("center", Mt.center, Pt), [Mt.center, Pt]), Rt = a(() => ve("right", Mt.right, Ft), [Mt.right, Ft]), q = a(() => ({
+		left: It,
+		center: Lt,
+		right: Rt
 	}), [
-		Ot,
-		kt,
-		At
-	]), jt = q.left.entries.length > 0, Mt = q.right.entries.length > 0, Nt = !jt, Pt = oe, Ft = Nt ? oe : 0, It = jt ? Pt + q.left.totalWidth : 0, Lt = q.right.totalWidth, Rt = Ft + q.center.totalWidth, zt = It + Rt + Lt, { filterPopoverState: J, filterPopoverLayout: Bt, filterPopoverRef: Vt, filterTextInputRef: Ht, filterSelectRef: Ut, isFilterPopoverOpen: Wt, openedFilterColumn: Y, openColumnFilterPopover: Kt, closeColumnFilterPopover: qt, updateFilterPopoverDraft: Jt } = le({
-		visibleColumns: V,
-		columnFilterValues: W.filters.columnFilters,
-		enableColumnFilter: ht,
-		gridRootRef: Ne
-	}), { columnMenuLayout: Yt, columnMenuRef: Xt, isColumnMenuOpen: Zt, openedMenuColumnKey: Qt, openedMenuColumn: $t, openColumnMenuFromButton: en, openColumnMenuFromContextMenu: tn, closeColumnMenu: X } = jn({
-		visibleColumns: V,
-		enableColumnMenu: xe,
-		gridRootRef: Ne
-	}), { isColumnChooserOpen: rn, columnChooserLayout: an, columnChooserRef: on, openColumnChooser: sn, closeColumnChooser: cn } = Vn({
-		enableColumnMenu: xe,
-		gridRootRef: Ne
-	}), { isSortManagerOpen: pn, sortManagerLayout: mn, sortManagerRef: vn, openSortManager: yn, closeSortManager: bn } = Zn({
-		enableSorting: mt,
-		gridRootRef: Ne
+		It,
+		Lt,
+		Rt
+	]), zt = q.left.entries.length > 0, Bt = q.right.entries.length > 0, Vt = !zt, Ht = oe, Ut = Vt ? oe : 0, Wt = zt ? Ht + q.left.totalWidth : 0, Gt = q.right.totalWidth, Kt = Ut + q.center.totalWidth, Jt = Wt + Kt + Gt, { filterPopoverState: J, filterPopoverLayout: Yt, filterPopoverRef: Xt, filterTextInputRef: Zt, filterSelectRef: Qt, isFilterPopoverOpen: $t, openedFilterColumn: Y, openColumnFilterPopover: en, closeColumnFilterPopover: tn, updateFilterPopoverDraft: rn } = le({
+		visibleColumns: H,
+		columnFilterValues: G.filters.columnFilters,
+		enableColumnFilter: W,
+		gridRootRef: Be
+	}), { columnMenuLayout: an, columnMenuRef: on, isColumnMenuOpen: sn, openedMenuColumnKey: cn, openedMenuColumn: ln, openColumnMenuFromButton: mn, openColumnMenuFromContextMenu: hn, closeColumnMenu: X } = jn({
+		visibleColumns: H,
+		enableColumnMenu: Se,
+		gridRootRef: Be
+	}), { isColumnChooserOpen: yn, columnChooserLayout: bn, columnChooserRef: xn, openColumnChooser: Sn, closeColumnChooser: wn } = Vn({
+		enableColumnMenu: Se,
+		gridRootRef: Be
+	}), { isSortManagerOpen: Tn, sortManagerLayout: Dn, sortManagerRef: On, openSortManager: kn, closeSortManager: An } = $n({
+		enableSorting: St,
+		gridRootRef: Be
 	});
 	r(() => {
-		let e = V.reduce((e, t) => (e[t.key] = t.width, e), {});
-		G(h.syncColumnWidths(e));
-	}, [V]);
-	let xn = W.filters.globalText, Sn = n(xn), wn = W.filters.columnFilters, Tn = n(wn), Dn = a(() => N(e.length), [e.length]), On = a(() => re(e, Dn, V, Sn), [
+		let e = H.reduce((e, t) => (e[t.key] = t.width, e), {});
+		K(h.syncColumnWidths(e));
+	}, [H]);
+	let Mn = G.filters.globalText, Nn = n(Mn), Pn = G.filters.columnFilters, Fn = n(Pn), In = a(() => N(e.length), [e.length]), Rn = a(() => re(e, In, H, Nn), [
 		e,
-		Dn,
-		V,
-		Sn
-	]), kn = a(() => {
+		In,
+		H,
+		Nn
+	]), zn = a(() => {
 		let e = [];
-		for (let t of V) L(Tn[t.key]) && e.push(t.key);
+		for (let t of H) L(Fn[t.key]) && e.push(t.key);
 		return e.join("\0");
-	}, [V, Tn]), An = a(() => {
+	}, [H, Fn]), Bn = a(() => {
 		let t = /* @__PURE__ */ new Map();
-		if (kn.length === 0) return t;
-		let n = new Set(kn.split("\0")), r = e.length;
-		for (let i of V) {
+		if (zn.length === 0) return t;
+		let n = new Set(zn.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));
@@ -3755,148 +3768,148 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 		return t;
 	}, [
 		e,
-		V,
-		kn
-	]), Mn = a(() => ie(e, On, V, Tn, An), [
+		H,
+		zn
+	]), Hn = a(() => ie(e, Rn, H, Fn, Bn), [
 		e,
-		On,
-		V,
-		Tn,
-		An
-	]), Nn = a(() => rt(e, Mn, V, W.sort), [
+		Rn,
+		H,
+		Fn,
+		Bn
+	]), Un = a(() => nt(e, Hn, H, G.sort), [
 		e,
-		Mn,
-		V,
-		W.sort
-	]), Pn = a(() => ({
-		getRowCount: () => Nn.length,
-		getRow: (t) => e[Nn[t]],
-		getSourceIndex: (e) => Nn[e],
-		getRowKey: (t) => lt(e[Nn[t]], Nn[t])
+		Hn,
+		H,
+		G.sort
+	]), Wn = a(() => ({
+		getRowCount: () => Un.length,
+		getRow: (t) => e[Un[t]],
+		getSourceIndex: (e) => Un[e],
+		getRowKey: (t) => xt(e[Un[t]], Un[t])
 	}), [
-		Nn,
+		Un,
 		e,
-		lt
-	]), Fn = a(() => U ? un({
-		globalText: gt ? xn : "",
-		columnFilters: ht ? wn : or,
-		sort: mt ? W.sort : sr
-	}) : ar, [
+		xt
+	]), Gn = a(() => U ? dn({
+		globalText: Dt ? Mn : "",
+		columnFilters: W ? Pn : cr,
+		sort: St ? G.sort : lr
+	}) : sr, [
 		U,
-		gt,
-		xn,
-		ht,
-		wn,
-		mt,
-		W.sort
-	]), In = a(() => U ? dn(Fn) : "", [U, Fn]), [Rn, zn] = c(Fn), [Bn, Hn] = c(In);
+		Dt,
+		Mn,
+		W,
+		Pn,
+		St,
+		G.sort
+	]), Kn = a(() => U ? fn(Gn) : "", [U, Gn]), [qn, Jn] = c(Gn), [Xn, Zn] = c(Kn);
 	r(() => {
 		if (!U) return;
 		let e = setTimeout(() => {
-			zn(Fn), Hn(In);
-		}, cr);
+			Jn(Gn), Zn(Kn);
+		}, ur);
 		return () => clearTimeout(e);
 	}, [
 		U,
-		In,
-		Fn
+		Kn,
+		Gn
 	]);
-	let Un = ln({
+	let Qn = un({
 		dataSource: u,
-		rowKeyGetter: lt,
-		query: Rn,
-		queryKey: Bn,
+		rowKeyGetter: xt,
+		query: qn,
+		queryKey: Xn,
 		refreshToken: p
-	}), Wn = Un.requestRange, Z = U ? Un.rowModel : Pn, Gn = s(Z);
-	Gn.current = Z;
-	let { isAutosizing: Kn, runAutosize: qn } = Gt({
-		rowModelRef: Gn,
-		gridRootRef: Ne,
-		columnWidthsRef: _t,
-		dispatch: G
-	}), Q = Z.getRowCount(), Yn = a(() => {
+	}), er = Qn.requestRange, Z = U ? Qn.rowModel : Wn, dr = s(Z);
+	dr.current = Z;
+	let { isAutosizing: fr, runAutosize: pr } = qt({
+		rowModelRef: dr,
+		gridRootRef: Be,
+		columnWidthsRef: kt,
+		dispatch: K
+	}), Q = Z.getRowCount(), mr = a(() => {
 		let t = null;
-		return () => t ??= Array.from(Nn, (t) => e[t]);
-	}, [Nn, e]), Xn = a(() => de(V, W.columnWidths), [V, W.columnWidths]), [Qn, lr] = c(0), [ur, dr] = c(0);
+		return () => t ??= Array.from(Un, (t) => e[t]);
+	}, [Un, e]), hr = a(() => ue(H, G.columnWidths), [H, G.columnWidths]), [gr, _r] = c(0), [vr, yr] = c(0);
 	r(() => {
-		let e = Re.current;
+		let e = Je.current;
 		if (!e) return;
-		lr(e.scrollTop), dr(e.clientHeight);
-		let t = () => lr(e.scrollTop);
+		_r(e.scrollTop), yr(e.clientHeight);
+		let t = () => _r(e.scrollTop);
 		e.addEventListener("scroll", t, { passive: !0 });
-		let n = new ResizeObserver(() => dr(e.clientHeight));
+		let n = new ResizeObserver(() => yr(e.clientHeight));
 		return n.observe(e), () => {
 			e.removeEventListener("scroll", t), n.disconnect();
 		};
 	}, []);
-	let fr = q.center.entries, pr = l({
+	let br = q.center.entries, xr = l({
 		horizontal: !0,
-		count: fr.length,
-		getScrollElement: () => Re.current,
-		estimateSize: (e) => fr[e]?.paneLocalSize ?? fr[e]?.column.width ?? 120,
+		count: br.length,
+		getScrollElement: () => Je.current,
+		estimateSize: (e) => br[e]?.paneLocalSize ?? br[e]?.column.width ?? 120,
 		overscan: 8,
 		useFlushSync: !1,
-		scrollMargin: It
-	}), mr = pr.getVirtualItems(), hr = ae ?? I, gr = a(() => V.some((e) => e.autoHeight === !0), [V]), _r = !U && at(ne, gr, Q, 5e4);
+		scrollMargin: Wt
+	}), Sr = xr.getVirtualItems(), Cr = ae ?? I, wr = a(() => H.some((e) => e.autoHeight === !0), [H]), Tr = !U && it(ne, wr, Q, 5e4);
 	r(() => {}, [
 		ne,
-		gr,
+		wr,
 		Q,
 		U
 	]);
-	let vr = s(/* @__PURE__ */ new Map()), [yr, br] = c(0), [xr, Sr] = c(0), Cr = s(null), wr = s(/* @__PURE__ */ new Set()), Tr = a(() => _r ? Ct(Q, hr, Z.getRowKey, vr.current) : null, [
-		_r,
+	let Er = s(/* @__PURE__ */ new Map()), [Dr, Or] = c(0), [kr, Ar] = c(0), jr = s(null), Mr = s(/* @__PURE__ */ new Set()), Nr = a(() => Tr ? Tt(Q, Cr, Z.getRowKey, Er.current) : null, [
+		Tr,
 		Q,
-		hr,
+		Cr,
 		Z
-	]), $ = a(() => _r && Tr ? Et(Tr) : st(Q, I), [
-		_r,
+	]), $ = a(() => Tr && Nr ? Ot(Nr) : ot(Q, I), [
 		Tr,
-		yr,
+		Nr,
+		Dr,
 		Q,
 		I
-	]), Er = a(() => _r ? dt({
+	]), Pr = a(() => Tr ? ft({
 		headerHeight: R,
-		viewportHeight: ur,
-		scrollTop: Qn,
+		viewportHeight: vr,
+		scrollTop: gr,
 		overscan: 20
-	}, $) : ut({
+	}, $) : dt({
 		rowCount: Q,
 		rowHeight: I,
 		headerHeight: R,
-		viewportHeight: ur,
-		scrollTop: Qn,
+		viewportHeight: vr,
+		scrollTop: gr,
 		overscan: 20,
-		maxBodyPx: it
+		maxBodyPx: rt
 	}), [
-		_r,
+		Tr,
 		$,
 		Q,
 		I,
 		R,
-		ur,
-		Qn
-	]), Dr = Er.rows, Or = Er.rowIndexSet, kr = Dr.length > 0 ? Dr[0].index : 0, Ar = Dr.length > 0 ? Dr[Dr.length - 1].index : -1;
+		vr,
+		gr
+	]), Fr = Pr.rows, Ir = Pr.rowIndexSet, Lr = Fr.length > 0 ? Fr[0].index : 0, Rr = Fr.length > 0 ? Fr[Fr.length - 1].index : -1;
 	r(() => {
 		if (!U) return;
-		let e = Re.current;
-		e && (e.scrollTop = 0), lr(0);
-	}, [U, Bn]), r(() => {
-		U && (Ar < kr || Wn(kr, Ar + 1));
+		let e = Je.current;
+		e && (e.scrollTop = 0), _r(0);
+	}, [U, Xn]), r(() => {
+		U && (Rr < Lr || er(Lr, Rr + 1));
 	}, [
 		U,
-		kr,
-		Ar,
-		Wn,
-		Bn
+		Lr,
+		Rr,
+		er,
+		Xn
 	]);
-	let jr = Er.physicalBodyHeight, Mr = Er.translateY === 0 ? void 0 : `translateY(${Er.translateY}px)`, Nr = Er.scaleFactor, Pr = Er.windowBaseOffsetPx;
+	let zr = Pr.physicalBodyHeight, Br = Pr.translateY === 0 ? void 0 : `translateY(${Pr.translateY}px)`, Vr = Pr.scaleFactor, Hr = Pr.windowBaseOffsetPx;
 	i(() => {
-		if (!_r || !Tr) {
-			Cr.current?.disconnect(), Cr.current = null, wr.current.clear();
+		if (!Tr || !Nr) {
+			jr.current?.disconnect(), jr.current = null, Mr.current.clear();
 			return;
 		}
-		let e = Re.current;
+		let e = Je.current;
 		if (!e) return;
 		let t = e.querySelectorAll("[data-autoheight-cell]");
 		if (t.length > 0) {
@@ -3911,15 +3924,15 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 			});
 			let r = !1, i = Infinity;
 			if (n.forEach((e, t) => {
-				wt(Tr, t, Z.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
+				Et(Nr, t, Z.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
 			}), r) {
 				let t = e.scrollTop, n = $.rowAtContentY(t), r = t - $.rowTop(n);
-				St(Tr, i), e.scrollTop = Tr.prefix[n] + r, br((e) => e + 1);
+				wt(Nr, i), e.scrollTop = Nr.prefix[n] + r, Or((e) => e + 1);
 			}
 		}
-		let n = Cr.current ?? new ResizeObserver(() => Sr((e) => e + 1));
-		Cr.current = n;
-		let r = wr.current, i = /* @__PURE__ */ new Set();
+		let n = jr.current ?? new ResizeObserver(() => Ar((e) => e + 1));
+		jr.current = n;
+		let r = Mr.current, i = /* @__PURE__ */ new Set();
 		t.forEach((e) => {
 			i.add(e), r.has(e) || (n.observe(e), r.add(e));
 		});
@@ -3930,25 +3943,25 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 			n.unobserve(e), r.delete(e);
 		});
 	}, [
-		_r,
 		Tr,
+		Nr,
 		$,
 		Z,
+		Fr,
+		vr,
 		Dr,
-		ur,
-		yr,
-		xr
+		kr
 	]), r(() => {
-		let e = wr.current;
+		let e = Mr.current;
 		return () => {
-			Cr.current?.disconnect(), Cr.current = null, e.clear();
+			jr.current?.disconnect(), jr.current = null, e.clear();
 		};
 	}, []);
-	let Fr = a(() => mr.map((e) => fr[e.index]).filter((e) => !!e), [mr, fr]), Ir = q.left.entries, Lr = q.right.entries, Rr = a(() => {
-		if (!W.activeCell) return null;
-		let { row: e, col: t } = W.activeCell;
+	let Ur = a(() => Sr.map((e) => br[e.index]).filter((e) => !!e), [Sr, br]), Wr = q.left.entries, Gr = q.right.entries, Kr = a(() => {
+		if (!G.activeCell) return null;
+		let { row: e, col: t } = G.activeCell;
 		if (e < 0 || e >= Q) return null;
-		let n = Ee(q, t);
+		let n = Te(q, t);
 		return n ? {
 			pane: n.pane,
 			rect: {
@@ -3959,205 +3972,205 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 			}
 		} : null;
 	}, [
-		W.activeCell,
+		G.activeCell,
 		Q,
 		q,
 		$
-	]), zr = a(() => Rr && Rr.pane === "center" ? Rr.rect : null, [Rr]), Br = t((e) => Rr && Rr.pane === e ? Rr.rect : null, [Rr]), Vr = t((e) => W.editingCell ? Br(e) : null, [W.editingCell, Br]);
-	pt({
-		scrollRef: Re,
-		columnVirtualizer: pr,
-		columnMeasurements: Xn,
-		totalScrollWidth: zt,
-		physicalBodyHeight: jr,
+	]), qr = a(() => Kr && Kr.pane === "center" ? Kr.rect : null, [Kr]), Jr = t((e) => Kr && Kr.pane === e ? Kr.rect : null, [Kr]), Yr = t((e) => G.editingCell ? Jr(e) : null, [G.editingCell, Jr]);
+	mt({
+		scrollRef: Je,
+		columnVirtualizer: xr,
+		columnMeasurements: hr,
+		totalScrollWidth: Jt,
+		physicalBodyHeight: zr,
 		headerHeight: R,
-		leftPaneWidth: It,
-		rightPaneWidth: Lt,
-		centerLeadingWidth: Ft,
-		activeCellRect: zr,
-		verticalScaleFactor: Nr
+		leftPaneWidth: Wt,
+		rightPaneWidth: Gt,
+		centerLeadingWidth: Ut,
+		activeCellRect: qr,
+		verticalScaleFactor: Vr
 	});
-	let { updateSelectionFromPointer: Hr, handleCellPointerDown: Ur, handleCellPointerEnter: Wr, handleNativeDragStart: Gr, handleRowHeaderPointerDown: Kr, handleRowHeaderPointerEnter: qr, handleColumnHeaderPointerDown: Jr, handleColumnHeaderPointerEnter: Yr } = ft({
-		gridRootRef: Ne,
-		bodyScrollRef: Ie,
-		scrollContainerRef: Re,
-		leftPaneScrollRef: ze,
-		rightPaneScrollRef: Be,
-		pointerClientRef: Pe,
-		autoScrollFrameRef: Fe,
-		uiState: W,
-		dispatch: G,
-		enableRangeSelection: ue,
-		enableSorting: mt,
-		orderedColumns: H,
+	let { updateSelectionFromPointer: Xr, handleCellPointerDown: Zr, handleCellPointerEnter: Qr, handleNativeDragStart: $r, handleRowHeaderPointerDown: ei, handleRowHeaderPointerEnter: ti, handleColumnHeaderPointerDown: ni, handleColumnHeaderPointerEnter: ri } = pt({
+		gridRootRef: Be,
+		bodyScrollRef: Ge,
+		scrollContainerRef: Je,
+		leftPaneScrollRef: Ye,
+		rightPaneScrollRef: at,
+		pointerClientRef: Ve,
+		autoScrollFrameRef: He,
+		uiState: G,
+		dispatch: K,
+		enableRangeSelection: ge,
+		enableSorting: St,
+		orderedColumns: bt,
 		filteredRowsLength: Q,
-		visibleColumnsLength: V.length,
+		visibleColumnsLength: H.length,
 		paneLayout: q,
-		leftLeadingWidth: Pt,
-		centerLeadingWidth: Ft,
+		leftLeadingWidth: Ht,
+		centerLeadingWidth: Ut,
 		rightLeadingWidth: 0,
 		headerHeight: R,
 		rowMetrics: $,
-		verticalScaleFactor: Nr,
-		setHoveredRowIndex: Ye,
-		setHoveredColumnIndex: ot,
-		enableRowHover: ye,
-		enableColumnHeaderHover: be
-	}), { isWholeGridSelected: Xr, handleCopy: Zr, handlePaste: Qr } = Ae({
+		verticalScaleFactor: Vr,
+		setHoveredRowIndex: _t,
+		setHoveredColumnIndex: yt,
+		enableRowHover: be,
+		enableColumnHeaderHover: xe
+	}), { isWholeGridSelected: ii, handleCopy: ai, handlePaste: oi } = ke({
 		rows: e,
 		rowModel: Z,
-		visibleColumns: H,
-		uiState: W,
-		readOnly: se,
-		canEditCell: ce,
+		visibleColumns: bt,
+		uiState: G,
+		readOnly: z,
+		canEditCell: me,
 		createRow: T,
 		createOverflowColumn: F,
 		onRowsChange: _,
 		onColumnsChange: v,
-		dispatch: G
-	}), $r = t(() => {
-		if (Q === 0 || V.length === 0) return;
+		dispatch: K
+	}), si = t(() => {
+		if (Q === 0 || H.length === 0) return;
 		let e = {
 			row: 0,
 			col: 0
 		}, t = {
 			row: Q - 1,
-			col: V.length - 1
+			col: H.length - 1
 		};
-		G(h.startSelection(e)), G(h.updateSelection(t)), G(h.endSelection()), G(h.activateCell(e));
+		K(h.startSelection(e)), K(h.updateSelection(t)), K(h.endSelection()), K(h.activateCell(e));
 	}, [
-		G,
+		K,
 		Q,
-		V.length
-	]), { getMovedCell: ei, handleKeyDown: ti } = Je({
-		uiState: W,
+		H.length
+	]), { getMovedCell: ci, handleKeyDown: li } = qe({
+		uiState: G,
 		rowModel: Z,
-		visibleColumns: H,
-		readOnly: se,
-		canEditCell: ce,
-		setEditorInitialValue: He,
-		dispatch: G,
-		handleCopy: Zr,
+		visibleColumns: bt,
+		readOnly: z,
+		canEditCell: me,
+		setEditorInitialValue: lt,
+		dispatch: K,
+		handleCopy: ai,
 		handleCellDoubleClick: t((e) => {
-			let t = Z.getRow(e.row), n = H[e.col];
+			let t = Z.getRow(e.row), n = bt[e.col];
 			if (!t || !n || !A({
-				readOnly: se,
-				canEditCell: ce
+				readOnly: z,
+				canEditCell: me
 			}, e.row, e.col, t, n)) return;
 			let r = j(t, n);
-			He(String(r ?? "")), G(h.startEdit(e));
+			lt(String(r ?? "")), K(h.startEdit(e));
 		}, [
-			ce,
-			G,
+			me,
+			K,
 			Z,
-			se,
-			H
+			z,
+			bt
 		]),
-		isWholeGridSelected: Xr,
-		selectEntireGrid: $r
-	}), { startEditWithValue: ni, commitEdit: ri, cancelEdit: ii } = Ge({
-		uiState: W,
+		isWholeGridSelected: ii,
+		selectEntireGrid: si
+	}), { startEditWithValue: ui, commitEdit: di, cancelEdit: fi } = We({
+		uiState: G,
 		rows: e,
-		visibleColumns: H,
+		visibleColumns: bt,
 		rowModel: Z,
-		setEditorInitialValue: He,
+		setEditorInitialValue: lt,
 		onRowsChange: _,
-		dispatch: G,
-		getMovedCell: ei,
-		gridRootRef: Ne,
-		editorActionGuardRef: Le
-	}), ai = t((e) => {
-		let t = Z.getRow(e.row), n = H[e.col];
+		dispatch: K,
+		getMovedCell: ci,
+		gridRootRef: Be,
+		editorActionGuardRef: Ke
+	}), pi = t((e) => {
+		let t = Z.getRow(e.row), n = bt[e.col];
 		if (!t || !n || !A({
-			readOnly: se,
-			canEditCell: ce
+			readOnly: z,
+			canEditCell: me
 		}, e.row, e.col, t, n)) return;
 		let r = j(t, n);
-		ni(e, String(r ?? ""));
+		ui(e, String(r ?? ""));
 	}, [
-		ce,
+		me,
 		Z,
-		se,
-		ni,
-		H
-	]), oi = a(() => {
-		if (!W.selection) return null;
-		if (W.selection.type === "cell") {
-			let e = S(W.selection.range);
+		z,
+		ui,
+		bt
+	]), mi = a(() => {
+		if (!G.selection) return null;
+		if (G.selection.type === "cell") {
+			let e = S(G.selection.range);
 			return {
-				extents: we(q, e.start.col, e.end.col),
+				extents: Ce(q, e.start.col, e.end.col),
 				startRow: e.start.row,
 				endRow: e.end.row
 			};
 		}
-		if (W.selection.type === "row") {
-			let e = C(W.selection.startRow, W.selection.endRow);
+		if (G.selection.type === "row") {
+			let e = C(G.selection.startRow, G.selection.endRow);
 			return {
-				extents: Te(q),
+				extents: we(q),
 				startRow: e.startRow,
 				endRow: e.endRow
 			};
 		}
-		let e = w(W.selection.startCol, W.selection.endCol);
+		let e = w(G.selection.startCol, G.selection.endCol);
 		return {
-			extents: we(q, e.startCol, e.endCol),
+			extents: Ce(q, e.startCol, e.endCol),
 			startRow: 0,
 			endRow: Math.max(Q - 1, 0)
 		};
 	}, [
-		W.selection,
+		G.selection,
 		q,
 		Q
-	]), si = a(() => {
-		if (!oi) return null;
-		let e = ct(oi.startRow, oi.endRow, kr, Ar);
+	]), hi = a(() => {
+		if (!mi) return null;
+		let e = st(mi.startRow, mi.endRow, Lr, Rr);
 		return e ? {
 			top: $.rowTop(e.start),
 			height: $.rowsHeight(e.start, e.end)
 		} : null;
 	}, [
-		oi,
+		mi,
 		$,
-		kr,
-		Ar
-	]), ci = t((e) => {
-		if (!oi || !si) return null;
-		let t = oi.extents[e];
+		Lr,
+		Rr
+	]), gi = t((e) => {
+		if (!mi || !hi) return null;
+		let t = mi.extents[e];
 		return t ? {
 			left: t.start,
-			top: si.top,
+			top: hi.top,
 			width: t.width,
-			height: si.height
+			height: hi.height
 		} : null;
-	}, [oi, si]), li = t((e) => {
-		if (e.preventDefault(), e.button === 0 && !(Q === 0 || V.length === 0)) {
-			if (Ne.current?.focus(), Xr) {
-				G(h.clearSelection()), G(h.activateCell(null));
+	}, [mi, hi]), _i = t((e) => {
+		if (e.preventDefault(), e.button === 0 && !(Q === 0 || H.length === 0)) {
+			if (Be.current?.focus(), ii) {
+				K(h.clearSelection()), K(h.activateCell(null));
 				return;
 			}
-			$r();
+			si();
 		}
 	}, [
-		G,
+		K,
 		Q,
-		Xr,
-		$r,
-		V.length
-	]), ui = t((e) => {
-		Ye((t) => t === e ? null : t);
-	}, []), di = t((e) => {
-		ot((t) => t === e ? null : t);
-	}, []), fi = t(() => {
-		Ke(!0);
-	}, []), pi = t(() => {
-		Ke(!1);
-	}, []), mi = t((e, t) => {
-		t.preventDefault(), t.stopPropagation(), G(h.startColumnResize(e.key, t.clientX, _t.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth ?? 1e3));
-	}, [G]), hi = t((e, t) => {
+		ii,
+		si,
+		H.length
+	]), vi = t((e) => {
+		_t((t) => t === e ? null : t);
+	}, []), yi = t((e) => {
+		yt((t) => t === e ? null : t);
+	}, []), bi = t(() => {
+		ht(!0);
+	}, []), xi = t(() => {
+		ht(!1);
+	}, []), Si = t((e, t) => {
+		t.preventDefault(), t.stopPropagation(), K(h.startColumnResize(e.key, t.clientX, kt.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth ?? 1e3));
+	}, [K]), Ci = t((e, t) => {
 		if (X(), !v) return;
 		let n = g.find((t) => t.key === e);
 		n && (n.pinned ?? void 0) !== t && (v(g.map((n) => {
-			let r = _t.current[n.key] ?? n.width;
+			let r = kt.current[n.key] ?? n.width;
 			return n.key === e ? {
 				...n,
 				width: r,
@@ -4166,43 +4179,45 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 				...n,
 				width: r
 			};
-		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
+		})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
 	}, [
 		X,
 		g,
-		G,
+		K,
 		v
-	]), gi = t((e) => {
+	]), wi = t((e) => {
 		X();
-		let t = V.find((t) => t.key === e);
-		t && qn([t]);
+		let t = H.find((t) => t.key === e);
+		t && pr([t]);
 	}, [
 		X,
-		qn,
-		V
-	]), _i = t(() => {
-		X(), qn(V);
+		pr,
+		H
+	]), Ti = t(() => {
+		X(), pr(H);
 	}, [
 		X,
-		qn,
-		V
-	]), vi = a(() => g.map((e) => ({
+		pr,
+		H
+	]), Ei = a(() => g.map((e) => ({
 		key: e.key,
 		title: e.title ?? e.key,
 		visible: e.visible !== !1,
-		pane: fe(e)
-	})), [g]), yi = t(() => {
-		X(), sn();
-	}, [X, sn]), bi = a(() => V.map((e) => ({
+		pane: de(e)
+	})), [g]), Di = t(() => {
+		X(), Sn();
+	}, [X, Sn]), Oi = a(() => H.map((e) => ({
 		key: e.key,
 		title: e.title ?? e.key
-	})), [V]), xi = t(() => {
-		X(), yn();
-	}, [X, yn]), Si = t((e, t) => {
+	})), [H]), ki = t(() => {
+		X(), kn();
+	}, [X, kn]), Ai = t((e) => {
+		X(), en(e);
+	}, [X, en]), ji = t((e, t) => {
 		if (!v) 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 = _t.current[n.key] ?? n.width;
+			let r = kt.current[n.key] ?? n.width;
 			return n.key === e ? {
 				...n,
 				width: r,
@@ -4211,14 +4226,14 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 				...n,
 				width: r
 			};
-		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null))));
+		})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null))));
 	}, [
 		g,
-		G,
+		K,
 		v
-	]), Ci = t(() => {
+	]), Mi = t(() => {
 		v && g.some((e) => e.visible === !1) && (v(g.map((e) => {
-			let t = _t.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
+			let t = kt.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
 			return !n && !r ? e : r ? {
 				...e,
 				width: t,
@@ -4227,17 +4242,17 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 				...e,
 				width: t
 			};
-		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
+		})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
 	}, [
 		g,
-		G,
+		K,
 		v
-	]), wi = t((e, t) => {
+	]), Ni = t((e, t) => {
 		if (!v || 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 = pe(e.map((e) => {
-			let r = n.get(e), i = _t.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 = fe(e.map((e) => {
+			let r = n.get(e), i = kt.current[r.key] ?? r.width, a = t?.has(e) ? t.get(e) : r.pinned, o = i !== r.width, s = (r.pinned ?? void 0) !== (a ?? void 0);
 			return o || s ? {
 				...r,
 				width: i,
@@ -4247,41 +4262,41 @@ function lr({ rows: e = ir, 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), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
+		}) || (v(r), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
 	}, [
 		g,
-		G,
+		K,
 		v
-	]), Ti = t((e) => {
-		wi(e);
-	}, [wi]), { onColumnDragHandlePointerDown: Ei, leftIndicatorRef: Di, centerIndicatorRef: Oi, rightIndicatorRef: ki } = xt({
+	]), Pi = t((e) => {
+		Ni(e);
+	}, [Ni]), { onColumnDragHandlePointerDown: Fi, leftIndicatorRef: Ii, centerIndicatorRef: Li, rightIndicatorRef: Ri } = Ct({
 		enabled: !!v,
 		columns: g,
 		paneLayout: q,
-		leftPaneScrollRef: ze,
-		rightPaneScrollRef: Be,
-		bodyScrollRef: Ie,
-		scrollContainerRef: Re,
-		leftLeadingWidth: Pt,
-		centerLeadingWidth: Ft,
+		leftPaneScrollRef: Ye,
+		rightPaneScrollRef: at,
+		bodyScrollRef: Ge,
+		scrollContainerRef: Je,
+		leftLeadingWidth: Ht,
+		centerLeadingWidth: Ut,
 		rightLeadingWidth: 0,
-		applyColumnOrderAndPin: wi
-	}), Ai = v ? Ei : void 0, ji = {
+		applyColumnOrderAndPin: Ni
+	}), zi = v ? Fi : void 0, Bi = {
 		position: "absolute",
 		top: 0,
-		height: R + jr,
+		height: R + zr,
 		width: 2,
 		backgroundColor: "#2563eb",
 		transform: "translateX(-1px)",
 		pointerEvents: "none",
 		zIndex: 8,
 		display: "none"
-	}, Mi = t(() => {
+	}, Vi = t(() => {
 		if (!v) return;
-		let e = vt.current;
+		let e = At.current;
 		if (!e) return;
 		let t = !1, n = g.map((n) => {
-			let r = _t.current[n.key] ?? n.width, i = e.get(n.key);
+			let r = kt.current[n.key] ?? n.width, i = e.get(n.key);
 			if (!i) return r === n.width ? n : {
 				...n,
 				width: r
@@ -4294,28 +4309,28 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 				visible: i.visible
 			};
 		});
-		t && (v(n), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
+		t && (v(n), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
 	}, [
 		g,
-		G,
+		K,
 		v
-	]), Ni = t(() => {
-		X(), Mi();
-	}, [X, Mi]), Pi = t((t) => Y ? j(e[t], Y) : void 0, [e, Y]), { options: Fi, allValues: Ii, status: Li, progress: Ri } = nn({
+	]), Hi = t(() => {
+		X(), Vi();
+	}, [X, Vi]), Ui = t((t) => Y ? j(e[t], Y) : void 0, [e, Y]), { options: Wi, allValues: Gi, status: Ki, progress: qi } = nn({
 		column: Y,
 		rowCount: e.length,
-		getRawValueAt: Pi
-	}), zi = Y ? W.filters.columnFilters[Y.key] : void 0, Bi = a(() => P(zi) ? {
-		mode: zi.mode === "exclude" ? "exclude" : "include",
-		values: new Set(zi.values)
-	} : null, [zi]), Vi = !(Y?.filterOptions && Y.filterOptions.length > 0), Hi = t((e, t, n) => {
+		getRawValueAt: Ui
+	}), Ji = Y ? G.filters.columnFilters[Y.key] : void 0, Yi = a(() => P(Ji) ? {
+		mode: Ji.mode === "exclude" ? "exclude" : "include",
+		values: new Set(Ji.values)
+	} : null, [Ji]), Xi = !(Y?.filterOptions && Y.filterOptions.length > 0), Zi = t((e, t, n) => {
 		let r = t.mode === "include" ? t.values.size : n - t.values.size;
 		if (r >= n) {
-			G(h.clearColumnFilter(e));
+			K(h.clearColumnFilter(e));
 			return;
 		}
 		if (r <= 0) {
-			G(h.setColumnFilter(e, {
+			K(h.setColumnFilter(e, {
 				kind: "set",
 				mode: "include",
 				values: []
@@ -4327,102 +4342,102 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 			mode: t.mode,
 			values: Array.from(t.values)
 		};
-		G(h.setColumnFilter(e, i));
-	}, [G]), Ui = t((e) => {
+		K(h.setColumnFilter(e, i));
+	}, [K]), Qi = t((e) => {
 		if (!J) return;
-		let t = Fi.length, n = Bi, r;
-		r = fn(n, e) ? n === null ? Vi ? {
+		let t = Wi.length, n = Yi, r;
+		r = pn(n, e) ? n === null ? Xi ? {
 			mode: "exclude",
 			values: new Set([e])
 		} : {
 			mode: "include",
-			values: tr(Ii, e)
+			values: rr(Gi, e)
 		} : n.mode === "include" ? {
 			mode: "include",
-			values: tr(n.values, e)
+			values: rr(n.values, e)
 		} : {
 			mode: "exclude",
-			values: er(n.values, e)
+			values: nr(n.values, e)
 		} : n.mode === "include" ? {
 			mode: "include",
-			values: er(n.values, e)
+			values: nr(n.values, e)
 		} : {
 			mode: "exclude",
-			values: tr(n.values, e)
-		}, Hi(J.columnKey, r, t);
+			values: rr(n.values, e)
+		}, Zi(J.columnKey, r, t);
 	}, [
 		J,
-		Bi,
-		Vi,
-		Ii,
-		Fi,
-		Hi
-	]), Wi = t((e, t) => {
+		Yi,
+		Xi,
+		Gi,
+		Wi,
+		Zi
+	]), $i = t((e, t) => {
 		if (!J) return;
-		let n = J.columnKey, r = Fi.length;
+		let n = J.columnKey, r = Wi.length;
 		if (e === "all") {
-			t ? G(h.clearColumnFilter(n)) : Hi(n, {
+			t ? K(h.clearColumnFilter(n)) : Zi(n, {
 				mode: "include",
 				values: /* @__PURE__ */ new Set()
 			}, r);
 			return;
 		}
-		let i = Bi, a;
+		let i = Yi, a;
 		if (t) {
 			if (i === null) {
-				G(h.clearColumnFilter(n));
+				K(h.clearColumnFilter(n));
 				return;
 			}
 			a = i.mode === "include" ? {
 				mode: "include",
-				values: nr(i.values, e)
+				values: ir(i.values, e)
 			} : {
 				mode: "exclude",
-				values: rr(i.values, e)
+				values: ar(i.values, e)
 			};
-		} else a = i === null ? Vi ? {
+		} else a = i === null ? Xi ? {
 			mode: "exclude",
 			values: new Set(e)
 		} : {
 			mode: "include",
-			values: rr(Ii, e)
+			values: ar(Gi, e)
 		} : i.mode === "include" ? {
 			mode: "include",
-			values: rr(i.values, e)
+			values: ar(i.values, e)
 		} : {
 			mode: "exclude",
-			values: nr(i.values, e)
+			values: ir(i.values, e)
 		};
-		Hi(n, a, r);
+		Zi(n, a, r);
 	}, [
 		J,
-		Bi,
-		Vi,
-		Ii,
-		Fi,
-		Hi,
-		G
-	]), Gi = t(() => {
-		J && G(h.clearColumnFilter(J.columnKey));
-	}, [G, J]), Ki = t(() => {
+		Yi,
+		Xi,
+		Gi,
+		Wi,
+		Zi,
+		K
+	]), ea = t(() => {
+		J && K(h.clearColumnFilter(J.columnKey));
+	}, [K, J]), ta = t(() => {
 		if (!J) return;
-		let e = V.find((e) => e.key === J.columnKey)?.filterType ?? "text";
+		let e = H.find((e) => e.key === J.columnKey)?.filterType ?? "text";
 		if (e === "set") {
-			qt();
+			tn();
 			return;
 		}
 		if (e === "number") {
 			let e = ee(J.draftValue);
 			if (!e) {
-				G(h.clearColumnFilter(J.columnKey)), qt();
+				K(h.clearColumnFilter(J.columnKey)), tn();
 				return;
 			}
-			G(h.setColumnFilter(J.columnKey, e)), qt();
+			K(h.setColumnFilter(J.columnKey, e)), tn();
 			return;
 		}
 		let t = e === "select" ? J.draftValue : J.draftValue.trim();
 		if (!t) {
-			G(h.clearColumnFilter(J.columnKey)), qt();
+			K(h.clearColumnFilter(J.columnKey)), tn();
 			return;
 		}
 		let n = e === "select" ? {
@@ -4438,70 +4453,70 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 			kind: "text",
 			value: t
 		};
-		G(h.setColumnFilter(J.columnKey, n)), qt();
+		K(h.setColumnFilter(J.columnKey, n)), tn();
 	}, [
-		qt,
-		G,
+		tn,
+		K,
 		J,
-		V
-	]), qi = t(() => {
-		J && (G(h.clearColumnFilter(J.columnKey)), qt());
+		H
+	]), na = t(() => {
+		J && (K(h.clearColumnFilter(J.columnKey)), tn());
 	}, [
-		qt,
-		G,
+		tn,
+		K,
 		J
-	]), Ji = t((e, t) => {
-		if (X(), !z) return;
-		let n = Ze(W.sort, e, t, !1);
-		G(n.length === 0 ? h.clearSort() : h.setSort(n));
+	]), ra = t((e, t) => {
+		if (X(), !B) return;
+		let n = Xe(G.sort, e, t, !1);
+		K(n.length === 0 ? h.clearSort() : h.setSort(n));
 	}, [
 		X,
-		G,
-		z,
-		W.sort
-	]), Yi = t((e, t) => {
-		if (!z) return;
-		let n = Qe(W.sort, e, t);
-		G(h.setSort(n));
+		K,
+		B,
+		G.sort
+	]), ia = t((e, t) => {
+		if (!B) return;
+		let n = Ze(G.sort, e, t);
+		K(h.setSort(n));
 	}, [
-		G,
-		z,
-		W.sort
-	]), Xi = t((e, t) => {
-		if (!z) return;
-		let n = $e(W.sort, e, t);
-		G(h.setSort(n));
+		K,
+		B,
+		G.sort
+	]), aa = t((e, t) => {
+		if (!B) return;
+		let n = Qe(G.sort, e, t);
+		K(h.setSort(n));
 	}, [
-		G,
-		z,
-		W.sort
-	]), Zi = t((e, t) => {
-		if (!z) return;
-		let n = et(W.sort, e, t);
-		G(h.setSort(n));
+		K,
+		B,
+		G.sort
+	]), oa = t((e, t) => {
+		if (!B) return;
+		let n = $e(G.sort, e, t);
+		K(h.setSort(n));
 	}, [
-		G,
-		z,
-		W.sort
-	]), Qi = t((e) => {
-		if (!z) return;
-		let t = tt(W.sort, e);
-		G(t.length === 0 ? h.clearSort() : h.setSort(t));
+		K,
+		B,
+		G.sort
+	]), sa = t((e) => {
+		if (!B) return;
+		let t = et(G.sort, e);
+		K(t.length === 0 ? h.clearSort() : h.setSort(t));
 	}, [
-		G,
-		z,
-		W.sort
-	]), $i = t(() => {
-		z && G(h.clearSort());
-	}, [G, z]), ea = t((e, t) => {
-		if (!z) return;
-		let n = nt(W.sort, e, t);
-		G(h.setSort(n));
+		K,
+		B,
+		G.sort
+	]), ca = t(() => {
+		B && K(h.clearSort());
+	}, [K, B]), la = t((e, t) => {
+		if (!B) return;
+		let n = tt(G.sort, e, t);
+		K(h.setSort(n));
 	}, [
-		G,
-		z,
-		W.sort
-	]), ta = t((t, n, r, i, a) => {
+		K,
+		B,
+		G.sort
+	]), ua = t((t, n, r, i, a) => {
 		let o = j(t, r);
 		return r.renderCell ? r.renderCell({
 			row: t,
@@ -4523,20 +4538,20 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 		Z,
 		_,
 		e
-	]), { slotContext: na } = We({
+	]), { slotContext: da } = Ue({
 		rows: e,
 		viewRowCount: Q,
-		getFilteredRows: Yn,
+		getFilteredRows: mr,
 		columns: g,
-		visibleColumns: V,
-		uiState: W,
+		visibleColumns: H,
+		uiState: G,
 		setGlobalFilterText: t((e) => {
-			G(h.setGlobalFilter(e));
-		}, [G])
-	}), ra = a(() => ({
+			K(h.setGlobalFilter(e));
+		}, [K])
+	}), fa = a(() => ({
 		width: oe,
 		minWidth: oe
-	}), [oe]), ia = Q === 0, aa = (e, t, n) => ({
+	}), [oe]), pa = Q === 0, ma = (e, t, n) => ({
 		position: "sticky",
 		...e === "left" ? { left: 0 } : { right: 0 },
 		width: t,
@@ -4551,460 +4566,471 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 			borderLeft: "1px solid #cbd5e1",
 			boxShadow: "-6px 0 8px -6px rgba(15, 23, 42, 0.35)"
 		} : {}
-	}), oa = (() => {
+	}), ha = (() => {
 		if (!Y) return "（なし）";
-		let e = W.filters.columnFilters[Y.key];
+		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);
 		return t.trim() ? t : "（なし）";
-	})(), sa = Y ? /* @__PURE__ */ d(hn, {
+	})(), ga = Y ? /* @__PURE__ */ d(gn, {
 		isOpen: !!J,
 		title: Y.title || Y.key,
 		filterType: Y.filterType ?? "text",
 		isServerSide: U,
 		draftValue: J?.draftValue ?? "",
-		currentValueText: oa,
-		layout: Bt,
-		selectOptions: Fi,
-		setSelection: Bi,
-		optionsStatus: Li,
-		optionsProgress: Ri,
-		popoverRef: Vt,
-		textInputRef: Ht,
-		selectRef: Ut,
-		onRequestClose: qt,
-		onDraftChange: Jt,
-		onApply: Ki,
-		onClear: qi,
-		onSetValueToggle: Ui,
-		onSetSelectAllChange: Wi,
-		onSetClear: Gi
-	}) : null, ca = $t ? /* @__PURE__ */ d(Ln, {
-		isOpen: Zt,
-		title: $t.title || $t.key,
-		columnKey: $t.key,
-		canSort: mt,
-		sortDirection: W.sort.find((e) => e.columnKey === $t.key)?.direction ?? null,
-		onSortChange: (e) => Ji($t.key, e),
-		onOpenSortManager: xi,
-		pinned: $t.pinned,
-		canChangePinned: !!v,
+		currentValueText: ha,
 		layout: Yt,
+		selectOptions: Wi,
+		setSelection: Yi,
+		optionsStatus: Ki,
+		optionsProgress: qi,
 		popoverRef: Xt,
-		onPinnedChange: hi,
-		onAutosizeColumn: gi,
-		onAutosizeAllColumns: _i,
-		onOpenColumnChooser: yi,
+		textInputRef: Zt,
+		selectRef: Qt,
+		onRequestClose: tn,
+		onDraftChange: rn,
+		onApply: ta,
+		onClear: na,
+		onSetValueToggle: Qi,
+		onSetSelectAllChange: $i,
+		onSetClear: ea
+	}) : null, _a = ln ? /* @__PURE__ */ d(Ln, {
+		isOpen: sn,
+		title: ln.title || ln.key,
+		columnKey: ln.key,
+		canFilter: W && !!ln.filterType,
+		onOpenFilter: () => Ai(ln),
+		canSort: St,
+		sortDirection: G.sort.find((e) => e.columnKey === ln.key)?.direction ?? null,
+		onSortChange: (e) => ra(ln.key, e),
+		onOpenSortManager: ki,
+		pinned: ln.pinned,
+		canChangePinned: !!v,
+		layout: an,
+		popoverRef: on,
+		onPinnedChange: Ci,
+		onAutosizeColumn: wi,
+		onAutosizeAllColumns: Ti,
+		onOpenColumnChooser: Di,
 		canResetColumns: !!v,
-		onResetColumns: Ni,
+		onResetColumns: Hi,
 		onRequestClose: X
-	}) : null, la = /* @__PURE__ */ d(Jn, {
-		isOpen: rn,
-		items: vi,
+	}) : null, va = /* @__PURE__ */ d(Yn, {
+		isOpen: yn,
+		items: Ei,
 		canToggle: !!v,
-		layout: an,
-		panelRef: on,
-		onToggleColumnVisibility: Si,
-		onShowAllColumns: Ci,
-		onResetColumns: Mi,
-		onReorderColumns: Ti,
-		onRequestClose: cn
-	}), ua = /* @__PURE__ */ d($n, {
-		isOpen: pn,
-		entries: W.sort,
-		columns: bi,
-		canSort: mt,
-		layout: mn,
-		panelRef: vn,
-		onAddLevel: Yi,
-		onChangeDirection: Xi,
-		onChangeColumn: Zi,
-		onRemoveLevel: Qi,
-		onClearAll: $i,
-		onMove: ea,
-		onRequestClose: bn
-	}), da = Wt || Zt || rn || pn, fa = je(De, na, gt ? /* @__PURE__ */ d(_n, { context: na }) : null), pa = je(Oe, na, /* @__PURE__ */ d(gn, { context: na }));
+		layout: bn,
+		panelRef: xn,
+		onToggleColumnVisibility: ji,
+		onShowAllColumns: Mi,
+		onResetColumns: Vi,
+		onReorderColumns: Pi,
+		onRequestClose: wn
+	}), ya = /* @__PURE__ */ d(tr, {
+		isOpen: Tn,
+		entries: G.sort,
+		columns: Oi,
+		canSort: St,
+		layout: Dn,
+		panelRef: On,
+		onAddLevel: ia,
+		onChangeDirection: aa,
+		onChangeColumn: oa,
+		onRemoveLevel: sa,
+		onClearAll: ca,
+		onMove: la,
+		onRequestClose: An
+	}), ba = $t || sn || yn || Tn, xa = Me, Sa = Ne && Dt, Ca = Oe ? je(Ie, da, xa || Sa ? /* @__PURE__ */ d(vn, {
+		context: da,
+		showSummary: xa,
+		showFilter: Sa,
+		showCounts: Pe
+	}) : null) : null, wa = Ae ? je(Le, da, /* @__PURE__ */ d(_n, {
+		context: da,
+		showCounts: Fe
+	})) : null, Ta = se === void 0 && ce === void 0 ? void 0 : {
+		...se === void 0 ? {} : { height: se },
+		maxHeight: ce ?? (se === void 0 ? void 0 : "none")
+	};
 	return /* @__PURE__ */ f("div", {
-		className: m("ssg-root", ke, B?.root),
+		className: m("ssg-root", Re, V?.root),
 		children: [
-			fa,
+			Ca,
 			/* @__PURE__ */ f("div", {
-				ref: Ne,
+				ref: Be,
 				className: "ssg-shell",
-				style: { cursor: Kn ? "progress" : void 0 },
-				onDragStart: Gr,
-				onPointerLeave: () => Ye(null),
+				style: { cursor: fr ? "progress" : void 0 },
+				onDragStart: $r,
+				onPointerLeave: () => _t(null),
 				onPointerMoveCapture: (e) => {
-					Pe.current = {
+					Ve.current = {
 						x: e.clientX,
 						y: e.clientY
-					}, Hr(e.clientX, e.clientY);
+					}, Xr(e.clientX, e.clientY);
 				},
-				tabIndex: da ? -1 : 0,
-				onKeyDown: da ? void 0 : ti,
-				onPaste: da ? void 0 : Qr,
+				tabIndex: ba ? -1 : 0,
+				onKeyDown: ba ? void 0 : li,
+				onPaste: ba ? void 0 : oi,
 				children: [/* @__PURE__ */ f("div", {
-					ref: Re,
+					ref: Je,
 					className: "ssg-scroll-container",
+					style: Ta,
 					children: [/* @__PURE__ */ f("div", {
 						className: "ssg-inner-row",
 						style: {
-							width: zt,
-							minWidth: zt,
-							height: R + jr
+							width: Jt,
+							minWidth: Jt,
+							height: R + zr
 						},
 						children: [
 							/* @__PURE__ */ f("div", {
-								ref: ze,
-								style: aa("left", It, jt),
-								children: [jt && /* @__PURE__ */ f("div", {
+								ref: Ye,
+								style: ma("left", Wt, zt),
+								children: [zt && /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: It,
-										minWidth: It,
-										height: R + jr
+										width: Wt,
+										minWidth: Wt,
+										height: R + zr
 									},
 									children: [/* @__PURE__ */ d(En, {
 										pane: "left",
 										ownsRowHeader: !0,
-										leadingWidth: Pt,
+										leadingWidth: Ht,
 										headerHeight: R,
-										rowHeaderCellStyle: ra,
-										headerRowClassName: B?.headerRow,
-										headerCellClassName: B?.headerCell,
-										rowHeaderCellClassName: B?.rowHeaderCell,
-										isCornerHovered: Ue,
-										isWholeGridSelected: Xr,
+										rowHeaderCellStyle: fa,
+										headerRowClassName: V?.headerRow,
+										headerCellClassName: V?.headerCell,
+										rowHeaderCellClassName: V?.rowHeaderCell,
+										isCornerHovered: ut,
+										isWholeGridSelected: ii,
 										filteredRowsLength: Q,
-										visibleColumnsLength: V.length,
-										renderEntries: Ir,
-										hoveredColumnIndex: Xe,
-										selectionSnapshot: yt,
-										columnFilterValues: W.filters.columnFilters,
-										sortState: W.sort,
-										iconButtonClassName: B?.iconButton,
-										onCornerPointerDown: li,
-										onCornerPointerEnter: fi,
-										onCornerPointerLeave: pi,
-										onColumnHeaderPointerDown: Jr,
-										onColumnHeaderPointerEnter: Yr,
-										onColumnHeaderPointerLeave: di,
-										onColumnFilterButtonPointerDown: Kt,
-										onColumnResizePointerDown: mi,
-										enableColumnMenu: xe,
-										openedMenuColumnKey: Qt,
-										onColumnMenuButtonPointerDown: en,
-										onColumnHeaderContextMenu: tn,
-										onColumnDragHandlePointerDown: Ai
+										visibleColumnsLength: H.length,
+										renderEntries: Wr,
+										hoveredColumnIndex: vt,
+										selectionSnapshot: jt,
+										columnFilterValues: G.filters.columnFilters,
+										sortState: G.sort,
+										iconButtonClassName: V?.iconButton,
+										onCornerPointerDown: _i,
+										onCornerPointerEnter: bi,
+										onCornerPointerLeave: xi,
+										onColumnHeaderPointerDown: ni,
+										onColumnHeaderPointerEnter: ri,
+										onColumnHeaderPointerLeave: yi,
+										onColumnResizePointerDown: Si,
+										enableColumnMenu: Se,
+										openedMenuColumnKey: cn,
+										onColumnMenuButtonPointerDown: mn,
+										onColumnHeaderContextMenu: hn,
+										onColumnDragHandlePointerDown: zi
 									}), /* @__PURE__ */ f("div", {
 										style: {
 											position: "absolute",
 											top: 0,
 											left: 0,
-											width: It,
-											height: R + jr,
-											transform: Mr
+											width: Wt,
+											height: R + zr,
+											transform: Br
 										},
 										children: [
 											/* @__PURE__ */ d(D, {
-												rect: ci("left"),
+												rect: gi("left"),
 												headerHeight: R,
-												baseOffset: Pr,
-												leadingWidth: Pt
+												baseOffset: Hr,
+												leadingWidth: Ht
 											}),
 											/* @__PURE__ */ d(O, {
-												rect: Br("left"),
+												rect: Jr("left"),
 												headerHeight: R,
-												baseOffset: Pr,
-												leadingWidth: Pt
+												baseOffset: Hr,
+												leadingWidth: Ht
 											}),
 											/* @__PURE__ */ d(k, {
-												rect: Vr("left"),
+												rect: Yr("left"),
 												headerHeight: R,
-												baseOffset: Pr,
-												leadingWidth: Pt,
-												initialValue: Ve,
-												onCommit: ri,
-												onCancel: ii
+												baseOffset: Hr,
+												leadingWidth: Ht,
+												initialValue: ct,
+												onCommit: di,
+												onCancel: fi
 											}),
 											/* @__PURE__ */ d(Cn, {
 												pane: "left",
 												ownsRowHeader: !0,
-												leadingWidth: Pt,
+												leadingWidth: Ht,
 												rowModel: Z,
-												virtualRows: Dr,
-												virtualRowIndexes: Or,
-												renderEntries: Ir,
+												virtualRows: Fr,
+												virtualRowIndexes: Ir,
+												renderEntries: Wr,
 												rowHeight: I,
-												autoHeight: _r,
+												autoHeight: Tr,
 												isServerSide: U,
-												rowHeaderCellStyle: ra,
-												hoveredRowIndex: qe,
-												isWholeGridSelected: Xr,
-												activeCell: W.activeCell,
-												editingCell: W.editingCell,
-												selectionSnapshot: yt,
-												readOnly: se,
-												canEditCell: ce,
-												onRowHeaderPointerDown: Kr,
-												onRowHeaderPointerEnter: qr,
-												onRowHeaderPointerLeave: ui,
-												onCellPointerDown: Ur,
-												onCellPointerEnter: Wr,
-												onCellDoubleClick: ai,
-												renderCellContent: ta,
-												getRowClassName: Me,
-												bodyCellClassName: B?.bodyCell,
-												bodyRowClassName: B?.bodyRow,
-												rowHeaderCellClassName: B?.rowHeaderCell
+												rowHeaderCellStyle: fa,
+												hoveredRowIndex: gt,
+												isWholeGridSelected: ii,
+												activeCell: G.activeCell,
+												editingCell: G.editingCell,
+												selectionSnapshot: jt,
+												readOnly: z,
+												canEditCell: me,
+												onRowHeaderPointerDown: ei,
+												onRowHeaderPointerEnter: ti,
+												onRowHeaderPointerLeave: vi,
+												onCellPointerDown: Zr,
+												onCellPointerEnter: Qr,
+												onCellDoubleClick: pi,
+												renderCellContent: ua,
+												getRowClassName: ze,
+												bodyCellClassName: V?.bodyCell,
+												bodyRowClassName: V?.bodyRow,
+												rowHeaderCellClassName: V?.rowHeaderCell
 											})
 										]
 									})]
 								}), /* @__PURE__ */ d("div", {
-									ref: Di,
-									style: ji
+									ref: Ii,
+									style: Bi
 								})]
 							}),
 							/* @__PURE__ */ d("div", {
-								ref: Ie,
+								ref: Ge,
 								className: "ssg-center-pane",
 								style: {
-									width: Rt,
-									minWidth: Rt
+									width: Kt,
+									minWidth: Kt
 								},
 								children: /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: Rt,
-										minWidth: Rt,
-										height: R + jr
+										width: Kt,
+										minWidth: Kt,
+										height: R + zr
 									},
 									children: [
 										/* @__PURE__ */ d(En, {
 											pane: "center",
-											ownsRowHeader: Nt,
-											leadingWidth: Ft,
+											ownsRowHeader: Vt,
+											leadingWidth: Ut,
 											headerHeight: R,
-											rowHeaderCellStyle: ra,
-											headerRowClassName: B?.headerRow,
-											headerCellClassName: B?.headerCell,
-											rowHeaderCellClassName: B?.rowHeaderCell,
-											isCornerHovered: Ue,
-											isWholeGridSelected: Xr,
+											rowHeaderCellStyle: fa,
+											headerRowClassName: V?.headerRow,
+											headerCellClassName: V?.headerCell,
+											rowHeaderCellClassName: V?.rowHeaderCell,
+											isCornerHovered: ut,
+											isWholeGridSelected: ii,
 											filteredRowsLength: Q,
-											visibleColumnsLength: V.length,
-											renderEntries: Fr,
-											hoveredColumnIndex: Xe,
-											selectionSnapshot: yt,
-											columnFilterValues: W.filters.columnFilters,
-											sortState: W.sort,
-											iconButtonClassName: B?.iconButton,
-											onCornerPointerDown: li,
-											onCornerPointerEnter: fi,
-											onCornerPointerLeave: pi,
-											onColumnHeaderPointerDown: Jr,
-											onColumnHeaderPointerEnter: Yr,
-											onColumnHeaderPointerLeave: di,
-											onColumnFilterButtonPointerDown: Kt,
-											onColumnResizePointerDown: mi,
-											enableColumnMenu: xe,
-											openedMenuColumnKey: Qt,
-											onColumnMenuButtonPointerDown: en,
-											onColumnHeaderContextMenu: tn,
-											onColumnDragHandlePointerDown: Ai
+											visibleColumnsLength: H.length,
+											renderEntries: Ur,
+											hoveredColumnIndex: vt,
+											selectionSnapshot: jt,
+											columnFilterValues: G.filters.columnFilters,
+											sortState: G.sort,
+											iconButtonClassName: V?.iconButton,
+											onCornerPointerDown: _i,
+											onCornerPointerEnter: bi,
+											onCornerPointerLeave: xi,
+											onColumnHeaderPointerDown: ni,
+											onColumnHeaderPointerEnter: ri,
+											onColumnHeaderPointerLeave: yi,
+											onColumnResizePointerDown: Si,
+											enableColumnMenu: Se,
+											openedMenuColumnKey: cn,
+											onColumnMenuButtonPointerDown: mn,
+											onColumnHeaderContextMenu: hn,
+											onColumnDragHandlePointerDown: zi
 										}),
 										/* @__PURE__ */ f("div", {
 											style: {
 												position: "absolute",
 												top: 0,
 												left: 0,
-												width: Rt,
-												height: R + jr,
-												transform: Mr
+												width: Kt,
+												height: R + zr,
+												transform: Br
 											},
 											children: [
 												/* @__PURE__ */ d(D, {
-													rect: ci("center"),
+													rect: gi("center"),
 													headerHeight: R,
-													baseOffset: Pr,
-													leadingWidth: Ft
+													baseOffset: Hr,
+													leadingWidth: Ut
 												}),
 												/* @__PURE__ */ d(O, {
-													rect: Br("center"),
+													rect: Jr("center"),
 													headerHeight: R,
-													baseOffset: Pr,
-													leadingWidth: Ft
+													baseOffset: Hr,
+													leadingWidth: Ut
 												}),
 												/* @__PURE__ */ d(k, {
-													rect: Vr("center"),
+													rect: Yr("center"),
 													headerHeight: R,
-													baseOffset: Pr,
-													leadingWidth: Ft,
-													initialValue: Ve,
-													onCommit: ri,
-													onCancel: ii
+													baseOffset: Hr,
+													leadingWidth: Ut,
+													initialValue: ct,
+													onCommit: di,
+													onCancel: fi
 												}),
 												/* @__PURE__ */ d(Cn, {
 													pane: "center",
-													ownsRowHeader: Nt,
-													leadingWidth: Ft,
+													ownsRowHeader: Vt,
+													leadingWidth: Ut,
 													rowModel: Z,
-													virtualRows: Dr,
-													virtualRowIndexes: Or,
-													renderEntries: Fr,
+													virtualRows: Fr,
+													virtualRowIndexes: Ir,
+													renderEntries: Ur,
 													rowHeight: I,
-													autoHeight: _r,
+													autoHeight: Tr,
 													isServerSide: U,
-													rowHeaderCellStyle: ra,
-													hoveredRowIndex: qe,
-													isWholeGridSelected: Xr,
-													activeCell: W.activeCell,
-													editingCell: W.editingCell,
-													selectionSnapshot: yt,
-													readOnly: se,
-													canEditCell: ce,
-													onRowHeaderPointerDown: Kr,
-													onRowHeaderPointerEnter: qr,
-													onRowHeaderPointerLeave: ui,
-													onCellPointerDown: Ur,
-													onCellPointerEnter: Wr,
-													onCellDoubleClick: ai,
-													renderCellContent: ta,
-													getRowClassName: Me,
-													bodyCellClassName: B?.bodyCell,
-													bodyRowClassName: B?.bodyRow,
-													rowHeaderCellClassName: B?.rowHeaderCell
+													rowHeaderCellStyle: fa,
+													hoveredRowIndex: gt,
+													isWholeGridSelected: ii,
+													activeCell: G.activeCell,
+													editingCell: G.editingCell,
+													selectionSnapshot: jt,
+													readOnly: z,
+													canEditCell: me,
+													onRowHeaderPointerDown: ei,
+													onRowHeaderPointerEnter: ti,
+													onRowHeaderPointerLeave: vi,
+													onCellPointerDown: Zr,
+													onCellPointerEnter: Qr,
+													onCellDoubleClick: pi,
+													renderCellContent: ua,
+													getRowClassName: ze,
+													bodyCellClassName: V?.bodyCell,
+													bodyRowClassName: V?.bodyRow,
+													rowHeaderCellClassName: V?.rowHeaderCell
 												})
 											]
 										}),
 										/* @__PURE__ */ d("div", {
-											ref: Oi,
-											style: ji
+											ref: Li,
+											style: Bi
 										})
 									]
 								})
 							}),
 							/* @__PURE__ */ f("div", {
-								ref: Be,
-								style: aa("right", Lt, Mt),
-								children: [Mt && /* @__PURE__ */ f("div", {
+								ref: at,
+								style: ma("right", Gt, Bt),
+								children: [Bt && /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: Lt,
-										minWidth: Lt,
-										height: R + jr
+										width: Gt,
+										minWidth: Gt,
+										height: R + zr
 									},
 									children: [/* @__PURE__ */ d(En, {
 										pane: "right",
 										ownsRowHeader: !1,
 										leadingWidth: 0,
 										headerHeight: R,
-										rowHeaderCellStyle: ra,
-										headerRowClassName: B?.headerRow,
-										headerCellClassName: B?.headerCell,
-										rowHeaderCellClassName: B?.rowHeaderCell,
-										isCornerHovered: Ue,
-										isWholeGridSelected: Xr,
+										rowHeaderCellStyle: fa,
+										headerRowClassName: V?.headerRow,
+										headerCellClassName: V?.headerCell,
+										rowHeaderCellClassName: V?.rowHeaderCell,
+										isCornerHovered: ut,
+										isWholeGridSelected: ii,
 										filteredRowsLength: Q,
-										visibleColumnsLength: V.length,
-										renderEntries: Lr,
-										hoveredColumnIndex: Xe,
-										selectionSnapshot: yt,
-										columnFilterValues: W.filters.columnFilters,
-										sortState: W.sort,
-										iconButtonClassName: B?.iconButton,
-										onCornerPointerDown: li,
-										onCornerPointerEnter: fi,
-										onCornerPointerLeave: pi,
-										onColumnHeaderPointerDown: Jr,
-										onColumnHeaderPointerEnter: Yr,
-										onColumnHeaderPointerLeave: di,
-										onColumnFilterButtonPointerDown: Kt,
-										onColumnResizePointerDown: mi,
-										enableColumnMenu: xe,
-										openedMenuColumnKey: Qt,
-										onColumnMenuButtonPointerDown: en,
-										onColumnHeaderContextMenu: tn,
-										onColumnDragHandlePointerDown: Ai
+										visibleColumnsLength: H.length,
+										renderEntries: Gr,
+										hoveredColumnIndex: vt,
+										selectionSnapshot: jt,
+										columnFilterValues: G.filters.columnFilters,
+										sortState: G.sort,
+										iconButtonClassName: V?.iconButton,
+										onCornerPointerDown: _i,
+										onCornerPointerEnter: bi,
+										onCornerPointerLeave: xi,
+										onColumnHeaderPointerDown: ni,
+										onColumnHeaderPointerEnter: ri,
+										onColumnHeaderPointerLeave: yi,
+										onColumnResizePointerDown: Si,
+										enableColumnMenu: Se,
+										openedMenuColumnKey: cn,
+										onColumnMenuButtonPointerDown: mn,
+										onColumnHeaderContextMenu: hn,
+										onColumnDragHandlePointerDown: zi
 									}), /* @__PURE__ */ f("div", {
 										style: {
 											position: "absolute",
 											top: 0,
 											left: 0,
-											width: Lt,
-											height: R + jr,
-											transform: Mr
+											width: Gt,
+											height: R + zr,
+											transform: Br
 										},
 										children: [
 											/* @__PURE__ */ d(D, {
-												rect: ci("right"),
+												rect: gi("right"),
 												headerHeight: R,
-												baseOffset: Pr,
+												baseOffset: Hr,
 												leadingWidth: 0
 											}),
 											/* @__PURE__ */ d(O, {
-												rect: Br("right"),
+												rect: Jr("right"),
 												headerHeight: R,
-												baseOffset: Pr,
+												baseOffset: Hr,
 												leadingWidth: 0
 											}),
 											/* @__PURE__ */ d(k, {
-												rect: Vr("right"),
+												rect: Yr("right"),
 												headerHeight: R,
-												baseOffset: Pr,
+												baseOffset: Hr,
 												leadingWidth: 0,
-												initialValue: Ve,
-												onCommit: ri,
-												onCancel: ii
+												initialValue: ct,
+												onCommit: di,
+												onCancel: fi
 											}),
 											/* @__PURE__ */ d(Cn, {
 												pane: "right",
 												ownsRowHeader: !1,
 												leadingWidth: 0,
 												rowModel: Z,
-												virtualRows: Dr,
-												virtualRowIndexes: Or,
-												renderEntries: Lr,
+												virtualRows: Fr,
+												virtualRowIndexes: Ir,
+												renderEntries: Gr,
 												rowHeight: I,
-												autoHeight: _r,
+												autoHeight: Tr,
 												isServerSide: U,
-												rowHeaderCellStyle: ra,
-												hoveredRowIndex: qe,
-												isWholeGridSelected: Xr,
-												activeCell: W.activeCell,
-												editingCell: W.editingCell,
-												selectionSnapshot: yt,
-												readOnly: se,
-												canEditCell: ce,
-												onRowHeaderPointerDown: Kr,
-												onRowHeaderPointerEnter: qr,
-												onRowHeaderPointerLeave: ui,
-												onCellPointerDown: Ur,
-												onCellPointerEnter: Wr,
-												onCellDoubleClick: ai,
-												renderCellContent: ta,
-												getRowClassName: Me,
-												bodyCellClassName: B?.bodyCell,
-												bodyRowClassName: B?.bodyRow,
-												rowHeaderCellClassName: B?.rowHeaderCell
+												rowHeaderCellStyle: fa,
+												hoveredRowIndex: gt,
+												isWholeGridSelected: ii,
+												activeCell: G.activeCell,
+												editingCell: G.editingCell,
+												selectionSnapshot: jt,
+												readOnly: z,
+												canEditCell: me,
+												onRowHeaderPointerDown: ei,
+												onRowHeaderPointerEnter: ti,
+												onRowHeaderPointerLeave: vi,
+												onCellPointerDown: Zr,
+												onCellPointerEnter: Qr,
+												onCellDoubleClick: pi,
+												renderCellContent: ua,
+												getRowClassName: ze,
+												bodyCellClassName: V?.bodyCell,
+												bodyRowClassName: V?.bodyRow,
+												rowHeaderCellClassName: V?.rowHeaderCell
 											})
 										]
 									})]
 								}), /* @__PURE__ */ d("div", {
-									ref: ki,
-									style: ji
+									ref: Ri,
+									style: Bi
 								})]
 							})
 						]
-					}), ia && /* @__PURE__ */ d("div", {
+					}), pa && /* @__PURE__ */ d("div", {
 						className: "ssg-empty-state",
-						children: e.length === 0 ? Ce : Se
+						children: e.length === 0 ? De : Ee
 					})]
-				}), Kn && /* @__PURE__ */ d("div", {
+				}), fr && /* @__PURE__ */ d("div", {
 					className: "ssg-autosize-overlay",
 					children: /* @__PURE__ */ d("span", {
 						className: "ssg-autosize-pill",
@@ -5012,13 +5038,13 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
 					})
 				})]
 			}),
-			pa,
-			sa,
-			ca,
-			la,
-			ua
+			wa,
+			ga,
+			_a,
+			va,
+			ya
 		]
 	});
 }
 //#endregion
-export { lr as SpreadsheetGrid };
+export { Z as SpreadsheetGrid };