@sheetxl/grid-react 0.8.0-beta.16 → 0.8.0-beta.17

package/browser/esm/index.mjs

@@ -1,6 +1,6 @@
 (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.grid-surface,.touch-input{--sxl-handle-size:11px;--sxl-handle-ring:2px;--sxl-handle-hit:11px;--sxl-handle-color:var(--sxl-color-primary,#217346);--sxl-handle-halo:0px}.touch-input{--sxl-handle-size:14px;--sxl-handle-hit:36px;--sxl-handle-halo:1.5px}._grid-stage_rzp9d_1{width:100%;height:100%;position:absolute;top:0;left:0}._grid-stage_rzp9d_1>*{pointer-events:none;position:absolute;inset:0}._grid-stage_rzp9d_1>*>*{pointer-events:auto}._sheetxl-grid_5yo0n_7{box-sizing:border-box;user-select:none;contain:strict;width:100%;height:100%;position:relative}._sheetxl-grid_5yo0n_7 *{box-sizing:border-box!important}._sheetxl-grid_5yo0n_7 :focus{outline:none}._sheetxl-grid_5yo0n_7>*{contain:size layout style}._virtual-div_16eab_1{position:absolute}._tiles_v3ek7_7{will-change:transform}._tiles_v3ek7_7 .tile{white-space:pre;position:absolute}._tiles_v3ek7_7 .tile>*{contain:strict;position:absolute}._tiles_v3ek7_7 [data-cell-interactive]{pointer-events:auto}._gridlines_v3ek7_32,._gridlines_v3ek7_32 *{pointer-events:none;position:absolute;overflow:visible}.cell{letter-spacing:-.25px;padding:2px 4px;font-family:Calibri;line-height:1.2}._field_q34pi_8{box-sizing:border-box;background:light-dark(#fff,#2b2b2b);border:1px solid light-dark(#c4c4c4,#5a5a5a);border-radius:4px;flex:none;align-items:center;width:100%;min-width:0;display:flex;position:relative}._field_q34pi_8:focus-within{border-color:var(--sxl-color-primary,#0078d7)}._search_q34pi_28{box-sizing:border-box;width:auto;min-width:0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:auto;margin:0;padding:3px 4px}._search_q34pi_28::placeholder{opacity:.6}._icon_q34pi_47{opacity:.6;pointer-events:none;flex:none;width:14px;height:14px;margin-left:6px}._clear_q34pi_56{width:20px;height:20px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:2px;flex:none;justify-content:center;align-items:center;margin-right:2px;padding:0;display:inline-flex}._clear_q34pi_56 svg{width:12px;height:12px}._clear_q34pi_56:hover{opacity:1;background:light-dark(#0000000f,#ffffff1a)}._row_q34pi_84{align-items:center;gap:6px;min-width:0;display:flex}._row_q34pi_84 ._field_q34pi_8{flex:auto;width:auto}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 /**
-* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.16
+* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.17
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: SheetXL EULA — https://www.sheetxl.com/eula
@@ -511,9 +511,9 @@ var X = Object.freeze([]), Oe = (e, t) => {
 	}, T = {
 		width: c,
 		height: l
-	}, E = null, D = null, O = () => {
+	}, E = Fe(), D = Fe(), O = null, k = null, A = () => {
 		let t = o.getSnapshot();
-		if (D && E === t) return D;
+		if (k && O === t) return k;
 		let n = a(t.left)[e.columnIndex], r = i(t.top)[e.rowIndex], c = n.metrics, l = r.metrics, u = Object.freeze({
 			rowStart: r.minIndex,
 			colStart: n.minIndex,
@@ -521,14 +521,14 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			colEnd: n.maxIndex
 		}), d = Object.freeze({
 			getColIndex: (e) => c.getColIndex(e),
-			getColOffset: (e) => c.getColOffset(e),
+			getColOffset: E(n.minIndex, n.maxIndex, c.getColOffset),
 			getRowIndex: (e) => l.getRowIndex(e),
-			getRowOffset: (e) => l.getRowOffset(e)
+			getRowOffset: D(r.minIndex, r.maxIndex, l.getRowOffset)
 		}), f = {
 			left: n.scrollOffset,
 			top: r.scrollOffset
 		};
-		return D = {
+		return k = {
 			cellRange: u,
 			metrics: d,
 			scrollTopLeft: f,
@@ -538,9 +538,9 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			},
 			colDims: n,
 			rowDims: r
-		}, E = t, D;
-	}, k = (e, t) => {
-		let n = O();
+		}, O = t, k;
+	}, j = (e, t) => {
+		let n = A();
 		return ((e, t, n) => {
 			let r = e.getColOffset(t.colStart) + (n?.left ?? 0), i = e.getRowOffset(t.rowStart) + (n?.top ?? 0);
 			return {
@@ -550,23 +550,23 @@ var X = Object.freeze([]), Oe = (e, t) => {
 				height: e.getRowOffset(t.rowEnd + 1) + (n?.bottom ?? 0) - (n?.top ?? 0) - i
 			};
 		})(n.metrics, e ?? n.cellRange, t);
-	}, A = (e) => {
+	}, M = (e) => {
 		if (e < 0) return null;
-		let t = O().colDims.metrics, n = t.getColOffset(e);
+		let t = A().metrics, n = t.getColOffset(e);
 		return {
 			index: e,
 			offset: n,
 			size: t.getColOffset(e + 1) - n
 		};
-	}, j = (e) => {
+	}, N = (e) => {
 		if (e < 0) return null;
-		let t = O().rowDims.metrics, n = t.getRowOffset(e);
+		let t = A().metrics, n = t.getRowOffset(e);
 		return {
 			index: e,
 			offset: n,
 			size: t.getRowOffset(e + 1) - n
 		};
-	}, M = (e, t) => {
+	}, P = (e, t) => {
 		let n = Array(e.length);
 		for (let r = 0; r < e.length; r++) n[r] = t(e[r]);
 		return n;
@@ -593,10 +593,10 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			let n = e.refStage;
 			n && n.releasePointerCapture(t);
 		},
-		getVisibleRange: () => O().cellRange,
+		getVisibleRange: () => A().cellRange,
 		toClipBounds: (e, t) => {
 			let n, r = 0;
-			return t === void 0 || typeof t == "number" ? (n = k(O().cellRange), r = t) : n = t, ((e, t, n = 0) => {
+			return t === void 0 || typeof t == "number" ? (n = j(A().cellRange), r = t) : n = t, ((e, t, n = 0) => {
 				let r = e.x, i = e.y;
 				if (r > t.width || i > t.height) return null;
 				let a = {
@@ -629,7 +629,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			}, n, r);
 		},
 		toPaneBounds: (e) => {
-			let t = O().topLeft;
+			let t = A().topLeft;
 			return t.left === 0 && t.top === 0 && s === 1 ? e : {
 				x: (e.x - t.left) * s,
 				y: (e.y - t.top) * s,
@@ -638,7 +638,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			};
 		},
 		toAbsoluteBounds: (e) => {
-			let t = O().topLeft;
+			let t = A().topLeft;
 			return t.left === 0 && t.top === 0 && s === 1 ? e : {
 				x: e.x / s + t.left,
 				y: e.y / s + t.top,
@@ -653,18 +653,24 @@ var X = Object.freeze([]), Oe = (e, t) => {
 				y: n.y - x.y
 			} : null;
 		},
-		getMetrics: () => O().metrics,
+		getMetrics: () => A().metrics,
 		getRangeFromCell: u,
-		getVisibleColumns: (e, t) => M(O().colDims.visibleIndices(e, t), A),
-		getVisibleRows: (e, t) => M(O().rowDims.visibleIndices(e, t), j),
-		getColumnSize: A,
-		getRowSize: j,
+		getVisibleColumns: (e, t) => {
+			let n = A();
+			return e !== void 0 && t !== void 0 ? P(n.colDims.visibleIndices(e, t), M) : n.visibleColumns ??= Object.freeze(P(n.colDims.visibleIndices(), M));
+		},
+		getVisibleRows: (e, t) => {
+			let n = A();
+			return e !== void 0 && t !== void 0 ? P(n.rowDims.visibleIndices(e, t), N) : n.visibleRows ??= Object.freeze(P(n.rowDims.visibleIndices(), N));
+		},
+		getColumnSize: M,
+		getRowSize: N,
 		getTotalRange: () => f,
-		getBoundsFromRange: k,
+		getBoundsFromRange: j,
 		getCellFromPointer: (e, t, n = !1) => {
 			let r = p(e, t);
 			if (!r) return null;
-			let i = O().metrics, a = i.getColIndex(r.x - x.x), o = {
+			let i = A().metrics, a = i.getColIndex(r.x - x.x), o = {
 				rowIndex: i.getRowIndex(r.y - x.y),
 				colIndex: a
 			};
@@ -692,9 +698,9 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		getInsets: () => e.insets,
 		getTotalSize: () => C,
 		getSurfaceSize: () => T,
-		getScrollTopLeft: () => O().scrollTopLeft,
+		getScrollTopLeft: () => A().scrollTopLeft,
 		getScrollTarget: () => {
-			let e = O().scrollTopLeft, t = o.getSnapshot(), n = o.getTarget();
+			let e = A().scrollTopLeft, t = o.getSnapshot(), n = o.getTarget();
 			return {
 				left: e.left + (b.horizontal ? n.left - t.left : 0),
 				top: e.top + (b.vertical ? n.top - t.top : 0)
@@ -711,7 +717,26 @@ var X = Object.freeze([]), Oe = (e, t) => {
 	V.Top,
 	V.Left,
 	V.Center
-], Fe = (e, t, n) => {
+], Fe = () => {
+	let e = /* @__PURE__ */ new Float64Array(), t = /* @__PURE__ */ new Uint32Array(), n = 0;
+	return (r, i, a) => {
+		let o = i - r + 2;
+		if (!(o > 0) || o > 4096) return a;
+		if (e.length < o) {
+			let n = Math.min(4096, Math.max(o, 2 * e.length, 64));
+			e = new Float64Array(n), t = new Uint32Array(n);
+		}
+		n === 4294967295 && (t.fill(0), n = 0);
+		let s = ++n, c = e, l = t;
+		return (e) => {
+			let t = e - r;
+			if (s !== n || !(t >= 0 && t < o) || (0 | t) !== t) return a(e);
+			if (l[t] === s) return c[t];
+			let i = a(e);
+			return c[t] = i, l[t] = s, i;
+		};
+	};
+}, Ie = (e, t, n) => {
 	let r = (t?.left ?? 0) + (n?.x ?? 0), i = (t?.top ?? 0) + (n?.y ?? 0);
 	return {
 		getColOffset: (t) => e.getColOffset(t) - r,
@@ -719,7 +744,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		getRowOffset: (t) => e.getRowOffset(t) - i,
 		getRowIndex: (t) => e.getRowIndex(t + i)
 	};
-}, Ie = Object.freeze([{
+}, Le = Object.freeze([{
 	minIndex: 0,
 	maxIndex: 0,
 	minCoord: 0,
@@ -736,13 +761,13 @@ var X = Object.freeze([]), Oe = (e, t) => {
 	maxVirtualBounds: 0,
 	scrollOffset: 0,
 	freezeOffset: 0
-}]), Le = n(null), Re = ({ pane: e, viewport: t, children: n }) => {
+}]), Re = n(null), ze = ({ pane: e, viewport: t, children: n }) => {
 	let r = ee(t, (e) => e.getSnapshot()), i = f(() => ({ pane: e }), [e, r]);
-	return y(Le.Provider, {
+	return y(Re.Provider, {
 		value: i,
 		children: n
 	});
-}, ze = () => {
+}, Be = () => {
 	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
 	return {
 		has: (t) => e.has(t),
@@ -760,13 +785,13 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			};
 		}
 	};
-}, Be = n(null), Ve = ({ store: e, children: t }) => {
-	let n = c(Be), r = m(null), i = e ?? n;
-	return i ||= (r.current ||= ze(), r.current), y(Be.Provider, {
+}, Ve = n(null), He = ({ store: e, children: t }) => {
+	let n = c(Ve), r = m(null), i = e ?? n;
+	return i ||= (r.current ||= Be(), r.current), y(Ve.Provider, {
 		value: i,
 		children: t
 	});
-}, He = { "sheetxl-grid": "_sheetxl-grid_5yo0n_7" }, Ue = o(i((e, n) => {
+}, Ue = { "sheetxl-grid": "_sheetxl-grid_5yo0n_7" }, We = o(i((e, n) => {
 	let { rowCount: i = 1, columnCount: o = 1, viewport: c, metrics: u, getRangeFromCell: d = H.cellToRange, hiddenRowsAt: g, hiddenColumnsAt: _, freezeLeft: x = 0, freezeTop: S = 0, propsFreezeLeft: C, propsFreezeTop: w, onFirstRender: T, children: E, wrapPane: D, onFocus: O, onBlur: A, className: j, style: M, ...N } = e, F = P(O, [O]), I = P(A, [A]), z = P(T, [T]), [ee, te] = h(V.Center), [B, ne] = p((e) => e + 1, 0), U = f(() => new k({}), []), W = c ?? U, [ie, ae] = h(() => {
 		let e = W.getClient();
 		return {
@@ -789,7 +814,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		return e(), W.subscribe(e);
 	}, [W]);
 	let G = ie.zoom, K = f(() => {
-		let e = u ?? We;
+		let e = u ?? Ge;
 		return {
 			getColOffset: (t) => e.getColOffset(t) * G,
 			getColIndex: (t) => e.getColIndex(t / G),
@@ -811,12 +836,12 @@ var X = Object.freeze([]), Oe = (e, t) => {
 	]), me = f(() => {
 		let e = NaN, t = null;
 		return (n) => (n === e && t || (e = n, t = ((e) => {
-			if (pe === 0) return Ie;
+			if (pe === 0) return Le;
 			let t = [], n = 0, r = 0;
 			typeof S == "number" ? n = S : (n = S.index ?? 0, r = (S.offset ?? 0) * G);
 			let a = r, o = K.getRowOffset(n), s = o - a;
 			if (n > 0) {
-				let e = Fe(K, { top: r + K.getRowOffset(0) }), i = K.getRowIndex(a), c = K.getRowIndex(o - 1), l;
+				let e = Ie(K, { top: r + K.getRowOffset(0) }), i = K.getRowIndex(a), c = K.getRowIndex(o - 1), l;
 				t[1] = {
 					minIndex: i,
 					maxIndex: c,
@@ -831,7 +856,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 					freezeOffset: r
 				};
 			}
-			let c = Math.max(0, pe - s), l = Fe(K, { top: e + s }), u = l.getRowIndex(0), d = l.getRowIndex(c - 1), f;
+			let c = Math.max(0, pe - s), l = Ie(K, { top: e + s }), u = l.getRowIndex(0), d = l.getRowIndex(c - 1), f;
 			return t[0] = {
 				minIndex: u,
 				maxIndex: d,
@@ -858,12 +883,12 @@ var X = Object.freeze([]), Oe = (e, t) => {
 	]), he = f(() => me(0), [me]), _e = f(() => {
 		let e = NaN, t = null;
 		return (n) => (n === e && t || (e = n, t = ((e) => {
-			if (fe === 0) return Ie;
+			if (fe === 0) return Le;
 			let t = [], n = 0, r = 0;
 			typeof x == "number" ? n = x : (n = x.index ?? 0, r = (x.offset ?? 0) * G);
 			let i = r, a = K.getColOffset(n), s = a - i;
 			if (n > 0) {
-				let e = Fe(K, { left: r + K.getColOffset(0) }), o = K.getColIndex(i), c = K.getColIndex(a - 1), l;
+				let e = Ie(K, { left: r + K.getColOffset(0) }), o = K.getColIndex(i), c = K.getColIndex(a - 1), l;
 				t[1] = {
 					minIndex: o,
 					maxIndex: c,
@@ -878,7 +903,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 					freezeOffset: r
 				};
 			}
-			let c = Math.max(0, fe - s), l = Fe(K, { left: e + s }), u = l.getColIndex(0), d = l.getColIndex(c - 1), f;
+			let c = Math.max(0, fe - s), l = Ie(K, { left: e + s }), u = l.getColIndex(0), d = l.getColIndex(c - 1), f;
 			return t[0] = {
 				minIndex: u,
 				maxIndex: d,
@@ -935,7 +960,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 				}
 			}), e.push(o);
 		};
-		return t(0, 0, V.Center, Ye, Je), t(0, 1, V.Top, Xe), t(1, 0, V.Left, Ze), t(1, 1, V.TopLeft, Qe), e;
+		return t(0, 0, V.Center, Xe, Ye), t(0, 1, V.Top, Ze), t(1, 0, V.Left, Qe), t(1, 1, V.TopLeft, $e), e;
 	}, [we, Te]), X = f(() => {
 		let e = {}, t = {
 			colStart: 0,
@@ -954,7 +979,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			getRangeFromCell: d,
 			invalidate: de,
 			totalRange: t,
-			getSurfacePointFromPointer: (e, t) => ze(e, t),
+			getSurfacePointFromPointer: (e, t) => Re(e, t),
 			scrollTo: (e) => nt(e),
 			scrollCellCoordsIntoView: (e, t, n) => tt(e, t, n),
 			getAllPanes: () => e
@@ -979,7 +1004,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			left: e ? e.metrics.getColOffset(e.maxIndex + 1) : 0,
 			top: t ? t.metrics.getRowOffset(t.maxIndex + 1) : 0
 		};
-	}, [he, J]), Le = P((e) => {
+	}, [he, J]), Fe = P((e) => {
 		re.canUseDOM && setTimeout(() => {
 			(X[ee] ?? ge(X))?.focus({
 				preventScroll: !0,
@@ -994,7 +1019,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			Se.current = [];
 		}
 	}, [X]);
-	let ze = s((e, t) => {
+	let Re = s((e, t) => {
 		let n = rt.current?.getBoundingClientRect();
 		return n ? {
 			x: e - n.x,
@@ -1005,9 +1030,9 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		};
 	}, []), Be = P((e, t) => {
 		if (Object.keys(X).length === 1) return ge(X);
-		let n = ze(e, t);
+		let n = Re(e, t);
 		if (!n) return ge(X);
-		let { x: r, y: i } = n, a = null, o = $e, s = o.length;
+		let { x: r, y: i } = n, a = null, o = et, s = o.length;
 		for (let e = 0; !a && e < s; e++) {
 			let t = X[o[e]];
 			t && xe(r, i, t.getPaneBounds()) && (a = t);
@@ -1024,7 +1049,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		J,
 		he
 	]);
-	let Ue = P((e) => {
+	let Ve = P((e) => {
 		let t = e?.left ?? e?.[0], n = e?.top ?? e?.[1];
 		if (t === void 0 && n === void 0) return;
 		let r = e?.behavior ?? "auto", i = W.getTarget();
@@ -1033,7 +1058,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			top: n,
 			behavior: r
 		});
-	}, []), Z = P((e) => e === void 0 ? X[ee] ?? ge(X) : X[e] ?? null, [X, ee]), et = P((e) => {
+	}, []), We = P((e) => e === void 0 ? X[ee] ?? ge(X) : X[e] ?? null, [X, ee]), Z = P((e) => {
 		let t = X[ee];
 		if (!t) return ge(X);
 		let n = t.getScrollOrientation(), r = { ...t.getVisibleRange() };
@@ -1051,7 +1076,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			if (i = X[n], !i) return new Promise((e, t) => {
 				t("Invalid view");
 			});
-		} else i = et(r);
+		} else i = Z(r);
 		if (!i) return Promise.resolve({});
 		let a = d(r), o = i.getMetrics(), s = o.getColOffset(a.colStart), c = o.getRowOffset(a.rowStart), l = o.getColOffset(a.colEnd + 1), u = o.getRowOffset(a.rowEnd + 1), f = i.getPaneBounds(), p = i.getTotalSize(), m = i.getScrollTopLeft(), h = ((e, t, n = !0) => {
 			n = !0 === n ? {
@@ -1085,10 +1110,10 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		}, t);
 		if (!h) return Promise.resolve({ ...m });
 		let g = { ...h }, { left: _, top: v } = W.getScroll();
-		g.left !== void 0 && (g.left > _ ? g.left += Ke : g.left < _ && (g.left -= Ge)), g.top !== void 0 && (g.top > v ? g.top += Ke : g.top < v && (g.top -= Ge));
+		g.left !== void 0 && (g.left > _ ? g.left += qe : g.left < _ && (g.left -= Ke)), g.top !== void 0 && (g.top > v ? g.top += qe : g.top < v && (g.top -= Ke));
 		let y = i.getScrollOrientation();
 		y.horizontal && e.colIndex !== void 0 || delete g.left, y.vertical && e.rowIndex !== void 0 || delete g.top;
-		let b = g.left === void 0 ? 0 : Math.abs(g.left - _), x = g.top === void 0 ? 0 : Math.abs(g.top - v), S = (typeof t == "object" ? t?.behavior : void 0) ?? (Math.max(b, x) < qe || !W.isSettled() ? "instant" : "smooth");
+		let b = g.left === void 0 ? 0 : Math.abs(g.left - _), x = g.top === void 0 ? 0 : Math.abs(g.top - v), S = (typeof t == "object" ? t?.behavior : void 0) ?? (Math.max(b, x) < Je || !W.isSettled() ? "instant" : "smooth");
 		return new Promise((e, t) => {
 			try {
 				nt({
@@ -1108,14 +1133,14 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		let t = e?.left ?? e?.[0], n = e?.top ?? e?.[1], r = W.getTarget(), i = t ?? r.left, a = n ?? r.top, o = e?.behavior === "smooth";
 		W.setTarget(i, a, o);
 	}, []), rt = L(n, () => ({
-		focus: Le,
+		focus: Fe,
 		invalidate: de,
 		scrollTo: nt,
-		scrollBy: Ue,
+		scrollBy: Ve,
 		scrollCellCoordsIntoView: tt,
 		getPaneFromClient: Be,
-		getPaneFromCell: et,
-		getPane: Z,
+		getPaneFromCell: Z,
+		getPane: We,
 		onPaneChangeOnce: (e) => {
 			Se.current.push(e);
 		}
@@ -1133,7 +1158,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		})(t);
 		return n ? y(Me.Provider, {
 			value: !1,
-			children: y(Re, {
+			children: y(ze, {
 				pane: e,
 				viewport: W,
 				children: D ? D(e, n) : n
@@ -1172,7 +1197,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		Pe.left,
 		pe,
 		C
-	]), Q = f(() => Pe.top === 0 ? null : y(ce, {
+	]), st = f(() => Pe.top === 0 ? null : y(ce, {
 		linePoints: [
 			0,
 			0,
@@ -1191,7 +1216,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		Pe.top,
 		fe,
 		w
-	]), st = m(!1), ct = f(() => {
+	]), Q = m(!1), ct = f(() => {
 		if (!Ae) return null;
 		let e = (e, n) => {
 			let r = e.anchor, i = n.getPaneBounds(), a = Pe.left > 0, o = Pe.top > 0, s = o && (r === V.Center || r === V.Left), c = o && (r === V.Top || r === V.TopLeft), l = a && (r === V.Center || r === V.Top), u = a && (r === V.Left || r === V.TopLeft), d = 1e6, f = s ? -1 : -1e6, p = l ? -1 : -1e6, m = u ? i.width + 2 : d, h = c ? i.height + 2 : d, g = s || c || l || u, _ = {
@@ -1202,7 +1227,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 				height: i.height,
 				clip: g ? `rect(${f}px, ${m}px, ${h}px, ${p}px)` : void 0
 			};
-			return y(Re, {
+			return y(ze, {
 				pane: n,
 				viewport: W,
 				children: e.elemStage ? t(e.elemStage, { style: _ }, at?.[r]) : null
@@ -1215,7 +1240,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		return b(v, { children: [
 			r,
 			ot,
-			Q
+			st
 		] });
 	}, [
 		X,
@@ -1226,63 +1251,63 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		Ae,
 		Pe,
 		ot,
-		Q
+		st
 	]);
 	l(() => {
-		!st.current && ct && Ae && (st.current = !0, z?.(rt.current));
+		!Q.current && ct && Ae && (Q.current = !0, z?.(rt.current));
 	}, [ct, Ae]);
 	let lt = R();
 	return y("div", {
 		ref: rt,
-		className: q(j, "grid-surface", He["sheetxl-grid"], { "touch-input": lt === "touch" }),
+		className: q(j, "grid-surface", Ue["sheetxl-grid"], { "touch-input": lt === "touch" }),
 		style: {
 			overflow: "hidden",
 			...M
 		},
 		...N,
-		children: y(Ve, { children: ct })
+		children: y(He, { children: ct })
 	});
 }));
-Ue.displayName = "GridSurface";
-var We = Object.freeze({
+We.displayName = "GridSurface";
+var Ge = Object.freeze({
 	getColOffset: (e) => 75 * e,
 	getColIndex: (e) => Math.floor(e / 75),
 	getRowOffset: (e) => 20 * e,
 	getRowIndex: (e) => Math.floor(e / 20)
-}), Ge = 0, Ke = 20, qe = 150, Je = Object.freeze({
+}), Ke = 0, qe = 20, Je = 150, Ye = Object.freeze({
 	bottom: -4,
 	right: -4
-}), Ye = Object.freeze({
+}), Xe = Object.freeze({
 	horizontal: !0,
 	vertical: !0
-}), Xe = Object.freeze({
+}), Ze = Object.freeze({
 	horizontal: !0,
 	vertical: !1
-}), Ze = Object.freeze({
+}), Qe = Object.freeze({
 	horizontal: !1,
 	vertical: !0
-}), Qe = Object.freeze({
+}), $e = Object.freeze({
 	horizontal: !1,
 	vertical: !1
-}), $e = [
+}), et = [
 	V.TopLeft,
 	V.Top,
 	V.Left,
 	V.Center
 ];
 function Z() {
-	let e = c(Le);
+	let e = c(Re);
 	if (!e) throw Error("useGridPane must be used within a GridPaneProvider");
 	return e.pane;
 }
-function et() {
-	return c(Le)?.pane ?? null;
+function tt() {
+	return c(Re)?.pane ?? null;
 }
-var tt = (e) => `k:${e}`;
-function nt(e, t) {
-	let n = c(Be), r = m(null);
-	r.current ||= ze();
-	let i = n ?? r.current, a = tt(e), o = m(null);
+var nt = (e) => `k:${e}`;
+function rt(e, t) {
+	let n = c(Ve), r = m(null);
+	r.current ||= Be();
+	let i = n ?? r.current, a = nt(e), o = m(null);
 	o.current === null && (o.current = { v: typeof t == "function" ? t() : t });
 	let l = s(() => i.has(a) ? i.get(a) : o.current.v, [i, a]);
 	return [g(s((e) => i.subscribe(a, e), [i, a]), l, l), s((e) => {
@@ -1290,32 +1315,32 @@ function nt(e, t) {
 		i.set(a, typeof e == "function" ? e(t) : e);
 	}, [i, a])];
 }
-function rt(e, t) {
-	let n = c(Be), r = m(null);
-	r.current ||= ze();
-	let i = n ?? r.current, a = tt(e), o = m(t);
+function it(e, t) {
+	let n = c(Ve), r = m(null);
+	r.current ||= Be();
+	let i = n ?? r.current, a = nt(e), o = m(t);
 	return s((e) => {
 		let t = i.has(a) ? i.get(a) : o.current;
 		i.set(a, typeof e == "function" ? e(t) : e);
 	}, [i, a]);
 }
-function it(e, t, n) {
-	let r = tt(t), i = s(() => e.has(r) ? e.get(r) : n, [
+function at(e, t, n) {
+	let r = nt(t), i = s(() => e.has(r) ? e.get(r) : n, [
 		e,
 		r,
 		n
 	]);
 	return g(s((t) => e.subscribe(r, t), [e, r]), i, i);
 }
-var at = () => ({
+var ot = () => ({
 	zIndex: c(je),
-	pane: et()
-}), ot = o((e) => {
+	pane: tt()
+}), st = o((e) => {
 	let { onPointerDown: t, onPointerMove: n, onPointerUp: r, onPointerLeave: i, onMouseDown: a, onMouseEnter: o, onMouseLeave: s, onMouseMove: u, onMouseOut: d, onMouseOver: f, onMouseUp: p, onDoubleClick: h, onKeyDown: g, onKeyPress: _, onKeyUp: v, onFocus: b, onBlur: x, onContextMenu: S, zIndex: C, className: w, style: T, children: E } = e, D = c(Me);
 	l(() => {
-		D && !st && (st = !0, console.error("<Layer> nested inside another <Layer>. Layers exist only as direct children of the grid (law 4: the stack is flat) — a composite renders exactly one Layer at its root. For a full-view container inside a layer, use <VirtualDiv fill>. This error fires once."));
+		D && !ct && (ct = !0, console.error("<Layer> nested inside another <Layer>. Layers exist only as direct children of the grid (law 4: the stack is flat) — a composite renders exactly one Layer at its root. For a full-view container inside a layer, use <VirtualDiv fill>. This error fires once."));
 	}, [D]);
-	let O = Ee(et()), k = c(je), A = m({});
+	let O = Ee(tt()), k = c(je), A = m({});
 	A.current = {
 		pointerdown: Q(t),
 		pointermove: Q(n),
@@ -1366,15 +1391,15 @@ var at = () => ({
 		})
 	});
 });
-ot.displayName = "Layer";
-var Q = (e) => e ? (t) => e(t) : void 0, st = !1, ct = !1, lt = "_virtual-div_16eab_1", ut = o(i((e, t) => {
+st.displayName = "Layer";
+var Q = (e) => e ? (t) => e(t) : void 0, ct = !1, lt = !1, ut = "_virtual-div_16eab_1", dt = o(i((e, t) => {
 	let { range: n, bounds: r, fill: i = !1, clipInsets: a, disableAlign: o = !1, coverGridlines: u = !1, alignWidth: d, keepMounted: f = !1, className: p, style: h, children: g, ..._ } = e;
-	c(Me) || dt || (dt = !0, console.warn("VirtualDiv rendered outside a <Layer>. The grid's children are Layers; place VirtualDivs inside one (law 4: the stack is flat). This warning fires once."));
+	c(Me) || ft || (ft = !0, console.warn("VirtualDiv rendered outside a <Layer>. The grid's children are Layers; place VirtualDivs inside one (law 4: the stack is flat). This warning fires once."));
 	let v = m(null), b = s((e) => {
 		v.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
 	}, [t]);
 	(({ getElement: e, handlerProps: t }) => {
-		let n = Ee(et()), r = c(je), i = !1;
+		let n = Ee(tt()), r = c(je), i = !1;
 		if (t) {
 			for (let e = 0; e < Ce.length; e++) if (typeof t[Ce[e]] == "function") {
 				i = !0;
@@ -1416,7 +1441,7 @@ var Q = (e) => e ? (t) => e(t) : void 0, st = !1, ct = !1, lt = "_virtual-div_16
 		if (e) a = i.getBoundsFromRange(e), o = i.toClipBounds(a, r) === null;
 		else if (t) o = i.toClipBounds(t, r) === null, a = t;
 		else {
-			if (!n) return ct || (ct = !0, console.warn("VirtualDiv: provide exactly one of 'range' | 'bounds' | 'fill'. (The implicit \"no placement = pane-sized\" fallback was removed — use 'fill'.) This warning fires once.")), null;
+			if (!n) return lt || (lt = !0, console.warn("VirtualDiv: provide exactly one of 'range' | 'bounds' | 'fill'. (The implicit \"no placement = pane-sized\" fallback was removed — use 'fill'.) This warning fires once.")), null;
 			{
 				let e = i.getPaneBounds();
 				a = {
@@ -1457,7 +1482,7 @@ var Q = (e) => e ? (t) => e(t) : void 0, st = !1, ct = !1, lt = "_virtual-div_16
 		height: S.height
 	};
 	return y("div", {
-		className: q(p, lt),
+		className: q(p, ut),
 		style: {
 			width: `${A}px`,
 			height: `${j}px`,
@@ -1477,8 +1502,8 @@ var Q = (e) => e ? (t) => e(t) : void 0, st = !1, ct = !1, lt = "_virtual-div_16
 		})
 	});
 }));
-ut.displayName = "VirtualDiv";
-var dt = !1, ft = (e, t, n, r) => ({
+dt.displayName = "VirtualDiv";
+var ft = !1, pt = (e, t, n, r) => ({
 	x: e,
 	y: t,
 	width: n,
@@ -1487,44 +1512,44 @@ var dt = !1, ft = (e, t, n, r) => ({
 	left: e,
 	right: e + n,
 	bottom: t + r
-}), pt = ft(0, 0, 0, 0), mt = (e) => {
+}), mt = pt(0, 0, 0, 0), ht = (e) => {
 	let t = e.getElement()?.getBoundingClientRect?.();
 	return {
 		x: t?.left ?? 0,
 		y: t?.top ?? 0
 	};
-}, ht = (e) => {
+}, gt = (e) => {
 	let t = e.getElement()?.ownerDocument?.documentElement;
-	return t ? ft(0, 0, t.clientWidth, t.clientHeight) : null;
-}, gt = (e, t) => {
+	return t ? pt(0, 0, t.clientWidth, t.clientHeight) : null;
+}, _t = (e, t) => {
 	if (!t) return e;
 	let n = Math.max(e.left, t.left), r = Math.max(e.top, t.top), i = Math.max(n, Math.min(e.right, t.right)), a = Math.max(r, Math.min(e.bottom, t.bottom));
-	return ft(n, r, i - n, a - r);
-}, _t = (e) => {
+	return pt(n, r, i - n, a - r);
+}, vt = (e) => {
 	let t = e.getElement()?.getBoundingClientRect?.();
-	return t ? ft(t.left, t.top, t.width, t.height) : pt;
-}, vt = {
+	return t ? pt(t.left, t.top, t.width, t.height) : mt;
+}, yt = {
 	side: "t",
 	align: "center"
-}, yt = {
+}, bt = {
 	side: "flip",
 	align: "slide"
-}, bt = [
+}, xt = [
 	V.TopLeft,
 	V.Top,
 	V.Left,
 	V.Center
-], xt = /* @__PURE__ */ new Set([V.Top, V.TopLeft]), St = /* @__PURE__ */ new Set([V.Left, V.TopLeft]), Ct = (e, t) => {
-	let n = xt.has(e.getAnchor()), r = St.has(t.getAnchor());
+], St = /* @__PURE__ */ new Set([V.Top, V.TopLeft]), Ct = /* @__PURE__ */ new Set([V.Left, V.TopLeft]), wt = (e, t) => {
+	let n = St.has(e.getAnchor()), r = Ct.has(t.getAnchor());
 	return n && r ? V.TopLeft : n ? V.Top : r ? V.Left : V.Center;
-}, wt = (e, t) => {
+}, Tt = (e, t) => {
 	let n = (t.left + t.right) / 2, r = (t.top + t.bottom) / 2;
 	return r < e.top ? "t" : r > e.bottom ? "b" : n < e.left ? "l" : n > e.right ? "r" : null;
-}, Tt = (e, t, n, r, i, a) => {
+}, Et = (e, t, n, r, i, a) => {
 	let o = r === "row" ? i.rowStart : i.colStart, s = r === "row" ? i.rowEnd : i.colEnd, c = ((e, t, n, r, i) => {
 		let a = null, o = null, s = 1 / 0, c = !1;
-		for (let l = 0; l < bt.length; l++) {
-			let u = e[bt[l]];
+		for (let l = 0; l < xt.length; l++) {
+			let u = e[xt[l]];
 			if (!u) continue;
 			let d = u.getVisibleRange(), f = t === "row" ? d.rowStart : d.colStart, p = t === "row" ? d.rowEnd : d.colEnd;
 			if (n > p || r < f) continue;
@@ -1537,9 +1562,9 @@ var dt = !1, ft = (e, t, n, r) => ({
 			visible: c
 		};
 	})(t, r, o, s, a === "start" ? o : a === "end" ? s : Math.round((o + s) / 2)), l = c.pane ?? ge(t) ?? e, u = ((e, t) => {
-		let n = _t(e), r = e.getBoundsFromRange(t);
-		return ft(n.left + r.x, n.top + r.y, r.width, r.height);
-	})(l, i), d = r === "row" ? u.top : u.left, f = r === "row" ? u.bottom : u.right, p = a === "start" ? d : a === "end" ? f : (d + f) / 2, m = gt(_t(l), n);
+		let n = vt(e), r = e.getBoundsFromRange(t);
+		return pt(n.left + r.x, n.top + r.y, r.width, r.height);
+	})(l, i), d = r === "row" ? u.top : u.left, f = r === "row" ? u.bottom : u.right, p = a === "start" ? d : a === "end" ? f : (d + f) / 2, m = _t(vt(l), n);
 	return {
 		pane: l,
 		visible: c.visible,
@@ -1549,8 +1574,8 @@ var dt = !1, ft = (e, t, n, r) => ({
 		vLo: r === "row" ? m.top : m.left,
 		vHi: r === "row" ? m.bottom : m.right
 	};
-}, Et = (e, t, n, r, i, a, o) => {
-	let s = Tt(e, t, n, r, i, a);
+}, Dt = (e, t, n, r, i, a, o) => {
+	let s = Et(e, t, n, r, i, a);
 	if (!s.visible || !(s.value < s.vLo || s.value > s.vHi)) return {
 		res: s,
 		edge: a,
@@ -1562,7 +1587,7 @@ var dt = !1, ft = (e, t, n, r) => ({
 		hidden: !0
 	};
 	if (o === "flip" && a !== "center") {
-		let o = a === "start" ? "end" : "start", s = Tt(e, t, n, r, i, o);
+		let o = a === "start" ? "end" : "start", s = Et(e, t, n, r, i, o);
 		if (s.visible && s.value >= s.vLo && s.value <= s.vHi) return {
 			res: s,
 			edge: o,
@@ -1574,15 +1599,15 @@ var dt = !1, ft = (e, t, n, r) => ({
 		edge: a,
 		hidden: !1
 	};
-}, Dt = (e, t, n = "data", r = 0, i = vt, a = "hide", o = yt) => {
+}, Ot = (e, t, n = "data", r = 0, i = yt, a = "hide", o = bt) => {
 	let s = {
 		side: i.side,
 		align: i.align ?? "center"
 	};
 	if (!e) return {
-		rect: pt,
+		rect: mt,
 		clipped: !0,
-		boundaryRect: pt,
+		boundaryRect: mt,
 		clampedTo: null,
 		anchorPoint: {
 			x: 0,
@@ -1596,13 +1621,13 @@ var dt = !1, ft = (e, t, n, r) => ({
 	let c = ((e, t) => {
 		if (t && typeof t == "object") {
 			let e = t;
-			return ft(e.x, e.y, e.width, e.height);
+			return pt(e.x, e.y, e.width, e.height);
 		}
-		let n = ht(e);
+		let n = gt(e);
 		if (t === "viewport" && n) return n;
 		if (t === "pane") {
-			let t = mt(e), r = e.getPaneBounds();
-			return gt(ft(t.x, t.y, r.width, r.height), n);
+			let t = ht(e), r = e.getPaneBounds();
+			return _t(pt(t.x, t.y, r.width, r.height), n);
 		}
 		let r = e.getAllPanes(), i = 1 / 0, a = 1 / 0, o = -1 / 0, s = -1 / 0;
 		for (let e of Object.keys(r)) {
@@ -1610,10 +1635,10 @@ var dt = !1, ft = (e, t, n, r) => ({
 			t && (i = Math.min(i, t.left), a = Math.min(a, t.top), o = Math.max(o, t.right), s = Math.max(s, t.bottom));
 		}
 		if (i === 1 / 0) {
-			let t = mt(e), r = e.getPaneBounds();
-			return gt(ft(t.x, t.y, r.width, r.height), n);
+			let t = ht(e), r = e.getPaneBounds();
+			return _t(pt(t.x, t.y, r.width, r.height), n);
 		}
-		return gt(ft(i, a, o - i, s - a), n);
+		return _t(pt(i, a, o - i, s - a), n);
 	})(e, n), l = (e) => {
 		if (r <= 0) return !1;
 		let t = (n = e, i = c, {
@@ -1624,7 +1649,7 @@ var dt = !1, ft = (e, t, n, r) => ({
 		return t.w <= r || t.h <= r;
 	};
 	if ("point" in t) {
-		let n = ft(t.point.x, t.point.y, 0, 0), r = wt(c, n), i = e.getPaneFromPointer(t.point.x, t.point.y);
+		let n = pt(t.point.x, t.point.y, 0, 0), r = Tt(c, n), i = e.getPaneFromPointer(t.point.x, t.point.y);
 		return {
 			rect: n,
 			clipped: r !== null,
@@ -1638,11 +1663,11 @@ var dt = !1, ft = (e, t, n, r) => ({
 		};
 	}
 	if ("edge" in t) {
-		let n = mt(e), r = e.getPaneBounds(), i = n.x + r.width / 2, a = n.y + r.height / 2;
+		let n = ht(e), r = e.getPaneBounds(), i = n.x + r.width / 2, a = n.y + r.height / 2;
 		t.edge === "t" ? a = n.y : t.edge === "b" ? a = n.y + r.height : t.edge === "l" ? i = n.x : t.edge === "r" && (i = n.x + r.width);
 		let o = e.getPaneFromPointer(i, a) ?? e;
 		return {
-			rect: ft(i, a, 0, 0),
+			rect: pt(i, a, 0, 0),
 			clipped: !1,
 			boundaryRect: c,
 			clampedTo: null,
@@ -1657,7 +1682,7 @@ var dt = !1, ft = (e, t, n, r) => ({
 		};
 	}
 	if ("bounds" in t) {
-		let n = mt(e), r = t.bounds, i = e.toClipBounds(r, 0), a = ft(n.x + r.x, n.y + r.y, r.width, r.height), o = i === null || l(a), d = ((e, t) => {
+		let n = ht(e), r = t.bounds, i = e.toClipBounds(r, 0), a = pt(n.x + r.x, n.y + r.y, r.width, r.height), o = i === null || l(a), d = ((e, t) => {
 			let { side: n, align: r = "center" } = t;
 			if (n === "t" || n === "b") {
 				let t = n === "t" ? e.top : e.bottom;
@@ -1675,7 +1700,7 @@ var dt = !1, ft = (e, t, n, r) => ({
 			rect: a,
 			clipped: o,
 			boundaryRect: c,
-			clampedTo: wt(c, (u = d, ft(u.x, u.y, 0, 0))),
+			clampedTo: Tt(c, (u = d, pt(u.x, u.y, 0, 0))),
 			anchorPoint: d,
 			owner: e.getAnchor(),
 			slid: null,
@@ -1696,16 +1721,16 @@ var dt = !1, ft = (e, t, n, r) => ({
 			};
 		}
 		return null;
-	})(t), f = e.getAllPanes(), p = ht(e), { side: m, align: h } = s, g = m === "t" || m === "b" ? "row" : "col", _ = g === "row" ? "col" : "row", v = m === "t" || m === "l" ? "start" : "end", y = {
-		side: o.side ?? yt.side,
-		align: o.align ?? yt.align
-	}, b = Et(e, f, p, g, d, v, y.side), x = Et(e, f, p, _, d, h, y.align), S = g === "row" ? b : x, C = g === "col" ? b : x, w = S.res.visible && C.res.visible && !S.hidden && !C.hidden, T = {
+	})(t), f = e.getAllPanes(), p = gt(e), { side: m, align: h } = s, g = m === "t" || m === "b" ? "row" : "col", _ = g === "row" ? "col" : "row", v = m === "t" || m === "l" ? "start" : "end", y = {
+		side: o.side ?? bt.side,
+		align: o.align ?? bt.align
+	}, b = Dt(e, f, p, g, d, v, y.side), x = Dt(e, f, p, _, d, h, y.align), S = g === "row" ? b : x, C = g === "col" ? b : x, w = S.res.visible && C.res.visible && !S.hidden && !C.hidden, T = {
 		side: g === "row" ? b.edge === "start" ? "t" : "b" : b.edge === "start" ? "l" : "r",
 		align: x.edge
 	}, E = C.res.value, D = S.res.value, O = (e) => Math.max(C.res.vLo, Math.min(C.res.vHi, e)), k = (e) => Math.max(S.res.vLo, Math.min(S.res.vHi, e)), A = O(E), j = k(D), M = {
 		x: A,
 		y: j
-	}, N = O(C.res.lo), P = k(S.res.lo), F = ft(N, P, O(C.res.hi) - N, k(S.res.hi) - P), I = A - E, L = j - D, R = Math.abs(L) >= Math.abs(I) ? L < 0 ? "b" : L > 0 ? "t" : I < 0 ? "r" : I > 0 ? "l" : null : I < 0 ? "r" : I > 0 ? "l" : L < 0 ? "b" : L > 0 ? "t" : null, z = I || L ? {
+	}, N = O(C.res.lo), P = k(S.res.lo), F = pt(N, P, O(C.res.hi) - N, k(S.res.hi) - P), I = A - E, L = j - D, R = Math.abs(L) >= Math.abs(I) ? L < 0 ? "b" : L > 0 ? "t" : I < 0 ? "r" : I > 0 ? "l" : null : I < 0 ? "r" : I > 0 ? "l" : L < 0 ? "b" : L > 0 ? "t" : null, z = I || L ? {
 		dx: I,
 		dy: L,
 		distance: Math.hypot(I, L),
@@ -1717,7 +1742,7 @@ var dt = !1, ft = (e, t, n, r) => ({
 		boundaryRect: c,
 		clampedTo: R,
 		anchorPoint: M,
-		owner: Ct(S.res.pane, C.res.pane),
+		owner: wt(S.res.pane, C.res.pane),
 		slid: z,
 		outOfView: !w,
 		placement: T
@@ -1732,13 +1757,13 @@ var dt = !1, ft = (e, t, n, r) => ({
 		outOfView: !0,
 		placement: T
 	};
-}, Ot = n(null), kt = () => {
-	let e = c(Ot);
+}, kt = n(null), At = () => {
+	let e = c(kt);
 	if (!e) throw Error("useSticky must be used within a <StickyAnchor>");
 	return e;
-}, At = () => c(Ot), jt = (e) => {
-	let { anchor: t, placement: n = vt, boundary: r = "data", whenOff: i = "hide", whenPartial: a, minVisible: o = 0, children: c } = e, { reference: l, getBoundaryRect: u, getAnchorPoint: p, anchorPoint: h, owner: g, clipped: _, slid: v, outOfView: b, pane: x, placement: S } = ((e, t) => {
-		let n = et(), r = t?.pane ?? n, i = t?.boundary ?? "data", a = t?.minVisible ?? 0, o = t?.placement ?? vt, s = t?.whenOff ?? "hide", c = t?.whenPartial ?? yt, l = m({
+}, jt = () => c(kt), Mt = (e) => {
+	let { anchor: t, placement: n = yt, boundary: r = "data", whenOff: i = "hide", whenPartial: a, minVisible: o = 0, children: c } = e, { reference: l, getBoundaryRect: u, getAnchorPoint: p, anchorPoint: h, owner: g, clipped: _, slid: v, outOfView: b, pane: x, placement: S } = ((e, t) => {
+		let n = tt(), r = t?.pane ?? n, i = t?.boundary ?? "data", a = t?.minVisible ?? 0, o = t?.placement ?? yt, s = t?.whenOff ?? "hide", c = t?.whenPartial ?? bt, l = m({
 			pane: r,
 			anchor: e,
 			boundary: i,
@@ -1759,7 +1784,7 @@ var dt = !1, ft = (e, t, n, r) => ({
 		let u = f(() => {
 			let e = () => {
 				let e = l.current;
-				return Dt(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff, e.whenPartial);
+				return Ot(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff, e.whenPartial);
 			};
 			return {
 				reference: {
@@ -1771,7 +1796,7 @@ var dt = !1, ft = (e, t, n, r) => ({
 				getBoundaryRect: () => e().boundaryRect,
 				getAnchorPoint: () => e().anchorPoint
 			};
-		}, []), d = Dt(r, e, i, a, o, s, c);
+		}, []), d = Ot(r, e, i, a, o, s, c);
 		return {
 			reference: u.reference,
 			getBoundaryRect: u.getBoundaryRect,
@@ -1803,7 +1828,7 @@ var dt = !1, ft = (e, t, n, r) => ({
 	let E = m(x);
 	E.current = x;
 	let D = s((e) => {
-		let t = Mt(T.current), n = E.current;
+		let t = Nt(T.current), n = E.current;
 		return n && t ? n.scrollCellCoordsIntoView(t, e) : Promise.resolve(void 0);
 	}, []), O = f(() => ({
 		reference: l,
@@ -1849,7 +1874,7 @@ var dt = !1, ft = (e, t, n, r) => ({
 				position: "absolute",
 				left: 0,
 				top: 0,
-				transform: `translate3d(${t}px, ${n}px, 0) ${Nt(S)}`,
+				transform: `translate3d(${t}px, ${n}px, 0) ${Pt(S)}`,
 				willChange: "transform"
 			},
 			children: y("div", {
@@ -1865,27 +1890,27 @@ var dt = !1, ft = (e, t, n, r) => ({
 		if (!r) return;
 		let i = 0, a = 0;
 		n.left < r.left ? i = r.left - n.left : n.right > r.right && (i = Math.min(0, r.right - n.right)), n.top < r.top ? a = r.top - n.top : n.bottom > r.bottom && (a = Math.min(0, r.bottom - n.bottom)), t.style.transform = i || a ? `translate(${i}px, ${a}px)` : "";
-	}), y(Ot.Provider, {
+	}), y(kt.Provider, {
 		value: O,
 		children: N
 	});
-}, Mt = (e) => "range" in e ? {
+}, Nt = (e) => "range" in e ? {
 	rowIndex: e.range.rowStart,
 	colIndex: e.range.colStart
 } : "cell" in e ? {
 	rowIndex: e.cell.rowIndex,
 	colIndex: e.cell.colIndex
-} : null, Nt = (e) => {
+} : null, Pt = (e) => {
 	let { side: t, align: n = "center" } = e, r = "-50%", i = "-50%";
 	t === "t" ? i = "-100%" : t === "b" ? i = "0%" : t === "l" ? r = "-100%" : t === "r" && (r = "0%");
 	let a = n === "start" ? "0%" : n === "end" ? "-100%" : "-50%";
 	return t === "t" || t === "b" ? r = a : i = a, `translate(${r}, ${i})`;
 };
-jt.displayName = "StickyAnchor";
-var Pt = (e) => {
+Mt.displayName = "StickyAnchor";
+var Ft = (e) => {
 	let { side: t, align: n = "center" } = e;
 	return (t === "t" ? "top" : t === "b" ? "bottom" : t === "l" ? "left" : "right") + (n === "start" ? "-start" : n === "end" ? "-end" : "");
-}, Ft = { padding: 4 }, It = (e) => {
+}, It = { padding: 4 }, Lt = (e) => {
 	let { state: t, offset: n, alignOffset: r, open: i, container: a, className: o, style: s, zIndex: c, themeFrom: l, renderOffscreen: u, children: f, onMount: p, onOpening: h, onOpen: g, onClosing: _, onClose: b } = e, x = m(null);
 	d(() => {
 		x.current?.instance()?.update();
@@ -1898,13 +1923,13 @@ var Pt = (e) => {
 		ref: x,
 		open: i,
 		anchorEl: t.reference,
-		placement: Pt(t.placement),
+		placement: Ft(t.placement),
 		offsets: {
 			mainAxis: n,
 			alignmentAxis: r
 		},
 		boundary: t.getBoundaryRect,
-		shift: Ft,
+		shift: It,
 		strategy: "fixed",
 		resizeOnOverflow: !1,
 		transition: !1,
@@ -1920,16 +1945,16 @@ var Pt = (e) => {
 		onClose: b,
 		children: Array.isArray(C) ? y(v, { children: C }) : C
 	});
-}, Lt = (e) => {
+}, Rt = (e) => {
 	let { anchor: t, placement: n, whenOff: r, whenPartial: i, boundary: a, minVisible: o, offset: s = 4, alignOffset: c = 0, open: l = !0, container: u, className: d, style: f, zIndex: p = B("grid"), themeFrom: m = "anchor", renderOffscreen: h, children: g, onMount: _, onOpening: v, onOpen: b, onClosing: x, onClose: S } = e;
-	return y(jt, {
+	return y(Mt, {
 		anchor: t,
 		placement: n,
 		whenOff: r,
 		whenPartial: i,
 		boundary: a,
 		minVisible: o,
-		children: (e) => y(It, {
+		children: (e) => y(Lt, {
 			state: e,
 			offset: s,
 			alignOffset: c,
@@ -1949,22 +1974,22 @@ var Pt = (e) => {
 		})
 	});
 };
-Lt.displayName = "StickyPortal";
-var Rt = (e) => {
+Rt.displayName = "StickyPortal";
+var zt = (e) => {
 	let [t, n] = (e ?? "bottom-start").split("-");
 	return {
 		side: t === "top" ? "t" : t === "left" ? "l" : t === "right" ? "r" : "b",
 		align: n === "start" ? "start" : n === "end" ? "end" : "center"
 	};
-}, zt = (e) => {
+}, Bt = (e) => {
 	let { open: t, anchorEl: n, floatReference: r, renderPopupPanel: i, propsPopper: a, onMount: o, onOpening: s, onOpen: c, onClosing: l, onClose: u, children: d, className: f, label: p, anchorPosition: g, ..._ } = e, v = m(null), [S, C] = h(), w = P((e, t) => {
 		C(e), o?.(v.current, t);
 	}, [o]), T = P(() => {
 		r?.close(0);
 	}, [r]), E = a?.offsets, [D, O] = Array.isArray(E) ? [E[0] ?? 0, E[1] ?? 2] : [E?.alignmentAxis ?? E?.crossAxis ?? 0, E?.mainAxis ?? 2];
-	return y(Lt, {
+	return y(Rt, {
 		anchor: n,
-		placement: Rt(a?.placement),
+		placement: zt(a?.placement),
 		offset: O,
 		alignOffset: D,
 		zIndex: B("popup"),
@@ -1985,22 +2010,22 @@ var Rt = (e) => {
 				renderPopupPanel: i,
 				..._,
 				children: d
-			}), y(Bt, {
+			}), y(Vt, {
 				outOfView: t && e.outOfView,
 				close: T
 			})]
 		})
 	});
 };
-zt.displayName = "GridFloatPanel";
-var Bt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
+Bt.displayName = "GridFloatPanel";
+var Vt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 	t && n();
-}, [t]), null), Vt = (e) => y(zt, { ...e }), Ht = {
+}, [t]), null), Ht = (e) => y(Bt, { ...e }), Ut = {
 	enterDelay: 300,
 	enterNextDelay: 0,
 	armedFor: 800,
 	leaveDelay: 400
-}, Ut = () => {
+}, Wt = () => {
 	let e = null, t = /* @__PURE__ */ new Set(), n = -1 / 0, r = null, i = () => {
 		for (let e of [...t]) e.gesture || e.forceClose();
 	}, a = (e) => {
@@ -2037,13 +2062,13 @@ var Bt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 			for (let e of [...t]) e.forceClose();
 		}
 	};
-}, Wt = {
-	timing: Ht,
-	group: Ut()
-}, Gt = n(null), Kt = () => c(Gt) ?? Wt, qt = (e) => {
-	let { timing: t, renderTooltip: n, isolate: r, children: i } = e, a = c(Gt), o = r || !a, s = m(null);
-	o && s.current === null && (s.current = Ut());
-	let l = o ? s.current : a.group, u = a ?? Wt, d = f(() => ({
+}, Gt = {
+	timing: Ut,
+	group: Wt()
+}, Kt = n(null), qt = () => c(Kt) ?? Gt, Jt = (e) => {
+	let { timing: t, renderTooltip: n, isolate: r, children: i } = e, a = c(Kt), o = r || !a, s = m(null);
+	o && s.current === null && (s.current = Wt());
+	let l = o ? s.current : a.group, u = a ?? Gt, d = f(() => ({
 		timing: t ? {
 			...u.timing,
 			...t
@@ -2059,13 +2084,13 @@ var Bt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 		t?.armedFor,
 		t?.leaveDelay
 	]);
-	return y(Gt.Provider, {
+	return y(Kt.Provider, {
 		value: d,
 		children: i
 	});
 };
-qt.displayName = "TooltipProvider";
-var Jt = {
+Jt.displayName = "TooltipProvider";
+var Yt = {
 	boxSizing: "border-box",
 	maxWidth: 300,
 	padding: "2px 6px",
@@ -2077,20 +2102,20 @@ var Jt = {
 	border: "1px solid var(--sxl-color-base-300, rgba(0, 0, 0, 0.2))",
 	boxShadow: "0 2px 8px var(--sxl-color-shadow, rgba(0, 0, 0, 0.35))",
 	overflowWrap: "break-word"
-}, Yt = (e) => {
+}, Xt = (e) => {
 	let { children: t, interactive: n, tipProps: r, className: i, style: a } = e;
 	return y("div", {
 		...r,
 		className: i,
 		style: {
-			...Jt,
+			...Yt,
 			...a,
 			pointerEvents: n ? "auto" : "none"
 		},
 		children: t
 	});
-}, Xt = { pointerEvents: "auto" }, Zt = (e = {}) => {
-	let { openDelay: t, closeDelay: n, group: r = !0, name: i, gesture: a = !1 } = e, o = Kt(), c = F(), d = u(), p = i ?? d, [g, _] = h(!1), v = m(!1), y = m(null), b = m(!1), x = m(null), S = m(null), C = m(null), w = m({
+}, Zt = { pointerEvents: "auto" }, Qt = (e = {}) => {
+	let { openDelay: t, closeDelay: n, group: r = !0, name: i, gesture: a = !1 } = e, o = qt(), c = F(), d = u(), p = i ?? d, [g, _] = h(!1), v = m(!1), y = m(null), b = m(!1), x = m(null), S = m(null), C = m(null), w = m({
 		surface: o,
 		popupOpen: c,
 		openDelay: t,
@@ -2167,7 +2192,7 @@ var Jt = {
 		onPointerLeave: () => {
 			b.current = !1, j();
 		},
-		style: Xt
+		style: Zt
 	}), [j]);
 	return l(() => () => {
 		T(), E(), v.current && w.current.group && w.current.surface.group.release(O);
@@ -2177,27 +2202,27 @@ var Jt = {
 		tipProps: P,
 		close: N
 	};
-}, Qt = { pointerEvents: "none" }, $t = { display: "contents" }, en = (e) => {
+}, $t = { pointerEvents: "none" }, en = { display: "contents" }, tn = (e) => {
 	e.stopPropagation();
-}, tn = {
+}, nn = {
 	target: null,
 	aimed: null
-}, nn = (e) => ({
+}, rn = (e) => ({
 	key: e.key ?? ke(e.range),
 	range: e.range,
 	data: e.data,
 	placement: e.placement,
 	alignOffset: e.alignOffset
-}), rn = (e) => e ? e.key ?? ke(e.range) : null, an = (e) => {
+}), an = (e) => e ? e.key ?? ke(e.range) : null, on = (e) => {
 	let t = e.getCoords();
 	return t ? `${t.rowIndex},${t.colIndex}` : null;
-}, on = (t) => {
-	let { hovered: n, selection: r, probe: i, name: a, target: o, dismiss: s, placement: u, offset: d = 6, alignOffset: f = 0, openDelay: p, closeDelay: g, group: _, hold: v = !1, whenOff: b = "hide", whenPartial: x, boundary: S, zIndex: C, interactive: w = "pointer", onDismiss: T, children: E, style: D } = t, O = Z(), k = c(je), A = n !== void 0, j = !!r, M = o !== void 0, N = `range-float:${a ?? k}`, { open: F, setTarget: I, tipProps: L, close: R } = Zt({
+}, sn = (t) => {
+	let { hovered: n, selection: r, probe: i, name: a, target: o, dismiss: s, placement: u, offset: d = 6, alignOffset: f = 0, openDelay: p, closeDelay: g, group: _, hold: v = !1, whenOff: b = "hide", whenPartial: x, boundary: S, zIndex: C, interactive: w = "pointer", onDismiss: T, children: E, style: D } = t, O = Z(), k = c(je), A = n !== void 0, j = !!r, M = o !== void 0, N = `range-float:${a ?? k}`, { open: F, setTarget: I, tipProps: L, close: R } = Qt({
 		openDelay: p,
 		closeDelay: g,
 		name: N,
 		group: _
-	}), [z, te] = nt(N, tn), B = A ? rn(n) : null, V = e.useRef(n);
+	}), [z, te] = rt(N, nn), B = A ? an(n) : null, V = e.useRef(n);
 	V.current = n, l(() => {
 		if (!A) return;
 		let e = V.current;
@@ -2205,7 +2230,7 @@ var Jt = {
 			target: e.target,
 			aimed: null
 		});
-		let t = nn(e);
+		let t = rn(e);
 		te((e) => e.aimed === t.key && e.target?.key === t.key ? e : {
 			target: t,
 			aimed: t.key
@@ -2221,7 +2246,7 @@ var Jt = {
 	}, [ne, I]);
 	let [H, re] = h(null), U = m(null), W = m(!1);
 	l(() => {
-		s && (R(), re(null), te(tn));
+		s && (R(), re(null), te(nn));
 	}, [
 		s,
 		R,
@@ -2229,7 +2254,7 @@ var Jt = {
 	]);
 	let ie = P((e) => {
 		let t = H !== null;
-		if (R(), re(null), te(tn), T?.(), !t) return;
+		if (R(), re(null), te(nn), T?.(), !t) return;
 		let n = O.getElement()?.ownerDocument.activeElement;
 		e && n && n !== n.ownerDocument.body || O.focus();
 	}, [
@@ -2238,12 +2263,12 @@ var Jt = {
 		te,
 		T,
 		O
-	]), ae = ee(j ? r : void 0, an), G = null;
+	]), ae = ee(j ? r : void 0, on), G = null;
 	if (j && !s && r && ae !== null) {
 		let e = i?.(r.getCoords(), O);
-		e && e.range && (G = nn(e));
+		e && e.range && (G = rn(e));
 	}
-	let K = A ? z.target : null, oe = (F || v) && K !== null, se = M ? o === null ? null : nn(o) : oe ? K : G ?? K, ce = H ? se?.key === H.key ? se : H : se, le = H !== null || (M ? ce !== null : oe || G !== null), ue = w === "focus" && le && ce !== null;
+	let K = A ? z.target : null, oe = (F || v) && K !== null, se = M ? o === null ? null : rn(o) : oe ? K : G ?? K, ce = H ? se?.key === H.key ? se : H : se, le = H !== null || (M ? ce !== null : oe || G !== null), ue = w === "focus" && le && ce !== null;
 	if (l(() => {
 		if (!ue) return;
 		let e = O.getElement()?.ownerDocument ?? (typeof document < "u" ? document : null);
@@ -2265,9 +2290,9 @@ var Jt = {
 	}, []), !ce) return null;
 	let de = w === "none" ? {
 		...L,
-		style: Qt
+		style: $t
 	} : L;
-	return y(Lt, {
+	return y(Rt, {
 		anchor: { range: ce.range },
 		placement: ce.placement ?? u,
 		offset: d,
@@ -2279,7 +2304,7 @@ var Jt = {
 		whenPartial: x,
 		style: w === "none" ? {
 			...D,
-			...Qt
+			...$t
 		} : D,
 		children: (e) => {
 			let t = E({
@@ -2292,25 +2317,25 @@ var Jt = {
 			let n = w === "focus";
 			return y("div", {
 				className: "range-float-frame",
-				style: $t,
+				style: en,
 				onPointerDownCapture: n ? () => {
 					W.current = !0;
 				} : void 0,
-				onPointerDown: en,
-				onPointerUp: en,
-				onMouseDown: en,
-				onMouseUp: en,
-				onClick: en,
-				onDoubleClick: en,
-				onContextMenu: en,
+				onPointerDown: tn,
+				onPointerUp: tn,
+				onMouseDown: tn,
+				onMouseUp: tn,
+				onClick: tn,
+				onDoubleClick: tn,
+				onContextMenu: tn,
 				onKeyDown: (e) => {
 					e.stopPropagation(), n && e.key === "Escape" && !e.defaultPrevented && ie(!1);
 				},
-				onKeyUp: en,
-				onCopy: en,
-				onCut: en,
-				onPaste: en,
-				onWheel: en,
+				onKeyUp: tn,
+				onCopy: tn,
+				onCut: tn,
+				onPaste: tn,
+				onWheel: tn,
 				onFocus: n ? () => {
 					U.current &&= (clearTimeout(U.current), null), H || re(ce);
 				} : void 0,
@@ -2324,19 +2349,19 @@ var Jt = {
 		}
 	});
 };
-on.displayName = "VirtualRangeFloat";
-var sn = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, cn = (e) => {
-	let { activateOn: t, probe: n, selection: r, hoveredOver: i, className: a, onPointerMove: o, onPointerLeave: s, ...c } = e, l = Z(), u = sn(t, "hover"), d = sn(t, "selection"), [f, p] = h(null), m = P((e) => {
+sn.displayName = "VirtualRangeFloat";
+var cn = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, ln = (e) => {
+	let { activateOn: t, probe: n, selection: r, hoveredOver: i, className: a, onPointerMove: o, onPointerLeave: s, ...c } = e, l = Z(), u = cn(t, "hover"), d = cn(t, "selection"), [f, p] = h(null), m = P((e) => {
 		let t = l.getCellFromPointer(e.clientX, e.clientY), r = t ? n?.(t, l) ?? null : null, i = r?.range ? r : null;
-		p((e) => rn(e) === rn(i) ? e : i);
+		p((e) => an(e) === an(i) ? e : i);
 	}, [l, n]), g = P(() => {
 		p(null);
 	}, []);
-	return y(ot, {
+	return y(st, {
 		className: q(a, "range-float"),
 		onPointerMove: u ? m : void 0,
 		onPointerLeave: u ? g : void 0,
-		children: y(on, {
+		children: y(sn, {
 			...c,
 			hovered: u ? i ?? f : void 0,
 			selection: d ? r : void 0,
@@ -2344,10 +2369,10 @@ var sn = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, cn = (e) => {
 		})
 	});
 };
-cn.displayName = "RangeFloatLayer";
-var ln = (e) => {
-	let { children: t, className: n, style: r, interactive: i = !1, bubble: a = !0, ...o } = e, { renderTooltip: s } = Kt(), c = s ?? Yt;
-	return y(cn, {
+ln.displayName = "RangeFloatLayer";
+var un = (e) => {
+	let { children: t, className: n, style: r, interactive: i = !1, bubble: a = !0, ...o } = e, { renderTooltip: s } = qt(), c = s ?? Xt;
+	return y(ln, {
 		...o,
 		activateOn: "hover",
 		className: q(n, "range-tooltip"),
@@ -2373,15 +2398,15 @@ var ln = (e) => {
 		}
 	});
 };
-ln.displayName = "RangeTooltipLayer";
-var un = {
+un.displayName = "RangeTooltipLayer";
+var dn = {
 	side: "b",
 	align: "end"
-}, dn = (e) => {
+}, fn = (e) => {
 	let { side: t, align: n = "center" } = e;
 	return (t === "t" ? "top" : t === "b" ? "bottom" : t === "l" ? "left" : "right") + (n === "start" ? "-start" : n === "end" ? "-end" : "");
-}, fn = { pointerEvents: "none" }, pn = (e) => {
-	let { active: t, anchor: n, placement: r = un, offset: i = 8, alignOffset: a = 0, glide: o, boundary: s, themeFrom: c = "provider", name: l, className: u, children: f } = e, { renderTooltip: p } = Kt(), g = p ?? Yt, { open: _, setTarget: v, close: b, tipProps: x } = Zt({
+}, pn = { pointerEvents: "none" }, mn = (e) => {
+	let { active: t, anchor: n, placement: r = dn, offset: i = 8, alignOffset: a = 0, glide: o, boundary: s, themeFrom: c = "provider", name: l, className: u, children: f } = e, { renderTooltip: p } = qt(), g = p ?? Xt, { open: _, setTarget: v, close: b, tipProps: x } = Qt({
 		gesture: !0,
 		name: l
 	}), C = m(null), [w, T] = h(!1);
@@ -2399,14 +2424,14 @@ var un = {
 		D || T(!1);
 	}, [D]), !D) return null;
 	let O = q(u, "gesture-tip"), k = () => T(!0), A = w && o?.duration ? {
-		...fn,
+		...pn,
 		transition: `transform ${o.duration}ms ${o.easing ?? "ease-in-out"}`
-	} : fn;
+	} : pn;
 	return ((e) => e.element !== void 0)(n) ? y(S, {
 		ref: C,
 		open: !0,
 		anchorEl: n.element,
-		placement: dn(r),
+		placement: fn(r),
 		offsets: {
 			mainAxis: i,
 			alignmentAxis: a
@@ -2429,7 +2454,7 @@ var un = {
 				tipProps: x
 			}
 		})
-	}) : y(Lt, {
+	}) : y(Rt, {
 		className: O,
 		anchor: n,
 		placement: r,
@@ -2452,22 +2477,22 @@ var un = {
 		})
 	});
 };
-pn.displayName = "GestureTip";
-var mn = {
+mn.displayName = "GestureTip";
+var hn = {
 	t: "↑",
 	b: "↓",
 	l: "←",
 	r: "→"
-}, hn = (e) => {
+}, gn = (e) => {
 	let t = "", n = e;
 	do
 		t = String.fromCharCode(65 + n % 26) + t, n = Math.floor(n / 26) - 1;
 	while (n >= 0);
 	return t;
-}, gn = (e) => {
-	let t = `${hn(e.colStart)}${e.rowStart + 1}`, n = `${hn(e.colEnd)}${e.rowEnd + 1}`;
+}, _n = (e) => {
+	let t = `${gn(e.colStart)}${e.rowStart + 1}`, n = `${gn(e.colEnd)}${e.rowEnd + 1}`;
 	return t === n ? t : `${t}:${n}`;
-}, _n = {
+}, vn = {
 	border: "none",
 	background: "transparent",
 	color: "inherit",
@@ -2478,7 +2503,7 @@ var mn = {
 	height: 18,
 	borderRadius: 4,
 	opacity: .6
-}, vn = {
+}, yn = {
 	position: "relative",
 	background: "var(--sxl-color-base-100, white)",
 	color: "var(--sxl-color-base-content, #222)",
@@ -2488,7 +2513,7 @@ var mn = {
 	boxShadow: "0 6px 24px var(--sxl-color-shadow, rgba(0,0,0,0.2))",
 	pointerEvents: "auto",
 	maxWidth: 320
-}, yn = {
+}, bn = {
 	display: "inline-flex",
 	alignItems: "center",
 	gap: 8,
@@ -2498,8 +2523,8 @@ var mn = {
 	padding: "4px 6px 4px 12px",
 	boxShadow: "0 2px 10px var(--sxl-color-shadow, rgba(0,0,0,0.3))",
 	pointerEvents: "auto"
-}, bn = ({ direction: e, label: t, onGoto: n, onCancel: r }) => b("div", {
-	style: yn,
+}, xn = ({ direction: e, label: t, onGoto: n, onCancel: r }) => b("div", {
+	style: bn,
 	children: [b("button", {
 		onClick: n,
 		style: {
@@ -2510,7 +2535,7 @@ var mn = {
 			font: "12px system-ui"
 		},
 		children: [
-			mn[e],
+			hn[e],
 			" ",
 			t
 		]
@@ -2518,17 +2543,17 @@ var mn = {
 		"aria-label": "Cancel",
 		onClick: r,
 		style: {
-			..._n,
+			...vn,
 			opacity: .8
 		},
 		children: "×"
 	})]
-}), xn = (e) => {
+}), Sn = (e) => {
 	let { range: t, placement: n = {
 		side: "t",
 		align: "start"
 	}, offset: r = 8, alignOffset: i = 0, address: a, onGoto: o, onCancel: s, zIndex: c, className: l, style: u, children: d } = e;
-	return y(Lt, {
+	return y(Rt, {
 		anchor: { range: t },
 		placement: n,
 		offset: r,
@@ -2536,23 +2561,23 @@ var mn = {
 		whenOff: "clamp",
 		zIndex: c,
 		open: !0,
-		renderOffscreen: (e) => y(bn, {
+		renderOffscreen: (e) => y(xn, {
 			direction: e.slid?.direction ?? n.side,
-			label: a ?? gn(t),
+			label: a ?? _n(t),
 			onGoto: () => o ? o(e) : e.scrollIntoView(),
 			onCancel: s
 		}),
 		children: (e) => b("div", {
 			className: l,
 			style: {
-				...vn,
+				...yn,
 				...u
 			},
 			children: [s && y("button", {
 				"aria-label": "Cancel",
 				onClick: s,
 				style: {
-					..._n,
+					...vn,
 					position: "absolute",
 					top: 4,
 					right: 4
@@ -2562,8 +2587,8 @@ var mn = {
 		})
 	});
 };
-xn.displayName = "RangePrompt";
-var Sn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), Cn = () => {
+Sn.displayName = "RangePrompt";
+var Cn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), wn = () => {
 	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), n = 0, r = 0, i = () => {
 		r++;
 		for (let e of [...t]) e();
@@ -2591,7 +2616,7 @@ var Sn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), Cn =
 			for (let i of e.values()) {
 				let e = i.props.range;
 				if (!H.isCellWithinRange(t, e)) continue;
-				let a = Sn(e);
+				let a = Cn(e);
 				(a < r || a === r && n !== null && i.order > n.order) && (n = i, r = a);
 			}
 			return n;
@@ -2601,18 +2626,18 @@ var Sn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), Cn =
 		}),
 		version: () => r
 	};
-}, wn = n(null), Tn = !1, En = () => c(wn), Dn = (e) => {
-	let { isolate: t, children: n } = e, r = c(wn), i = m(null), a = t || !r;
-	a && i.current === null && (i.current = Cn());
+}, Tn = n(null), En = !1, Dn = () => c(Tn), On = (e) => {
+	let { isolate: t, children: n } = e, r = c(Tn), i = m(null), a = t || !r;
+	a && i.current === null && (i.current = wn());
 	let o = a ? i.current : r;
-	return y(wn.Provider, {
+	return y(Tn.Provider, {
 		value: o,
 		children: n
 	});
 };
-Dn.displayName = "RangeTooltipProvider";
-var On = (e) => {
-	let t = c(wn), n = et(), r = u(), i = t !== null && (n === null || n === ge(n.getAllPanes())), a = m(e);
+On.displayName = "RangeTooltipProvider";
+var kn = (e) => {
+	let t = c(Tn), n = tt(), r = u(), i = t !== null && (n === null || n === ge(n.getAllPanes())), a = m(e);
 	return a.current = e, d(() => {
 		if (i) return t.add(r, a.current);
 	}, [
@@ -2622,13 +2647,13 @@ var On = (e) => {
 	]), d(() => {
 		i && t.set(r, e);
 	}), d(() => {
-		t !== null || Tn || (Tn = !0, console.warn("<RangeTooltip> outside any grid. Declare it among a grid's children, or under a <RangeTooltipProvider> that encloses the grid. This warning fires once."));
+		t !== null || En || (En = !0, console.warn("<RangeTooltip> outside any grid. Declare it among a grid's children, or under a <RangeTooltipProvider> that encloses the grid. This warning fires once."));
 	}, [t]), null;
 };
-On.displayName = "RangeTooltip";
-var kn = () => () => {}, An = () => 0, jn = o((e) => {
-	let { className: t, dismiss: n, ...r } = e, i = c(wn), a = Z(), { renderTooltip: o } = Kt(), s = o ?? Yt;
-	g(i?.subscribe ?? kn, i?.version ?? An);
+kn.displayName = "RangeTooltip";
+var An = () => () => {}, jn = () => 0, Mn = o((e) => {
+	let { className: t, dismiss: n, ...r } = e, i = c(Tn), a = Z(), { renderTooltip: o } = qt(), s = o ?? Xt;
+	g(i?.subscribe ?? An, i?.version ?? jn);
 	let [l, u] = h(null), d = P((e) => {
 		let t = a.getCellFromPointer(e.clientX, e.clientY), n = t && i ? i.find(t) : null, r = n ? {
 			range: n.props.range,
@@ -2643,12 +2668,12 @@ var kn = () => () => {}, An = () => 0, jn = o((e) => {
 	}, []), p = m(null), _ = l && i ? i.get(l.data) : null;
 	_ && (p.current = _);
 	let v = _ ?? p.current;
-	return y(ot, {
+	return y(st, {
 		...r,
 		className: q(t, "range-tooltips"),
 		onPointerMove: i ? d : void 0,
 		onPointerLeave: i ? f : void 0,
-		children: i ? y(on, {
+		children: i ? y(sn, {
 			name: "range-tooltips",
 			hovered: n ? null : l,
 			dismiss: n,
@@ -2677,13 +2702,13 @@ var kn = () => () => {}, An = () => 0, jn = o((e) => {
 		}) : null
 	});
 });
-jn.displayName = "RangeTooltipHost";
-var Mn = {
+Mn.displayName = "RangeTooltipHost";
+var Nn = {
 	stroke: "var(--sxl-color-primary, rgb(33, 115, 70))",
 	alignWidth: 2,
 	fill: "color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) 10%, transparent)"
-}, Nn = o((e) => {
-	let { range: t, hole: n, clipInsets: r, alignWidth: i = 1, animatedTransition: a, className: o, ...s } = e, c = T.getDevicePixelRatio(), l = i / c, u = r ?? -l / 2, d = et(), f = d ? d.getBoundsFromRange(t) : null, p = l + 4;
+}, Pn = o((e) => {
+	let { range: t, hole: n, clipInsets: r, alignWidth: i = 1, animatedTransition: a, className: o, ...s } = e, c = T.getDevicePixelRatio(), l = i / c, u = r ?? -l / 2, d = tt(), f = d ? d.getBoundsFromRange(t) : null, p = l + 4;
 	if (d && f && !d.toClipBounds(f, u)) return null;
 	let m = d ? d.getPaneBounds() : null, h = m ? {
 		x: -p,
@@ -2706,7 +2731,7 @@ var Mn = {
 		width: b.width,
 		height: b.height
 	} : void 0;
-	return y(ut, {
+	return y(dt, {
 		className: q(o),
 		bounds: h ?? void 0,
 		clipInsets: u,
@@ -2720,9 +2745,9 @@ var Mn = {
 		})
 	});
 });
-Nn.displayName = "RangeRect";
-var Pn = o((e) => {
-	let { range: t, axis: n, color: r = "var(--sxl-color-primary, rgb(33, 115, 70))", alignWidth: i = 3, capExtent: a = 3, transitionDuration: o = 100, transitionEasing: s = "cubic-bezier(0.16, 1, 0.3, 1)", axisDuration: c = 70 } = e, l = et(), u = l?.getBoundsFromRange(t);
+Pn.displayName = "RangeRect";
+var Fn = o((e) => {
+	let { range: t, axis: n, color: r = "var(--sxl-color-primary, rgb(33, 115, 70))", alignWidth: i = 3, capExtent: a = 3, transitionDuration: o = 100, transitionEasing: s = "cubic-bezier(0.16, 1, 0.3, 1)", axisDuration: c = 70 } = e, l = tt(), u = l?.getBoundsFromRange(t);
 	if (!l || !u) return null;
 	let d = T.getDevicePixelRatio(), f = i / d, p = a / d, m = l.getPaneBounds(), h = (e) => e.x >= -p && e.y >= -p && e.x + e.width <= m.width + p && e.y + e.height <= m.height + p, g = o > 0 ? `${o}ms ${s}` : null, _ = c > 0 ? `${c}ms ${s}` : null, b = [g && `transform ${g}, width ${g}, height ${g}, background-color ${g}`, _ && `scale ${_}`].filter(Boolean).join(", ");
 	return y(v, { children: [!0, !1].map((e) => ((e) => {
@@ -2768,7 +2793,7 @@ var Pn = o((e) => {
 			["insert-bar-cap-start", h(r.start) ? r.start : null],
 			["insert-bar-cap-end", h(r.end) ? r.end : null]
 		];
-	})(e).map(([t, i]) => i && y(ut, {
+	})(e).map(([t, i]) => i && y(dt, {
 		className: q(t, e ? "row" : "column"),
 		bounds: i,
 		style: {
@@ -2781,8 +2806,8 @@ var Pn = o((e) => {
 		}
 	}, `${e ? "row" : "column"}-${t}`))) });
 });
-Pn.displayName = "RangeInsertBar";
-var Fn = () => typeof window < "u" ? window : null, In = 60, Ln = 24, Rn = (e, t, n = {
+Fn.displayName = "RangeInsertBar";
+var In = () => typeof window < "u" ? window : null, Ln = 60, Rn = 24, zn = (e, t, n = {
 	x: !0,
 	y: !0
 }) => {
@@ -2792,29 +2817,29 @@ var Fn = () => typeof window < "u" ? window : null, In = 60, Ln = 24, Rn = (e, t
 	if (!i && !a) return !1;
 	let o = e.getVisibleRange(), s = e.getTotalRange(), c = e.getCellFromPointer(t.x, t.y), l = {};
 	return i > 0 && o.colEnd < s.colEnd ? l.colIndex = Math.min(s.colEnd, Math.max(o.colEnd + 1, c?.colIndex ?? 0)) : i < 0 && o.colStart > s.colStart && (l.colIndex = Math.max(s.colStart, Math.min(o.colStart - 1, c?.colIndex ?? 2 ** 53 - 1))), a > 0 && o.rowEnd < s.rowEnd ? l.rowIndex = Math.min(s.rowEnd, Math.max(o.rowEnd + 1, c?.rowIndex ?? 0)) : a < 0 && o.rowStart > s.rowStart && (l.rowIndex = Math.max(s.rowStart, Math.min(o.rowStart - 1, c?.rowIndex ?? 2 ** 53 - 1))), (l.colIndex !== void 0 || l.rowIndex !== void 0) && ((ge(e.getAllPanes()) ?? e).scrollCellCoordsIntoView(l), !0);
-}, zn = Object.freeze({
+}, Bn = Object.freeze({
 	ctrlKey: !1,
 	shiftKey: !1,
 	altKey: !1,
 	metaKey: !1
-}), Bn = (e) => ({
+}), Vn = (e) => ({
 	ctrlKey: !!e.ctrlKey,
 	shiftKey: !!e.shiftKey,
 	altKey: !!e.altKey,
 	metaKey: !!e.metaKey
-}), Vn = (e, t) => e.ctrlKey === t.ctrlKey && e.shiftKey === t.shiftKey && e.altKey === t.altKey && e.metaKey === t.metaKey, Hn = (e, t, n, r) => {
+}), Hn = (e, t) => e.ctrlKey === t.ctrlKey && e.shiftKey === t.shiftKey && e.altKey === t.altKey && e.metaKey === t.metaKey, Un = (e, t, n, r) => {
 	let i = ((e) => typeof e == "function" ? e : () => e)(e), a = r ?? ((e, t) => i().getCellFromPointer(e, t)), o = null, s = null, c = null, l = null, u = () => {
 		l && clearTimeout(l), l = null;
-	}, d = zn, f = null, p = (e) => {
+	}, d = Bn, f = null, p = (e) => {
 		if (!o) return;
-		let t = Bn(e);
-		Vn(d, t) || (d = t, o.modifiers?.(t));
+		let t = Vn(e);
+		Hn(d, t) || (d = t, o.modifiers?.(t));
 	}, m = () => {
-		f &&= (Fn()?.removeEventListener("keydown", f, !0), Fn()?.removeEventListener("keyup", f, !0), null);
+		f &&= (In()?.removeEventListener("keydown", f, !0), In()?.removeEventListener("keyup", f, !0), null);
 	}, h = (e, t, n) => {
 		if (!o) return !1;
 		let r = a(e, t);
-		return r && (H.isEqualCells(r, s) || (s = r, o.drag(r, n)), o.point?.(r, e, t, n)), (o.edgeScroll ?? ((e) => Rn(i(), e)))({
+		return r && (H.isEqualCells(r, s) || (s = r, o.drag(r, n)), o.point?.(r, e, t, n)), (o.edgeScroll ?? ((e) => zn(i(), e)))({
 			x: e,
 			y: t
 		});
@@ -2827,9 +2852,9 @@ var Fn = () => typeof window < "u" ? window : null, In = 60, Ln = 24, Rn = (e, t
 			if (!r) return null;
 			let i = t(r, e);
 			return i ? (o = i, s = r, c = null, ((e) => {
-				if (d = Bn(e), f) return;
+				if (d = Vn(e), f) return;
 				let t = (e) => p(e);
-				f = t, Fn()?.addEventListener("keydown", t, !0), Fn()?.addEventListener("keyup", t, !0);
+				f = t, In()?.addEventListener("keydown", t, !0), In()?.addEventListener("keyup", t, !0);
 			})(e), n?.(i.dragMode ?? null), i) : null;
 		},
 		move: (e, t, n) => {
@@ -2842,17 +2867,17 @@ var Fn = () => typeof window < "u" ? window : null, In = 60, Ln = 24, Rn = (e, t
 		},
 		reset: () => {
 			let e = o;
-			return o = null, s = null, c = null, u(), m(), d = zn, e && n?.(null), e;
+			return o = null, s = null, c = null, u(), m(), d = Bn, e && n?.(null), e;
 		},
 		dispose: () => {
 			u(), m();
 		}
 	};
-}, Un = (e, t, n) => {
-	let r = Hn(e, t, n), i = !1, a = null, o = null, s = null, c = null, l = null, u = () => {
-		s && a && a.removeEventListener?.("pointercancel", s), s = null, c && Fn()?.removeEventListener("keydown", c, !0), c = null;
+}, Wn = (e, t, n) => {
+	let r = Un(e, t, n), i = !1, a = null, o = null, s = null, c = null, l = null, u = () => {
+		s && a && a.removeEventListener?.("pointercancel", s), s = null, c && In()?.removeEventListener("keydown", c, !0), c = null;
 	}, d = () => {
-		l &&= (Fn()?.removeEventListener("pointerup", l), Fn()?.removeEventListener("pointercancel", l), null);
+		l &&= (In()?.removeEventListener("pointerup", l), In()?.removeEventListener("pointercancel", l), null);
 	}, f = () => {
 		a && o !== null && a.hasPointerCapture?.(o) && a.releasePointerCapture(o), a = null, o = null;
 	}, p = (e, t) => {
@@ -2867,8 +2892,8 @@ var Fn = () => typeof window < "u" ? window : null, In = 60, Ln = 24, Rn = (e, t
 					let t = e.currentTarget;
 					t.setPointerCapture?.(e.pointerId), a = t, o = e.pointerId, i = !0, s = (e) => p(!0, e), t.addEventListener?.("pointercancel", s), c = (e) => {
 						e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), p(!0));
-					}, Fn()?.addEventListener("keydown", c, !0);
-				} else i = !1, l = (e) => p(e.type === "pointercancel", e), Fn()?.addEventListener("pointerup", l), Fn()?.addEventListener("pointercancel", l);
+					}, In()?.addEventListener("keydown", c, !0);
+				} else i = !1, l = (e) => p(e.type === "pointercancel", e), In()?.addEventListener("pointerup", l), In()?.addEventListener("pointercancel", l);
 			}
 		},
 		onPointerMove: (e) => {
@@ -2881,8 +2906,8 @@ var Fn = () => typeof window < "u" ? window : null, In = 60, Ln = 24, Rn = (e, t
 		}
 	};
 };
-function Wn(e, t, n, r) {
-	let i = Hn(e, t, n, r), a = null, o = null, s = null, c = null, l = () => {
+function Gn(e, t, n, r) {
+	let i = Un(e, t, n, r), a = null, o = null, s = null, c = null, l = () => {
 		a?.(), a = null, c = null;
 	}, u = () => {
 		o && s !== null && o.hasPointerCapture?.(s) && o.releasePointerCapture(s), o = null, s = null;
@@ -2921,8 +2946,8 @@ function Wn(e, t, n, r) {
 		}
 	};
 }
-var Gn = (e) => {
-	let t = Z(), n = P(() => t, [t]), [r, i] = h(null), a = P(e, [e]), o = f(() => Un(n, a, i), [n, a]);
+var Kn = (e) => {
+	let t = Z(), n = P(() => t, [t]), [r, i] = h(null), a = P(e, [e]), o = f(() => Wn(n, a, i), [n, a]);
 	return l(() => () => o.dispose(), [o]), {
 		onPointerDown: o.onPointerDown,
 		onPointerMove: o.onPointerMove,
@@ -2930,14 +2955,14 @@ var Gn = (e) => {
 		onPointerCancel: o.onPointerCancel,
 		dragMode: r
 	};
-}, Kn = (e) => {
-	let t = Z(), n = P(() => t, [t]), [r, i] = h(null), a = P(e, [e]), o = f(() => Wn(n, a, i), [n, a]);
+}, qn = (e) => {
+	let t = Z(), n = P(() => t, [t]), [r, i] = h(null), a = P(e, [e]), o = f(() => Gn(n, a, i), [n, a]);
 	return l(() => () => o.dispose(), [o]), {
 		start: o.start,
 		cancel: o.cancel,
 		dragMode: r
 	};
-}, qn = (e) => {
+}, Jn = (e) => {
 	let t = m(null), n = m(!1);
 	return l(() => {
 		let e = (e) => {
@@ -2955,12 +2980,12 @@ var Gn = (e) => {
 			n.current = !1;
 		}, 500), !0);
 	};
-}, Jn = (e) => {
-	let { range: t, anchor: n, size: r = 8, cursor: i, dragCursor: a, background: o = "var(--sxl-color-primary, rgb(33, 115, 70))", onDragStart: s, onDragMove: c, onDragEnd: l, onDragCancel: u, onDoubleClick: d, onHoverChange: f, hoverStyle: p, animatedTransition: m, renderHandle: g, children: _, className: v, style: b, preserveFocus: x, clampToView: S, secondaryButton: C } = e, w = Z(), [D, O] = h(!1), k = qn(!!d), { start: A, cancel: j, dragMode: M } = Kn((e, t) => {
+}, Yn = (e) => {
+	let { range: t, anchor: n, size: r = 8, cursor: i, dragCursor: a, background: o = "var(--sxl-color-primary, rgb(33, 115, 70))", onDragStart: s, onDragMove: c, onDragEnd: l, onDragCancel: u, onDoubleClick: d, onHoverChange: f, hoverStyle: p, animatedTransition: m, renderHandle: g, children: _, className: v, style: b, preserveFocus: x, clampToView: S, secondaryButton: C } = e, w = Z(), [D, O] = h(!1), k = Jn(!!d), { start: A, cancel: j, dragMode: M } = qn((e, t) => {
 		let n = t.button === 2 && !0 === C;
 		if (t.button !== 0 && !n) return null;
 		t.stopPropagation(), x && t.preventDefault();
-		let r = n ? Yn() : null, i = e, a = e;
+		let r = n ? Xn() : null, i = e, a = e;
 		return s?.(i, t, j), {
 			dragMode: "handle",
 			drag: (e, n) => {
@@ -2973,9 +2998,9 @@ var Gn = (e) => {
 				r?.(), u?.();
 			}
 		};
-	}), N = M !== null && a ? a : i ?? $n[n], P = w.getBoundsFromRange(t);
+	}), N = M !== null && a ? a : i ?? er[n], P = w.getBoundsFromRange(t);
 	if (!P) return null;
-	let F = T.getDevicePixelRatio(), I = Qn(P.x, P.x + P.width, Xn[n], F), L = Qn(P.y, P.y + P.height, Zn[n], F);
+	let F = T.getDevicePixelRatio(), I = $n(P.x, P.x + P.width, Zn[n], F), L = $n(P.y, P.y + P.height, Qn[n], F);
 	if (S) {
 		if (!w.toClipBounds(w.getBoundsFromRange(t))) return null;
 		let e = w.getPaneBounds(), n = r / 2 + 1;
@@ -3035,15 +3060,15 @@ var Gn = (e) => {
 		children: _
 	});
 };
-Jn.displayName = "DragHandle";
-var Yn = () => {
+Yn.displayName = "DragHandle";
+var Xn = () => {
 	let e = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	};
 	return window.addEventListener("contextmenu", e, !0), () => {
 		setTimeout(() => window.removeEventListener("contextmenu", e, !0), 0);
 	};
-}, Xn = {
+}, Zn = {
 	tl: "leading",
 	l: "leading",
 	bl: "leading",
@@ -3052,7 +3077,7 @@ var Yn = () => {
 	tr: "trailing",
 	r: "trailing",
 	br: "trailing"
-}, Zn = {
+}, Qn = {
 	tl: "leading",
 	t: "leading",
 	tr: "leading",
@@ -3061,7 +3086,7 @@ var Yn = () => {
 	bl: "trailing",
 	b: "trailing",
 	br: "trailing"
-}, Qn = (e, t, n, r) => n === "center" ? T.snapDeviceEdge((e + t) / 2, r) : T.edgeCenter(n === "leading" ? e : t, n, 2, r), $n = {
+}, $n = (e, t, n, r) => n === "center" ? T.snapDeviceEdge((e + t) / 2, r) : T.edgeCenter(n === "leading" ? e : t, n, 2, r), er = {
 	tl: "nwse-resize",
 	br: "nwse-resize",
 	tr: "nesw-resize",
@@ -3070,7 +3095,7 @@ var Yn = () => {
 	b: "ns-resize",
 	l: "ew-resize",
 	r: "ew-resize"
-}, er = (e, t, n, r, i, a) => {
+}, tr = (e, t, n, r, i, a) => {
 	let o = e.getPanePointFromPointer(n, r), s = e.getCellFromPointer(n, r, !0) ?? t, c = e.getBoundsFromRange(H.cellToRange(s));
 	if (!o || !c || c.width <= 0 || c.height <= 0) return a;
 	let l = (o.x - c.x) / c.width, u = (o.y - c.y) / c.height, d = i ?? (l < .25 || l > .75 ? W.Column : W.Row);
@@ -3087,13 +3112,13 @@ var Yn = () => {
 			colIndex: s.colIndex
 		}
 	};
-}, tr = (e, t, n, r) => {
+}, nr = (e, t, n, r) => {
 	let i = e.getPanePointFromPointer(n, r), a = e.getBoundsFromRange(t);
 	if (!i || !a) return null;
 	let o = Math.abs(i.y - a.y), s = Math.abs(i.y - (a.y + a.height)), c = Math.abs(i.x - a.x), l = Math.abs(i.x - (a.x + a.width)), u = Math.min(o, s, c, l);
 	return u === o ? "top" : u === s ? "bottom" : u === c ? "left" : "right";
-}, nr = (e, t, n, r, i) => {
-	let a = tr(e, t, r, i);
+}, rr = (e, t, n, r, i) => {
+	let a = nr(e, t, r, i);
 	if (!a) return null;
 	let o = e.getCellFromPointer(r, i, !0) ?? n;
 	return {
@@ -3103,7 +3128,7 @@ var Yn = () => {
 			colIndex: J(o.colIndex, t.colStart, t.colEnd)
 		}
 	};
-}, rr = (e, t) => e === t || !!e && !!t && e.axis === t.axis && H.isEqualCells(e.origin, t.origin), ir = (e, t, n) => {
+}, ir = (e, t) => e === t || !!e && !!t && e.axis === t.axis && H.isEqualCells(e.origin, t.origin), ar = (e, t, n) => {
 	let r = e.rowEnd - e.rowStart, i = e.colEnd - e.colStart, a = J(t.origin.rowIndex, n.rowStart, n.rowEnd - r), o = J(t.origin.colIndex, n.colStart, n.colEnd - i);
 	return {
 		...e,
@@ -3112,16 +3137,16 @@ var Yn = () => {
 		colStart: o,
 		colEnd: o + i
 	};
-}, ar = (e) => {
-	let { range: t, children: n, grip: r = "entire", hitSize: i = 10, onHoverChange: a, onDragStateChange: o, onDragStart: s, onDragMove: c, onDragEnd: l, renderMove: u, dragCursor: d = "grabbing", preserveFocus: f, onEdgeDoubleClick: p, className: h } = e, g = Z(), _ = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", x = m(null), [S, C] = nt(_, null), { start: w, cancel: D, dragMode: O } = Kn((e, n) => {
+}, or = (e) => {
+	let { range: t, children: n, grip: r = "entire", hitSize: i = 10, onHoverChange: a, onDragStateChange: o, onDragStart: s, onDragMove: c, onDragEnd: l, renderMove: u, dragCursor: d = "grabbing", preserveFocus: f, onEdgeDoubleClick: p, className: h } = e, g = Z(), _ = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", x = m(null), [S, C] = rt(_, null), { start: w, cancel: D, dragMode: O } = qn((e, n) => {
 		if (n.button !== 0 || !t) return null;
 		n.stopPropagation(), f && n.preventDefault();
 		let r = e, i = t, a = i;
 		n.clientX, n.clientY;
 		let d = ((e, t) => e.colStart <= t.colStart && e.colEnd >= t.colEnd ? W.Row : e.rowStart <= t.rowStart && e.rowEnd >= t.rowEnd ? W.Column : null)(i, g.getTotalRange()), p = {
-			mods: Bn(n),
-			insert: er(g, e, n.clientX, n.clientY, d, null),
-			grab: nr(g, i, e, n.clientX, n.clientY)
+			mods: Vn(n),
+			insert: tr(g, e, n.clientX, n.clientY, d, null),
+			grab: rr(g, i, e, n.clientX, n.clientY)
 		}, m = p.insert, h = n;
 		o?.(!0), s?.(i, n, p, D);
 		let _ = () => {
@@ -3133,11 +3158,11 @@ var Yn = () => {
 		return {
 			dragMode: "move",
 			drag: (e) => {
-				a = ((e) => or(i, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, g.getTotalRange()))(e), v = !0;
+				a = ((e) => sr(i, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, g.getTotalRange()))(e), v = !0;
 			},
 			point: (e, t, n, r) => {
 				r && (h = r);
-				let i = er(g, e, t, n, d, p.insert), a = v || !rr(i, p.insert);
+				let i = tr(g, e, t, n, d, p.insert), a = v || !ir(i, p.insert);
 				v = !1, a && (p = {
 					...p,
 					insert: i
@@ -3151,8 +3176,8 @@ var Yn = () => {
 			},
 			end: (e) => {
 				o?.(!1), u && C(null);
-				let t = Bn(e);
-				(!H.isEqualRanges(a, i) || t.shiftKey && !rr(p.insert, m)) && l?.(a, e, {
+				let t = Vn(e);
+				(!H.isEqualRanges(a, i) || t.shiftKey && !ir(p.insert, m)) && l?.(a, e, {
 					...p,
 					mods: t
 				});
@@ -3161,11 +3186,11 @@ var Yn = () => {
 				o?.(!1), u && C(null);
 			}
 		};
-	}), k = qn(!!p), A = O === null ? "move" : d;
+	}), k = Jn(!!p), A = O === null ? "move" : d;
 	if (!t) return null;
 	let j = { onPointerDown: (e) => {
 		if (k(e)) {
-			let n = g ? tr(g, t, e.clientX, e.clientY) : null;
+			let n = g ? nr(g, t, e.clientX, e.clientY) : null;
 			n && p(t, n, e);
 		} else w(e, x.current);
 	} }, M = a ? {
@@ -3178,7 +3203,7 @@ var Yn = () => {
 		height: P.height + 2 * N
 	} : void 0;
 	return b(v, { children: [
-		y(ut, r === "entire" ? {
+		y(dt, r === "entire" ? {
 			ref: x,
 			className: q("drag-grip", h),
 			...F ? { bounds: F } : { range: t },
@@ -3219,8 +3244,8 @@ var Yn = () => {
 		}) : null
 	] });
 };
-ar.displayName = "Draggable";
-var or = (e, t, n, r) => {
+or.displayName = "Draggable";
+var sr = (e, t, n, r) => {
 	let i = e.rowEnd - e.rowStart, a = e.colEnd - e.colStart, o = J(e.rowStart + t, r.rowStart, r.rowEnd - i), s = J(e.colStart + n, r.colStart, r.colEnd - a);
 	return {
 		rowStart: o,
@@ -3228,12 +3253,12 @@ var or = (e, t, n, r) => {
 		rowEnd: o + i,
 		colEnd: s + a
 	};
-}, sr = [
+}, cr = [
 	"tl",
 	"tr",
 	"br",
 	"bl"
-], cr = [
+], lr = [
 	"tl",
 	"t",
 	"tr",
@@ -3242,18 +3267,18 @@ var or = (e, t, n, r) => {
 	"b",
 	"bl",
 	"l"
-], lr = (e) => {
-	let { range: t, anchors: n = cr, onDragStart: r, onDragMove: i, onDragEnd: a, onDragCancel: o, onHandleHoverChange: s, size: c = 8, renderHandle: l, preserveFocus: u, ...d } = e, f = {
-		...Mn,
+], ur = (e) => {
+	let { range: t, anchors: n = lr, onDragStart: r, onDragMove: i, onDragEnd: a, onDragCancel: o, onHandleHoverChange: s, size: c = 8, renderHandle: l, preserveFocus: u, ...d } = e, f = {
+		...Nn,
 		...d
 	}, p = f.stroke ?? "rgb(33, 115, 70)", g = Z(), [_, x] = h(null), S = m(null);
 	if (!t) return null;
 	let C = _ ?? t;
-	return b(v, { children: [y(Nn, {
+	return b(v, { children: [y(Pn, {
 		className: "resizer-outline",
 		range: C,
 		...f
-	}), n.map((e) => y(Jn, {
+	}), n.map((e) => y(Yn, {
 		className: `resize-handle ${e}`,
 		range: C,
 		anchor: e,
@@ -3273,11 +3298,11 @@ var or = (e, t, n, r) => {
 			S.current = t, r?.(t, n);
 		},
 		onDragMove: (n, r, a) => {
-			let o = ur(S.current ?? t, e, r, g.getTotalRange());
+			let o = dr(S.current ?? t, e, r, g.getTotalRange());
 			x(o), i?.(o, a);
 		},
 		onDragEnd: (n, r, i) => {
-			let o = ur(S.current ?? t, e, r, g.getTotalRange());
+			let o = dr(S.current ?? t, e, r, g.getTotalRange());
 			S.current = null, x(null), a?.(o, i);
 		},
 		onDragCancel: () => {
@@ -3285,8 +3310,8 @@ var or = (e, t, n, r) => {
 		}
 	}, e))] });
 };
-lr.displayName = "RangeResizer";
-var ur = (e, t, n, r) => {
+ur.displayName = "RangeResizer";
+var dr = (e, t, n, r) => {
 	let { rowStart: i, colStart: a, rowEnd: o, colEnd: s } = e;
 	return t.includes("t") && (i = J(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("b") && (o = J(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("l") && (a = J(n.colIndex, r.colStart, r.colEnd)), t.includes("r") && (s = J(n.colIndex, r.colStart, r.colEnd)), {
 		rowStart: Math.min(i, o),
@@ -3294,7 +3319,7 @@ var ur = (e, t, n, r) => {
 		rowEnd: Math.max(i, o),
 		colEnd: Math.max(a, s)
 	};
-}, dr = (e, t, n) => {
+}, fr = (e, t, n) => {
 	let r = t.rowIndex - e.rowEnd, i = e.rowStart - t.rowIndex, a = t.colIndex - e.colEnd, o = e.colStart - t.colIndex, s = Math.max(r, i, 0), c = Math.max(a, o, 0);
 	if (s > 0 || c > 0) return s >= c ? r > 0 ? {
 		...e,
@@ -3317,21 +3342,21 @@ var ur = (e, t, n, r) => {
 		...e,
 		colEnd: t.colIndex
 	};
-}, fr = (e, t) => t.rowEnd < e.rowEnd ? {
+}, pr = (e, t) => t.rowEnd < e.rowEnd ? {
 	...e,
 	rowStart: t.rowEnd + 1
 } : t.colEnd < e.colEnd ? {
 	...e,
 	colStart: t.colEnd + 1
-} : null, pr = (e) => {
+} : null, mr = (e) => {
 	let { range: t, snapDestination: n, onDragStart: r, onDragMove: i, onDragEnd: a, onMenu: o, onDragDone: s, onDoubleClick: c, renderHandle: l, ...u } = e, d = {
-		...Mn,
+		...Nn,
 		fill: void 0,
 		...u
 	}, f = d.stroke, p = {
 		...d,
 		strokeDasharray: "3 2"
-	}, h = Z(), g = m(null), [_, x] = nt("range-fill", null);
+	}, h = Z(), g = m(null), [_, x] = rt("range-fill", null);
 	if (!t) return null;
 	let S = h.getTotalRange(), C = t.rowStart === S.rowStart && t.rowEnd === S.rowEnd, w = t.colStart === S.colStart && t.colEnd === S.colEnd;
 	if (C && w) return null;
@@ -3357,9 +3382,9 @@ var ur = (e, t, n, r) => {
 		}, l))) return !1;
 		return !0;
 	})(h, t, C, w)) return null;
-	let M = _ ? fr(t, _) : null;
+	let M = _ ? pr(t, _) : null;
 	return b(v, { children: [
-		y(Jn, {
+		y(Yn, {
 			className: "fill-handle",
 			range: t,
 			anchor: A,
@@ -3373,7 +3398,7 @@ var ur = (e, t, n, r) => {
 				g.current = null, x(null), r?.(t, n, i);
 			},
 			onDragMove: (e, r, a) => {
-				let o = dr(t, r, h.getTotalRange());
+				let o = fr(t, r, h.getTotalRange());
 				o && n && (o = n(t, o)), g.current = o, x(o), o && i?.(o, a);
 			},
 			onDragEnd: (e, t, n) => {
@@ -3384,40 +3409,40 @@ var ur = (e, t, n, r) => {
 				g.current = null, x(null), s?.();
 			}
 		}),
-		_ && y(Nn, {
+		_ && y(Pn, {
 			className: "fill-preview",
 			range: _,
 			...p
 		}),
-		M && y(Nn, {
+		M && y(Pn, {
 			className: "fill-vacated",
 			range: M,
 			fill: "rgba(128, 128, 128, 0.28)"
 		})
 	] });
 };
-pr.displayName = "FillHandle";
-var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) => !!e?.closest?.(`[${mr}]`), _r = (e) => {
-	let t = (e?.closest?.(`[${mr}]`))?.closest("[data-rc]")?.getAttribute("data-rc");
+mr.displayName = "FillHandle";
+var hr = "data-cell-interactive", gr = Object.freeze({ [hr]: "" }), _r = (e) => !!e?.closest?.(`[${hr}]`), vr = (e) => {
+	let t = (e?.closest?.(`[${hr}]`))?.closest("[data-rc]")?.getAttribute("data-rc");
 	if (!t) return null;
 	let [n, r] = t.split(":").map(Number);
 	return Number.isInteger(n) && Number.isInteger(r) ? {
 		rowIndex: n,
 		colIndex: r
 	} : null;
-}, vr = o((e) => {
+}, yr = o((e) => {
 	let { value: t, zoom: n, bounds: r, cell: i, range: a, children: o, className: s, ...c } = e;
 	return y("div", {
 		className: q(s, "cell"),
 		...c,
 		children: t
 	});
-}), yr = Object.freeze({
+}), br = Object.freeze({
 	cells: [],
 	rangesH: [],
 	rangesV: []
-}), br = !1, xr = /* @__PURE__ */ new WeakMap(), Sr = (e, t = {}) => {
-	let n = e.getVisibleRange(), r = e.getScrollTopLeft(), i = t.bufferRange, a = !!i, o = i ? i.rowStart : 0, s = i ? i.colStart : 0, c = i ? i.rowEnd : 0, l = i ? i.colEnd : 0, u = xr.get(e);
+}), xr = !1, Sr = /* @__PURE__ */ new WeakMap(), Cr = (e, t = {}) => {
+	let n = e.getVisibleRange(), r = e.getScrollTopLeft(), i = t.bufferRange, a = !!i, o = i ? i.rowStart : 0, s = i ? i.colStart : 0, c = i ? i.rowEnd : 0, l = i ? i.colEnd : 0, u = Sr.get(e);
 	if (u && u.rowStart === n.rowStart && u.colStart === n.colStart && u.rowEnd === n.rowEnd && u.colEnd === n.colEnd && u.scrollLeft === r.left && u.scrollTop === r.top && u.hasBuffer === a && u.bRowStart === o && u.bColStart === s && u.bRowEnd === c && u.bColEnd === l && u.options.cacheToken === t.cacheToken && u.options.getVisibleCells === t.getVisibleCells && u.options.hiddenCellAt === t.hiddenCellAt) return u.model;
 	let d = ((e, t = {}) => {
 		let { getVisibleCells: n, hiddenCellAt: r, bufferRange: i } = t, a = e.getTotalRange(), o = i ? {
@@ -3426,7 +3451,7 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 			colStart: Math.max(i.colStart, a.colStart),
 			colEnd: Math.min(i.colEnd, a.colEnd)
 		} : null, s = o ? e.getVisibleColumns(o.colStart, o.colEnd) : e.getVisibleColumns(), c = o ? e.getVisibleRows(o.rowStart, o.rowEnd) : e.getVisibleRows();
-		if (s.length === 0 || c.length === 0) return yr;
+		if (s.length === 0 || c.length === 0) return br;
 		let l = (t) => e.getRangeFromCell(t), u;
 		if (n) u = n(e, i);
 		else {
@@ -3447,7 +3472,7 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 			}
 		}
 		let d = u ? u.length : 0;
-		if (d === 0) return yr;
+		if (d === 0) return br;
 		let f = e.getVisibleRange(), p = i ?? f, m = [], h = [], g = [], _ = /* @__PURE__ */ new Set();
 		for (let t = 0; t < d; t++) {
 			let n = u[t], i = n?.cell ?? n;
@@ -3468,7 +3493,7 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 					rowIndex: t.rowStart,
 					colIndex: t.colStart
 				});
-				let n = Er(a.rowStart, a.colStart);
+				let n = Dr(a.rowStart, a.colStart);
 				if (_.has(n)) continue;
 				_.add(n), a.rowEnd - a.rowStart > 0 && h.push(a), a.colEnd - a.colStart > 0 && g.push(a), s = e.getBoundsFromRange(a);
 			} else {
@@ -3485,7 +3510,7 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 				range: a,
 				bounds: s,
 				value: n?.value
-			}) : br || (br = !0, console.warn("grid-react: no bounds for cell", Er(a.rowStart, a.colStart)));
+			}) : xr || (xr = !0, console.warn("grid-react: no bounds for cell", Dr(a.rowStart, a.colStart)));
 		}
 		return {
 			cells: m,
@@ -3493,7 +3518,7 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 			rangesV: g
 		};
 	})(e, t);
-	return xr.set(e, {
+	return Sr.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3508,16 +3533,16 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 		options: t,
 		model: d
 	}), d;
-}, Cr = Object.freeze({
+}, wr = Object.freeze({
 	rangesH: [],
 	rangesV: []
-}), wr = /* @__PURE__ */ new WeakMap(), Tr = (e, t = {}) => {
-	let n = e.getVisibleRange(), r = wr.get(e);
+}), Tr = /* @__PURE__ */ new WeakMap(), Er = (e, t = {}) => {
+	let n = e.getVisibleRange(), r = Tr.get(e);
 	if (r && r.rowStart === n.rowStart && r.colStart === n.colStart && r.rowEnd === n.rowEnd && r.colEnd === n.colEnd && r.cacheToken === t.cacheToken && r.getVisibleCells === t.getVisibleCells) return r.ranges;
 	let i = ((e, t = {}) => {
 		let { getVisibleCells: n } = t, r = e.getVisibleRange(), i = [], a = [], o = /* @__PURE__ */ new Set(), s = (e) => {
 			if (H.isSingleCell(e) || !H.isRangesIntersect(e, r) && !H.isRangeWithinRange(e, r)) return;
-			let t = Er(e.rowStart, e.colStart);
+			let t = Dr(e.rowStart, e.colStart);
 			o.has(t) || (o.add(t), e.rowEnd - e.rowStart > 0 && i.push(e), e.colEnd - e.colStart > 0 && a.push(e));
 		};
 		if (n) {
@@ -3536,12 +3561,12 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 				}));
 			}
 		}
-		return i.length === 0 && a.length === 0 ? Cr : {
+		return i.length === 0 && a.length === 0 ? wr : {
 			rangesH: i,
 			rangesV: a
 		};
 	})(e, t);
-	return wr.set(e, {
+	return Tr.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3550,10 +3575,10 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 		cacheToken: t.cacheToken,
 		ranges: i
 	}), i;
-}, Er = (e, t) => `${e}:${t}`, Dr = {
+}, Dr = (e, t) => `${e}:${t}`, Or = {
 	tiles: "_tiles_v3ek7_7",
 	gridlines: "_gridlines_v3ek7_32"
-}, Or = o((e) => {
+}, kr = o((e) => {
 	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s } = e, c = Z(), d = c.getAnchor(), p = u(), g = f(() => `sxl-cl-${p.replace(/[^a-zA-Z0-9_-]/g, "")}`, [p]), _ = m({
 		token: void 0,
 		renderCell: void 0,
@@ -3563,8 +3588,8 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 		rebaseLeft: 0,
 		rebaseTop: 0,
 		map: /* @__PURE__ */ new Map()
-	}), x = c.getScrollTopLeft(), S = c.getFreezeTopLeft(), C = x.left + S.left, w = x.top + S.top, E = Math.floor(C / Ar) * Ar, D = Math.floor(w / Ar) * Ar, O = c.getVisibleRange(), k = 0, A = -1, j = 0, M = -1;
-	O && (k = Math.max(0, Math.floor(O.rowStart / $) - Mr), A = Math.floor(O.rowEnd / $) + Mr, j = Math.max(0, Math.floor(O.colStart / $) - Mr), M = Math.floor(O.colEnd / $) + Mr);
+	}), x = c.getScrollTopLeft(), S = c.getFreezeTopLeft(), C = x.left + S.left, w = x.top + S.top, E = Math.floor(C / jr) * jr, D = Math.floor(w / jr) * jr, O = c.getVisibleRange(), k = 0, A = -1, j = 0, M = -1;
+	O && (k = Math.max(0, Math.floor(O.rowStart / $) - Nr), A = Math.floor(O.rowEnd / $) + Nr, j = Math.max(0, Math.floor(O.colStart / $) - Nr), M = Math.floor(O.colEnd / $) + Nr);
 	let N = f(() => {
 		if (!O || A < k) return null;
 		let e = _.current;
@@ -3574,7 +3599,7 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 			colStart: Math.max(s.colStart, j * $),
 			rowEnd: Math.min(s.rowEnd, (A + 1) * $ - 1),
 			colEnd: Math.min(s.colEnd, (M + 1) * $ - 1)
-		}, { cells: u } = Sr(c, {
+		}, { cells: u } = Cr(c, {
 			getVisibleCells: r,
 			hiddenCellAt: i,
 			bufferRange: l,
@@ -3589,14 +3614,14 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 			let r = e >= k && e <= A && n >= j && n <= M, i = `${e}:${n}`, l = a.get(i);
 			if (l === void 0) {
 				let u = f.get(i);
-				if (!u && !Pr) return;
+				if (!u && !Fr) return;
 				let p = c.getBoundsFromRange({
 					rowStart: e * $,
 					colStart: n * $,
 					rowEnd: Math.min(s.rowEnd, e * $ + $ - 1),
 					colEnd: Math.min(s.colEnd, n * $ + $ - 1)
 				}), m = C + p.x - E, h = w + p.y - D, g = [];
-				if (Pr && g.push(y("div", { style: {
+				if (Fr && g.push(y("div", { style: {
 					position: "absolute",
 					left: 0,
 					top: 0,
@@ -3607,13 +3632,13 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 				} }, "__bg")), u) for (let e = 0; e < u.length; e++) {
 					let { cell: n, range: r, bounds: i, value: a } = u[e];
 					i && g.push(t({
-						key: `pane:${d}:cell:${Er(n.rowIndex, n.colIndex)}`,
+						key: `pane:${d}:cell:${Dr(n.rowIndex, n.colIndex)}`,
 						cell: n,
 						bounds: i,
 						range: r,
 						zoom: o,
 						value: a,
-						"data-rc": Er(n.rowIndex, n.colIndex),
+						"data-rc": Dr(n.rowIndex, n.colIndex),
 						style: {
 							left: i.x - p.x,
 							top: i.y - p.y,
@@ -3626,14 +3651,14 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 					className: "tile",
 					style: { transform: `translate(${m}px, ${h}px)` },
 					children: g
-				}, `pane:${d}:tile:${e}:${n}`), r && (a.set(i, l), a.size > Nr)) {
+				}, `pane:${d}:tile:${e}:${n}`), r && (a.set(i, l), a.size > Pr)) {
 					let e = a.keys().next().value;
 					e !== void 0 && a.delete(e);
 				}
 			}
 			l && p.push(l);
 		};
-		if (Pr) {
+		if (Fr) {
 			for (let e = k; e <= A && !(e * $ > s.rowEnd); e++) for (let t = j; t <= M && !(t * $ > s.colEnd); t++) m(e, t);
 			for (let e of f.keys()) {
 				let t = e.indexOf(":"), n = Number(e.slice(0, t)), r = Number(e.slice(t + 1));
@@ -3663,15 +3688,15 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 		let e = I.current;
 		e.left === C && e.top === w || (e.left = C, e.top = w, F(!0), e.timer && clearTimeout(e.timer), e.timer = setTimeout(() => {
 			e.timer = null, F(!1);
-		}, jr));
+		}, Mr));
 	}, [C, w]), l(() => () => {
 		let e = I.current.timer;
 		e && clearTimeout(e);
 	}, []);
 	let L = T.getDevicePixelRatio(), R = Math.round((E - C) * L) / L, z = Math.round((D - w) * L) / L;
-	return b(v, { children: [y(ut, {
+	return b(v, { children: [y(dt, {
 		fill: !0,
-		className: q("tiles", Dr.tiles, g, o),
+		className: q("tiles", Or.tiles, g, o),
 		style: {
 			pointerEvents: "none",
 			...s,
@@ -3684,15 +3709,15 @@ var mr = "data-cell-interactive", hr = Object.freeze({ [mr]: "" }), gr = (e) =>
 			}
 		},
 		children: N
-	}), a ? y("style", { children: `.${g} [data-rc="${Er(a.rowIndex, a.colIndex)}"]{visibility:hidden !important;}` }) : null] });
+	}), a ? y("style", { children: `.${g} [data-rc="${Dr(a.rowIndex, a.colIndex)}"]{visibility:hidden !important;}` }) : null] });
 });
-Or.displayName = "CellTileDiv";
-var kr = o((e) => {
+kr.displayName = "CellTileDiv";
+var Ar = o((e) => {
 	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s, ...c } = e;
-	return y(ot, {
+	return y(st, {
 		className: q(o, "cells"),
 		...c,
-		children: y(Or, {
+		children: y(kr, {
 			renderCell: t,
 			cacheToken: n,
 			getVisibleCells: r,
@@ -3702,9 +3727,9 @@ var kr = o((e) => {
 		})
 	});
 });
-kr.displayName = "CellLayer";
-var $ = 8, Ar = 1 << 19, jr = 150, Mr = 1, Nr = 512, Pr = !1, Fr = (e, t, n, r) => {
-	let i = T.getDevicePixelRatio(), a = (r?.width ?? Br) / i, o = r?.shift ?? 0, s = r?.breaksAt, c = e.getVisibleRange(), l = (t) => e.getColumnSize(t).offset, u = (t) => {
+Ar.displayName = "CellLayer";
+var $ = 8, jr = 1 << 19, Mr = 150, Nr = 1, Pr = 512, Fr = !1, Ir = (e, t, n, r) => {
+	let i = T.getDevicePixelRatio(), a = (r?.width ?? Vr) / i, o = r?.shift ?? 0, s = r?.breaksAt, c = e.getVisibleRange(), l = (t) => e.getColumnSize(t).offset, u = (t) => {
 		let n = e.getColumnSize(t);
 		return n.offset + n.size;
 	}, d = (t) => e.getRowSize(t).offset, f = (t) => {
@@ -3733,7 +3758,7 @@ var $ = 8, Ar = 1 << 19, jr = 150, Mr = 1, Nr = 512, Pr = !1, Fr = (e, t, n, r)
 				}
 				h = !0;
 			}
-			let S = T.snapLineCenter(b + o, a, i), C = Ir(m, s?.(r), i), w = _, E = C.length;
+			let S = T.snapLineCenter(b + o, a, i), C = Lr(m, s?.(r), i), w = _, E = C.length;
 			for (let e = 0; e < E; e += 2) {
 				let t = C[e];
 				t > w && (g += `M ${w} ${S} L ${t} ${S} `), w = Math.max(w, C[e + 1]);
@@ -3762,7 +3787,7 @@ var $ = 8, Ar = 1 << 19, jr = 150, Mr = 1, Nr = 512, Pr = !1, Fr = (e, t, n, r)
 				}
 				h = !0;
 			}
-			let S = T.snapLineCenter(b + o, a, i), C = Ir(m, s?.(r), i), w = _, E = C.length;
+			let S = T.snapLineCenter(b + o, a, i), C = Lr(m, s?.(r), i), w = _, E = C.length;
 			for (let e = 0; e < E; e += 2) {
 				let t = C[e];
 				t > w && (g += `M ${S} ${w} L ${S} ${t} `), w = Math.max(w, C[e + 1]);
@@ -3771,21 +3796,21 @@ var $ = 8, Ar = 1 << 19, jr = 150, Mr = 1, Nr = 512, Pr = !1, Fr = (e, t, n, r)
 		}
 	}
 	return g;
-}, Ir = (e, t, n) => {
+}, Lr = (e, t, n) => {
 	if (!t || t.length === 0) return e;
 	let r = [], i = 0, a = 0;
 	for (; i < e.length || a < t.length;) a >= t.length || i < e.length && e[i] <= T.snapDeviceEdge(t[a], n) ? (r.push(e[i], e[i + 1]), i += 2) : (r.push(T.snapDeviceEdge(t[a], n), T.snapDeviceEdge(t[a + 1], n)), a += 2);
 	return r;
-}, Lr = (e) => {
+}, Rr = (e) => {
 	let t = "";
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
 		t += `${r.rowStart},${r.colStart},${r.rowEnd},${r.colEnd};`;
 	}
 	return t;
-}, Rr = (e, t, n, r, i) => {
+}, zr = (e, t, n, r, i) => {
 	if (!n) return null;
-	let a = e.getPaneBounds(), o = Math.ceil(a.width), s = Math.ceil(a.height), c = String(Br / T.getDevicePixelRatio());
+	let a = e.getPaneBounds(), o = Math.ceil(a.width), s = Math.ceil(a.height), c = String(Vr / T.getDevicePixelRatio());
 	return y("svg", {
 		className: q(t ? "horizontal" : "vertical"),
 		width: `${o}`,
@@ -3801,35 +3826,35 @@ var $ = 8, Ar = 1 << 19, jr = 150, Mr = 1, Nr = 512, Pr = !1, Fr = (e, t, n, r)
 			...i
 		})
 	});
-}, zr = o((e) => {
-	let { showGridLines: t = !0, gridLineColor: n = "var(--sxl-color-base-300, rgb(224, 224, 224))", propsRows: r, propsColumns: i, getVisibleCells: a, hiddenCellAt: o, cacheToken: s, bufferRange: c, className: l, style: u, ...d } = e, p = Z(), m = t, h = !0 === t || !0 === m?.horizontal, g = !0 === t || !0 === m?.vertical, { rangesH: _, rangesV: v } = Tr(p, {
+}, Br = o((e) => {
+	let { showGridLines: t = !0, gridLineColor: n = "var(--sxl-color-base-300, rgb(224, 224, 224))", propsRows: r, propsColumns: i, getVisibleCells: a, hiddenCellAt: o, cacheToken: s, bufferRange: c, className: l, style: u, ...d } = e, p = Z(), m = t, h = !0 === t || !0 === m?.horizontal, g = !0 === t || !0 === m?.vertical, { rangesH: _, rangesV: v } = Er(p, {
 		getVisibleCells: a,
 		cacheToken: s
-	}), x = T.getDevicePixelRatio(), { top: S, left: C } = p.getScrollTopLeft(), w = p.getPaneBounds(), E = p.getVisibleRange(), D = p.getColumnSize(E.colEnd), O = p.getRowSize(E.rowEnd), k = Math.min(w.width, D ? D.offset + D.size : w.width), A = Math.min(w.height, O ? O.offset + O.size : w.height), j = _.length === 0 ? `${S}|${k}|${x}` : `${S}|${C}|${k}|${x}|${Lr(_)}`, M = v.length === 0 ? `${C}|${A}|${x}` : `${C}|${S}|${A}|${x}|${Lr(v)}`, N = f(() => h ? Fr(p, !0, _) : null, [
+	}), x = T.getDevicePixelRatio(), { top: S, left: C } = p.getScrollTopLeft(), w = p.getPaneBounds(), E = p.getVisibleRange(), D = p.getColumnSize(E.colEnd), O = p.getRowSize(E.rowEnd), k = Math.min(w.width, D ? D.offset + D.size : w.width), A = Math.min(w.height, O ? O.offset + O.size : w.height), j = _.length === 0 ? `${S}|${k}|${x}` : `${S}|${C}|${k}|${x}|${Rr(_)}`, M = v.length === 0 ? `${C}|${A}|${x}` : `${C}|${S}|${A}|${x}|${Rr(v)}`, N = f(() => h ? Ir(p, !0, _) : null, [
 		p,
 		h,
 		j
-	]), P = f(() => g ? Fr(p, !1, v) : null, [
+	]), P = f(() => g ? Ir(p, !1, v) : null, [
 		p,
 		g,
 		M
 	]);
-	return h || g ? y(ot, {
+	return h || g ? y(st, {
 		...d,
 		className: q(l, "gridlines"),
-		children: b(ut, {
+		children: b(dt, {
 			fill: !0,
-			className: q("gridlines-box", Dr.gridlines),
+			className: q("gridlines-box", Or.gridlines),
 			style: {
 				pointerEvents: "none",
 				...u
 			},
-			children: [h && N ? Rr(p, !0, N, n, r) : null, g && P ? Rr(p, !1, P, n, i) : null]
+			children: [h && N ? zr(p, !0, N, n, r) : null, g && P ? zr(p, !1, P, n, i) : null]
 		})
 	}) : null;
 });
-zr.displayName = "GridlineLayer";
-var Br = 1, Vr = -10, Hr = class {
+Br.displayName = "GridlineLayer";
+var Vr = 1, Hr = -10, Ur = class {
 	constructor(e = {}) {
 		this.listeners = /* @__PURE__ */ new Set(), this._coords = e.initial ?? {
 			cell: {
@@ -3838,7 +3863,7 @@ var Br = 1, Vr = -10, Hr = class {
 			},
 			ranges: H.EmptyRanges,
 			rangeIndex: -1
-		}, this._getBounds = e.getBounds ?? (() => Gr);
+		}, this._getBounds = e.getBounds ?? (() => Kr);
 	}
 	getSelection() {
 		return this._coords;
@@ -3899,12 +3924,12 @@ var Br = 1, Vr = -10, Hr = class {
 		return e >= 0 ? this._coords.ranges[e] : H.cellToRange(this._coords.cell);
 	}
 	modify(e, t = this._coords.cell) {
-		let n = this._activeRange(), r = Ur({
+		let n = this._activeRange(), r = Wr({
 			rowStart: Math.min(e.rowIndex ?? n.rowStart, t.rowIndex ?? n.rowStart),
 			colStart: Math.min(e.colIndex ?? n.colStart, t.colIndex ?? n.colStart),
 			rowEnd: Math.max(e.rowIndex ?? n.rowEnd, t.rowIndex ?? n.rowEnd),
 			colEnd: Math.max(e.colIndex ?? n.colEnd, t.colIndex ?? n.colEnd)
-		}, this._getBounds()), i = this._coords, a = this._activeIndex(), o = a >= 0 ? i.ranges.map((e, t) => t === a ? r : e) : [r], s = Wr(i.cell, r);
+		}, this._getBounds()), i = this._coords, a = this._activeIndex(), o = a >= 0 ? i.ranges.map((e, t) => t === a ? r : e) : [r], s = Gr(i.cell, r);
 		this.setSelection({
 			cell: s,
 			ranges: o,
@@ -3912,7 +3937,7 @@ var Br = 1, Vr = -10, Hr = class {
 		});
 	}
 	append(e, t = e) {
-		let n = Ur({
+		let n = Wr({
 			rowStart: Math.min(e.rowIndex, t.rowIndex),
 			colStart: Math.min(e.colIndex, t.colIndex),
 			rowEnd: Math.max(e.rowIndex, t.rowIndex),
@@ -3987,64 +4012,64 @@ var Br = 1, Vr = -10, Hr = class {
 			this.listeners.delete(e);
 		};
 	}
-}, Ur = (e, t) => ({
+}, Wr = (e, t) => ({
 	rowStart: J(e.rowStart, t.rowStart, t.rowEnd),
 	colStart: J(e.colStart, t.colStart, t.colEnd),
 	rowEnd: J(e.rowEnd, t.rowStart, t.rowEnd),
 	colEnd: J(e.colEnd, t.colStart, t.colEnd)
-}), Wr = (e, t) => ({
+}), Gr = (e, t) => ({
 	rowIndex: J(e.rowIndex, t.rowStart, t.rowEnd),
 	colIndex: J(e.colIndex, t.colStart, t.colEnd)
-}), Gr = {
+}), Kr = {
 	rowStart: 0,
 	colStart: 0,
 	rowEnd: 2 ** 53 - 1,
 	colEnd: 2 ** 53 - 1
-}, Kr = "var(--sxl-color-primary, rgb(33, 115, 70))", qr = "var(--sxl-color-base-100, rgb(255, 255, 255))", Jr = "var(--sxl-color-warning, rgb(255, 0, 0))", Yr = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, Xr = {
-	fill: { fill: Yr(10) },
+}, qr = "var(--sxl-color-primary, rgb(33, 115, 70))", Jr = "var(--sxl-color-base-100, rgb(255, 255, 255))", Yr = "var(--sxl-color-warning, rgb(255, 0, 0))", Xr = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, Zr = {
+	fill: { fill: Xr(10) },
 	border: {
-		stroke: Kr,
+		stroke: qr,
 		alignWidth: 2,
 		style: { filter: "drop-shadow(1px 1px 0.3px var(--sxl-color-shadow, rgba(0, 0, 0, 0.24)))" }
 	},
 	inner: {
-		stroke: qr,
+		stroke: Jr,
 		alignWidth: 2,
 		inset: 1
 	}
-}, Zr = {
-	fill: { fill: Yr(6) },
+}, Qr = {
+	fill: { fill: Xr(6) },
 	border: {
-		stroke: Kr,
+		stroke: qr,
 		alignWidth: 1
 	},
 	inner: {
-		stroke: qr,
+		stroke: Jr,
 		alignWidth: 1,
 		inset: 1
 	}
-}, Qr = {
-	stroke: Kr,
+}, $r = {
+	stroke: qr,
 	alignWidth: 1,
 	inset: 2
-}, $r = {
-	fill: { fill: `color-mix(in srgb, ${Jr} 10%, transparent)` },
+}, ei = {
+	fill: { fill: `color-mix(in srgb, ${Yr} 10%, transparent)` },
 	border: {
-		stroke: Jr,
+		stroke: Yr,
 		alignWidth: 2
 	}
-}, ei = {
-	color: Kr,
-	refusedColor: Jr,
+}, ti = {
+	color: qr,
+	refusedColor: Yr,
 	alignWidth: 3,
 	capExtent: 3,
 	transitionDuration: 100,
 	transitionEasing: "cubic-bezier(0.16, 1, 0.3, 1)",
 	axisDuration: 70
-}, ti = { fill: { fill: `color-mix(in srgb, ${qr} 62%, transparent)` } }, ni = (e, t) => {
+}, ni = { fill: { fill: `color-mix(in srgb, ${Jr} 62%, transparent)` } }, ri = (e, t) => {
 	let n = Z(), r = t?.allowDeselect ?? !0, i = t?.allowMulti ?? !0, a = m(null), [o, s] = h(null), c = m(t?.onSelectionEnd);
 	c.current = t?.onSelectionEnd;
-	let l = Gn((t, o) => {
+	let l = Kn((t, o) => {
 		if (o.pointerType === "touch") {
 			let t = n.getScrollTopLeft(), r = {
 				x: o.clientX,
@@ -4067,8 +4092,8 @@ var Br = 1, Vr = -10, Hr = class {
 				}
 			};
 		}
-		if (o.button === 0 && !o.shiftKey && !o.ctrlKey && !o.metaKey && gr(o.target)) {
-			let r = _r(o.target) ?? t;
+		if (o.button === 0 && !o.shiftKey && !o.ctrlKey && !o.metaKey && _r(o.target)) {
+			let r = vr(o.target) ?? t;
 			return e.setSelection({
 				cell: r,
 				ranges: H.EmptyRanges,
@@ -4139,15 +4164,15 @@ var Br = 1, Vr = -10, Hr = class {
 		removePreview: o,
 		dragMode: l.dragMode
 	};
-}, ri = "selection-grip-drag", ii = (e, t) => t === void 0 ? e : t === null ? null : {
+}, ii = "selection-grip-drag", ai = (e, t) => t === void 0 ? e : t === null ? null : {
 	...e,
 	...t
-}, ai = (e, t) => t ? {
-	fill: ii(e.fill, t.fill),
-	border: ii(e.border, t.border),
-	inner: ii(e.inner, t.inner)
-} : e, oi = (e) => {
-	let { selection: t } = e, n = et(), r = ui(N(t, (e) => e.getSelection())), i = n ? ge(n.getAllPanes()) ?? n : void 0, a = ((e, t, n) => {
+}, oi = (e, t) => t ? {
+	fill: ai(e.fill, t.fill),
+	border: ai(e.border, t.border),
+	inner: ai(e.inner, t.inner)
+} : e, si = (e) => {
+	let { selection: t } = e, n = tt(), r = di(N(t, (e) => e.getSelection())), i = n ? ge(n.getAllPanes()) ?? n : void 0, a = ((e, t, n) => {
 		let r = !!t && e.rowStart === t.rowStart && e.rowEnd === t.rowEnd, i = !!t && e.colStart === t.colStart && e.colEnd === t.colEnd;
 		if (r && i) return [];
 		if (r) {
@@ -4241,7 +4266,7 @@ var Br = 1, Vr = -10, Hr = class {
 			},
 			axis: "both"
 		}];
-	})(r, n?.getTotalRange(), i?.getVisibleRange()), [o, s] = h(!1), c = rt(ri, null), u = m(null);
+	})(r, n?.getTotalRange(), i?.getVisibleRange()), [o, s] = h(!1), c = it(ii, null), u = m(null);
 	l(() => () => {
 		u.current?.dispose(), c(null);
 	}, [c]);
@@ -4257,13 +4282,13 @@ var Br = 1, Vr = -10, Hr = class {
 		} : {
 			x: !0,
 			y: !0
-		}, d = t.getSelection(), f = Wn(e, () => (s(!0), c(o), {
+		}, d = t.getSelection(), f = Gn(e, () => (s(!0), c(o), {
 			dragMode: "grip",
 			drag: (e) => {
 				let n = a === "col" ? { colIndex: e.colIndex } : a === "row" ? { rowIndex: e.rowIndex } : e;
 				t.modify(n, i);
 			},
-			edgeScroll: (t) => Rn(e, t, l),
+			edgeScroll: (t) => zn(e, t, l),
 			end: () => {
 				s(!1), c(null);
 			},
@@ -4273,24 +4298,24 @@ var Br = 1, Vr = -10, Hr = class {
 		}), void 0, (t, n) => (e.getPaneFromPointer(t, n) ?? e).getCellFromPointer(t, n));
 		u.current = f, f.start(r, r.currentTarget);
 	};
-	return y(v, { children: a.map((e) => y(ci, {
+	return y(v, { children: a.map((e) => y(li, {
 		spec: e,
 		dragging: o,
 		onBeginDrag: d
 	}, e.key)) });
 };
-oi.displayName = "SelectionTouchGrips";
-var si = {
+si.displayName = "SelectionTouchGrips";
+var ci = {
 	side: "slide",
 	align: "slide"
-}, ci = (e) => {
+}, li = (e) => {
 	let { spec: t, dragging: n, onBeginDrag: r } = e;
-	return y(jt, {
+	return y(Mt, {
 		anchor: { cell: t.cell },
 		placement: t.placement,
 		whenOff: "hide",
-		whenPartial: si,
-		children: (e) => e.slid ? null : y(li, {
+		whenPartial: ci,
+		children: (e) => e.slid ? null : y(ui, {
 			state: e,
 			dragging: n,
 			pin: t.pin,
@@ -4299,7 +4324,7 @@ var si = {
 			}
 		})
 	});
-}, li = (e) => {
+}, ui = (e) => {
 	let { state: t, dragging: n, pin: r, onBeginDrag: i } = e, a = m({
 		state: t,
 		pin: r
@@ -4379,32 +4404,32 @@ var si = {
 			} })
 		})
 	});
-}, ui = (e) => {
+}, di = (e) => {
 	let { ranges: t, rangeIndex: n, cell: r } = e;
 	if (t && t.length > 0) {
 		let e = n ?? -1;
 		return t[e >= 0 ? e : t.length - 1];
 	}
 	return H.cellToRange(r);
-}, di = [
+}, fi = [
 	U.Left,
 	U.Right,
 	U.Up,
 	U.Down
-], fi = {
+], pi = {
 	[U.Left]: "ArrowLeft",
 	[U.Right]: "ArrowRight",
 	[U.Up]: "ArrowUp",
 	[U.Down]: "ArrowDown"
-}, pi = {
+}, mi = {
 	[U.Left]: "Left",
 	[U.Right]: "Right",
 	[U.Up]: "Up",
 	[U.Down]: "Down"
-}, mi = {
+}, hi = {
 	side: "b",
 	align: "end"
-}, hi = (e, t, n) => {
+}, gi = (e, t, n) => {
 	let r = e.rowStart <= t.rowStart && e.rowEnd >= t.rowEnd;
 	return r === (e.colStart <= t.colStart && e.colEnd >= t.colEnd) ? null : r ? {
 		side: n ? "r" : "l",
@@ -4413,7 +4438,7 @@ var si = {
 		side: n ? "b" : "t",
 		align: "start"
 	};
-}, gi = { display: "contents" }, _i = (e, t, n, r) => {
+}, _i = { display: "contents" }, vi = (e, t, n, r) => {
 	let { edge: i } = n, a = t.rowStart + n.cell.rowIndex - e.rowStart, o = t.colStart + n.cell.colIndex - e.colStart, s = r.boundsOf(t), c = r.boundsOf({
 		rowStart: a,
 		rowEnd: a,
@@ -4437,10 +4462,10 @@ var si = {
 		side: h ? "b" : "t",
 		align: _
 	};
-}, vi = {
+}, yi = {
 	row: "b",
 	col: "r"
-}, yi = (e, t) => {
+}, bi = (e, t) => {
 	let n = t.rowStart, r = t.colStart;
 	return e ? {
 		row: n > e.rowAt ? "b" : n < e.rowAt ? "t" : e.row,
@@ -4448,12 +4473,12 @@ var si = {
 		rowAt: n,
 		colAt: r
 	} : {
-		...vi,
+		...yi,
 		rowAt: n,
 		colAt: r
 	};
-}, bi = e.forwardRef((t, n) => {
-	let { selection: r, getContentBounds: i, getRegionBounds: a, scrollIntoView: o, singleStyle: s, multiStyle: c, multiAnchorStyle: l, singleAnchorStyle: u, removePreviewStyle: d, insertBarStyle: f, isDropRefused: p, snapMoveDestination: m, moveSourceStyle: h, singleLayer: g, multiLayer: _, enabledMove: x, onMove: S, onMoveStart: C, onMoveUpdate: T, onMoveEnd: E, moveCursor: D, enableFill: O, snapFillDestination: k, onFill: A, onFillStart: j, onFillPreview: M, onFillEnd: P, onFillMenu: F, resolveFillExtent: I, onEdgeDoubleClick: L, onSelectionEnd: R, onDragModeChange: z, externalDrag: ee = !1, renderTip: te, tipPlacement: B, disableKeyboard: V, anchorHole: re = !0, ...ie } = t, ae = N(r, (e) => e.getSelection()), G = ni(r, { onSelectionEnd: R }), K = e.useRef(z);
+}, xi = e.forwardRef((t, n) => {
+	let { selection: r, getContentBounds: i, getRegionBounds: a, scrollIntoView: o, singleStyle: s, multiStyle: c, multiAnchorStyle: l, singleAnchorStyle: u, removePreviewStyle: d, insertBarStyle: f, isDropRefused: p, snapMoveDestination: m, moveSourceStyle: h, singleLayer: g, multiLayer: _, enabledMove: x, onMove: S, onMoveStart: C, onMoveUpdate: T, onMoveEnd: E, moveCursor: D, enableFill: O, snapFillDestination: k, onFill: A, onFillStart: j, onFillPreview: M, onFillEnd: P, onFillMenu: F, resolveFillExtent: I, onEdgeDoubleClick: L, onSelectionEnd: R, onDragModeChange: z, externalDrag: ee = !1, renderTip: te, tipPlacement: B, disableKeyboard: V, anchorHole: re = !0, ...ie } = t, ae = N(r, (e) => e.getSelection()), G = ri(r, { onSelectionEnd: R }), K = e.useRef(z);
 	K.current = z, e.useEffect(() => {
 		K.current?.(G.dragMode);
 	}, [G.dragMode]);
@@ -4558,8 +4583,8 @@ var si = {
 				run: n
 			});
 		}, x = w.Shift, S = w.Ctrl, C = w.Alt;
-		for (let e of di) {
-			let t = pi[e], n = fi[e];
+		for (let e of fi) {
+			let t = mi[e], n = pi[e];
 			b(`move${t}`, { key: n }, () => m(e, !1)), b(`select${t}`, {
 				key: n,
 				modifiers: [x]
@@ -4684,15 +4709,15 @@ var si = {
 		getRegionBounds: (e) => _e.current?.(e) ?? null
 	}), []);
 	e.useImperativeHandle(n, () => J, [J]);
-	let ve = !!ae.ranges && ae.ranges.length > 0, ye = ve ? [...ae.ranges] : [H.cellToRange(ae.cell)], be = ye.length > 1, xe = ae.rangeIndex ?? -1, Se = ve ? xe >= 0 ? xe : ye.length - 1 : 0, Y = ye[Se] ?? H.cellToRange(ae.cell), Ce = pe.getRangeFromCell(ae.cell), we = H.intersectRanges(Ce, Y) ?? H.cellToRange(ae.cell), Te = ye.filter((e, t) => t !== Se), Ee = be ? ai(Zr, c) : ai(Xr, s), De = {
-		...Qr,
+	let ve = !!ae.ranges && ae.ranges.length > 0, ye = ve ? [...ae.ranges] : [H.cellToRange(ae.cell)], be = ye.length > 1, xe = ae.rangeIndex ?? -1, Se = ve ? xe >= 0 ? xe : ye.length - 1 : 0, Y = ye[Se] ?? H.cellToRange(ae.cell), Ce = pe.getRangeFromCell(ae.cell), we = H.intersectRanges(Ce, Y) ?? H.cellToRange(ae.cell), Te = ye.filter((e, t) => t !== Se), Ee = be ? oi(Qr, c) : oi(Zr, s), De = {
+		...$r,
 		...l
-	}, X = ai($r, d), { refusedColor: Oe, ...ke } = {
-		...ei,
+	}, X = oi(ei, d), { refusedColor: Oe, ...ke } = {
+		...ti,
 		...f
-	}, Ae = h === null ? null : ai(ti, h), je = (e, t) => {
+	}, Ae = h === null ? null : oi(ni, h), je = (e, t) => {
 		let n = t.mods.shiftKey ? t.insert : null, r = t.mods.ctrlKey || t.mods.metaKey, i = {
-			to: n ? ir(e, n, pe.getTotalRange()) : e,
+			to: n ? ar(e, n, pe.getTotalRange()) : e,
 			copy: r,
 			insert: n?.axis
 		};
@@ -4707,7 +4732,7 @@ var si = {
 			ranges: o,
 			rangeIndex: a
 		});
-	}, [Ne] = nt(ri, null), Pe = G.dragMode === "extend" || Ne !== null || ee, Fe = oe ?? (Pe ? {
+	}, [Ne] = rt(ii, null), Pe = G.dragMode === "extend" || Ne !== null || ee, Fe = oe ?? (Pe ? {
 		kind: "select",
 		range: Y
 	} : null), Ie = Fe && te ? te(Fe) : null, Le = {
@@ -4721,16 +4746,16 @@ var si = {
 			}))(i, t);
 			return {
 				range: i,
-				placement: hi(i, r, i.rowStart <= r.rowStart && i.rowEnd >= r.rowEnd ? a.align === "end" : a.side === "b") ?? a
+				placement: gi(i, r, i.rowStart <= r.rowStart && i.rowEnd >= r.rowEnd ? a.align === "end" : a.side === "b") ?? a
 			};
 		}
 		if (e.kind === "fill") {
-			let { template: t, destination: n } = e, i = hi(n, r, n.rowEnd > t.rowEnd || n.colEnd > t.colEnd);
+			let { template: t, destination: n } = e, i = gi(n, r, n.rowEnd > t.rowEnd || n.colEnd > t.colEnd);
 			if (i) return {
 				range: n,
 				placement: i
 			};
-			let a = mi;
+			let a = hi;
 			return n.rowEnd > t.rowEnd ? a = {
 				side: "r",
 				align: "end"
@@ -4786,20 +4811,20 @@ var si = {
 				align: "start"
 			}
 		};
-		let l = hi(s, r, a?.edge !== "left" && a?.edge !== "top");
+		let l = gi(s, r, a?.edge !== "left" && a?.edge !== "top");
 		return l ? {
 			range: s,
 			placement: l
 		} : a && o ? {
 			range: s,
-			placement: _i(e.from, s, a, o)
+			placement: vi(e.from, s, a, o)
 		} : {
 			range: s,
-			placement: mi
+			placement: hi
 		};
-	})(Fe, we, Ne, pe.getTotalRange(), ce.current ?? vi, ue.current, Le) : {
+	})(Fe, we, Ne, pe.getTotalRange(), ce.current ?? yi, ue.current, Le) : {
 		range: Y,
-		placement: mi
+		placement: hi
 	}, ze;
 	Fe?.kind === "move" && (ze = Fe.drop.insert ? {
 		duration: ke.transitionDuration ?? 0,
@@ -4823,7 +4848,7 @@ var si = {
 			}
 		});
 	});
-	return b(ot, {
+	return b(st, {
 		...ie,
 		onPointerDown: G.onPointerDown,
 		onPointerMove: G.onPointerMove,
@@ -4832,33 +4857,33 @@ var si = {
 			J.handleKey(e) && (e.preventDefault(), e.stopPropagation());
 		},
 		children: [
-			oe?.kind === "move" && !oe.drop.copy && Ae && !H.isEqualRanges(oe.to, oe.from) && xi(Ae, oe.from, void 0, !1, "move-source"),
+			oe?.kind === "move" && !oe.drop.copy && Ae && !H.isEqualRanges(oe.to, oe.from) && Si(Ae, oe.from, void 0, !1, "move-source"),
 			b(v, be ? { children: [
-				Te.map((t, n) => y(e.Fragment, { children: xi(Ee, t) }, `other-${n}`)),
-				xi(Ee, Y, re ? we : void 0),
-				y(Nn, {
+				Te.map((t, n) => y(e.Fragment, { children: Si(Ee, t) }, `other-${n}`)),
+				Si(Ee, Y, re ? we : void 0),
+				y(Pn, {
 					className: "anchor",
 					range: we,
 					...De
 				})
-			] } : { children: [xi(Ee, Y, re ? we : void 0), u && y(Nn, {
+			] } : { children: [Si(Ee, Y, re ? we : void 0), u && y(Pn, {
 				className: "anchor",
 				range: we,
 				...u
 			})] }),
-			!be && x && y(ar, {
+			!be && x && y(or, {
 				className: "move-grip",
 				range: Y,
 				grip: "edges",
 				dragCursor: D,
 				renderMove: ({ range: e, info: t }) => {
 					let n = je(e, t);
-					return n.insert ? y(Pn, {
+					return n.insert ? y(Fn, {
 						range: n.to,
 						axis: n.insert,
 						...ke,
 						color: (n.refused ? Oe : void 0) ?? ke.color
-					}) : Ee.border && y(Nn, {
+					}) : Ee.border && y(Pn, {
 						className: "move-ghost",
 						range: n.to,
 						...Ee.border,
@@ -4870,7 +4895,7 @@ var si = {
 				onEdgeDoubleClick: L,
 				onDragStart: (e, t, n, r) => {
 					let i = je(e, n);
-					C?.(e, t, i, r), ce.current = yi(null, i.to), ue.current = n.grab, se({
+					C?.(e, t, i, r), ce.current = bi(null, i.to), ue.current = n.grab, se({
 						kind: "move",
 						from: e,
 						to: i.to,
@@ -4879,7 +4904,7 @@ var si = {
 				},
 				onDragMove: (e, t, n) => {
 					let r = je(e, n);
-					T?.(Y, r.to, t, r), ce.current = yi(ce.current, r.to), se({
+					T?.(Y, r.to, t, r), ce.current = bi(ce.current, r.to), se({
 						kind: "move",
 						from: Y,
 						to: r.to,
@@ -4900,7 +4925,7 @@ var si = {
 					}));
 				}
 			}),
-			!be && O && y(pr, {
+			!be && O && y(mr, {
 				range: Y,
 				snapDestination: k,
 				...Ee.border,
@@ -4932,9 +4957,9 @@ var si = {
 					n && !H.isEqualRanges(n, e) && (A?.(e, n, t), Me(n));
 				} : void 0
 			}),
-			G.removePreview && xi(X, G.removePreview, void 0, !1, "remove-preview"),
+			G.removePreview && Si(X, G.removePreview, void 0, !1, "remove-preview"),
 			Be,
-			te && y(pn, {
+			te && y(mn, {
 				name: "selection-gesture",
 				active: Fe !== null,
 				anchor: { range: Re.range },
@@ -4944,7 +4969,7 @@ var si = {
 				glide: ze,
 				children: (Ve = Ie, Ve == null || !1 === Ve || Ve === "" ? Ie : y("span", {
 					ref: de,
-					style: gi,
+					style: _i,
 					children: Ie
 				}))
 			})
@@ -4952,28 +4977,28 @@ var si = {
 	});
 	var Ve;
 });
-bi.displayName = "SelectionLayer";
-var xi = (e, t, n, r = !1, i = "range") => b(v, { children: [
-	e.fill && y(Nn, {
+xi.displayName = "SelectionLayer";
+var Si = (e, t, n, r = !1, i = "range") => b(v, { children: [
+	e.fill && y(Pn, {
 		className: `${i} fill`,
 		animatedTransition: r,
 		range: t,
 		hole: n,
 		...e.fill
 	}),
-	e.inner && y(Nn, {
+	e.inner && y(Pn, {
 		className: `${i} inner`,
 		animatedTransition: r,
 		range: t,
 		...e.inner
 	}),
-	e.border && y(Nn, {
+	e.border && y(Pn, {
 		className: `${i} border`,
 		animatedTransition: r,
 		range: t,
 		...e.border
 	})
-] }), Si = [
+] }), Ci = [
 	"#1a73e8",
 	"#d93025",
 	"#1e8e3e",
@@ -4981,13 +5006,13 @@ var xi = (e, t, n, r = !1, i = "range") => b(v, { children: [
 	"#e37400",
 	"#12a4af",
 	"#d01884"
-], Ci = Array.from({ length: D }, (e, t) => `var(--sxl-color-series-${t + 1}, ${Si[t]})`), wi = "var(--sxl-color-primary, rgb(0, 120, 215))", Ti = (e, t, n) => ({
+], wi = Array.from({ length: D }, (e, t) => `var(--sxl-color-series-${t + 1}, ${Ci[t]})`), Ti = "var(--sxl-color-primary, rgb(0, 120, 215))", Ei = (e, t, n) => ({
 	rowStart: Math.max(n.rowStart, Math.min(e.rowIndex, t.rowIndex)),
 	colStart: Math.max(n.colStart, Math.min(e.colIndex, t.colIndex)),
 	rowEnd: Math.min(n.rowEnd, Math.max(e.rowIndex, t.rowIndex)),
 	colEnd: Math.min(n.colEnd, Math.max(e.colIndex, t.colIndex))
-}), Ei = (e) => ({ stroke: Ci.length ? Ci[e % Ci.length] : wi }), Di = (e) => {
-	let { selection: t, getRangeStyle: n = Ei, anchors: r = sr, enabledMove: i, disableDraw: a, allowMulti: o = !0, size: s, animated: c, renderHandle: u, preserveFocus: d = !0, onDragActiveChange: f, rangeStyle: p = ne.EmptyObject, className: g, ..._ } = e, v = Z(), x = N(t, (e) => e.getSelection()), S = x.ranges ?? H.EmptyRanges, C = Math.min(Math.max(0, x.rangeIndex ?? S.length - 1), Math.max(0, S.length - 1)), [w, T] = h(null), [E, D] = h(null), [O, k] = h(!1), A = E !== null || O, j = m(f);
+}), Di = (e) => ({ stroke: wi.length ? wi[e % wi.length] : Ti }), Oi = (e) => {
+	let { selection: t, getRangeStyle: n = Di, anchors: r = cr, enabledMove: i, disableDraw: a, allowMulti: o = !0, size: s, animated: c, renderHandle: u, preserveFocus: d = !0, onDragActiveChange: f, rangeStyle: p = ne.EmptyObject, className: g, ..._ } = e, v = Z(), x = N(t, (e) => e.getSelection()), S = x.ranges ?? H.EmptyRanges, C = Math.min(Math.max(0, x.rangeIndex ?? S.length - 1), Math.max(0, S.length - 1)), [w, T] = h(null), [E, D] = h(null), [O, k] = h(!1), A = E !== null || O, j = m(f);
 	j.current = f, l(() => {
 		j.current?.(A, E);
 	}, [A, E]), l(() => () => {
@@ -5013,7 +5038,7 @@ var xi = (e, t, n, r = !1, i = "range") => b(v, { children: [
 			...n,
 			rangeIndex: e
 		});
-	}, L = Gn((e, t) => {
+	}, L = Kn((e, t) => {
 		if (t.button !== 0) return null;
 		let n = (x.rangeIndex ?? -1) >= 0 ? x.rangeIndex : -1;
 		if (t.shiftKey && n >= 0 && S[n]) {
@@ -5021,24 +5046,24 @@ var xi = (e, t, n, r = !1, i = "range") => b(v, { children: [
 				rowIndex: S[n].rowStart,
 				colIndex: S[n].colStart
 			};
-			return k(!0), F(n, Ti(t, e, v.getTotalRange())), {
-				drag: (e) => F(n, Ti(t, e, v.getTotalRange())),
+			return k(!0), F(n, Ei(t, e, v.getTotalRange())), {
+				drag: (e) => F(n, Ei(t, e, v.getTotalRange())),
 				end: () => k(!1),
 				captureEvents: !1
 			};
 		}
 		let r = (!t.ctrlKey && !t.metaKey || !o) && n >= 0 ? n : S.length;
 		return k(!0), F(r, H.cellToRange(e)), {
-			drag: (t) => F(r, Ti(e, t, v.getTotalRange())),
+			drag: (t) => F(r, Ei(e, t, v.getTotalRange())),
 			end: () => k(!1),
 			captureEvents: !1
 		};
 	}), R = S.map((e, t) => n(t, t === C)), z = [];
 	for (let e = 0; e < R.length; e++) R[e] && z.push(e);
-	return b(ot, {
+	return b(st, {
 		..._,
 		children: [
-			(!a || O) && y(ut, {
+			(!a || O) && y(dt, {
 				fill: !0,
 				className: q(g, "ranges-picker-draw"),
 				style: { touchAction: "none" },
@@ -5050,7 +5075,7 @@ var xi = (e, t, n, r = !1, i = "range") => b(v, { children: [
 					e.stopPropagation(), L.onPointerUp(e);
 				}
 			}),
-			i && z.map((e) => y(ar, {
+			i && z.map((e) => y(or, {
 				range: S[e],
 				grip: "edges",
 				preserveFocus: d,
@@ -5063,7 +5088,7 @@ var xi = (e, t, n, r = !1, i = "range") => b(v, { children: [
 			}, `move-${e}`)),
 			z.map((e) => {
 				let t = e === C, n = e === M, i = ((e, t, n) => {
-					let r = e.stroke ?? p.stroke ?? wi;
+					let r = e.stroke ?? p.stroke ?? Ti;
 					return {
 						...p,
 						...e,
@@ -5073,7 +5098,7 @@ var xi = (e, t, n, r = !1, i = "range") => b(v, { children: [
 						...c && t ? { animatedStroke: !0 } : void 0
 					};
 				})(R[e], t, n);
-				return y(lr, {
+				return y(ur, {
 					range: S[e],
 					anchors: r,
 					size: s,
@@ -5093,8 +5118,8 @@ var xi = (e, t, n, r = !1, i = "range") => b(v, { children: [
 		]
 	});
 };
-Di.displayName = "RangesPickerLayer";
-var Oi = 0, ki = class {
+Oi.displayName = "RangesPickerLayer";
+var ki = 0, Ai = class {
 	constructor(e, t = {}) {
 		this.pending = null, this.cancelled = !1, this.listeners = /* @__PURE__ */ new Set(), this.commitListeners = /* @__PURE__ */ new Set(), this.cancelListeners = /* @__PURE__ */ new Set(), this.editors = /* @__PURE__ */ new Set(), this.activeEditor = null, this.activeEditorId = null, this.auxState = null, this.commitFn = e.commit, this.validateFn = e.validate, this.onCommitError = e.onCommitError, this.state = {
 			mode: t.mode ?? "enter",
@@ -5103,7 +5128,7 @@ var Oi = 0, ki = class {
 			dirty: t.dirty,
 			initialSelection: t.initialSelection ?? null,
 			autoFocus: t.autoFocus ?? !0,
-			token: ++Oi
+			token: ++ki
 		};
 	}
 	getState() {
@@ -5224,7 +5249,7 @@ var Oi = 0, ki = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, Ai = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : e.key === "Process" || e.keyCode === 229 ? {
+}, ji = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : e.key === "Process" || e.keyCode === 229 ? {
 	mode: "enter",
 	dirty: ""
 } : e.key.length === 1 ? e.key === " " && e.shiftKey ? null : {
@@ -5233,7 +5258,7 @@ var Oi = 0, ki = class {
 } : e.shiftKey ? null : e.key === "F2" ? { mode: "edit" } : e.key === "Backspace" ? {
 	mode: "enter",
 	dirty: ""
-} : null, ji = (e, t) => {
+} : null, Mi = (e, t) => {
 	let n = m(null);
 	return d(() => {
 		let t = n.current;
@@ -5241,9 +5266,9 @@ var Oi = 0, ki = class {
 	}, [t]), P((e) => {
 		n.current = e;
 	}, []);
-}, Mi = (e, t) => {
+}, Ni = (e, t) => {
 	if (e.which === C.Enter && t.ctrlKey) return t.shiftKey ? { arrayFixed: !0 } : { broadcast: !0 };
-}, Ni = (e) => {
+}, Pi = (e) => {
 	let { mode: t, value: n, onDirtyChange: r, onModeChange: i, onCommit: a, onCancel: o, onNavigate: s, onTraverse: c, setCaret: l } = e;
 	return P((e) => {
 		let u = e.nativeEvent;
@@ -5260,7 +5285,7 @@ var Oi = 0, ki = class {
 		if (d && t === "edit") return void e.stopPropagation();
 		if (e.which === C.Enter || e.which === C.Tab || d && t === "enter") {
 			e.preventDefault();
-			let t = Mi(e, u), n = a(t);
+			let t = Ni(e, u), n = a(t);
 			if (!1 === n || t) return void e.stopPropagation();
 			let r = e.which === C.Enter || e.which === C.Tab, i = e.which === C.Tab ? W.Row : W.Column, o = e.shiftKey, l = r ? null : ((e) => {
 				switch (e.which) {
@@ -5292,7 +5317,7 @@ var Oi = 0, ki = class {
 		c,
 		l
 	]);
-}, Pi = class {
+}, Fi = class {
 	constructor(e, t, n) {
 		this.current = null, this.leaveTarget = null, this.listeners = /* @__PURE__ */ new Set(), this.commitErrorListeners = /* @__PURE__ */ new Set(), this.anchor = e, this.createEdit = t, this.revertAnchor = n?.revertAnchor, this.unsubscribeAnchor = e.subscribe(() => this.onAnchorChange());
 	}
@@ -5323,7 +5348,7 @@ var Oi = 0, ki = class {
 	}
 	startEdit(e, t = {}) {
 		let n = this.createEdit(e);
-		return n ? (this.current = new ki({
+		return n ? (this.current = new Ai({
 			...n,
 			coords: n.coords ?? e,
 			onCommitError: (e) => {
@@ -5349,7 +5374,7 @@ var Oi = 0, ki = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, Fi = (e, t, n, r = "left", i = 0) => {
+}, Ii = (e, t, n, r = "left", i = 0) => {
 	if (!t) return null;
 	let a = e.getRangeFromCell(t), o = e.getBoundsFromRange(a);
 	if (!o) return null;
@@ -5369,7 +5394,7 @@ var Oi = 0, ki = class {
 		},
 		inView: s
 	};
-}, Ii = 96 / 72 * 11, Li = "Calibri, sans-serif", Ri = (e) => {
+}, Li = 96 / 72 * 11, Ri = "Calibri, sans-serif", zi = (e) => {
 	let { open: t, mode: n, clean: r, dirty: i, token: a, autoFocus: o, initialSelection: s, zoom: c, readOnly: l, onDirtyChange: u, onModeChange: f, onCommit: p, onCancel: h, onNaturalSize: g } = e, _ = i ?? r ?? "", x = m(null), S = m(null), C = m(0);
 	d(() => {
 		if (!t || !o) return;
@@ -5393,14 +5418,14 @@ var Oi = 0, ki = class {
 			height: e.offsetHeight
 		});
 	}, [_, g]);
-	let w = Ni({
+	let w = Pi({
 		mode: n,
 		value: _,
 		onDirtyChange: u,
 		onModeChange: f,
 		onCommit: p,
 		onCancel: h,
-		setCaret: ji(x, _)
+		setCaret: Mi(x, _)
 	});
 	return b(v, { children: [y("textarea", {
 		ref: x,
@@ -5420,8 +5445,8 @@ var Oi = 0, ki = class {
 			resize: "none",
 			overflow: "hidden",
 			background: "transparent",
-			fontFamily: Li,
-			fontSize: Ii * c + "px",
+			fontFamily: Ri,
+			fontSize: Li * c + "px",
 			lineHeight: 1.2,
 			whiteSpace: "pre",
 			userSelect: "text"
@@ -5441,15 +5466,15 @@ var Oi = 0, ki = class {
 			visibility: "hidden",
 			pointerEvents: "none",
 			whiteSpace: "pre",
-			fontFamily: Li,
-			fontSize: `${Ii}px`,
+			fontFamily: Ri,
+			fontSize: `${Li}px`,
 			lineHeight: 1.2
 		},
 		children: _.length === 0 ? " " : _
 	})] });
 };
-function zi(e) {
-	let { editable: t, renderEditor: n, alignment: r = "left", background: i = "var(--sxl-color-base-100, rgb(255, 255, 255))", borderColor: a = "var(--sxl-color-primary, rgb(33, 115, 70))", borderWidth: o = 2, zIndex: s, className: c, style: u, ...d } = e, f = et(), p = N(t, (e) => e.getSession()), m = ee(p, (e) => e.getState()), [g, _] = h(null), v = P((e) => {
+function Bi(e) {
+	let { editable: t, renderEditor: n, alignment: r = "left", background: i = "var(--sxl-color-base-100, rgb(255, 255, 255))", borderColor: a = "var(--sxl-color-primary, rgb(33, 115, 70))", borderWidth: o = 2, zIndex: s, className: c, style: u, ...d } = e, f = tt(), p = N(t, (e) => e.getSession()), m = ee(p, (e) => e.getState()), [g, _] = h(null), v = P((e) => {
 		_((t) => t && t.width === e.width && t.height === e.height ? t : e);
 	}, []), b = P((e) => {
 		let n = t.commit(e);
@@ -5471,7 +5496,7 @@ function zi(e) {
 			rowEnd: e.rowStart,
 			colEnd: e.colStart
 		})) !== null, m) {
-			let e = Fi(f, S, g, r, o);
+			let e = Ii(f, S, g, r, o);
 			C = e?.bounds ?? null, w = e?.inView ?? !1;
 		} else C = f.getBoundsFromRange(e);
 	}
@@ -5500,7 +5525,7 @@ function zi(e) {
 		onCancel: x,
 		onNaturalSize: v
 	}, A = typeof i == "function" ? (S ? i(S) : void 0) ?? "transparent" : i;
-	return y(ot, { children: C ? y(ut, {
+	return y(st, { children: C ? y(dt, {
 		...d,
 		className: q(c, "editor"),
 		bounds: C,
@@ -5519,30 +5544,30 @@ function zi(e) {
 		children: n ? y(E, {
 			render: n,
 			props: k
-		}) : y(Ri, { ...k })
+		}) : y(zi, { ...k })
 	}) : null });
 }
-function Bi(e) {
-	let { editable: t } = e, n = et(), r = P((e) => {
+function Vi(e) {
+	let { editable: t } = e, n = tt(), r = P((e) => {
 		if (t.getSession()) return;
 		let r = n?.getElement();
 		if (r && e.target !== r && e.target !== n?.getFocusTarget()) return;
 		let i = t.getAnchor().getCoords();
 		if (!i) return;
-		let a = Ai(e.nativeEvent);
+		let a = ji(e.nativeEvent);
 		a && (e.nativeEvent.key !== "Process" && e.nativeEvent.keyCode !== 229 && e.preventDefault(), e.stopPropagation(), t.startEdit(i, a));
 	}, [t, n]), i = P((e) => {
 		if (t.getSession()) return;
 		let r = n?.getCellFromPointer(e.clientX, e.clientY) ?? t.getAnchor().getCoords();
 		r && t.startEdit(r, { mode: "edit" });
 	}, [n, t]);
-	return y(ot, {
+	return y(st, {
 		className: "editor-start",
 		onKeyDown: r,
 		onDoubleClick: i
 	});
 }
-function Vi(e) {
+function Hi(e) {
 	let { editable: t, renderEditor: n, idleClean: r = null, mapClean: i, editorId: a, readOnly: o, className: s, style: c } = e, l = N(t, (e) => e.getSession()), u = ee(l, (e) => e.getState()), d = u?.clean ?? r, f = i ? i(d) : d, p = P((e) => t.commit(e), [t]), h = P(() => t.cancel(), [t]), g = P(() => {
 		o || (t.getSession() || t.startEdit(t.getAnchor().getCoords(), {
 			mode: "edit",
@@ -5580,11 +5605,11 @@ function Vi(e) {
 		children: n ? y(E, {
 			render: n,
 			props: b
-		}) : y(Ri, { ...b })
+		}) : y(zi, { ...b })
 	});
 }
-Ri.displayName = "DefaultEditorInput", Vi.displayName = "EditorDiv";
-var Hi = "header-divider", Ui = "ew-resize", Wi = "ns-resize", Gi = "var(--sxl-color-base-100, #f5f5f5)", Ki = "var(--sxl-color-primary, rgb(33, 115, 70))", qi = (e, t, n, r) => ({
+zi.displayName = "DefaultEditorInput", Hi.displayName = "EditorDiv";
+var Ui = "header-divider", Wi = "ew-resize", Gi = "ns-resize", Ki = "var(--sxl-color-base-100, #f5f5f5)", qi = "var(--sxl-color-primary, rgb(33, 115, 70))", Ji = (e, t, n, r) => ({
 	position: "absolute",
 	boxSizing: "border-box",
 	left: e ? t - n / 2 : "50%",
@@ -5596,21 +5621,21 @@ var Hi = "header-divider", Ui = "ew-resize", Wi = "ns-resize", Gi = "var(--sxl-c
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center"
-}), Ji = (e, t) => y("div", {
+}), Yi = (e, t) => y("div", {
 	className: "header-divider-handle",
 	style: {
-		...qi(e, t, 6, 16),
+		...Ji(e, t, 6, 16),
 		pointerEvents: "none",
 		border: "1px solid var(--sxl-color-neutral, grey)",
-		background: Gi
+		background: Ki
 	}
-}), Yi = o((e) => {
-	let { isColumn: t, lineOffset: n, onUnhide: r } = e, [i, a] = h(!1), o = i ? Gi : Ki;
+}), Xi = o((e) => {
+	let { isColumn: t, lineOffset: n, onUnhide: r } = e, [i, a] = h(!1), o = i ? Ki : qi;
 	return y("div", {
 		className: "header-divider-unhide",
 		role: "button",
 		style: {
-			...qi(t, n, 20, 12),
+			...Ji(t, n, 20, 12),
 			...t ? {
 				top: "calc(100% - 4px)",
 				height: 12,
@@ -5623,8 +5648,8 @@ var Hi = "header-divider", Ui = "ew-resize", Wi = "ns-resize", Gi = "var(--sxl-c
 			zIndex: 1,
 			pointerEvents: "auto",
 			cursor: "pointer",
-			border: `1px solid ${Ki}`,
-			background: i ? Ki : Gi
+			border: `1px solid ${qi}`,
+			background: i ? qi : Ki
 		},
 		onPointerEnter: () => a(!0),
 		onPointerLeave: () => a(!1),
@@ -5644,15 +5669,15 @@ var Hi = "header-divider", Ui = "ew-resize", Wi = "ns-resize", Gi = "var(--sxl-c
 		})
 	});
 });
-Yi.displayName = "UnhideButton";
-var Xi = o(i((e, t) => {
+Xi.displayName = "UnhideButton";
+var Zi = o(i((e, t) => {
 	let { axis: n, index: r, className: i, style: a, disabled: o = !1, disabledResize: s = !1, isNextHidden: c, isHidden: l, isSelected: u, isSelectedAll: d, showTouchDivider: f, bounds: p, onPointerDown: m, onAutoFit: g, onUnhide: _, isActive: v = !1, onPointerEnter: x, onPointerLeave: S, pane: C, ...w } = e, E = n === W.Column, [D, O] = h(null), k = D === r, A = 1 / T.getDevicePixelRatio(), j = u || d, M = j ? "color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) 35%, var(--sxl-color-base-300, rgb(171, 171, 171)))" : "var(--sxl-color-base-300, rgb(171, 171, 171))", N = "var(--sxl-color-base-100, #f5f5f5)", P = R() === "touch", F = E ? 14 : 8, I = C.getZoom();
 	I < 1 && (F = Math.max(2, F * I * .8));
 	let L = F / 2, z = 0;
 	c && (z = -2), l && (z = 2), l && (F = F / 2 + z, L = 2 * z);
 	let ee = j || z !== 0 ? `linear-gradient(${M}, ${M})` : `linear-gradient(${E ? 180 : 90}deg, ${N}, ${M} 55%, ${M} 100%)`;
 	return b("div", {
-		className: q(Hi, { disabled: o }, i, `index-${r}`),
+		className: q(Ui, { disabled: o }, i, `index-${r}`),
 		ref: t,
 		onPointerDown: P ? void 0 : m,
 		onDoubleClick: P ? void 0 : () => g?.(),
@@ -5673,17 +5698,17 @@ var Xi = o(i((e, t) => {
 			backgroundPosition: E ? `${L}px 0` : `0 ${L}px`,
 			backgroundRepeat: "no-repeat",
 			pointerEvents: "auto",
-			cursor: o || s || P ? void 0 : E ? Ui : Wi,
+			cursor: o || s || P ? void 0 : E ? Wi : Gi,
 			...a
 		},
 		...w,
-		children: [!k && !v || P || o || s ? null : _ ? y(Yi, {
+		children: [!k && !v || P || o || s ? null : _ ? y(Xi, {
 			isColumn: E,
 			lineOffset: L,
 			onUnhide: () => {
 				O(null), _();
 			}
-		}) : Ji(E, L), f && P ? y("div", {
+		}) : Yi(E, L), f && P ? y("div", {
 			style: {
 				position: "absolute",
 				cursor: "grab",
@@ -5714,8 +5739,8 @@ var Xi = o(i((e, t) => {
 			} })
 		}) : null]
 	});
-})), Zi = (e) => y(Xi, { ...e }), Qi = o(i((e, t) => {
-	let { axis: n, index: r, disabled: i = !1, disabledResize: a = !1, resizeThreshold: o = 1, renderDivider: s = Zi, onDividerMouseDown: c, onDividerResizeStart: l, onDividerResize: u, onDividerResizeEnd: d, onDividerMouseUp: f, onDividerAutoFit: p, onDividerUnhide: g, onPointerDown: _, visibleBounds: x, ...S } = e, C = Z(), w = P(_, [_]), E = P(p, [p]), D = n === W.Column, O = x === void 0 ? $i(C, n) : x, k = m(null), [A, j] = h(null), M = (e, t) => D ? e.clientX - t.clientX : e.clientY - t.clientY, N = C.getMetrics(), F = D ? N.getColOffset(r + 1) : N.getRowOffset(r + 1), L = T.getDevicePixelRatio(), R = 1 / L, z = T.snapLineCenter(F, R, L) - R / 2, ee = te({
+})), Qi = (e) => y(Zi, { ...e }), $i = o(i((e, t) => {
+	let { axis: n, index: r, disabled: i = !1, disabledResize: a = !1, resizeThreshold: o = 1, renderDivider: s = Qi, onDividerMouseDown: c, onDividerResizeStart: l, onDividerResize: u, onDividerResizeEnd: d, onDividerMouseUp: f, onDividerAutoFit: p, onDividerUnhide: g, onPointerDown: _, visibleBounds: x, ...S } = e, C = Z(), w = P(_, [_]), E = P(p, [p]), D = n === W.Column, O = x === void 0 ? ea(C, n) : x, k = m(null), [A, j] = h(null), M = (e, t) => D ? e.clientX - t.clientX : e.clientY - t.clientY, N = C.getMetrics(), F = D ? N.getColOffset(r + 1) : N.getRowOffset(r + 1), L = T.getDevicePixelRatio(), R = 1 / L, z = T.snapLineCenter(F, R, L) - R / 2, ee = te({
 		processTouch: !0,
 		onPointerDown: (e) => {
 			if (w?.(e), !i && !a) {
@@ -5781,15 +5806,15 @@ var Xi = o(i((e, t) => {
 	let H = null;
 	return A && A.isResizing && A.index === r && (H = ae(y("div", { style: {
 		position: "absolute",
-		cursor: D ? Ui : Wi,
+		cursor: D ? Wi : Gi,
 		left: 0,
 		top: 0,
 		width: "100%",
 		height: "100%"
 	} }), V(), "divider:" + r)), b(v, { children: [H, ne] });
 }));
-Qi.displayName = "HeaderDividerAnchor";
-var $i = (e, t) => {
+$i.displayName = "HeaderDividerAnchor";
+var ea = (e, t) => {
 	let n = t === W.Column, r = n ? e.getVisibleColumns() : e.getVisibleRows();
 	if (r.length === 0) return null;
 	let i = r[0].index, a = r[r.length - 1].index, o = n ? e.getBoundsFromRange({
@@ -5804,7 +5829,7 @@ var $i = (e, t) => {
 		colEnd: 0
 	});
 	return e.toClipBounds(o, -10);
-}, ea = (e, t, n, r) => {
+}, ta = (e, t, n, r) => {
 	let i = t ? n : r, a = t ? r : n, o = e.getPanePointFromPointer(i, a), s = t ? e.getPaneBounds().x : e.getPaneBounds().y, c = (o ? t ? o.x : o.y : 0) + s, l = n - c, u = {
 		index: 0,
 		pos: 0
@@ -5830,8 +5855,8 @@ var $i = (e, t) => {
 		snapClient: u.pos + l,
 		pointerClient: c < 0 ? void 0 : n
 	};
-}, ta = (e) => {
-	let { axis: t, disabled: n, isOwner: r } = e, i = Z(), a = t === W.Column, o = P(e.onFreezeDragStart, [e.onFreezeDragStart]), s = P(e.onFreezeDrag, [e.onFreezeDrag]), c = P(e.onFreezeDragEnd, [e.onFreezeDragEnd]), u = P(e.onFreezeDragCancel, [e.onFreezeDragCancel]), d = P(e.onActiveChange, [e.onActiveChange]), [f, p] = h(!1), [g, _] = h(!1), v = m(null), b = (e, t) => a ? ea(i, !0, e.clientX, t.clientY) : ea(i, !1, e.clientY, t.clientX), x = te({
+}, na = (e) => {
+	let { axis: t, disabled: n, isOwner: r } = e, i = Z(), a = t === W.Column, o = P(e.onFreezeDragStart, [e.onFreezeDragStart]), s = P(e.onFreezeDrag, [e.onFreezeDrag]), c = P(e.onFreezeDragEnd, [e.onFreezeDragEnd]), u = P(e.onFreezeDragCancel, [e.onFreezeDragCancel]), d = P(e.onActiveChange, [e.onActiveChange]), [f, p] = h(!1), [g, _] = h(!1), v = m(null), b = (e, t) => a ? ta(i, !0, e.clientX, t.clientY) : ta(i, !1, e.clientY, t.clientX), x = te({
 		processTouch: !0,
 		onPointerDown: (e) => {
 			if (e.stopPropagation(), e.preventDefault(), n) return !1;
@@ -5885,8 +5910,8 @@ var $i = (e, t) => {
 		},
 		backdrop: T
 	};
-}, na = o((e) => {
-	let { axis: t, disabled: n = !1, highlight: r = !1, onFreezeDragStart: i, onFreezeDrag: a, onFreezeDragEnd: o, onFreezeDragCancel: s, onActiveChange: c } = e, l = Z(), u = t === W.Column, d = u ? V.Left : V.Top, f = !!l.getAllPanes()[d], p = f ? l.getAnchor() === d : l === ge(l.getAllPanes()), { isActive: m, cursor: h, hitProps: g, backdrop: _ } = ta({
+}, ra = o((e) => {
+	let { axis: t, disabled: n = !1, highlight: r = !1, onFreezeDragStart: i, onFreezeDrag: a, onFreezeDragEnd: o, onFreezeDragCancel: s, onActiveChange: c } = e, l = Z(), u = t === W.Column, d = u ? V.Left : V.Top, f = !!l.getAllPanes()[d], p = f ? l.getAnchor() === d : l === ge(l.getAllPanes()), { isActive: m, cursor: h, hitProps: g, backdrop: _ } = na({
 		axis: t,
 		disabled: n,
 		isOwner: p,
@@ -5945,9 +5970,9 @@ var $i = (e, t) => {
 		})
 	] });
 });
-na.displayName = "HeaderFreezeAnchor";
-var ra = o((e) => {
-	let { axis: t, disabled: n = !1, onFreezeDragStart: r, onFreezeDrag: i, onFreezeDragEnd: a, onFreezeDragCancel: o, onActiveChange: s } = e, c = Z(), l = t === W.Column, u = c.getAnchor(), d = u === V.TopLeft || u === (l ? V.Left : V.Top), { cursor: f, hitProps: p, backdrop: m } = ta({
+ra.displayName = "HeaderFreezeAnchor";
+var ia = o((e) => {
+	let { axis: t, disabled: n = !1, onFreezeDragStart: r, onFreezeDrag: i, onFreezeDragEnd: a, onFreezeDragCancel: o, onActiveChange: s } = e, c = Z(), l = t === W.Column, u = c.getAnchor(), d = u === V.TopLeft || u === (l ? V.Left : V.Top), { cursor: f, hitProps: p, backdrop: m } = na({
 		axis: t,
 		disabled: n,
 		isOwner: d,
@@ -5974,26 +5999,26 @@ var ra = o((e) => {
 		}
 	})] });
 });
-ra.displayName = "GridFreezeAnchor";
-var ia = (e, t, n) => t === W.Column ? {
+ia.displayName = "GridFreezeAnchor";
+var aa = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, aa = (e, t, n) => t === W.Column ? {
+}, oa = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowEnd,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colEnd
-}, oa = (e, t, n) => t === W.Column ? {
+}, sa = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, sa = (e, t, n, r) => n === W.Column ? {
+}, ca = (e, t, n, r) => n === W.Column ? {
 	rowStart: r.rowStart,
 	rowEnd: r.rowEnd,
 	colStart: Math.min(e.colIndex, t.colIndex),
@@ -6003,7 +6028,7 @@ var ia = (e, t, n) => t === W.Column ? {
 	colEnd: r.colEnd,
 	rowStart: Math.min(e.rowIndex, t.rowIndex),
 	rowEnd: Math.max(e.rowIndex, t.rowIndex)
-}, ca = (e, t, n) => {
+}, la = (e, t, n) => {
 	let r = typeof t == "function" ? t : () => t, i = null, a = null, o = 0, s = () => ge(r().getAllPanes()) ?? r(), c = (t, n, r) => {
 		if (!e) return;
 		let i = e.getSelection(), a = !!i.ranges && i.ranges.length > 0;
@@ -6044,21 +6069,21 @@ var ia = (e, t, n) => t === W.Column ? {
 		let a = s().getVisibleRange(), o = null;
 		return t === W.Column ? e.x >= i.right - 24 && a.colEnd < r.colEnd ? o = { colIndex: a.colEnd + 1 } : e.x <= i.left + 24 && a.colStart > r.colStart && (o = { colIndex: a.colStart - 1 }) : e.y >= i.bottom - 24 && a.rowEnd < r.rowEnd ? o = { rowIndex: a.rowEnd + 1 } : e.y <= i.top + 24 && a.rowStart > r.rowStart && (o = { rowIndex: a.rowStart - 1 }), !!o && (u(o), !0);
 	}, f = (e) => {
-		let { axis: t, entireRange: r, replaceActive: u = !1 } = n(), d = sa(i ?? e, e, t, r), f = a ?? oa(e, t, s().getVisibleRange());
+		let { axis: t, entireRange: r, replaceActive: u = !1 } = n(), d = ca(i ?? e, e, t, r), f = a ?? sa(e, t, s().getVisibleRange());
 		u ? l(o, d, f) : c(d, f, "replace");
 	};
-	return Un(r, (t, r) => {
+	return Wn(r, (t, r) => {
 		if (!e) return null;
 		let p = r.button === 0, m = r.button === 2;
 		if (!p && !m) return null;
 		let { axis: h, entireRange: g, allowMulti: _ = !0, replaceActive: v = !1, preserveFocus: y = !1, onPointerDownInterceptor: b, onDragStart: x, onDragEnd: S, onPointerUp: C } = n();
 		if (!1 === b?.(r, t)) return null;
 		v && r.stopPropagation(), y && p && r.preventDefault(), x?.();
-		let w = oa(t, h, s().getVisibleRange()), T = r.shiftKey, E = (r.ctrlKey || r.metaKey) && _;
+		let w = sa(t, h, s().getVisibleRange()), T = r.shiftKey, E = (r.ctrlKey || r.metaKey) && _;
 		if (v) {
 			let n = e.getSelection(), r = n.ranges ?? [], s = n.rangeIndex ?? -1;
-			T && i ? (o = s >= 0 ? s : Math.max(0, r.length - 1), l(o, sa(i, t, h, g), a ?? w)) : (i = t, a = w, o = E || s < 0 ? r.length : s, l(o, sa(t, t, h, g), w));
-		} else T && i ? c(sa(i, t, h, g), a ?? w, "replace") : E ? (i = t, a = w, c(sa(t, t, h, g), w, "append")) : (i = t, a = w, c(sa(t, t, h, g), w, "clear"));
+			T && i ? (o = s >= 0 ? s : Math.max(0, r.length - 1), l(o, ca(i, t, h, g), a ?? w)) : (i = t, a = w, o = E || s < 0 ? r.length : s, l(o, ca(t, t, h, g), w));
+		} else T && i ? c(ca(i, t, h, g), a ?? w, "replace") : E ? (i = t, a = w, c(ca(t, t, h, g), w, "append")) : (i = t, a = w, c(ca(t, t, h, g), w, "clear"));
 		return ((e) => {
 			u(n().axis === W.Column ? { colIndex: e.colIndex } : { rowIndex: e.rowIndex });
 		})(t), {
@@ -6074,16 +6099,16 @@ var ia = (e, t, n) => t === W.Column ? {
 			captureEvents: v
 		};
 	});
-}, la = (e, t) => {
+}, ua = (e, t) => {
 	let n = Z(), r = P(() => n, [n]), i = m(t);
 	i.current = t;
-	let a = f(() => ca(e, r, () => i.current), [e, r]);
+	let a = f(() => la(e, r, () => i.current), [e, r]);
 	return l(() => () => a.dispose(), [a]), {
 		onPointerDown: a.onPointerDown,
 		onPointerMove: a.onPointerMove,
 		onPointerUp: a.onPointerUp
 	};
-}, ua = (e) => e == null ? [] : Array.isArray(e) ? e : [e], da = o(i((e, t) => {
+}, da = (e) => e == null ? [] : Array.isArray(e) ? e : [e], fa = o(i((e, t) => {
 	let { rowCount: n = 1, columnCount: r = 1, getRowHeight: i, getColumnWidth: a, metrics: o, renderCells: c, borderLayers: l, showGridLines: u = !0, gridLineColor: d, propsGridLineRows: m, propsGridLineColumns: h, getVisibleCells: g, hiddenCellAt: _, layersBelow: v, children: b, ...x } = e, S = K({
 		rowCount: n,
 		columnCount: r,
@@ -6093,19 +6118,19 @@ var ia = (e, t, n) => t === W.Column ? {
 		T();
 	}, []), O = L(t, () => ({ invalidate: D }), [D]), k = f(() => {
 		let e = [];
-		return !1 !== u && e.push(y(zr, {
+		return !1 !== u && e.push(y(Br, {
 			showGridLines: u,
 			gridLineColor: d,
 			propsRows: m,
 			propsColumns: h,
 			getVisibleCells: g,
 			hiddenCellAt: _
-		}, "__gridlines")), e.push(...ua(v)), e.push(...ua(l)), c && e.push(y(kr, {
+		}, "__gridlines")), e.push(...da(v)), e.push(...da(l)), c && e.push(y(Ar, {
 			renderCell: c,
 			getVisibleCells: g,
 			hiddenCellAt: _,
 			cacheToken: E
-		}, "__cells")), e.push(...ua(b)), e.push(y(jn, {}, "__range-tooltips")), e;
+		}, "__cells")), e.push(...da(b)), e.push(y(Mn, {}, "__range-tooltips")), e;
 	}, [
 		u,
 		d,
@@ -6119,7 +6144,7 @@ var ia = (e, t, n) => t === W.Column ? {
 		E,
 		b
 	]);
-	return y(Dn, { children: y(Ue, {
+	return y(On, { children: y(We, {
 		ref: O,
 		...x,
 		rowCount: n,
@@ -6128,17 +6153,17 @@ var ia = (e, t, n) => t === W.Column ? {
 		children: k
 	}) });
 }));
-function fa(e, t) {
+function pa(e, t) {
 	if (typeof e == "function") return e(t);
 	e && (e.current = t);
 }
-da.displayName = "Grid";
-var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
+fa.displayName = "Grid";
+var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 	return (t) => {
 		let n = [];
 		for (let r of e) {
-			let e = fa(r, t), i = typeof e == "function";
-			n.push(i ? e : () => fa(r, null));
+			let e = pa(r, t), i = typeof e == "function";
+			n.push(i ? e : () => pa(r, null));
 		}
 		return () => {
 			for (let e of n) e();
@@ -6146,17 +6171,17 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 	};
 } : function(e) {
 	return (t) => {
-		for (let n of e) fa(n, t);
+		for (let n of e) pa(n, t);
 	};
-}, ma, ha = {
+}, ha, ga = {
 	fill: { fill: "color-mix(in srgb, var(--sxl-color-primary, rgb(0, 120, 215)) 14%, transparent)" },
 	border: null,
 	inner: null
-}, ga = {
+}, _a = {
 	stroke: "var(--sxl-color-primary, rgb(0, 120, 215))",
 	alignWidth: 1,
 	inset: 1
-}, _a = i(function(e, t) {
+}, va = i(function(e, t) {
 	let { itemCount: n, renderCell: r, getVisibleCells: i, itemHeight: a = 24, contentWidth: o, selection: s, propsLayer: c, autoFocus: u, showScrollbar: d = "auto", scrollTo: p, viewport: h, cacheToken: g, className: _, style: v, children: x, ...S } = e, C = f(() => new k(), []), w = h ?? C, T = N(w, (e) => e.getMetrics()), E = d === "auto" ? T.totalHeight > T.height : d, D = m(null);
 	l(() => {
 		u && D.current?.focus();
@@ -6173,12 +6198,12 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			e = !0, t && cancelAnimationFrame(t), r?.();
 		};
 	}, [p, w]);
-	let A = f(() => new Hr({ getBounds: () => ({
+	let A = f(() => new Ur({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, n - 1),
 		colEnd: 0
-	}) }), [n]), j = s ?? A, [M, { width: P }] = z(), [F, { width: I }] = z(), L = I > 0 && P > 0 ? Math.max(0, I - P) : 0, R = f(() => pa(ee), ee = [F, t]);
+	}) }), [n]), j = s ?? A, [M, { width: P }] = z(), [F, { width: I }] = z(), L = I > 0 && P > 0 ? Math.max(0, I - P) : 0, R = f(() => ma(ee), ee = [F, t]);
 	var ee;
 	let te = K({
 		rowCount: n,
@@ -6213,7 +6238,7 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 					width: "100%",
 					height: "100%"
 				},
-				children: b(Ue, {
+				children: b(We, {
 					ref: D,
 					viewport: w,
 					style: {
@@ -6224,25 +6249,25 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 					columnCount: 1,
 					metrics: te,
 					children: [
-						y(bi, {
+						y(xi, {
 							selection: j,
 							anchorHole: !1,
-							singleStyle: ha,
-							singleAnchorStyle: ga,
-							multiAnchorStyle: ga
+							singleStyle: ga,
+							singleAnchorStyle: _a,
+							multiAnchorStyle: _a
 						}, "__selection"),
-						y(kr, {
+						y(Ar, {
 							renderCell: r,
 							getVisibleCells: i,
 							cacheToken: g
 						}, "__cells"),
-						c ? y(ot, { ...c }, "__taps") : null
+						c ? y(st, { ...c }, "__taps") : null
 					]
 				})
 			})
 		})
 	});
-}), va = i(function(e, t) {
+}), ya = i(function(e, t) {
 	let { itemCount: n, renderItem: r, itemHeight: i, selection: a, onKeyDown: o, cacheToken: c, scrollTo: l, autoFocus: u, viewport: d, className: p, style: m, children: h, ...g } = e, _ = L(t, () => ({ isList: () => !0 }), []), v = s((e) => {
 		let { key: t, style: n, range: i, cell: a } = e, o = i?.rowStart ?? a.rowIndex;
 		return y("div", {
@@ -6262,7 +6287,7 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			children: r(o)
 		}, t);
 	}, [r]), b = f(() => o ? { onKeyDown: o } : void 0, [o]);
-	return y(_a, {
+	return y(va, {
 		ref: _,
 		className: q("list", p),
 		style: m,
@@ -6277,7 +6302,7 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		viewport: d,
 		...g
 	});
-}), ya = ({ checked: e, indeterminate: t }) => y("input", {
+}), ba = ({ checked: e, indeterminate: t }) => y("input", {
 	type: "checkbox",
 	checked: e,
 	ref: (e) => {
@@ -6286,10 +6311,10 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 	readOnly: !0,
 	tabIndex: -1,
 	style: { margin: 0 }
-}), ba = i(function(e, t) {
-	let { itemCount: n, isChecked: r, isIndeterminate: i, onCheckedChange: a, renderValue: o, renderCheckbox: c = ya, renderDivider: u, selectAllLabel: d, selectAllTitle: h, propsSelectAll: g, itemHeight: _, selection: x, cacheToken: S, autoFocus: C, viewport: w, className: T, style: E, children: D, ...O } = e, k = m(n);
+}), xa = i(function(e, t) {
+	let { itemCount: n, isChecked: r, isIndeterminate: i, onCheckedChange: a, renderValue: o, renderCheckbox: c = ba, renderDivider: u, selectAllLabel: d, selectAllTitle: h, propsSelectAll: g, itemHeight: _, selection: x, cacheToken: S, autoFocus: C, viewport: w, className: T, style: E, children: D, ...O } = e, k = m(n);
 	k.current = n;
-	let A = f(() => new Hr({ getBounds: () => ({
+	let A = f(() => new Ur({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, k.current - 1),
@@ -6426,7 +6451,7 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 					indeterminate: V
 				})
 			}), d]
-		}), u?.()] }), y(va, {
+		}), u?.()] }), y(ya, {
 			itemCount: n,
 			itemHeight: _,
 			selection: j,
@@ -6442,21 +6467,21 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			}
 		})]
 	});
-}), xa = (e, t) => {
+}), Sa = (e, t) => {
 	let n = (() => {
-		if (ma !== void 0) return ma;
+		if (ha !== void 0) return ha;
 		try {
-			ma = (typeof document < "u" ? document.createElement("canvas").getContext("2d") : null) ?? null;
+			ha = (typeof document < "u" ? document.createElement("canvas").getContext("2d") : null) ?? null;
 		} catch {
-			ma = null;
+			ha = null;
 		}
-		return ma;
+		return ha;
 	})();
 	if (n) return n.font = t, n.measureText(e).width;
 	let r = Number.parseFloat((/(\d+(?:\.\d+)?)px/.exec(t) ?? [])[1] ?? "16") || 16;
 	return e.length * r * .55;
-}, Sa = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), Ca = i(function(e, t) {
-	let { items: n, onChoose: r, highlightIndex: i, itemHeight: a = 24, visibleRows: o = 8, contentWidth: c, measureText: l, renderItem: u, autoFocus: d, viewport: h, className: g, style: _, children: v, ...b } = e, x = n.length, S = Sa(i ?? 0, x), w = f(() => new Hr({
+}, Ca = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), wa = i(function(e, t) {
+	let { items: n, onChoose: r, highlightIndex: i, itemHeight: a = 24, visibleRows: o = 8, contentWidth: c, measureText: l, renderItem: u, autoFocus: d, viewport: h, className: g, style: _, children: v, ...b } = e, x = n.length, S = Ca(i ?? 0, x), w = f(() => new Ur({
 		initial: { cell: {
 			rowIndex: Math.max(0, S),
 			colIndex: 0
@@ -6477,7 +6502,7 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		x
 	]), A = P(() => x === 0 ? -1 : w.getSelection().cell.rowIndex, [w, x]), j = P((e) => {
 		if (x === 0) return;
-		let t = Sa(w.getSelection().cell.rowIndex + e, x);
+		let t = Ca(w.getSelection().cell.rowIndex + e, x);
 		w.setSelection({ cell: {
 			rowIndex: t,
 			colIndex: 0
@@ -6497,7 +6522,7 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			let t = e?.fontSize, n = e?.fontFamily, r = typeof t == "number" ? `${t}px` : t ?? "16px", i = [];
 			return e?.fontStyle && e.fontStyle !== "normal" && i.push(String(e.fontStyle)), e?.fontWeight && e.fontWeight !== "normal" && i.push(String(e.fontWeight)), i.push(r, n ? String(n) : "sans-serif"), i.join(" ");
 		})(_);
-		return (t) => xa(t, e);
+		return (t) => Sa(t, e);
 	}, [l, _]), F = f(() => {
 		if (c != null) return c;
 		let e = 0;
@@ -6544,7 +6569,7 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			e.which !== C.Enter && e.which !== C.Space || (e.preventDefault(), e.stopPropagation(), k(A()));
 		}
 	}), [k, A]);
-	return y(_a, {
+	return y(va, {
 		ref: M,
 		className: q("pick-list", g),
 		role: "listbox",
@@ -6564,10 +6589,10 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		cacheToken: n,
 		...b
 	});
-}), wa = "_field_q34pi_8", Ta = "_search_q34pi_28", Ea = "_icon_q34pi_47", Da = "_clear_q34pi_56", Oa = "_row_q34pi_84", ka = (e, t) => {
+}), Ta = "_field_q34pi_8", Ea = "_search_q34pi_28", Da = "_icon_q34pi_47", Oa = "_clear_q34pi_56", ka = "_row_q34pi_84", Aa = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.filter((e) => e.text.toLowerCase().includes(n)) : e;
-}, Aa = (e) => b("svg", {
+}, ja = (e) => b("svg", {
 	className: e.className,
 	viewBox: "0 0 16 16",
 	"aria-hidden": "true",
@@ -6588,7 +6613,7 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})]
-}), ja = i(function(e, t) {
+}), Ma = i(function(e, t) {
 	let { value: n, onChange: r, onClose: i, clearLabel: a, glyph: o, leading: c, trailing: l, onKeyDown: u, className: d, ...f } = e, p = s((e) => {
 		if (e.which === C.Escape) return e.preventDefault(), e.stopPropagation(), void (n ? r("") : i?.());
 		u?.(e);
@@ -6598,16 +6623,16 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		i,
 		u
 	]), m = b("div", {
-		className: q(wa, "list-search-field", d),
+		className: q(Ta, "list-search-field", d),
 		children: [
-			o ?? y(Aa, { className: Ea }),
+			o ?? y(ja, { className: Da }),
 			y("input", {
 				ref: t,
 				type: "text",
 				role: "searchbox",
 				autoComplete: "off",
 				spellCheck: !1,
-				className: q(Ta, "list-search"),
+				className: q(Ea, "list-search"),
 				value: n,
 				onChange: (e) => r(e.target.value),
 				onKeyDown: p,
@@ -6615,7 +6640,7 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			}),
 			n ? y("button", {
 				type: "button",
-				className: q(Da, "list-search-clear"),
+				className: q(Oa, "list-search-clear"),
 				"aria-label": a,
 				title: a,
 				tabIndex: -1,
@@ -6636,20 +6661,20 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		]
 	});
 	return c == null && l == null ? m : b("div", {
-		className: q(Oa, "list-search-row"),
+		className: q(ka, "list-search-row"),
 		children: [
 			c,
 			m,
 			l
 		]
 	});
-}), Ma = {
+}), Na = {
 	light: {},
 	dark: {
 		"color-base-100": "#1e1e1e",
 		"color-base-300": "#3a3a3a"
 	}
-}, Na = {
+}, Pa = {
 	light: {
 		"color-base-100": "#f2f2f2",
 		"color-base-hover": "#ececec",
@@ -6660,7 +6685,7 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		"color-base-hover": "#2e2e2e",
 		"color-base-300": "#4a4a4a"
 	}
-}, Pa = (e, ...t) => M(e, Ma[e], ...t), Fa = (e, ...t) => M(e, Na[e], ...t), Ia = ({ app: e, grid: t = Ma, header: n = Na, layer: r = "sxl-defaults", scope: i } = {}) => {
+}, Fa = (e, ...t) => M(e, Na[e], ...t), Ia = (e, ...t) => M(e, Pa[e], ...t), La = ({ app: e, grid: t = Na, header: n = Pa, layer: r = "sxl-defaults", scope: i } = {}) => {
 	let a = e ?? j, o = Object.fromEntries(Object.keys(n).map((e) => [e, {
 		"color-base-100": a[e]?.["color-base-200"],
 		...n[e]
@@ -6675,4 +6700,4 @@ var pa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		scope: i
 	});
 };
-export { In as AUTO_SCROLL_INTERVAL_MS, mr as CELL_INTERACTIVE_ATTRIBUTE, hr as CELL_INTERACTIVE_PROPS, kr as CellLayer, Or as CellTileDiv, ba as CheckboxList, Qr as DEFAULT_ANCHOR_STYLE, Mn as DEFAULT_HANDLE_STYLE, ei as DEFAULT_INSERT_BAR_STYLE, ti as DEFAULT_MOVE_SOURCE_STYLE, Zr as DEFAULT_MULTI_STYLE, $r as DEFAULT_REMOVE_PREVIEW_STYLE, Xr as DEFAULT_SINGLE_STYLE, Ht as DEFAULT_TOOLTIP_TIMING, vr as DefaultCellRenderer, Pi as DefaultEditable, Ri as DefaultEditorInput, Xi as DefaultHeaderDivider, Hr as DefaultSelection, Jn as DragHandle, ar as Draggable, Ln as EDGE_AUTO_SCROLL_MARGIN_PX, ki as EditSession, Vi as EditorDiv, zi as EditorLayer, Bi as EditorStartLayer, pr as FillHandle, Ma as GRID_SURFACE, pn as GestureTip, da as Grid, zt as GridFloatPanel, ra as GridFreezeAnchor, Ue as GridSurface, zr as GridlineLayer, Hi as HEADER_DIVIDER_CLASS, Na as HEADER_SURFACE, Qi as HeaderDividerAnchor, na as HeaderFreezeAnchor, ot as Layer, ce as LineSVG, va as List, ja as ListSearch, Aa as ListSearchGlyph, _a as ListSurface, zn as NO_DRAG_MODIFIERS, Ci as PICKER_COLORS, Ca as PickList, sr as RESIZE_ANCHORS_4, cr as RESIZE_ANCHORS_8, cn as RangeFloatLayer, Pn as RangeInsertBar, xn as RangePrompt, Nn as RangeRect, lr as RangeResizer, On as RangeTooltip, jn as RangeTooltipHost, ln as RangeTooltipLayer, Dn as RangeTooltipProvider, Di as RangesPickerLayer, ue as RectangleSVG, Vr as SELECTION_CLIP_INSETS, bi as SelectionLayer, oi as SelectionTouchGrips, oe as ShapeBoundsContext, jt as StickyAnchor, Lt as StickyPortal, Be as SurfaceStateContext, Ve as SurfaceStateProvider, qt as TooltipProvider, ut as VirtualDiv, on as VirtualRangeFloat, Ia as buildGridThemeCSS, Fr as buildGridlinePath, Mi as commitArgsFromKey, G as createAxis, Un as createDragCells, ca as createHeaderSelectionPointer, Cn as createRangeTooltipRegistry, ze as createSurfaceStateStore, Ut as createTooltipGroup, Wn as createWindowDragCells, Ei as defaultRangeStyle, Yt as defaultRenderTooltip, Rn as edgeScrollPane, Fi as expandEditorBounds, ka as filterByText, _r as getCellInteractiveCoords, $i as getHeaderDividerBounds, ge as getPrimaryPane, Pa as gridThemeVars, oa as headerAnchorCell, aa as headerEntireEnd, ia as headerEntireStart, sa as headerRange, Fa as headerThemeVars, er as insertAt, ir as insertRange, gr as isCellInteractiveTarget, Vn as isSameDragModifiers, Bn as readDragModifiers, Vt as renderGridFloatPanel, dr as resolveFillDestination, Ai as startEventFromKey, qn as useDoubleClick, Gn as useDragCells, Ni as useEditorKeymap, K as useGridMetrics, Z as useGridPane, et as useGridPaneOptional, la as useHeaderSelectionPointer, Zt as useHoverIntent, at as useLayer, ji as usePendingCaret, En as useRangeTooltipRegistry, ni as useSelectionPointer, se as useShapeBounds, kt as useSticky, At as useStickyOptional, nt as useSurfaceState, rt as useSurfaceStateSetter, it as useSurfaceStateValue, Kt as useTooltipSurface, Kn as useWindowDragCells, fr as vacatedByFill };
+export { Ln as AUTO_SCROLL_INTERVAL_MS, hr as CELL_INTERACTIVE_ATTRIBUTE, gr as CELL_INTERACTIVE_PROPS, Ar as CellLayer, kr as CellTileDiv, xa as CheckboxList, $r as DEFAULT_ANCHOR_STYLE, Nn as DEFAULT_HANDLE_STYLE, ti as DEFAULT_INSERT_BAR_STYLE, ni as DEFAULT_MOVE_SOURCE_STYLE, Qr as DEFAULT_MULTI_STYLE, ei as DEFAULT_REMOVE_PREVIEW_STYLE, Zr as DEFAULT_SINGLE_STYLE, Ut as DEFAULT_TOOLTIP_TIMING, yr as DefaultCellRenderer, Fi as DefaultEditable, zi as DefaultEditorInput, Zi as DefaultHeaderDivider, Ur as DefaultSelection, Yn as DragHandle, or as Draggable, Rn as EDGE_AUTO_SCROLL_MARGIN_PX, Ai as EditSession, Hi as EditorDiv, Bi as EditorLayer, Vi as EditorStartLayer, mr as FillHandle, Na as GRID_SURFACE, mn as GestureTip, fa as Grid, Bt as GridFloatPanel, ia as GridFreezeAnchor, We as GridSurface, Br as GridlineLayer, Ui as HEADER_DIVIDER_CLASS, Pa as HEADER_SURFACE, $i as HeaderDividerAnchor, ra as HeaderFreezeAnchor, st as Layer, ce as LineSVG, ya as List, Ma as ListSearch, ja as ListSearchGlyph, va as ListSurface, Bn as NO_DRAG_MODIFIERS, wi as PICKER_COLORS, wa as PickList, cr as RESIZE_ANCHORS_4, lr as RESIZE_ANCHORS_8, ln as RangeFloatLayer, Fn as RangeInsertBar, Sn as RangePrompt, Pn as RangeRect, ur as RangeResizer, kn as RangeTooltip, Mn as RangeTooltipHost, un as RangeTooltipLayer, On as RangeTooltipProvider, Oi as RangesPickerLayer, ue as RectangleSVG, Hr as SELECTION_CLIP_INSETS, xi as SelectionLayer, si as SelectionTouchGrips, oe as ShapeBoundsContext, Mt as StickyAnchor, Rt as StickyPortal, Ve as SurfaceStateContext, He as SurfaceStateProvider, Jt as TooltipProvider, dt as VirtualDiv, sn as VirtualRangeFloat, La as buildGridThemeCSS, Ir as buildGridlinePath, Ni as commitArgsFromKey, G as createAxis, Wn as createDragCells, la as createHeaderSelectionPointer, wn as createRangeTooltipRegistry, Be as createSurfaceStateStore, Wt as createTooltipGroup, Gn as createWindowDragCells, Di as defaultRangeStyle, Xt as defaultRenderTooltip, zn as edgeScrollPane, Ii as expandEditorBounds, Aa as filterByText, vr as getCellInteractiveCoords, ea as getHeaderDividerBounds, ge as getPrimaryPane, Fa as gridThemeVars, sa as headerAnchorCell, oa as headerEntireEnd, aa as headerEntireStart, ca as headerRange, Ia as headerThemeVars, tr as insertAt, ar as insertRange, _r as isCellInteractiveTarget, Hn as isSameDragModifiers, Vn as readDragModifiers, Ht as renderGridFloatPanel, fr as resolveFillDestination, ji as startEventFromKey, Jn as useDoubleClick, Kn as useDragCells, Pi as useEditorKeymap, K as useGridMetrics, Z as useGridPane, tt as useGridPaneOptional, ua as useHeaderSelectionPointer, Qt as useHoverIntent, ot as useLayer, Mi as usePendingCaret, Dn as useRangeTooltipRegistry, ri as useSelectionPointer, se as useShapeBounds, At as useSticky, jt as useStickyOptional, rt as useSurfaceState, it as useSurfaceStateSetter, at as useSurfaceStateValue, qt as useTooltipSurface, qn as useWindowDragCells, pr as vacatedByFill };