@ishibashi0112/spreadsheet-grid 0.4.0 → 0.5.0

package/dist/index.js

@@ -267,12 +267,12 @@ var h = {
 	if (r.length === 0) return {};
 	let a = n - i;
 	return Object.fromEntries(F(r, a));
-}, I = 60, L = 1e3, te = (e, t, n) => Math.min(Math.max(e, t), n), R = (e) => e.reduce((e, t) => (P(t) || (e[t.key] = t.width), e), {}), ne = (e) => ({
+}, I = 60, L = (e, t, n) => Math.min(Math.max(e, t), n), te = (e) => e.reduce((e, t) => (P(t) || (e[t.key] = t.width), e), {}), ne = (e) => ({
 	activeCell: null,
 	selection: null,
 	editingCell: null,
 	dragState: null,
-	columnWidths: R(e),
+	columnWidths: te(e),
 	filters: {
 		globalText: "",
 		columnFilters: {}
@@ -386,12 +386,12 @@ var h = {
 				startX: t.startX,
 				startWidth: t.startWidth,
 				minWidth: t.minWidth || I,
-				maxWidth: t.maxWidth || L
+				maxWidth: t.maxWidth ?? Infinity
 			}
 		};
 		case "column/resizeUpdate": {
 			if (e.dragState?.type !== "columnResize") return e;
-			let n = te(e.dragState.startWidth + (t.clientX - e.dragState.startX), e.dragState.minWidth, e.dragState.maxWidth);
+			let n = L(e.dragState.startWidth + (t.clientX - e.dragState.startX), e.dragState.minWidth, e.dragState.maxWidth);
 			return e.columnWidths[e.dragState.columnKey] === n ? e : {
 				...e,
 				columnWidths: {
@@ -571,7 +571,7 @@ function de({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: i = 0, init
 }
 //#endregion
 //#region src/components/spreadsheet-grid/utils/permissions.ts
-var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 : e.canEditCell ? e.canEditCell(t, n, r, i) : !0, z = (e, t) => t.getValue ? t.getValue(e) : e[t.key], pe = (e, t, n) => t.setValue ? t.setValue(e, n) : {
+var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 : e.canEditCell ? e.canEditCell(t, n, r, i) : !0, R = (e, t) => t.getValue ? t.getValue(e) : e[t.key], pe = (e, t, n) => t.setValue ? t.setValue(e, n) : {
 	...e,
 	[t.key]: n
 }, me = (e) => {
@@ -633,24 +633,24 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	switch (r.kind) {
 		case "set": {
 			let t = new Set(r.values);
-			return r.mode === "exclude" ? (n) => !t.has(String(z(n, e) ?? "")) : (n) => t.has(String(z(n, e) ?? ""));
+			return r.mode === "exclude" ? (n) => !t.has(String(R(n, e) ?? "")) : (n) => t.has(String(R(n, e) ?? ""));
 		}
 		case "number": {
 			let t = r.parsed;
 			if (t === null) {
 				let t = r.raw.toLowerCase();
-				return (n) => String(z(n, e) ?? "").toLowerCase().includes(t);
+				return (n) => String(R(n, e) ?? "").toLowerCase().includes(t);
 			}
 			if (t.mode === "range") {
 				let { min: r, max: i } = t;
 				return (t, a) => {
-					let o = n ? n[a] : Number(z(t, e));
+					let o = n ? n[a] : Number(R(t, e));
 					return Number.isFinite(o) && o >= r && o <= i;
 				};
 			}
 			let { operator: i, value: a } = t;
 			return (t, r) => {
-				let o = n ? n[r] : Number(z(t, e));
+				let o = n ? n[r] : Number(R(t, e));
 				if (!Number.isFinite(o)) return !1;
 				switch (i) {
 					case ">": return o > a;
@@ -663,16 +663,16 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		}
 		case "select": {
 			let t = r.value;
-			return (n) => String(z(n, e) ?? "") === t;
+			return (n) => String(R(n, e) ?? "") === t;
 		}
 		case "text":
 		case "date": {
 			let t = r.value.trim().toLowerCase();
-			return (n) => String(z(n, e) ?? "").toLowerCase().includes(t);
+			return (n) => String(R(n, e) ?? "").toLowerCase().includes(t);
 		}
 		case "custom": {
 			let t = String(r.value ?? "").trim().toLowerCase();
-			return (n) => String(z(n, e) ?? "").toLowerCase().includes(t);
+			return (n) => String(R(n, e) ?? "").toLowerCase().includes(t);
 		}
 	}
 }, Se = (e, t, n, r) => {
@@ -682,7 +682,7 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	for (let r = 0; r < a; r += 1) {
 		let a = t[r], l = e[a], u = !1;
 		for (let e = 0; e < o; e += 1) {
-			let t = z(l, n[e]);
+			let t = R(l, n[e]);
 			if (String(t ?? "").toLowerCase().includes(i)) {
 				u = !0;
 				break;
@@ -708,19 +708,19 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		o && (c[l] = r, l += 1);
 	}
 	return l === o ? t : c.slice(0, l);
-}, B = 240, we = 8, Te = 8, Ee = 260, De = 400, Oe = ({ visibleColumns: e, columnFilterValues: n, enableColumnFilter: i, gridRootRef: o }) => {
+}, we = 240, z = 8, Te = 8, Ee = 260, De = 400, Oe = ({ visibleColumns: e, columnFilterValues: n, enableColumnFilter: i, gridRootRef: o }) => {
 	let [l, u] = c(null), [d, f] = c(null), p = s(null), m = s(null), h = s(null), g = s(null), _ = l !== null, v = l?.columnKey ?? null, y = a(() => v ? e.find((e) => e.key === v) ?? null : null, [v, e]), b = t(() => {
 		if (!v || !m.current) {
 			f(null);
 			return;
 		}
-		let e = m.current.getBoundingClientRect(), t = y?.filterType === "set" ? De : Ee, n = e.right - B;
-		n = Math.max(we, n), n = Math.min(n, window.innerWidth - B - we);
+		let e = m.current.getBoundingClientRect(), t = y?.filterType === "set" ? De : Ee, n = e.right - we;
+		n = Math.max(z, n), n = Math.min(n, window.innerWidth - we - z);
 		let r = e.bottom + Te;
-		r + t > window.innerHeight - we && (r = e.top - t - Te), r = Math.max(we, r), f((e) => e && e.top === r && e.left === n && e.width === B ? e : {
+		r + t > window.innerHeight - z && (r = e.top - t - Te), r = Math.max(z, r), f((e) => e && e.top === r && e.left === n && e.width === we ? e : {
 			top: r,
 			left: n,
-			width: B
+			width: we
 		});
 	}, [v, y]), x = t((e) => {
 		if (!i) return;
@@ -812,7 +812,7 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			for (let e = t.start.col; e <= t.end.col; e += 1) {
 				let t = n[e];
 				if (!t) continue;
-				let r = z(a, t), i = t.formatClipboardValue ? t.formatClipboardValue(r, a) : String(r ?? "");
+				let r = R(a, t), i = t.formatClipboardValue ? t.formatClipboardValue(r, a) : String(r ?? "");
 				o.push(i);
 			}
 			i.push(o.join("	"));
@@ -825,7 +825,7 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			let t = e(r);
 			if (!t) continue;
 			let a = n.map((e) => {
-				let n = z(t, e);
+				let n = R(t, e);
 				return e.formatClipboardValue ? e.formatClipboardValue(n, t) : String(n ?? "");
 			});
 			i.push(a.join("	"));
@@ -840,7 +840,7 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 		for (let e = a.startCol; e <= a.endCol; e += 1) {
 			let r = n[e];
 			if (!r) continue;
-			let i = z(t, r), a = r.formatClipboardValue ? r.formatClipboardValue(i, t) : String(i ?? "");
+			let i = R(t, r), a = r.formatClipboardValue ? r.formatClipboardValue(i, t) : String(i ?? "");
 			o.push(a);
 		}
 		i.push(o.join("	"));
@@ -876,7 +876,7 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 			let e = n.getRow(i);
 			if (!e) continue;
 			let a = r.map((t) => {
-				let n = z(e, t);
+				let n = R(e, t);
 				return t.formatClipboardValue ? t.formatClipboardValue(n, e) : String(n ?? "");
 			});
 			t.push(a.join("	"));
@@ -984,18 +984,18 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 }, Ve = (e, t) => {
 	let n = Be(e, t);
 	return `Cells: ${n.selectedCellCount} / Rows: ${n.selectedRowCount}`;
-}, V = (e) => Object.values(e).filter((e) => ge(e)).length, He = (e) => {
-	let t = e.globalFilterText.trim().length > 0, n = t ? Fe(e.globalFilterText.trim()) : null, r = V(e.columnFilterValues);
+}, He = (e) => Object.values(e).filter((e) => ge(e)).length, B = (e) => {
+	let t = e.globalFilterText.trim().length > 0, n = t ? Fe(e.globalFilterText.trim()) : null, r = He(e.columnFilterValues);
 	return !t && r === 0 ? "Filter: なし" : t && r === 0 ? `Filter: Global("${n}")` : !t && r > 0 ? `Filter: ${r}列` : `Filter: Global("${n}") + ${r}列`;
 }, Ue = (e, t) => {
 	let n = e.find((e) => e.key === t);
 	return n?.title || n?.key || t;
 }, We = (e) => e.sortState.length === 0 ? "Sort: なし" : `Sort: ${e.sortState.map((t) => `${Ue(e.columns, t.columnKey)} (${t.direction === "asc" ? "昇順" : "降順"})`).join(", ")}`, Ge = (e, t) => {
-	let n = Be(e, t), r = e.globalFilterText.trim().length > 0, i = r ? Fe(e.globalFilterText.trim()) : null, a = V(e.columnFilterValues), o = r || a > 0, s = e.sortState.length > 0, c = s ? Ue(e.columns, e.sortState[0].columnKey) : null;
+	let n = Be(e, t), r = e.globalFilterText.trim().length > 0, i = r ? Fe(e.globalFilterText.trim()) : null, a = He(e.columnFilterValues), o = r || a > 0, s = e.sortState.length > 0, c = s ? Ue(e.columns, e.sortState[0].columnKey) : null;
 	return {
 		rowSummaryText: Re(e, t),
 		columnSummaryText: ze(e),
-		filterSummaryText: He(e),
+		filterSummaryText: B(e),
 		sortSummaryText: We(e),
 		activeCellLabel: Ie(e.activeCell),
 		selectionLabel: Le(e.selection),
@@ -1231,7 +1231,7 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	for (let n = 0; n < o; n += 1) {
 		let r = i[n].column, o = new Float64Array(a), s = !0;
 		for (let n = 0; n < a; n += 1) {
-			let i = Number(z(e[t[n]], r));
+			let i = Number(R(e[t[n]], r));
 			if (!Number.isFinite(i)) {
 				s = !1;
 				break;
@@ -1262,7 +1262,7 @@ var fe = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
 	else {
 		let n = i.map(({ column: n }) => {
 			let r = Array(a);
-			for (let i = 0; i < a; i += 1) r[i] = z(e[t[i]], n);
+			for (let i = 0; i < a; i += 1) r[i] = R(e[t[i]], n);
 			return r;
 		});
 		u.sort((e, r) => {
@@ -1559,7 +1559,7 @@ function vt(e, t, n, r) {
 		...o.right
 	];
 }
-var yt = 24, bt = 18, xt = 32, St = 2, H = 14, Ct = 12, wt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"5 9 2 12 5 15\"/><polyline points=\"9 5 12 2 15 5\"/><polyline points=\"15 19 12 22 9 19\"/><polyline points=\"19 9 22 12 19 15\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"/></svg>", U = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"22\"/><path d=\"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z\"/></svg>", Tt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"4.9\" y1=\"4.9\" x2=\"19.1\" y2=\"19.1\"/></svg>", W = {
+var yt = 24, bt = 18, xt = 32, St = 2, Ct = 14, V = 12, wt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"5 9 2 12 5 15\"/><polyline points=\"9 5 12 2 15 5\"/><polyline points=\"15 19 12 22 9 19\"/><polyline points=\"19 9 22 12 19 15\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"/></svg>", Tt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"22\"/><path d=\"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z\"/></svg>", H = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"4.9\" y1=\"4.9\" x2=\"19.1\" y2=\"19.1\"/></svg>", U = {
 	normal: {
 		border: "#2563eb",
 		background: "#eff6ff",
@@ -1594,9 +1594,9 @@ var yt = 24, bt = 18, xt = 32, St = 2, H = 14, Ct = 12, wt = "<svg viewBox=\"0 0
 			"gap:6px",
 			"padding:4px 10px 4px 8px",
 			"border-radius:9999px",
-			"border:1px solid " + W.normal.border,
-			"background:" + W.normal.background,
-			"color:" + W.normal.color,
+			"border:1px solid " + U.normal.border,
+			"background:" + U.normal.background,
+			"color:" + U.normal.color,
 			"font-size:12px",
 			"font-weight:600",
 			"line-height:1",
@@ -1616,12 +1616,12 @@ var yt = 24, bt = 18, xt = 32, St = 2, H = 14, Ct = 12, wt = "<svg viewBox=\"0 0
 		let t = f.current;
 		if (!t) return;
 		let { x: n, y: r } = u.current;
-		t.style.transform = "translate(" + (n + H) + "px," + (r + Ct) + "px)";
+		t.style.transform = "translate(" + (n + Ct) + "px," + (r + V) + "px)";
 		let i = e ?? "out";
 		if (m.current === i) return;
 		m.current = i;
 		let a = p.current;
-		i === "out" ? (t.style.borderColor = W.out.border, t.style.background = W.out.background, t.style.color = W.out.color, a && (a.innerHTML = Tt)) : (t.style.borderColor = W.normal.border, t.style.background = W.normal.background, t.style.color = W.normal.color, a && (a.innerHTML = i === "center" ? wt : U));
+		i === "out" ? (t.style.borderColor = U.out.border, t.style.background = U.out.background, t.style.color = U.out.color, a && (a.innerHTML = H)) : (t.style.borderColor = U.normal.border, t.style.background = U.normal.background, t.style.color = U.normal.color, a && (a.innerHTML = i === "center" ? wt : Tt));
 	}, []), v = t(() => {
 		let e = f.current;
 		e && e.parentNode && e.parentNode.removeChild(e), f.current = null, p.current = null, m.current = null;
@@ -1798,8 +1798,8 @@ var yt = 24, bt = 18, xt = 32, St = 2, H = 14, Ct = 12, wt = "<svg viewBox=\"0 0
 		totalBodyHeight: t[n],
 		rowAtContentY: (e) => At(t, n, e)
 	};
-}, G = 21, K = 4, Mt = 141, Nt = 13, Pt = 600, q = 60, Ft = 1e3, It = 16, Lt = null, Rt = () => Lt || (typeof document > "u" ? null : (Lt = document.createElement("canvas").getContext("2d"), Lt)), zt = "system-ui, sans-serif", Bt = (e) => {
-	let t = zt, n = 13, r = "400";
+}, Mt = 21, W = 4, G = 41, Nt = 13, Pt = 600, Ft = 60, It = 16, K = null, Lt = () => K || (typeof document > "u" ? null : (K = document.createElement("canvas").getContext("2d"), K)), Rt = "system-ui, sans-serif", zt = (e) => {
+	let t = Rt, n = 13, r = "400";
 	if (e && typeof window < "u") {
 		let i = window.getComputedStyle(e);
 		i.fontFamily && (t = i.fontFamily);
@@ -1810,68 +1810,131 @@ var yt = 24, bt = 18, xt = 32, St = 2, H = 14, Ct = 12, wt = "<svg viewBox=\"0 0
 		cellFont: `${r} ${n}px ${t}`,
 		headerFont: `${Pt} ${Nt}px ${t}`
 	};
-}, Vt = (e, t, n) => Math.min(Math.max(e, t), n), Ht = (e) => e >= 4352 && e <= 4447 || e >= 11904 && e <= 12350 || e >= 12353 && e <= 13311 || e >= 13312 && e <= 19903 || e >= 19968 && e <= 40959 || e >= 40960 && e <= 42191 || e >= 44032 && e <= 55203 || e >= 63744 && e <= 64255 || e >= 65072 && e <= 65103 || e >= 65280 && e <= 65376 || e >= 65504 && e <= 65510 || e >= 127744 && e <= 129791 || e >= 131072 && e <= 262141, Ut = (e) => {
+}, Bt = (e, t, n) => Math.min(Math.max(e, t), n), Vt = (e) => e >= 4352 && e <= 4447 || e >= 11904 && e <= 12350 || e >= 12353 && e <= 13311 || e >= 13312 && e <= 19903 || e >= 19968 && e <= 40959 || e >= 40960 && e <= 42191 || e >= 44032 && e <= 55203 || e >= 63744 && e <= 64255 || e >= 65072 && e <= 65103 || e >= 65280 && e <= 65376 || e >= 65504 && e <= 65510 || e >= 127744 && e <= 129791 || e >= 131072 && e <= 262141, Ht = (e) => {
 	let t = 0;
 	for (let n of e) {
 		let e = n.codePointAt(0) ?? 0;
-		t += Ht(e) ? 2 : 1;
+		t += Vt(e) ? 2 : 1;
 	}
 	return t;
-};
-function Wt(e) {
-	let t = e.map(() => []), n = e.map(() => []), r = e.map(() => Infinity);
+}, Ut = (e, t) => {
+	let n = R(e, t);
+	return t.valueFormatter ? t.valueFormatter({
+		value: n,
+		row: e,
+		column: t
+	}) : String(n ?? "");
+}, Wt = (e) => {
+	if (!e || typeof document > "u") return null;
+	let t = document.createElement("div");
+	return t.setAttribute("aria-hidden", "true"), t.style.cssText = "position:absolute;top:-99999px;left:-99999px;visibility:hidden;pointer-events:none;width:auto;height:auto;contain:layout style;", e.appendChild(t), t;
+}, Gt = (e) => {
+	let t = document.createElement("div");
+	return t.className = "ssg-body-cell", t.style.cssText = "display:inline-block;position:static;top:auto;left:auto;width:auto;height:auto;white-space:nowrap;overflow:visible;", t.textContent = e, t;
+}, Kt = (e) => e.suppressAutoSize === !0 || e.autoHeight === !0;
+function qt(e) {
+	let t = e.map(() => []), n = e.map(() => []), r = e.map(() => Infinity), i = e.map(() => 0);
 	return {
-		collect: (i) => {
-			for (let a = 0; a < e.length; a += 1) {
-				let o = String(z(i, e[a]) ?? "");
-				if (o === "") continue;
-				let s = t[a], c = n[a];
-				if (s.length === It && 2 * o.length <= r[a]) continue;
-				let l = Ut(o);
-				if (s.length < It) {
-					if (s.push(o), c.push(l), s.length === It) {
-						let e = c[0];
-						for (let t = 1; t < It; t += 1) c[t] < e && (e = c[t]);
-						r[a] = e;
+		collect: (a) => {
+			for (let o = 0; o < e.length; o += 1) {
+				if (Kt(e[o])) continue;
+				let s = e[o].estimateCellWidth;
+				if (s) {
+					let t = s(a, e[o]);
+					t > i[o] && (i[o] = t);
+					continue;
+				}
+				let c = String(R(a, e[o]) ?? "");
+				if (c === "") continue;
+				let l = t[o], u = n[o];
+				if (l.length === It && 2 * c.length <= r[o]) continue;
+				let d = Ht(c);
+				if (l.length < It) {
+					if (l.push(a), u.push(d), l.length === It) {
+						let e = u[0];
+						for (let t = 1; t < It; t += 1) u[t] < e && (e = u[t]);
+						r[o] = e;
 					}
 					continue;
 				}
-				if (l <= r[a]) continue;
-				let u = 0;
-				for (let e = 1; e < It; e += 1) c[e] < c[u] && (u = e);
-				s[u] = o, c[u] = l;
-				let d = c[0];
-				for (let e = 1; e < It; e += 1) c[e] < d && (d = c[e]);
-				r[a] = d;
+				if (d <= r[o]) continue;
+				let f = 0;
+				for (let e = 1; e < It; e += 1) u[e] < u[f] && (f = e);
+				l[f] = a, u[f] = d;
+				let p = u[0];
+				for (let e = 1; e < It; e += 1) u[e] < p && (p = u[e]);
+				r[o] = p;
 			}
 		},
 		finalize: ({ gridRoot: n, currentWidths: r }) => {
-			let i = Rt();
-			if (!i || e.length === 0) return {};
-			let { cellFont: a, headerFont: o } = Bt(n), s = {};
-			for (let n = 0; n < e.length; n += 1) {
-				let c = e[n];
-				i.font = o;
-				let l = c.title || c.key, u = i.measureText(l).width + K + Mt;
-				i.font = a;
-				let d = 0, f = t[n];
-				for (let e = 0; e < f.length; e += 1) {
-					let t = i.measureText(f[e]).width;
-					t > d && (d = t);
+			let a = Lt();
+			if (!a || e.length === 0) return {};
+			let { cellFont: o, headerFont: s } = zt(n), c = {}, l = Wt(n);
+			try {
+				let n = null;
+				if (l) {
+					let r = [];
+					for (let n = 0; n < e.length; n += 1) {
+						if (Kt(e[n])) {
+							r.push([]);
+							continue;
+						}
+						if (e[n].estimateCellWidth) {
+							r.push([]);
+							continue;
+						}
+						let i = t[n], a = [];
+						for (let t = 0; t < i.length; t += 1) {
+							let r = Ut(i[t], e[n]);
+							if (r === "") continue;
+							let o = Gt(r);
+							l.appendChild(o), a.push(o);
+						}
+						r.push(a);
+					}
+					n = r.map((e) => {
+						let t = 0;
+						for (let n = 0; n < e.length; n += 1) {
+							let r = e[n].offsetWidth;
+							r > t && (t = r);
+						}
+						return t;
+					});
 				}
-				let p = d > 0 ? d + K + G : 0, m = Math.ceil(Vt(Math.max(u, p), c.minWidth ?? q, c.maxWidth ?? Ft));
-				r[c.key] !== m && (s[c.key] = m);
+				for (let l = 0; l < e.length; l += 1) {
+					let u = e[l];
+					if (Kt(u)) continue;
+					a.font = s;
+					let d = u.title || u.key, f = a.measureText(d).width + W + G, p;
+					if (u.estimateCellWidth) p = i[l] > 0 ? i[l] + Mt : 0;
+					else if (n) p = n[l];
+					else {
+						a.font = o;
+						let e = 0, n = t[l];
+						for (let t = 0; t < n.length; t += 1) {
+							let r = Ut(n[t], u);
+							if (r === "") continue;
+							let i = a.measureText(r).width;
+							i > e && (e = i);
+						}
+						p = e > 0 ? e + W + Mt : 0;
+					}
+					let m = Math.ceil(Bt(Math.max(f, p), u.minWidth ?? Ft, u.maxWidth ?? Infinity));
+					r[u.key] !== m && (c[u.key] = m);
+				}
+			} finally {
+				l && l.parentNode && l.parentNode.removeChild(l);
 			}
-			return s;
+			return c;
 		}
 	};
 }
-function Gt() {
-	return Rt() !== null;
+function Jt() {
+	return Lt() !== null;
 }
 //#endregion
 //#region src/components/spreadsheet-grid/utils/scheduler.ts
-var Kt = () => new Promise((e) => {
+var Yt = () => new Promise((e) => {
 	if (typeof MessageChannel > "u") {
 		setTimeout(e, 0);
 		return;
@@ -1880,7 +1943,7 @@ var Kt = () => new Promise((e) => {
 	t.port1.onmessage = () => {
 		t.port1.close(), e();
 	}, t.port2.postMessage(null);
-}), qt = 10, Jt = 180, Yt = () => typeof performance < "u" ? performance.now() : Date.now(), Xt = ({ rowModelRef: e, gridRootRef: n, columnWidthsRef: i, dispatch: a }) => {
+}), Xt = 10, Zt = 180, Qt = () => typeof performance < "u" ? performance.now() : Date.now(), $t = ({ rowModelRef: e, gridRootRef: n, columnWidthsRef: i, dispatch: a }) => {
 	let [o, l] = c(!1), u = s(0), d = s(null), f = () => {
 		d.current !== null && (clearTimeout(d.current), d.current = null);
 	};
@@ -1889,22 +1952,22 @@ var Kt = () => new Promise((e) => {
 	}, []), {
 		isAutosizing: o,
 		runAutosize: t(async (t) => {
-			if (t.length === 0 || !Gt()) return;
+			if (t.length === 0 || !Jt()) return;
 			let r = u.current += 1;
 			f();
-			let o = e.current, s = o.getRowCount(), c = n.current, p = i.current, m = Wt(t);
+			let o = e.current, s = o.getRowCount(), c = n.current, p = i.current, m = qt(t);
 			d.current = setTimeout(() => {
 				u.current === r && l(!0);
-			}, Jt);
+			}, Zt);
 			try {
 				let t = 0;
 				for (; t < s;) {
-					let n = Yt();
-					for (; t < s && Yt() - n < qt;) {
+					let n = Qt();
+					for (; t < s && Qt() - n < Xt;) {
 						let e = o.getRow(t);
 						e && m.collect(e), t += 1;
 					}
-					if (t < s && (await Kt(), u.current !== r || e.current !== o)) return;
+					if (t < s && (await Yt(), u.current !== r || e.current !== o)) return;
 				}
 				let n = m.finalize({
 					gridRoot: c,
@@ -1921,7 +1984,7 @@ var Kt = () => new Promise((e) => {
 			e
 		])
 	};
-}, Zt = () => {
+}, en = () => {
 	let e = /* @__PURE__ */ new Set(), t = [];
 	return {
 		collect(n) {
@@ -1935,42 +1998,42 @@ var Kt = () => new Promise((e) => {
 			return t.sort((e, t) => Ze.compare(e.label, t.label));
 		}
 	};
-}, Qt = (e, t) => {
-	let n = Zt();
+}, tn = (e, t) => {
+	let n = en();
 	for (let r = 0; r < e; r += 1) n.collect(t(r));
 	return n.finalize();
-}, $t = 10, J = () => typeof performance < "u" ? performance.now() : Date.now(), en = [], tn = /* @__PURE__ */ new Set(), nn = {
+}, q = 10, nn = () => typeof performance < "u" ? performance.now() : Date.now(), rn = [], an = /* @__PURE__ */ new Set(), on = {
 	status: "idle",
-	options: en,
-	allValues: tn,
+	options: rn,
+	allValues: an,
 	progress: 0
-}, rn = {
+}, sn = {
 	status: "collecting",
-	options: en,
-	allValues: tn,
+	options: rn,
+	allValues: an,
 	progress: 0
-}, an = (e) => new Set(e.map((e) => e.value)), on = {
+}, cn = (e) => new Set(e.map((e) => e.value)), ln = {
 	source: null,
 	rowCount: 0,
-	result: nn
-}, sn = ({ column: e, rowCount: t, getRawValueAt: n }) => {
+	result: on
+}, un = ({ column: e, rowCount: t, getRawValueAt: n }) => {
 	let i = e?.filterType ?? null, o = i === "select" || i === "set", s = e?.filterOptions && e.filterOptions.length > 0 ? e.filterOptions : null, l = o && s === null && t > 5e4, u = a(() => {
-		if (!e || !o) return nn;
+		if (!e || !o) return on;
 		if (s) {
 			let e = s;
 			return {
 				status: "ready",
 				options: e,
-				allValues: an(e),
+				allValues: cn(e),
 				progress: 1
 			};
 		}
 		if (!l) {
-			let e = Qt(t, n);
+			let e = tn(t, n);
 			return {
 				status: "ready",
 				options: e,
-				allValues: an(e),
+				allValues: cn(e),
 				progress: 1
 			};
 		}
@@ -1982,24 +2045,24 @@ var Kt = () => new Promise((e) => {
 		l,
 		t,
 		n
-	]), [d, f] = c(on);
+	]), [d, f] = c(ln);
 	r(() => {
 		if (u !== null) return;
-		let e = n, r = t, i = Zt(), a = !1;
+		let e = n, r = t, i = en(), a = !1;
 		return (async () => {
 			let t = 0;
 			for (; t < r;) {
-				let n = J();
-				for (; t < r && J() - n < $t;) i.collect(e(t)), t += 1;
+				let n = nn();
+				for (; t < r && nn() - n < q;) i.collect(e(t)), t += 1;
 				if (t < r) {
-					if (await Kt(), a) return;
+					if (await Yt(), a) return;
 					f({
 						source: e,
 						rowCount: r,
 						result: {
 							status: "collecting",
-							options: en,
-							allValues: tn,
+							options: rn,
+							allValues: an,
 							progress: t / r
 						}
 					});
@@ -2013,7 +2076,7 @@ var Kt = () => new Promise((e) => {
 				result: {
 					status: "ready",
 					options: n,
-					allValues: an(n),
+					allValues: cn(n),
 					progress: 1
 				}
 			});
@@ -2025,12 +2088,12 @@ var Kt = () => new Promise((e) => {
 		t,
 		n
 	]);
-	let p = d.source === n && d.rowCount === t ? d.result : rn;
+	let p = d.source === n && d.rowCount === t ? d.result : sn;
 	return u ?? p;
 };
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideCache.ts
-function cn(e) {
+function dn(e) {
 	let t = e.blockSize, n = e.maxBlocks, r = /* @__PURE__ */ new Map(), i = (e) => {
 		let t = r.get(e);
 		t !== void 0 && (r.delete(e), r.set(e, t));
@@ -2062,22 +2125,22 @@ function cn(e) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideBlocks.ts
-function ln(e, t) {
+function fn(e, t) {
 	return Math.floor(e / t);
 }
-function un(e, t, n, r) {
+function J(e, t, n, r) {
 	if (n <= 0 || r <= 0) return [];
 	let i = Math.max(0, Math.floor(e)), a = Math.min(r, Math.floor(t));
 	if (a <= i) return [];
-	let o = ln(i, n), s = ln(a - 1, n), c = [];
+	let o = fn(i, n), s = fn(a - 1, n), c = [];
 	for (let e = o; e <= s; e += 1) c.push(e);
 	return c;
 }
 //#endregion
 //#region src/components/spreadsheet-grid/hooks/useServerSideRowModel.ts
-var Y = 100, dn = 64, fn = 120;
-function pn(e) {
-	let { dataSource: n, rowKeyGetter: i, query: o, queryKey: l, refreshToken: u } = e, d = n?.blockSize ?? Y, f = n?.maxCachedBlocks ?? dn, p = e.debounceMs ?? fn, [m] = c(() => cn({
+var pn = 100, mn = 64, hn = 120;
+function gn(e) {
+	let { dataSource: n, rowKeyGetter: i, query: o, queryKey: l, refreshToken: u } = e, d = n?.blockSize ?? pn, f = n?.maxCachedBlocks ?? mn, p = e.debounceMs ?? hn, [m] = c(() => dn({
 		blockSize: d,
 		maxBlocks: f
 	})), [h, g] = c(n?.initialRowCount ?? 0), [_, v] = c(0), y = s(h), b = s(!1), x = s(/* @__PURE__ */ new Map()), S = s(null), C = s({
@@ -2104,7 +2167,7 @@ function pn(e) {
 		n,
 		o
 	]), T = t(() => {
-		let { start: e, end: t } = C.current, n = un(e, t, d, y.current), r = new Set(n);
+		let { start: e, end: t } = C.current, n = J(e, t, d, y.current), r = new Set(n);
 		for (let [e, t] of x.current) r.has(e) || (t.abort(), x.current.delete(e));
 		for (let e of n) w(e);
 	}, [d, w]), E = t(() => {
@@ -2115,7 +2178,7 @@ function pn(e) {
 		n != null && (C.current = {
 			start: e,
 			end: t
-		}, m.touchBlocks(un(e, t, d, y.current)), E());
+		}, m.touchBlocks(J(e, t, d, y.current)), E());
 	}, [
 		m,
 		d,
@@ -2173,7 +2236,7 @@ function pn(e) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/logic/serverSideQuery.ts
-var mn = (e) => {
+var _n = (e) => {
 	let t = {}, n = e.globalText.trim();
 	n.length > 0 && (t.globalText = n);
 	let r = {}, i = !1;
@@ -2182,27 +2245,27 @@ var mn = (e) => {
 		ge(n) && (r[t] = n, i = !0);
 	}
 	return i && (t.columnFilters = r), e.sort.length > 0 && (t.sort = e.sort), t;
-}, hn = (e) => {
+}, vn = (e) => {
 	let t = e.columnFilters ?? {}, n = Object.keys(t).sort().map((e) => [e, t[e]]), r = e.sort ?? [];
 	return JSON.stringify({
 		g: e.globalText ?? "",
 		s: r.map((e) => [e.columnKey, e.direction]),
 		c: n
 	});
-}, gn = (e, t) => e === null ? !0 : e.mode === "include" ? e.values.has(t) : !e.values.has(t), _n = 28;
-function vn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i, onSelectAllChange: o, onRequestClose: p, isServerSide: m }) {
+}, yn = (e, t) => e === null ? !0 : e.mode === "include" ? e.values.has(t) : !e.values.has(t), bn = 28;
+function xn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i, onSelectAllChange: o, onRequestClose: p, isServerSide: m }) {
 	let [h, g] = c(""), _ = n(h), v = a(() => {
 		let t = _.trim().toLowerCase();
 		return t ? e.filter((e) => e.label.toLowerCase().includes(t)) : e;
 	}, [e, _]), y = _.trim().length > 0, b = s(null), x = l({
 		count: v.length,
 		getScrollElement: () => b.current,
-		estimateSize: () => _n,
+		estimateSize: () => bn,
 		overscan: 10
 	}), S = a(() => {
 		if (t === null) return v.length;
 		let e = 0;
-		for (let n of v) gn(t, n.value) && (e += 1);
+		for (let n of v) yn(t, n.value) && (e += 1);
 		return e;
 	}, [t, v]), C = v.length > 0 && S === v.length, w = S > 0 && !C, T = t === null ? e.length : t.mode === "include" ? t.values.size : e.length - t.values.size;
 	return /* @__PURE__ */ f(u, { children: [
@@ -2245,7 +2308,7 @@ function vn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i,
 				children: x.getVirtualItems().map((e) => {
 					let n = v[e.index];
 					if (!n) return null;
-					let r = gn(t, n.value);
+					let r = yn(t, n.value);
 					return /* @__PURE__ */ f("label", {
 						className: "ssg-filter-option",
 						style: {
@@ -2277,7 +2340,7 @@ function vn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i,
 		})
 	] });
 }
-function yn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueText: i, layout: a, selectOptions: o, optionsStatus: s, optionsProgress: c, setSelection: l, popoverRef: m, textInputRef: h, selectRef: g, onRequestClose: _, onDraftChange: v, onApply: y, onClear: b, onSetValueToggle: x, onSetSelectAllChange: S, onSetClear: C, isServerSide: w = !1 }) {
+function Sn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueText: i, layout: a, selectOptions: o, optionsStatus: s, optionsProgress: c, setSelection: l, popoverRef: m, textInputRef: h, selectRef: g, onRequestClose: _, onDraftChange: v, onApply: y, onClear: b, onSetValueToggle: x, onSetSelectAllChange: S, onSetClear: C, isServerSide: w = !1 }) {
 	if (typeof document > "u" || !e || !a) return null;
 	let T = {
 		top: a.top,
@@ -2309,7 +2372,7 @@ function yn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueTex
 					Math.round(c * 100),
 					"%"
 				]
-			}) : O ? /* @__PURE__ */ d(vn, {
+			}) : O ? /* @__PURE__ */ d(xn, {
 				options: o,
 				setSelection: l,
 				searchInputRef: h,
@@ -2424,7 +2487,7 @@ function yn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueTex
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/DefaultGridBottomBar.tsx
-function bn({ context: e, showCounts: t = !0 }) {
+function Cn({ context: e, showCounts: t = !0 }) {
 	let { derivedSummary: n } = e;
 	return /* @__PURE__ */ d("div", {
 		className: "ssg-bar--bottom",
@@ -2465,7 +2528,7 @@ function bn({ context: e, showCounts: t = !0 }) {
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/DefaultGridTopBar.tsx
-function xn({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r = !0 }) {
+function wn({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r = !0 }) {
 	let { derivedSummary: i } = e;
 	return /* @__PURE__ */ d("div", {
 		className: "ssg-bar--top",
@@ -2514,7 +2577,7 @@ function xn({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/GridBodyLayer.tsx
-function Sn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i, row: a, top: o, renderEntries: s, rowHeight: c, autoHeight: l, autoHeightMinHeight: u, rowHeaderCellStyle: p, isRowHovered: h, isWholeGridSelected: g, isRowSelected: _, activeColInRow: v, editingColInRow: y, selectedColStart: b, selectedColEnd: x, readOnly: S, canEditCell: C, onRowHeaderPointerDown: w, onRowHeaderPointerEnter: T, onRowHeaderPointerLeave: E, onCellPointerDown: D, onCellPointerEnter: O, onCellDoubleClick: k, renderCellContent: A, rowClassName: j, bodyCellClassName: M, bodyRowClassName: N, rowHeaderCellClassName: P }) {
+function Y({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i, row: a, top: o, renderEntries: s, rowHeight: c, autoHeight: l, autoHeightMinHeight: u, rowHeaderCellStyle: p, isRowHovered: h, isWholeGridSelected: g, isRowSelected: _, activeColInRow: v, editingColInRow: y, selectedColStart: b, selectedColEnd: x, readOnly: S, canEditCell: C, onRowHeaderPointerDown: w, onRowHeaderPointerEnter: T, onRowHeaderPointerLeave: E, onCellPointerDown: D, onCellPointerEnter: O, onCellDoubleClick: k, renderCellContent: A, rowClassName: j, bodyCellClassName: M, bodyRowClassName: N, rowHeaderCellClassName: P }) {
 	return /* @__PURE__ */ f("div", {
 		"data-pane": e,
 		"data-row-index": r,
@@ -2543,7 +2606,7 @@ function Sn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i
 				row: a,
 				rowIndex: r,
 				colIndex: t,
-				value: z(a, o),
+				value: R(a, o),
 				column: o,
 				isActive: p,
 				isSelected: w,
@@ -2583,13 +2646,13 @@ function Sn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i
 		})]
 	});
 }
-var X = e(Sn), Cn = [
+var Tn = e(Y), En = [
 	"62%",
 	"46%",
 	"78%",
 	"54%"
 ];
-function wn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, rowHeight: a, renderEntries: o, rowHeaderCellStyle: s, isRowHovered: c, onRowHeaderPointerDown: l, onRowHeaderPointerEnter: u, onRowHeaderPointerLeave: p, onCellPointerDown: h, onCellPointerEnter: g, bodyCellClassName: _, bodyRowClassName: v, rowHeaderCellClassName: y }) {
+function Dn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, rowHeight: a, renderEntries: o, rowHeaderCellStyle: s, isRowHovered: c, onRowHeaderPointerDown: l, onRowHeaderPointerEnter: u, onRowHeaderPointerLeave: p, onCellPointerDown: h, onCellPointerEnter: g, bodyCellClassName: _, bodyRowClassName: v, rowHeaderCellClassName: y }) {
 	return /* @__PURE__ */ f("div", {
 		"data-pane": e,
 		"data-row-index": r,
@@ -2611,7 +2674,7 @@ function wn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, r
 			children: r + 1
 		}), o.map((t) => {
 			if (!t) return null;
-			let i = t.logicalIndex, o = n + t.paneLocalStart, s = t.paneLocalSize, l = Cn[i % Cn.length];
+			let i = t.logicalIndex, o = n + t.paneLocalStart, s = t.paneLocalSize, l = En[i % En.length];
 			return /* @__PURE__ */ d("div", {
 				className: m("ssg-body-cell", c && "ssg-body-cell--row-hovered", _),
 				onPointerDown: (e) => h({
@@ -2638,8 +2701,8 @@ function wn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, r
 		})]
 	});
 }
-var Tn = e(wn);
-function En({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRows: i, virtualRowIndexes: a, renderEntries: o, rowHeight: s, autoHeight: c = !1, isServerSide: l = !1, rowHeaderCellStyle: f, hoveredRowIndex: p, isWholeGridSelected: m, activeCell: h, editingCell: g, selectionSnapshot: _, readOnly: v, canEditCell: y, onRowHeaderPointerDown: b, onRowHeaderPointerEnter: x, onRowHeaderPointerLeave: S, onCellPointerDown: C, onCellPointerEnter: w, onCellDoubleClick: T, renderCellContent: E, getRowClassName: D, bodyCellClassName: O, bodyRowClassName: k, rowHeaderCellClassName: A }) {
+var On = e(Dn);
+function kn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRows: i, virtualRowIndexes: a, renderEntries: o, rowHeight: s, autoHeight: c = !1, isServerSide: l = !1, rowHeaderCellStyle: f, hoveredRowIndex: p, isWholeGridSelected: m, activeCell: h, editingCell: g, selectionSnapshot: _, readOnly: v, canEditCell: y, onRowHeaderPointerDown: b, onRowHeaderPointerEnter: x, onRowHeaderPointerLeave: S, onCellPointerDown: C, onCellPointerEnter: w, onCellDoubleClick: T, renderCellContent: E, getRowClassName: D, bodyCellClassName: O, bodyRowClassName: k, rowHeaderCellClassName: A }) {
 	return /* @__PURE__ */ d(u, { children: i.map((i) => {
 		let u = i.index;
 		if (!a.has(u)) return null;
@@ -2647,7 +2710,7 @@ function En({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
 		if (!M) {
 			if (!l) return null;
 			let a = r.getRowKey(u) ?? u;
-			return /* @__PURE__ */ d(Tn, {
+			return /* @__PURE__ */ d(On, {
 				pane: e,
 				ownsRowHeader: t,
 				leadingWidth: n,
@@ -2667,8 +2730,8 @@ function En({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
 				rowHeaderCellClassName: A
 			}, String(a));
 		}
-		let N = r.getRowKey(u) ?? u, P = _.kind === "row" && u >= _.startRow && u <= _.endRow, F = _.kind === "cell" && u >= _.startRow && u <= _.endRow, ee = _.kind === "col" || F ? _.startCol : -1, I = _.kind === "col" || F ? _.endCol : -1, L = h && h.row === u ? h.col : -1, te = g && g.row === u ? g.col : -1, R = D?.(M, u);
-		return /* @__PURE__ */ d(X, {
+		let N = r.getRowKey(u) ?? u, P = _.kind === "row" && u >= _.startRow && u <= _.endRow, F = _.kind === "cell" && u >= _.startRow && u <= _.endRow, ee = _.kind === "col" || F ? _.startCol : -1, I = _.kind === "col" || F ? _.endCol : -1, L = h && h.row === u ? h.col : -1, te = g && g.row === u ? g.col : -1, ne = D?.(M, u);
+		return /* @__PURE__ */ d(Tn, {
 			pane: e,
 			ownsRowHeader: t,
 			leadingWidth: n,
@@ -2697,7 +2760,7 @@ function En({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
 			onCellPointerEnter: w,
 			onCellDoubleClick: T,
 			renderCellContent: E,
-			rowClassName: R,
+			rowClassName: ne,
 			bodyCellClassName: O,
 			bodyRowClassName: k,
 			rowHeaderCellClassName: A
@@ -2706,7 +2769,7 @@ function En({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
 }
 //#endregion
 //#region src/components/spreadsheet-grid/view/GridHeaderRow.tsx
-function Dn({ isActive: e, title: t, className: n, onPointerDown: r, children: i }) {
+function An({ isActive: e, title: t, className: n, onPointerDown: r, children: i }) {
 	return /* @__PURE__ */ d("button", {
 		type: "button",
 		title: t,
@@ -2715,7 +2778,7 @@ function Dn({ isActive: e, title: t, className: n, onPointerDown: r, children: i
 		children: i
 	});
 }
-function On({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHeaderCellStyle: i, headerRowClassName: a, headerCellClassName: o, rowHeaderCellClassName: s, isCornerHovered: c, isWholeGridSelected: l, filteredRowsLength: u, visibleColumnsLength: p, renderEntries: h, hoveredColumnIndex: g, selectionSnapshot: _, columnFilterValues: v, sortState: y, iconButtonClassName: b, onCornerPointerDown: x, onCornerPointerEnter: S, onCornerPointerLeave: C, onColumnHeaderPointerDown: w, onColumnHeaderPointerEnter: T, onColumnHeaderPointerLeave: E, onColumnResizePointerDown: D, enableColumnResize: O, enableColumnMenu: k, openedMenuColumnKey: A, onColumnMenuButtonPointerDown: j, onColumnHeaderContextMenu: M, onColumnDragHandlePointerDown: N }) {
+function jn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHeaderCellStyle: i, headerRowClassName: a, headerCellClassName: o, rowHeaderCellClassName: s, isCornerHovered: c, isWholeGridSelected: l, filteredRowsLength: u, visibleColumnsLength: p, renderEntries: h, hoveredColumnIndex: g, selectionSnapshot: _, columnFilterValues: v, sortState: y, iconButtonClassName: b, onCornerPointerDown: x, onCornerPointerEnter: S, onCornerPointerLeave: C, onColumnHeaderPointerDown: w, onColumnHeaderPointerEnter: T, onColumnHeaderPointerLeave: E, onColumnResizePointerDown: D, enableColumnResize: O, enableColumnMenu: k, openedMenuColumnKey: A, onColumnMenuButtonPointerDown: j, onColumnHeaderContextMenu: M, onColumnDragHandlePointerDown: N }) {
 	return /* @__PURE__ */ f("div", {
 		"data-pane": e,
 		className: m("ssg-header-row", a),
@@ -2831,7 +2894,7 @@ function On({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
 									})
 								]
 							})
-						}), S && /* @__PURE__ */ d(Dn, {
+						}), S && /* @__PURE__ */ d(An, {
 							title: "列メニュー",
 							isActive: x,
 							className: b,
@@ -2848,7 +2911,7 @@ function On({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
 		})]
 	});
 }
-var kn = e(On), An = 200, jn = 8, Mn = 6, Nn = 289, Pn = ({ visibleColumns: e, enableColumnMenu: n, gridRootRef: i }) => {
+var Mn = e(jn), Nn = 200, X = 8, Pn = 6, Fn = 289, In = ({ visibleColumns: e, enableColumnMenu: n, gridRootRef: i }) => {
 	let [o, l] = c(null), [u, d] = c(null), f = s(null), p = s(null), m = s(null), h = s(o);
 	h.current = o;
 	let g = o !== null, _ = o?.columnKey ?? null, v = a(() => _ ? e.find((e) => e.key === _) ?? null : null, [_, e]), y = t(() => {
@@ -2863,16 +2926,16 @@ var kn = e(On), An = 200, jn = 8, Mn = 6, Nn = 289, Pn = ({ visibleColumns: e, e
 				return;
 			}
 			let i = r.getBoundingClientRect();
-			t = i.right - An, e = i.bottom + Mn, n = i.top - Nn - Mn;
-		} else if (i) t = i.x, e = i.y, n = i.y - Nn;
+			t = i.right - Nn, e = i.bottom + Pn, n = i.top - Fn - Pn;
+		} else if (i) t = i.x, e = i.y, n = i.y - Fn;
 		else {
 			d(null);
 			return;
 		}
-		t = Math.max(jn, t), t = Math.min(t, window.innerWidth - An - jn), e + Nn > window.innerHeight - jn && (e = n), e = Math.max(jn, e), d((n) => n && n.top === e && n.left === t && n.width === An ? n : {
+		t = Math.max(X, t), t = Math.min(t, window.innerWidth - Nn - X), e + Fn > window.innerHeight - X && (e = n), e = Math.max(X, e), d((n) => n && n.top === e && n.left === t && n.width === Nn ? n : {
 			top: e,
 			left: t,
-			width: An
+			width: Nn
 		});
 	}, [_]), b = t(() => {
 		l(null), d(null), p.current = null, m.current = null, requestAnimationFrame(() => {
@@ -2946,7 +3009,7 @@ var kn = e(On), An = 200, jn = 8, Mn = 6, Nn = 289, Pn = ({ visibleColumns: e, e
 		openColumnMenuFromContextMenu: S,
 		closeColumnMenu: b
 	};
-}, Fn = [
+}, Z = [
 	{
 		value: void 0,
 		label: "固定しない"
@@ -2959,13 +3022,13 @@ var kn = e(On), An = 200, jn = 8, Mn = 6, Nn = 289, Pn = ({ visibleColumns: e, e
 		value: "right",
 		label: "右に固定"
 	}
-], Z = 180, In = 4, Ln = 8, Rn = "pin";
-function zn({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a, canSort: o, sortDirection: s, onSortChange: l, onOpenSortManager: h, pinned: g, canChangePinned: _, layout: v, popoverRef: y, onPinnedChange: b, onAutosizeColumn: x, onAutosizeAllColumns: S, onOpenColumnChooser: C, canResetColumns: w, onResetColumns: T, onRequestClose: E }) {
+], Ln = 180, Rn = 4, zn = 8, Bn = "pin";
+function Vn({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a, canSort: o, sortDirection: s, onSortChange: l, onOpenSortManager: h, pinned: g, canChangePinned: _, layout: v, popoverRef: y, onPinnedChange: b, onAutosizeColumn: x, onAutosizeAllColumns: S, onOpenColumnChooser: C, canResetColumns: w, onResetColumns: T, onRequestClose: E }) {
 	let [D, O] = c(null);
 	if (r(() => {
 		O(null);
 	}, [n, e]), !e || !v) return null;
-	let k = D === Rn, A = v.left + v.width + In + Z > window.innerWidth - Ln, j = {
+	let k = D === Bn, A = v.left + v.width + Rn + Ln > window.innerWidth - zn, j = {
 		position: "fixed",
 		top: v.top,
 		left: v.left,
@@ -2974,8 +3037,8 @@ function zn({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a,
 	}, M = {
 		position: "absolute",
 		top: -9,
-		...A ? { right: `calc(100% + ${In}px)` } : { left: `calc(100% + ${In}px)` },
-		width: Z,
+		...A ? { right: `calc(100% + ${Rn}px)` } : { left: `calc(100% + ${Rn}px)` },
+		width: Ln,
 		zIndex: 1
 	};
 	return p(/* @__PURE__ */ f("div", {
@@ -3066,10 +3129,10 @@ function zn({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a,
 				children: [/* @__PURE__ */ f("button", {
 					type: "button",
 					onPointerEnter: () => {
-						O(Rn);
+						O(Bn);
 					},
 					onClick: () => {
-						O((e) => e === Rn ? null : Rn);
+						O((e) => e === Bn ? null : Bn);
 					},
 					className: m("ssg-menu-item", k && "ssg-menu-item--active"),
 					children: [
@@ -3086,7 +3149,7 @@ function zn({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a,
 				}), k && /* @__PURE__ */ f("div", {
 					className: "ssg-menu-panel",
 					style: M,
-					children: [Fn.map((e) => {
+					children: [Z.map((e) => {
 						let t = g === e.value;
 						return /* @__PURE__ */ f("button", {
 							type: "button",
@@ -3182,18 +3245,18 @@ function zn({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a,
 }
 //#endregion
 //#region src/components/spreadsheet-grid/hooks/useColumnChooserController.ts
-var Bn = 280, Vn = 8, Hn = 12, Un = ({ enableColumnMenu: e, gridRootRef: n }) => {
+var Hn = 280, Un = 8, Wn = 12, Gn = ({ enableColumnMenu: e, gridRootRef: n }) => {
 	let [i, a] = c(!1), [o, l] = c(null), u = s(null), d = t(() => {
 		let e = n.current;
 		if (!e) {
 			l(null);
 			return;
 		}
-		let t = e.getBoundingClientRect(), r = t.right - Bn - Hn, i = t.top + Hn;
-		r = Math.max(Vn, r), r = Math.min(r, window.innerWidth - Bn - Vn), i = Math.max(Vn, i), l((e) => e && e.top === i && e.left === r && e.width === Bn ? e : {
+		let t = e.getBoundingClientRect(), r = t.right - Hn - Wn, i = t.top + Wn;
+		r = Math.max(Un, r), r = Math.min(r, window.innerWidth - Hn - Un), i = Math.max(Un, i), l((e) => e && e.top === i && e.left === r && e.width === Hn ? e : {
 			top: i,
 			left: r,
-			width: Bn
+			width: Hn
 		});
 	}, [n]), f = t(() => {
 		e && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), n.current?.blur(), a(!0));
@@ -3235,16 +3298,16 @@ var Bn = 280, Vn = 8, Hn = 12, Un = ({ enableColumnMenu: e, gridRootRef: n }) =>
 		openColumnChooser: f,
 		closeColumnChooser: p
 	};
-}, Wn = 28, Gn = 12, Kn = [
+}, Kn = 28, qn = 12, Jn = [
 	"left",
 	"center",
 	"right"
-], qn = {
+], Yn = {
 	left: "左固定",
 	center: "固定なし",
 	right: "右固定"
 };
-function Jn(e, t, n) {
+function Xn(e, t, n) {
 	let r = e.find((e) => e.key === t);
 	if (!r) return null;
 	let i = r.pane, a = {
@@ -3264,7 +3327,7 @@ function Jn(e, t, n) {
 		...a.right
 	];
 }
-function Yn({ state: e, disabled: t }) {
+function Zn({ state: e, disabled: t }) {
 	return /* @__PURE__ */ f("span", {
 		className: m("ssg-checkbox", (e === "checked" || e === "indeterminate") && "ssg-checkbox--filled", t && "ssg-checkbox--disabled"),
 		"aria-hidden": !0,
@@ -3283,7 +3346,7 @@ function Yn({ state: e, disabled: t }) {
 		}), e === "indeterminate" && /* @__PURE__ */ d("span", { className: "ssg-checkbox-dash" })]
 	});
 }
-function Xn({ disabled: e }) {
+function Qn({ disabled: e }) {
 	return /* @__PURE__ */ d("svg", {
 		width: "10",
 		height: "16",
@@ -3301,7 +3364,7 @@ function Xn({ disabled: e }) {
 		}, `${t}-${e}`)))
 	});
 }
-function Zn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggleColumnVisibility: u, onShowAllColumns: h, onResetColumns: g, onReorderColumns: _, onRequestClose: v }) {
+function $n({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggleColumnVisibility: u, onShowAllColumns: h, onResetColumns: g, onReorderColumns: _, onRequestClose: v }) {
 	let [y, b] = c(""), x = s(null);
 	r(() => {
 		if (e) {
@@ -3322,7 +3385,7 @@ function Zn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 			right: []
 		};
 		for (let t of T) e[t.pane].push(t);
-		return Kn.map((t) => ({
+		return Jn.map((t) => ({
 			pane: t,
 			items: e[t]
 		})).filter((e) => e.items.length > 0);
@@ -3345,16 +3408,16 @@ function Zn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 			return;
 		}
 		let t = e.getBoundingClientRect(), n = ee.current, r = 0;
-		if (n < t.top + Wn ? r = -12 : n > t.bottom - Wn && (r = Gn), r !== 0) {
+		if (n < t.top + Kn ? r = -12 : n > t.bottom - Kn && (r = qn), r !== 0) {
 			let t = e.scrollTop;
 			e.scrollTop += r, e.scrollTop !== t && L();
 		}
 		I.current = requestAnimationFrame(te);
-	}, [L]), R = t((e) => {
+	}, [L]), ne = t((e) => {
 		I.current !== null && (cancelAnimationFrame(I.current), I.current = null);
 		let t = A, r = P;
 		if (M.current = !1, N.current = null, j(null), F(null), e && t !== null && r !== null) {
-			let e = Jn(n, t, r);
+			let e = Xn(n, t, r);
 			e && _(e);
 		}
 	}, [
@@ -3362,50 +3425,50 @@ function Zn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 		P,
 		n,
 		_
-	]), ne = t((e, t, n) => {
+	]), re = t((e, t, n) => {
 		O && (n.preventDefault(), n.stopPropagation(), n.currentTarget.setPointerCapture(n.pointerId), M.current = !0, N.current = t, ee.current = n.clientY, j(e), L(), I.current === null && (I.current = requestAnimationFrame(te)));
 	}, [
 		O,
 		L,
 		te
-	]), re = t((e) => {
+	]), ie = t((e) => {
 		M.current && (ee.current = e.clientY, L());
-	}, [L]), ie = t(() => {
-		M.current && R(!0);
-	}, [R]), ae = t(() => {
-		M.current && R(!1);
-	}, [R]);
+	}, [L]), ae = t(() => {
+		M.current && ne(!0);
+	}, [ne]), oe = t(() => {
+		M.current && ne(!1);
+	}, [ne]);
 	if (r(() => {
 		e || (M.current = !1, N.current = null, j(null), F(null), I.current !== null && (cancelAnimationFrame(I.current), I.current = null));
 	}, [e]), r(() => () => {
 		I.current !== null && (cancelAnimationFrame(I.current), I.current = null);
 	}, []), !e || !o) return null;
-	let oe = {
+	let se = {
 		top: o.top,
 		left: o.left,
 		width: o.width
-	}, se = (e) => {
-		e.stopPropagation();
 	}, ce = (e) => {
 		e.stopPropagation();
-	}, le = () => {
+	}, le = (e) => {
+		e.stopPropagation();
+	}, ue = () => {
 		i && (C || h());
-	}, ue = A === null ? null : n.find((e) => e.key === A)?.pane ?? null, de = (e, t, n) => {
+	}, de = A === null ? null : n.find((e) => e.key === A)?.pane ?? null, fe = (e, t, n) => {
 		let r = e.visible && S === 1, a = !i || r, o = A === e.key;
 		return /* @__PURE__ */ f("div", {
 			"data-chooser-row": "",
 			"data-chooser-pane": n,
-			className: m("ssg-chooser-row", A !== null && ue === n && P === t && "ssg-chooser-row--drop-before", o && "ssg-chooser-row--dragging"),
+			className: m("ssg-chooser-row", A !== null && de === n && P === t && "ssg-chooser-row--drop-before", o && "ssg-chooser-row--dragging"),
 			children: [/* @__PURE__ */ d("span", {
 				role: "button",
 				"aria-label": "ドラッグして並べ替え",
 				title: i ? y.trim() === "" ? "ドラッグして並べ替え(同じセクション内のみ)" : "検索中は並べ替えできません" : "onColumnsChange 未指定のため並べ替えできません",
-				onPointerDown: (t) => ne(e.key, n, t),
-				onPointerMove: re,
-				onPointerUp: ie,
-				onPointerCancel: ae,
+				onPointerDown: (t) => re(e.key, n, t),
+				onPointerMove: ie,
+				onPointerUp: ae,
+				onPointerCancel: oe,
 				className: m("ssg-chooser-handle", !O && "ssg-chooser-handle--disabled", o && "ssg-chooser-handle--dragging"),
-				children: /* @__PURE__ */ d(Xn, { disabled: !O })
+				children: /* @__PURE__ */ d(Qn, { disabled: !O })
 			}), /* @__PURE__ */ f("button", {
 				type: "button",
 				disabled: a,
@@ -3413,7 +3476,7 @@ function Zn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 					a || u(e.key, !e.visible);
 				},
 				className: "ssg-chooser-toggle",
-				children: [/* @__PURE__ */ d(Yn, {
+				children: [/* @__PURE__ */ d(Zn, {
 					state: e.visible ? "checked" : "unchecked",
 					disabled: a
 				}), /* @__PURE__ */ d("span", {
@@ -3425,13 +3488,13 @@ function Zn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 	};
 	return p(/* @__PURE__ */ f("div", {
 		ref: l,
-		onPointerDown: se,
-		onKeyDownCapture: ce,
+		onPointerDown: ce,
+		onKeyDownCapture: le,
 		onContextMenu: (e) => {
 			e.preventDefault();
 		},
 		className: "ssg-popover ssg-chooser-panel",
-		style: oe,
+		style: se,
 		children: [
 			/* @__PURE__ */ f("div", {
 				className: "ssg-popover-header",
@@ -3451,11 +3514,11 @@ function Zn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 				children: [/* @__PURE__ */ d("button", {
 					type: "button",
 					disabled: !i,
-					onClick: le,
+					onClick: ue,
 					"aria-label": "すべての列を表示",
 					title: "すべての列を表示",
 					className: "ssg-chooser-master-btn",
-					children: /* @__PURE__ */ d(Yn, {
+					children: /* @__PURE__ */ d(Zn, {
 						state: w,
 						disabled: !i
 					})
@@ -3486,10 +3549,10 @@ function Zn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 					children: [
 						D && /* @__PURE__ */ d("div", {
 							className: "ssg-chooser-section-heading",
-							children: qn[e.pane]
+							children: Yn[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) => fe(t, n, e.pane)),
+						A !== null && de === e.pane && P === e.items.length && /* @__PURE__ */ d("div", { className: "ssg-chooser-drop-end" })
 					]
 				}, e.pane))
 			}),
@@ -3514,18 +3577,18 @@ function Zn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
 }
 //#endregion
 //#region src/components/spreadsheet-grid/hooks/useSortManagementController.ts
-var Qn = 320, $n = 8, er = 12, tr = ({ enableSorting: e, gridRootRef: n }) => {
+var er = 320, tr = 8, nr = 12, rr = ({ enableSorting: e, gridRootRef: n }) => {
 	let [i, a] = c(!1), [o, l] = c(null), u = s(null), d = t(() => {
 		let e = n.current;
 		if (!e) {
 			l(null);
 			return;
 		}
-		let t = e.getBoundingClientRect(), r = t.right - Qn - er, i = t.top + er;
-		r = Math.max($n, r), r = Math.min(r, window.innerWidth - Qn - $n), i = Math.max($n, i), l((e) => e && e.top === i && e.left === r && e.width === Qn ? e : {
+		let t = e.getBoundingClientRect(), r = t.right - er - nr, i = t.top + nr;
+		r = Math.max(tr, r), r = Math.min(r, window.innerWidth - er - tr), i = Math.max(tr, i), l((e) => e && e.top === i && e.left === r && e.width === er ? e : {
 			top: i,
 			left: r,
-			width: Qn
+			width: er
 		});
 	}, [n]), f = t(() => {
 		e && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), n.current?.blur(), a(!0));
@@ -3570,7 +3633,7 @@ var Qn = 320, $n = 8, er = 12, tr = ({ enableSorting: e, gridRootRef: n }) => {
 };
 //#endregion
 //#region src/components/spreadsheet-grid/view/SortManagementPanel.tsx
-function nr({ disabled: e }) {
+function ir({ disabled: e }) {
 	return /* @__PURE__ */ d("svg", {
 		width: "10",
 		height: "16",
@@ -3588,7 +3651,7 @@ function nr({ disabled: e }) {
 		}, `${t}-${e}`)))
 	});
 }
-function rr({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef: u, onAddLevel: h, onChangeDirection: g, onChangeColumn: _, onRemoveLevel: v, onClearAll: y, onMove: b, onRequestClose: x }) {
+function ar({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef: u, onAddLevel: h, onChangeDirection: g, onChangeColumn: _, onRemoveLevel: v, onClearAll: y, onMove: b, onRequestClose: x }) {
 	let S = a(() => new Set(n.map((e) => e.columnKey)), [n]), C = a(() => i.find((e) => !S.has(e.key)) ?? null, [i, S]), w = (e) => i.find((t) => t.key === e)?.title ?? e, T = o && n.length >= 2, E = s(null), [D, O] = c(null), k = s(!1), [A, j] = c(null), M = s(0), N = t(() => {
 		let e = E.current;
 		if (!e) return;
@@ -3627,15 +3690,15 @@ function rr({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 		top: l.top,
 		left: l.left,
 		width: l.width
-	}, R = (e) => {
-		e.stopPropagation();
 	}, ne = (e) => {
 		e.stopPropagation();
-	}, re = o && C !== null;
+	}, re = (e) => {
+		e.stopPropagation();
+	}, ie = o && C !== null;
 	return p(/* @__PURE__ */ f("div", {
 		ref: u,
-		onPointerDown: R,
-		onKeyDownCapture: ne,
+		onPointerDown: ne,
+		onKeyDownCapture: re,
 		onContextMenu: (e) => {
 			e.preventDefault();
 		},
@@ -3679,7 +3742,7 @@ function rr({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 								onPointerUp: I,
 								onPointerCancel: L,
 								className: m("ssg-sort-handle", !T && "ssg-sort-handle--disabled", s && "ssg-sort-handle--dragging"),
-								children: /* @__PURE__ */ d(nr, { disabled: !T })
+								children: /* @__PURE__ */ d(ir, { disabled: !T })
 							}),
 							/* @__PURE__ */ d("span", {
 								"aria-hidden": !0,
@@ -3731,9 +3794,9 @@ function rr({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 				className: "ssg-popover-footer",
 				children: [/* @__PURE__ */ d("button", {
 					type: "button",
-					disabled: !re,
+					disabled: !ie,
 					onClick: () => {
-						!re || !C || h(C.key, "asc");
+						!ie || !C || h(C.key, "asc");
 					},
 					title: o ? C === null ? "すべての列が並び替えに使われています" : "並び替えの基準を追加します" : "並び替えが無効です",
 					className: "ssg-sort-footer-btn ssg-sort-footer-btn--add",
@@ -3758,233 +3821,233 @@ function rr({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
 }
 //#endregion
 //#region src/components/spreadsheet-grid/SpreadsheetGrid.tsx
-var ir = (e, t) => {
+var or = (e, t) => {
 	let n = new Set(e);
 	return n.add(t), n;
-}, ar = (e, t) => {
+}, sr = (e, t) => {
 	let n = new Set(e);
 	return n.delete(t), n;
-}, or = (e, t) => {
+}, cr = (e, t) => {
 	let n = new Set(e);
 	for (let e of t) n.add(e);
 	return n;
-}, sr = (e, t) => {
+}, lr = (e, t) => {
 	let n = new Set(e);
 	for (let e of t) n.delete(e);
 	return n;
-}, cr = [], lr = {}, ur = {}, dr = [], fr = {}, pr = 300;
-function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g, onRowsChange: x, onColumnsChange: C, rowKeyGetter: w, createRow: E, createOverflowColumn: D, rowHeight: O = 36, autoHeight: k = !1, estimateRowHeight: A, headerHeight: F = 40, rowHeaderWidth: I = 56, height: L, maxHeight: te, readOnly: R = !1, canEditCell: se, enableRangeSelection: ge = !0, enableGlobalFilter: _e = !0, enableColumnFilter: xe = !0, enableSorting: B = !0, enableColumnResize: we = !0, enableRowHover: Te = !0, enableColumnHeaderHover: Ee = !0, enableColumnMenu: De = !0, noMatchingRowsText: ke = "一致する行がありません", noRowsText: Ae = "表示する行がありません", showTopBar: je = !0, showBottomBar: Ne = !0, showTopBarSummary: Fe = !0, showTopBarFilter: Ie = !0, showTopBarCounts: Le = !0, showBottomBarCounts: Re = !0, renderTopBar: ze, renderBottomBar: Be, className: Ve, classNames: V, getRowClassName: He }) {
-	let Ue = s(null), We = s(null), Ge = s(null), Je = s(null), Ye = s(!1), Ze = s(null), Qe = s(null), ct = s(null), [dt, ft] = c(""), [pt, vt] = c(!1), [yt, bt] = c(null), [xt, St] = c(null), H = a(() => g.filter((e) => e.visible !== !1), [g]), Ct = a(() => y(H), [H]), wt = a(() => w ?? ((e, t) => t), [w]), U = u != null, Tt = B, W = xe, At = _e, [G, K] = o(re, H, ne), Mt = s(G.columnWidths), Nt = s(null);
-	Nt.current === null && (Nt.current = new Map(g.map((e) => [e.key, {
+}, ur = [], dr = {}, fr = {}, pr = [], mr = {}, hr = 300, gr = 4, _r = 300;
+function vr({ rows: e = ur, dataSource: u, serverSideRefreshToken: p, columns: g, onRowsChange: x, onColumnsChange: C, rowKeyGetter: w, createRow: E, createOverflowColumn: D, rowHeight: O = 36, autoHeight: k = !1, estimateRowHeight: A, headerHeight: F = 40, rowHeaderWidth: I = 56, height: L, maxHeight: te, readOnly: se = !1, canEditCell: ge, enableRangeSelection: _e = !0, enableGlobalFilter: xe = !0, enableColumnFilter: we = !0, enableSorting: z = !0, enableColumnResize: Te = !0, enableRowHover: Ee = !0, enableColumnHeaderHover: De = !0, enableColumnMenu: ke = !0, noMatchingRowsText: Ae = "一致する行がありません", noRowsText: je = "表示する行がありません", showTopBar: Ne = !0, showBottomBar: Fe = !0, showTopBarSummary: Ie = !0, showTopBarFilter: Le = !0, showTopBarCounts: Re = !0, showBottomBarCounts: ze = !0, renderTopBar: Be, renderBottomBar: Ve, className: He, classNames: B, getRowClassName: Ue }) {
+	let We = s(null), Ge = s(null), Je = s(null), Ye = s(null), Ze = s(!1), Qe = s(null), ct = s(null), dt = s(null), [ft, pt] = c(""), [vt, yt] = c(!1), [bt, xt] = c(null), [St, Ct] = c(null), V = a(() => g.filter((e) => e.visible !== !1), [g]), wt = a(() => y(V), [V]), Tt = a(() => w ?? ((e, t) => t), [w]), H = u != null, U = z, At = we, Mt = xe, [W, G] = o(re, V, ne), Nt = s(W.columnWidths), Pt = s(null), Ft = s(null);
+	Ft.current === null && (Ft.current = new Map(g.map((e) => [e.key, {
 		width: e.width,
 		pinned: e.pinned,
 		visible: e.visible
 	}])));
-	let Pt = a(() => ce(G.selection), [G.selection]), q = a(() => b(Ct), [Ct]), [Ft, It] = c(0), Lt = q.left.reduce((e, { column: t }) => e + (G.columnWidths[t.key] ?? t.width), 0), Rt = q.right.reduce((e, { column: t }) => e + (G.columnWidths[t.key] ?? t.width), 0), zt = q.left.length > 0, Bt = zt ? I + Lt : 0, Vt = zt ? 0 : I, Ht = a(() => q.center.map(({ column: e }) => e), [q.center]), Ut = a(() => Ht.some(P), [Ht]), Wt = Ft - Bt - Rt - Vt, Gt = a(() => !Ut || Ft <= 0 ? fr : ee(Ht, G.columnWidths, Wt), [
-		Ut,
-		Ft,
-		Ht,
-		G.columnWidths,
-		Wt
-	]), Kt = a(() => Gt === fr ? G.columnWidths : {
-		...Gt,
-		...G.columnWidths
-	}, [Gt, G.columnWidths]);
-	Mt.current = Kt;
-	let qt = S(q.left, G.columnWidths), Jt = S(q.center, Kt), Yt = S(q.right, G.columnWidths), Zt = a(() => T("left", q.left, qt), [q.left, qt]), Qt = a(() => T("center", q.center, Jt), [q.center, Jt]), $t = a(() => T("right", q.right, Yt), [q.right, Yt]), J = a(() => ({
-		left: Zt,
-		center: Qt,
-		right: $t
+	let It = a(() => ce(W.selection), [W.selection]), K = a(() => b(wt), [wt]), [Lt, Rt] = c(0), zt = K.left.reduce((e, { column: t }) => e + (W.columnWidths[t.key] ?? t.width), 0), Bt = K.right.reduce((e, { column: t }) => e + (W.columnWidths[t.key] ?? t.width), 0), Vt = K.left.length > 0, Ht = Vt ? I + zt : 0, Ut = Vt ? 0 : I, Wt = a(() => K.center.map(({ column: e }) => e), [K.center]), Gt = a(() => Wt.some(P), [Wt]), Kt = Lt - Ht - Bt - Ut, qt = a(() => !Gt || Lt <= 0 ? mr : ee(Wt, W.columnWidths, Kt), [
+		Gt,
+		Lt,
+		Wt,
+		W.columnWidths,
+		Kt
+	]), Jt = a(() => qt === mr ? W.columnWidths : {
+		...qt,
+		...W.columnWidths
+	}, [qt, W.columnWidths]);
+	Nt.current = Jt;
+	let Yt = S(K.left, W.columnWidths), Xt = S(K.center, Jt), Zt = S(K.right, W.columnWidths), Qt = a(() => T("left", K.left, Yt), [K.left, Yt]), en = a(() => T("center", K.center, Xt), [K.center, Xt]), tn = a(() => T("right", K.right, Zt), [K.right, Zt]), q = a(() => ({
+		left: Qt,
+		center: en,
+		right: tn
 	}), [
-		Zt,
 		Qt,
-		$t
-	]), en = J.left.entries.length > 0, tn = J.right.entries.length > 0, nn = !en, rn = I, an = nn ? I : 0, on = en ? rn + J.left.totalWidth : 0, cn = J.right.totalWidth, ln = an + J.center.totalWidth, un = on + ln + cn, { filterPopoverState: Y, filterPopoverLayout: dn, filterPopoverRef: fn, filterTextInputRef: _n, filterSelectRef: vn, isFilterPopoverOpen: Sn, openedFilterColumn: X, openColumnFilterPopover: Cn, closeColumnFilterPopover: wn, updateFilterPopoverDraft: Tn } = Oe({
-		visibleColumns: H,
-		columnFilterValues: G.filters.columnFilters,
-		enableColumnFilter: W,
-		gridRootRef: Ue
-	}), { columnMenuLayout: Dn, columnMenuRef: On, isColumnMenuOpen: An, openedMenuColumnKey: jn, openedMenuColumn: Mn, openColumnMenuFromButton: Nn, openColumnMenuFromContextMenu: Fn, closeColumnMenu: Z } = Pn({
-		visibleColumns: H,
-		enableColumnMenu: De,
-		gridRootRef: Ue
-	}), { isColumnChooserOpen: In, columnChooserLayout: Ln, columnChooserRef: Rn, openColumnChooser: Bn, closeColumnChooser: Vn } = Un({
-		enableColumnMenu: De,
-		gridRootRef: Ue
-	}), { isSortManagerOpen: Hn, sortManagerLayout: Wn, sortManagerRef: Gn, openSortManager: Kn, closeSortManager: qn } = tr({
-		enableSorting: Tt,
-		gridRootRef: Ue
+		en,
+		tn
+	]), nn = q.left.entries.length > 0, rn = q.right.entries.length > 0, an = !nn, on = I, sn = an ? I : 0, cn = nn ? on + q.left.totalWidth : 0, ln = q.right.totalWidth, dn = sn + q.center.totalWidth, fn = cn + dn + ln, { filterPopoverState: J, filterPopoverLayout: pn, filterPopoverRef: mn, filterTextInputRef: hn, filterSelectRef: bn, isFilterPopoverOpen: xn, openedFilterColumn: Y, openColumnFilterPopover: Tn, closeColumnFilterPopover: En, updateFilterPopoverDraft: Dn } = Oe({
+		visibleColumns: V,
+		columnFilterValues: W.filters.columnFilters,
+		enableColumnFilter: At,
+		gridRootRef: We
+	}), { columnMenuLayout: On, columnMenuRef: An, isColumnMenuOpen: jn, openedMenuColumnKey: Nn, openedMenuColumn: X, openColumnMenuFromButton: Pn, openColumnMenuFromContextMenu: Fn, closeColumnMenu: Z } = In({
+		visibleColumns: V,
+		enableColumnMenu: ke,
+		gridRootRef: We
+	}), { isColumnChooserOpen: Ln, columnChooserLayout: Rn, columnChooserRef: zn, openColumnChooser: Bn, closeColumnChooser: Hn } = Gn({
+		enableColumnMenu: ke,
+		gridRootRef: We
+	}), { isSortManagerOpen: Un, sortManagerLayout: Wn, sortManagerRef: Kn, openSortManager: qn, closeSortManager: Jn } = rr({
+		enableSorting: U,
+		gridRootRef: We
 	});
 	r(() => {
-		let e = H.reduce((e, t) => (P(t) || (e[t.key] = t.width), e), {});
-		K(h.resetColumnWidths(e));
-	}, [H]);
-	let Jn = G.filters.globalText, Yn = n(Jn), Xn = G.filters.columnFilters, Qn = n(Xn), $n = a(() => me(e.length), [e.length]), er = a(() => Se(e, $n, H, Yn), [
+		let e = V.reduce((e, t) => (P(t) || (e[t.key] = t.width), e), {});
+		G(h.resetColumnWidths(e));
+	}, [V]);
+	let Yn = W.filters.globalText, Xn = n(Yn), Zn = W.filters.columnFilters, Qn = n(Zn), er = a(() => me(e.length), [e.length]), tr = a(() => Se(e, er, V, Xn), [
 		e,
-		$n,
-		H,
-		Yn
+		er,
+		V,
+		Xn
 	]), nr = a(() => {
 		let e = [];
-		for (let t of H) ve(Qn[t.key]) && e.push(t.key);
+		for (let t of V) ve(Qn[t.key]) && e.push(t.key);
 		return e.join("\0");
-	}, [H, Qn]), mr = a(() => {
+	}, [V, Qn]), ir = a(() => {
 		let t = /* @__PURE__ */ new Map();
 		if (nr.length === 0) return t;
 		let n = new Set(nr.split("\0")), r = e.length;
-		for (let i of H) {
+		for (let i of V) {
 			if (!n.has(i.key)) continue;
 			let a = new Float64Array(r);
-			for (let t = 0; t < r; t += 1) a[t] = Number(z(e[t], i));
+			for (let t = 0; t < r; t += 1) a[t] = Number(R(e[t], i));
 			t.set(i.key, a);
 		}
 		return t;
 	}, [
 		e,
-		H,
+		V,
 		nr
-	]), hr = a(() => Ce(e, er, H, Qn, mr), [
+	]), vr = a(() => Ce(e, tr, V, Qn, ir), [
 		e,
-		er,
-		H,
+		tr,
+		V,
 		Qn,
-		mr
-	]), gr = a(() => at(e, hr, H, G.sort), [
+		ir
+	]), yr = a(() => at(e, vr, V, W.sort), [
 		e,
-		hr,
-		H,
-		G.sort
-	]), _r = a(() => ({
-		getRowCount: () => gr.length,
-		getRow: (t) => e[gr[t]],
-		getSourceIndex: (e) => gr[e],
-		getRowKey: (t) => wt(e[gr[t]], gr[t])
+		vr,
+		V,
+		W.sort
+	]), br = a(() => ({
+		getRowCount: () => yr.length,
+		getRow: (t) => e[yr[t]],
+		getSourceIndex: (e) => yr[e],
+		getRowKey: (t) => Tt(e[yr[t]], yr[t])
 	}), [
-		gr,
+		yr,
 		e,
-		wt
-	]), vr = a(() => U ? mn({
-		globalText: At ? Jn : "",
-		columnFilters: W ? Xn : ur,
-		sort: Tt ? G.sort : dr
-	}) : lr, [
-		U,
+		Tt
+	]), xr = a(() => H ? _n({
+		globalText: Mt ? Yn : "",
+		columnFilters: At ? Zn : fr,
+		sort: U ? W.sort : pr
+	}) : dr, [
+		H,
+		Mt,
+		Yn,
 		At,
-		Jn,
-		W,
-		Xn,
-		Tt,
-		G.sort
-	]), yr = a(() => U ? hn(vr) : "", [U, vr]), [br, xr] = c(vr), [Sr, Cr] = c(yr);
+		Zn,
+		U,
+		W.sort
+	]), Sr = a(() => H ? vn(xr) : "", [H, xr]), [Cr, wr] = c(xr), [Tr, Er] = c(Sr);
 	r(() => {
-		if (!U) return;
+		if (!H) return;
 		let e = setTimeout(() => {
-			xr(vr), Cr(yr);
-		}, pr);
+			wr(xr), Er(Sr);
+		}, _r);
 		return () => clearTimeout(e);
 	}, [
-		U,
-		yr,
-		vr
+		H,
+		Sr,
+		xr
 	]);
-	let wr = pn({
+	let Dr = gn({
 		dataSource: u,
-		rowKeyGetter: wt,
-		query: br,
-		queryKey: Sr,
+		rowKeyGetter: Tt,
+		query: Cr,
+		queryKey: Tr,
 		refreshToken: p
-	}), Tr = wr.requestRange, Q = U ? wr.rowModel : _r, Er = s(Q);
-	Er.current = Q;
-	let { isAutosizing: Dr, runAutosize: Or } = Xt({
-		rowModelRef: Er,
-		gridRootRef: Ue,
-		columnWidthsRef: Mt,
-		dispatch: K
-	}), $ = Q.getRowCount(), kr = a(() => {
+	}), Or = Dr.requestRange, Q = H ? Dr.rowModel : br, kr = s(Q);
+	kr.current = Q;
+	let { isAutosizing: Ar, runAutosize: jr } = $t({
+		rowModelRef: kr,
+		gridRootRef: We,
+		columnWidthsRef: Nt,
+		dispatch: G
+	}), $ = Q.getRowCount(), Mr = a(() => {
 		let t = null;
-		return () => t ??= Array.from(gr, (t) => e[t]);
-	}, [gr, e]), Ar = a(() => _(H, Kt), [H, Kt]), [jr, Mr] = c(0), [Nr, Pr] = c(0);
+		return () => t ??= Array.from(yr, (t) => e[t]);
+	}, [yr, e]), Nr = a(() => _(V, Jt), [V, Jt]), [Pr, Fr] = c(0), [Ir, Lr] = c(0);
 	r(() => {
-		let e = Ze.current;
+		let e = Qe.current;
 		if (!e) return;
-		Mr(e.scrollTop), Pr(e.clientHeight), It(e.clientWidth);
-		let t = () => Mr(e.scrollTop);
+		Fr(e.scrollTop), Lr(e.clientHeight), Rt(e.clientWidth);
+		let t = () => Fr(e.scrollTop);
 		e.addEventListener("scroll", t, { passive: !0 });
 		let n = new ResizeObserver(() => {
-			Pr(e.clientHeight), It(e.clientWidth);
+			Lr(e.clientHeight), Rt(e.clientWidth);
 		});
 		return n.observe(e), () => {
 			e.removeEventListener("scroll", t), n.disconnect();
 		};
 	}, []);
-	let Fr = J.center.entries, Ir = l({
+	let Rr = q.center.entries, zr = l({
 		horizontal: !0,
-		count: Fr.length,
-		getScrollElement: () => Ze.current,
-		estimateSize: (e) => Fr[e]?.paneLocalSize ?? Fr[e]?.column.width ?? 120,
+		count: Rr.length,
+		getScrollElement: () => Qe.current,
+		estimateSize: (e) => Rr[e]?.paneLocalSize ?? Rr[e]?.column.width ?? 120,
 		overscan: 8,
 		useFlushSync: !1,
-		scrollMargin: on
-	}), Lr = Ir.getVirtualItems(), Rr = A ?? O, zr = a(() => H.some((e) => e.autoHeight === !0), [H]), Br = !U && st(k, zr, $, 5e4);
+		scrollMargin: cn
+	}), Br = zr.getVirtualItems(), Vr = A ?? O, Hr = a(() => V.some((e) => e.autoHeight === !0), [V]), Ur = !H && st(k, Hr, $, 5e4);
 	r(() => {}, [
 		k,
-		zr,
+		Hr,
 		$,
-		U
+		H
 	]);
-	let Vr = s(/* @__PURE__ */ new Map()), [Hr, Ur] = c(0), [Wr, Gr] = c(0), Kr = s(null), qr = s(/* @__PURE__ */ new Set()), Jr = a(() => Br ? Ot($, Rr, Q.getRowKey, Vr.current) : null, [
-		Br,
+	let Wr = s(/* @__PURE__ */ new Map()), [Gr, Kr] = c(0), [qr, Jr] = c(0), Yr = s(null), Xr = s(/* @__PURE__ */ new Set()), Zr = a(() => Ur ? Ot($, Vr, Q.getRowKey, Wr.current) : null, [
+		Ur,
 		$,
-		Rr,
+		Vr,
 		Q
-	]), Yr = a(() => Br && Jr ? jt(Jr) : lt($, O), [
-		Br,
-		Jr,
-		Hr,
+	]), Qr = a(() => Ur && Zr ? jt(Zr) : lt($, O), [
+		Ur,
+		Zr,
+		Gr,
 		$,
 		O
-	]), Xr = a(() => Br ? ht({
+	]), $r = a(() => Ur ? ht({
 		headerHeight: F,
-		viewportHeight: Nr,
-		scrollTop: jr,
+		viewportHeight: Ir,
+		scrollTop: Pr,
 		overscan: 20
-	}, Yr) : mt({
+	}, Qr) : mt({
 		rowCount: $,
 		rowHeight: O,
 		headerHeight: F,
-		viewportHeight: Nr,
-		scrollTop: jr,
+		viewportHeight: Ir,
+		scrollTop: Pr,
 		overscan: 20,
 		maxBodyPx: ot
 	}), [
-		Br,
-		Yr,
+		Ur,
+		Qr,
 		$,
 		O,
 		F,
-		Nr,
-		jr
-	]), Zr = Xr.rows, Qr = Xr.rowIndexSet, $r = Zr.length > 0 ? Zr[0].index : 0, ei = Zr.length > 0 ? Zr[Zr.length - 1].index : -1;
+		Ir,
+		Pr
+	]), ei = $r.rows, ti = $r.rowIndexSet, ni = ei.length > 0 ? ei[0].index : 0, ri = ei.length > 0 ? ei[ei.length - 1].index : -1;
 	r(() => {
-		if (!U) return;
-		let e = Ze.current;
-		e && (e.scrollTop = 0), Mr(0);
-	}, [U, Sr]), r(() => {
-		U && (ei < $r || Tr($r, ei + 1));
+		if (!H) return;
+		let e = Qe.current;
+		e && (e.scrollTop = 0), Fr(0);
+	}, [H, Tr]), r(() => {
+		H && (ri < ni || Or(ni, ri + 1));
 	}, [
-		U,
-		$r,
-		ei,
-		Tr,
-		Sr
+		H,
+		ni,
+		ri,
+		Or,
+		Tr
 	]);
-	let ti = Xr.physicalBodyHeight, ni = Xr.translateY === 0 ? void 0 : `translateY(${Xr.translateY}px)`, ri = Xr.scaleFactor, ii = Xr.windowBaseOffsetPx;
+	let ii = $r.physicalBodyHeight, ai = $r.translateY === 0 ? void 0 : `translateY(${$r.translateY}px)`, oi = $r.scaleFactor, si = $r.windowBaseOffsetPx;
 	i(() => {
-		if (!Br || !Jr) {
-			Kr.current?.disconnect(), Kr.current = null, qr.current.clear();
+		if (!Ur || !Zr) {
+			Yr.current?.disconnect(), Yr.current = null, Xr.current.clear();
 			return;
 		}
-		let e = Ze.current;
+		let e = Qe.current;
 		if (!e) return;
 		let t = e.querySelectorAll("[data-autoheight-cell]");
 		if (t.length > 0) {
@@ -3999,15 +4062,15 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 			});
 			let r = !1, i = Infinity;
 			if (n.forEach((e, t) => {
-				kt(Jr, t, Q.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
+				kt(Zr, t, Q.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
 			}), r) {
-				let t = e.scrollTop, n = Yr.rowAtContentY(t), r = t - Yr.rowTop(n);
-				Dt(Jr, i), e.scrollTop = Jr.prefix[n] + r, Ur((e) => e + 1);
+				let t = e.scrollTop, n = Qr.rowAtContentY(t), r = t - Qr.rowTop(n);
+				Dt(Zr, i), e.scrollTop = Zr.prefix[n] + r, Kr((e) => e + 1);
 			}
 		}
-		let n = Kr.current ?? new ResizeObserver(() => Gr((e) => e + 1));
-		Kr.current = n;
-		let r = qr.current, i = /* @__PURE__ */ new Set();
+		let n = Yr.current ?? new ResizeObserver(() => Jr((e) => e + 1));
+		Yr.current = n;
+		let r = Xr.current, i = /* @__PURE__ */ new Set();
 		t.forEach((e) => {
 			i.add(e), r.has(e) || (n.observe(e), r.add(e));
 		});
@@ -4018,234 +4081,244 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 			n.unobserve(e), r.delete(e);
 		});
 	}, [
-		Br,
-		Jr,
-		Yr,
-		Q,
+		Ur,
 		Zr,
-		Nr,
-		Hr,
-		Wr
+		Qr,
+		Q,
+		ei,
+		Ir,
+		Gr,
+		qr
 	]), r(() => {
-		let e = qr.current;
+		let e = Xr.current;
 		return () => {
-			Kr.current?.disconnect(), Kr.current = null, e.clear();
+			Yr.current?.disconnect(), Yr.current = null, e.clear();
 		};
 	}, []);
-	let ai = a(() => Lr.map((e) => Fr[e.index]).filter((e) => !!e), [Lr, Fr]), oi = J.left.entries, si = J.right.entries, ci = a(() => {
-		if (!G.activeCell) return null;
-		let { row: e, col: t } = G.activeCell;
+	let ci = a(() => Br.map((e) => Rr[e.index]).filter((e) => !!e), [Br, Rr]), li = q.left.entries, ui = q.right.entries, di = a(() => {
+		if (!W.activeCell) return null;
+		let { row: e, col: t } = W.activeCell;
 		if (e < 0 || e >= $) return null;
-		let n = N(J, t);
+		let n = N(q, t);
 		return n ? {
 			pane: n.pane,
 			rect: {
 				left: n.extent.start,
-				top: Yr.rowTop(e),
+				top: Qr.rowTop(e),
 				width: n.extent.width,
-				height: Yr.rowsHeight(e, e)
+				height: Qr.rowsHeight(e, e)
 			}
 		} : null;
 	}, [
-		G.activeCell,
+		W.activeCell,
 		$,
-		J,
-		Yr
-	]), li = a(() => ci && ci.pane === "center" ? ci.rect : null, [ci]), ui = t((e) => ci && ci.pane === e ? ci.rect : null, [ci]), di = t((e) => G.editingCell ? ui(e) : null, [G.editingCell, ui]);
+		q,
+		Qr
+	]), fi = a(() => di && di.pane === "center" ? di.rect : null, [di]), pi = t((e) => di && di.pane === e ? di.rect : null, [di]), mi = t((e) => W.editingCell ? pi(e) : null, [W.editingCell, pi]);
 	_t({
-		scrollRef: Ze,
-		columnVirtualizer: Ir,
-		columnMeasurements: Ar,
-		totalScrollWidth: un,
-		physicalBodyHeight: ti,
+		scrollRef: Qe,
+		columnVirtualizer: zr,
+		columnMeasurements: Nr,
+		totalScrollWidth: fn,
+		physicalBodyHeight: ii,
 		headerHeight: F,
-		leftPaneWidth: on,
-		rightPaneWidth: cn,
-		centerLeadingWidth: an,
-		activeCellRect: li,
-		verticalScaleFactor: ri
+		leftPaneWidth: cn,
+		rightPaneWidth: ln,
+		centerLeadingWidth: sn,
+		activeCellRect: fi,
+		verticalScaleFactor: oi
 	});
-	let { updateSelectionFromPointer: fi, handleCellPointerDown: pi, handleCellPointerEnter: mi, handleNativeDragStart: hi, handleRowHeaderPointerDown: gi, handleRowHeaderPointerEnter: _i, handleColumnHeaderPointerDown: vi, handleColumnHeaderPointerEnter: yi } = gt({
-		gridRootRef: Ue,
-		bodyScrollRef: Je,
-		scrollContainerRef: Ze,
-		leftPaneScrollRef: Qe,
-		rightPaneScrollRef: ct,
-		pointerClientRef: We,
-		autoScrollFrameRef: Ge,
-		uiState: G,
-		dispatch: K,
-		enableRangeSelection: ge,
-		enableSorting: Tt,
-		orderedColumns: Ct,
+	let { updateSelectionFromPointer: hi, handleCellPointerDown: gi, handleCellPointerEnter: _i, handleNativeDragStart: vi, handleRowHeaderPointerDown: yi, handleRowHeaderPointerEnter: bi, handleColumnHeaderPointerDown: xi, handleColumnHeaderPointerEnter: Si } = gt({
+		gridRootRef: We,
+		bodyScrollRef: Ye,
+		scrollContainerRef: Qe,
+		leftPaneScrollRef: ct,
+		rightPaneScrollRef: dt,
+		pointerClientRef: Ge,
+		autoScrollFrameRef: Je,
+		uiState: W,
+		dispatch: G,
+		enableRangeSelection: _e,
+		enableSorting: U,
+		orderedColumns: wt,
 		filteredRowsLength: $,
-		visibleColumnsLength: H.length,
-		paneLayout: J,
-		leftLeadingWidth: rn,
-		centerLeadingWidth: an,
+		visibleColumnsLength: V.length,
+		paneLayout: q,
+		leftLeadingWidth: on,
+		centerLeadingWidth: sn,
 		rightLeadingWidth: 0,
 		headerHeight: F,
-		rowMetrics: Yr,
-		verticalScaleFactor: ri,
-		setHoveredRowIndex: bt,
-		setHoveredColumnIndex: St,
-		enableRowHover: Te,
-		enableColumnHeaderHover: Ee
-	}), { isWholeGridSelected: bi, handleCopy: xi, handlePaste: Si } = Me({
+		rowMetrics: Qr,
+		verticalScaleFactor: oi,
+		setHoveredRowIndex: xt,
+		setHoveredColumnIndex: Ct,
+		enableRowHover: Ee,
+		enableColumnHeaderHover: De
+	}), { isWholeGridSelected: Ci, handleCopy: wi, handlePaste: Ti } = Me({
 		rows: e,
 		rowModel: Q,
-		visibleColumns: Ct,
-		uiState: G,
-		readOnly: R,
-		canEditCell: se,
+		visibleColumns: wt,
+		uiState: W,
+		readOnly: se,
+		canEditCell: ge,
 		createRow: E,
 		createOverflowColumn: D,
 		onRowsChange: x,
 		onColumnsChange: C,
-		dispatch: K
-	}), Ci = t(() => {
-		if ($ === 0 || H.length === 0) return;
+		dispatch: G
+	}), Ei = t(() => {
+		if ($ === 0 || V.length === 0) return;
 		let e = {
 			row: 0,
 			col: 0
 		}, t = {
 			row: $ - 1,
-			col: H.length - 1
+			col: V.length - 1
 		};
-		K(h.startSelection(e)), K(h.updateSelection(t)), K(h.endSelection()), K(h.activateCell(e));
+		G(h.startSelection(e)), G(h.updateSelection(t)), G(h.endSelection()), G(h.activateCell(e));
 	}, [
-		K,
+		G,
 		$,
-		H.length
-	]), { getMovedCell: wi, handleKeyDown: Ti } = Xe({
-		uiState: G,
+		V.length
+	]), { getMovedCell: Di, handleKeyDown: Oi } = Xe({
+		uiState: W,
 		rowModel: Q,
-		visibleColumns: Ct,
-		readOnly: R,
-		canEditCell: se,
-		setEditorInitialValue: ft,
-		dispatch: K,
-		handleCopy: xi,
+		visibleColumns: wt,
+		readOnly: se,
+		canEditCell: ge,
+		setEditorInitialValue: pt,
+		dispatch: G,
+		handleCopy: wi,
 		handleCellDoubleClick: t((e) => {
-			let t = Q.getRow(e.row), n = Ct[e.col];
+			let t = Q.getRow(e.row), n = wt[e.col];
 			if (!t || !n || !fe({
-				readOnly: R,
-				canEditCell: se
+				readOnly: se,
+				canEditCell: ge
 			}, e.row, e.col, t, n)) return;
-			let r = z(t, n);
-			ft(String(r ?? "")), K(h.startEdit(e));
+			let r = R(t, n);
+			pt(String(r ?? "")), G(h.startEdit(e));
 		}, [
-			se,
-			K,
+			ge,
+			G,
 			Q,
-			R,
-			Ct
+			se,
+			wt
 		]),
-		isWholeGridSelected: bi,
-		selectEntireGrid: Ci
-	}), { startEditWithValue: Ei, commitEdit: Di, cancelEdit: Oi } = qe({
-		uiState: G,
+		isWholeGridSelected: Ci,
+		selectEntireGrid: Ei
+	}), { startEditWithValue: ki, commitEdit: Ai, cancelEdit: ji } = qe({
+		uiState: W,
 		rows: e,
-		visibleColumns: Ct,
+		visibleColumns: wt,
 		rowModel: Q,
-		setEditorInitialValue: ft,
+		setEditorInitialValue: pt,
 		onRowsChange: x,
-		dispatch: K,
-		getMovedCell: wi,
-		gridRootRef: Ue,
-		editorActionGuardRef: Ye
-	}), ki = G.editingCell ? Ct[G.editingCell.col] : void 0, Ai = t((e) => {
-		let t = Q.getRow(e.row), n = Ct[e.col];
+		dispatch: G,
+		getMovedCell: Di,
+		gridRootRef: We,
+		editorActionGuardRef: Ze
+	}), Mi = W.editingCell ? wt[W.editingCell.col] : void 0, Ni = t((e) => {
+		let t = Q.getRow(e.row), n = wt[e.col];
 		if (!t || !n || !fe({
-			readOnly: R,
-			canEditCell: se
+			readOnly: se,
+			canEditCell: ge
 		}, e.row, e.col, t, n)) return;
-		let r = z(t, n);
-		Ei(e, String(r ?? ""));
+		let r = R(t, n);
+		ki(e, String(r ?? ""));
 	}, [
-		se,
+		ge,
 		Q,
-		R,
-		Ei,
-		Ct
-	]), ji = a(() => {
-		if (!G.selection) return null;
-		if (G.selection.type === "cell") {
-			let e = ie(G.selection.range);
+		se,
+		ki,
+		wt
+	]), Pi = a(() => {
+		if (!W.selection) return null;
+		if (W.selection.type === "cell") {
+			let e = ie(W.selection.range);
 			return {
-				extents: j(J, e.start.col, e.end.col),
+				extents: j(q, e.start.col, e.end.col),
 				startRow: e.start.row,
 				endRow: e.end.row
 			};
 		}
-		if (G.selection.type === "row") {
-			let e = ae(G.selection.startRow, G.selection.endRow);
+		if (W.selection.type === "row") {
+			let e = ae(W.selection.startRow, W.selection.endRow);
 			return {
-				extents: M(J),
+				extents: M(q),
 				startRow: e.startRow,
 				endRow: e.endRow
 			};
 		}
-		let e = oe(G.selection.startCol, G.selection.endCol);
+		let e = oe(W.selection.startCol, W.selection.endCol);
 		return {
-			extents: j(J, e.startCol, e.endCol),
+			extents: j(q, e.startCol, e.endCol),
 			startRow: 0,
 			endRow: Math.max($ - 1, 0)
 		};
 	}, [
-		G.selection,
-		J,
+		W.selection,
+		q,
 		$
-	]), Mi = a(() => {
-		if (!ji) return null;
-		let e = ut(ji.startRow, ji.endRow, $r, ei);
+	]), Fi = a(() => {
+		if (!Pi) return null;
+		let e = ut(Pi.startRow, Pi.endRow, ni, ri);
 		return e ? {
-			top: Yr.rowTop(e.start),
-			height: Yr.rowsHeight(e.start, e.end)
+			top: Qr.rowTop(e.start),
+			height: Qr.rowsHeight(e.start, e.end)
 		} : null;
 	}, [
-		ji,
-		Yr,
-		$r,
-		ei
-	]), Ni = t((e) => {
-		if (!ji || !Mi) return null;
-		let t = ji.extents[e];
+		Pi,
+		Qr,
+		ni,
+		ri
+	]), Ii = t((e) => {
+		if (!Pi || !Fi) return null;
+		let t = Pi.extents[e];
 		return t ? {
 			left: t.start,
-			top: Mi.top,
+			top: Fi.top,
 			width: t.width,
-			height: Mi.height
+			height: Fi.height
 		} : null;
-	}, [ji, Mi]), Pi = t((e) => {
-		if (e.preventDefault(), e.button === 0 && !($ === 0 || H.length === 0)) {
-			if (Ue.current?.focus(), bi) {
-				K(h.clearSelection()), K(h.activateCell(null));
+	}, [Pi, Fi]), Li = t((e) => {
+		if (e.preventDefault(), e.button === 0 && !($ === 0 || V.length === 0)) {
+			if (We.current?.focus(), Ci) {
+				G(h.clearSelection()), G(h.activateCell(null));
 				return;
 			}
-			Ci();
+			Ei();
 		}
 	}, [
-		K,
+		G,
 		$,
-		bi,
 		Ci,
-		H.length
-	]), Fi = t((e) => {
-		bt((t) => t === e ? null : t);
-	}, []), Ii = t((e) => {
-		St((t) => t === e ? null : t);
-	}, []), Li = t(() => {
-		vt(!0);
-	}, []), Ri = t(() => {
-		vt(!1);
-	}, []), zi = t((e, t) => {
-		t.preventDefault(), t.stopPropagation(), K(h.startColumnResize(e.key, t.clientX, Mt.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth ?? 1e3));
-	}, [K]), Bi = t((e, t) => {
+		Ei,
+		V.length
+	]), Ri = t((e) => {
+		xt((t) => t === e ? null : t);
+	}, []), zi = t((e) => {
+		Ct((t) => t === e ? null : t);
+	}, []), Bi = t(() => {
+		yt(!0);
+	}, []), Vi = t(() => {
+		yt(!1);
+	}, []), Hi = t((e, t) => {
+		t.preventDefault(), t.stopPropagation();
+		let n = t.timeStamp, r = Pt.current;
+		if (r && r.key === e.key && n - r.time < hr && Math.abs(t.clientX - r.x) < gr) {
+			Pt.current = null, jr([e]);
+			return;
+		}
+		Pt.current = {
+			key: e.key,
+			time: n,
+			x: t.clientX
+		}, G(h.startColumnResize(e.key, t.clientX, Nt.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth));
+	}, [G, jr]), Ui = t((e, t) => {
 		if (Z(), !C) return;
 		let n = g.find((t) => t.key === e);
 		n && (n.pinned ?? void 0) !== t && (C(g.map((n) => {
-			let r = Mt.current[n.key] ?? n.width;
+			let r = Nt.current[n.key] ?? n.width;
 			return n.key === e ? {
 				...n,
 				width: r,
@@ -4254,45 +4327,45 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 				...n,
 				width: r
 			};
-		})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
+		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
 	}, [
 		Z,
 		g,
-		K,
+		G,
 		C
-	]), Vi = t((e) => {
+	]), Wi = t((e) => {
 		Z();
-		let t = H.find((t) => t.key === e);
-		t && Or([t]);
+		let t = V.find((t) => t.key === e);
+		t && jr([t]);
 	}, [
 		Z,
-		Or,
-		H
-	]), Hi = t(() => {
-		Z(), Or(H);
+		jr,
+		V
+	]), Gi = t(() => {
+		Z(), jr(V);
 	}, [
 		Z,
-		Or,
-		H
-	]), Ui = a(() => g.map((e) => ({
+		jr,
+		V
+	]), Ki = a(() => g.map((e) => ({
 		key: e.key,
 		title: e.title ?? e.key,
 		visible: e.visible !== !1,
 		pane: v(e)
-	})), [g]), Wi = t(() => {
+	})), [g]), qi = t(() => {
 		Z(), Bn();
-	}, [Z, Bn]), Gi = a(() => H.map((e) => ({
+	}, [Z, Bn]), Ji = a(() => V.map((e) => ({
 		key: e.key,
 		title: e.title ?? e.key
-	})), [H]), Ki = t(() => {
-		Z(), Kn();
-	}, [Z, Kn]), qi = t((e) => {
-		Z(), Cn(e);
-	}, [Z, Cn]), Ji = t((e, t) => {
+	})), [V]), Yi = t(() => {
+		Z(), qn();
+	}, [Z, qn]), Xi = t((e) => {
+		Z(), Tn(e);
+	}, [Z, Tn]), Zi = t((e, t) => {
 		if (!C) return;
 		let n = g.find((t) => t.key === e);
 		n && n.visible !== !1 !== t && (!t && g.filter((e) => e.visible !== !1).length <= 1 || (C(g.map((n) => {
-			let r = Mt.current[n.key] ?? n.width;
+			let r = Nt.current[n.key] ?? n.width;
 			return n.key === e ? {
 				...n,
 				width: r,
@@ -4301,14 +4374,14 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 				...n,
 				width: r
 			};
-		})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null))));
+		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null))));
 	}, [
 		g,
-		K,
+		G,
 		C
-	]), Yi = t(() => {
+	]), Qi = t(() => {
 		C && g.some((e) => e.visible === !1) && (C(g.map((e) => {
-			let t = Mt.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
+			let t = Nt.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
 			return !n && !r ? e : r ? {
 				...e,
 				width: t,
@@ -4317,17 +4390,17 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 				...e,
 				width: t
 			};
-		})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
+		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
 	}, [
 		g,
-		K,
+		G,
 		C
-	]), Xi = t((e, t) => {
+	]), $i = t((e, t) => {
 		if (!C || e.length !== g.length) return;
 		let n = new Map(g.map((e) => [e.key, e]));
 		if (!e.every((e) => n.has(e))) return;
 		let r = y(e.map((e) => {
-			let r = n.get(e), i = Mt.current[r.key] ?? r.width, a = t?.has(e) ? t.get(e) : r.pinned, o = i !== r.width, s = (r.pinned ?? void 0) !== (a ?? void 0);
+			let r = n.get(e), i = Nt.current[r.key] ?? r.width, a = t?.has(e) ? t.get(e) : r.pinned, o = i !== r.width, s = (r.pinned ?? void 0) !== (a ?? void 0);
 			return o || s ? {
 				...r,
 				width: i,
@@ -4337,41 +4410,41 @@ function mr({ rows: e = cr, 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);
-		}) || (C(r), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
+		}) || (C(r), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
 	}, [
 		g,
-		K,
+		G,
 		C
-	]), Zi = t((e) => {
-		Xi(e);
-	}, [Xi]), { onColumnDragHandlePointerDown: Qi, leftIndicatorRef: $i, centerIndicatorRef: ea, rightIndicatorRef: ta } = Et({
+	]), ea = t((e) => {
+		$i(e);
+	}, [$i]), { onColumnDragHandlePointerDown: ta, leftIndicatorRef: na, centerIndicatorRef: ra, rightIndicatorRef: ia } = Et({
 		enabled: !!C,
 		columns: g,
-		paneLayout: J,
-		leftPaneScrollRef: Qe,
-		rightPaneScrollRef: ct,
-		bodyScrollRef: Je,
-		scrollContainerRef: Ze,
-		leftLeadingWidth: rn,
-		centerLeadingWidth: an,
+		paneLayout: q,
+		leftPaneScrollRef: ct,
+		rightPaneScrollRef: dt,
+		bodyScrollRef: Ye,
+		scrollContainerRef: Qe,
+		leftLeadingWidth: on,
+		centerLeadingWidth: sn,
 		rightLeadingWidth: 0,
-		applyColumnOrderAndPin: Xi
-	}), na = C ? Qi : void 0, ra = {
+		applyColumnOrderAndPin: $i
+	}), aa = C ? ta : void 0, oa = {
 		position: "absolute",
 		top: 0,
-		height: F + ti,
+		height: F + ii,
 		width: 2,
 		backgroundColor: "#2563eb",
 		transform: "translateX(-1px)",
 		pointerEvents: "none",
 		zIndex: 8,
 		display: "none"
-	}, ia = t(() => {
+	}, sa = t(() => {
 		if (!C) return;
-		let e = Nt.current;
+		let e = Ft.current;
 		if (!e) return;
 		let t = !1, n = g.map((n) => {
-			let r = Mt.current[n.key] ?? n.width, i = e.get(n.key);
+			let r = Nt.current[n.key] ?? n.width, i = e.get(n.key);
 			if (!i) return r === n.width ? n : {
 				...n,
 				width: r
@@ -4384,28 +4457,28 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 				visible: i.visible
 			};
 		});
-		t && (C(n), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
+		t && (C(n), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
 	}, [
 		g,
-		K,
+		G,
 		C
-	]), aa = t(() => {
-		Z(), ia();
-	}, [Z, ia]), oa = t((t) => X ? z(e[t], X) : void 0, [e, X]), { options: sa, allValues: ca, status: la, progress: ua } = sn({
-		column: X,
+	]), ca = t(() => {
+		Z(), sa();
+	}, [Z, sa]), la = t((t) => Y ? R(e[t], Y) : void 0, [e, Y]), { options: ua, allValues: da, status: fa, progress: pa } = un({
+		column: Y,
 		rowCount: e.length,
-		getRawValueAt: oa
-	}), da = X ? G.filters.columnFilters[X.key] : void 0, fa = a(() => he(da) ? {
-		mode: da.mode === "exclude" ? "exclude" : "include",
-		values: new Set(da.values)
-	} : null, [da]), pa = !(X?.filterOptions && X.filterOptions.length > 0), ma = t((e, t, n) => {
+		getRawValueAt: la
+	}), ma = Y ? W.filters.columnFilters[Y.key] : void 0, ha = a(() => he(ma) ? {
+		mode: ma.mode === "exclude" ? "exclude" : "include",
+		values: new Set(ma.values)
+	} : null, [ma]), ga = !(Y?.filterOptions && Y.filterOptions.length > 0), _a = t((e, t, n) => {
 		let r = t.mode === "include" ? t.values.size : n - t.values.size;
 		if (r >= n) {
-			K(h.clearColumnFilter(e));
+			G(h.clearColumnFilter(e));
 			return;
 		}
 		if (r <= 0) {
-			K(h.setColumnFilter(e, {
+			G(h.setColumnFilter(e, {
 				kind: "set",
 				mode: "include",
 				values: []
@@ -4417,102 +4490,102 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 			mode: t.mode,
 			values: Array.from(t.values)
 		};
-		K(h.setColumnFilter(e, i));
-	}, [K]), ha = t((e) => {
-		if (!Y) return;
-		let t = sa.length, n = fa, r;
-		r = gn(n, e) ? n === null ? pa ? {
+		G(h.setColumnFilter(e, i));
+	}, [G]), va = t((e) => {
+		if (!J) return;
+		let t = ua.length, n = ha, r;
+		r = yn(n, e) ? n === null ? ga ? {
 			mode: "exclude",
 			values: new Set([e])
 		} : {
 			mode: "include",
-			values: ar(ca, e)
+			values: sr(da, e)
 		} : n.mode === "include" ? {
 			mode: "include",
-			values: ar(n.values, e)
+			values: sr(n.values, e)
 		} : {
 			mode: "exclude",
-			values: ir(n.values, e)
+			values: or(n.values, e)
 		} : n.mode === "include" ? {
 			mode: "include",
-			values: ir(n.values, e)
+			values: or(n.values, e)
 		} : {
 			mode: "exclude",
-			values: ar(n.values, e)
-		}, ma(Y.columnKey, r, t);
+			values: sr(n.values, e)
+		}, _a(J.columnKey, r, t);
 	}, [
-		Y,
-		fa,
-		pa,
-		ca,
-		sa,
-		ma
-	]), ga = t((e, t) => {
-		if (!Y) return;
-		let n = Y.columnKey, r = sa.length;
+		J,
+		ha,
+		ga,
+		da,
+		ua,
+		_a
+	]), ya = t((e, t) => {
+		if (!J) return;
+		let n = J.columnKey, r = ua.length;
 		if (e === "all") {
-			t ? K(h.clearColumnFilter(n)) : ma(n, {
+			t ? G(h.clearColumnFilter(n)) : _a(n, {
 				mode: "include",
 				values: /* @__PURE__ */ new Set()
 			}, r);
 			return;
 		}
-		let i = fa, a;
+		let i = ha, a;
 		if (t) {
 			if (i === null) {
-				K(h.clearColumnFilter(n));
+				G(h.clearColumnFilter(n));
 				return;
 			}
 			a = i.mode === "include" ? {
 				mode: "include",
-				values: or(i.values, e)
+				values: cr(i.values, e)
 			} : {
 				mode: "exclude",
-				values: sr(i.values, e)
+				values: lr(i.values, e)
 			};
-		} else a = i === null ? pa ? {
+		} else a = i === null ? ga ? {
 			mode: "exclude",
 			values: new Set(e)
 		} : {
 			mode: "include",
-			values: sr(ca, e)
+			values: lr(da, e)
 		} : i.mode === "include" ? {
 			mode: "include",
-			values: sr(i.values, e)
+			values: lr(i.values, e)
 		} : {
 			mode: "exclude",
-			values: or(i.values, e)
+			values: cr(i.values, e)
 		};
-		ma(n, a, r);
+		_a(n, a, r);
 	}, [
-		Y,
-		fa,
-		pa,
-		ca,
-		sa,
-		ma,
-		K
-	]), _a = t(() => {
-		Y && K(h.clearColumnFilter(Y.columnKey));
-	}, [K, Y]), va = t(() => {
-		if (!Y) return;
-		let e = H.find((e) => e.key === Y.columnKey)?.filterType ?? "text";
+		J,
+		ha,
+		ga,
+		da,
+		ua,
+		_a,
+		G
+	]), ba = t(() => {
+		J && G(h.clearColumnFilter(J.columnKey));
+	}, [G, J]), xa = t(() => {
+		if (!J) return;
+		let e = V.find((e) => e.key === J.columnKey)?.filterType ?? "text";
 		if (e === "set") {
-			wn();
+			En();
 			return;
 		}
 		if (e === "number") {
-			let e = ye(Y.draftValue);
+			let e = ye(J.draftValue);
 			if (!e) {
-				K(h.clearColumnFilter(Y.columnKey)), wn();
+				G(h.clearColumnFilter(J.columnKey)), En();
 				return;
 			}
-			K(h.setColumnFilter(Y.columnKey, e)), wn();
+			G(h.setColumnFilter(J.columnKey, e)), En();
 			return;
 		}
-		let t = e === "select" ? Y.draftValue : Y.draftValue.trim();
+		let t = e === "select" ? J.draftValue : J.draftValue.trim();
 		if (!t) {
-			K(h.clearColumnFilter(Y.columnKey)), wn();
+			G(h.clearColumnFilter(J.columnKey)), En();
 			return;
 		}
 		let n = e === "select" ? {
@@ -4528,71 +4601,71 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 			kind: "text",
 			value: t
 		};
-		K(h.setColumnFilter(Y.columnKey, n)), wn();
+		G(h.setColumnFilter(J.columnKey, n)), En();
 	}, [
-		wn,
-		K,
-		Y,
-		H
-	]), ya = t(() => {
-		Y && (K(h.clearColumnFilter(Y.columnKey)), wn());
+		En,
+		G,
+		J,
+		V
+	]), Sa = t(() => {
+		J && (G(h.clearColumnFilter(J.columnKey)), En());
 	}, [
-		wn,
-		K,
-		Y
-	]), ba = t((e, t) => {
-		if (Z(), !B) return;
-		let n = $e(G.sort, e, t, !1);
-		K(n.length === 0 ? h.clearSort() : h.setSort(n));
+		En,
+		G,
+		J
+	]), Ca = t((e, t) => {
+		if (Z(), !z) return;
+		let n = $e(W.sort, e, t, !1);
+		G(n.length === 0 ? h.clearSort() : h.setSort(n));
 	}, [
 		Z,
-		K,
-		B,
-		G.sort
-	]), xa = t((e, t) => {
-		if (!B) return;
-		let n = et(G.sort, e, t);
-		K(h.setSort(n));
+		G,
+		z,
+		W.sort
+	]), wa = t((e, t) => {
+		if (!z) return;
+		let n = et(W.sort, e, t);
+		G(h.setSort(n));
 	}, [
-		K,
-		B,
-		G.sort
-	]), Sa = t((e, t) => {
-		if (!B) return;
-		let n = tt(G.sort, e, t);
-		K(h.setSort(n));
+		G,
+		z,
+		W.sort
+	]), Ta = t((e, t) => {
+		if (!z) return;
+		let n = tt(W.sort, e, t);
+		G(h.setSort(n));
 	}, [
-		K,
-		B,
-		G.sort
-	]), Ca = t((e, t) => {
-		if (!B) return;
-		let n = nt(G.sort, e, t);
-		K(h.setSort(n));
+		G,
+		z,
+		W.sort
+	]), Ea = t((e, t) => {
+		if (!z) return;
+		let n = nt(W.sort, e, t);
+		G(h.setSort(n));
 	}, [
-		K,
-		B,
-		G.sort
-	]), wa = t((e) => {
-		if (!B) return;
-		let t = rt(G.sort, e);
-		K(t.length === 0 ? h.clearSort() : h.setSort(t));
+		G,
+		z,
+		W.sort
+	]), Da = t((e) => {
+		if (!z) return;
+		let t = rt(W.sort, e);
+		G(t.length === 0 ? h.clearSort() : h.setSort(t));
 	}, [
-		K,
-		B,
-		G.sort
-	]), Ta = t(() => {
-		B && K(h.clearSort());
-	}, [K, B]), Ea = t((e, t) => {
-		if (!B) return;
-		let n = it(G.sort, e, t);
-		K(h.setSort(n));
+		G,
+		z,
+		W.sort
+	]), Oa = t(() => {
+		z && G(h.clearSort());
+	}, [G, z]), ka = t((e, t) => {
+		if (!z) return;
+		let n = it(W.sort, e, t);
+		G(h.setSort(n));
 	}, [
-		K,
-		B,
-		G.sort
-	]), Da = t((t, n, r, i, a) => {
-		let o = z(t, r);
+		G,
+		z,
+		W.sort
+	]), Aa = t((t, n, r, i, a) => {
+		let o = R(t, r);
 		return r.renderCell ? r.renderCell({
 			row: t,
 			rowIndex: n,
@@ -4617,20 +4690,20 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 		Q,
 		x,
 		e
-	]), { slotContext: Oa } = Ke({
+	]), { slotContext: ja } = Ke({
 		rows: e,
 		viewRowCount: $,
-		getFilteredRows: kr,
+		getFilteredRows: Mr,
 		columns: g,
-		visibleColumns: H,
-		uiState: G,
+		visibleColumns: V,
+		uiState: W,
 		setGlobalFilterText: t((e) => {
-			K(h.setGlobalFilter(e));
-		}, [K])
-	}), ka = a(() => ({
+			G(h.setGlobalFilter(e));
+		}, [G])
+	}), Ma = a(() => ({
 		width: I,
 		minWidth: I
-	}), [I]), Aa = $ === 0, ja = (e, t, n) => ({
+	}), [I]), Na = $ === 0, Pa = (e, t, n) => ({
 		position: "sticky",
 		...e === "left" ? { left: 0 } : { right: 0 },
 		width: t,
@@ -4645,477 +4718,477 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 			borderLeft: "1px solid #cbd5e1",
 			boxShadow: "-6px 0 8px -6px rgba(15, 23, 42, 0.35)"
 		} : {}
-	}), Ma = (() => {
-		if (!X) return "（なし）";
-		let e = G.filters.columnFilters[X.key];
+	}), Fa = (() => {
+		if (!Y) return "（なし）";
+		let e = W.filters.columnFilters[Y.key];
 		if (he(e)) return e.mode === "exclude" ? `${e.values.length}件を除外中` : `${e.values.length}件を選択中`;
 		if (ve(e)) return e.raw;
 		let t = be(e);
 		return t.trim() ? t : "（なし）";
-	})(), Na = X ? /* @__PURE__ */ d(yn, {
-		isOpen: !!Y,
+	})(), Ia = Y ? /* @__PURE__ */ d(Sn, {
+		isOpen: !!J,
+		title: Y.title || Y.key,
+		filterType: Y.filterType ?? "text",
+		isServerSide: H,
+		draftValue: J?.draftValue ?? "",
+		currentValueText: Fa,
+		layout: pn,
+		selectOptions: ua,
+		setSelection: ha,
+		optionsStatus: fa,
+		optionsProgress: pa,
+		popoverRef: mn,
+		textInputRef: hn,
+		selectRef: bn,
+		onRequestClose: En,
+		onDraftChange: Dn,
+		onApply: xa,
+		onClear: Sa,
+		onSetValueToggle: va,
+		onSetSelectAllChange: ya,
+		onSetClear: ba
+	}) : null, La = X ? /* @__PURE__ */ d(Vn, {
+		isOpen: jn,
 		title: X.title || X.key,
-		filterType: X.filterType ?? "text",
-		isServerSide: U,
-		draftValue: Y?.draftValue ?? "",
-		currentValueText: Ma,
-		layout: dn,
-		selectOptions: sa,
-		setSelection: fa,
-		optionsStatus: la,
-		optionsProgress: ua,
-		popoverRef: fn,
-		textInputRef: _n,
-		selectRef: vn,
-		onRequestClose: wn,
-		onDraftChange: Tn,
-		onApply: va,
-		onClear: ya,
-		onSetValueToggle: ha,
-		onSetSelectAllChange: ga,
-		onSetClear: _a
-	}) : null, Pa = Mn ? /* @__PURE__ */ d(zn, {
-		isOpen: An,
-		title: Mn.title || Mn.key,
-		columnKey: Mn.key,
-		canFilter: W && !!Mn.filterType,
-		onOpenFilter: () => qi(Mn),
-		canSort: Tt,
-		sortDirection: G.sort.find((e) => e.columnKey === Mn.key)?.direction ?? null,
-		onSortChange: (e) => ba(Mn.key, e),
-		onOpenSortManager: Ki,
-		pinned: Mn.pinned,
+		columnKey: X.key,
+		canFilter: At && !!X.filterType,
+		onOpenFilter: () => Xi(X),
+		canSort: U,
+		sortDirection: W.sort.find((e) => e.columnKey === X.key)?.direction ?? null,
+		onSortChange: (e) => Ca(X.key, e),
+		onOpenSortManager: Yi,
+		pinned: X.pinned,
 		canChangePinned: !!C,
-		layout: Dn,
-		popoverRef: On,
-		onPinnedChange: Bi,
-		onAutosizeColumn: Vi,
-		onAutosizeAllColumns: Hi,
-		onOpenColumnChooser: Wi,
+		layout: On,
+		popoverRef: An,
+		onPinnedChange: Ui,
+		onAutosizeColumn: Wi,
+		onAutosizeAllColumns: Gi,
+		onOpenColumnChooser: qi,
 		canResetColumns: !!C,
-		onResetColumns: aa,
+		onResetColumns: ca,
 		onRequestClose: Z
-	}) : null, Fa = /* @__PURE__ */ d(Zn, {
-		isOpen: In,
-		items: Ui,
+	}) : null, Ra = /* @__PURE__ */ d($n, {
+		isOpen: Ln,
+		items: Ki,
 		canToggle: !!C,
-		layout: Ln,
-		panelRef: Rn,
-		onToggleColumnVisibility: Ji,
-		onShowAllColumns: Yi,
-		onResetColumns: ia,
-		onReorderColumns: Zi,
-		onRequestClose: Vn
-	}), Ia = /* @__PURE__ */ d(rr, {
-		isOpen: Hn,
-		entries: G.sort,
-		columns: Gi,
-		canSort: Tt,
+		layout: Rn,
+		panelRef: zn,
+		onToggleColumnVisibility: Zi,
+		onShowAllColumns: Qi,
+		onResetColumns: sa,
+		onReorderColumns: ea,
+		onRequestClose: Hn
+	}), za = /* @__PURE__ */ d(ar, {
+		isOpen: Un,
+		entries: W.sort,
+		columns: Ji,
+		canSort: U,
 		layout: Wn,
-		panelRef: Gn,
-		onAddLevel: xa,
-		onChangeDirection: Sa,
-		onChangeColumn: Ca,
-		onRemoveLevel: wa,
-		onClearAll: Ta,
-		onMove: Ea,
-		onRequestClose: qn
-	}), La = Sn || An || In || Hn, Ra = Fe, za = Ie && At, Ba = je ? Pe(ze, Oa, Ra || za ? /* @__PURE__ */ d(xn, {
-		context: Oa,
-		showSummary: Ra,
-		showFilter: za,
-		showCounts: Le
-	}) : null) : null, Va = Ne ? Pe(Be, Oa, /* @__PURE__ */ d(bn, {
-		context: Oa,
+		panelRef: Kn,
+		onAddLevel: wa,
+		onChangeDirection: Ta,
+		onChangeColumn: Ea,
+		onRemoveLevel: Da,
+		onClearAll: Oa,
+		onMove: ka,
+		onRequestClose: Jn
+	}), Ba = xn || jn || Ln || Un, Va = Ie, Ha = Le && Mt, Ua = Ne ? Pe(Be, ja, Va || Ha ? /* @__PURE__ */ d(wn, {
+		context: ja,
+		showSummary: Va,
+		showFilter: Ha,
 		showCounts: Re
-	})) : null, Ha = L === void 0 && te === void 0 ? void 0 : {
+	}) : null) : null, Wa = Fe ? Pe(Ve, ja, /* @__PURE__ */ d(Cn, {
+		context: ja,
+		showCounts: ze
+	})) : null, Ga = L === void 0 && te === void 0 ? void 0 : {
 		...L === void 0 ? {} : { height: L },
 		maxHeight: te ?? (L === void 0 ? void 0 : "none")
 	};
 	return /* @__PURE__ */ f("div", {
-		className: m("ssg-root", Ve, V?.root),
+		className: m("ssg-root", He, B?.root),
 		children: [
-			Ba,
+			Ua,
 			/* @__PURE__ */ f("div", {
-				ref: Ue,
+				ref: We,
 				className: "ssg-shell",
-				style: { cursor: Dr ? "progress" : void 0 },
-				onDragStart: hi,
-				onPointerLeave: () => bt(null),
+				style: { cursor: Ar ? "progress" : void 0 },
+				onDragStart: vi,
+				onPointerLeave: () => xt(null),
 				onPointerMoveCapture: (e) => {
-					We.current = {
+					Ge.current = {
 						x: e.clientX,
 						y: e.clientY
-					}, fi(e.clientX, e.clientY);
+					}, hi(e.clientX, e.clientY);
 				},
-				tabIndex: La ? -1 : 0,
-				onKeyDown: La ? void 0 : Ti,
-				onPaste: La ? void 0 : Si,
+				tabIndex: Ba ? -1 : 0,
+				onKeyDown: Ba ? void 0 : Oi,
+				onPaste: Ba ? void 0 : Ti,
 				children: [/* @__PURE__ */ f("div", {
-					ref: Ze,
+					ref: Qe,
 					className: "ssg-scroll-container",
-					style: Ha,
+					style: Ga,
 					children: [/* @__PURE__ */ f("div", {
 						className: "ssg-inner-row",
 						style: {
-							width: un,
-							minWidth: un,
-							height: F + ti
+							width: fn,
+							minWidth: fn,
+							height: F + ii
 						},
 						children: [
 							/* @__PURE__ */ f("div", {
-								ref: Qe,
-								style: ja("left", on, en),
-								children: [en && /* @__PURE__ */ f("div", {
+								ref: ct,
+								style: Pa("left", cn, nn),
+								children: [nn && /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: on,
-										minWidth: on,
-										height: F + ti
+										width: cn,
+										minWidth: cn,
+										height: F + ii
 									},
-									children: [/* @__PURE__ */ d(kn, {
+									children: [/* @__PURE__ */ d(Mn, {
 										pane: "left",
 										ownsRowHeader: !0,
-										leadingWidth: rn,
+										leadingWidth: on,
 										headerHeight: F,
-										rowHeaderCellStyle: ka,
-										headerRowClassName: V?.headerRow,
-										headerCellClassName: V?.headerCell,
-										rowHeaderCellClassName: V?.rowHeaderCell,
-										isCornerHovered: pt,
-										isWholeGridSelected: bi,
+										rowHeaderCellStyle: Ma,
+										headerRowClassName: B?.headerRow,
+										headerCellClassName: B?.headerCell,
+										rowHeaderCellClassName: B?.rowHeaderCell,
+										isCornerHovered: vt,
+										isWholeGridSelected: Ci,
 										filteredRowsLength: $,
-										visibleColumnsLength: H.length,
-										renderEntries: oi,
-										hoveredColumnIndex: xt,
-										selectionSnapshot: Pt,
-										columnFilterValues: G.filters.columnFilters,
-										sortState: G.sort,
-										iconButtonClassName: V?.iconButton,
-										onCornerPointerDown: Pi,
-										onCornerPointerEnter: Li,
-										onCornerPointerLeave: Ri,
-										onColumnHeaderPointerDown: vi,
-										onColumnHeaderPointerEnter: yi,
-										onColumnHeaderPointerLeave: Ii,
-										onColumnResizePointerDown: zi,
-										enableColumnMenu: De,
-										enableColumnResize: we,
-										openedMenuColumnKey: jn,
-										onColumnMenuButtonPointerDown: Nn,
+										visibleColumnsLength: V.length,
+										renderEntries: li,
+										hoveredColumnIndex: St,
+										selectionSnapshot: It,
+										columnFilterValues: W.filters.columnFilters,
+										sortState: W.sort,
+										iconButtonClassName: B?.iconButton,
+										onCornerPointerDown: Li,
+										onCornerPointerEnter: Bi,
+										onCornerPointerLeave: Vi,
+										onColumnHeaderPointerDown: xi,
+										onColumnHeaderPointerEnter: Si,
+										onColumnHeaderPointerLeave: zi,
+										onColumnResizePointerDown: Hi,
+										enableColumnMenu: ke,
+										enableColumnResize: Te,
+										openedMenuColumnKey: Nn,
+										onColumnMenuButtonPointerDown: Pn,
 										onColumnHeaderContextMenu: Fn,
-										onColumnDragHandlePointerDown: na
+										onColumnDragHandlePointerDown: aa
 									}), /* @__PURE__ */ f("div", {
 										style: {
 											position: "absolute",
 											top: 0,
 											left: 0,
-											width: on,
-											height: F + ti,
-											transform: ni
+											width: cn,
+											height: F + ii,
+											transform: ai
 										},
 										children: [
 											/* @__PURE__ */ d(le, {
-												rect: Ni("left"),
+												rect: Ii("left"),
 												headerHeight: F,
-												baseOffset: ii,
-												leadingWidth: rn
+												baseOffset: si,
+												leadingWidth: on
 											}),
 											/* @__PURE__ */ d(ue, {
-												rect: ui("left"),
+												rect: pi("left"),
 												headerHeight: F,
-												baseOffset: ii,
-												leadingWidth: rn
+												baseOffset: si,
+												leadingWidth: on
 											}),
 											/* @__PURE__ */ d(de, {
-												rect: di("left"),
+												rect: mi("left"),
 												headerHeight: F,
-												baseOffset: ii,
-												leadingWidth: rn,
-												initialValue: dt,
-												onCommit: Di,
-												onCancel: Oi,
-												align: ki?.align
+												baseOffset: si,
+												leadingWidth: on,
+												initialValue: ft,
+												onCommit: Ai,
+												onCancel: ji,
+												align: Mi?.align
 											}),
-											/* @__PURE__ */ d(En, {
+											/* @__PURE__ */ d(kn, {
 												pane: "left",
 												ownsRowHeader: !0,
-												leadingWidth: rn,
+												leadingWidth: on,
 												rowModel: Q,
-												virtualRows: Zr,
-												virtualRowIndexes: Qr,
-												renderEntries: oi,
+												virtualRows: ei,
+												virtualRowIndexes: ti,
+												renderEntries: li,
 												rowHeight: O,
-												autoHeight: Br,
-												isServerSide: U,
-												rowHeaderCellStyle: ka,
-												hoveredRowIndex: yt,
-												isWholeGridSelected: bi,
-												activeCell: G.activeCell,
-												editingCell: G.editingCell,
-												selectionSnapshot: Pt,
-												readOnly: R,
-												canEditCell: se,
-												onRowHeaderPointerDown: gi,
-												onRowHeaderPointerEnter: _i,
-												onRowHeaderPointerLeave: Fi,
-												onCellPointerDown: pi,
-												onCellPointerEnter: mi,
-												onCellDoubleClick: Ai,
-												renderCellContent: Da,
-												getRowClassName: He,
-												bodyCellClassName: V?.bodyCell,
-												bodyRowClassName: V?.bodyRow,
-												rowHeaderCellClassName: V?.rowHeaderCell
+												autoHeight: Ur,
+												isServerSide: H,
+												rowHeaderCellStyle: Ma,
+												hoveredRowIndex: bt,
+												isWholeGridSelected: Ci,
+												activeCell: W.activeCell,
+												editingCell: W.editingCell,
+												selectionSnapshot: It,
+												readOnly: se,
+												canEditCell: ge,
+												onRowHeaderPointerDown: yi,
+												onRowHeaderPointerEnter: bi,
+												onRowHeaderPointerLeave: Ri,
+												onCellPointerDown: gi,
+												onCellPointerEnter: _i,
+												onCellDoubleClick: Ni,
+												renderCellContent: Aa,
+												getRowClassName: Ue,
+												bodyCellClassName: B?.bodyCell,
+												bodyRowClassName: B?.bodyRow,
+												rowHeaderCellClassName: B?.rowHeaderCell
 											})
 										]
 									})]
 								}), /* @__PURE__ */ d("div", {
-									ref: $i,
-									style: ra
+									ref: na,
+									style: oa
 								})]
 							}),
 							/* @__PURE__ */ d("div", {
-								ref: Je,
+								ref: Ye,
 								className: "ssg-center-pane",
 								style: {
-									width: ln,
-									minWidth: ln
+									width: dn,
+									minWidth: dn
 								},
 								children: /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: ln,
-										minWidth: ln,
-										height: F + ti
+										width: dn,
+										minWidth: dn,
+										height: F + ii
 									},
 									children: [
-										/* @__PURE__ */ d(kn, {
+										/* @__PURE__ */ d(Mn, {
 											pane: "center",
-											ownsRowHeader: nn,
-											leadingWidth: an,
+											ownsRowHeader: an,
+											leadingWidth: sn,
 											headerHeight: F,
-											rowHeaderCellStyle: ka,
-											headerRowClassName: V?.headerRow,
-											headerCellClassName: V?.headerCell,
-											rowHeaderCellClassName: V?.rowHeaderCell,
-											isCornerHovered: pt,
-											isWholeGridSelected: bi,
+											rowHeaderCellStyle: Ma,
+											headerRowClassName: B?.headerRow,
+											headerCellClassName: B?.headerCell,
+											rowHeaderCellClassName: B?.rowHeaderCell,
+											isCornerHovered: vt,
+											isWholeGridSelected: Ci,
 											filteredRowsLength: $,
-											visibleColumnsLength: H.length,
-											renderEntries: ai,
-											hoveredColumnIndex: xt,
-											selectionSnapshot: Pt,
-											columnFilterValues: G.filters.columnFilters,
-											sortState: G.sort,
-											iconButtonClassName: V?.iconButton,
-											onCornerPointerDown: Pi,
-											onCornerPointerEnter: Li,
-											onCornerPointerLeave: Ri,
-											onColumnHeaderPointerDown: vi,
-											onColumnHeaderPointerEnter: yi,
-											onColumnHeaderPointerLeave: Ii,
-											onColumnResizePointerDown: zi,
-											enableColumnMenu: De,
-											enableColumnResize: we,
-											openedMenuColumnKey: jn,
-											onColumnMenuButtonPointerDown: Nn,
+											visibleColumnsLength: V.length,
+											renderEntries: ci,
+											hoveredColumnIndex: St,
+											selectionSnapshot: It,
+											columnFilterValues: W.filters.columnFilters,
+											sortState: W.sort,
+											iconButtonClassName: B?.iconButton,
+											onCornerPointerDown: Li,
+											onCornerPointerEnter: Bi,
+											onCornerPointerLeave: Vi,
+											onColumnHeaderPointerDown: xi,
+											onColumnHeaderPointerEnter: Si,
+											onColumnHeaderPointerLeave: zi,
+											onColumnResizePointerDown: Hi,
+											enableColumnMenu: ke,
+											enableColumnResize: Te,
+											openedMenuColumnKey: Nn,
+											onColumnMenuButtonPointerDown: Pn,
 											onColumnHeaderContextMenu: Fn,
-											onColumnDragHandlePointerDown: na
+											onColumnDragHandlePointerDown: aa
 										}),
 										/* @__PURE__ */ f("div", {
 											style: {
 												position: "absolute",
 												top: 0,
 												left: 0,
-												width: ln,
-												height: F + ti,
-												transform: ni
+												width: dn,
+												height: F + ii,
+												transform: ai
 											},
 											children: [
 												/* @__PURE__ */ d(le, {
-													rect: Ni("center"),
+													rect: Ii("center"),
 													headerHeight: F,
-													baseOffset: ii,
-													leadingWidth: an
+													baseOffset: si,
+													leadingWidth: sn
 												}),
 												/* @__PURE__ */ d(ue, {
-													rect: ui("center"),
+													rect: pi("center"),
 													headerHeight: F,
-													baseOffset: ii,
-													leadingWidth: an
+													baseOffset: si,
+													leadingWidth: sn
 												}),
 												/* @__PURE__ */ d(de, {
-													rect: di("center"),
+													rect: mi("center"),
 													headerHeight: F,
-													baseOffset: ii,
-													leadingWidth: an,
-													initialValue: dt,
-													onCommit: Di,
-													onCancel: Oi,
-													align: ki?.align
+													baseOffset: si,
+													leadingWidth: sn,
+													initialValue: ft,
+													onCommit: Ai,
+													onCancel: ji,
+													align: Mi?.align
 												}),
-												/* @__PURE__ */ d(En, {
+												/* @__PURE__ */ d(kn, {
 													pane: "center",
-													ownsRowHeader: nn,
-													leadingWidth: an,
+													ownsRowHeader: an,
+													leadingWidth: sn,
 													rowModel: Q,
-													virtualRows: Zr,
-													virtualRowIndexes: Qr,
-													renderEntries: ai,
+													virtualRows: ei,
+													virtualRowIndexes: ti,
+													renderEntries: ci,
 													rowHeight: O,
-													autoHeight: Br,
-													isServerSide: U,
-													rowHeaderCellStyle: ka,
-													hoveredRowIndex: yt,
-													isWholeGridSelected: bi,
-													activeCell: G.activeCell,
-													editingCell: G.editingCell,
-													selectionSnapshot: Pt,
-													readOnly: R,
-													canEditCell: se,
-													onRowHeaderPointerDown: gi,
-													onRowHeaderPointerEnter: _i,
-													onRowHeaderPointerLeave: Fi,
-													onCellPointerDown: pi,
-													onCellPointerEnter: mi,
-													onCellDoubleClick: Ai,
-													renderCellContent: Da,
-													getRowClassName: He,
-													bodyCellClassName: V?.bodyCell,
-													bodyRowClassName: V?.bodyRow,
-													rowHeaderCellClassName: V?.rowHeaderCell
+													autoHeight: Ur,
+													isServerSide: H,
+													rowHeaderCellStyle: Ma,
+													hoveredRowIndex: bt,
+													isWholeGridSelected: Ci,
+													activeCell: W.activeCell,
+													editingCell: W.editingCell,
+													selectionSnapshot: It,
+													readOnly: se,
+													canEditCell: ge,
+													onRowHeaderPointerDown: yi,
+													onRowHeaderPointerEnter: bi,
+													onRowHeaderPointerLeave: Ri,
+													onCellPointerDown: gi,
+													onCellPointerEnter: _i,
+													onCellDoubleClick: Ni,
+													renderCellContent: Aa,
+													getRowClassName: Ue,
+													bodyCellClassName: B?.bodyCell,
+													bodyRowClassName: B?.bodyRow,
+													rowHeaderCellClassName: B?.rowHeaderCell
 												})
 											]
 										}),
 										/* @__PURE__ */ d("div", {
-											ref: ea,
-											style: ra
+											ref: ra,
+											style: oa
 										})
 									]
 								})
 							}),
 							/* @__PURE__ */ f("div", {
-								ref: ct,
-								style: ja("right", cn, tn),
-								children: [tn && /* @__PURE__ */ f("div", {
+								ref: dt,
+								style: Pa("right", ln, rn),
+								children: [rn && /* @__PURE__ */ f("div", {
 									style: {
 										position: "relative",
 										overflow: "clip",
-										width: cn,
-										minWidth: cn,
-										height: F + ti
+										width: ln,
+										minWidth: ln,
+										height: F + ii
 									},
-									children: [/* @__PURE__ */ d(kn, {
+									children: [/* @__PURE__ */ d(Mn, {
 										pane: "right",
 										ownsRowHeader: !1,
 										leadingWidth: 0,
 										headerHeight: F,
-										rowHeaderCellStyle: ka,
-										headerRowClassName: V?.headerRow,
-										headerCellClassName: V?.headerCell,
-										rowHeaderCellClassName: V?.rowHeaderCell,
-										isCornerHovered: pt,
-										isWholeGridSelected: bi,
+										rowHeaderCellStyle: Ma,
+										headerRowClassName: B?.headerRow,
+										headerCellClassName: B?.headerCell,
+										rowHeaderCellClassName: B?.rowHeaderCell,
+										isCornerHovered: vt,
+										isWholeGridSelected: Ci,
 										filteredRowsLength: $,
-										visibleColumnsLength: H.length,
-										renderEntries: si,
-										hoveredColumnIndex: xt,
-										selectionSnapshot: Pt,
-										columnFilterValues: G.filters.columnFilters,
-										sortState: G.sort,
-										iconButtonClassName: V?.iconButton,
-										onCornerPointerDown: Pi,
-										onCornerPointerEnter: Li,
-										onCornerPointerLeave: Ri,
-										onColumnHeaderPointerDown: vi,
-										onColumnHeaderPointerEnter: yi,
-										onColumnHeaderPointerLeave: Ii,
-										onColumnResizePointerDown: zi,
-										enableColumnMenu: De,
-										enableColumnResize: we,
-										openedMenuColumnKey: jn,
-										onColumnMenuButtonPointerDown: Nn,
+										visibleColumnsLength: V.length,
+										renderEntries: ui,
+										hoveredColumnIndex: St,
+										selectionSnapshot: It,
+										columnFilterValues: W.filters.columnFilters,
+										sortState: W.sort,
+										iconButtonClassName: B?.iconButton,
+										onCornerPointerDown: Li,
+										onCornerPointerEnter: Bi,
+										onCornerPointerLeave: Vi,
+										onColumnHeaderPointerDown: xi,
+										onColumnHeaderPointerEnter: Si,
+										onColumnHeaderPointerLeave: zi,
+										onColumnResizePointerDown: Hi,
+										enableColumnMenu: ke,
+										enableColumnResize: Te,
+										openedMenuColumnKey: Nn,
+										onColumnMenuButtonPointerDown: Pn,
 										onColumnHeaderContextMenu: Fn,
-										onColumnDragHandlePointerDown: na
+										onColumnDragHandlePointerDown: aa
 									}), /* @__PURE__ */ f("div", {
 										style: {
 											position: "absolute",
 											top: 0,
 											left: 0,
-											width: cn,
-											height: F + ti,
-											transform: ni
+											width: ln,
+											height: F + ii,
+											transform: ai
 										},
 										children: [
 											/* @__PURE__ */ d(le, {
-												rect: Ni("right"),
+												rect: Ii("right"),
 												headerHeight: F,
-												baseOffset: ii,
+												baseOffset: si,
 												leadingWidth: 0
 											}),
 											/* @__PURE__ */ d(ue, {
-												rect: ui("right"),
+												rect: pi("right"),
 												headerHeight: F,
-												baseOffset: ii,
+												baseOffset: si,
 												leadingWidth: 0
 											}),
 											/* @__PURE__ */ d(de, {
-												rect: di("right"),
+												rect: mi("right"),
 												headerHeight: F,
-												baseOffset: ii,
+												baseOffset: si,
 												leadingWidth: 0,
-												initialValue: dt,
-												onCommit: Di,
-												onCancel: Oi,
-												align: ki?.align
+												initialValue: ft,
+												onCommit: Ai,
+												onCancel: ji,
+												align: Mi?.align
 											}),
-											/* @__PURE__ */ d(En, {
+											/* @__PURE__ */ d(kn, {
 												pane: "right",
 												ownsRowHeader: !1,
 												leadingWidth: 0,
 												rowModel: Q,
-												virtualRows: Zr,
-												virtualRowIndexes: Qr,
-												renderEntries: si,
+												virtualRows: ei,
+												virtualRowIndexes: ti,
+												renderEntries: ui,
 												rowHeight: O,
-												autoHeight: Br,
-												isServerSide: U,
-												rowHeaderCellStyle: ka,
-												hoveredRowIndex: yt,
-												isWholeGridSelected: bi,
-												activeCell: G.activeCell,
-												editingCell: G.editingCell,
-												selectionSnapshot: Pt,
-												readOnly: R,
-												canEditCell: se,
-												onRowHeaderPointerDown: gi,
-												onRowHeaderPointerEnter: _i,
-												onRowHeaderPointerLeave: Fi,
-												onCellPointerDown: pi,
-												onCellPointerEnter: mi,
-												onCellDoubleClick: Ai,
-												renderCellContent: Da,
-												getRowClassName: He,
-												bodyCellClassName: V?.bodyCell,
-												bodyRowClassName: V?.bodyRow,
-												rowHeaderCellClassName: V?.rowHeaderCell
+												autoHeight: Ur,
+												isServerSide: H,
+												rowHeaderCellStyle: Ma,
+												hoveredRowIndex: bt,
+												isWholeGridSelected: Ci,
+												activeCell: W.activeCell,
+												editingCell: W.editingCell,
+												selectionSnapshot: It,
+												readOnly: se,
+												canEditCell: ge,
+												onRowHeaderPointerDown: yi,
+												onRowHeaderPointerEnter: bi,
+												onRowHeaderPointerLeave: Ri,
+												onCellPointerDown: gi,
+												onCellPointerEnter: _i,
+												onCellDoubleClick: Ni,
+												renderCellContent: Aa,
+												getRowClassName: Ue,
+												bodyCellClassName: B?.bodyCell,
+												bodyRowClassName: B?.bodyRow,
+												rowHeaderCellClassName: B?.rowHeaderCell
 											})
 										]
 									})]
 								}), /* @__PURE__ */ d("div", {
-									ref: ta,
-									style: ra
+									ref: ia,
+									style: oa
 								})]
 							})
 						]
-					}), Aa && /* @__PURE__ */ d("div", {
+					}), Na && /* @__PURE__ */ d("div", {
 						className: "ssg-empty-state",
-						children: e.length === 0 ? Ae : ke
+						children: e.length === 0 ? je : Ae
 					})]
-				}), Dr && /* @__PURE__ */ d("div", {
+				}), Ar && /* @__PURE__ */ d("div", {
 					className: "ssg-autosize-overlay",
 					children: /* @__PURE__ */ d("span", {
 						className: "ssg-autosize-pill",
@@ -5123,17 +5196,17 @@ function mr({ rows: e = cr, dataSource: u, serverSideRefreshToken: p, columns: g
 					})
 				})]
 			}),
-			Va,
-			Na,
-			Pa,
-			Fa,
-			Ia
+			Wa,
+			Ia,
+			La,
+			Ra,
+			za
 		]
 	});
 }
 //#endregion
 //#region src/components/spreadsheet-grid/logic/valueFormatters.ts
-function hr(e = {}) {
+function yr(e = {}) {
 	let { locale: t, useGrouping: n = !0, minimumFractionDigits: r, maximumFractionDigits: i, emptyText: a = "" } = e;
 	return ({ value: e }) => {
 		if (e == null || e === "") return a;
@@ -5148,4 +5221,4 @@ function hr(e = {}) {
 	};
 }
 //#endregion
-export { mr as SpreadsheetGrid, hr as numberFormatter };
+export { vr as SpreadsheetGrid, yr as numberFormatter };