@sheetxl/grid-react 0.8.0-beta.18 → 0.8.0-beta.19

package/node/esm/index.mjs

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.18
+* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.19
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: SheetXL EULA — https://www.sheetxl.com/eula
@@ -272,7 +272,7 @@ var ie = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right}
 	const t = e?.getElement();
 	return t && "function" == typeof t.isStage && t.isStage() ? t : null;
 }, Ee = i(o((e, t) => {
-	const { className: n, onFocus: r, onBlur: o, onDragStart: l, children: i, ...s } = e, d = Je(), u = f(d);
+	const { className: n, onFocus: r, onBlur: o, onDragStart: l, children: i, ...s } = e, d = Qe(), u = f(d);
 	u.current = d;
 	const g = f(/* @__PURE__ */ new Set()), h = f(0), p = a((e) => {
 		const t = {
@@ -481,6 +481,9 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		}
 	} });
 }, Pe = (e) => `${e.rowStart},${e.colStart},${e.rowEnd},${e.colEnd}`, Re = H("grid", 10), Me = n(0), De = n(!1), ke = (e, t) => {
+	for (const n of e) Array.isArray(n) ? ke(n, t) : null != n && "boolean" != typeof n && t.push(n);
+	return t;
+}, Te = (e, t) => {
 	const { rowDims: n, columnDims: r, computeRowDims: o, computeColumnDims: l, viewport: i, zoom: a, containerWidth: s, containerHeight: c, getRangeFromCell: d, invalidate: u, totalRange: g, getSurfacePointFromPointer: h, scrollTo: f, scrollCellCoordsIntoView: p, getAllPanes: m } = t, w = e.anchor, x = n[e.rowIndex], v = r[e.columnIndex];
 	if (x.minIndex > x.maxIndex || v.minIndex > v.maxIndex) return null;
 	const y = e.scrollOrientation, b = Object.freeze({
@@ -502,7 +505,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	}, I = {
 		width: s,
 		height: c
-	}, P = ze(), R = ze();
+	}, P = Oe(), R = Oe();
 	let M = null, D = null;
 	const k = () => {
 		const t = i.getSnapshot();
@@ -678,8 +681,8 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			const n = h(e, t);
 			if (!n) return null;
 			const r = m();
-			for (let e = 0; e < Te.length; e++) {
-				const t = r[Te[e]];
+			for (let e = 0; e < ze.length; e++) {
+				const t = r[ze[e]];
 				if (t && me(n.x, n.y, t.getPaneBounds())) return t;
 			}
 			return null;
@@ -705,12 +708,12 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		scrollTo: (e) => f(e),
 		getAllPanes: m
 	};
-}, Te = [
+}, ze = [
 	K.TopLeft,
 	K.Top,
 	K.Left,
 	K.Center
-], ze = () => {
+], Oe = () => {
 	let e = /* @__PURE__ */ new Float64Array(0), t = /* @__PURE__ */ new Uint32Array(0), n = 0;
 	return (r, o, l) => {
 		const i = o - r + 2;
@@ -729,7 +732,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			return s[t] = o, c[t] = a, o;
 		};
 	};
-}, Oe = (e, t, n) => {
+}, Le = (e, t, n) => {
 	const r = (t?.left ?? 0) + (n?.x ?? 0), o = (t?.top ?? 0) + (n?.y ?? 0);
 	return {
 		getColOffset: (t) => e.getColOffset(t) - r,
@@ -737,7 +740,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		getRowOffset: (t) => e.getRowOffset(t) - o,
 		getRowIndex: (t) => e.getRowIndex(t + o)
 	};
-}, Le = Object.freeze([{
+}, $e = Object.freeze([{
 	minIndex: 0,
 	maxIndex: 0,
 	minCoord: 0,
@@ -754,13 +757,13 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	maxVirtualBounds: 0,
 	scrollOffset: 0,
 	freezeOffset: 0
-}]), $e = n(null), Ae = ({ pane: e, viewport: t, children: n }) => {
+}]), Ae = n(null), Fe = ({ pane: e, viewport: t, children: n }) => {
 	const r = B(t, (e) => e.getSnapshot()), o = g(() => ({ pane: e }), [e, r]);
-	return x($e.Provider, {
+	return x(Ae.Provider, {
 		value: o,
 		children: n
 	});
-}, Fe = () => {
+}, Ne = () => {
 	const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
 	return {
 		has: (t) => e.has(t),
@@ -778,14 +781,14 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			};
 		}
 	};
-}, Ne = n(null), Be = ({ store: e, children: t }) => {
-	const n = s(Ne), r = f(null);
+}, Be = n(null), Ve = ({ store: e, children: t }) => {
+	const n = s(Be), r = f(null);
 	let o = e ?? n;
-	return o || (r.current || (r.current = Fe()), o = r.current), x(Ne.Provider, {
+	return o || (r.current || (r.current = Ne()), o = r.current), x(Be.Provider, {
 		value: o,
 		children: t
 	});
-}, Ve = { "sheetxl-grid": "_sheetxl-grid_5yo0n_7" }, He = i(o((e, n) => {
+}, He = { "sheetxl-grid": "_sheetxl-grid_5yo0n_7" }, Ke = i(o((e, n) => {
 	const { rowCount: o = 1, columnCount: i = 1, viewport: s, metrics: d, getRangeFromCell: u = W.cellToRange, hiddenRowsAt: m, hiddenColumnsAt: y, freezeLeft: b = 0, freezeTop: S = 0, propsFreezeLeft: E, propsFreezeTop: C, onFirstRender: I, children: P, wrapPane: R, onFocus: D, onBlur: k, className: T, style: z, ...L } = e, $ = O(D, [D]), N = O(k, [k]), B = O(I, [I]), [V, H] = p(K.Center), [_, j] = h((e) => e + 1, 0), G = g(() => new M({}), []), X = s ?? G, [q, Z] = p(() => {
 		const e = X.getClient();
 		return {
@@ -808,7 +811,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		return e(), X.subscribe(e);
 	}, [X]);
 	const J = q.zoom, Q = g(() => {
-		const e = d ?? Ke;
+		const e = d ?? _e;
 		return {
 			getColOffset: (t) => e.getColOffset(t) * J,
 			getColIndex: (t) => e.getColIndex(t / J),
@@ -830,13 +833,13 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	]), se = g(() => {
 		let e = NaN, t = null;
 		return (n) => (n === e && t || (e = n, t = ((e) => {
-			if (0 === ae) return Le;
+			if (0 === ae) return $e;
 			const t = [];
 			let n = 0, r = 0;
 			"number" == typeof S ? n = S : (n = S.index ?? 0, r = (S.offset ?? 0) * J);
 			const l = r, i = Q.getRowOffset(n), a = i - l;
 			if (n > 0) {
-				const e = Oe(Q, { top: r + Q.getRowOffset(0) }), o = Q.getRowIndex(l), s = Q.getRowIndex(i - 1);
+				const e = Le(Q, { top: r + Q.getRowOffset(0) }), o = Q.getRowIndex(l), s = Q.getRowIndex(i - 1);
 				let c;
 				t[1] = {
 					minIndex: o,
@@ -852,7 +855,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 					freezeOffset: r
 				};
 			}
-			const s = Math.max(0, ae - a), c = Oe(Q, { top: e + a }), d = c.getRowIndex(0), u = c.getRowIndex(s - 1);
+			const s = Math.max(0, ae - a), c = Le(Q, { top: e + a }), d = c.getRowIndex(0), u = c.getRowIndex(s - 1);
 			let g;
 			return t[0] = {
 				minIndex: d,
@@ -880,13 +883,13 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	]), ce = g(() => se(0), [se]), de = g(() => {
 		let e = NaN, t = null;
 		return (n) => (n === e && t || (e = n, t = ((e) => {
-			if (0 === ie) return Le;
+			if (0 === ie) return $e;
 			const t = [];
 			let n = 0, r = 0;
 			"number" == typeof b ? n = b : (n = b.index ?? 0, r = (b.offset ?? 0) * J);
 			const o = r, l = Q.getColOffset(n), a = l - o;
 			if (n > 0) {
-				const e = Oe(Q, { left: r + Q.getColOffset(0) }), i = Q.getColIndex(o), s = Q.getColIndex(l - 1);
+				const e = Le(Q, { left: r + Q.getColOffset(0) }), i = Q.getColIndex(o), s = Q.getColIndex(l - 1);
 				let c;
 				t[1] = {
 					minIndex: i,
@@ -902,7 +905,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 					freezeOffset: r
 				};
 			}
-			const s = Math.max(0, ie - a), c = Oe(Q, { left: e + a }), d = c.getColIndex(0), u = c.getColIndex(s - 1);
+			const s = Math.max(0, ie - a), c = Le(Q, { left: e + a }), d = c.getColIndex(0), u = c.getColIndex(s - 1);
 			let g;
 			return t[0] = {
 				minIndex: d,
@@ -960,7 +963,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 				}
 			}), e.push(i);
 		};
-		return t(0, 0, K.Center, Ge, je), t(0, 1, K.Top, Xe), t(1, 0, K.Left, Ye), t(1, 1, K.TopLeft, qe), e;
+		return t(0, 0, K.Center, Xe, Ge), t(0, 1, K.Top, Ye), t(1, 0, K.Left, qe), t(1, 1, K.TopLeft, Ze), e;
 	}, [ye, be]), Ce = g(() => {
 		let e = {};
 		const t = {
@@ -968,7 +971,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			rowStart: 0,
 			colEnd: i - 1,
 			rowEnd: o - 1
-		}, n = (n) => ke(n, {
+		}, n = (n) => Te(n, {
 			rowDims: ce,
 			columnDims: ge,
 			computeRowDims: se,
@@ -980,9 +983,9 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			getRangeFromCell: u,
 			invalidate: le,
 			totalRange: t,
-			getSurfacePointFromPointer: (e, t) => $e(e, t),
-			scrollTo: (e) => et(e),
-			scrollCellCoordsIntoView: (e, t, n) => Qe(e, t, n),
+			getSurfacePointFromPointer: (e, t) => Ae(e, t),
+			scrollTo: (e) => tt(e),
+			scrollCellCoordsIntoView: (e, t, n) => et(e, t, n),
 			getAllPanes: () => e
 		}), r = Se.length;
 		for (let t = 0; t < r; t++) {
@@ -999,13 +1002,13 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		X,
 		u,
 		xe
-	]), Ie = ge[0]?.maxVirtualBounds ?? 0, Pe = ce[0]?.maxVirtualBounds ?? 0, Re = q.ready, Te = g(() => {
+	]), Ie = ge[0]?.maxVirtualBounds ?? 0, Pe = ce[0]?.maxVirtualBounds ?? 0, Re = q.ready, ze = g(() => {
 		const e = ge[1], t = ce[1];
 		return {
 			left: e ? e.metrics.getColOffset(e.maxIndex + 1) : 0,
 			top: t ? t.metrics.getRowOffset(t.maxIndex + 1) : 0
 		};
-	}, [ce, ge]), ze = O((e) => {
+	}, [ce, ge]), Oe = O((e) => {
 		U.canUseDOM && setTimeout(() => {
 			(Ce[V] ?? ue(Ce))?.focus({
 				preventScroll: !0,
@@ -1020,8 +1023,8 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			we.current = [];
 		}
 	}, [Ce]);
-	const $e = a((e, t) => {
-		const n = tt.current?.getBoundingClientRect();
+	const Ae = a((e, t) => {
+		const n = nt.current?.getBoundingClientRect();
 		return n ? {
 			x: e - n.x,
 			y: t - n.y
@@ -1029,13 +1032,13 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			x: e,
 			y: t
 		};
-	}, []), Fe = O((e, t) => {
+	}, []), Ne = O((e, t) => {
 		if (1 === Object.keys(Ce).length) return ue(Ce);
-		const n = $e(e, t);
+		const n = Ae(e, t);
 		if (!n) return ue(Ce);
 		const { x: r, y: o } = n;
 		let l = null;
-		const i = Ze, a = i.length;
+		const i = Je, a = i.length;
 		for (let e = 0; !l && e < a; e++) {
 			const t = Ce[i[e]];
 			t && me(r, o, t.getPaneBounds()) && (l = t);
@@ -1052,21 +1055,21 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		ge,
 		ce
 	]);
-	const Ne = O((e) => {
+	const Be = O((e) => {
 		let t = e?.left ?? e?.[0], n = e?.top ?? e?.[1];
 		if (void 0 === t && void 0 === n) return;
 		const r = e?.behavior ?? "auto", o = X.getTarget();
-		void 0 !== t && (t = o.left + (t ?? 0)), void 0 !== n && (n = o.top + (n ?? 0)), o.left === t && o.top === n || et({
+		void 0 !== t && (t = o.left + (t ?? 0)), void 0 !== n && (n = o.top + (n ?? 0)), o.left === t && o.top === n || tt({
 			left: t,
 			top: n,
 			behavior: r
 		});
-	}, []), He = O((e) => void 0 !== e ? Ce[e] ?? null : Ce[V] ?? ue(Ce), [Ce, V]), Je = O((e) => {
+	}, []), Ke = O((e) => void 0 !== e ? Ce[e] ?? null : Ce[V] ?? ue(Ce), [Ce, V]), Qe = O((e) => {
 		const t = Ce[V];
 		if (!t) return ue(Ce);
 		const n = t.getScrollOrientation(), r = { ...t.getVisibleRange() };
 		return n.vertical && (r.rowStart = ce[0].minCoord, r.rowEnd = ce[0].maxCoord), n.horizontal && (r.colStart = ge[0].minCoord, r.colEnd = ge[0].maxCoord), n && W.isCellWithinRange(e, r) ? t : ue(Ce);
-	}, [Ce, V]), Qe = O((e, t = {
+	}, [Ce, V]), et = O((e, t = {
 		inline: "nearest",
 		block: "nearest"
 	}, n = null) => {
@@ -1080,7 +1083,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			if (o = Ce[n], !o) return new Promise((e, t) => {
 				t("Invalid view");
 			});
-		} else o = Je(r);
+		} else o = Qe(r);
 		if (!o) return Promise.resolve({});
 		const l = u(r), i = o.getMetrics(), a = i.getColOffset(l.colStart), s = i.getRowOffset(l.rowStart), c = i.getColOffset(l.colEnd + 1), d = i.getRowOffset(l.rowEnd + 1), g = o.getPaneBounds(), h = o.getTotalSize(), f = o.getScrollTopLeft(), p = ((e, t, n = !0) => {
 			n = !0 === n ? {
@@ -1114,13 +1117,13 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		}, t);
 		if (!p) return Promise.resolve({ ...f });
 		const m = { ...p }, { left: w, top: x } = X.getScroll();
-		void 0 !== m.left && (m.left > w ? m.left += We : m.left < w && (m.left -= _e)), void 0 !== m.top && (m.top > x ? m.top += We : m.top < x && (m.top -= _e));
+		void 0 !== m.left && (m.left > w ? m.left += Ue : m.left < w && (m.left -= We)), void 0 !== m.top && (m.top > x ? m.top += Ue : m.top < x && (m.top -= We));
 		const v = o.getScrollOrientation();
 		v.horizontal && void 0 !== e.colIndex || delete m.left, v.vertical && void 0 !== e.rowIndex || delete m.top;
-		const y = void 0 !== m.left ? Math.abs(m.left - w) : 0, b = void 0 !== m.top ? Math.abs(m.top - x) : 0, S = ("object" == typeof t ? t?.behavior : void 0) ?? (Math.max(y, b) < Ue || !X.isSettled() ? "instant" : "smooth");
+		const y = void 0 !== m.left ? Math.abs(m.left - w) : 0, b = void 0 !== m.top ? Math.abs(m.top - x) : 0, S = ("object" == typeof t ? t?.behavior : void 0) ?? (Math.max(y, b) < je || !X.isSettled() ? "instant" : "smooth");
 		return new Promise((e, t) => {
 			try {
-				et({
+				tt({
 					...m,
 					behavior: S
 				}), e(m);
@@ -1133,46 +1136,46 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		Pe,
 		Ce,
 		u
-	]), et = O((e) => {
+	]), tt = O((e) => {
 		const t = e?.left ?? e?.[0], n = e?.top ?? e?.[1], r = X.getTarget(), o = t ?? r.left, l = n ?? r.top, i = "smooth" === e?.behavior;
 		X.setTarget(o, l, i);
-	}, []), tt = A(n, () => ({
-		focus: ze,
+	}, []), nt = A(n, () => ({
+		focus: Oe,
 		invalidate: le,
-		scrollTo: et,
-		scrollBy: Ne,
-		scrollCellCoordsIntoView: Qe,
-		getPaneFromClient: Fe,
-		getPaneFromCell: Je,
-		getPane: He,
+		scrollTo: tt,
+		scrollBy: Be,
+		scrollCellCoordsIntoView: et,
+		getPaneFromClient: Ne,
+		getPaneFromCell: Qe,
+		getPane: Ke,
 		onPaneChangeOnce: (e) => {
 			we.current.push(e);
 		}
 	}), [Ce]);
-	c(() => X.observe(tt.current), [X]);
-	const nt = (e, t) => {
+	c(() => X.observe(nt.current), [X]);
+	const rt = (e, t) => {
 		const n = ((e) => {
 			if (!e) return null;
 			if (!Array.isArray(e)) return e;
 			const t = (e) => l(e) && null != e.props?.zIndex ? e.props.zIndex : 0;
-			return [...e].sort((e, n) => t(e) - t(n)).map((e, t) => l(e) ? r(Me.Provider, {
+			return ke(e, []).sort((e, n) => t(e) - t(n)).map((e, t) => l(e) ? r(Me.Provider, {
 				key: e.key ?? `layer-${t}`,
 				value: t
 			}, e) : e);
 		})(t);
 		return n ? x(De.Provider, {
 			value: !1,
-			children: x(Ae, {
+			children: x(Fe, {
 				pane: e,
 				viewport: X,
 				children: R ? R(e, n) : n
 			})
 		}) : null;
-	}, rt = g(() => {
+	}, ot = g(() => {
 		const e = {}, t = Object.keys(Ce), n = t.length;
 		for (let r = 0; r < n; r++) {
 			const n = t[r];
-			e[n] = nt(Ce[n], P);
+			e[n] = rt(Ce[n], P);
 		}
 		return e;
 	}, [
@@ -1182,7 +1185,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		R,
 		o,
 		i
-	]), ot = g(() => 0 === Te.left ? null : x(re, {
+	]), lt = g(() => 0 === ze.left ? null : x(re, {
 		linePoints: [
 			0,
 			0,
@@ -1190,7 +1193,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			ae + 1
 		],
 		bounds: {
-			x: Te.left,
+			x: ze.left,
 			y: 0,
 			width: 1,
 			height: ae + 1
@@ -1198,10 +1201,10 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		...E
 	}), [
 		_,
-		Te.left,
+		ze.left,
 		ae,
 		E
-	]), lt = g(() => 0 === Te.top ? null : x(re, {
+	]), it = g(() => 0 === ze.top ? null : x(re, {
 		linePoints: [
 			0,
 			0,
@@ -1210,20 +1213,20 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		],
 		bounds: {
 			x: 0,
-			y: Te.top,
+			y: ze.top,
 			width: ie + 1,
 			height: 1
 		},
 		...C
 	}), [
 		_,
-		Te.top,
+		ze.top,
 		ie,
 		C
-	]), it = f(!1), at = g(() => {
+	]), at = f(!1), st = g(() => {
 		if (!Re) return null;
 		const e = (e, n) => {
-			const r = e.anchor, o = n.getPaneBounds(), l = Te.left > 0, i = Te.top > 0, a = i && (r === K.Center || r === K.Left), s = i && (r === K.Top || r === K.TopLeft), c = l && (r === K.Center || r === K.Top), d = l && (r === K.Left || r === K.TopLeft), u = 1e6, g = a ? -1 : -1e6, h = c ? -1 : -1e6, f = d ? o.width + 2 : u, p = s ? o.height + 2 : u, m = a || s || c || d, w = {
+			const r = e.anchor, o = n.getPaneBounds(), l = ze.left > 0, i = ze.top > 0, a = i && (r === K.Center || r === K.Left), s = i && (r === K.Top || r === K.TopLeft), c = l && (r === K.Center || r === K.Top), d = l && (r === K.Left || r === K.TopLeft), u = 1e6, g = a ? -1 : -1e6, h = c ? -1 : -1e6, f = d ? o.width + 2 : u, p = s ? o.height + 2 : u, m = a || s || c || d, w = {
 				position: "absolute",
 				left: o.x,
 				top: o.y,
@@ -1231,10 +1234,10 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 				height: o.height,
 				clip: m ? `rect(${g}px, ${f}px, ${p}px, ${h}px)` : void 0
 			};
-			return x(Ae, {
+			return x(Fe, {
 				pane: n,
 				viewport: X,
-				children: e.elemStage ? t(e.elemStage, { style: w }, rt?.[r]) : null
+				children: e.elemStage ? t(e.elemStage, { style: w }, ot?.[r]) : null
 			}, `pane:${r}`);
 		}, n = Se.length, r = new Array(n);
 		for (let t = 0; t < n; t++) {
@@ -1243,75 +1246,75 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		}
 		return v(w, { children: [
 			r,
-			ot,
-			lt
+			lt,
+			it
 		] });
 	}, [
 		Ce,
 		Se,
-		rt,
+		ot,
 		ie,
 		ae,
 		Re,
-		Te,
-		ot,
-		lt
+		ze,
+		lt,
+		it
 	]);
 	c(() => {
-		!it.current && at && Re && (it.current = !0, B?.(tt.current));
-	}, [at, Re]);
-	const st = F();
+		!at.current && st && Re && (at.current = !0, B?.(nt.current));
+	}, [st, Re]);
+	const ct = F();
 	return x("div", {
-		ref: tt,
-		className: Y(T, "grid-surface", Ve["sheetxl-grid"], { "touch-input": "touch" === st }),
+		ref: nt,
+		className: Y(T, "grid-surface", He["sheetxl-grid"], { "touch-input": "touch" === ct }),
 		style: {
 			overflow: "hidden",
 			...z
 		},
 		...L,
-		children: x(Be, { children: at })
+		children: x(Ve, { children: st })
 	});
 }));
-He.displayName = "GridSurface";
-var Ke = Object.freeze({
+Ke.displayName = "GridSurface";
+var _e = Object.freeze({
 	getColOffset: (e) => 75 * e,
 	getColIndex: (e) => Math.floor(e / 75),
 	getRowOffset: (e) => 20 * e,
 	getRowIndex: (e) => Math.floor(e / 20)
-}), _e = 0, We = 20, Ue = 150, je = Object.freeze({
+}), We = 0, Ue = 20, je = 150, Ge = Object.freeze({
 	bottom: -4,
 	right: -4
-}), Ge = Object.freeze({
+}), Xe = Object.freeze({
 	horizontal: !0,
 	vertical: !0
-}), Xe = Object.freeze({
+}), Ye = Object.freeze({
 	horizontal: !0,
 	vertical: !1
-}), Ye = Object.freeze({
+}), qe = Object.freeze({
 	horizontal: !1,
 	vertical: !0
-}), qe = Object.freeze({
+}), Ze = Object.freeze({
 	horizontal: !1,
 	vertical: !1
-}), Ze = [
+}), Je = [
 	K.TopLeft,
 	K.Top,
 	K.Left,
 	K.Center
 ];
-function Je() {
-	const e = s($e);
+function Qe() {
+	const e = s(Ae);
 	if (!e) throw new Error("useGridPane must be used within a GridPaneProvider");
 	return e.pane;
 }
-function Qe() {
-	return s($e)?.pane ?? null;
+function et() {
+	return s(Ae)?.pane ?? null;
 }
-var et = (e) => `k:${e}`;
-function tt(e, t) {
-	const n = s(Ne), r = f(null);
-	r.current || (r.current = Fe());
-	const o = n ?? r.current, l = et(e), i = f(null);
+var tt = (e) => `k:${e}`;
+function nt(e, t) {
+	const n = s(Be), r = f(null);
+	r.current || (r.current = Ne());
+	const o = n ?? r.current, l = tt(e), i = f(null);
 	null === i.current && (i.current = { v: "function" == typeof t ? t() : t });
 	const c = a(() => o.has(l) ? o.get(l) : i.current.v, [o, l]);
 	return [m(a((e) => o.subscribe(l, e), [o, l]), c, c), a((e) => {
@@ -1319,51 +1322,51 @@ function tt(e, t) {
 		o.set(l, "function" == typeof e ? e(t) : e);
 	}, [o, l])];
 }
-function nt(e, t) {
-	const n = s(Ne), r = f(null);
-	r.current || (r.current = Fe());
-	const o = n ?? r.current, l = et(e), i = f(t);
+function rt(e, t) {
+	const n = s(Be), r = f(null);
+	r.current || (r.current = Ne());
+	const o = n ?? r.current, l = tt(e), i = f(t);
 	return a((e) => {
 		const t = o.has(l) ? o.get(l) : i.current;
 		o.set(l, "function" == typeof e ? e(t) : e);
 	}, [o, l]);
 }
-function rt(e, t, n) {
-	const r = et(t), o = a(() => e.has(r) ? e.get(r) : n, [
+function ot(e, t, n) {
+	const r = tt(t), o = a(() => e.has(r) ? e.get(r) : n, [
 		e,
 		r,
 		n
 	]);
 	return m(a((t) => e.subscribe(r, t), [e, r]), o, o);
 }
-var ot = () => ({
+var lt = () => ({
 	zIndex: s(Me),
-	pane: Qe()
-}), lt = i((e) => {
+	pane: et()
+}), it = i((e) => {
 	const { onPointerDown: t, onPointerMove: n, onPointerUp: r, onPointerLeave: o, onMouseDown: l, onMouseEnter: i, onMouseLeave: a, onMouseMove: d, onMouseOut: u, onMouseOver: g, onMouseUp: h, onDoubleClick: p, onKeyDown: m, onKeyPress: w, onKeyUp: v, onFocus: y, onBlur: b, onContextMenu: S, zIndex: E, className: C, style: I, children: P } = e, R = s(De);
 	c(() => {
-		R && !at && (at = !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."));
+		R && !st && (st = !0, console.error("<Layer> nested inside another <Layer>. Layers exist only as direct children of the grid (law 4: the stack is flat) — a composite renders exactly one Layer at its root. For a full-view container inside a layer, use <VirtualDiv fill>. This error fires once."));
 	}, [R]);
-	const D = Se(Qe()), k = s(Me), T = f({});
+	const D = Se(et()), k = s(Me), T = f({});
 	T.current = {
-		pointerdown: it(t),
-		pointermove: it(n),
-		pointerup: it(r),
-		pointerleave: it(o),
-		mousedown: it(l),
-		mouseenter: it(i),
-		mouseleave: it(a),
-		mousemove: it(d),
-		mouseout: it(u),
-		mouseover: it(g),
-		mouseup: it(h),
-		dblclick: it(p),
-		keydown: it(m),
-		keypress: it(w),
-		keyup: it(v),
-		focus: it(y),
-		blur: it(b),
-		contextmenu: it(S)
+		pointerdown: at(t),
+		pointermove: at(n),
+		pointerup: at(r),
+		pointerleave: at(o),
+		mousedown: at(l),
+		mouseenter: at(i),
+		mouseleave: at(a),
+		mousemove: at(d),
+		mouseout: at(u),
+		mouseover: at(g),
+		mouseup: at(h),
+		dblclick: at(p),
+		keydown: at(m),
+		keypress: at(w),
+		keyup: at(v),
+		focus: at(y),
+		blur: at(b),
+		contextmenu: at(S)
 	};
 	const z = f(null);
 	return c(() => {
@@ -1395,15 +1398,15 @@ var ot = () => ({
 		})
 	});
 });
-lt.displayName = "Layer";
-var it = (e) => e ? (t) => e(t) : void 0, at = !1, st = !1, ct = "_virtual-div_16eab_1", dt = i(o((e, t) => {
+it.displayName = "Layer";
+var at = (e) => e ? (t) => e(t) : void 0, st = !1, ct = !1, dt = "_virtual-div_16eab_1", ut = i(o((e, t) => {
 	const { range: n, bounds: r, fill: o = !1, clipInsets: l, disableAlign: i = !1, coverGridlines: d = !1, alignWidth: u, keepMounted: g = !1, className: h, style: p, children: m, ...w } = e;
-	s(De) || ut || (ut = !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."));
+	s(De) || gt || (gt = !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."));
 	const v = f(null), y = a((e) => {
 		v.current = e, "function" == typeof t ? t(e) : t && (t.current = e);
 	}, [t]);
 	(({ getElement: e, handlerProps: t }) => {
-		const r = Se(Qe()), o = s(Me);
+		const r = Se(et()), o = s(Me);
 		let l = !1;
 		if (t) {
 			for (let e = 0; e < ve.length; e++) if ("function" == typeof t[ve[e]]) {
@@ -1440,13 +1443,13 @@ var it = (e) => e ? (t) => e(t) : void 0, at = !1, st = !1, ct = "_virtual-div_1
 		handlerProps: w
 	});
 	const b = (({ range: e, bounds: t, fill: n, clipInsets: r }) => {
-		const o = Je();
+		const o = Qe();
 		if (!o) return null;
 		let l = null, i = !1;
 		if (e) l = o.getBoundsFromRange(e), i = null === o.toClipBounds(l, r);
 		else if (t) i = null === o.toClipBounds(t, r), l = t;
 		else {
-			if (!n) return st || (st = !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 ct || (ct = !0, console.warn("VirtualDiv: provide exactly one of 'range' | 'bounds' | 'fill'. (The implicit \"no placement = pane-sized\" fallback was removed — use 'fill'.) This warning fires once.")), null;
 			{
 				const e = o.getPaneBounds();
 				l = {
@@ -1488,7 +1491,7 @@ var it = (e) => e ? (t) => e(t) : void 0, at = !1, st = !1, ct = "_virtual-div_1
 		height: S.height
 	};
 	return x("div", {
-		className: q(h, ct),
+		className: q(h, dt),
 		style: {
 			width: `${k}px`,
 			height: `${T}px`,
@@ -1508,8 +1511,8 @@ var it = (e) => e ? (t) => e(t) : void 0, at = !1, st = !1, ct = "_virtual-div_1
 		})
 	});
 }));
-dt.displayName = "VirtualDiv";
-var ut = !1, gt = (e, t, n, r) => ({
+ut.displayName = "VirtualDiv";
+var gt = !1, ht = (e, t, n, r) => ({
 	x: e,
 	y: t,
 	width: n,
@@ -1518,44 +1521,44 @@ var ut = !1, gt = (e, t, n, r) => ({
 	left: e,
 	right: e + n,
 	bottom: t + r
-}), ht = gt(0, 0, 0, 0), ft = (e) => {
+}), ft = ht(0, 0, 0, 0), pt = (e) => {
 	const t = e.getElement()?.getBoundingClientRect?.();
 	return {
 		x: t?.left ?? 0,
 		y: t?.top ?? 0
 	};
-}, pt = (e) => {
+}, mt = (e) => {
 	const t = e.getElement()?.ownerDocument?.documentElement;
-	return t ? gt(0, 0, t.clientWidth, t.clientHeight) : null;
-}, mt = (e, t) => {
+	return t ? ht(0, 0, t.clientWidth, t.clientHeight) : null;
+}, wt = (e, t) => {
 	if (!t) return e;
 	const n = Math.max(e.left, t.left), r = Math.max(e.top, t.top), o = Math.max(n, Math.min(e.right, t.right)), l = Math.max(r, Math.min(e.bottom, t.bottom));
-	return gt(n, r, o - n, l - r);
-}, wt = (e) => {
+	return ht(n, r, o - n, l - r);
+}, xt = (e) => {
 	const t = e.getElement()?.getBoundingClientRect?.();
-	return t ? gt(t.left, t.top, t.width, t.height) : ht;
-}, xt = {
+	return t ? ht(t.left, t.top, t.width, t.height) : ft;
+}, vt = {
 	side: "t",
 	align: "center"
-}, vt = {
+}, yt = {
 	side: "flip",
 	align: "slide"
-}, yt = [
+}, bt = [
 	K.TopLeft,
 	K.Top,
 	K.Left,
 	K.Center
-], bt = /* @__PURE__ */ new Set([K.Top, K.TopLeft]), St = /* @__PURE__ */ new Set([K.Left, K.TopLeft]), Et = (e, t) => {
-	const n = bt.has(e.getAnchor()), r = St.has(t.getAnchor());
+], St = /* @__PURE__ */ new Set([K.Top, K.TopLeft]), Et = /* @__PURE__ */ new Set([K.Left, K.TopLeft]), Ct = (e, t) => {
+	const n = St.has(e.getAnchor()), r = Et.has(t.getAnchor());
 	return n && r ? K.TopLeft : n ? K.Top : r ? K.Left : K.Center;
-}, Ct = (e, t) => {
+}, It = (e, t) => {
 	const 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;
-}, It = (e, t, n, r, o, l) => {
+}, Pt = (e, t, n, r, o, l) => {
 	const i = "row" === r ? o.rowStart : o.colStart, a = "row" === r ? o.rowEnd : o.colEnd, s = ((e, t, n, r, o) => {
 		let l = null, i = null, a = 1 / 0, s = !1;
-		for (let c = 0; c < yt.length; c++) {
-			const d = e[yt[c]];
+		for (let c = 0; c < bt.length; c++) {
+			const d = e[bt[c]];
 			if (!d) continue;
 			const u = d.getVisibleRange(), g = "row" === t ? u.rowStart : u.colStart, h = "row" === t ? u.rowEnd : u.colEnd;
 			if (n > h || r < g) continue;
@@ -1568,9 +1571,9 @@ var ut = !1, gt = (e, t, n, r) => ({
 			visible: s
 		};
 	})(t, r, i, a, "start" === l ? i : "end" === l ? a : Math.round((i + a) / 2)), c = s.pane ?? ue(t) ?? e, d = ((e, t) => {
-		const n = wt(e), r = e.getBoundsFromRange(t);
-		return gt(n.left + r.x, n.top + r.y, r.width, r.height);
-	})(c, o), u = "row" === r ? d.top : d.left, g = "row" === r ? d.bottom : d.right, h = "start" === l ? u : "end" === l ? g : (u + g) / 2, f = mt(wt(c), n);
+		const n = xt(e), r = e.getBoundsFromRange(t);
+		return ht(n.left + r.x, n.top + r.y, r.width, r.height);
+	})(c, o), u = "row" === r ? d.top : d.left, g = "row" === r ? d.bottom : d.right, h = "start" === l ? u : "end" === l ? g : (u + g) / 2, f = wt(xt(c), n);
 	return {
 		pane: c,
 		visible: s.visible,
@@ -1580,8 +1583,8 @@ var ut = !1, gt = (e, t, n, r) => ({
 		vLo: "row" === r ? f.top : f.left,
 		vHi: "row" === r ? f.bottom : f.right
 	};
-}, Pt = (e, t, n, r, o, l, i) => {
-	const a = It(e, t, n, r, o, l);
+}, Rt = (e, t, n, r, o, l, i) => {
+	const a = Pt(e, t, n, r, o, l);
 	if (!a.visible) return {
 		res: a,
 		edge: l,
@@ -1598,7 +1601,7 @@ var ut = !1, gt = (e, t, n, r) => ({
 		hidden: !0
 	};
 	if ("flip" === i && "center" !== l) {
-		const i = "start" === l ? "end" : "start", a = It(e, t, n, r, o, i);
+		const i = "start" === l ? "end" : "start", a = Pt(e, t, n, r, o, i);
 		if (a.visible && a.value >= a.vLo && a.value <= a.vHi) return {
 			res: a,
 			edge: i,
@@ -1610,15 +1613,15 @@ var ut = !1, gt = (e, t, n, r) => ({
 		edge: l,
 		hidden: !1
 	};
-}, Rt = (e, t, n = "data", r = 0, o = xt, l = "hide", i = vt) => {
+}, Mt = (e, t, n = "data", r = 0, o = vt, l = "hide", i = yt) => {
 	const a = {
 		side: o.side,
 		align: o.align ?? "center"
 	};
 	if (!e) return {
-		rect: ht,
+		rect: ft,
 		clipped: !0,
-		boundaryRect: ht,
+		boundaryRect: ft,
 		clampedTo: null,
 		anchorPoint: {
 			x: 0,
@@ -1632,13 +1635,13 @@ var ut = !1, gt = (e, t, n, r) => ({
 	const s = ((e, t) => {
 		if (t && "object" == typeof t) {
 			const e = t;
-			return gt(e.x, e.y, e.width, e.height);
+			return ht(e.x, e.y, e.width, e.height);
 		}
-		const n = pt(e);
+		const n = mt(e);
 		if ("viewport" === t && n) return n;
 		if ("pane" === t) {
-			const t = ft(e), r = e.getPaneBounds();
-			return mt(gt(t.x, t.y, r.width, r.height), n);
+			const t = pt(e), r = e.getPaneBounds();
+			return wt(ht(t.x, t.y, r.width, r.height), n);
 		}
 		const r = e.getAllPanes();
 		let o = 1 / 0, l = 1 / 0, i = -1 / 0, a = -1 / 0;
@@ -1647,10 +1650,10 @@ var ut = !1, gt = (e, t, n, r) => ({
 			t && (o = Math.min(o, t.left), l = Math.min(l, t.top), i = Math.max(i, t.right), a = Math.max(a, t.bottom));
 		}
 		if (o === 1 / 0) {
-			const t = ft(e), r = e.getPaneBounds();
-			return mt(gt(t.x, t.y, r.width, r.height), n);
+			const t = pt(e), r = e.getPaneBounds();
+			return wt(ht(t.x, t.y, r.width, r.height), n);
 		}
-		return mt(gt(o, l, i - o, a - l), n);
+		return wt(ht(o, l, i - o, a - l), n);
 	})(e, n), c = (e) => {
 		if (r <= 0) return !1;
 		const t = (n = e, o = s, {
@@ -1661,7 +1664,7 @@ var ut = !1, gt = (e, t, n, r) => ({
 		return t.w <= r || t.h <= r;
 	};
 	if ("point" in t) {
-		const n = gt(t.point.x, t.point.y, 0, 0), r = Ct(s, n), o = e.getPaneFromPointer(t.point.x, t.point.y);
+		const n = ht(t.point.x, t.point.y, 0, 0), r = It(s, n), o = e.getPaneFromPointer(t.point.x, t.point.y);
 		return {
 			rect: n,
 			clipped: null !== r,
@@ -1675,12 +1678,12 @@ var ut = !1, gt = (e, t, n, r) => ({
 		};
 	}
 	if ("edge" in t) {
-		const n = ft(e), r = e.getPaneBounds();
+		const n = pt(e), r = e.getPaneBounds();
 		let o = n.x + r.width / 2, l = n.y + r.height / 2;
 		"t" === t.edge ? l = n.y : "b" === t.edge ? l = n.y + r.height : "l" === t.edge ? o = n.x : "r" === t.edge && (o = n.x + r.width);
 		const i = e.getPaneFromPointer(o, l) ?? e;
 		return {
-			rect: gt(o, l, 0, 0),
+			rect: ht(o, l, 0, 0),
 			clipped: !1,
 			boundaryRect: s,
 			clampedTo: null,
@@ -1695,7 +1698,7 @@ var ut = !1, gt = (e, t, n, r) => ({
 		};
 	}
 	if ("bounds" in t) {
-		const n = ft(e), r = t.bounds, o = e.toClipBounds(r, 0), l = gt(n.x + r.x, n.y + r.y, r.width, r.height), i = null === o || c(l), u = ((e, t) => {
+		const n = pt(e), r = t.bounds, o = e.toClipBounds(r, 0), l = ht(n.x + r.x, n.y + r.y, r.width, r.height), i = null === o || c(l), u = ((e, t) => {
 			const { side: n, align: r = "center" } = t;
 			if ("t" === n || "b" === n) {
 				const t = "t" === n ? e.top : e.bottom;
@@ -1713,7 +1716,7 @@ var ut = !1, gt = (e, t, n, r) => ({
 			rect: l,
 			clipped: i,
 			boundaryRect: s,
-			clampedTo: Ct(s, (d = u, gt(d.x, d.y, 0, 0))),
+			clampedTo: It(s, (d = u, ht(d.x, d.y, 0, 0))),
 			anchorPoint: u,
 			owner: e.getAnchor(),
 			slid: null,
@@ -1734,16 +1737,16 @@ var ut = !1, gt = (e, t, n, r) => ({
 			};
 		}
 		return null;
-	})(t), g = e.getAllPanes(), h = pt(e), { side: f, align: p } = a, m = "t" === f || "b" === f ? "row" : "col", w = "row" === m ? "col" : "row", x = "t" === f || "l" === f ? "start" : "end", v = {
-		side: i.side ?? vt.side,
-		align: i.align ?? vt.align
-	}, y = Pt(e, g, h, m, u, x, v.side), b = Pt(e, g, h, w, u, p, v.align), S = "row" === m ? y : b, E = "col" === m ? y : b, C = S.res.visible && E.res.visible && !S.hidden && !E.hidden, I = {
+	})(t), g = e.getAllPanes(), h = mt(e), { side: f, align: p } = a, m = "t" === f || "b" === f ? "row" : "col", w = "row" === m ? "col" : "row", x = "t" === f || "l" === f ? "start" : "end", v = {
+		side: i.side ?? yt.side,
+		align: i.align ?? yt.align
+	}, y = Rt(e, g, h, m, u, x, v.side), b = Rt(e, g, h, w, u, p, v.align), S = "row" === m ? y : b, E = "col" === m ? y : b, C = S.res.visible && E.res.visible && !S.hidden && !E.hidden, I = {
 		side: "row" === m ? "start" === y.edge ? "t" : "b" : "start" === y.edge ? "l" : "r",
 		align: b.edge
 	}, P = E.res.value, R = S.res.value, M = (e) => Math.max(E.res.vLo, Math.min(E.res.vHi, e)), D = (e) => Math.max(S.res.vLo, Math.min(S.res.vHi, e)), k = M(P), T = D(R), z = {
 		x: k,
 		y: T
-	}, O = M(E.res.lo), L = D(S.res.lo), $ = gt(O, L, M(E.res.hi) - O, D(S.res.hi) - L), A = k - P, F = T - R, N = Math.abs(F) >= Math.abs(A) ? F < 0 ? "b" : F > 0 ? "t" : A < 0 ? "r" : A > 0 ? "l" : null : A < 0 ? "r" : A > 0 ? "l" : F < 0 ? "b" : F > 0 ? "t" : null, B = A || F ? {
+	}, O = M(E.res.lo), L = D(S.res.lo), $ = ht(O, L, M(E.res.hi) - O, D(S.res.hi) - L), A = k - P, F = T - R, N = Math.abs(F) >= Math.abs(A) ? F < 0 ? "b" : F > 0 ? "t" : A < 0 ? "r" : A > 0 ? "l" : null : A < 0 ? "r" : A > 0 ? "l" : F < 0 ? "b" : F > 0 ? "t" : null, B = A || F ? {
 		dx: A,
 		dy: F,
 		distance: Math.hypot(A, F),
@@ -1755,7 +1758,7 @@ var ut = !1, gt = (e, t, n, r) => ({
 		boundaryRect: s,
 		clampedTo: N,
 		anchorPoint: z,
-		owner: Et(S.res.pane, E.res.pane),
+		owner: Ct(S.res.pane, E.res.pane),
 		slid: B,
 		outOfView: !C,
 		placement: I
@@ -1770,13 +1773,13 @@ var ut = !1, gt = (e, t, n, r) => ({
 		outOfView: !0,
 		placement: I
 	};
-}, Mt = n(null), Dt = () => {
-	const e = s(Mt);
+}, Dt = n(null), kt = () => {
+	const e = s(Dt);
 	if (!e) throw new Error("useSticky must be used within a <StickyAnchor>");
 	return e;
-}, kt = () => s(Mt), Tt = (e) => {
-	const { anchor: t, placement: n = xt, boundary: r = "data", whenOff: o = "hide", whenPartial: l, minVisible: i = 0, children: s } = e, { reference: c, getBoundaryRect: d, getAnchorPoint: h, anchorPoint: p, owner: m, clipped: w, slid: v, outOfView: y, pane: b, placement: S } = ((e, t) => {
-		const n = Qe(), r = t?.pane ?? n, o = t?.boundary ?? "data", l = t?.minVisible ?? 0, i = t?.placement ?? xt, a = t?.whenOff ?? "hide", s = t?.whenPartial ?? vt, c = f({
+}, Tt = () => s(Dt), zt = (e) => {
+	const { anchor: t, placement: n = vt, boundary: r = "data", whenOff: o = "hide", whenPartial: l, minVisible: i = 0, children: s } = e, { reference: c, getBoundaryRect: d, getAnchorPoint: h, anchorPoint: p, owner: m, clipped: w, slid: v, outOfView: y, pane: b, placement: S } = ((e, t) => {
+		const n = et(), r = t?.pane ?? n, o = t?.boundary ?? "data", l = t?.minVisible ?? 0, i = t?.placement ?? vt, a = t?.whenOff ?? "hide", s = t?.whenPartial ?? yt, c = f({
 			pane: r,
 			anchor: e,
 			boundary: o,
@@ -1797,7 +1800,7 @@ var ut = !1, gt = (e, t, n, r) => ({
 		const d = g(() => {
 			const e = () => {
 				const e = c.current;
-				return Rt(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff, e.whenPartial);
+				return Mt(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff, e.whenPartial);
 			};
 			return {
 				reference: {
@@ -1809,7 +1812,7 @@ var ut = !1, gt = (e, t, n, r) => ({
 				getBoundaryRect: () => e().boundaryRect,
 				getAnchorPoint: () => e().anchorPoint
 			};
-		}, []), u = Rt(r, e, o, l, i, a, s);
+		}, []), u = Mt(r, e, o, l, i, a, s);
 		return {
 			reference: d.reference,
 			getBoundaryRect: d.getBoundaryRect,
@@ -1842,7 +1845,7 @@ var ut = !1, gt = (e, t, n, r) => ({
 	const P = f(b);
 	P.current = b;
 	const R = a((e) => {
-		const t = zt(I.current), n = P.current;
+		const t = Ot(I.current), n = P.current;
 		return n && t ? n.scrollCellCoordsIntoView(t, e) : Promise.resolve(void 0);
 	}, []), M = g(() => ({
 		reference: c,
@@ -1889,7 +1892,7 @@ var ut = !1, gt = (e, t, n, r) => ({
 				position: "absolute",
 				left: 0,
 				top: 0,
-				transform: `translate3d(${t}px, ${n}px, 0) ${Ot(S)}`,
+				transform: `translate3d(${t}px, ${n}px, 0) ${Lt(S)}`,
 				willChange: "transform"
 			},
 			children: x("div", {
@@ -1905,28 +1908,28 @@ var ut = !1, gt = (e, t, n, r) => ({
 		if (!r) return;
 		let o = 0, l = 0;
 		n.left < r.left ? o = r.left - n.left : n.right > r.right && (o = Math.min(0, r.right - n.right)), n.top < r.top ? l = r.top - n.top : n.bottom > r.bottom && (l = Math.min(0, r.bottom - n.bottom)), t.style.transform = o || l ? `translate(${o}px, ${l}px)` : "";
-	}), x(Mt.Provider, {
+	}), x(Dt.Provider, {
 		value: M,
 		children: O
 	});
-}, zt = (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, Ot = (e) => {
+} : null, Lt = (e) => {
 	const { side: t, align: n = "center" } = e;
 	let r = "-50%", o = "-50%";
 	"t" === t ? o = "-100%" : "b" === t ? o = "0%" : "l" === t ? r = "-100%" : "r" === t && (r = "0%");
 	const l = "start" === n ? "0%" : "end" === n ? "-100%" : "-50%";
 	return "t" === t || "b" === t ? r = l : o = l, `translate(${r}, ${o})`;
 };
-Tt.displayName = "StickyAnchor";
-var Lt = (e) => {
+zt.displayName = "StickyAnchor";
+var $t = (e) => {
 	const { side: t, align: n = "center" } = e;
 	return ("t" === t ? "top" : "b" === t ? "bottom" : "l" === t ? "left" : "right") + ("start" === n ? "-start" : "end" === n ? "-end" : "");
-}, $t = { padding: 4 }, At = (e) => {
+}, At = { padding: 4 }, Ft = (e) => {
 	const { state: t, offset: n, alignOffset: r, open: o, container: l, className: i, style: a, zIndex: s, themeFrom: c, renderOffscreen: d, children: g, onMount: h, onOpening: p, onOpen: m, onClosing: v, onClose: y } = e, S = f(null);
 	u(() => {
 		S.current?.instance()?.update();
@@ -1939,13 +1942,13 @@ var Lt = (e) => {
 		ref: S,
 		open: o,
 		anchorEl: t.reference,
-		placement: Lt(t.placement),
+		placement: $t(t.placement),
 		offsets: {
 			mainAxis: n,
 			alignmentAxis: r
 		},
 		boundary: t.getBoundaryRect,
-		shift: $t,
+		shift: At,
 		strategy: "fixed",
 		resizeOnOverflow: !1,
 		transition: !1,
@@ -1961,16 +1964,16 @@ var Lt = (e) => {
 		onClose: y,
 		children: Array.isArray(E) ? x(w, { children: E }) : E
 	});
-}, Ft = (e) => {
+}, Nt = (e) => {
 	const { anchor: t, placement: n, whenOff: r, whenPartial: o, boundary: l, minVisible: i, offset: a = 4, alignOffset: s = 0, open: c = !0, container: d, className: u, style: g, zIndex: h = H("grid"), themeFrom: f = "anchor", renderOffscreen: p, children: m, onMount: w, onOpening: v, onOpen: y, onClosing: b, onClose: S } = e;
-	return x(Tt, {
+	return x(zt, {
 		anchor: t,
 		placement: n,
 		whenOff: r,
 		whenPartial: o,
 		boundary: l,
 		minVisible: i,
-		children: (e) => x(At, {
+		children: (e) => x(Ft, {
 			state: e,
 			offset: a,
 			alignOffset: s,
@@ -1990,22 +1993,22 @@ var Lt = (e) => {
 		})
 	});
 };
-Ft.displayName = "StickyPortal";
-var Nt = (e) => {
+Nt.displayName = "StickyPortal";
+var Bt = (e) => {
 	const [t, n] = (e ?? "bottom-start").split("-");
 	return {
 		side: "top" === t ? "t" : "left" === t ? "l" : "right" === t ? "r" : "b",
 		align: "start" === n ? "start" : "end" === n ? "end" : "center"
 	};
-}, Bt = (e) => {
+}, Vt = (e) => {
 	const { open: t, anchorEl: n, floatReference: r, renderPopupPanel: o, propsPopper: l, onMount: i, onOpening: a, onOpen: s, onClosing: c, onClose: d, children: u, className: g, label: h, anchorPosition: m, ...w } = e, b = f(null), [S, E] = p(), C = O((e, t) => {
 		E(e), i?.(b.current, t);
 	}, [i]), I = O(() => {
 		r?.close(0);
 	}, [r]), P = l?.offsets, [R, M] = Array.isArray(P) ? [P[0] ?? 0, P[1] ?? 2] : [P?.alignmentAxis ?? P?.crossAxis ?? 0, P?.mainAxis ?? 2];
-	return x(Ft, {
+	return x(Nt, {
 		anchor: n,
-		placement: Nt(l?.placement),
+		placement: Bt(l?.placement),
 		offset: M,
 		alignOffset: R,
 		zIndex: H("popup"),
@@ -2026,22 +2029,22 @@ var Nt = (e) => {
 				renderPopupPanel: o,
 				...w,
 				children: u
-			}), x(Vt, {
+			}), x(Ht, {
 				outOfView: t && e.outOfView,
 				close: I
 			})]
 		})
 	});
 };
-Bt.displayName = "GridFloatPanel";
-var Vt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
+Vt.displayName = "GridFloatPanel";
+var Ht = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 	t && n();
-}, [t]), null), Ht = (e) => x(Bt, { ...e }), Kt = {
+}, [t]), null), Kt = (e) => x(Vt, { ...e }), _t = {
 	enterDelay: 300,
 	enterNextDelay: 0,
 	armedFor: 800,
 	leaveDelay: 400
-}, _t = () => {
+}, Wt = () => {
 	let e = null;
 	const t = /* @__PURE__ */ new Set();
 	let n = -1 / 0, r = null;
@@ -2079,13 +2082,13 @@ var Vt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 			for (const e of [...t]) e.forceClose();
 		}
 	};
-}, Wt = {
-	timing: Kt,
-	group: _t()
-}, Ut = n(null), jt = () => s(Ut) ?? Wt, Gt = (e) => {
-	const { timing: t, renderTooltip: n, isolate: r, children: o } = e, l = s(Ut), i = r || !l, a = f(null);
-	i && null === a.current && (a.current = _t());
-	const c = i ? a.current : l.group, d = l ?? Wt, u = g(() => ({
+}, Ut = {
+	timing: _t,
+	group: Wt()
+}, jt = n(null), Gt = () => s(jt) ?? Ut, Xt = (e) => {
+	const { timing: t, renderTooltip: n, isolate: r, children: o } = e, l = s(jt), i = r || !l, a = f(null);
+	i && null === a.current && (a.current = Wt());
+	const c = i ? a.current : l.group, d = l ?? Ut, u = g(() => ({
 		timing: t ? {
 			...d.timing,
 			...t
@@ -2101,13 +2104,13 @@ var Vt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 		t?.armedFor,
 		t?.leaveDelay
 	]);
-	return x(Ut.Provider, {
+	return x(jt.Provider, {
 		value: u,
 		children: o
 	});
 };
-Gt.displayName = "TooltipProvider";
-var Xt = {
+Xt.displayName = "TooltipProvider";
+var Yt = {
 	boxSizing: "border-box",
 	maxWidth: 300,
 	padding: "2px 6px",
@@ -2119,20 +2122,20 @@ var Xt = {
 	border: "1px solid var(--sxl-color-base-300, rgba(0, 0, 0, 0.2))",
 	boxShadow: "0 2px 8px var(--sxl-color-shadow, rgba(0, 0, 0, 0.35))",
 	overflowWrap: "break-word"
-}, Yt = (e) => {
+}, qt = (e) => {
 	const { children: t, interactive: n, tipProps: r, className: o, style: l } = e;
 	return x("div", {
 		...r,
 		className: o,
 		style: {
-			...Xt,
+			...Yt,
 			...l,
 			pointerEvents: n ? "auto" : "none"
 		},
 		children: t
 	});
-}, qt = { pointerEvents: "auto" }, Zt = (e = {}) => {
-	const { openDelay: t, closeDelay: n, group: r = !0, name: o, gesture: l = !1 } = e, i = jt(), s = L(), u = d(), h = o ?? u, [m, w] = p(!1), x = f(!1), v = f(null), y = f(!1), b = f(null), S = f(null), E = f(null), C = f({
+}, Zt = { pointerEvents: "auto" }, Jt = (e = {}) => {
+	const { openDelay: t, closeDelay: n, group: r = !0, name: o, gesture: l = !1 } = e, i = Gt(), s = L(), u = d(), h = o ?? u, [m, w] = p(!1), x = f(!1), v = f(null), y = f(!1), b = f(null), S = f(null), E = f(null), C = f({
 		surface: i,
 		popupOpen: s,
 		openDelay: t,
@@ -2207,7 +2210,7 @@ var Xt = {
 		onPointerLeave: () => {
 			y.current = !1, T();
 		},
-		style: qt
+		style: Zt
 	}), [T]);
 	return c(() => () => {
 		I(), P(), x.current && C.current.group && C.current.surface.group.release(M);
@@ -2217,27 +2220,27 @@ var Xt = {
 		tipProps: $,
 		close: O
 	};
-}, Jt = { pointerEvents: "none" }, Qt = { display: "contents" }, en = (e) => {
+}, Qt = { pointerEvents: "none" }, en = { display: "contents" }, tn = (e) => {
 	e.stopPropagation();
-}, tn = {
+}, nn = {
 	target: null,
 	aimed: null
-}, nn = (e) => ({
+}, rn = (e) => ({
 	key: e.key ?? Pe(e.range),
 	range: e.range,
 	data: e.data,
 	placement: e.placement,
 	alignOffset: e.alignOffset
-}), rn = (e) => e ? e.key ?? Pe(e.range) : null, on = (e) => {
+}), on = (e) => e ? e.key ?? Pe(e.range) : null, ln = (e) => {
 	const t = e.getCoords();
 	return t ? `${t.rowIndex},${t.colIndex}` : null;
-}, ln = (t) => {
-	const { hovered: n, selection: r, probe: o, name: l, target: i, dismiss: a, placement: d, offset: u = 6, alignOffset: g = 0, openDelay: h, closeDelay: m, group: w, hold: v = !1, whenOff: y = "hide", whenPartial: b, boundary: S, zIndex: E, interactive: C = "pointer", onDismiss: I, children: P, style: R } = t, M = Je(), D = s(Me), k = void 0 !== n, T = !!r, z = void 0 !== i, L = `range-float:${l ?? D}`, { open: $, setTarget: A, tipProps: F, close: N } = Zt({
+}, an = (t) => {
+	const { hovered: n, selection: r, probe: o, name: l, target: i, dismiss: a, placement: d, offset: u = 6, alignOffset: g = 0, openDelay: h, closeDelay: m, group: w, hold: v = !1, whenOff: y = "hide", whenPartial: b, boundary: S, zIndex: E, interactive: C = "pointer", onDismiss: I, children: P, style: R } = t, M = Qe(), D = s(Me), k = void 0 !== n, T = !!r, z = void 0 !== i, L = `range-float:${l ?? D}`, { open: $, setTarget: A, tipProps: F, close: N } = Jt({
 		openDelay: h,
 		closeDelay: m,
 		name: L,
 		group: w
-	}), [V, H] = tt(L, tn), K = k ? rn(n) : null, _ = e.useRef(n);
+	}), [V, H] = nt(L, nn), K = k ? on(n) : null, _ = e.useRef(n);
 	_.current = n, c(() => {
 		if (!k) return;
 		const e = _.current;
@@ -2245,7 +2248,7 @@ var Xt = {
 			target: e.target,
 			aimed: null
 		});
-		const t = nn(e);
+		const t = rn(e);
 		H((e) => e.aimed === t.key && e.target?.key === t.key ? e : {
 			target: t,
 			aimed: t.key
@@ -2261,7 +2264,7 @@ var Xt = {
 	}, [W, A]);
 	const [U, j] = p(null), G = f(null), X = f(!1);
 	c(() => {
-		a && (N(), j(null), H(tn));
+		a && (N(), j(null), H(nn));
 	}, [
 		a,
 		N,
@@ -2269,7 +2272,7 @@ var Xt = {
 	]);
 	const Y = O((e) => {
 		const t = null !== U;
-		if (N(), j(null), H(tn), I?.(), !t) return;
+		if (N(), j(null), H(nn), I?.(), !t) return;
 		const n = M.getElement()?.ownerDocument.activeElement;
 		e && n && n !== n.ownerDocument.body || M.focus();
 	}, [
@@ -2278,13 +2281,13 @@ var Xt = {
 		H,
 		I,
 		M
-	]), q = B(T ? r : void 0, on);
+	]), q = B(T ? r : void 0, ln);
 	let Z = null;
 	if (T && !a && r && null !== q) {
 		const e = o?.(r.getCoords(), M);
-		e && e.range && (Z = nn(e));
+		e && e.range && (Z = rn(e));
 	}
-	const J = k ? V.target : null, Q = ($ || v) && null !== J, ee = z ? null === i ? null : nn(i) : Q ? J : Z ?? J, te = U ? ee?.key === U.key ? ee : U : ee, ne = null !== U || (z ? null !== te : Q || null !== Z), re = "focus" === C && ne && null !== te;
+	const J = k ? V.target : null, Q = ($ || v) && null !== J, ee = z ? null === i ? null : rn(i) : Q ? J : Z ?? J, te = U ? ee?.key === U.key ? ee : U : ee, ne = null !== U || (z ? null !== te : Q || null !== Z), re = "focus" === C && ne && null !== te;
 	if (c(() => {
 		if (!re) return;
 		const e = M.getElement()?.ownerDocument ?? ("undefined" != typeof document ? document : null);
@@ -2307,9 +2310,9 @@ var Xt = {
 	}, []), !te) return null;
 	const oe = "none" === C ? {
 		...F,
-		style: Jt
+		style: Qt
 	} : F;
-	return x(Ft, {
+	return x(Nt, {
 		anchor: { range: te.range },
 		placement: te.placement ?? d,
 		offset: u,
@@ -2321,7 +2324,7 @@ var Xt = {
 		whenPartial: b,
 		style: "none" === C ? {
 			...R,
-			...Jt
+			...Qt
 		} : R,
 		children: (e) => {
 			const t = P({
@@ -2334,25 +2337,25 @@ var Xt = {
 			const n = "focus" === C;
 			return x("div", {
 				className: "range-float-frame",
-				style: Qt,
+				style: en,
 				onPointerDownCapture: n ? () => {
 					X.current = !0;
 				} : void 0,
-				onPointerDown: en,
-				onPointerUp: en,
-				onMouseDown: en,
-				onMouseUp: en,
-				onClick: en,
-				onDoubleClick: en,
-				onContextMenu: en,
+				onPointerDown: tn,
+				onPointerUp: tn,
+				onMouseDown: tn,
+				onMouseUp: tn,
+				onClick: tn,
+				onDoubleClick: tn,
+				onContextMenu: tn,
 				onKeyDown: (e) => {
 					e.stopPropagation(), n && "Escape" === e.key && !e.defaultPrevented && Y(!1);
 				},
-				onKeyUp: en,
-				onCopy: en,
-				onCut: en,
-				onPaste: en,
-				onWheel: en,
+				onKeyUp: tn,
+				onCopy: tn,
+				onCut: tn,
+				onPaste: tn,
+				onWheel: tn,
 				onFocus: n ? () => {
 					G.current && (clearTimeout(G.current), G.current = null), U || j(te);
 				} : void 0,
@@ -2366,19 +2369,19 @@ var Xt = {
 		}
 	});
 };
-ln.displayName = "VirtualRangeFloat";
-var an = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, sn = (e) => {
-	const { activateOn: t, probe: n, selection: r, hoveredOver: o, className: l, onPointerMove: i, onPointerLeave: a, ...s } = e, c = Je(), d = an(t, "hover"), u = an(t, "selection"), [g, h] = p(null), f = O((e) => {
+an.displayName = "VirtualRangeFloat";
+var sn = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, cn = (e) => {
+	const { activateOn: t, probe: n, selection: r, hoveredOver: o, className: l, onPointerMove: i, onPointerLeave: a, ...s } = e, c = Qe(), d = sn(t, "hover"), u = sn(t, "selection"), [g, h] = p(null), f = O((e) => {
 		const t = c.getCellFromPointer(e.clientX, e.clientY), r = t ? n?.(t, c) ?? null : null, o = r?.range ? r : null;
-		h((e) => rn(e) === rn(o) ? e : o);
+		h((e) => on(e) === on(o) ? e : o);
 	}, [c, n]), m = O(() => {
 		h(null);
 	}, []);
-	return x(lt, {
+	return x(it, {
 		className: Y(l, "range-float"),
 		onPointerMove: d ? f : void 0,
 		onPointerLeave: d ? m : void 0,
-		children: x(ln, {
+		children: x(an, {
 			...s,
 			hovered: d ? o ?? g : void 0,
 			selection: u ? r : void 0,
@@ -2386,10 +2389,10 @@ var an = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, sn = (e) => {
 		})
 	});
 };
-sn.displayName = "RangeFloatLayer";
-var cn = (e) => {
-	const { children: t, className: n, style: r, interactive: o = !1, bubble: l = !0, ...i } = e, { renderTooltip: a } = jt(), s = a ?? Yt;
-	return x(sn, {
+cn.displayName = "RangeFloatLayer";
+var dn = (e) => {
+	const { children: t, className: n, style: r, interactive: o = !1, bubble: l = !0, ...i } = e, { renderTooltip: a } = Gt(), s = a ?? qt;
+	return x(cn, {
 		...i,
 		activateOn: "hover",
 		className: Y(n, "range-tooltip"),
@@ -2415,15 +2418,15 @@ var cn = (e) => {
 		}
 	});
 };
-cn.displayName = "RangeTooltipLayer";
-var dn = {
+dn.displayName = "RangeTooltipLayer";
+var un = {
 	side: "b",
 	align: "end"
-}, un = (e) => {
+}, gn = (e) => {
 	const { side: t, align: n = "center" } = e;
 	return ("t" === t ? "top" : "b" === t ? "bottom" : "l" === t ? "left" : "right") + ("start" === n ? "-start" : "end" === n ? "-end" : "");
-}, gn = { pointerEvents: "none" }, hn = (e) => {
-	const { active: t, anchor: n, placement: r = dn, offset: o = 8, alignOffset: l = 0, glide: i, boundary: a, themeFrom: s = "provider", name: c, className: d, children: g } = e, { renderTooltip: h } = jt(), m = h ?? Yt, { open: w, setTarget: v, close: y, tipProps: S } = Zt({
+}, hn = { pointerEvents: "none" }, fn = (e) => {
+	const { active: t, anchor: n, placement: r = un, offset: o = 8, alignOffset: l = 0, glide: i, boundary: a, themeFrom: s = "provider", name: c, className: d, children: g } = e, { renderTooltip: h } = Gt(), m = h ?? qt, { open: w, setTarget: v, close: y, tipProps: S } = Jt({
 		gesture: !0,
 		name: c
 	}), E = f(null), [C, P] = p(!1);
@@ -2441,14 +2444,14 @@ var dn = {
 		R || P(!1);
 	}, [R]), !R) return null;
 	const M = Y(d, "gesture-tip"), D = () => P(!0), k = C && i?.duration ? {
-		...gn,
+		...hn,
 		transition: `transform ${i.duration}ms ${i.easing ?? "ease-in-out"}`
-	} : gn;
+	} : hn;
 	return ((e) => void 0 !== e.element)(n) ? x(b, {
 		ref: E,
 		open: !0,
 		anchorEl: n.element,
-		placement: un(r),
+		placement: gn(r),
 		offsets: {
 			mainAxis: o,
 			alignmentAxis: l
@@ -2471,7 +2474,7 @@ var dn = {
 				tipProps: S
 			}
 		})
-	}) : x(Ft, {
+	}) : x(Nt, {
 		className: M,
 		anchor: n,
 		placement: r,
@@ -2494,22 +2497,22 @@ var dn = {
 		})
 	});
 };
-hn.displayName = "GestureTip";
-var fn = {
+fn.displayName = "GestureTip";
+var pn = {
 	t: "↑",
 	b: "↓",
 	l: "←",
 	r: "→"
-}, pn = (e) => {
+}, mn = (e) => {
 	let t = "", n = e;
 	do
 		t = String.fromCharCode(65 + n % 26) + t, n = Math.floor(n / 26) - 1;
 	while (n >= 0);
 	return t;
-}, mn = (e) => {
-	const t = `${pn(e.colStart)}${e.rowStart + 1}`, n = `${pn(e.colEnd)}${e.rowEnd + 1}`;
+}, wn = (e) => {
+	const t = `${mn(e.colStart)}${e.rowStart + 1}`, n = `${mn(e.colEnd)}${e.rowEnd + 1}`;
 	return t === n ? t : `${t}:${n}`;
-}, wn = {
+}, xn = {
 	border: "none",
 	background: "transparent",
 	color: "inherit",
@@ -2520,7 +2523,7 @@ var fn = {
 	height: 18,
 	borderRadius: 4,
 	opacity: .6
-}, xn = {
+}, vn = {
 	position: "relative",
 	background: "var(--sxl-color-base-100, white)",
 	color: "var(--sxl-color-base-content, #222)",
@@ -2530,7 +2533,7 @@ var fn = {
 	boxShadow: "0 6px 24px var(--sxl-color-shadow, rgba(0,0,0,0.2))",
 	pointerEvents: "auto",
 	maxWidth: 320
-}, vn = {
+}, yn = {
 	display: "inline-flex",
 	alignItems: "center",
 	gap: 8,
@@ -2540,8 +2543,8 @@ var fn = {
 	padding: "4px 6px 4px 12px",
 	boxShadow: "0 2px 10px var(--sxl-color-shadow, rgba(0,0,0,0.3))",
 	pointerEvents: "auto"
-}, yn = ({ direction: e, label: t, onGoto: n, onCancel: r }) => v("div", {
-	style: vn,
+}, bn = ({ direction: e, label: t, onGoto: n, onCancel: r }) => v("div", {
+	style: yn,
 	children: [v("button", {
 		onClick: n,
 		style: {
@@ -2552,7 +2555,7 @@ var fn = {
 			font: "12px system-ui"
 		},
 		children: [
-			fn[e],
+			pn[e],
 			" ",
 			t
 		]
@@ -2560,17 +2563,17 @@ var fn = {
 		"aria-label": "Cancel",
 		onClick: r,
 		style: {
-			...wn,
+			...xn,
 			opacity: .8
 		},
 		children: "×"
 	})]
-}), bn = (e) => {
+}), Sn = (e) => {
 	const { range: t, placement: n = {
 		side: "t",
 		align: "start"
 	}, offset: r = 8, alignOffset: o = 0, address: l, onGoto: i, onCancel: a, zIndex: s, className: c, style: d, children: u } = e;
-	return x(Ft, {
+	return x(Nt, {
 		anchor: { range: t },
 		placement: n,
 		offset: r,
@@ -2578,23 +2581,23 @@ var fn = {
 		whenOff: "clamp",
 		zIndex: s,
 		open: !0,
-		renderOffscreen: (e) => x(yn, {
+		renderOffscreen: (e) => x(bn, {
 			direction: e.slid?.direction ?? n.side,
-			label: l ?? mn(t),
+			label: l ?? wn(t),
 			onGoto: () => i ? i(e) : e.scrollIntoView(),
 			onCancel: a
 		}),
 		children: (e) => v("div", {
 			className: c,
 			style: {
-				...xn,
+				...vn,
 				...d
 			},
 			children: [a && x("button", {
 				"aria-label": "Cancel",
 				onClick: a,
 				style: {
-					...wn,
+					...xn,
 					position: "absolute",
 					top: 4,
 					right: 4
@@ -2604,8 +2607,8 @@ var fn = {
 		})
 	});
 };
-bn.displayName = "RangePrompt";
-var Sn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), En = () => {
+Sn.displayName = "RangePrompt";
+var En = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), Cn = () => {
 	const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
 	let n = 0, r = 0;
 	const o = () => {
@@ -2635,7 +2638,7 @@ var Sn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), En =
 			for (const o of e.values()) {
 				const e = o.props.range;
 				if (!W.isCellWithinRange(t, e)) continue;
-				const l = Sn(e);
+				const l = En(e);
 				(l < r || l === r && null !== n && o.order > n.order) && (n = o, r = l);
 			}
 			return n;
@@ -2645,18 +2648,18 @@ var Sn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), En =
 		}),
 		version: () => r
 	};
-}, Cn = n(null), In = !1, Pn = () => s(Cn), Rn = (e) => {
-	const { isolate: t, children: n } = e, r = s(Cn), o = f(null), l = t || !r;
-	l && null === o.current && (o.current = En());
+}, In = n(null), Pn = !1, Rn = () => s(In), Mn = (e) => {
+	const { isolate: t, children: n } = e, r = s(In), o = f(null), l = t || !r;
+	l && null === o.current && (o.current = Cn());
 	const i = l ? o.current : r;
-	return x(Cn.Provider, {
+	return x(In.Provider, {
 		value: i,
 		children: n
 	});
 };
-Rn.displayName = "RangeTooltipProvider";
-var Mn = (e) => {
-	const t = s(Cn), n = Qe(), r = d(), o = null !== t && (null === n || n === ue(n.getAllPanes())), l = f(e);
+Mn.displayName = "RangeTooltipProvider";
+var Dn = (e) => {
+	const t = s(In), n = et(), r = d(), o = null !== t && (null === n || n === ue(n.getAllPanes())), l = f(e);
 	return l.current = e, u(() => {
 		if (o) return t.add(r, l.current);
 	}, [
@@ -2666,13 +2669,13 @@ var Mn = (e) => {
 	]), u(() => {
 		o && t.set(r, e);
 	}), u(() => {
-		null !== t || In || (In = !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."));
+		null !== t || Pn || (Pn = !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;
 };
-Mn.displayName = "RangeTooltip";
-var Dn = () => () => {}, kn = () => 0, Tn = i((e) => {
-	const { className: t, dismiss: n, ...r } = e, o = s(Cn), l = Je(), { renderTooltip: i } = jt(), a = i ?? Yt;
-	m(o?.subscribe ?? Dn, o?.version ?? kn);
+Dn.displayName = "RangeTooltip";
+var kn = () => () => {}, Tn = () => 0, zn = i((e) => {
+	const { className: t, dismiss: n, ...r } = e, o = s(In), l = Qe(), { renderTooltip: i } = Gt(), a = i ?? qt;
+	m(o?.subscribe ?? kn, o?.version ?? Tn);
 	const [c, d] = p(null), u = O((e) => {
 		const t = l.getCellFromPointer(e.clientX, e.clientY), n = t && o ? o.find(t) : null, r = n ? {
 			range: n.props.range,
@@ -2687,12 +2690,12 @@ var Dn = () => () => {}, kn = () => 0, Tn = i((e) => {
 	}, []), h = f(null), w = c && o ? o.get(c.data) : null;
 	w && (h.current = w);
 	const v = w ?? h.current;
-	return x(lt, {
+	return x(it, {
 		...r,
 		className: Y(t, "range-tooltips"),
 		onPointerMove: o ? u : void 0,
 		onPointerLeave: o ? g : void 0,
-		children: o ? x(ln, {
+		children: o ? x(an, {
 			name: "range-tooltips",
 			hovered: n ? null : c,
 			dismiss: n,
@@ -2721,13 +2724,13 @@ var Dn = () => () => {}, kn = () => 0, Tn = i((e) => {
 		}) : null
 	});
 });
-Tn.displayName = "RangeTooltipHost";
-var zn = {
+zn.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)"
-}, On = i((e) => {
-	const { range: t, hole: n, clipInsets: r, alignWidth: o = 1, animatedTransition: l, className: i, ...a } = e, s = C.getDevicePixelRatio(), c = o / s, d = r ?? -c / 2, u = Qe(), g = u ? u.getBoundsFromRange(t) : null, h = c + 4;
+}, Ln = i((e) => {
+	const { range: t, hole: n, clipInsets: r, alignWidth: o = 1, animatedTransition: l, className: i, ...a } = e, s = C.getDevicePixelRatio(), c = o / s, d = r ?? -c / 2, u = et(), g = u ? u.getBoundsFromRange(t) : null, h = c + 4;
 	if (u && g && !u.toClipBounds(g, d)) return null;
 	const f = u ? u.getPaneBounds() : null, p = f ? {
 		x: -h,
@@ -2751,7 +2754,7 @@ var zn = {
 		width: y.width,
 		height: y.height
 	} : void 0;
-	return x(dt, {
+	return x(ut, {
 		className: Y(i),
 		bounds: p ?? void 0,
 		clipInsets: d,
@@ -2765,9 +2768,9 @@ var zn = {
 		})
 	});
 });
-On.displayName = "RangeRect";
-var Ln = i((e) => {
-	const { range: t, axis: n, color: r = "var(--sxl-color-primary, rgb(33, 115, 70))", alignWidth: o = 3, capExtent: l = 3, transitionDuration: i = 100, transitionEasing: a = "cubic-bezier(0.16, 1, 0.3, 1)", axisDuration: s = 70 } = e, c = Qe(), d = c?.getBoundsFromRange(t);
+Ln.displayName = "RangeRect";
+var $n = i((e) => {
+	const { range: t, axis: n, color: r = "var(--sxl-color-primary, rgb(33, 115, 70))", alignWidth: o = 3, capExtent: l = 3, transitionDuration: i = 100, transitionEasing: a = "cubic-bezier(0.16, 1, 0.3, 1)", axisDuration: s = 70 } = e, c = et(), d = c?.getBoundsFromRange(t);
 	if (!c || !d) return null;
 	const u = C.getDevicePixelRatio(), g = o / u, h = l / u, f = c.getPaneBounds(), p = (e) => e.x >= -h && e.y >= -h && e.x + e.width <= f.width + h && e.y + e.height <= f.height + h, m = i > 0 ? `${i}ms ${a}` : null, v = s > 0 ? `${s}ms ${a}` : null, y = [m && `transform ${m}, width ${m}, height ${m}, background-color ${m}`, v && `scale ${v}`].filter(Boolean).join(", ");
 	return x(w, { children: [!0, !1].map((e) => ((e) => {
@@ -2813,7 +2816,7 @@ var Ln = i((e) => {
 			["insert-bar-cap-start", p(r.start) ? r.start : null],
 			["insert-bar-cap-end", p(r.end) ? r.end : null]
 		];
-	})(e).map(([t, o]) => o && x(dt, {
+	})(e).map(([t, o]) => o && x(ut, {
 		className: q(t, e ? "row" : "column"),
 		bounds: o,
 		style: {
@@ -2826,8 +2829,8 @@ var Ln = i((e) => {
 		}
 	}, `${e ? "row" : "column"}-${t}`))) });
 });
-Ln.displayName = "RangeInsertBar";
-var $n = () => "undefined" != typeof window ? window : null, An = 60, Fn = 24, Nn = (e, t, n = {
+$n.displayName = "RangeInsertBar";
+var An = () => "undefined" != typeof window ? window : null, Fn = 60, Nn = 24, Bn = (e, t, n = {
 	x: !0,
 	y: !0
 }) => {
@@ -2837,33 +2840,33 @@ var $n = () => "undefined" != typeof window ? window : null, An = 60, Fn = 24, N
 	if (!o && !l) return !1;
 	const i = e.getVisibleRange(), a = e.getTotalRange(), s = e.getCellFromPointer(t.x, t.y), c = {};
 	return o > 0 && i.colEnd < a.colEnd ? c.colIndex = Math.min(a.colEnd, Math.max(i.colEnd + 1, s?.colIndex ?? 0)) : o < 0 && i.colStart > a.colStart && (c.colIndex = Math.max(a.colStart, Math.min(i.colStart - 1, s?.colIndex ?? Number.MAX_SAFE_INTEGER))), l > 0 && i.rowEnd < a.rowEnd ? c.rowIndex = Math.min(a.rowEnd, Math.max(i.rowEnd + 1, s?.rowIndex ?? 0)) : l < 0 && i.rowStart > a.rowStart && (c.rowIndex = Math.max(a.rowStart, Math.min(i.rowStart - 1, s?.rowIndex ?? Number.MAX_SAFE_INTEGER))), (void 0 !== c.colIndex || void 0 !== c.rowIndex) && ((ue(e.getAllPanes()) ?? e).scrollCellCoordsIntoView(c), !0);
-}, Bn = Object.freeze({
+}, Vn = Object.freeze({
 	ctrlKey: !1,
 	shiftKey: !1,
 	altKey: !1,
 	metaKey: !1
-}), Vn = (e) => ({
+}), Hn = (e) => ({
 	ctrlKey: !!e.ctrlKey,
 	shiftKey: !!e.shiftKey,
 	altKey: !!e.altKey,
 	metaKey: !!e.metaKey
-}), Hn = (e, t) => e.ctrlKey === t.ctrlKey && e.shiftKey === t.shiftKey && e.altKey === t.altKey && e.metaKey === t.metaKey, Kn = (e, t, n, r) => {
+}), Kn = (e, t) => e.ctrlKey === t.ctrlKey && e.shiftKey === t.shiftKey && e.altKey === t.altKey && e.metaKey === t.metaKey, _n = (e, t, n, r) => {
 	const o = ((e) => "function" == typeof e ? e : () => e)(e), l = r ?? ((e, t) => o().getCellFromPointer(e, t));
 	let i = null, a = null, s = null, c = null;
 	const d = () => {
 		c && clearTimeout(c), c = null;
 	};
-	let u = Bn, g = null;
+	let u = Vn, g = null;
 	const h = (e) => {
 		if (!i) return;
-		const t = Vn(e);
-		Hn(u, t) || (u = t, i.modifiers?.(t));
+		const t = Hn(e);
+		Kn(u, t) || (u = t, i.modifiers?.(t));
 	}, f = () => {
-		g && ($n()?.removeEventListener("keydown", g, !0), $n()?.removeEventListener("keyup", g, !0), g = null);
+		g && (An()?.removeEventListener("keydown", g, !0), An()?.removeEventListener("keyup", g, !0), g = null);
 	}, p = (e, t, n) => {
 		if (!i) return !1;
 		const r = l(e, t);
-		return r && (W.isEqualCells(r, a) || (a = r, i.drag(r, n)), i.point?.(r, e, t, n)), (i.edgeScroll ?? ((e) => Nn(o(), e)))({
+		return r && (W.isEqualCells(r, a) || (a = r, i.drag(r, n)), i.point?.(r, e, t, n)), (i.edgeScroll ?? ((e) => Bn(o(), e)))({
 			x: e,
 			y: t
 		});
@@ -2876,9 +2879,9 @@ var $n = () => "undefined" != typeof window ? window : null, An = 60, Fn = 24, N
 			if (!r) return null;
 			const o = t(r, e);
 			return o ? (i = o, a = r, s = null, ((e) => {
-				if (u = Vn(e), g) return;
+				if (u = Hn(e), g) return;
 				const t = (e) => h(e);
-				g = t, $n()?.addEventListener("keydown", t, !0), $n()?.addEventListener("keyup", t, !0);
+				g = t, An()?.addEventListener("keydown", t, !0), An()?.addEventListener("keyup", t, !0);
 			})(e), n?.(o.dragMode ?? null), o) : null;
 		},
 		move: (e, t, n) => {
@@ -2891,19 +2894,19 @@ var $n = () => "undefined" != typeof window ? window : null, An = 60, Fn = 24, N
 		},
 		reset: () => {
 			const e = i;
-			return i = null, a = null, s = null, d(), f(), u = Bn, e && n?.(null), e;
+			return i = null, a = null, s = null, d(), f(), u = Vn, e && n?.(null), e;
 		},
 		dispose: () => {
 			d(), f();
 		}
 	};
-}, _n = (e, t, n) => {
-	const r = Kn(e, t, n);
+}, Wn = (e, t, n) => {
+	const r = _n(e, t, n);
 	let o = !1, l = null, i = null, a = null, s = null, c = null;
 	const d = () => {
-		a && l && l.removeEventListener?.("pointercancel", a), a = null, s && $n()?.removeEventListener("keydown", s, !0), s = null;
+		a && l && l.removeEventListener?.("pointercancel", a), a = null, s && An()?.removeEventListener("keydown", s, !0), s = null;
 	}, u = () => {
-		c && ($n()?.removeEventListener("pointerup", c), $n()?.removeEventListener("pointercancel", c), c = null);
+		c && (An()?.removeEventListener("pointerup", c), An()?.removeEventListener("pointercancel", c), c = null);
 	}, g = () => {
 		l && null !== i && l.hasPointerCapture?.(i) && l.releasePointerCapture(i), l = null, i = null;
 	}, h = (e, t) => {
@@ -2917,8 +2920,8 @@ var $n = () => "undefined" != typeof window ? window : null, An = 60, Fn = 24, N
 				const t = e.currentTarget;
 				t.setPointerCapture?.(e.pointerId), l = t, i = e.pointerId, o = !0, a = (e) => h(!0, e), t.addEventListener?.("pointercancel", a), s = (e) => {
 					"Escape" === e.key && (e.preventDefault(), e.stopPropagation(), h(!0));
-				}, $n()?.addEventListener("keydown", s, !0);
-			} else o = !1, c = (e) => h("pointercancel" === e.type, e), $n()?.addEventListener("pointerup", c), $n()?.addEventListener("pointercancel", c);
+				}, An()?.addEventListener("keydown", s, !0);
+			} else o = !1, c = (e) => h("pointercancel" === e.type, e), An()?.addEventListener("pointerup", c), An()?.addEventListener("pointercancel", c);
 		},
 		onPointerMove: (e) => {
 			r.hasSession() && o && (!1 !== r.captureEvents() && e.stopPropagation(), r.move(e.clientX, e.clientY, e));
@@ -2930,8 +2933,8 @@ var $n = () => "undefined" != typeof window ? window : null, An = 60, Fn = 24, N
 		}
 	};
 };
-function Wn(e, t, n, r) {
-	const o = Kn(e, t, n, r);
+function Un(e, t, n, r) {
+	const o = _n(e, t, n, r);
 	let l = null, i = null, a = null, s = null;
 	const c = () => {
 		l?.(), l = null, s = null;
@@ -2972,8 +2975,8 @@ function Wn(e, t, n, r) {
 		}
 	};
 }
-var Un = (e) => {
-	const t = Je(), n = O(() => t, [t]), [r, o] = p(null), l = O(e, [e]), i = g(() => _n(n, l, o), [n, l]);
+var jn = (e) => {
+	const t = Qe(), n = O(() => t, [t]), [r, o] = p(null), l = O(e, [e]), i = g(() => Wn(n, l, o), [n, l]);
 	return c(() => () => i.dispose(), [i]), {
 		onPointerDown: i.onPointerDown,
 		onPointerMove: i.onPointerMove,
@@ -2981,14 +2984,14 @@ var Un = (e) => {
 		onPointerCancel: i.onPointerCancel,
 		dragMode: r
 	};
-}, jn = (e) => {
-	const t = Je(), n = O(() => t, [t]), [r, o] = p(null), l = O(e, [e]), i = g(() => Wn(n, l, o), [n, l]);
+}, Gn = (e) => {
+	const t = Qe(), n = O(() => t, [t]), [r, o] = p(null), l = O(e, [e]), i = g(() => Un(n, l, o), [n, l]);
 	return c(() => () => i.dispose(), [i]), {
 		start: i.start,
 		cancel: i.cancel,
 		dragMode: r
 	};
-}, Gn = (e) => {
+}, Xn = (e) => {
 	const t = f(null), n = f(!1);
 	return c(() => {
 		const e = (e) => {
@@ -3006,12 +3009,12 @@ var Un = (e) => {
 			n.current = !1;
 		}, 500), !0);
 	};
-}, Xn = (e) => {
-	const { range: t, anchor: n, size: r = 8, cursor: o, dragCursor: l, background: i = "var(--sxl-color-primary, rgb(33, 115, 70))", onDragStart: a, onDragMove: s, onDragEnd: c, onDragCancel: d, onDoubleClick: u, onHoverChange: g, hoverStyle: h, animatedTransition: f, renderHandle: m, children: w, className: v, style: y, preserveFocus: b, clampToView: S, secondaryButton: E } = e, P = Je(), [R, M] = p(!1), D = Gn(!!u), { start: k, cancel: T, dragMode: z } = jn((e, t) => {
+}, Yn = (e) => {
+	const { range: t, anchor: n, size: r = 8, cursor: o, dragCursor: l, background: i = "var(--sxl-color-primary, rgb(33, 115, 70))", onDragStart: a, onDragMove: s, onDragEnd: c, onDragCancel: d, onDoubleClick: u, onHoverChange: g, hoverStyle: h, animatedTransition: f, renderHandle: m, children: w, className: v, style: y, preserveFocus: b, clampToView: S, secondaryButton: E } = e, P = Qe(), [R, M] = p(!1), D = Xn(!!u), { start: k, cancel: T, dragMode: z } = Gn((e, t) => {
 		const n = 2 === t.button && !0 === E;
 		if (0 !== t.button && !n) return null;
 		t.stopPropagation(), b && t.preventDefault();
-		const r = n ? Yn() : null, o = e;
+		const r = n ? qn() : null, o = e;
 		let l = e;
 		return a?.(o, t, T), {
 			dragMode: "handle",
@@ -3025,10 +3028,10 @@ var Un = (e) => {
 				r?.(), d?.();
 			}
 		};
-	}), O = null !== z && l ? l : o ?? Qn[n], L = P.getBoundsFromRange(t);
+	}), O = null !== z && l ? l : o ?? er[n], L = P.getBoundsFromRange(t);
 	if (!L) return null;
 	const $ = C.getDevicePixelRatio();
-	let A = Jn(L.x, L.x + L.width, qn[n], $), F = Jn(L.y, L.y + L.height, Zn[n], $);
+	let A = Qn(L.x, L.x + L.width, Zn[n], $), F = Qn(L.y, L.y + L.height, Jn[n], $);
 	if (S) {
 		if (!P.toClipBounds(P.getBoundsFromRange(t))) return null;
 		const e = P.getPaneBounds(), n = r / 2 + 1;
@@ -3088,15 +3091,15 @@ var Un = (e) => {
 		children: w
 	});
 };
-Xn.displayName = "DragHandle";
-var Yn = () => {
+Yn.displayName = "DragHandle";
+var qn = () => {
 	const e = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	};
 	return window.addEventListener("contextmenu", e, !0), () => {
 		setTimeout(() => window.removeEventListener("contextmenu", e, !0), 0);
 	};
-}, qn = {
+}, Zn = {
 	tl: "leading",
 	l: "leading",
 	bl: "leading",
@@ -3105,7 +3108,7 @@ var Yn = () => {
 	tr: "trailing",
 	r: "trailing",
 	br: "trailing"
-}, Zn = {
+}, Jn = {
 	tl: "leading",
 	t: "leading",
 	tr: "leading",
@@ -3114,7 +3117,7 @@ var Yn = () => {
 	bl: "trailing",
 	b: "trailing",
 	br: "trailing"
-}, Jn = (e, t, n, r) => "center" === n ? C.snapDeviceEdge((e + t) / 2, r) : C.edgeCenter("leading" === n ? e : t, n, 2, r), Qn = {
+}, Qn = (e, t, n, r) => "center" === n ? C.snapDeviceEdge((e + t) / 2, r) : C.edgeCenter("leading" === n ? e : t, n, 2, r), er = {
 	tl: "nwse-resize",
 	br: "nwse-resize",
 	tr: "nesw-resize",
@@ -3123,7 +3126,7 @@ var Yn = () => {
 	b: "ns-resize",
 	l: "ew-resize",
 	r: "ew-resize"
-}, er = (e, t, n, r, o, l) => {
+}, tr = (e, t, n, r, o, l) => {
 	const i = e.getPanePointFromPointer(n, r), a = e.getCellFromPointer(n, r, !0) ?? t, s = e.getBoundsFromRange(W.cellToRange(a));
 	if (!i || !s || s.width <= 0 || s.height <= 0) return l;
 	const c = (i.x - s.x) / s.width, d = (i.y - s.y) / s.height, u = o ?? (c < .25 || c > .75 ? G.Column : G.Row);
@@ -3140,13 +3143,13 @@ var Yn = () => {
 			colIndex: a.colIndex
 		}
 	};
-}, tr = (e, t, n, r) => {
+}, nr = (e, t, n, r) => {
 	const o = e.getPanePointFromPointer(n, r), l = e.getBoundsFromRange(t);
 	if (!o || !l) return null;
 	const i = Math.abs(o.y - l.y), a = Math.abs(o.y - (l.y + l.height)), s = Math.abs(o.x - l.x), c = Math.abs(o.x - (l.x + l.width)), d = Math.min(i, a, s, c);
 	return d === i ? "top" : d === a ? "bottom" : d === s ? "left" : "right";
-}, nr = (e, t, n, r, o) => {
-	const l = tr(e, t, r, o);
+}, rr = (e, t, n, r, o) => {
+	const l = nr(e, t, r, o);
 	if (!l) return null;
 	const i = e.getCellFromPointer(r, o, !0) ?? n;
 	return {
@@ -3156,7 +3159,7 @@ var Yn = () => {
 			colIndex: ge(i.colIndex, t.colStart, t.colEnd)
 		}
 	};
-}, rr = (e, t) => e === t || !!e && !!t && e.axis === t.axis && W.isEqualCells(e.origin, t.origin), or = (e, t, n) => {
+}, or = (e, t) => e === t || !!e && !!t && e.axis === t.axis && W.isEqualCells(e.origin, t.origin), lr = (e, t, n) => {
 	const r = e.rowEnd - e.rowStart, o = e.colEnd - e.colStart, l = ge(t.origin.rowIndex, n.rowStart, n.rowEnd - r), i = ge(t.origin.colIndex, n.colStart, n.colEnd - o);
 	return {
 		...e,
@@ -3165,8 +3168,8 @@ var Yn = () => {
 		colStart: i,
 		colEnd: i + o
 	};
-}, lr = (e) => {
-	const { range: t, children: n, grip: r = "entire", hitSize: o = 10, onHoverChange: l, onDragStateChange: i, onDragStart: a, onDragMove: s, onDragEnd: c, renderMove: d, dragCursor: u = "grabbing", preserveFocus: g, onEdgeDoubleClick: h, className: p } = e, m = Je(), y = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", b = f(null), [S, E] = tt(y, null), { start: P, cancel: R, dragMode: M } = jn((e, n) => {
+}, ir = (e) => {
+	const { range: t, children: n, grip: r = "entire", hitSize: o = 10, onHoverChange: l, onDragStateChange: i, onDragStart: a, onDragMove: s, onDragEnd: c, renderMove: d, dragCursor: u = "grabbing", preserveFocus: g, onEdgeDoubleClick: h, className: p } = e, m = Qe(), y = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", b = f(null), [S, E] = nt(y, null), { start: P, cancel: R, dragMode: M } = Gn((e, n) => {
 		if (0 !== n.button) return null;
 		if (!t) return null;
 		n.stopPropagation(), g && n.preventDefault();
@@ -3175,9 +3178,9 @@ var Yn = () => {
 		n.clientX, n.clientY;
 		const u = ((e, t) => e.colStart <= t.colStart && e.colEnd >= t.colEnd ? G.Row : e.rowStart <= t.rowStart && e.rowEnd >= t.rowEnd ? G.Column : null)(o, m.getTotalRange());
 		let h = {
-			mods: Vn(n),
-			insert: er(m, e, n.clientX, n.clientY, u, null),
-			grab: nr(m, o, e, n.clientX, n.clientY)
+			mods: Hn(n),
+			insert: tr(m, e, n.clientX, n.clientY, u, null),
+			grab: rr(m, o, e, n.clientX, n.clientY)
 		};
 		const f = h.insert;
 		let p = n;
@@ -3192,11 +3195,11 @@ var Yn = () => {
 		return {
 			dragMode: "move",
 			drag: (e) => {
-				l = ((e) => ir(o, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, m.getTotalRange()))(e), x = !0;
+				l = ((e) => ar(o, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, m.getTotalRange()))(e), x = !0;
 			},
 			point: (e, t, n, r) => {
 				r && (p = r);
-				const o = er(m, e, t, n, u, h.insert), l = x || !rr(o, h.insert);
+				const o = tr(m, e, t, n, u, h.insert), l = x || !or(o, h.insert);
 				x = !1, l && (h = {
 					...h,
 					insert: o
@@ -3210,8 +3213,8 @@ var Yn = () => {
 			},
 			end: (e) => {
 				i?.(!1), d && E(null);
-				const t = Vn(e);
-				(!W.isEqualRanges(l, o) || t.shiftKey && !rr(h.insert, f)) && c?.(l, e, {
+				const t = Hn(e);
+				(!W.isEqualRanges(l, o) || t.shiftKey && !or(h.insert, f)) && c?.(l, e, {
 					...h,
 					mods: t
 				});
@@ -3220,11 +3223,11 @@ var Yn = () => {
 				i?.(!1), d && E(null);
 			}
 		};
-	}), D = Gn(!!h), k = null !== M ? u : "move";
+	}), D = Xn(!!h), k = null !== M ? u : "move";
 	if (!t) return null;
 	const T = { onPointerDown: (e) => {
 		if (D(e)) {
-			const n = m ? tr(m, t, e.clientX, e.clientY) : null;
+			const n = m ? nr(m, t, e.clientX, e.clientY) : null;
 			n && h(t, n, e);
 			return;
 		}
@@ -3239,7 +3242,7 @@ var Yn = () => {
 		height: L.height + 2 * O
 	} : void 0;
 	return v(w, { children: [
-		x(dt, "entire" === r ? {
+		x(ut, "entire" === r ? {
 			ref: b,
 			className: Y("drag-grip", p),
 			...$ ? { bounds: $ } : { range: t },
@@ -3280,8 +3283,8 @@ var Yn = () => {
 		}) : null
 	] });
 };
-lr.displayName = "Draggable";
-var ir = (e, t, n, r) => {
+ir.displayName = "Draggable";
+var ar = (e, t, n, r) => {
 	const o = e.rowEnd - e.rowStart, l = e.colEnd - e.colStart, i = ge(e.rowStart + t, r.rowStart, r.rowEnd - o), a = ge(e.colStart + n, r.colStart, r.colEnd - l);
 	return {
 		rowStart: i,
@@ -3289,12 +3292,12 @@ var ir = (e, t, n, r) => {
 		rowEnd: i + o,
 		colEnd: a + l
 	};
-}, ar = [
+}, sr = [
 	"tl",
 	"tr",
 	"br",
 	"bl"
-], sr = [
+], cr = [
 	"tl",
 	"t",
 	"tr",
@@ -3303,18 +3306,18 @@ var ir = (e, t, n, r) => {
 	"b",
 	"bl",
 	"l"
-], cr = (e) => {
-	const { range: t, anchors: n = sr, onDragStart: r, onDragMove: o, onDragEnd: l, onDragCancel: i, onHandleHoverChange: a, size: s = 8, renderHandle: c, preserveFocus: d, ...u } = e, g = {
-		...zn,
+], dr = (e) => {
+	const { range: t, anchors: n = cr, onDragStart: r, onDragMove: o, onDragEnd: l, onDragCancel: i, onHandleHoverChange: a, size: s = 8, renderHandle: c, preserveFocus: d, ...u } = e, g = {
+		...On,
 		...u
-	}, h = g.stroke ?? "rgb(33, 115, 70)", m = Je(), [y, b] = p(null), S = f(null);
+	}, h = g.stroke ?? "rgb(33, 115, 70)", m = Qe(), [y, b] = p(null), S = f(null);
 	if (!t) return null;
 	const E = y ?? t;
-	return v(w, { children: [x(On, {
+	return v(w, { children: [x(Ln, {
 		className: "resizer-outline",
 		range: E,
 		...g
-	}), n.map((e) => x(Xn, {
+	}), n.map((e) => x(Yn, {
 		className: `resize-handle ${e}`,
 		range: E,
 		anchor: e,
@@ -3334,11 +3337,11 @@ var ir = (e, t, n, r) => {
 			S.current = t, r?.(t, n);
 		},
 		onDragMove: (n, r, l) => {
-			const i = dr(S.current ?? t, e, r, m.getTotalRange());
+			const i = ur(S.current ?? t, e, r, m.getTotalRange());
 			b(i), o?.(i, l);
 		},
 		onDragEnd: (n, r, o) => {
-			const i = dr(S.current ?? t, e, r, m.getTotalRange());
+			const i = ur(S.current ?? t, e, r, m.getTotalRange());
 			S.current = null, b(null), l?.(i, o);
 		},
 		onDragCancel: () => {
@@ -3346,8 +3349,8 @@ var ir = (e, t, n, r) => {
 		}
 	}, e))] });
 };
-cr.displayName = "RangeResizer";
-var dr = (e, t, n, r) => {
+dr.displayName = "RangeResizer";
+var ur = (e, t, n, r) => {
 	let { rowStart: o, colStart: l, rowEnd: i, colEnd: a } = e;
 	return t.includes("t") && (o = ge(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("b") && (i = ge(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("l") && (l = ge(n.colIndex, r.colStart, r.colEnd)), t.includes("r") && (a = ge(n.colIndex, r.colStart, r.colEnd)), {
 		rowStart: Math.min(o, i),
@@ -3355,7 +3358,7 @@ var dr = (e, t, n, r) => {
 		rowEnd: Math.max(o, i),
 		colEnd: Math.max(l, a)
 	};
-}, ur = (e, t, n) => {
+}, gr = (e, t, n) => {
 	const r = t.rowIndex - e.rowEnd, o = e.rowStart - t.rowIndex, l = t.colIndex - e.colEnd, i = e.colStart - t.colIndex, a = Math.max(r, o, 0), s = Math.max(l, i, 0);
 	if (a > 0 || s > 0) return a >= s ? r > 0 ? {
 		...e,
@@ -3378,21 +3381,21 @@ var dr = (e, t, n, r) => {
 		...e,
 		colEnd: t.colIndex
 	};
-}, gr = (e, t) => t.rowEnd < e.rowEnd ? {
+}, hr = (e, t) => t.rowEnd < e.rowEnd ? {
 	...e,
 	rowStart: t.rowEnd + 1
 } : t.colEnd < e.colEnd ? {
 	...e,
 	colStart: t.colEnd + 1
-} : null, hr = (e) => {
+} : null, fr = (e) => {
 	const { range: t, snapDestination: n, onDragStart: r, onDragMove: o, onDragEnd: l, onMenu: i, onDragDone: a, onDoubleClick: s, renderHandle: c, ...d } = e, u = {
-		...zn,
+		...On,
 		fill: void 0,
 		...d
 	}, g = u.stroke, h = {
 		...u,
 		strokeDasharray: "3 2"
-	}, p = Je(), m = f(null), [y, b] = tt("range-fill", null);
+	}, p = Qe(), m = f(null), [y, b] = nt("range-fill", null);
 	if (!t) return null;
 	const S = p.getTotalRange(), E = t.rowStart === S.rowStart && t.rowEnd === S.rowEnd, C = t.colStart === S.colStart && t.colEnd === S.colEnd;
 	if (E && C) return null;
@@ -3418,9 +3421,9 @@ var dr = (e, t, n, r) => {
 		}, c))) return !1;
 		return !0;
 	})(p, t, E, C)) return null;
-	const z = y ? gr(t, y) : null;
+	const z = y ? hr(t, y) : null;
 	return v(w, { children: [
-		x(Xn, {
+		x(Yn, {
 			className: "fill-handle",
 			range: t,
 			anchor: k,
@@ -3434,7 +3437,7 @@ var dr = (e, t, n, r) => {
 				m.current = null, b(null), r?.(t, n, o);
 			},
 			onDragMove: (e, r, l) => {
-				let i = ur(t, r, p.getTotalRange());
+				let i = gr(t, r, p.getTotalRange());
 				i && n && (i = n(t, i)), m.current = i, b(i), i && o?.(i, l);
 			},
 			onDragEnd: (e, t, n) => {
@@ -3445,40 +3448,40 @@ var dr = (e, t, n, r) => {
 				m.current = null, b(null), a?.();
 			}
 		}),
-		y && x(On, {
+		y && x(Ln, {
 			className: "fill-preview",
 			range: y,
 			...h
 		}),
-		z && x(On, {
+		z && x(Ln, {
 			className: "fill-vacated",
 			range: z,
 			fill: "rgba(128, 128, 128, 0.28)"
 		})
 	] });
 };
-hr.displayName = "FillHandle";
-var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) => !!e?.closest?.(`[${fr}]`), wr = (e) => {
-	const t = (e?.closest?.(`[${fr}]`))?.closest("[data-rc]")?.getAttribute("data-rc");
+fr.displayName = "FillHandle";
+var pr = "data-cell-interactive", mr = Object.freeze({ [pr]: "" }), wr = (e) => !!e?.closest?.(`[${pr}]`), xr = (e) => {
+	const t = (e?.closest?.(`[${pr}]`))?.closest("[data-rc]")?.getAttribute("data-rc");
 	if (!t) return null;
 	const [n, r] = t.split(":").map(Number);
 	return Number.isInteger(n) && Number.isInteger(r) ? {
 		rowIndex: n,
 		colIndex: r
 	} : null;
-}, xr = i((e) => {
+}, vr = i((e) => {
 	const { value: t, zoom: n, bounds: r, cell: o, range: l, children: i, className: a, ...s } = e;
 	return x("div", {
 		className: Y(a, "cell"),
 		...s,
 		children: t
 	});
-}), vr = Object.freeze({
+}), yr = Object.freeze({
 	cells: [],
 	rangesH: [],
 	rangesV: []
-}), yr = !1, br = /* @__PURE__ */ new WeakMap(), Sr = (e, t = {}) => {
-	const n = e.getVisibleRange(), r = e.getScrollTopLeft(), o = t.bufferRange, l = !!o, i = o ? o.rowStart : 0, a = o ? o.colStart : 0, s = o ? o.rowEnd : 0, c = o ? o.colEnd : 0, d = br.get(e);
+}), br = !1, Sr = /* @__PURE__ */ new WeakMap(), Er = (e, t = {}) => {
+	const n = e.getVisibleRange(), r = e.getScrollTopLeft(), o = t.bufferRange, l = !!o, i = o ? o.rowStart : 0, a = o ? o.colStart : 0, s = o ? o.rowEnd : 0, c = o ? o.colEnd : 0, d = Sr.get(e);
 	if (d && d.rowStart === n.rowStart && d.colStart === n.colStart && d.rowEnd === n.rowEnd && d.colEnd === n.colEnd && d.scrollLeft === r.left && d.scrollTop === r.top && d.hasBuffer === l && d.bRowStart === i && d.bColStart === a && d.bRowEnd === s && d.bColEnd === c && d.options.cacheToken === t.cacheToken && d.options.getVisibleCells === t.getVisibleCells && d.options.hiddenCellAt === t.hiddenCellAt) return d.model;
 	const u = ((e, t = {}) => {
 		const { getVisibleCells: n, hiddenCellAt: r, bufferRange: o } = t, l = e.getTotalRange(), i = o ? {
@@ -3487,7 +3490,7 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 			colStart: Math.max(o.colStart, l.colStart),
 			colEnd: Math.min(o.colEnd, l.colEnd)
 		} : null, a = i ? e.getVisibleColumns(i.colStart, i.colEnd) : e.getVisibleColumns(), s = i ? e.getVisibleRows(i.rowStart, i.rowEnd) : e.getVisibleRows();
-		if (0 === a.length || 0 === s.length) return vr;
+		if (0 === a.length || 0 === s.length) return yr;
 		const c = (t) => e.getRangeFromCell(t);
 		let d;
 		if (n) d = n(e, o);
@@ -3509,7 +3512,7 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 			}
 		}
 		const u = d ? d.length : 0;
-		if (0 === u) return vr;
+		if (0 === u) return yr;
 		const g = e.getVisibleRange(), h = o ?? g, f = [], p = [], m = [], w = /* @__PURE__ */ new Set();
 		for (let t = 0; t < u; t++) {
 			const n = d[t];
@@ -3531,7 +3534,7 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 					rowIndex: t.rowStart,
 					colIndex: t.colStart
 				});
-				const n = Pr(l.rowStart, l.colStart);
+				const n = Rr(l.rowStart, l.colStart);
 				if (w.has(n)) continue;
 				w.add(n), l.rowEnd - l.rowStart > 0 && p.push(l), l.colEnd - l.colStart > 0 && m.push(l), a = e.getBoundsFromRange(l);
 			} else {
@@ -3548,7 +3551,7 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 				range: l,
 				bounds: a,
 				value: n?.value
-			}) : yr || (yr = !0, console.warn("grid-react: no bounds for cell", Pr(l.rowStart, l.colStart)));
+			}) : br || (br = !0, console.warn("grid-react: no bounds for cell", Rr(l.rowStart, l.colStart)));
 		}
 		return {
 			cells: f,
@@ -3556,7 +3559,7 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 			rangesV: m
 		};
 	})(e, t);
-	return br.set(e, {
+	return Sr.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3571,17 +3574,17 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 		options: t,
 		model: u
 	}), u;
-}, Er = Object.freeze({
+}, Cr = Object.freeze({
 	rangesH: [],
 	rangesV: []
-}), Cr = /* @__PURE__ */ new WeakMap(), Ir = (e, t = {}) => {
-	const n = e.getVisibleRange(), r = Cr.get(e);
+}), Ir = /* @__PURE__ */ new WeakMap(), Pr = (e, t = {}) => {
+	const n = e.getVisibleRange(), r = Ir.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;
 	const o = ((e, t = {}) => {
 		const { getVisibleCells: n } = t, r = e.getVisibleRange(), o = [], l = [], i = /* @__PURE__ */ new Set(), a = (e) => {
 			if (W.isSingleCell(e)) return;
 			if (!W.isRangesIntersect(e, r) && !W.isRangeWithinRange(e, r)) return;
-			const t = Pr(e.rowStart, e.colStart);
+			const t = Rr(e.rowStart, e.colStart);
 			i.has(t) || (i.add(t), e.rowEnd - e.rowStart > 0 && o.push(e), e.colEnd - e.colStart > 0 && l.push(e));
 		};
 		if (n) {
@@ -3600,12 +3603,12 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 				}));
 			}
 		}
-		return 0 === o.length && 0 === l.length ? Er : {
+		return 0 === o.length && 0 === l.length ? Cr : {
 			rangesH: o,
 			rangesV: l
 		};
 	})(e, t);
-	return Cr.set(e, {
+	return Ir.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3614,11 +3617,11 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 		cacheToken: t.cacheToken,
 		ranges: o
 	}), o;
-}, Pr = (e, t) => `${e}:${t}`, Rr = {
+}, Rr = (e, t) => `${e}:${t}`, Mr = {
 	tiles: "_tiles_v3ek7_7",
 	gridlines: "_gridlines_v3ek7_32"
-}, Mr = i((e) => {
-	const { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: o, suppressCell: l, className: i, style: a } = e, s = Je(), u = s.getAnchor(), h = d(), m = g(() => `sxl-cl-${h.replace(/[^a-zA-Z0-9_-]/g, "")}`, [h]), y = f({
+}, Dr = i((e) => {
+	const { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: o, suppressCell: l, className: i, style: a } = e, s = Qe(), u = s.getAnchor(), h = d(), m = g(() => `sxl-cl-${h.replace(/[^a-zA-Z0-9_-]/g, "")}`, [h]), y = f({
 		token: void 0,
 		renderCell: void 0,
 		getVisibleCells: void 0,
@@ -3627,43 +3630,43 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 		rebaseLeft: 0,
 		rebaseTop: 0,
 		map: /* @__PURE__ */ new Map()
-	}), b = s.getScrollTopLeft(), S = s.getFreezeTopLeft(), E = b.left + S.left, I = b.top + S.top, P = Math.floor(E / Tr) * Tr, R = Math.floor(I / Tr) * Tr, M = s.getVisibleRange();
+	}), b = s.getScrollTopLeft(), S = s.getFreezeTopLeft(), E = b.left + S.left, I = b.top + S.top, P = Math.floor(E / zr) * zr, R = Math.floor(I / zr) * zr, M = s.getVisibleRange();
 	let D = 0, k = -1, T = 0, z = -1;
-	M && (D = Math.max(0, Math.floor(M.rowStart / kr) - Or), k = Math.floor(M.rowEnd / kr) + Or, T = Math.max(0, Math.floor(M.colStart / kr) - Or), z = Math.floor(M.colEnd / kr) + Or);
+	M && (D = Math.max(0, Math.floor(M.rowStart / Tr) - Lr), k = Math.floor(M.rowEnd / Tr) + Lr, T = Math.max(0, Math.floor(M.colStart / Tr) - Lr), z = Math.floor(M.colEnd / Tr) + Lr);
 	const O = g(() => {
 		if (!M || k < D) return null;
 		const e = y.current;
 		e.token === n && e.pane === s && e.renderCell === t && e.getVisibleCells === r && e.hiddenCellAt === o && e.rebaseLeft === P && e.rebaseTop === R || (e.map = /* @__PURE__ */ new Map(), e.token = n, e.pane = s, e.renderCell = t, e.getVisibleCells = r, e.hiddenCellAt = o, e.rebaseLeft = P, e.rebaseTop = R);
 		const l = e.map, i = s.getZoom(), a = s.getTotalRange(), c = {
-			rowStart: Math.max(a.rowStart, D * kr),
-			colStart: Math.max(a.colStart, T * kr),
-			rowEnd: Math.min(a.rowEnd, (k + 1) * kr - 1),
-			colEnd: Math.min(a.colEnd, (z + 1) * kr - 1)
-		}, { cells: d } = Sr(s, {
+			rowStart: Math.max(a.rowStart, D * Tr),
+			colStart: Math.max(a.colStart, T * Tr),
+			rowEnd: Math.min(a.rowEnd, (k + 1) * Tr - 1),
+			colEnd: Math.min(a.colEnd, (z + 1) * Tr - 1)
+		}, { cells: d } = Er(s, {
 			getVisibleCells: r,
 			hiddenCellAt: o,
 			bufferRange: c,
 			cacheToken: n
 		}), g = /* @__PURE__ */ new Map();
 		for (let e = 0; e < d.length; e++) {
-			const t = d[e], n = `${Math.floor(t.cell.rowIndex / kr)}:${Math.floor(t.cell.colIndex / kr)}`;
+			const t = d[e], n = `${Math.floor(t.cell.rowIndex / Tr)}:${Math.floor(t.cell.colIndex / Tr)}`;
 			let r = g.get(n);
 			r || (r = [], g.set(n, r)), r.push(t);
 		}
 		const h = [], f = (e, n) => {
-			if (e * kr > a.rowEnd || n * kr > a.colEnd) return;
+			if (e * Tr > a.rowEnd || n * Tr > a.colEnd) return;
 			const r = e >= D && e <= k && n >= T && n <= z, o = `${e}:${n}`;
 			let c = l.get(o);
 			if (void 0 === c) {
 				const d = g.get(o);
-				if (!d && !$r) return;
+				if (!d && !Ar) return;
 				const h = s.getBoundsFromRange({
-					rowStart: e * kr,
-					colStart: n * kr,
-					rowEnd: Math.min(a.rowEnd, e * kr + kr - 1),
-					colEnd: Math.min(a.colEnd, n * kr + kr - 1)
+					rowStart: e * Tr,
+					colStart: n * Tr,
+					rowEnd: Math.min(a.rowEnd, e * Tr + Tr - 1),
+					colEnd: Math.min(a.colEnd, n * Tr + Tr - 1)
 				}), f = E + h.x - P, p = I + h.y - R, m = [];
-				if ($r && m.push(x("div", { style: {
+				if (Ar && m.push(x("div", { style: {
 					position: "absolute",
 					left: 0,
 					top: 0,
@@ -3674,13 +3677,13 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 				} }, "__bg")), d) for (let e = 0; e < d.length; e++) {
 					const { cell: n, range: r, bounds: o, value: l } = d[e];
 					o && m.push(t({
-						key: `pane:${u}:cell:${Pr(n.rowIndex, n.colIndex)}`,
+						key: `pane:${u}:cell:${Rr(n.rowIndex, n.colIndex)}`,
 						cell: n,
 						bounds: o,
 						range: r,
 						zoom: i,
 						value: l,
-						"data-rc": Pr(n.rowIndex, n.colIndex),
+						"data-rc": Rr(n.rowIndex, n.colIndex),
 						style: {
 							left: o.x - h.x,
 							top: o.y - h.y,
@@ -3693,15 +3696,15 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 					className: "tile",
 					style: { transform: `translate(${f}px, ${p}px)` },
 					children: m
-				}, `pane:${u}:tile:${e}:${n}`), r && (l.set(o, c), l.size > Lr)) {
+				}, `pane:${u}:tile:${e}:${n}`), r && (l.set(o, c), l.size > $r)) {
 					const e = l.keys().next().value;
 					void 0 !== e && l.delete(e);
 				}
 			}
 			c && h.push(c);
 		};
-		if ($r) {
-			for (let e = D; e <= k && !(e * kr > a.rowEnd); e++) for (let t = T; t <= z && !(t * kr > a.colEnd); t++) f(e, t);
+		if (Ar) {
+			for (let e = D; e <= k && !(e * Tr > a.rowEnd); e++) for (let t = T; t <= z && !(t * Tr > a.colEnd); t++) f(e, t);
 			for (const e of g.keys()) {
 				const t = e.indexOf(":"), n = Number(e.slice(0, t)), r = Number(e.slice(t + 1));
 				(n < D || n > k || r < T || r > z) && f(n, r);
@@ -3730,15 +3733,15 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 		const e = A.current;
 		e.left === E && e.top === I || (e.left = E, e.top = I, $(!0), e.timer && clearTimeout(e.timer), e.timer = setTimeout(() => {
 			e.timer = null, $(!1);
-		}, zr));
+		}, Or));
 	}, [E, I]), c(() => () => {
 		const e = A.current.timer;
 		e && clearTimeout(e);
 	}, []);
 	const F = C.getDevicePixelRatio(), N = Math.round((P - E) * F) / F, B = Math.round((R - I) * F) / F;
-	return v(w, { children: [x(dt, {
+	return v(w, { children: [x(ut, {
 		fill: !0,
-		className: Y("tiles", Rr.tiles, m, i),
+		className: Y("tiles", Mr.tiles, m, i),
 		style: {
 			pointerEvents: "none",
 			...a,
@@ -3751,15 +3754,15 @@ var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) =>
 			}
 		},
 		children: O
-	}), l ? x("style", { children: `.${m} [data-rc="${Pr(l.rowIndex, l.colIndex)}"]{visibility:hidden !important;}` }) : null] });
+	}), l ? x("style", { children: `.${m} [data-rc="${Rr(l.rowIndex, l.colIndex)}"]{visibility:hidden !important;}` }) : null] });
 });
-Mr.displayName = "CellTileDiv";
-var Dr = i((e) => {
+Dr.displayName = "CellTileDiv";
+var kr = i((e) => {
 	const { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: o, suppressCell: l, className: i, style: a, ...s } = e;
-	return x(lt, {
+	return x(it, {
 		className: Y(i, "cells"),
 		...s,
-		children: x(Mr, {
+		children: x(Dr, {
 			renderCell: t,
 			cacheToken: n,
 			getVisibleCells: r,
@@ -3769,9 +3772,9 @@ var Dr = i((e) => {
 		})
 	});
 });
-Dr.displayName = "CellLayer";
-var kr = 8, Tr = 1 << 19, zr = 150, Or = 1, Lr = 512, $r = !1, Ar = (e, t, n, r) => {
-	const o = C.getDevicePixelRatio(), l = (r?.width ?? Hr) / o, i = r?.shift ?? 0, a = r?.breaksAt, s = e.getVisibleRange(), c = (t) => e.getColumnSize(t).offset, d = (t) => {
+kr.displayName = "CellLayer";
+var Tr = 8, zr = 1 << 19, Or = 150, Lr = 1, $r = 512, Ar = !1, Fr = (e, t, n, r) => {
+	const o = C.getDevicePixelRatio(), l = (r?.width ?? Kr) / o, i = r?.shift ?? 0, a = r?.breaksAt, s = e.getVisibleRange(), c = (t) => e.getColumnSize(t).offset, d = (t) => {
 		const n = e.getColumnSize(t);
 		return n.offset + n.size;
 	}, u = (t) => e.getRowSize(t).offset, g = (t) => {
@@ -3801,7 +3804,7 @@ var kr = 8, Tr = 1 << 19, zr = 150, Or = 1, Lr = 512, $r = !1, Ar = (e, t, n, r)
 				}
 				p = !0;
 			}
-			const S = C.snapLineCenter(y + i, l, o), E = Fr(f, a?.(r), o);
+			const S = C.snapLineCenter(y + i, l, o), E = Nr(f, a?.(r), o);
 			let I = w;
 			const P = E.length;
 			for (let e = 0; e < P; e += 2) {
@@ -3832,7 +3835,7 @@ var kr = 8, Tr = 1 << 19, zr = 150, Or = 1, Lr = 512, $r = !1, Ar = (e, t, n, r)
 				}
 				p = !0;
 			}
-			const S = C.snapLineCenter(y + i, l, o), E = Fr(f, a?.(r), o);
+			const S = C.snapLineCenter(y + i, l, o), E = Nr(f, a?.(r), o);
 			let I = w;
 			const P = E.length;
 			for (let e = 0; e < P; e += 2) {
@@ -3843,22 +3846,22 @@ var kr = 8, Tr = 1 << 19, zr = 150, Or = 1, Lr = 512, $r = !1, Ar = (e, t, n, r)
 		}
 	}
 	return m;
-}, Fr = (e, t, n) => {
+}, Nr = (e, t, n) => {
 	if (!t || 0 === t.length) return e;
 	const r = [];
 	let o = 0, l = 0;
 	for (; o < e.length || l < t.length;) l >= t.length || o < e.length && e[o] <= C.snapDeviceEdge(t[l], n) ? (r.push(e[o], e[o + 1]), o += 2) : (r.push(C.snapDeviceEdge(t[l], n), C.snapDeviceEdge(t[l + 1], n)), l += 2);
 	return r;
-}, Nr = (e) => {
+}, Br = (e) => {
 	let t = "";
 	for (let n = 0; n < e.length; n++) {
 		const r = e[n];
 		t += `${r.rowStart},${r.colStart},${r.rowEnd},${r.colEnd};`;
 	}
 	return t;
-}, Br = (e, t, n, r, o) => {
+}, Vr = (e, t, n, r, o) => {
 	if (!n) return null;
-	const l = e.getPaneBounds(), i = Math.ceil(l.width), a = Math.ceil(l.height), s = String(Hr / C.getDevicePixelRatio());
+	const l = e.getPaneBounds(), i = Math.ceil(l.width), a = Math.ceil(l.height), s = String(Kr / C.getDevicePixelRatio());
 	return x("svg", {
 		className: Y(t ? "horizontal" : "vertical"),
 		width: `${i}`,
@@ -3874,35 +3877,35 @@ var kr = 8, Tr = 1 << 19, zr = 150, Or = 1, Lr = 512, $r = !1, Ar = (e, t, n, r)
 			...o
 		})
 	});
-}, Vr = i((e) => {
-	const { showGridLines: t = !0, gridLineColor: n = "var(--sxl-color-base-300, rgb(224, 224, 224))", propsRows: r, propsColumns: o, getVisibleCells: l, hiddenCellAt: i, cacheToken: a, bufferRange: s, className: c, style: d, ...u } = e, h = Je(), f = t, p = !0 === t || !0 === f?.horizontal, m = !0 === t || !0 === f?.vertical, { rangesH: w, rangesV: y } = Ir(h, {
+}, Hr = i((e) => {
+	const { showGridLines: t = !0, gridLineColor: n = "var(--sxl-color-base-300, rgb(224, 224, 224))", propsRows: r, propsColumns: o, getVisibleCells: l, hiddenCellAt: i, cacheToken: a, bufferRange: s, className: c, style: d, ...u } = e, h = Qe(), f = t, p = !0 === t || !0 === f?.horizontal, m = !0 === t || !0 === f?.vertical, { rangesH: w, rangesV: y } = Pr(h, {
 		getVisibleCells: l,
 		cacheToken: a
-	}), b = C.getDevicePixelRatio(), { top: S, left: E } = h.getScrollTopLeft(), I = h.getPaneBounds(), P = h.getVisibleRange(), R = h.getColumnSize(P.colEnd), M = h.getRowSize(P.rowEnd), D = Math.min(I.width, R ? R.offset + R.size : I.width), k = Math.min(I.height, M ? M.offset + M.size : I.height), T = 0 === w.length ? `${S}|${D}|${b}` : `${S}|${E}|${D}|${b}|${Nr(w)}`, z = 0 === y.length ? `${E}|${k}|${b}` : `${E}|${S}|${k}|${b}|${Nr(y)}`, O = g(() => p ? Ar(h, !0, w) : null, [
+	}), b = C.getDevicePixelRatio(), { top: S, left: E } = h.getScrollTopLeft(), I = h.getPaneBounds(), P = h.getVisibleRange(), R = h.getColumnSize(P.colEnd), M = h.getRowSize(P.rowEnd), D = Math.min(I.width, R ? R.offset + R.size : I.width), k = Math.min(I.height, M ? M.offset + M.size : I.height), T = 0 === w.length ? `${S}|${D}|${b}` : `${S}|${E}|${D}|${b}|${Br(w)}`, z = 0 === y.length ? `${E}|${k}|${b}` : `${E}|${S}|${k}|${b}|${Br(y)}`, O = g(() => p ? Fr(h, !0, w) : null, [
 		h,
 		p,
 		T
-	]), L = g(() => m ? Ar(h, !1, y) : null, [
+	]), L = g(() => m ? Fr(h, !1, y) : null, [
 		h,
 		m,
 		z
 	]);
-	return p || m ? x(lt, {
+	return p || m ? x(it, {
 		...u,
 		className: Y(c, "gridlines"),
-		children: v(dt, {
+		children: v(ut, {
 			fill: !0,
-			className: Y("gridlines-box", Rr.gridlines),
+			className: Y("gridlines-box", Mr.gridlines),
 			style: {
 				pointerEvents: "none",
 				...d
 			},
-			children: [p && O ? Br(h, !0, O, n, r) : null, m && L ? Br(h, !1, L, n, o) : null]
+			children: [p && O ? Vr(h, !0, O, n, r) : null, m && L ? Vr(h, !1, L, n, o) : null]
 		})
 	}) : null;
 });
-Vr.displayName = "GridlineLayer";
-var Hr = 1, Kr = -10, _r = class {
+Hr.displayName = "GridlineLayer";
+var Kr = 1, _r = -10, Wr = class {
 	constructor(e = {}) {
 		this.listeners = /* @__PURE__ */ new Set(), this._coords = e.initial ?? {
 			cell: {
@@ -3911,7 +3914,7 @@ var Hr = 1, Kr = -10, _r = class {
 			},
 			ranges: W.EmptyRanges,
 			rangeIndex: -1
-		}, this._getBounds = e.getBounds ?? (() => jr);
+		}, this._getBounds = e.getBounds ?? (() => Gr);
 	}
 	getSelection() {
 		return this._coords;
@@ -3972,12 +3975,12 @@ var Hr = 1, Kr = -10, _r = class {
 		return e >= 0 ? this._coords.ranges[e] : W.cellToRange(this._coords.cell);
 	}
 	modify(e, t = this._coords.cell) {
-		const n = this._activeRange(), o = Wr({
+		const n = this._activeRange(), o = Ur({
 			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()), l = this._coords, i = this._activeIndex(), a = i >= 0 ? l.ranges.map((e, t) => t === i ? o : e) : [o], s = Ur(l.cell, o);
+		}, this._getBounds()), l = this._coords, i = this._activeIndex(), a = i >= 0 ? l.ranges.map((e, t) => t === i ? o : e) : [o], s = jr(l.cell, o);
 		this.setSelection({
 			cell: s,
 			ranges: a,
@@ -3985,7 +3988,7 @@ var Hr = 1, Kr = -10, _r = class {
 		});
 	}
 	append(e, t = e) {
-		const n = Wr({
+		const n = Ur({
 			rowStart: Math.min(e.rowIndex, t.rowIndex),
 			colStart: Math.min(e.colIndex, t.colIndex),
 			rowEnd: Math.max(e.rowIndex, t.rowIndex),
@@ -4061,64 +4064,64 @@ var Hr = 1, Kr = -10, _r = class {
 			this.listeners.delete(e);
 		};
 	}
-}, Wr = (e, t) => ({
+}, Ur = (e, t) => ({
 	rowStart: ge(e.rowStart, t.rowStart, t.rowEnd),
 	colStart: ge(e.colStart, t.colStart, t.colEnd),
 	rowEnd: ge(e.rowEnd, t.rowStart, t.rowEnd),
 	colEnd: ge(e.colEnd, t.colStart, t.colEnd)
-}), Ur = (e, t) => ({
+}), jr = (e, t) => ({
 	rowIndex: ge(e.rowIndex, t.rowStart, t.rowEnd),
 	colIndex: ge(e.colIndex, t.colStart, t.colEnd)
-}), jr = {
+}), Gr = {
 	rowStart: 0,
 	colStart: 0,
 	rowEnd: Number.MAX_SAFE_INTEGER,
 	colEnd: Number.MAX_SAFE_INTEGER
-}, Gr = "var(--sxl-color-primary, rgb(33, 115, 70))", Xr = "var(--sxl-color-base-100, rgb(255, 255, 255))", Yr = "var(--sxl-color-warning, rgb(255, 0, 0))", qr = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, Zr = {
-	fill: { fill: qr(10) },
+}, Xr = "var(--sxl-color-primary, rgb(33, 115, 70))", Yr = "var(--sxl-color-base-100, rgb(255, 255, 255))", qr = "var(--sxl-color-warning, rgb(255, 0, 0))", Zr = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, Jr = {
+	fill: { fill: Zr(10) },
 	border: {
-		stroke: Gr,
+		stroke: Xr,
 		alignWidth: 2,
 		style: { filter: "drop-shadow(1px 1px 0.3px var(--sxl-color-shadow, rgba(0, 0, 0, 0.24)))" }
 	},
 	inner: {
-		stroke: Xr,
+		stroke: Yr,
 		alignWidth: 2,
 		inset: 1
 	}
-}, Jr = {
-	fill: { fill: qr(6) },
+}, Qr = {
+	fill: { fill: Zr(6) },
 	border: {
-		stroke: Gr,
+		stroke: Xr,
 		alignWidth: 1
 	},
 	inner: {
-		stroke: Xr,
+		stroke: Yr,
 		alignWidth: 1,
 		inset: 1
 	}
-}, Qr = {
-	stroke: Gr,
+}, eo = {
+	stroke: Xr,
 	alignWidth: 1,
 	inset: 2
-}, eo = {
-	fill: { fill: `color-mix(in srgb, ${Yr} 10%, transparent)` },
+}, to = {
+	fill: { fill: `color-mix(in srgb, ${qr} 10%, transparent)` },
 	border: {
-		stroke: Yr,
+		stroke: qr,
 		alignWidth: 2
 	}
-}, to = {
-	color: Gr,
-	refusedColor: Yr,
+}, no = {
+	color: Xr,
+	refusedColor: qr,
 	alignWidth: 3,
 	capExtent: 3,
 	transitionDuration: 100,
 	transitionEasing: "cubic-bezier(0.16, 1, 0.3, 1)",
 	axisDuration: 70
-}, no = { fill: { fill: `color-mix(in srgb, ${Xr} 62%, transparent)` } }, ro = (e, t) => {
-	const n = Je(), r = t?.allowDeselect ?? !0, o = t?.allowMulti ?? !0, l = f(null), [i, a] = p(null), s = f(t?.onSelectionEnd);
+}, ro = { fill: { fill: `color-mix(in srgb, ${Yr} 62%, transparent)` } }, oo = (e, t) => {
+	const n = Qe(), r = t?.allowDeselect ?? !0, o = t?.allowMulti ?? !0, l = f(null), [i, a] = p(null), s = f(t?.onSelectionEnd);
 	s.current = t?.onSelectionEnd;
-	const c = Un((t, i) => {
+	const c = jn((t, i) => {
 		if ("touch" === i.pointerType) {
 			const t = n.getScrollTopLeft(), r = {
 				x: i.clientX,
@@ -4141,8 +4144,8 @@ var Hr = 1, Kr = -10, _r = class {
 				}
 			};
 		}
-		if (0 === i.button && !i.shiftKey && !i.ctrlKey && !i.metaKey && mr(i.target)) {
-			const r = wr(i.target) ?? t;
+		if (0 === i.button && !i.shiftKey && !i.ctrlKey && !i.metaKey && wr(i.target)) {
+			const r = xr(i.target) ?? t;
 			return e.setSelection({
 				cell: r,
 				ranges: W.EmptyRanges,
@@ -4213,15 +4216,15 @@ var Hr = 1, Kr = -10, _r = class {
 		removePreview: i,
 		dragMode: c.dragMode
 	};
-}, oo = "selection-grip-drag", lo = (e, t) => void 0 === t ? e : null === t ? null : {
+}, lo = "selection-grip-drag", io = (e, t) => void 0 === t ? e : null === t ? null : {
 	...e,
 	...t
-}, io = (e, t) => t ? {
-	fill: lo(e.fill, t.fill),
-	border: lo(e.border, t.border),
-	inner: lo(e.inner, t.inner)
-} : e, ao = (e) => {
-	const { selection: t } = e, n = Qe(), o = go(z(t, (e) => e.getSelection())), l = n ? ue(n.getAllPanes()) ?? n : void 0, i = ((e, t, n) => {
+}, ao = (e, t) => t ? {
+	fill: io(e.fill, t.fill),
+	border: io(e.border, t.border),
+	inner: io(e.inner, t.inner)
+} : e, so = (e) => {
+	const { selection: t } = e, n = et(), o = ho(z(t, (e) => e.getSelection())), l = n ? ue(n.getAllPanes()) ?? n : void 0, i = ((e, t, n) => {
 		const r = !!t && e.rowStart === t.rowStart && e.rowEnd === t.rowEnd, o = !!t && e.colStart === t.colStart && e.colEnd === t.colEnd;
 		if (r && o) return [];
 		if (r) {
@@ -4315,7 +4318,7 @@ var Hr = 1, Kr = -10, _r = class {
 			},
 			axis: "both"
 		}];
-	})(o, n?.getTotalRange(), l?.getVisibleRange()), [a, s] = p(!1), d = nt(oo, null), u = f(null);
+	})(o, n?.getTotalRange(), l?.getVisibleRange()), [a, s] = p(!1), d = rt(lo, null), u = f(null);
 	c(() => () => {
 		u.current?.dispose(), d(null);
 	}, [d]);
@@ -4331,13 +4334,13 @@ var Hr = 1, Kr = -10, _r = class {
 		} : {
 			x: !0,
 			y: !0
-		}, c = t.getSelection(), g = Wn(e, () => (s(!0), d(i), {
+		}, c = t.getSelection(), g = Un(e, () => (s(!0), d(i), {
 			dragMode: "grip",
 			drag: (e) => {
 				const n = "col" === l ? { colIndex: e.colIndex } : "row" === l ? { rowIndex: e.rowIndex } : e;
 				t.modify(n, o);
 			},
-			edgeScroll: (t) => Nn(e, t, a),
+			edgeScroll: (t) => Bn(e, t, a),
 			end: () => {
 				s(!1), d(null);
 			},
@@ -4347,24 +4350,24 @@ var Hr = 1, Kr = -10, _r = class {
 		}), void 0, (t, n) => (e.getPaneFromPointer(t, n) ?? e).getCellFromPointer(t, n));
 		u.current = g, g.start(r, r.currentTarget);
 	};
-	return x(w, { children: i.map((e) => x(co, {
+	return x(w, { children: i.map((e) => x(uo, {
 		spec: e,
 		dragging: a,
 		onBeginDrag: g
 	}, e.key)) });
 };
-ao.displayName = "SelectionTouchGrips";
-var so = {
+so.displayName = "SelectionTouchGrips";
+var co = {
 	side: "slide",
 	align: "slide"
-}, co = (e) => {
+}, uo = (e) => {
 	const { spec: t, dragging: n, onBeginDrag: r } = e;
-	return x(Tt, {
+	return x(zt, {
 		anchor: { cell: t.cell },
 		placement: t.placement,
 		whenOff: "hide",
-		whenPartial: so,
-		children: (e) => e.slid ? null : x(uo, {
+		whenPartial: co,
+		children: (e) => e.slid ? null : x(go, {
 			state: e,
 			dragging: n,
 			pin: t.pin,
@@ -4373,7 +4376,7 @@ var so = {
 			}
 		})
 	});
-}, uo = (e) => {
+}, go = (e) => {
 	const { state: t, dragging: n, pin: r, onBeginDrag: o } = e, l = f({
 		state: t,
 		pin: r
@@ -4454,33 +4457,33 @@ var so = {
 			} })
 		})
 	});
-}, go = (e) => {
+}, ho = (e) => {
 	const { ranges: t, rangeIndex: n, cell: r } = e;
 	if (t && t.length > 0) {
 		const e = n ?? -1;
 		return t[e >= 0 ? e : t.length - 1];
 	}
 	return W.cellToRange(r);
-}, ho = [
+}, fo = [
 	j.Left,
 	j.Right,
 	j.Up,
 	j.Down
-], fo = {
+], po = {
 	[j.Left]: "ArrowLeft",
 	[j.Right]: "ArrowRight",
 	[j.Up]: "ArrowUp",
 	[j.Down]: "ArrowDown"
-}, po = {
+}, mo = {
 	[j.Left]: "Left",
 	[j.Right]: "Right",
 	[j.Up]: "Up",
 	[j.Down]: "Down"
 };
-var mo = {
+var wo = {
 	side: "b",
 	align: "end"
-}, wo = (e, t, n) => {
+}, xo = (e, t, n) => {
 	const 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",
@@ -4489,7 +4492,7 @@ var mo = {
 		side: n ? "b" : "t",
 		align: "start"
 	};
-}, xo = { display: "contents" }, vo = (e, t, n, r) => {
+}, vo = { display: "contents" }, yo = (e, t, n, r) => {
 	const { edge: o } = n, l = t.rowStart + n.cell.rowIndex - e.rowStart, i = t.colStart + n.cell.colIndex - e.colStart, a = r.boundsOf(t), s = r.boundsOf({
 		rowStart: l,
 		rowEnd: l,
@@ -4513,10 +4516,10 @@ var mo = {
 		side: p ? "b" : "t",
 		align: w
 	};
-}, yo = {
+}, bo = {
 	row: "b",
 	col: "r"
-}, bo = (e, t) => {
+}, So = (e, t) => {
 	const n = t.rowStart, r = t.colStart;
 	return e ? {
 		row: n > e.rowAt ? "b" : n < e.rowAt ? "t" : e.row,
@@ -4524,19 +4527,19 @@ var mo = {
 		rowAt: n,
 		colAt: r
 	} : {
-		...yo,
+		...bo,
 		rowAt: n,
 		colAt: r
 	};
-}, So = e.forwardRef((t, n) => {
-	const { selection: r, getContentBounds: o, getRegionBounds: l, scrollIntoView: i, singleStyle: a, multiStyle: s, multiAnchorStyle: c, singleAnchorStyle: d, removePreviewStyle: u, insertBarStyle: g, isDropRefused: h, snapMoveDestination: f, moveSourceStyle: p, singleLayer: m, multiLayer: y, enabledMove: b, onMove: S, onMoveStart: C, onMoveUpdate: I, onMoveEnd: P, moveCursor: R, enableFill: M, snapFillDestination: D, onFill: k, onFillStart: T, onFillPreview: O, onFillEnd: L, onFillMenu: $, resolveFillExtent: A, onEdgeDoubleClick: F, onSelectionEnd: N, onDragModeChange: B, externalDrag: V = !1, renderTip: H, tipPlacement: K, disableKeyboard: U, anchorHole: X = !0, ...Y } = t, q = z(r, (e) => e.getSelection()), Z = ro(r, { onSelectionEnd: N }), J = e.useRef(B);
+}, Eo = e.forwardRef((t, n) => {
+	const { selection: r, getContentBounds: o, getRegionBounds: l, scrollIntoView: i, singleStyle: a, multiStyle: s, multiAnchorStyle: c, singleAnchorStyle: d, removePreviewStyle: u, insertBarStyle: g, isDropRefused: h, snapMoveDestination: f, moveSourceStyle: p, singleLayer: m, multiLayer: y, enabledMove: b, onMove: S, onMoveStart: C, onMoveUpdate: I, onMoveEnd: P, moveCursor: R, enableFill: M, snapFillDestination: D, onFill: k, onFillStart: T, onFillPreview: O, onFillEnd: L, onFillMenu: $, resolveFillExtent: A, onEdgeDoubleClick: F, onSelectionEnd: N, onDragModeChange: B, externalDrag: V = !1, renderTip: H, tipPlacement: K, disableKeyboard: U, anchorHole: X = !0, ...Y } = t, q = z(r, (e) => e.getSelection()), Z = oo(r, { onSelectionEnd: N }), J = e.useRef(B);
 	J.current = B, e.useEffect(() => {
 		J.current?.(Z.dragMode);
 	}, [Z.dragMode]);
 	const [Q, ee] = e.useState(null), te = e.useRef(null), ne = e.useRef(null), re = e.useRef(null), le = e.useRef({
 		width: 0,
 		height: 0
-	}), ie = Je(), ae = e.useRef(r);
+	}), ie = Qe(), ae = e.useRef(r);
 	ae.current = r;
 	const se = e.useRef(ie);
 	se.current = ie;
@@ -4637,8 +4640,8 @@ var mo = {
 				run: n
 			});
 		}, b = E.Shift, S = E.Ctrl, C = E.Alt;
-		for (const e of ho) {
-			const t = po[e], n = fo[e];
+		for (const e of fo) {
+			const t = mo[e], n = po[e];
 			y(`move${t}`, { key: n }, () => f(e, !1)), y(`select${t}`, {
 				key: n,
 				modifiers: [b]
@@ -4763,15 +4766,15 @@ var mo = {
 		getRegionBounds: (e) => de.current?.(e) ?? null
 	}), []);
 	e.useImperativeHandle(n, () => ge, [ge]);
-	const he = !!q.ranges && q.ranges.length > 0, fe = he ? [...q.ranges] : [W.cellToRange(q.cell)], pe = fe.length > 1, me = q.rangeIndex ?? -1, we = he ? me >= 0 ? me : fe.length - 1 : 0, xe = fe[we] ?? W.cellToRange(q.cell), ve = ie.getRangeFromCell(q.cell), ye = W.intersectRanges(ve, xe) ?? W.cellToRange(q.cell), be = fe.filter((e, t) => t !== we), Se = pe ? io(Jr, s) : io(Zr, a), Ee = {
-		...Qr,
+	const he = !!q.ranges && q.ranges.length > 0, fe = he ? [...q.ranges] : [W.cellToRange(q.cell)], pe = fe.length > 1, me = q.rangeIndex ?? -1, we = he ? me >= 0 ? me : fe.length - 1 : 0, xe = fe[we] ?? W.cellToRange(q.cell), ve = ie.getRangeFromCell(q.cell), ye = W.intersectRanges(ve, xe) ?? W.cellToRange(q.cell), be = fe.filter((e, t) => t !== we), Se = pe ? ao(Qr, s) : ao(Jr, a), Ee = {
+		...eo,
 		...c
-	}, Ce = io(eo, u), { refusedColor: Ie, ...Pe } = {
-		...to,
+	}, Ce = ao(to, u), { refusedColor: Ie, ...Pe } = {
+		...no,
 		...g
-	}, Re = null === p ? null : io(no, p), Me = (e, t) => {
+	}, Re = null === p ? null : ao(ro, p), Me = (e, t) => {
 		const n = t.mods.shiftKey ? t.insert : null, r = t.mods.ctrlKey || t.mods.metaKey, o = {
-			to: n ? or(e, n, ie.getTotalRange()) : e,
+			to: n ? lr(e, n, ie.getTotalRange()) : e,
 			copy: r,
 			insert: n?.axis
 		};
@@ -4786,7 +4789,7 @@ var mo = {
 			ranges: i,
 			rangeIndex: l
 		});
-	}, [ke] = tt(oo, null), Te = "extend" === Z.dragMode || null !== ke || V, ze = Q ?? (Te ? {
+	}, [ke] = nt(lo, null), Te = "extend" === Z.dragMode || null !== ke || V, ze = Q ?? (Te ? {
 		kind: "select",
 		range: xe
 	} : null), Oe = ze && H ? H(ze) : null, Le = {
@@ -4800,16 +4803,16 @@ var mo = {
 			}))(o, t);
 			return {
 				range: o,
-				placement: wo(o, r, o.rowStart <= r.rowStart && o.rowEnd >= r.rowEnd ? "end" === l.align : "b" === l.side) ?? l
+				placement: xo(o, r, o.rowStart <= r.rowStart && o.rowEnd >= r.rowEnd ? "end" === l.align : "b" === l.side) ?? l
 			};
 		}
 		if ("fill" === e.kind) {
-			const { template: t, destination: n } = e, o = wo(n, r, n.rowEnd > t.rowEnd || n.colEnd > t.colEnd);
+			const { template: t, destination: n } = e, o = xo(n, r, n.rowEnd > t.rowEnd || n.colEnd > t.colEnd);
 			if (o) return {
 				range: n,
 				placement: o
 			};
-			let l = mo;
+			let l = wo;
 			return n.rowEnd > t.rowEnd ? l = {
 				side: "r",
 				align: "end"
@@ -4865,20 +4868,20 @@ var mo = {
 				align: "start"
 			}
 		};
-		const c = wo(a, r, "left" !== l?.edge && "top" !== l?.edge);
+		const c = xo(a, r, "left" !== l?.edge && "top" !== l?.edge);
 		return c ? {
 			range: a,
 			placement: c
 		} : l && i ? {
 			range: a,
-			placement: vo(e.from, a, l, i)
+			placement: yo(e.from, a, l, i)
 		} : {
 			range: a,
-			placement: mo
+			placement: wo
 		};
-	})(ze, ye, ke, ie.getTotalRange(), te.current ?? yo, ne.current, Le) : {
+	})(ze, ye, ke, ie.getTotalRange(), te.current ?? bo, ne.current, Le) : {
 		range: xe,
-		placement: mo
+		placement: wo
 	};
 	let Ae;
 	"move" === ze?.kind && (Ae = ze.drop.insert ? {
@@ -4903,7 +4906,7 @@ var mo = {
 			}
 		});
 	});
-	return v(lt, {
+	return v(it, {
 		...Y,
 		onPointerDown: Z.onPointerDown,
 		onPointerMove: Z.onPointerMove,
@@ -4912,33 +4915,33 @@ var mo = {
 			ge.handleKey(e) && (e.preventDefault(), e.stopPropagation());
 		},
 		children: [
-			"move" === Q?.kind && !Q.drop.copy && Re && !W.isEqualRanges(Q.to, Q.from) && Eo(Re, Q.from, void 0, !1, "move-source"),
+			"move" === Q?.kind && !Q.drop.copy && Re && !W.isEqualRanges(Q.to, Q.from) && Co(Re, Q.from, void 0, !1, "move-source"),
 			v(w, pe ? { children: [
-				be.map((t, n) => x(e.Fragment, { children: Eo(Se, t) }, `other-${n}`)),
-				Eo(Se, xe, X ? ye : void 0),
-				x(On, {
+				be.map((t, n) => x(e.Fragment, { children: Co(Se, t) }, `other-${n}`)),
+				Co(Se, xe, X ? ye : void 0),
+				x(Ln, {
 					className: "anchor",
 					range: ye,
 					...Ee
 				})
-			] } : { children: [Eo(Se, xe, X ? ye : void 0), d && x(On, {
+			] } : { children: [Co(Se, xe, X ? ye : void 0), d && x(Ln, {
 				className: "anchor",
 				range: ye,
 				...d
 			})] }),
-			!pe && b && x(lr, {
+			!pe && b && x(ir, {
 				className: "move-grip",
 				range: xe,
 				grip: "edges",
 				dragCursor: R,
 				renderMove: ({ range: e, info: t }) => {
 					const n = Me(e, t);
-					return n.insert ? x(Ln, {
+					return n.insert ? x($n, {
 						range: n.to,
 						axis: n.insert,
 						...Pe,
 						color: (n.refused ? Ie : void 0) ?? Pe.color
-					}) : Se.border && x(On, {
+					}) : Se.border && x(Ln, {
 						className: "move-ghost",
 						range: n.to,
 						...Se.border,
@@ -4950,7 +4953,7 @@ var mo = {
 				onEdgeDoubleClick: F,
 				onDragStart: (e, t, n, r) => {
 					const o = Me(e, n);
-					C?.(e, t, o, r), te.current = bo(null, o.to), ne.current = n.grab, ee({
+					C?.(e, t, o, r), te.current = So(null, o.to), ne.current = n.grab, ee({
 						kind: "move",
 						from: e,
 						to: o.to,
@@ -4959,7 +4962,7 @@ var mo = {
 				},
 				onDragMove: (e, t, n) => {
 					const r = Me(e, n);
-					I?.(xe, r.to, t, r), te.current = bo(te.current, r.to), ee({
+					I?.(xe, r.to, t, r), te.current = So(te.current, r.to), ee({
 						kind: "move",
 						from: xe,
 						to: r.to,
@@ -4980,7 +4983,7 @@ var mo = {
 					}));
 				}
 			}),
-			!pe && M && x(hr, {
+			!pe && M && x(fr, {
 				range: xe,
 				snapDestination: D,
 				...Se.border,
@@ -5012,9 +5015,9 @@ var mo = {
 					n && !W.isEqualRanges(n, e) && (k?.(e, n, t), De(n));
 				} : void 0
 			}),
-			Z.removePreview && Eo(Ce, Z.removePreview, void 0, !1, "remove-preview"),
+			Z.removePreview && Co(Ce, Z.removePreview, void 0, !1, "remove-preview"),
 			Fe,
-			H && x(hn, {
+			H && x(fn, {
 				name: "selection-gesture",
 				active: null !== ze,
 				anchor: { range: $e.range },
@@ -5024,7 +5027,7 @@ var mo = {
 				glide: Ae,
 				children: (Ne = Oe, null == Ne || !1 === Ne || "" === Ne ? Oe : x("span", {
 					ref: re,
-					style: xo,
+					style: vo,
 					children: Oe
 				}))
 			})
@@ -5032,28 +5035,28 @@ var mo = {
 	});
 	var Ne;
 });
-So.displayName = "SelectionLayer";
-var Eo = (e, t, n, r = !1, o = "range") => v(w, { children: [
-	e.fill && x(On, {
+Eo.displayName = "SelectionLayer";
+var Co = (e, t, n, r = !1, o = "range") => v(w, { children: [
+	e.fill && x(Ln, {
 		className: `${o} fill`,
 		animatedTransition: r,
 		range: t,
 		hole: n,
 		...e.fill
 	}),
-	e.inner && x(On, {
+	e.inner && x(Ln, {
 		className: `${o} inner`,
 		animatedTransition: r,
 		range: t,
 		...e.inner
 	}),
-	e.border && x(On, {
+	e.border && x(Ln, {
 		className: `${o} border`,
 		animatedTransition: r,
 		range: t,
 		...e.border
 	})
-] }), Co = [
+] }), Io = [
 	"#1a73e8",
 	"#d93025",
 	"#1e8e3e",
@@ -5061,13 +5064,13 @@ var Eo = (e, t, n, r = !1, o = "range") => v(w, { children: [
 	"#e37400",
 	"#12a4af",
 	"#d01884"
-], Io = Array.from({ length: P }, (e, t) => `var(--sxl-color-series-${t + 1}, ${Co[t]})`), Po = "var(--sxl-color-primary, rgb(0, 120, 215))", Ro = (e, t, n) => ({
+], Po = Array.from({ length: P }, (e, t) => `var(--sxl-color-series-${t + 1}, ${Io[t]})`), Ro = "var(--sxl-color-primary, rgb(0, 120, 215))", Mo = (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))
-}), Mo = (e) => ({ stroke: Io.length ? Io[e % Io.length] : Po }), Do = (e) => {
-	const { selection: t, getRangeStyle: n = Mo, anchors: r = ar, enabledMove: o, disableDraw: l, allowMulti: i = !0, size: a, animated: s, renderHandle: d, preserveFocus: u = !0, onDragActiveChange: g, rangeStyle: h = _.EmptyObject, className: m, ...w } = e, y = Je(), b = z(t, (e) => e.getSelection()), S = b.ranges ?? W.EmptyRanges, E = Math.min(Math.max(0, b.rangeIndex ?? S.length - 1), Math.max(0, S.length - 1)), [C, I] = p(null), [P, R] = p(null), [M, D] = p(!1), k = null !== P || M, T = f(g);
+}), Do = (e) => ({ stroke: Po.length ? Po[e % Po.length] : Ro }), ko = (e) => {
+	const { selection: t, getRangeStyle: n = Do, anchors: r = sr, enabledMove: o, disableDraw: l, allowMulti: i = !0, size: a, animated: s, renderHandle: d, preserveFocus: u = !0, onDragActiveChange: g, rangeStyle: h = _.EmptyObject, className: m, ...w } = e, y = Qe(), b = z(t, (e) => e.getSelection()), S = b.ranges ?? W.EmptyRanges, E = Math.min(Math.max(0, b.rangeIndex ?? S.length - 1), Math.max(0, S.length - 1)), [C, I] = p(null), [P, R] = p(null), [M, D] = p(!1), k = null !== P || M, T = f(g);
 	T.current = g, c(() => {
 		T.current?.(k, P);
 	}, [k, P]), c(() => () => {
@@ -5093,7 +5096,7 @@ var Eo = (e, t, n, r = !1, o = "range") => v(w, { children: [
 			...n,
 			rangeIndex: e
 		});
-	}, F = Un((e, t) => {
+	}, F = jn((e, t) => {
 		if (0 !== t.button) return null;
 		const n = (b.rangeIndex ?? -1) >= 0 ? b.rangeIndex : -1;
 		if (t.shiftKey && n >= 0 && S[n]) {
@@ -5101,24 +5104,24 @@ var Eo = (e, t, n, r = !1, o = "range") => v(w, { children: [
 				rowIndex: S[n].rowStart,
 				colIndex: S[n].colStart
 			};
-			return D(!0), $(n, Ro(t, e, y.getTotalRange())), {
-				drag: (e) => $(n, Ro(t, e, y.getTotalRange())),
+			return D(!0), $(n, Mo(t, e, y.getTotalRange())), {
+				drag: (e) => $(n, Mo(t, e, y.getTotalRange())),
 				end: () => D(!1),
 				captureEvents: !1
 			};
 		}
 		const r = (!t.ctrlKey && !t.metaKey || !i) && n >= 0 ? n : S.length;
 		return D(!0), $(r, W.cellToRange(e)), {
-			drag: (t) => $(r, Ro(e, t, y.getTotalRange())),
+			drag: (t) => $(r, Mo(e, t, y.getTotalRange())),
 			end: () => D(!1),
 			captureEvents: !1
 		};
 	}), N = S.map((e, t) => n(t, t === E)), B = [];
 	for (let e = 0; e < N.length; e++) N[e] && B.push(e);
-	return v(lt, {
+	return v(it, {
 		...w,
 		children: [
-			(!l || M) && x(dt, {
+			(!l || M) && x(ut, {
 				fill: !0,
 				className: Y(m, "ranges-picker-draw"),
 				style: { touchAction: "none" },
@@ -5130,7 +5133,7 @@ var Eo = (e, t, n, r = !1, o = "range") => v(w, { children: [
 					e.stopPropagation(), F.onPointerUp(e);
 				}
 			}),
-			o && B.map((e) => x(lr, {
+			o && B.map((e) => x(ir, {
 				range: S[e],
 				grip: "edges",
 				preserveFocus: u,
@@ -5143,7 +5146,7 @@ var Eo = (e, t, n, r = !1, o = "range") => v(w, { children: [
 			}, `move-${e}`)),
 			B.map((e) => {
 				const t = e === E, n = e === O, o = ((e, t, n) => {
-					const r = e.stroke ?? h.stroke ?? Po;
+					const r = e.stroke ?? h.stroke ?? Ro;
 					return {
 						...h,
 						...e,
@@ -5153,7 +5156,7 @@ var Eo = (e, t, n, r = !1, o = "range") => v(w, { children: [
 						...s && t ? { animatedStroke: !0 } : void 0
 					};
 				})(N[e], t, n);
-				return x(cr, {
+				return x(dr, {
 					range: S[e],
 					anchors: r,
 					size: a,
@@ -5173,8 +5176,8 @@ var Eo = (e, t, n, r = !1, o = "range") => v(w, { children: [
 		]
 	});
 };
-Do.displayName = "RangesPickerLayer";
-var ko = 0, To = class {
+ko.displayName = "RangesPickerLayer";
+var To = 0, zo = 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",
@@ -5183,7 +5186,7 @@ var ko = 0, To = class {
 			dirty: t.dirty,
 			initialSelection: t.initialSelection ?? null,
 			autoFocus: t.autoFocus ?? !0,
-			token: ++ko
+			token: ++To
 		};
 	}
 	getState() {
@@ -5307,7 +5310,7 @@ var ko = 0, To = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, zo = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : "Process" === e.key || 229 === e.keyCode ? {
+}, Oo = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : "Process" === e.key || 229 === e.keyCode ? {
 	mode: "enter",
 	dirty: ""
 } : 1 === e.key.length ? " " === e.key && e.shiftKey ? null : {
@@ -5316,7 +5319,7 @@ var ko = 0, To = class {
 } : e.shiftKey ? null : "F2" === e.key ? { mode: "edit" } : "Backspace" === e.key ? {
 	mode: "enter",
 	dirty: ""
-} : null, Oo = (e, t) => {
+} : null, Lo = (e, t) => {
 	const n = f(null);
 	return u(() => {
 		const t = n.current;
@@ -5324,9 +5327,9 @@ var ko = 0, To = class {
 	}, [t]), O((e) => {
 		n.current = e;
 	}, []);
-}, Lo = (e, t) => {
+}, $o = (e, t) => {
 	if (e.which === S.Enter && t.ctrlKey) return t.shiftKey ? { arrayFixed: !0 } : { broadcast: !0 };
-}, $o = (e) => {
+}, Ao = (e) => {
 	const { mode: t, value: n, onDirtyChange: r, onModeChange: o, onCommit: l, onCancel: i, onNavigate: a, onTraverse: s, setCaret: c } = e;
 	return O((e) => {
 		const d = e.nativeEvent;
@@ -5343,7 +5346,7 @@ var ko = 0, To = class {
 		if (u && "edit" === t) return void e.stopPropagation();
 		if (e.which === S.Enter || e.which === S.Tab || u && "enter" === t) {
 			e.preventDefault();
-			const t = Lo(e, d), n = l(t);
+			const t = $o(e, d), n = l(t);
 			if (!1 === n) return void e.stopPropagation();
 			if (t) return void e.stopPropagation();
 			const r = e.which === S.Enter || e.which === S.Tab, o = e.which === S.Tab ? G.Row : G.Column, i = e.shiftKey, c = r ? null : ((e) => {
@@ -5376,7 +5379,7 @@ var ko = 0, To = class {
 		s,
 		c
 	]);
-}, Ao = class {
+}, Fo = 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());
 	}
@@ -5408,7 +5411,7 @@ var ko = 0, To = class {
 	startEdit(e, t = {}) {
 		const n = this.createEdit(e);
 		if (!n) return !1;
-		return this.current = new To({
+		return this.current = new zo({
 			...n,
 			coords: n.coords ?? e,
 			onCommitError: (e) => {
@@ -5434,7 +5437,7 @@ var ko = 0, To = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, Fo = (e, t, n, r = "left", o = 0) => {
+}, No = (e, t, n, r = "left", o = 0) => {
 	if (!t) return null;
 	const l = e.getRangeFromCell(t), i = e.getBoundsFromRange(l);
 	if (!i) return null;
@@ -5456,7 +5459,7 @@ var ko = 0, To = class {
 		},
 		inView: a
 	};
-}, No = 96 / 72 * 11, Bo = "Calibri, sans-serif", Vo = (e) => {
+}, Bo = 96 / 72 * 11, Vo = "Calibri, sans-serif", Ho = (e) => {
 	const { open: t, mode: n, clean: r, dirty: o, token: l, autoFocus: i, initialSelection: a, zoom: s, readOnly: c, onDirtyChange: d, onModeChange: g, onCommit: h, onCancel: p, onNaturalSize: m } = e, y = o ?? r ?? "", b = f(null), S = f(null), E = f(0);
 	u(() => {
 		if (!t || !i) return;
@@ -5481,14 +5484,14 @@ var ko = 0, To = class {
 			height: e.offsetHeight
 		});
 	}, [y, m]);
-	const I = $o({
+	const I = Ao({
 		mode: n,
 		value: y,
 		onDirtyChange: d,
 		onModeChange: g,
 		onCommit: h,
 		onCancel: p,
-		setCaret: Oo(b, y)
+		setCaret: Lo(b, y)
 	});
 	return v(w, { children: [x("textarea", {
 		ref: b,
@@ -5508,8 +5511,8 @@ var ko = 0, To = class {
 			resize: "none",
 			overflow: "hidden",
 			background: "transparent",
-			fontFamily: Bo,
-			fontSize: No * s + "px",
+			fontFamily: Vo,
+			fontSize: Bo * s + "px",
 			lineHeight: 1.2,
 			whiteSpace: "pre",
 			userSelect: "text"
@@ -5529,15 +5532,15 @@ var ko = 0, To = class {
 			visibility: "hidden",
 			pointerEvents: "none",
 			whiteSpace: "pre",
-			fontFamily: Bo,
-			fontSize: `${No}px`,
+			fontFamily: Vo,
+			fontSize: `${Bo}px`,
 			lineHeight: 1.2
 		},
 		children: 0 === y.length ? " " : y
 	})] });
 };
-function Ho(e) {
-	const { editable: t, renderEditor: n, alignment: r = "left", background: o = "var(--sxl-color-base-100, rgb(255, 255, 255))", borderColor: l = "var(--sxl-color-primary, rgb(33, 115, 70))", borderWidth: i = 2, zIndex: a, className: s, style: d, ...u } = e, g = Qe(), h = z(t, (e) => e.getSession()), f = B(h, (e) => e.getState()), [m, w] = p(null), v = O((e) => {
+function Ko(e) {
+	const { editable: t, renderEditor: n, alignment: r = "left", background: o = "var(--sxl-color-base-100, rgb(255, 255, 255))", borderColor: l = "var(--sxl-color-primary, rgb(33, 115, 70))", borderWidth: i = 2, zIndex: a, className: s, style: d, ...u } = e, g = et(), h = z(t, (e) => e.getSession()), f = B(h, (e) => e.getState()), [m, w] = p(null), v = O((e) => {
 		w((t) => t && t.width === e.width && t.height === e.height ? t : e);
 	}, []), y = O((e) => {
 		const n = t.commit(e);
@@ -5560,7 +5563,7 @@ function Ho(e) {
 			rowEnd: e.rowStart,
 			colEnd: e.colStart
 		})), f) {
-			const e = Fo(g, S, m, r, i);
+			const e = No(g, S, m, r, i);
 			E = e?.bounds ?? null, C = e?.inView ?? !1;
 		} else E = g.getBoundsFromRange(e);
 	}
@@ -5589,7 +5592,7 @@ function Ho(e) {
 		onCancel: b,
 		onNaturalSize: v
 	}, k = "function" == typeof o ? (S ? o(S) : void 0) ?? "transparent" : o;
-	return x(lt, { children: E ? x(dt, {
+	return x(it, { children: E ? x(ut, {
 		...u,
 		className: Y(s, "editor"),
 		bounds: E,
@@ -5608,30 +5611,30 @@ function Ho(e) {
 		children: n ? x(I, {
 			render: n,
 			props: D
-		}) : x(Vo, { ...D })
+		}) : x(Ho, { ...D })
 	}) : null });
 }
-function Ko(e) {
-	const { editable: t } = e, n = Qe(), r = O((e) => {
+function _o(e) {
+	const { editable: t } = e, n = et(), r = O((e) => {
 		if (t.getSession()) return;
 		const r = n?.getElement();
 		if (r && e.target !== r && e.target !== n?.getFocusTarget()) return;
 		const o = t.getAnchor().getCoords();
 		if (!o) return;
-		const l = zo(e.nativeEvent);
+		const l = Oo(e.nativeEvent);
 		l && ("Process" !== e.nativeEvent.key && 229 !== e.nativeEvent.keyCode && e.preventDefault(), e.stopPropagation(), t.startEdit(o, l));
 	}, [t, n]), o = O((e) => {
 		if (t.getSession()) return;
 		const r = n?.getCellFromPointer(e.clientX, e.clientY) ?? t.getAnchor().getCoords();
 		r && t.startEdit(r, { mode: "edit" });
 	}, [n, t]);
-	return x(lt, {
+	return x(it, {
 		className: "editor-start",
 		onKeyDown: r,
 		onDoubleClick: o
 	});
 }
-function _o(e) {
+function Wo(e) {
 	const { editable: t, renderEditor: n, idleClean: r = null, mapClean: o, editorId: l, readOnly: i, className: a, style: s } = e, c = z(t, (e) => e.getSession()), d = B(c, (e) => e.getState()), u = d?.clean ?? r, g = o ? o(u) : u, h = O((e) => t.commit(e), [t]), p = O(() => t.cancel(), [t]), m = O(() => {
 		i || (t.getSession() || t.startEdit(t.getAnchor().getCoords(), {
 			mode: "edit",
@@ -5669,11 +5672,11 @@ function _o(e) {
 		children: n ? x(I, {
 			render: n,
 			props: y
-		}) : x(Vo, { ...y })
+		}) : x(Ho, { ...y })
 	});
 }
-Vo.displayName = "DefaultEditorInput", _o.displayName = "EditorDiv";
-var Wo = "header-divider", Uo = "ew-resize", jo = "ns-resize", Go = "var(--sxl-color-base-100, #f5f5f5)", Xo = "var(--sxl-color-primary, rgb(33, 115, 70))", Yo = (e, t, n, r) => ({
+Ho.displayName = "DefaultEditorInput", Wo.displayName = "EditorDiv";
+var Uo = "header-divider", jo = "ew-resize", Go = "ns-resize", Xo = "var(--sxl-color-base-100, #f5f5f5)", Yo = "var(--sxl-color-primary, rgb(33, 115, 70))", qo = (e, t, n, r) => ({
 	position: "absolute",
 	boxSizing: "border-box",
 	left: e ? t - n / 2 : "50%",
@@ -5685,21 +5688,21 @@ var Wo = "header-divider", Uo = "ew-resize", jo = "ns-resize", Go = "var(--sxl-c
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center"
-}), qo = (e, t) => x("div", {
+}), Zo = (e, t) => x("div", {
 	className: "header-divider-handle",
 	style: {
-		...Yo(e, t, 6, 16),
+		...qo(e, t, 6, 16),
 		pointerEvents: "none",
 		border: "1px solid var(--sxl-color-neutral, grey)",
-		background: Go
+		background: Xo
 	}
-}), Zo = i((e) => {
-	const { isColumn: t, lineOffset: n, onUnhide: r } = e, [o, l] = p(!1), i = o ? Go : Xo;
+}), Jo = i((e) => {
+	const { isColumn: t, lineOffset: n, onUnhide: r } = e, [o, l] = p(!1), i = o ? Xo : Yo;
 	return x("div", {
 		className: "header-divider-unhide",
 		role: "button",
 		style: {
-			...Yo(t, n, 20, 12),
+			...qo(t, n, 20, 12),
 			...t ? {
 				top: "calc(100% - 4px)",
 				height: 12,
@@ -5712,8 +5715,8 @@ var Wo = "header-divider", Uo = "ew-resize", jo = "ns-resize", Go = "var(--sxl-c
 			zIndex: 1,
 			pointerEvents: "auto",
 			cursor: "pointer",
-			border: `1px solid ${Xo}`,
-			background: o ? Xo : Go
+			border: `1px solid ${Yo}`,
+			background: o ? Yo : Xo
 		},
 		onPointerEnter: () => l(!0),
 		onPointerLeave: () => l(!1),
@@ -5733,8 +5736,8 @@ var Wo = "header-divider", Uo = "ew-resize", jo = "ns-resize", Go = "var(--sxl-c
 		})
 	});
 });
-Zo.displayName = "UnhideButton";
-var Jo = i(o((e, t) => {
+Jo.displayName = "UnhideButton";
+var Qo = i(o((e, t) => {
 	const { axis: n, index: r, className: o, style: l, disabled: i = !1, disabledResize: a = !1, isNextHidden: s, isHidden: c, isSelected: d, isSelectedAll: u, showTouchDivider: g, bounds: h, onPointerDown: f, onAutoFit: m, onUnhide: w, isActive: y = !1, onPointerEnter: b, onPointerLeave: S, pane: E, ...I } = e, P = n === G.Column, [R, M] = p(null), D = R === r, k = 1 / C.getDevicePixelRatio(), T = d || u, z = T ? "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))", O = "var(--sxl-color-base-100, #f5f5f5)", L = "touch" === F();
 	let $ = P ? 14 : 8;
 	const A = E.getZoom();
@@ -5743,7 +5746,7 @@ var Jo = i(o((e, t) => {
 	s && (B = -2), c && (B = 2), c && ($ = $ / 2 + B, N = 2 * B);
 	const V = T || 0 !== B ? `linear-gradient(${z}, ${z})` : `linear-gradient(${P ? 180 : 90}deg, ${O}, ${z} 55%, ${z} 100%)`;
 	return v("div", {
-		className: Y(Wo, { disabled: i }, o, `index-${r}`),
+		className: Y(Uo, { disabled: i }, o, `index-${r}`),
 		ref: t,
 		onPointerDown: L ? void 0 : f,
 		onDoubleClick: L ? void 0 : () => m?.(),
@@ -5764,17 +5767,17 @@ var Jo = i(o((e, t) => {
 			backgroundPosition: P ? `${N}px 0` : `0 ${N}px`,
 			backgroundRepeat: "no-repeat",
 			pointerEvents: "auto",
-			cursor: i || a || L ? void 0 : P ? Uo : jo,
+			cursor: i || a || L ? void 0 : P ? jo : Go,
 			...l
 		},
 		...I,
-		children: [!D && !y || L || i || a ? null : w ? x(Zo, {
+		children: [!D && !y || L || i || a ? null : w ? x(Jo, {
 			isColumn: P,
 			lineOffset: N,
 			onUnhide: () => {
 				M(null), w();
 			}
-		}) : qo(P, N), g && L ? x("div", {
+		}) : Zo(P, N), g && L ? x("div", {
 			style: {
 				position: "absolute",
 				cursor: "grab",
@@ -5805,8 +5808,8 @@ var Jo = i(o((e, t) => {
 			} })
 		}) : null]
 	});
-})), Qo = (e) => x(Jo, { ...e }), el = i(o((e, t) => {
-	const { axis: n, index: r, disabled: o = !1, disabledResize: l = !1, resizeThreshold: i = 1, renderDivider: a = Qo, onDividerMouseDown: s, onDividerResizeStart: c, onDividerResize: d, onDividerResizeEnd: u, onDividerMouseUp: g, onDividerAutoFit: h, onDividerUnhide: m, onPointerDown: y, visibleBounds: b, ...S } = e, E = Je(), I = O(y, [y]), P = O(h, [h]), R = n === G.Column, M = void 0 !== b ? b : tl(E, n), D = f(null), [k, T] = p(null), z = (e, t) => R ? e.clientX - t.clientX : e.clientY - t.clientY, L = E.getMetrics(), A = R ? L.getColOffset(r + 1) : L.getRowOffset(r + 1), F = C.getDevicePixelRatio(), N = 1 / F, B = C.snapLineCenter(A, N, F) - N / 2, H = V({
+})), el = (e) => x(Qo, { ...e }), tl = i(o((e, t) => {
+	const { axis: n, index: r, disabled: o = !1, disabledResize: l = !1, resizeThreshold: i = 1, renderDivider: a = el, onDividerMouseDown: s, onDividerResizeStart: c, onDividerResize: d, onDividerResizeEnd: u, onDividerMouseUp: g, onDividerAutoFit: h, onDividerUnhide: m, onPointerDown: y, visibleBounds: b, ...S } = e, E = Qe(), I = O(y, [y]), P = O(h, [h]), R = n === G.Column, M = void 0 !== b ? b : nl(E, n), D = f(null), [k, T] = p(null), z = (e, t) => R ? e.clientX - t.clientX : e.clientY - t.clientY, L = E.getMetrics(), A = R ? L.getColOffset(r + 1) : L.getRowOffset(r + 1), F = C.getDevicePixelRatio(), N = 1 / F, B = C.snapLineCenter(A, N, F) - N / 2, H = V({
 		processTouch: !0,
 		onPointerDown: (e) => {
 			if (I?.(e), !o && !l) {
@@ -5872,15 +5875,15 @@ var Jo = i(o((e, t) => {
 	let U = null;
 	return k && k.isResizing && k.index === r && (U = Z(x("div", { style: {
 		position: "absolute",
-		cursor: R ? Uo : jo,
+		cursor: R ? jo : Go,
 		left: 0,
 		top: 0,
 		width: "100%",
 		height: "100%"
 	} }), _(), "divider:" + r)), v(w, { children: [U, W] });
 }));
-el.displayName = "HeaderDividerAnchor";
-var tl = (e, t) => {
+tl.displayName = "HeaderDividerAnchor";
+var nl = (e, t) => {
 	const n = t === G.Column, r = n ? e.getVisibleColumns() : e.getVisibleRows();
 	if (0 === r.length) return null;
 	const o = r[0].index, l = r[r.length - 1].index, i = n ? e.getBoundsFromRange({
@@ -5895,7 +5898,7 @@ var tl = (e, t) => {
 		colEnd: 0
 	});
 	return e.toClipBounds(i, -10);
-}, nl = (e, t, n, r) => {
+}, rl = (e, t, n, r) => {
 	const o = t ? n : r, l = t ? r : n, i = e.getPanePointFromPointer(o, l), a = t ? e.getPaneBounds().x : e.getPaneBounds().y, s = (i ? t ? i.x : i.y : 0) + a, c = n - s;
 	let d = {
 		index: 0,
@@ -5923,8 +5926,8 @@ var tl = (e, t) => {
 		snapClient: d.pos + c,
 		pointerClient: s < 0 ? void 0 : n
 	};
-}, rl = (e) => {
-	const { axis: t, disabled: n, isOwner: r } = e, o = Je(), l = t === G.Column, i = O(e.onFreezeDragStart, [e.onFreezeDragStart]), a = O(e.onFreezeDrag, [e.onFreezeDrag]), s = O(e.onFreezeDragEnd, [e.onFreezeDragEnd]), d = O(e.onFreezeDragCancel, [e.onFreezeDragCancel]), u = O(e.onActiveChange, [e.onActiveChange]), [g, h] = p(!1), [m, w] = p(!1), v = f(null), y = (e, t) => l ? nl(o, !0, e.clientX, t.clientY) : nl(o, !1, e.clientY, t.clientX), b = V({
+}, ol = (e) => {
+	const { axis: t, disabled: n, isOwner: r } = e, o = Qe(), l = t === G.Column, i = O(e.onFreezeDragStart, [e.onFreezeDragStart]), a = O(e.onFreezeDrag, [e.onFreezeDrag]), s = O(e.onFreezeDragEnd, [e.onFreezeDragEnd]), d = O(e.onFreezeDragCancel, [e.onFreezeDragCancel]), u = O(e.onActiveChange, [e.onActiveChange]), [g, h] = p(!1), [m, w] = p(!1), v = f(null), y = (e, t) => l ? rl(o, !0, e.clientX, t.clientY) : rl(o, !1, e.clientY, t.clientX), b = V({
 		processTouch: !0,
 		onPointerDown: (e) => {
 			if (e.stopPropagation(), e.preventDefault(), n) return !1;
@@ -5978,8 +5981,8 @@ var tl = (e, t) => {
 		},
 		backdrop: I
 	};
-}, ol = i((e) => {
-	const { axis: t, disabled: n = !1, highlight: r = !1, onFreezeDragStart: o, onFreezeDrag: l, onFreezeDragEnd: i, onFreezeDragCancel: a, onActiveChange: s } = e, c = Je(), d = t === G.Column, u = d ? K.Left : K.Top, g = !!c.getAllPanes()[u], h = g ? c.getAnchor() === u : c === ue(c.getAllPanes()), { isActive: f, cursor: p, hitProps: m, backdrop: y } = rl({
+}, ll = i((e) => {
+	const { axis: t, disabled: n = !1, highlight: r = !1, onFreezeDragStart: o, onFreezeDrag: l, onFreezeDragEnd: i, onFreezeDragCancel: a, onActiveChange: s } = e, c = Qe(), d = t === G.Column, u = d ? K.Left : K.Top, g = !!c.getAllPanes()[u], h = g ? c.getAnchor() === u : c === ue(c.getAllPanes()), { isActive: f, cursor: p, hitProps: m, backdrop: y } = ol({
 		axis: t,
 		disabled: n,
 		isOwner: h,
@@ -5990,7 +5993,7 @@ var tl = (e, t) => {
 		onActiveChange: s
 	});
 	if (!h) return null;
-	const b = g ? d ? c.getPaneBounds().width : c.getPaneBounds().height : 0, S = g ? b - 3 : 0, E = g ? b : f ? 1 : 0, C = g || f ? 0 : 2, I = g || f ? 2 : 3, P = (d ? c.getPaneBounds().height : c.getPaneBounds().width) - C, R = f || r && !n ? "var(--sxl-color-primary, rgb(33, 115, 70))" : "var(--sxl-color-neutral, grey)";
+	const b = g ? d ? c.getPaneBounds().width : c.getPaneBounds().height : 0, S = g ? b - 3 : 0, E = g ? b : f ? 1 : 0, C = g || f ? 0 : 1, I = g || f ? 2 : 3, P = (d ? c.getPaneBounds().height : c.getPaneBounds().width) - C, R = f || r && !n ? "var(--sxl-color-primary, rgb(33, 115, 70))" : "var(--sxl-color-neutral, grey)";
 	return v(w, { children: [
 		y,
 		x("div", {
@@ -6038,9 +6041,9 @@ var tl = (e, t) => {
 		})
 	] });
 });
-ol.displayName = "HeaderFreezeAnchor";
-var ll = i((e) => {
-	const { axis: t, disabled: n = !1, onFreezeDragStart: r, onFreezeDrag: o, onFreezeDragEnd: l, onFreezeDragCancel: i, onActiveChange: a } = e, s = Je(), c = t === G.Column, d = s.getAnchor(), u = d === K.TopLeft || d === (c ? K.Left : K.Top), { cursor: g, hitProps: h, backdrop: f } = rl({
+ll.displayName = "HeaderFreezeAnchor";
+var il = i((e) => {
+	const { axis: t, disabled: n = !1, onFreezeDragStart: r, onFreezeDrag: o, onFreezeDragEnd: l, onFreezeDragCancel: i, onActiveChange: a } = e, s = Qe(), c = t === G.Column, d = s.getAnchor(), u = d === K.TopLeft || d === (c ? K.Left : K.Top), { cursor: g, hitProps: h, backdrop: f } = ol({
 		axis: t,
 		disabled: n,
 		isOwner: u,
@@ -6067,26 +6070,26 @@ var ll = i((e) => {
 		}
 	})] });
 });
-ll.displayName = "GridFreezeAnchor";
-var il = (e, t, n) => t === G.Column ? {
+il.displayName = "GridFreezeAnchor";
+var al = (e, t, n) => t === G.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, al = (e, t, n) => t === G.Column ? {
+}, sl = (e, t, n) => t === G.Column ? {
 	rowIndex: n.rowEnd,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colEnd
-}, sl = (e, t, n) => t === G.Column ? {
+}, cl = (e, t, n) => t === G.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, cl = (e, t, n, r) => n === G.Column ? {
+}, dl = (e, t, n, r) => n === G.Column ? {
 	rowStart: r.rowStart,
 	rowEnd: r.rowEnd,
 	colStart: Math.min(e.colIndex, t.colIndex),
@@ -6096,7 +6099,7 @@ var il = (e, t, n) => t === G.Column ? {
 	colEnd: r.colEnd,
 	rowStart: Math.min(e.rowIndex, t.rowIndex),
 	rowEnd: Math.max(e.rowIndex, t.rowIndex)
-}, dl = (e, t, n) => {
+}, ul = (e, t, n) => {
 	const r = "function" == typeof t ? t : () => t;
 	let o = null, l = null, i = 0;
 	const a = () => ue(r().getAllPanes()) ?? r(), s = (t, n, r) => {
@@ -6140,21 +6143,21 @@ var il = (e, t, n) => t === G.Column ? {
 		let i = null;
 		return t === G.Column ? e.x >= o.right - 24 && l.colEnd < r.colEnd ? i = { colIndex: l.colEnd + 1 } : e.x <= o.left + 24 && l.colStart > r.colStart && (i = { colIndex: l.colStart - 1 }) : e.y >= o.bottom - 24 && l.rowEnd < r.rowEnd ? i = { rowIndex: l.rowEnd + 1 } : e.y <= o.top + 24 && l.rowStart > r.rowStart && (i = { rowIndex: l.rowStart - 1 }), !!i && (d(i), !0);
 	}, g = (e) => {
-		const { axis: t, entireRange: r, replaceActive: d = !1 } = n(), u = cl(o ?? e, e, t, r), g = l ?? sl(e, t, a().getVisibleRange());
+		const { axis: t, entireRange: r, replaceActive: d = !1 } = n(), u = dl(o ?? e, e, t, r), g = l ?? cl(e, t, a().getVisibleRange());
 		d ? c(i, u, g) : s(u, g, "replace");
 	};
-	return _n(r, (t, r) => {
+	return Wn(r, (t, r) => {
 		if (!e) return null;
 		const h = 0 === r.button, f = 2 === r.button;
 		if (!h && !f) return null;
 		const { axis: p, entireRange: m, allowMulti: w = !0, replaceActive: x = !1, preserveFocus: v = !1, onPointerDownInterceptor: y, onDragStart: b, onDragEnd: S, onPointerUp: E } = n();
 		if (!1 === y?.(r, t)) return null;
 		x && r.stopPropagation(), v && h && r.preventDefault(), b?.();
-		const C = sl(t, p, a().getVisibleRange()), I = r.shiftKey, P = (r.ctrlKey || r.metaKey) && w;
+		const C = cl(t, p, a().getVisibleRange()), I = r.shiftKey, P = (r.ctrlKey || r.metaKey) && w;
 		if (x) {
 			const n = e.getSelection(), r = n.ranges ?? [], a = n.rangeIndex ?? -1;
-			I && o ? (i = a >= 0 ? a : Math.max(0, r.length - 1), c(i, cl(o, t, p, m), l ?? C)) : (o = t, l = C, i = P || a < 0 ? r.length : a, c(i, cl(t, t, p, m), C));
-		} else I && o ? s(cl(o, t, p, m), l ?? C, "replace") : P ? (o = t, l = C, s(cl(t, t, p, m), C, "append")) : (o = t, l = C, s(cl(t, t, p, m), C, "clear"));
+			I && o ? (i = a >= 0 ? a : Math.max(0, r.length - 1), c(i, dl(o, t, p, m), l ?? C)) : (o = t, l = C, i = P || a < 0 ? r.length : a, c(i, dl(t, t, p, m), C));
+		} else I && o ? s(dl(o, t, p, m), l ?? C, "replace") : P ? (o = t, l = C, s(dl(t, t, p, m), C, "append")) : (o = t, l = C, s(dl(t, t, p, m), C, "clear"));
 		return ((e) => {
 			d(n().axis === G.Column ? { colIndex: e.colIndex } : { rowIndex: e.rowIndex });
 		})(t), {
@@ -6170,16 +6173,16 @@ var il = (e, t, n) => t === G.Column ? {
 			captureEvents: x
 		};
 	});
-}, ul = (e, t) => {
-	const n = Je(), r = O(() => n, [n]), o = f(t);
+}, gl = (e, t) => {
+	const n = Qe(), r = O(() => n, [n]), o = f(t);
 	o.current = t;
-	const l = g(() => dl(e, r, () => o.current), [e, r]);
+	const l = g(() => ul(e, r, () => o.current), [e, r]);
 	return c(() => () => l.dispose(), [l]), {
 		onPointerDown: l.onPointerDown,
 		onPointerMove: l.onPointerMove,
 		onPointerUp: l.onPointerUp
 	};
-}, gl = (e) => null == e ? [] : Array.isArray(e) ? e : [e], hl = i(o((e, t) => {
+}, hl = (e) => null == e ? [] : Array.isArray(e) ? e : [e], fl = i(o((e, t) => {
 	const { rowCount: n = 1, columnCount: r = 1, getRowHeight: o, getColumnWidth: l, metrics: i, renderCells: s, borderLayers: c, showGridLines: d = !0, gridLineColor: u, propsGridLineRows: f, propsGridLineColumns: p, getVisibleCells: m, hiddenCellAt: w, layersBelow: v, children: y, ...b } = e, S = ee({
 		rowCount: n,
 		columnCount: r,
@@ -6189,19 +6192,19 @@ var il = (e, t, n) => t === G.Column ? {
 		I();
 	}, []), M = A(t, () => ({ invalidate: R }), [R]), D = g(() => {
 		const e = [];
-		return !1 !== d && e.push(x(Vr, {
+		return !1 !== d && e.push(x(Hr, {
 			showGridLines: d,
 			gridLineColor: u,
 			propsRows: f,
 			propsColumns: p,
 			getVisibleCells: m,
 			hiddenCellAt: w
-		}, "__gridlines")), e.push(...gl(v)), e.push(...gl(c)), s && e.push(x(Dr, {
+		}, "__gridlines")), e.push(...hl(v)), e.push(...hl(c)), s && e.push(x(kr, {
 			renderCell: s,
 			getVisibleCells: m,
 			hiddenCellAt: w,
 			cacheToken: P
-		}, "__cells")), e.push(...gl(y)), e.push(x(Tn, {}, "__range-tooltips")), e;
+		}, "__cells")), e.push(...hl(y)), e.push(x(zn, {}, "__range-tooltips")), e;
 	}, [
 		d,
 		u,
@@ -6215,7 +6218,7 @@ var il = (e, t, n) => t === G.Column ? {
 		P,
 		y
 	]);
-	return x(Rn, { children: x(He, {
+	return x(Mn, { children: x(Ke, {
 		ref: M,
 		...b,
 		rowCount: n,
@@ -6224,16 +6227,16 @@ var il = (e, t, n) => t === G.Column ? {
 		children: D
 	}) });
 }));
-hl.displayName = "Grid";
-var fl, pl = {
+fl.displayName = "Grid";
+var pl, ml = {
 	fill: { fill: "color-mix(in srgb, var(--sxl-color-primary, rgb(0, 120, 215)) 14%, transparent)" },
 	border: null,
 	inner: null
-}, ml = {
+}, wl = {
 	stroke: "var(--sxl-color-primary, rgb(0, 120, 215))",
 	alignWidth: 1,
 	inset: 1
-}, wl = o(function(e, t) {
+}, xl = o(function(e, t) {
 	const { itemCount: n, renderCell: r, getVisibleCells: o, itemHeight: l = 24, contentWidth: i, selection: a, propsLayer: s, autoFocus: d, showScrollbar: u = "auto", scrollTo: h, viewport: p, cacheToken: m, className: w, style: y, children: b, ...S } = e, E = g(() => new M(), []), C = p ?? E, I = z(C, (e) => e.getMetrics()), P = "auto" === u ? I.totalHeight > I.height : u, D = f(null);
 	c(() => {
 		d && D.current?.focus();
@@ -6251,7 +6254,7 @@ var fl, pl = {
 			e = !0, t && cancelAnimationFrame(t), r?.();
 		};
 	}, [h, C]);
-	const k = g(() => new _r({ getBounds: () => ({
+	const k = g(() => new Wr({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, n - 1),
@@ -6289,7 +6292,7 @@ var fl, pl = {
 					width: "100%",
 					height: "100%"
 				},
-				children: v(He, {
+				children: v(Ke, {
 					ref: D,
 					viewport: C,
 					style: {
@@ -6300,25 +6303,25 @@ var fl, pl = {
 					columnCount: 1,
 					metrics: V,
 					children: [
-						x(So, {
+						x(Eo, {
 							selection: T,
 							anchorHole: !1,
-							singleStyle: pl,
-							singleAnchorStyle: ml,
-							multiAnchorStyle: ml
+							singleStyle: ml,
+							singleAnchorStyle: wl,
+							multiAnchorStyle: wl
 						}, "__selection"),
-						x(Dr, {
+						x(kr, {
 							renderCell: r,
 							getVisibleCells: o,
 							cacheToken: m
 						}, "__cells"),
-						s ? x(lt, { ...s }, "__taps") : null
+						s ? x(it, { ...s }, "__taps") : null
 					]
 				})
 			})
 		})
 	});
-}), xl = o(function(e, t) {
+}), vl = o(function(e, t) {
 	const { itemCount: n, renderItem: r, itemHeight: o, selection: l, onKeyDown: i, cacheToken: s, scrollTo: c, autoFocus: d, viewport: u, className: h, style: f, children: p, ...m } = e, w = A(t, () => ({ isList: () => !0 }), []), v = a((e) => {
 		const { key: t, style: n, range: o, cell: l } = e, i = o?.rowStart ?? l.rowIndex;
 		return x("div", {
@@ -6338,7 +6341,7 @@ var fl, pl = {
 			children: r(i)
 		}, t);
 	}, [r]), y = g(() => i ? { onKeyDown: i } : void 0, [i]);
-	return x(wl, {
+	return x(xl, {
 		ref: w,
 		className: Y("list", h),
 		style: f,
@@ -6353,7 +6356,7 @@ var fl, pl = {
 		viewport: u,
 		...m
 	});
-}), vl = ({ checked: e, indeterminate: t }) => x("input", {
+}), yl = ({ checked: e, indeterminate: t }) => x("input", {
 	type: "checkbox",
 	checked: e,
 	ref: (e) => {
@@ -6362,10 +6365,10 @@ var fl, pl = {
 	readOnly: !0,
 	tabIndex: -1,
 	style: { margin: 0 }
-}), yl = o(function(e, t) {
-	const { itemCount: n, isChecked: r, isIndeterminate: o, onCheckedChange: l, renderValue: i, renderCheckbox: s = vl, renderDivider: d, selectAllLabel: u, selectAllTitle: p, propsSelectAll: m, itemHeight: y, selection: b, cacheToken: S, autoFocus: E, viewport: C, className: I, style: P, children: R, ...M } = e, D = f(n);
+}), bl = o(function(e, t) {
+	const { itemCount: n, isChecked: r, isIndeterminate: o, onCheckedChange: l, renderValue: i, renderCheckbox: s = yl, renderDivider: d, selectAllLabel: u, selectAllTitle: p, propsSelectAll: m, itemHeight: y, selection: b, cacheToken: S, autoFocus: E, viewport: C, className: I, style: P, children: R, ...M } = e, D = f(n);
 	D.current = n;
-	const k = g(() => new _r({ getBounds: () => ({
+	const k = g(() => new Wr({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, D.current - 1),
@@ -6502,7 +6505,7 @@ var fl, pl = {
 					indeterminate: _
 				})
 			}), u]
-		}), d?.()] }), x(xl, {
+		}), d?.()] }), x(vl, {
 			itemCount: n,
 			itemHeight: y,
 			selection: T,
@@ -6518,21 +6521,21 @@ var fl, pl = {
 			}
 		})]
 	});
-}), bl = (e, t) => {
+}), Sl = (e, t) => {
 	const n = (() => {
-		if (void 0 !== fl) return fl;
+		if (void 0 !== pl) return pl;
 		try {
-			fl = ("undefined" != typeof document ? document.createElement("canvas").getContext("2d") : null) ?? null;
+			pl = ("undefined" != typeof document ? document.createElement("canvas").getContext("2d") : null) ?? null;
 		} catch {
-			fl = null;
+			pl = null;
 		}
-		return fl;
+		return pl;
 	})();
 	if (n) return n.font = t, n.measureText(e).width;
 	const r = Number.parseFloat((/(\d+(?:\.\d+)?)px/.exec(t) ?? [])[1] ?? "16") || 16;
 	return e.length * r * .55;
-}, Sl = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), El = o(function(e, t) {
-	const { items: n, onChoose: r, highlightIndex: o, itemHeight: l = 24, visibleRows: i = 8, contentWidth: s, measureText: c, renderItem: d, autoFocus: u, viewport: p, className: m, style: w, children: v, ...y } = e, b = n.length, E = Sl(o ?? 0, b), C = g(() => new _r({
+}, El = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), Cl = o(function(e, t) {
+	const { items: n, onChoose: r, highlightIndex: o, itemHeight: l = 24, visibleRows: i = 8, contentWidth: s, measureText: c, renderItem: d, autoFocus: u, viewport: p, className: m, style: w, children: v, ...y } = e, b = n.length, E = El(o ?? 0, b), C = g(() => new Wr({
 		initial: { cell: {
 			rowIndex: Math.max(0, E),
 			colIndex: 0
@@ -6553,7 +6556,7 @@ var fl, pl = {
 		b
 	]), k = O(() => 0 === b ? -1 : C.getSelection().cell.rowIndex, [C, b]), T = O((e) => {
 		if (0 === b) return;
-		const t = Sl(C.getSelection().cell.rowIndex + e, b);
+		const t = El(C.getSelection().cell.rowIndex + e, b);
 		C.setSelection({ cell: {
 			rowIndex: t,
 			colIndex: 0
@@ -6573,7 +6576,7 @@ var fl, pl = {
 			const t = e?.fontSize, n = e?.fontFamily, r = "number" == typeof t ? `${t}px` : t ?? "16px", o = [];
 			return e?.fontStyle && "normal" !== e.fontStyle && o.push(String(e.fontStyle)), e?.fontWeight && "normal" !== e.fontWeight && o.push(String(e.fontWeight)), o.push(r, n ? String(n) : "sans-serif"), o.join(" ");
 		})(w);
-		return (t) => bl(t, e);
+		return (t) => Sl(t, e);
 	}, [c, w]), $ = g(() => {
 		if (null != s) return s;
 		let e = 0;
@@ -6620,7 +6623,7 @@ var fl, pl = {
 			e.which !== S.Enter && e.which !== S.Space || (e.preventDefault(), e.stopPropagation(), D(k()));
 		}
 	}), [D, k]);
-	return x(wl, {
+	return x(xl, {
 		ref: z,
 		className: Y("pick-list", m),
 		role: "listbox",
@@ -6640,10 +6643,10 @@ var fl, pl = {
 		cacheToken: n,
 		...y
 	});
-}), Cl = "_field_q34pi_8", Il = "_search_q34pi_28", Pl = "_icon_q34pi_47", Rl = "_clear_q34pi_56", Ml = "_row_q34pi_84", Dl = (e, t) => {
+}), Il = "_field_q34pi_8", Pl = "_search_q34pi_28", Rl = "_icon_q34pi_47", Ml = "_clear_q34pi_56", Dl = "_row_q34pi_84", kl = (e, t) => {
 	const n = t.trim().toLowerCase();
 	return n ? e.filter((e) => e.text.toLowerCase().includes(n)) : e;
-}, kl = (e) => v("svg", {
+}, Tl = (e) => v("svg", {
 	className: e.className,
 	viewBox: "0 0 16 16",
 	"aria-hidden": "true",
@@ -6664,7 +6667,7 @@ var fl, pl = {
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})]
-}), Tl = o(function(e, t) {
+}), zl = o(function(e, t) {
 	const { value: n, onChange: r, onClose: o, clearLabel: l, glyph: i, leading: s, trailing: c, onKeyDown: d, className: u, ...g } = e, h = a((e) => {
 		if (e.which === S.Escape) return e.preventDefault(), e.stopPropagation(), void (n ? r("") : o?.());
 		d?.(e);
@@ -6674,16 +6677,16 @@ var fl, pl = {
 		o,
 		d
 	]), f = v("div", {
-		className: Y(Cl, "list-search-field", u),
+		className: Y(Il, "list-search-field", u),
 		children: [
-			i ?? x(kl, { className: Pl }),
+			i ?? x(Tl, { className: Rl }),
 			x("input", {
 				ref: t,
 				type: "text",
 				role: "searchbox",
 				autoComplete: "off",
 				spellCheck: !1,
-				className: Y(Il, "list-search"),
+				className: Y(Pl, "list-search"),
 				value: n,
 				onChange: (e) => r(e.target.value),
 				onKeyDown: h,
@@ -6691,7 +6694,7 @@ var fl, pl = {
 			}),
 			n ? x("button", {
 				type: "button",
-				className: Y(Rl, "list-search-clear"),
+				className: Y(Ml, "list-search-clear"),
 				"aria-label": l,
 				title: l,
 				tabIndex: -1,
@@ -6712,20 +6715,20 @@ var fl, pl = {
 		]
 	});
 	return null == s && null == c ? f : v("div", {
-		className: Y(Ml, "list-search-row"),
+		className: Y(Dl, "list-search-row"),
 		children: [
 			s,
 			f,
 			c
 		]
 	});
-}), zl = {
+}), Ol = {
 	light: {},
 	dark: {
 		"color-base-100": "#1e1e1e",
 		"color-base-300": "#3a3a3a"
 	}
-}, Ol = {
+}, Ll = {
 	light: {
 		"color-base-100": "#f2f2f2",
 		"color-base-hover": "#ececec",
@@ -6736,7 +6739,7 @@ var fl, pl = {
 		"color-base-hover": "#2e2e2e",
 		"color-base-300": "#4a4a4a"
 	}
-}, Ll = (e, ...t) => T(e, zl[e], ...t), $l = (e, ...t) => T(e, Ol[e], ...t), Al = ({ app: e, grid: t = zl, header: n = Ol, layer: r = "sxl-defaults", scope: o } = {}) => {
+}, $l = (e, ...t) => T(e, Ol[e], ...t), Al = (e, ...t) => T(e, Ll[e], ...t), Fl = ({ app: e, grid: t = Ol, header: n = Ll, layer: r = "sxl-defaults", scope: o } = {}) => {
 	const l = e ?? k, i = Object.fromEntries(Object.keys(n).map((e) => [e, {
 		"color-base-100": l[e]?.["color-base-200"],
 		...n[e]
@@ -6751,4 +6754,4 @@ var fl, pl = {
 		scope: o
 	});
 };
-export { An as AUTO_SCROLL_INTERVAL_MS, fr as CELL_INTERACTIVE_ATTRIBUTE, pr as CELL_INTERACTIVE_PROPS, Dr as CellLayer, Mr as CellTileDiv, yl as CheckboxList, Qr as DEFAULT_ANCHOR_STYLE, zn as DEFAULT_HANDLE_STYLE, to as DEFAULT_INSERT_BAR_STYLE, no as DEFAULT_MOVE_SOURCE_STYLE, Jr as DEFAULT_MULTI_STYLE, eo as DEFAULT_REMOVE_PREVIEW_STYLE, Zr as DEFAULT_SINGLE_STYLE, Kt as DEFAULT_TOOLTIP_TIMING, xr as DefaultCellRenderer, Ao as DefaultEditable, Vo as DefaultEditorInput, Jo as DefaultHeaderDivider, _r as DefaultSelection, Xn as DragHandle, lr as Draggable, Fn as EDGE_AUTO_SCROLL_MARGIN_PX, To as EditSession, _o as EditorDiv, Ho as EditorLayer, Ko as EditorStartLayer, hr as FillHandle, zl as GRID_SURFACE, hn as GestureTip, hl as Grid, Bt as GridFloatPanel, ll as GridFreezeAnchor, He as GridSurface, Vr as GridlineLayer, Wo as HEADER_DIVIDER_CLASS, Ol as HEADER_SURFACE, el as HeaderDividerAnchor, ol as HeaderFreezeAnchor, lt as Layer, re as LineSVG, xl as List, Tl as ListSearch, kl as ListSearchGlyph, wl as ListSurface, Bn as NO_DRAG_MODIFIERS, Io as PICKER_COLORS, El as PickList, ar as RESIZE_ANCHORS_4, sr as RESIZE_ANCHORS_8, sn as RangeFloatLayer, Ln as RangeInsertBar, bn as RangePrompt, On as RangeRect, cr as RangeResizer, Mn as RangeTooltip, Tn as RangeTooltipHost, cn as RangeTooltipLayer, Rn as RangeTooltipProvider, Do as RangesPickerLayer, le as RectangleSVG, Kr as SELECTION_CLIP_INSETS, So as SelectionLayer, ao as SelectionTouchGrips, te as ShapeBoundsContext, Tt as StickyAnchor, Ft as StickyPortal, Ne as SurfaceStateContext, Be as SurfaceStateProvider, Gt as TooltipProvider, dt as VirtualDiv, ln as VirtualRangeFloat, Al as buildGridThemeCSS, Ar as buildGridlinePath, Lo as commitArgsFromKey, Q as createAxis, _n as createDragCells, dl as createHeaderSelectionPointer, En as createRangeTooltipRegistry, Fe as createSurfaceStateStore, _t as createTooltipGroup, Wn as createWindowDragCells, Mo as defaultRangeStyle, Yt as defaultRenderTooltip, Nn as edgeScrollPane, Fo as expandEditorBounds, Dl as filterByText, wr as getCellInteractiveCoords, tl as getHeaderDividerBounds, ue as getPrimaryPane, Ll as gridThemeVars, sl as headerAnchorCell, al as headerEntireEnd, il as headerEntireStart, cl as headerRange, $l as headerThemeVars, er as insertAt, or as insertRange, mr as isCellInteractiveTarget, Hn as isSameDragModifiers, Vn as readDragModifiers, Ht as renderGridFloatPanel, ur as resolveFillDestination, zo as startEventFromKey, Gn as useDoubleClick, Un as useDragCells, $o as useEditorKeymap, ee as useGridMetrics, Je as useGridPane, Qe as useGridPaneOptional, ul as useHeaderSelectionPointer, Zt as useHoverIntent, ot as useLayer, Oo as usePendingCaret, Pn as useRangeTooltipRegistry, ro as useSelectionPointer, ne as useShapeBounds, Dt as useSticky, kt as useStickyOptional, tt as useSurfaceState, nt as useSurfaceStateSetter, rt as useSurfaceStateValue, jt as useTooltipSurface, jn as useWindowDragCells, gr as vacatedByFill };
+export { Fn as AUTO_SCROLL_INTERVAL_MS, pr as CELL_INTERACTIVE_ATTRIBUTE, mr as CELL_INTERACTIVE_PROPS, kr as CellLayer, Dr as CellTileDiv, bl as CheckboxList, eo as DEFAULT_ANCHOR_STYLE, On as DEFAULT_HANDLE_STYLE, no as DEFAULT_INSERT_BAR_STYLE, ro as DEFAULT_MOVE_SOURCE_STYLE, Qr as DEFAULT_MULTI_STYLE, to as DEFAULT_REMOVE_PREVIEW_STYLE, Jr as DEFAULT_SINGLE_STYLE, _t as DEFAULT_TOOLTIP_TIMING, vr as DefaultCellRenderer, Fo as DefaultEditable, Ho as DefaultEditorInput, Qo as DefaultHeaderDivider, Wr as DefaultSelection, Yn as DragHandle, ir as Draggable, Nn as EDGE_AUTO_SCROLL_MARGIN_PX, zo as EditSession, Wo as EditorDiv, Ko as EditorLayer, _o as EditorStartLayer, fr as FillHandle, Ol as GRID_SURFACE, fn as GestureTip, fl as Grid, Vt as GridFloatPanel, il as GridFreezeAnchor, Ke as GridSurface, Hr as GridlineLayer, Uo as HEADER_DIVIDER_CLASS, Ll as HEADER_SURFACE, tl as HeaderDividerAnchor, ll as HeaderFreezeAnchor, it as Layer, re as LineSVG, vl as List, zl as ListSearch, Tl as ListSearchGlyph, xl as ListSurface, Vn as NO_DRAG_MODIFIERS, Po as PICKER_COLORS, Cl as PickList, sr as RESIZE_ANCHORS_4, cr as RESIZE_ANCHORS_8, cn as RangeFloatLayer, $n as RangeInsertBar, Sn as RangePrompt, Ln as RangeRect, dr as RangeResizer, Dn as RangeTooltip, zn as RangeTooltipHost, dn as RangeTooltipLayer, Mn as RangeTooltipProvider, ko as RangesPickerLayer, le as RectangleSVG, _r as SELECTION_CLIP_INSETS, Eo as SelectionLayer, so as SelectionTouchGrips, te as ShapeBoundsContext, zt as StickyAnchor, Nt as StickyPortal, Be as SurfaceStateContext, Ve as SurfaceStateProvider, Xt as TooltipProvider, ut as VirtualDiv, an as VirtualRangeFloat, Fl as buildGridThemeCSS, Fr as buildGridlinePath, $o as commitArgsFromKey, Q as createAxis, Wn as createDragCells, ul as createHeaderSelectionPointer, Cn as createRangeTooltipRegistry, Ne as createSurfaceStateStore, Wt as createTooltipGroup, Un as createWindowDragCells, Do as defaultRangeStyle, qt as defaultRenderTooltip, Bn as edgeScrollPane, No as expandEditorBounds, kl as filterByText, xr as getCellInteractiveCoords, nl as getHeaderDividerBounds, ue as getPrimaryPane, $l as gridThemeVars, cl as headerAnchorCell, sl as headerEntireEnd, al as headerEntireStart, dl as headerRange, Al as headerThemeVars, tr as insertAt, lr as insertRange, wr as isCellInteractiveTarget, Kn as isSameDragModifiers, Hn as readDragModifiers, Kt as renderGridFloatPanel, gr as resolveFillDestination, Oo as startEventFromKey, Xn as useDoubleClick, jn as useDragCells, Ao as useEditorKeymap, ee as useGridMetrics, Qe as useGridPane, et as useGridPaneOptional, gl as useHeaderSelectionPointer, Jt as useHoverIntent, lt as useLayer, Lo as usePendingCaret, Rn as useRangeTooltipRegistry, oo as useSelectionPointer, ne as useShapeBounds, kt as useSticky, Tt as useStickyOptional, nt as useSurfaceState, rt as useSurfaceStateSetter, ot as useSurfaceStateValue, Gt as useTooltipSurface, Gn as useWindowDragCells, hr as vacatedByFill };