@sheetxl/grid-react 0.8.0-beta.2 → 0.8.0-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}._search_b1nag_5{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:inherit;background:light-dark(#fff,#2b2b2b);border:1px solid light-dark(#c4c4c4,#5a5a5a);border-radius:2px;outline:none;margin:0;padding:3px 8px}._search_b1nag_5:focus{border-color:var(--sxl-color-primary,#0078d7)}._search_b1nag_5::placeholder{opacity:.6}/*$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.2
+* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.4
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -1645,7 +1645,7 @@ var it = !1, at = (e, t, n, r) => ({
 	if (!e) throw Error("useSticky must be used within a <StickyAnchor>");
 	return e;
 }, bt = () => l(vt), xt = (e) => {
-	let { anchor: t, placement: n = lt, 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 { anchor: t, placement: n = lt, boundary: r = "data", whenOff: i = "hide", minVisible: a = 0, children: o } = e, { reference: s, getBoundaryRect: l, getAnchorPoint: u, anchorPoint: d, owner: m, clipped: g, slid: _, outOfView: v, pane: y } = ((e, t) => {
 		let n = Xe(), r = t?.pane ?? n, i = t?.boundary ?? "data", a = t?.minVisible ?? 0, o = t?.placement ?? lt, s = t?.whenOff ?? "hide", c = h({
 			pane: r,
 			anchor: e,
@@ -1675,11 +1675,16 @@ var it = !1, at = (e, t, n, r) => ({
 			getBoundaryRect: () => {
 				let e = c.current;
 				return _t(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff).boundaryRect;
+			},
+			getAnchorPoint: () => {
+				let e = c.current;
+				return _t(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff).anchorPoint;
 			}
 		}), []), u = _t(r, e, i, a, o, s);
 		return {
 			reference: l.reference,
 			getBoundaryRect: l.getBoundaryRect,
+			getAnchorPoint: l.getAnchorPoint,
 			clipped: u.clipped,
 			clampedTo: u.clampedTo,
 			anchorPoint: u.anchorPoint,
@@ -1693,81 +1698,83 @@ var it = !1, at = (e, t, n, r) => ({
 		whenOff: i,
 		minVisible: a,
 		placement: n
-	}), y = v != null && (d == null ? v.getAnchor() === V.Center : v.getAnchor() === d), x = null;
-	y && v && ("range" in t ? x = v.getBoundsFromRange(t.range) : "cell" in t ? x = v.getBoundsFromRange({
+	}), x = y != null && (m == null ? y.getAnchor() === V.Center : y.getAnchor() === m), S = null;
+	x && y && ("range" in t ? S = y.getBoundsFromRange(t.range) : "cell" in t ? S = y.getBoundsFromRange({
 		rowStart: t.cell.rowIndex,
 		colStart: t.cell.colIndex,
 		rowEnd: t.cell.rowIndex,
 		colEnd: t.cell.colIndex
-	}) : "bounds" in t && (x = t.bounds));
-	let S = h(t);
-	S.current = t;
-	let C = h(v);
-	C.current = v;
-	let w = c((e) => {
-		let t = St(S.current), n = C.current;
+	}) : "bounds" in t && (S = t.bounds));
+	let C = h(t);
+	C.current = t;
+	let w = h(y);
+	w.current = y;
+	let T = c((e) => {
+		let t = St(C.current), n = w.current;
 		return n && t ? n.scrollCellCoordsIntoView(t, e) : Promise.resolve(void 0);
-	}, []), T = p(() => ({
+	}, []), E = p(() => ({
 		reference: s,
 		getBoundaryRect: l,
-		anchorPoint: u,
-		bounds: x,
-		owner: d,
-		isOwner: y,
-		clipped: m,
-		slid: g,
-		outOfView: _,
+		getAnchorPoint: u,
+		anchorPoint: d,
+		bounds: S,
+		owner: m,
+		isOwner: x,
+		clipped: g,
+		slid: _,
+		outOfView: v,
 		placement: n,
-		pane: v,
-		scrollIntoView: w
+		pane: y,
+		scrollIntoView: T
 	}), [
 		s,
 		l,
-		u.x,
-		u.y,
-		x?.x,
-		x?.y,
-		x?.width,
-		x?.height,
-		d,
-		y,
+		u,
+		d.x,
+		d.y,
+		S?.x,
+		S?.y,
+		S?.width,
+		S?.height,
 		m,
+		x,
 		g,
 		_,
+		v,
 		n.side,
 		n.align,
-		v,
-		w
-	]), E = y && !m && v != null, D = typeof o != "function", O = h(null), k = h(null), A = null;
-	if (E && !D) A = o(T);
-	else if (E) {
-		let e = v.getElement()?.getBoundingClientRect();
-		A = b("div", {
-			ref: O,
+		y,
+		T
+	]), D = x && !g && y != null, O = typeof o != "function", k = h(null), A = h(null), j = null;
+	if (D && !O) j = o(E);
+	else if (D) {
+		let e = y.getElement()?.getBoundingClientRect();
+		j = b("div", {
+			ref: k,
 			className: "sticky-layer",
 			style: {
 				position: "absolute",
 				left: 0,
 				top: 0,
-				transform: `translate3d(${u.x - (e?.left ?? 0)}px, ${u.y - (e?.top ?? 0)}px, 0) ${Ct(n)}`,
+				transform: `translate3d(${d.x - (e?.left ?? 0)}px, ${d.y - (e?.top ?? 0)}px, 0) ${Ct(n)}`,
 				willChange: "transform"
 			},
 			children: b("div", {
-				ref: k,
+				ref: A,
 				children: o
 			})
 		});
 	}
 	return f(() => {
-		let e = O.current, t = k.current;
-		if (!(e && t && E && v)) return;
-		let n = e.getBoundingClientRect(), r = v.getElement()?.getBoundingClientRect();
+		let e = k.current, t = A.current;
+		if (!(e && t && D && y)) return;
+		let n = e.getBoundingClientRect(), r = y.getElement()?.getBoundingClientRect();
 		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)` : "";
 	}), b(vt.Provider, {
-		value: T,
-		children: A
+		value: E,
+		children: j
 	});
 }, St = (e) => "range" in e ? {
 	rowIndex: e.range.rowStart,
@@ -2526,28 +2533,133 @@ function Wn(t) {
 		n.current = t;
 	}), n;
 }
-var Gn = (e, t) => {
+function Gn(t) {
+	t === void 0 && (t = {});
+	let { placement: n = "bottom", strategy: r = "absolute", middleware: i = [], platform: a, elements: { reference: o, floating: s } = {}, transform: c = !0, whileElementsMounted: l, open: u } = t, [d, f] = e.useState({
+		x: 0,
+		y: 0,
+		strategy: r,
+		placement: n,
+		middlewareData: {},
+		isPositioned: !1
+	}), [p, m] = e.useState(i);
+	Vn(p, i) || m(i);
+	let [h, g] = e.useState(null), [_, v] = e.useState(null), y = e.useCallback((e) => {
+		e !== C.current && (C.current = e, g(e));
+	}, []), b = e.useCallback((e) => {
+		e !== w.current && (w.current = e, v(e));
+	}, []), x = o || h, S = s || _, C = e.useRef(null), w = e.useRef(null), T = e.useRef(d), E = l != null, D = Wn(l), O = Wn(a), k = Wn(u), A = e.useCallback(() => {
+		if (!C.current || !w.current) return;
+		let e = {
+			placement: n,
+			strategy: r,
+			middleware: p
+		};
+		O.current && (e.platform = O.current), zn(C.current, w.current, e).then((e) => {
+			let t = {
+				...e,
+				isPositioned: !1 !== k.current
+			};
+			j.current && !Vn(T.current, t) && (T.current = t, ie.flushSync(() => {
+				f(t);
+			}));
+		});
+	}, [
+		p,
+		n,
+		r,
+		O,
+		k
+	]);
+	Bn(() => {
+		!1 === u && T.current.isPositioned && (T.current.isPositioned = !1, f((e) => ({
+			...e,
+			isPositioned: !1
+		})));
+	}, [u]);
+	let j = e.useRef(!1);
+	Bn(() => (j.current = !0, () => {
+		j.current = !1;
+	}), []), Bn(() => {
+		if (x && (C.current = x), S && (w.current = S), x && S) {
+			if (D.current) return D.current(x, S, A);
+			A();
+		}
+	}, [
+		x,
+		S,
+		A,
+		D,
+		E
+	]);
+	let M = e.useMemo(() => ({
+		reference: C,
+		floating: w,
+		setReference: y,
+		setFloating: b
+	}), [y, b]), N = e.useMemo(() => ({
+		reference: x,
+		floating: S
+	}), [x, S]), P = e.useMemo(() => {
+		let e = {
+			position: r,
+			left: 0,
+			top: 0
+		};
+		if (!N.floating) return e;
+		let t = Un(N.floating, d.x), n = Un(N.floating, d.y);
+		return c ? {
+			...e,
+			transform: "translate(" + t + "px, " + n + "px)",
+			...Hn(N.floating) >= 1.5 && { willChange: "transform" }
+		} : {
+			position: r,
+			left: t,
+			top: n
+		};
+	}, [
+		r,
+		c,
+		N.floating,
+		d.x,
+		d.y
+	]);
+	return e.useMemo(() => ({
+		...d,
+		update: A,
+		refs: M,
+		elements: N,
+		floatingStyles: P
+	}), [
+		d,
+		A,
+		M,
+		N,
+		P
+	]);
+}
+var Kn = (e, t) => {
 	let n = In(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, Kn = (e, t) => {
+}, qn = (e, t) => {
 	let n = Ln(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, qn = (e, t) => {
+}, Jn = (e, t) => {
 	let n = Rn(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, Jn = (e) => {
+}, Yn = (e) => {
 	let t = I(), n = B(), r = e?.getElement(), i = {}, a = r?.closest(`[${O}]`)?.getAttribute(O), o = r?.closest(`[${k}]`)?.getAttribute(k);
 	a && (i[O] = a), o && (i[k] = o);
 	let s = [...t?.themeScope?.classes ?? [], n?.scopeClass].filter(Boolean);
@@ -2555,151 +2667,47 @@ var Gn = (e, t) => {
 		className: s.length ? s.join(" ") : void 0,
 		attrs: i
 	};
-}, Yn = (e) => {
+}, Xn = (e) => {
 	let { side: t, align: n = "center" } = e;
 	return (t === "t" ? "top" : t === "b" ? "bottom" : t === "l" ? "left" : "right") + (n === "start" ? "-start" : n === "end" ? "-end" : "");
-}, Xn = (t) => {
-	let { state: n, offset: r, alignOffset: i, open: a, container: o, className: s, style: c, zIndex: l, children: u } = t, { getPortalContainer: d } = L(), { className: m, attrs: h } = Jn(n.pane), { getBoundaryRect: g } = n, _ = p(() => [
-		Gn({
-			mainAxis: r,
-			alignmentAxis: i
+}, Zn = (e) => {
+	let { state: t, offset: n, alignOffset: r, open: i, container: a, className: o, style: s, zIndex: c, children: l } = e, { getPortalContainer: u } = L(), { className: d, attrs: m } = Yn(t.pane), { getBoundaryRect: h } = t, g = p(() => [
+		Kn({
+			mainAxis: n,
+			alignmentAxis: r
 		}),
-		qn(() => ({ boundary: g() })),
-		Kn(() => ({
-			boundary: g(),
+		Jn(() => ({ boundary: h() })),
+		qn(() => ({
+			boundary: h(),
 			padding: 4
 		}))
 	], [
+		n,
 		r,
-		i,
-		g
-	]), { refs: v, floatingStyles: y, update: x } = function(t) {
-		t === void 0 && (t = {});
-		let { placement: n = "bottom", strategy: r = "absolute", middleware: i = [], platform: a, elements: { reference: o, floating: s } = {}, transform: c = !0, whileElementsMounted: l, open: u } = t, [d, f] = e.useState({
-			x: 0,
-			y: 0,
-			strategy: r,
-			placement: n,
-			middlewareData: {},
-			isPositioned: !1
-		}), [p, m] = e.useState(i);
-		Vn(p, i) || m(i);
-		let [h, g] = e.useState(null), [_, v] = e.useState(null), y = e.useCallback((e) => {
-			e !== C.current && (C.current = e, g(e));
-		}, []), b = e.useCallback((e) => {
-			e !== w.current && (w.current = e, v(e));
-		}, []), x = o || h, S = s || _, C = e.useRef(null), w = e.useRef(null), T = e.useRef(d), E = l != null, D = Wn(l), O = Wn(a), k = Wn(u), A = e.useCallback(() => {
-			if (!C.current || !w.current) return;
-			let e = {
-				placement: n,
-				strategy: r,
-				middleware: p
-			};
-			O.current && (e.platform = O.current), zn(C.current, w.current, e).then((e) => {
-				let t = {
-					...e,
-					isPositioned: !1 !== k.current
-				};
-				j.current && !Vn(T.current, t) && (T.current = t, ie.flushSync(() => {
-					f(t);
-				}));
-			});
-		}, [
-			p,
-			n,
-			r,
-			O,
-			k
-		]);
-		Bn(() => {
-			!1 === u && T.current.isPositioned && (T.current.isPositioned = !1, f((e) => ({
-				...e,
-				isPositioned: !1
-			})));
-		}, [u]);
-		let j = e.useRef(!1);
-		Bn(() => (j.current = !0, () => {
-			j.current = !1;
-		}), []), Bn(() => {
-			if (x && (C.current = x), S && (w.current = S), x && S) {
-				if (D.current) return D.current(x, S, A);
-				A();
-			}
-		}, [
-			x,
-			S,
-			A,
-			D,
-			E
-		]);
-		let M = e.useMemo(() => ({
-			reference: C,
-			floating: w,
-			setReference: y,
-			setFloating: b
-		}), [y, b]), N = e.useMemo(() => ({
-			reference: x,
-			floating: S
-		}), [x, S]), P = e.useMemo(() => {
-			let e = {
-				position: r,
-				left: 0,
-				top: 0
-			};
-			if (!N.floating) return e;
-			let t = Un(N.floating, d.x), n = Un(N.floating, d.y);
-			return c ? {
-				...e,
-				transform: "translate(" + t + "px, " + n + "px)",
-				...Hn(N.floating) >= 1.5 && { willChange: "transform" }
-			} : {
-				position: r,
-				left: t,
-				top: n
-			};
-		}, [
-			r,
-			c,
-			N.floating,
-			d.x,
-			d.y
-		]);
-		return e.useMemo(() => ({
-			...d,
-			update: A,
-			refs: M,
-			elements: N,
-			floatingStyles: P
-		}), [
-			d,
-			A,
-			M,
-			N,
-			P
-		]);
-	}({
-		placement: Yn(n.placement),
+		h
+	]), { refs: _, floatingStyles: v, update: y } = Gn({
+		placement: Xn(t.placement),
 		strategy: "fixed",
-		elements: { reference: n.reference },
+		elements: { reference: t.reference },
 		whileElementsMounted: Fn,
-		middleware: _
+		middleware: g
 	});
 	if (f(() => {
-		x();
-	}, [n, x]), !a) return null;
-	let S = typeof u == "function" ? u(n) : u;
+		y();
+	}, [t, y]), !i) return null;
+	let x = typeof l == "function" ? l(t) : l;
 	return ae(b("div", {
-		ref: v.setFloating,
-		className: [s, m].filter(Boolean).join(" ") || void 0,
-		...h,
+		ref: _.setFloating,
+		className: [o, d].filter(Boolean).join(" ") || void 0,
+		...m,
 		style: {
-			...y,
-			zIndex: l,
-			...c
+			...v,
+			zIndex: c,
+			...s
 		},
-		children: S
-	}), o ?? d());
-}, Zn = (e) => {
+		children: x
+	}), a ?? u());
+}, Qn = (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 b(xt, {
 		anchor: t,
@@ -2707,7 +2715,7 @@ var Gn = (e, t) => {
 		whenOff: r,
 		boundary: i,
 		minVisible: a,
-		children: (e) => b(Xn, {
+		children: (e) => b(Zn, {
 			state: e,
 			offset: o,
 			alignOffset: s,
@@ -2720,20 +2728,20 @@ var Gn = (e, t) => {
 		})
 	});
 };
-Zn.displayName = "StickyFloat";
-var Qn = (e) => {
+Qn.displayName = "StickyFloat";
+var $n = (e) => {
 	let [t, n] = (e ?? "bottom-start").split("-");
 	return {
 		side: t === "top" ? "t" : t === "left" ? "l" : t === "right" ? "r" : "b",
 		align: n === "start" ? "start" : n === "end" ? "end" : "center"
 	};
-}, $n = { update: () => {} }, er = (e) => {
+}, er = { update: () => {} }, tr = (e) => {
 	let { open: t, anchorEl: n, floatReference: r, createPopupPanel: i, propsPopper: a, onMount: o, onOpening: s, onOpen: c, onClosing: l, onClose: d, children: f, className: p, label: m, anchorPosition: _, ...v } = e, y = h(null), [C, w] = g(), T = F(o ?? (() => {}), [o]), E = F(s ?? (() => {}), [s]), D = F(c ?? (() => {}), [c]), O = F(l ?? (() => {}), [l]), k = F(d ?? (() => {}), [d]);
 	u(() => {
 		if (t) {
 			let e = y.current;
 			if (!e) return;
-			w(e), T(e, $n), E(), D();
+			w(e), T(e, er), E(), D();
 			return;
 		}
 		O(), k();
@@ -2741,9 +2749,9 @@ var Qn = (e) => {
 	let A = F(() => {
 		r?.close(0);
 	}, [r]), j = a?.offsets;
-	return b(Zn, {
+	return b(Qn, {
 		anchor: n,
-		placement: Qn(a?.placement),
+		placement: $n(a?.placement),
 		offset: j?.[1] ?? 2,
 		alignOffset: j?.[0] ?? 0,
 		zIndex: 1300,
@@ -2758,17 +2766,17 @@ var Qn = (e) => {
 				createPopupPanel: i,
 				...v,
 				children: f
-			}), b(tr, {
+			}), b(nr, {
 				outOfView: t && e.outOfView,
 				close: A
 			})]
 		})
 	});
 };
-er.displayName = "GridFloatPanel";
-var tr = ({ outOfView: e, close: t }) => (u(() => {
+tr.displayName = "GridFloatPanel";
+var nr = ({ outOfView: e, close: t }) => (u(() => {
 	e && t();
-}, [e]), null), nr = (e) => b(er, { ...e }), rr = { pointerEvents: "auto" }, ir = (e = {}) => {
+}, [e]), null), rr = (e) => b(tr, { ...e }), ir = { pointerEvents: "auto" }, ar = (e = {}) => {
 	let { openDelay: t = 300, closeDelay: n = 150 } = e, [r, i] = g(!1), a = h(!1), o = h(null), s = h(!1), l = h(null), d = h(null), f = (e) => {
 		a.current = e, i(e);
 	}, m = () => {
@@ -2795,7 +2803,7 @@ var tr = ({ outOfView: e, close: t }) => (u(() => {
 		onPointerLeave: () => {
 			s.current = !1, v();
 		},
-		style: rr
+		style: ir
 	}), [v]);
 	return u(() => () => {
 		m(), _();
@@ -2805,8 +2813,8 @@ var tr = ({ outOfView: e, close: t }) => (u(() => {
 		tipProps: x,
 		close: b
 	};
-}, ar = (e, t = {}) => {
-	let { open: n, setTarget: r, tipProps: i } = ir(t), a = Xe(), o = Ce(a), s = l(De), c = Ee(e), [d, f] = Ze(`range-hover:${s}:${c}`, null), p = h({});
+}, or = (e, t = {}) => {
+	let { open: n, setTarget: r, tipProps: i } = ar(t), a = Xe(), o = Ce(a), s = l(De), c = Ee(e), [d, f] = Ze(`range-hover:${s}:${c}`, null), p = h({});
 	return p.current = {
 		pointermove: (t, n) => {
 			let r = t, i = (n ?? a)?.getCellFromPointer(r.clientX, r.clientY);
@@ -2824,22 +2832,22 @@ var tr = ({ outOfView: e, close: t }) => (u(() => {
 		open: n,
 		tipProps: i
 	};
-}, or = {
+}, sr = {
 	target: null,
 	aimed: null
-}, sr = (e) => ({
+}, cr = (e) => ({
 	key: e.key ?? Ee(e.range),
 	range: e.range,
 	data: e.data,
 	placement: e.placement
-}), cr = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, lr = (e) => {
+}), lr = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, ur = (e) => {
 	let t = e.getCoords();
 	return t ? `${t.rowIndex},${t.colIndex}` : null;
-}, ur = (e) => {
-	let { activateOn: t, name: n, probe: r, selection: i, target: a, dismiss: o, placement: s, offset: c = 6, alignOffset: d = 0, openDelay: f = 300, closeDelay: p = 150, whenOff: m = "hide", boundary: h, zIndex: g, children: _, className: v, style: y } = e, x = Z(), S = l(De), C = cr(t, "hover"), w = cr(t, "selection"), T = a !== void 0, { open: E, setTarget: D, tipProps: O, close: k } = ir({
+}, dr = (e) => {
+	let { activateOn: t, name: n, probe: r, selection: i, target: a, dismiss: o, placement: s, offset: c = 6, alignOffset: d = 0, openDelay: f = 300, closeDelay: p = 150, whenOff: m = "hide", boundary: h, zIndex: g, children: _, className: v, style: y } = e, x = Z(), S = l(De), C = lr(t, "hover"), w = lr(t, "selection"), T = a !== void 0, { open: E, setTarget: D, tipProps: O, close: k } = ar({
 		openDelay: f,
 		closeDelay: p
-	}), [A, j] = Ze(`range-float:${n ?? S}`, or), M = F(() => {
+	}), [A, j] = Ze(`range-float:${n ?? S}`, sr), M = F(() => {
 		j((e) => e.aimed === null ? e : {
 			target: e.target,
 			aimed: null
@@ -2847,7 +2855,7 @@ var tr = ({ outOfView: e, close: t }) => (u(() => {
 	}, [j]), N = F((e) => {
 		let t = x.getCellFromPointer(e.clientX, e.clientY), n = t ? r?.(t, x) : null;
 		if (!n?.range) return void M();
-		let i = sr(n);
+		let i = cr(n);
 		j((e) => e.aimed === i.key && e.target?.key === i.key ? e : {
 			target: i,
 			aimed: i.key
@@ -2861,23 +2869,23 @@ var tr = ({ outOfView: e, close: t }) => (u(() => {
 	u(() => {
 		D(P);
 	}, [P, D]), u(() => {
-		o && (k(), j(or));
+		o && (k(), j(sr));
 	}, [
 		o,
 		k,
 		j
 	]);
-	let I = z(w ? i : void 0, lr), L = null;
+	let I = z(w ? i : void 0, ur), L = null;
 	if (w && !o && i && I !== null) {
 		let e = r?.(i.getCoords(), x);
-		e && e.range && (L = sr(e));
+		e && e.range && (L = cr(e));
 	}
-	let R = C ? A.target : null, ee = E && R !== null, B = T ? a === null ? null : sr(a) : ee ? R : L ?? R, V = T ? B !== null : ee || L !== null;
+	let R = C ? A.target : null, ee = E && R !== null, B = T ? a === null ? null : cr(a) : ee ? R : L ?? R, V = T ? B !== null : ee || L !== null;
 	return b($e, {
 		className: K(v, "range-float"),
 		onPointerMove: C ? N : void 0,
 		onPointerLeave: C ? M : void 0,
-		children: B && b(Zn, {
+		children: B && b(Qn, {
 			anchor: { range: B.range },
 			placement: B.placement ?? s,
 			offset: c,
@@ -2896,10 +2904,10 @@ var tr = ({ outOfView: e, close: t }) => (u(() => {
 		})
 	});
 };
-ur.displayName = "RangeFloatLayer";
-var dr = (e) => {
+dr.displayName = "RangeFloatLayer";
+var fr = (e) => {
 	let { children: t, className: n, ...r } = e;
-	return b(ur, {
+	return b(dr, {
 		...r,
 		activateOn: "hover",
 		className: K(n, "hover-tip"),
@@ -2911,22 +2919,22 @@ var dr = (e) => {
 		})
 	});
 };
-dr.displayName = "HoverTipLayer";
-var fr = {
+fr.displayName = "HoverTipLayer";
+var pr = {
 	t: "↑",
 	b: "↓",
 	l: "←",
 	r: "→"
-}, pr = (e) => {
+}, mr = (e) => {
 	let t = "", n = e;
 	do
 		t = String.fromCharCode(65 + n % 26) + t, n = Math.floor(n / 26) - 1;
 	while (n >= 0);
 	return t;
-}, mr = (e) => {
-	let t = `${pr(e.colStart)}${e.rowStart + 1}`, n = `${pr(e.colEnd)}${e.rowEnd + 1}`;
+}, hr = (e) => {
+	let t = `${mr(e.colStart)}${e.rowStart + 1}`, n = `${mr(e.colEnd)}${e.rowEnd + 1}`;
 	return t === n ? t : `${t}:${n}`;
-}, hr = {
+}, gr = {
 	border: "none",
 	background: "transparent",
 	color: "inherit",
@@ -2937,7 +2945,7 @@ var fr = {
 	height: 18,
 	borderRadius: 4,
 	opacity: .6
-}, gr = {
+}, _r = {
 	position: "relative",
 	background: "var(--sxl-color-base-100, white)",
 	color: "var(--sxl-color-base-content, #222)",
@@ -2947,7 +2955,7 @@ var fr = {
 	boxShadow: "0 6px 24px var(--sxl-color-shadow, rgba(0,0,0,0.2))",
 	pointerEvents: "auto",
 	maxWidth: 320
-}, _r = {
+}, vr = {
 	display: "inline-flex",
 	alignItems: "center",
 	gap: 8,
@@ -2957,8 +2965,8 @@ var fr = {
 	padding: "4px 6px 4px 12px",
 	boxShadow: "0 2px 10px var(--sxl-color-shadow, rgba(0,0,0,0.3))",
 	pointerEvents: "auto"
-}, vr = ({ direction: e, label: t, onGoto: n, onCancel: r }) => x("div", {
-	style: _r,
+}, yr = ({ direction: e, label: t, onGoto: n, onCancel: r }) => x("div", {
+	style: vr,
 	children: [x("button", {
 		onClick: n,
 		style: {
@@ -2969,7 +2977,7 @@ var fr = {
 			font: "12px system-ui"
 		},
 		children: [
-			fr[e],
+			pr[e],
 			" ",
 			t
 		]
@@ -2977,17 +2985,17 @@ var fr = {
 		"aria-label": "Cancel",
 		onClick: r,
 		style: {
-			...hr,
+			...gr,
 			opacity: .8
 		},
 		children: "×"
 	})]
-}), yr = (e) => {
+}), br = (e) => {
 	let { range: t, placement: n = {
 		side: "t",
 		align: "start"
 	}, offset: r = 8, alignOffset: i = 0, address: a, onGoto: o, onCancel: s, zIndex: c, className: l, style: u, children: d } = e;
-	return b(Zn, {
+	return b(Qn, {
 		anchor: { range: t },
 		placement: n,
 		offset: r,
@@ -2996,9 +3004,9 @@ var fr = {
 		zIndex: c,
 		open: !0,
 		children: (e) => {
-			if (e.outOfView) return b(vr, {
+			if (e.outOfView) return b(yr, {
 				direction: e.slid?.direction ?? n.side,
-				label: a ?? mr(t),
+				label: a ?? hr(t),
 				onGoto: () => o ? o(e) : e.scrollIntoView(),
 				onCancel: s
 			});
@@ -3006,14 +3014,14 @@ var fr = {
 			return x("div", {
 				className: l,
 				style: {
-					...gr,
+					..._r,
 					...u
 				},
 				children: [s && b("button", {
 					"aria-label": "Cancel",
 					onClick: s,
 					style: {
-						...hr,
+						...gr,
 						position: "absolute",
 						top: 4,
 						right: 4
@@ -3024,12 +3032,12 @@ var fr = {
 		}
 	});
 };
-yr.displayName = "RangePrompt";
-var br = {
+br.displayName = "RangePrompt";
+var xr = {
 	stroke: "var(--sxl-color-primary, rgb(33, 115, 70))",
 	alignWidth: 2,
 	fill: "color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) 10%, transparent)"
-}, xr = s((e) => {
+}, Sr = s((e) => {
 	let { range: t, hole: n, clipInsets: r, alignWidth: i = 1, animatedTransition: a, className: o, ...s } = e, c = T.getDevicePixelRatio(), l = i / c, u = r ?? -l / 2, d = Xe(), 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 ? {
@@ -3067,8 +3075,8 @@ var br = {
 		})
 	});
 });
-xr.displayName = "RangeRect";
-var Sr = s((e) => {
+Sr.displayName = "RangeRect";
+var Cr = s((e) => {
 	let { range: t, axis: n, color: r = "var(--sxl-color-primary, rgb(33, 115, 70))", alignWidth: i = 3, capExtent: a = 3, transitionDuration: o = 100, transitionEasing: s = "cubic-bezier(0.16, 1, 0.3, 1)", axisDuration: c = 70 } = e, l = Xe(), u = l?.getBoundsFromRange(t);
 	if (!l || !u) return null;
 	let d = T.getDevicePixelRatio(), f = i / d, p = a / d, m = l.getPaneBounds(), h = (e) => e.x >= -p && e.y >= -p && e.x + e.width <= m.width + p && e.y + e.height <= m.height + p, g = o > 0 ? `${o}ms ${s}` : null, _ = c > 0 ? `${c}ms ${s}` : null, v = [g && `transform ${g}, width ${g}, height ${g}, background-color ${g}`, _ && `scale ${_}`].filter(Boolean).join(", ");
@@ -3128,8 +3136,8 @@ var Sr = s((e) => {
 		}
 	}, `${e ? "row" : "column"}-${t}`))) });
 });
-Sr.displayName = "RangeInsertBar";
-var Cr = () => typeof window < "u" ? window : null, wr = 60, Tr = 24, Er = (e, t, n = {
+Cr.displayName = "RangeInsertBar";
+var wr = () => typeof window < "u" ? window : null, Tr = 60, Er = 24, Dr = (e, t, n = {
 	x: !0,
 	y: !0
 }) => {
@@ -3139,31 +3147,31 @@ var Cr = () => typeof window < "u" ? window : null, wr = 60, Tr = 24, Er = (e, t
 	if (!i && !a) return !1;
 	let o = e.getVisibleRange(), s = e.getTotalRange(), c = e.getCellFromPointer(t.x, t.y), l = {};
 	return i > 0 && o.colEnd < s.colEnd ? l.colIndex = Math.min(s.colEnd, Math.max(o.colEnd + 1, c?.colIndex ?? 0)) : i < 0 && o.colStart > s.colStart && (l.colIndex = Math.max(s.colStart, Math.min(o.colStart - 1, c?.colIndex ?? 2 ** 53 - 1))), a > 0 && o.rowEnd < s.rowEnd ? l.rowIndex = Math.min(s.rowEnd, Math.max(o.rowEnd + 1, c?.rowIndex ?? 0)) : a < 0 && o.rowStart > s.rowStart && (l.rowIndex = Math.max(s.rowStart, Math.min(o.rowStart - 1, c?.rowIndex ?? 2 ** 53 - 1))), (l.colIndex !== void 0 || l.rowIndex !== void 0) && ((e.getAllPanes()[V.Center] ?? e).scrollCellCoordsIntoView(l), !0);
-}, Dr = Object.freeze({
+}, Or = Object.freeze({
 	ctrlKey: !1,
 	shiftKey: !1,
 	altKey: !1,
 	metaKey: !1
-}), Or = (e) => ({
+}), kr = (e) => ({
 	ctrlKey: !!e.ctrlKey,
 	shiftKey: !!e.shiftKey,
 	altKey: !!e.altKey,
 	metaKey: !!e.metaKey
-}), kr = (e, t) => e.ctrlKey === t.ctrlKey && e.shiftKey === t.shiftKey && e.altKey === t.altKey && e.metaKey === t.metaKey, Ar = (e, t, n, r) => {
+}), Ar = (e, t) => e.ctrlKey === t.ctrlKey && e.shiftKey === t.shiftKey && e.altKey === t.altKey && e.metaKey === t.metaKey, jr = (e, t, n, r) => {
 	let i = r ?? ((t, n) => e.getCellFromPointer(t, n)), a = null, o = null, s = null, c = null, l = null, u = () => {
 		l &&= (document.removeEventListener("touchstart", l, { capture: !0 }), document.removeEventListener("touchmove", l, { capture: !0 }), null);
 	}, d = () => {
 		c && clearTimeout(c), c = null;
-	}, f = Dr, p = null, m = (e) => {
+	}, f = Or, p = null, m = (e) => {
 		if (!a) return;
-		let t = Or(e);
-		kr(f, t) || (f = t, a.modifiers?.(t));
+		let t = kr(e);
+		Ar(f, t) || (f = t, a.modifiers?.(t));
 	}, h = () => {
-		p &&= (Cr()?.removeEventListener("keydown", p, !0), Cr()?.removeEventListener("keyup", p, !0), null);
+		p &&= (wr()?.removeEventListener("keydown", p, !0), wr()?.removeEventListener("keyup", p, !0), null);
 	}, g = (t, n, r) => {
 		if (!a) return !1;
 		let s = i(t, n);
-		return s && (H.isEqualCells(s, o) || (o = s, a.drag(s, r)), a.point?.(s, t, n, r)), (a.edgeScroll ?? ((t) => Er(e, t)))({
+		return s && (H.isEqualCells(s, o) || (o = s, a.drag(s, r)), a.point?.(s, t, n, r)), (a.edgeScroll ?? ((t) => Dr(e, t)))({
 			x: t,
 			y: n
 		});
@@ -3188,9 +3196,9 @@ var Cr = () => typeof window < "u" ? window : null, wr = 60, Tr = 24, Er = (e, t
 					passive: !1
 				});
 			})(), ((e) => {
-				if (f = Or(e), p) return;
+				if (f = kr(e), p) return;
 				let t = (e) => m(e);
-				p = t, Cr()?.addEventListener("keydown", t, !0), Cr()?.addEventListener("keyup", t, !0);
+				p = t, wr()?.addEventListener("keydown", t, !0), wr()?.addEventListener("keyup", t, !0);
 			})(e), n?.(c.dragMode ?? null), c) : null;
 		},
 		move: (e, t, n) => {
@@ -3203,17 +3211,17 @@ var Cr = () => typeof window < "u" ? window : null, wr = 60, Tr = 24, Er = (e, t
 		},
 		reset: () => {
 			let e = a;
-			return a = null, o = null, s = null, d(), u(), h(), f = Dr, e && n?.(null), e;
+			return a = null, o = null, s = null, d(), u(), h(), f = Or, e && n?.(null), e;
 		},
 		dispose: () => {
 			d(), u(), h();
 		}
 	};
-}, jr = (e, t, n) => {
-	let r = Ar(e, t, n), i = !1, a = null, o = null, s = null, c = null, l = null, u = () => {
-		s && a && a.removeEventListener?.("pointercancel", s), s = null, c && Cr()?.removeEventListener("keydown", c, !0), c = null;
+}, Mr = (e, t, n) => {
+	let r = jr(e, t, n), i = !1, a = null, o = null, s = null, c = null, l = null, u = () => {
+		s && a && a.removeEventListener?.("pointercancel", s), s = null, c && wr()?.removeEventListener("keydown", c, !0), c = null;
 	}, d = () => {
-		l &&= (Cr()?.removeEventListener("pointerup", l), Cr()?.removeEventListener("pointercancel", l), null);
+		l &&= (wr()?.removeEventListener("pointerup", l), wr()?.removeEventListener("pointercancel", l), null);
 	}, f = () => {
 		a && o !== null && a.hasPointerCapture?.(o) && a.releasePointerCapture(o), a = null, o = null;
 	}, p = (e, t) => {
@@ -3227,8 +3235,8 @@ var Cr = () => typeof window < "u" ? window : null, wr = 60, Tr = 24, Er = (e, t
 				let t = e.currentTarget;
 				t.setPointerCapture?.(e.pointerId), a = t, o = e.pointerId, i = !0, s = (e) => p(!0, e), t.addEventListener?.("pointercancel", s), c = (e) => {
 					e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), p(!0));
-				}, Cr()?.addEventListener("keydown", c, !0);
-			} else i = !1, l = (e) => p(e.type === "pointercancel", e), Cr()?.addEventListener("pointerup", l), Cr()?.addEventListener("pointercancel", l);
+				}, wr()?.addEventListener("keydown", c, !0);
+			} else i = !1, l = (e) => p(e.type === "pointercancel", e), wr()?.addEventListener("pointerup", l), wr()?.addEventListener("pointercancel", l);
 		},
 		onPointerMove: (e) => {
 			r.hasSession() && i && (!1 !== r.captureEvents() && e.stopPropagation(), r.move(e.clientX, e.clientY, e));
@@ -3240,8 +3248,8 @@ var Cr = () => typeof window < "u" ? window : null, wr = 60, Tr = 24, Er = (e, t
 		}
 	};
 };
-function Mr(e, t, n, r) {
-	let i = Ar(e, t, n, r), a = null, o = null, s = null, c = () => {
+function Nr(e, t, n, r) {
+	let i = jr(e, t, n, r), a = null, o = null, s = null, c = () => {
 		a?.(), a = null;
 	}, l = () => {
 		o && s !== null && o.hasPointerCapture?.(s) && o.releasePointerCapture(s), o = null, s = null;
@@ -3271,10 +3279,10 @@ function Mr(e, t, n, r) {
 		}
 	};
 }
-var Nr = (e) => {
+var Pr = (e) => {
 	let t = Z(), [n, r] = g(null), i = h(e);
 	i.current = e;
-	let a = p(() => jr(t, (e, t) => i.current(e, t), r), [t]);
+	let a = p(() => Mr(t, (e, t) => i.current(e, t), r), [t]);
 	return u(() => () => a.dispose(), [a]), {
 		onPointerDown: a.onPointerDown,
 		onPointerMove: a.onPointerMove,
@@ -3282,15 +3290,15 @@ var Nr = (e) => {
 		onPointerCancel: a.onPointerCancel,
 		dragMode: n
 	};
-}, Pr = (e) => {
+}, Fr = (e) => {
 	let t = Z(), [n, r] = g(null), i = h(e);
 	i.current = e;
-	let a = p(() => Mr(t, (e, t) => i.current(e, t), r), [t]);
+	let a = p(() => Nr(t, (e, t) => i.current(e, t), r), [t]);
 	return u(() => () => a.dispose(), [a]), {
 		start: a.start,
 		dragMode: n
 	};
-}, Fr = (e) => {
+}, Ir = (e) => {
 	let t = h(null), n = h(!1);
 	return u(() => {
 		let e = (e) => {
@@ -3308,12 +3316,12 @@ var Nr = (e) => {
 			n.current = !1;
 		}, 500), !0);
 	};
-}, Ir = (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: v, style: x, preserveFocus: S, clampToView: C, secondaryButton: w } = e, E = Z(), [D, O] = g(!1), k = Fr(!!d), { start: A, dragMode: j } = Pr((e, t) => {
+}, Lr = (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: v, style: x, preserveFocus: S, clampToView: C, secondaryButton: w } = e, E = Z(), [D, O] = g(!1), k = Ir(!!d), { start: A, dragMode: j } = Fr((e, t) => {
 		let n = t.button === 2 && !0 === w;
 		if (t.button !== 0 && !n) return null;
 		t.stopPropagation(), S && t.preventDefault();
-		let r = n ? Lr() : null, i = e, a = e;
+		let r = n ? Rr() : null, i = e, a = e;
 		return s?.(i, t), {
 			dragMode: "handle",
 			drag: (e, n) => {
@@ -3326,9 +3334,9 @@ var Nr = (e) => {
 				r?.(), u?.();
 			}
 		};
-	}), M = j !== null && a ? a : i ?? Vr[n], N = E.getBoundsFromRange(t);
+	}), M = j !== null && a ? a : i ?? Hr[n], N = E.getBoundsFromRange(t);
 	if (!N) return null;
-	let P = T.getDevicePixelRatio(), F = Br(N.x, N.x + N.width, Rr[n], P), I = Br(N.y, N.y + N.height, zr[n], P);
+	let P = T.getDevicePixelRatio(), F = Vr(N.x, N.x + N.width, zr[n], P), I = Vr(N.y, N.y + N.height, Br[n], P);
 	if (C) {
 		if (!E.toClipBounds(E.getBoundsFromRange(t))) return null;
 		let e = E.getPaneBounds(), n = r / 2 + 1;
@@ -3384,15 +3392,15 @@ var Nr = (e) => {
 		children: _
 	});
 };
-Ir.displayName = "DragHandle";
-var Lr = () => {
+Lr.displayName = "DragHandle";
+var Rr = () => {
 	let e = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	};
 	return window.addEventListener("contextmenu", e, !0), () => {
 		setTimeout(() => window.removeEventListener("contextmenu", e, !0), 0);
 	};
-}, Rr = {
+}, zr = {
 	tl: "leading",
 	l: "leading",
 	bl: "leading",
@@ -3401,7 +3409,7 @@ var Lr = () => {
 	tr: "trailing",
 	r: "trailing",
 	br: "trailing"
-}, zr = {
+}, Br = {
 	tl: "leading",
 	t: "leading",
 	tr: "leading",
@@ -3410,7 +3418,7 @@ var Lr = () => {
 	bl: "trailing",
 	b: "trailing",
 	br: "trailing"
-}, Br = (e, t, n, r) => n === "center" ? T.snapDeviceEdge((e + t) / 2, r) : T.edgeCenter(n === "leading" ? e : t, n, 2, r), Vr = {
+}, Vr = (e, t, n, r) => n === "center" ? T.snapDeviceEdge((e + t) / 2, r) : T.edgeCenter(n === "leading" ? e : t, n, 2, r), Hr = {
 	tl: "nwse-resize",
 	br: "nwse-resize",
 	tr: "nesw-resize",
@@ -3419,7 +3427,7 @@ var Lr = () => {
 	b: "ns-resize",
 	l: "ew-resize",
 	r: "ew-resize"
-}, Hr = (e, t, n, r, i, a) => {
+}, Ur = (e, t, n, r, i, a) => {
 	let o = e.getPanePointFromPointer(n, r), s = e.getCellFromPointer(n, r, !0) ?? t, c = e.getBoundsFromRange(H.cellToRange(s));
 	if (!o || !c || c.width <= 0 || c.height <= 0) return a;
 	let l = (o.x - c.x) / c.width, u = (o.y - c.y) / c.height, d = i ?? (l < .25 || l > .75 ? W.Column : W.Row);
@@ -3436,7 +3444,7 @@ var Lr = () => {
 			colIndex: s.colIndex
 		}
 	};
-}, Ur = (e, t) => e === t || !!e && !!t && e.axis === t.axis && H.isEqualCells(e.origin, t.origin), Wr = (e, t, n) => {
+}, Wr = (e, t) => e === t || !!e && !!t && e.axis === t.axis && H.isEqualCells(e.origin, t.origin), Gr = (e, t, n) => {
 	let r = e.rowEnd - e.rowStart, i = e.colEnd - e.colStart, a = q(t.origin.rowIndex, n.rowStart, n.rowEnd - r), o = q(t.origin.colIndex, n.colStart, n.colEnd - i);
 	return {
 		...e,
@@ -3445,15 +3453,15 @@ var Lr = () => {
 		colStart: o,
 		colEnd: o + i
 	};
-}, Gr = (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: m } = e, g = Z(), _ = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", v = h(null), [S, C] = Ze(_, null), { start: w, dragMode: E } = Pr((e, n) => {
+}, Kr = (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: m } = e, g = Z(), _ = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", v = h(null), [S, C] = Ze(_, null), { start: w, dragMode: E } = Fr((e, n) => {
 		if (n.button !== 0 || !t) return null;
 		n.stopPropagation(), f && n.preventDefault();
 		let r = e, i = t, a = i;
 		n.clientX, n.clientY;
 		let d = ((e, t) => e.colStart <= t.colStart && e.colEnd >= t.colEnd ? W.Row : e.rowStart <= t.rowStart && e.rowEnd >= t.rowEnd ? W.Column : null)(i, g.getTotalRange()), p = {
-			mods: Or(n),
-			insert: Hr(g, e, n.clientX, n.clientY, d, null)
+			mods: kr(n),
+			insert: Ur(g, e, n.clientX, n.clientY, d, null)
 		}, m = p.insert, h = n;
 		o?.(!0), s?.(i, n, p);
 		let _ = () => {
@@ -3465,11 +3473,11 @@ var Lr = () => {
 		return {
 			dragMode: "move",
 			drag: (e) => {
-				a = ((e) => Kr(i, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, g.getTotalRange()))(e), v = !0;
+				a = ((e) => qr(i, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, g.getTotalRange()))(e), v = !0;
 			},
 			point: (e, t, n, r) => {
 				r && (h = r);
-				let i = Hr(g, e, t, n, d, p.insert), a = v || !Ur(i, p.insert);
+				let i = Ur(g, e, t, n, d, p.insert), a = v || !Wr(i, p.insert);
 				v = !1, a && (p = {
 					...p,
 					insert: i
@@ -3483,8 +3491,8 @@ var Lr = () => {
 			},
 			end: (e) => {
 				o?.(!1), u && C(null);
-				let t = Or(e);
-				(!H.isEqualRanges(a, i) || t.shiftKey && !Ur(p.insert, m)) && l?.(a, e, {
+				let t = kr(e);
+				(!H.isEqualRanges(a, i) || t.shiftKey && !Wr(p.insert, m)) && l?.(a, e, {
 					...p,
 					mods: t
 				});
@@ -3493,7 +3501,7 @@ var Lr = () => {
 				o?.(!1), u && C(null);
 			}
 		};
-	}), D = Fr(!!p), O = E === null ? "move" : d;
+	}), D = Ir(!!p), O = E === null ? "move" : d;
 	if (!t) return null;
 	let k = { onPointerDown: (e) => {
 		if (D(e)) {
@@ -3548,8 +3556,8 @@ var Lr = () => {
 		S && u?.(S.range, S.info)
 	] });
 };
-Gr.displayName = "Draggable";
-var Kr = (e, t, n, r) => {
+Kr.displayName = "Draggable";
+var qr = (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,
@@ -3557,12 +3565,12 @@ var Kr = (e, t, n, r) => {
 		rowEnd: o + i,
 		colEnd: s + a
 	};
-}, qr = [
+}, Jr = [
 	"tl",
 	"tr",
 	"br",
 	"bl"
-], Jr = [
+], Yr = [
 	"tl",
 	"t",
 	"tr",
@@ -3571,18 +3579,18 @@ var Kr = (e, t, n, r) => {
 	"b",
 	"bl",
 	"l"
-], Yr = (e) => {
-	let { range: t, anchors: n = Jr, onDragStart: r, onDragMove: i, onDragEnd: a, onDragCancel: o, onHandleHoverChange: s, size: c = 8, renderHandle: l, preserveFocus: u, ...d } = e, f = {
-		...br,
+], Xr = (e) => {
+	let { range: t, anchors: n = Yr, onDragStart: r, onDragMove: i, onDragEnd: a, onDragCancel: o, onHandleHoverChange: s, size: c = 8, renderHandle: l, preserveFocus: u, ...d } = e, f = {
+		...xr,
 		...d
 	}, p = f.stroke ?? "rgb(33, 115, 70)", m = Z(), [_, v] = g(null), S = h(null);
 	if (!t) return null;
 	let C = _ ?? t;
-	return x(y, { children: [b(xr, {
+	return x(y, { children: [b(Sr, {
 		className: "resizer-outline",
 		range: C,
 		...f
-	}), n.map((e) => b(Ir, {
+	}), n.map((e) => b(Lr, {
 		className: `resize-handle ${e}`,
 		range: C,
 		anchor: e,
@@ -3602,11 +3610,11 @@ var Kr = (e, t, n, r) => {
 			S.current = t, r?.(t, n);
 		},
 		onDragMove: (n, r, a) => {
-			let o = Xr(S.current ?? t, e, r, m.getTotalRange());
+			let o = Zr(S.current ?? t, e, r, m.getTotalRange());
 			v(o), i?.(o, a);
 		},
 		onDragEnd: (n, r, i) => {
-			let o = Xr(S.current ?? t, e, r, m.getTotalRange());
+			let o = Zr(S.current ?? t, e, r, m.getTotalRange());
 			S.current = null, v(null), a?.(o, i);
 		},
 		onDragCancel: () => {
@@ -3614,8 +3622,8 @@ var Kr = (e, t, n, r) => {
 		}
 	}, e))] });
 };
-Yr.displayName = "RangeResizer";
-var Xr = (e, t, n, r) => {
+Xr.displayName = "RangeResizer";
+var Zr = (e, t, n, r) => {
 	let { rowStart: i, colStart: a, rowEnd: o, colEnd: s } = e;
 	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),
@@ -3623,7 +3631,7 @@ var Xr = (e, t, n, r) => {
 		rowEnd: Math.max(i, o),
 		colEnd: Math.max(a, s)
 	};
-}, Zr = (e, t, n) => {
+}, Qr = (e, t, n) => {
 	let r = t.rowIndex - e.rowEnd, i = e.rowStart - t.rowIndex, a = t.colIndex - e.colEnd, o = e.colStart - t.colIndex, s = Math.max(r, i, 0), c = Math.max(a, o, 0);
 	if (s > 0 || c > 0) return s >= c ? r > 0 ? {
 		...e,
@@ -3646,15 +3654,15 @@ var Xr = (e, t, n, r) => {
 		...e,
 		colEnd: t.colIndex
 	};
-}, Qr = (e, t) => t.rowEnd < e.rowEnd ? {
+}, $r = (e, t) => t.rowEnd < e.rowEnd ? {
 	...e,
 	rowStart: t.rowEnd + 1
 } : t.colEnd < e.colEnd ? {
 	...e,
 	colStart: t.colEnd + 1
-} : null, $r = (e) => {
+} : null, ei = (e) => {
 	let { range: t, snapDestination: n, onDragStart: r, onDragMove: i, onDragEnd: a, onMenu: o, onDragDone: s, onDoubleClick: c, renderHandle: l, ...u } = e, d = {
-		...br,
+		...xr,
 		fill: void 0,
 		...u
 	}, f = d.stroke, p = {
@@ -3686,9 +3694,9 @@ var Xr = (e, t, n, r) => {
 		}, l))) return !1;
 		return !0;
 	})(m, t, C, w)) return null;
-	let M = _ ? Qr(t, _) : null;
+	let M = _ ? $r(t, _) : null;
 	return x(y, { children: [
-		b(Ir, {
+		b(Lr, {
 			className: "fill-handle",
 			range: t,
 			anchor: A,
@@ -3702,7 +3710,7 @@ var Xr = (e, t, n, r) => {
 				g.current = null, v(null), r?.(t, n);
 			},
 			onDragMove: (e, r, a) => {
-				let o = Zr(t, r, m.getTotalRange());
+				let o = Qr(t, r, m.getTotalRange());
 				o && n && (o = n(t, o)), g.current = o, v(o), o && i?.(o, a);
 			},
 			onDragEnd: (e, t, n) => {
@@ -3713,32 +3721,32 @@ var Xr = (e, t, n, r) => {
 				g.current = null, v(null), s?.();
 			}
 		}),
-		_ && b(xr, {
+		_ && b(Sr, {
 			className: "fill-preview",
 			range: _,
 			...p
 		}),
-		M && b(xr, {
+		M && b(Sr, {
 			className: "fill-vacated",
 			range: M,
 			fill: "rgba(128, 128, 128, 0.28)"
 		})
 	] });
 };
-$r.displayName = "FillHandle";
-var ei = s((e) => {
+ei.displayName = "FillHandle";
+var ti = s((e) => {
 	let { value: t, zoom: n, bounds: r, cell: i, range: a, children: o, className: s, ...c } = e;
 	return b("div", {
 		className: K(s, "cell"),
 		...c,
 		children: t
 	});
-}), ti = Object.freeze({
+}), ni = Object.freeze({
 	cells: [],
 	rangesH: [],
 	rangesV: []
-}), ni = !1, ri = /* @__PURE__ */ new WeakMap(), ii = (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 = ri.get(e);
+}), ri = !1, ii = /* @__PURE__ */ new WeakMap(), ai = (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 = ii.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 ? {
@@ -3747,7 +3755,7 @@ var ei = 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 ti;
+		if (s.length === 0 || c.length === 0) return ni;
 		let l = (t) => e.getRangeFromCell(t), u;
 		if (n) u = n(e, i);
 		else {
@@ -3768,7 +3776,7 @@ var ei = s((e) => {
 			}
 		}
 		let d = u ? u.length : 0;
-		if (d === 0) return ti;
+		if (d === 0) return ni;
 		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;
@@ -3789,7 +3797,7 @@ var ei = s((e) => {
 					rowIndex: t.rowStart,
 					colIndex: t.colStart
 				});
-				let n = ci(a.rowStart, a.colStart);
+				let n = li(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 {
@@ -3806,7 +3814,7 @@ var ei = s((e) => {
 				range: a,
 				bounds: s,
 				value: n?.value
-			}) : ni || (ni = !0, console.warn("grid-react: no bounds for cell", ci(a.rowStart, a.colStart)));
+			}) : ri || (ri = !0, console.warn("grid-react: no bounds for cell", li(a.rowStart, a.colStart)));
 		}
 		return {
 			cells: m,
@@ -3814,7 +3822,7 @@ var ei = s((e) => {
 			rangesV: g
 		};
 	})(e, t);
-	return ri.set(e, {
+	return ii.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3829,16 +3837,16 @@ var ei = s((e) => {
 		options: t,
 		model: d
 	}), d;
-}, ai = Object.freeze({
+}, oi = Object.freeze({
 	rangesH: [],
 	rangesV: []
-}), oi = /* @__PURE__ */ new WeakMap(), si = (e, t = {}) => {
-	let n = e.getVisibleRange(), r = oi.get(e);
+}), si = /* @__PURE__ */ new WeakMap(), ci = (e, t = {}) => {
+	let n = e.getVisibleRange(), r = si.get(e);
 	if (r && r.rowStart === n.rowStart && r.colStart === n.colStart && r.rowEnd === n.rowEnd && r.colEnd === n.colEnd && r.cacheToken === t.cacheToken && r.getVisibleCells === t.getVisibleCells) return r.ranges;
 	let i = ((e, t = {}) => {
 		let { getVisibleCells: n } = t, r = e.getVisibleRange(), i = [], a = [], o = /* @__PURE__ */ new Set(), s = (e) => {
 			if (H.isSingleCell(e) || !H.isRangesIntersect(e, r) && !H.isRangeWithinRange(e, r)) return;
-			let t = ci(e.rowStart, e.colStart);
+			let t = li(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) {
@@ -3857,12 +3865,12 @@ var ei = s((e) => {
 				}));
 			}
 		}
-		return i.length === 0 && a.length === 0 ? ai : {
+		return i.length === 0 && a.length === 0 ? oi : {
 			rangesH: i,
 			rangesV: a
 		};
 	})(e, t);
-	return oi.set(e, {
+	return si.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3871,10 +3879,10 @@ var ei = s((e) => {
 		cacheToken: t.cacheToken,
 		ranges: i
 	}), i;
-}, ci = (e, t) => `${e}:${t}`, li = {
+}, li = (e, t) => `${e}:${t}`, ui = {
 	tiles: "_tiles_ikr1b_7",
 	gridlines: "_gridlines_ikr1b_26"
-}, ui = s((e) => {
+}, di = 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({
 		token: void 0,
 		renderCell: void 0,
@@ -3884,8 +3892,8 @@ var ei = s((e) => {
 		rebaseLeft: 0,
 		rebaseTop: 0,
 		map: /* @__PURE__ */ new Map()
-	}), g = c.getScrollTopLeft(), _ = c.getFreezeTopLeft(), v = g.left + _.left, S = g.top + _.top, C = Math.floor(v / fi) * fi, w = Math.floor(S / fi) * fi, T = c.getVisibleRange(), E = 0, D = -1, O = 0, k = -1;
-	T && (E = Math.max(0, Math.floor(T.rowStart / $) - pi), D = Math.floor(T.rowEnd / $) + pi, O = Math.max(0, Math.floor(T.colStart / $) - pi), k = Math.floor(T.colEnd / $) + pi);
+	}), g = c.getScrollTopLeft(), _ = c.getFreezeTopLeft(), v = g.left + _.left, S = g.top + _.top, C = Math.floor(v / pi) * pi, w = Math.floor(S / pi) * pi, T = c.getVisibleRange(), E = 0, D = -1, O = 0, k = -1;
+	T && (E = Math.max(0, Math.floor(T.rowStart / $) - mi), D = Math.floor(T.rowEnd / $) + mi, O = Math.max(0, Math.floor(T.colStart / $) - mi), k = Math.floor(T.colEnd / $) + mi);
 	let A = p(() => {
 		if (!T || D < E) return null;
 		let e = m.current;
@@ -3895,7 +3903,7 @@ var ei = s((e) => {
 			colStart: Math.max(s.colStart, O * $),
 			rowEnd: Math.min(s.rowEnd, (D + 1) * $ - 1),
 			colEnd: Math.min(s.colEnd, (k + 1) * $ - 1)
-		}, { cells: d } = ii(c, {
+		}, { cells: d } = ai(c, {
 			getVisibleCells: r,
 			hiddenCellAt: i,
 			bufferRange: u,
@@ -3910,14 +3918,14 @@ var ei = s((e) => {
 			let r = e >= E && e <= D && n >= O && n <= k, i = `${e}:${n}`, u = a.get(i);
 			if (u === void 0) {
 				let d = f.get(i);
-				if (!d && !hi) return;
+				if (!d && !gi) return;
 				let p = c.getBoundsFromRange({
 					rowStart: e * $,
 					colStart: n * $,
 					rowEnd: Math.min(s.rowEnd, e * $ + $ - 1),
 					colEnd: Math.min(s.colEnd, n * $ + $ - 1)
 				}), m = v + p.x - C, h = S + p.y - w, g = [];
-				if (hi && g.push(b("div", { style: {
+				if (gi && g.push(b("div", { style: {
 					position: "absolute",
 					left: 0,
 					top: 0,
@@ -3928,13 +3936,13 @@ var ei = s((e) => {
 				} }, "__bg")), d) for (let e = 0; e < d.length; e++) {
 					let { cell: n, range: r, bounds: i, value: a } = d[e];
 					i && g.push(t({
-						key: `pane:${l}:cell:${ci(n.rowIndex, n.colIndex)}`,
+						key: `pane:${l}:cell:${li(n.rowIndex, n.colIndex)}`,
 						cell: n,
 						bounds: i,
 						range: r,
 						zoom: o,
 						value: a,
-						"data-rc": ci(n.rowIndex, n.colIndex),
+						"data-rc": li(n.rowIndex, n.colIndex),
 						style: {
 							left: i.x - p.x,
 							top: i.y - p.y,
@@ -3947,14 +3955,14 @@ var ei = s((e) => {
 					className: "tile",
 					style: { transform: `translate(${m}px, ${h}px)` },
 					children: g
-				}, `pane:${l}:tile:${e}:${n}`), r && (a.set(i, u), a.size > mi)) {
+				}, `pane:${l}:tile:${e}:${n}`), r && (a.set(i, u), a.size > hi)) {
 					let e = a.keys().next().value;
 					e !== void 0 && a.delete(e);
 				}
 			}
 			u && p.push(u);
 		};
-		if (hi) {
+		if (gi) {
 			for (let e = E; e <= D && !(e * $ > s.rowEnd); e++) for (let t = O; t <= k && !(t * $ > s.colEnd); t++) h(e, t);
 			for (let e of f.keys()) {
 				let t = e.indexOf(":"), n = Number(e.slice(0, t)), r = Number(e.slice(t + 1));
@@ -3978,7 +3986,7 @@ var ei = s((e) => {
 	]);
 	return x(y, { children: [b(rt, {
 		fill: !0,
-		className: K("tiles", li.tiles, f, o),
+		className: K("tiles", ui.tiles, f, o),
 		style: {
 			pointerEvents: "none",
 			...s,
@@ -3986,15 +3994,15 @@ var ei = s((e) => {
 			willChange: "transform"
 		},
 		children: A
-	}), a ? b("style", { children: `.${f} [data-rc="${ci(a.rowIndex, a.colIndex)}"]{visibility:hidden !important;}` }) : null] });
+	}), a ? b("style", { children: `.${f} [data-rc="${li(a.rowIndex, a.colIndex)}"]{visibility:hidden !important;}` }) : null] });
 });
-ui.displayName = "CellTileDiv";
-var di = s((e) => {
+di.displayName = "CellTileDiv";
+var fi = s((e) => {
 	let { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: i, suppressCell: a, className: o, style: s, ...c } = e;
 	return b($e, {
 		className: K(o, "cells"),
 		...c,
-		children: b(ui, {
+		children: b(di, {
 			renderCell: t,
 			cacheToken: n,
 			getVisibleCells: r,
@@ -4004,9 +4012,9 @@ var di = s((e) => {
 		})
 	});
 });
-di.displayName = "CellLayer";
-var $ = 8, fi = 1 << 19, pi = 1, mi = 512, hi = !1, gi = (e, t, n) => {
-	let r = T.getDevicePixelRatio(), i = bi / r, a = e.getVisibleRange(), o = (t) => e.getColumnSize(t).offset, s = (t) => {
+fi.displayName = "CellLayer";
+var $ = 8, pi = 1 << 19, mi = 1, hi = 512, gi = !1, _i = (e, t, n) => {
+	let r = T.getDevicePixelRatio(), i = xi / 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) => {
@@ -4073,16 +4081,16 @@ var $ = 8, fi = 1 << 19, pi = 1, mi = 512, hi = !1, gi = (e, t, n) => {
 		}
 	}
 	return p;
-}, _i = (e) => {
+}, vi = (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;
-}, vi = (e, t, n, r, i) => {
+}, yi = (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(bi / T.getDevicePixelRatio());
+	let a = e.getPaneBounds(), o = Math.ceil(a.width), s = Math.ceil(a.height), c = String(xi / T.getDevicePixelRatio());
 	return b("svg", {
 		className: K(t ? "horizontal" : "vertical"),
 		width: `${o}`,
@@ -4098,15 +4106,15 @@ var $ = 8, fi = 1 << 19, pi = 1, mi = 512, hi = !1, gi = (e, t, n) => {
 			...i
 		})
 	});
-}, yi = 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 } = si(f, {
+}, bi = 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 } = ci(f, {
 		getVisibleCells: a,
 		cacheToken: s
-	}), y = T.getDevicePixelRatio(), { top: S, left: C } = f.getScrollTopLeft(), w = f.getPaneBounds(), E = f.getVisibleRange(), D = f.getColumnSize(E.colEnd), O = f.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}|${y}` : `${S}|${C}|${k}|${y}|${_i(_)}`, M = v.length === 0 ? `${C}|${A}|${y}` : `${C}|${S}|${A}|${y}|${_i(v)}`, N = p(() => h ? gi(f, !0, _) : null, [
+	}), y = T.getDevicePixelRatio(), { top: S, left: C } = f.getScrollTopLeft(), w = f.getPaneBounds(), E = f.getVisibleRange(), D = f.getColumnSize(E.colEnd), O = f.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}|${y}` : `${S}|${C}|${k}|${y}|${vi(_)}`, M = v.length === 0 ? `${C}|${A}|${y}` : `${C}|${S}|${A}|${y}|${vi(v)}`, N = p(() => h ? _i(f, !0, _) : null, [
 		f,
 		h,
 		j
-	]), P = p(() => g ? gi(f, !1, v) : null, [
+	]), P = p(() => g ? _i(f, !1, v) : null, [
 		f,
 		g,
 		M
@@ -4116,17 +4124,17 @@ var $ = 8, fi = 1 << 19, pi = 1, mi = 512, hi = !1, gi = (e, t, n) => {
 		className: K(l, "gridlines"),
 		children: x(rt, {
 			fill: !0,
-			className: K("gridlines-box", li.gridlines),
+			className: K("gridlines-box", ui.gridlines),
 			style: {
 				pointerEvents: "none",
 				...u
 			},
-			children: [h && N ? vi(f, !0, N, n, r) : null, g && P ? vi(f, !1, P, n, i) : null]
+			children: [h && N ? yi(f, !0, N, n, r) : null, g && P ? yi(f, !1, P, n, i) : null]
 		})
 	}) : null;
 });
-yi.displayName = "GridlineLayer";
-var bi = 1, xi = -10, Si = class {
+bi.displayName = "GridlineLayer";
+var xi = 1, Si = -10, Ci = class {
 	constructor(e = {}) {
 		this.listeners = /* @__PURE__ */ new Set(), this._coords = e.initial ?? {
 			cell: {
@@ -4135,7 +4143,7 @@ var bi = 1, xi = -10, Si = class {
 			},
 			ranges: H.EmptyRanges,
 			rangeIndex: -1
-		}, this._getBounds = e.getBounds ?? (() => Ti);
+		}, this._getBounds = e.getBounds ?? (() => Ei);
 	}
 	getSelection() {
 		return this._coords;
@@ -4196,12 +4204,12 @@ var bi = 1, xi = -10, Si = class {
 		return e >= 0 ? this._coords.ranges[e] : H.cellToRange(this._coords.cell);
 	}
 	modify(e, t = this._coords.cell) {
-		let n = this._activeRange(), r = Ci({
+		let n = this._activeRange(), r = wi({
 			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 = wi(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 = Ti(i.cell, r);
 		this.setSelection({
 			cell: s,
 			ranges: o,
@@ -4209,7 +4217,7 @@ var bi = 1, xi = -10, Si = class {
 		});
 	}
 	append(e, t = e) {
-		let n = Ci({
+		let n = wi({
 			rowStart: Math.min(e.rowIndex, t.rowIndex),
 			colStart: Math.min(e.colIndex, t.colIndex),
 			rowEnd: Math.max(e.rowIndex, t.rowIndex),
@@ -4284,64 +4292,64 @@ var bi = 1, xi = -10, Si = class {
 			this.listeners.delete(e);
 		};
 	}
-}, Ci = (e, t) => ({
+}, wi = (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)
-}), wi = (e, t) => ({
+}), Ti = (e, t) => ({
 	rowIndex: q(e.rowIndex, t.rowStart, t.rowEnd),
 	colIndex: q(e.colIndex, t.colStart, t.colEnd)
-}), Ti = {
+}), Ei = {
 	rowStart: 0,
 	colStart: 0,
 	rowEnd: 2 ** 53 - 1,
 	colEnd: 2 ** 53 - 1
-}, Ei = "var(--sxl-color-primary, rgb(33, 115, 70))", Di = "var(--sxl-color-base-100, rgb(255, 255, 255))", Oi = "var(--sxl-color-warning, rgb(255, 0, 0))", ki = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, Ai = {
-	fill: { fill: ki(10) },
+}, Di = "var(--sxl-color-primary, rgb(33, 115, 70))", Oi = "var(--sxl-color-base-100, rgb(255, 255, 255))", ki = "var(--sxl-color-warning, rgb(255, 0, 0))", Ai = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, ji = {
+	fill: { fill: Ai(10) },
 	border: {
-		stroke: Ei,
+		stroke: Di,
 		alignWidth: 2,
 		style: { filter: "drop-shadow(1px 1px 0.3px var(--sxl-color-shadow, rgba(0, 0, 0, 0.24)))" }
 	},
 	inner: {
-		stroke: Di,
+		stroke: Oi,
 		alignWidth: 2,
 		inset: 1
 	}
-}, ji = {
-	fill: { fill: ki(6) },
+}, Mi = {
+	fill: { fill: Ai(6) },
 	border: {
-		stroke: Ei,
+		stroke: Di,
 		alignWidth: 1
 	},
 	inner: {
-		stroke: Di,
+		stroke: Oi,
 		alignWidth: 1,
 		inset: 1
 	}
-}, Mi = {
-	stroke: Ei,
+}, Ni = {
+	stroke: Di,
 	alignWidth: 1,
 	inset: 2
-}, Ni = {
-	fill: { fill: `color-mix(in srgb, ${Oi} 10%, transparent)` },
+}, Pi = {
+	fill: { fill: `color-mix(in srgb, ${ki} 10%, transparent)` },
 	border: {
-		stroke: Oi,
+		stroke: ki,
 		alignWidth: 2
 	}
-}, Pi = {
-	color: Ei,
-	refusedColor: Oi,
+}, Fi = {
+	color: Di,
+	refusedColor: ki,
 	alignWidth: 3,
 	capExtent: 3,
 	transitionDuration: 100,
 	transitionEasing: "cubic-bezier(0.16, 1, 0.3, 1)",
 	axisDuration: 70
-}, Fi = { fill: { fill: `color-mix(in srgb, ${Di} 62%, transparent)` } }, Ii = (e, t) => {
+}, Ii = { fill: { fill: `color-mix(in srgb, ${Oi} 62%, transparent)` } }, Li = (e, t) => {
 	let n = Z(), 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 = Nr((t, o) => {
+	let l = Pr((t, o) => {
 		if (o.pointerType === "touch") {
 			let t = n.getScrollTopLeft(), r = {
 				x: o.clientX,
@@ -4428,8 +4436,8 @@ var bi = 1, xi = -10, Si = class {
 		removePreview: o,
 		dragMode: l.dragMode
 	};
-}, Li = (e) => {
-	let { selection: t, color: n = "var(--sxl-color-primary, rgb(33, 115, 70))", size: r = 22 } = e, i = Xe(), a = Bi(P(t, (e) => e.getSelection())), o = i ? i.getAllPanes()[V.Center] ?? i : void 0, s = ((e, t, n) => {
+}, Ri = (e) => {
+	let { selection: t, color: n = "var(--sxl-color-primary, rgb(33, 115, 70))", size: r = 22 } = e, i = Xe(), a = Vi(P(t, (e) => e.getSelection())), o = i ? i.getAllPanes()[V.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) {
@@ -4536,13 +4544,13 @@ var bi = 1, xi = -10, Si = class {
 		} : {
 			x: !0,
 			y: !0
-		}, o = t.getSelection(), s = Mr(e, () => (l(!0), {
+		}, o = t.getSelection(), s = Nr(e, () => (l(!0), {
 			dragMode: "grip",
 			drag: (e) => {
 				let i = r === "col" ? { colIndex: e.colIndex } : r === "row" ? { rowIndex: e.rowIndex } : e;
 				t.modify(i, n);
 			},
-			edgeScroll: (t) => Er(e, t, a),
+			edgeScroll: (t) => Dr(e, t, a),
 			end: () => l(!1),
 			cancel: () => {
 				t.setSelection(o), l(!1);
@@ -4550,7 +4558,7 @@ var bi = 1, xi = -10, Si = class {
 		}), void 0, (t, n) => (e.getPaneFromPointer(t, n) ?? e).getCellFromPointer(t, n));
 		d.current = s, s.start(i, i.currentTarget);
 	};
-	return b(y, { children: s.map((e) => b(Ri, {
+	return b(y, { children: s.map((e) => b(zi, {
 		spec: e,
 		size: r,
 		color: n,
@@ -4558,14 +4566,14 @@ var bi = 1, xi = -10, Si = class {
 		onBeginDrag: f
 	}, e.key)) });
 };
-Li.displayName = "SelectionTouchGrips";
-var Ri = (e) => {
+Ri.displayName = "SelectionTouchGrips";
+var zi = (e) => {
 	let { spec: t, size: n, color: r, dragging: i, onBeginDrag: a } = e;
 	return b(xt, {
 		anchor: { cell: t.cell },
 		placement: t.placement,
 		whenOff: "hide",
-		children: (e) => e.slid ? null : b(zi, {
+		children: (e) => e.slid ? null : b(Bi, {
 			state: e,
 			size: n,
 			color: r,
@@ -4576,22 +4584,53 @@ var Ri = (e) => {
 			}
 		})
 	});
-}, zi = (e) => {
-	let { state: t, size: n, color: r, dragging: i, pin: a, onBeginDrag: o } = e, { getPortalContainer: s } = L(), { className: c, attrs: l } = Jn(t.pane), { x: u, y: d } = t.anchorPoint;
-	if (a) {
-		let e = t.pane?.getElement()?.getBoundingClientRect();
-		e && (a === "v" ? d = e.top + e.height / 2 : u = e.left + e.width / 2);
-	}
-	return ae(b("div", {
+}, Bi = (e) => {
+	let { state: t, size: n, color: r, dragging: i, pin: a, onBeginDrag: o } = e, { getPortalContainer: s } = L(), { className: c, attrs: l } = Yn(t.pane), u = h({
+		state: t,
+		pin: a
+	});
+	u.current = {
+		state: t,
+		pin: a
+	};
+	let d = p(() => ({
+		get contextElement() {
+			return u.current.state.reference.contextElement;
+		},
+		getBoundingClientRect: () => {
+			let { state: e, pin: t } = u.current, { x: n, y: r } = e.getAnchorPoint();
+			if (t) {
+				let i = e.pane?.getElement()?.getBoundingClientRect();
+				i && (t === "v" ? r = i.top + i.height / 2 : n = i.left + i.width / 2);
+			}
+			return {
+				x: n,
+				y: r,
+				width: 0,
+				height: 0,
+				top: r,
+				left: n,
+				right: n,
+				bottom: r
+			};
+		}
+	}), []), m = p(() => [Kn(({ rects: e }) => -e.floating.height / 2)], []), { refs: g, floatingStyles: _, update: v } = Gn({
+		placement: "bottom",
+		strategy: "fixed",
+		elements: { reference: d },
+		whileElementsMounted: Fn,
+		middleware: m
+	});
+	return f(() => {
+		v();
+	}, [t, v]), ae(b("div", {
+		ref: g.setFloating,
 		className: ["touch-select-grip", c].filter(Boolean).join(" "),
 		...l,
 		style: {
-			position: "fixed",
-			left: u,
-			top: d,
+			..._,
 			width: n,
 			height: n,
-			transform: "translate(-50%, -50%)",
 			background: "var(--sxl-color-base-100, white)",
 			border: `3px solid ${r}`,
 			borderRadius: "50%",
@@ -4607,40 +4646,40 @@ var Ri = (e) => {
 			e.button !== 0 && e.pointerType !== "touch" || t.pane && (e.preventDefault(), e.stopPropagation(), o(e));
 		}
 	}), s());
-}, Bi = (e) => {
+}, Vi = (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);
-}, Vi = [
+}, Hi = [
 	U.Left,
 	U.Right,
 	U.Up,
 	U.Down
-], Hi = {
+], Ui = {
 	[U.Left]: "ArrowLeft",
 	[U.Right]: "ArrowRight",
 	[U.Up]: "ArrowUp",
 	[U.Down]: "ArrowDown"
-}, Ui = {
+}, Wi = {
 	[U.Left]: "Left",
 	[U.Right]: "Right",
 	[U.Up]: "Up",
 	[U.Down]: "Down"
-}, Wi = (e, t) => t === void 0 ? e : t === null ? null : {
+}, Gi = (e, t) => t === void 0 ? e : t === null ? null : {
 	...e,
 	...t
-}, Gi = (e, t) => t ? {
-	fill: Wi(e.fill, t.fill),
-	border: Wi(e.border, t.border),
-	inner: Wi(e.inner, t.inner)
-} : e, Ki = {
+}, Ki = (e, t) => t ? {
+	fill: Gi(e.fill, t.fill),
+	border: Gi(e.border, t.border),
+	inner: Gi(e.inner, t.inner)
+} : e, qi = {
 	side: "b",
 	align: "end"
-}, qi = t.forwardRef((e, n) => {
-	let { selection: r, getContentBounds: i, getRegionBounds: a, scrollIntoView: o, singleStyle: s, multiStyle: c, multiAnchorStyle: l, singleAnchorStyle: u, removePreviewStyle: d, insertBarStyle: f, isDropRefused: p, moveSourceStyle: m, singleLayer: h, multiLayer: g, enabledMove: _, onMove: v, onMoveStart: S, onMoveUpdate: C, onMoveEnd: T, moveCursor: E, enableFill: D, snapFillDestination: O, onFill: k, onFillStart: A, onFillPreview: j, onFillEnd: M, onFillMenu: N, resolveFillExtent: F, onEdgeDoubleClick: I, onSelectionEnd: L, onDragModeChange: R, renderTip: z, tipPlacement: ee, disableKeyboard: B, anchorHole: V = !0, ...ne } = e, re = P(r, (e) => e.getSelection()), ie = Ii(r, { onSelectionEnd: L }), ae = t.useRef(R);
+}, Ji = t.forwardRef((e, n) => {
+	let { selection: r, getContentBounds: i, getRegionBounds: a, scrollIntoView: o, singleStyle: s, multiStyle: c, multiAnchorStyle: l, singleAnchorStyle: u, removePreviewStyle: d, insertBarStyle: f, isDropRefused: p, moveSourceStyle: m, singleLayer: h, multiLayer: g, enabledMove: _, onMove: v, onMoveStart: S, onMoveUpdate: C, onMoveEnd: T, moveCursor: E, enableFill: D, snapFillDestination: O, onFill: k, onFillStart: A, onFillPreview: j, onFillEnd: M, onFillMenu: N, resolveFillExtent: F, onEdgeDoubleClick: I, onSelectionEnd: L, onDragModeChange: R, renderTip: z, tipPlacement: ee, disableKeyboard: B, anchorHole: V = !0, ...ne } = e, re = P(r, (e) => e.getSelection()), ie = Li(r, { onSelectionEnd: L }), ae = t.useRef(R);
 	ae.current = R, t.useEffect(() => {
 		ae.current?.(ie.dragMode);
 	}, [ie.dragMode]);
@@ -4744,8 +4783,8 @@ var Ri = (e) => {
 				run: n
 			});
 		}, x = w.Shift, S = w.Ctrl, C = w.Alt;
-		for (let e of Vi) {
-			let t = Ui[e], n = Hi[e];
+		for (let e of Hi) {
+			let t = Wi[e], n = Ui[e];
 			b(`move${t}`, { key: n }, () => m(e, !1)), b(`select${t}`, {
 				key: n,
 				modifiers: [x]
@@ -4870,14 +4909,14 @@ var Ri = (e) => {
 		getRegionBounds: (e) => de.current?.(e) ?? null
 	}), []);
 	t.useImperativeHandle(n, () => pe, [pe]);
-	let me = !!re.ranges && re.ranges.length > 0, he = me ? [...re.ranges] : [H.cellToRange(re.cell)], K = he.length > 1, q = re.rangeIndex ?? -1, ge = me ? q >= 0 ? q : he.length - 1 : 0, _e = se.getRangeFromCell(re.cell), J = H.unionRanges(he[ge] ?? H.cellToRange(re.cell), _e), ve = he.filter((e, t) => t !== ge), Y = K ? Gi(ji, c) : Gi(Ai, s), ye = {
-		...Mi,
+	let me = !!re.ranges && re.ranges.length > 0, he = me ? [...re.ranges] : [H.cellToRange(re.cell)], K = he.length > 1, q = re.rangeIndex ?? -1, ge = me ? q >= 0 ? q : he.length - 1 : 0, _e = se.getRangeFromCell(re.cell), J = H.unionRanges(he[ge] ?? H.cellToRange(re.cell), _e), ve = he.filter((e, t) => t !== ge), Y = K ? Ki(Mi, c) : Ki(ji, s), ye = {
+		...Ni,
 		...l
-	}, be = Gi(Ni, d), { refusedColor: xe, ...Se } = {
-		...Pi,
+	}, be = Ki(Pi, d), { refusedColor: xe, ...Se } = {
+		...Fi,
 		...f
-	}, Ce = m === null ? null : Gi(Fi, m), we = (e, t) => {
-		let n = t.mods.shiftKey ? t.insert : null, r = t.mods.ctrlKey || t.mods.metaKey, i = n ? Wr(e, n, se.getTotalRange()) : e, a = {
+	}, Ce = m === null ? null : Ki(Ii, m), we = (e, t) => {
+		let n = t.mods.shiftKey ? t.insert : null, r = t.mods.ctrlKey || t.mods.metaKey, i = n ? Gr(e, n, se.getTotalRange()) : e, a = {
 			to: i,
 			copy: r,
 			insert: n?.axis
@@ -4915,33 +4954,33 @@ var Ri = (e) => {
 			pe.handleKey(e) && (e.preventDefault(), e.stopPropagation());
 		},
 		children: [
-			G?.kind === "move" && !G.drop.copy && Ce && !H.isEqualRanges(G.to, G.from) && Ji(Ce, G.from, void 0, !1, "move-source"),
+			G?.kind === "move" && !G.drop.copy && Ce && !H.isEqualRanges(G.to, G.from) && Yi(Ce, G.from, void 0, !1, "move-source"),
 			x(y, K ? { children: [
-				ve.map((e, n) => b(t.Fragment, { children: Ji(Y, e) }, `other-${n}`)),
-				Ji(Y, J, V ? _e : void 0),
-				b(xr, {
+				ve.map((e, n) => b(t.Fragment, { children: Yi(Y, e) }, `other-${n}`)),
+				Yi(Y, J, V ? _e : void 0),
+				b(Sr, {
 					className: "anchor",
 					range: _e,
 					...ye
 				})
-			] } : { children: [Ji(Y, J, V ? _e : void 0), u && b(xr, {
+			] } : { children: [Yi(Y, J, V ? _e : void 0), u && b(Sr, {
 				className: "anchor",
 				range: _e,
 				...u
 			})] }),
-			!K && _ && b(Gr, {
+			!K && _ && b(Kr, {
 				className: "move-grip",
 				range: J,
 				grip: "edges",
 				dragCursor: E,
 				renderMove: (e, t) => {
 					let n = we(e, t);
-					return n.insert ? b(Sr, {
+					return n.insert ? b(Cr, {
 						range: n.to,
 						axis: n.insert,
 						...Se,
 						color: (n.refused ? xe : void 0) ?? Se.color
-					}) : Y.border && b(xr, {
+					}) : Y.border && b(Sr, {
 						className: "move-ghost",
 						range: n.to,
 						...Y.border,
@@ -4982,7 +5021,7 @@ var Ri = (e) => {
 					}));
 				}
 			}),
-			!K && D && b($r, {
+			!K && D && b(ei, {
 				range: J,
 				snapDestination: O,
 				...Y.border,
@@ -5014,12 +5053,12 @@ var Ri = (e) => {
 					n && !H.isEqualRanges(n, e) && (k?.(e, n, t), Te(n));
 				} : void 0
 			}),
-			ie.removePreview && Ji(be, ie.removePreview, void 0, !1, "remove-preview"),
+			ie.removePreview && Yi(be, ie.removePreview, void 0, !1, "remove-preview"),
 			De,
-			Ee != null && X && b(Zn, {
+			Ee != null && X && b(Qn, {
 				className: "gesture-tip",
 				anchor: { range: (Oe = X, Oe.kind === "move" ? Oe.to : Oe.kind === "fill" ? Oe.destination : Oe.range) },
-				placement: ee ?? Ki,
+				placement: ee ?? qi,
 				offset: 8,
 				whenOff: "clamp",
 				open: !0,
@@ -5030,28 +5069,28 @@ var Ri = (e) => {
 	});
 	var Oe;
 });
-qi.displayName = "SelectionLayer";
-var Ji = (e, t, n, r = !1, i = "range") => x(y, { children: [
-	e.fill && b(xr, {
+Ji.displayName = "SelectionLayer";
+var Yi = (e, t, n, r = !1, i = "range") => x(y, { children: [
+	e.fill && b(Sr, {
 		className: `${i} fill`,
 		animatedTransition: r,
 		range: t,
 		hole: n,
 		...e.fill
 	}),
-	e.inner && b(xr, {
+	e.inner && b(Sr, {
 		className: `${i} inner`,
 		animatedTransition: r,
 		range: t,
 		...e.inner
 	}),
-	e.border && b(xr, {
+	e.border && b(Sr, {
 		className: `${i} border`,
 		animatedTransition: r,
 		range: t,
 		...e.border
 	})
-] }), Yi = [
+] }), Xi = [
 	"#1a73e8",
 	"#d93025",
 	"#1e8e3e",
@@ -5059,13 +5098,13 @@ var Ji = (e, t, n, r = !1, i = "range") => x(y, { children: [
 	"#e37400",
 	"#12a4af",
 	"#d01884"
-], Xi = Array.from({ length: E }, (e, t) => `var(--sxl-color-series-${t + 1}, ${Yi[t]})`), Zi = "var(--sxl-color-primary, rgb(0, 120, 215))", Qi = (e, t, n) => ({
+], Zi = Array.from({ length: E }, (e, t) => `var(--sxl-color-series-${t + 1}, ${Xi[t]})`), Qi = "var(--sxl-color-primary, rgb(0, 120, 215))", $i = (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))
-}), $i = (e) => ({ stroke: Xi.length ? Xi[e % Xi.length] : Zi }), ea = (e) => {
-	let { selection: t, getRangeStyle: n = $i, anchors: r = qr, enabledMove: i, disableDraw: a, allowMulti: o = !0, size: s, animated: c, renderHandle: l, preserveFocus: d = !0, onDragActiveChange: f, rangeStyle: p = te.EmptyObject, className: m, ..._ } = e, v = Z(), y = P(t, (e) => e.getSelection()), S = y.ranges ?? H.EmptyRanges, C = Math.min(Math.max(0, y.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);
+}), ea = (e) => ({ stroke: Zi.length ? Zi[e % Zi.length] : Qi }), ta = (e) => {
+	let { selection: t, getRangeStyle: n = ea, anchors: r = Jr, enabledMove: i, disableDraw: a, allowMulti: o = !0, size: s, animated: c, renderHandle: l, preserveFocus: d = !0, onDragActiveChange: f, rangeStyle: p = te.EmptyObject, className: m, ..._ } = e, v = Z(), y = P(t, (e) => e.getSelection()), S = y.ranges ?? H.EmptyRanges, C = Math.min(Math.max(0, y.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(() => () => {
@@ -5091,7 +5130,7 @@ var Ji = (e, t, n, r = !1, i = "range") => x(y, { children: [
 			...n,
 			rangeIndex: e
 		});
-	}, L = Nr((e, t) => {
+	}, L = Pr((e, t) => {
 		if (t.button !== 0) return null;
 		let n = (y.rangeIndex ?? -1) >= 0 ? y.rangeIndex : -1;
 		if (t.shiftKey && n >= 0 && S[n]) {
@@ -5099,15 +5138,15 @@ var Ji = (e, t, n, r = !1, i = "range") => x(y, { children: [
 				rowIndex: S[n].rowStart,
 				colIndex: S[n].colStart
 			};
-			return k(!0), F(n, Qi(t, e, v.getTotalRange())), {
-				drag: (e) => F(n, Qi(t, e, v.getTotalRange())),
+			return k(!0), F(n, $i(t, e, v.getTotalRange())), {
+				drag: (e) => F(n, $i(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, Qi(e, t, v.getTotalRange())),
+			drag: (t) => F(r, $i(e, t, v.getTotalRange())),
 			end: () => k(!1),
 			captureEvents: !1
 		};
@@ -5127,7 +5166,7 @@ var Ji = (e, t, n, r = !1, i = "range") => x(y, { children: [
 					e.stopPropagation(), L.onPointerUp(e);
 				}
 			}),
-			i && z.map((e) => b(Gr, {
+			i && z.map((e) => b(Kr, {
 				range: S[e],
 				grip: "edges",
 				preserveFocus: d,
@@ -5140,7 +5179,7 @@ var Ji = (e, t, n, r = !1, i = "range") => x(y, { children: [
 			}, `move-${e}`)),
 			z.map((e) => {
 				let t = e === C, n = e === M, i = ((e, t, n) => {
-					let r = e.stroke ?? p.stroke ?? Zi;
+					let r = e.stroke ?? p.stroke ?? Qi;
 					return {
 						...p,
 						...e,
@@ -5150,7 +5189,7 @@ var Ji = (e, t, n, r = !1, i = "range") => x(y, { children: [
 						...c && t ? { animatedStroke: !0 } : void 0
 					};
 				})(R[e], t, n);
-				return b(Yr, {
+				return b(Xr, {
 					range: S[e],
 					anchors: r,
 					size: s,
@@ -5170,8 +5209,8 @@ var Ji = (e, t, n, r = !1, i = "range") => x(y, { children: [
 		]
 	});
 };
-ea.displayName = "RangesPickerLayer";
-var ta = 0, na = class {
+ta.displayName = "RangesPickerLayer";
+var na = 0, ra = 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.onCommitError = e.onCommitError, this.state = {
 			mode: t.mode ?? "enter",
@@ -5180,7 +5219,7 @@ var ta = 0, na = class {
 			dirty: t.dirty,
 			initialSelection: t.initialSelection ?? null,
 			autoFocus: t.autoFocus ?? !0,
-			token: ++ta
+			token: ++na
 		};
 	}
 	getState() {
@@ -5283,7 +5322,7 @@ var ta = 0, na = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, ra = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : e.key === "Process" || e.keyCode === 229 ? {
+}, ia = (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 : {
@@ -5292,7 +5331,7 @@ var ta = 0, na = class {
 } : e.shiftKey ? null : e.key === "F2" ? { mode: "edit" } : e.key === "Backspace" ? {
 	mode: "enter",
 	dirty: ""
-} : null, ia = (e, t) => {
+} : null, aa = (e, t) => {
 	let n = h(null);
 	return f(() => {
 		let t = n.current;
@@ -5300,9 +5339,9 @@ var ta = 0, na = class {
 	}, [t]), F((e) => {
 		n.current = e;
 	}, []);
-}, aa = (e, t) => {
+}, oa = (e, t) => {
 	if (e.which === C.Enter && t.ctrlKey) return t.shiftKey ? { arrayFixed: !0 } : { broadcast: !0 };
-}, oa = (e) => {
+}, sa = (e) => {
 	let { mode: t, value: n, onDirtyChange: r, onModeChange: i, onCommit: a, onCancel: o, onNavigate: s, onTraverse: c, setCaret: l } = e;
 	return F((e) => {
 		let u = e.nativeEvent;
@@ -5319,7 +5358,7 @@ var ta = 0, na = 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 = aa(e, u);
+			let t = oa(e, u);
 			if (!a(t) || t) return void e.stopPropagation();
 			let n = e.which === C.Enter || e.which === C.Tab;
 			n && c ? (e.stopPropagation(), c(e.which === C.Tab ? W.Row : W.Column, e.shiftKey)) : !n && s && (e.stopPropagation(), s(((e) => {
@@ -5347,7 +5386,7 @@ var ta = 0, na = class {
 		c,
 		l
 	]);
-}, sa = class {
+}, ca = class {
 	constructor(e, t, n) {
 		this.current = 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());
 	}
@@ -5374,7 +5413,7 @@ var ta = 0, na = class {
 	}
 	startEdit(e, t = {}) {
 		let n = this.createEdit(e);
-		return n ? (this.current = new na({
+		return n ? (this.current = new ra({
 			coords: e,
 			...n,
 			onCommitError: (e) => {
@@ -5396,7 +5435,7 @@ var ta = 0, na = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, ca = (e, t, n, r = "left", i = 0) => {
+}, la = (e, t, n, r = "left", i = 0) => {
 	if (!t) return null;
 	let a = e.getRangeFromCell(t), o = e.getBoundsFromRange(a);
 	if (!o) return null;
@@ -5416,7 +5455,7 @@ var ta = 0, na = class {
 		},
 		inView: s
 	};
-}, la = 96 / 72 * 11, ua = "Calibri, sans-serif", da = (e) => {
+}, ua = 96 / 72 * 11, da = "Calibri, sans-serif", fa = (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 ?? "", v = h(null), S = h(null), C = h(0);
 	f(() => {
 		if (!t || !o) return;
@@ -5440,14 +5479,14 @@ var ta = 0, na = class {
 			height: e.offsetHeight
 		});
 	}, [_, g]);
-	let w = oa({
+	let w = sa({
 		mode: n,
 		value: _,
 		onDirtyChange: u,
 		onModeChange: d,
 		onCommit: p,
 		onCancel: m,
-		setCaret: ia(v, _)
+		setCaret: aa(v, _)
 	});
 	return x(y, { children: [b("textarea", {
 		ref: v,
@@ -5467,8 +5506,8 @@ var ta = 0, na = class {
 			resize: "none",
 			overflow: "hidden",
 			background: "transparent",
-			fontFamily: ua,
-			fontSize: la * c + "px",
+			fontFamily: da,
+			fontSize: ua * c + "px",
 			lineHeight: 1.2,
 			whiteSpace: "pre",
 			userSelect: "text"
@@ -5488,21 +5527,21 @@ var ta = 0, na = class {
 			visibility: "hidden",
 			pointerEvents: "none",
 			whiteSpace: "pre",
-			fontFamily: ua,
-			fontSize: `${la}px`,
+			fontFamily: da,
+			fontSize: `${ua}px`,
 			lineHeight: 1.2
 		},
 		children: _.length === 0 ? " " : _
 	})] });
 };
-function fa(e) {
+function pa(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 = Xe(), p = P(t, (e) => e.getSession()), m = z(p, (e) => e.getState()), [h, _] = g(null), v = F((e) => {
 		_((t) => t && t.width === e.width && t.height === e.height ? t : e);
 	}, []), y = F((e) => {
 		if (t.getSession()) return;
 		let n = t.getAnchor().getCoords();
 		if (!n) return;
-		let r = ra(e.nativeEvent);
+		let r = ia(e.nativeEvent);
 		r && (e.nativeEvent.key !== "Process" && e.nativeEvent.keyCode !== 229 && e.preventDefault(), e.stopPropagation(), t.startEdit(n, r));
 	}, [t]), x = F((e) => {
 		if (t.getSession()) return;
@@ -5526,7 +5565,7 @@ function fa(e) {
 			rowEnd: e.rowStart,
 			colEnd: e.colStart
 		})) !== null, m) {
-			let e = ca(f, w, h, r, o);
+			let e = la(f, w, h, r, o);
 			T = e?.bounds ?? null, E = e?.inView ?? !1;
 		} else T = f.getBoundsFromRange(e);
 	}
@@ -5574,11 +5613,11 @@ function fa(e) {
 				opacity: +!!k,
 				pointerEvents: k ? "auto" : "none"
 			},
-			children: n ? n(A) : b(da, { ...A })
+			children: n ? n(A) : b(fa, { ...A })
 		}) : null
 	});
 }
-function pa(e) {
+function ma(e) {
 	let { editable: t, renderEditor: n, idleClean: r = null, mapClean: i, editorId: a, readOnly: o, className: s, style: c } = e, l = P(t, (e) => e.getSession()), u = z(l, (e) => e.getState()), d = u?.clean ?? r, f = i ? i(d) : d, p = F((e) => t.commit(e), [t]), m = F(() => t.cancel(), [t]), h = F(() => {
 		o || (t.getSession() || t.startEdit(t.getAnchor().getCoords(), {
 			mode: "edit",
@@ -5608,11 +5647,11 @@ function pa(e) {
 		className: s,
 		style: c,
 		onFocus: h,
-		children: n ? n(g) : b(da, { ...g })
+		children: n ? n(g) : b(fa, { ...g })
 	});
 }
-da.displayName = "DefaultEditorInput", pa.displayName = "EditorDiv";
-var ma = "ew-resize", ha = "ns-resize", ga = s(a((e, t) => {
+fa.displayName = "DefaultEditorInput", ma.displayName = "EditorDiv";
+var ha = "ew-resize", ga = "ns-resize", _a = 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 === W.Column, y = 1 / T.getDevicePixelRatio(), S = u || d, C = 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))", w = "var(--sxl-color-base-100, #f5f5f5)", E = T.detectIt().primaryInput === "touch", D = v ? 14 : 8, O = _.getZoom();
 	O < 1 && (D = Math.max(2, D * O * .8));
 	let k = D / 2, A = 0;
@@ -5631,7 +5670,7 @@ var ma = "ew-resize", ha = "ns-resize", ga = s(a((e, t) => {
 			position: "absolute",
 			overflow: "visible",
 			pointerEvents: "auto",
-			cursor: o || s || E ? void 0 : v ? ma : ha,
+			cursor: o || s || E ? void 0 : v ? ha : ga,
 			...a
 		},
 		...g,
@@ -5675,8 +5714,8 @@ var ma = "ew-resize", ha = "ns-resize", ga = s(a((e, t) => {
 			} })
 		}) : null]
 	});
-})), _a = (e) => b(ga, { ...e }), va = s(a((e, t) => {
-	let { axis: n, index: r, disabled: i = !1, disabledResize: a = !1, resizeThreshold: o = 1, renderDivider: s = _a, onDividerMouseDown: c, onDividerResizeStart: l, onDividerResize: u, onDividerResizeEnd: d, onDividerMouseUp: f, onDividerAutoFit: p, onPointerDown: m, ..._ } = e, v = Z(), S = F(m, [m]), C = F(p, [p]), w = n === W.Column, E = w ? v.getVisibleColumns() : v.getVisibleRows(), D = null;
+})), va = (e) => b(_a, { ...e }), ya = s(a((e, t) => {
+	let { axis: n, index: r, disabled: i = !1, disabledResize: a = !1, resizeThreshold: o = 1, renderDivider: s = va, onDividerMouseDown: c, onDividerResizeStart: l, onDividerResize: u, onDividerResizeEnd: d, onDividerMouseUp: f, onDividerAutoFit: p, onPointerDown: m, ..._ } = e, v = Z(), S = F(m, [m]), C = F(p, [p]), w = n === W.Column, E = w ? v.getVisibleColumns() : v.getVisibleRows(), D = null;
 	E.length > 0 && (D = w ? v.getBoundsFromRange({
 		rowStart: 0,
 		rowEnd: 0,
@@ -5741,7 +5780,7 @@ var ma = "ew-resize", ha = "ns-resize", ga = s(a((e, t) => {
 	let H = null;
 	return k && k.isResizing && k.index === r && (H = ae(b("div", { style: {
 		position: "absolute",
-		cursor: w ? ma : ha,
+		cursor: w ? ha : ga,
 		left: 0,
 		top: 0,
 		width: "100%",
@@ -5761,26 +5800,26 @@ var ma = "ew-resize", ha = "ns-resize", ga = s(a((e, t) => {
 		children: te
 	})] });
 }));
-va.displayName = "HeaderDividerAnchor";
-var ya = (e, t, n) => t === W.Column ? {
+ya.displayName = "HeaderDividerAnchor";
+var ba = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, ba = (e, t, n) => t === W.Column ? {
+}, xa = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowEnd,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colEnd
-}, xa = (e, t, n) => t === W.Column ? {
+}, Sa = (e, t, n) => t === W.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, Sa = (e, t, n, r) => n === W.Column ? {
+}, Ca = (e, t, n, r) => n === W.Column ? {
 	rowStart: r.rowStart,
 	rowEnd: r.rowEnd,
 	colStart: Math.min(e.colIndex, t.colIndex),
@@ -5790,7 +5829,7 @@ var ya = (e, t, n) => t === W.Column ? {
 	colEnd: r.colEnd,
 	rowStart: Math.min(e.rowIndex, t.rowIndex),
 	rowEnd: Math.max(e.rowIndex, t.rowIndex)
-}, Ca = (e, t, n) => {
+}, wa = (e, t, n) => {
 	let r = null, i = null, a = 0, o = () => t.getAllPanes()[V.Center] ?? t, s = (t, n, r) => {
 		if (!e) return;
 		let i = e.getSelection(), a = !!i.ranges && i.ranges.length > 0;
@@ -5831,21 +5870,21 @@ var ya = (e, t, n) => t === W.Column ? {
 		let a = o().getVisibleRange(), s = null;
 		return t === W.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 = Sa(r ?? e, e, t, l), f = i ?? xa(e, t, o().getVisibleRange());
+		let { axis: t, entireRange: l, replaceActive: u = !1 } = n(), d = Ca(r ?? e, e, t, l), f = i ?? Sa(e, t, o().getVisibleRange());
 		u ? c(a, d, f) : s(d, f, "replace");
 	};
-	return jr(t, (t, f) => {
+	return Mr(t, (t, f) => {
 		if (!e) return null;
 		let p = f.button === 0, m = f.button === 2;
 		if (!p && !m) return null;
 		let { axis: h, entireRange: g, allowMulti: _ = !0, replaceActive: v = !1, preserveFocus: y = !1, onPointerDownInterceptor: b, onDragStart: x, onDragEnd: S, onPointerUp: C } = n();
 		if (!1 === b?.(f, t)) return null;
 		v && f.stopPropagation(), y && p && f.preventDefault(), x?.();
-		let w = xa(t, h, o().getVisibleRange()), T = f.shiftKey, E = (f.ctrlKey || f.metaKey) && _;
+		let w = Sa(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, Sa(r, t, h, g), i ?? w)) : (r = t, i = w, a = E || s < 0 ? o.length : s, c(a, Sa(t, t, h, g), w));
-		} else T && r ? s(Sa(r, t, h, g), i ?? w, "replace") : E ? (r = t, i = w, s(Sa(t, t, h, g), w, "append")) : (r = t, i = w, s(Sa(t, t, h, g), w, "clear"));
+			T && r ? (a = s >= 0 ? s : Math.max(0, o.length - 1), c(a, Ca(r, t, h, g), i ?? w)) : (r = t, i = w, a = E || s < 0 ? o.length : s, c(a, Ca(t, t, h, g), w));
+		} else T && r ? s(Ca(r, t, h, g), i ?? w, "replace") : E ? (r = t, i = w, s(Ca(t, t, h, g), w, "append")) : (r = t, i = w, s(Ca(t, t, h, g), w, "clear"));
 		return ((e) => {
 			l(n().axis === W.Column ? { colIndex: e.colIndex } : { rowIndex: e.rowIndex });
 		})(t), {
@@ -5861,16 +5900,16 @@ var ya = (e, t, n) => t === W.Column ? {
 			captureEvents: v
 		};
 	});
-}, wa = (e, t) => {
+}, Ta = (e, t) => {
 	let n = Z(), r = h(t);
 	r.current = t;
-	let i = p(() => Ca(e, n, () => r.current), [e, n]);
+	let i = p(() => wa(e, n, () => r.current), [e, n]);
 	return u(() => () => i.dispose(), [i]), {
 		onPointerDown: i.onPointerDown,
 		onPointerMove: i.onPointerMove,
 		onPointerUp: i.onPointerUp
 	};
-}, Ta = (e) => e == null ? [] : Array.isArray(e) ? e : [e], Ea = s(a((e, t) => {
+}, Ea = (e) => e == null ? [] : Array.isArray(e) ? e : [e], Da = 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: y, ...x } = e, S = oe({
 		rowCount: n,
 		columnCount: r,
@@ -5880,19 +5919,19 @@ var ya = (e, t, n) => t === W.Column ? {
 		T();
 	}, []), O = R(t, () => ({ invalidate: D }), [D]), k = p(() => {
 		let e = [];
-		return !1 !== u && e.push(b(yi, {
+		return !1 !== u && e.push(b(bi, {
 			showGridLines: u,
 			gridLineColor: d,
 			propsRows: f,
 			propsColumns: h,
 			getVisibleCells: g,
 			hiddenCellAt: _
-		}, "__gridlines")), e.push(...Ta(v)), e.push(...Ta(l)), s && e.push(b(di, {
+		}, "__gridlines")), e.push(...Ea(v)), e.push(...Ea(l)), s && e.push(b(fi, {
 			renderCell: s,
 			getVisibleCells: g,
 			hiddenCellAt: _,
 			cacheToken: E
-		}, "__cells")), e.push(...Ta(y)), e;
+		}, "__cells")), e.push(...Ea(y)), e;
 	}, [
 		u,
 		d,
@@ -5915,8 +5954,8 @@ var ya = (e, t, n) => t === W.Column ? {
 		children: k
 	});
 }));
-Ea.displayName = "Grid";
-var Da = function() {}, Oa = typeof window < "u", ka = Oa ? f : u, Aa = {
+Da.displayName = "Grid";
+var Oa = function() {}, ka = typeof window < "u", Aa = ka ? f : u, ja = {
 	x: 0,
 	y: 0,
 	width: 0,
@@ -5925,8 +5964,8 @@ var Da = function() {}, Oa = typeof window < "u", ka = Oa ? f : u, Aa = {
 	left: 0,
 	bottom: 0,
 	right: 0
-}, ja = Oa && 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() {
+}, Ma = ka && window.ResizeObserver !== void 0 ? function() {
+	var e = g(null), t = e[0], n = e[1], r = g(ja), 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;
@@ -5943,24 +5982,24 @@ var Da = function() {}, Oa = typeof window < "u", ka = Oa ? f : u, Aa = {
 			}
 		});
 	}, []);
-	return ka(function() {
+	return Aa(function() {
 		if (t) return o.observe(t), function() {
 			o.disconnect();
 		};
 	}, [t]), [n, i];
 } : function() {
-	return [Da, Aa];
+	return [Oa, ja];
 };
-function Ma(e, t) {
+function Na(e, t) {
 	if (typeof e == "function") return e(t);
 	e && (e.current = t);
 }
-var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
+var Pa, Fa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 	return (t) => {
 		let n = [];
 		for (let r of e) {
-			let e = Ma(r, t), i = typeof e == "function";
-			n.push(i ? e : () => Ma(r, null));
+			let e = Na(r, t), i = typeof e == "function";
+			n.push(i ? e : () => Na(r, null));
 		}
 		return () => {
 			for (let e of n) e();
@@ -5968,17 +6007,17 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 	};
 } : function(e) {
 	return (t) => {
-		for (let n of e) Ma(n, t);
+		for (let n of e) Na(n, t);
 	};
-}, Fa = {
+}, Ia = {
 	fill: { fill: "color-mix(in srgb, var(--sxl-color-primary, rgb(0, 120, 215)) 14%, transparent)" },
 	border: null,
 	inner: null
-}, Ia = {
+}, La = {
 	stroke: "var(--sxl-color-primary, rgb(0, 120, 215))",
 	alignWidth: 1,
 	inset: 1
-}, La = a(function(e, t) {
+}, Ra = a(function(e, t) {
 	let { itemCount: n, renderCell: r, getVisibleCells: i, itemHeight: a = 24, contentWidth: o, selection: s, propsLayer: c, autoFocus: l, showScrollbar: d = "auto", scrollTo: f, viewport: m, cacheToken: g, className: _, style: v, children: y, ...S } = e, C = p(() => new A(), []), w = m ?? C, T = P(w, (e) => e.getMetrics()), E = d === "auto" ? T.totalHeight > T.height : d, O = h(null);
 	u(() => {
 		l && O.current?.focus();
@@ -5995,12 +6034,12 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 			e = !0, t && cancelAnimationFrame(t), r?.();
 		};
 	}, [f, w]);
-	let k = p(() => new Si({ getBounds: () => ({
+	let k = p(() => new Ci({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, n - 1),
 		colEnd: 0
-	}) }), [n]), j = s ?? k, [M, { width: N }] = ja(), [F, { width: I }] = ja(), L = I > 0 && N > 0 ? Math.max(0, I - N) : 0, R = p(() => Pa([F, t]), [F, t]), z = oe({
+	}) }), [n]), j = s ?? k, [M, { width: N }] = Ma(), [F, { width: I }] = Ma(), L = I > 0 && N > 0 ? Math.max(0, I - N) : 0, R = p(() => Fa([F, t]), [F, t]), z = oe({
 		rowCount: n,
 		columnCount: 1,
 		getRowHeight: a,
@@ -6044,14 +6083,14 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 					columnCount: 1,
 					metrics: z,
 					children: [
-						b(qi, {
+						b(Ji, {
 							selection: j,
 							anchorHole: !1,
-							singleStyle: Fa,
-							singleAnchorStyle: Ia,
-							multiAnchorStyle: Ia
+							singleStyle: Ia,
+							singleAnchorStyle: La,
+							multiAnchorStyle: La
 						}, "__selection"),
-						b(di, {
+						b(fi, {
 							renderCell: r,
 							getVisibleCells: i,
 							cacheToken: g
@@ -6062,7 +6101,7 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 			})
 		})
 	});
-}), Ra = a(function(e, t) {
+}), za = a(function(e, t) {
 	let { itemCount: n, renderItem: r, itemHeight: i, selection: a, onKeyDown: o, cacheToken: s, scrollTo: l, autoFocus: u, viewport: d, className: f, style: m, children: h, ...g } = e, _ = R(t, () => ({ isList: () => !0 }), []), v = c((e) => {
 		let { key: t, style: n, range: i, cell: a } = e, o = i?.rowStart ?? a.rowIndex;
 		return b("div", {
@@ -6082,7 +6121,7 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 			children: r(o)
 		}, t);
 	}, [r]), y = p(() => o ? { onKeyDown: o } : void 0, [o]);
-	return b(La, {
+	return b(Ra, {
 		ref: _,
 		className: K("list", f),
 		style: m,
@@ -6097,7 +6136,7 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 		viewport: d,
 		...g
 	});
-}), za = (e, t) => b("input", {
+}), Ba = (e, t) => b("input", {
 	type: "checkbox",
 	checked: e,
 	ref: (e) => {
@@ -6106,8 +6145,8 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 	readOnly: !0,
 	tabIndex: -1,
 	style: { margin: 0 }
-}), Ba = a(function(e, t) {
-	let { itemCount: n, isChecked: r, onCheckedChange: i, renderValue: a, renderCheckbox: o = za, renderDivider: s, selectAllLabel: l, itemHeight: u, selection: d, cacheToken: f, autoFocus: g, viewport: _, className: v, style: S, children: C, ...w } = e, T = p(() => new Si({ getBounds: () => ({
+}), Va = a(function(e, t) {
+	let { itemCount: n, isChecked: r, onCheckedChange: i, renderValue: a, renderCheckbox: o = Ba, renderDivider: s, selectAllLabel: l, itemHeight: u, selection: d, cacheToken: f, autoFocus: g, viewport: _, className: v, style: S, children: C, ...w } = e, T = p(() => new Ci({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, n - 1),
@@ -6219,7 +6258,7 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 				},
 				children: o(I, L)
 			}), l]
-		}), s?.()] }), b(Ra, {
+		}), s?.()] }), b(za, {
 			itemCount: n,
 			itemHeight: u,
 			selection: E,
@@ -6235,21 +6274,21 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 			}
 		})]
 	});
-}), Va = (e, t) => {
+}), Ha = (e, t) => {
 	let n = (() => {
-		if (Na !== void 0) return Na;
+		if (Pa !== void 0) return Pa;
 		try {
-			Na = (typeof document < "u" ? document.createElement("canvas").getContext("2d") : null) ?? null;
+			Pa = (typeof document < "u" ? document.createElement("canvas").getContext("2d") : null) ?? null;
 		} catch {
-			Na = null;
+			Pa = null;
 		}
-		return Na;
+		return Pa;
 	})();
 	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;
-}, Ha = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), Ua = a(function(e, t) {
-	let { items: n, onChoose: r, highlightIndex: i, itemHeight: a = 24, visibleRows: o = 8, contentWidth: s, measureText: l, renderItem: u, autoFocus: d, viewport: f, className: g, style: _, children: v, ...y } = e, x = n.length, S = Ha(i ?? 0, x), w = p(() => new Si({
+}, Ua = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), Wa = a(function(e, t) {
+	let { items: n, onChoose: r, highlightIndex: i, itemHeight: a = 24, visibleRows: o = 8, contentWidth: s, measureText: l, renderItem: u, autoFocus: d, viewport: f, className: g, style: _, children: v, ...y } = e, x = n.length, S = Ua(i ?? 0, x), w = p(() => new Ci({
 		initial: { cell: {
 			rowIndex: Math.max(0, S),
 			colIndex: 0
@@ -6270,7 +6309,7 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 		x
 	]), A = F(() => x === 0 ? -1 : w.getSelection().cell.rowIndex, [w, x]), j = F((e) => {
 		if (x === 0) return;
-		let t = Ha(w.getSelection().cell.rowIndex + e, x);
+		let t = Ua(w.getSelection().cell.rowIndex + e, x);
 		w.setSelection({ cell: {
 			rowIndex: t,
 			colIndex: 0
@@ -6290,7 +6329,7 @@ var Na, Pa = parseInt(v.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) => Va(t, e);
+		return (t) => Ha(t, e);
 	}, [l, _]), P = p(() => {
 		if (s != null) return s;
 		let e = 0;
@@ -6334,7 +6373,7 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 			e.which !== C.Enter && e.which !== C.Space || (e.preventDefault(), e.stopPropagation(), k(A()));
 		}
 	}), [k, A]);
-	return b(La, {
+	return b(Ra, {
 		ref: M,
 		className: K("pick-list", g),
 		role: "listbox",
@@ -6354,10 +6393,10 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 		cacheToken: n,
 		...y
 	});
-}), Wa = "_search_b1nag_5", Ga = (e, t) => {
+}), Ga = "_search_b1nag_5", Ka = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.filter((e) => e.text.toLowerCase().includes(n)) : e;
-}, Ka = a(function(e, t) {
+}, qa = a(function(e, t) {
 	let { value: n, onChange: r, onClose: i, onKeyDown: a, className: o, ...s } = e, l = c((e) => {
 		if (e.which === C.Escape) return e.preventDefault(), e.stopPropagation(), void (n ? r("") : i?.());
 		a?.(e);
@@ -6373,19 +6412,19 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 		role: "searchbox",
 		autoComplete: "off",
 		spellCheck: !1,
-		className: K(Wa, "list-search", o),
+		className: K(Ga, "list-search", o),
 		value: n,
 		onChange: (e) => r(e.target.value),
 		onKeyDown: l,
 		...s
 	});
-}), qa = {
+}), Ja = {
 	light: {},
 	dark: {
 		"color-base-100": "#1e1e1e",
 		"color-base-300": "#3a3a3a"
 	}
-}, Ja = {
+}, Ya = {
 	light: {
 		"color-base-100": "#f2f2f2",
 		"color-base-hover": "#ececec",
@@ -6396,7 +6435,7 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 		"color-base-hover": "#2e2e2e",
 		"color-base-300": "#4a4a4a"
 	}
-}, Ya = (e, ...t) => N(e, qa[e], ...t), Xa = (e, ...t) => N(e, Ja[e], ...t), Za = ({ app: e, grid: t = qa, header: n = Ja, layer: r = "sxl-defaults", scope: i } = {}) => {
+}, Xa = (e, ...t) => N(e, Ja[e], ...t), Za = (e, ...t) => N(e, Ya[e], ...t), Qa = ({ app: e, grid: t = Ja, header: n = Ya, layer: r = "sxl-defaults", scope: i } = {}) => {
 	let a = e ?? M, o = Object.fromEntries(Object.keys(n).map((e) => [e, {
 		"color-base-100": a[e]?.["color-base-200"],
 		...n[e]
@@ -6411,4 +6450,4 @@ var Na, Pa = parseInt(v.split(".")[0], 10) >= 19 ? function(e) {
 		scope: i
 	});
 };
-export { wr as AUTO_SCROLL_INTERVAL_MS, di as CellLayer, ui as CellTileDiv, Ba as CheckboxList, Mi as DEFAULT_ANCHOR_STYLE, br as DEFAULT_HANDLE_STYLE, Pi as DEFAULT_INSERT_BAR_STYLE, Fi as DEFAULT_MOVE_SOURCE_STYLE, ji as DEFAULT_MULTI_STYLE, Ni as DEFAULT_REMOVE_PREVIEW_STYLE, Ai as DEFAULT_SINGLE_STYLE, ei as DefaultCellRenderer, sa as DefaultEditable, da as DefaultEditorInput, ga as DefaultHeaderDivider, Si as DefaultSelection, Ir as DragHandle, Gr as Draggable, Tr as EDGE_AUTO_SCROLL_MARGIN_PX, na as EditSession, pa as EditorDiv, fa as EditorLayer, $r as FillHandle, qa as GRID_SURFACE, Ea as Grid, er as GridFloatPanel, ze as GridSurface, yi as GridlineLayer, Ja as HEADER_SURFACE, va as HeaderDividerAnchor, dr as HoverTipLayer, $e as Layer, le as LineSVG, Ra as List, Ka as ListSearch, La as ListSurface, Dr as NO_DRAG_MODIFIERS, Xi as PICKER_COLORS, Ua as PickList, qr as RESIZE_ANCHORS_4, Jr as RESIZE_ANCHORS_8, ur as RangeFloatLayer, Sr as RangeInsertBar, yr as RangePrompt, xr as RangeRect, Yr as RangeResizer, ea as RangesPickerLayer, ue as RectangleSVG, xi as SELECTION_CLIP_INSETS, qi as SelectionLayer, Li as SelectionTouchGrips, se as ShapeBoundsContext, xt as StickyAnchor, Zn as StickyFloat, Ie as SurfaceStateContext, Le as SurfaceStateProvider, rt as VirtualDiv, Za as buildGridThemeCSS, aa as commitArgsFromKey, G as createAxis, jr as createDragCells, Ca as createHeaderSelectionPointer, Fe as createSurfaceStateStore, Mr as createWindowDragCells, $i as defaultRangeStyle, Er as edgeScrollPane, ca as expandEditorBounds, Ga as filterByText, Ya as gridThemeVars, xa as headerAnchorCell, ba as headerEntireEnd, ya as headerEntireStart, Sa as headerRange, Xa as headerThemeVars, Hr as insertAt, Wr as insertRange, kr as isSameDragModifiers, Or as readDragModifiers, nr as renderGridFloatPanel, Zr as resolveFillDestination, ra as startEventFromKey, Fr as useDoubleClick, Nr as useDragCells, oa as useEditorKeymap, Jn as useGridFloatTheme, oe as useGridMetrics, Z as useGridPane, Xe as useGridPaneOptional, wa as useHeaderSelectionPointer, ir as useHoverIntent, Qe as useLayer, ia as usePendingCaret, ar as useRangeHover, Ii as useSelectionPointer, ce as useShapeBounds, yt as useSticky, bt as useStickyOptional, Ze as useSurfaceState, Pr as useWindowDragCells, Qr as vacatedByFill };
+export { Tr as AUTO_SCROLL_INTERVAL_MS, fi as CellLayer, di as CellTileDiv, Va as CheckboxList, Ni as DEFAULT_ANCHOR_STYLE, xr as DEFAULT_HANDLE_STYLE, Fi as DEFAULT_INSERT_BAR_STYLE, Ii as DEFAULT_MOVE_SOURCE_STYLE, Mi as DEFAULT_MULTI_STYLE, Pi as DEFAULT_REMOVE_PREVIEW_STYLE, ji as DEFAULT_SINGLE_STYLE, ti as DefaultCellRenderer, ca as DefaultEditable, fa as DefaultEditorInput, _a as DefaultHeaderDivider, Ci as DefaultSelection, Lr as DragHandle, Kr as Draggable, Er as EDGE_AUTO_SCROLL_MARGIN_PX, ra as EditSession, ma as EditorDiv, pa as EditorLayer, ei as FillHandle, Ja as GRID_SURFACE, Da as Grid, tr as GridFloatPanel, ze as GridSurface, bi as GridlineLayer, Ya as HEADER_SURFACE, ya as HeaderDividerAnchor, fr as HoverTipLayer, $e as Layer, le as LineSVG, za as List, qa as ListSearch, Ra as ListSurface, Or as NO_DRAG_MODIFIERS, Zi as PICKER_COLORS, Wa as PickList, Jr as RESIZE_ANCHORS_4, Yr as RESIZE_ANCHORS_8, dr as RangeFloatLayer, Cr as RangeInsertBar, br as RangePrompt, Sr as RangeRect, Xr as RangeResizer, ta as RangesPickerLayer, ue as RectangleSVG, Si as SELECTION_CLIP_INSETS, Ji as SelectionLayer, Ri as SelectionTouchGrips, se as ShapeBoundsContext, xt as StickyAnchor, Qn as StickyFloat, Ie as SurfaceStateContext, Le as SurfaceStateProvider, rt as VirtualDiv, Qa as buildGridThemeCSS, oa as commitArgsFromKey, G as createAxis, Mr as createDragCells, wa as createHeaderSelectionPointer, Fe as createSurfaceStateStore, Nr as createWindowDragCells, ea as defaultRangeStyle, Dr as edgeScrollPane, la as expandEditorBounds, Ka as filterByText, Xa as gridThemeVars, Sa as headerAnchorCell, xa as headerEntireEnd, ba as headerEntireStart, Ca as headerRange, Za as headerThemeVars, Ur as insertAt, Gr as insertRange, Ar as isSameDragModifiers, kr as readDragModifiers, rr as renderGridFloatPanel, Qr as resolveFillDestination, ia as startEventFromKey, Ir as useDoubleClick, Pr as useDragCells, sa as useEditorKeymap, Yn as useGridFloatTheme, oe as useGridMetrics, Z as useGridPane, Xe as useGridPaneOptional, Ta as useHeaderSelectionPointer, ar as useHoverIntent, Qe as useLayer, aa as usePendingCaret, or as useRangeHover, Li as useSelectionPointer, ce as useShapeBounds, yt as useSticky, bt as useStickyOptional, Ze as useSurfaceState, Fr as useWindowDragCells, $r as vacatedByFill };