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

package/browser/esm/index.mjs

@@ -1,6 +1,6 @@
 (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.grid-surface,.touch-input{--sxl-handle-size:11px;--sxl-handle-ring:2px;--sxl-handle-hit:11px;--sxl-handle-color:var(--sxl-color-primary,#217346);--sxl-handle-halo:0px}.touch-input{--sxl-handle-size:14px;--sxl-handle-hit:36px;--sxl-handle-halo:1.5px}._grid-stage_rzp9d_1{width:100%;height:100%;position:absolute;top:0;left:0}._grid-stage_rzp9d_1>*{pointer-events:none;position:absolute;inset:0}._grid-stage_rzp9d_1>*>*{pointer-events:auto}._sheetxl-grid_5yo0n_7{box-sizing:border-box;user-select:none;contain:strict;width:100%;height:100%;position:relative}._sheetxl-grid_5yo0n_7 *{box-sizing:border-box!important}._sheetxl-grid_5yo0n_7 :focus{outline:none}._sheetxl-grid_5yo0n_7>*{contain:size layout style}._virtual-div_16eab_1{position:absolute}._tiles_v3ek7_7{will-change:transform}._tiles_v3ek7_7 .tile{white-space:pre;position:absolute}._tiles_v3ek7_7 .tile>*{contain:strict;position:absolute}._tiles_v3ek7_7 [data-cell-interactive]{pointer-events:auto}._gridlines_v3ek7_32,._gridlines_v3ek7_32 *{pointer-events:none;position:absolute;overflow:visible}.cell{letter-spacing:-.25px;padding:2px 4px;font-family:Calibri;line-height:1.2}._field_q34pi_8{box-sizing:border-box;background:light-dark(#fff,#2b2b2b);border:1px solid light-dark(#c4c4c4,#5a5a5a);border-radius:4px;flex:none;align-items:center;width:100%;min-width:0;display:flex;position:relative}._field_q34pi_8:focus-within{border-color:var(--sxl-color-primary,#0078d7)}._search_q34pi_28{box-sizing:border-box;width:auto;min-width:0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:auto;margin:0;padding:3px 4px}._search_q34pi_28::placeholder{opacity:.6}._icon_q34pi_47{opacity:.6;pointer-events:none;flex:none;width:14px;height:14px;margin-left:6px}._clear_q34pi_56{width:20px;height:20px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:2px;flex:none;justify-content:center;align-items:center;margin-right:2px;padding:0;display:inline-flex}._clear_q34pi_56 svg{width:12px;height:12px}._clear_q34pi_56:hover{opacity:1;background:light-dark(#0000000f,#ffffff1a)}._row_q34pi_84{align-items:center;gap:6px;min-width:0;display:flex}._row_q34pi_84 ._field_q34pi_8{flex:auto;width:auto}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 /**
-* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.17
+* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.19
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: SheetXL EULA — https://www.sheetxl.com/eula
@@ -283,7 +283,7 @@ var J = (e, t, n) => Math.min(n, Math.max(t, e)), ve = (e, t, n) => {
 	let t = e?.getElement();
 	return t && typeof t.isStage == "function" && t.isStage() ? t : null;
 }, De = o(i((e, t) => {
-	let { className: n, onFocus: r, onBlur: i, onDragStart: a, children: o, ...c } = e, u = Z(), d = m(u);
+	let { className: n, onFocus: r, onBlur: i, onDragStart: a, children: o, ...c } = e, u = Q(), d = m(u);
 	d.current = u;
 	let f = m(/* @__PURE__ */ new Set()), p = m(0), h = s((e) => {
 		let t = {
@@ -490,6 +490,9 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		}
 	} });
 }, ke = (e) => `${e.rowStart},${e.colStart},${e.rowEnd},${e.colEnd}`, Ae = B("grid", 10), je = n(0), Me = n(!1), Ne = (e, t) => {
+	for (let n of e) Array.isArray(n) ? Ne(n, t) : n != null && typeof n != "boolean" && t.push(n);
+	return t;
+}, Pe = (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({
@@ -685,8 +688,8 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			let n = p(e, t);
 			if (!n) return null;
 			let r = g();
-			for (let e = 0; e < Pe.length; e++) {
-				let t = r[Pe[e]];
+			for (let e = 0; e < Z.length; e++) {
+				let t = r[Z[e]];
 				if (t && xe(n.x, n.y, t.getPaneBounds())) return t;
 			}
 			return null;
@@ -712,7 +715,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		scrollTo: (e) => m(e),
 		getAllPanes: g
 	};
-}, Pe = [
+}, Z = [
 	V.TopLeft,
 	V.Top,
 	V.Left,
@@ -967,7 +970,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			rowStart: 0,
 			colEnd: o - 1,
 			rowEnd: i - 1
-		}, n = (n) => Ne(n, {
+		}, n = (n) => Pe(n, {
 			rowDims: he,
 			columnDims: J,
 			computeRowDims: me,
@@ -998,7 +1001,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		W,
 		d,
 		Y
-	]), Oe = J[0]?.maxVirtualBounds ?? 0, ke = he[0]?.maxVirtualBounds ?? 0, Ae = ie.ready, Pe = f(() => {
+	]), Oe = J[0]?.maxVirtualBounds ?? 0, ke = he[0]?.maxVirtualBounds ?? 0, Ae = ie.ready, Z = f(() => {
 		let e = J[1], t = he[1];
 		return {
 			left: e ? e.metrics.getColOffset(e.maxIndex + 1) : 0,
@@ -1058,7 +1061,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			top: n,
 			behavior: r
 		});
-	}, []), We = P((e) => e === void 0 ? X[ee] ?? ge(X) : X[e] ?? null, [X, ee]), Z = P((e) => {
+	}, []), We = P((e) => e === void 0 ? X[ee] ?? ge(X) : X[e] ?? null, [X, ee]), Q = P((e) => {
 		let t = X[ee];
 		if (!t) return ge(X);
 		let n = t.getScrollOrientation(), r = { ...t.getVisibleRange() };
@@ -1076,7 +1079,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			if (i = X[n], !i) return new Promise((e, t) => {
 				t("Invalid view");
 			});
-		} else i = Z(r);
+		} else i = Q(r);
 		if (!i) return Promise.resolve({});
 		let a = d(r), o = i.getMetrics(), s = o.getColOffset(a.colStart), c = o.getRowOffset(a.rowStart), l = o.getColOffset(a.colEnd + 1), u = o.getRowOffset(a.rowEnd + 1), f = i.getPaneBounds(), p = i.getTotalSize(), m = i.getScrollTopLeft(), h = ((e, t, n = !0) => {
 			n = !0 === n ? {
@@ -1139,7 +1142,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		scrollBy: Ve,
 		scrollCellCoordsIntoView: tt,
 		getPaneFromClient: Be,
-		getPaneFromCell: Z,
+		getPaneFromCell: Q,
 		getPane: We,
 		onPaneChangeOnce: (e) => {
 			Se.current.push(e);
@@ -1151,7 +1154,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			if (!e) return null;
 			if (!Array.isArray(e)) return e;
 			let t = (e) => a(e) && e.props?.zIndex != null ? e.props.zIndex : 0;
-			return [...e].sort((e, n) => t(e) - t(n)).map((e, t) => a(e) ? r(je.Provider, {
+			return Ne(e, []).sort((e, n) => t(e) - t(n)).map((e, t) => a(e) ? r(je.Provider, {
 				key: e.key ?? `layer-${t}`,
 				value: t
 			}, e) : e);
@@ -1178,7 +1181,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		D,
 		i,
 		o
-	]), ot = f(() => Pe.left === 0 ? null : y(ce, {
+	]), ot = f(() => Z.left === 0 ? null : y(ce, {
 		linePoints: [
 			0,
 			0,
@@ -1186,7 +1189,7 @@ var X = Object.freeze([]), Oe = (e, t) => {
 			pe + 1
 		],
 		bounds: {
-			x: Pe.left,
+			x: Z.left,
 			y: 0,
 			width: 1,
 			height: pe + 1
@@ -1194,10 +1197,10 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		...C
 	}), [
 		B,
-		Pe.left,
+		Z.left,
 		pe,
 		C
-	]), st = f(() => Pe.top === 0 ? null : y(ce, {
+	]), st = f(() => Z.top === 0 ? null : y(ce, {
 		linePoints: [
 			0,
 			0,
@@ -1206,20 +1209,20 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		],
 		bounds: {
 			x: 0,
-			y: Pe.top,
+			y: Z.top,
 			width: fe + 1,
 			height: 1
 		},
 		...w
 	}), [
 		B,
-		Pe.top,
+		Z.top,
 		fe,
 		w
-	]), Q = m(!1), ct = f(() => {
+	]), $ = m(!1), ct = f(() => {
 		if (!Ae) return null;
 		let e = (e, n) => {
-			let r = e.anchor, i = n.getPaneBounds(), a = Pe.left > 0, o = Pe.top > 0, s = o && (r === V.Center || r === V.Left), c = o && (r === V.Top || r === V.TopLeft), l = a && (r === V.Center || r === V.Top), u = a && (r === V.Left || r === V.TopLeft), d = 1e6, f = s ? -1 : -1e6, p = l ? -1 : -1e6, m = u ? i.width + 2 : d, h = c ? i.height + 2 : d, g = s || c || l || u, _ = {
+			let r = e.anchor, i = n.getPaneBounds(), a = Z.left > 0, o = Z.top > 0, s = o && (r === V.Center || r === V.Left), c = o && (r === V.Top || r === V.TopLeft), l = a && (r === V.Center || r === V.Top), u = a && (r === V.Left || r === V.TopLeft), d = 1e6, f = s ? -1 : -1e6, p = l ? -1 : -1e6, m = u ? i.width + 2 : d, h = c ? i.height + 2 : d, g = s || c || l || u, _ = {
 				position: "absolute",
 				left: i.x,
 				top: i.y,
@@ -1249,12 +1252,12 @@ var X = Object.freeze([]), Oe = (e, t) => {
 		fe,
 		pe,
 		Ae,
-		Pe,
+		Z,
 		ot,
 		st
 	]);
 	l(() => {
-		!Q.current && ct && Ae && (Q.current = !0, z?.(rt.current));
+		!$.current && ct && Ae && ($.current = !0, z?.(rt.current));
 	}, [ct, Ae]);
 	let lt = R();
 	return y("div", {
@@ -1295,7 +1298,7 @@ var Ge = Object.freeze({
 	V.Left,
 	V.Center
 ];
-function Z() {
+function Q() {
 	let e = c(Re);
 	if (!e) throw Error("useGridPane must be used within a GridPaneProvider");
 	return e.pane;
@@ -1342,24 +1345,24 @@ var ot = () => ({
 	}, [D]);
 	let O = Ee(tt()), k = c(je), A = m({});
 	A.current = {
-		pointerdown: Q(t),
-		pointermove: Q(n),
-		pointerup: Q(r),
-		pointerleave: Q(i),
-		mousedown: Q(a),
-		mouseenter: Q(o),
-		mouseleave: Q(s),
-		mousemove: Q(u),
-		mouseout: Q(d),
-		mouseover: Q(f),
-		mouseup: Q(p),
-		dblclick: Q(h),
-		keydown: Q(g),
-		keypress: Q(_),
-		keyup: Q(v),
-		focus: Q(b),
-		blur: Q(x),
-		contextmenu: Q(S)
+		pointerdown: $(t),
+		pointermove: $(n),
+		pointerup: $(r),
+		pointerleave: $(i),
+		mousedown: $(a),
+		mouseenter: $(o),
+		mouseleave: $(s),
+		mousemove: $(u),
+		mouseout: $(d),
+		mouseover: $(f),
+		mouseup: $(p),
+		dblclick: $(h),
+		keydown: $(g),
+		keypress: $(_),
+		keyup: $(v),
+		focus: $(b),
+		blur: $(x),
+		contextmenu: $(S)
 	};
 	let j = m(null);
 	return l(() => {
@@ -1392,7 +1395,7 @@ var ot = () => ({
 	});
 });
 st.displayName = "Layer";
-var Q = (e) => e ? (t) => e(t) : void 0, ct = !1, lt = !1, ut = "_virtual-div_16eab_1", dt = o(i((e, t) => {
+var $ = (e) => e ? (t) => e(t) : void 0, ct = !1, lt = !1, ut = "_virtual-div_16eab_1", dt = o(i((e, t) => {
 	let { range: n, bounds: r, fill: i = !1, clipInsets: a, disableAlign: o = !1, coverGridlines: u = !1, alignWidth: d, keepMounted: f = !1, className: p, style: h, children: g, ..._ } = e;
 	c(Me) || ft || (ft = !0, console.warn("VirtualDiv rendered outside a <Layer>. The grid's children are Layers; place VirtualDivs inside one (law 4: the stack is flat). This warning fires once."));
 	let v = m(null), b = s((e) => {
@@ -1435,7 +1438,7 @@ var Q = (e) => e ? (t) => e(t) : void 0, ct = !1, lt = !1, ut = "_virtual-div_16
 		handlerProps: _
 	});
 	let x = (({ range: e, bounds: t, fill: n, clipInsets: r }) => {
-		let i = Z();
+		let i = Q();
 		if (!i) return null;
 		let a = null, o = !1;
 		if (e) a = i.getBoundsFromRange(e), o = i.toClipBounds(a, r) === null;
@@ -2217,7 +2220,7 @@ var Yt = {
 	let t = e.getCoords();
 	return t ? `${t.rowIndex},${t.colIndex}` : null;
 }, sn = (t) => {
-	let { hovered: n, selection: r, probe: i, name: a, target: o, dismiss: s, placement: u, offset: d = 6, alignOffset: f = 0, openDelay: p, closeDelay: g, group: _, hold: v = !1, whenOff: b = "hide", whenPartial: x, boundary: S, zIndex: C, interactive: w = "pointer", onDismiss: T, children: E, style: D } = t, O = Z(), k = c(je), A = n !== void 0, j = !!r, M = o !== void 0, N = `range-float:${a ?? k}`, { open: F, setTarget: I, tipProps: L, close: R } = Qt({
+	let { hovered: n, selection: r, probe: i, name: a, target: o, dismiss: s, placement: u, offset: d = 6, alignOffset: f = 0, openDelay: p, closeDelay: g, group: _, hold: v = !1, whenOff: b = "hide", whenPartial: x, boundary: S, zIndex: C, interactive: w = "pointer", onDismiss: T, children: E, style: D } = t, O = Q(), k = c(je), A = n !== void 0, j = !!r, M = o !== void 0, N = `range-float:${a ?? k}`, { open: F, setTarget: I, tipProps: L, close: R } = Qt({
 		openDelay: p,
 		closeDelay: g,
 		name: N,
@@ -2351,7 +2354,7 @@ var Yt = {
 };
 sn.displayName = "VirtualRangeFloat";
 var cn = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, ln = (e) => {
-	let { activateOn: t, probe: n, selection: r, hoveredOver: i, className: a, onPointerMove: o, onPointerLeave: s, ...c } = e, l = Z(), u = cn(t, "hover"), d = cn(t, "selection"), [f, p] = h(null), m = P((e) => {
+	let { activateOn: t, probe: n, selection: r, hoveredOver: i, className: a, onPointerMove: o, onPointerLeave: s, ...c } = e, l = Q(), u = cn(t, "hover"), d = cn(t, "selection"), [f, p] = h(null), m = P((e) => {
 		let t = l.getCellFromPointer(e.clientX, e.clientY), r = t ? n?.(t, l) ?? null : null, i = r?.range ? r : null;
 		p((e) => an(e) === an(i) ? e : i);
 	}, [l, n]), g = P(() => {
@@ -2652,7 +2655,7 @@ var kn = (e) => {
 };
 kn.displayName = "RangeTooltip";
 var An = () => () => {}, jn = () => 0, Mn = o((e) => {
-	let { className: t, dismiss: n, ...r } = e, i = c(Tn), a = Z(), { renderTooltip: o } = qt(), s = o ?? Xt;
+	let { className: t, dismiss: n, ...r } = e, i = c(Tn), a = Q(), { renderTooltip: o } = qt(), s = o ?? Xt;
 	g(i?.subscribe ?? An, i?.version ?? jn);
 	let [l, u] = h(null), d = P((e) => {
 		let t = a.getCellFromPointer(e.clientX, e.clientY), n = t && i ? i.find(t) : null, r = n ? {
@@ -2947,7 +2950,7 @@ function Gn(e, t, n, r) {
 	};
 }
 var Kn = (e) => {
-	let t = Z(), n = P(() => t, [t]), [r, i] = h(null), a = P(e, [e]), o = f(() => Wn(n, a, i), [n, a]);
+	let t = Q(), n = P(() => t, [t]), [r, i] = h(null), a = P(e, [e]), o = f(() => Wn(n, a, i), [n, a]);
 	return l(() => () => o.dispose(), [o]), {
 		onPointerDown: o.onPointerDown,
 		onPointerMove: o.onPointerMove,
@@ -2956,7 +2959,7 @@ var Kn = (e) => {
 		dragMode: r
 	};
 }, qn = (e) => {
-	let t = Z(), n = P(() => t, [t]), [r, i] = h(null), a = P(e, [e]), o = f(() => Gn(n, a, i), [n, a]);
+	let t = Q(), n = P(() => t, [t]), [r, i] = h(null), a = P(e, [e]), o = f(() => Gn(n, a, i), [n, a]);
 	return l(() => () => o.dispose(), [o]), {
 		start: o.start,
 		cancel: o.cancel,
@@ -2981,7 +2984,7 @@ var Kn = (e) => {
 		}, 500), !0);
 	};
 }, Yn = (e) => {
-	let { range: t, anchor: n, size: r = 8, cursor: i, dragCursor: a, background: o = "var(--sxl-color-primary, rgb(33, 115, 70))", onDragStart: s, onDragMove: c, onDragEnd: l, onDragCancel: u, onDoubleClick: d, onHoverChange: f, hoverStyle: p, animatedTransition: m, renderHandle: g, children: _, className: v, style: b, preserveFocus: x, clampToView: S, secondaryButton: C } = e, w = Z(), [D, O] = h(!1), k = Jn(!!d), { start: A, cancel: j, dragMode: M } = qn((e, t) => {
+	let { range: t, anchor: n, size: r = 8, cursor: i, dragCursor: a, background: o = "var(--sxl-color-primary, rgb(33, 115, 70))", onDragStart: s, onDragMove: c, onDragEnd: l, onDragCancel: u, onDoubleClick: d, onHoverChange: f, hoverStyle: p, animatedTransition: m, renderHandle: g, children: _, className: v, style: b, preserveFocus: x, clampToView: S, secondaryButton: C } = e, w = Q(), [D, O] = h(!1), k = Jn(!!d), { start: A, cancel: j, dragMode: M } = qn((e, t) => {
 		let n = t.button === 2 && !0 === C;
 		if (t.button !== 0 && !n) return null;
 		t.stopPropagation(), x && t.preventDefault();
@@ -3138,7 +3141,7 @@ var Xn = () => {
 		colEnd: o + i
 	};
 }, or = (e) => {
-	let { range: t, children: n, grip: r = "entire", hitSize: i = 10, onHoverChange: a, onDragStateChange: o, onDragStart: s, onDragMove: c, onDragEnd: l, renderMove: u, dragCursor: d = "grabbing", preserveFocus: f, onEdgeDoubleClick: p, className: h } = e, g = Z(), _ = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", x = m(null), [S, C] = rt(_, null), { start: w, cancel: D, dragMode: O } = qn((e, n) => {
+	let { range: t, children: n, grip: r = "entire", hitSize: i = 10, onHoverChange: a, onDragStateChange: o, onDragStart: s, onDragMove: c, onDragEnd: l, renderMove: u, dragCursor: d = "grabbing", preserveFocus: f, onEdgeDoubleClick: p, className: h } = e, g = Q(), _ = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", x = m(null), [S, C] = rt(_, null), { start: w, cancel: D, dragMode: O } = qn((e, n) => {
 		if (n.button !== 0 || !t) return null;
 		n.stopPropagation(), f && n.preventDefault();
 		let r = e, i = t, a = i;
@@ -3271,7 +3274,7 @@ var sr = (e, t, n, r) => {
 	let { range: t, anchors: n = lr, onDragStart: r, onDragMove: i, onDragEnd: a, onDragCancel: o, onHandleHoverChange: s, size: c = 8, renderHandle: l, preserveFocus: u, ...d } = e, f = {
 		...Nn,
 		...d
-	}, p = f.stroke ?? "rgb(33, 115, 70)", g = Z(), [_, x] = h(null), S = m(null);
+	}, p = f.stroke ?? "rgb(33, 115, 70)", g = Q(), [_, x] = h(null), S = m(null);
 	if (!t) return null;
 	let C = _ ?? t;
 	return b(v, { children: [y(Pn, {
@@ -3356,7 +3359,7 @@ var dr = (e, t, n, r) => {
 	}, f = d.stroke, p = {
 		...d,
 		strokeDasharray: "3 2"
-	}, h = Z(), g = m(null), [_, x] = rt("range-fill", null);
+	}, h = Q(), g = m(null), [_, x] = rt("range-fill", null);
 	if (!t) return null;
 	let S = h.getTotalRange(), C = t.rowStart === S.rowStart && t.rowEnd === S.rowEnd, w = t.colStart === S.colStart && t.colEnd === S.colEnd;
 	if (C && w) return null;
@@ -3579,7 +3582,7 @@ var hr = "data-cell-interactive", gr = Object.freeze({ [hr]: "" }), _r = (e) =>
 	tiles: "_tiles_v3ek7_7",
 	gridlines: "_gridlines_v3ek7_32"
 }, kr = o((e) => {
-	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s } = e, c = Z(), d = c.getAnchor(), p = u(), g = f(() => `sxl-cl-${p.replace(/[^a-zA-Z0-9_-]/g, "")}`, [p]), _ = m({
+	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s } = e, c = Q(), d = c.getAnchor(), p = u(), g = f(() => `sxl-cl-${p.replace(/[^a-zA-Z0-9_-]/g, "")}`, [p]), _ = m({
 		token: void 0,
 		renderCell: void 0,
 		getVisibleCells: void 0,
@@ -3588,17 +3591,17 @@ var hr = "data-cell-interactive", gr = Object.freeze({ [hr]: "" }), _r = (e) =>
 		rebaseLeft: 0,
 		rebaseTop: 0,
 		map: /* @__PURE__ */ new Map()
-	}), x = c.getScrollTopLeft(), S = c.getFreezeTopLeft(), C = x.left + S.left, w = x.top + S.top, E = Math.floor(C / jr) * jr, D = Math.floor(w / jr) * jr, O = c.getVisibleRange(), k = 0, A = -1, j = 0, M = -1;
-	O && (k = Math.max(0, Math.floor(O.rowStart / $) - Nr), A = Math.floor(O.rowEnd / $) + Nr, j = Math.max(0, Math.floor(O.colStart / $) - Nr), M = Math.floor(O.colEnd / $) + Nr);
+	}), x = c.getScrollTopLeft(), S = c.getFreezeTopLeft(), C = x.left + S.left, w = x.top + S.top, E = Math.floor(C / Mr) * Mr, D = Math.floor(w / Mr) * Mr, O = c.getVisibleRange(), k = 0, A = -1, j = 0, M = -1;
+	O && (k = Math.max(0, Math.floor(O.rowStart / jr) - Pr), A = Math.floor(O.rowEnd / jr) + Pr, j = Math.max(0, Math.floor(O.colStart / jr) - Pr), M = Math.floor(O.colEnd / jr) + Pr);
 	let N = f(() => {
 		if (!O || A < k) return null;
 		let e = _.current;
 		e.token === n && e.pane === c && e.renderCell === t && e.getVisibleCells === r && e.hiddenCellAt === i && e.rebaseLeft === E && e.rebaseTop === D || (e.map = /* @__PURE__ */ new Map(), e.token = n, e.pane = c, e.renderCell = t, e.getVisibleCells = r, e.hiddenCellAt = i, e.rebaseLeft = E, e.rebaseTop = D);
 		let a = e.map, o = c.getZoom(), s = c.getTotalRange(), l = {
-			rowStart: Math.max(s.rowStart, k * $),
-			colStart: Math.max(s.colStart, j * $),
-			rowEnd: Math.min(s.rowEnd, (A + 1) * $ - 1),
-			colEnd: Math.min(s.colEnd, (M + 1) * $ - 1)
+			rowStart: Math.max(s.rowStart, k * jr),
+			colStart: Math.max(s.colStart, j * jr),
+			rowEnd: Math.min(s.rowEnd, (A + 1) * jr - 1),
+			colEnd: Math.min(s.colEnd, (M + 1) * jr - 1)
 		}, { cells: u } = Cr(c, {
 			getVisibleCells: r,
 			hiddenCellAt: i,
@@ -3606,22 +3609,22 @@ var hr = "data-cell-interactive", gr = Object.freeze({ [hr]: "" }), _r = (e) =>
 			cacheToken: n
 		}), f = /* @__PURE__ */ new Map();
 		for (let e = 0; e < u.length; e++) {
-			let t = u[e], n = `${Math.floor(t.cell.rowIndex / $)}:${Math.floor(t.cell.colIndex / $)}`, r = f.get(n);
+			let t = u[e], n = `${Math.floor(t.cell.rowIndex / jr)}:${Math.floor(t.cell.colIndex / jr)}`, r = f.get(n);
 			r || (r = [], f.set(n, r)), r.push(t);
 		}
 		let p = [], m = (e, n) => {
-			if (e * $ > s.rowEnd || n * $ > s.colEnd) return;
+			if (e * jr > s.rowEnd || n * jr > s.colEnd) return;
 			let r = e >= k && e <= A && n >= j && n <= M, i = `${e}:${n}`, l = a.get(i);
 			if (l === void 0) {
 				let u = f.get(i);
-				if (!u && !Fr) return;
+				if (!u && !Ir) return;
 				let p = c.getBoundsFromRange({
-					rowStart: e * $,
-					colStart: n * $,
-					rowEnd: Math.min(s.rowEnd, e * $ + $ - 1),
-					colEnd: Math.min(s.colEnd, n * $ + $ - 1)
+					rowStart: e * jr,
+					colStart: n * jr,
+					rowEnd: Math.min(s.rowEnd, e * jr + jr - 1),
+					colEnd: Math.min(s.colEnd, n * jr + jr - 1)
 				}), m = C + p.x - E, h = w + p.y - D, g = [];
-				if (Fr && g.push(y("div", { style: {
+				if (Ir && g.push(y("div", { style: {
 					position: "absolute",
 					left: 0,
 					top: 0,
@@ -3651,15 +3654,15 @@ var hr = "data-cell-interactive", gr = Object.freeze({ [hr]: "" }), _r = (e) =>
 					className: "tile",
 					style: { transform: `translate(${m}px, ${h}px)` },
 					children: g
-				}, `pane:${d}:tile:${e}:${n}`), r && (a.set(i, l), a.size > Pr)) {
+				}, `pane:${d}:tile:${e}:${n}`), r && (a.set(i, l), a.size > Fr)) {
 					let e = a.keys().next().value;
 					e !== void 0 && a.delete(e);
 				}
 			}
 			l && p.push(l);
 		};
-		if (Fr) {
-			for (let e = k; e <= A && !(e * $ > s.rowEnd); e++) for (let t = j; t <= M && !(t * $ > s.colEnd); t++) m(e, t);
+		if (Ir) {
+			for (let e = k; e <= A && !(e * jr > s.rowEnd); e++) for (let t = j; t <= M && !(t * jr > s.colEnd); t++) m(e, t);
 			for (let e of f.keys()) {
 				let t = e.indexOf(":"), n = Number(e.slice(0, t)), r = Number(e.slice(t + 1));
 				(n < k || n > A || r < j || r > M) && m(n, r);
@@ -3688,7 +3691,7 @@ var hr = "data-cell-interactive", gr = Object.freeze({ [hr]: "" }), _r = (e) =>
 		let e = I.current;
 		e.left === C && e.top === w || (e.left = C, e.top = w, F(!0), e.timer && clearTimeout(e.timer), e.timer = setTimeout(() => {
 			e.timer = null, F(!1);
-		}, Mr));
+		}, Nr));
 	}, [C, w]), l(() => () => {
 		let e = I.current.timer;
 		e && clearTimeout(e);
@@ -3728,8 +3731,8 @@ var Ar = o((e) => {
 	});
 });
 Ar.displayName = "CellLayer";
-var $ = 8, jr = 1 << 19, Mr = 150, Nr = 1, Pr = 512, Fr = !1, Ir = (e, t, n, r) => {
-	let i = T.getDevicePixelRatio(), a = (r?.width ?? Vr) / i, o = r?.shift ?? 0, s = r?.breaksAt, c = e.getVisibleRange(), l = (t) => e.getColumnSize(t).offset, u = (t) => {
+var jr = 8, Mr = 1 << 19, Nr = 150, Pr = 1, Fr = 512, Ir = !1, Lr = (e, t, n, r) => {
+	let i = T.getDevicePixelRatio(), a = (r?.width ?? Hr) / i, o = r?.shift ?? 0, s = r?.breaksAt, c = e.getVisibleRange(), l = (t) => e.getColumnSize(t).offset, u = (t) => {
 		let n = e.getColumnSize(t);
 		return n.offset + n.size;
 	}, d = (t) => e.getRowSize(t).offset, f = (t) => {
@@ -3758,7 +3761,7 @@ var $ = 8, jr = 1 << 19, Mr = 150, Nr = 1, Pr = 512, Fr = !1, Ir = (e, t, n, r)
 				}
 				h = !0;
 			}
-			let S = T.snapLineCenter(b + o, a, i), C = Lr(m, s?.(r), i), w = _, E = C.length;
+			let S = T.snapLineCenter(b + o, a, i), C = Rr(m, s?.(r), i), w = _, E = C.length;
 			for (let e = 0; e < E; e += 2) {
 				let t = C[e];
 				t > w && (g += `M ${w} ${S} L ${t} ${S} `), w = Math.max(w, C[e + 1]);
@@ -3787,7 +3790,7 @@ var $ = 8, jr = 1 << 19, Mr = 150, Nr = 1, Pr = 512, Fr = !1, Ir = (e, t, n, r)
 				}
 				h = !0;
 			}
-			let S = T.snapLineCenter(b + o, a, i), C = Lr(m, s?.(r), i), w = _, E = C.length;
+			let S = T.snapLineCenter(b + o, a, i), C = Rr(m, s?.(r), i), w = _, E = C.length;
 			for (let e = 0; e < E; e += 2) {
 				let t = C[e];
 				t > w && (g += `M ${S} ${w} L ${S} ${t} `), w = Math.max(w, C[e + 1]);
@@ -3796,21 +3799,21 @@ var $ = 8, jr = 1 << 19, Mr = 150, Nr = 1, Pr = 512, Fr = !1, Ir = (e, t, n, r)
 		}
 	}
 	return g;
-}, Lr = (e, t, n) => {
+}, Rr = (e, t, n) => {
 	if (!t || t.length === 0) return e;
 	let r = [], i = 0, a = 0;
 	for (; i < e.length || a < t.length;) a >= t.length || i < e.length && e[i] <= T.snapDeviceEdge(t[a], n) ? (r.push(e[i], e[i + 1]), i += 2) : (r.push(T.snapDeviceEdge(t[a], n), T.snapDeviceEdge(t[a + 1], n)), a += 2);
 	return r;
-}, Rr = (e) => {
+}, zr = (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;
-}, zr = (e, t, n, r, i) => {
+}, Br = (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(Vr / T.getDevicePixelRatio());
+	let a = e.getPaneBounds(), o = Math.ceil(a.width), s = Math.ceil(a.height), c = String(Hr / T.getDevicePixelRatio());
 	return y("svg", {
 		className: q(t ? "horizontal" : "vertical"),
 		width: `${o}`,
@@ -3826,15 +3829,15 @@ var $ = 8, jr = 1 << 19, Mr = 150, Nr = 1, Pr = 512, Fr = !1, Ir = (e, t, n, r)
 			...i
 		})
 	});
-}, Br = o((e) => {
-	let { showGridLines: t = !0, gridLineColor: n = "var(--sxl-color-base-300, rgb(224, 224, 224))", propsRows: r, propsColumns: i, getVisibleCells: a, hiddenCellAt: o, cacheToken: s, bufferRange: c, className: l, style: u, ...d } = e, p = Z(), m = t, h = !0 === t || !0 === m?.horizontal, g = !0 === t || !0 === m?.vertical, { rangesH: _, rangesV: v } = Er(p, {
+}, Vr = o((e) => {
+	let { showGridLines: t = !0, gridLineColor: n = "var(--sxl-color-base-300, rgb(224, 224, 224))", propsRows: r, propsColumns: i, getVisibleCells: a, hiddenCellAt: o, cacheToken: s, bufferRange: c, className: l, style: u, ...d } = e, p = Q(), m = t, h = !0 === t || !0 === m?.horizontal, g = !0 === t || !0 === m?.vertical, { rangesH: _, rangesV: v } = Er(p, {
 		getVisibleCells: a,
 		cacheToken: s
-	}), x = T.getDevicePixelRatio(), { top: S, left: C } = p.getScrollTopLeft(), w = p.getPaneBounds(), E = p.getVisibleRange(), D = p.getColumnSize(E.colEnd), O = p.getRowSize(E.rowEnd), k = Math.min(w.width, D ? D.offset + D.size : w.width), A = Math.min(w.height, O ? O.offset + O.size : w.height), j = _.length === 0 ? `${S}|${k}|${x}` : `${S}|${C}|${k}|${x}|${Rr(_)}`, M = v.length === 0 ? `${C}|${A}|${x}` : `${C}|${S}|${A}|${x}|${Rr(v)}`, N = f(() => h ? Ir(p, !0, _) : null, [
+	}), x = T.getDevicePixelRatio(), { top: S, left: C } = p.getScrollTopLeft(), w = p.getPaneBounds(), E = p.getVisibleRange(), D = p.getColumnSize(E.colEnd), O = p.getRowSize(E.rowEnd), k = Math.min(w.width, D ? D.offset + D.size : w.width), A = Math.min(w.height, O ? O.offset + O.size : w.height), j = _.length === 0 ? `${S}|${k}|${x}` : `${S}|${C}|${k}|${x}|${zr(_)}`, M = v.length === 0 ? `${C}|${A}|${x}` : `${C}|${S}|${A}|${x}|${zr(v)}`, N = f(() => h ? Lr(p, !0, _) : null, [
 		p,
 		h,
 		j
-	]), P = f(() => g ? Ir(p, !1, v) : null, [
+	]), P = f(() => g ? Lr(p, !1, v) : null, [
 		p,
 		g,
 		M
@@ -3849,12 +3852,12 @@ var $ = 8, jr = 1 << 19, Mr = 150, Nr = 1, Pr = 512, Fr = !1, Ir = (e, t, n, r)
 				pointerEvents: "none",
 				...u
 			},
-			children: [h && N ? zr(p, !0, N, n, r) : null, g && P ? zr(p, !1, P, n, i) : null]
+			children: [h && N ? Br(p, !0, N, n, r) : null, g && P ? Br(p, !1, P, n, i) : null]
 		})
 	}) : null;
 });
-Br.displayName = "GridlineLayer";
-var Vr = 1, Hr = -10, Ur = class {
+Vr.displayName = "GridlineLayer";
+var Hr = 1, Ur = -10, Wr = class {
 	constructor(e = {}) {
 		this.listeners = /* @__PURE__ */ new Set(), this._coords = e.initial ?? {
 			cell: {
@@ -3863,7 +3866,7 @@ var Vr = 1, Hr = -10, Ur = class {
 			},
 			ranges: H.EmptyRanges,
 			rangeIndex: -1
-		}, this._getBounds = e.getBounds ?? (() => Kr);
+		}, this._getBounds = e.getBounds ?? (() => qr);
 	}
 	getSelection() {
 		return this._coords;
@@ -3924,12 +3927,12 @@ var Vr = 1, Hr = -10, Ur = class {
 		return e >= 0 ? this._coords.ranges[e] : H.cellToRange(this._coords.cell);
 	}
 	modify(e, t = this._coords.cell) {
-		let n = this._activeRange(), r = Wr({
+		let n = this._activeRange(), r = Gr({
 			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 = Gr(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 = Kr(i.cell, r);
 		this.setSelection({
 			cell: s,
 			ranges: o,
@@ -3937,7 +3940,7 @@ var Vr = 1, Hr = -10, Ur = class {
 		});
 	}
 	append(e, t = e) {
-		let n = Wr({
+		let n = Gr({
 			rowStart: Math.min(e.rowIndex, t.rowIndex),
 			colStart: Math.min(e.colIndex, t.colIndex),
 			rowEnd: Math.max(e.rowIndex, t.rowIndex),
@@ -4012,62 +4015,62 @@ var Vr = 1, Hr = -10, Ur = class {
 			this.listeners.delete(e);
 		};
 	}
-}, Wr = (e, t) => ({
+}, Gr = (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)
-}), Gr = (e, t) => ({
+}), Kr = (e, t) => ({
 	rowIndex: J(e.rowIndex, t.rowStart, t.rowEnd),
 	colIndex: J(e.colIndex, t.colStart, t.colEnd)
-}), Kr = {
+}), qr = {
 	rowStart: 0,
 	colStart: 0,
 	rowEnd: 2 ** 53 - 1,
 	colEnd: 2 ** 53 - 1
-}, qr = "var(--sxl-color-primary, rgb(33, 115, 70))", Jr = "var(--sxl-color-base-100, rgb(255, 255, 255))", Yr = "var(--sxl-color-warning, rgb(255, 0, 0))", Xr = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, Zr = {
-	fill: { fill: Xr(10) },
+}, Jr = "var(--sxl-color-primary, rgb(33, 115, 70))", Yr = "var(--sxl-color-base-100, rgb(255, 255, 255))", Xr = "var(--sxl-color-warning, rgb(255, 0, 0))", Zr = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, Qr = {
+	fill: { fill: Zr(10) },
 	border: {
-		stroke: qr,
+		stroke: Jr,
 		alignWidth: 2,
 		style: { filter: "drop-shadow(1px 1px 0.3px var(--sxl-color-shadow, rgba(0, 0, 0, 0.24)))" }
 	},
 	inner: {
-		stroke: Jr,
+		stroke: Yr,
 		alignWidth: 2,
 		inset: 1
 	}
-}, Qr = {
-	fill: { fill: Xr(6) },
+}, $r = {
+	fill: { fill: Zr(6) },
 	border: {
-		stroke: qr,
+		stroke: Jr,
 		alignWidth: 1
 	},
 	inner: {
-		stroke: Jr,
+		stroke: Yr,
 		alignWidth: 1,
 		inset: 1
 	}
-}, $r = {
-	stroke: qr,
+}, ei = {
+	stroke: Jr,
 	alignWidth: 1,
 	inset: 2
-}, ei = {
-	fill: { fill: `color-mix(in srgb, ${Yr} 10%, transparent)` },
+}, ti = {
+	fill: { fill: `color-mix(in srgb, ${Xr} 10%, transparent)` },
 	border: {
-		stroke: Yr,
+		stroke: Xr,
 		alignWidth: 2
 	}
-}, ti = {
-	color: qr,
-	refusedColor: Yr,
+}, ni = {
+	color: Jr,
+	refusedColor: Xr,
 	alignWidth: 3,
 	capExtent: 3,
 	transitionDuration: 100,
 	transitionEasing: "cubic-bezier(0.16, 1, 0.3, 1)",
 	axisDuration: 70
-}, ni = { fill: { fill: `color-mix(in srgb, ${Jr} 62%, transparent)` } }, ri = (e, t) => {
-	let n = Z(), r = t?.allowDeselect ?? !0, i = t?.allowMulti ?? !0, a = m(null), [o, s] = h(null), c = m(t?.onSelectionEnd);
+}, ri = { fill: { fill: `color-mix(in srgb, ${Yr} 62%, transparent)` } }, ii = (e, t) => {
+	let n = Q(), r = t?.allowDeselect ?? !0, i = t?.allowMulti ?? !0, a = m(null), [o, s] = h(null), c = m(t?.onSelectionEnd);
 	c.current = t?.onSelectionEnd;
 	let l = Kn((t, o) => {
 		if (o.pointerType === "touch") {
@@ -4164,15 +4167,15 @@ var Vr = 1, Hr = -10, Ur = class {
 		removePreview: o,
 		dragMode: l.dragMode
 	};
-}, ii = "selection-grip-drag", ai = (e, t) => t === void 0 ? e : t === null ? null : {
+}, ai = "selection-grip-drag", oi = (e, t) => t === void 0 ? e : t === null ? null : {
 	...e,
 	...t
-}, oi = (e, t) => t ? {
-	fill: ai(e.fill, t.fill),
-	border: ai(e.border, t.border),
-	inner: ai(e.inner, t.inner)
-} : e, si = (e) => {
-	let { selection: t } = e, n = tt(), r = di(N(t, (e) => e.getSelection())), i = n ? ge(n.getAllPanes()) ?? n : void 0, a = ((e, t, n) => {
+}, si = (e, t) => t ? {
+	fill: oi(e.fill, t.fill),
+	border: oi(e.border, t.border),
+	inner: oi(e.inner, t.inner)
+} : e, ci = (e) => {
+	let { selection: t } = e, n = tt(), r = fi(N(t, (e) => e.getSelection())), i = n ? ge(n.getAllPanes()) ?? n : void 0, a = ((e, t, n) => {
 		let r = !!t && e.rowStart === t.rowStart && e.rowEnd === t.rowEnd, i = !!t && e.colStart === t.colStart && e.colEnd === t.colEnd;
 		if (r && i) return [];
 		if (r) {
@@ -4266,7 +4269,7 @@ var Vr = 1, Hr = -10, Ur = class {
 			},
 			axis: "both"
 		}];
-	})(r, n?.getTotalRange(), i?.getVisibleRange()), [o, s] = h(!1), c = it(ii, null), u = m(null);
+	})(r, n?.getTotalRange(), i?.getVisibleRange()), [o, s] = h(!1), c = it(ai, null), u = m(null);
 	l(() => () => {
 		u.current?.dispose(), c(null);
 	}, [c]);
@@ -4298,24 +4301,24 @@ var Vr = 1, Hr = -10, Ur = class {
 		}), void 0, (t, n) => (e.getPaneFromPointer(t, n) ?? e).getCellFromPointer(t, n));
 		u.current = f, f.start(r, r.currentTarget);
 	};
-	return y(v, { children: a.map((e) => y(li, {
+	return y(v, { children: a.map((e) => y(ui, {
 		spec: e,
 		dragging: o,
 		onBeginDrag: d
 	}, e.key)) });
 };
-si.displayName = "SelectionTouchGrips";
-var ci = {
+ci.displayName = "SelectionTouchGrips";
+var li = {
 	side: "slide",
 	align: "slide"
-}, li = (e) => {
+}, ui = (e) => {
 	let { spec: t, dragging: n, onBeginDrag: r } = e;
 	return y(Mt, {
 		anchor: { cell: t.cell },
 		placement: t.placement,
 		whenOff: "hide",
-		whenPartial: ci,
-		children: (e) => e.slid ? null : y(ui, {
+		whenPartial: li,
+		children: (e) => e.slid ? null : y(di, {
 			state: e,
 			dragging: n,
 			pin: t.pin,
@@ -4324,7 +4327,7 @@ var ci = {
 			}
 		})
 	});
-}, ui = (e) => {
+}, di = (e) => {
 	let { state: t, dragging: n, pin: r, onBeginDrag: i } = e, a = m({
 		state: t,
 		pin: r
@@ -4404,32 +4407,32 @@ var ci = {
 			} })
 		})
 	});
-}, di = (e) => {
+}, fi = (e) => {
 	let { ranges: t, rangeIndex: n, cell: r } = e;
 	if (t && t.length > 0) {
 		let e = n ?? -1;
 		return t[e >= 0 ? e : t.length - 1];
 	}
 	return H.cellToRange(r);
-}, fi = [
+}, pi = [
 	U.Left,
 	U.Right,
 	U.Up,
 	U.Down
-], pi = {
+], mi = {
 	[U.Left]: "ArrowLeft",
 	[U.Right]: "ArrowRight",
 	[U.Up]: "ArrowUp",
 	[U.Down]: "ArrowDown"
-}, mi = {
+}, hi = {
 	[U.Left]: "Left",
 	[U.Right]: "Right",
 	[U.Up]: "Up",
 	[U.Down]: "Down"
-}, hi = {
+}, gi = {
 	side: "b",
 	align: "end"
-}, gi = (e, t, n) => {
+}, _i = (e, t, n) => {
 	let r = e.rowStart <= t.rowStart && e.rowEnd >= t.rowEnd;
 	return r === (e.colStart <= t.colStart && e.colEnd >= t.colEnd) ? null : r ? {
 		side: n ? "r" : "l",
@@ -4438,7 +4441,7 @@ var ci = {
 		side: n ? "b" : "t",
 		align: "start"
 	};
-}, _i = { display: "contents" }, vi = (e, t, n, r) => {
+}, vi = { display: "contents" }, yi = (e, t, n, r) => {
 	let { edge: i } = n, a = t.rowStart + n.cell.rowIndex - e.rowStart, o = t.colStart + n.cell.colIndex - e.colStart, s = r.boundsOf(t), c = r.boundsOf({
 		rowStart: a,
 		rowEnd: a,
@@ -4462,10 +4465,10 @@ var ci = {
 		side: h ? "b" : "t",
 		align: _
 	};
-}, yi = {
+}, bi = {
 	row: "b",
 	col: "r"
-}, bi = (e, t) => {
+}, xi = (e, t) => {
 	let n = t.rowStart, r = t.colStart;
 	return e ? {
 		row: n > e.rowAt ? "b" : n < e.rowAt ? "t" : e.row,
@@ -4473,19 +4476,19 @@ var ci = {
 		rowAt: n,
 		colAt: r
 	} : {
-		...yi,
+		...bi,
 		rowAt: n,
 		colAt: r
 	};
-}, xi = e.forwardRef((t, n) => {
-	let { selection: r, getContentBounds: i, getRegionBounds: a, scrollIntoView: o, singleStyle: s, multiStyle: c, multiAnchorStyle: l, singleAnchorStyle: u, removePreviewStyle: d, insertBarStyle: f, isDropRefused: p, snapMoveDestination: m, moveSourceStyle: h, singleLayer: g, multiLayer: _, enabledMove: x, onMove: S, onMoveStart: C, onMoveUpdate: T, onMoveEnd: E, moveCursor: D, enableFill: O, snapFillDestination: k, onFill: A, onFillStart: j, onFillPreview: M, onFillEnd: P, onFillMenu: F, resolveFillExtent: I, onEdgeDoubleClick: L, onSelectionEnd: R, onDragModeChange: z, externalDrag: ee = !1, renderTip: te, tipPlacement: B, disableKeyboard: V, anchorHole: re = !0, ...ie } = t, ae = N(r, (e) => e.getSelection()), G = ri(r, { onSelectionEnd: R }), K = e.useRef(z);
+}, Si = e.forwardRef((t, n) => {
+	let { selection: r, getContentBounds: i, getRegionBounds: a, scrollIntoView: o, singleStyle: s, multiStyle: c, multiAnchorStyle: l, singleAnchorStyle: u, removePreviewStyle: d, insertBarStyle: f, isDropRefused: p, snapMoveDestination: m, moveSourceStyle: h, singleLayer: g, multiLayer: _, enabledMove: x, onMove: S, onMoveStart: C, onMoveUpdate: T, onMoveEnd: E, moveCursor: D, enableFill: O, snapFillDestination: k, onFill: A, onFillStart: j, onFillPreview: M, onFillEnd: P, onFillMenu: F, resolveFillExtent: I, onEdgeDoubleClick: L, onSelectionEnd: R, onDragModeChange: z, externalDrag: ee = !1, renderTip: te, tipPlacement: B, disableKeyboard: V, anchorHole: re = !0, ...ie } = t, ae = N(r, (e) => e.getSelection()), G = ii(r, { onSelectionEnd: R }), K = e.useRef(z);
 	K.current = z, e.useEffect(() => {
 		K.current?.(G.dragMode);
 	}, [G.dragMode]);
 	let [oe, se] = e.useState(null), ce = e.useRef(null), ue = e.useRef(null), de = e.useRef(null), fe = e.useRef({
 		width: 0,
 		height: 0
-	}), pe = Z(), me = e.useRef(r);
+	}), pe = Q(), me = e.useRef(r);
 	me.current = r;
 	let he = e.useRef(pe);
 	he.current = pe;
@@ -4583,8 +4586,8 @@ var ci = {
 				run: n
 			});
 		}, x = w.Shift, S = w.Ctrl, C = w.Alt;
-		for (let e of fi) {
-			let t = mi[e], n = pi[e];
+		for (let e of pi) {
+			let t = hi[e], n = mi[e];
 			b(`move${t}`, { key: n }, () => m(e, !1)), b(`select${t}`, {
 				key: n,
 				modifiers: [x]
@@ -4709,13 +4712,13 @@ var ci = {
 		getRegionBounds: (e) => _e.current?.(e) ?? null
 	}), []);
 	e.useImperativeHandle(n, () => J, [J]);
-	let ve = !!ae.ranges && ae.ranges.length > 0, ye = ve ? [...ae.ranges] : [H.cellToRange(ae.cell)], be = ye.length > 1, xe = ae.rangeIndex ?? -1, Se = ve ? xe >= 0 ? xe : ye.length - 1 : 0, Y = ye[Se] ?? H.cellToRange(ae.cell), Ce = pe.getRangeFromCell(ae.cell), we = H.intersectRanges(Ce, Y) ?? H.cellToRange(ae.cell), Te = ye.filter((e, t) => t !== Se), Ee = be ? oi(Qr, c) : oi(Zr, s), De = {
-		...$r,
+	let ve = !!ae.ranges && ae.ranges.length > 0, ye = ve ? [...ae.ranges] : [H.cellToRange(ae.cell)], be = ye.length > 1, xe = ae.rangeIndex ?? -1, Se = ve ? xe >= 0 ? xe : ye.length - 1 : 0, Y = ye[Se] ?? H.cellToRange(ae.cell), Ce = pe.getRangeFromCell(ae.cell), we = H.intersectRanges(Ce, Y) ?? H.cellToRange(ae.cell), Te = ye.filter((e, t) => t !== Se), Ee = be ? si($r, c) : si(Qr, s), De = {
+		...ei,
 		...l
-	}, X = oi(ei, d), { refusedColor: Oe, ...ke } = {
-		...ti,
+	}, X = si(ti, d), { refusedColor: Oe, ...ke } = {
+		...ni,
 		...f
-	}, Ae = h === null ? null : oi(ni, h), je = (e, t) => {
+	}, Ae = h === null ? null : si(ri, h), je = (e, t) => {
 		let n = t.mods.shiftKey ? t.insert : null, r = t.mods.ctrlKey || t.mods.metaKey, i = {
 			to: n ? ar(e, n, pe.getTotalRange()) : e,
 			copy: r,
@@ -4732,13 +4735,13 @@ var ci = {
 			ranges: o,
 			rangeIndex: a
 		});
-	}, [Ne] = rt(ii, null), Pe = G.dragMode === "extend" || Ne !== null || ee, Fe = oe ?? (Pe ? {
+	}, [Ne] = rt(ai, null), Pe = G.dragMode === "extend" || Ne !== null || ee, Z = oe ?? (Pe ? {
 		kind: "select",
 		range: Y
-	} : null), Ie = Fe && te ? te(Fe) : null, Le = {
+	} : null), Fe = Z && te ? te(Z) : null, Ie = {
 		boundsOf: (e) => pe.getBoundsFromRange(e),
 		tip: fe.current
-	}, Re = Fe ? ((e, t, n, r, i, a, o) => {
+	}, Le = Z ? ((e, t, n, r, i, a, o) => {
 		if (e.kind === "select") {
 			let { range: i } = e, a = n ?? ((e, t) => ({
 				side: t.rowStart > e.rowStart ? "t" : "b",
@@ -4746,16 +4749,16 @@ var ci = {
 			}))(i, t);
 			return {
 				range: i,
-				placement: gi(i, r, i.rowStart <= r.rowStart && i.rowEnd >= r.rowEnd ? a.align === "end" : a.side === "b") ?? a
+				placement: _i(i, r, i.rowStart <= r.rowStart && i.rowEnd >= r.rowEnd ? a.align === "end" : a.side === "b") ?? a
 			};
 		}
 		if (e.kind === "fill") {
-			let { template: t, destination: n } = e, i = gi(n, r, n.rowEnd > t.rowEnd || n.colEnd > t.colEnd);
+			let { template: t, destination: n } = e, i = _i(n, r, n.rowEnd > t.rowEnd || n.colEnd > t.colEnd);
 			if (i) return {
 				range: n,
 				placement: i
 			};
-			let a = hi;
+			let a = gi;
 			return n.rowEnd > t.rowEnd ? a = {
 				side: "r",
 				align: "end"
@@ -4811,22 +4814,22 @@ var ci = {
 				align: "start"
 			}
 		};
-		let l = gi(s, r, a?.edge !== "left" && a?.edge !== "top");
+		let l = _i(s, r, a?.edge !== "left" && a?.edge !== "top");
 		return l ? {
 			range: s,
 			placement: l
 		} : a && o ? {
 			range: s,
-			placement: vi(e.from, s, a, o)
+			placement: yi(e.from, s, a, o)
 		} : {
 			range: s,
-			placement: hi
+			placement: gi
 		};
-	})(Fe, we, Ne, pe.getTotalRange(), ce.current ?? yi, ue.current, Le) : {
+	})(Z, we, Ne, pe.getTotalRange(), ce.current ?? bi, ue.current, Ie) : {
 		range: Y,
-		placement: hi
-	}, ze;
-	Fe?.kind === "move" && (ze = Fe.drop.insert ? {
+		placement: gi
+	}, Re;
+	Z?.kind === "move" && (Re = Z.drop.insert ? {
 		duration: ke.transitionDuration ?? 0,
 		easing: ke.transitionEasing
 	} : le), e.useLayoutEffect(() => {
@@ -4838,7 +4841,7 @@ var ci = {
 			height: n
 		};
 	});
-	let Be = e.Children.map(be ? _ : g, (t) => {
+	let ze = e.Children.map(be ? _ : g, (t) => {
 		if (!e.isValidElement(t)) return t;
 		let n = t.props;
 		return e.cloneElement(t, {
@@ -4857,16 +4860,16 @@ var ci = {
 			J.handleKey(e) && (e.preventDefault(), e.stopPropagation());
 		},
 		children: [
-			oe?.kind === "move" && !oe.drop.copy && Ae && !H.isEqualRanges(oe.to, oe.from) && Si(Ae, oe.from, void 0, !1, "move-source"),
+			oe?.kind === "move" && !oe.drop.copy && Ae && !H.isEqualRanges(oe.to, oe.from) && Ci(Ae, oe.from, void 0, !1, "move-source"),
 			b(v, be ? { children: [
-				Te.map((t, n) => y(e.Fragment, { children: Si(Ee, t) }, `other-${n}`)),
-				Si(Ee, Y, re ? we : void 0),
+				Te.map((t, n) => y(e.Fragment, { children: Ci(Ee, t) }, `other-${n}`)),
+				Ci(Ee, Y, re ? we : void 0),
 				y(Pn, {
 					className: "anchor",
 					range: we,
 					...De
 				})
-			] } : { children: [Si(Ee, Y, re ? we : void 0), u && y(Pn, {
+			] } : { children: [Ci(Ee, Y, re ? we : void 0), u && y(Pn, {
 				className: "anchor",
 				range: we,
 				...u
@@ -4895,7 +4898,7 @@ var ci = {
 				onEdgeDoubleClick: L,
 				onDragStart: (e, t, n, r) => {
 					let i = je(e, n);
-					C?.(e, t, i, r), ce.current = bi(null, i.to), ue.current = n.grab, se({
+					C?.(e, t, i, r), ce.current = xi(null, i.to), ue.current = n.grab, se({
 						kind: "move",
 						from: e,
 						to: i.to,
@@ -4904,7 +4907,7 @@ var ci = {
 				},
 				onDragMove: (e, t, n) => {
 					let r = je(e, n);
-					T?.(Y, r.to, t, r), ce.current = bi(ce.current, r.to), se({
+					T?.(Y, r.to, t, r), ce.current = xi(ce.current, r.to), se({
 						kind: "move",
 						from: Y,
 						to: r.to,
@@ -4957,28 +4960,28 @@ var ci = {
 					n && !H.isEqualRanges(n, e) && (A?.(e, n, t), Me(n));
 				} : void 0
 			}),
-			G.removePreview && Si(X, G.removePreview, void 0, !1, "remove-preview"),
-			Be,
+			G.removePreview && Ci(X, G.removePreview, void 0, !1, "remove-preview"),
+			ze,
 			te && y(mn, {
 				name: "selection-gesture",
-				active: Fe !== null,
-				anchor: { range: Re.range },
-				placement: B ?? Re.placement,
-				offset: Fe?.kind === "fill" ? void 0 : 4,
-				alignOffset: Fe?.kind === "fill" ? void 0 : 2,
-				glide: ze,
-				children: (Ve = Ie, Ve == null || !1 === Ve || Ve === "" ? Ie : y("span", {
+				active: Z !== null,
+				anchor: { range: Le.range },
+				placement: B ?? Le.placement,
+				offset: Z?.kind === "fill" ? void 0 : 4,
+				alignOffset: Z?.kind === "fill" ? void 0 : 2,
+				glide: Re,
+				children: (Be = Fe, Be == null || !1 === Be || Be === "" ? Fe : y("span", {
 					ref: de,
-					style: _i,
-					children: Ie
+					style: vi,
+					children: Fe
 				}))
 			})
 		]
 	});
-	var Ve;
+	var Be;
 });
-xi.displayName = "SelectionLayer";
-var Si = (e, t, n, r = !1, i = "range") => b(v, { children: [
+Si.displayName = "SelectionLayer";
+var Ci = (e, t, n, r = !1, i = "range") => b(v, { children: [
 	e.fill && y(Pn, {
 		className: `${i} fill`,
 		animatedTransition: r,
@@ -4998,7 +5001,7 @@ var Si = (e, t, n, r = !1, i = "range") => b(v, { children: [
 		range: t,
 		...e.border
 	})
-] }), Ci = [
+] }), wi = [
 	"#1a73e8",
 	"#d93025",
 	"#1e8e3e",
@@ -5006,13 +5009,13 @@ var Si = (e, t, n, r = !1, i = "range") => b(v, { children: [
 	"#e37400",
 	"#12a4af",
 	"#d01884"
-], wi = Array.from({ length: D }, (e, t) => `var(--sxl-color-series-${t + 1}, ${Ci[t]})`), Ti = "var(--sxl-color-primary, rgb(0, 120, 215))", Ei = (e, t, n) => ({
+], Ti = Array.from({ length: D }, (e, t) => `var(--sxl-color-series-${t + 1}, ${wi[t]})`), Ei = "var(--sxl-color-primary, rgb(0, 120, 215))", Di = (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))
-}), Di = (e) => ({ stroke: wi.length ? wi[e % wi.length] : Ti }), Oi = (e) => {
-	let { selection: t, getRangeStyle: n = Di, anchors: r = cr, enabledMove: i, disableDraw: a, allowMulti: o = !0, size: s, animated: c, renderHandle: u, preserveFocus: d = !0, onDragActiveChange: f, rangeStyle: p = ne.EmptyObject, className: g, ..._ } = e, v = Z(), x = N(t, (e) => e.getSelection()), S = x.ranges ?? H.EmptyRanges, C = Math.min(Math.max(0, x.rangeIndex ?? S.length - 1), Math.max(0, S.length - 1)), [w, T] = h(null), [E, D] = h(null), [O, k] = h(!1), A = E !== null || O, j = m(f);
+}), Oi = (e) => ({ stroke: Ti.length ? Ti[e % Ti.length] : Ei }), ki = (e) => {
+	let { selection: t, getRangeStyle: n = Oi, anchors: r = cr, enabledMove: i, disableDraw: a, allowMulti: o = !0, size: s, animated: c, renderHandle: u, preserveFocus: d = !0, onDragActiveChange: f, rangeStyle: p = ne.EmptyObject, className: g, ..._ } = e, v = Q(), x = N(t, (e) => e.getSelection()), S = x.ranges ?? H.EmptyRanges, C = Math.min(Math.max(0, x.rangeIndex ?? S.length - 1), Math.max(0, S.length - 1)), [w, T] = h(null), [E, D] = h(null), [O, k] = h(!1), A = E !== null || O, j = m(f);
 	j.current = f, l(() => {
 		j.current?.(A, E);
 	}, [A, E]), l(() => () => {
@@ -5046,15 +5049,15 @@ var Si = (e, t, n, r = !1, i = "range") => b(v, { children: [
 				rowIndex: S[n].rowStart,
 				colIndex: S[n].colStart
 			};
-			return k(!0), F(n, Ei(t, e, v.getTotalRange())), {
-				drag: (e) => F(n, Ei(t, e, v.getTotalRange())),
+			return k(!0), F(n, Di(t, e, v.getTotalRange())), {
+				drag: (e) => F(n, Di(t, e, v.getTotalRange())),
 				end: () => k(!1),
 				captureEvents: !1
 			};
 		}
 		let r = (!t.ctrlKey && !t.metaKey || !o) && n >= 0 ? n : S.length;
 		return k(!0), F(r, H.cellToRange(e)), {
-			drag: (t) => F(r, Ei(e, t, v.getTotalRange())),
+			drag: (t) => F(r, Di(e, t, v.getTotalRange())),
 			end: () => k(!1),
 			captureEvents: !1
 		};
@@ -5088,7 +5091,7 @@ var Si = (e, t, n, r = !1, i = "range") => b(v, { children: [
 			}, `move-${e}`)),
 			z.map((e) => {
 				let t = e === C, n = e === M, i = ((e, t, n) => {
-					let r = e.stroke ?? p.stroke ?? Ti;
+					let r = e.stroke ?? p.stroke ?? Ei;
 					return {
 						...p,
 						...e,
@@ -5118,8 +5121,8 @@ var Si = (e, t, n, r = !1, i = "range") => b(v, { children: [
 		]
 	});
 };
-Oi.displayName = "RangesPickerLayer";
-var ki = 0, Ai = class {
+ki.displayName = "RangesPickerLayer";
+var Ai = 0, ji = class {
 	constructor(e, t = {}) {
 		this.pending = null, this.cancelled = !1, this.listeners = /* @__PURE__ */ new Set(), this.commitListeners = /* @__PURE__ */ new Set(), this.cancelListeners = /* @__PURE__ */ new Set(), this.editors = /* @__PURE__ */ new Set(), this.activeEditor = null, this.activeEditorId = null, this.auxState = null, this.commitFn = e.commit, this.validateFn = e.validate, this.onCommitError = e.onCommitError, this.state = {
 			mode: t.mode ?? "enter",
@@ -5128,7 +5131,7 @@ var ki = 0, Ai = class {
 			dirty: t.dirty,
 			initialSelection: t.initialSelection ?? null,
 			autoFocus: t.autoFocus ?? !0,
-			token: ++ki
+			token: ++Ai
 		};
 	}
 	getState() {
@@ -5249,7 +5252,7 @@ var ki = 0, Ai = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, ji = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : e.key === "Process" || e.keyCode === 229 ? {
+}, Mi = (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 : {
@@ -5258,7 +5261,7 @@ var ki = 0, Ai = class {
 } : e.shiftKey ? null : e.key === "F2" ? { mode: "edit" } : e.key === "Backspace" ? {
 	mode: "enter",
 	dirty: ""
-} : null, Mi = (e, t) => {
+} : null, Ni = (e, t) => {
 	let n = m(null);
 	return d(() => {
 		let t = n.current;
@@ -5266,9 +5269,9 @@ var ki = 0, Ai = class {
 	}, [t]), P((e) => {
 		n.current = e;
 	}, []);
-}, Ni = (e, t) => {
+}, Pi = (e, t) => {
 	if (e.which === C.Enter && t.ctrlKey) return t.shiftKey ? { arrayFixed: !0 } : { broadcast: !0 };
-}, 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 P((e) => {
 		let u = e.nativeEvent;
@@ -5285,7 +5288,7 @@ var ki = 0, Ai = class {
 		if (d && t === "edit") return void e.stopPropagation();
 		if (e.which === C.Enter || e.which === C.Tab || d && t === "enter") {
 			e.preventDefault();
-			let t = Ni(e, u), n = a(t);
+			let t = Pi(e, u), n = a(t);
 			if (!1 === n || t) return void e.stopPropagation();
 			let r = e.which === C.Enter || e.which === C.Tab, i = e.which === C.Tab ? W.Row : W.Column, o = e.shiftKey, l = r ? null : ((e) => {
 				switch (e.which) {
@@ -5317,7 +5320,7 @@ var ki = 0, Ai = class {
 		c,
 		l
 	]);
-}, Fi = class {
+}, Ii = class {
 	constructor(e, t, n) {
 		this.current = null, this.leaveTarget = null, this.listeners = /* @__PURE__ */ new Set(), this.commitErrorListeners = /* @__PURE__ */ new Set(), this.anchor = e, this.createEdit = t, this.revertAnchor = n?.revertAnchor, this.unsubscribeAnchor = e.subscribe(() => this.onAnchorChange());
 	}
@@ -5348,7 +5351,7 @@ var ki = 0, Ai = class {
 	}
 	startEdit(e, t = {}) {
 		let n = this.createEdit(e);
-		return n ? (this.current = new Ai({
+		return n ? (this.current = new ji({
 			...n,
 			coords: n.coords ?? e,
 			onCommitError: (e) => {
@@ -5374,7 +5377,7 @@ var ki = 0, Ai = 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;
@@ -5394,7 +5397,7 @@ var ki = 0, Ai = 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: f, onCommit: p, onCancel: h, onNaturalSize: g } = e, _ = i ?? r ?? "", x = m(null), S = m(null), C = m(0);
 	d(() => {
 		if (!t || !o) return;
@@ -5418,14 +5421,14 @@ var ki = 0, Ai = class {
 			height: e.offsetHeight
 		});
 	}, [_, g]);
-	let w = Pi({
+	let w = Fi({
 		mode: n,
 		value: _,
 		onDirtyChange: u,
 		onModeChange: f,
 		onCommit: p,
 		onCancel: h,
-		setCaret: Mi(x, _)
+		setCaret: Ni(x, _)
 	});
 	return b(v, { children: [y("textarea", {
 		ref: x,
@@ -5445,8 +5448,8 @@ var ki = 0, Ai = 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"
@@ -5466,14 +5469,14 @@ var ki = 0, Ai = 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) {
+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: u, ...d } = e, f = tt(), p = N(t, (e) => e.getSession()), m = ee(p, (e) => e.getState()), [g, _] = h(null), v = P((e) => {
 		_((t) => t && t.width === e.width && t.height === e.height ? t : e);
 	}, []), b = P((e) => {
@@ -5496,7 +5499,7 @@ function Bi(e) {
 			rowEnd: e.rowStart,
 			colEnd: e.colStart
 		})) !== null, m) {
-			let e = Ii(f, S, g, r, o);
+			let e = Li(f, S, g, r, o);
 			C = e?.bounds ?? null, w = e?.inView ?? !1;
 		} else C = f.getBoundsFromRange(e);
 	}
@@ -5544,17 +5547,17 @@ function Bi(e) {
 		children: n ? y(E, {
 			render: n,
 			props: k
-		}) : y(zi, { ...k })
+		}) : y(Bi, { ...k })
 	}) : null });
 }
-function Vi(e) {
+function Hi(e) {
 	let { editable: t } = e, n = tt(), r = P((e) => {
 		if (t.getSession()) return;
 		let r = n?.getElement();
 		if (r && e.target !== r && e.target !== n?.getFocusTarget()) return;
 		let i = t.getAnchor().getCoords();
 		if (!i) return;
-		let a = ji(e.nativeEvent);
+		let a = Mi(e.nativeEvent);
 		a && (e.nativeEvent.key !== "Process" && e.nativeEvent.keyCode !== 229 && e.preventDefault(), e.stopPropagation(), t.startEdit(i, a));
 	}, [t, n]), i = P((e) => {
 		if (t.getSession()) return;
@@ -5567,7 +5570,7 @@ function Vi(e) {
 		onDoubleClick: i
 	});
 }
-function Hi(e) {
+function Ui(e) {
 	let { editable: t, renderEditor: n, idleClean: r = null, mapClean: i, editorId: a, readOnly: o, className: s, style: c } = e, l = N(t, (e) => e.getSession()), u = ee(l, (e) => e.getState()), d = u?.clean ?? r, f = i ? i(d) : d, p = P((e) => t.commit(e), [t]), h = P(() => t.cancel(), [t]), g = P(() => {
 		o || (t.getSession() || t.startEdit(t.getAnchor().getCoords(), {
 			mode: "edit",
@@ -5605,11 +5608,11 @@ function Hi(e) {
 		children: n ? y(E, {
 			render: n,
 			props: b
-		}) : y(zi, { ...b })
+		}) : y(Bi, { ...b })
 	});
 }
-zi.displayName = "DefaultEditorInput", Hi.displayName = "EditorDiv";
-var Ui = "header-divider", Wi = "ew-resize", Gi = "ns-resize", Ki = "var(--sxl-color-base-100, #f5f5f5)", qi = "var(--sxl-color-primary, rgb(33, 115, 70))", Ji = (e, t, n, r) => ({
+Bi.displayName = "DefaultEditorInput", Ui.displayName = "EditorDiv";
+var Wi = "header-divider", Gi = "ew-resize", Ki = "ns-resize", qi = "var(--sxl-color-base-100, #f5f5f5)", Ji = "var(--sxl-color-primary, rgb(33, 115, 70))", Yi = (e, t, n, r) => ({
 	position: "absolute",
 	boxSizing: "border-box",
 	left: e ? t - n / 2 : "50%",
@@ -5621,21 +5624,21 @@ var Ui = "header-divider", Wi = "ew-resize", Gi = "ns-resize", Ki = "var(--sxl-c
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center"
-}), Yi = (e, t) => y("div", {
+}), Xi = (e, t) => y("div", {
 	className: "header-divider-handle",
 	style: {
-		...Ji(e, t, 6, 16),
+		...Yi(e, t, 6, 16),
 		pointerEvents: "none",
 		border: "1px solid var(--sxl-color-neutral, grey)",
-		background: Ki
+		background: qi
 	}
-}), Xi = o((e) => {
-	let { isColumn: t, lineOffset: n, onUnhide: r } = e, [i, a] = h(!1), o = i ? Ki : qi;
+}), Zi = o((e) => {
+	let { isColumn: t, lineOffset: n, onUnhide: r } = e, [i, a] = h(!1), o = i ? qi : Ji;
 	return y("div", {
 		className: "header-divider-unhide",
 		role: "button",
 		style: {
-			...Ji(t, n, 20, 12),
+			...Yi(t, n, 20, 12),
 			...t ? {
 				top: "calc(100% - 4px)",
 				height: 12,
@@ -5648,8 +5651,8 @@ var Ui = "header-divider", Wi = "ew-resize", Gi = "ns-resize", Ki = "var(--sxl-c
 			zIndex: 1,
 			pointerEvents: "auto",
 			cursor: "pointer",
-			border: `1px solid ${qi}`,
-			background: i ? qi : Ki
+			border: `1px solid ${Ji}`,
+			background: i ? Ji : qi
 		},
 		onPointerEnter: () => a(!0),
 		onPointerLeave: () => a(!1),
@@ -5669,15 +5672,15 @@ var Ui = "header-divider", Wi = "ew-resize", Gi = "ns-resize", Ki = "var(--sxl-c
 		})
 	});
 });
-Xi.displayName = "UnhideButton";
-var Zi = o(i((e, t) => {
+Zi.displayName = "UnhideButton";
+var Qi = o(i((e, t) => {
 	let { axis: n, index: r, className: i, style: a, disabled: o = !1, disabledResize: s = !1, isNextHidden: c, isHidden: l, isSelected: u, isSelectedAll: d, showTouchDivider: f, bounds: p, onPointerDown: m, onAutoFit: g, onUnhide: _, isActive: v = !1, onPointerEnter: x, onPointerLeave: S, pane: C, ...w } = e, E = n === W.Column, [D, O] = h(null), k = D === r, A = 1 / T.getDevicePixelRatio(), j = u || d, M = j ? "color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) 35%, var(--sxl-color-base-300, rgb(171, 171, 171)))" : "var(--sxl-color-base-300, rgb(171, 171, 171))", N = "var(--sxl-color-base-100, #f5f5f5)", P = R() === "touch", F = E ? 14 : 8, I = C.getZoom();
 	I < 1 && (F = Math.max(2, F * I * .8));
 	let L = F / 2, z = 0;
 	c && (z = -2), l && (z = 2), l && (F = F / 2 + z, L = 2 * z);
 	let ee = j || z !== 0 ? `linear-gradient(${M}, ${M})` : `linear-gradient(${E ? 180 : 90}deg, ${N}, ${M} 55%, ${M} 100%)`;
 	return b("div", {
-		className: q(Ui, { disabled: o }, i, `index-${r}`),
+		className: q(Wi, { disabled: o }, i, `index-${r}`),
 		ref: t,
 		onPointerDown: P ? void 0 : m,
 		onDoubleClick: P ? void 0 : () => g?.(),
@@ -5698,17 +5701,17 @@ var Zi = o(i((e, t) => {
 			backgroundPosition: E ? `${L}px 0` : `0 ${L}px`,
 			backgroundRepeat: "no-repeat",
 			pointerEvents: "auto",
-			cursor: o || s || P ? void 0 : E ? Wi : Gi,
+			cursor: o || s || P ? void 0 : E ? Gi : Ki,
 			...a
 		},
 		...w,
-		children: [!k && !v || P || o || s ? null : _ ? y(Xi, {
+		children: [!k && !v || P || o || s ? null : _ ? y(Zi, {
 			isColumn: E,
 			lineOffset: L,
 			onUnhide: () => {
 				O(null), _();
 			}
-		}) : Yi(E, L), f && P ? y("div", {
+		}) : Xi(E, L), f && P ? y("div", {
 			style: {
 				position: "absolute",
 				cursor: "grab",
@@ -5739,8 +5742,8 @@ var Zi = o(i((e, t) => {
 			} })
 		}) : null]
 	});
-})), Qi = (e) => y(Zi, { ...e }), $i = o(i((e, t) => {
-	let { axis: n, index: r, disabled: i = !1, disabledResize: a = !1, resizeThreshold: o = 1, renderDivider: s = Qi, onDividerMouseDown: c, onDividerResizeStart: l, onDividerResize: u, onDividerResizeEnd: d, onDividerMouseUp: f, onDividerAutoFit: p, onDividerUnhide: g, onPointerDown: _, visibleBounds: x, ...S } = e, C = Z(), w = P(_, [_]), E = P(p, [p]), D = n === W.Column, O = x === void 0 ? ea(C, n) : x, k = m(null), [A, j] = h(null), M = (e, t) => D ? e.clientX - t.clientX : e.clientY - t.clientY, N = C.getMetrics(), F = D ? N.getColOffset(r + 1) : N.getRowOffset(r + 1), L = T.getDevicePixelRatio(), R = 1 / L, z = T.snapLineCenter(F, R, L) - R / 2, ee = te({
+})), $i = (e) => y(Qi, { ...e }), ea = o(i((e, t) => {
+	let { axis: n, index: r, disabled: i = !1, disabledResize: a = !1, resizeThreshold: o = 1, renderDivider: s = $i, onDividerMouseDown: c, onDividerResizeStart: l, onDividerResize: u, onDividerResizeEnd: d, onDividerMouseUp: f, onDividerAutoFit: p, onDividerUnhide: g, onPointerDown: _, visibleBounds: x, ...S } = e, C = Q(), w = P(_, [_]), E = P(p, [p]), D = n === W.Column, O = x === void 0 ? ta(C, n) : x, k = m(null), [A, j] = h(null), M = (e, t) => D ? e.clientX - t.clientX : e.clientY - t.clientY, N = C.getMetrics(), F = D ? N.getColOffset(r + 1) : N.getRowOffset(r + 1), L = T.getDevicePixelRatio(), R = 1 / L, z = T.snapLineCenter(F, R, L) - R / 2, ee = te({
 		processTouch: !0,
 		onPointerDown: (e) => {
 			if (w?.(e), !i && !a) {
@@ -5806,15 +5809,15 @@ var Zi = o(i((e, t) => {
 	let H = null;
 	return A && A.isResizing && A.index === r && (H = ae(y("div", { style: {
 		position: "absolute",
-		cursor: D ? Wi : Gi,
+		cursor: D ? Gi : Ki,
 		left: 0,
 		top: 0,
 		width: "100%",
 		height: "100%"
 	} }), V(), "divider:" + r)), b(v, { children: [H, ne] });
 }));
-$i.displayName = "HeaderDividerAnchor";
-var ea = (e, t) => {
+ea.displayName = "HeaderDividerAnchor";
+var ta = (e, t) => {
 	let n = t === W.Column, r = n ? e.getVisibleColumns() : e.getVisibleRows();
 	if (r.length === 0) return null;
 	let i = r[0].index, a = r[r.length - 1].index, o = n ? e.getBoundsFromRange({
@@ -5829,7 +5832,7 @@ var ea = (e, t) => {
 		colEnd: 0
 	});
 	return e.toClipBounds(o, -10);
-}, ta = (e, t, n, r) => {
+}, na = (e, t, n, r) => {
 	let i = t ? n : r, a = t ? r : n, o = e.getPanePointFromPointer(i, a), s = t ? e.getPaneBounds().x : e.getPaneBounds().y, c = (o ? t ? o.x : o.y : 0) + s, l = n - c, u = {
 		index: 0,
 		pos: 0
@@ -5855,8 +5858,8 @@ var ea = (e, t) => {
 		snapClient: u.pos + l,
 		pointerClient: c < 0 ? void 0 : n
 	};
-}, na = (e) => {
-	let { axis: t, disabled: n, isOwner: r } = e, i = Z(), a = t === W.Column, o = P(e.onFreezeDragStart, [e.onFreezeDragStart]), s = P(e.onFreezeDrag, [e.onFreezeDrag]), c = P(e.onFreezeDragEnd, [e.onFreezeDragEnd]), u = P(e.onFreezeDragCancel, [e.onFreezeDragCancel]), d = P(e.onActiveChange, [e.onActiveChange]), [f, p] = h(!1), [g, _] = h(!1), v = m(null), b = (e, t) => a ? ta(i, !0, e.clientX, t.clientY) : ta(i, !1, e.clientY, t.clientX), x = te({
+}, ra = (e) => {
+	let { axis: t, disabled: n, isOwner: r } = e, i = Q(), a = t === W.Column, o = P(e.onFreezeDragStart, [e.onFreezeDragStart]), s = P(e.onFreezeDrag, [e.onFreezeDrag]), c = P(e.onFreezeDragEnd, [e.onFreezeDragEnd]), u = P(e.onFreezeDragCancel, [e.onFreezeDragCancel]), d = P(e.onActiveChange, [e.onActiveChange]), [f, p] = h(!1), [g, _] = h(!1), v = m(null), b = (e, t) => a ? na(i, !0, e.clientX, t.clientY) : na(i, !1, e.clientY, t.clientX), x = te({
 		processTouch: !0,
 		onPointerDown: (e) => {
 			if (e.stopPropagation(), e.preventDefault(), n) return !1;
@@ -5910,8 +5913,8 @@ var ea = (e, t) => {
 		},
 		backdrop: T
 	};
-}, ra = o((e) => {
-	let { axis: t, disabled: n = !1, highlight: r = !1, onFreezeDragStart: i, onFreezeDrag: a, onFreezeDragEnd: o, onFreezeDragCancel: s, onActiveChange: c } = e, l = Z(), u = t === W.Column, d = u ? V.Left : V.Top, f = !!l.getAllPanes()[d], p = f ? l.getAnchor() === d : l === ge(l.getAllPanes()), { isActive: m, cursor: h, hitProps: g, backdrop: _ } = na({
+}, ia = o((e) => {
+	let { axis: t, disabled: n = !1, highlight: r = !1, onFreezeDragStart: i, onFreezeDrag: a, onFreezeDragEnd: o, onFreezeDragCancel: s, onActiveChange: c } = e, l = Q(), u = t === W.Column, d = u ? V.Left : V.Top, f = !!l.getAllPanes()[d], p = f ? l.getAnchor() === d : l === ge(l.getAllPanes()), { isActive: m, cursor: h, hitProps: g, backdrop: _ } = ra({
 		axis: t,
 		disabled: n,
 		isOwner: p,
@@ -5922,7 +5925,7 @@ var ea = (e, t) => {
 		onActiveChange: c
 	});
 	if (!p) return null;
-	let x = f ? u ? l.getPaneBounds().width : l.getPaneBounds().height : 0, S = f ? x - 3 : 0, C = f ? x : +!!m, w = f || m ? 0 : 2, T = f || m ? 2 : 3, E = (u ? l.getPaneBounds().height : l.getPaneBounds().width) - w, D = m || r && !n ? "var(--sxl-color-primary, rgb(33, 115, 70))" : "var(--sxl-color-neutral, grey)";
+	let x = f ? u ? l.getPaneBounds().width : l.getPaneBounds().height : 0, S = f ? x - 3 : 0, C = f ? x : +!!m, w = f || m ? 0 : 1, T = f || m ? 2 : 3, E = (u ? l.getPaneBounds().height : l.getPaneBounds().width) - w, D = m || r && !n ? "var(--sxl-color-primary, rgb(33, 115, 70))" : "var(--sxl-color-neutral, grey)";
 	return b(v, { children: [
 		_,
 		y("div", {
@@ -5970,9 +5973,9 @@ var ea = (e, t) => {
 		})
 	] });
 });
-ra.displayName = "HeaderFreezeAnchor";
-var ia = o((e) => {
-	let { axis: t, disabled: n = !1, onFreezeDragStart: r, onFreezeDrag: i, onFreezeDragEnd: a, onFreezeDragCancel: o, onActiveChange: s } = e, c = Z(), l = t === W.Column, u = c.getAnchor(), d = u === V.TopLeft || u === (l ? V.Left : V.Top), { cursor: f, hitProps: p, backdrop: m } = na({
+ia.displayName = "HeaderFreezeAnchor";
+var aa = o((e) => {
+	let { axis: t, disabled: n = !1, onFreezeDragStart: r, onFreezeDrag: i, onFreezeDragEnd: a, onFreezeDragCancel: o, onActiveChange: s } = e, c = Q(), l = t === W.Column, u = c.getAnchor(), d = u === V.TopLeft || u === (l ? V.Left : V.Top), { cursor: f, hitProps: p, backdrop: m } = ra({
 		axis: t,
 		disabled: n,
 		isOwner: d,
@@ -5999,26 +6002,26 @@ var ia = o((e) => {
 		}
 	})] });
 });
-ia.displayName = "GridFreezeAnchor";
-var aa = (e, t, n) => t === W.Column ? {
+aa.displayName = "GridFreezeAnchor";
+var oa = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, oa = (e, t, n) => t === W.Column ? {
+}, sa = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowEnd,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colEnd
-}, sa = (e, t, n) => t === W.Column ? {
+}, ca = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, ca = (e, t, n, r) => n === W.Column ? {
+}, la = (e, t, n, r) => n === W.Column ? {
 	rowStart: r.rowStart,
 	rowEnd: r.rowEnd,
 	colStart: Math.min(e.colIndex, t.colIndex),
@@ -6028,7 +6031,7 @@ var aa = (e, t, n) => t === W.Column ? {
 	colEnd: r.colEnd,
 	rowStart: Math.min(e.rowIndex, t.rowIndex),
 	rowEnd: Math.max(e.rowIndex, t.rowIndex)
-}, la = (e, t, n) => {
+}, ua = (e, t, n) => {
 	let r = typeof t == "function" ? t : () => t, i = null, a = null, o = 0, s = () => ge(r().getAllPanes()) ?? r(), c = (t, n, r) => {
 		if (!e) return;
 		let i = e.getSelection(), a = !!i.ranges && i.ranges.length > 0;
@@ -6069,7 +6072,7 @@ var aa = (e, t, n) => t === W.Column ? {
 		let a = s().getVisibleRange(), o = null;
 		return t === W.Column ? e.x >= i.right - 24 && a.colEnd < r.colEnd ? o = { colIndex: a.colEnd + 1 } : e.x <= i.left + 24 && a.colStart > r.colStart && (o = { colIndex: a.colStart - 1 }) : e.y >= i.bottom - 24 && a.rowEnd < r.rowEnd ? o = { rowIndex: a.rowEnd + 1 } : e.y <= i.top + 24 && a.rowStart > r.rowStart && (o = { rowIndex: a.rowStart - 1 }), !!o && (u(o), !0);
 	}, f = (e) => {
-		let { axis: t, entireRange: r, replaceActive: u = !1 } = n(), d = ca(i ?? e, e, t, r), f = a ?? sa(e, t, s().getVisibleRange());
+		let { axis: t, entireRange: r, replaceActive: u = !1 } = n(), d = la(i ?? e, e, t, r), f = a ?? ca(e, t, s().getVisibleRange());
 		u ? l(o, d, f) : c(d, f, "replace");
 	};
 	return Wn(r, (t, r) => {
@@ -6079,11 +6082,11 @@ var aa = (e, t, n) => t === W.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?.(r, t)) return null;
 		v && r.stopPropagation(), y && p && r.preventDefault(), x?.();
-		let w = sa(t, h, s().getVisibleRange()), T = r.shiftKey, E = (r.ctrlKey || r.metaKey) && _;
+		let w = ca(t, h, s().getVisibleRange()), T = r.shiftKey, E = (r.ctrlKey || r.metaKey) && _;
 		if (v) {
 			let n = e.getSelection(), r = n.ranges ?? [], s = n.rangeIndex ?? -1;
-			T && i ? (o = s >= 0 ? s : Math.max(0, r.length - 1), l(o, ca(i, t, h, g), a ?? w)) : (i = t, a = w, o = E || s < 0 ? r.length : s, l(o, ca(t, t, h, g), w));
-		} else T && i ? c(ca(i, t, h, g), a ?? w, "replace") : E ? (i = t, a = w, c(ca(t, t, h, g), w, "append")) : (i = t, a = w, c(ca(t, t, h, g), w, "clear"));
+			T && i ? (o = s >= 0 ? s : Math.max(0, r.length - 1), l(o, la(i, t, h, g), a ?? w)) : (i = t, a = w, o = E || s < 0 ? r.length : s, l(o, la(t, t, h, g), w));
+		} else T && i ? c(la(i, t, h, g), a ?? w, "replace") : E ? (i = t, a = w, c(la(t, t, h, g), w, "append")) : (i = t, a = w, c(la(t, t, h, g), w, "clear"));
 		return ((e) => {
 			u(n().axis === W.Column ? { colIndex: e.colIndex } : { rowIndex: e.rowIndex });
 		})(t), {
@@ -6099,16 +6102,16 @@ var aa = (e, t, n) => t === W.Column ? {
 			captureEvents: v
 		};
 	});
-}, ua = (e, t) => {
-	let n = Z(), r = P(() => n, [n]), i = m(t);
+}, da = (e, t) => {
+	let n = Q(), r = P(() => n, [n]), i = m(t);
 	i.current = t;
-	let a = f(() => la(e, r, () => i.current), [e, r]);
+	let a = f(() => ua(e, r, () => i.current), [e, r]);
 	return l(() => () => a.dispose(), [a]), {
 		onPointerDown: a.onPointerDown,
 		onPointerMove: a.onPointerMove,
 		onPointerUp: a.onPointerUp
 	};
-}, da = (e) => e == null ? [] : Array.isArray(e) ? e : [e], fa = o(i((e, t) => {
+}, fa = (e) => e == null ? [] : Array.isArray(e) ? e : [e], pa = o(i((e, t) => {
 	let { rowCount: n = 1, columnCount: r = 1, getRowHeight: i, getColumnWidth: a, metrics: o, renderCells: c, borderLayers: l, showGridLines: u = !0, gridLineColor: d, propsGridLineRows: m, propsGridLineColumns: h, getVisibleCells: g, hiddenCellAt: _, layersBelow: v, children: b, ...x } = e, S = K({
 		rowCount: n,
 		columnCount: r,
@@ -6118,19 +6121,19 @@ var aa = (e, t, n) => t === W.Column ? {
 		T();
 	}, []), O = L(t, () => ({ invalidate: D }), [D]), k = f(() => {
 		let e = [];
-		return !1 !== u && e.push(y(Br, {
+		return !1 !== u && e.push(y(Vr, {
 			showGridLines: u,
 			gridLineColor: d,
 			propsRows: m,
 			propsColumns: h,
 			getVisibleCells: g,
 			hiddenCellAt: _
-		}, "__gridlines")), e.push(...da(v)), e.push(...da(l)), c && e.push(y(Ar, {
+		}, "__gridlines")), e.push(...fa(v)), e.push(...fa(l)), c && e.push(y(Ar, {
 			renderCell: c,
 			getVisibleCells: g,
 			hiddenCellAt: _,
 			cacheToken: E
-		}, "__cells")), e.push(...da(b)), e.push(y(Mn, {}, "__range-tooltips")), e;
+		}, "__cells")), e.push(...fa(b)), e.push(y(Mn, {}, "__range-tooltips")), e;
 	}, [
 		u,
 		d,
@@ -6153,17 +6156,17 @@ var aa = (e, t, n) => t === W.Column ? {
 		children: k
 	}) });
 }));
-function pa(e, t) {
+function ma(e, t) {
 	if (typeof e == "function") return e(t);
 	e && (e.current = t);
 }
-fa.displayName = "Grid";
-var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
+pa.displayName = "Grid";
+var ha = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 	return (t) => {
 		let n = [];
 		for (let r of e) {
-			let e = pa(r, t), i = typeof e == "function";
-			n.push(i ? e : () => pa(r, null));
+			let e = ma(r, t), i = typeof e == "function";
+			n.push(i ? e : () => ma(r, null));
 		}
 		return () => {
 			for (let e of n) e();
@@ -6171,17 +6174,17 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 	};
 } : function(e) {
 	return (t) => {
-		for (let n of e) pa(n, t);
+		for (let n of e) ma(n, t);
 	};
-}, ha, ga = {
+}, ga, _a = {
 	fill: { fill: "color-mix(in srgb, var(--sxl-color-primary, rgb(0, 120, 215)) 14%, transparent)" },
 	border: null,
 	inner: null
-}, _a = {
+}, va = {
 	stroke: "var(--sxl-color-primary, rgb(0, 120, 215))",
 	alignWidth: 1,
 	inset: 1
-}, va = i(function(e, t) {
+}, ya = i(function(e, t) {
 	let { itemCount: n, renderCell: r, getVisibleCells: i, itemHeight: a = 24, contentWidth: o, selection: s, propsLayer: c, autoFocus: u, showScrollbar: d = "auto", scrollTo: p, viewport: h, cacheToken: g, className: _, style: v, children: x, ...S } = e, C = f(() => new k(), []), w = h ?? C, T = N(w, (e) => e.getMetrics()), E = d === "auto" ? T.totalHeight > T.height : d, D = m(null);
 	l(() => {
 		u && D.current?.focus();
@@ -6198,12 +6201,12 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			e = !0, t && cancelAnimationFrame(t), r?.();
 		};
 	}, [p, w]);
-	let A = f(() => new Ur({ getBounds: () => ({
+	let A = f(() => new Wr({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, n - 1),
 		colEnd: 0
-	}) }), [n]), j = s ?? A, [M, { width: P }] = z(), [F, { width: I }] = z(), L = I > 0 && P > 0 ? Math.max(0, I - P) : 0, R = f(() => ma(ee), ee = [F, t]);
+	}) }), [n]), j = s ?? A, [M, { width: P }] = z(), [F, { width: I }] = z(), L = I > 0 && P > 0 ? Math.max(0, I - P) : 0, R = f(() => ha(ee), ee = [F, t]);
 	var ee;
 	let te = K({
 		rowCount: n,
@@ -6249,12 +6252,12 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 					columnCount: 1,
 					metrics: te,
 					children: [
-						y(xi, {
+						y(Si, {
 							selection: j,
 							anchorHole: !1,
-							singleStyle: ga,
-							singleAnchorStyle: _a,
-							multiAnchorStyle: _a
+							singleStyle: _a,
+							singleAnchorStyle: va,
+							multiAnchorStyle: va
 						}, "__selection"),
 						y(Ar, {
 							renderCell: r,
@@ -6267,7 +6270,7 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			})
 		})
 	});
-}), ya = i(function(e, t) {
+}), ba = i(function(e, t) {
 	let { itemCount: n, renderItem: r, itemHeight: i, selection: a, onKeyDown: o, cacheToken: c, scrollTo: l, autoFocus: u, viewport: d, className: p, style: m, children: h, ...g } = e, _ = L(t, () => ({ isList: () => !0 }), []), v = s((e) => {
 		let { key: t, style: n, range: i, cell: a } = e, o = i?.rowStart ?? a.rowIndex;
 		return y("div", {
@@ -6287,7 +6290,7 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			children: r(o)
 		}, t);
 	}, [r]), b = f(() => o ? { onKeyDown: o } : void 0, [o]);
-	return y(va, {
+	return y(ya, {
 		ref: _,
 		className: q("list", p),
 		style: m,
@@ -6302,7 +6305,7 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		viewport: d,
 		...g
 	});
-}), ba = ({ checked: e, indeterminate: t }) => y("input", {
+}), xa = ({ checked: e, indeterminate: t }) => y("input", {
 	type: "checkbox",
 	checked: e,
 	ref: (e) => {
@@ -6311,10 +6314,10 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 	readOnly: !0,
 	tabIndex: -1,
 	style: { margin: 0 }
-}), xa = i(function(e, t) {
-	let { itemCount: n, isChecked: r, isIndeterminate: i, onCheckedChange: a, renderValue: o, renderCheckbox: c = ba, renderDivider: u, selectAllLabel: d, selectAllTitle: h, propsSelectAll: g, itemHeight: _, selection: x, cacheToken: S, autoFocus: C, viewport: w, className: T, style: E, children: D, ...O } = e, k = m(n);
+}), Sa = i(function(e, t) {
+	let { itemCount: n, isChecked: r, isIndeterminate: i, onCheckedChange: a, renderValue: o, renderCheckbox: c = xa, renderDivider: u, selectAllLabel: d, selectAllTitle: h, propsSelectAll: g, itemHeight: _, selection: x, cacheToken: S, autoFocus: C, viewport: w, className: T, style: E, children: D, ...O } = e, k = m(n);
 	k.current = n;
-	let A = f(() => new Ur({ getBounds: () => ({
+	let A = f(() => new Wr({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, k.current - 1),
@@ -6451,7 +6454,7 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 					indeterminate: V
 				})
 			}), d]
-		}), u?.()] }), y(ya, {
+		}), u?.()] }), y(ba, {
 			itemCount: n,
 			itemHeight: _,
 			selection: j,
@@ -6467,21 +6470,21 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			}
 		})]
 	});
-}), Sa = (e, t) => {
+}), Ca = (e, t) => {
 	let n = (() => {
-		if (ha !== void 0) return ha;
+		if (ga !== void 0) return ga;
 		try {
-			ha = (typeof document < "u" ? document.createElement("canvas").getContext("2d") : null) ?? null;
+			ga = (typeof document < "u" ? document.createElement("canvas").getContext("2d") : null) ?? null;
 		} catch {
-			ha = null;
+			ga = null;
 		}
-		return ha;
+		return ga;
 	})();
 	if (n) return n.font = t, n.measureText(e).width;
 	let r = Number.parseFloat((/(\d+(?:\.\d+)?)px/.exec(t) ?? [])[1] ?? "16") || 16;
 	return e.length * r * .55;
-}, Ca = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), wa = i(function(e, t) {
-	let { items: n, onChoose: r, highlightIndex: i, itemHeight: a = 24, visibleRows: o = 8, contentWidth: c, measureText: l, renderItem: u, autoFocus: d, viewport: h, className: g, style: _, children: v, ...b } = e, x = n.length, S = Ca(i ?? 0, x), w = f(() => new Ur({
+}, wa = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), Ta = i(function(e, t) {
+	let { items: n, onChoose: r, highlightIndex: i, itemHeight: a = 24, visibleRows: o = 8, contentWidth: c, measureText: l, renderItem: u, autoFocus: d, viewport: h, className: g, style: _, children: v, ...b } = e, x = n.length, S = wa(i ?? 0, x), w = f(() => new Wr({
 		initial: { cell: {
 			rowIndex: Math.max(0, S),
 			colIndex: 0
@@ -6502,7 +6505,7 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		x
 	]), A = P(() => x === 0 ? -1 : w.getSelection().cell.rowIndex, [w, x]), j = P((e) => {
 		if (x === 0) return;
-		let t = Ca(w.getSelection().cell.rowIndex + e, x);
+		let t = wa(w.getSelection().cell.rowIndex + e, x);
 		w.setSelection({ cell: {
 			rowIndex: t,
 			colIndex: 0
@@ -6522,7 +6525,7 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			let t = e?.fontSize, n = e?.fontFamily, r = typeof t == "number" ? `${t}px` : t ?? "16px", i = [];
 			return e?.fontStyle && e.fontStyle !== "normal" && i.push(String(e.fontStyle)), e?.fontWeight && e.fontWeight !== "normal" && i.push(String(e.fontWeight)), i.push(r, n ? String(n) : "sans-serif"), i.join(" ");
 		})(_);
-		return (t) => Sa(t, e);
+		return (t) => Ca(t, e);
 	}, [l, _]), F = f(() => {
 		if (c != null) return c;
 		let e = 0;
@@ -6569,7 +6572,7 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			e.which !== C.Enter && e.which !== C.Space || (e.preventDefault(), e.stopPropagation(), k(A()));
 		}
 	}), [k, A]);
-	return y(va, {
+	return y(ya, {
 		ref: M,
 		className: q("pick-list", g),
 		role: "listbox",
@@ -6589,10 +6592,10 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		cacheToken: n,
 		...b
 	});
-}), Ta = "_field_q34pi_8", Ea = "_search_q34pi_28", Da = "_icon_q34pi_47", Oa = "_clear_q34pi_56", ka = "_row_q34pi_84", Aa = (e, t) => {
+}), Ea = "_field_q34pi_8", Da = "_search_q34pi_28", Oa = "_icon_q34pi_47", ka = "_clear_q34pi_56", Aa = "_row_q34pi_84", ja = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.filter((e) => e.text.toLowerCase().includes(n)) : e;
-}, ja = (e) => b("svg", {
+}, Ma = (e) => b("svg", {
 	className: e.className,
 	viewBox: "0 0 16 16",
 	"aria-hidden": "true",
@@ -6613,7 +6616,7 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})]
-}), Ma = i(function(e, t) {
+}), Na = i(function(e, t) {
 	let { value: n, onChange: r, onClose: i, clearLabel: a, glyph: o, leading: c, trailing: l, onKeyDown: u, className: d, ...f } = e, p = s((e) => {
 		if (e.which === C.Escape) return e.preventDefault(), e.stopPropagation(), void (n ? r("") : i?.());
 		u?.(e);
@@ -6623,16 +6626,16 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		i,
 		u
 	]), m = b("div", {
-		className: q(Ta, "list-search-field", d),
+		className: q(Ea, "list-search-field", d),
 		children: [
-			o ?? y(ja, { className: Da }),
+			o ?? y(Ma, { className: Oa }),
 			y("input", {
 				ref: t,
 				type: "text",
 				role: "searchbox",
 				autoComplete: "off",
 				spellCheck: !1,
-				className: q(Ea, "list-search"),
+				className: q(Da, "list-search"),
 				value: n,
 				onChange: (e) => r(e.target.value),
 				onKeyDown: p,
@@ -6640,7 +6643,7 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 			}),
 			n ? y("button", {
 				type: "button",
-				className: q(Oa, "list-search-clear"),
+				className: q(ka, "list-search-clear"),
 				"aria-label": a,
 				title: a,
 				tabIndex: -1,
@@ -6661,20 +6664,20 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		]
 	});
 	return c == null && l == null ? m : b("div", {
-		className: q(ka, "list-search-row"),
+		className: q(Aa, "list-search-row"),
 		children: [
 			c,
 			m,
 			l
 		]
 	});
-}), Na = {
+}), Pa = {
 	light: {},
 	dark: {
 		"color-base-100": "#1e1e1e",
 		"color-base-300": "#3a3a3a"
 	}
-}, Pa = {
+}, Fa = {
 	light: {
 		"color-base-100": "#f2f2f2",
 		"color-base-hover": "#ececec",
@@ -6685,7 +6688,7 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		"color-base-hover": "#2e2e2e",
 		"color-base-300": "#4a4a4a"
 	}
-}, Fa = (e, ...t) => M(e, Na[e], ...t), Ia = (e, ...t) => M(e, Pa[e], ...t), La = ({ app: e, grid: t = Na, header: n = Pa, layer: r = "sxl-defaults", scope: i } = {}) => {
+}, Ia = (e, ...t) => M(e, Pa[e], ...t), La = (e, ...t) => M(e, Fa[e], ...t), Ra = ({ app: e, grid: t = Pa, header: n = Fa, layer: r = "sxl-defaults", scope: i } = {}) => {
 	let a = e ?? j, o = Object.fromEntries(Object.keys(n).map((e) => [e, {
 		"color-base-100": a[e]?.["color-base-200"],
 		...n[e]
@@ -6700,4 +6703,4 @@ var ma = parseInt(_.split(".")[0], 10) >= 19 ? function(e) {
 		scope: i
 	});
 };
-export { Ln as AUTO_SCROLL_INTERVAL_MS, hr as CELL_INTERACTIVE_ATTRIBUTE, gr as CELL_INTERACTIVE_PROPS, Ar as CellLayer, kr as CellTileDiv, xa as CheckboxList, $r as DEFAULT_ANCHOR_STYLE, Nn as DEFAULT_HANDLE_STYLE, ti as DEFAULT_INSERT_BAR_STYLE, ni as DEFAULT_MOVE_SOURCE_STYLE, Qr as DEFAULT_MULTI_STYLE, ei as DEFAULT_REMOVE_PREVIEW_STYLE, Zr as DEFAULT_SINGLE_STYLE, Ut as DEFAULT_TOOLTIP_TIMING, yr as DefaultCellRenderer, Fi as DefaultEditable, zi as DefaultEditorInput, Zi as DefaultHeaderDivider, Ur as DefaultSelection, Yn as DragHandle, or as Draggable, Rn as EDGE_AUTO_SCROLL_MARGIN_PX, Ai as EditSession, Hi as EditorDiv, Bi as EditorLayer, Vi as EditorStartLayer, mr as FillHandle, Na as GRID_SURFACE, mn as GestureTip, fa as Grid, Bt as GridFloatPanel, ia as GridFreezeAnchor, We as GridSurface, Br as GridlineLayer, Ui as HEADER_DIVIDER_CLASS, Pa as HEADER_SURFACE, $i as HeaderDividerAnchor, ra as HeaderFreezeAnchor, st as Layer, ce as LineSVG, ya as List, Ma as ListSearch, ja as ListSearchGlyph, va as ListSurface, Bn as NO_DRAG_MODIFIERS, wi as PICKER_COLORS, wa as PickList, cr as RESIZE_ANCHORS_4, lr as RESIZE_ANCHORS_8, ln as RangeFloatLayer, Fn as RangeInsertBar, Sn as RangePrompt, Pn as RangeRect, ur as RangeResizer, kn as RangeTooltip, Mn as RangeTooltipHost, un as RangeTooltipLayer, On as RangeTooltipProvider, Oi as RangesPickerLayer, ue as RectangleSVG, Hr as SELECTION_CLIP_INSETS, xi as SelectionLayer, si as SelectionTouchGrips, oe as ShapeBoundsContext, Mt as StickyAnchor, Rt as StickyPortal, Ve as SurfaceStateContext, He as SurfaceStateProvider, Jt as TooltipProvider, dt as VirtualDiv, sn as VirtualRangeFloat, La as buildGridThemeCSS, Ir as buildGridlinePath, Ni as commitArgsFromKey, G as createAxis, Wn as createDragCells, la as createHeaderSelectionPointer, wn as createRangeTooltipRegistry, Be as createSurfaceStateStore, Wt as createTooltipGroup, Gn as createWindowDragCells, Di as defaultRangeStyle, Xt as defaultRenderTooltip, zn as edgeScrollPane, Ii as expandEditorBounds, Aa as filterByText, vr as getCellInteractiveCoords, ea as getHeaderDividerBounds, ge as getPrimaryPane, Fa as gridThemeVars, sa as headerAnchorCell, oa as headerEntireEnd, aa as headerEntireStart, ca as headerRange, Ia as headerThemeVars, tr as insertAt, ar as insertRange, _r as isCellInteractiveTarget, Hn as isSameDragModifiers, Vn as readDragModifiers, Ht as renderGridFloatPanel, fr as resolveFillDestination, ji as startEventFromKey, Jn as useDoubleClick, Kn as useDragCells, Pi as useEditorKeymap, K as useGridMetrics, Z as useGridPane, tt as useGridPaneOptional, ua as useHeaderSelectionPointer, Qt as useHoverIntent, ot as useLayer, Mi as usePendingCaret, Dn as useRangeTooltipRegistry, ri as useSelectionPointer, se as useShapeBounds, At as useSticky, jt as useStickyOptional, rt as useSurfaceState, it as useSurfaceStateSetter, at as useSurfaceStateValue, qt as useTooltipSurface, qn as useWindowDragCells, pr as vacatedByFill };
+export { Ln as AUTO_SCROLL_INTERVAL_MS, hr as CELL_INTERACTIVE_ATTRIBUTE, gr as CELL_INTERACTIVE_PROPS, Ar as CellLayer, kr as CellTileDiv, Sa as CheckboxList, ei as DEFAULT_ANCHOR_STYLE, Nn as DEFAULT_HANDLE_STYLE, ni as DEFAULT_INSERT_BAR_STYLE, ri as DEFAULT_MOVE_SOURCE_STYLE, $r as DEFAULT_MULTI_STYLE, ti as DEFAULT_REMOVE_PREVIEW_STYLE, Qr as DEFAULT_SINGLE_STYLE, Ut as DEFAULT_TOOLTIP_TIMING, yr as DefaultCellRenderer, Ii as DefaultEditable, Bi as DefaultEditorInput, Qi as DefaultHeaderDivider, Wr as DefaultSelection, Yn as DragHandle, or as Draggable, Rn as EDGE_AUTO_SCROLL_MARGIN_PX, ji as EditSession, Ui as EditorDiv, Vi as EditorLayer, Hi as EditorStartLayer, mr as FillHandle, Pa as GRID_SURFACE, mn as GestureTip, pa as Grid, Bt as GridFloatPanel, aa as GridFreezeAnchor, We as GridSurface, Vr as GridlineLayer, Wi as HEADER_DIVIDER_CLASS, Fa as HEADER_SURFACE, ea as HeaderDividerAnchor, ia as HeaderFreezeAnchor, st as Layer, ce as LineSVG, ba as List, Na as ListSearch, Ma as ListSearchGlyph, ya as ListSurface, Bn as NO_DRAG_MODIFIERS, Ti as PICKER_COLORS, Ta as PickList, cr as RESIZE_ANCHORS_4, lr as RESIZE_ANCHORS_8, ln as RangeFloatLayer, Fn as RangeInsertBar, Sn as RangePrompt, Pn as RangeRect, ur as RangeResizer, kn as RangeTooltip, Mn as RangeTooltipHost, un as RangeTooltipLayer, On as RangeTooltipProvider, ki as RangesPickerLayer, ue as RectangleSVG, Ur as SELECTION_CLIP_INSETS, Si as SelectionLayer, ci as SelectionTouchGrips, oe as ShapeBoundsContext, Mt as StickyAnchor, Rt as StickyPortal, Ve as SurfaceStateContext, He as SurfaceStateProvider, Jt as TooltipProvider, dt as VirtualDiv, sn as VirtualRangeFloat, Ra as buildGridThemeCSS, Lr as buildGridlinePath, Pi as commitArgsFromKey, G as createAxis, Wn as createDragCells, ua as createHeaderSelectionPointer, wn as createRangeTooltipRegistry, Be as createSurfaceStateStore, Wt as createTooltipGroup, Gn as createWindowDragCells, Oi as defaultRangeStyle, Xt as defaultRenderTooltip, zn as edgeScrollPane, Li as expandEditorBounds, ja as filterByText, vr as getCellInteractiveCoords, ta as getHeaderDividerBounds, ge as getPrimaryPane, Ia as gridThemeVars, ca as headerAnchorCell, sa as headerEntireEnd, oa as headerEntireStart, la as headerRange, La as headerThemeVars, tr as insertAt, ar as insertRange, _r as isCellInteractiveTarget, Hn as isSameDragModifiers, Vn as readDragModifiers, Ht as renderGridFloatPanel, fr as resolveFillDestination, Mi as startEventFromKey, Jn as useDoubleClick, Kn as useDragCells, Fi as useEditorKeymap, K as useGridMetrics, Q as useGridPane, tt as useGridPaneOptional, da as useHeaderSelectionPointer, Qt as useHoverIntent, ot as useLayer, Ni as usePendingCaret, Dn as useRangeTooltipRegistry, ii as useSelectionPointer, se as useShapeBounds, At as useSticky, jt as useStickyOptional, rt as useSurfaceState, it as useSurfaceStateSetter, at as useSurfaceStateValue, qt as useTooltipSurface, qn as useWindowDragCells, pr as vacatedByFill };