@sheetxl/grid-react 0.7.28-beta.2 → 0.7.28-beta.4

package/browser/esm/index.mjs

@@ -1,6 +1,6 @@
 (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`._grid-stage_rzp9d_1{width:100%;height:100%;position:absolute;top:0;left:0}._grid-stage_rzp9d_1>*{pointer-events:none;position:absolute;inset:0}._grid-stage_rzp9d_1>*>*{pointer-events:auto}._sheetxl-grid_5yo0n_7{box-sizing:border-box;user-select:none;contain:strict;width:100%;height:100%;position:relative}._sheetxl-grid_5yo0n_7 *{box-sizing:border-box!important}._sheetxl-grid_5yo0n_7 :focus{outline:none}._sheetxl-grid_5yo0n_7>*{contain:size layout style}._virtual-div_16eab_1{position:absolute}._tiles_ikr1b_7{will-change:transform}._tiles_ikr1b_7 .tile{white-space:pre;position:absolute}._tiles_ikr1b_7 .tile>*{contain:strict;position:absolute}._gridlines_ikr1b_26,._gridlines_ikr1b_26 *{pointer-events:none;position:absolute;overflow:visible}.cell{letter-spacing:-.25px;padding:2px 4px;font-family:Calibri;line-height:1.2}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 /**
-* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.7.28-beta.2
+* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.7.28-beta.4
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -95,7 +95,7 @@ var oe = (e, t) => {
 }, le = s((e) => {
 	let { bounds: t, fill: n, stroke: r, alignWidth: i = 1, disableAlign: a = !1, disableEdgeAware: o = !1, inset: s = 0, hole: c, animatedStroke: l, animatedTransition: d, strokeDasharray: f, strokeDashoffset: p, propsFillPath: m, propsStrokePath: h, className: g, style: _, propsRoot: x } = e, S = se(), w = t ?? S;
 	if (u(() => {
-		l && fe();
+		l && pe();
 	}, [l]), !w) return null;
 	let T = C.getDevicePixelRatio(), E = a ? i : i / T, D, O, k, A, j, M, N;
 	if (a) D = w.x, O = w.y, k = w.x + w.width, A = w.y + w.height;
@@ -203,37 +203,37 @@ var oe = (e, t) => {
 	});
 });
 le.displayName = "RectangleSVG";
-var ue = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right} ${e.bottom} L ${e.left} ${e.bottom} L ${e.left} ${e.top} ${t ? "Z" : ""}`, de = "sxl-marching-ants", G = !1, fe = () => {
-	if (G || typeof document > "u") return;
-	G = !0;
+var ue = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right} ${e.bottom} L ${e.left} ${e.bottom} L ${e.left} ${e.top} ${t ? "Z" : ""}`, de = "sxl-marching-ants", fe = !1, pe = () => {
+	if (fe || typeof document > "u") return;
+	fe = !0;
 	let e = document.createElement("style");
 	e.appendChild(document.createTextNode(`@keyframes ${de} { to { stroke-dashoffset: 0; } }`)), document.head.appendChild(e);
 };
-function K(e) {
+function G(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = K(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = G(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
-function q() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = K(e)) && (r && (r += " "), r += t);
+function K() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = G(e)) && (r && (r += " "), r += t);
 	return r;
 }
-var J = (e, t, n) => Math.min(n, Math.max(t, e)), pe = (e, t, n) => {
+var q = (e, t, n) => Math.min(n, Math.max(t, e)), me = (e, t, n) => {
 	let r = [], i = t;
 	for (; i <= n;) {
 		let t = e ? Math.max(0, e(i)) : 0;
 		t === 0 ? (r.push(i), i++) : i += t;
 	}
 	return r;
-}, me = (e, t, n, r, i, a) => {
+}, he = (e, t, n, r, i, a) => {
 	if (n - t >= i - r) return r;
 	let o = r;
 	return e === "nearest" && (r - t > 0 ? e = "start" : n - i > 0 && (e = "end")), e === "start" ? o = t : e === "end" ? o = n - (i - r) : e === "center" && (o = t + (n - t) / 2 - (i - r) / 2), o < r ? Math.max(0, o) : o > r ? Math.min(o, a - (i - r)) : void 0;
-}, he = (e, t = !1, n, r) => {
+}, ge = (e, t = !1, n, r) => {
 	if (!n) return 0;
 	let i = !t, a = i ? 1 : -1, o = n(i ? e : e + 1), s = n(i ? e + 1 : e), c = e + (i ? 2 : -1), l = 0;
 	for (; (s - o) * a <= 0;) {
@@ -241,13 +241,13 @@ var J = (e, t, n) => Math.min(n, Math.max(t, e)), pe = (e, t, n) => {
 		o = s, s = n(c), c += a, l++;
 	}
 	return l;
-}, ge = (e, t, n) => {
+}, _e = (e, t, n) => {
 	if (!n) return !1;
 	let r = n.x;
 	if (e < r || e > r + n.width) return !1;
 	let i = n.y;
 	return !(t < i || t > i + n.height);
-}, Y = "_grid-stage_rzp9d_1", _e = {
+}, ve = "_grid-stage_rzp9d_1", ye = {
 	pointerdown: "onPointerDown",
 	pointermove: "onPointerMove",
 	pointerup: "onPointerUp",
@@ -258,16 +258,16 @@ var J = (e, t, n) => Math.min(n, Math.max(t, e)), pe = (e, t, n) => {
 	mouseout: "onMouseOut",
 	dblclick: "onDoubleClick",
 	contextmenu: "onContextMenu"
-}, ve = Object.values(_e), ye = [
-	...Object.keys(_e),
+}, J = Object.values(ye), be = [
+	...Object.keys(ye),
 	"keydown",
 	"keypress",
 	"keyup"
-], be = new Set(ye), xe = (e) => {
+], xe = new Set(be), Se = (e) => {
 	let t = e?.getElement();
 	return t && typeof t.isStage == "function" && t.isStage() ? t : null;
-}, Se = s(a((e, t) => {
-	let { className: n, onFocus: r, onBlur: i, children: a, ...o } = e, s = Z(), l = h(s);
+}, Ce = s(a((e, t) => {
+	let { className: n, onFocus: r, onBlur: i, children: a, ...o } = e, s = X(), l = h(s);
 	l.current = s;
 	let d = h(/* @__PURE__ */ new Set()), f = h(0), p = c((e) => {
 		let t = {
@@ -316,15 +316,15 @@ var J = (e, t, n) => Math.min(n, Math.max(t, e)), pe = (e, t, n) => {
 		}
 		return -Infinity;
 	}, []), w = c((e, t, n) => {
-		if (_e[e] === void 0 || g.current === 0) return Ce;
+		if (ye[e] === void 0 || g.current === 0) return we;
 		let r = t.nativeEvent;
-		if (typeof r?.clientX != "number" || typeof r?.clientY != "number") return Ce;
+		if (typeof r?.clientX != "number" || typeof r?.clientY != "number") return we;
 		let i = /* @__PURE__ */ new Map();
 		if (m.current.forEach((e) => {
 			if (!e.hasHandlers || !e.getHandler) return;
 			let t = e.getElement();
 			t && i.set(t, e);
-		}), i.size === 0) return Ce;
+		}), i.size === 0) return we;
 		let a = (e) => {
 			let t = e;
 			for (; t;) {
@@ -345,11 +345,11 @@ var J = (e, t, n) => Math.min(n, Math.max(t, e)), pe = (e, t, n) => {
 				getHandler: r.getHandler
 			});
 		}
-		return o && !u.has(o) && s ? Ce : l;
+		return o && !u.has(o) && s ? we : l;
 	}, [x]), T = c((e, t, n) => {
 		let r = ie.current;
 		if (r && t.target instanceof Node && !r.contains(t.target)) return;
-		let i = be.has(e) ? C(t.target) : Infinity, a = [...w(e, t, i)];
+		let i = xe.has(e) ? C(t.target) : Infinity, a = [...w(e, t, i)];
 		if (d.current.forEach((e) => {
 			let t = e.responder.zIndex ?? 0;
 			t >= i || a.push({
@@ -372,12 +372,12 @@ var J = (e, t, n) => Math.min(n, Math.max(t, e)), pe = (e, t, n) => {
 				(e.responder.zIndex ?? 0) > r && i.push(e);
 			}), i.length === 0) return;
 			i.sort((e, t) => (t.responder.zIndex ?? 0) - (e.responder.zIndex ?? 0) || t.seq - e.seq);
-			let a = we(t, e);
+			let a = Te(t, e);
 			for (let e = 0; e < i.length && !a.isPropagationStopped(); e++) i[e].responder.getHandler(n)?.(a, l.current);
 		};
-		for (let n = 0; n < ye.length; n++) e.addEventListener(ye[n], t, !0);
+		for (let n = 0; n < be.length; n++) e.addEventListener(be[n], t, !0);
 		return () => {
-			for (let n = 0; n < ye.length; n++) e.removeEventListener(ye[n], t, !0);
+			for (let n = 0; n < be.length; n++) e.removeEventListener(be[n], t, !0);
 		};
 	}, [C]);
 	let E = N((e) => {
@@ -423,7 +423,7 @@ var J = (e, t, n) => Math.min(n, Math.max(t, e)), pe = (e, t, n) => {
 		registerLayer: _
 	}), []);
 	return u(() => _({ getElement: () => ie.current }), [_]), y("div", {
-		className: q(n, "stage", Y),
+		className: K(n, "stage", ve),
 		ref: ie,
 		tabIndex: 0,
 		...o,
@@ -448,8 +448,8 @@ var J = (e, t, n) => Math.min(n, Math.max(t, e)), pe = (e, t, n) => {
 		children: a
 	});
 }));
-Se.displayName = "Stage";
-var Ce = Object.freeze([]), we = (e, t) => {
+Ce.displayName = "Stage";
+var we = Object.freeze([]), Te = (e, t) => {
 	let n = !1;
 	return new Proxy(e, { get(r, i) {
 		switch (i) {
@@ -468,7 +468,7 @@ var Ce = Object.freeze([]), we = (e, t) => {
 			}
 		}
 	} });
-}, Te = (e) => `${e.rowStart},${e.colStart},${e.rowEnd},${e.colEnd}`, Ee = r(0), X = r(!1), De = (e, t) => {
+}, Ee = (e) => `${e.rowStart},${e.colStart},${e.rowEnd},${e.colEnd}`, De = r(0), Y = r(!1), Oe = (e, t) => {
 	let { rowDims: n, columnDims: r, computeRowDims: i, computeColumnDims: a, viewport: o, zoom: s, containerWidth: c, containerHeight: l, getRangeFromCell: u, invalidate: d, totalRange: f, getSurfacePointFromPointer: p, scrollTo: m, scrollCellCoordsIntoView: h, getAllPanes: g } = t, _ = e.anchor, v = n[e.rowIndex], y = r[e.columnIndex];
 	if (v.minIndex > v.maxIndex || y.minIndex > y.maxIndex) return null;
 	let b = e.scrollOrientation, x = Object.freeze({
@@ -655,9 +655,9 @@ var Ce = Object.freeze([]), we = (e, t) => {
 			let n = p(e, t);
 			if (!n) return null;
 			let r = g();
-			for (let e = 0; e < Oe.length; e++) {
-				let t = r[Oe[e]];
-				if (t && ge(n.x, n.y, t.getPaneBounds())) return t;
+			for (let e = 0; e < ke.length; e++) {
+				let t = r[ke[e]];
+				if (t && _e(n.x, n.y, t.getPaneBounds())) return t;
 			}
 			return null;
 		},
@@ -682,12 +682,12 @@ var Ce = Object.freeze([]), we = (e, t) => {
 		scrollTo: (e) => m(e),
 		getAllPanes: g
 	};
-}, Oe = [
+}, ke = [
 	R.TopLeft,
 	R.Top,
 	R.Left,
 	R.Center
-], ke = (e, t, n) => {
+], Ae = (e, t, n) => {
 	let r = (t?.left ?? 0) + (n?.x ?? 0), i = (t?.top ?? 0) + (n?.y ?? 0);
 	return {
 		getColOffset: (t) => e.getColOffset(t) - r,
@@ -695,7 +695,7 @@ var Ce = Object.freeze([]), we = (e, t) => {
 		getRowOffset: (t) => e.getRowOffset(t) - i,
 		getRowIndex: (t) => e.getRowIndex(t + i)
 	};
-}, Ae = Object.freeze([{
+}, je = Object.freeze([{
 	minIndex: 0,
 	maxIndex: 0,
 	minCoord: 0,
@@ -712,13 +712,13 @@ var Ce = Object.freeze([]), we = (e, t) => {
 	maxVirtualBounds: 0,
 	scrollOffset: 0,
 	freezeOffset: 0
-}]), je = r(null), Me = ({ pane: e, viewport: t, children: n }) => {
+}]), Me = r(null), Ne = ({ pane: e, viewport: t, children: n }) => {
 	let r = p(() => ({ pane: e }), [e, ee(t, (e) => e.getSnapshot())]);
-	return y(je.Provider, {
+	return y(Me.Provider, {
 		value: r,
 		children: n
 	});
-}, Ne = () => {
+}, Pe = () => {
 	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
 	return {
 		has: (t) => e.has(t),
@@ -736,13 +736,13 @@ var Ce = Object.freeze([]), we = (e, t) => {
 			};
 		}
 	};
-}, Pe = r(null), Fe = ({ store: e, children: t }) => {
-	let n = l(Pe), r = h(null), i = e ?? n;
-	return i ||= (r.current ||= Ne(), r.current), y(Pe.Provider, {
+}, Fe = r(null), Ie = ({ store: e, children: t }) => {
+	let n = l(Fe), r = h(null), i = e ?? n;
+	return i ||= (r.current ||= Pe(), r.current), y(Fe.Provider, {
 		value: i,
 		children: t
 	});
-}, Ie = { "sheetxl-grid": "_sheetxl-grid_5yo0n_7" }, Le = s(a((e, t) => {
+}, Le = { "sheetxl-grid": "_sheetxl-grid_5yo0n_7" }, Re = s(a((e, t) => {
 	let { rowCount: r = 1, columnCount: a = 1, viewport: s, metrics: l, getRangeFromCell: d = z.cellToRange, hiddenRowsAt: f, hiddenColumnsAt: _, freezeLeft: x = 0, freezeTop: S = 0, propsFreezeLeft: C, propsFreezeTop: w, onFirstRender: T, children: E, wrapPane: D, onFocus: k, onBlur: A, className: j, style: M, ...P } = e, F = N(k, [k]), ee = N(A, [A]), te = N(T, [T]), [L, ne] = g(R.Center), [B, V] = m((e) => e + 1, 0), ie = p(() => new O({}), []), H = s ?? ie, [ae, oe] = g(() => {
 		let e = H.getClient();
 		return {
@@ -765,34 +765,34 @@ var Ce = Object.freeze([]), we = (e, t) => {
 		return e(), H.subscribe(e);
 	}, [H]);
 	let U = ae.zoom, W = p(() => {
-		let e = l ?? Re;
+		let e = l ?? ze;
 		return {
 			getColOffset: (t) => e.getColOffset(t) * U,
 			getColIndex: (t) => e.getColIndex(t / U),
 			getRowOffset: (t) => e.getRowOffset(t) * U,
 			getRowIndex: (t) => e.getRowIndex(t / U)
 		};
-	}, [l, U]), se = N((e, t = !1) => he(e, t, W.getRowOffset, t ? 0 : r), [r, W?.getRowOffset]), le = N(f ?? se, [f]), ue = N((e, t = !1) => he(e, t, W.getColOffset, t ? a : 0), [a, W?.getColOffset]), de = N(_ ?? ue, [_]), G = c(() => {
+	}, [l, U]), se = N((e, t = !1) => ge(e, t, W.getRowOffset, t ? 0 : r), [r, W?.getRowOffset]), le = N(f ?? se, [f]), ue = N((e, t = !1) => ge(e, t, W.getColOffset, t ? a : 0), [a, W?.getColOffset]), de = N(_ ?? ue, [_]), fe = c(() => {
 		V();
-	}, []), fe = p(() => Math.min(ae.w, W.getColOffset(a)), [
+	}, []), pe = p(() => Math.min(ae.w, W.getColOffset(a)), [
 		B,
 		W.getColOffset,
 		a,
 		ae.w
-	]), K = p(() => Math.min(ae.h, W.getRowOffset(r)), [
+	]), G = p(() => Math.min(ae.h, W.getRowOffset(r)), [
 		B,
 		W.getRowOffset,
 		r,
 		ae.h
-	]), J = p(() => {
+	]), q = p(() => {
 		let e = NaN, t = null;
 		return (n) => (n === e && t || (e = n, t = ((e) => {
-			if (K === 0) return Ae;
+			if (G === 0) return je;
 			let t = [], n = 0, i = 0;
 			typeof S == "number" ? n = S : (n = S.index ?? 0, i = (S.offset ?? 0) * U);
 			let a = i, o = W.getRowOffset(n), s = o - a;
 			if (n > 0) {
-				let e = ke(W, { top: i + W.getRowOffset(0) }), r = W.getRowIndex(a), c = W.getRowIndex(o - 1), l;
+				let e = Ae(W, { top: i + W.getRowOffset(0) }), r = W.getRowIndex(a), c = W.getRowIndex(o - 1), l;
 				t[1] = {
 					minIndex: r,
 					maxIndex: c,
@@ -800,14 +800,14 @@ var Ce = Object.freeze([]), we = (e, t) => {
 					maxCoord: n - 1,
 					minBounds: 0,
 					maxBounds: s,
-					visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? pe(le, e, t) : l || (l = Object.freeze(pe(le, r, c)), l),
+					visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? me(le, e, t) : l || (l = Object.freeze(me(le, r, c)), l),
 					metrics: e,
 					maxVirtualBounds: o,
 					scrollOffset: i,
 					freezeOffset: i
 				};
 			}
-			let c = Math.max(0, K - s), l = ke(W, { top: e + s }), u = l.getRowIndex(0), d = l.getRowIndex(c - 1), f;
+			let c = Math.max(0, G - s), l = Ae(W, { top: e + s }), u = l.getRowIndex(0), d = l.getRowIndex(c - 1), f;
 			return t[0] = {
 				minIndex: u,
 				maxIndex: d,
@@ -815,7 +815,7 @@ var Ce = Object.freeze([]), we = (e, t) => {
 				maxCoord: r - 1,
 				minBounds: s,
 				maxBounds: c,
-				visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? pe(le, e, t) : f || (f = Object.freeze(pe(le, u, d)), f),
+				visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? me(le, e, t) : f || (f = Object.freeze(me(le, u, d)), f),
 				metrics: l,
 				maxVirtualBounds: W.getRowOffset(r),
 				scrollOffset: e,
@@ -827,19 +827,19 @@ var Ce = Object.freeze([]), we = (e, t) => {
 		W.getRowIndex,
 		W.getRowOffset,
 		le,
-		K,
+		G,
 		r,
 		S,
 		U
-	]), Y = p(() => J(0), [J]), _e = p(() => {
+	]), ve = p(() => q(0), [q]), ye = p(() => {
 		let e = NaN, t = null;
 		return (n) => (n === e && t || (e = n, t = ((e) => {
-			if (fe === 0) return Ae;
+			if (pe === 0) return je;
 			let t = [], n = 0, r = 0;
 			typeof x == "number" ? n = x : (n = x.index ?? 0, r = (x.offset ?? 0) * U);
 			let i = r, o = W.getColOffset(n), s = o - i;
 			if (n > 0) {
-				let e = ke(W, { left: r + W.getColOffset(0) }), a = W.getColIndex(i), c = W.getColIndex(o - 1), l;
+				let e = Ae(W, { left: r + W.getColOffset(0) }), a = W.getColIndex(i), c = W.getColIndex(o - 1), l;
 				t[1] = {
 					minIndex: a,
 					maxIndex: c,
@@ -847,14 +847,14 @@ var Ce = Object.freeze([]), we = (e, t) => {
 					maxCoord: n - 1,
 					minBounds: 0,
 					maxBounds: s,
-					visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? pe(de, e, t) : l || (l = Object.freeze(pe(de, a, c)), l),
+					visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? me(de, e, t) : l || (l = Object.freeze(me(de, a, c)), l),
 					metrics: e,
 					maxVirtualBounds: o,
 					scrollOffset: r,
 					freezeOffset: r
 				};
 			}
-			let c = Math.max(0, fe - s), l = ke(W, { left: e + s }), u = l.getColIndex(0), d = l.getColIndex(c - 1), f;
+			let c = Math.max(0, pe - s), l = Ae(W, { left: e + s }), u = l.getColIndex(0), d = l.getColIndex(c - 1), f;
 			return t[0] = {
 				minIndex: u,
 				maxIndex: d,
@@ -862,7 +862,7 @@ var Ce = Object.freeze([]), we = (e, t) => {
 				maxCoord: a - 1,
 				minBounds: s,
 				maxBounds: c,
-				visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? pe(de, e, t) : f || (f = Object.freeze(pe(de, u, d)), f),
+				visibleIndices: (e, t) => e !== void 0 && t !== void 0 ? me(de, e, t) : f || (f = Object.freeze(me(de, u, d)), f),
 				metrics: l,
 				maxVirtualBounds: W.getColOffset(a),
 				scrollOffset: e,
@@ -874,13 +874,13 @@ var Ce = Object.freeze([]), we = (e, t) => {
 		W.getColIndex,
 		W.getColOffset,
 		de,
-		fe,
+		pe,
 		a,
 		x,
 		U
-	]), ve = p(() => _e(0), [_e]), ye = h([]), [be, xe] = m((e) => e + 1, 0), Ce = Y.length, we = ve.length, Te = p(() => {
+	]), J = p(() => ye(0), [ye]), be = h([]), [xe, Se] = m((e) => e + 1, 0), we = ve.length, Te = J.length, Ee = p(() => {
 		let e = [], t = (t, n, r, i, a) => {
-			if (t >= we || n >= Ce) return null;
+			if (t >= Te || n >= we) return null;
 			let o = {
 				anchor: r,
 				columnIndex: t,
@@ -898,9 +898,9 @@ var Ce = Object.freeze([]), we = (e, t) => {
 					bottom: a?.bottom ?? 0
 				})
 			};
-			o.elemStage = y(Se, {
+			o.elemStage = y(Ce, {
 				ref: (e) => {
-					e ? (o.refStage = e, xe()) : o.refStage = null;
+					e ? (o.refStage = e, Se()) : o.refStage = null;
 				},
 				className: `stage stage-${r}`,
 				onFocus: (e) => {
@@ -911,70 +911,70 @@ var Ce = Object.freeze([]), we = (e, t) => {
 				}
 			}), e.push(o);
 		};
-		return t(0, 0, R.Center, Ue, He), t(0, 1, R.Top, We), t(1, 0, R.Left, Ge), t(1, 1, R.TopLeft, Ke), e;
-	}, [Ce, we]), X = p(() => {
+		return t(0, 0, R.Center, We, Ue), t(0, 1, R.Top, Ge), t(1, 0, R.Left, Ke), t(1, 1, R.TopLeft, qe), e;
+	}, [we, Te]), Y = p(() => {
 		let e = {}, t = {
 			colStart: 0,
 			rowStart: 0,
 			colEnd: a - 1,
 			rowEnd: r - 1
-		}, n = (n) => De(n, {
-			rowDims: Y,
-			columnDims: ve,
-			computeRowDims: J,
-			computeColumnDims: _e,
+		}, n = (n) => Oe(n, {
+			rowDims: ve,
+			columnDims: J,
+			computeRowDims: q,
+			computeColumnDims: ye,
 			viewport: H,
 			zoom: U,
-			containerWidth: fe,
-			containerHeight: K,
+			containerWidth: pe,
+			containerHeight: G,
 			getRangeFromCell: d,
-			invalidate: G,
+			invalidate: fe,
 			totalRange: t,
-			getSurfacePointFromPointer: (e, t) => Z(e, t),
-			scrollTo: (e) => Qe(e),
-			scrollCellCoordsIntoView: (e, t, n) => Q(e, t, n),
+			getSurfacePointFromPointer: (e, t) => X(e, t),
+			scrollTo: (e) => $e(e),
+			scrollCellCoordsIntoView: (e, t, n) => Z(e, t, n),
 			getAllPanes: () => e
-		}), i = Te.length;
+		}), i = Ee.length;
 		for (let t = 0; t < i; t++) {
-			let r = Te[t];
+			let r = Ee[t];
 			e[r.anchor] = n(r);
 		}
 		return e = Object.freeze(e), e;
 	}, [
-		Te,
-		Y,
+		Ee,
 		ve,
 		J,
-		_e,
+		q,
+		ye,
 		H,
 		d,
-		be
-	]), Oe = ve[0]?.maxVirtualBounds ?? 0, je = Y[0]?.maxVirtualBounds ?? 0, Ne = ae.ready, Pe = p(() => {
-		let e = ve[1], t = Y[1];
+		xe
+	]), ke = J[0]?.maxVirtualBounds ?? 0, Me = ve[0]?.maxVirtualBounds ?? 0, Pe = ae.ready, Fe = p(() => {
+		let e = J[1], t = ve[1];
 		return {
 			left: e ? e.metrics.getColOffset(e.maxIndex + 1) : 0,
 			top: t ? t.metrics.getRowOffset(t.maxIndex + 1) : 0
 		};
-	}, [Y, ve]), Le = N((e) => {
+	}, [ve, J]), Re = N((e) => {
 		re.canUseDOM && setTimeout(() => {
-			(X[L]?.getElement() ?? X[R.Center]?.getElement())?.focus({
+			(Y[L]?.getElement() ?? Y[R.Center]?.getElement())?.focus({
 				preventScroll: !0,
 				...e
 			});
 		}, 0);
-	}, [L, X]);
+	}, [L, Y]);
 	u(() => {
-		let e = ye.current, t = e.length;
+		let e = be.current, t = e.length;
 		if (t > 0) {
 			for (let n = 0; n < t; n++) e[n]();
-			ye.current = [];
+			be.current = [];
 		}
-	}, [X]);
-	let Z = c((e, t) => {
+	}, [Y]);
+	let X = c((e, t) => {
 		(function(e) {
 			if (!e) throw Error("Invariant failed");
 		})(typeof e == "number" && typeof t == "number");
-		let n = $e.current?.getBoundingClientRect();
+		let n = et.current?.getBoundingClientRect();
 		return n ? {
 			x: e - n.x,
 			y: t - n.y
@@ -982,42 +982,42 @@ var Ce = Object.freeze([]), we = (e, t) => {
 			x: e,
 			y: t
 		};
-	}, []), Je = N((e, t) => {
-		if (Object.keys(X).length === 1) return X[R.Center];
-		let n = Z(e, t);
-		if (!n) return X[R.Center];
-		let { x: r, y: i } = n, a = null, o = qe, s = o.length;
+	}, []), Ye = N((e, t) => {
+		if (Object.keys(Y).length === 1) return Y[R.Center];
+		let n = X(e, t);
+		if (!n) return Y[R.Center];
+		let { x: r, y: i } = n, a = null, o = Je, s = o.length;
 		for (let e = 0; !a && e < s; e++) {
-			let t = X[o[e]];
-			t && ge(r, i, t.getPaneBounds()) && (a = t);
+			let t = Y[o[e]];
+			t && _e(r, i, t.getPaneBounds()) && (a = t);
 		}
-		return a ||= X[R.Center], a;
-	}, [X, d]);
+		return a ||= Y[R.Center], a;
+	}, [Y, d]);
 	u(() => {
-		let e = ve?.[1]?.scrollOffset ?? 0, t = Y?.[1]?.scrollOffset ?? 0;
-		H.setContent(Oe, je, e, t);
+		let e = J?.[1]?.scrollOffset ?? 0, t = ve?.[1]?.scrollOffset ?? 0;
+		H.setContent(ke, Me, e, t);
 	}, [
 		H,
-		Oe,
-		je,
-		ve,
-		Y
+		ke,
+		Me,
+		J,
+		ve
 	]);
-	let Ye = N((e) => {
+	let Xe = N((e) => {
 		let t = e?.left ?? e?.[0], n = e?.top ?? e?.[1];
 		if (t === void 0 && n === void 0) return;
 		let r = e?.behavior ?? "auto", i = H.getTarget();
-		t !== void 0 && (t = i.left + (t ?? 0)), n !== void 0 && (n = i.top + (n ?? 0)), i.left === t && i.top === n || Qe({
+		t !== void 0 && (t = i.left + (t ?? 0)), n !== void 0 && (n = i.top + (n ?? 0)), i.left === t && i.top === n || $e({
 			left: t,
 			top: n,
 			behavior: r
 		});
-	}, []), Xe = N((e) => e === void 0 ? X[L] ?? X[R.Center] ?? null : X[e] ?? null, [X, L]), Ze = N((e) => {
-		let t = X[L];
-		if (!t) return X[R.Center];
+	}, []), Ze = N((e) => e === void 0 ? Y[L] ?? Y[R.Center] ?? null : Y[e] ?? null, [Y, L]), Qe = N((e) => {
+		let t = Y[L];
+		if (!t) return Y[R.Center];
 		let n = t.getScrollOrientation(), r = { ...t.getVisibleRange() };
-		return n.vertical && (r.rowStart = Y[0].minCoord, r.rowEnd = Y[0].maxCoord), n.horizontal && (r.colStart = ve[0].minCoord, r.colEnd = ve[0].maxCoord), n && z.isCellWithinRange(e, r) ? t : X[R.Center];
-	}, [X, L]), Q = N((e, t = {
+		return n.vertical && (r.rowStart = ve[0].minCoord, r.rowEnd = ve[0].maxCoord), n.horizontal && (r.colStart = J[0].minCoord, r.colEnd = J[0].maxCoord), n && z.isCellWithinRange(e, r) ? t : Y[R.Center];
+	}, [Y, L]), Z = N((e, t = {
 		inline: "nearest",
 		block: "nearest"
 	}, n = null) => {
@@ -1027,10 +1027,10 @@ var Ce = Object.freeze([]), we = (e, t) => {
 			...e
 		}, i = null;
 		if (n !== null) {
-			if (i = X[n], !i) return new Promise((e, t) => {
+			if (i = Y[n], !i) return new Promise((e, t) => {
 				t("Invalid view");
 			});
-		} else i = Ze(r);
+		} else i = Qe(r);
 		let a = d(r), o = i.getMetrics(), s = o.getColOffset(a.colStart), c = o.getRowOffset(a.rowStart), l = o.getColOffset(a.colEnd + 1), u = o.getRowOffset(a.rowEnd + 1), f = i.getPaneBounds(), p = i.getTotalSize(), m = i.getScrollTopLeft(), h = ((e, t, n = !0) => {
 			n = !0 === n ? {
 				block: "start",
@@ -1043,7 +1043,7 @@ var Ce = Object.freeze([]), we = (e, t) => {
 				inline: "end",
 				...n
 			};
-			let r = me(n.inline ?? "end", e.x, e.x + e.width, t.left, t.left + t.width, t.totalWidth), i = me(n.block ?? "end", e.y, e.y + e.height, t.top, t.top + t.height, t.totalHeight);
+			let r = he(n.inline ?? "end", e.x, e.x + e.width, t.left, t.left + t.width, t.totalWidth), i = he(n.block ?? "end", e.y, e.y + e.height, t.top, t.top + t.height, t.totalHeight);
 			if (r !== void 0 || i !== void 0) return {
 				left: r ?? t.left,
 				top: i ?? t.top
@@ -1063,13 +1063,13 @@ var Ce = Object.freeze([]), we = (e, t) => {
 		}, t);
 		if (!h) return Promise.resolve({ ...m });
 		let g = { ...h }, { left: _, top: v } = H.getScroll();
-		g.left !== void 0 && (g.left > _ ? g.left += Be : g.left < _ && (g.left -= ze)), g.top !== void 0 && (g.top > v ? g.top += Be : g.top < v && (g.top -= ze));
+		g.left !== void 0 && (g.left > _ ? g.left += Ve : g.left < _ && (g.left -= Be)), g.top !== void 0 && (g.top > v ? g.top += Ve : g.top < v && (g.top -= Be));
 		let y = i.getScrollOrientation();
 		y.horizontal && e.colIndex !== void 0 || delete g.left, y.vertical && e.rowIndex !== void 0 || delete g.top;
-		let b = g.left === void 0 ? 0 : Math.abs(g.left - _), x = g.top === void 0 ? 0 : Math.abs(g.top - v), S = (typeof t == "object" ? t?.behavior : void 0) ?? (Math.max(b, x) < Ve || !H.isSettled() ? "instant" : "smooth");
+		let b = g.left === void 0 ? 0 : Math.abs(g.left - _), x = g.top === void 0 ? 0 : Math.abs(g.top - v), S = (typeof t == "object" ? t?.behavior : void 0) ?? (Math.max(b, x) < He || !H.isSettled() ? "instant" : "smooth");
 		return new Promise((e, t) => {
 			try {
-				Qe({
+				$e({
 					...g,
 					behavior: S
 				}), e(g);
@@ -1078,98 +1078,98 @@ var Ce = Object.freeze([]), we = (e, t) => {
 			}
 		});
 	}, [
-		Oe,
-		je,
-		X,
+		ke,
+		Me,
+		Y,
 		d
-	]), Qe = N((e) => {
+	]), $e = N((e) => {
 		let t = e?.left ?? e?.[0], n = e?.top ?? e?.[1], r = H.getTarget(), i = t ?? r.left, a = n ?? r.top, o = e?.behavior === "smooth";
 		H.setTarget(i, a, o);
-	}, []), $e = I(t, () => ({
-		focus: Le,
-		invalidate: G,
-		scrollTo: Qe,
-		scrollBy: Ye,
-		scrollCellCoordsIntoView: Q,
-		getPaneFromClient: Je,
-		getPaneFromCell: Ze,
-		getPane: Xe,
+	}, []), et = I(t, () => ({
+		focus: Re,
+		invalidate: fe,
+		scrollTo: $e,
+		scrollBy: Xe,
+		scrollCellCoordsIntoView: Z,
+		getPaneFromClient: Ye,
+		getPaneFromCell: Qe,
+		getPane: Ze,
 		onPaneChangeOnce: (e) => {
-			ye.current.push(e);
+			be.current.push(e);
 		}
-	}), [X]);
-	u(() => H.observe($e.current), [H]);
-	let et = (e, t) => {
+	}), [Y]);
+	u(() => H.observe(et.current), [H]);
+	let tt = (e, t) => {
 		let n = ((e) => {
 			if (!e) return null;
 			if (!Array.isArray(e)) return e;
 			let t = (e) => o(e) && e.props?.zIndex != null ? e.props.zIndex : 0;
-			return [...e].sort((e, n) => t(e) - t(n)).map((e, t) => o(e) ? i(Ee.Provider, {
+			return [...e].sort((e, n) => t(e) - t(n)).map((e, t) => o(e) ? i(De.Provider, {
 				key: e.key ?? `layer-${t}`,
 				value: t
 			}, e) : e);
 		})(t);
-		return n ? y(Me, {
+		return n ? y(Ne, {
 			pane: e,
 			viewport: H,
 			children: D ? D(e, n) : n
 		}) : null;
-	}, tt = p(() => {
-		let e = {}, t = Object.keys(X), n = t.length;
+	}, nt = p(() => {
+		let e = {}, t = Object.keys(Y), n = t.length;
 		for (let r = 0; r < n; r++) {
 			let n = t[r];
-			e[n] = et(X[n], E);
+			e[n] = tt(Y[n], E);
 		}
 		return e;
 	}, [
 		B,
 		E,
-		X,
+		Y,
 		D,
 		r,
 		a
-	]), nt = p(() => Pe.left === 0 ? null : y(ce, {
+	]), rt = p(() => Fe.left === 0 ? null : y(ce, {
 		linePoints: [
 			0,
 			0,
 			0,
-			K + 1
+			G + 1
 		],
 		bounds: {
-			x: Pe.left,
+			x: Fe.left,
 			y: 0,
 			width: 1,
-			height: K + 1
+			height: G + 1
 		},
 		...C
 	}), [
 		B,
-		Pe.left,
-		K,
+		Fe.left,
+		G,
 		C
-	]), rt = p(() => Pe.top === 0 ? null : y(ce, {
+	]), it = p(() => Fe.top === 0 ? null : y(ce, {
 		linePoints: [
 			0,
 			0,
-			fe + 1,
+			pe + 1,
 			0
 		],
 		bounds: {
 			x: 0,
-			y: Pe.top,
-			width: fe + 1,
+			y: Fe.top,
+			width: pe + 1,
 			height: 1
 		},
 		...w
 	}), [
 		B,
-		Pe.top,
-		fe,
+		Fe.top,
+		pe,
 		w
-	]), it = h(!1), at = p(() => {
-		if (!Ne) return null;
+	]), at = h(!1), ot = p(() => {
+		if (!Pe) return null;
 		let e = (e, t) => {
-			let r = e.anchor, i = t.getPaneBounds(), a = Pe.left > 0, o = Pe.top > 0, s = o && (r === R.Center || r === R.Left), c = o && (r === R.Top || r === R.TopLeft), l = a && (r === R.Center || r === R.Top), u = a && (r === R.Left || r === R.TopLeft), d = 1e6, f = s ? -1 : -1e6, p = l ? -1 : -1e6, m = u ? i.width + 2 : d, h = c ? i.height + 2 : d, g = s || c || l || u, _ = {
+			let r = e.anchor, i = t.getPaneBounds(), a = Fe.left > 0, o = Fe.top > 0, s = o && (r === R.Center || r === R.Left), c = o && (r === R.Top || r === R.TopLeft), l = a && (r === R.Center || r === R.Top), u = a && (r === R.Left || r === R.TopLeft), d = 1e6, f = s ? -1 : -1e6, p = l ? -1 : -1e6, m = u ? i.width + 2 : d, h = c ? i.height + 2 : d, g = s || c || l || u, _ = {
 				position: "absolute",
 				left: i.x,
 				top: i.y,
@@ -1177,81 +1177,81 @@ var Ce = Object.freeze([]), we = (e, t) => {
 				height: i.height,
 				clip: g ? `rect(${f}px, ${m}px, ${h}px, ${p}px)` : void 0
 			};
-			return y(Me, {
+			return y(Ne, {
 				pane: t,
 				viewport: H,
-				children: e.elemStage ? n(e.elemStage, { style: _ }, tt?.[r]) : null
+				children: e.elemStage ? n(e.elemStage, { style: _ }, nt?.[r]) : null
 			}, `pane:${r}`);
-		}, t = Te.length, r = Array(t);
+		}, t = Ee.length, r = Array(t);
 		for (let n = 0; n < t; n++) {
-			let t = Te[n], i = t.anchor, a = X[i];
+			let t = Ee[n], i = t.anchor, a = Y[i];
 			r[n] = a ? e(t, a) : null;
 		}
 		return b(v, { children: [
 			r,
-			nt,
-			rt
+			rt,
+			it
 		] });
 	}, [
-		X,
-		Te,
-		tt,
-		fe,
-		K,
-		Ne,
-		Pe
+		Y,
+		Ee,
+		nt,
+		pe,
+		G,
+		Pe,
+		Fe
 	]);
 	return u(() => {
-		!it.current && at && Ne && (it.current = !0, te?.($e.current));
-	}, [at, Ne]), y("div", {
-		ref: $e,
-		className: q(j, "grid-surface", Ie["sheetxl-grid"]),
+		!at.current && ot && Pe && (at.current = !0, te?.(et.current));
+	}, [ot, Pe]), y("div", {
+		ref: et,
+		className: K(j, "grid-surface", Le["sheetxl-grid"]),
 		style: {
 			overflow: "hidden",
 			...M
 		},
 		...P,
-		children: y(Fe, { children: at })
+		children: y(Ie, { children: ot })
 	});
 }));
-Le.displayName = "GridSurface";
-var Re = Object.freeze({
+Re.displayName = "GridSurface";
+var ze = Object.freeze({
 	getColOffset: (e) => 75 * e,
 	getColIndex: (e) => Math.floor(e / 75),
 	getRowOffset: (e) => 20 * e,
 	getRowIndex: (e) => Math.floor(e / 20)
-}), ze = 0, Be = 20, Ve = 150, He = Object.freeze({
+}), Be = 0, Ve = 20, He = 150, Ue = Object.freeze({
 	bottom: -4,
 	right: -4
-}), Ue = Object.freeze({
+}), We = Object.freeze({
 	horizontal: !0,
 	vertical: !0
-}), We = Object.freeze({
+}), Ge = Object.freeze({
 	horizontal: !0,
 	vertical: !1
-}), Ge = Object.freeze({
+}), Ke = Object.freeze({
 	horizontal: !1,
 	vertical: !0
-}), Ke = Object.freeze({
+}), qe = Object.freeze({
 	horizontal: !1,
 	vertical: !1
-}), qe = [
+}), Je = [
 	R.TopLeft,
 	R.Top,
 	R.Left,
 	R.Center
 ];
-function Z() {
-	let e = l(je);
+function X() {
+	let e = l(Me);
 	if (!e) throw Error("useGridPane must be used within a GridPaneProvider");
 	return e.pane;
 }
-function Je() {
-	return l(je)?.pane ?? null;
+function Ye() {
+	return l(Me)?.pane ?? null;
 }
-function Ye(e, t) {
-	let n = l(Pe), r = h(null);
-	r.current ||= Ne();
+function Xe(e, t) {
+	let n = l(Fe), r = h(null);
+	r.current ||= Pe();
 	let i = n ?? r.current, a = `k:${e}`, o = h(null);
 	o.current === null && (o.current = { v: typeof t == "function" ? t() : t });
 	let s = c(() => i.has(a) ? i.get(a) : o.current.v, [i, a]);
@@ -1260,34 +1260,34 @@ function Ye(e, t) {
 		i.set(a, typeof e == "function" ? e(t) : e);
 	}, [i, a])];
 }
-var Xe = () => ({
-	zIndex: l(Ee),
-	pane: Je()
-}), Ze = s((e) => {
-	let { onPointerDown: t, onPointerMove: n, onPointerUp: r, onPointerLeave: i, onMouseDown: a, onMouseEnter: o, onMouseLeave: s, onMouseMove: c, onMouseOut: d, onMouseOver: f, onMouseUp: p, onDoubleClick: m, onKeyDown: g, onKeyPress: _, onKeyUp: v, onFocus: b, onBlur: x, onContextMenu: S, zIndex: C, className: w, children: T } = e, E = l(X);
+var Ze = () => ({
+	zIndex: l(De),
+	pane: Ye()
+}), Qe = s((e) => {
+	let { onPointerDown: t, onPointerMove: n, onPointerUp: r, onPointerLeave: i, onMouseDown: a, onMouseEnter: o, onMouseLeave: s, onMouseMove: c, onMouseOut: d, onMouseOver: f, onMouseUp: p, onDoubleClick: m, onKeyDown: g, onKeyPress: _, onKeyUp: v, onFocus: b, onBlur: x, onContextMenu: S, zIndex: C, className: w, children: T } = e, E = l(Y);
 	u(() => {
-		E && !Qe && (Qe = !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."));
+		E && !$e && ($e = !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."));
 	}, [E]);
-	let D = xe(Je()), O = l(Ee), k = h({});
+	let D = Se(Ye()), O = l(De), k = h({});
 	k.current = {
-		pointerdown: Q(t),
-		pointermove: Q(n),
-		pointerup: Q(r),
-		pointerleave: Q(i),
-		mousedown: Q(a),
-		mouseenter: Q(o),
-		mouseleave: Q(s),
-		mousemove: Q(c),
-		mouseout: Q(d),
-		mouseover: Q(f),
-		mouseup: Q(p),
-		dblclick: Q(m),
-		keydown: Q(g),
-		keypress: Q(_),
-		keyup: Q(v),
-		focus: Q(b),
-		blur: Q(x),
-		contextmenu: Q(S)
+		pointerdown: Z(t),
+		pointermove: Z(n),
+		pointerup: Z(r),
+		pointerleave: Z(i),
+		mousedown: Z(a),
+		mouseenter: Z(o),
+		mouseleave: Z(s),
+		mousemove: Z(c),
+		mouseout: Z(d),
+		mouseover: Z(f),
+		mouseup: Z(p),
+		dblclick: Z(m),
+		keydown: Z(g),
+		keypress: Z(_),
+		keyup: Z(v),
+		focus: Z(b),
+		blur: Z(x),
+		contextmenu: Z(S)
 	};
 	let A = h(null);
 	return u(() => {
@@ -1312,23 +1312,23 @@ var Xe = () => ({
 		onKeyPress: _,
 		onKeyUp: v,
 		onContextMenu: S,
-		children: T == null ? null : y(X.Provider, {
+		children: T == null ? null : y(Y.Provider, {
 			value: !0,
 			children: T
 		})
 	});
 });
-Ze.displayName = "Layer";
-var Q = (e) => e ? (t) => e(t) : void 0, Qe = !1, $e = !1, et = "_virtual-div_16eab_1", tt = s(a((e, t) => {
+Qe.displayName = "Layer";
+var Z = (e) => e ? (t) => e(t) : void 0, $e = !1, et = !1, tt = "_virtual-div_16eab_1", nt = s(a((e, t) => {
 	let { range: n, bounds: r, fill: i = !1, clipInsets: a, disableAlign: o = !1, coverGridlines: s = !1, alignWidth: d, keepMounted: f = !1, className: p, style: m, children: g, ..._ } = e;
-	l(X) || nt || (nt = !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."));
+	l(Y) || rt || (rt = !0, console.warn("VirtualDiv rendered outside a <Layer>. The grid's children are Layers; place VirtualDivs inside one (law 4: the stack is flat). This warning fires once."));
 	let v = h(null), b = c((e) => {
 		v.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
 	}, [t]);
 	(({ getElement: e, handlerProps: t }) => {
-		let n = xe(Je()), r = l(Ee), i = !1;
+		let n = Se(Ye()), r = l(De), i = !1;
 		if (t) {
-			for (let e = 0; e < ve.length; e++) if (typeof t[ve[e]] == "function") {
+			for (let e = 0; e < J.length; e++) if (typeof t[J[e]] == "function") {
 				i = !0;
 				break;
 			}
@@ -1346,7 +1346,7 @@ var Q = (e) => e ? (t) => e(t) : void 0, Qe = !1, $e = !1, et = "_virtual-div_16
 				getElement: () => a.current.getElement(),
 				hasHandlers: i,
 				getHandler: i ? (e) => {
-					let t = _e[e];
+					let t = ye[e];
 					if (t === void 0) return;
 					let n = a.current.handlerProps?.[t];
 					return typeof n == "function" ? (e) => n(e) : void 0;
@@ -1362,13 +1362,13 @@ var Q = (e) => e ? (t) => e(t) : void 0, Qe = !1, $e = !1, et = "_virtual-div_16
 		handlerProps: _
 	});
 	let x = (({ range: e, bounds: t, fill: n, clipInsets: r }) => {
-		let i = Z();
+		let i = X();
 		if (!i) return null;
 		let a = null, o = !1;
 		if (e) a = i.getBoundsFromRange(e), o = i.toClipBounds(a, r) === null;
 		else if (t) o = i.toClipBounds(t, r) === null, a = t;
 		else {
-			if (!n) return $e || ($e = !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 et || (et = !0, console.warn("VirtualDiv: provide exactly one of 'range' | 'bounds' | 'fill'. (The implicit \"no placement = pane-sized\" fallback was removed — use 'fill'.) This warning fires once.")), null;
 			{
 				let e = i.getPaneBounds();
 				a = {
@@ -1409,7 +1409,7 @@ var Q = (e) => e ? (t) => e(t) : void 0, Qe = !1, $e = !1, et = "_virtual-div_16
 		height: S.height
 	};
 	return y("div", {
-		className: q(p, et),
+		className: K(p, tt),
 		style: {
 			width: `${A}px`,
 			height: `${j}px`,
@@ -1429,8 +1429,8 @@ var Q = (e) => e ? (t) => e(t) : void 0, Qe = !1, $e = !1, et = "_virtual-div_16
 		})
 	});
 }));
-tt.displayName = "VirtualDiv";
-var nt = !1, rt = (e, t, n, r) => ({
+nt.displayName = "VirtualDiv";
+var rt = !1, it = (e, t, n, r) => ({
 	x: e,
 	y: t,
 	width: n,
@@ -1439,27 +1439,27 @@ var nt = !1, rt = (e, t, n, r) => ({
 	left: e,
 	right: e + n,
 	bottom: t + r
-}), it = rt(0, 0, 0, 0), at = (e) => {
+}), at = it(0, 0, 0, 0), ot = (e) => {
 	let t = e.getElement()?.getBoundingClientRect?.();
 	return {
 		x: t?.left ?? 0,
 		y: t?.top ?? 0
 	};
-}, ot = (e) => {
+}, st = (e) => {
 	let t = e.getElement()?.getBoundingClientRect?.();
-	return t ? rt(t.left, t.top, t.width, t.height) : it;
-}, st = {
+	return t ? it(t.left, t.top, t.width, t.height) : at;
+}, ct = {
 	side: "t",
 	align: "center"
-}, ct = [
+}, lt = [
 	R.TopLeft,
 	R.Top,
 	R.Left,
 	R.Center
-], lt = /* @__PURE__ */ new Set([R.Top, R.TopLeft]), ut = /* @__PURE__ */ new Set([R.Left, R.TopLeft]), dt = (e, t, n, r, i) => {
+], ut = /* @__PURE__ */ new Set([R.Top, R.TopLeft]), dt = /* @__PURE__ */ new Set([R.Left, R.TopLeft]), ft = (e, t, n, r, i) => {
 	let a = null, o = null, s = Infinity, c = !1;
-	for (let l = 0; l < ct.length; l++) {
-		let u = e[ct[l]];
+	for (let l = 0; l < lt.length; l++) {
+		let u = e[lt[l]];
 		if (!u) continue;
 		let d = u.getVisibleRange(), f = t === "row" ? d.rowStart : d.colStart, p = t === "row" ? d.rowEnd : d.colEnd;
 		if (n > p || r < f) continue;
@@ -1471,20 +1471,20 @@ var nt = !1, rt = (e, t, n, r) => ({
 		pane: a ?? o,
 		visible: c
 	};
-}, ft = (e, t) => {
-	let n = lt.has(e.getAnchor()), r = ut.has(t.getAnchor());
-	return n && r ? R.TopLeft : n ? R.Top : r ? R.Left : R.Center;
 }, pt = (e, t) => {
-	let n = ot(e), r = e.getBoundsFromRange(t);
-	return rt(n.left + r.x, n.top + r.y, r.width, r.height);
+	let n = ut.has(e.getAnchor()), r = dt.has(t.getAnchor());
+	return n && r ? R.TopLeft : n ? R.Top : r ? R.Left : R.Center;
 }, mt = (e, t) => {
+	let n = st(e), r = e.getBoundsFromRange(t);
+	return it(n.left + r.x, n.top + r.y, r.width, r.height);
+}, ht = (e, t) => {
 	let n = (t.left + t.right) / 2, r = (t.top + t.bottom) / 2;
 	return r < e.top ? "t" : r > e.bottom ? "b" : n < e.left ? "l" : n > e.right ? "r" : null;
-}, ht = (e, t, n = "data", r = 0, i = st, a = "hide") => {
+}, gt = (e, t, n = "data", r = 0, i = ct, a = "hide") => {
 	if (!e) return {
-		rect: it,
+		rect: at,
 		clipped: !0,
-		boundaryRect: it,
+		boundaryRect: at,
 		clampedTo: null,
 		anchorPoint: {
 			x: 0,
@@ -1497,11 +1497,11 @@ var nt = !1, rt = (e, t, n, r) => ({
 	let o = ((e, t) => {
 		if (t && typeof t == "object") {
 			let e = t;
-			return rt(e.x, e.y, e.width, e.height);
+			return it(e.x, e.y, e.width, e.height);
 		}
 		if (t === "pane") {
-			let t = at(e), n = e.getPaneBounds();
-			return rt(t.x, t.y, n.width, n.height);
+			let t = ot(e), n = e.getPaneBounds();
+			return it(t.x, t.y, n.width, n.height);
 		}
 		let n = e.getAllPanes(), r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
 		for (let e of Object.keys(n)) {
@@ -1509,10 +1509,10 @@ var nt = !1, rt = (e, t, n, r) => ({
 			t && (r = Math.min(r, t.left), i = Math.min(i, t.top), a = Math.max(a, t.right), o = Math.max(o, t.bottom));
 		}
 		if (r === Infinity) {
-			let t = at(e), n = e.getPaneBounds();
-			return rt(t.x, t.y, n.width, n.height);
+			let t = ot(e), n = e.getPaneBounds();
+			return it(t.x, t.y, n.width, n.height);
 		}
-		return rt(r, i, a - r, o - i);
+		return it(r, i, a - r, o - i);
 	})(e, n), s = (e) => {
 		if (r <= 0) return !1;
 		let t = (n = e, i = o, {
@@ -1523,7 +1523,7 @@ var nt = !1, rt = (e, t, n, r) => ({
 		return t.w <= r || t.h <= r;
 	};
 	if ("point" in t) {
-		let n = rt(t.point.x, t.point.y, 0, 0), r = mt(o, n), i = e.getPaneFromPointer(t.point.x, t.point.y);
+		let n = it(t.point.x, t.point.y, 0, 0), r = ht(o, n), i = e.getPaneFromPointer(t.point.x, t.point.y);
 		return {
 			rect: n,
 			clipped: r !== null,
@@ -1536,11 +1536,11 @@ var nt = !1, rt = (e, t, n, r) => ({
 		};
 	}
 	if ("edge" in t) {
-		let n = at(e), r = e.getPaneBounds(), i = n.x + r.width / 2, a = n.y + r.height / 2;
+		let n = ot(e), r = e.getPaneBounds(), i = n.x + r.width / 2, a = n.y + r.height / 2;
 		t.edge === "t" ? a = n.y : t.edge === "b" ? a = n.y + r.height : t.edge === "l" ? i = n.x : t.edge === "r" && (i = n.x + r.width);
 		let s = e.getPaneFromPointer(i, a) ?? e;
 		return {
-			rect: rt(i, a, 0, 0),
+			rect: it(i, a, 0, 0),
 			clipped: !1,
 			boundaryRect: o,
 			clampedTo: null,
@@ -1554,7 +1554,7 @@ var nt = !1, rt = (e, t, n, r) => ({
 		};
 	}
 	if ("bounds" in t) {
-		let n = at(e), r = t.bounds, a = e.toClipBounds(r, 0), l = rt(n.x + r.x, n.y + r.y, r.width, r.height), u = a === null || s(l), d = ((e, t) => {
+		let n = ot(e), r = t.bounds, a = e.toClipBounds(r, 0), l = it(n.x + r.x, n.y + r.y, r.width, r.height), u = a === null || s(l), d = ((e, t) => {
 			let { side: n, align: r = "center" } = t;
 			if (n === "t" || n === "b") {
 				let t = n === "t" ? e.top : e.bottom;
@@ -1572,7 +1572,7 @@ var nt = !1, rt = (e, t, n, r) => ({
 			rect: l,
 			clipped: u,
 			boundaryRect: o,
-			clampedTo: mt(o, (c = d, rt(c.x, c.y, 0, 0))),
+			clampedTo: ht(o, (c = d, it(c.x, c.y, 0, 0))),
 			anchorPoint: d,
 			owner: e.getAnchor(),
 			slid: null,
@@ -1603,12 +1603,12 @@ var nt = !1, rt = (e, t, n, r) => ({
 			rowIndex: r === "start" ? e.rowStart : r === "end" ? e.rowEnd : i,
 			colIndex: o
 		};
-	})(l, i), f = dt(u, "row", l.rowStart, l.rowEnd, d.rowIndex), p = dt(u, "col", l.colStart, l.colEnd, d.colIndex), m = f.visible && p.visible, h = f.pane ?? u[R.Center] ?? e, g = p.pane ?? u[R.Center] ?? e, _ = pt(h, l), v = pt(g, l), { side: y, align: b = "center" } = i, x, S;
+	})(l, i), f = ft(u, "row", l.rowStart, l.rowEnd, d.rowIndex), p = ft(u, "col", l.colStart, l.colEnd, d.colIndex), m = f.visible && p.visible, h = f.pane ?? u[R.Center] ?? e, g = p.pane ?? u[R.Center] ?? e, _ = mt(h, l), v = mt(g, l), { side: y, align: b = "center" } = i, x, S;
 	y === "t" || y === "b" ? (S = y === "t" ? _.top : _.bottom, x = b === "start" ? v.left : b === "end" ? v.right : (v.left + v.right) / 2) : (x = y === "l" ? v.left : v.right, S = b === "start" ? _.top : b === "end" ? _.bottom : (_.top + _.bottom) / 2);
-	let C = ot(g), w = ot(h), T = (e) => Math.max(C.left, Math.min(C.right, e)), E = (e) => Math.max(w.top, Math.min(w.bottom, e)), D = T(x), O = E(S), k = {
+	let C = st(g), w = st(h), T = (e) => Math.max(C.left, Math.min(C.right, e)), E = (e) => Math.max(w.top, Math.min(w.bottom, e)), D = T(x), O = E(S), k = {
 		x: D,
 		y: O
-	}, A = T(v.left), j = E(_.top), M = rt(A, j, T(v.right) - A, E(_.bottom) - j), N = D - x, P = O - S, F = Math.abs(P) >= Math.abs(N) ? P < 0 ? "b" : P > 0 ? "t" : N < 0 ? "r" : N > 0 ? "l" : null : N < 0 ? "r" : N > 0 ? "l" : P < 0 ? "b" : P > 0 ? "t" : null, I = N || P ? {
+	}, A = T(v.left), j = E(_.top), M = it(A, j, T(v.right) - A, E(_.bottom) - j), N = D - x, P = O - S, F = Math.abs(P) >= Math.abs(N) ? P < 0 ? "b" : P > 0 ? "t" : N < 0 ? "r" : N > 0 ? "l" : null : N < 0 ? "r" : N > 0 ? "l" : P < 0 ? "b" : P > 0 ? "t" : null, I = N || P ? {
 		dx: N,
 		dy: P,
 		distance: Math.hypot(N, P),
@@ -1620,7 +1620,7 @@ var nt = !1, rt = (e, t, n, r) => ({
 		boundaryRect: o,
 		clampedTo: F,
 		anchorPoint: k,
-		owner: ft(h, g),
+		owner: pt(h, g),
 		slid: I,
 		outOfView: !m
 	} : {
@@ -1633,13 +1633,13 @@ var nt = !1, rt = (e, t, n, r) => ({
 		slid: null,
 		outOfView: !0
 	};
-}, gt = r(null), _t = () => {
-	let e = l(gt);
+}, _t = r(null), vt = () => {
+	let e = l(_t);
 	if (!e) throw Error("useSticky must be used within a <StickyAnchor>");
 	return e;
-}, vt = () => l(gt), yt = (e) => {
-	let { anchor: t, placement: n = st, boundary: r = "data", whenOff: i = "hide", minVisible: a = 0, children: o } = e, { reference: s, getBoundaryRect: l, anchorPoint: u, owner: d, clipped: m, slid: g, outOfView: _, pane: v } = ((e, t) => {
-		let n = Je(), r = t?.pane ?? n, i = t?.boundary ?? "data", a = t?.minVisible ?? 0, o = t?.placement ?? st, s = t?.whenOff ?? "hide", c = h({
+}, yt = () => l(_t), bt = (e) => {
+	let { anchor: t, placement: n = ct, boundary: r = "data", whenOff: i = "hide", minVisible: a = 0, children: o } = e, { reference: s, getBoundaryRect: l, anchorPoint: u, owner: d, clipped: m, slid: g, outOfView: _, pane: v } = ((e, t) => {
+		let n = Ye(), r = t?.pane ?? n, i = t?.boundary ?? "data", a = t?.minVisible ?? 0, o = t?.placement ?? ct, s = t?.whenOff ?? "hide", c = h({
 			pane: r,
 			anchor: e,
 			boundary: i,
@@ -1658,13 +1658,13 @@ var nt = !1, rt = (e, t, n, r) => ({
 		let l = p(() => ({
 			reference: { getBoundingClientRect: () => {
 				let e = c.current;
-				return ht(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff).rect;
+				return gt(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff).rect;
 			} },
 			getBoundaryRect: () => {
 				let e = c.current;
-				return ht(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff).boundaryRect;
+				return gt(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff).boundaryRect;
 			}
-		}), []), u = ht(r, e, i, a, o, s);
+		}), []), u = gt(r, e, i, a, o, s);
 		return {
 			reference: l.reference,
 			getBoundaryRect: l.getBoundaryRect,
@@ -1693,7 +1693,7 @@ var nt = !1, rt = (e, t, n, r) => ({
 	let C = h(v);
 	C.current = v;
 	let w = c((e) => {
-		let t = bt(S.current), n = C.current;
+		let t = xt(S.current), n = C.current;
 		return n && t ? n.scrollCellCoordsIntoView(t, e) : Promise.resolve(void 0);
 	}, []), T = p(() => ({
 		reference: s,
@@ -1737,7 +1737,7 @@ var nt = !1, rt = (e, t, n, r) => ({
 				position: "absolute",
 				left: 0,
 				top: 0,
-				transform: `translate3d(${u.x - (e?.left ?? 0)}px, ${u.y - (e?.top ?? 0)}px, 0) ${xt(n)}`,
+				transform: `translate3d(${u.x - (e?.left ?? 0)}px, ${u.y - (e?.top ?? 0)}px, 0) ${St(n)}`,
 				willChange: "transform"
 			},
 			children: y("div", {
@@ -1753,75 +1753,75 @@ var nt = !1, rt = (e, t, n, r) => ({
 		if (!r) return;
 		let i = 0, a = 0;
 		n.left < r.left ? i = r.left - n.left : n.right > r.right && (i = Math.min(0, r.right - n.right)), n.top < r.top ? a = r.top - n.top : n.bottom > r.bottom && (a = Math.min(0, r.bottom - n.bottom)), t.style.transform = i || a ? `translate(${i}px, ${a}px)` : "";
-	}), y(gt.Provider, {
+	}), y(_t.Provider, {
 		value: T,
 		children: A
 	});
-}, bt = (e) => "range" in e ? {
+}, xt = (e) => "range" in e ? {
 	rowIndex: e.range.rowStart,
 	colIndex: e.range.colStart
 } : "cell" in e ? {
 	rowIndex: e.cell.rowIndex,
 	colIndex: e.cell.colIndex
-} : null, xt = (e) => {
+} : null, St = (e) => {
 	let { side: t, align: n = "center" } = e, r = "-50%", i = "-50%";
 	t === "t" ? i = "-100%" : t === "b" ? i = "0%" : t === "l" ? r = "-100%" : t === "r" && (r = "0%");
 	let a = n === "start" ? "0%" : n === "end" ? "-100%" : "-50%";
 	return t === "t" || t === "b" ? r = a : i = a, `translate(${r}, ${i})`;
 };
-yt.displayName = "StickyAnchor";
-var St = Math.min, Ct = Math.max, wt = Math.round, Tt = Math.floor, Et = (e) => ({
+bt.displayName = "StickyAnchor";
+var Ct = Math.min, wt = Math.max, Tt = Math.round, Et = Math.floor, Dt = (e) => ({
 	x: e,
 	y: e
-}), Dt = {
+}), Ot = {
 	left: "right",
 	right: "left",
 	bottom: "top",
 	top: "bottom"
 };
-function Ot(e, t) {
+function kt(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function kt(e) {
+function At(e) {
 	return e.split("-")[0];
 }
-function At(e) {
+function jt(e) {
 	return e.split("-")[1];
 }
-function jt(e) {
+function Mt(e) {
 	return e === "x" ? "y" : "x";
 }
-function Mt(e) {
+function Nt(e) {
 	return e === "y" ? "height" : "width";
 }
-function Nt(e) {
+function Pt(e) {
 	let t = e[0];
 	return t === "t" || t === "b" ? "y" : "x";
 }
-function Pt(e) {
-	return jt(Nt(e));
-}
 function Ft(e) {
+	return Mt(Pt(e));
+}
+function It(e) {
 	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
 }
-var It = ["left", "right"], Lt = ["right", "left"], Rt = ["top", "bottom"], zt = ["bottom", "top"];
-function Bt(e, t, n, r) {
-	let i = At(e), a = function(e, t, n) {
+var Lt = ["left", "right"], Rt = ["right", "left"], zt = ["top", "bottom"], Bt = ["bottom", "top"];
+function Vt(e, t, n, r) {
+	let i = jt(e), a = function(e, t, n) {
 		switch (e) {
 			case "top":
-			case "bottom": return n ? t ? Lt : It : t ? It : Lt;
+			case "bottom": return n ? t ? Rt : Lt : t ? Lt : Rt;
 			case "left":
-			case "right": return t ? Rt : zt;
+			case "right": return t ? zt : Bt;
 			default: return [];
 		}
-	}(kt(e), n === "start", r);
-	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Ft)))), a;
-}
-function Vt(e) {
-	let t = kt(e);
-	return Dt[t] + e.slice(t.length);
+	}(At(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(It)))), a;
 }
 function Ht(e) {
+	let t = At(e);
+	return Ot[t] + e.slice(t.length);
+}
+function Ut(e) {
 	let { x: t, y: n, width: r, height: i } = e;
 	return {
 		width: r,
@@ -1834,8 +1834,8 @@ function Ht(e) {
 		y: n
 	};
 }
-function Ut(e, t, n) {
-	let { reference: r, floating: i } = e, a = Nt(t), o = Pt(t), s = Mt(o), c = kt(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+function Wt(e, t, n) {
+	let { reference: r, floating: i } = e, a = Pt(t), o = Ft(t), s = Nt(o), c = At(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
 	switch (c) {
 		case "top":
 			p = {
@@ -1866,13 +1866,13 @@ function Ut(e, t, n) {
 			y: r.y
 		};
 	}
-	let m = At(t);
+	let m = jt(t);
 	return m && (p[o] += f * (m === "end" ? 1 : -1) * (n && l ? -1 : 1)), p;
 }
-async function Wt(e, t) {
+async function Gt(e, t) {
 	var n;
 	t === void 0 && (t = {});
-	let { x: r, y: i, platform: a, rects: o, elements: s, strategy: c } = e, { boundary: l = "clippingAncestors", rootBoundary: u = "viewport", elementContext: d = "floating", altBoundary: f = !1, padding: p = 0 } = Ot(t, e), m = function(e) {
+	let { x: r, y: i, platform: a, rects: o, elements: s, strategy: c } = e, { boundary: l = "clippingAncestors", rootBoundary: u = "viewport", elementContext: d = "floating", altBoundary: f = !1, padding: p = 0 } = kt(t, e), m = function(e) {
 		return typeof e == "number" ? {
 			top: e,
 			right: e,
@@ -1886,7 +1886,7 @@ async function Wt(e, t) {
 				left: e.left ?? 0
 			};
 		}(e);
-	}(p), h = s[f ? d === "floating" ? "reference" : "floating" : d], g = Ht(await a.getClippingRect({
+	}(p), h = s[f ? d === "floating" ? "reference" : "floating" : d], g = Ut(await a.getClippingRect({
 		element: (n = await (a.isElement == null ? void 0 : a.isElement(h))) == null || n ? h : h.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(s.floating)),
 		boundary: l,
 		rootBoundary: u,
@@ -1899,7 +1899,7 @@ async function Wt(e, t) {
 	} : o.reference, v = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(s.floating)), y = await (a.isElement == null ? void 0 : a.isElement(v)) && await (a.getScale == null ? void 0 : a.getScale(v)) || {
 		x: 1,
 		y: 1
-	}, b = Ht(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+	}, b = Ut(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: s,
 		rect: _,
 		offsetParent: v,
@@ -1912,14 +1912,14 @@ async function Wt(e, t) {
 		right: (b.right - g.right + m.right) / y.x
 	};
 }
-var Gt = /* @__PURE__ */ new Set(["left", "top"]);
-function Kt() {
+var Kt = /* @__PURE__ */ new Set(["left", "top"]);
+function qt() {
 	return typeof window < "u";
 }
-function qt(e) {
+function Jt(e) {
 	return Xt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function Jt(e) {
+function Q(e) {
 	var t;
 	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -1927,23 +1927,23 @@ function Yt(e) {
 	return ((Xt(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
 }
 function Xt(e) {
-	return !!Kt() && (e instanceof Node || e instanceof Jt(e).Node);
+	return !!qt() && (e instanceof Node || e instanceof Q(e).Node);
 }
 function Zt(e) {
-	return !!Kt() && (e instanceof Element || e instanceof Jt(e).Element);
+	return !!qt() && (e instanceof Element || e instanceof Q(e).Element);
 }
 function Qt(e) {
-	return !!Kt() && (e instanceof HTMLElement || e instanceof Jt(e).HTMLElement);
+	return !!qt() && (e instanceof HTMLElement || e instanceof Q(e).HTMLElement);
 }
 function $t(e) {
-	return !(!Kt() || typeof ShadowRoot > "u") && (e instanceof ShadowRoot || e instanceof Jt(e).ShadowRoot);
+	return !(!qt() || typeof ShadowRoot > "u") && (e instanceof ShadowRoot || e instanceof Q(e).ShadowRoot);
 }
 function en(e) {
 	let { overflow: t, overflowX: n, overflowY: r, display: i } = dn(e);
 	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
 }
 function tn(e) {
-	return /^(table|td|th)$/.test(qt(e));
+	return /^(table|td|th)$/.test(Jt(e));
 }
 function nn(e) {
 	try {
@@ -1964,10 +1964,10 @@ function ln() {
 	return rn ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), rn;
 }
 function un(e) {
-	return /^(html|body|#document)$/.test(qt(e));
+	return /^(html|body|#document)$/.test(Jt(e));
 }
 function dn(e) {
-	return Jt(e).getComputedStyle(e);
+	return Q(e).getComputedStyle(e);
 }
 function fn(e) {
 	return Zt(e) ? {
@@ -1979,7 +1979,7 @@ function fn(e) {
 	};
 }
 function pn(e) {
-	if (qt(e) === "html") return e;
+	if (Jt(e) === "html") return e;
 	let t = e.assignedSlot || e.parentNode || $t(e) && e.host || Yt(e);
 	return $t(t) ? t.host : t;
 }
@@ -1989,7 +1989,7 @@ function mn(e) {
 }
 function hn(e, t, n) {
 	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = mn(e), i = r === e.ownerDocument?.body, a = Jt(r);
+	let r = mn(e), i = r === e.ownerDocument?.body, a = Q(r);
 	if (i) {
 		let e = gn(a);
 		return t.concat(a, a.visualViewport || [], en(r) ? r : [], e && n ? hn(e) : []);
@@ -2000,7 +2000,7 @@ function gn(e) {
 	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function _n(e) {
-	let t = dn(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = Qt(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = wt(n) !== a || wt(r) !== o;
+	let t = dn(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = Qt(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = Tt(n) !== a || Tt(r) !== o;
 	return s && (n = a, r = o), {
 		width: n,
 		height: r,
@@ -2012,16 +2012,16 @@ function vn(e) {
 }
 function yn(e) {
 	let t = vn(e);
-	if (!Qt(t)) return Et(1);
-	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = _n(t), o = (a ? wt(n.width) : n.width) / r, s = (a ? wt(n.height) : n.height) / i;
+	if (!Qt(t)) return Dt(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = _n(t), o = (a ? Tt(n.width) : n.width) / r, s = (a ? Tt(n.height) : n.height) / i;
 	return o && Number.isFinite(o) || (o = 1), s && Number.isFinite(s) || (s = 1), {
 		x: o,
 		y: s
 	};
 }
-var bn = Et(0);
+var bn = Dt(0);
 function xn(e) {
-	let t = Jt(e);
+	let t = Q(e);
 	return ln() && t.visualViewport ? {
 		x: t.visualViewport.offsetLeft,
 		y: t.visualViewport.offsetTop
@@ -2029,19 +2029,19 @@ function xn(e) {
 }
 function Sn(e, t, n, r) {
 	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	let i = e.getBoundingClientRect(), a = vn(e), o = Et(1);
+	let i = e.getBoundingClientRect(), a = vn(e), o = Dt(1);
 	t && (r ? Zt(r) && (o = yn(r)) : o = yn(e));
 	let s = function(e, t, n) {
-		return t === void 0 && (t = !1), !!n && t && n === Jt(e);
-	}(a, n, r) ? xn(a) : Et(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+		return t === void 0 && (t = !1), !!n && t && n === Q(e);
+	}(a, n, r) ? xn(a) : Dt(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
 	if (a && r) {
-		let e = Jt(a), t = Zt(r) ? Jt(r) : r, n = e, i = gn(n);
+		let e = Q(a), t = Zt(r) ? Q(r) : r, n = e, i = gn(n);
 		for (; i && t !== n;) {
 			let e = yn(i), t = i.getBoundingClientRect(), r = dn(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
-			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = Jt(i), i = gn(n);
+			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = Q(i), i = gn(n);
 		}
 	}
-	return Ht({
+	return Ut({
 		width: u,
 		height: d,
 		x: c,
@@ -2063,7 +2063,7 @@ function Tn(e, t, n) {
 	let r;
 	if (t === "viewport" || t === "layoutViewport") r = function(e, t, n) {
 		n === void 0 && (n = "viewport");
-		let r = n === "layoutViewport", i = Jt(e), a = Yt(e), o = i.visualViewport, s = a.clientWidth, c = a.clientHeight, l = 0, u = 0;
+		let r = n === "layoutViewport", i = Q(e), a = Yt(e), o = i.visualViewport, s = a.clientWidth, c = a.clientHeight, l = 0, u = 0;
 		if (o) {
 			let e = !ln() || t === "fixed";
 			r ? e || (l = -o.offsetLeft, u = -o.offsetTop) : (s = o.width, c = o.height, e && (l = o.offsetLeft, u = o.offsetTop));
@@ -2080,8 +2080,8 @@ function Tn(e, t, n) {
 		};
 	}(e, n, t);
 	else if (t === "document") r = function(e) {
-		let t = fn(e), n = e.ownerDocument.body, r = Ct(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), i = Ct(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight), a = -t.scrollLeft + Cn(e), o = -t.scrollTop;
-		return dn(n).direction === "rtl" && (a += Ct(e.clientWidth, n.clientWidth) - r), {
+		let t = fn(e), n = e.ownerDocument.body, r = wt(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), i = wt(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight), a = -t.scrollLeft + Cn(e), o = -t.scrollTop;
+		return dn(n).direction === "rtl" && (a += wt(e.clientWidth, n.clientWidth) - r), {
 			width: r,
 			height: i,
 			x: a,
@@ -2106,12 +2106,12 @@ function Tn(e, t, n) {
 			height: t.height
 		};
 	}
-	return Ht(r);
+	return Ut(r);
 }
 function En(e, t) {
 	let n = t.get(e);
 	if (n) return n;
-	let r = hn(e, [], !1).filter((e) => Zt(e) && qt(e) !== "body"), i = null, a = dn(e).position === "fixed", o = a ? pn(e) : e;
+	let r = hn(e, [], !1).filter((e) => Zt(e) && Jt(e) !== "body"), i = null, a = dn(e).position === "fixed", o = a ? pn(e) : e;
 	for (; Zt(o) && !un(o);) {
 		let e = dn(o), t = cn(o), n = i ? i.position : a ? "fixed" : "";
 		t || n !== "fixed" && (n !== "absolute" || e.position !== "static") ? i = e : r = r.filter((e) => e !== o), o = pn(o);
@@ -2122,13 +2122,13 @@ function Dn(e, t, n) {
 	let r = Qt(t), i = Yt(t), a = n === "fixed", o = Sn(e, !0, a, t), s = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, c = Et(0);
-	if ((r || !a) && ((qt(t) !== "body" || en(i)) && (s = fn(t)), r)) {
+	}, c = Dt(0);
+	if ((r || !a) && ((Jt(t) !== "body" || en(i)) && (s = fn(t)), r)) {
 		let e = Sn(t, !0, a, t);
 		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
 	}
 	!r && i && (c.x = Cn(i));
-	let l = !i || r || a ? Et(0) : wn(i, s);
+	let l = !i || r || a ? Dt(0) : wn(i, s);
 	return {
 		x: o.left + s.scrollLeft - c.x - l.x,
 		y: o.top + s.scrollTop - c.y - l.y,
@@ -2146,7 +2146,7 @@ function kn(e, t) {
 	return Yt(e) === n && (n = n.ownerDocument.body), n;
 }
 function An(e, t) {
-	let n = Jt(e);
+	let n = Q(e);
 	if (nn(e)) return n;
 	if (!Qt(e)) {
 		let t = pn(e);
@@ -2175,12 +2175,12 @@ var jn = {
 		let c = {
 			scrollLeft: 0,
 			scrollTop: 0
-		}, l = Et(1), u = Et(0), d = Qt(r);
-		if ((d || !a) && ((qt(r) !== "body" || en(o)) && (c = fn(r)), d)) {
+		}, l = Dt(1), u = Dt(0), d = Qt(r);
+		if ((d || !a) && ((Jt(r) !== "body" || en(o)) && (c = fn(r)), d)) {
 			let e = Sn(r);
 			l = yn(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
 		}
-		let f = !o || d || a ? Et(0) : wn(o, c);
+		let f = !o || d || a ? Dt(0) : wn(o, c);
 		return {
 			width: n.width * l.x,
 			height: n.height * l.y,
@@ -2193,7 +2193,7 @@ var jn = {
 		let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? nn(t) ? [] : En(t, this._c) : [].concat(n), r], o = Tn(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
 		for (let e = 1; e < a.length; e++) {
 			let n = Tn(t, a[e], i);
-			s = Ct(n.top, s), c = St(n.right, c), l = St(n.bottom, l), u = Ct(n.left, u);
+			s = wt(n.top, s), c = Ct(n.right, c), l = Ct(n.bottom, l), u = wt(n.left, u);
 		}
 		return {
 			width: c - u,
@@ -2251,8 +2251,8 @@ function Nn(e, t, n, r) {
 			let l = e.getBoundingClientRect(), { left: u, top: d, width: f, height: p } = l;
 			if (n || t(), !f || !p) return;
 			let m = {
-				rootMargin: -Tt(d) + "px " + -Tt(a.clientWidth - (u + f)) + "px " + -Tt(a.clientHeight - (d + p)) + "px " + -Tt(u) + "px",
-				threshold: Ct(0, St(1, c)) || 1
+				rootMargin: -Et(d) + "px " + -Et(a.clientWidth - (u + f)) + "px " + -Et(a.clientHeight - (d + p)) + "px " + -Et(u) + "px",
+				threshold: wt(0, Ct(1, c)) || 1
 			}, h = !0;
 			function g(t) {
 				let n = t[0].intersectionRatio;
@@ -2275,7 +2275,7 @@ function Nn(e, t, n, r) {
 			}
 			i.observe(e);
 		}
-		let c = Jt(e), l = () => s(n);
+		let c = Q(e), l = () => s(n);
 		return c.addEventListener("resize", l), s(!0), () => {
 			c.removeEventListener("resize", l), o();
 		};
@@ -2305,7 +2305,7 @@ var Pn = function(e) {
 		async fn(t) {
 			var n;
 			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await async function(e, t) {
-				let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = kt(n), s = At(n), c = Nt(n) === "y", l = Gt.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = Ot(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+				let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = At(n), s = jt(n), c = Pt(n) === "y", l = Kt.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = kt(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
 					mainAxis: d,
 					crossAxis: 0,
 					alignmentAxis: null
@@ -2343,11 +2343,11 @@ var Pn = function(e) {
 					x: t,
 					y: n
 				};
-			} }, ...l } = Ot(e, t), u = {
+			} }, ...l } = kt(e, t), u = {
 				x: n,
 				y: r
-			}, d = await a.detectOverflow(t, l), f = Nt(i), p = jt(f), m = u[p], h = u[f], g = (e, t) => {
-				return n = t + d[e === "y" ? "top" : "left"], r = t, i = t - d[e === "y" ? "bottom" : "right"], Ct(n, St(r, i));
+			}, d = await a.detectOverflow(t, l), f = Pt(i), p = Mt(f), m = u[p], h = u[f], g = (e, t) => {
+				return n = t + d[e === "y" ? "top" : "left"], r = t, i = t - d[e === "y" ? "bottom" : "right"], wt(n, Ct(r, i));
 				var n, r, i;
 			};
 			o && (m = g(p, m)), s && (h = g(f, h));
@@ -2375,23 +2375,23 @@ var Pn = function(e) {
 		options: e,
 		async fn(t) {
 			var n;
-			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = Ot(e, t);
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = kt(e, t);
 			if ((n = i.arrow) != null && n.alignmentOffset) return {};
-			let g = kt(r), _ = Nt(o), v = kt(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Vt(o)] : function(e) {
-				let t = Vt(e);
+			let g = At(r), _ = Pt(o), v = At(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Ht(o)] : function(e) {
+				let t = Ht(e);
 				return [
-					Ft(e),
+					It(e),
 					t,
-					Ft(t)
+					It(t)
 				];
 			}(o)), x = p !== "none";
-			!d && x && b.push(...Bt(o, m, p, y));
+			!d && x && b.push(...Vt(o, m, p, y));
 			let S = [o, ...b], C = await s.detectOverflow(t, h), w = [], T = i.flip?.overflows || [];
 			if (l && w.push(C[g]), u) {
 				let e = function(e, t, n) {
 					n === void 0 && (n = !1);
-					let r = At(e), i = Pt(e), a = Mt(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-					return t.reference[a] > t.floating[a] && (o = Vt(o)), [o, Vt(o)];
+					let r = jt(e), i = Ft(e), a = Nt(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+					return t.reference[a] > t.floating[a] && (o = Ht(o)), [o, Ht(o)];
 				}(r, a, y);
 				w.push(C[e[0]], C[e[1]]);
 			}
@@ -2400,7 +2400,7 @@ var Pn = function(e) {
 				overflows: w
 			}], !w.every((e) => e <= 0)) {
 				let e = (i.flip?.index || 0) + 1, t = S[e];
-				if (t && (u !== "alignment" || _ === Nt(t) || T.every((e) => Nt(e.placement) !== _ || e.overflows[0] > 0))) return {
+				if (t && (u !== "alignment" || _ === Pt(t) || T.every((e) => Pt(e.placement) !== _ || e.overflows[0] > 0))) return {
 					data: {
 						index: e,
 						overflows: T
@@ -2412,7 +2412,7 @@ var Pn = function(e) {
 					case "bestFit": {
 						let e = T.filter((e) => {
 							if (x) {
-								let t = Nt(e.placement);
+								let t = Pt(e.placement);
 								return t === _ || t === "y";
 							}
 							return !0;
@@ -2436,12 +2436,12 @@ var Pn = function(e) {
 	return (async (e, t, n) => {
 		let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
 			...o,
-			detectOverflow: Wt
+			detectOverflow: Gt
 		}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
 			reference: e,
 			floating: t,
 			strategy: i
-		}), { x: u, y: d } = Ut(l, r, c), f = r, p = 0, m = {};
+		}), { x: u, y: d } = Wt(l, r, c), f = r, p = 0, m = {};
 		for (let n = 0; n < a.length; n++) {
 			let h = a[n];
 			if (!h) continue;
@@ -2466,7 +2466,7 @@ var Pn = function(e) {
 				reference: e,
 				floating: t,
 				strategy: i
-			}) : x.rects), {x: u, y: d} = Ut(l, f, c)), n = -1);
+			}) : x.rects), {x: u, y: d} = Wt(l, f, c)), n = -1);
 		}
 		return {
 			x: u,
@@ -2680,7 +2680,7 @@ var Un = (e, t) => {
 	}), o ?? d());
 }, Yn = (e) => {
 	let { anchor: t, placement: n, whenOff: r, boundary: i, minVisible: a, offset: o = 4, alignOffset: s = 0, open: c = !0, container: l, className: u, style: d, zIndex: f = 1250, children: p } = e;
-	return y(yt, {
+	return y(bt, {
 		anchor: t,
 		placement: n,
 		whenOff: r,
@@ -2738,7 +2738,7 @@ var Xn = { pointerEvents: "auto" }, Zn = (e = {}) => {
 		close: b
 	};
 }, Qn = (e, t = {}) => {
-	let { open: n, setTarget: r, tipProps: i } = Zn(t), a = Je(), o = xe(a), s = l(Ee), c = h({}), d = Te(e);
+	let { open: n, setTarget: r, tipProps: i } = Zn(t), a = Ye(), o = Se(a), s = l(De), c = h({}), d = Ee(e);
 	return c.current = {
 		pointermove: (t, n) => {
 			let i = t, o = (n ?? a)?.getCellFromPointer(i.clientX, i.clientY);
@@ -2755,7 +2755,7 @@ var Xn = { pointerEvents: "auto" }, Zn = (e = {}) => {
 		tipProps: i
 	};
 }, $n = (e) => {
-	let { probe: t, placement: n, offset: r = 6, alignOffset: i = 0, openDelay: a = 300, closeDelay: o = 150, whenOff: s = "hide", boundary: c, zIndex: l, dismiss: d, children: f, className: p, style: m } = e, _ = Z(), { open: v, setTarget: b, tipProps: x, close: S } = Zn({
+	let { probe: t, placement: n, offset: r = 6, alignOffset: i = 0, openDelay: a = 300, closeDelay: o = 150, whenOff: s = "hide", boundary: c, zIndex: l, dismiss: d, children: f, className: p, style: m } = e, _ = X(), { open: v, setTarget: b, tipProps: x, close: S } = Zn({
 		openDelay: a,
 		closeDelay: o
 	}), [C, w] = g(null), T = h(null), E = N((e) => {
@@ -2763,7 +2763,7 @@ var Xn = { pointerEvents: "auto" }, Zn = (e = {}) => {
 		if (n) {
 			let e = t(n, _);
 			if (e && e.range) {
-				let t = e.key ?? Te(e.range);
+				let t = e.key ?? Ee(e.range);
 				t !== T.current && (T.current = t, w({
 					key: t,
 					range: e.range,
@@ -2782,8 +2782,8 @@ var Xn = { pointerEvents: "auto" }, Zn = (e = {}) => {
 	}, [b]);
 	return u(() => {
 		d && (T.current = null, S(), w(null));
-	}, [d, S]), y(Ze, {
-		className: q(p, "hover-tip"),
+	}, [d, S]), y(Qe, {
+		className: K(p, "hover-tip"),
 		onPointerMove: E,
 		onPointerLeave: D,
 		children: C && y(Yn, {
@@ -2924,7 +2924,7 @@ var cr = {
 	alignWidth: 2,
 	fill: "color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) 10%, transparent)"
 }, lr = s((e) => {
-	let { range: t, hole: n, clipInsets: r, alignWidth: i = 1, animatedTransition: a, className: o, ...s } = e, c = C.getDevicePixelRatio(), l = i / c, u = r ?? -l / 2, d = Je(), f = d ? d.getBoundsFromRange(t) : null, p = l + 4;
+	let { range: t, hole: n, clipInsets: r, alignWidth: i = 1, animatedTransition: a, className: o, ...s } = e, c = C.getDevicePixelRatio(), l = i / c, u = r ?? -l / 2, d = Ye(), f = d ? d.getBoundsFromRange(t) : null, p = l + 4;
 	if (d && f && !d.toClipBounds(f, u)) return null;
 	let m = d ? d.getPaneBounds() : null, h = m ? {
 		x: -p,
@@ -2947,8 +2947,8 @@ var cr = {
 		width: b.width,
 		height: b.height
 	} : void 0;
-	return y(tt, {
-		className: q(o),
+	return y(nt, {
+		className: K(o),
 		bounds: h ?? void 0,
 		clipInsets: u,
 		style: { pointerEvents: "none" },
@@ -3085,7 +3085,7 @@ function gr(e, t, n, r) {
 	};
 }
 var _r = (e) => {
-	let t = Z(), [n, r] = g(null), i = h(e);
+	let t = X(), [n, r] = g(null), i = h(e);
 	i.current = e;
 	let a = p(() => hr(t, (e, t) => i.current(e, t), r), [t]);
 	return u(() => () => a.dispose(), [a]), {
@@ -3096,7 +3096,7 @@ var _r = (e) => {
 		dragMode: n
 	};
 }, vr = (e) => {
-	let t = Z(), [n, r] = g(null), i = h(e);
+	let t = X(), [n, r] = g(null), i = h(e);
 	i.current = e;
 	let a = p(() => gr(t, (e, t) => i.current(e, t), r), [t]);
 	return u(() => () => a.dispose(), [a]), {
@@ -3104,9 +3104,27 @@ var _r = (e) => {
 		dragMode: n
 	};
 }, yr = (e) => {
-	let { range: t, anchor: n, size: r = 8, cursor: i, dragCursor: a, background: o = "var(--sxl-color-primary, rgb(33, 115, 70))", onDragStart: s, onDragMove: c, onDragEnd: l, onDragCancel: u, onHoverChange: d, hoverStyle: f, animatedTransition: p, renderHandle: m, children: h, className: _, style: b, preserveFocus: x, clampToView: S } = e, w = Z(), [T, E] = g(!1), { start: D, dragMode: O } = vr((e, t) => {
+	let t = h(null), n = h(!1);
+	return u(() => {
+		let e = (e) => {
+			n.current && (n.current = !1, e.stopPropagation(), e.preventDefault());
+		};
+		return window.addEventListener("dblclick", e, !0), () => window.removeEventListener("dblclick", e, !0);
+	}, []), (r) => {
+		if (!e || r.button !== 0) return !1;
+		let i = t.current, a = !!i && r.timeStamp - i.time <= 500 && Math.abs(r.clientX - i.x) <= 4 && Math.abs(r.clientY - i.y) <= 4;
+		return t.current = a ? null : {
+			time: r.timeStamp,
+			x: r.clientX,
+			y: r.clientY
+		}, !!a && (r.stopPropagation(), n.current = !0, window.setTimeout(() => {
+			n.current = !1;
+		}, 500), !0);
+	};
+}, br = (e) => {
+	let { range: t, anchor: n, size: r = 8, cursor: i, dragCursor: a, background: o = "var(--sxl-color-primary, rgb(33, 115, 70))", onDragStart: s, onDragMove: c, onDragEnd: l, onDragCancel: u, onDoubleClick: d, onHoverChange: f, hoverStyle: p, animatedTransition: m, renderHandle: h, children: _, className: b, style: x, preserveFocus: S, clampToView: w } = e, T = X(), [E, D] = g(!1), O = yr(!!d), { start: k, dragMode: A } = vr((e, t) => {
 		if (t.button !== 0) return null;
-		t.stopPropagation(), x && t.preventDefault();
+		t.stopPropagation(), S && t.preventDefault();
 		let n = e, r = e;
 		return s?.(n, t), {
 			dragMode: "handle",
@@ -3120,63 +3138,66 @@ var _r = (e) => {
 				u?.();
 			}
 		};
-	}), k = O !== null && a ? a : i ?? Cr[n], A = w.getBoundsFromRange(t);
-	if (!A) return null;
-	let j = C.getDevicePixelRatio(), M = Sr(A.x, A.x + A.width, br[n], j), N = Sr(A.y, A.y + A.height, xr[n], j);
-	if (S) {
-		if (!w.toClipBounds(w.getBoundsFromRange(t))) return null;
-		let e = w.getPaneBounds(), n = r / 2 + 1;
-		!0 !== S && S !== "x" || (M = Math.max(n, Math.min(e.width - n, M))), !0 !== S && S !== "y" || (N = Math.max(n, Math.min(e.height - n, N)));
+	}), j = A !== null && a ? a : i ?? wr[n], M = T.getBoundsFromRange(t);
+	if (!M) return null;
+	let N = C.getDevicePixelRatio(), P = Cr(M.x, M.x + M.width, xr[n], N), F = Cr(M.y, M.y + M.height, Sr[n], N);
+	if (w) {
+		if (!T.toClipBounds(T.getBoundsFromRange(t))) return null;
+		let e = T.getPaneBounds(), n = r / 2 + 1;
+		!0 !== w && w !== "x" || (P = Math.max(n, Math.min(e.width - n, P))), !0 !== w && w !== "y" || (F = Math.max(n, Math.min(e.height - n, F)));
 	}
-	let P = {
+	let I = {
 		position: "absolute",
-		cursor: k,
+		cursor: j,
 		pointerEvents: "all",
 		left: 0,
 		top: 0,
-		transform: `translate(${M}px, ${N}px) translate(-50%, -50%)`,
-		...p ? {
+		transform: `translate(${P}px, ${F}px) translate(-50%, -50%)`,
+		...m ? {
 			transition: "transform 60ms ease-in-out",
 			willChange: "transform"
 		} : void 0
-	}, F = {
-		onPointerDown: (e) => D(e),
+	}, ee = {
+		onPointerDown: (e) => {
+			O(e) ? d(e) : k(e);
+		},
+		onDoubleClick: d ? (e) => e.stopPropagation() : void 0,
 		onPointerEnter: () => {
-			E(!0), d?.(!0);
+			D(!0), f?.(!0);
 		},
 		onPointerLeave: () => {
-			E(!1), d?.(!1);
+			D(!1), f?.(!1);
 		}
 	};
-	return m ? y(v, { children: m({
+	return h ? y(v, { children: h({
 		anchor: n,
 		size: r,
-		cursor: k,
+		cursor: j,
 		background: o,
-		hovered: T,
+		hovered: E,
 		handleProps: {
-			...F,
-			style: P
+			...ee,
+			style: I
 		}
 	}) }) : y("div", {
-		className: _,
-		...F,
+		className: b,
+		...ee,
 		style: {
-			...P,
+			...I,
 			width: r,
 			height: r,
-			background: h == null ? o : void 0,
-			border: h == null ? "1px solid var(--sxl-color-base-100, white)" : void 0,
+			background: _ == null ? o : void 0,
+			border: _ == null ? "1px solid var(--sxl-color-base-100, white)" : void 0,
 			borderRadius: 1,
 			boxSizing: "border-box",
-			...b,
-			...T ? f : void 0
+			...x,
+			...E ? p : void 0
 		},
-		children: h
+		children: _
 	});
 };
-yr.displayName = "DragHandle";
-var br = {
+br.displayName = "DragHandle";
+var xr = {
 	tl: "leading",
 	l: "leading",
 	bl: "leading",
@@ -3185,7 +3206,7 @@ var br = {
 	tr: "trailing",
 	r: "trailing",
 	br: "trailing"
-}, xr = {
+}, Sr = {
 	tl: "leading",
 	t: "leading",
 	tr: "leading",
@@ -3194,7 +3215,7 @@ var br = {
 	bl: "trailing",
 	b: "trailing",
 	br: "trailing"
-}, Sr = (e, t, n, r) => n === "center" ? C.snapDeviceEdge((e + t) / 2, r) : C.edgeCenter(n === "leading" ? e : t, n, 2, r), Cr = {
+}, Cr = (e, t, n, r) => n === "center" ? C.snapDeviceEdge((e + t) / 2, r) : C.edgeCenter(n === "leading" ? e : t, n, 2, r), wr = {
 	tl: "nwse-resize",
 	br: "nwse-resize",
 	tr: "nesw-resize",
@@ -3203,79 +3224,91 @@ var br = {
 	b: "ns-resize",
 	l: "ew-resize",
 	r: "ew-resize"
-}, wr = (e) => {
-	let { range: t, children: n, grip: r = "entire", hitSize: i = 10, onHoverChange: a, onDragStateChange: o, onDragStart: s, onDragMove: c, onDragEnd: l, renderMove: u, preserveFocus: d } = e, f = Z(), p = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", m = h(null), [g, _] = Ye(p, null), { start: x, dragMode: S } = vr((e, n) => {
+}, Tr = (e) => {
+	let { range: t, children: n, grip: r = "entire", hitSize: i = 10, onHoverChange: a, onDragStateChange: o, onDragStart: s, onDragMove: c, onDragEnd: l, renderMove: u, preserveFocus: d, onEdgeDoubleClick: f } = e, p = X(), m = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", g = h(null), [_, x] = Xe(m, null), { start: S, dragMode: w } = vr((e, n) => {
 		if (n.button !== 0 || !t) return null;
 		n.stopPropagation(), d && n.preventDefault();
 		let r = e, i = t, a = i;
 		return o?.(!0), s?.(i, n), {
 			dragMode: "move",
 			drag: (e, t) => {
-				a = ((e) => Tr(i, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, f.getTotalRange()))(e), u && _(a), c?.(a, t ?? n);
+				a = ((e) => Er(i, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, p.getTotalRange()))(e), u && x(a), c?.(a, t ?? n);
 			},
 			end: (e) => {
-				o?.(!1), u && _(null), z.isEqualRanges(a, i) || l?.(a, e);
+				o?.(!1), u && x(null), z.isEqualRanges(a, i) || l?.(a, e);
 			},
 			cancel: () => {
-				o?.(!1), u && _(null);
+				o?.(!1), u && x(null);
 			}
 		};
-	}), w = S === null ? "move" : "grabbing";
+	}), T = yr(!!f), E = w === null ? "move" : "grabbing";
 	if (!t) return null;
-	let T = { onPointerDown: (e) => x(e, m.current) }, E = a ? {
+	let D = { onPointerDown: (e) => {
+		if (T(e)) {
+			let n = ((e) => {
+				let n = p?.getPanePointFromPointer(e.clientX, e.clientY), r = p?.getBoundsFromRange(t);
+				if (!n || !r) return null;
+				let i = Math.abs(n.y - r.y), a = Math.abs(n.y - (r.y + r.height)), o = Math.abs(n.x - r.x), s = Math.abs(n.x - (r.x + r.width)), c = Math.min(i, a, o, s);
+				return c === i ? "top" : c === a ? "bottom" : c === o ? "left" : "right";
+			})(e);
+			n && f(t, n, e);
+			return;
+		}
+		S(e, g.current);
+	} }, O = a ? {
 		onPointerEnter: () => a(!0),
 		onPointerLeave: () => a(!1)
-	} : void 0, D = i / C.getDevicePixelRatio(), O = f?.getBoundsFromRange(t), k = O ? {
-		x: O.x - D,
-		y: O.y - D,
-		width: O.width + 2 * D,
-		height: O.height + 2 * D
+	} : void 0, k = i / C.getDevicePixelRatio(), A = p?.getBoundsFromRange(t), j = A ? {
+		x: A.x - k,
+		y: A.y - k,
+		width: A.width + 2 * k,
+		height: A.height + 2 * k
 	} : void 0;
 	return b(v, { children: [
-		y(tt, r === "entire" ? {
-			ref: m,
-			...k ? { bounds: k } : { range: t },
-			style: { cursor: w },
-			...T,
-			...E
+		y(nt, r === "entire" ? {
+			ref: g,
+			...j ? { bounds: j } : { range: t },
+			style: { cursor: E },
+			...D,
+			...O
 		} : {
-			ref: m,
+			ref: g,
 			range: t,
-			clipInsets: -D / 2,
+			clipInsets: -k / 2,
 			style: {
 				pointerEvents: "none",
-				cursor: w
+				cursor: E
 			},
-			...T,
+			...D,
 			children: y(le, {
 				stroke: "transparent",
 				alignWidth: i,
 				propsStrokePath: {
 					cursor: "move",
 					pointerEvents: "stroke",
-					...E
+					...O
 				}
 			})
 		}),
 		n,
-		g && u?.(g)
+		_ && u?.(_)
 	] });
 };
-wr.displayName = "Draggable";
-var Tr = (e, t, n, r) => {
-	let i = e.rowEnd - e.rowStart, a = e.colEnd - e.colStart, o = J(e.rowStart + t, r.rowStart, r.rowEnd - i), s = J(e.colStart + n, r.colStart, r.colEnd - a);
+Tr.displayName = "Draggable";
+var Er = (e, t, n, r) => {
+	let i = e.rowEnd - e.rowStart, a = e.colEnd - e.colStart, o = q(e.rowStart + t, r.rowStart, r.rowEnd - i), s = q(e.colStart + n, r.colStart, r.colEnd - a);
 	return {
 		rowStart: o,
 		colStart: s,
 		rowEnd: o + i,
 		colEnd: s + a
 	};
-}, Er = [
+}, Dr = [
 	"tl",
 	"tr",
 	"br",
 	"bl"
-], Dr = [
+], Or = [
 	"tl",
 	"t",
 	"tr",
@@ -3284,17 +3317,17 @@ var Tr = (e, t, n, r) => {
 	"b",
 	"bl",
 	"l"
-], Or = (e) => {
-	let { range: t, anchors: n = Dr, onDragStart: r, onDragMove: i, onDragEnd: a, onDragCancel: o, onHandleHoverChange: s, size: c = 8, renderHandle: l, preserveFocus: u, ...d } = e, f = {
+], kr = (e) => {
+	let { range: t, anchors: n = Or, onDragStart: r, onDragMove: i, onDragEnd: a, onDragCancel: o, onHandleHoverChange: s, size: c = 8, renderHandle: l, preserveFocus: u, ...d } = e, f = {
 		...cr,
 		...d
-	}, p = f.stroke ?? "rgb(33, 115, 70)", m = Z(), [_, x] = g(null), S = h(null);
+	}, p = f.stroke ?? "rgb(33, 115, 70)", m = X(), [_, x] = g(null), S = h(null);
 	if (!t) return null;
 	let C = _ ?? t;
 	return b(v, { children: [y(lr, {
 		range: C,
 		...f
-	}), n.map((e) => y(yr, {
+	}), n.map((e) => y(br, {
 		range: C,
 		anchor: e,
 		size: c,
@@ -3313,11 +3346,11 @@ var Tr = (e, t, n, r) => {
 			S.current = t, r?.(t, n);
 		},
 		onDragMove: (n, r, a) => {
-			let o = kr(S.current ?? t, e, r, m.getTotalRange());
+			let o = Ar(S.current ?? t, e, r, m.getTotalRange());
 			x(o), i?.(o, a);
 		},
 		onDragEnd: (n, r, i) => {
-			let o = kr(S.current ?? t, e, r, m.getTotalRange());
+			let o = Ar(S.current ?? t, e, r, m.getTotalRange());
 			S.current = null, x(null), a?.(o, i);
 		},
 		onDragCancel: () => {
@@ -3325,29 +3358,29 @@ var Tr = (e, t, n, r) => {
 		}
 	}, e))] });
 };
-Or.displayName = "RangeResizer";
-var kr = (e, t, n, r) => {
+kr.displayName = "RangeResizer";
+var Ar = (e, t, n, r) => {
 	let { rowStart: i, colStart: a, rowEnd: o, colEnd: s } = e;
-	return t.includes("t") && (i = J(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("b") && (o = J(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("l") && (a = J(n.colIndex, r.colStart, r.colEnd)), t.includes("r") && (s = J(n.colIndex, r.colStart, r.colEnd)), {
+	return t.includes("t") && (i = q(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("b") && (o = q(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("l") && (a = q(n.colIndex, r.colStart, r.colEnd)), t.includes("r") && (s = q(n.colIndex, r.colStart, r.colEnd)), {
 		rowStart: Math.min(i, o),
 		colStart: Math.min(a, s),
 		rowEnd: Math.max(i, o),
 		colEnd: Math.max(a, s)
 	};
-}, Ar = (e) => {
-	let { range: t, snapDestination: n, onDragStart: r, onDragMove: i, onDragEnd: a, onDragDone: o, renderHandle: s, ...c } = e, l = {
+}, jr = (e) => {
+	let { range: t, snapDestination: n, onDragStart: r, onDragMove: i, onDragEnd: a, onDragDone: o, onDoubleClick: s, renderHandle: c, ...l } = e, u = {
 		...cr,
 		fill: void 0,
-		...c
-	}, u = l.stroke, d = {
-		...l,
+		...l
+	}, d = u.stroke, f = {
+		...u,
 		strokeDasharray: "3 2"
-	}, f = Z(), p = h(null), [m, g] = Ye("range-fill", null);
+	}, p = X(), m = h(null), [g, _] = Xe("range-fill", null);
 	if (!t) return null;
-	let _ = f.getTotalRange(), x = t.rowStart === _.rowStart && t.rowEnd === _.rowEnd, S = t.colStart === _.colStart && t.colEnd === _.colEnd;
-	if (x && S) return null;
-	let C = Object.keys(f.getAllPanes()).length <= 1, w = f.getBoundsFromRange(t), T = f.getPaneBounds(), E = C && w.y >= 0 && w.y + w.height <= T.height, D = C && w.x >= 0 && w.x + w.width <= T.width, O = x && !E ? "tr" : S && !D ? "bl" : "br", k = O === "tr" ? "y" : O === "bl" && "x";
-	return k && !((e, t, n, r) => {
+	let x = p.getTotalRange(), S = t.rowStart === x.rowStart && t.rowEnd === x.rowEnd, C = t.colStart === x.colStart && t.colEnd === x.colEnd;
+	if (S && C) return null;
+	let w = Object.keys(p.getAllPanes()).length <= 1, T = p.getBoundsFromRange(t), E = p.getPaneBounds(), D = w && T.y >= 0 && T.y + T.height <= E.height, O = w && T.x >= 0 && T.x + T.width <= E.width, k = S && !D ? "tr" : C && !O ? "bl" : "br", A = k === "tr" ? "y" : k === "bl" && "x";
+	return A && !((e, t, n, r) => {
 		let i = e.getAllPanes();
 		if (Object.keys(i).length <= 1) return !0;
 		let a = e.getAnchor(), o = !!i[R.TopLeft], s = !!i[R.Top], c = !!i[R.Left], l = e.getVisibleRange();
@@ -3367,15 +3400,16 @@ var kr = (e, t, n, r) => {
 			rowIndex: t.rowStart
 		}, l))) return !1;
 		return !0;
-	})(f, t, x, S) ? null : b(v, { children: [y(yr, {
+	})(p, t, S, C) ? null : b(v, { children: [y(br, {
 		range: t,
-		anchor: O,
-		clampToView: k,
+		anchor: k,
+		clampToView: A,
 		cursor: "crosshair",
-		background: u,
-		renderHandle: s,
+		background: d,
+		renderHandle: c,
+		onDoubleClick: s ? (e) => s(t, e) : void 0,
 		onDragStart: (e, n) => {
-			p.current = null, g(null), r?.(t, n);
+			m.current = null, _(null), r?.(t, n);
 		},
 		onDragMove: (e, r, a) => {
 			let o = ((e, t, n) => {
@@ -3393,35 +3427,35 @@ var kr = (e, t, n, r) => {
 					...e,
 					colStart: Math.max(n.colStart, t.colIndex)
 				};
-			})(t, r, f.getTotalRange());
-			o && n && (o = n(t, o)), p.current = o, g(o), o && i?.(o, a);
+			})(t, r, p.getTotalRange());
+			o && n && (o = n(t, o)), m.current = o, _(o), o && i?.(o, a);
 		},
 		onDragEnd: (e, t, n) => {
-			let r = p.current;
-			p.current = null, g(null), r && a?.(r, n), o?.(n);
+			let r = m.current;
+			m.current = null, _(null), r && a?.(r, n), o?.(n);
 		},
 		onDragCancel: () => {
-			p.current = null, g(null), o?.();
+			m.current = null, _(null), o?.();
 		}
-	}), m && y(lr, {
-		range: m,
-		...d
+	}), g && y(lr, {
+		range: g,
+		...f
 	})] });
 };
-Ar.displayName = "FillHandle";
-var jr = s((e) => {
+jr.displayName = "FillHandle";
+var Mr = s((e) => {
 	let { value: t, pane: n, bounds: r, cell: i, range: a, children: o, className: s, ...c } = e;
 	return y("div", {
-		className: q(s, "cell"),
+		className: K(s, "cell"),
 		...c,
 		children: t
 	});
-}), Mr = Object.freeze({
+}), Nr = Object.freeze({
 	cells: [],
 	rangesH: [],
 	rangesV: []
-}), Nr = !1, Pr = /* @__PURE__ */ new WeakMap(), Fr = (e, t = {}) => {
-	let n = e.getVisibleRange(), r = e.getScrollTopLeft(), i = t.bufferRange, a = !!i, o = i ? i.rowStart : 0, s = i ? i.colStart : 0, c = i ? i.rowEnd : 0, l = i ? i.colEnd : 0, u = Pr.get(e);
+}), Pr = !1, Fr = /* @__PURE__ */ new WeakMap(), Ir = (e, t = {}) => {
+	let n = e.getVisibleRange(), r = e.getScrollTopLeft(), i = t.bufferRange, a = !!i, o = i ? i.rowStart : 0, s = i ? i.colStart : 0, c = i ? i.rowEnd : 0, l = i ? i.colEnd : 0, u = Fr.get(e);
 	if (u && u.rowStart === n.rowStart && u.colStart === n.colStart && u.rowEnd === n.rowEnd && u.colEnd === n.colEnd && u.scrollLeft === r.left && u.scrollTop === r.top && u.hasBuffer === a && u.bRowStart === o && u.bColStart === s && u.bRowEnd === c && u.bColEnd === l && u.options.cacheToken === t.cacheToken && u.options.getVisibleCells === t.getVisibleCells && u.options.hiddenCellAt === t.hiddenCellAt) return u.model;
 	let d = ((e, t = {}) => {
 		let { getVisibleCells: n, hiddenCellAt: r, bufferRange: i } = t, a = e.getTotalRange(), o = i ? {
@@ -3430,7 +3464,7 @@ var jr = s((e) => {
 			colStart: Math.max(i.colStart, a.colStart),
 			colEnd: Math.min(i.colEnd, a.colEnd)
 		} : null, s = o ? e.getVisibleColumns(o.colStart, o.colEnd) : e.getVisibleColumns(), c = o ? e.getVisibleRows(o.rowStart, o.rowEnd) : e.getVisibleRows();
-		if (s.length === 0 || c.length === 0) return Mr;
+		if (s.length === 0 || c.length === 0) return Nr;
 		let l = (t) => e.getRangeFromCell(t), u;
 		if (n) u = n(e, i);
 		else {
@@ -3451,7 +3485,7 @@ var jr = s((e) => {
 			}
 		}
 		let d = u ? u.length : 0;
-		if (d === 0) return Mr;
+		if (d === 0) return Nr;
 		let f = e.getVisibleRange(), p = i ?? f, m = [], h = [], g = [], _ = /* @__PURE__ */ new Set();
 		for (let t = 0; t < d; t++) {
 			let n = u[t], i = n?.cell ?? n;
@@ -3472,7 +3506,7 @@ var jr = s((e) => {
 					rowIndex: t.rowStart,
 					colIndex: t.colStart
 				});
-				let n = zr(a.rowStart, a.colStart);
+				let n = Br(a.rowStart, a.colStart);
 				if (_.has(n)) continue;
 				_.add(n), a.rowEnd - a.rowStart > 0 && h.push(a), a.colEnd - a.colStart > 0 && g.push(a), s = e.getBoundsFromRange(a);
 			} else {
@@ -3489,7 +3523,7 @@ var jr = s((e) => {
 				range: a,
 				bounds: s,
 				value: n?.value
-			}) : Nr || (Nr = !0, console.warn("grid-react: no bounds for cell", zr(a.rowStart, a.colStart)));
+			}) : Pr || (Pr = !0, console.warn("grid-react: no bounds for cell", Br(a.rowStart, a.colStart)));
 		}
 		return {
 			cells: m,
@@ -3497,7 +3531,7 @@ var jr = s((e) => {
 			rangesV: g
 		};
 	})(e, t);
-	return Pr.set(e, {
+	return Fr.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3512,16 +3546,16 @@ var jr = s((e) => {
 		options: t,
 		model: d
 	}), d;
-}, Ir = Object.freeze({
+}, Lr = Object.freeze({
 	rangesH: [],
 	rangesV: []
-}), Lr = /* @__PURE__ */ new WeakMap(), Rr = (e, t = {}) => {
-	let n = e.getVisibleRange(), r = Lr.get(e);
+}), Rr = /* @__PURE__ */ new WeakMap(), zr = (e, t = {}) => {
+	let n = e.getVisibleRange(), r = Rr.get(e);
 	if (r && r.rowStart === n.rowStart && r.colStart === n.colStart && r.rowEnd === n.rowEnd && r.colEnd === n.colEnd && r.cacheToken === t.cacheToken && r.getVisibleCells === t.getVisibleCells) return r.ranges;
 	let i = ((e, t = {}) => {
 		let { getVisibleCells: n } = t, r = e.getVisibleRange(), i = [], a = [], o = /* @__PURE__ */ new Set(), s = (e) => {
 			if (z.isSingleCell(e) || !z.isRangesIntersect(e, r) && !z.isRangeWithinRange(e, r)) return;
-			let t = zr(e.rowStart, e.colStart);
+			let t = Br(e.rowStart, e.colStart);
 			o.has(t) || (o.add(t), e.rowEnd - e.rowStart > 0 && i.push(e), e.colEnd - e.colStart > 0 && a.push(e));
 		};
 		if (n) {
@@ -3540,12 +3574,12 @@ var jr = s((e) => {
 				}));
 			}
 		}
-		return i.length === 0 && a.length === 0 ? Ir : {
+		return i.length === 0 && a.length === 0 ? Lr : {
 			rangesH: i,
 			rangesV: a
 		};
 	})(e, t);
-	return Lr.set(e, {
+	return Rr.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3554,11 +3588,11 @@ var jr = s((e) => {
 		cacheToken: t.cacheToken,
 		ranges: i
 	}), i;
-}, zr = (e, t) => `${e}:${t}`, Br = {
+}, Br = (e, t) => `${e}:${t}`, Vr = {
 	tiles: "_tiles_ikr1b_7",
 	gridlines: "_gridlines_ikr1b_26"
-}, Vr = s((e) => {
-	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s } = e, c = Z(), l = c.getAnchor(), u = d(), f = p(() => `sxl-cl-${u.replace(/[^a-zA-Z0-9_-]/g, "")}`, [u]), m = h({
+}, Hr = s((e) => {
+	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s } = e, c = X(), l = c.getAnchor(), u = d(), f = p(() => `sxl-cl-${u.replace(/[^a-zA-Z0-9_-]/g, "")}`, [u]), m = h({
 		token: void 0,
 		renderCell: void 0,
 		getVisibleCells: void 0,
@@ -3567,8 +3601,8 @@ var jr = s((e) => {
 		rebaseLeft: 0,
 		rebaseTop: 0,
 		map: /* @__PURE__ */ new Map()
-	}), g = c.getScrollTopLeft(), _ = c.getFreezeTopLeft(), x = g.left + _.left, S = g.top + _.top, C = Math.floor(x / Ur) * Ur, w = Math.floor(S / Ur) * Ur, T = c.getVisibleRange(), E = 0, D = -1, O = 0, k = -1;
-	T && (E = Math.max(0, Math.floor(T.rowStart / $) - Wr), D = Math.floor(T.rowEnd / $) + Wr, O = Math.max(0, Math.floor(T.colStart / $) - Wr), k = Math.floor(T.colEnd / $) + Wr);
+	}), g = c.getScrollTopLeft(), _ = c.getFreezeTopLeft(), x = g.left + _.left, S = g.top + _.top, C = Math.floor(x / Wr) * Wr, w = Math.floor(S / Wr) * Wr, T = c.getVisibleRange(), E = 0, D = -1, O = 0, k = -1;
+	T && (E = Math.max(0, Math.floor(T.rowStart / $) - Gr), D = Math.floor(T.rowEnd / $) + Gr, O = Math.max(0, Math.floor(T.colStart / $) - Gr), k = Math.floor(T.colEnd / $) + Gr);
 	let A = p(() => {
 		if (!T || D < E) return null;
 		let e = m.current;
@@ -3578,7 +3612,7 @@ var jr = s((e) => {
 			colStart: Math.max(o.colStart, O * $),
 			rowEnd: Math.min(o.rowEnd, (D + 1) * $ - 1),
 			colEnd: Math.min(o.colEnd, (k + 1) * $ - 1)
-		}, { cells: u } = Fr(c, {
+		}, { cells: u } = Ir(c, {
 			getVisibleCells: r,
 			hiddenCellAt: i,
 			bufferRange: s,
@@ -3593,14 +3627,14 @@ var jr = s((e) => {
 			let r = e >= E && e <= D && n >= O && n <= k, i = `${e}:${n}`, s = a.get(i);
 			if (s === void 0) {
 				let u = d.get(i);
-				if (!u && !Kr) return;
+				if (!u && !qr) return;
 				let f = c.getBoundsFromRange({
 					rowStart: e * $,
 					colStart: n * $,
 					rowEnd: Math.min(o.rowEnd, e * $ + $ - 1),
 					colEnd: Math.min(o.colEnd, n * $ + $ - 1)
 				}), p = x + f.x - C, m = S + f.y - w, h = [];
-				if (Kr && h.push(y("div", { style: {
+				if (qr && h.push(y("div", { style: {
 					position: "absolute",
 					left: 0,
 					top: 0,
@@ -3611,13 +3645,13 @@ var jr = s((e) => {
 				} }, "__bg")), u) for (let e = 0; e < u.length; e++) {
 					let { cell: n, range: r, bounds: i, value: a } = u[e];
 					i && h.push(t({
-						key: `pane:${l}:cell:${zr(n.rowIndex, n.colIndex)}`,
+						key: `pane:${l}:cell:${Br(n.rowIndex, n.colIndex)}`,
 						cell: n,
 						bounds: i,
 						range: r,
 						pane: c,
 						value: a,
-						"data-rc": zr(n.rowIndex, n.colIndex),
+						"data-rc": Br(n.rowIndex, n.colIndex),
 						style: {
 							left: i.x - f.x,
 							top: i.y - f.y,
@@ -3630,14 +3664,14 @@ var jr = s((e) => {
 					className: "tile",
 					style: { transform: `translate(${p}px, ${m}px)` },
 					children: h
-				}, `pane:${l}:tile:${e}:${n}`), r && (a.set(i, s), a.size > Gr)) {
+				}, `pane:${l}:tile:${e}:${n}`), r && (a.set(i, s), a.size > Kr)) {
 					let e = a.keys().next().value;
 					e !== void 0 && a.delete(e);
 				}
 			}
 			s && f.push(s);
 		};
-		if (Kr) {
+		if (qr) {
 			for (let e = E; e <= D && !(e * $ > o.rowEnd); e++) for (let t = O; t <= k && !(t * $ > o.colEnd); t++) p(e, t);
 			for (let e of d.keys()) {
 				let t = e.indexOf(":"), n = Number(e.slice(0, t)), r = Number(e.slice(t + 1));
@@ -3659,9 +3693,9 @@ var jr = s((e) => {
 		C,
 		w
 	]);
-	return b(v, { children: [y(tt, {
+	return b(v, { children: [y(nt, {
 		fill: !0,
-		className: q(Br.tiles, f, o),
+		className: K(Vr.tiles, f, o),
 		style: {
 			pointerEvents: "none",
 			...s,
@@ -3669,15 +3703,15 @@ var jr = s((e) => {
 			willChange: "transform"
 		},
 		children: A
-	}), a ? y("style", { children: `.${f} [data-rc="${zr(a.rowIndex, a.colIndex)}"]{visibility:hidden !important;}` }) : null] });
+	}), a ? y("style", { children: `.${f} [data-rc="${Br(a.rowIndex, a.colIndex)}"]{visibility:hidden !important;}` }) : null] });
 });
-Vr.displayName = "CellTileDiv";
-var Hr = s((e) => {
+Hr.displayName = "CellTileDiv";
+var Ur = s((e) => {
 	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s, ...c } = e;
-	return y(Ze, {
-		className: q(o, "tiles"),
+	return y(Qe, {
+		className: K(o, "tiles"),
 		...c,
-		children: y(Vr, {
+		children: y(Hr, {
 			renderCell: t,
 			cacheToken: n,
 			getVisibleCells: r,
@@ -3687,9 +3721,9 @@ var Hr = s((e) => {
 		})
 	});
 });
-Hr.displayName = "CellLayer";
-var $ = 8, Ur = 1 << 19, Wr = 1, Gr = 512, Kr = !1, qr = (e, t, n) => {
-	let r = C.getDevicePixelRatio(), i = Zr / r, a = e.getVisibleRange(), o = (t) => e.getColumnSize(t).offset, s = (t) => {
+Ur.displayName = "CellLayer";
+var $ = 8, Wr = 1 << 19, Gr = 1, Kr = 512, qr = !1, Jr = (e, t, n) => {
+	let r = C.getDevicePixelRatio(), i = Qr / r, a = e.getVisibleRange(), o = (t) => e.getColumnSize(t).offset, s = (t) => {
 		let n = e.getColumnSize(t);
 		return n.offset + n.size;
 	}, c = (t) => e.getRowSize(t).offset, l = (t) => {
@@ -3756,18 +3790,18 @@ var $ = 8, Ur = 1 << 19, Wr = 1, Gr = 512, Kr = !1, qr = (e, t, n) => {
 		}
 	}
 	return p;
-}, Jr = (e) => {
+}, Yr = (e) => {
 	let t = "";
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
 		t += `${r.rowStart},${r.colStart},${r.rowEnd},${r.colEnd};`;
 	}
 	return t;
-}, Yr = (e, t, n, r, i) => {
+}, Xr = (e, t, n, r, i) => {
 	if (!n) return null;
-	let a = e.getPaneBounds(), o = Math.ceil(a.width), s = Math.ceil(a.height), c = String(Zr / C.getDevicePixelRatio());
+	let a = e.getPaneBounds(), o = Math.ceil(a.width), s = Math.ceil(a.height), c = String(Qr / C.getDevicePixelRatio());
 	return y("svg", {
-		className: q(t ? "horizontal" : "vertical"),
+		className: K(t ? "horizontal" : "vertical"),
 		width: `${o}`,
 		height: `${s}`,
 		viewBox: `0 0 ${o} ${s}`,
@@ -3781,35 +3815,35 @@ var $ = 8, Ur = 1 << 19, Wr = 1, Gr = 512, Kr = !1, qr = (e, t, n) => {
 			...i
 		})
 	});
-}, Xr = s((e) => {
-	let { showGridLines: t = !0, gridLineColor: n = "var(--sxl-color-base-300, rgb(224, 224, 224))", propsRows: r, propsColumns: i, getVisibleCells: a, hiddenCellAt: o, cacheToken: s, bufferRange: c, className: l, style: u, ...d } = e, f = Z(), m = t, h = !0 === t || !0 === m?.horizontal, g = !0 === t || !0 === m?.vertical, { rangesH: _, rangesV: v } = Rr(f, {
+}, Zr = s((e) => {
+	let { showGridLines: t = !0, gridLineColor: n = "var(--sxl-color-base-300, rgb(224, 224, 224))", propsRows: r, propsColumns: i, getVisibleCells: a, hiddenCellAt: o, cacheToken: s, bufferRange: c, className: l, style: u, ...d } = e, f = X(), m = t, h = !0 === t || !0 === m?.horizontal, g = !0 === t || !0 === m?.vertical, { rangesH: _, rangesV: v } = zr(f, {
 		getVisibleCells: a,
 		cacheToken: s
-	}), x = C.getDevicePixelRatio(), { top: S, left: w } = f.getScrollTopLeft(), T = f.getPaneBounds(), E = f.getVisibleRange(), D = f.getColumnSize(E.colEnd), O = f.getRowSize(E.rowEnd), k = Math.min(T.width, D ? D.offset + D.size : T.width), A = Math.min(T.height, O ? O.offset + O.size : T.height), j = _.length === 0 ? `${S}|${k}|${x}` : `${S}|${w}|${k}|${x}|${Jr(_)}`, M = v.length === 0 ? `${w}|${A}|${x}` : `${w}|${S}|${A}|${x}|${Jr(v)}`, N = p(() => h ? qr(f, !0, _) : null, [
+	}), x = C.getDevicePixelRatio(), { top: S, left: w } = f.getScrollTopLeft(), T = f.getPaneBounds(), E = f.getVisibleRange(), D = f.getColumnSize(E.colEnd), O = f.getRowSize(E.rowEnd), k = Math.min(T.width, D ? D.offset + D.size : T.width), A = Math.min(T.height, O ? O.offset + O.size : T.height), j = _.length === 0 ? `${S}|${k}|${x}` : `${S}|${w}|${k}|${x}|${Yr(_)}`, M = v.length === 0 ? `${w}|${A}|${x}` : `${w}|${S}|${A}|${x}|${Yr(v)}`, N = p(() => h ? Jr(f, !0, _) : null, [
 		f,
 		h,
 		j
-	]), P = p(() => g ? qr(f, !1, v) : null, [
+	]), P = p(() => g ? Jr(f, !1, v) : null, [
 		f,
 		g,
 		M
 	]);
-	return h || g ? y(Ze, {
+	return h || g ? y(Qe, {
 		...d,
-		className: q(l, "gridlines"),
-		children: b(tt, {
+		className: K(l, "gridlines"),
+		children: b(nt, {
 			fill: !0,
-			className: Br.gridlines,
+			className: Vr.gridlines,
 			style: {
 				pointerEvents: "none",
 				...u
 			},
-			children: [h && N ? Yr(f, !0, N, n, r) : null, g && P ? Yr(f, !1, P, n, i) : null]
+			children: [h && N ? Xr(f, !0, N, n, r) : null, g && P ? Xr(f, !1, P, n, i) : null]
 		})
 	}) : null;
 });
-Xr.displayName = "GridlineLayer";
-var Zr = 1, Qr = -10, $r = class {
+Zr.displayName = "GridlineLayer";
+var Qr = 1, $r = -10, ei = class {
 	constructor(e = {}) {
 		this.listeners = /* @__PURE__ */ new Set(), this._coords = e.initial ?? {
 			cell: {
@@ -3818,7 +3852,7 @@ var Zr = 1, Qr = -10, $r = class {
 			},
 			ranges: z.EmptyRanges,
 			rangeIndex: -1
-		}, this._getBounds = e.getBounds ?? (() => ni);
+		}, this._getBounds = e.getBounds ?? (() => ri);
 	}
 	getSelection() {
 		return this._coords;
@@ -3827,7 +3861,7 @@ var Zr = 1, Qr = -10, $r = class {
 		z.isEqualSelectionCoords(this._coords, e) || (this._coords = e, this.listeners.forEach((e) => e()));
 	}
 	navigate(e, t = !1, n = !1, r = 1) {
-		let i = this._getBounds(), { cell: a } = this._coords, o = e === B.Down ? 1 : e === B.Up ? -1 : 0, s = e === B.Right ? 1 : e === B.Left ? -1 : 0, c = (e) => e === 0 ? 0 : n ? e > 0 ? Infinity : -Infinity : e * Math.max(1, r), l = this._activeRange(), u = t ? a.rowIndex === l.rowStart ? l.rowEnd : l.rowStart : a.rowIndex, d = t ? a.colIndex === l.colStart ? l.colEnd : l.colStart : a.colIndex, f = J(u + c(o), i.rowStart, i.rowEnd), p = J(d + c(s), i.colStart, i.colEnd);
+		let i = this._getBounds(), { cell: a } = this._coords, o = e === B.Down ? 1 : e === B.Up ? -1 : 0, s = e === B.Right ? 1 : e === B.Left ? -1 : 0, c = (e) => e === 0 ? 0 : n ? e > 0 ? Infinity : -Infinity : e * Math.max(1, r), l = this._activeRange(), u = t ? a.rowIndex === l.rowStart ? l.rowEnd : l.rowStart : a.rowIndex, d = t ? a.colIndex === l.colStart ? l.colEnd : l.colStart : a.colIndex, f = q(u + c(o), i.rowStart, i.rowEnd), p = q(d + c(s), i.colStart, i.colEnd);
 		if (!t) return void this.setSelection({
 			cell: {
 				rowIndex: f,
@@ -3879,12 +3913,12 @@ var Zr = 1, Qr = -10, $r = class {
 		return e >= 0 ? this._coords.ranges[e] : z.cellToRange(this._coords.cell);
 	}
 	modify(e, t = this._coords.cell) {
-		let n = this._activeRange(), r = ei({
+		let n = this._activeRange(), r = ti({
 			rowStart: Math.min(e.rowIndex ?? n.rowStart, t.rowIndex ?? n.rowStart),
 			colStart: Math.min(e.colIndex ?? n.colStart, t.colIndex ?? n.colStart),
 			rowEnd: Math.max(e.rowIndex ?? n.rowEnd, t.rowIndex ?? n.rowEnd),
 			colEnd: Math.max(e.colIndex ?? n.colEnd, t.colIndex ?? n.colEnd)
-		}, this._getBounds()), i = this._coords, a = this._activeIndex(), o = a >= 0 ? i.ranges.map((e, t) => t === a ? r : e) : [r], s = ti(i.cell, r);
+		}, this._getBounds()), i = this._coords, a = this._activeIndex(), o = a >= 0 ? i.ranges.map((e, t) => t === a ? r : e) : [r], s = ni(i.cell, r);
 		this.setSelection({
 			cell: s,
 			ranges: o,
@@ -3892,7 +3926,7 @@ var Zr = 1, Qr = -10, $r = class {
 		});
 	}
 	append(e, t = e) {
-		let n = ei({
+		let n = ti({
 			rowStart: Math.min(e.rowIndex, t.rowIndex),
 			colStart: Math.min(e.colIndex, t.colIndex),
 			rowEnd: Math.max(e.rowIndex, t.rowIndex),
@@ -3967,54 +4001,54 @@ var Zr = 1, Qr = -10, $r = class {
 			this.listeners.delete(e);
 		};
 	}
-}, ei = (e, t) => ({
-	rowStart: J(e.rowStart, t.rowStart, t.rowEnd),
-	colStart: J(e.colStart, t.colStart, t.colEnd),
-	rowEnd: J(e.rowEnd, t.rowStart, t.rowEnd),
-	colEnd: J(e.colEnd, t.colStart, t.colEnd)
-}), ti = (e, t) => ({
-	rowIndex: J(e.rowIndex, t.rowStart, t.rowEnd),
-	colIndex: J(e.colIndex, t.colStart, t.colEnd)
-}), ni = {
+}, ti = (e, t) => ({
+	rowStart: q(e.rowStart, t.rowStart, t.rowEnd),
+	colStart: q(e.colStart, t.colStart, t.colEnd),
+	rowEnd: q(e.rowEnd, t.rowStart, t.rowEnd),
+	colEnd: q(e.colEnd, t.colStart, t.colEnd)
+}), ni = (e, t) => ({
+	rowIndex: q(e.rowIndex, t.rowStart, t.rowEnd),
+	colIndex: q(e.colIndex, t.colStart, t.colEnd)
+}), ri = {
 	rowStart: 0,
 	colStart: 0,
 	rowEnd: 2 ** 53 - 1,
 	colEnd: 2 ** 53 - 1
-}, ri = "var(--sxl-color-primary, rgb(33, 115, 70))", ii = "var(--sxl-color-base-100, rgb(255, 255, 255))", ai = "var(--sxl-color-warning, rgb(255, 0, 0))", oi = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, si = {
-	fill: { fill: oi(10) },
+}, ii = "var(--sxl-color-primary, rgb(33, 115, 70))", ai = "var(--sxl-color-base-100, rgb(255, 255, 255))", oi = "var(--sxl-color-warning, rgb(255, 0, 0))", si = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, ci = {
+	fill: { fill: si(10) },
 	border: {
-		stroke: ri,
+		stroke: ii,
 		alignWidth: 2,
 		style: { filter: "drop-shadow(1px 1px 0.3px var(--sxl-color-shadow, rgba(0, 0, 0, 0.24)))" }
 	},
 	inner: {
-		stroke: ii,
+		stroke: ai,
 		alignWidth: 2,
 		inset: 1
 	}
-}, ci = {
-	fill: { fill: oi(6) },
+}, li = {
+	fill: { fill: si(6) },
 	border: {
-		stroke: ri,
+		stroke: ii,
 		alignWidth: 1
 	},
 	inner: {
-		stroke: ii,
+		stroke: ai,
 		alignWidth: 1,
 		inset: 1
 	}
-}, li = {
-	stroke: ri,
+}, ui = {
+	stroke: ii,
 	alignWidth: 1,
 	inset: 2
-}, ui = {
-	fill: { fill: `color-mix(in srgb, ${ai} 10%, transparent)` },
+}, di = {
+	fill: { fill: `color-mix(in srgb, ${oi} 10%, transparent)` },
 	border: {
-		stroke: ai,
+		stroke: oi,
 		alignWidth: 2
 	}
-}, di = (e, t) => {
-	let n = Z(), r = t?.allowDeselect ?? !0, i = t?.allowMulti ?? !0, a = h(null), [o, s] = g(null), c = h(t?.onSelectionEnd);
+}, fi = (e, t) => {
+	let n = X(), r = t?.allowDeselect ?? !0, i = t?.allowMulti ?? !0, a = h(null), [o, s] = g(null), c = h(t?.onSelectionEnd);
 	c.current = t?.onSelectionEnd;
 	let l = _r((t, o) => {
 		if (o.pointerType === "touch") {
@@ -4103,8 +4137,8 @@ var Zr = 1, Qr = -10, $r = class {
 		removePreview: o,
 		dragMode: l.dragMode
 	};
-}, fi = (e) => {
-	let { selection: t, color: n = "var(--sxl-color-primary, rgb(33, 115, 70))", size: r = 22 } = e, i = Je(), a = hi(M(t, (e) => e.getSelection())), o = i ? i.getAllPanes()[R.Center] ?? i : void 0, s = ((e, t, n) => {
+}, pi = (e) => {
+	let { selection: t, color: n = "var(--sxl-color-primary, rgb(33, 115, 70))", size: r = 22 } = e, i = Ye(), a = gi(M(t, (e) => e.getSelection())), o = i ? i.getAllPanes()[R.Center] ?? i : void 0, s = ((e, t, n) => {
 		let r = !!t && e.rowStart === t.rowStart && e.rowEnd === t.rowEnd, i = !!t && e.colStart === t.colStart && e.colEnd === t.colEnd;
 		if (r && i) return [];
 		if (r) {
@@ -4225,7 +4259,7 @@ var Zr = 1, Qr = -10, $r = class {
 		}), void 0, (t, n) => (e.getPaneFromPointer(t, n) ?? e).getCellFromPointer(t, n));
 		d.current = s, s.start(i, i.currentTarget);
 	};
-	return y(v, { children: s.map((e) => y(pi, {
+	return y(v, { children: s.map((e) => y(mi, {
 		spec: e,
 		size: r,
 		color: n,
@@ -4233,14 +4267,14 @@ var Zr = 1, Qr = -10, $r = class {
 		onBeginDrag: f
 	}, e.key)) });
 };
-fi.displayName = "SelectionTouchGrips";
-var pi = (e) => {
+pi.displayName = "SelectionTouchGrips";
+var mi = (e) => {
 	let { spec: t, size: n, color: r, dragging: i, onBeginDrag: a } = e;
-	return y(yt, {
+	return y(bt, {
 		anchor: { cell: t.cell },
 		placement: t.placement,
 		whenOff: "hide",
-		children: (e) => e.slid ? null : y(mi, {
+		children: (e) => e.slid ? null : y(hi, {
 			state: e,
 			size: n,
 			color: r,
@@ -4251,7 +4285,7 @@ var pi = (e) => {
 			}
 		})
 	});
-}, mi = (e) => {
+}, hi = (e) => {
 	let { state: t, size: n, color: r, dragging: i, pin: a, onBeginDrag: o } = e, { getPortalContainer: s } = F(), { className: c, attrs: l } = Kn(t.pane), { x: u, y: d } = t.anchorPoint;
 	if (a) {
 		let e = t.pane?.getElement()?.getBoundingClientRect();
@@ -4282,50 +4316,50 @@ var pi = (e) => {
 			e.button !== 0 && e.pointerType !== "touch" || t.pane && (e.preventDefault(), e.stopPropagation(), o(e));
 		}
 	}), s());
-}, hi = (e) => {
+}, gi = (e) => {
 	let { ranges: t, rangeIndex: n, cell: r } = e;
 	if (t && t.length > 0) {
 		let e = n ?? -1;
 		return t[e >= 0 ? e : t.length - 1];
 	}
 	return z.cellToRange(r);
-}, gi = [
+}, _i = [
 	B.Left,
 	B.Right,
 	B.Up,
 	B.Down
-], _i = {
+], vi = {
 	[B.Left]: "ArrowLeft",
 	[B.Right]: "ArrowRight",
 	[B.Up]: "ArrowUp",
 	[B.Down]: "ArrowDown"
-}, vi = {
+}, yi = {
 	[B.Left]: "Left",
 	[B.Right]: "Right",
 	[B.Up]: "Up",
 	[B.Down]: "Down"
-}, yi = (e, t) => t === void 0 ? e : t === null ? null : {
+}, bi = (e, t) => t === void 0 ? e : t === null ? null : {
 	...e,
 	...t
-}, bi = (e, t) => t ? {
-	fill: yi(e.fill, t.fill),
-	border: yi(e.border, t.border),
-	inner: yi(e.inner, t.inner)
-} : e, xi = {
+}, xi = (e, t) => t ? {
+	fill: bi(e.fill, t.fill),
+	border: bi(e.border, t.border),
+	inner: bi(e.inner, t.inner)
+} : e, Si = {
 	side: "b",
 	align: "end"
-}, Si = t.forwardRef((e, n) => {
-	let { selection: r, getContentBounds: i, getRegionBounds: a, scrollIntoView: o, singleStyle: s, multiStyle: c, multiAnchorStyle: l, singleAnchorStyle: u, removePreviewStyle: d, singleLayer: f, multiLayer: p, enabledMove: m, onMove: h, onMoveStart: g, onMoveUpdate: _, onMoveEnd: x, enableFill: C, snapFillDestination: w, onFill: T, onFillStart: E, onFillPreview: D, onFillEnd: O, onSelectionEnd: k, renderTip: A, tipPlacement: j, disableKeyboard: N, anchorHole: P = !0, ...F } = e, I = M(r, (e) => e.getSelection()), ee = di(r, { onSelectionEnd: k }), [te, L] = t.useState(null), R = Z(), re = t.useRef(r);
-	re.current = r;
-	let ie = t.useRef(R);
-	ie.current = R;
-	let H = t.useRef(i);
-	H.current = i;
-	let ae = t.useRef(a);
-	ae.current = a;
-	let oe = t.useRef(o);
-	oe.current = o;
-	let U = t.useMemo(() => function(e) {
+}, Ci = t.forwardRef((e, n) => {
+	let { selection: r, getContentBounds: i, getRegionBounds: a, scrollIntoView: o, singleStyle: s, multiStyle: c, multiAnchorStyle: l, singleAnchorStyle: u, removePreviewStyle: d, singleLayer: f, multiLayer: p, enabledMove: m, onMove: h, onMoveStart: g, onMoveUpdate: _, onMoveEnd: x, enableFill: C, snapFillDestination: w, onFill: T, onFillStart: E, onFillPreview: D, onFillEnd: O, resolveFillExtent: k, onEdgeDoubleClick: A, onSelectionEnd: j, renderTip: N, tipPlacement: P, disableKeyboard: F, anchorHole: I = !0, ...ee } = e, te = M(r, (e) => e.getSelection()), L = fi(r, { onSelectionEnd: j }), [R, re] = t.useState(null), ie = X(), H = t.useRef(r);
+	H.current = r;
+	let ae = t.useRef(ie);
+	ae.current = ie;
+	let oe = t.useRef(i);
+	oe.current = i;
+	let U = t.useRef(a);
+	U.current = a;
+	let W = t.useRef(o);
+	W.current = o;
+	let se = t.useMemo(() => function(e) {
 		let { getSelection: t, getPane: n, getContentBounds: r, getScrollIntoView: i = () => {}, getRegionBounds: a = () => null } = e, o = () => t(), s = () => n(), c = () => s().getTotalRange(), l = r ?? c, u = (e) => a(e), d = (e) => {
 			let t = i();
 			t ? t(e) : s().scrollCellCoordsIntoView(e);
@@ -4415,8 +4449,8 @@ var pi = (e) => {
 				run: n
 			});
 		}, x = S.Shift, C = S.Ctrl, w = S.Alt;
-		for (let e of gi) {
-			let t = vi[e], n = _i[e];
+		for (let e of _i) {
+			let t = yi[e], n = vi[e];
 			b(`move${t}`, { key: n }, () => m(e, !1)), b(`select${t}`, {
 				key: n,
 				modifiers: [x]
@@ -4534,17 +4568,17 @@ var pi = (e) => {
 			}
 		};
 	}({
-		getSelection: () => re.current,
-		getPane: () => ie.current,
-		getContentBounds: () => H.current?.() ?? ie.current.getTotalRange(),
-		getScrollIntoView: () => oe.current,
-		getRegionBounds: (e) => ae.current?.(e) ?? null
+		getSelection: () => H.current,
+		getPane: () => ae.current,
+		getContentBounds: () => oe.current?.() ?? ae.current.getTotalRange(),
+		getScrollIntoView: () => W.current,
+		getRegionBounds: (e) => U.current?.(e) ?? null
 	}), []);
-	t.useImperativeHandle(n, () => U, [U]);
-	let W = !!I.ranges && I.ranges.length > 0, se = W ? [...I.ranges] : [z.cellToRange(I.cell)], ce = se.length > 1, le = I.rangeIndex ?? -1, ue = W ? le >= 0 ? le : se.length - 1 : 0, de = R.getRangeFromCell(I.cell), G = z.unionRanges(se[ue] ?? z.cellToRange(I.cell), de), fe = se.filter((e, t) => t !== ue), K = ce ? bi(ci, c) : bi(si, s), q = {
-		...li,
+	t.useImperativeHandle(n, () => se, [se]);
+	let ce = !!te.ranges && te.ranges.length > 0, le = ce ? [...te.ranges] : [z.cellToRange(te.cell)], ue = le.length > 1, de = te.rangeIndex ?? -1, fe = ce ? de >= 0 ? de : le.length - 1 : 0, pe = ie.getRangeFromCell(te.cell), G = z.unionRanges(le[fe] ?? z.cellToRange(te.cell), pe), K = le.filter((e, t) => t !== fe), q = ue ? xi(li, c) : xi(ci, s), me = {
+		...ui,
 		...l
-	}, J = bi(ui, d), pe = (e) => {
+	}, he = xi(di, d), ge = (e) => {
 		let t = r.getSelection(), n = t.ranges, i = !!n && n.length > 0, a = i ? t.rangeIndex !== void 0 && t.rangeIndex >= 0 && t.rangeIndex < n.length ? t.rangeIndex : n.length - 1 : 0, o = i ? n.map((t, n) => n === a ? e : t) : [e], s = z.isCellWithinRange(t.cell, e) ? t.cell : {
 			rowIndex: e.rowStart,
 			colIndex: e.colStart
@@ -4554,64 +4588,65 @@ var pi = (e) => {
 			ranges: o,
 			rangeIndex: a
 		});
-	}, me = te ?? (ee.dragMode === "extend" ? {
+	}, _e = R ?? (L.dragMode === "extend" ? {
 		kind: "select",
 		range: G
-	} : null), he = me && A ? A(me) : null, ge = t.Children.map(ce ? p : f, (e) => {
+	} : null), ve = _e && N ? N(_e) : null, ye = t.Children.map(ue ? p : f, (e) => {
 		if (!t.isValidElement(e)) return e;
 		let n = e.props;
 		return t.cloneElement(e, {
 			range: G,
 			onDragEnd: (e, t) => {
-				n.onDragEnd?.(e, t), pe(e);
+				n.onDragEnd?.(e, t), ge(e);
 			}
 		});
 	});
-	return b(Ze, {
-		...F,
-		onPointerDown: ee.onPointerDown,
-		onPointerMove: ee.onPointerMove,
-		onPointerUp: ee.onPointerUp,
-		onKeyDown: N ? void 0 : (e) => {
-			U.handleKey(e) && (e.preventDefault(), e.stopPropagation());
+	return b(Qe, {
+		...ee,
+		onPointerDown: L.onPointerDown,
+		onPointerMove: L.onPointerMove,
+		onPointerUp: L.onPointerUp,
+		onKeyDown: F ? void 0 : (e) => {
+			se.handleKey(e) && (e.preventDefault(), e.stopPropagation());
 		},
 		children: [
-			b(v, ce ? { children: [
-				fe.map((e, n) => y(t.Fragment, { children: Ci(K, e) }, `other-${n}`)),
-				Ci(K, G, P ? de : void 0),
+			b(v, ue ? { children: [
+				K.map((e, n) => y(t.Fragment, { children: wi(q, e) }, `other-${n}`)),
+				wi(q, G, I ? pe : void 0),
 				y(lr, {
-					range: de,
-					...q
+					range: pe,
+					...me
 				})
-			] } : { children: [Ci(K, G, P ? de : void 0), u && y(lr, {
-				range: de,
+			] } : { children: [wi(q, G, I ? pe : void 0), u && y(lr, {
+				range: pe,
 				...u
 			})] }),
-			!ce && m && y(wr, {
+			!ue && m && y(Tr, {
 				range: G,
 				grip: "edges",
-				renderMove: (e) => K.border && y(lr, {
+				renderMove: (e) => q.border && y(lr, {
 					range: e,
-					...K.border,
+					...q.border,
 					animatedTransition: !0,
 					style: { opacity: .6 }
 				}),
+				onEdgeDoubleClick: A,
 				onDragStart: (e, t) => {
-					g?.(e, t), L({
+					g?.(e, t), re({
 						kind: "move",
 						from: e,
 						to: e
 					});
 				},
 				onDragMove: (e, t) => {
-					_?.(G, e, t), L({
+					_?.(G, e, t), re({
 						kind: "move",
 						from: G,
 						to: e
 					});
 				},
 				onDragStateChange: (e) => {
-					e || (x?.(), L(null));
+					e || (x?.(), re(null));
 				},
 				onDragEnd: (e, t) => {
 					h?.(G, e, t), r.modify({
@@ -4623,48 +4658,52 @@ var pi = (e) => {
 					});
 				}
 			}),
-			!ce && C && y(Ar, {
+			!ue && C && y(jr, {
 				range: G,
 				snapDestination: w,
-				...K.border,
+				...q.border,
 				onDragStart: (e, t) => {
-					E?.(e, t), L({
+					E?.(e, t), re({
 						kind: "fill",
 						template: e,
 						destination: e
 					});
 				},
 				onDragMove: (e, t) => {
-					D?.(G, e, t), L({
+					D?.(G, e, t), re({
 						kind: "fill",
 						template: G,
 						destination: e
 					});
 				},
 				onDragEnd: (e, t) => {
-					T?.(G, e, t), pe(e);
+					T?.(G, e, t), ge(e);
 				},
 				onDragDone: () => {
-					O?.(), L(null);
-				}
+					O?.(), re(null);
+				},
+				onDoubleClick: k ? (e, t) => {
+					let n = k(e);
+					n && !z.isEqualRanges(n, e) && (T?.(e, n, t), ge(n));
+				} : void 0
 			}),
-			ee.removePreview && Ci(J, ee.removePreview),
-			ge,
-			he != null && me && y(Yn, {
-				anchor: { range: (Y = me, Y.kind === "move" ? Y.to : Y.kind === "fill" ? Y.destination : Y.range) },
-				placement: j ?? xi,
+			L.removePreview && wi(he, L.removePreview),
+			ye,
+			ve != null && _e && y(Yn, {
+				anchor: { range: (J = _e, J.kind === "move" ? J.to : J.kind === "fill" ? J.destination : J.range) },
+				placement: P ?? Si,
 				offset: 8,
 				whenOff: "clamp",
 				open: !0,
 				style: { pointerEvents: "none" },
-				children: he
+				children: ve
 			})
 		]
 	});
-	var Y;
+	var J;
 });
-Si.displayName = "SelectionLayer";
-var Ci = (e, t, n, r = !1) => b(v, { children: [
+Ci.displayName = "SelectionLayer";
+var wi = (e, t, n, r = !1) => b(v, { children: [
 	e.fill && y(lr, {
 		className: "fill",
 		animatedTransition: r,
@@ -4684,7 +4723,7 @@ var Ci = (e, t, n, r = !1) => b(v, { children: [
 		range: t,
 		...e.border
 	})
-] }), wi = [
+] }), Ti = [
 	"#1a73e8",
 	"#d93025",
 	"#1e8e3e",
@@ -4692,13 +4731,13 @@ var Ci = (e, t, n, r = !1) => b(v, { children: [
 	"#e37400",
 	"#12a4af",
 	"#d01884"
-], Ti = Array.from({ length: w }, (e, t) => `var(--sxl-color-series-${t + 1}, ${wi[t]})`), Ei = "var(--sxl-color-primary, rgb(0, 120, 215))", Di = (e, t, n) => ({
+], Ei = Array.from({ length: w }, (e, t) => `var(--sxl-color-series-${t + 1}, ${Ti[t]})`), Di = "var(--sxl-color-primary, rgb(0, 120, 215))", Oi = (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))
-}), Oi = (e) => ({ stroke: Ti.length ? Ti[e % Ti.length] : Ei }), ki = (e) => {
-	let { selection: t, getRangeStyle: n = Oi, anchors: r = Er, enabledMove: i, disableDraw: a, allowMulti: o = !0, size: s, animated: c, renderHandle: l, preserveFocus: d = !0, onDragActiveChange: f, rangeStyle: p = ne.EmptyObject, className: m, ..._ } = e, v = Z(), x = M(t, (e) => e.getSelection()), S = x.ranges ?? z.EmptyRanges, C = Math.min(Math.max(0, x.rangeIndex ?? S.length - 1), Math.max(0, S.length - 1)), [w, T] = g(null), [E, D] = g(null), [O, k] = g(!1), A = E !== null || O, j = h(f);
+}), ki = (e) => ({ stroke: Ei.length ? Ei[e % Ei.length] : Di }), Ai = (e) => {
+	let { selection: t, getRangeStyle: n = ki, anchors: r = Dr, enabledMove: i, disableDraw: a, allowMulti: o = !0, size: s, animated: c, renderHandle: l, preserveFocus: d = !0, onDragActiveChange: f, rangeStyle: p = ne.EmptyObject, className: m, ..._ } = e, v = X(), x = M(t, (e) => e.getSelection()), S = x.ranges ?? z.EmptyRanges, C = Math.min(Math.max(0, x.rangeIndex ?? S.length - 1), Math.max(0, S.length - 1)), [w, T] = g(null), [E, D] = g(null), [O, k] = g(!1), A = E !== null || O, j = h(f);
 	j.current = f, u(() => {
 		j.current?.(A, E);
 	}, [A, E]), u(() => () => {
@@ -4732,26 +4771,26 @@ var Ci = (e, t, n, r = !1) => b(v, { children: [
 				rowIndex: S[n].rowStart,
 				colIndex: S[n].colStart
 			};
-			return k(!0), F(n, Di(t, e, v.getTotalRange())), {
-				drag: (e) => F(n, Di(t, e, v.getTotalRange())),
+			return k(!0), F(n, Oi(t, e, v.getTotalRange())), {
+				drag: (e) => F(n, Oi(t, e, v.getTotalRange())),
 				end: () => k(!1),
 				captureEvents: !1
 			};
 		}
 		let r = (!t.ctrlKey && !t.metaKey || !o) && n >= 0 ? n : S.length;
 		return k(!0), F(r, z.cellToRange(e)), {
-			drag: (t) => F(r, Di(e, t, v.getTotalRange())),
+			drag: (t) => F(r, Oi(e, t, v.getTotalRange())),
 			end: () => k(!1),
 			captureEvents: !1
 		};
 	}), te = S.map((e, t) => n(t, t === C)), L = [];
 	for (let e = 0; e < te.length; e++) te[e] && L.push(e);
-	return b(Ze, {
+	return b(Qe, {
 		..._,
 		children: [
-			(!a || O) && y(tt, {
+			(!a || O) && y(nt, {
 				fill: !0,
-				className: q(m, "ranges-picker-draw"),
+				className: K(m, "ranges-picker-draw"),
 				onPointerDown: (e) => {
 					e.stopPropagation(), d && e.preventDefault(), ee.onPointerDown(e);
 				},
@@ -4760,7 +4799,7 @@ var Ci = (e, t, n, r = !1) => b(v, { children: [
 					e.stopPropagation(), ee.onPointerUp(e);
 				}
 			}),
-			i && L.map((e) => y(wr, {
+			i && L.map((e) => y(Tr, {
 				range: S[e],
 				grip: "edges",
 				preserveFocus: d,
@@ -4773,7 +4812,7 @@ var Ci = (e, t, n, r = !1) => b(v, { children: [
 			}, `move-${e}`)),
 			L.map((e) => {
 				let t = e === C, n = e === N, i = ((e, t, n) => {
-					let r = e.stroke ?? p.stroke ?? Ei;
+					let r = e.stroke ?? p.stroke ?? Di;
 					return {
 						...p,
 						...e,
@@ -4783,7 +4822,7 @@ var Ci = (e, t, n, r = !1) => b(v, { children: [
 						...c && t ? { animatedStroke: !0 } : void 0
 					};
 				})(te[e], t, n);
-				return y(Or, {
+				return y(kr, {
 					range: S[e],
 					anchors: r,
 					size: s,
@@ -4803,8 +4842,8 @@ var Ci = (e, t, n, r = !1) => b(v, { children: [
 		]
 	});
 };
-ki.displayName = "RangesPickerLayer";
-var Ai = 0, ji = class {
+Ai.displayName = "RangesPickerLayer";
+var ji = 0, Mi = class {
 	constructor(e, t = {}) {
 		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.state = {
 			mode: t.mode ?? "enter",
@@ -4813,7 +4852,7 @@ var Ai = 0, ji = class {
 			dirty: t.dirty,
 			initialSelection: t.initialSelection ?? null,
 			autoFocus: t.autoFocus ?? !0,
-			token: ++Ai
+			token: ++ji
 		};
 	}
 	getState() {
@@ -4916,7 +4955,7 @@ var Ai = 0, ji = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, Mi = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : e.key === "Process" || e.keyCode === 229 ? {
+}, Ni = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : e.key === "Process" || e.keyCode === 229 ? {
 	mode: "enter",
 	dirty: ""
 } : e.key.length === 1 ? e.key === " " && e.shiftKey ? null : {
@@ -4925,7 +4964,7 @@ var Ai = 0, ji = class {
 } : e.shiftKey ? null : e.key === "F2" ? { mode: "edit" } : e.key === "Backspace" ? {
 	mode: "enter",
 	dirty: ""
-} : null, Ni = (e, t) => {
+} : null, Pi = (e, t) => {
 	let n = h(null);
 	return f(() => {
 		let t = n.current;
@@ -4933,7 +4972,7 @@ var Ai = 0, ji = class {
 	}, [t]), N((e) => {
 		n.current = e;
 	}, []);
-}, Pi = (e) => {
+}, Fi = (e) => {
 	let { mode: t, value: n, onDirtyChange: r, onModeChange: i, onCommit: a, onCancel: o, onNavigate: s, onTraverse: c, setCaret: l } = e;
 	return N((e) => {
 		let u = e.nativeEvent;
@@ -4978,7 +5017,7 @@ var Ai = 0, ji = class {
 		c,
 		l
 	]);
-}, Fi = class {
+}, Ii = class {
 	constructor(e, t, n) {
 		this.current = null, this.listeners = /* @__PURE__ */ new Set(), this.anchor = e, this.createEdit = t, this.revertAnchor = n?.revertAnchor, this.unsubscribeAnchor = e.subscribe(() => this.onAnchorChange());
 	}
@@ -5000,7 +5039,7 @@ var Ai = 0, ji = class {
 	}
 	startEdit(e, t = {}) {
 		let n = this.createEdit(e);
-		return !!n && (this.current = new ji({
+		return !!n && (this.current = new Mi({
 			coords: e,
 			...n
 		}, t), this.notify(), !0);
@@ -5019,7 +5058,7 @@ var Ai = 0, ji = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, Ii = (e, t, n, r = "left", i = 0) => {
+}, Li = (e, t, n, r = "left", i = 0) => {
 	if (!t) return null;
 	let a = e.getRangeFromCell(t), o = e.getBoundsFromRange(a);
 	if (!o) return null;
@@ -5039,7 +5078,7 @@ var Ai = 0, ji = class {
 		},
 		inView: s
 	};
-}, Li = 96 / 72 * 11, Ri = "Calibri, sans-serif", zi = (e) => {
+}, Ri = 96 / 72 * 11, zi = "Calibri, sans-serif", Bi = (e) => {
 	let { open: t, mode: n, clean: r, dirty: i, token: a, autoFocus: o, initialSelection: s, zoom: c, readOnly: l, onDirtyChange: u, onModeChange: d, onCommit: p, onCancel: m, onNaturalSize: g } = e, _ = i ?? r ?? "", x = h(null), S = h(null), C = h(0);
 	f(() => {
 		if (!t || !o) return;
@@ -5063,14 +5102,14 @@ var Ai = 0, ji = class {
 			height: e.offsetHeight
 		});
 	}, [_, g]);
-	let w = Pi({
+	let w = Fi({
 		mode: n,
 		value: _,
 		onDirtyChange: u,
 		onModeChange: d,
 		onCommit: p,
 		onCancel: m,
-		setCaret: Ni(x, _)
+		setCaret: Pi(x, _)
 	});
 	return b(v, { children: [y("textarea", {
 		ref: x,
@@ -5090,8 +5129,8 @@ var Ai = 0, ji = class {
 			resize: "none",
 			overflow: "hidden",
 			background: "transparent",
-			fontFamily: Ri,
-			fontSize: Li * c + "px",
+			fontFamily: zi,
+			fontSize: Ri * c + "px",
 			lineHeight: 1.2,
 			whiteSpace: "pre",
 			userSelect: "text"
@@ -5111,21 +5150,21 @@ var Ai = 0, ji = class {
 			visibility: "hidden",
 			pointerEvents: "none",
 			whiteSpace: "pre",
-			fontFamily: Ri,
-			fontSize: `${Li}px`,
+			fontFamily: zi,
+			fontSize: `${Ri}px`,
 			lineHeight: 1.2
 		},
 		children: _.length === 0 ? " " : _
 	})] });
 };
-function Bi(e) {
-	let { editable: t, renderEditor: n, alignment: r = "left", background: i = "var(--sxl-color-base-100, rgb(255, 255, 255))", borderColor: a = "var(--sxl-color-primary, rgb(33, 115, 70))", borderWidth: o = 2, zIndex: s, className: c, style: l, ...d } = e, f = Je(), p = M(t, (e) => e.getSession()), m = ee(p, (e) => e.getState()), [h, _] = g(null), v = N((e) => {
+function Vi(e) {
+	let { editable: t, renderEditor: n, alignment: r = "left", background: i = "var(--sxl-color-base-100, rgb(255, 255, 255))", borderColor: a = "var(--sxl-color-primary, rgb(33, 115, 70))", borderWidth: o = 2, zIndex: s, className: c, style: l, ...d } = e, f = Ye(), p = M(t, (e) => e.getSession()), m = ee(p, (e) => e.getState()), [h, _] = g(null), v = N((e) => {
 		_((t) => t && t.width === e.width && t.height === e.height ? t : e);
 	}, []), b = N((e) => {
 		if (t.getSession()) return;
 		let n = t.getAnchor().getCoords();
 		if (!n) return;
-		let r = Mi(e.nativeEvent);
+		let r = Ni(e.nativeEvent);
 		r && (e.nativeEvent.key !== "Process" && e.nativeEvent.keyCode !== 229 && e.preventDefault(), e.stopPropagation(), t.startEdit(n, r));
 	}, [t]), x = N((e) => {
 		if (t.getSession()) return;
@@ -5149,7 +5188,7 @@ function Bi(e) {
 			rowEnd: e.rowStart,
 			colEnd: e.colStart
 		})) !== null, m) {
-			let e = Ii(f, w, h, r, o);
+			let e = Li(f, w, h, r, o);
 			T = e?.bounds ?? null, E = e?.inView ?? !1;
 		} else T = f.getBoundsFromRange(e);
 	}
@@ -5178,12 +5217,12 @@ function Bi(e) {
 		onCancel: C,
 		onNaturalSize: v
 	}, j = typeof i == "function" ? (w ? i(w) : void 0) ?? "transparent" : i;
-	return y(Ze, {
+	return y(Qe, {
 		onKeyDown: b,
 		onDoubleClick: x,
-		children: T ? y(tt, {
+		children: T ? y(nt, {
 			...d,
-			className: q(c, "editor"),
+			className: K(c, "editor"),
 			bounds: T,
 			alignWidth: o,
 			keepMounted: !0,
@@ -5197,11 +5236,11 @@ function Bi(e) {
 				opacity: +!!k,
 				pointerEvents: k ? "auto" : "none"
 			},
-			children: n ? n(A) : y(zi, { ...A })
+			children: n ? n(A) : y(Bi, { ...A })
 		}) : null
 	});
 }
-function Vi(e) {
+function Hi(e) {
 	let { editable: t, renderEditor: n, idleClean: r = null, mapClean: i, editorId: a, readOnly: o, className: s, style: c } = e, l = M(t, (e) => e.getSession()), u = ee(l, (e) => e.getState()), d = u?.clean ?? r, f = i ? i(d) : d, p = N((e) => t.commit(e), [t]), m = N(() => t.cancel(), [t]), h = N(() => {
 		o || (t.getSession() || t.startEdit(t.getAnchor().getCoords(), {
 			mode: "edit",
@@ -5231,18 +5270,18 @@ function Vi(e) {
 		className: s,
 		style: c,
 		onFocus: h,
-		children: n ? n(g) : y(zi, { ...g })
+		children: n ? n(g) : y(Bi, { ...g })
 	});
 }
-zi.displayName = "DefaultEditorInput", Vi.displayName = "EditorDiv";
-var Hi = "ew-resize", Ui = "ns-resize", Wi = s(a((e, t) => {
-	let { axis: n, index: r, className: i, style: a, disabled: o = !1, disabledResize: s = !1, isNextHidden: c, isHidden: l, isSelected: u, isSelectedAll: d, showTouchDivider: f, bounds: p, onPointerDown: m, onAutoFit: h, ...g } = e, _ = Z(), v = n === V.Column, x = 1 / C.getDevicePixelRatio(), S = u || d, w = S ? "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))", T = "var(--sxl-color-base-100, #f5f5f5)", E = C.detectIt().primaryInput === "touch", D = v ? 14 : 8, O = _.getZoom();
+Bi.displayName = "DefaultEditorInput", Hi.displayName = "EditorDiv";
+var Ui = "ew-resize", Wi = "ns-resize", Gi = s(a((e, t) => {
+	let { axis: n, index: r, className: i, style: a, disabled: o = !1, disabledResize: s = !1, isNextHidden: c, isHidden: l, isSelected: u, isSelectedAll: d, showTouchDivider: f, bounds: p, onPointerDown: m, onAutoFit: h, ...g } = e, _ = X(), v = n === V.Column, x = 1 / C.getDevicePixelRatio(), S = u || d, w = S ? "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))", T = "var(--sxl-color-base-100, #f5f5f5)", E = C.detectIt().primaryInput === "touch", D = v ? 14 : 8, O = _.getZoom();
 	O < 1 && (D = Math.max(2, D * O * .8));
 	let k = D / 2, A = 0;
 	c && (A = -2), l && (A = 2), l && (D = D / 2 + A, k = 2 * A);
 	let j = w;
 	return S || A !== 0 || (j = `linear-gradient(${v ? 180 : 90}deg, ${T}, ${w} 55%, ${w} 100%)`), b("div", {
-		className: q("header-divider", { disabled: o }, i, `index-${r}`),
+		className: K("header-divider", { disabled: o }, i, `index-${r}`),
 		ref: t,
 		onPointerDown: E ? void 0 : m,
 		onDoubleClick: E ? void 0 : () => h?.(),
@@ -5254,7 +5293,7 @@ var Hi = "ew-resize", Ui = "ns-resize", Wi = s(a((e, t) => {
 			position: "absolute",
 			overflow: "visible",
 			pointerEvents: "auto",
-			cursor: o || s || E ? void 0 : v ? Hi : Ui,
+			cursor: o || s || E ? void 0 : v ? Ui : Wi,
 			...a
 		},
 		...g,
@@ -5298,8 +5337,8 @@ var Hi = "ew-resize", Ui = "ns-resize", Wi = s(a((e, t) => {
 			} })
 		}) : null]
 	});
-})), Gi = (e) => y(Wi, { ...e }), Ki = s(a((e, t) => {
-	let { axis: n, index: r, disabled: i = !1, disabledResize: a = !1, resizeThreshold: o = 1, renderDivider: s = Gi, onDividerMouseDown: c, onDividerResizeStart: l, onDividerResize: u, onDividerResizeEnd: d, onDividerMouseUp: f, onDividerAutoFit: p, onPointerDown: m, ..._ } = e, x = Z(), S = N(m, [m]), w = N(p, [p]), T = n === V.Column, E = T ? x.getVisibleColumns() : x.getVisibleRows(), D = null;
+})), Ki = (e) => y(Gi, { ...e }), qi = s(a((e, t) => {
+	let { axis: n, index: r, disabled: i = !1, disabledResize: a = !1, resizeThreshold: o = 1, renderDivider: s = Ki, onDividerMouseDown: c, onDividerResizeStart: l, onDividerResize: u, onDividerResizeEnd: d, onDividerMouseUp: f, onDividerAutoFit: p, onPointerDown: m, ..._ } = e, x = X(), S = N(m, [m]), w = N(p, [p]), T = n === V.Column, E = T ? x.getVisibleColumns() : x.getVisibleRows(), D = null;
 	E.length > 0 && (D = T ? x.getBoundsFromRange({
 		rowStart: 0,
 		rowEnd: 0,
@@ -5364,13 +5403,13 @@ var Hi = "ew-resize", Ui = "ns-resize", Wi = s(a((e, t) => {
 	let B = null;
 	return k && k.isResizing && k.index === r && (B = ae(y("div", { style: {
 		position: "absolute",
-		cursor: T ? Hi : Ui,
+		cursor: T ? Ui : Wi,
 		left: 0,
 		top: 0,
 		width: "100%",
 		height: "100%"
 	} }), z(), "divider:" + r)), b(v, { children: [B, y("div", {
-		className: q("header-divider-anchor"),
+		className: K("header-divider-anchor"),
 		style: {
 			position: "absolute",
 			pointerEvents: "auto",
@@ -5384,26 +5423,26 @@ var Hi = "ew-resize", Ui = "ns-resize", Wi = s(a((e, t) => {
 		children: re
 	})] });
 }));
-Ki.displayName = "HeaderDividerAnchor";
-var qi = (e, t, n) => t === V.Column ? {
+qi.displayName = "HeaderDividerAnchor";
+var Ji = (e, t, n) => t === V.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, Ji = (e, t, n) => t === V.Column ? {
+}, Yi = (e, t, n) => t === V.Column ? {
 	rowIndex: n.rowEnd,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colEnd
-}, Yi = (e, t, n) => t === V.Column ? {
+}, Xi = (e, t, n) => t === V.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, Xi = (e, t, n, r) => n === V.Column ? {
+}, Zi = (e, t, n, r) => n === V.Column ? {
 	rowStart: r.rowStart,
 	rowEnd: r.rowEnd,
 	colStart: Math.min(e.colIndex, t.colIndex),
@@ -5413,7 +5452,7 @@ var qi = (e, t, n) => t === V.Column ? {
 	colEnd: r.colEnd,
 	rowStart: Math.min(e.rowIndex, t.rowIndex),
 	rowEnd: Math.max(e.rowIndex, t.rowIndex)
-}, Zi = (e, t, n) => {
+}, Qi = (e, t, n) => {
 	let r = null, i = null, a = 0, o = () => t.getAllPanes()[R.Center] ?? t, s = (t, n, r) => {
 		if (!e) return;
 		let i = e.getSelection(), a = !!i.ranges && i.ranges.length > 0;
@@ -5454,7 +5493,7 @@ var qi = (e, t, n) => t === V.Column ? {
 		let a = o().getVisibleRange(), s = null;
 		return t === V.Column ? e.x >= i.right - 24 && a.colEnd < r.colEnd ? s = { colIndex: a.colEnd + 1 } : e.x <= i.left + 24 && a.colStart > r.colStart && (s = { colIndex: a.colStart - 1 }) : e.y >= i.bottom - 24 && a.rowEnd < r.rowEnd ? s = { rowIndex: a.rowEnd + 1 } : e.y <= i.top + 24 && a.rowStart > r.rowStart && (s = { rowIndex: a.rowStart - 1 }), !!s && (l(s), !0);
 	}, d = (e) => {
-		let { axis: t, entireRange: l, replaceActive: u = !1 } = n(), d = Xi(r ?? e, e, t, l), f = i ?? Yi(e, t, o().getVisibleRange());
+		let { axis: t, entireRange: l, replaceActive: u = !1 } = n(), d = Zi(r ?? e, e, t, l), f = i ?? Xi(e, t, o().getVisibleRange());
 		u ? c(a, d, f) : s(d, f, "replace");
 	};
 	return hr(t, (t, f) => {
@@ -5464,11 +5503,11 @@ var qi = (e, t, n) => t === V.Column ? {
 		let { axis: h, entireRange: g, allowMulti: _ = !0, replaceActive: v = !1, preserveFocus: y = !1, onPointerDownInterceptor: b, onDragStart: x, onDragEnd: S, onPointerUp: C } = n();
 		if (!1 === b?.(f, t)) return null;
 		v && f.stopPropagation(), y && p && f.preventDefault(), x?.();
-		let w = Yi(t, h, o().getVisibleRange()), T = f.shiftKey, E = (f.ctrlKey || f.metaKey) && _;
+		let w = Xi(t, h, o().getVisibleRange()), T = f.shiftKey, E = (f.ctrlKey || f.metaKey) && _;
 		if (v) {
 			let n = e.getSelection(), o = n.ranges ?? [], s = n.rangeIndex ?? -1;
-			T && r ? (a = s >= 0 ? s : Math.max(0, o.length - 1), c(a, Xi(r, t, h, g), i ?? w)) : (r = t, i = w, a = E || s < 0 ? o.length : s, c(a, Xi(t, t, h, g), w));
-		} else T && r ? s(Xi(r, t, h, g), i ?? w, "replace") : E ? (r = t, i = w, s(Xi(t, t, h, g), w, "append")) : (r = t, i = w, s(Xi(t, t, h, g), w, "clear"));
+			T && r ? (a = s >= 0 ? s : Math.max(0, o.length - 1), c(a, Zi(r, t, h, g), i ?? w)) : (r = t, i = w, a = E || s < 0 ? o.length : s, c(a, Zi(t, t, h, g), w));
+		} else T && r ? s(Zi(r, t, h, g), i ?? w, "replace") : E ? (r = t, i = w, s(Zi(t, t, h, g), w, "append")) : (r = t, i = w, s(Zi(t, t, h, g), w, "clear"));
 		return ((e) => {
 			l(n().axis === V.Column ? { colIndex: e.colIndex } : { rowIndex: e.rowIndex });
 		})(t), {
@@ -5481,16 +5520,16 @@ var qi = (e, t, n) => t === V.Column ? {
 			captureEvents: v
 		};
 	});
-}, Qi = (e, t) => {
-	let n = Z(), r = h(t);
+}, $i = (e, t) => {
+	let n = X(), r = h(t);
 	r.current = t;
-	let i = p(() => Zi(e, n, () => r.current), [e, n]);
+	let i = p(() => Qi(e, n, () => r.current), [e, n]);
 	return u(() => () => i.dispose(), [i]), {
 		onPointerDown: i.onPointerDown,
 		onPointerMove: i.onPointerMove,
 		onPointerUp: i.onPointerUp
 	};
-}, $i = (e) => e == null ? [] : Array.isArray(e) ? e : [e], ea = s(a((e, t) => {
+}, ea = (e) => e == null ? [] : Array.isArray(e) ? e : [e], ta = s(a((e, t) => {
 	let { rowCount: n = 1, columnCount: r = 1, getRowHeight: i, getColumnWidth: a, metrics: o, renderCells: s, renderBorders: l, showGridLines: u = !0, gridLineColor: d, propsGridLineRows: f, propsGridLineColumns: h, getVisibleCells: g, hiddenCellAt: _, renderBelow: v, children: b, ...x } = e, S = U({
 		rowCount: n,
 		columnCount: r,
@@ -5500,19 +5539,19 @@ var qi = (e, t, n) => t === V.Column ? {
 		T();
 	}, []), O = I(t, () => ({ invalidate: D }), [D]), k = p(() => {
 		let e = [];
-		return !1 !== u && e.push(y(Xr, {
+		return !1 !== u && e.push(y(Zr, {
 			showGridLines: u,
 			gridLineColor: d,
 			propsRows: f,
 			propsColumns: h,
 			getVisibleCells: g,
 			hiddenCellAt: _
-		}, "__gridlines")), e.push(...$i(v)), e.push(...$i(l)), s && e.push(y(Hr, {
+		}, "__gridlines")), e.push(...ea(v)), e.push(...ea(l)), s && e.push(y(Ur, {
 			renderCell: s,
 			getVisibleCells: g,
 			hiddenCellAt: _,
 			cacheToken: E
-		}, "__cells")), e.push(...$i(b)), e;
+		}, "__cells")), e.push(...ea(b)), e;
 	}, [
 		u,
 		d,
@@ -5526,7 +5565,7 @@ var qi = (e, t, n) => t === V.Column ? {
 		E,
 		b
 	]);
-	return y(Le, {
+	return y(Re, {
 		ref: O,
 		...x,
 		rowCount: n,
@@ -5535,8 +5574,8 @@ var qi = (e, t, n) => t === V.Column ? {
 		children: k
 	});
 }));
-ea.displayName = "Grid";
-var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
+ta.displayName = "Grid";
+var na = function() {}, ra = typeof window < "u", ia = ra ? f : u, aa = {
 	x: 0,
 	y: 0,
 	width: 0,
@@ -5545,8 +5584,8 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 	left: 0,
 	bottom: 0,
 	right: 0
-}, aa = na && window.ResizeObserver !== void 0 ? function() {
-	var e = g(null), t = e[0], n = e[1], r = g(ia), i = r[0], a = r[1], o = p(function() {
+}, oa = ra && window.ResizeObserver !== void 0 ? function() {
+	var e = g(null), t = e[0], n = e[1], r = g(aa), i = r[0], a = r[1], o = p(function() {
 		return new window.ResizeObserver(function(e) {
 			if (e[0]) {
 				var t = e[0].contentRect, n = t.x, r = t.y, i = t.width, o = t.height, s = t.top, c = t.left, l = t.bottom, u = t.right;
@@ -5563,28 +5602,28 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 			}
 		});
 	}, []);
-	return ra(function() {
+	return ia(function() {
 		if (t) return o.observe(t), function() {
 			o.disconnect();
 		};
 	}, [t]), [n, i];
 } : function() {
-	return [ta, ia];
-}, oa = {
+	return [na, aa];
+}, sa = {
 	fill: { fill: "color-mix(in srgb, var(--sxl-color-primary, rgb(0, 120, 215)) 14%, transparent)" },
 	border: null,
 	inner: null
-}, sa = {
+}, ca = {
 	stroke: "var(--sxl-color-primary, rgb(0, 120, 215))",
 	alignWidth: 1,
 	inset: 1
-}, ca = a(function(e, t) {
-	let { itemCount: n, renderItem: r, itemHeight: i = 24, selection: a, onKeyDown: o, cacheToken: s, className: l, style: u, children: d, ...f } = e, m = I(t, () => ({ isList: () => !0 }), []), h = p(() => new O(), []), g = p(() => new $r({ getBounds: () => ({
+}, la = a(function(e, t) {
+	let { itemCount: n, renderItem: r, itemHeight: i = 24, selection: a, onKeyDown: o, cacheToken: s, className: l, style: u, children: d, ...f } = e, m = I(t, () => ({ isList: () => !0 }), []), h = p(() => new O(), []), g = p(() => new ei({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, n - 1),
 		colEnd: 0
-	}) }), [n]), _ = a ?? g, [v, { width: x }] = aa(), S = U({
+	}) }), [n]), _ = a ?? g, [v, { width: x }] = oa(), S = U({
 		rowCount: n,
 		columnCount: 1,
 		getRowHeight: i,
@@ -5610,7 +5649,7 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 	}, [r]);
 	return y("div", {
 		ref: m,
-		className: q("list", l),
+		className: K("list", l),
 		style: {
 			position: "relative",
 			overflow: "hidden",
@@ -5631,7 +5670,7 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 					width: "100%",
 					height: "100%"
 				},
-				children: b(Le, {
+				children: b(Re, {
 					viewport: h,
 					style: {
 						width: "100%",
@@ -5641,24 +5680,24 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 					columnCount: 1,
 					metrics: S,
 					children: [
-						y(Si, {
+						y(Ci, {
 							selection: _,
 							anchorHole: !1,
-							singleStyle: oa,
-							singleAnchorStyle: sa,
-							multiAnchorStyle: sa
+							singleStyle: sa,
+							singleAnchorStyle: ca,
+							multiAnchorStyle: ca
 						}, "__selection"),
-						y(Hr, {
+						y(Ur, {
 							renderCell: C,
 							cacheToken: s
 						}, "__cells"),
-						o ? y(Ze, { onKeyDown: o }, "__keys") : null
+						o ? y(Qe, { onKeyDown: o }, "__keys") : null
 					]
 				})
 			})
 		})
 	});
-}), la = (e, t) => y("input", {
+}), ua = (e, t) => y("input", {
 	type: "checkbox",
 	checked: e,
 	ref: (e) => {
@@ -5667,8 +5706,8 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 	readOnly: !0,
 	tabIndex: -1,
 	style: { margin: 0 }
-}), ua = a(function(e, t) {
-	let { itemCount: n, isChecked: r, onCheckedChange: i, renderValue: a, renderCheckbox: o = la, renderDivider: s, selectAllLabel: l, itemHeight: u, selection: d, cacheToken: f, className: m, style: h, children: g, ..._ } = e, x = I(t, () => ({ isCheckboxList: () => !0 }), []), S = p(() => new $r({ getBounds: () => ({
+}), da = a(function(e, t) {
+	let { itemCount: n, isChecked: r, onCheckedChange: i, renderValue: a, renderCheckbox: o = ua, renderDivider: s, selectAllLabel: l, itemHeight: u, selection: d, cacheToken: f, className: m, style: h, children: g, ..._ } = e, x = I(t, () => ({ isCheckboxList: () => !0 }), []), S = p(() => new ei({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, n - 1),
@@ -5735,7 +5774,7 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 	]);
 	return b("div", {
 		ref: x,
-		className: q("checkbox-list", m),
+		className: K("checkbox-list", m),
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -5762,7 +5801,7 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 				},
 				children: o(E, D)
 			}), l]
-		}), s?.()] }), y(ca, {
+		}), s?.()] }), y(la, {
 			itemCount: n,
 			itemHeight: u,
 			selection: C,
@@ -5775,13 +5814,13 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 			}
 		})]
 	});
-}), da = {
+}), fa = {
 	light: {},
 	dark: {
 		"color-base-100": "#1e1e1e",
 		"color-base-300": "#3a3a3a"
 	}
-}, fa = {
+}, pa = {
 	light: {
 		"color-base-100": "#f2f2f2",
 		"color-base-hover": "#ececec",
@@ -5792,7 +5831,7 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 		"color-base-hover": "#2e2e2e",
 		"color-base-300": "#4a4a4a"
 	}
-}, pa = (e, ...t) => j(e, da[e], ...t), ma = (e, ...t) => j(e, fa[e], ...t), ha = ({ app: e, grid: t = da, header: n = fa, layer: r = "sxl-defaults", scope: i } = {}) => {
+}, ma = (e, ...t) => j(e, fa[e], ...t), ha = (e, ...t) => j(e, pa[e], ...t), ga = ({ app: e, grid: t = fa, header: n = pa, layer: r = "sxl-defaults", scope: i } = {}) => {
 	let a = e ?? A, o = Object.fromEntries(Object.keys(n).map((e) => [e, {
 		"color-base-100": a[e]?.["color-base-200"],
 		...n[e]
@@ -5807,4 +5846,4 @@ var ta = function() {}, na = typeof window < "u", ra = na ? f : u, ia = {
 		scope: i
 	});
 };
-export { dr as AUTO_SCROLL_INTERVAL_MS, Hr as CellLayer, Vr as CellTileDiv, ua as CheckboxList, li as DEFAULT_ANCHOR_STYLE, cr as DEFAULT_HANDLE_STYLE, ci as DEFAULT_MULTI_STYLE, ui as DEFAULT_REMOVE_PREVIEW_STYLE, si as DEFAULT_SINGLE_STYLE, jr as DefaultCellRenderer, Fi as DefaultEditable, zi as DefaultEditorInput, Wi as DefaultHeaderDivider, $r as DefaultSelection, yr as DragHandle, wr as Draggable, fr as EDGE_AUTO_SCROLL_MARGIN_PX, ji as EditSession, Vi as EditorDiv, Bi as EditorLayer, Ar as FillHandle, da as GRID_SURFACE, ea as Grid, Le as GridSurface, Xr as GridlineLayer, fa as HEADER_SURFACE, Ki as HeaderDividerAnchor, $n as HoverTipLayer, Ze as Layer, ce as LineSVG, ca as List, Ti as PICKER_COLORS, Er as RESIZE_ANCHORS_4, Dr as RESIZE_ANCHORS_8, sr as RangePrompt, lr as RangeRect, Or as RangeResizer, ki as RangesPickerLayer, le as RectangleSVG, Qr as SELECTION_CLIP_INSETS, Si as SelectionLayer, fi as SelectionTouchGrips, W as ShapeBoundsContext, yt as StickyAnchor, Yn as StickyFloat, Pe as SurfaceStateContext, Fe as SurfaceStateProvider, tt as VirtualDiv, ha as buildGridThemeCSS, oe as createAxis, hr as createDragCells, Zi as createHeaderSelectionPointer, Ne as createSurfaceStateStore, gr as createWindowDragCells, Oi as defaultRangeStyle, pr as edgeScrollPane, Ii as expandEditorBounds, pa as gridThemeVars, Yi as headerAnchorCell, Ji as headerEntireEnd, qi as headerEntireStart, Xi as headerRange, ma as headerThemeVars, Mi as startEventFromKey, _r as useDragCells, Pi as useEditorKeymap, Kn as useGridFloatTheme, U as useGridMetrics, Z as useGridPane, Je as useGridPaneOptional, Qi as useHeaderSelectionPointer, Zn as useHoverIntent, Xe as useLayer, Ni as usePendingCaret, Qn as useRangeHover, di as useSelectionPointer, se as useShapeBounds, _t as useSticky, vt as useStickyOptional, Ye as useSurfaceState, vr as useWindowDragCells };
+export { dr as AUTO_SCROLL_INTERVAL_MS, Ur as CellLayer, Hr as CellTileDiv, da as CheckboxList, ui as DEFAULT_ANCHOR_STYLE, cr as DEFAULT_HANDLE_STYLE, li as DEFAULT_MULTI_STYLE, di as DEFAULT_REMOVE_PREVIEW_STYLE, ci as DEFAULT_SINGLE_STYLE, Mr as DefaultCellRenderer, Ii as DefaultEditable, Bi as DefaultEditorInput, Gi as DefaultHeaderDivider, ei as DefaultSelection, br as DragHandle, Tr as Draggable, fr as EDGE_AUTO_SCROLL_MARGIN_PX, Mi as EditSession, Hi as EditorDiv, Vi as EditorLayer, jr as FillHandle, fa as GRID_SURFACE, ta as Grid, Re as GridSurface, Zr as GridlineLayer, pa as HEADER_SURFACE, qi as HeaderDividerAnchor, $n as HoverTipLayer, Qe as Layer, ce as LineSVG, la as List, Ei as PICKER_COLORS, Dr as RESIZE_ANCHORS_4, Or as RESIZE_ANCHORS_8, sr as RangePrompt, lr as RangeRect, kr as RangeResizer, Ai as RangesPickerLayer, le as RectangleSVG, $r as SELECTION_CLIP_INSETS, Ci as SelectionLayer, pi as SelectionTouchGrips, W as ShapeBoundsContext, bt as StickyAnchor, Yn as StickyFloat, Fe as SurfaceStateContext, Ie as SurfaceStateProvider, nt as VirtualDiv, ga as buildGridThemeCSS, oe as createAxis, hr as createDragCells, Qi as createHeaderSelectionPointer, Pe as createSurfaceStateStore, gr as createWindowDragCells, ki as defaultRangeStyle, pr as edgeScrollPane, Li as expandEditorBounds, ma as gridThemeVars, Xi as headerAnchorCell, Yi as headerEntireEnd, Ji as headerEntireStart, Zi as headerRange, ha as headerThemeVars, Ni as startEventFromKey, _r as useDragCells, Fi as useEditorKeymap, Kn as useGridFloatTheme, U as useGridMetrics, X as useGridPane, Ye as useGridPaneOptional, $i as useHeaderSelectionPointer, Zn as useHoverIntent, Ze as useLayer, Pi as usePendingCaret, Qn as useRangeHover, fi as useSelectionPointer, se as useShapeBounds, vt as useSticky, yt as useStickyOptional, Xe as useSurfaceState, vr as useWindowDragCells };