@sheetxl/grid-react 0.8.0-beta.10 → 0.8.0-beta.11

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_ikr1b_7{will-change:transform}._tiles_ikr1b_7 .tile{white-space:pre;position:absolute}._tiles_ikr1b_7 .tile>*{contain:strict;position:absolute}._gridlines_ikr1b_26,._gridlines_ikr1b_26 *{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.10
+* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -211,34 +211,45 @@ var se = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right}
 	le = !0;
 	let e = document.createElement("style");
 	e.appendChild(document.createTextNode(`@keyframes ${ce} { to { stroke-dashoffset: 0; } }`)), document.head.appendChild(e);
+}, de = [
+	V.Center,
+	V.Top,
+	V.Left,
+	V.TopLeft
+], fe = (e) => {
+	for (let t of de) {
+		let n = e[t];
+		if (n) return n;
+	}
+	return null;
 };
-function de(e) {
+function pe(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") {
 		if (Array.isArray(e)) {
 			var i = e.length;
-			for (t = 0; t < i; t++) e[t] && (n = de(e[t])) && (r && (r += " "), r += n);
+			for (t = 0; t < i; t++) e[t] && (n = pe(e[t])) && (r && (r += " "), r += n);
 		} else for (n in e) e[n] && (r && (r += " "), r += n);
 	}
 	return r;
 }
 function Y() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = de(e)) && (r && (r += " "), r += t);
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = pe(e)) && (r && (r += " "), r += t);
 	return r;
 }
-var X = (e, t, n) => Math.min(n, Math.max(t, e)), fe = (e, t, n) => {
+var X = (e, t, n) => Math.min(n, Math.max(t, e)), me = (e, t, n) => {
 	let r = [], i = t;
 	for (; i <= n;) {
 		let t = e ? Math.max(0, e(i)) : 0;
 		t === 0 ? (r.push(i), i++) : i += t;
 	}
 	return r;
-}, pe = (e, t, n, r, i, a) => {
+}, he = (e, t, n, r, i, a) => {
 	if (n - t >= i - r) return r;
 	let o = r;
 	return e === "nearest" && (r - t > 0 ? e = "start" : n - i > 0 && (e = "end")), e === "start" ? o = t : e === "end" ? o = n - (i - r) : e === "center" && (o = t + (n - t) / 2 - (i - r) / 2), o < r ? Math.max(0, o) : o > r ? Math.min(o, a - (i - r)) : void 0;
-}, me = (e, t = !1, n, r) => {
+}, ge = (e, t = !1, n, r) => {
 	if (!n) return 0;
 	let i = !t, a = i ? 1 : -1, o = n(i ? e : e + 1), s = n(i ? e + 1 : e), c = e + (i ? 2 : -1), l = 0;
 	for (; (s - o) * a <= 0;) {
@@ -246,13 +257,13 @@ var X = (e, t, n) => Math.min(n, Math.max(t, e)), fe = (e, t, n) => {
 		o = s, s = n(c), c += a, l++;
 	}
 	return l;
-}, he = (e, t, n) => {
+}, _e = (e, t, n) => {
 	if (!n) return !1;
 	let r = n.x;
 	if (e < r || e > r + n.width) return !1;
 	let i = n.y;
 	return !(t < i || t > i + n.height);
-}, ge = "_grid-stage_rzp9d_1", _e = {
+}, ve = "_grid-stage_rzp9d_1", ye = {
 	pointerdown: "onPointerDown",
 	pointermove: "onPointerMove",
 	pointerup: "onPointerUp",
@@ -263,52 +274,52 @@ var X = (e, t, n) => Math.min(n, Math.max(t, e)), fe = (e, t, n) => {
 	mouseout: "onMouseOut",
 	dblclick: "onDoubleClick",
 	contextmenu: "onContextMenu"
-}, ve = Object.values(_e), ye = [
-	...Object.keys(_e),
+}, be = Object.values(ye), Z = [
+	...Object.keys(ye),
 	"keydown",
 	"keypress",
 	"keyup"
-], be = new Set(ye), Z = (e) => {
+], xe = new Set(Z), Se = (e) => {
 	let t = e?.getElement();
 	return t && typeof t.isStage == "function" && t.isStage() ? t : null;
-}, xe = o(i((e, t) => {
-	let { className: n, onFocus: r, onBlur: i, children: a, ...o } = e, c = $(), u = m(c);
-	u.current = c;
-	let d = m(/* @__PURE__ */ new Set()), f = m(0), p = s((e) => {
+}, Ce = o(i((e, t) => {
+	let { className: n, onFocus: r, onBlur: i, onDragStart: a, children: o, ...c } = e, u = $(), d = m(u);
+	d.current = u;
+	let f = m(/* @__PURE__ */ new Set()), p = m(0), h = s((e) => {
 		let t = {
 			responder: e,
-			seq: f.current++
+			seq: p.current++
 		};
-		return d.current.add(t), () => {
-			d.current.delete(t);
+		return f.current.add(t), () => {
+			f.current.delete(t);
 		};
-	}, []), h = m(/* @__PURE__ */ new Set()), g = m(0), _ = s((e) => (h.current.add(e), e.hasHandlers && g.current++, () => {
-		h.current.delete(e), e.hasHandlers && g.current--;
-	}), []), v = m(null), b = m(0), x = s((e, t) => {
-		let n = v.current;
+	}, []), g = m(/* @__PURE__ */ new Set()), _ = m(0), v = s((e) => (g.current.add(e), e.hasHandlers && _.current++, () => {
+		g.current.delete(e), e.hasHandlers && _.current--;
+	}), []), b = m(null), x = m(0), S = s((e, t) => {
+		let n = b.current;
 		if (n && n.x === e && n.y === t) return n.stack;
 		let r = document.elementsFromPoint(e, t);
-		return v.current = {
+		return b.current = {
 			x: e,
 			y: t,
 			stack: r
-		}, b.current || typeof requestAnimationFrame != "function" || (b.current = requestAnimationFrame(() => {
-			b.current = 0, v.current = null;
+		}, x.current || typeof requestAnimationFrame != "function" || (x.current = requestAnimationFrame(() => {
+			x.current = 0, b.current = null;
 		})), r;
 	}, []);
 	l(() => () => {
-		b.current && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(b.current);
+		x.current && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(x.current);
 	}, []);
-	let S = s((e, t, n) => {
+	let C = s((e, t, n) => {
 		if (!t && !n) return () => {};
 		let r = (e, r) => {
 			t?.(e), n?.(e, r);
 		};
-		return p({ getHandler: (t) => t === e ? r : void 0 });
-	}, [p]), C = s((e) => {
-		if (!e || e === W.current) return -Infinity;
+		return h({ getHandler: (t) => t === e ? r : void 0 });
+	}, [h]), w = s((e) => {
+		if (!e || e === G.current) return -Infinity;
 		let t = /* @__PURE__ */ new Map();
-		if (d.current.forEach((e) => {
+		if (f.current.forEach((e) => {
 			let n = e.responder.getElement?.();
 			n && t.set(n, e.responder.zIndex ?? 0);
 		}), t.size === 0) return -Infinity;
@@ -316,29 +327,29 @@ var X = (e, t, n) => Math.min(n, Math.max(t, e)), fe = (e, t, n) => {
 		for (; n;) {
 			let e = t.get(n);
 			if (e !== void 0) return e;
-			if (n === W.current) break;
+			if (n === G.current) break;
 			n = n.parentElement;
 		}
 		return -Infinity;
-	}, []), w = s((e, t, n) => {
-		if (_e[e] === void 0 || g.current === 0) return Se;
+	}, []), T = s((e, t, n) => {
+		if (ye[e] === void 0 || _.current === 0) return we;
 		let r = t.nativeEvent;
-		if (typeof r?.clientX != "number" || typeof r?.clientY != "number") return Se;
+		if (typeof r?.clientX != "number" || typeof r?.clientY != "number") return we;
 		let i = /* @__PURE__ */ new Map();
-		if (h.current.forEach((e) => {
+		if (g.current.forEach((e) => {
 			if (!e.hasHandlers || !e.getHandler) return;
 			let t = e.getElement();
 			t && i.set(t, e);
-		}), i.size === 0) return Se;
+		}), i.size === 0) return we;
 		let a = (e) => {
 			let t = e;
 			for (; t;) {
 				if (i.has(t)) return t;
-				if (t === W.current) break;
+				if (t === G.current) break;
 				t = t.parentElement;
 			}
 			return null;
-		}, o = a(t.target), s = e === "pointermove" || e === "mousemove", c = s ? x(r.clientX, r.clientY) : document.elementsFromPoint(r.clientX, r.clientY), l = [], u = /* @__PURE__ */ new Set();
+		}, o = a(t.target), s = e === "pointermove" || e === "mousemove", c = s ? S(r.clientX, r.clientY) : document.elementsFromPoint(r.clientX, r.clientY), l = [], u = /* @__PURE__ */ new Set();
 		for (let e = 0; e < c.length; e++) {
 			let t = a(c[e]);
 			if (!t || u.has(t) || (u.add(t), t === o)) continue;
@@ -350,12 +361,12 @@ var X = (e, t, n) => Math.min(n, Math.max(t, e)), fe = (e, t, n) => {
 				getHandler: r.getHandler
 			});
 		}
-		return o && !u.has(o) && s ? Se : l;
-	}, [x]), T = s((e, t, n) => {
-		let r = W.current;
+		return o && !u.has(o) && s ? we : l;
+	}, [S]), E = s((e, t, n) => {
+		let r = G.current;
 		if (r && t.target instanceof Node && !r.contains(t.target)) return;
-		let i = be.has(e) ? C(t.target) : Infinity, a = [...w(e, t, i)];
-		if (d.current.forEach((e) => {
+		let i = xe.has(e) ? w(t.target) : Infinity, a = [...T(e, t, i)];
+		if (f.current.forEach((e) => {
 			let t = e.responder.zIndex ?? 0;
 			t >= i || a.push({
 				slot: t,
@@ -367,94 +378,99 @@ var X = (e, t, n) => Math.min(n, Math.max(t, e)), fe = (e, t, n) => {
 		a.sort((e, t) => t.slot - e.slot || +!e.box - !t.box || e.ord - t.ord);
 		let o = a.length;
 		for (let r = 0; r < o && !t.isPropagationStopped(); r++) a[r].getHandler(e)?.(t, n);
-	}, [w, C]);
+	}, [T, w]);
 	l(() => {
-		let e = W.current;
+		let e = G.current;
 		if (!e) return;
 		let t = (t) => {
-			let n = t.type, r = C(t.target), i = [];
-			if (d.current.forEach((e) => {
+			let n = t.type, r = w(t.target), i = [];
+			if (f.current.forEach((e) => {
 				(e.responder.zIndex ?? 0) > r && i.push(e);
 			}), i.length === 0) return;
 			i.sort((e, t) => (t.responder.zIndex ?? 0) - (e.responder.zIndex ?? 0) || t.seq - e.seq);
-			let a = Ce(t, e);
-			for (let e = 0; e < i.length && !a.isPropagationStopped(); e++) i[e].responder.getHandler(n)?.(a, u.current);
+			let a = Te(t, e);
+			for (let e = 0; e < i.length && !a.isPropagationStopped(); e++) i[e].responder.getHandler(n)?.(a, d.current);
 		};
-		for (let n = 0; n < ye.length; n++) e.addEventListener(ye[n], t, !0);
+		for (let n = 0; n < Z.length; n++) e.addEventListener(Z[n], t, !0);
 		return () => {
-			for (let n = 0; n < ye.length; n++) e.removeEventListener(ye[n], t, !0);
+			for (let n = 0; n < Z.length; n++) e.removeEventListener(Z[n], t, !0);
 		};
-	}, [C]);
-	let E = N((e) => {
-		T("pointerdown", e, u.current);
-	}, []), D = N((e) => {
-		T("pointermove", e, u.current);
+	}, [w]);
+	let D = N((e) => {
+		E("pointerdown", e, d.current);
 	}, []), O = N((e) => {
-		T("pointerup", e, u.current);
+		E("pointermove", e, d.current);
 	}, []), k = N((e) => {
-		T("pointerleave", e, u.current);
+		E("pointerup", e, d.current);
 	}, []), A = N((e) => {
-		T("mousedown", e, u.current);
+		E("pointerleave", e, d.current);
 	}, []), j = N((e) => {
-		T("mouseenter", e, u.current);
+		E("mousedown", e, d.current);
 	}, []), M = N((e) => {
-		T("mouseleave", e, u.current);
+		E("mouseenter", e, d.current);
 	}, []), P = N((e) => {
-		T("mousemove", e, u.current);
+		E("mouseleave", e, d.current);
 	}, []), I = N((e) => {
-		T("mouseout", e, u.current);
+		E("mousemove", e, d.current);
 	}, []), L = N((e) => {
-		T("mouseover", e, u.current);
+		E("mouseout", e, d.current);
 	}, []), R = N((e) => {
-		T("mouseup", e, u.current);
+		E("mouseover", e, d.current);
 	}, []), z = N((e) => {
-		T("dblclick", e, u.current);
+		E("mouseup", e, d.current);
 	}, []), B = N((e) => {
-		T("keydown", e, u.current);
+		E("dblclick", e, d.current);
 	}, []), V = N((e) => {
-		T("keypress", e, u.current);
+		E("keydown", e, d.current);
 	}, []), ee = N((e) => {
-		T("keyup", e, u.current);
+		E("keypress", e, d.current);
 	}, []), H = N((e) => {
-		r?.(e), T("focus", e, u.current);
-	}, [r]), te = N((e) => {
-		i?.(e), T("blur", e, u.current);
-	}, [i]), U = N((e) => {
-		T("contextmenu", e, u.current);
-	}, []), W = F(t, () => ({
+		E("keyup", e, d.current);
+	}, []), te = N((e) => {
+		r?.(e), E("focus", e, d.current);
+	}, [r]), U = N((e) => {
+		i?.(e), E("blur", e, d.current);
+	}, [i]), W = N((e) => {
+		if (a?.(e), e.defaultPrevented) return;
+		let t = e.target;
+		(t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement)?.closest("input, textarea, [contenteditable]:not([contenteditable=\"false\"])") || e.preventDefault();
+	}, [a]), ne = N((e) => {
+		E("contextmenu", e, d.current);
+	}, []), G = F(t, () => ({
 		isStage: () => !0,
-		addReactEventListener: S,
-		registerResponder: p,
-		registerLayer: _
+		addReactEventListener: C,
+		registerResponder: h,
+		registerLayer: v
 	}), []);
-	return l(() => _({ getElement: () => W.current }), [_]), y("div", {
-		className: Y(n, "stage", ge),
-		ref: W,
+	return l(() => v({ getElement: () => G.current }), [v]), y("div", {
+		className: Y(n, "stage", ve),
+		ref: G,
 		tabIndex: 0,
-		...o,
-		onPointerDown: E,
-		onPointerMove: D,
-		onPointerUp: O,
-		onPointerLeave: k,
-		onMouseDown: A,
-		onMouseEnter: j,
-		onMouseLeave: M,
-		onMouseMove: P,
-		onMouseOut: I,
-		onMouseOver: L,
-		onMouseUp: R,
-		onDoubleClick: z,
-		onKeyDown: B,
-		onKeyUp: ee,
-		onKeyPress: V,
-		onFocus: H,
-		onBlur: te,
-		onContextMenu: U,
-		children: a
+		...c,
+		onPointerDown: D,
+		onPointerMove: O,
+		onPointerUp: k,
+		onPointerLeave: A,
+		onMouseDown: j,
+		onMouseEnter: M,
+		onMouseLeave: P,
+		onMouseMove: I,
+		onMouseOut: L,
+		onMouseOver: R,
+		onMouseUp: z,
+		onDoubleClick: B,
+		onKeyDown: V,
+		onKeyUp: H,
+		onKeyPress: ee,
+		onFocus: te,
+		onBlur: U,
+		onContextMenu: ne,
+		onDragStart: W,
+		children: o
 	});
 }));
-xe.displayName = "Stage";
-var Se = Object.freeze([]), Ce = (e, t) => {
+Ce.displayName = "Stage";
+var we = Object.freeze([]), Te = (e, t) => {
 	let n = !1;
 	return new Proxy(e, { get(r, i) {
 		switch (i) {
@@ -473,7 +489,7 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 			}
 		}
 	} });
-}, we = (e) => `${e.rowStart},${e.colStart},${e.rowEnd},${e.colEnd}`, Te = n(0), Ee = n(!1), De = (e, t) => {
+}, Q = (e) => `${e.rowStart},${e.colStart},${e.rowEnd},${e.colEnd}`, Ee = n(0), De = n(!1), Oe = (e, t) => {
 	let { rowDims: n, columnDims: r, computeRowDims: i, computeColumnDims: a, viewport: o, zoom: s, containerWidth: c, containerHeight: l, getRangeFromCell: u, invalidate: d, totalRange: f, getSurfacePointFromPointer: p, scrollTo: m, scrollCellCoordsIntoView: h, getAllPanes: g } = t, _ = e.anchor, v = n[e.rowIndex], y = r[e.columnIndex];
 	if (v.minIndex > v.maxIndex || y.minIndex > y.maxIndex) return null;
 	let b = e.scrollOrientation, x = Object.freeze({
@@ -563,9 +579,12 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		getElement: () => e.refStage,
 		invalidate: d,
 		focus(t) {
-			let n = e.refStage;
-			n && n.focus(t);
+			(e.focusTarget?.() ?? e.refStage)?.focus(t);
 		},
+		registerFocusTarget: (t) => (e.focusTarget = t, () => {
+			e.focusTarget === t && (e.focusTarget = null);
+		}),
+		getFocusTarget: () => e.focusTarget?.() ?? null,
 		setPointerCapture: (t) => {
 			let n = e.refStage;
 			n && n.setPointerCapture(t);
@@ -660,9 +679,9 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 			let n = p(e, t);
 			if (!n) return null;
 			let r = g();
-			for (let e = 0; e < Q.length; e++) {
-				let t = r[Q[e]];
-				if (t && he(n.x, n.y, t.getPaneBounds())) return t;
+			for (let e = 0; e < ke.length; e++) {
+				let t = r[ke[e]];
+				if (t && _e(n.x, n.y, t.getPaneBounds())) return t;
 			}
 			return null;
 		},
@@ -687,12 +706,12 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		scrollTo: (e) => m(e),
 		getAllPanes: g
 	};
-}, Q = [
+}, ke = [
 	V.TopLeft,
 	V.Top,
 	V.Left,
 	V.Center
-], Oe = (e, t, n) => {
+], Ae = (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,
@@ -700,7 +719,7 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		getRowOffset: (t) => e.getRowOffset(t) - i,
 		getRowIndex: (t) => e.getRowIndex(t + i)
 	};
-}, ke = Object.freeze([{
+}, je = Object.freeze([{
 	minIndex: 0,
 	maxIndex: 0,
 	minCoord: 0,
@@ -717,13 +736,13 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 	maxVirtualBounds: 0,
 	scrollOffset: 0,
 	freezeOffset: 0
-}]), Ae = n(null), je = ({ pane: e, viewport: t, children: n }) => {
+}]), Me = n(null), Ne = ({ pane: e, viewport: t, children: n }) => {
 	let r = R(t, (e) => e.getSnapshot()), i = f(() => ({ pane: e }), [e, r]);
-	return y(Ae.Provider, {
+	return y(Me.Provider, {
 		value: i,
 		children: n
 	});
-}, Me = () => {
+}, Pe = () => {
 	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
 	return {
 		has: (t) => e.has(t),
@@ -741,13 +760,13 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 			};
 		}
 	};
-}, Ne = n(null), Pe = ({ store: e, children: t }) => {
-	let n = c(Ne), r = m(null), i = e ?? n;
-	return i ||= (r.current ||= Me(), r.current), y(Ne.Provider, {
+}, Fe = n(null), Ie = ({ store: e, children: t }) => {
+	let n = c(Fe), r = m(null), i = e ?? n;
+	return i ||= (r.current ||= Pe(), r.current), y(Fe.Provider, {
 		value: i,
 		children: t
 	});
-}, Fe = { "sheetxl-grid": "_sheetxl-grid_5yo0n_7" }, Ie = o(i((e, n) => {
+}, Le = { "sheetxl-grid": "_sheetxl-grid_5yo0n_7" }, Re = 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: k, onBlur: A, className: j, style: M, ...P } = e, L = N(k, [k]), R = N(A, [A]), z = N(T, [T]), [B, ee] = h(V.Center), [U, W] = p((e) => e + 1, 0), ne = f(() => new O({}), []), G = c ?? ne, [re, ie] = h(() => {
 		let e = G.getClient();
 		return {
@@ -770,14 +789,14 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		return e(), G.subscribe(e);
 	}, [G]);
 	let K = re.zoom, q = f(() => {
-		let e = u ?? Le;
+		let e = u ?? ze;
 		return {
 			getColOffset: (t) => e.getColOffset(t) * K,
 			getColIndex: (t) => e.getColIndex(t / K),
 			getRowOffset: (t) => e.getRowOffset(t) * K,
 			getRowIndex: (t) => e.getRowIndex(t / K)
 		};
-	}, [u, K]), oe = N((e, t = !1) => me(e, t, q.getRowOffset, t ? 0 : i), [i, q?.getRowOffset]), J = N(g ?? oe, [g]), se = N((e, t = !1) => me(e, t, q.getColOffset, t ? o : 0), [o, q?.getColOffset]), ce = N(_ ?? se, [_]), le = s(() => {
+	}, [u, K]), oe = N((e, t = !1) => ge(e, t, q.getRowOffset, t ? 0 : i), [i, q?.getRowOffset]), J = N(g ?? oe, [g]), se = N((e, t = !1) => ge(e, t, q.getColOffset, t ? o : 0), [o, q?.getColOffset]), ce = N(_ ?? se, [_]), le = s(() => {
 		W();
 	}, []), ue = f(() => Math.min(re.w, q.getColOffset(o)), [
 		U,
@@ -789,15 +808,15 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		q.getRowOffset,
 		i,
 		re.h
-	]), X = f(() => {
+	]), pe = f(() => {
 		let e = NaN, t = null;
 		return (n) => (n === e && t || (e = n, t = ((e) => {
-			if (de === 0) return ke;
+			if (de === 0) return je;
 			let t = [], n = 0, r = 0;
 			typeof S == "number" ? n = S : (n = S.index ?? 0, r = (S.offset ?? 0) * K);
 			let a = r, o = q.getRowOffset(n), s = o - a;
 			if (n > 0) {
-				let e = Oe(q, { top: r + q.getRowOffset(0) }), i = q.getRowIndex(a), c = q.getRowIndex(o - 1), l;
+				let e = Ae(q, { top: r + q.getRowOffset(0) }), i = q.getRowIndex(a), c = q.getRowIndex(o - 1), l;
 				t[1] = {
 					minIndex: i,
 					maxIndex: c,
@@ -805,14 +824,14 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 					maxCoord: n - 1,
 					minBounds: 0,
 					maxBounds: s,
-					visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? fe(J, e, t) : l || (l = Object.freeze(fe(J, i, c)), l),
+					visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? me(J, e, t) : l || (l = Object.freeze(me(J, i, c)), l),
 					metrics: e,
 					maxVirtualBounds: o,
 					scrollOffset: r,
 					freezeOffset: r
 				};
 			}
-			let c = Math.max(0, de - s), l = Oe(q, { top: e + s }), u = l.getRowIndex(0), d = l.getRowIndex(c - 1), f;
+			let c = Math.max(0, de - s), l = Ae(q, { top: e + s }), u = l.getRowIndex(0), d = l.getRowIndex(c - 1), f;
 			return t[0] = {
 				minIndex: u,
 				maxIndex: d,
@@ -820,7 +839,7 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 				maxCoord: i - 1,
 				minBounds: s,
 				maxBounds: c,
-				visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? fe(J, e, t) : f || (f = Object.freeze(fe(J, u, d)), f),
+				visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? me(J, e, t) : f || (f = Object.freeze(me(J, u, d)), f),
 				metrics: l,
 				maxVirtualBounds: q.getRowOffset(i),
 				scrollOffset: e,
@@ -836,15 +855,15 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		i,
 		S,
 		K
-	]), ge = f(() => X(0), [X]), _e = f(() => {
+	]), X = f(() => pe(0), [pe]), ve = f(() => {
 		let e = NaN, t = null;
 		return (n) => (n === e && t || (e = n, t = ((e) => {
-			if (ue === 0) return ke;
+			if (ue === 0) return je;
 			let t = [], n = 0, r = 0;
 			typeof x == "number" ? n = x : (n = x.index ?? 0, r = (x.offset ?? 0) * K);
 			let i = r, a = q.getColOffset(n), s = a - i;
 			if (n > 0) {
-				let e = Oe(q, { left: r + q.getColOffset(0) }), o = q.getColIndex(i), c = q.getColIndex(a - 1), l;
+				let e = Ae(q, { left: r + q.getColOffset(0) }), o = q.getColIndex(i), c = q.getColIndex(a - 1), l;
 				t[1] = {
 					minIndex: o,
 					maxIndex: c,
@@ -852,14 +871,14 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 					maxCoord: n - 1,
 					minBounds: 0,
 					maxBounds: s,
-					visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? fe(ce, e, t) : l || (l = Object.freeze(fe(ce, o, c)), l),
+					visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? me(ce, e, t) : l || (l = Object.freeze(me(ce, o, c)), l),
 					metrics: e,
 					maxVirtualBounds: a,
 					scrollOffset: r,
 					freezeOffset: r
 				};
 			}
-			let c = Math.max(0, ue - s), l = Oe(q, { left: e + s }), u = l.getColIndex(0), d = l.getColIndex(c - 1), f;
+			let c = Math.max(0, ue - s), l = Ae(q, { left: e + s }), u = l.getColIndex(0), d = l.getColIndex(c - 1), f;
 			return t[0] = {
 				minIndex: u,
 				maxIndex: d,
@@ -867,7 +886,7 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 				maxCoord: o - 1,
 				minBounds: s,
 				maxBounds: c,
-				visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? fe(ce, e, t) : f || (f = Object.freeze(fe(ce, u, d)), f),
+				visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? me(ce, e, t) : f || (f = Object.freeze(me(ce, u, d)), f),
 				metrics: l,
 				maxVirtualBounds: q.getColOffset(o),
 				scrollOffset: e,
@@ -883,9 +902,9 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		o,
 		x,
 		K
-	]), ve = f(() => _e(0), [_e]), ye = m([]), [be, Z] = p((e) => e + 1, 0), Se = ge.length, Ce = ve.length, we = f(() => {
+	]), ye = f(() => ve(0), [ve]), be = m([]), [Z, xe] = p((e) => e + 1, 0), Se = X.length, we = ye.length, Te = f(() => {
 		let e = [], t = (t, n, r, i, a) => {
-			if (t >= Ce || n >= Se) return null;
+			if (t >= we || n >= Se) return null;
 			let o = {
 				anchor: r,
 				columnIndex: t,
@@ -903,9 +922,9 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 					bottom: a?.bottom ?? 0
 				})
 			};
-			o.elemStage = y(xe, {
+			o.elemStage = y(Ce, {
 				ref: (e) => {
-					e ? (o.refStage = e, Z()) : o.refStage = null;
+					e ? (o.refStage = e, xe()) : o.refStage = null;
 				},
 				className: `stage stage-${r}`,
 				onFocus: (e) => {
@@ -916,18 +935,18 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 				}
 			}), e.push(o);
 		};
-		return t(0, 0, V.Center, He, Ve), t(0, 1, V.Top, Ue), t(1, 0, V.Left, We), t(1, 1, V.TopLeft, Ge), e;
-	}, [Se, Ce]), Q = f(() => {
+		return t(0, 0, V.Center, We, Ue), t(0, 1, V.Top, Ge), t(1, 0, V.Left, Ke), t(1, 1, V.TopLeft, qe), e;
+	}, [Se, we]), Q = f(() => {
 		let e = {}, t = {
 			colStart: 0,
 			rowStart: 0,
 			colEnd: o - 1,
 			rowEnd: i - 1
-		}, n = (n) => De(n, {
-			rowDims: ge,
-			columnDims: ve,
-			computeRowDims: X,
-			computeColumnDims: _e,
+		}, n = (n) => Oe(n, {
+			rowDims: X,
+			columnDims: ye,
+			computeRowDims: pe,
+			computeColumnDims: ve,
 			viewport: G,
 			zoom: K,
 			containerWidth: ue,
@@ -935,48 +954,48 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 			getRangeFromCell: d,
 			invalidate: le,
 			totalRange: t,
-			getSurfacePointFromPointer: (e, t) => qe(e, t),
-			scrollTo: (e) => $e(e),
-			scrollCellCoordsIntoView: (e, t, n) => Qe(e, t, n),
+			getSurfacePointFromPointer: (e, t) => $(e, t),
+			scrollTo: (e) => et(e),
+			scrollCellCoordsIntoView: (e, t, n) => $e(e, t, n),
 			getAllPanes: () => e
-		}), r = we.length;
+		}), r = Te.length;
 		for (let t = 0; t < r; t++) {
-			let r = we[t];
+			let r = Te[t];
 			e[r.anchor] = n(r);
 		}
 		return e = Object.freeze(e), e;
 	}, [
-		we,
-		ge,
-		ve,
+		Te,
 		X,
-		_e,
+		ye,
+		pe,
+		ve,
 		G,
 		d,
-		be
-	]), Ae = ve[0]?.maxVirtualBounds ?? 0, Me = ge[0]?.maxVirtualBounds ?? 0, Ne = re.ready, Ie = f(() => {
-		let e = ve[1], t = ge[1];
+		Z
+	]), ke = ye[0]?.maxVirtualBounds ?? 0, Me = X[0]?.maxVirtualBounds ?? 0, Pe = re.ready, Fe = f(() => {
+		let e = ye[1], t = X[1];
 		return {
 			left: e ? e.metrics.getColOffset(e.maxIndex + 1) : 0,
 			top: t ? t.metrics.getRowOffset(t.maxIndex + 1) : 0
 		};
-	}, [ge, ve]), $ = N((e) => {
+	}, [X, ye]), Re = N((e) => {
 		te.canUseDOM && setTimeout(() => {
-			(Q[B]?.getElement() ?? Q[V.Center]?.getElement())?.focus({
+			(Q[B] ?? fe(Q))?.focus({
 				preventScroll: !0,
 				...e
 			});
 		}, 0);
 	}, [B, Q]);
 	l(() => {
-		let e = ye.current, t = e.length;
+		let e = be.current, t = e.length;
 		if (t > 0) {
 			for (let n = 0; n < t; n++) e[n]();
-			ye.current = [];
+			be.current = [];
 		}
 	}, [Q]);
-	let qe = s((e, t) => {
-		let n = et.current?.getBoundingClientRect();
+	let $ = s((e, t) => {
+		let n = tt.current?.getBoundingClientRect();
 		return n ? {
 			x: e - n.x,
 			y: t - n.y
@@ -984,42 +1003,42 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 			x: e,
 			y: t
 		};
-	}, []), Je = N((e, t) => {
-		if (Object.keys(Q).length === 1) return Q[V.Center];
-		let n = qe(e, t);
-		if (!n) return Q[V.Center];
-		let { x: r, y: i } = n, a = null, o = Ke, s = o.length;
+	}, []), Ye = N((e, t) => {
+		if (Object.keys(Q).length === 1) return fe(Q);
+		let n = $(e, t);
+		if (!n) return fe(Q);
+		let { x: r, y: i } = n, a = null, o = Je, s = o.length;
 		for (let e = 0; !a && e < s; e++) {
 			let t = Q[o[e]];
-			t && he(r, i, t.getPaneBounds()) && (a = t);
+			t && _e(r, i, t.getPaneBounds()) && (a = t);
 		}
-		return a ||= Q[V.Center], a;
+		return a ||= fe(Q), a;
 	}, [Q, d]);
 	l(() => {
-		let e = ve?.[1]?.scrollOffset ?? 0, t = ge?.[1]?.scrollOffset ?? 0;
-		G.setContent(Ae, Me, e, t);
+		let e = ye?.[1]?.scrollOffset ?? 0, t = X?.[1]?.scrollOffset ?? 0;
+		G.setContent(ke, Me, e, t);
 	}, [
 		G,
-		Ae,
+		ke,
 		Me,
-		ve,
-		ge
+		ye,
+		X
 	]);
-	let Ye = N((e) => {
+	let Xe = N((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 = G.getTarget();
-		t !== void 0 && (t = i.left + (t ?? 0)), n !== void 0 && (n = i.top + (n ?? 0)), i.left === t && i.top === n || $e({
+		t !== void 0 && (t = i.left + (t ?? 0)), n !== void 0 && (n = i.top + (n ?? 0)), i.left === t && i.top === n || et({
 			left: t,
 			top: n,
 			behavior: r
 		});
-	}, []), Xe = N((e) => e === void 0 ? Q[B] ?? Q[V.Center] ?? null : Q[e] ?? null, [Q, B]), Ze = N((e) => {
+	}, []), Ze = N((e) => e === void 0 ? Q[B] ?? fe(Q) : Q[e] ?? null, [Q, B]), Qe = N((e) => {
 		let t = Q[B];
-		if (!t) return Q[V.Center];
+		if (!t) return fe(Q);
 		let n = t.getScrollOrientation(), r = { ...t.getVisibleRange() };
-		return n.vertical && (r.rowStart = ge[0].minCoord, r.rowEnd = ge[0].maxCoord), n.horizontal && (r.colStart = ve[0].minCoord, r.colEnd = ve[0].maxCoord), n && H.isCellWithinRange(e, r) ? t : Q[V.Center];
-	}, [Q, B]), Qe = N((e, t = {
+		return n.vertical && (r.rowStart = X[0].minCoord, r.rowEnd = X[0].maxCoord), n.horizontal && (r.colStart = ye[0].minCoord, r.colEnd = ye[0].maxCoord), n && H.isCellWithinRange(e, r) ? t : fe(Q);
+	}, [Q, B]), $e = N((e, t = {
 		inline: "nearest",
 		block: "nearest"
 	}, n = null) => {
@@ -1032,7 +1051,8 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 			if (i = Q[n], !i) return new Promise((e, t) => {
 				t("Invalid view");
 			});
-		} else i = Ze(r);
+		} else i = Qe(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 ? {
 				block: "start",
@@ -1045,7 +1065,7 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 				inline: "end",
 				...n
 			};
-			let r = pe(n.inline ?? "end", e.x, e.x + e.width, t.left, t.left + t.width, t.totalWidth), i = pe(n.block ?? "end", e.y, e.y + e.height, t.top, t.top + t.height, t.totalHeight);
+			let r = he(n.inline ?? "end", e.x, e.x + e.width, t.left, t.left + t.width, t.totalWidth), i = he(n.block ?? "end", e.y, e.y + e.height, t.top, t.top + t.height, t.totalHeight);
 			if (r !== void 0 || i !== void 0) return {
 				left: r ?? t.left,
 				top: i ?? t.top
@@ -1065,13 +1085,13 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		}, t);
 		if (!h) return Promise.resolve({ ...m });
 		let g = { ...h }, { left: _, top: v } = G.getScroll();
-		g.left !== void 0 && (g.left > _ ? g.left += ze : g.left < _ && (g.left -= Re)), g.top !== void 0 && (g.top > v ? g.top += ze : g.top < v && (g.top -= Re));
+		g.left !== void 0 && (g.left > _ ? g.left += Ve : g.left < _ && (g.left -= Be)), g.top !== void 0 && (g.top > v ? g.top += Ve : g.top < v && (g.top -= Be));
 		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) < Be || !G.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) < He || !G.isSettled() ? "instant" : "smooth");
 		return new Promise((e, t) => {
 			try {
-				$e({
+				et({
 					...g,
 					behavior: S
 				}), e(g);
@@ -1080,50 +1100,50 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 			}
 		});
 	}, [
-		Ae,
+		ke,
 		Me,
 		Q,
 		d
-	]), $e = N((e) => {
+	]), et = N((e) => {
 		let t = e?.left ?? e?.[0], n = e?.top ?? e?.[1], r = G.getTarget(), i = t ?? r.left, a = n ?? r.top, o = e?.behavior === "smooth";
 		G.setTarget(i, a, o);
-	}, []), et = F(n, () => ({
-		focus: $,
+	}, []), tt = F(n, () => ({
+		focus: Re,
 		invalidate: le,
-		scrollTo: $e,
-		scrollBy: Ye,
-		scrollCellCoordsIntoView: Qe,
-		getPaneFromClient: Je,
-		getPaneFromCell: Ze,
-		getPane: Xe,
+		scrollTo: et,
+		scrollBy: Xe,
+		scrollCellCoordsIntoView: $e,
+		getPaneFromClient: Ye,
+		getPaneFromCell: Qe,
+		getPane: Ze,
 		onPaneChangeOnce: (e) => {
-			ye.current.push(e);
+			be.current.push(e);
 		}
 	}), [Q]);
-	l(() => G.observe(et.current), [G]);
-	let tt = (e, t) => {
+	l(() => G.observe(tt.current), [G]);
+	let nt = (e, t) => {
 		let n = ((e) => {
 			if (!e) return null;
 			if (!Array.isArray(e)) return e;
 			let t = (e) => a(e) && e.props?.zIndex != null ? e.props.zIndex : 0;
-			return [...e].sort((e, n) => t(e) - t(n)).map((e, t) => a(e) ? r(Te.Provider, {
+			return [...e].sort((e, n) => t(e) - t(n)).map((e, t) => a(e) ? r(Ee.Provider, {
 				key: e.key ?? `layer-${t}`,
 				value: t
 			}, e) : e);
 		})(t);
-		return n ? y(Ee.Provider, {
+		return n ? y(De.Provider, {
 			value: !1,
-			children: y(je, {
+			children: y(Ne, {
 				pane: e,
 				viewport: G,
 				children: D ? D(e, n) : n
 			})
 		}) : null;
-	}, nt = f(() => {
+	}, rt = f(() => {
 		let e = {}, t = Object.keys(Q), n = t.length;
 		for (let r = 0; r < n; r++) {
 			let n = t[r];
-			e[n] = tt(Q[n], E);
+			e[n] = nt(Q[n], E);
 		}
 		return e;
 	}, [
@@ -1133,7 +1153,7 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		D,
 		i,
 		o
-	]), rt = f(() => Ie.left === 0 ? null : y(ae, {
+	]), it = f(() => Fe.left === 0 ? null : y(ae, {
 		linePoints: [
 			0,
 			0,
@@ -1141,7 +1161,7 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 			de + 1
 		],
 		bounds: {
-			x: Ie.left,
+			x: Fe.left,
 			y: 0,
 			width: 1,
 			height: de + 1
@@ -1149,10 +1169,10 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		...C
 	}), [
 		U,
-		Ie.left,
+		Fe.left,
 		de,
 		C
-	]), it = f(() => Ie.top === 0 ? null : y(ae, {
+	]), at = f(() => Fe.top === 0 ? null : y(ae, {
 		linePoints: [
 			0,
 			0,
@@ -1161,20 +1181,20 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 		],
 		bounds: {
 			x: 0,
-			y: Ie.top,
+			y: Fe.top,
 			width: ue + 1,
 			height: 1
 		},
 		...w
 	}), [
 		U,
-		Ie.top,
+		Fe.top,
 		ue,
 		w
-	]), at = m(!1), ot = f(() => {
-		if (!Ne) return null;
+	]), ot = m(!1), st = f(() => {
+		if (!Pe) return null;
 		let e = (e, n) => {
-			let r = e.anchor, i = n.getPaneBounds(), a = Ie.left > 0, o = Ie.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, _ = {
+			let r = e.anchor, i = n.getPaneBounds(), a = Fe.left > 0, o = Fe.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, _ = {
 				position: "absolute",
 				left: i.x,
 				top: i.y,
@@ -1182,87 +1202,87 @@ var Se = Object.freeze([]), Ce = (e, t) => {
 				height: i.height,
 				clip: g ? `rect(${f}px, ${m}px, ${h}px, ${p}px)` : void 0
 			};
-			return y(je, {
+			return y(Ne, {
 				pane: n,
 				viewport: G,
-				children: e.elemStage ? t(e.elemStage, { style: _ }, nt?.[r]) : null
+				children: e.elemStage ? t(e.elemStage, { style: _ }, rt?.[r]) : null
 			}, `pane:${r}`);
-		}, n = we.length, r = Array(n);
+		}, n = Te.length, r = Array(n);
 		for (let t = 0; t < n; t++) {
-			let n = we[t], i = n.anchor, a = Q[i];
+			let n = Te[t], i = n.anchor, a = Q[i];
 			r[t] = a ? e(n, a) : null;
 		}
 		return b(v, { children: [
 			r,
-			rt,
-			it
+			it,
+			at
 		] });
 	}, [
 		Q,
-		we,
-		nt,
+		Te,
+		rt,
 		ue,
 		de,
-		Ne,
-		Ie,
-		rt,
-		it
+		Pe,
+		Fe,
+		it,
+		at
 	]);
 	l(() => {
-		!at.current && ot && Ne && (at.current = !0, z?.(et.current));
-	}, [ot, Ne]);
-	let st = I();
+		!ot.current && st && Pe && (ot.current = !0, z?.(tt.current));
+	}, [st, Pe]);
+	let ct = I();
 	return y("div", {
-		ref: et,
-		className: Y(j, "grid-surface", Fe["sheetxl-grid"], { "touch-input": st === "touch" }),
+		ref: tt,
+		className: Y(j, "grid-surface", Le["sheetxl-grid"], { "touch-input": ct === "touch" }),
 		style: {
 			overflow: "hidden",
 			...M
 		},
 		...P,
-		children: y(Pe, { children: ot })
+		children: y(Ie, { children: st })
 	});
 }));
-Ie.displayName = "GridSurface";
-var Le = Object.freeze({
+Re.displayName = "GridSurface";
+var ze = Object.freeze({
 	getColOffset: (e) => 75 * e,
 	getColIndex: (e) => Math.floor(e / 75),
 	getRowOffset: (e) => 20 * e,
 	getRowIndex: (e) => Math.floor(e / 20)
-}), Re = 0, ze = 20, Be = 150, Ve = Object.freeze({
+}), Be = 0, Ve = 20, He = 150, Ue = Object.freeze({
 	bottom: -4,
 	right: -4
-}), He = Object.freeze({
+}), We = Object.freeze({
 	horizontal: !0,
 	vertical: !0
-}), Ue = Object.freeze({
+}), Ge = Object.freeze({
 	horizontal: !0,
 	vertical: !1
-}), We = Object.freeze({
+}), Ke = Object.freeze({
 	horizontal: !1,
 	vertical: !0
-}), Ge = Object.freeze({
+}), qe = Object.freeze({
 	horizontal: !1,
 	vertical: !1
-}), Ke = [
+}), Je = [
 	V.TopLeft,
 	V.Top,
 	V.Left,
 	V.Center
 ];
 function $() {
-	let e = c(Ae);
+	let e = c(Me);
 	if (!e) throw Error("useGridPane must be used within a GridPaneProvider");
 	return e.pane;
 }
-function qe() {
-	return c(Ae)?.pane ?? null;
+function Ye() {
+	return c(Me)?.pane ?? null;
 }
-var Je = (e) => `k:${e}`;
-function Ye(e, t) {
-	let n = c(Ne), r = m(null);
-	r.current ||= Me();
-	let i = n ?? r.current, a = Je(e), o = m(null);
+var Xe = (e) => `k:${e}`;
+function Ze(e, t) {
+	let n = c(Fe), r = m(null);
+	r.current ||= Pe();
+	let i = n ?? r.current, a = Xe(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) => {
@@ -1270,51 +1290,51 @@ function Ye(e, t) {
 		i.set(a, typeof e == "function" ? e(t) : e);
 	}, [i, a])];
 }
-function Xe(e, t) {
-	let n = c(Ne), r = m(null);
-	r.current ||= Me();
-	let i = n ?? r.current, a = Je(e), o = m(t);
+function Qe(e, t) {
+	let n = c(Fe), r = m(null);
+	r.current ||= Pe();
+	let i = n ?? r.current, a = Xe(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 Ze(e, t, n) {
-	let r = Je(t), i = s(() => e.has(r) ? e.get(r) : n, [
+function $e(e, t, n) {
+	let r = Xe(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 Qe = () => ({
-	zIndex: c(Te),
-	pane: qe()
-}), $e = 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(Ee);
+var et = () => ({
+	zIndex: c(Ee),
+	pane: Ye()
+}), tt = 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(De);
 	l(() => {
-		D && !tt && (tt = !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 && !rt && (rt = !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 = Z(qe()), k = c(Te), A = m({});
+	let O = Se(Ye()), k = c(Ee), A = m({});
 	A.current = {
-		pointerdown: et(t),
-		pointermove: et(n),
-		pointerup: et(r),
-		pointerleave: et(i),
-		mousedown: et(a),
-		mouseenter: et(o),
-		mouseleave: et(s),
-		mousemove: et(u),
-		mouseout: et(d),
-		mouseover: et(f),
-		mouseup: et(p),
-		dblclick: et(h),
-		keydown: et(g),
-		keypress: et(_),
-		keyup: et(v),
-		focus: et(b),
-		blur: et(x),
-		contextmenu: et(S)
+		pointerdown: nt(t),
+		pointermove: nt(n),
+		pointerup: nt(r),
+		pointerleave: nt(i),
+		mousedown: nt(a),
+		mouseenter: nt(o),
+		mouseleave: nt(s),
+		mousemove: nt(u),
+		mouseout: nt(d),
+		mouseover: nt(f),
+		mouseup: nt(p),
+		dblclick: nt(h),
+		keydown: nt(g),
+		keypress: nt(_),
+		keyup: nt(v),
+		focus: nt(b),
+		blur: nt(x),
+		contextmenu: nt(S)
 	};
 	let j = m(null);
 	return l(() => {
@@ -1340,23 +1360,23 @@ var Qe = () => ({
 		onKeyPress: _,
 		onKeyUp: v,
 		onContextMenu: S,
-		children: E == null ? null : y(Ee.Provider, {
+		children: E == null ? null : y(De.Provider, {
 			value: !0,
 			children: E
 		})
 	});
 });
-$e.displayName = "Layer";
-var et = (e) => e ? (t) => e(t) : void 0, tt = !1, nt = !1, rt = "_virtual-div_16eab_1", it = o(i((e, t) => {
+tt.displayName = "Layer";
+var nt = (e) => e ? (t) => e(t) : void 0, rt = !1, it = !1, at = "_virtual-div_16eab_1", ot = 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(Ee) || at || (at = !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(De) || st || (st = !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 = Z(qe()), r = c(Te), i = !1;
+		let n = Se(Ye()), r = c(Ee), i = !1;
 		if (t) {
-			for (let e = 0; e < ve.length; e++) if (typeof t[ve[e]] == "function") {
+			for (let e = 0; e < be.length; e++) if (typeof t[be[e]] == "function") {
 				i = !0;
 				break;
 			}
@@ -1374,7 +1394,7 @@ var et = (e) => e ? (t) => e(t) : void 0, tt = !1, nt = !1, rt = "_virtual-div_1
 				getElement: () => a.current.getElement(),
 				hasHandlers: i,
 				getHandler: i ? (e) => {
-					let t = _e[e];
+					let t = ye[e];
 					if (t === void 0) return;
 					let n = a.current.handlerProps?.[t];
 					return typeof n == "function" ? (e) => n(e) : void 0;
@@ -1396,7 +1416,7 @@ var et = (e) => e ? (t) => e(t) : void 0, tt = !1, nt = !1, rt = "_virtual-div_1
 		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 nt || (nt = !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 it || (it = !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 = {
@@ -1437,7 +1457,7 @@ var et = (e) => e ? (t) => e(t) : void 0, tt = !1, nt = !1, rt = "_virtual-div_1
 		height: S.height
 	};
 	return y("div", {
-		className: Y(p, rt),
+		className: Y(p, at),
 		style: {
 			width: `${A}px`,
 			height: `${j}px`,
@@ -1457,8 +1477,8 @@ var et = (e) => e ? (t) => e(t) : void 0, tt = !1, nt = !1, rt = "_virtual-div_1
 		})
 	});
 }));
-it.displayName = "VirtualDiv";
-var at = !1, ot = (e, t, n, r) => ({
+ot.displayName = "VirtualDiv";
+var st = !1, ct = (e, t, n, r) => ({
 	x: e,
 	y: t,
 	width: n,
@@ -1467,44 +1487,44 @@ var at = !1, ot = (e, t, n, r) => ({
 	left: e,
 	right: e + n,
 	bottom: t + r
-}), st = ot(0, 0, 0, 0), ct = (e) => {
+}), lt = ct(0, 0, 0, 0), ut = (e) => {
 	let t = e.getElement()?.getBoundingClientRect?.();
 	return {
 		x: t?.left ?? 0,
 		y: t?.top ?? 0
 	};
-}, lt = (e) => {
+}, dt = (e) => {
 	let t = e.getElement()?.ownerDocument?.documentElement;
-	return t ? ot(0, 0, t.clientWidth, t.clientHeight) : null;
-}, ut = (e, t) => {
+	return t ? ct(0, 0, t.clientWidth, t.clientHeight) : null;
+}, ft = (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 ot(n, r, i - n, a - r);
-}, dt = (e) => {
+	return ct(n, r, i - n, a - r);
+}, pt = (e) => {
 	let t = e.getElement()?.getBoundingClientRect?.();
-	return t ? ot(t.left, t.top, t.width, t.height) : st;
-}, ft = {
+	return t ? ct(t.left, t.top, t.width, t.height) : lt;
+}, mt = {
 	side: "t",
 	align: "center"
-}, pt = {
+}, ht = {
 	side: "flip",
 	align: "slide"
-}, mt = [
+}, gt = [
 	V.TopLeft,
 	V.Top,
 	V.Left,
 	V.Center
-], ht = /* @__PURE__ */ new Set([V.Top, V.TopLeft]), gt = /* @__PURE__ */ new Set([V.Left, V.TopLeft]), _t = (e, t) => {
-	let n = ht.has(e.getAnchor()), r = gt.has(t.getAnchor());
+], _t = /* @__PURE__ */ new Set([V.Top, V.TopLeft]), vt = /* @__PURE__ */ new Set([V.Left, V.TopLeft]), yt = (e, t) => {
+	let n = _t.has(e.getAnchor()), r = vt.has(t.getAnchor());
 	return n && r ? V.TopLeft : n ? V.Top : r ? V.Left : V.Center;
-}, vt = (e, t) => {
+}, bt = (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;
-}, yt = (e, t, n, r, i, a) => {
+}, xt = (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 < mt.length; l++) {
-			let u = e[mt[l]];
+		for (let l = 0; l < gt.length; l++) {
+			let u = e[gt[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;
@@ -1516,10 +1536,10 @@ var at = !1, ot = (e, t, n, r) => ({
 			pane: a ?? o,
 			visible: c
 		};
-	})(t, r, o, s, a === "start" ? o : a === "end" ? s : Math.round((o + s) / 2)), l = c.pane ?? t[V.Center] ?? e, u = ((e, t) => {
-		let n = dt(e), r = e.getBoundsFromRange(t);
-		return ot(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 = ut(dt(l), n);
+	})(t, r, o, s, a === "start" ? o : a === "end" ? s : Math.round((o + s) / 2)), l = c.pane ?? fe(t) ?? e, u = ((e, t) => {
+		let n = pt(e), r = e.getBoundsFromRange(t);
+		return ct(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 = ft(pt(l), n);
 	return {
 		pane: l,
 		visible: c.visible,
@@ -1529,8 +1549,8 @@ var at = !1, ot = (e, t, n, r) => ({
 		vLo: r === "row" ? m.top : m.left,
 		vHi: r === "row" ? m.bottom : m.right
 	};
-}, bt = (e, t, n, r, i, a, o) => {
-	let s = yt(e, t, n, r, i, a);
+}, St = (e, t, n, r, i, a, o) => {
+	let s = xt(e, t, n, r, i, a);
 	if (!s.visible || !(s.value < s.vLo || s.value > s.vHi)) return {
 		res: s,
 		edge: a,
@@ -1542,7 +1562,7 @@ var at = !1, ot = (e, t, n, r) => ({
 		hidden: !0
 	};
 	if (o === "flip" && a !== "center") {
-		let o = a === "start" ? "end" : "start", s = yt(e, t, n, r, i, o);
+		let o = a === "start" ? "end" : "start", s = xt(e, t, n, r, i, o);
 		if (s.visible && s.value >= s.vLo && s.value <= s.vHi) return {
 			res: s,
 			edge: o,
@@ -1554,15 +1574,15 @@ var at = !1, ot = (e, t, n, r) => ({
 		edge: a,
 		hidden: !1
 	};
-}, xt = (e, t, n = "data", r = 0, i = ft, a = "hide", o = pt) => {
+}, Ct = (e, t, n = "data", r = 0, i = mt, a = "hide", o = ht) => {
 	let s = {
 		side: i.side,
 		align: i.align ?? "center"
 	};
 	if (!e) return {
-		rect: st,
+		rect: lt,
 		clipped: !0,
-		boundaryRect: st,
+		boundaryRect: lt,
 		clampedTo: null,
 		anchorPoint: {
 			x: 0,
@@ -1576,13 +1596,13 @@ var at = !1, ot = (e, t, n, r) => ({
 	let c = ((e, t) => {
 		if (t && typeof t == "object") {
 			let e = t;
-			return ot(e.x, e.y, e.width, e.height);
+			return ct(e.x, e.y, e.width, e.height);
 		}
-		let n = lt(e);
+		let n = dt(e);
 		if (t === "viewport" && n) return n;
 		if (t === "pane") {
-			let t = ct(e), r = e.getPaneBounds();
-			return ut(ot(t.x, t.y, r.width, r.height), n);
+			let t = ut(e), r = e.getPaneBounds();
+			return ft(ct(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)) {
@@ -1590,10 +1610,10 @@ var at = !1, ot = (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 = ct(e), r = e.getPaneBounds();
-			return ut(ot(t.x, t.y, r.width, r.height), n);
+			let t = ut(e), r = e.getPaneBounds();
+			return ft(ct(t.x, t.y, r.width, r.height), n);
 		}
-		return ut(ot(i, a, o - i, s - a), n);
+		return ft(ct(i, a, o - i, s - a), n);
 	})(e, n), l = (e) => {
 		if (r <= 0) return !1;
 		let t = (n = e, i = c, {
@@ -1604,7 +1624,7 @@ var at = !1, ot = (e, t, n, r) => ({
 		return t.w <= r || t.h <= r;
 	};
 	if ("point" in t) {
-		let n = ot(t.point.x, t.point.y, 0, 0), r = vt(c, n), i = e.getPaneFromPointer(t.point.x, t.point.y);
+		let n = ct(t.point.x, t.point.y, 0, 0), r = bt(c, n), i = e.getPaneFromPointer(t.point.x, t.point.y);
 		return {
 			rect: n,
 			clipped: r !== null,
@@ -1618,11 +1638,11 @@ var at = !1, ot = (e, t, n, r) => ({
 		};
 	}
 	if ("edge" in t) {
-		let n = ct(e), r = e.getPaneBounds(), i = n.x + r.width / 2, a = n.y + r.height / 2;
+		let n = ut(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: ot(i, a, 0, 0),
+			rect: ct(i, a, 0, 0),
 			clipped: !1,
 			boundaryRect: c,
 			clampedTo: null,
@@ -1637,7 +1657,7 @@ var at = !1, ot = (e, t, n, r) => ({
 		};
 	}
 	if ("bounds" in t) {
-		let n = ct(e), r = t.bounds, i = e.toClipBounds(r, 0), a = ot(n.x + r.x, n.y + r.y, r.width, r.height), o = i === null || l(a), d = ((e, t) => {
+		let n = ut(e), r = t.bounds, i = e.toClipBounds(r, 0), a = ct(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;
@@ -1655,7 +1675,7 @@ var at = !1, ot = (e, t, n, r) => ({
 			rect: a,
 			clipped: o,
 			boundaryRect: c,
-			clampedTo: vt(c, (u = d, ot(u.x, u.y, 0, 0))),
+			clampedTo: bt(c, (u = d, ct(u.x, u.y, 0, 0))),
 			anchorPoint: d,
 			owner: e.getAnchor(),
 			slid: null,
@@ -1676,16 +1696,16 @@ var at = !1, ot = (e, t, n, r) => ({
 			};
 		}
 		return null;
-	})(t), f = e.getAllPanes(), p = lt(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 ?? pt.side,
-		align: o.align ?? pt.align
-	}, b = bt(e, f, p, g, d, v, y.side), x = bt(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 = dt(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 ?? ht.side,
+		align: o.align ?? ht.align
+	}, b = St(e, f, p, g, d, v, y.side), x = St(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 = ot(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 = ct(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),
@@ -1697,7 +1717,7 @@ var at = !1, ot = (e, t, n, r) => ({
 		boundaryRect: c,
 		clampedTo: R,
 		anchorPoint: M,
-		owner: _t(S.res.pane, C.res.pane),
+		owner: yt(S.res.pane, C.res.pane),
 		slid: z,
 		outOfView: !w,
 		placement: T
@@ -1712,13 +1732,13 @@ var at = !1, ot = (e, t, n, r) => ({
 		outOfView: !0,
 		placement: T
 	};
-}, St = n(null), Ct = () => {
-	let e = c(St);
+}, wt = n(null), Tt = () => {
+	let e = c(wt);
 	if (!e) throw Error("useSticky must be used within a <StickyAnchor>");
 	return e;
-}, wt = () => c(St), Tt = (e) => {
-	let { anchor: t, placement: n = ft, 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 = qe(), r = t?.pane ?? n, i = t?.boundary ?? "data", a = t?.minVisible ?? 0, o = t?.placement ?? ft, s = t?.whenOff ?? "hide", c = t?.whenPartial ?? pt, l = m({
+}, Et = () => c(wt), Dt = (e) => {
+	let { anchor: t, placement: n = mt, 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 = Ye(), r = t?.pane ?? n, i = t?.boundary ?? "data", a = t?.minVisible ?? 0, o = t?.placement ?? mt, s = t?.whenOff ?? "hide", c = t?.whenPartial ?? ht, l = m({
 			pane: r,
 			anchor: e,
 			boundary: i,
@@ -1739,7 +1759,7 @@ var at = !1, ot = (e, t, n, r) => ({
 		let u = f(() => {
 			let e = () => {
 				let e = l.current;
-				return xt(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff, e.whenPartial);
+				return Ct(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff, e.whenPartial);
 			};
 			return {
 				reference: {
@@ -1751,7 +1771,7 @@ var at = !1, ot = (e, t, n, r) => ({
 				getBoundaryRect: () => e().boundaryRect,
 				getAnchorPoint: () => e().anchorPoint
 			};
-		}, []), d = xt(r, e, i, a, o, s, c);
+		}, []), d = Ct(r, e, i, a, o, s, c);
 		return {
 			reference: u.reference,
 			getBoundaryRect: u.getBoundaryRect,
@@ -1771,7 +1791,7 @@ var at = !1, ot = (e, t, n, r) => ({
 		whenPartial: a,
 		minVisible: o,
 		placement: n
-	}), C = x != null && (g == null ? x.getAnchor() === V.Center : x.getAnchor() === g), w = null;
+	}), C = x != null && (g == null ? x === fe(x.getAllPanes()) : x.getAnchor() === g), w = null;
 	C && x && ("range" in t ? w = x.getBoundsFromRange(t.range) : "cell" in t ? w = x.getBoundsFromRange({
 		rowStart: t.cell.rowIndex,
 		colStart: t.cell.colIndex,
@@ -1783,7 +1803,7 @@ var at = !1, ot = (e, t, n, r) => ({
 	let E = m(x);
 	E.current = x;
 	let D = s((e) => {
-		let t = Et(T.current), n = E.current;
+		let t = Ot(T.current), n = E.current;
 		return n && t ? n.scrollCellCoordsIntoView(t, e) : Promise.resolve(void 0);
 	}, []), O = f(() => ({
 		reference: l,
@@ -1829,7 +1849,7 @@ var at = !1, ot = (e, t, n, r) => ({
 				position: "absolute",
 				left: 0,
 				top: 0,
-				transform: `translate3d(${t}px, ${n}px, 0) ${Dt(S)}`,
+				transform: `translate3d(${t}px, ${n}px, 0) ${kt(S)}`,
 				willChange: "transform"
 			},
 			children: y("div", {
@@ -1845,27 +1865,27 @@ var at = !1, ot = (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(St.Provider, {
+	}), y(wt.Provider, {
 		value: O,
 		children: N
 	});
-}, Et = (e) => "range" in e ? {
+}, Ot = (e) => "range" in e ? {
 	rowIndex: e.range.rowStart,
 	colIndex: e.range.colStart
 } : "cell" in e ? {
 	rowIndex: e.cell.rowIndex,
 	colIndex: e.cell.colIndex
-} : null, Dt = (e) => {
+} : null, kt = (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})`;
 };
-Tt.displayName = "StickyAnchor";
-var Ot = (e) => {
+Dt.displayName = "StickyAnchor";
+var At = (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" : "");
-}, kt = { padding: 4 }, At = (e) => {
+}, jt = { padding: 4 }, Mt = (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();
@@ -1875,13 +1895,13 @@ var Ot = (e) => {
 		ref: x,
 		open: i,
 		anchorEl: t.reference,
-		placement: Ot(t.placement),
+		placement: At(t.placement),
 		offsets: {
 			mainAxis: n,
 			alignmentAxis: r
 		},
 		boundary: t.getBoundaryRect,
-		shift: kt,
+		shift: jt,
 		strategy: "fixed",
 		resizeOnOverflow: !1,
 		transition: !1,
@@ -1897,16 +1917,16 @@ var Ot = (e) => {
 		onClose: b,
 		children: Array.isArray(C) ? y(v, { children: C }) : C
 	});
-}, jt = (e) => {
+}, Nt = (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(Tt, {
+	return y(Dt, {
 		anchor: t,
 		placement: n,
 		whenOff: r,
 		whenPartial: i,
 		boundary: a,
 		minVisible: o,
-		children: (e) => y(At, {
+		children: (e) => y(Mt, {
 			state: e,
 			offset: s,
 			alignOffset: c,
@@ -1926,22 +1946,22 @@ var Ot = (e) => {
 		})
 	});
 };
-jt.displayName = "StickyPortal";
-var Mt = (e) => {
+Nt.displayName = "StickyPortal";
+var Pt = (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"
 	};
-}, Nt = (e) => {
+}, Ft = (e) => {
 	let { open: t, anchorEl: n, floatReference: r, createPopupPanel: 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 = N((e, t) => {
 		C(e), o?.(v.current, t);
 	}, [o]), T = N(() => {
 		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(jt, {
+	return y(Nt, {
 		anchor: n,
-		placement: Mt(a?.placement),
+		placement: Pt(a?.placement),
 		offset: O,
 		alignOffset: D,
 		zIndex: B("popup"),
@@ -1962,22 +1982,22 @@ var Mt = (e) => {
 				createPopupPanel: i,
 				..._,
 				children: d
-			}), y(Pt, {
+			}), y(It, {
 				outOfView: t && e.outOfView,
 				close: T
 			})]
 		})
 	});
 };
-Nt.displayName = "GridFloatPanel";
-var Pt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
+Ft.displayName = "GridFloatPanel";
+var It = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 	t && n();
-}, [t]), null), Ft = (e) => y(Nt, { ...e }), It = {
+}, [t]), null), Lt = (e) => y(Ft, { ...e }), Rt = {
 	enterDelay: 300,
 	enterNextDelay: 0,
 	armedFor: 800,
 	leaveDelay: 400
-}, Lt = () => {
+}, zt = () => {
 	let e = null, t = /* @__PURE__ */ new Set(), n = -1 / 0, r = null, i = () => {
 		for (let e of [...t]) e.gesture || e.forceClose();
 	}, a = (e) => {
@@ -2012,13 +2032,13 @@ var Pt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 			for (let e of [...t]) e.forceClose();
 		}
 	};
-}, Rt = {
-	timing: It,
-	group: Lt()
-}, zt = n(null), Bt = () => c(zt) ?? Rt, Vt = (e) => {
-	let { timing: t, renderTooltip: n, isolate: r, children: i } = e, a = c(zt), o = r || !a, s = m(null);
-	o && s.current === null && (s.current = Lt());
-	let l = o ? s.current : a.group, u = a ?? Rt, d = f(() => ({
+}, Bt = {
+	timing: Rt,
+	group: zt()
+}, Vt = n(null), Ht = () => c(Vt) ?? Bt, Ut = (e) => {
+	let { timing: t, renderTooltip: n, isolate: r, children: i } = e, a = c(Vt), o = r || !a, s = m(null);
+	o && s.current === null && (s.current = zt());
+	let l = o ? s.current : a.group, u = a ?? Bt, d = f(() => ({
 		timing: t ? {
 			...u.timing,
 			...t
@@ -2034,13 +2054,13 @@ var Pt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 		t?.armedFor,
 		t?.leaveDelay
 	]);
-	return y(zt.Provider, {
+	return y(Vt.Provider, {
 		value: d,
 		children: i
 	});
 };
-Vt.displayName = "TooltipProvider";
-var Ht = {
+Ut.displayName = "TooltipProvider";
+var Wt = {
 	boxSizing: "border-box",
 	maxWidth: 300,
 	padding: "2px 6px",
@@ -2052,20 +2072,20 @@ var Ht = {
 	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"
-}, Ut = (e) => {
+}, Gt = (e) => {
 	let { children: t, interactive: n, tipProps: r, className: i, style: a } = e;
 	return y("div", {
 		...r,
 		className: i,
 		style: {
-			...Ht,
+			...Wt,
 			...a,
 			pointerEvents: n ? "auto" : "none"
 		},
 		children: t
 	});
-}, Wt = { pointerEvents: "auto" }, Gt = (e = {}) => {
-	let { openDelay: t, closeDelay: n, group: r = !0, name: i, gesture: a = !1 } = e, o = Bt(), c = u(), d = i ?? c, [p, g] = h(!1), _ = m(!1), v = m(null), y = m(!1), b = m(null), x = m(null), S = m(null), C = m({
+}, Kt = { pointerEvents: "auto" }, qt = (e = {}) => {
+	let { openDelay: t, closeDelay: n, group: r = !0, name: i, gesture: a = !1 } = e, o = Ht(), c = u(), d = i ?? c, [p, g] = h(!1), _ = m(!1), v = m(null), y = m(!1), b = m(null), x = m(null), S = m(null), C = m({
 		surface: o,
 		openDelay: t,
 		closeDelay: n,
@@ -2132,7 +2152,7 @@ var Ht = {
 		onPointerLeave: () => {
 			y.current = !1, A();
 		},
-		style: Wt
+		style: Kt
 	}), [A]);
 	return l(() => () => {
 		w(), T(), _.current && C.current.group && C.current.surface.group.release(D);
@@ -2142,27 +2162,27 @@ var Ht = {
 		tipProps: N,
 		close: M
 	};
-}, Kt = { pointerEvents: "none" }, qt = { display: "contents" }, Jt = (e) => {
+}, Jt = { pointerEvents: "none" }, Yt = { display: "contents" }, Xt = (e) => {
 	e.stopPropagation();
-}, Yt = {
+}, Zt = {
 	target: null,
 	aimed: null
-}, Xt = (e) => ({
-	key: e.key ?? we(e.range),
+}, Qt = (e) => ({
+	key: e.key ?? Q(e.range),
 	range: e.range,
 	data: e.data,
 	placement: e.placement,
 	alignOffset: e.alignOffset
-}), Zt = (e) => e ? e.key ?? we(e.range) : null, Qt = (e) => {
+}), $t = (e) => e ? e.key ?? Q(e.range) : null, en = (e) => {
 	let t = e.getCoords();
 	return t ? `${t.rowIndex},${t.colIndex}` : null;
-}, $t = (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 = $(), k = c(Te), A = n !== void 0, j = !!r, M = o !== void 0, P = `range-float:${a ?? k}`, { open: F, setTarget: I, tipProps: L, close: z } = Gt({
+}, tn = (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 = $(), k = c(Ee), A = n !== void 0, j = !!r, M = o !== void 0, P = `range-float:${a ?? k}`, { open: F, setTarget: I, tipProps: L, close: z } = qt({
 		openDelay: p,
 		closeDelay: g,
 		name: P,
 		group: _
-	}), [B, V] = Ye(P, Yt), ee = A ? Zt(n) : null, H = e.useRef(n);
+	}), [B, V] = Ze(P, Zt), ee = A ? $t(n) : null, H = e.useRef(n);
 	H.current = n, l(() => {
 		if (!A) return;
 		let e = H.current;
@@ -2170,7 +2190,7 @@ var Ht = {
 			target: e.target,
 			aimed: null
 		});
-		let t = Xt(e);
+		let t = Qt(e);
 		V((e) => e.aimed === t.key && e.target?.key === t.key ? e : {
 			target: t,
 			aimed: t.key
@@ -2186,7 +2206,7 @@ var Ht = {
 	}, [te, I]);
 	let [U, W] = h(null), ne = m(null), G = m(!1);
 	l(() => {
-		s && (z(), W(null), V(Yt));
+		s && (z(), W(null), V(Zt));
 	}, [
 		s,
 		z,
@@ -2194,7 +2214,7 @@ var Ht = {
 	]);
 	let re = N((e) => {
 		let t = U !== null;
-		if (z(), W(null), V(Yt), T?.(), !t) return;
+		if (z(), W(null), V(Zt), T?.(), !t) return;
 		let n = O.getElement()?.ownerDocument.activeElement;
 		e && n && n !== n.ownerDocument.body || O.focus();
 	}, [
@@ -2203,12 +2223,12 @@ var Ht = {
 		V,
 		T,
 		O
-	]), ie = R(j ? r : void 0, Qt), K = null;
+	]), ie = R(j ? r : void 0, en), K = null;
 	if (j && !s && r && ie !== null) {
 		let e = i?.(r.getCoords(), O);
-		e && e.range && (K = Xt(e));
+		e && e.range && (K = Qt(e));
 	}
-	let q = A ? B.target : null, ae = (F || v) && q !== null, oe = M ? o === null ? null : Xt(o) : ae ? q : K ?? q, J = U ? oe?.key === U.key ? oe : U : oe, se = U !== null || (M ? J !== null : ae || K !== null), ce = w === "focus" && se && J !== null;
+	let q = A ? B.target : null, ae = (F || v) && q !== null, oe = M ? o === null ? null : Qt(o) : ae ? q : K ?? q, J = U ? oe?.key === U.key ? oe : U : oe, se = U !== null || (M ? J !== null : ae || K !== null), ce = w === "focus" && se && J !== null;
 	if (l(() => {
 		if (!ce) return;
 		let e = O.getElement()?.ownerDocument ?? (typeof document < "u" ? document : null);
@@ -2230,9 +2250,9 @@ var Ht = {
 	}, []), !J) return null;
 	let le = w === "none" ? {
 		...L,
-		style: Kt
+		style: Jt
 	} : L;
-	return y(jt, {
+	return y(Nt, {
 		anchor: { range: J.range },
 		placement: J.placement ?? u,
 		offset: d,
@@ -2244,7 +2264,7 @@ var Ht = {
 		whenPartial: x,
 		style: w === "none" ? {
 			...D,
-			...Kt
+			...Jt
 		} : D,
 		children: (e) => {
 			let t = E({
@@ -2257,25 +2277,25 @@ var Ht = {
 			let n = w === "focus";
 			return y("div", {
 				className: "range-float-frame",
-				style: qt,
+				style: Yt,
 				onPointerDownCapture: n ? () => {
 					G.current = !0;
 				} : void 0,
-				onPointerDown: Jt,
-				onPointerUp: Jt,
-				onMouseDown: Jt,
-				onMouseUp: Jt,
-				onClick: Jt,
-				onDoubleClick: Jt,
-				onContextMenu: Jt,
+				onPointerDown: Xt,
+				onPointerUp: Xt,
+				onMouseDown: Xt,
+				onMouseUp: Xt,
+				onClick: Xt,
+				onDoubleClick: Xt,
+				onContextMenu: Xt,
 				onKeyDown: (e) => {
 					e.stopPropagation(), n && e.key === "Escape" && !e.defaultPrevented && re(!1);
 				},
-				onKeyUp: Jt,
-				onCopy: Jt,
-				onCut: Jt,
-				onPaste: Jt,
-				onWheel: Jt,
+				onKeyUp: Xt,
+				onCopy: Xt,
+				onCut: Xt,
+				onPaste: Xt,
+				onWheel: Xt,
 				onFocus: n ? () => {
 					ne.current &&= (clearTimeout(ne.current), null), U || W(J);
 				} : void 0,
@@ -2289,19 +2309,19 @@ var Ht = {
 		}
 	});
 };
-$t.displayName = "VirtualRangeFloat";
-var en = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, tn = (e) => {
-	let { activateOn: t, probe: n, selection: r, className: i, onPointerMove: a, onPointerLeave: o, ...s } = e, c = $(), l = en(t, "hover"), u = en(t, "selection"), [d, f] = h(null), p = N((e) => {
+tn.displayName = "VirtualRangeFloat";
+var nn = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, rn = (e) => {
+	let { activateOn: t, probe: n, selection: r, className: i, onPointerMove: a, onPointerLeave: o, ...s } = e, c = $(), l = nn(t, "hover"), u = nn(t, "selection"), [d, f] = h(null), p = N((e) => {
 		let t = c.getCellFromPointer(e.clientX, e.clientY), r = t ? n?.(t, c) ?? null : null, i = r?.range ? r : null;
-		f((e) => Zt(e) === Zt(i) ? e : i);
+		f((e) => $t(e) === $t(i) ? e : i);
 	}, [c, n]), m = N(() => {
 		f(null);
 	}, []);
-	return y($e, {
+	return y(tt, {
 		className: Y(i, "range-float"),
 		onPointerMove: l ? p : void 0,
 		onPointerLeave: l ? m : void 0,
-		children: y($t, {
+		children: y(tn, {
 			...s,
 			hovered: l ? d : void 0,
 			selection: u ? r : void 0,
@@ -2309,10 +2329,10 @@ var en = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, tn = (e) => {
 		})
 	});
 };
-tn.displayName = "RangeFloatLayer";
-var nn = (e) => {
-	let { children: t, className: n, style: r, interactive: i = !1, bubble: a = !0, ...o } = e, { renderTooltip: s } = Bt(), c = s ?? Ut;
-	return y(tn, {
+rn.displayName = "RangeFloatLayer";
+var an = (e) => {
+	let { children: t, className: n, style: r, interactive: i = !1, bubble: a = !0, ...o } = e, { renderTooltip: s } = Ht(), c = s ?? Gt;
+	return y(rn, {
 		...o,
 		activateOn: "hover",
 		className: Y(n, "range-tooltip"),
@@ -2335,15 +2355,15 @@ var nn = (e) => {
 		}
 	});
 };
-nn.displayName = "RangeTooltipLayer";
-var rn = {
+an.displayName = "RangeTooltipLayer";
+var on = {
 	side: "b",
 	align: "end"
-}, an = (e) => {
+}, sn = (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" : "");
-}, on = { pointerEvents: "none" }, sn = (e) => {
-	let { active: t, anchor: n, placement: r = rn, offset: i = 8, alignOffset: a = 0, glide: o, boundary: s, themeFrom: c = "provider", name: l, className: u, children: f } = e, { renderTooltip: p } = Bt(), g = p ?? Ut, { open: _, setTarget: v, close: b, tipProps: x } = Gt({
+}, cn = { pointerEvents: "none" }, ln = (e) => {
+	let { active: t, anchor: n, placement: r = on, offset: i = 8, alignOffset: a = 0, glide: o, boundary: s, themeFrom: c = "provider", name: l, className: u, children: f } = e, { renderTooltip: p } = Ht(), g = p ?? Gt, { open: _, setTarget: v, close: b, tipProps: x } = qt({
 		gesture: !0,
 		name: l
 	}), C = m(null), [w, T] = h(!1);
@@ -2361,14 +2381,14 @@ var rn = {
 		E || T(!1);
 	}, [E]), !E) return null;
 	let D = Y(u, "gesture-tip"), O = () => T(!0), k = w && o?.duration ? {
-		...on,
+		...cn,
 		transition: `transform ${o.duration}ms ${o.easing ?? "ease-in-out"}`
-	} : on;
+	} : cn;
 	return ((e) => e.element !== void 0)(n) ? y(S, {
 		ref: C,
 		open: !0,
 		anchorEl: n.element,
-		placement: an(r),
+		placement: sn(r),
 		offsets: {
 			mainAxis: i,
 			alignmentAxis: a
@@ -2388,7 +2408,7 @@ var rn = {
 			interactive: !1,
 			tipProps: x
 		})
-	}) : y(jt, {
+	}) : y(Nt, {
 		className: D,
 		anchor: n,
 		placement: r,
@@ -2408,22 +2428,22 @@ var rn = {
 		})
 	});
 };
-sn.displayName = "GestureTip";
-var cn = {
+ln.displayName = "GestureTip";
+var un = {
 	t: "↑",
 	b: "↓",
 	l: "←",
 	r: "→"
-}, ln = (e) => {
+}, dn = (e) => {
 	let t = "", n = e;
 	do
 		t = String.fromCharCode(65 + n % 26) + t, n = Math.floor(n / 26) - 1;
 	while (n >= 0);
 	return t;
-}, un = (e) => {
-	let t = `${ln(e.colStart)}${e.rowStart + 1}`, n = `${ln(e.colEnd)}${e.rowEnd + 1}`;
+}, fn = (e) => {
+	let t = `${dn(e.colStart)}${e.rowStart + 1}`, n = `${dn(e.colEnd)}${e.rowEnd + 1}`;
 	return t === n ? t : `${t}:${n}`;
-}, dn = {
+}, pn = {
 	border: "none",
 	background: "transparent",
 	color: "inherit",
@@ -2434,7 +2454,7 @@ var cn = {
 	height: 18,
 	borderRadius: 4,
 	opacity: .6
-}, fn = {
+}, mn = {
 	position: "relative",
 	background: "var(--sxl-color-base-100, white)",
 	color: "var(--sxl-color-base-content, #222)",
@@ -2444,7 +2464,7 @@ var cn = {
 	boxShadow: "0 6px 24px var(--sxl-color-shadow, rgba(0,0,0,0.2))",
 	pointerEvents: "auto",
 	maxWidth: 320
-}, pn = {
+}, hn = {
 	display: "inline-flex",
 	alignItems: "center",
 	gap: 8,
@@ -2454,8 +2474,8 @@ var cn = {
 	padding: "4px 6px 4px 12px",
 	boxShadow: "0 2px 10px var(--sxl-color-shadow, rgba(0,0,0,0.3))",
 	pointerEvents: "auto"
-}, mn = ({ direction: e, label: t, onGoto: n, onCancel: r }) => b("div", {
-	style: pn,
+}, gn = ({ direction: e, label: t, onGoto: n, onCancel: r }) => b("div", {
+	style: hn,
 	children: [b("button", {
 		onClick: n,
 		style: {
@@ -2466,7 +2486,7 @@ var cn = {
 			font: "12px system-ui"
 		},
 		children: [
-			cn[e],
+			un[e],
 			" ",
 			t
 		]
@@ -2474,17 +2494,17 @@ var cn = {
 		"aria-label": "Cancel",
 		onClick: r,
 		style: {
-			...dn,
+			...pn,
 			opacity: .8
 		},
 		children: "×"
 	})]
-}), hn = (e) => {
+}), _n = (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(jt, {
+	return y(Nt, {
 		anchor: { range: t },
 		placement: n,
 		offset: r,
@@ -2492,23 +2512,23 @@ var cn = {
 		whenOff: "clamp",
 		zIndex: c,
 		open: !0,
-		renderOffscreen: (e) => y(mn, {
+		renderOffscreen: (e) => y(gn, {
 			direction: e.slid?.direction ?? n.side,
-			label: a ?? un(t),
+			label: a ?? fn(t),
 			onGoto: () => o ? o(e) : e.scrollIntoView(),
 			onCancel: s
 		}),
 		children: (e) => b("div", {
 			className: l,
 			style: {
-				...fn,
+				...mn,
 				...u
 			},
 			children: [s && y("button", {
 				"aria-label": "Cancel",
 				onClick: s,
 				style: {
-					...dn,
+					...pn,
 					position: "absolute",
 					top: 4,
 					right: 4
@@ -2518,8 +2538,8 @@ var cn = {
 		})
 	});
 };
-hn.displayName = "RangePrompt";
-var gn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), _n = () => {
+_n.displayName = "RangePrompt";
+var vn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), yn = () => {
 	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), n = 0, r = 0, i = () => {
 		r++;
 		for (let e of [...t]) e();
@@ -2535,7 +2555,7 @@ var gn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), _n =
 		set(t, n) {
 			let r = e.get(t);
 			var a, o;
-			r && (a = r.props, o = n, a.content !== o.content || we(a.range) !== we(o.range) || a.placement?.side !== o.placement?.side || a.placement?.align !== o.placement?.align || a.offset !== o.offset || a.alignOffset !== o.alignOffset || a.interactive !== o.interactive || a.bubble !== o.bubble) && (e.set(t, {
+			r && (a = r.props, o = n, a.content !== o.content || Q(a.range) !== Q(o.range) || a.placement?.side !== o.placement?.side || a.placement?.align !== o.placement?.align || a.offset !== o.offset || a.alignOffset !== o.alignOffset || a.interactive !== o.interactive || a.bubble !== o.bubble) && (e.set(t, {
 				...r,
 				props: n
 			}), i());
@@ -2547,7 +2567,7 @@ var gn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), _n =
 			for (let i of e.values()) {
 				let e = i.props.range;
 				if (!H.isCellWithinRange(t, e)) continue;
-				let a = gn(e);
+				let a = vn(e);
 				(a < r || a === r && n !== null && i.order > n.order) && (n = i, r = a);
 			}
 			return n;
@@ -2557,18 +2577,18 @@ var gn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), _n =
 		}),
 		version: () => r
 	};
-}, vn = n(null), yn = !1, bn = () => c(vn), xn = (e) => {
-	let { isolate: t, children: n } = e, r = c(vn), i = m(null), a = t || !r;
-	a && i.current === null && (i.current = _n());
+}, bn = n(null), xn = !1, Sn = () => c(bn), Cn = (e) => {
+	let { isolate: t, children: n } = e, r = c(bn), i = m(null), a = t || !r;
+	a && i.current === null && (i.current = yn());
 	let o = a ? i.current : r;
-	return y(vn.Provider, {
+	return y(bn.Provider, {
 		value: o,
 		children: n
 	});
 };
-xn.displayName = "RangeTooltipProvider";
-var Sn = (e) => {
-	let t = c(vn), n = qe(), r = u(), i = t !== null && (n === null || n.getAnchor() === V.Center), a = m(e);
+Cn.displayName = "RangeTooltipProvider";
+var wn = (e) => {
+	let t = c(bn), n = Ye(), r = u(), i = t !== null && (n === null || n === fe(n.getAllPanes())), a = m(e);
 	return a.current = e, d(() => {
 		if (i) return t.add(r, a.current);
 	}, [
@@ -2578,17 +2598,17 @@ var Sn = (e) => {
 	]), d(() => {
 		i && t.set(r, e);
 	}), d(() => {
-		t !== null || yn || (yn = !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 || xn || (xn = !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;
 };
-Sn.displayName = "RangeTooltip";
-var Cn = () => () => {}, wn = () => 0, Tn = o((e) => {
-	let { className: t, ...n } = e, r = c(vn), i = $(), { renderTooltip: a } = Bt(), o = a ?? Ut;
-	g(r?.subscribe ?? Cn, r?.version ?? wn);
+wn.displayName = "RangeTooltip";
+var Tn = () => () => {}, En = () => 0, Dn = o((e) => {
+	let { className: t, ...n } = e, r = c(bn), i = $(), { renderTooltip: a } = Ht(), o = a ?? Gt;
+	g(r?.subscribe ?? Tn, r?.version ?? En);
 	let [s, l] = h(null), u = N((e) => {
 		let t = i.getCellFromPointer(e.clientX, e.clientY), n = t && r ? r.find(t) : null, a = n ? {
 			range: n.props.range,
-			key: `${n.id}:${we(n.props.range)}`,
+			key: `${n.id}:${Q(n.props.range)}`,
 			data: n.id,
 			placement: n.props.placement,
 			alignOffset: n.props.alignOffset
@@ -2599,12 +2619,12 @@ var Cn = () => () => {}, wn = () => 0, Tn = o((e) => {
 	}, []), f = m(null), p = s && r ? r.get(s.data) : null;
 	p && (f.current = p);
 	let _ = p ?? f.current;
-	return y($e, {
+	return y(tt, {
 		...n,
 		className: Y(t, "range-tooltips"),
 		onPointerMove: r ? u : void 0,
 		onPointerLeave: r ? d : void 0,
-		children: r ? y($t, {
+		children: r ? y(tn, {
 			name: "range-tooltips",
 			hovered: s,
 			placement: _?.props.placement,
@@ -2629,13 +2649,13 @@ var Cn = () => () => {}, wn = () => 0, Tn = o((e) => {
 		}) : null
 	});
 });
-Tn.displayName = "RangeTooltipHost";
-var En = {
+Dn.displayName = "RangeTooltipHost";
+var On = {
 	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)"
-}, Dn = 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 = qe(), f = d ? d.getBoundsFromRange(t) : null, p = l + 4;
+}, kn = 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 = Ye(), 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,
@@ -2658,7 +2678,7 @@ var En = {
 		width: b.width,
 		height: b.height
 	} : void 0;
-	return y(it, {
+	return y(ot, {
 		className: Y(o),
 		bounds: h ?? void 0,
 		clipInsets: u,
@@ -2672,9 +2692,9 @@ var En = {
 		})
 	});
 });
-Dn.displayName = "RangeRect";
-var On = 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 = qe(), u = l?.getBoundsFromRange(t);
+kn.displayName = "RangeRect";
+var An = 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 = Ye(), 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) => {
@@ -2720,7 +2740,7 @@ var On = 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(it, {
+	})(e).map(([t, i]) => i && y(ot, {
 		className: Y(t, e ? "row" : "column"),
 		bounds: i,
 		style: {
@@ -2733,8 +2753,8 @@ var On = o((e) => {
 		}
 	}, `${e ? "row" : "column"}-${t}`))) });
 });
-On.displayName = "RangeInsertBar";
-var kn = () => typeof window < "u" ? window : null, An = 60, jn = 24, Mn = (e, t, n = {
+An.displayName = "RangeInsertBar";
+var jn = () => typeof window < "u" ? window : null, Mn = 60, Nn = 24, Pn = (e, t, n = {
 	x: !0,
 	y: !0
 }) => {
@@ -2743,30 +2763,30 @@ var kn = () => typeof window < "u" ? window : null, An = 60, jn = 24, Mn = (e, t
 	let i = !1 === n.x ? 0 : t.x <= r.left + 24 ? -1 : +(t.x >= r.right - 24), a = !1 === n.y ? 0 : t.y <= r.top + 24 ? -1 : +(t.y >= r.bottom - 24);
 	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) && ((e.getAllPanes()[V.Center] ?? e).scrollCellCoordsIntoView(l), !0);
-}, Nn = Object.freeze({
+	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) && ((fe(e.getAllPanes()) ?? e).scrollCellCoordsIntoView(l), !0);
+}, Fn = Object.freeze({
 	ctrlKey: !1,
 	shiftKey: !1,
 	altKey: !1,
 	metaKey: !1
-}), Pn = (e) => ({
+}), In = (e) => ({
 	ctrlKey: !!e.ctrlKey,
 	shiftKey: !!e.shiftKey,
 	altKey: !!e.altKey,
 	metaKey: !!e.metaKey
-}), Fn = (e, t) => e.ctrlKey === t.ctrlKey && e.shiftKey === t.shiftKey && e.altKey === t.altKey && e.metaKey === t.metaKey, In = (e, t, n, r) => {
+}), Ln = (e, t) => e.ctrlKey === t.ctrlKey && e.shiftKey === t.shiftKey && e.altKey === t.altKey && e.metaKey === t.metaKey, Rn = (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 = Nn, f = null, p = (e) => {
+	}, d = Fn, f = null, p = (e) => {
 		if (!o) return;
-		let t = Pn(e);
-		Fn(d, t) || (d = t, o.modifiers?.(t));
+		let t = In(e);
+		Ln(d, t) || (d = t, o.modifiers?.(t));
 	}, m = () => {
-		f &&= (kn()?.removeEventListener("keydown", f, !0), kn()?.removeEventListener("keyup", f, !0), null);
+		f &&= (jn()?.removeEventListener("keydown", f, !0), jn()?.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) => Mn(i(), e)))({
+		return r && (H.isEqualCells(r, s) || (s = r, o.drag(r, n)), o.point?.(r, e, t, n)), (o.edgeScroll ?? ((e) => Pn(i(), e)))({
 			x: e,
 			y: t
 		});
@@ -2779,9 +2799,9 @@ var kn = () => typeof window < "u" ? window : null, An = 60, jn = 24, Mn = (e, t
 			if (!r) return null;
 			let i = t(r, e);
 			return i ? (o = i, s = r, c = null, ((e) => {
-				if (d = Pn(e), f) return;
+				if (d = In(e), f) return;
 				let t = (e) => p(e);
-				f = t, kn()?.addEventListener("keydown", t, !0), kn()?.addEventListener("keyup", t, !0);
+				f = t, jn()?.addEventListener("keydown", t, !0), jn()?.addEventListener("keyup", t, !0);
 			})(e), n?.(i.dragMode ?? null), i) : null;
 		},
 		move: (e, t, n) => {
@@ -2794,17 +2814,17 @@ var kn = () => typeof window < "u" ? window : null, An = 60, jn = 24, Mn = (e, t
 		},
 		reset: () => {
 			let e = o;
-			return o = null, s = null, c = null, u(), m(), d = Nn, e && n?.(null), e;
+			return o = null, s = null, c = null, u(), m(), d = Fn, e && n?.(null), e;
 		},
 		dispose: () => {
 			u(), m();
 		}
 	};
-}, Ln = (e, t, n) => {
-	let r = In(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 && kn()?.removeEventListener("keydown", c, !0), c = null;
+}, zn = (e, t, n) => {
+	let r = Rn(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 && jn()?.removeEventListener("keydown", c, !0), c = null;
 	}, d = () => {
-		l &&= (kn()?.removeEventListener("pointerup", l), kn()?.removeEventListener("pointercancel", l), null);
+		l &&= (jn()?.removeEventListener("pointerup", l), jn()?.removeEventListener("pointercancel", l), null);
 	}, f = () => {
 		a && o !== null && a.hasPointerCapture?.(o) && a.releasePointerCapture(o), a = null, o = null;
 	}, p = (e, t) => {
@@ -2819,8 +2839,8 @@ var kn = () => typeof window < "u" ? window : null, An = 60, jn = 24, Mn = (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));
-					}, kn()?.addEventListener("keydown", c, !0);
-				} else i = !1, l = (e) => p(e.type === "pointercancel", e), kn()?.addEventListener("pointerup", l), kn()?.addEventListener("pointercancel", l);
+					}, jn()?.addEventListener("keydown", c, !0);
+				} else i = !1, l = (e) => p(e.type === "pointercancel", e), jn()?.addEventListener("pointerup", l), jn()?.addEventListener("pointercancel", l);
 			}
 		},
 		onPointerMove: (e) => {
@@ -2833,8 +2853,8 @@ var kn = () => typeof window < "u" ? window : null, An = 60, jn = 24, Mn = (e, t
 		}
 	};
 };
-function Rn(e, t, n, r) {
-	let i = In(e, t, n, r), a = null, o = null, s = null, c = null, l = () => {
+function Bn(e, t, n, r) {
+	let i = Rn(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;
@@ -2873,8 +2893,8 @@ function Rn(e, t, n, r) {
 		}
 	};
 }
-var zn = (e) => {
-	let t = $(), n = N(() => t, [t]), [r, i] = h(null), a = N(e, [e]), o = f(() => Ln(n, a, i), [n, a]);
+var Vn = (e) => {
+	let t = $(), n = N(() => t, [t]), [r, i] = h(null), a = N(e, [e]), o = f(() => zn(n, a, i), [n, a]);
 	return l(() => () => o.dispose(), [o]), {
 		onPointerDown: o.onPointerDown,
 		onPointerMove: o.onPointerMove,
@@ -2882,14 +2902,14 @@ var zn = (e) => {
 		onPointerCancel: o.onPointerCancel,
 		dragMode: r
 	};
-}, Bn = (e) => {
-	let t = $(), n = N(() => t, [t]), [r, i] = h(null), a = N(e, [e]), o = f(() => Rn(n, a, i), [n, a]);
+}, Hn = (e) => {
+	let t = $(), n = N(() => t, [t]), [r, i] = h(null), a = N(e, [e]), o = f(() => Bn(n, a, i), [n, a]);
 	return l(() => () => o.dispose(), [o]), {
 		start: o.start,
 		cancel: o.cancel,
 		dragMode: r
 	};
-}, Vn = (e) => {
+}, Un = (e) => {
 	let t = m(null), n = m(!1);
 	return l(() => {
 		let e = (e) => {
@@ -2907,12 +2927,12 @@ var zn = (e) => {
 			n.current = !1;
 		}, 500), !0);
 	};
-}, Hn = (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: b, style: x, preserveFocus: S, clampToView: C, secondaryButton: w } = e, E = $(), [D, O] = h(!1), k = Vn(!!d), { start: A, cancel: j, dragMode: M } = Bn((e, t) => {
+}, Wn = (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: b, style: x, preserveFocus: S, clampToView: C, secondaryButton: w } = e, E = $(), [D, O] = h(!1), k = Un(!!d), { start: A, cancel: j, dragMode: M } = Hn((e, t) => {
 		let n = t.button === 2 && !0 === w;
 		if (t.button !== 0 && !n) return null;
 		t.stopPropagation(), S && t.preventDefault();
-		let r = n ? Un() : null, i = e, a = e;
+		let r = n ? Gn() : null, i = e, a = e;
 		return s?.(i, t, j), {
 			dragMode: "handle",
 			drag: (e, n) => {
@@ -2925,9 +2945,9 @@ var zn = (e) => {
 				r?.(), u?.();
 			}
 		};
-	}), N = M !== null && a ? a : i ?? qn[n], P = E.getBoundsFromRange(t);
+	}), N = M !== null && a ? a : i ?? Yn[n], P = E.getBoundsFromRange(t);
 	if (!P) return null;
-	let F = T.getDevicePixelRatio(), I = Kn(P.x, P.x + P.width, Wn[n], F), L = Kn(P.y, P.y + P.height, Gn[n], F);
+	let F = T.getDevicePixelRatio(), I = Jn(P.x, P.x + P.width, Kn[n], F), L = Jn(P.y, P.y + P.height, qn[n], F);
 	if (C) {
 		if (!E.toClipBounds(E.getBoundsFromRange(t))) return null;
 		let e = E.getPaneBounds(), n = r / 2 + 1;
@@ -2984,15 +3004,15 @@ var zn = (e) => {
 		children: _
 	});
 };
-Hn.displayName = "DragHandle";
-var Un = () => {
+Wn.displayName = "DragHandle";
+var Gn = () => {
 	let e = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	};
 	return window.addEventListener("contextmenu", e, !0), () => {
 		setTimeout(() => window.removeEventListener("contextmenu", e, !0), 0);
 	};
-}, Wn = {
+}, Kn = {
 	tl: "leading",
 	l: "leading",
 	bl: "leading",
@@ -3001,7 +3021,7 @@ var Un = () => {
 	tr: "trailing",
 	r: "trailing",
 	br: "trailing"
-}, Gn = {
+}, qn = {
 	tl: "leading",
 	t: "leading",
 	tr: "leading",
@@ -3010,7 +3030,7 @@ var Un = () => {
 	bl: "trailing",
 	b: "trailing",
 	br: "trailing"
-}, Kn = (e, t, n, r) => n === "center" ? T.snapDeviceEdge((e + t) / 2, r) : T.edgeCenter(n === "leading" ? e : t, n, 2, r), qn = {
+}, Jn = (e, t, n, r) => n === "center" ? T.snapDeviceEdge((e + t) / 2, r) : T.edgeCenter(n === "leading" ? e : t, n, 2, r), Yn = {
 	tl: "nwse-resize",
 	br: "nwse-resize",
 	tr: "nesw-resize",
@@ -3019,7 +3039,7 @@ var Un = () => {
 	b: "ns-resize",
 	l: "ew-resize",
 	r: "ew-resize"
-}, Jn = (e, t, n, r, i, a) => {
+}, Xn = (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);
@@ -3036,13 +3056,13 @@ var Un = () => {
 			colIndex: s.colIndex
 		}
 	};
-}, Yn = (e, t, n, r) => {
+}, Zn = (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";
-}, Xn = (e, t, n, r, i) => {
-	let a = Yn(e, t, r, i);
+}, Qn = (e, t, n, r, i) => {
+	let a = Zn(e, t, r, i);
 	if (!a) return null;
 	let o = e.getCellFromPointer(r, i, !0) ?? n;
 	return {
@@ -3052,7 +3072,7 @@ var Un = () => {
 			colIndex: X(o.colIndex, t.colStart, t.colEnd)
 		}
 	};
-}, Zn = (e, t) => e === t || !!e && !!t && e.axis === t.axis && H.isEqualCells(e.origin, t.origin), Qn = (e, t, n) => {
+}, $n = (e, t) => e === t || !!e && !!t && e.axis === t.axis && H.isEqualCells(e.origin, t.origin), er = (e, t, n) => {
 	let r = e.rowEnd - e.rowStart, i = e.colEnd - e.colStart, a = X(t.origin.rowIndex, n.rowStart, n.rowEnd - r), o = X(t.origin.colIndex, n.colStart, n.colEnd - i);
 	return {
 		...e,
@@ -3061,16 +3081,16 @@ var Un = () => {
 		colStart: o,
 		colEnd: o + i
 	};
-}, $n = (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 = $(), _ = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", x = m(null), [S, C] = Ye(_, null), { start: w, cancel: E, dragMode: D } = Bn((e, n) => {
+}, tr = (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 = $(), _ = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", x = m(null), [S, C] = Ze(_, null), { start: w, cancel: E, dragMode: D } = Hn((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: Pn(n),
-			insert: Jn(g, e, n.clientX, n.clientY, d, null),
-			grab: Xn(g, i, e, n.clientX, n.clientY)
+			mods: In(n),
+			insert: Xn(g, e, n.clientX, n.clientY, d, null),
+			grab: Qn(g, i, e, n.clientX, n.clientY)
 		}, m = p.insert, h = n;
 		o?.(!0), s?.(i, n, p, E);
 		let _ = () => {
@@ -3082,11 +3102,11 @@ var Un = () => {
 		return {
 			dragMode: "move",
 			drag: (e) => {
-				a = ((e) => er(i, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, g.getTotalRange()))(e), v = !0;
+				a = ((e) => nr(i, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, g.getTotalRange()))(e), v = !0;
 			},
 			point: (e, t, n, r) => {
 				r && (h = r);
-				let i = Jn(g, e, t, n, d, p.insert), a = v || !Zn(i, p.insert);
+				let i = Xn(g, e, t, n, d, p.insert), a = v || !$n(i, p.insert);
 				v = !1, a && (p = {
 					...p,
 					insert: i
@@ -3100,8 +3120,8 @@ var Un = () => {
 			},
 			end: (e) => {
 				o?.(!1), u && C(null);
-				let t = Pn(e);
-				(!H.isEqualRanges(a, i) || t.shiftKey && !Zn(p.insert, m)) && l?.(a, e, {
+				let t = In(e);
+				(!H.isEqualRanges(a, i) || t.shiftKey && !$n(p.insert, m)) && l?.(a, e, {
 					...p,
 					mods: t
 				});
@@ -3110,11 +3130,11 @@ var Un = () => {
 				o?.(!1), u && C(null);
 			}
 		};
-	}), O = Vn(!!p), k = D === null ? "move" : d;
+	}), O = Un(!!p), k = D === null ? "move" : d;
 	if (!t) return null;
 	let A = { onPointerDown: (e) => {
 		if (O(e)) {
-			let n = g ? Yn(g, t, e.clientX, e.clientY) : null;
+			let n = g ? Zn(g, t, e.clientX, e.clientY) : null;
 			n && p(t, n, e);
 		} else w(e, x.current);
 	} }, j = a ? {
@@ -3127,7 +3147,7 @@ var Un = () => {
 		height: N.height + 2 * M
 	} : void 0;
 	return b(v, { children: [
-		y(it, r === "entire" ? {
+		y(ot, r === "entire" ? {
 			ref: x,
 			className: Y("drag-grip", h),
 			...P ? { bounds: P } : { range: t },
@@ -3162,8 +3182,8 @@ var Un = () => {
 		S && u?.(S.range, S.info)
 	] });
 };
-$n.displayName = "Draggable";
-var er = (e, t, n, r) => {
+tr.displayName = "Draggable";
+var nr = (e, t, n, r) => {
 	let i = e.rowEnd - e.rowStart, a = e.colEnd - e.colStart, o = X(e.rowStart + t, r.rowStart, r.rowEnd - i), s = X(e.colStart + n, r.colStart, r.colEnd - a);
 	return {
 		rowStart: o,
@@ -3171,12 +3191,12 @@ var er = (e, t, n, r) => {
 		rowEnd: o + i,
 		colEnd: s + a
 	};
-}, tr = [
+}, rr = [
 	"tl",
 	"tr",
 	"br",
 	"bl"
-], nr = [
+], ir = [
 	"tl",
 	"t",
 	"tr",
@@ -3185,18 +3205,18 @@ var er = (e, t, n, r) => {
 	"b",
 	"bl",
 	"l"
-], rr = (e) => {
-	let { range: t, anchors: n = nr, onDragStart: r, onDragMove: i, onDragEnd: a, onDragCancel: o, onHandleHoverChange: s, size: c = 8, renderHandle: l, preserveFocus: u, ...d } = e, f = {
-		...En,
+], ar = (e) => {
+	let { range: t, anchors: n = ir, onDragStart: r, onDragMove: i, onDragEnd: a, onDragCancel: o, onHandleHoverChange: s, size: c = 8, renderHandle: l, preserveFocus: u, ...d } = e, f = {
+		...On,
 		...d
 	}, p = f.stroke ?? "rgb(33, 115, 70)", g = $(), [_, x] = h(null), S = m(null);
 	if (!t) return null;
 	let C = _ ?? t;
-	return b(v, { children: [y(Dn, {
+	return b(v, { children: [y(kn, {
 		className: "resizer-outline",
 		range: C,
 		...f
-	}), n.map((e) => y(Hn, {
+	}), n.map((e) => y(Wn, {
 		className: `resize-handle ${e}`,
 		range: C,
 		anchor: e,
@@ -3216,11 +3236,11 @@ var er = (e, t, n, r) => {
 			S.current = t, r?.(t, n);
 		},
 		onDragMove: (n, r, a) => {
-			let o = ir(S.current ?? t, e, r, g.getTotalRange());
+			let o = or(S.current ?? t, e, r, g.getTotalRange());
 			x(o), i?.(o, a);
 		},
 		onDragEnd: (n, r, i) => {
-			let o = ir(S.current ?? t, e, r, g.getTotalRange());
+			let o = or(S.current ?? t, e, r, g.getTotalRange());
 			S.current = null, x(null), a?.(o, i);
 		},
 		onDragCancel: () => {
@@ -3228,8 +3248,8 @@ var er = (e, t, n, r) => {
 		}
 	}, e))] });
 };
-rr.displayName = "RangeResizer";
-var ir = (e, t, n, r) => {
+ar.displayName = "RangeResizer";
+var or = (e, t, n, r) => {
 	let { rowStart: i, colStart: a, rowEnd: o, colEnd: s } = e;
 	return t.includes("t") && (i = X(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("b") && (o = X(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("l") && (a = X(n.colIndex, r.colStart, r.colEnd)), t.includes("r") && (s = X(n.colIndex, r.colStart, r.colEnd)), {
 		rowStart: Math.min(i, o),
@@ -3237,7 +3257,7 @@ var ir = (e, t, n, r) => {
 		rowEnd: Math.max(i, o),
 		colEnd: Math.max(a, s)
 	};
-}, ar = (e, t, n) => {
+}, sr = (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,
@@ -3260,21 +3280,21 @@ var ir = (e, t, n, r) => {
 		...e,
 		colEnd: t.colIndex
 	};
-}, or = (e, t) => t.rowEnd < e.rowEnd ? {
+}, cr = (e, t) => t.rowEnd < e.rowEnd ? {
 	...e,
 	rowStart: t.rowEnd + 1
 } : t.colEnd < e.colEnd ? {
 	...e,
 	colStart: t.colEnd + 1
-} : null, sr = (e) => {
+} : null, lr = (e) => {
 	let { range: t, snapDestination: n, onDragStart: r, onDragMove: i, onDragEnd: a, onMenu: o, onDragDone: s, onDoubleClick: c, renderHandle: l, ...u } = e, d = {
-		...En,
+		...On,
 		fill: void 0,
 		...u
 	}, f = d.stroke, p = {
 		...d,
 		strokeDasharray: "3 2"
-	}, h = $(), g = m(null), [_, x] = Ye("range-fill", null);
+	}, h = $(), g = m(null), [_, x] = Ze("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;
@@ -3300,9 +3320,9 @@ var ir = (e, t, n, r) => {
 		}, l))) return !1;
 		return !0;
 	})(h, t, C, w)) return null;
-	let M = _ ? or(t, _) : null;
+	let M = _ ? cr(t, _) : null;
 	return b(v, { children: [
-		y(Hn, {
+		y(Wn, {
 			className: "fill-handle",
 			range: t,
 			anchor: A,
@@ -3316,7 +3336,7 @@ var ir = (e, t, n, r) => {
 				g.current = null, x(null), r?.(t, n, i);
 			},
 			onDragMove: (e, r, a) => {
-				let o = ar(t, r, h.getTotalRange());
+				let o = sr(t, r, h.getTotalRange());
 				o && n && (o = n(t, o)), g.current = o, x(o), o && i?.(o, a);
 			},
 			onDragEnd: (e, t, n) => {
@@ -3327,32 +3347,32 @@ var ir = (e, t, n, r) => {
 				g.current = null, x(null), s?.();
 			}
 		}),
-		_ && y(Dn, {
+		_ && y(kn, {
 			className: "fill-preview",
 			range: _,
 			...p
 		}),
-		M && y(Dn, {
+		M && y(kn, {
 			className: "fill-vacated",
 			range: M,
 			fill: "rgba(128, 128, 128, 0.28)"
 		})
 	] });
 };
-sr.displayName = "FillHandle";
-var cr = o((e) => {
+lr.displayName = "FillHandle";
+var ur = o((e) => {
 	let { value: t, zoom: n, bounds: r, cell: i, range: a, children: o, className: s, ...c } = e;
 	return y("div", {
 		className: Y(s, "cell"),
 		...c,
 		children: t
 	});
-}), lr = Object.freeze({
+}), dr = Object.freeze({
 	cells: [],
 	rangesH: [],
 	rangesV: []
-}), ur = !1, dr = /* @__PURE__ */ new WeakMap(), fr = (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 = dr.get(e);
+}), fr = !1, pr = /* @__PURE__ */ new WeakMap(), mr = (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 = pr.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 ? {
@@ -3361,7 +3381,7 @@ var cr = o((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 lr;
+		if (s.length === 0 || c.length === 0) return dr;
 		let l = (t) => e.getRangeFromCell(t), u;
 		if (n) u = n(e, i);
 		else {
@@ -3382,7 +3402,7 @@ var cr = o((e) => {
 			}
 		}
 		let d = u ? u.length : 0;
-		if (d === 0) return lr;
+		if (d === 0) return dr;
 		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;
@@ -3403,7 +3423,7 @@ var cr = o((e) => {
 					rowIndex: t.rowStart,
 					colIndex: t.colStart
 				});
-				let n = gr(a.rowStart, a.colStart);
+				let n = vr(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 {
@@ -3420,7 +3440,7 @@ var cr = o((e) => {
 				range: a,
 				bounds: s,
 				value: n?.value
-			}) : ur || (ur = !0, console.warn("grid-react: no bounds for cell", gr(a.rowStart, a.colStart)));
+			}) : fr || (fr = !0, console.warn("grid-react: no bounds for cell", vr(a.rowStart, a.colStart)));
 		}
 		return {
 			cells: m,
@@ -3428,7 +3448,7 @@ var cr = o((e) => {
 			rangesV: g
 		};
 	})(e, t);
-	return dr.set(e, {
+	return pr.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3443,16 +3463,16 @@ var cr = o((e) => {
 		options: t,
 		model: d
 	}), d;
-}, pr = Object.freeze({
+}, hr = Object.freeze({
 	rangesH: [],
 	rangesV: []
-}), mr = /* @__PURE__ */ new WeakMap(), hr = (e, t = {}) => {
-	let n = e.getVisibleRange(), r = mr.get(e);
+}), gr = /* @__PURE__ */ new WeakMap(), _r = (e, t = {}) => {
+	let n = e.getVisibleRange(), r = gr.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 = gr(e.rowStart, e.colStart);
+			let t = vr(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) {
@@ -3471,12 +3491,12 @@ var cr = o((e) => {
 				}));
 			}
 		}
-		return i.length === 0 && a.length === 0 ? pr : {
+		return i.length === 0 && a.length === 0 ? hr : {
 			rangesH: i,
 			rangesV: a
 		};
 	})(e, t);
-	return mr.set(e, {
+	return gr.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3485,11 +3505,11 @@ var cr = o((e) => {
 		cacheToken: t.cacheToken,
 		ranges: i
 	}), i;
-}, gr = (e, t) => `${e}:${t}`, _r = {
+}, vr = (e, t) => `${e}:${t}`, yr = {
 	tiles: "_tiles_ikr1b_7",
 	gridlines: "_gridlines_ikr1b_26"
-}, vr = o((e) => {
-	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s } = e, c = $(), l = c.getAnchor(), d = u(), p = f(() => `sxl-cl-${d.replace(/[^a-zA-Z0-9_-]/g, "")}`, [d]), h = m({
+}, br = o((e) => {
+	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s } = e, c = $(), d = c.getAnchor(), p = u(), g = f(() => `sxl-cl-${p.replace(/[^a-zA-Z0-9_-]/g, "")}`, [p]), _ = m({
 		token: void 0,
 		renderCell: void 0,
 		getVisibleCells: void 0,
@@ -3498,40 +3518,40 @@ var cr = o((e) => {
 		rebaseLeft: 0,
 		rebaseTop: 0,
 		map: /* @__PURE__ */ new Map()
-	}), g = c.getScrollTopLeft(), _ = c.getFreezeTopLeft(), x = g.left + _.left, S = g.top + _.top, C = Math.floor(x / xr) * xr, w = Math.floor(S / xr) * xr, T = c.getVisibleRange(), E = 0, D = -1, O = 0, k = -1;
-	T && (E = Math.max(0, Math.floor(T.rowStart / br) - Sr), D = Math.floor(T.rowEnd / br) + Sr, O = Math.max(0, Math.floor(T.colStart / br) - Sr), k = Math.floor(T.colEnd / br) + Sr);
-	let A = f(() => {
-		if (!T || D < E) return null;
-		let e = h.current;
-		e.token === n && e.pane === c && e.renderCell === t && e.getVisibleCells === r && e.hiddenCellAt === i && e.rebaseLeft === C && e.rebaseTop === w || (e.map = /* @__PURE__ */ new Map(), e.token = n, e.pane = c, e.renderCell = t, e.getVisibleCells = r, e.hiddenCellAt = i, e.rebaseLeft = C, e.rebaseTop = w);
-		let a = e.map, o = c.getZoom(), s = c.getTotalRange(), u = {
-			rowStart: Math.max(s.rowStart, E * br),
-			colStart: Math.max(s.colStart, O * br),
-			rowEnd: Math.min(s.rowEnd, (D + 1) * br - 1),
-			colEnd: Math.min(s.colEnd, (k + 1) * br - 1)
-		}, { cells: d } = fr(c, {
+	}), x = c.getScrollTopLeft(), S = c.getFreezeTopLeft(), C = x.left + S.left, w = x.top + S.top, E = Math.floor(C / Cr) * Cr, D = Math.floor(w / Cr) * Cr, O = c.getVisibleRange(), k = 0, A = -1, j = 0, M = -1;
+	O && (k = Math.max(0, Math.floor(O.rowStart / Sr) - Tr), A = Math.floor(O.rowEnd / Sr) + Tr, j = Math.max(0, Math.floor(O.colStart / Sr) - Tr), M = Math.floor(O.colEnd / Sr) + Tr);
+	let N = f(() => {
+		if (!O || A < k) return null;
+		let e = _.current;
+		e.token === n && e.pane === c && e.renderCell === t && e.getVisibleCells === r && e.hiddenCellAt === i && e.rebaseLeft === E && e.rebaseTop === D || (e.map = /* @__PURE__ */ new Map(), e.token = n, e.pane = c, e.renderCell = t, e.getVisibleCells = r, e.hiddenCellAt = i, e.rebaseLeft = E, e.rebaseTop = D);
+		let a = e.map, o = c.getZoom(), s = c.getTotalRange(), l = {
+			rowStart: Math.max(s.rowStart, k * Sr),
+			colStart: Math.max(s.colStart, j * Sr),
+			rowEnd: Math.min(s.rowEnd, (A + 1) * Sr - 1),
+			colEnd: Math.min(s.colEnd, (M + 1) * Sr - 1)
+		}, { cells: u } = mr(c, {
 			getVisibleCells: r,
 			hiddenCellAt: i,
-			bufferRange: u,
+			bufferRange: l,
 			cacheToken: n
 		}), f = /* @__PURE__ */ new Map();
-		for (let e = 0; e < d.length; e++) {
-			let t = d[e], n = `${Math.floor(t.cell.rowIndex / br)}:${Math.floor(t.cell.colIndex / br)}`, r = f.get(n);
+		for (let e = 0; e < u.length; e++) {
+			let t = u[e], n = `${Math.floor(t.cell.rowIndex / Sr)}:${Math.floor(t.cell.colIndex / Sr)}`, r = f.get(n);
 			r || (r = [], f.set(n, r)), r.push(t);
 		}
 		let p = [], m = (e, n) => {
-			if (e * br > s.rowEnd || n * br > s.colEnd) return;
-			let r = e >= E && e <= D && n >= O && n <= k, i = `${e}:${n}`, u = a.get(i);
-			if (u === void 0) {
-				let d = f.get(i);
-				if (!d && !wr) return;
+			if (e * Sr > s.rowEnd || n * Sr > s.colEnd) return;
+			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 && !Dr) return;
 				let p = c.getBoundsFromRange({
-					rowStart: e * br,
-					colStart: n * br,
-					rowEnd: Math.min(s.rowEnd, e * br + br - 1),
-					colEnd: Math.min(s.colEnd, n * br + br - 1)
-				}), m = x + p.x - C, h = S + p.y - w, g = [];
-				if (wr && g.push(y("div", { style: {
+					rowStart: e * Sr,
+					colStart: n * Sr,
+					rowEnd: Math.min(s.rowEnd, e * Sr + Sr - 1),
+					colEnd: Math.min(s.colEnd, n * Sr + Sr - 1)
+				}), m = C + p.x - E, h = w + p.y - D, g = [];
+				if (Dr && g.push(y("div", { style: {
 					position: "absolute",
 					left: 0,
 					top: 0,
@@ -3539,16 +3559,16 @@ var cr = o((e) => {
 					height: p.height,
 					background: (e + n) % 2 == 0 ? "rgba(0,128,255,0.05)" : "rgba(255,140,0,0.05)",
 					pointerEvents: "none"
-				} }, "__bg")), d) for (let e = 0; e < d.length; e++) {
-					let { cell: n, range: r, bounds: i, value: a } = d[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:${l}:cell:${gr(n.rowIndex, n.colIndex)}`,
+						key: `pane:${d}:cell:${vr(n.rowIndex, n.colIndex)}`,
 						cell: n,
 						bounds: i,
 						range: r,
 						zoom: o,
 						value: a,
-						"data-rc": gr(n.rowIndex, n.colIndex),
+						"data-rc": vr(n.rowIndex, n.colIndex),
 						style: {
 							left: i.x - p.x,
 							top: i.y - p.y,
@@ -3557,22 +3577,22 @@ var cr = o((e) => {
 						}
 					}));
 				}
-				if (u = y("div", {
+				if (l = y("div", {
 					className: "tile",
 					style: { transform: `translate(${m}px, ${h}px)` },
 					children: g
-				}, `pane:${l}:tile:${e}:${n}`), r && (a.set(i, u), a.size > Cr)) {
+				}, `pane:${d}:tile:${e}:${n}`), r && (a.set(i, l), a.size > Er)) {
 					let e = a.keys().next().value;
 					e !== void 0 && a.delete(e);
 				}
 			}
-			u && p.push(u);
+			l && p.push(l);
 		};
-		if (wr) {
-			for (let e = E; e <= D && !(e * br > s.rowEnd); e++) for (let t = O; t <= k && !(t * br > s.colEnd); t++) m(e, t);
+		if (Dr) {
+			for (let e = k; e <= A && !(e * Sr > s.rowEnd); e++) for (let t = j; t <= M && !(t * Sr > 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));
-				(n < E || n > D || r < O || r > k) && m(n, r);
+				(n < k || n > A || r < j || r > M) && m(n, r);
 			}
 		} else for (let e of f.keys()) {
 			let t = e.indexOf(":");
@@ -3580,35 +3600,54 @@ var cr = o((e) => {
 		}
 		return p;
 	}, [
-		`${E}:${D}:${O}:${k}`,
+		`${k}:${A}:${j}:${M}`,
 		n,
 		t,
 		r,
 		i,
 		c,
-		l,
-		C,
-		w
-	]);
-	return b(v, { children: [y(it, {
+		d,
+		E,
+		D
+	]), [P, F] = h(!1), I = m({
+		left: C,
+		top: w,
+		timer: null
+	});
+	l(() => {
+		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);
+		}, wr));
+	}, [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(ot, {
 		fill: !0,
-		className: Y("tiles", _r.tiles, p, o),
+		className: Y("tiles", yr.tiles, g, o),
 		style: {
 			pointerEvents: "none",
 			...s,
-			transform: `translate3d(${C - x}px, ${w - S}px, 0)`,
-			willChange: "transform"
+			...P ? {
+				transform: `translate3d(${R}px, ${z}px, 0)`,
+				willChange: "transform"
+			} : {
+				transform: `translate(${R}px, ${z}px)`,
+				willChange: "auto"
+			}
 		},
-		children: A
-	}), a ? y("style", { children: `.${p} [data-rc="${gr(a.rowIndex, a.colIndex)}"]{visibility:hidden !important;}` }) : null] });
+		children: N
+	}), a ? y("style", { children: `.${g} [data-rc="${vr(a.rowIndex, a.colIndex)}"]{visibility:hidden !important;}` }) : null] });
 });
-vr.displayName = "CellTileDiv";
-var yr = o((e) => {
+br.displayName = "CellTileDiv";
+var xr = o((e) => {
 	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s, ...c } = e;
-	return y($e, {
+	return y(tt, {
 		className: Y(o, "cells"),
 		...c,
-		children: y(vr, {
+		children: y(br, {
 			renderCell: t,
 			cacheToken: n,
 			getVisibleCells: r,
@@ -3618,85 +3657,90 @@ var yr = o((e) => {
 		})
 	});
 });
-yr.displayName = "CellLayer";
-var br = 8, xr = 1 << 19, Sr = 1, Cr = 512, wr = !1, Tr = (e, t, n) => {
-	let r = T.getDevicePixelRatio(), i = kr / r, a = e.getVisibleRange(), o = (t) => e.getColumnSize(t).offset, s = (t) => {
+xr.displayName = "CellLayer";
+var Sr = 8, Cr = 1 << 19, wr = 150, Tr = 1, Er = 512, Dr = !1, Or = (e, t, n, r) => {
+	let i = T.getDevicePixelRatio(), a = (r?.width ?? Nr) / 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;
-	}, c = (t) => e.getRowSize(t).offset, l = (t) => {
+	}, d = (t) => e.getRowSize(t).offset, f = (t) => {
 		let n = e.getRowSize(t);
 		return n.offset + n.size;
-	}, u = [], d = [], f = !1, p = "";
+	}, p = [], m = [], h = !1, g = "";
 	if (t) {
-		let t = e.getVisibleRows(), c = t ? t.length : 0;
-		if (c === 0) return p;
-		let m = [...n].sort(H.rowFirstRangeComparator), h = T.snapDeviceEdge(0, r), g = Math.min(e.getPaneBounds().width, s(a.colEnd)), _ = T.snapDeviceEdge(g, r);
-		for (let e = 0; e < c && t[e].index <= a.rowEnd; e++) {
-			let n = t[e], c = n.index;
-			if (c < a.rowStart) continue;
-			let v = n.offset + n.size;
-			for (let e = u.length - 1; e >= 0; e--) l(u[e].rowEnd) <= v && (u.splice(e, 1), f = !1);
-			let y = !1;
-			for (; m.length > 0 && m[0].rowStart <= c;) {
-				let e = m.shift();
-				l(e.rowEnd) > v && (u.push(e), y = !0, f = !1);
+		let t = e.getVisibleRows(), r = t ? t.length : 0;
+		if (r === 0) return g;
+		let d = [...n].sort(H.rowFirstRangeComparator), _ = T.snapDeviceEdge(0, i), v = Math.min(e.getPaneBounds().width, u(c.colEnd)), y = T.snapDeviceEdge(v, i);
+		for (let e = 0; e < r && t[e].index <= c.rowEnd; e++) {
+			let n = t[e], r = n.index;
+			if (r < c.rowStart) continue;
+			let b = n.offset + n.size;
+			for (let e = p.length - 1; e >= 0; e--) f(p[e].rowEnd) <= b && (p.splice(e, 1), h = !1);
+			let x = !1;
+			for (; d.length > 0 && d[0].rowStart <= r;) {
+				let e = d.shift();
+				f(e.rowEnd) > b && (p.push(e), x = !0, h = !1);
 			}
-			if (y && u.sort(H.columnFirstRangeComparator), !f) {
-				d.length = 0;
-				for (let e = 0; e < u.length; e++) {
-					let t = u[e];
-					d.push(T.snapDeviceEdge(Math.min(g, o(t.colStart)), r), T.snapDeviceEdge(Math.min(g, s(t.colEnd)), r));
+			if (x && p.sort(H.columnFirstRangeComparator), !h) {
+				m.length = 0;
+				for (let e = 0; e < p.length; e++) {
+					let t = p[e];
+					m.push(T.snapDeviceEdge(Math.min(v, l(t.colStart)), i), T.snapDeviceEdge(Math.min(v, u(t.colEnd)), i));
 				}
-				f = !0;
+				h = !0;
 			}
-			let b = T.snapLineCenter(v, i, r), x = h, S = d.length;
-			for (let e = 0; e < S; e += 2) {
-				let t = d[e];
-				t > x && (p += `M ${x} ${b} L ${t} ${b} `), x = d[e + 1];
+			let S = T.snapLineCenter(b + o, a, i), C = kr(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]);
 			}
-			_ > x && (p += `M ${x} ${b} L ${_} ${b} `);
+			y > w && (g += `M ${w} ${S} L ${y} ${S} `);
 		}
 	} else {
-		let t = e.getVisibleColumns(), o = t ? t.length : 0;
-		if (o === 0) return p;
-		let m = [...n].sort(H.columnFirstRangeComparator), h = T.snapDeviceEdge(0, r), g = Math.min(e.getPaneBounds().height, l(a.rowEnd)), _ = T.snapDeviceEdge(g, r);
-		for (let e = 0; e < o && t[e].index <= a.colEnd; e++) {
-			let n = t[e], o = n.index;
-			if (o < a.colStart) continue;
-			let v = n.offset + n.size;
-			for (let e = u.length - 1; e >= 0; e--) s(u[e].colEnd) <= v && (u.splice(e, 1), f = !1);
-			let y = !1;
-			for (; m.length > 0 && m[0].colStart <= o;) {
-				let e = m.shift();
-				s(e.colEnd) > v && (u.push(e), y = !0, f = !1);
+		let t = e.getVisibleColumns(), r = t ? t.length : 0;
+		if (r === 0) return g;
+		let l = [...n].sort(H.columnFirstRangeComparator), _ = T.snapDeviceEdge(0, i), v = Math.min(e.getPaneBounds().height, f(c.rowEnd)), y = T.snapDeviceEdge(v, i);
+		for (let e = 0; e < r && t[e].index <= c.colEnd; e++) {
+			let n = t[e], r = n.index;
+			if (r < c.colStart) continue;
+			let b = n.offset + n.size;
+			for (let e = p.length - 1; e >= 0; e--) u(p[e].colEnd) <= b && (p.splice(e, 1), h = !1);
+			let x = !1;
+			for (; l.length > 0 && l[0].colStart <= r;) {
+				let e = l.shift();
+				u(e.colEnd) > b && (p.push(e), x = !0, h = !1);
 			}
-			if (y && u.sort(H.rowFirstRangeComparator), !f) {
-				d.length = 0;
-				for (let e = 0; e < u.length; e++) {
-					let t = u[e];
-					d.push(T.snapDeviceEdge(Math.min(g, c(t.rowStart)), r), T.snapDeviceEdge(Math.min(g, l(t.rowEnd)), r));
+			if (x && p.sort(H.rowFirstRangeComparator), !h) {
+				m.length = 0;
+				for (let e = 0; e < p.length; e++) {
+					let t = p[e];
+					m.push(T.snapDeviceEdge(Math.min(v, d(t.rowStart)), i), T.snapDeviceEdge(Math.min(v, f(t.rowEnd)), i));
 				}
-				f = !0;
+				h = !0;
 			}
-			let b = T.snapLineCenter(v, i, r), x = h, S = d.length;
-			for (let e = 0; e < S; e += 2) {
-				let t = d[e];
-				t > x && (p += `M ${b} ${x} L ${b} ${t} `), x = d[e + 1];
+			let S = T.snapLineCenter(b + o, a, i), C = kr(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]);
 			}
-			_ > x && (p += `M ${b} ${x} L ${b} ${_} `);
+			y > w && (g += `M ${S} ${w} L ${S} ${y} `);
 		}
 	}
-	return p;
-}, Er = (e) => {
+	return g;
+}, kr = (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;
+}, Ar = (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;
-}, Dr = (e, t, n, r, i) => {
+}, jr = (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(kr / T.getDevicePixelRatio());
+	let a = e.getPaneBounds(), o = Math.ceil(a.width), s = Math.ceil(a.height), c = String(Nr / T.getDevicePixelRatio());
 	return y("svg", {
 		className: Y(t ? "horizontal" : "vertical"),
 		width: `${o}`,
@@ -3712,35 +3756,35 @@ var br = 8, xr = 1 << 19, Sr = 1, Cr = 512, wr = !1, Tr = (e, t, n) => {
 			...i
 		})
 	});
-}, Or = 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 = $(), m = t, h = !0 === t || !0 === m?.horizontal, g = !0 === t || !0 === m?.vertical, { rangesH: _, rangesV: v } = hr(p, {
+}, Mr = 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 = $(), m = t, h = !0 === t || !0 === m?.horizontal, g = !0 === t || !0 === m?.vertical, { rangesH: _, rangesV: v } = _r(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}|${Er(_)}`, M = v.length === 0 ? `${C}|${A}|${x}` : `${C}|${S}|${A}|${x}|${Er(v)}`, N = f(() => h ? Tr(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}|${Ar(_)}`, M = v.length === 0 ? `${C}|${A}|${x}` : `${C}|${S}|${A}|${x}|${Ar(v)}`, N = f(() => h ? Or(p, !0, _) : null, [
 		p,
 		h,
 		j
-	]), P = f(() => g ? Tr(p, !1, v) : null, [
+	]), P = f(() => g ? Or(p, !1, v) : null, [
 		p,
 		g,
 		M
 	]);
-	return h || g ? y($e, {
+	return h || g ? y(tt, {
 		...d,
 		className: Y(l, "gridlines"),
-		children: b(it, {
+		children: b(ot, {
 			fill: !0,
-			className: Y("gridlines-box", _r.gridlines),
+			className: Y("gridlines-box", yr.gridlines),
 			style: {
 				pointerEvents: "none",
 				...u
 			},
-			children: [h && N ? Dr(p, !0, N, n, r) : null, g && P ? Dr(p, !1, P, n, i) : null]
+			children: [h && N ? jr(p, !0, N, n, r) : null, g && P ? jr(p, !1, P, n, i) : null]
 		})
 	}) : null;
 });
-Or.displayName = "GridlineLayer";
-var kr = 1, Ar = -10, jr = class {
+Mr.displayName = "GridlineLayer";
+var Nr = 1, Pr = -10, Fr = class {
 	constructor(e = {}) {
 		this.listeners = /* @__PURE__ */ new Set(), this._coords = e.initial ?? {
 			cell: {
@@ -3749,7 +3793,7 @@ var kr = 1, Ar = -10, jr = class {
 			},
 			ranges: H.EmptyRanges,
 			rangeIndex: -1
-		}, this._getBounds = e.getBounds ?? (() => Pr);
+		}, this._getBounds = e.getBounds ?? (() => Rr);
 	}
 	getSelection() {
 		return this._coords;
@@ -3810,12 +3854,12 @@ var kr = 1, Ar = -10, jr = class {
 		return e >= 0 ? this._coords.ranges[e] : H.cellToRange(this._coords.cell);
 	}
 	modify(e, t = this._coords.cell) {
-		let n = this._activeRange(), r = Mr({
+		let n = this._activeRange(), r = Ir({
 			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 = Nr(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 = Lr(i.cell, r);
 		this.setSelection({
 			cell: s,
 			ranges: o,
@@ -3823,7 +3867,7 @@ var kr = 1, Ar = -10, jr = class {
 		});
 	}
 	append(e, t = e) {
-		let n = Mr({
+		let n = Ir({
 			rowStart: Math.min(e.rowIndex, t.rowIndex),
 			colStart: Math.min(e.colIndex, t.colIndex),
 			rowEnd: Math.max(e.rowIndex, t.rowIndex),
@@ -3898,64 +3942,64 @@ var kr = 1, Ar = -10, jr = class {
 			this.listeners.delete(e);
 		};
 	}
-}, Mr = (e, t) => ({
+}, Ir = (e, t) => ({
 	rowStart: X(e.rowStart, t.rowStart, t.rowEnd),
 	colStart: X(e.colStart, t.colStart, t.colEnd),
 	rowEnd: X(e.rowEnd, t.rowStart, t.rowEnd),
 	colEnd: X(e.colEnd, t.colStart, t.colEnd)
-}), Nr = (e, t) => ({
+}), Lr = (e, t) => ({
 	rowIndex: X(e.rowIndex, t.rowStart, t.rowEnd),
 	colIndex: X(e.colIndex, t.colStart, t.colEnd)
-}), Pr = {
+}), Rr = {
 	rowStart: 0,
 	colStart: 0,
 	rowEnd: 2 ** 53 - 1,
 	colEnd: 2 ** 53 - 1
-}, Fr = "var(--sxl-color-primary, rgb(33, 115, 70))", Ir = "var(--sxl-color-base-100, rgb(255, 255, 255))", Lr = "var(--sxl-color-warning, rgb(255, 0, 0))", Rr = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, zr = {
-	fill: { fill: Rr(10) },
+}, zr = "var(--sxl-color-primary, rgb(33, 115, 70))", Br = "var(--sxl-color-base-100, rgb(255, 255, 255))", Vr = "var(--sxl-color-warning, rgb(255, 0, 0))", Hr = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, Ur = {
+	fill: { fill: Hr(10) },
 	border: {
-		stroke: Fr,
+		stroke: zr,
 		alignWidth: 2,
 		style: { filter: "drop-shadow(1px 1px 0.3px var(--sxl-color-shadow, rgba(0, 0, 0, 0.24)))" }
 	},
 	inner: {
-		stroke: Ir,
+		stroke: Br,
 		alignWidth: 2,
 		inset: 1
 	}
-}, Br = {
-	fill: { fill: Rr(6) },
+}, Wr = {
+	fill: { fill: Hr(6) },
 	border: {
-		stroke: Fr,
+		stroke: zr,
 		alignWidth: 1
 	},
 	inner: {
-		stroke: Ir,
+		stroke: Br,
 		alignWidth: 1,
 		inset: 1
 	}
-}, Vr = {
-	stroke: Fr,
+}, Gr = {
+	stroke: zr,
 	alignWidth: 1,
 	inset: 2
-}, Hr = {
-	fill: { fill: `color-mix(in srgb, ${Lr} 10%, transparent)` },
+}, Kr = {
+	fill: { fill: `color-mix(in srgb, ${Vr} 10%, transparent)` },
 	border: {
-		stroke: Lr,
+		stroke: Vr,
 		alignWidth: 2
 	}
-}, Ur = {
-	color: Fr,
-	refusedColor: Lr,
+}, qr = {
+	color: zr,
+	refusedColor: Vr,
 	alignWidth: 3,
 	capExtent: 3,
 	transitionDuration: 100,
 	transitionEasing: "cubic-bezier(0.16, 1, 0.3, 1)",
 	axisDuration: 70
-}, Wr = { fill: { fill: `color-mix(in srgb, ${Ir} 62%, transparent)` } }, Gr = (e, t) => {
+}, Jr = { fill: { fill: `color-mix(in srgb, ${Br} 62%, transparent)` } }, Yr = (e, t) => {
 	let n = $(), 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 = zn((t, o) => {
+	let l = Vn((t, o) => {
 		if (o.pointerType === "touch") {
 			let t = n.getScrollTopLeft(), r = {
 				x: o.clientX,
@@ -4042,15 +4086,15 @@ var kr = 1, Ar = -10, jr = class {
 		removePreview: o,
 		dragMode: l.dragMode
 	};
-}, Kr = "selection-grip-drag", qr = (e, t) => t === void 0 ? e : t === null ? null : {
+}, Xr = "selection-grip-drag", Zr = (e, t) => t === void 0 ? e : t === null ? null : {
 	...e,
 	...t
-}, Jr = (e, t) => t ? {
-	fill: qr(e.fill, t.fill),
-	border: qr(e.border, t.border),
-	inner: qr(e.inner, t.inner)
-} : e, Yr = (e) => {
-	let { selection: t } = e, n = qe(), r = $r(M(t, (e) => e.getSelection())), i = n ? n.getAllPanes()[V.Center] ?? n : void 0, a = ((e, t, n) => {
+}, Qr = (e, t) => t ? {
+	fill: Zr(e.fill, t.fill),
+	border: Zr(e.border, t.border),
+	inner: Zr(e.inner, t.inner)
+} : e, $r = (e) => {
+	let { selection: t } = e, n = Ye(), r = ri(M(t, (e) => e.getSelection())), i = n ? fe(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) {
@@ -4144,7 +4188,7 @@ var kr = 1, Ar = -10, jr = class {
 			},
 			axis: "both"
 		}];
-	})(r, n?.getTotalRange(), i?.getVisibleRange()), [o, s] = h(!1), c = Xe(Kr, null), u = m(null);
+	})(r, n?.getTotalRange(), i?.getVisibleRange()), [o, s] = h(!1), c = Qe(Xr, null), u = m(null);
 	l(() => () => {
 		u.current?.dispose(), c(null);
 	}, [c]);
@@ -4160,13 +4204,13 @@ var kr = 1, Ar = -10, jr = class {
 		} : {
 			x: !0,
 			y: !0
-		}, d = t.getSelection(), f = Rn(e, () => (s(!0), c(o), {
+		}, d = t.getSelection(), f = Bn(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) => Mn(e, t, l),
+			edgeScroll: (t) => Pn(e, t, l),
 			end: () => {
 				s(!1), c(null);
 			},
@@ -4176,24 +4220,24 @@ var kr = 1, Ar = -10, jr = 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(Zr, {
+	return y(v, { children: a.map((e) => y(ti, {
 		spec: e,
 		dragging: o,
 		onBeginDrag: d
 	}, e.key)) });
 };
-Yr.displayName = "SelectionTouchGrips";
-var Xr = {
+$r.displayName = "SelectionTouchGrips";
+var ei = {
 	side: "slide",
 	align: "slide"
-}, Zr = (e) => {
+}, ti = (e) => {
 	let { spec: t, dragging: n, onBeginDrag: r } = e;
-	return y(Tt, {
+	return y(Dt, {
 		anchor: { cell: t.cell },
 		placement: t.placement,
 		whenOff: "hide",
-		whenPartial: Xr,
-		children: (e) => e.slid ? null : y(Qr, {
+		whenPartial: ei,
+		children: (e) => e.slid ? null : y(ni, {
 			state: e,
 			dragging: n,
 			pin: t.pin,
@@ -4202,7 +4246,7 @@ var Xr = {
 			}
 		})
 	});
-}, Qr = (e) => {
+}, ni = (e) => {
 	let { state: t, dragging: n, pin: r, onBeginDrag: i } = e, a = m({
 		state: t,
 		pin: r
@@ -4282,32 +4326,32 @@ var Xr = {
 			} })
 		})
 	});
-}, $r = (e) => {
+}, ri = (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);
-}, ei = [
+}, ii = [
 	U.Left,
 	U.Right,
 	U.Up,
 	U.Down
-], ti = {
+], ai = {
 	[U.Left]: "ArrowLeft",
 	[U.Right]: "ArrowRight",
 	[U.Up]: "ArrowUp",
 	[U.Down]: "ArrowDown"
-}, ni = {
+}, oi = {
 	[U.Left]: "Left",
 	[U.Right]: "Right",
 	[U.Up]: "Up",
 	[U.Down]: "Down"
-}, ri = {
+}, si = {
 	side: "b",
 	align: "end"
-}, ii = (e, t, n) => {
+}, ci = (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",
@@ -4316,7 +4360,7 @@ var Xr = {
 		side: n ? "b" : "t",
 		align: "start"
 	};
-}, ai = { display: "contents" }, oi = (e, t, n, r) => {
+}, li = { display: "contents" }, ui = (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,
@@ -4340,10 +4384,10 @@ var Xr = {
 		side: h ? "b" : "t",
 		align: _
 	};
-}, si = {
+}, di = {
 	row: "b",
 	col: "r"
-}, ci = (e, t) => {
+}, fi = (e, t) => {
 	let n = t.rowStart, r = t.colStart;
 	return e ? {
 		row: n > e.rowAt ? "b" : n < e.rowAt ? "t" : e.row,
@@ -4351,26 +4395,26 @@ var Xr = {
 		rowAt: n,
 		colAt: r
 	} : {
-		...si,
+		...di,
 		rowAt: n,
 		colAt: r
 	};
-}, li = 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: N, onFillEnd: P, onFillMenu: F, resolveFillExtent: I, onEdgeDoubleClick: L, onSelectionEnd: R, onDragModeChange: z, externalDrag: B = !1, renderTip: V, tipPlacement: te, disableKeyboard: ne, anchorHole: G = !0, ...re } = t, ie = M(r, (e) => e.getSelection()), K = Gr(r, { onSelectionEnd: R }), q = e.useRef(z);
+}, pi = 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: N, onFillEnd: P, onFillMenu: F, resolveFillExtent: I, onEdgeDoubleClick: L, onSelectionEnd: R, onDragModeChange: z, externalDrag: B = !1, renderTip: V, tipPlacement: te, disableKeyboard: ne, anchorHole: G = !0, ...re } = t, ie = M(r, (e) => e.getSelection()), K = Yr(r, { onSelectionEnd: R }), q = e.useRef(z);
 	q.current = z, e.useEffect(() => {
 		q.current?.(K.dragMode);
 	}, [K.dragMode]);
 	let [ae, J] = e.useState(null), se = e.useRef(null), ce = e.useRef(null), le = e.useRef(null), ue = e.useRef({
 		width: 0,
 		height: 0
-	}), de = $(), Y = e.useRef(r);
-	Y.current = r;
-	let X = e.useRef(de);
-	X.current = de;
-	let fe = e.useRef(i);
-	fe.current = i;
-	let pe = e.useRef(a);
-	pe.current = a;
+	}), de = $(), fe = e.useRef(r);
+	fe.current = r;
+	let pe = e.useRef(de);
+	pe.current = de;
+	let Y = e.useRef(i);
+	Y.current = i;
+	let X = e.useRef(a);
+	X.current = a;
 	let me = e.useRef(o);
 	me.current = o;
 	let he = e.useMemo(() => function(e) {
@@ -4461,8 +4505,8 @@ var Xr = {
 				run: n
 			});
 		}, x = w.Shift, S = w.Ctrl, C = w.Alt;
-		for (let e of ei) {
-			let t = ni[e], n = ti[e];
+		for (let e of ii) {
+			let t = oi[e], n = ai[e];
 			b(`move${t}`, { key: n }, () => m(e, !1)), b(`select${t}`, {
 				key: n,
 				modifiers: [x]
@@ -4580,22 +4624,22 @@ var Xr = {
 			}
 		};
 	}({
-		getSelection: () => Y.current,
-		getPane: () => X.current,
-		getContentBounds: () => fe.current?.() ?? X.current.getTotalRange(),
+		getSelection: () => fe.current,
+		getPane: () => pe.current,
+		getContentBounds: () => Y.current?.() ?? pe.current.getTotalRange(),
 		getScrollIntoView: () => me.current,
-		getRegionBounds: (e) => pe.current?.(e) ?? null
+		getRegionBounds: (e) => X.current?.(e) ?? null
 	}), []);
 	e.useImperativeHandle(n, () => he, [he]);
-	let ge = !!ie.ranges && ie.ranges.length > 0, _e = ge ? [...ie.ranges] : [H.cellToRange(ie.cell)], ve = _e.length > 1, ye = ie.rangeIndex ?? -1, be = ge ? ye >= 0 ? ye : _e.length - 1 : 0, Z = _e[be] ?? H.cellToRange(ie.cell), xe = de.getRangeFromCell(ie.cell), Se = H.intersectRanges(xe, Z) ?? H.cellToRange(ie.cell), Ce = _e.filter((e, t) => t !== be), we = ve ? Jr(Br, c) : Jr(zr, s), Te = {
-		...Vr,
+	let ge = !!ie.ranges && ie.ranges.length > 0, _e = ge ? [...ie.ranges] : [H.cellToRange(ie.cell)], ve = _e.length > 1, ye = ie.rangeIndex ?? -1, be = ge ? ye >= 0 ? ye : _e.length - 1 : 0, Z = _e[be] ?? H.cellToRange(ie.cell), xe = de.getRangeFromCell(ie.cell), Se = H.intersectRanges(xe, Z) ?? H.cellToRange(ie.cell), Ce = _e.filter((e, t) => t !== be), we = ve ? Qr(Wr, c) : Qr(Ur, s), Te = {
+		...Gr,
 		...l
-	}, Ee = Jr(Hr, d), { refusedColor: De, ...Q } = {
-		...Ur,
+	}, Q = Qr(Kr, d), { refusedColor: Ee, ...De } = {
+		...qr,
 		...f
-	}, Oe = h === null ? null : Jr(Wr, h), ke = (e, t) => {
+	}, Oe = h === null ? null : Qr(Jr, h), ke = (e, t) => {
 		let n = t.mods.shiftKey ? t.insert : null, r = t.mods.ctrlKey || t.mods.metaKey, i = {
-			to: n ? Qn(e, n, de.getTotalRange()) : e,
+			to: n ? er(e, n, de.getTotalRange()) : e,
 			copy: r,
 			insert: n?.axis
 		};
@@ -4610,7 +4654,7 @@ var Xr = {
 			ranges: o,
 			rangeIndex: a
 		});
-	}, [je] = Ye(Kr, null), Me = K.dragMode === "extend" || je !== null || B, Ne = ae ?? (Me ? {
+	}, [je] = Ze(Xr, null), Me = K.dragMode === "extend" || je !== null || B, Ne = ae ?? (Me ? {
 		kind: "select",
 		range: Z
 	} : null), Pe = Ne && V ? V(Ne) : null, Fe = {
@@ -4624,16 +4668,16 @@ var Xr = {
 			}))(i, t);
 			return {
 				range: i,
-				placement: ii(i, r, i.rowStart <= r.rowStart && i.rowEnd >= r.rowEnd ? a.align === "end" : a.side === "b") ?? a
+				placement: ci(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 = ii(n, r, n.rowEnd > t.rowEnd || n.colEnd > t.colEnd);
+			let { template: t, destination: n } = e, i = ci(n, r, n.rowEnd > t.rowEnd || n.colEnd > t.colEnd);
 			if (i) return {
 				range: n,
 				placement: i
 			};
-			let a = ri;
+			let a = si;
 			return n.rowEnd > t.rowEnd ? a = {
 				side: "r",
 				align: "end"
@@ -4689,24 +4733,24 @@ var Xr = {
 				align: "start"
 			}
 		};
-		let l = ii(s, r, a?.edge !== "left" && a?.edge !== "top");
+		let l = ci(s, r, a?.edge !== "left" && a?.edge !== "top");
 		return l ? {
 			range: s,
 			placement: l
 		} : a && o ? {
 			range: s,
-			placement: oi(e.from, s, a, o)
+			placement: ui(e.from, s, a, o)
 		} : {
 			range: s,
-			placement: ri
+			placement: si
 		};
-	})(Ne, Se, je, de.getTotalRange(), se.current ?? si, ce.current, Fe) : {
+	})(Ne, Se, je, de.getTotalRange(), se.current ?? di, ce.current, Fe) : {
 		range: Z,
-		placement: ri
+		placement: si
 	}, Le;
 	Ne?.kind === "move" && (Le = Ne.drop.insert ? {
-		duration: Q.transitionDuration ?? 0,
-		easing: Q.transitionEasing
+		duration: De.transitionDuration ?? 0,
+		easing: De.transitionEasing
 	} : oe), e.useLayoutEffect(() => {
 		let e = le.current?.closest(".gesture-tip");
 		if (!e) return;
@@ -4726,7 +4770,7 @@ var Xr = {
 			}
 		});
 	});
-	return b($e, {
+	return b(tt, {
 		...re,
 		onPointerDown: K.onPointerDown,
 		onPointerMove: K.onPointerMove,
@@ -4735,37 +4779,37 @@ var Xr = {
 			he.handleKey(e) && (e.preventDefault(), e.stopPropagation());
 		},
 		children: [
-			ae?.kind === "move" && !ae.drop.copy && Oe && !H.isEqualRanges(ae.to, ae.from) && ui(Oe, ae.from, void 0, !1, "move-source"),
+			ae?.kind === "move" && !ae.drop.copy && Oe && !H.isEqualRanges(ae.to, ae.from) && mi(Oe, ae.from, void 0, !1, "move-source"),
 			b(v, ve ? { children: [
-				Ce.map((t, n) => y(e.Fragment, { children: ui(we, t) }, `other-${n}`)),
-				ui(we, Z, G ? Se : void 0),
-				y(Dn, {
+				Ce.map((t, n) => y(e.Fragment, { children: mi(we, t) }, `other-${n}`)),
+				mi(we, Z, G ? Se : void 0),
+				y(kn, {
 					className: "anchor",
 					range: Se,
 					...Te
 				})
-			] } : { children: [ui(we, Z, G ? Se : void 0), u && y(Dn, {
+			] } : { children: [mi(we, Z, G ? Se : void 0), u && y(kn, {
 				className: "anchor",
 				range: Se,
 				...u
 			})] }),
-			!ve && x && y($n, {
+			!ve && x && y(tr, {
 				className: "move-grip",
 				range: Z,
 				grip: "edges",
 				dragCursor: D,
 				renderMove: (e, t) => {
 					let n = ke(e, t);
-					return n.insert ? y(On, {
+					return n.insert ? y(An, {
 						range: n.to,
 						axis: n.insert,
-						...Q,
-						color: (n.refused ? De : void 0) ?? Q.color
-					}) : we.border && y(Dn, {
+						...De,
+						color: (n.refused ? Ee : void 0) ?? De.color
+					}) : we.border && y(kn, {
 						className: "move-ghost",
 						range: n.to,
 						...we.border,
-						stroke: (n.refused ? De : void 0) ?? we.border.stroke,
+						stroke: (n.refused ? Ee : void 0) ?? we.border.stroke,
 						animatedTransition: !0,
 						style: { opacity: .6 }
 					});
@@ -4773,7 +4817,7 @@ var Xr = {
 				onEdgeDoubleClick: L,
 				onDragStart: (e, t, n, r) => {
 					let i = ke(e, n);
-					C?.(e, t, i, r), se.current = ci(null, i.to), ce.current = n.grab, J({
+					C?.(e, t, i, r), se.current = fi(null, i.to), ce.current = n.grab, J({
 						kind: "move",
 						from: e,
 						to: i.to,
@@ -4782,7 +4826,7 @@ var Xr = {
 				},
 				onDragMove: (e, t, n) => {
 					let r = ke(e, n);
-					T?.(Z, r.to, t, r), se.current = ci(se.current, r.to), J({
+					T?.(Z, r.to, t, r), se.current = fi(se.current, r.to), J({
 						kind: "move",
 						from: Z,
 						to: r.to,
@@ -4803,7 +4847,7 @@ var Xr = {
 					}));
 				}
 			}),
-			!ve && O && y(sr, {
+			!ve && O && y(lr, {
 				range: Z,
 				snapDestination: k,
 				...we.border,
@@ -4835,9 +4879,9 @@ var Xr = {
 					n && !H.isEqualRanges(n, e) && (A?.(e, n, t), Ae(n));
 				} : void 0
 			}),
-			K.removePreview && ui(Ee, K.removePreview, void 0, !1, "remove-preview"),
+			K.removePreview && mi(Q, K.removePreview, void 0, !1, "remove-preview"),
 			Re,
-			V && y(sn, {
+			V && y(ln, {
 				name: "selection-gesture",
 				active: Ne !== null,
 				anchor: { range: Ie.range },
@@ -4847,7 +4891,7 @@ var Xr = {
 				glide: Le,
 				children: (ze = Pe, ze == null || !1 === ze || ze === "" ? Pe : y("span", {
 					ref: le,
-					style: ai,
+					style: li,
 					children: Pe
 				}))
 			})
@@ -4855,28 +4899,28 @@ var Xr = {
 	});
 	var ze;
 });
-li.displayName = "SelectionLayer";
-var ui = (e, t, n, r = !1, i = "range") => b(v, { children: [
-	e.fill && y(Dn, {
+pi.displayName = "SelectionLayer";
+var mi = (e, t, n, r = !1, i = "range") => b(v, { children: [
+	e.fill && y(kn, {
 		className: `${i} fill`,
 		animatedTransition: r,
 		range: t,
 		hole: n,
 		...e.fill
 	}),
-	e.inner && y(Dn, {
+	e.inner && y(kn, {
 		className: `${i} inner`,
 		animatedTransition: r,
 		range: t,
 		...e.inner
 	}),
-	e.border && y(Dn, {
+	e.border && y(kn, {
 		className: `${i} border`,
 		animatedTransition: r,
 		range: t,
 		...e.border
 	})
-] }), di = [
+] }), hi = [
 	"#1a73e8",
 	"#d93025",
 	"#1e8e3e",
@@ -4884,13 +4928,13 @@ var ui = (e, t, n, r = !1, i = "range") => b(v, { children: [
 	"#e37400",
 	"#12a4af",
 	"#d01884"
-], fi = Array.from({ length: E }, (e, t) => `var(--sxl-color-series-${t + 1}, ${di[t]})`), pi = "var(--sxl-color-primary, rgb(0, 120, 215))", mi = (e, t, n) => ({
+], gi = Array.from({ length: E }, (e, t) => `var(--sxl-color-series-${t + 1}, ${hi[t]})`), _i = "var(--sxl-color-primary, rgb(0, 120, 215))", vi = (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))
-}), hi = (e) => ({ stroke: fi.length ? fi[e % fi.length] : pi }), gi = (e) => {
-	let { selection: t, getRangeStyle: n = hi, anchors: r = tr, enabledMove: i, disableDraw: a, allowMulti: o = !0, size: s, animated: c, renderHandle: u, preserveFocus: d = !0, onDragActiveChange: f, rangeStyle: p = ee.EmptyObject, className: g, ..._ } = e, v = $(), x = M(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);
+}), yi = (e) => ({ stroke: gi.length ? gi[e % gi.length] : _i }), bi = (e) => {
+	let { selection: t, getRangeStyle: n = yi, anchors: r = rr, enabledMove: i, disableDraw: a, allowMulti: o = !0, size: s, animated: c, renderHandle: u, preserveFocus: d = !0, onDragActiveChange: f, rangeStyle: p = ee.EmptyObject, className: g, ..._ } = e, v = $(), x = M(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(() => () => {
@@ -4916,7 +4960,7 @@ var ui = (e, t, n, r = !1, i = "range") => b(v, { children: [
 			...n,
 			rangeIndex: e
 		});
-	}, L = zn((e, t) => {
+	}, L = Vn((e, t) => {
 		if (t.button !== 0) return null;
 		let n = (x.rangeIndex ?? -1) >= 0 ? x.rangeIndex : -1;
 		if (t.shiftKey && n >= 0 && S[n]) {
@@ -4924,24 +4968,24 @@ var ui = (e, t, n, r = !1, i = "range") => b(v, { children: [
 				rowIndex: S[n].rowStart,
 				colIndex: S[n].colStart
 			};
-			return k(!0), F(n, mi(t, e, v.getTotalRange())), {
-				drag: (e) => F(n, mi(t, e, v.getTotalRange())),
+			return k(!0), F(n, vi(t, e, v.getTotalRange())), {
+				drag: (e) => F(n, vi(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, mi(e, t, v.getTotalRange())),
+			drag: (t) => F(r, vi(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($e, {
+	return b(tt, {
 		..._,
 		children: [
-			(!a || O) && y(it, {
+			(!a || O) && y(ot, {
 				fill: !0,
 				className: Y(g, "ranges-picker-draw"),
 				style: { touchAction: "none" },
@@ -4953,7 +4997,7 @@ var ui = (e, t, n, r = !1, i = "range") => b(v, { children: [
 					e.stopPropagation(), L.onPointerUp(e);
 				}
 			}),
-			i && z.map((e) => y($n, {
+			i && z.map((e) => y(tr, {
 				range: S[e],
 				grip: "edges",
 				preserveFocus: d,
@@ -4966,7 +5010,7 @@ var ui = (e, t, n, r = !1, i = "range") => b(v, { children: [
 			}, `move-${e}`)),
 			z.map((e) => {
 				let t = e === C, n = e === N, i = ((e, t, n) => {
-					let r = e.stroke ?? p.stroke ?? pi;
+					let r = e.stroke ?? p.stroke ?? _i;
 					return {
 						...p,
 						...e,
@@ -4976,7 +5020,7 @@ var ui = (e, t, n, r = !1, i = "range") => b(v, { children: [
 						...c && t ? { animatedStroke: !0 } : void 0
 					};
 				})(R[e], t, n);
-				return y(rr, {
+				return y(ar, {
 					range: S[e],
 					anchors: r,
 					size: s,
@@ -4996,8 +5040,8 @@ var ui = (e, t, n, r = !1, i = "range") => b(v, { children: [
 		]
 	});
 };
-gi.displayName = "RangesPickerLayer";
-var _i = 0, vi = class {
+bi.displayName = "RangesPickerLayer";
+var xi = 0, Si = 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",
@@ -5006,7 +5050,7 @@ var _i = 0, vi = class {
 			dirty: t.dirty,
 			initialSelection: t.initialSelection ?? null,
 			autoFocus: t.autoFocus ?? !0,
-			token: ++_i
+			token: ++xi
 		};
 	}
 	getState() {
@@ -5127,7 +5171,7 @@ var _i = 0, vi = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, yi = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : e.key === "Process" || e.keyCode === 229 ? {
+}, Ci = (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 : {
@@ -5136,7 +5180,7 @@ var _i = 0, vi = class {
 } : e.shiftKey ? null : e.key === "F2" ? { mode: "edit" } : e.key === "Backspace" ? {
 	mode: "enter",
 	dirty: ""
-} : null, bi = (e, t) => {
+} : null, wi = (e, t) => {
 	let n = m(null);
 	return d(() => {
 		let t = n.current;
@@ -5144,9 +5188,9 @@ var _i = 0, vi = class {
 	}, [t]), N((e) => {
 		n.current = e;
 	}, []);
-}, xi = (e, t) => {
+}, Ti = (e, t) => {
 	if (e.which === C.Enter && t.ctrlKey) return t.shiftKey ? { arrayFixed: !0 } : { broadcast: !0 };
-}, Si = (e) => {
+}, Ei = (e) => {
 	let { mode: t, value: n, onDirtyChange: r, onModeChange: i, onCommit: a, onCancel: o, onNavigate: s, onTraverse: c, setCaret: l } = e;
 	return N((e) => {
 		let u = e.nativeEvent;
@@ -5163,7 +5207,7 @@ var _i = 0, vi = 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 = xi(e, u), n = a(t);
+			let t = Ti(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) {
@@ -5195,7 +5239,7 @@ var _i = 0, vi = class {
 		c,
 		l
 	]);
-}, Ci = class {
+}, Di = 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());
 	}
@@ -5226,7 +5270,7 @@ var _i = 0, vi = class {
 	}
 	startEdit(e, t = {}) {
 		let n = this.createEdit(e);
-		return n ? (this.current = new vi({
+		return n ? (this.current = new Si({
 			...n,
 			coords: n.coords ?? e,
 			onCommitError: (e) => {
@@ -5252,7 +5296,7 @@ var _i = 0, vi = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, wi = (e, t, n, r = "left", i = 0) => {
+}, Oi = (e, t, n, r = "left", i = 0) => {
 	if (!t) return null;
 	let a = e.getRangeFromCell(t), o = e.getBoundsFromRange(a);
 	if (!o) return null;
@@ -5272,7 +5316,7 @@ var _i = 0, vi = class {
 		},
 		inView: s
 	};
-}, Ti = 96 / 72 * 11, Ei = "Calibri, sans-serif", Di = (e) => {
+}, ki = 96 / 72 * 11, Ai = "Calibri, sans-serif", ji = (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;
@@ -5296,14 +5340,14 @@ var _i = 0, vi = class {
 			height: e.offsetHeight
 		});
 	}, [_, g]);
-	let w = Si({
+	let w = Ei({
 		mode: n,
 		value: _,
 		onDirtyChange: u,
 		onModeChange: f,
 		onCommit: p,
 		onCancel: h,
-		setCaret: bi(x, _)
+		setCaret: wi(x, _)
 	});
 	return b(v, { children: [y("textarea", {
 		ref: x,
@@ -5323,8 +5367,8 @@ var _i = 0, vi = class {
 			resize: "none",
 			overflow: "hidden",
 			background: "transparent",
-			fontFamily: Ei,
-			fontSize: Ti * c + "px",
+			fontFamily: Ai,
+			fontSize: ki * c + "px",
 			lineHeight: 1.2,
 			whiteSpace: "pre",
 			userSelect: "text"
@@ -5344,15 +5388,15 @@ var _i = 0, vi = class {
 			visibility: "hidden",
 			pointerEvents: "none",
 			whiteSpace: "pre",
-			fontFamily: Ei,
-			fontSize: `${Ti}px`,
+			fontFamily: Ai,
+			fontSize: `${ki}px`,
 			lineHeight: 1.2
 		},
 		children: _.length === 0 ? " " : _
 	})] });
 };
-function Oi(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 = qe(), p = M(t, (e) => e.getSession()), m = R(p, (e) => e.getState()), [g, _] = h(null), v = N((e) => {
+function Mi(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 = Ye(), p = M(t, (e) => e.getSession()), m = R(p, (e) => e.getState()), [g, _] = h(null), v = N((e) => {
 		_((t) => t && t.width === e.width && t.height === e.height ? t : e);
 	}, []), b = N((e) => {
 		let n = t.commit(e);
@@ -5374,7 +5418,7 @@ function Oi(e) {
 			rowEnd: e.rowStart,
 			colEnd: e.colStart
 		})) !== null, m) {
-			let e = wi(f, S, g, r, o);
+			let e = Oi(f, S, g, r, o);
 			C = e?.bounds ?? null, w = e?.inView ?? !1;
 		} else C = f.getBoundsFromRange(e);
 	}
@@ -5403,7 +5447,7 @@ function Oi(e) {
 		onCancel: x,
 		onNaturalSize: v
 	}, k = typeof i == "function" ? (S ? i(S) : void 0) ?? "transparent" : i;
-	return y($e, { children: C ? y(it, {
+	return y(tt, { children: C ? y(ot, {
 		...d,
 		className: Y(c, "editor"),
 		bounds: C,
@@ -5419,31 +5463,31 @@ function Oi(e) {
 			opacity: +!!D,
 			pointerEvents: D ? "auto" : "none"
 		},
-		children: n ? n(O) : y(Di, { ...O })
+		children: n ? n(O) : y(ji, { ...O })
 	}) : null });
 }
-function ki(e) {
-	let { editable: t } = e, n = qe(), r = N((e) => {
+function Ni(e) {
+	let { editable: t } = e, n = Ye(), r = N((e) => {
 		if (t.getSession()) return;
 		let r = n?.getElement();
-		if (r && e.target !== r) return;
+		if (r && e.target !== r && e.target !== n?.getFocusTarget()) return;
 		let i = t.getAnchor().getCoords();
 		if (!i) return;
-		let a = yi(e.nativeEvent);
+		let a = Ci(e.nativeEvent);
 		a && (e.nativeEvent.key !== "Process" && e.nativeEvent.keyCode !== 229 && e.preventDefault(), e.stopPropagation(), t.startEdit(i, a));
 	}, [t, n]), i = N((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($e, {
+	return y(tt, {
 		className: "editor-start",
 		onKeyDown: r,
 		onDoubleClick: i
 	});
 }
-function Ai(e) {
-	let { editable: t, renderEditor: n, idleClean: r = null, mapClean: i, editorId: a, readOnly: o, className: s, style: c } = e, l = M(t, (e) => e.getSession()), u = R(l, (e) => e.getState()), d = u?.clean ?? r, f = i ? i(d) : d, p = N((e) => t.commit(e), [t]), m = N(() => t.cancel(), [t]), h = N(() => {
+function Pi(e) {
+	let { editable: t, renderEditor: n, idleClean: r = null, mapClean: i, editorId: a, readOnly: o, className: s, style: c } = e, l = M(t, (e) => e.getSession()), u = R(l, (e) => e.getState()), d = u?.clean ?? r, f = i ? i(d) : d, p = N((e) => t.commit(e), [t]), h = N(() => t.cancel(), [t]), g = N(() => {
 		o || (t.getSession() || t.startEdit(t.getAnchor().getCoords(), {
 			mode: "edit",
 			autoFocus: !1
@@ -5452,31 +5496,36 @@ function Ai(e) {
 		t,
 		a,
 		o
-	]), g = {
+	]), _ = m(null);
+	u && _.current?.token !== u.token && (_.current = {
+		token: u.token,
+		here: u.autoFocus && !!a && l?.getActiveEditorId() === a
+	});
+	let v = !!u && !0 === _.current?.here, b = {
 		open: !!u,
 		mode: u?.mode ?? "enter",
 		coords: u?.coords ?? t.getAnchor().getCoords(),
 		clean: f,
 		dirty: u?.dirty,
 		token: u?.token ?? 0,
-		autoFocus: !1,
+		autoFocus: v,
 		readOnly: o,
 		initialSelection: u?.initialSelection,
 		zoom: 1,
 		onDirtyChange: (e) => l?.setDirty(e),
 		onModeChange: (e) => l?.setMode(e),
 		onCommit: p,
-		onCancel: m
+		onCancel: h
 	};
 	return y("div", {
 		className: s,
 		style: c,
-		onFocus: h,
-		children: n ? n(g) : y(Di, { ...g })
+		onFocus: g,
+		children: n ? n(b) : y(ji, { ...b })
 	});
 }
-Di.displayName = "DefaultEditorInput", Ai.displayName = "EditorDiv";
-var ji = "ew-resize", Mi = "ns-resize", Ni = "var(--sxl-color-base-100, #f5f5f5)", Pi = "var(--sxl-color-primary, rgb(33, 115, 70))", Fi = (e, t, n, r) => ({
+ji.displayName = "DefaultEditorInput", Pi.displayName = "EditorDiv";
+var Fi = "ew-resize", Ii = "ns-resize", Li = "var(--sxl-color-base-100, #f5f5f5)", Ri = "var(--sxl-color-primary, rgb(33, 115, 70))", zi = (e, t, n, r) => ({
 	position: "absolute",
 	boxSizing: "border-box",
 	left: e ? t - n / 2 : "50%",
@@ -5488,21 +5537,21 @@ var ji = "ew-resize", Mi = "ns-resize", Ni = "var(--sxl-color-base-100, #f5f5f5)
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center"
-}), Ii = (e, t) => y("div", {
+}), Bi = (e, t) => y("div", {
 	className: "header-divider-handle",
 	style: {
-		...Fi(e, t, 6, 16),
+		...zi(e, t, 6, 16),
 		pointerEvents: "none",
 		border: "1px solid var(--sxl-color-neutral, grey)",
-		background: Ni
+		background: Li
 	}
-}), Li = o((e) => {
-	let { isColumn: t, lineOffset: n, onUnhide: r } = e, [i, a] = h(!1), o = i ? Ni : Pi;
+}), Vi = o((e) => {
+	let { isColumn: t, lineOffset: n, onUnhide: r } = e, [i, a] = h(!1), o = i ? Li : Ri;
 	return y("div", {
 		className: "header-divider-unhide",
 		role: "button",
 		style: {
-			...Fi(t, n, 20, 12),
+			...zi(t, n, 20, 12),
 			...t ? {
 				top: "calc(100% - 4px)",
 				height: 12,
@@ -5515,8 +5564,8 @@ var ji = "ew-resize", Mi = "ns-resize", Ni = "var(--sxl-color-base-100, #f5f5f5)
 			zIndex: 1,
 			pointerEvents: "auto",
 			cursor: "pointer",
-			border: `1px solid ${Pi}`,
-			background: i ? Pi : Ni
+			border: `1px solid ${Ri}`,
+			background: i ? Ri : Li
 		},
 		onPointerEnter: () => a(!0),
 		onPointerLeave: () => a(!1),
@@ -5536,8 +5585,8 @@ var ji = "ew-resize", Mi = "ns-resize", Ni = "var(--sxl-color-base-100, #f5f5f5)
 		})
 	});
 });
-Li.displayName = "UnhideButton";
-var Ri = o(i((e, t) => {
+Vi.displayName = "UnhideButton";
+var Hi = 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, ...C } = e, w = $(), 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 = I() === "touch", F = E ? 14 : 8, L = w.getZoom();
 	L < 1 && (F = Math.max(2, F * L * .8));
 	let R = F / 2, z = 0;
@@ -5565,17 +5614,17 @@ var Ri = o(i((e, t) => {
 			backgroundPosition: E ? `${R}px 0` : `0 ${R}px`,
 			backgroundRepeat: "no-repeat",
 			pointerEvents: "auto",
-			cursor: o || s || P ? void 0 : E ? ji : Mi,
+			cursor: o || s || P ? void 0 : E ? Fi : Ii,
 			...a
 		},
 		...C,
-		children: [!k && !v || P || o || s ? null : _ ? y(Li, {
+		children: [!k && !v || P || o || s ? null : _ ? y(Vi, {
 			isColumn: E,
 			lineOffset: R,
 			onUnhide: () => {
 				O(null), _();
 			}
-		}) : Ii(E, R), f && P ? y("div", {
+		}) : Bi(E, R), f && P ? y("div", {
 			style: {
 				position: "absolute",
 				cursor: "grab",
@@ -5606,8 +5655,8 @@ var Ri = o(i((e, t) => {
 			} })
 		}) : null]
 	});
-})), zi = (e) => y(Ri, { ...e }), Bi = 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 = $(), w = N(_, [_]), E = N(p, [p]), D = n === W.Column, O = x === void 0 ? Vi(C, n) : x, k = m(null), [A, j] = h(null), M = (e, t) => D ? e.clientX - t.clientX : e.clientY - t.clientY, F = C.getMetrics(), I = D ? F.getColOffset(r + 1) : F.getRowOffset(r + 1), L = T.getDevicePixelRatio(), R = 1 / L, B = T.snapLineCenter(I, R, L) - R / 2, V = z({
+})), Ui = (e) => y(Hi, { ...e }), Wi = o(i((e, t) => {
+	let { axis: n, index: r, disabled: i = !1, disabledResize: a = !1, resizeThreshold: o = 1, renderDivider: s = Ui, onDividerMouseDown: c, onDividerResizeStart: l, onDividerResize: u, onDividerResizeEnd: d, onDividerMouseUp: f, onDividerAutoFit: p, onDividerUnhide: g, onPointerDown: _, visibleBounds: x, ...S } = e, C = $(), w = N(_, [_]), E = N(p, [p]), D = n === W.Column, O = x === void 0 ? Gi(C, n) : x, k = m(null), [A, j] = h(null), M = (e, t) => D ? e.clientX - t.clientX : e.clientY - t.clientY, F = C.getMetrics(), I = D ? F.getColOffset(r + 1) : F.getRowOffset(r + 1), L = T.getDevicePixelRatio(), R = 1 / L, B = T.snapLineCenter(I, R, L) - R / 2, V = z({
 		processTouch: !0,
 		onPointerDown: (e) => {
 			if (w?.(e), !i && !a) {
@@ -5672,15 +5721,15 @@ var Ri = o(i((e, t) => {
 	let U = null;
 	return A && A.isResizing && A.index === r && (U = G(y("div", { style: {
 		position: "absolute",
-		cursor: D ? ji : Mi,
+		cursor: D ? Fi : Ii,
 		left: 0,
 		top: 0,
 		width: "100%",
 		height: "100%"
 	} }), H(), "divider:" + r)), b(v, { children: [U, te] });
 }));
-Bi.displayName = "HeaderDividerAnchor";
-var Vi = (e, t) => {
+Wi.displayName = "HeaderDividerAnchor";
+var Gi = (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({
@@ -5695,7 +5744,7 @@ var Vi = (e, t) => {
 		colEnd: 0
 	});
 	return e.toClipBounds(o, -10);
-}, Hi = (e, t, n, r) => {
+}, Ki = (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
@@ -5721,8 +5770,8 @@ var Vi = (e, t) => {
 		snapClient: u.pos + l,
 		pointerClient: c < 0 ? void 0 : n
 	};
-}, Ui = (e) => {
-	let { axis: t, disabled: n, isOwner: r } = e, i = $(), a = t === W.Column, o = N(e.onFreezeDragStart, [e.onFreezeDragStart]), s = N(e.onFreezeDrag, [e.onFreezeDrag]), c = N(e.onFreezeDragEnd, [e.onFreezeDragEnd]), u = N(e.onFreezeDragCancel, [e.onFreezeDragCancel]), d = N(e.onActiveChange, [e.onActiveChange]), [f, p] = h(!1), [g, _] = h(!1), v = m(null), b = (e, t) => a ? Hi(i, !0, e.clientX, t.clientY) : Hi(i, !1, e.clientY, t.clientX), x = z({
+}, qi = (e) => {
+	let { axis: t, disabled: n, isOwner: r } = e, i = $(), a = t === W.Column, o = N(e.onFreezeDragStart, [e.onFreezeDragStart]), s = N(e.onFreezeDrag, [e.onFreezeDrag]), c = N(e.onFreezeDragEnd, [e.onFreezeDragEnd]), u = N(e.onFreezeDragCancel, [e.onFreezeDragCancel]), d = N(e.onActiveChange, [e.onActiveChange]), [f, p] = h(!1), [g, _] = h(!1), v = m(null), b = (e, t) => a ? Ki(i, !0, e.clientX, t.clientY) : Ki(i, !1, e.clientY, t.clientX), x = z({
 		processTouch: !0,
 		onPointerDown: (e) => {
 			if (e.stopPropagation(), e.preventDefault(), n) return !1;
@@ -5776,8 +5825,8 @@ var Vi = (e, t) => {
 		},
 		backdrop: T
 	};
-}, Wi = o((e) => {
-	let { axis: t, disabled: n = !1, highlight: r = !1, onFreezeDragStart: i, onFreezeDrag: a, onFreezeDragEnd: o, onFreezeDragCancel: s, onActiveChange: c } = e, l = $(), u = t === W.Column, d = u ? V.Left : V.Top, f = !!l.getAllPanes()[d], p = l.getAnchor() === (f ? d : V.Center), { isActive: m, cursor: h, hitProps: g, backdrop: _ } = Ui({
+}, Ji = o((e) => {
+	let { axis: t, disabled: n = !1, highlight: r = !1, onFreezeDragStart: i, onFreezeDrag: a, onFreezeDragEnd: o, onFreezeDragCancel: s, onActiveChange: c } = e, l = $(), u = t === W.Column, d = u ? V.Left : V.Top, f = !!l.getAllPanes()[d], p = f ? l.getAnchor() === d : l === fe(l.getAllPanes()), { isActive: m, cursor: h, hitProps: g, backdrop: _ } = qi({
 		axis: t,
 		disabled: n,
 		isOwner: p,
@@ -5836,9 +5885,9 @@ var Vi = (e, t) => {
 		})
 	] });
 });
-Wi.displayName = "HeaderFreezeAnchor";
-var Gi = o((e) => {
-	let { axis: t, disabled: n = !1, onFreezeDragStart: r, onFreezeDrag: i, onFreezeDragEnd: a, onFreezeDragCancel: o, onActiveChange: s } = e, c = $(), l = t === W.Column, u = c.getAnchor(), d = u === V.TopLeft || u === (l ? V.Left : V.Top), { cursor: f, hitProps: p, backdrop: m } = Ui({
+Ji.displayName = "HeaderFreezeAnchor";
+var Yi = o((e) => {
+	let { axis: t, disabled: n = !1, onFreezeDragStart: r, onFreezeDrag: i, onFreezeDragEnd: a, onFreezeDragCancel: o, onActiveChange: s } = e, c = $(), l = t === W.Column, u = c.getAnchor(), d = u === V.TopLeft || u === (l ? V.Left : V.Top), { cursor: f, hitProps: p, backdrop: m } = qi({
 		axis: t,
 		disabled: n,
 		isOwner: d,
@@ -5865,26 +5914,26 @@ var Gi = o((e) => {
 		}
 	})] });
 });
-Gi.displayName = "GridFreezeAnchor";
-var Ki = (e, t, n) => t === W.Column ? {
+Yi.displayName = "GridFreezeAnchor";
+var Xi = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, qi = (e, t, n) => t === W.Column ? {
+}, Zi = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowEnd,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colEnd
-}, Ji = (e, t, n) => t === W.Column ? {
+}, Qi = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, Yi = (e, t, n, r) => n === W.Column ? {
+}, $i = (e, t, n, r) => n === W.Column ? {
 	rowStart: r.rowStart,
 	rowEnd: r.rowEnd,
 	colStart: Math.min(e.colIndex, t.colIndex),
@@ -5894,8 +5943,8 @@ var Ki = (e, t, n) => t === W.Column ? {
 	colEnd: r.colEnd,
 	rowStart: Math.min(e.rowIndex, t.rowIndex),
 	rowEnd: Math.max(e.rowIndex, t.rowIndex)
-}, Xi = (e, t, n) => {
-	let r = typeof t == "function" ? t : () => t, i = null, a = null, o = 0, s = () => r().getAllPanes()[V.Center] ?? r(), c = (t, n, r) => {
+}, ea = (e, t, n) => {
+	let r = typeof t == "function" ? t : () => t, i = null, a = null, o = 0, s = () => fe(r().getAllPanes()) ?? r(), c = (t, n, r) => {
 		if (!e) return;
 		let i = e.getSelection(), a = !!i.ranges && i.ranges.length > 0;
 		if (r === "clear") return void e.setSelection({
@@ -5935,21 +5984,21 @@ var Ki = (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 = Yi(i ?? e, e, t, r), f = a ?? Ji(e, t, s().getVisibleRange());
+		let { axis: t, entireRange: r, replaceActive: u = !1 } = n(), d = $i(i ?? e, e, t, r), f = a ?? Qi(e, t, s().getVisibleRange());
 		u ? l(o, d, f) : c(d, f, "replace");
 	};
-	return Ln(r, (t, r) => {
+	return zn(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 = Ji(t, h, s().getVisibleRange()), T = r.shiftKey, E = (r.ctrlKey || r.metaKey) && _;
+		let w = Qi(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, Yi(i, t, h, g), a ?? w)) : (i = t, a = w, o = E || s < 0 ? r.length : s, l(o, Yi(t, t, h, g), w));
-		} else T && i ? c(Yi(i, t, h, g), a ?? w, "replace") : E ? (i = t, a = w, c(Yi(t, t, h, g), w, "append")) : (i = t, a = w, c(Yi(t, t, h, g), w, "clear"));
+			T && i ? (o = s >= 0 ? s : Math.max(0, r.length - 1), l(o, $i(i, t, h, g), a ?? w)) : (i = t, a = w, o = E || s < 0 ? r.length : s, l(o, $i(t, t, h, g), w));
+		} else T && i ? c($i(i, t, h, g), a ?? w, "replace") : E ? (i = t, a = w, c($i(t, t, h, g), w, "append")) : (i = t, a = w, c($i(t, t, h, g), w, "clear"));
 		return ((e) => {
 			u(n().axis === W.Column ? { colIndex: e.colIndex } : { rowIndex: e.rowIndex });
 		})(t), {
@@ -5965,16 +6014,16 @@ var Ki = (e, t, n) => t === W.Column ? {
 			captureEvents: v
 		};
 	});
-}, Zi = (e, t) => {
+}, ta = (e, t) => {
 	let n = $(), r = N(() => n, [n]), i = m(t);
 	i.current = t;
-	let a = f(() => Xi(e, r, () => i.current), [e, r]);
+	let a = f(() => ea(e, r, () => i.current), [e, r]);
 	return l(() => () => a.dispose(), [a]), {
 		onPointerDown: a.onPointerDown,
 		onPointerMove: a.onPointerMove,
 		onPointerUp: a.onPointerUp
 	};
-}, Qi = (e) => e == null ? [] : Array.isArray(e) ? e : [e], $i = o(i((e, t) => {
+}, na = (e) => e == null ? [] : Array.isArray(e) ? e : [e], ra = o(i((e, t) => {
 	let { rowCount: n = 1, columnCount: r = 1, getRowHeight: i, getColumnWidth: a, metrics: o, renderCells: c, renderBorders: l, showGridLines: u = !0, gridLineColor: d, propsGridLineRows: m, propsGridLineColumns: h, getVisibleCells: g, hiddenCellAt: _, renderBelow: v, children: b, ...x } = e, S = ie({
 		rowCount: n,
 		columnCount: r,
@@ -5984,19 +6033,19 @@ var Ki = (e, t, n) => t === W.Column ? {
 		T();
 	}, []), O = F(t, () => ({ invalidate: D }), [D]), k = f(() => {
 		let e = [];
-		return !1 !== u && e.push(y(Or, {
+		return !1 !== u && e.push(y(Mr, {
 			showGridLines: u,
 			gridLineColor: d,
 			propsRows: m,
 			propsColumns: h,
 			getVisibleCells: g,
 			hiddenCellAt: _
-		}, "__gridlines")), e.push(...Qi(v)), e.push(...Qi(l)), c && e.push(y(yr, {
+		}, "__gridlines")), e.push(...na(v)), e.push(...na(l)), c && e.push(y(xr, {
 			renderCell: c,
 			getVisibleCells: g,
 			hiddenCellAt: _,
 			cacheToken: E
-		}, "__cells")), e.push(...Qi(b)), e.push(y(Tn, {}, "__range-tooltips")), e;
+		}, "__cells")), e.push(...na(b)), e.push(y(Dn, {}, "__range-tooltips")), e;
 	}, [
 		u,
 		d,
@@ -6010,7 +6059,7 @@ var Ki = (e, t, n) => t === W.Column ? {
 		E,
 		b
 	]);
-	return y(xn, { children: y(Ie, {
+	return y(Cn, { children: y(Re, {
 		ref: O,
 		...x,
 		rowCount: n,
@@ -6019,17 +6068,17 @@ var Ki = (e, t, n) => t === W.Column ? {
 		children: k
 	}) });
 }));
-function ea(e, t) {
+function ia(e, t) {
 	if (typeof e == "function") return e(t);
 	e && (e.current = t);
 }
-$i.displayName = "Grid";
-var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
+ra.displayName = "Grid";
+var aa = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 	return (t) => {
 		let n = [];
 		for (let r of e) {
-			let e = ea(r, t), i = typeof e == "function";
-			n.push(i ? e : () => ea(r, null));
+			let e = ia(r, t), i = typeof e == "function";
+			n.push(i ? e : () => ia(r, null));
 		}
 		return () => {
 			for (let e of n) e();
@@ -6037,17 +6086,17 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 	};
 } : function(e) {
 	return (t) => {
-		for (let n of e) ea(n, t);
+		for (let n of e) ia(n, t);
 	};
-}, na, ra = {
+}, oa, sa = {
 	fill: { fill: "color-mix(in srgb, var(--sxl-color-primary, rgb(0, 120, 215)) 14%, transparent)" },
 	border: null,
 	inner: null
-}, ia = {
+}, ca = {
 	stroke: "var(--sxl-color-primary, rgb(0, 120, 215))",
 	alignWidth: 1,
 	inset: 1
-}, aa = i(function(e, t) {
+}, la = 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 O(), []), w = h ?? C, T = M(w, (e) => e.getMetrics()), E = d === "auto" ? T.totalHeight > T.height : d, k = m(null);
 	l(() => {
 		u && k.current?.focus();
@@ -6064,12 +6113,12 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			e = !0, t && cancelAnimationFrame(t), r?.();
 		};
 	}, [p, w]);
-	let A = f(() => new jr({ getBounds: () => ({
+	let A = f(() => new Fr({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, n - 1),
 		colEnd: 0
-	}) }), [n]), j = s ?? A, [N, { width: P }] = L(), [F, { width: I }] = L(), R = I > 0 && P > 0 ? Math.max(0, I - P) : 0, z = f(() => ta(B), B = [F, t]);
+	}) }), [n]), j = s ?? A, [N, { width: P }] = L(), [F, { width: I }] = L(), R = I > 0 && P > 0 ? Math.max(0, I - P) : 0, z = f(() => aa(B), B = [F, t]);
 	var B;
 	let V = ie({
 		rowCount: n,
@@ -6104,7 +6153,7 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 					width: "100%",
 					height: "100%"
 				},
-				children: b(Ie, {
+				children: b(Re, {
 					ref: k,
 					viewport: w,
 					style: {
@@ -6115,25 +6164,25 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 					columnCount: 1,
 					metrics: V,
 					children: [
-						y(li, {
+						y(pi, {
 							selection: j,
 							anchorHole: !1,
-							singleStyle: ra,
-							singleAnchorStyle: ia,
-							multiAnchorStyle: ia
+							singleStyle: sa,
+							singleAnchorStyle: ca,
+							multiAnchorStyle: ca
 						}, "__selection"),
-						y(yr, {
+						y(xr, {
 							renderCell: r,
 							getVisibleCells: i,
 							cacheToken: g
 						}, "__cells"),
-						c ? y($e, { ...c }, "__taps") : null
+						c ? y(tt, { ...c }, "__taps") : null
 					]
 				})
 			})
 		})
 	});
-}), oa = i(function(e, t) {
+}), ua = 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, _ = F(t, () => ({ isList: () => !0 }), []), v = s((e) => {
 		let { key: t, style: n, range: i, cell: a } = e, o = i?.rowStart ?? a.rowIndex;
 		return y("div", {
@@ -6153,7 +6202,7 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			children: r(o)
 		}, t);
 	}, [r]), b = f(() => o ? { onKeyDown: o } : void 0, [o]);
-	return y(aa, {
+	return y(la, {
 		ref: _,
 		className: Y("list", p),
 		style: m,
@@ -6168,7 +6217,7 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		viewport: d,
 		...g
 	});
-}), sa = (e, t) => y("input", {
+}), da = (e, t) => y("input", {
 	type: "checkbox",
 	checked: e,
 	ref: (e) => {
@@ -6177,10 +6226,10 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 	readOnly: !0,
 	tabIndex: -1,
 	style: { margin: 0 }
-}), ca = i(function(e, t) {
-	let { itemCount: n, isChecked: r, isIndeterminate: i, onCheckedChange: a, renderValue: o, renderCheckbox: c = sa, 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);
+}), fa = i(function(e, t) {
+	let { itemCount: n, isChecked: r, isIndeterminate: i, onCheckedChange: a, renderValue: o, renderCheckbox: c = da, 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 jr({ getBounds: () => ({
+	let A = f(() => new Fr({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, k.current - 1),
@@ -6311,7 +6360,7 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 				},
 				children: c(ee, H)
 			}), d]
-		}), u?.()] }), y(oa, {
+		}), u?.()] }), y(ua, {
 			itemCount: n,
 			itemHeight: _,
 			selection: j,
@@ -6327,21 +6376,21 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			}
 		})]
 	});
-}), la = (e, t) => {
+}), pa = (e, t) => {
 	let n = (() => {
-		if (na !== void 0) return na;
+		if (oa !== void 0) return oa;
 		try {
-			na = (typeof document < "u" ? document.createElement("canvas").getContext("2d") : null) ?? null;
+			oa = (typeof document < "u" ? document.createElement("canvas").getContext("2d") : null) ?? null;
 		} catch {
-			na = null;
+			oa = null;
 		}
-		return na;
+		return oa;
 	})();
 	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;
-}, ua = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), da = 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 = ua(i ?? 0, x), w = f(() => new jr({
+}, ma = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), ha = 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 = ma(i ?? 0, x), w = f(() => new Fr({
 		initial: { cell: {
 			rowIndex: Math.max(0, S),
 			colIndex: 0
@@ -6362,7 +6411,7 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		x
 	]), A = N(() => x === 0 ? -1 : w.getSelection().cell.rowIndex, [w, x]), j = N((e) => {
 		if (x === 0) return;
-		let t = ua(w.getSelection().cell.rowIndex + e, x);
+		let t = ma(w.getSelection().cell.rowIndex + e, x);
 		w.setSelection({ cell: {
 			rowIndex: t,
 			colIndex: 0
@@ -6382,7 +6431,7 @@ var ta = 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) => la(t, e);
+		return (t) => pa(t, e);
 	}, [l, _]), I = f(() => {
 		if (c != null) return c;
 		let e = 0;
@@ -6426,7 +6475,7 @@ var ta = 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(aa, {
+	return y(la, {
 		ref: M,
 		className: Y("pick-list", g),
 		role: "listbox",
@@ -6446,10 +6495,10 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		cacheToken: n,
 		...b
 	});
-}), fa = "_field_q34pi_8", pa = "_search_q34pi_28", ma = "_icon_q34pi_47", ha = "_clear_q34pi_56", ga = "_row_q34pi_84", _a = (e, t) => {
+}), ga = "_field_q34pi_8", _a = "_search_q34pi_28", va = "_icon_q34pi_47", ya = "_clear_q34pi_56", ba = "_row_q34pi_84", xa = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.filter((e) => e.text.toLowerCase().includes(n)) : e;
-}, va = (e) => b("svg", {
+}, Sa = (e) => b("svg", {
 	className: e.className,
 	viewBox: "0 0 16 16",
 	"aria-hidden": "true",
@@ -6470,7 +6519,7 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})]
-}), ya = i(function(e, t) {
+}), Ca = 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);
@@ -6480,16 +6529,16 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		i,
 		u
 	]), m = b("div", {
-		className: Y(fa, "list-search-field", d),
+		className: Y(ga, "list-search-field", d),
 		children: [
-			o ?? y(va, { className: ma }),
+			o ?? y(Sa, { className: va }),
 			y("input", {
 				ref: t,
 				type: "text",
 				role: "searchbox",
 				autoComplete: "off",
 				spellCheck: !1,
-				className: Y(pa, "list-search"),
+				className: Y(_a, "list-search"),
 				value: n,
 				onChange: (e) => r(e.target.value),
 				onKeyDown: p,
@@ -6497,7 +6546,7 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			}),
 			n ? y("button", {
 				type: "button",
-				className: Y(ha, "list-search-clear"),
+				className: Y(ya, "list-search-clear"),
 				"aria-label": a,
 				title: a,
 				tabIndex: -1,
@@ -6518,20 +6567,20 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		]
 	});
 	return c == null && l == null ? m : b("div", {
-		className: Y(ga, "list-search-row"),
+		className: Y(ba, "list-search-row"),
 		children: [
 			c,
 			m,
 			l
 		]
 	});
-}), ba = {
+}), wa = {
 	light: {},
 	dark: {
 		"color-base-100": "#1e1e1e",
 		"color-base-300": "#3a3a3a"
 	}
-}, xa = {
+}, Ta = {
 	light: {
 		"color-base-100": "#f2f2f2",
 		"color-base-hover": "#ececec",
@@ -6542,7 +6591,7 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		"color-base-hover": "#2e2e2e",
 		"color-base-300": "#4a4a4a"
 	}
-}, Sa = (e, ...t) => j(e, ba[e], ...t), Ca = (e, ...t) => j(e, xa[e], ...t), wa = ({ app: e, grid: t = ba, header: n = xa, layer: r = "sxl-defaults", scope: i } = {}) => {
+}, Ea = (e, ...t) => j(e, wa[e], ...t), Da = (e, ...t) => j(e, Ta[e], ...t), Oa = ({ app: e, grid: t = wa, header: n = Ta, layer: r = "sxl-defaults", scope: i } = {}) => {
 	let a = e ?? A, o = Object.fromEntries(Object.keys(n).map((e) => [e, {
 		"color-base-100": a[e]?.["color-base-200"],
 		...n[e]
@@ -6557,4 +6606,4 @@ var ta = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		scope: i
 	});
 };
-export { An as AUTO_SCROLL_INTERVAL_MS, yr as CellLayer, vr as CellTileDiv, ca as CheckboxList, Vr as DEFAULT_ANCHOR_STYLE, En as DEFAULT_HANDLE_STYLE, Ur as DEFAULT_INSERT_BAR_STYLE, Wr as DEFAULT_MOVE_SOURCE_STYLE, Br as DEFAULT_MULTI_STYLE, Hr as DEFAULT_REMOVE_PREVIEW_STYLE, zr as DEFAULT_SINGLE_STYLE, It as DEFAULT_TOOLTIP_TIMING, cr as DefaultCellRenderer, Ci as DefaultEditable, Di as DefaultEditorInput, Ri as DefaultHeaderDivider, jr as DefaultSelection, Hn as DragHandle, $n as Draggable, jn as EDGE_AUTO_SCROLL_MARGIN_PX, vi as EditSession, Ai as EditorDiv, Oi as EditorLayer, ki as EditorStartLayer, sr as FillHandle, ba as GRID_SURFACE, sn as GestureTip, $i as Grid, Nt as GridFloatPanel, Gi as GridFreezeAnchor, Ie as GridSurface, Or as GridlineLayer, xa as HEADER_SURFACE, Bi as HeaderDividerAnchor, Wi as HeaderFreezeAnchor, $e as Layer, ae as LineSVG, oa as List, ya as ListSearch, va as ListSearchGlyph, aa as ListSurface, Nn as NO_DRAG_MODIFIERS, fi as PICKER_COLORS, da as PickList, tr as RESIZE_ANCHORS_4, nr as RESIZE_ANCHORS_8, tn as RangeFloatLayer, On as RangeInsertBar, hn as RangePrompt, Dn as RangeRect, rr as RangeResizer, Sn as RangeTooltip, Tn as RangeTooltipHost, nn as RangeTooltipLayer, xn as RangeTooltipProvider, gi as RangesPickerLayer, J as RectangleSVG, Ar as SELECTION_CLIP_INSETS, li as SelectionLayer, Yr as SelectionTouchGrips, K as ShapeBoundsContext, Tt as StickyAnchor, jt as StickyPortal, Ne as SurfaceStateContext, Pe as SurfaceStateProvider, Vt as TooltipProvider, it as VirtualDiv, $t as VirtualRangeFloat, wa as buildGridThemeCSS, xi as commitArgsFromKey, re as createAxis, Ln as createDragCells, Xi as createHeaderSelectionPointer, _n as createRangeTooltipRegistry, Me as createSurfaceStateStore, Lt as createTooltipGroup, Rn as createWindowDragCells, hi as defaultRangeStyle, Mn as edgeScrollPane, wi as expandEditorBounds, _a as filterByText, Vi as getHeaderDividerBounds, Sa as gridThemeVars, Ji as headerAnchorCell, qi as headerEntireEnd, Ki as headerEntireStart, Yi as headerRange, Ca as headerThemeVars, Jn as insertAt, Qn as insertRange, Fn as isSameDragModifiers, Pn as readDragModifiers, Ut as renderDefaultTooltip, Ft as renderGridFloatPanel, ar as resolveFillDestination, yi as startEventFromKey, Vn as useDoubleClick, zn as useDragCells, Si as useEditorKeymap, ie as useGridMetrics, $ as useGridPane, qe as useGridPaneOptional, Zi as useHeaderSelectionPointer, Gt as useHoverIntent, Qe as useLayer, bi as usePendingCaret, bn as useRangeTooltipRegistry, Gr as useSelectionPointer, q as useShapeBounds, Ct as useSticky, wt as useStickyOptional, Ye as useSurfaceState, Xe as useSurfaceStateSetter, Ze as useSurfaceStateValue, Bt as useTooltipSurface, Bn as useWindowDragCells, or as vacatedByFill };
+export { Mn as AUTO_SCROLL_INTERVAL_MS, xr as CellLayer, br as CellTileDiv, fa as CheckboxList, Gr as DEFAULT_ANCHOR_STYLE, On as DEFAULT_HANDLE_STYLE, qr as DEFAULT_INSERT_BAR_STYLE, Jr as DEFAULT_MOVE_SOURCE_STYLE, Wr as DEFAULT_MULTI_STYLE, Kr as DEFAULT_REMOVE_PREVIEW_STYLE, Ur as DEFAULT_SINGLE_STYLE, Rt as DEFAULT_TOOLTIP_TIMING, ur as DefaultCellRenderer, Di as DefaultEditable, ji as DefaultEditorInput, Hi as DefaultHeaderDivider, Fr as DefaultSelection, Wn as DragHandle, tr as Draggable, Nn as EDGE_AUTO_SCROLL_MARGIN_PX, Si as EditSession, Pi as EditorDiv, Mi as EditorLayer, Ni as EditorStartLayer, lr as FillHandle, wa as GRID_SURFACE, ln as GestureTip, ra as Grid, Ft as GridFloatPanel, Yi as GridFreezeAnchor, Re as GridSurface, Mr as GridlineLayer, Ta as HEADER_SURFACE, Wi as HeaderDividerAnchor, Ji as HeaderFreezeAnchor, tt as Layer, ae as LineSVG, ua as List, Ca as ListSearch, Sa as ListSearchGlyph, la as ListSurface, Fn as NO_DRAG_MODIFIERS, gi as PICKER_COLORS, ha as PickList, rr as RESIZE_ANCHORS_4, ir as RESIZE_ANCHORS_8, rn as RangeFloatLayer, An as RangeInsertBar, _n as RangePrompt, kn as RangeRect, ar as RangeResizer, wn as RangeTooltip, Dn as RangeTooltipHost, an as RangeTooltipLayer, Cn as RangeTooltipProvider, bi as RangesPickerLayer, J as RectangleSVG, Pr as SELECTION_CLIP_INSETS, pi as SelectionLayer, $r as SelectionTouchGrips, K as ShapeBoundsContext, Dt as StickyAnchor, Nt as StickyPortal, Fe as SurfaceStateContext, Ie as SurfaceStateProvider, Ut as TooltipProvider, ot as VirtualDiv, tn as VirtualRangeFloat, Oa as buildGridThemeCSS, Or as buildGridlinePath, Ti as commitArgsFromKey, re as createAxis, zn as createDragCells, ea as createHeaderSelectionPointer, yn as createRangeTooltipRegistry, Pe as createSurfaceStateStore, zt as createTooltipGroup, Bn as createWindowDragCells, yi as defaultRangeStyle, Pn as edgeScrollPane, Oi as expandEditorBounds, xa as filterByText, Gi as getHeaderDividerBounds, fe as getPrimaryPane, Ea as gridThemeVars, Qi as headerAnchorCell, Zi as headerEntireEnd, Xi as headerEntireStart, $i as headerRange, Da as headerThemeVars, Xn as insertAt, er as insertRange, Ln as isSameDragModifiers, In as readDragModifiers, Gt as renderDefaultTooltip, Lt as renderGridFloatPanel, sr as resolveFillDestination, Ci as startEventFromKey, Un as useDoubleClick, Vn as useDragCells, Ei as useEditorKeymap, ie as useGridMetrics, $ as useGridPane, Ye as useGridPaneOptional, ta as useHeaderSelectionPointer, qt as useHoverIntent, et as useLayer, wi as usePendingCaret, Sn as useRangeTooltipRegistry, Yr as useSelectionPointer, q as useShapeBounds, Tt as useSticky, Et as useStickyOptional, Ze as useSurfaceState, Qe as useSurfaceStateSetter, $e as useSurfaceStateValue, Ht as useTooltipSurface, Hn as useWindowDragCells, cr as vacatedByFill };