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

package/node/esm/index.mjs

@@ -1,12 +1,12 @@
 /**
-* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.16
+* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.18
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: SheetXL EULA — https://www.sheetxl.com/eula
 */
-import e, { cloneElement as t, createContext as n, createElement as r, forwardRef as o, isValidElement as l, memo as i, useCallback as a, useContext as s, useEffect as c, useId as d, useLayoutEffect as u, useMemo as g, useReducer as h, useRef as p, useState as f, useSyncExternalStore as m } from "react";
+import e, { cloneElement as t, createContext as n, createElement as r, forwardRef as o, isValidElement as l, memo as i, useCallback as a, useContext as s, useEffect as c, useId as d, useLayoutEffect as u, useMemo as g, useReducer as h, useRef as f, useState as p, useSyncExternalStore as m } from "react";
 import { Fragment as w, jsx as x, jsxs as v } from "react/jsx-runtime";
-import { FloatPanelSurface as y, FloatPopper as b, KeyCodes as S, KeyModifiers as E, ReactUtils as C, RenderSlot as I, SERIES_COUNT as P, ScrollPane as R, Viewport as M, buildThemeCSS as D, defaultTheme as k, themeVars as T, useBoundSyncExternalStore as z, useCallbackRef as O, useFloatPopupOpen as L, useFullscreenPortal as $, useImperativeElement as F, useInputModality as N, useMeasure as A, useOptionalBoundSyncExternalStore as B, useSynchronizedPointerHandler as V, zIndexVar as H } from "@sheetxl/utils-react";
+import { FloatPanelSurface as y, FloatPopper as b, KeyCodes as S, KeyModifiers as E, ReactUtils as C, RenderSlot as I, SERIES_COUNT as P, ScrollPane as R, Viewport as M, buildThemeCSS as D, defaultTheme as k, themeVars as T, useBoundSyncExternalStore as z, useCallbackRef as O, useFloatPopupOpen as L, useFullscreenPortal as $, useImperativeElement as A, useInputModality as F, useMeasure as N, useOptionalBoundSyncExternalStore as B, useSynchronizedPointerHandler as V, zIndexVar as H } from "@sheetxl/utils-react";
 import { AnchorLocation as K, CommonUtils as _, CoordUtils as W, DOMUtils as U, Direction as j, RangeAxis as G, SelectionTraversalUtils as X } from "@sheetxl/utils";
 import Y, { clsx as q } from "clsx";
 import { createPortal as Z } from "react-dom";
@@ -97,7 +97,7 @@ var Q = (e, t) => {
 	duration: 60,
 	easing: "ease-in-out"
 }, le = i((e) => {
-	const { bounds: t, fill: n, stroke: r, alignWidth: o = 1, disableAlign: l = !1, disableEdgeAware: i = !1, inset: a = 0, hole: s, animatedStroke: d, animatedTransition: u, strokeDasharray: g, strokeDashoffset: h, propsFillPath: p, propsStrokePath: f, className: m, style: y, propsRoot: b } = e, S = ne(), E = t ?? S;
+	const { bounds: t, fill: n, stroke: r, alignWidth: o = 1, disableAlign: l = !1, disableEdgeAware: i = !1, inset: a = 0, hole: s, animatedStroke: d, animatedTransition: u, strokeDasharray: g, strokeDashoffset: h, propsFillPath: f, propsStrokePath: p, className: m, style: y, propsRoot: b } = e, S = ne(), E = t ?? S;
 	if (c(() => {
 		d && ce();
 	}, [d]), !E) return null;
@@ -152,13 +152,13 @@ var Q = (e, t) => {
 				d: `path("${e}")`,
 				transition: L,
 				fill: n,
-				...p?.style
+				...f?.style
 			},
 			stroke: "none",
 			fillRule: "evenodd"
 		}, "fill");
 	}
-	let F = null;
+	let A = null;
 	if (r && o) {
 		const e = ie({
 			top: M,
@@ -166,7 +166,7 @@ var Q = (e, t) => {
 			right: D,
 			bottom: k
 		});
-		F = v(w, { children: [O && x("path", {
+		A = v(w, { children: [O && x("path", {
 			fill: "none",
 			vectorEffect: "non-scaling-stroke",
 			strokeWidth: P,
@@ -181,13 +181,13 @@ var Q = (e, t) => {
 			strokeDashoffset: h,
 			vectorEffect: "non-scaling-stroke",
 			strokeWidth: P,
-			...f,
+			...p,
 			style: {
 				d: `path("${e}")`,
 				transition: L,
 				stroke: r,
 				...z,
-				...f?.style
+				...p?.style
 			}
 		}, "stroke")] });
 	}
@@ -205,7 +205,7 @@ var Q = (e, t) => {
 			...y
 		},
 		...b,
-		children: [$, F]
+		children: [$, A]
 	});
 });
 le.displayName = "RectangleSVG";
@@ -233,11 +233,11 @@ var ie = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right}
 		0 === t ? (r.push(o), o++) : o += t;
 	}
 	return r;
-}, pe = (e, t, n, r, o, l) => {
+}, fe = (e, t, n, r, o, l) => {
 	if (n - t >= o - r) return r;
 	let i = r;
 	return "nearest" === e && (r - t > 0 ? e = "start" : n - o > 0 && (e = "end")), "start" === e ? i = t : "end" === e ? i = n - (o - r) : "center" === e && (i = t + (n - t) / 2 - (o - r) / 2), i < r ? Math.max(0, i) : i > r ? Math.min(i, l - (o - r)) : void 0;
-}, fe = (e, t = !1, n, r) => {
+}, pe = (e, t = !1, n, r) => {
 	if (!n) return 0;
 	const o = !t, l = o ? 1 : -1;
 	let i = n(o ? e : e + 1), a = n(o ? e + 1 : e), s = e + (o ? 2 : -1), c = 0;
@@ -272,9 +272,9 @@ var ie = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right}
 	const t = e?.getElement();
 	return t && "function" == typeof t.isStage && t.isStage() ? t : null;
 }, Ee = i(o((e, t) => {
-	const { className: n, onFocus: r, onBlur: o, onDragStart: l, children: i, ...s } = e, d = Ze(), u = p(d);
+	const { className: n, onFocus: r, onBlur: o, onDragStart: l, children: i, ...s } = e, d = Je(), u = f(d);
 	u.current = d;
-	const g = p(/* @__PURE__ */ new Set()), h = p(0), f = a((e) => {
+	const g = f(/* @__PURE__ */ new Set()), h = f(0), p = a((e) => {
 		const t = {
 			responder: e,
 			seq: h.current++
@@ -282,9 +282,9 @@ var ie = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right}
 		return g.current.add(t), () => {
 			g.current.delete(t);
 		};
-	}, []), m = p(/* @__PURE__ */ new Set()), w = p(0), v = a((e) => (m.current.add(e), e.hasHandlers && w.current++, () => {
+	}, []), m = f(/* @__PURE__ */ new Set()), w = f(0), v = a((e) => (m.current.add(e), e.hasHandlers && w.current++, () => {
 		m.current.delete(e), e.hasHandlers && w.current--;
-	}), []), y = p(null), b = p(0), S = a((e, t) => {
+	}), []), y = f(null), b = f(0), S = a((e, t) => {
 		const n = y.current;
 		if (n && n.x === e && n.y === t) return n.stack;
 		const r = document.elementsFromPoint(e, t);
@@ -304,8 +304,8 @@ var ie = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right}
 		const r = (e, r) => {
 			t?.(e), n?.(e, r);
 		};
-		return f({ getHandler: (t) => t === e ? r : void 0 });
-	}, [f]), C = a((e) => {
+		return p({ getHandler: (t) => t === e ? r : void 0 });
+	}, [p]), C = a((e) => {
 		if (!e || e === X.current) return Number.NEGATIVE_INFINITY;
 		const t = /* @__PURE__ */ new Map();
 		if (g.current.forEach((e) => {
@@ -403,9 +403,9 @@ var ie = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right}
 		P("mouseleave", e, u.current);
 	}, []), $ = O((e) => {
 		P("mousemove", e, u.current);
-	}, []), N = O((e) => {
+	}, []), F = O((e) => {
 		P("mouseout", e, u.current);
-	}, []), A = O((e) => {
+	}, []), N = O((e) => {
 		P("mouseover", e, u.current);
 	}, []), B = O((e) => {
 		P("mouseup", e, u.current);
@@ -427,10 +427,10 @@ var ie = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right}
 		(t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement)?.closest("input, textarea, [contenteditable]:not([contenteditable=\"false\"])") || e.preventDefault();
 	}, [l]), G = O((e) => {
 		P("contextmenu", e, u.current);
-	}, []), X = F(t, () => ({
+	}, []), X = A(t, () => ({
 		isStage: () => !0,
 		addReactEventListener: E,
-		registerResponder: f,
+		registerResponder: p,
 		registerLayer: v
 	}), []);
 	return c(() => v({ getElement: () => X.current }), [v]), x("div", {
@@ -446,8 +446,8 @@ var ie = (e, t = !0) => `M ${e.left} ${e.top} L ${e.right} ${e.top} L ${e.right}
 		onMouseEnter: z,
 		onMouseLeave: L,
 		onMouseMove: $,
-		onMouseOut: N,
-		onMouseOver: A,
+		onMouseOut: F,
+		onMouseOver: N,
 		onMouseUp: B,
 		onDoubleClick: V,
 		onKeyDown: H,
@@ -481,7 +481,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		}
 	} });
 }, Pe = (e) => `${e.rowStart},${e.colStart},${e.rowEnd},${e.colEnd}`, Re = H("grid", 10), Me = n(0), De = n(!1), ke = (e, t) => {
-	const { rowDims: n, columnDims: r, computeRowDims: o, computeColumnDims: l, viewport: i, zoom: a, containerWidth: s, containerHeight: c, getRangeFromCell: d, invalidate: u, totalRange: g, getSurfacePointFromPointer: h, scrollTo: p, scrollCellCoordsIntoView: f, getAllPanes: m } = t, w = e.anchor, x = n[e.rowIndex], v = r[e.columnIndex];
+	const { rowDims: n, columnDims: r, computeRowDims: o, computeColumnDims: l, viewport: i, zoom: a, containerWidth: s, containerHeight: c, getRangeFromCell: d, invalidate: u, totalRange: g, getSurfacePointFromPointer: h, scrollTo: f, scrollCellCoordsIntoView: p, getAllPanes: m } = t, w = e.anchor, x = n[e.rowIndex], v = r[e.columnIndex];
 	if (x.minIndex > x.maxIndex || v.minIndex > v.maxIndex) return null;
 	const y = e.scrollOrientation, b = Object.freeze({
 		x: v.minBounds,
@@ -502,11 +502,11 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	}, I = {
 		width: s,
 		height: c
-	};
-	let P = null, R = null;
-	const M = () => {
+	}, P = ze(), R = ze();
+	let M = null, D = null;
+	const k = () => {
 		const t = i.getSnapshot();
-		if (R && P === t) return R;
+		if (D && M === t) return D;
 		const n = l(t.left)[e.columnIndex], r = o(t.top)[e.rowIndex], s = n.metrics, c = r.metrics, d = Object.freeze({
 			rowStart: r.minIndex,
 			colStart: n.minIndex,
@@ -514,14 +514,14 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			colEnd: n.maxIndex
 		}), u = Object.freeze({
 			getColIndex: (e) => s.getColIndex(e),
-			getColOffset: (e) => s.getColOffset(e),
+			getColOffset: P(n.minIndex, n.maxIndex, s.getColOffset),
 			getRowIndex: (e) => c.getRowIndex(e),
-			getRowOffset: (e) => c.getRowOffset(e)
+			getRowOffset: R(r.minIndex, r.maxIndex, c.getRowOffset)
 		}), g = {
 			left: n.scrollOffset,
 			top: r.scrollOffset
 		};
-		return R = {
+		return D = {
 			cellRange: d,
 			metrics: u,
 			scrollTopLeft: g,
@@ -531,9 +531,9 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			},
 			colDims: n,
 			rowDims: r
-		}, P = t, R;
-	}, D = (e, t) => {
-		const n = M();
+		}, M = t, D;
+	}, T = (e, t) => {
+		const n = k();
 		return ((e, t, n) => {
 			const r = e.getColOffset(t.colStart) + (n?.left ?? 0), o = e.getRowOffset(t.rowStart) + (n?.top ?? 0);
 			return {
@@ -543,23 +543,23 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 				height: e.getRowOffset(t.rowEnd + 1) + (n?.bottom ?? 0) - (n?.top ?? 0) - o
 			};
 		})(n.metrics, e ?? n.cellRange, t);
-	}, k = (e) => {
+	}, z = (e) => {
 		if (e < 0) return null;
-		const t = M().colDims.metrics, n = t.getColOffset(e);
+		const t = k().metrics, n = t.getColOffset(e);
 		return {
 			index: e,
 			offset: n,
 			size: t.getColOffset(e + 1) - n
 		};
-	}, T = (e) => {
+	}, O = (e) => {
 		if (e < 0) return null;
-		const t = M().rowDims.metrics, n = t.getRowOffset(e);
+		const t = k().metrics, n = t.getRowOffset(e);
 		return {
 			index: e,
 			offset: n,
 			size: t.getRowOffset(e + 1) - n
 		};
-	}, z = (e, t) => {
+	}, L = (e, t) => {
 		const n = new Array(e.length);
 		for (let r = 0; r < e.length; r++) n[r] = t(e[r]);
 		return n;
@@ -586,10 +586,10 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			const n = e.refStage;
 			n && n.releasePointerCapture(t);
 		},
-		getVisibleRange: () => M().cellRange,
+		getVisibleRange: () => k().cellRange,
 		toClipBounds: (e, t) => {
 			let n, r = 0;
-			return void 0 === t || "number" == typeof t ? (n = D(M().cellRange), r = t) : n = t, ((e, t, n = 0) => {
+			return void 0 === t || "number" == typeof t ? (n = T(k().cellRange), r = t) : n = t, ((e, t, n = 0) => {
 				const r = e.x, o = e.y;
 				if (r > t.width || o > t.height) return null;
 				const l = {
@@ -622,7 +622,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			}, n, r);
 		},
 		toPaneBounds: (e) => {
-			const t = M().topLeft;
+			const t = k().topLeft;
 			return 0 === t.left && 0 === t.top && 1 === a ? e : {
 				x: (e.x - t.left) * a,
 				y: (e.y - t.top) * a,
@@ -631,7 +631,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			};
 		},
 		toAbsoluteBounds: (e) => {
-			const t = M().topLeft;
+			const t = k().topLeft;
 			return 0 === t.left && 0 === t.top && 1 === a ? e : {
 				x: e.x / a + t.left,
 				y: e.y / a + t.top,
@@ -646,18 +646,24 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 				y: n.y - b.y
 			} : null;
 		},
-		getMetrics: () => M().metrics,
+		getMetrics: () => k().metrics,
 		getRangeFromCell: d,
-		getVisibleColumns: (e, t) => z(M().colDims.visibleIndices(e, t), k),
-		getVisibleRows: (e, t) => z(M().rowDims.visibleIndices(e, t), T),
-		getColumnSize: k,
-		getRowSize: T,
+		getVisibleColumns: (e, t) => {
+			const n = k();
+			return void 0 !== e && void 0 !== t ? L(n.colDims.visibleIndices(e, t), z) : n.visibleColumns ??= Object.freeze(L(n.colDims.visibleIndices(), z));
+		},
+		getVisibleRows: (e, t) => {
+			const n = k();
+			return void 0 !== e && void 0 !== t ? L(n.rowDims.visibleIndices(e, t), O) : n.visibleRows ??= Object.freeze(L(n.rowDims.visibleIndices(), O));
+		},
+		getColumnSize: z,
+		getRowSize: O,
 		getTotalRange: () => g,
-		getBoundsFromRange: D,
+		getBoundsFromRange: T,
 		getCellFromPointer: (e, t, n = !1) => {
 			const r = h(e, t);
 			if (!r) return null;
-			const o = M().metrics, l = o.getColIndex(r.x - b.x), i = {
+			const o = k().metrics, l = o.getColIndex(r.x - b.x), i = {
 				rowIndex: o.getRowIndex(r.y - b.y),
 				colIndex: l
 			};
@@ -685,9 +691,9 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		getInsets: () => e.insets,
 		getTotalSize: () => E,
 		getSurfaceSize: () => I,
-		getScrollTopLeft: () => M().scrollTopLeft,
+		getScrollTopLeft: () => k().scrollTopLeft,
 		getScrollTarget: () => {
-			const e = M().scrollTopLeft, t = i.getSnapshot(), n = i.getTarget();
+			const e = k().scrollTopLeft, t = i.getSnapshot(), n = i.getTarget();
 			return {
 				left: e.left + (y.horizontal ? n.left - t.left : 0),
 				top: e.top + (y.vertical ? n.top - t.top : 0)
@@ -695,8 +701,8 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		},
 		getFreezeTopLeft: () => C,
 		getScrollOrientation: () => y,
-		scrollCellCoordsIntoView: (e, t) => f(e, t, w),
-		scrollTo: (e) => p(e),
+		scrollCellCoordsIntoView: (e, t) => p(e, t, w),
+		scrollTo: (e) => f(e),
 		getAllPanes: m
 	};
 }, Te = [
@@ -704,7 +710,26 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	K.Top,
 	K.Left,
 	K.Center
-], ze = (e, t, n) => {
+], ze = () => {
+	let e = /* @__PURE__ */ new Float64Array(0), t = /* @__PURE__ */ new Uint32Array(0), n = 0;
+	return (r, o, l) => {
+		const i = o - r + 2;
+		if (!(i > 0) || i > 4096) return l;
+		if (e.length < i) {
+			const n = Math.min(4096, Math.max(i, 2 * e.length, 64));
+			e = new Float64Array(n), t = new Uint32Array(n);
+		}
+		4294967295 === n && (t.fill(0), n = 0);
+		const a = ++n, s = e, c = t;
+		return (e) => {
+			const t = e - r;
+			if (a !== n || !(t >= 0 && t < i) || (0 | t) !== t) return l(e);
+			if (c[t] === a) return s[t];
+			const o = l(e);
+			return s[t] = o, c[t] = a, o;
+		};
+	};
+}, Oe = (e, t, n) => {
 	const r = (t?.left ?? 0) + (n?.x ?? 0), o = (t?.top ?? 0) + (n?.y ?? 0);
 	return {
 		getColOffset: (t) => e.getColOffset(t) - r,
@@ -712,7 +737,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		getRowOffset: (t) => e.getRowOffset(t) - o,
 		getRowIndex: (t) => e.getRowIndex(t + o)
 	};
-}, Oe = Object.freeze([{
+}, Le = Object.freeze([{
 	minIndex: 0,
 	maxIndex: 0,
 	minCoord: 0,
@@ -729,9 +754,9 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	maxVirtualBounds: 0,
 	scrollOffset: 0,
 	freezeOffset: 0
-}]), Le = n(null), $e = ({ pane: e, viewport: t, children: n }) => {
+}]), $e = n(null), Ae = ({ pane: e, viewport: t, children: n }) => {
 	const r = B(t, (e) => e.getSnapshot()), o = g(() => ({ pane: e }), [e, r]);
-	return x(Le.Provider, {
+	return x($e.Provider, {
 		value: o,
 		children: n
 	});
@@ -753,15 +778,15 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			};
 		}
 	};
-}, Ne = n(null), Ae = ({ store: e, children: t }) => {
-	const n = s(Ne), r = p(null);
+}, Ne = n(null), Be = ({ store: e, children: t }) => {
+	const n = s(Ne), r = f(null);
 	let o = e ?? n;
 	return o || (r.current || (r.current = Fe()), o = r.current), x(Ne.Provider, {
 		value: o,
 		children: t
 	});
-}, Be = { "sheetxl-grid": "_sheetxl-grid_5yo0n_7" }, Ve = i(o((e, n) => {
-	const { rowCount: o = 1, columnCount: i = 1, viewport: s, metrics: d, getRangeFromCell: u = W.cellToRange, hiddenRowsAt: m, hiddenColumnsAt: y, freezeLeft: b = 0, freezeTop: S = 0, propsFreezeLeft: E, propsFreezeTop: C, onFirstRender: I, children: P, wrapPane: R, onFocus: D, onBlur: k, className: T, style: z, ...L } = e, $ = O(D, [D]), A = O(k, [k]), B = O(I, [I]), [V, H] = f(K.Center), [_, j] = h((e) => e + 1, 0), G = g(() => new M({}), []), X = s ?? G, [q, Z] = f(() => {
+}, Ve = { "sheetxl-grid": "_sheetxl-grid_5yo0n_7" }, He = i(o((e, n) => {
+	const { rowCount: o = 1, columnCount: i = 1, viewport: s, metrics: d, getRangeFromCell: u = W.cellToRange, hiddenRowsAt: m, hiddenColumnsAt: y, freezeLeft: b = 0, freezeTop: S = 0, propsFreezeLeft: E, propsFreezeTop: C, onFirstRender: I, children: P, wrapPane: R, onFocus: D, onBlur: k, className: T, style: z, ...L } = e, $ = O(D, [D]), N = O(k, [k]), B = O(I, [I]), [V, H] = p(K.Center), [_, j] = h((e) => e + 1, 0), G = g(() => new M({}), []), X = s ?? G, [q, Z] = p(() => {
 		const e = X.getClient();
 		return {
 			zoom: X.getZoom(),
@@ -783,14 +808,14 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		return e(), X.subscribe(e);
 	}, [X]);
 	const J = q.zoom, Q = g(() => {
-		const e = d ?? He;
+		const e = d ?? Ke;
 		return {
 			getColOffset: (t) => e.getColOffset(t) * J,
 			getColIndex: (t) => e.getColIndex(t / J),
 			getRowOffset: (t) => e.getRowOffset(t) * J,
 			getRowIndex: (t) => e.getRowIndex(t / J)
 		};
-	}, [d, J]), ee = O((e, t = !1) => fe(e, t, Q.getRowOffset, t ? 0 : o), [o, Q?.getRowOffset]), te = O(m ?? ee, [m]), ne = O((e, t = !1) => fe(e, t, Q.getColOffset, t ? i : 0), [i, Q?.getColOffset]), oe = O(y ?? ne, [y]), le = a(() => {
+	}, [d, J]), ee = O((e, t = !1) => pe(e, t, Q.getRowOffset, t ? 0 : o), [o, Q?.getRowOffset]), te = O(m ?? ee, [m]), ne = O((e, t = !1) => pe(e, t, Q.getColOffset, t ? i : 0), [i, Q?.getColOffset]), oe = O(y ?? ne, [y]), le = a(() => {
 		j();
 	}, []), ie = g(() => Math.min(q.w, Q.getColOffset(i)), [
 		_,
@@ -805,13 +830,13 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	]), se = g(() => {
 		let e = NaN, t = null;
 		return (n) => (n === e && t || (e = n, t = ((e) => {
-			if (0 === ae) return Oe;
+			if (0 === ae) return Le;
 			const t = [];
 			let n = 0, r = 0;
 			"number" == typeof S ? n = S : (n = S.index ?? 0, r = (S.offset ?? 0) * J);
 			const l = r, i = Q.getRowOffset(n), a = i - l;
 			if (n > 0) {
-				const e = ze(Q, { top: r + Q.getRowOffset(0) }), o = Q.getRowIndex(l), s = Q.getRowIndex(i - 1);
+				const e = Oe(Q, { top: r + Q.getRowOffset(0) }), o = Q.getRowIndex(l), s = Q.getRowIndex(i - 1);
 				let c;
 				t[1] = {
 					minIndex: o,
@@ -827,7 +852,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 					freezeOffset: r
 				};
 			}
-			const s = Math.max(0, ae - a), c = ze(Q, { top: e + a }), d = c.getRowIndex(0), u = c.getRowIndex(s - 1);
+			const s = Math.max(0, ae - a), c = Oe(Q, { top: e + a }), d = c.getRowIndex(0), u = c.getRowIndex(s - 1);
 			let g;
 			return t[0] = {
 				minIndex: d,
@@ -855,13 +880,13 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	]), ce = g(() => se(0), [se]), de = g(() => {
 		let e = NaN, t = null;
 		return (n) => (n === e && t || (e = n, t = ((e) => {
-			if (0 === ie) return Oe;
+			if (0 === ie) return Le;
 			const t = [];
 			let n = 0, r = 0;
 			"number" == typeof b ? n = b : (n = b.index ?? 0, r = (b.offset ?? 0) * J);
 			const o = r, l = Q.getColOffset(n), a = l - o;
 			if (n > 0) {
-				const e = ze(Q, { left: r + Q.getColOffset(0) }), i = Q.getColIndex(o), s = Q.getColIndex(l - 1);
+				const e = Oe(Q, { left: r + Q.getColOffset(0) }), i = Q.getColIndex(o), s = Q.getColIndex(l - 1);
 				let c;
 				t[1] = {
 					minIndex: i,
@@ -877,7 +902,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 					freezeOffset: r
 				};
 			}
-			const s = Math.max(0, ie - a), c = ze(Q, { left: e + a }), d = c.getColIndex(0), u = c.getColIndex(s - 1);
+			const s = Math.max(0, ie - a), c = Oe(Q, { left: e + a }), d = c.getColIndex(0), u = c.getColIndex(s - 1);
 			let g;
 			return t[0] = {
 				minIndex: d,
@@ -902,7 +927,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		i,
 		b,
 		J
-	]), ge = g(() => de(0), [de]), we = p([]), [xe, ve] = h((e) => e + 1, 0), ye = ce.length, be = ge.length, Se = g(() => {
+	]), ge = g(() => de(0), [de]), we = f([]), [xe, ve] = h((e) => e + 1, 0), ye = ce.length, be = ge.length, Se = g(() => {
 		const e = [], t = (t, n, r, o, l) => {
 			if (t >= be || n >= ye) return null;
 			const i = {
@@ -931,11 +956,11 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 					H(r), $(e);
 				},
 				onBlur: (e) => {
-					A(e);
+					N(e);
 				}
 			}), e.push(i);
 		};
-		return t(0, 0, K.Center, je, Ue), t(0, 1, K.Top, Ge), t(1, 0, K.Left, Xe), t(1, 1, K.TopLeft, Ye), e;
+		return t(0, 0, K.Center, Ge, je), t(0, 1, K.Top, Xe), t(1, 0, K.Left, Ye), t(1, 1, K.TopLeft, qe), e;
 	}, [ye, be]), Ce = g(() => {
 		let e = {};
 		const t = {
@@ -955,7 +980,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			getRangeFromCell: u,
 			invalidate: le,
 			totalRange: t,
-			getSurfacePointFromPointer: (e, t) => Fe(e, t),
+			getSurfacePointFromPointer: (e, t) => $e(e, t),
 			scrollTo: (e) => et(e),
 			scrollCellCoordsIntoView: (e, t, n) => Qe(e, t, n),
 			getAllPanes: () => e
@@ -980,7 +1005,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			left: e ? e.metrics.getColOffset(e.maxIndex + 1) : 0,
 			top: t ? t.metrics.getRowOffset(t.maxIndex + 1) : 0
 		};
-	}, [ce, ge]), Le = O((e) => {
+	}, [ce, ge]), ze = O((e) => {
 		U.canUseDOM && setTimeout(() => {
 			(Ce[V] ?? ue(Ce))?.focus({
 				preventScroll: !0,
@@ -995,7 +1020,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			we.current = [];
 		}
 	}, [Ce]);
-	const Fe = a((e, t) => {
+	const $e = a((e, t) => {
 		const n = tt.current?.getBoundingClientRect();
 		return n ? {
 			x: e - n.x,
@@ -1004,13 +1029,13 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			x: e,
 			y: t
 		};
-	}, []), Ne = O((e, t) => {
+	}, []), Fe = O((e, t) => {
 		if (1 === Object.keys(Ce).length) return ue(Ce);
-		const n = Fe(e, t);
+		const n = $e(e, t);
 		if (!n) return ue(Ce);
 		const { x: r, y: o } = n;
 		let l = null;
-		const i = qe, a = i.length;
+		const i = Ze, a = i.length;
 		for (let e = 0; !l && e < a; e++) {
 			const t = Ce[i[e]];
 			t && me(r, o, t.getPaneBounds()) && (l = t);
@@ -1027,7 +1052,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		ge,
 		ce
 	]);
-	const Ve = O((e) => {
+	const Ne = O((e) => {
 		let t = e?.left ?? e?.[0], n = e?.top ?? e?.[1];
 		if (void 0 === t && void 0 === n) return;
 		const r = e?.behavior ?? "auto", o = X.getTarget();
@@ -1036,7 +1061,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			top: n,
 			behavior: r
 		});
-	}, []), Ze = O((e) => void 0 !== e ? Ce[e] ?? null : Ce[V] ?? ue(Ce), [Ce, V]), Je = O((e) => {
+	}, []), He = O((e) => void 0 !== e ? Ce[e] ?? null : Ce[V] ?? ue(Ce), [Ce, V]), Je = O((e) => {
 		const t = Ce[V];
 		if (!t) return ue(Ce);
 		const n = t.getScrollOrientation(), r = { ...t.getVisibleRange() };
@@ -1057,7 +1082,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 			});
 		} else o = Je(r);
 		if (!o) return Promise.resolve({});
-		const l = u(r), i = o.getMetrics(), a = i.getColOffset(l.colStart), s = i.getRowOffset(l.rowStart), c = i.getColOffset(l.colEnd + 1), d = i.getRowOffset(l.rowEnd + 1), g = o.getPaneBounds(), h = o.getTotalSize(), p = o.getScrollTopLeft(), f = ((e, t, n = !0) => {
+		const l = u(r), i = o.getMetrics(), a = i.getColOffset(l.colStart), s = i.getRowOffset(l.rowStart), c = i.getColOffset(l.colEnd + 1), d = i.getRowOffset(l.rowEnd + 1), g = o.getPaneBounds(), h = o.getTotalSize(), f = o.getScrollTopLeft(), p = ((e, t, n = !0) => {
 			n = !0 === n ? {
 				block: "start",
 				inline: "end"
@@ -1069,30 +1094,30 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 				inline: "end",
 				...n
 			};
-			const r = pe(n.inline ?? "end", e.x, e.x + e.width, t.left, t.left + t.width, t.totalWidth), o = pe(n.block ?? "end", e.y, e.y + e.height, t.top, t.top + t.height, t.totalHeight);
+			const r = fe(n.inline ?? "end", e.x, e.x + e.width, t.left, t.left + t.width, t.totalWidth), o = fe(n.block ?? "end", e.y, e.y + e.height, t.top, t.top + t.height, t.totalHeight);
 			if (void 0 !== r || void 0 !== o) return {
 				left: r ?? t.left,
 				top: o ?? t.top
 			};
 		})({
-			x: a + p.left,
-			y: s + p.top,
+			x: a + f.left,
+			y: s + f.top,
 			width: c - a,
 			height: d - s
 		}, {
-			left: p.left,
-			top: p.top,
+			left: f.left,
+			top: f.top,
 			width: g.width,
 			height: g.height,
 			totalWidth: h.width,
 			totalHeight: h.height
 		}, t);
-		if (!f) return Promise.resolve({ ...p });
-		const m = { ...f }, { left: w, top: x } = X.getScroll();
-		void 0 !== m.left && (m.left > w ? m.left += _e : m.left < w && (m.left -= Ke)), void 0 !== m.top && (m.top > x ? m.top += _e : m.top < x && (m.top -= Ke));
+		if (!p) return Promise.resolve({ ...f });
+		const m = { ...p }, { left: w, top: x } = X.getScroll();
+		void 0 !== m.left && (m.left > w ? m.left += We : m.left < w && (m.left -= _e)), void 0 !== m.top && (m.top > x ? m.top += We : m.top < x && (m.top -= _e));
 		const v = o.getScrollOrientation();
 		v.horizontal && void 0 !== e.colIndex || delete m.left, v.vertical && void 0 !== e.rowIndex || delete m.top;
-		const y = void 0 !== m.left ? Math.abs(m.left - w) : 0, b = void 0 !== m.top ? Math.abs(m.top - x) : 0, S = ("object" == typeof t ? t?.behavior : void 0) ?? (Math.max(y, b) < We || !X.isSettled() ? "instant" : "smooth");
+		const y = void 0 !== m.left ? Math.abs(m.left - w) : 0, b = void 0 !== m.top ? Math.abs(m.top - x) : 0, S = ("object" == typeof t ? t?.behavior : void 0) ?? (Math.max(y, b) < Ue || !X.isSettled() ? "instant" : "smooth");
 		return new Promise((e, t) => {
 			try {
 				et({
@@ -1111,15 +1136,15 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	]), et = O((e) => {
 		const t = e?.left ?? e?.[0], n = e?.top ?? e?.[1], r = X.getTarget(), o = t ?? r.left, l = n ?? r.top, i = "smooth" === e?.behavior;
 		X.setTarget(o, l, i);
-	}, []), tt = F(n, () => ({
-		focus: Le,
+	}, []), tt = A(n, () => ({
+		focus: ze,
 		invalidate: le,
 		scrollTo: et,
-		scrollBy: Ve,
+		scrollBy: Ne,
 		scrollCellCoordsIntoView: Qe,
-		getPaneFromClient: Ne,
+		getPaneFromClient: Fe,
 		getPaneFromCell: Je,
-		getPane: Ze,
+		getPane: He,
 		onPaneChangeOnce: (e) => {
 			we.current.push(e);
 		}
@@ -1137,7 +1162,7 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		})(t);
 		return n ? x(De.Provider, {
 			value: !1,
-			children: x($e, {
+			children: x(Ae, {
 				pane: e,
 				viewport: X,
 				children: R ? R(e, n) : n
@@ -1195,18 +1220,18 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 		Te.top,
 		ie,
 		C
-	]), it = p(!1), at = g(() => {
+	]), it = f(!1), at = g(() => {
 		if (!Re) return null;
 		const e = (e, n) => {
-			const r = e.anchor, o = n.getPaneBounds(), l = Te.left > 0, i = Te.top > 0, a = i && (r === K.Center || r === K.Left), s = i && (r === K.Top || r === K.TopLeft), c = l && (r === K.Center || r === K.Top), d = l && (r === K.Left || r === K.TopLeft), u = 1e6, g = a ? -1 : -1e6, h = c ? -1 : -1e6, p = d ? o.width + 2 : u, f = s ? o.height + 2 : u, m = a || s || c || d, w = {
+			const r = e.anchor, o = n.getPaneBounds(), l = Te.left > 0, i = Te.top > 0, a = i && (r === K.Center || r === K.Left), s = i && (r === K.Top || r === K.TopLeft), c = l && (r === K.Center || r === K.Top), d = l && (r === K.Left || r === K.TopLeft), u = 1e6, g = a ? -1 : -1e6, h = c ? -1 : -1e6, f = d ? o.width + 2 : u, p = s ? o.height + 2 : u, m = a || s || c || d, w = {
 				position: "absolute",
 				left: o.x,
 				top: o.y,
 				width: o.width,
 				height: o.height,
-				clip: m ? `rect(${g}px, ${p}px, ${f}px, ${h}px)` : void 0
+				clip: m ? `rect(${g}px, ${f}px, ${p}px, ${h}px)` : void 0
 			};
-			return x($e, {
+			return x(Ae, {
 				pane: n,
 				viewport: X,
 				children: e.elemStage ? t(e.elemStage, { style: w }, rt?.[r]) : null
@@ -1235,58 +1260,58 @@ var Ce = Object.freeze([]), Ie = (e, t) => {
 	c(() => {
 		!it.current && at && Re && (it.current = !0, B?.(tt.current));
 	}, [at, Re]);
-	const st = N();
+	const st = F();
 	return x("div", {
 		ref: tt,
-		className: Y(T, "grid-surface", Be["sheetxl-grid"], { "touch-input": "touch" === st }),
+		className: Y(T, "grid-surface", Ve["sheetxl-grid"], { "touch-input": "touch" === st }),
 		style: {
 			overflow: "hidden",
 			...z
 		},
 		...L,
-		children: x(Ae, { children: at })
+		children: x(Be, { children: at })
 	});
 }));
-Ve.displayName = "GridSurface";
-var He = Object.freeze({
+He.displayName = "GridSurface";
+var Ke = Object.freeze({
 	getColOffset: (e) => 75 * e,
 	getColIndex: (e) => Math.floor(e / 75),
 	getRowOffset: (e) => 20 * e,
 	getRowIndex: (e) => Math.floor(e / 20)
-}), Ke = 0, _e = 20, We = 150, Ue = Object.freeze({
+}), _e = 0, We = 20, Ue = 150, je = Object.freeze({
 	bottom: -4,
 	right: -4
-}), je = Object.freeze({
+}), Ge = Object.freeze({
 	horizontal: !0,
 	vertical: !0
-}), Ge = Object.freeze({
+}), Xe = Object.freeze({
 	horizontal: !0,
 	vertical: !1
-}), Xe = Object.freeze({
+}), Ye = Object.freeze({
 	horizontal: !1,
 	vertical: !0
-}), Ye = Object.freeze({
+}), qe = Object.freeze({
 	horizontal: !1,
 	vertical: !1
-}), qe = [
+}), Ze = [
 	K.TopLeft,
 	K.Top,
 	K.Left,
 	K.Center
 ];
-function Ze() {
-	const e = s(Le);
+function Je() {
+	const e = s($e);
 	if (!e) throw new Error("useGridPane must be used within a GridPaneProvider");
 	return e.pane;
 }
-function Je() {
-	return s(Le)?.pane ?? null;
+function Qe() {
+	return s($e)?.pane ?? null;
 }
-var Qe = (e) => `k:${e}`;
-function et(e, t) {
-	const n = s(Ne), r = p(null);
+var et = (e) => `k:${e}`;
+function tt(e, t) {
+	const n = s(Ne), r = f(null);
 	r.current || (r.current = Fe());
-	const o = n ?? r.current, l = Qe(e), i = p(null);
+	const o = n ?? r.current, l = et(e), i = f(null);
 	null === i.current && (i.current = { v: "function" == typeof t ? t() : t });
 	const c = a(() => o.has(l) ? o.get(l) : i.current.v, [o, l]);
 	return [m(a((e) => o.subscribe(l, e), [o, l]), c, c), a((e) => {
@@ -1294,53 +1319,53 @@ function et(e, t) {
 		o.set(l, "function" == typeof e ? e(t) : e);
 	}, [o, l])];
 }
-function tt(e, t) {
-	const n = s(Ne), r = p(null);
+function nt(e, t) {
+	const n = s(Ne), r = f(null);
 	r.current || (r.current = Fe());
-	const o = n ?? r.current, l = Qe(e), i = p(t);
+	const o = n ?? r.current, l = et(e), i = f(t);
 	return a((e) => {
 		const t = o.has(l) ? o.get(l) : i.current;
 		o.set(l, "function" == typeof e ? e(t) : e);
 	}, [o, l]);
 }
-function nt(e, t, n) {
-	const r = Qe(t), o = a(() => e.has(r) ? e.get(r) : n, [
+function rt(e, t, n) {
+	const r = et(t), o = a(() => e.has(r) ? e.get(r) : n, [
 		e,
 		r,
 		n
 	]);
 	return m(a((t) => e.subscribe(r, t), [e, r]), o, o);
 }
-var rt = () => ({
+var ot = () => ({
 	zIndex: s(Me),
-	pane: Je()
-}), ot = i((e) => {
-	const { onPointerDown: t, onPointerMove: n, onPointerUp: r, onPointerLeave: o, onMouseDown: l, onMouseEnter: i, onMouseLeave: a, onMouseMove: d, onMouseOut: u, onMouseOver: g, onMouseUp: h, onDoubleClick: f, onKeyDown: m, onKeyPress: w, onKeyUp: v, onFocus: y, onBlur: b, onContextMenu: S, zIndex: E, className: C, style: I, children: P } = e, R = s(De);
+	pane: Qe()
+}), lt = i((e) => {
+	const { onPointerDown: t, onPointerMove: n, onPointerUp: r, onPointerLeave: o, onMouseDown: l, onMouseEnter: i, onMouseLeave: a, onMouseMove: d, onMouseOut: u, onMouseOver: g, onMouseUp: h, onDoubleClick: p, onKeyDown: m, onKeyPress: w, onKeyUp: v, onFocus: y, onBlur: b, onContextMenu: S, zIndex: E, className: C, style: I, children: P } = e, R = s(De);
 	c(() => {
-		R && !it && (it = !0, console.error("<Layer> nested inside another <Layer>. Layers exist only as direct children of the grid (law 4: the stack is flat) — a composite renders exactly one Layer at its root. For a full-view container inside a layer, use <VirtualDiv fill>. This error fires once."));
+		R && !at && (at = !0, console.error("<Layer> nested inside another <Layer>. Layers exist only as direct children of the grid (law 4: the stack is flat) — a composite renders exactly one Layer at its root. For a full-view container inside a layer, use <VirtualDiv fill>. This error fires once."));
 	}, [R]);
-	const D = Se(Je()), k = s(Me), T = p({});
+	const D = Se(Qe()), k = s(Me), T = f({});
 	T.current = {
-		pointerdown: lt(t),
-		pointermove: lt(n),
-		pointerup: lt(r),
-		pointerleave: lt(o),
-		mousedown: lt(l),
-		mouseenter: lt(i),
-		mouseleave: lt(a),
-		mousemove: lt(d),
-		mouseout: lt(u),
-		mouseover: lt(g),
-		mouseup: lt(h),
-		dblclick: lt(f),
-		keydown: lt(m),
-		keypress: lt(w),
-		keyup: lt(v),
-		focus: lt(y),
-		blur: lt(b),
-		contextmenu: lt(S)
+		pointerdown: it(t),
+		pointermove: it(n),
+		pointerup: it(r),
+		pointerleave: it(o),
+		mousedown: it(l),
+		mouseenter: it(i),
+		mouseleave: it(a),
+		mousemove: it(d),
+		mouseout: it(u),
+		mouseover: it(g),
+		mouseup: it(h),
+		dblclick: it(p),
+		keydown: it(m),
+		keypress: it(w),
+		keyup: it(v),
+		focus: it(y),
+		blur: it(b),
+		contextmenu: it(S)
 	};
-	const z = p(null);
+	const z = f(null);
 	return c(() => {
 		if (D) return D.registerResponder({
 			zIndex: k,
@@ -1359,7 +1384,7 @@ var rt = () => ({
 		onMouseUp: h,
 		onMouseOver: g,
 		onMouseOut: u,
-		onDoubleClick: f,
+		onDoubleClick: p,
 		onKeyDown: m,
 		onKeyPress: w,
 		onKeyUp: v,
@@ -1370,15 +1395,15 @@ var rt = () => ({
 		})
 	});
 });
-ot.displayName = "Layer";
-var lt = (e) => e ? (t) => e(t) : void 0, it = !1, at = !1, st = "_virtual-div_16eab_1", ct = i(o((e, t) => {
-	const { range: n, bounds: r, fill: o = !1, clipInsets: l, disableAlign: i = !1, coverGridlines: d = !1, alignWidth: u, keepMounted: g = !1, className: h, style: f, children: m, ...w } = e;
-	s(De) || dt || (dt = !0, console.warn("VirtualDiv rendered outside a <Layer>. The grid's children are Layers; place VirtualDivs inside one (law 4: the stack is flat). This warning fires once."));
-	const v = p(null), y = a((e) => {
+lt.displayName = "Layer";
+var it = (e) => e ? (t) => e(t) : void 0, at = !1, st = !1, ct = "_virtual-div_16eab_1", dt = i(o((e, t) => {
+	const { range: n, bounds: r, fill: o = !1, clipInsets: l, disableAlign: i = !1, coverGridlines: d = !1, alignWidth: u, keepMounted: g = !1, className: h, style: p, children: m, ...w } = e;
+	s(De) || ut || (ut = !0, console.warn("VirtualDiv rendered outside a <Layer>. The grid's children are Layers; place VirtualDivs inside one (law 4: the stack is flat). This warning fires once."));
+	const v = f(null), y = a((e) => {
 		v.current = e, "function" == typeof t ? t(e) : t && (t.current = e);
 	}, [t]);
 	(({ getElement: e, handlerProps: t }) => {
-		const r = Se(Je()), o = s(Me);
+		const r = Se(Qe()), o = s(Me);
 		let l = !1;
 		if (t) {
 			for (let e = 0; e < ve.length; e++) if ("function" == typeof t[ve[e]]) {
@@ -1386,7 +1411,7 @@ var lt = (e) => e ? (t) => e(t) : void 0, it = !1, at = !1, st = "_virtual-div_1
 				break;
 			}
 		}
-		const i = p({
+		const i = f({
 			getElement: e,
 			handlerProps: t
 		});
@@ -1415,13 +1440,13 @@ var lt = (e) => e ? (t) => e(t) : void 0, it = !1, at = !1, st = "_virtual-div_1
 		handlerProps: w
 	});
 	const b = (({ range: e, bounds: t, fill: n, clipInsets: r }) => {
-		const o = Ze();
+		const o = Je();
 		if (!o) return null;
 		let l = null, i = !1;
 		if (e) l = o.getBoundsFromRange(e), i = null === o.toClipBounds(l, r);
 		else if (t) i = null === o.toClipBounds(t, r), l = t;
 		else {
-			if (!n) return at || (at = !0, console.warn("VirtualDiv: provide exactly one of 'range' | 'bounds' | 'fill'. (The implicit \"no placement = pane-sized\" fallback was removed — use 'fill'.) This warning fires once.")), null;
+			if (!n) return st || (st = !0, console.warn("VirtualDiv: provide exactly one of 'range' | 'bounds' | 'fill'. (The implicit \"no placement = pane-sized\" fallback was removed — use 'fill'.) This warning fires once.")), null;
 			{
 				const e = o.getPaneBounds();
 				l = {
@@ -1456,14 +1481,14 @@ var lt = (e) => e ? (t) => e(t) : void 0, it = !1, at = !1, st = "_virtual-div_1
 		const e = d ? 1 / I : 0;
 		M = C.snapDeviceEdge(S.x, I), D = C.snapDeviceEdge(S.y, I), k = C.snapDeviceEdge(S.x + S.width, I) + e - M, T = C.snapDeviceEdge(S.y + S.height, I) + e - D;
 	}
-	const { transform: z, ...O } = f ?? {}, L = {
+	const { transform: z, ...O } = p ?? {}, L = {
 		x: S.x - M,
 		y: S.y - D,
 		width: S.width,
 		height: S.height
 	};
 	return x("div", {
-		className: q(h, st),
+		className: q(h, ct),
 		style: {
 			width: `${k}px`,
 			height: `${T}px`,
@@ -1483,8 +1508,8 @@ var lt = (e) => e ? (t) => e(t) : void 0, it = !1, at = !1, st = "_virtual-div_1
 		})
 	});
 }));
-ct.displayName = "VirtualDiv";
-var dt = !1, ut = (e, t, n, r) => ({
+dt.displayName = "VirtualDiv";
+var ut = !1, gt = (e, t, n, r) => ({
 	x: e,
 	y: t,
 	width: n,
@@ -1493,7 +1518,7 @@ var dt = !1, ut = (e, t, n, r) => ({
 	left: e,
 	right: e + n,
 	bottom: t + r
-}), gt = ut(0, 0, 0, 0), ht = (e) => {
+}), ht = gt(0, 0, 0, 0), ft = (e) => {
 	const t = e.getElement()?.getBoundingClientRect?.();
 	return {
 		x: t?.left ?? 0,
@@ -1501,62 +1526,62 @@ var dt = !1, ut = (e, t, n, r) => ({
 	};
 }, pt = (e) => {
 	const t = e.getElement()?.ownerDocument?.documentElement;
-	return t ? ut(0, 0, t.clientWidth, t.clientHeight) : null;
-}, ft = (e, t) => {
+	return t ? gt(0, 0, t.clientWidth, t.clientHeight) : null;
+}, mt = (e, t) => {
 	if (!t) return e;
 	const n = Math.max(e.left, t.left), r = Math.max(e.top, t.top), o = Math.max(n, Math.min(e.right, t.right)), l = Math.max(r, Math.min(e.bottom, t.bottom));
-	return ut(n, r, o - n, l - r);
-}, mt = (e) => {
+	return gt(n, r, o - n, l - r);
+}, wt = (e) => {
 	const t = e.getElement()?.getBoundingClientRect?.();
-	return t ? ut(t.left, t.top, t.width, t.height) : gt;
-}, wt = {
+	return t ? gt(t.left, t.top, t.width, t.height) : ht;
+}, xt = {
 	side: "t",
 	align: "center"
-}, xt = {
+}, vt = {
 	side: "flip",
 	align: "slide"
-}, vt = [
+}, yt = [
 	K.TopLeft,
 	K.Top,
 	K.Left,
 	K.Center
-], yt = /* @__PURE__ */ new Set([K.Top, K.TopLeft]), bt = /* @__PURE__ */ new Set([K.Left, K.TopLeft]), St = (e, t) => {
-	const n = yt.has(e.getAnchor()), r = bt.has(t.getAnchor());
+], bt = /* @__PURE__ */ new Set([K.Top, K.TopLeft]), St = /* @__PURE__ */ new Set([K.Left, K.TopLeft]), Et = (e, t) => {
+	const n = bt.has(e.getAnchor()), r = St.has(t.getAnchor());
 	return n && r ? K.TopLeft : n ? K.Top : r ? K.Left : K.Center;
-}, Et = (e, t) => {
+}, Ct = (e, t) => {
 	const n = (t.left + t.right) / 2, r = (t.top + t.bottom) / 2;
 	return r < e.top ? "t" : r > e.bottom ? "b" : n < e.left ? "l" : n > e.right ? "r" : null;
-}, Ct = (e, t, n, r, o, l) => {
+}, It = (e, t, n, r, o, l) => {
 	const i = "row" === r ? o.rowStart : o.colStart, a = "row" === r ? o.rowEnd : o.colEnd, s = ((e, t, n, r, o) => {
 		let l = null, i = null, a = 1 / 0, s = !1;
-		for (let c = 0; c < vt.length; c++) {
-			const d = e[vt[c]];
+		for (let c = 0; c < yt.length; c++) {
+			const d = e[yt[c]];
 			if (!d) continue;
 			const u = d.getVisibleRange(), g = "row" === t ? u.rowStart : u.colStart, h = "row" === t ? u.rowEnd : u.colEnd;
 			if (n > h || r < g) continue;
 			s = !0, !l && o >= g && o <= h && (l = d);
-			const p = o < g ? g - o : o > h ? o - h : 0;
-			p < a && (a = p, i = d);
+			const f = o < g ? g - o : o > h ? o - h : 0;
+			f < a && (a = f, i = d);
 		}
 		return {
 			pane: l ?? i,
 			visible: s
 		};
 	})(t, r, i, a, "start" === l ? i : "end" === l ? a : Math.round((i + a) / 2)), c = s.pane ?? ue(t) ?? e, d = ((e, t) => {
-		const n = mt(e), r = e.getBoundsFromRange(t);
-		return ut(n.left + r.x, n.top + r.y, r.width, r.height);
-	})(c, o), u = "row" === r ? d.top : d.left, g = "row" === r ? d.bottom : d.right, h = "start" === l ? u : "end" === l ? g : (u + g) / 2, p = ft(mt(c), n);
+		const n = wt(e), r = e.getBoundsFromRange(t);
+		return gt(n.left + r.x, n.top + r.y, r.width, r.height);
+	})(c, o), u = "row" === r ? d.top : d.left, g = "row" === r ? d.bottom : d.right, h = "start" === l ? u : "end" === l ? g : (u + g) / 2, f = mt(wt(c), n);
 	return {
 		pane: c,
 		visible: s.visible,
 		value: h,
 		lo: u,
 		hi: g,
-		vLo: "row" === r ? p.top : p.left,
-		vHi: "row" === r ? p.bottom : p.right
+		vLo: "row" === r ? f.top : f.left,
+		vHi: "row" === r ? f.bottom : f.right
 	};
-}, It = (e, t, n, r, o, l, i) => {
-	const a = Ct(e, t, n, r, o, l);
+}, Pt = (e, t, n, r, o, l, i) => {
+	const a = It(e, t, n, r, o, l);
 	if (!a.visible) return {
 		res: a,
 		edge: l,
@@ -1573,7 +1598,7 @@ var dt = !1, ut = (e, t, n, r) => ({
 		hidden: !0
 	};
 	if ("flip" === i && "center" !== l) {
-		const i = "start" === l ? "end" : "start", a = Ct(e, t, n, r, o, i);
+		const i = "start" === l ? "end" : "start", a = It(e, t, n, r, o, i);
 		if (a.visible && a.value >= a.vLo && a.value <= a.vHi) return {
 			res: a,
 			edge: i,
@@ -1585,15 +1610,15 @@ var dt = !1, ut = (e, t, n, r) => ({
 		edge: l,
 		hidden: !1
 	};
-}, Pt = (e, t, n = "data", r = 0, o = wt, l = "hide", i = xt) => {
+}, Rt = (e, t, n = "data", r = 0, o = xt, l = "hide", i = vt) => {
 	const a = {
 		side: o.side,
 		align: o.align ?? "center"
 	};
 	if (!e) return {
-		rect: gt,
+		rect: ht,
 		clipped: !0,
-		boundaryRect: gt,
+		boundaryRect: ht,
 		clampedTo: null,
 		anchorPoint: {
 			x: 0,
@@ -1607,13 +1632,13 @@ var dt = !1, ut = (e, t, n, r) => ({
 	const s = ((e, t) => {
 		if (t && "object" == typeof t) {
 			const e = t;
-			return ut(e.x, e.y, e.width, e.height);
+			return gt(e.x, e.y, e.width, e.height);
 		}
 		const n = pt(e);
 		if ("viewport" === t && n) return n;
 		if ("pane" === t) {
-			const t = ht(e), r = e.getPaneBounds();
-			return ft(ut(t.x, t.y, r.width, r.height), n);
+			const t = ft(e), r = e.getPaneBounds();
+			return mt(gt(t.x, t.y, r.width, r.height), n);
 		}
 		const r = e.getAllPanes();
 		let o = 1 / 0, l = 1 / 0, i = -1 / 0, a = -1 / 0;
@@ -1622,10 +1647,10 @@ var dt = !1, ut = (e, t, n, r) => ({
 			t && (o = Math.min(o, t.left), l = Math.min(l, t.top), i = Math.max(i, t.right), a = Math.max(a, t.bottom));
 		}
 		if (o === 1 / 0) {
-			const t = ht(e), r = e.getPaneBounds();
-			return ft(ut(t.x, t.y, r.width, r.height), n);
+			const t = ft(e), r = e.getPaneBounds();
+			return mt(gt(t.x, t.y, r.width, r.height), n);
 		}
-		return ft(ut(o, l, i - o, a - l), n);
+		return mt(gt(o, l, i - o, a - l), n);
 	})(e, n), c = (e) => {
 		if (r <= 0) return !1;
 		const t = (n = e, o = s, {
@@ -1636,7 +1661,7 @@ var dt = !1, ut = (e, t, n, r) => ({
 		return t.w <= r || t.h <= r;
 	};
 	if ("point" in t) {
-		const n = ut(t.point.x, t.point.y, 0, 0), r = Et(s, n), o = e.getPaneFromPointer(t.point.x, t.point.y);
+		const n = gt(t.point.x, t.point.y, 0, 0), r = Ct(s, n), o = e.getPaneFromPointer(t.point.x, t.point.y);
 		return {
 			rect: n,
 			clipped: null !== r,
@@ -1650,12 +1675,12 @@ var dt = !1, ut = (e, t, n, r) => ({
 		};
 	}
 	if ("edge" in t) {
-		const n = ht(e), r = e.getPaneBounds();
+		const n = ft(e), r = e.getPaneBounds();
 		let o = n.x + r.width / 2, l = n.y + r.height / 2;
 		"t" === t.edge ? l = n.y : "b" === t.edge ? l = n.y + r.height : "l" === t.edge ? o = n.x : "r" === t.edge && (o = n.x + r.width);
 		const i = e.getPaneFromPointer(o, l) ?? e;
 		return {
-			rect: ut(o, l, 0, 0),
+			rect: gt(o, l, 0, 0),
 			clipped: !1,
 			boundaryRect: s,
 			clampedTo: null,
@@ -1670,7 +1695,7 @@ var dt = !1, ut = (e, t, n, r) => ({
 		};
 	}
 	if ("bounds" in t) {
-		const n = ht(e), r = t.bounds, o = e.toClipBounds(r, 0), l = ut(n.x + r.x, n.y + r.y, r.width, r.height), i = null === o || c(l), u = ((e, t) => {
+		const n = ft(e), r = t.bounds, o = e.toClipBounds(r, 0), l = gt(n.x + r.x, n.y + r.y, r.width, r.height), i = null === o || c(l), u = ((e, t) => {
 			const { side: n, align: r = "center" } = t;
 			if ("t" === n || "b" === n) {
 				const t = "t" === n ? e.top : e.bottom;
@@ -1688,7 +1713,7 @@ var dt = !1, ut = (e, t, n, r) => ({
 			rect: l,
 			clipped: i,
 			boundaryRect: s,
-			clampedTo: Et(s, (d = u, ut(d.x, d.y, 0, 0))),
+			clampedTo: Ct(s, (d = u, gt(d.x, d.y, 0, 0))),
 			anchorPoint: u,
 			owner: e.getAnchor(),
 			slid: null,
@@ -1709,28 +1734,28 @@ var dt = !1, ut = (e, t, n, r) => ({
 			};
 		}
 		return null;
-	})(t), g = e.getAllPanes(), h = pt(e), { side: p, align: f } = a, m = "t" === p || "b" === p ? "row" : "col", w = "row" === m ? "col" : "row", x = "t" === p || "l" === p ? "start" : "end", v = {
-		side: i.side ?? xt.side,
-		align: i.align ?? xt.align
-	}, y = It(e, g, h, m, u, x, v.side), b = It(e, g, h, w, u, f, v.align), S = "row" === m ? y : b, E = "col" === m ? y : b, C = S.res.visible && E.res.visible && !S.hidden && !E.hidden, I = {
+	})(t), g = e.getAllPanes(), h = pt(e), { side: f, align: p } = a, m = "t" === f || "b" === f ? "row" : "col", w = "row" === m ? "col" : "row", x = "t" === f || "l" === f ? "start" : "end", v = {
+		side: i.side ?? vt.side,
+		align: i.align ?? vt.align
+	}, y = Pt(e, g, h, m, u, x, v.side), b = Pt(e, g, h, w, u, p, v.align), S = "row" === m ? y : b, E = "col" === m ? y : b, C = S.res.visible && E.res.visible && !S.hidden && !E.hidden, I = {
 		side: "row" === m ? "start" === y.edge ? "t" : "b" : "start" === y.edge ? "l" : "r",
 		align: b.edge
 	}, P = E.res.value, R = S.res.value, M = (e) => Math.max(E.res.vLo, Math.min(E.res.vHi, e)), D = (e) => Math.max(S.res.vLo, Math.min(S.res.vHi, e)), k = M(P), T = D(R), z = {
 		x: k,
 		y: T
-	}, O = M(E.res.lo), L = D(S.res.lo), $ = ut(O, L, M(E.res.hi) - O, D(S.res.hi) - L), F = k - P, N = T - R, A = Math.abs(N) >= Math.abs(F) ? N < 0 ? "b" : N > 0 ? "t" : F < 0 ? "r" : F > 0 ? "l" : null : F < 0 ? "r" : F > 0 ? "l" : N < 0 ? "b" : N > 0 ? "t" : null, B = F || N ? {
-		dx: F,
-		dy: N,
-		distance: Math.hypot(F, N),
-		direction: A ?? "t"
+	}, O = M(E.res.lo), L = D(S.res.lo), $ = gt(O, L, M(E.res.hi) - O, D(S.res.hi) - L), A = k - P, F = T - R, N = Math.abs(F) >= Math.abs(A) ? F < 0 ? "b" : F > 0 ? "t" : A < 0 ? "r" : A > 0 ? "l" : null : A < 0 ? "r" : A > 0 ? "l" : F < 0 ? "b" : F > 0 ? "t" : null, B = A || F ? {
+		dx: A,
+		dy: F,
+		distance: Math.hypot(A, F),
+		direction: N ?? "t"
 	} : null;
 	return C || "hide" !== l ? {
 		rect: $,
 		clipped: !1,
 		boundaryRect: s,
-		clampedTo: A,
+		clampedTo: N,
 		anchorPoint: z,
-		owner: St(S.res.pane, E.res.pane),
+		owner: Et(S.res.pane, E.res.pane),
 		slid: B,
 		outOfView: !C,
 		placement: I
@@ -1738,20 +1763,20 @@ var dt = !1, ut = (e, t, n, r) => ({
 		rect: $,
 		clipped: !0,
 		boundaryRect: s,
-		clampedTo: A,
+		clampedTo: N,
 		anchorPoint: z,
 		owner: null,
 		slid: null,
 		outOfView: !0,
 		placement: I
 	};
-}, Rt = n(null), Mt = () => {
-	const e = s(Rt);
+}, Mt = n(null), Dt = () => {
+	const e = s(Mt);
 	if (!e) throw new Error("useSticky must be used within a <StickyAnchor>");
 	return e;
-}, Dt = () => s(Rt), kt = (e) => {
-	const { anchor: t, placement: n = wt, boundary: r = "data", whenOff: o = "hide", whenPartial: l, minVisible: i = 0, children: s } = e, { reference: c, getBoundaryRect: d, getAnchorPoint: h, anchorPoint: f, owner: m, clipped: w, slid: v, outOfView: y, pane: b, placement: S } = ((e, t) => {
-		const n = Je(), r = t?.pane ?? n, o = t?.boundary ?? "data", l = t?.minVisible ?? 0, i = t?.placement ?? wt, a = t?.whenOff ?? "hide", s = t?.whenPartial ?? xt, c = p({
+}, kt = () => s(Mt), Tt = (e) => {
+	const { anchor: t, placement: n = xt, boundary: r = "data", whenOff: o = "hide", whenPartial: l, minVisible: i = 0, children: s } = e, { reference: c, getBoundaryRect: d, getAnchorPoint: h, anchorPoint: p, owner: m, clipped: w, slid: v, outOfView: y, pane: b, placement: S } = ((e, t) => {
+		const n = Qe(), r = t?.pane ?? n, o = t?.boundary ?? "data", l = t?.minVisible ?? 0, i = t?.placement ?? xt, a = t?.whenOff ?? "hide", s = t?.whenPartial ?? vt, c = f({
 			pane: r,
 			anchor: e,
 			boundary: o,
@@ -1772,7 +1797,7 @@ var dt = !1, ut = (e, t, n, r) => ({
 		const d = g(() => {
 			const e = () => {
 				const e = c.current;
-				return Pt(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff, e.whenPartial);
+				return Rt(e.pane, e.anchor, e.boundary, e.minVisible, e.placement, e.whenOff, e.whenPartial);
 			};
 			return {
 				reference: {
@@ -1784,7 +1809,7 @@ var dt = !1, ut = (e, t, n, r) => ({
 				getBoundaryRect: () => e().boundaryRect,
 				getAnchorPoint: () => e().anchorPoint
 			};
-		}, []), u = Pt(r, e, o, l, i, a, s);
+		}, []), u = Rt(r, e, o, l, i, a, s);
 		return {
 			reference: d.reference,
 			getBoundaryRect: d.getBoundaryRect,
@@ -1812,18 +1837,18 @@ var dt = !1, ut = (e, t, n, r) => ({
 		rowEnd: t.cell.rowIndex,
 		colEnd: t.cell.colIndex
 	}) : "bounds" in t && (C = t.bounds));
-	const I = p(t);
+	const I = f(t);
 	I.current = t;
-	const P = p(b);
+	const P = f(b);
 	P.current = b;
 	const R = a((e) => {
-		const t = Tt(I.current), n = P.current;
+		const t = zt(I.current), n = P.current;
 		return n && t ? n.scrollCellCoordsIntoView(t, e) : Promise.resolve(void 0);
 	}, []), M = g(() => ({
 		reference: c,
 		getBoundaryRect: d,
 		getAnchorPoint: h,
-		anchorPoint: f,
+		anchorPoint: p,
 		bounds: C,
 		owner: m,
 		isOwner: E,
@@ -1837,8 +1862,8 @@ var dt = !1, ut = (e, t, n, r) => ({
 		c,
 		d,
 		h,
-		f.x,
-		f.y,
+		p.x,
+		p.y,
 		C?.x,
 		C?.y,
 		C?.width,
@@ -1852,11 +1877,11 @@ var dt = !1, ut = (e, t, n, r) => ({
 		S.align,
 		b,
 		R
-	]), D = E && !w && null != b, k = "function" != typeof s, T = p(null), z = p(null);
+	]), D = E && !w && null != b, k = "function" != typeof s, T = f(null), z = f(null);
 	let O = null;
 	if (D && !k) O = s(M);
 	else if (D) {
-		const e = b.getElement()?.getBoundingClientRect(), t = f.x - (e?.left ?? 0), n = f.y - (e?.top ?? 0);
+		const e = b.getElement()?.getBoundingClientRect(), t = p.x - (e?.left ?? 0), n = p.y - (e?.top ?? 0);
 		O = x("div", {
 			ref: T,
 			className: "sticky-layer",
@@ -1864,7 +1889,7 @@ var dt = !1, ut = (e, t, n, r) => ({
 				position: "absolute",
 				left: 0,
 				top: 0,
-				transform: `translate3d(${t}px, ${n}px, 0) ${zt(S)}`,
+				transform: `translate3d(${t}px, ${n}px, 0) ${Ot(S)}`,
 				willChange: "transform"
 			},
 			children: x("div", {
@@ -1880,29 +1905,29 @@ var dt = !1, ut = (e, t, n, r) => ({
 		if (!r) return;
 		let o = 0, l = 0;
 		n.left < r.left ? o = r.left - n.left : n.right > r.right && (o = Math.min(0, r.right - n.right)), n.top < r.top ? l = r.top - n.top : n.bottom > r.bottom && (l = Math.min(0, r.bottom - n.bottom)), t.style.transform = o || l ? `translate(${o}px, ${l}px)` : "";
-	}), x(Rt.Provider, {
+	}), x(Mt.Provider, {
 		value: M,
 		children: O
 	});
-}, Tt = (e) => "range" in e ? {
+}, zt = (e) => "range" in e ? {
 	rowIndex: e.range.rowStart,
 	colIndex: e.range.colStart
 } : "cell" in e ? {
 	rowIndex: e.cell.rowIndex,
 	colIndex: e.cell.colIndex
-} : null, zt = (e) => {
+} : null, Ot = (e) => {
 	const { side: t, align: n = "center" } = e;
 	let r = "-50%", o = "-50%";
 	"t" === t ? o = "-100%" : "b" === t ? o = "0%" : "l" === t ? r = "-100%" : "r" === t && (r = "0%");
 	const l = "start" === n ? "0%" : "end" === n ? "-100%" : "-50%";
 	return "t" === t || "b" === t ? r = l : o = l, `translate(${r}, ${o})`;
 };
-kt.displayName = "StickyAnchor";
-var Ot = (e) => {
+Tt.displayName = "StickyAnchor";
+var Lt = (e) => {
 	const { side: t, align: n = "center" } = e;
 	return ("t" === t ? "top" : "b" === t ? "bottom" : "l" === t ? "left" : "right") + ("start" === n ? "-start" : "end" === n ? "-end" : "");
-}, Lt = { padding: 4 }, $t = (e) => {
-	const { state: t, offset: n, alignOffset: r, open: o, container: l, className: i, style: a, zIndex: s, themeFrom: c, renderOffscreen: d, children: g, onMount: h, onOpening: f, onOpen: m, onClosing: v, onClose: y } = e, S = p(null);
+}, $t = { padding: 4 }, At = (e) => {
+	const { state: t, offset: n, alignOffset: r, open: o, container: l, className: i, style: a, zIndex: s, themeFrom: c, renderOffscreen: d, children: g, onMount: h, onOpening: p, onOpen: m, onClosing: v, onClose: y } = e, S = f(null);
 	u(() => {
 		S.current?.instance()?.update();
 	}, [t]);
@@ -1914,13 +1939,13 @@ var Ot = (e) => {
 		ref: S,
 		open: o,
 		anchorEl: t.reference,
-		placement: Ot(t.placement),
+		placement: Lt(t.placement),
 		offsets: {
 			mainAxis: n,
 			alignmentAxis: r
 		},
 		boundary: t.getBoundaryRect,
-		shift: Lt,
+		shift: $t,
 		strategy: "fixed",
 		resizeOnOverflow: !1,
 		transition: !1,
@@ -1930,22 +1955,22 @@ var Ot = (e) => {
 		style: a,
 		zIndex: s,
 		onMount: h,
-		onOpening: f,
+		onOpening: p,
 		onOpen: m,
 		onClosing: v,
 		onClose: y,
 		children: Array.isArray(E) ? x(w, { children: E }) : E
 	});
 }, Ft = (e) => {
-	const { anchor: t, placement: n, whenOff: r, whenPartial: o, boundary: l, minVisible: i, offset: a = 4, alignOffset: s = 0, open: c = !0, container: d, className: u, style: g, zIndex: h = H("grid"), themeFrom: p = "anchor", renderOffscreen: f, children: m, onMount: w, onOpening: v, onOpen: y, onClosing: b, onClose: S } = e;
-	return x(kt, {
+	const { anchor: t, placement: n, whenOff: r, whenPartial: o, boundary: l, minVisible: i, offset: a = 4, alignOffset: s = 0, open: c = !0, container: d, className: u, style: g, zIndex: h = H("grid"), themeFrom: f = "anchor", renderOffscreen: p, children: m, onMount: w, onOpening: v, onOpen: y, onClosing: b, onClose: S } = e;
+	return x(Tt, {
 		anchor: t,
 		placement: n,
 		whenOff: r,
 		whenPartial: o,
 		boundary: l,
 		minVisible: i,
-		children: (e) => x($t, {
+		children: (e) => x(At, {
 			state: e,
 			offset: a,
 			alignOffset: s,
@@ -1954,8 +1979,8 @@ var Ot = (e) => {
 			className: u,
 			style: g,
 			zIndex: h,
-			themeFrom: p,
-			renderOffscreen: f,
+			themeFrom: f,
+			renderOffscreen: p,
 			onMount: w,
 			onOpening: v,
 			onOpen: y,
@@ -1972,8 +1997,8 @@ var Nt = (e) => {
 		side: "top" === t ? "t" : "left" === t ? "l" : "right" === t ? "r" : "b",
 		align: "start" === n ? "start" : "end" === n ? "end" : "center"
 	};
-}, At = (e) => {
-	const { open: t, anchorEl: n, floatReference: r, renderPopupPanel: o, propsPopper: l, onMount: i, onOpening: a, onOpen: s, onClosing: c, onClose: d, children: u, className: g, label: h, anchorPosition: m, ...w } = e, b = p(null), [S, E] = f(), C = O((e, t) => {
+}, Bt = (e) => {
+	const { open: t, anchorEl: n, floatReference: r, renderPopupPanel: o, propsPopper: l, onMount: i, onOpening: a, onOpen: s, onClosing: c, onClose: d, children: u, className: g, label: h, anchorPosition: m, ...w } = e, b = f(null), [S, E] = p(), C = O((e, t) => {
 		E(e), i?.(b.current, t);
 	}, [i]), I = O(() => {
 		r?.close(0);
@@ -2001,22 +2026,22 @@ var Nt = (e) => {
 				renderPopupPanel: o,
 				...w,
 				children: u
-			}), x(Bt, {
+			}), x(Vt, {
 				outOfView: t && e.outOfView,
 				close: I
 			})]
 		})
 	});
 };
-At.displayName = "GridFloatPanel";
-var Bt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
+Bt.displayName = "GridFloatPanel";
+var Vt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 	t && n();
-}, [t]), null), Vt = (e) => x(At, { ...e }), Ht = {
+}, [t]), null), Ht = (e) => x(Bt, { ...e }), Kt = {
 	enterDelay: 300,
 	enterNextDelay: 0,
 	armedFor: 800,
 	leaveDelay: 400
-}, Kt = () => {
+}, _t = () => {
 	let e = null;
 	const t = /* @__PURE__ */ new Set();
 	let n = -1 / 0, r = null;
@@ -2054,13 +2079,13 @@ var Bt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 			for (const e of [...t]) e.forceClose();
 		}
 	};
-}, _t = {
-	timing: Ht,
-	group: Kt()
-}, Wt = n(null), Ut = () => s(Wt) ?? _t, jt = (e) => {
-	const { timing: t, renderTooltip: n, isolate: r, children: o } = e, l = s(Wt), i = r || !l, a = p(null);
-	i && null === a.current && (a.current = Kt());
-	const c = i ? a.current : l.group, d = l ?? _t, u = g(() => ({
+}, Wt = {
+	timing: Kt,
+	group: _t()
+}, Ut = n(null), jt = () => s(Ut) ?? Wt, Gt = (e) => {
+	const { timing: t, renderTooltip: n, isolate: r, children: o } = e, l = s(Ut), i = r || !l, a = f(null);
+	i && null === a.current && (a.current = _t());
+	const c = i ? a.current : l.group, d = l ?? Wt, u = g(() => ({
 		timing: t ? {
 			...d.timing,
 			...t
@@ -2076,13 +2101,13 @@ var Bt = ({ outOfView: t, close: n }) => (e.useEffect(() => {
 		t?.armedFor,
 		t?.leaveDelay
 	]);
-	return x(Wt.Provider, {
+	return x(Ut.Provider, {
 		value: u,
 		children: o
 	});
 };
-jt.displayName = "TooltipProvider";
-var Gt = {
+Gt.displayName = "TooltipProvider";
+var Xt = {
 	boxSizing: "border-box",
 	maxWidth: 300,
 	padding: "2px 6px",
@@ -2094,20 +2119,20 @@ var Gt = {
 	border: "1px solid var(--sxl-color-base-300, rgba(0, 0, 0, 0.2))",
 	boxShadow: "0 2px 8px var(--sxl-color-shadow, rgba(0, 0, 0, 0.35))",
 	overflowWrap: "break-word"
-}, Xt = (e) => {
+}, Yt = (e) => {
 	const { children: t, interactive: n, tipProps: r, className: o, style: l } = e;
 	return x("div", {
 		...r,
 		className: o,
 		style: {
-			...Gt,
+			...Xt,
 			...l,
 			pointerEvents: n ? "auto" : "none"
 		},
 		children: t
 	});
-}, Yt = { pointerEvents: "auto" }, qt = (e = {}) => {
-	const { openDelay: t, closeDelay: n, group: r = !0, name: o, gesture: l = !1 } = e, i = Ut(), s = L(), u = d(), h = o ?? u, [m, w] = f(!1), x = p(!1), v = p(null), y = p(!1), b = p(null), S = p(null), E = p(null), C = p({
+}, qt = { pointerEvents: "auto" }, Zt = (e = {}) => {
+	const { openDelay: t, closeDelay: n, group: r = !0, name: o, gesture: l = !1 } = e, i = jt(), s = L(), u = d(), h = o ?? u, [m, w] = p(!1), x = f(!1), v = f(null), y = f(!1), b = f(null), S = f(null), E = f(null), C = f({
 		surface: i,
 		popupOpen: s,
 		openDelay: t,
@@ -2127,7 +2152,7 @@ var Gt = {
 		S.current && (clearTimeout(S.current), S.current = null);
 	}, P = () => {
 		E.current && (clearTimeout(E.current), E.current = null);
-	}, R = p(h);
+	}, R = f(h);
 	R.current = h;
 	const M = g(() => ({
 		get key() {
@@ -2182,7 +2207,7 @@ var Gt = {
 		onPointerLeave: () => {
 			y.current = !1, T();
 		},
-		style: Yt
+		style: qt
 	}), [T]);
 	return c(() => () => {
 		I(), P(), x.current && C.current.group && C.current.surface.group.release(M);
@@ -2192,27 +2217,27 @@ var Gt = {
 		tipProps: $,
 		close: O
 	};
-}, Zt = { pointerEvents: "none" }, Jt = { display: "contents" }, Qt = (e) => {
+}, Jt = { pointerEvents: "none" }, Qt = { display: "contents" }, en = (e) => {
 	e.stopPropagation();
-}, en = {
+}, tn = {
 	target: null,
 	aimed: null
-}, tn = (e) => ({
+}, nn = (e) => ({
 	key: e.key ?? Pe(e.range),
 	range: e.range,
 	data: e.data,
 	placement: e.placement,
 	alignOffset: e.alignOffset
-}), nn = (e) => e ? e.key ?? Pe(e.range) : null, rn = (e) => {
+}), rn = (e) => e ? e.key ?? Pe(e.range) : null, on = (e) => {
 	const t = e.getCoords();
 	return t ? `${t.rowIndex},${t.colIndex}` : null;
-}, on = (t) => {
-	const { hovered: n, selection: r, probe: o, name: l, target: i, dismiss: a, placement: d, offset: u = 6, alignOffset: g = 0, openDelay: h, closeDelay: m, group: w, hold: v = !1, whenOff: y = "hide", whenPartial: b, boundary: S, zIndex: E, interactive: C = "pointer", onDismiss: I, children: P, style: R } = t, M = Ze(), D = s(Me), k = void 0 !== n, T = !!r, z = void 0 !== i, L = `range-float:${l ?? D}`, { open: $, setTarget: F, tipProps: N, close: A } = qt({
+}, ln = (t) => {
+	const { hovered: n, selection: r, probe: o, name: l, target: i, dismiss: a, placement: d, offset: u = 6, alignOffset: g = 0, openDelay: h, closeDelay: m, group: w, hold: v = !1, whenOff: y = "hide", whenPartial: b, boundary: S, zIndex: E, interactive: C = "pointer", onDismiss: I, children: P, style: R } = t, M = Je(), D = s(Me), k = void 0 !== n, T = !!r, z = void 0 !== i, L = `range-float:${l ?? D}`, { open: $, setTarget: A, tipProps: F, close: N } = Zt({
 		openDelay: h,
 		closeDelay: m,
 		name: L,
 		group: w
-	}), [V, H] = et(L, en), K = k ? nn(n) : null, _ = e.useRef(n);
+	}), [V, H] = tt(L, tn), K = k ? rn(n) : null, _ = e.useRef(n);
 	_.current = n, c(() => {
 		if (!k) return;
 		const e = _.current;
@@ -2220,7 +2245,7 @@ var Gt = {
 			target: e.target,
 			aimed: null
 		});
-		const t = tn(e);
+		const t = nn(e);
 		H((e) => e.aimed === t.key && e.target?.key === t.key ? e : {
 			target: t,
 			aimed: t.key
@@ -2232,34 +2257,34 @@ var Gt = {
 	]);
 	const W = k ? V.aimed : null;
 	c(() => {
-		F(W);
-	}, [W, F]);
-	const [U, j] = f(null), G = p(null), X = p(!1);
+		A(W);
+	}, [W, A]);
+	const [U, j] = p(null), G = f(null), X = f(!1);
 	c(() => {
-		a && (A(), j(null), H(en));
+		a && (N(), j(null), H(tn));
 	}, [
 		a,
-		A,
+		N,
 		H
 	]);
 	const Y = O((e) => {
 		const t = null !== U;
-		if (A(), j(null), H(en), I?.(), !t) return;
+		if (N(), j(null), H(tn), I?.(), !t) return;
 		const n = M.getElement()?.ownerDocument.activeElement;
 		e && n && n !== n.ownerDocument.body || M.focus();
 	}, [
 		U,
-		A,
+		N,
 		H,
 		I,
 		M
-	]), q = B(T ? r : void 0, rn);
+	]), q = B(T ? r : void 0, on);
 	let Z = null;
 	if (T && !a && r && null !== q) {
 		const e = o?.(r.getCoords(), M);
-		e && e.range && (Z = tn(e));
+		e && e.range && (Z = nn(e));
 	}
-	const J = k ? V.target : null, Q = ($ || v) && null !== J, ee = z ? null === i ? null : tn(i) : Q ? J : Z ?? J, te = U ? ee?.key === U.key ? ee : U : ee, ne = null !== U || (z ? null !== te : Q || null !== Z), re = "focus" === C && ne && null !== te;
+	const J = k ? V.target : null, Q = ($ || v) && null !== J, ee = z ? null === i ? null : nn(i) : Q ? J : Z ?? J, te = U ? ee?.key === U.key ? ee : U : ee, ne = null !== U || (z ? null !== te : Q || null !== Z), re = "focus" === C && ne && null !== te;
 	if (c(() => {
 		if (!re) return;
 		const e = M.getElement()?.ownerDocument ?? ("undefined" != typeof document ? document : null);
@@ -2281,9 +2306,9 @@ var Gt = {
 		G.current && clearTimeout(G.current);
 	}, []), !te) return null;
 	const oe = "none" === C ? {
-		...N,
-		style: Zt
-	} : N;
+		...F,
+		style: Jt
+	} : F;
 	return x(Ft, {
 		anchor: { range: te.range },
 		placement: te.placement ?? d,
@@ -2296,7 +2321,7 @@ var Gt = {
 		whenPartial: b,
 		style: "none" === C ? {
 			...R,
-			...Zt
+			...Jt
 		} : R,
 		children: (e) => {
 			const t = P({
@@ -2309,25 +2334,25 @@ var Gt = {
 			const n = "focus" === C;
 			return x("div", {
 				className: "range-float-frame",
-				style: Jt,
+				style: Qt,
 				onPointerDownCapture: n ? () => {
 					X.current = !0;
 				} : void 0,
-				onPointerDown: Qt,
-				onPointerUp: Qt,
-				onMouseDown: Qt,
-				onMouseUp: Qt,
-				onClick: Qt,
-				onDoubleClick: Qt,
-				onContextMenu: Qt,
+				onPointerDown: en,
+				onPointerUp: en,
+				onMouseDown: en,
+				onMouseUp: en,
+				onClick: en,
+				onDoubleClick: en,
+				onContextMenu: en,
 				onKeyDown: (e) => {
 					e.stopPropagation(), n && "Escape" === e.key && !e.defaultPrevented && Y(!1);
 				},
-				onKeyUp: Qt,
-				onCopy: Qt,
-				onCut: Qt,
-				onPaste: Qt,
-				onWheel: Qt,
+				onKeyUp: en,
+				onCopy: en,
+				onCut: en,
+				onPaste: en,
+				onWheel: en,
 				onFocus: n ? () => {
 					G.current && (clearTimeout(G.current), G.current = null), U || j(te);
 				} : void 0,
@@ -2341,19 +2366,19 @@ var Gt = {
 		}
 	});
 };
-on.displayName = "VirtualRangeFloat";
-var ln = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, an = (e) => {
-	const { activateOn: t, probe: n, selection: r, hoveredOver: o, className: l, onPointerMove: i, onPointerLeave: a, ...s } = e, c = Ze(), d = ln(t, "hover"), u = ln(t, "selection"), [g, h] = f(null), p = O((e) => {
+ln.displayName = "VirtualRangeFloat";
+var an = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, sn = (e) => {
+	const { activateOn: t, probe: n, selection: r, hoveredOver: o, className: l, onPointerMove: i, onPointerLeave: a, ...s } = e, c = Je(), d = an(t, "hover"), u = an(t, "selection"), [g, h] = p(null), f = O((e) => {
 		const t = c.getCellFromPointer(e.clientX, e.clientY), r = t ? n?.(t, c) ?? null : null, o = r?.range ? r : null;
-		h((e) => nn(e) === nn(o) ? e : o);
+		h((e) => rn(e) === rn(o) ? e : o);
 	}, [c, n]), m = O(() => {
 		h(null);
 	}, []);
-	return x(ot, {
+	return x(lt, {
 		className: Y(l, "range-float"),
-		onPointerMove: d ? p : void 0,
+		onPointerMove: d ? f : void 0,
 		onPointerLeave: d ? m : void 0,
-		children: x(on, {
+		children: x(ln, {
 			...s,
 			hovered: d ? o ?? g : void 0,
 			selection: u ? r : void 0,
@@ -2361,10 +2386,10 @@ var ln = (e, t) => Array.isArray(e) ? e.includes(t) : e === t, an = (e) => {
 		})
 	});
 };
-an.displayName = "RangeFloatLayer";
-var sn = (e) => {
-	const { children: t, className: n, style: r, interactive: o = !1, bubble: l = !0, ...i } = e, { renderTooltip: a } = Ut(), s = a ?? Xt;
-	return x(an, {
+sn.displayName = "RangeFloatLayer";
+var cn = (e) => {
+	const { children: t, className: n, style: r, interactive: o = !1, bubble: l = !0, ...i } = e, { renderTooltip: a } = jt(), s = a ?? Yt;
+	return x(sn, {
 		...i,
 		activateOn: "hover",
 		className: Y(n, "range-tooltip"),
@@ -2390,18 +2415,18 @@ var sn = (e) => {
 		}
 	});
 };
-sn.displayName = "RangeTooltipLayer";
-var cn = {
+cn.displayName = "RangeTooltipLayer";
+var dn = {
 	side: "b",
 	align: "end"
-}, dn = (e) => {
+}, un = (e) => {
 	const { side: t, align: n = "center" } = e;
 	return ("t" === t ? "top" : "b" === t ? "bottom" : "l" === t ? "left" : "right") + ("start" === n ? "-start" : "end" === n ? "-end" : "");
-}, un = { pointerEvents: "none" }, gn = (e) => {
-	const { active: t, anchor: n, placement: r = cn, offset: o = 8, alignOffset: l = 0, glide: i, boundary: a, themeFrom: s = "provider", name: c, className: d, children: g } = e, { renderTooltip: h } = Ut(), m = h ?? Xt, { open: w, setTarget: v, close: y, tipProps: S } = qt({
+}, gn = { pointerEvents: "none" }, hn = (e) => {
+	const { active: t, anchor: n, placement: r = dn, offset: o = 8, alignOffset: l = 0, glide: i, boundary: a, themeFrom: s = "provider", name: c, className: d, children: g } = e, { renderTooltip: h } = jt(), m = h ?? Yt, { open: w, setTarget: v, close: y, tipProps: S } = Zt({
 		gesture: !0,
 		name: c
-	}), E = p(null), [C, P] = f(!1);
+	}), E = f(null), [C, P] = p(!1);
 	u(() => {
 		t ? v("gesture") : y();
 	}, [
@@ -2416,14 +2441,14 @@ var cn = {
 		R || P(!1);
 	}, [R]), !R) return null;
 	const M = Y(d, "gesture-tip"), D = () => P(!0), k = C && i?.duration ? {
-		...un,
+		...gn,
 		transition: `transform ${i.duration}ms ${i.easing ?? "ease-in-out"}`
-	} : un;
+	} : gn;
 	return ((e) => void 0 !== e.element)(n) ? x(b, {
 		ref: E,
 		open: !0,
 		anchorEl: n.element,
-		placement: dn(r),
+		placement: un(r),
 		offsets: {
 			mainAxis: o,
 			alignmentAxis: l
@@ -2469,8 +2494,8 @@ var cn = {
 		})
 	});
 };
-gn.displayName = "GestureTip";
-var hn = {
+hn.displayName = "GestureTip";
+var fn = {
 	t: "↑",
 	b: "↓",
 	l: "←",
@@ -2481,10 +2506,10 @@ var hn = {
 		t = String.fromCharCode(65 + n % 26) + t, n = Math.floor(n / 26) - 1;
 	while (n >= 0);
 	return t;
-}, fn = (e) => {
+}, mn = (e) => {
 	const t = `${pn(e.colStart)}${e.rowStart + 1}`, n = `${pn(e.colEnd)}${e.rowEnd + 1}`;
 	return t === n ? t : `${t}:${n}`;
-}, mn = {
+}, wn = {
 	border: "none",
 	background: "transparent",
 	color: "inherit",
@@ -2495,7 +2520,7 @@ var hn = {
 	height: 18,
 	borderRadius: 4,
 	opacity: .6
-}, wn = {
+}, xn = {
 	position: "relative",
 	background: "var(--sxl-color-base-100, white)",
 	color: "var(--sxl-color-base-content, #222)",
@@ -2505,7 +2530,7 @@ var hn = {
 	boxShadow: "0 6px 24px var(--sxl-color-shadow, rgba(0,0,0,0.2))",
 	pointerEvents: "auto",
 	maxWidth: 320
-}, xn = {
+}, vn = {
 	display: "inline-flex",
 	alignItems: "center",
 	gap: 8,
@@ -2515,8 +2540,8 @@ var hn = {
 	padding: "4px 6px 4px 12px",
 	boxShadow: "0 2px 10px var(--sxl-color-shadow, rgba(0,0,0,0.3))",
 	pointerEvents: "auto"
-}, vn = ({ direction: e, label: t, onGoto: n, onCancel: r }) => v("div", {
-	style: xn,
+}, yn = ({ direction: e, label: t, onGoto: n, onCancel: r }) => v("div", {
+	style: vn,
 	children: [v("button", {
 		onClick: n,
 		style: {
@@ -2527,7 +2552,7 @@ var hn = {
 			font: "12px system-ui"
 		},
 		children: [
-			hn[e],
+			fn[e],
 			" ",
 			t
 		]
@@ -2535,12 +2560,12 @@ var hn = {
 		"aria-label": "Cancel",
 		onClick: r,
 		style: {
-			...mn,
+			...wn,
 			opacity: .8
 		},
 		children: "×"
 	})]
-}), yn = (e) => {
+}), bn = (e) => {
 	const { range: t, placement: n = {
 		side: "t",
 		align: "start"
@@ -2553,23 +2578,23 @@ var hn = {
 		whenOff: "clamp",
 		zIndex: s,
 		open: !0,
-		renderOffscreen: (e) => x(vn, {
+		renderOffscreen: (e) => x(yn, {
 			direction: e.slid?.direction ?? n.side,
-			label: l ?? fn(t),
+			label: l ?? mn(t),
 			onGoto: () => i ? i(e) : e.scrollIntoView(),
 			onCancel: a
 		}),
 		children: (e) => v("div", {
 			className: c,
 			style: {
-				...wn,
+				...xn,
 				...d
 			},
 			children: [a && x("button", {
 				"aria-label": "Cancel",
 				onClick: a,
 				style: {
-					...mn,
+					...wn,
 					position: "absolute",
 					top: 4,
 					right: 4
@@ -2579,8 +2604,8 @@ var hn = {
 		})
 	});
 };
-yn.displayName = "RangePrompt";
-var bn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), Sn = () => {
+bn.displayName = "RangePrompt";
+var Sn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), En = () => {
 	const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
 	let n = 0, r = 0;
 	const o = () => {
@@ -2610,7 +2635,7 @@ var bn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), Sn =
 			for (const o of e.values()) {
 				const e = o.props.range;
 				if (!W.isCellWithinRange(t, e)) continue;
-				const l = bn(e);
+				const l = Sn(e);
 				(l < r || l === r && null !== n && o.order > n.order) && (n = o, r = l);
 			}
 			return n;
@@ -2620,18 +2645,18 @@ var bn = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), Sn =
 		}),
 		version: () => r
 	};
-}, En = n(null), Cn = !1, In = () => s(En), Pn = (e) => {
-	const { isolate: t, children: n } = e, r = s(En), o = p(null), l = t || !r;
-	l && null === o.current && (o.current = Sn());
+}, Cn = n(null), In = !1, Pn = () => s(Cn), Rn = (e) => {
+	const { isolate: t, children: n } = e, r = s(Cn), o = f(null), l = t || !r;
+	l && null === o.current && (o.current = En());
 	const i = l ? o.current : r;
-	return x(En.Provider, {
+	return x(Cn.Provider, {
 		value: i,
 		children: n
 	});
 };
-Pn.displayName = "RangeTooltipProvider";
-var Rn = (e) => {
-	const t = s(En), n = Je(), r = d(), o = null !== t && (null === n || n === ue(n.getAllPanes())), l = p(e);
+Rn.displayName = "RangeTooltipProvider";
+var Mn = (e) => {
+	const t = s(Cn), n = Qe(), r = d(), o = null !== t && (null === n || n === ue(n.getAllPanes())), l = f(e);
 	return l.current = e, u(() => {
 		if (o) return t.add(r, l.current);
 	}, [
@@ -2641,14 +2666,14 @@ var Rn = (e) => {
 	]), u(() => {
 		o && t.set(r, e);
 	}), u(() => {
-		null !== t || Cn || (Cn = !0, console.warn("<RangeTooltip> outside any grid. Declare it among a grid's children, or under a <RangeTooltipProvider> that encloses the grid. This warning fires once."));
+		null !== t || In || (In = !0, console.warn("<RangeTooltip> outside any grid. Declare it among a grid's children, or under a <RangeTooltipProvider> that encloses the grid. This warning fires once."));
 	}, [t]), null;
 };
-Rn.displayName = "RangeTooltip";
-var Mn = () => () => {}, Dn = () => 0, kn = i((e) => {
-	const { className: t, dismiss: n, ...r } = e, o = s(En), l = Ze(), { renderTooltip: i } = Ut(), a = i ?? Xt;
-	m(o?.subscribe ?? Mn, o?.version ?? Dn);
-	const [c, d] = f(null), u = O((e) => {
+Mn.displayName = "RangeTooltip";
+var Dn = () => () => {}, kn = () => 0, Tn = i((e) => {
+	const { className: t, dismiss: n, ...r } = e, o = s(Cn), l = Je(), { renderTooltip: i } = jt(), a = i ?? Yt;
+	m(o?.subscribe ?? Dn, o?.version ?? kn);
+	const [c, d] = p(null), u = O((e) => {
 		const t = l.getCellFromPointer(e.clientX, e.clientY), n = t && o ? o.find(t) : null, r = n ? {
 			range: n.props.range,
 			key: `${n.id}:${Pe(n.props.range)}`,
@@ -2659,15 +2684,15 @@ var Mn = () => () => {}, Dn = () => 0, kn = i((e) => {
 		d((e) => e?.key === r?.key ? e : r);
 	}, [l, o]), g = O(() => {
 		d(null);
-	}, []), h = p(null), w = c && o ? o.get(c.data) : null;
+	}, []), h = f(null), w = c && o ? o.get(c.data) : null;
 	w && (h.current = w);
 	const v = w ?? h.current;
-	return x(ot, {
+	return x(lt, {
 		...r,
 		className: Y(t, "range-tooltips"),
 		onPointerMove: o ? u : void 0,
 		onPointerLeave: o ? g : void 0,
-		children: o ? x(on, {
+		children: o ? x(ln, {
 			name: "range-tooltips",
 			hovered: n ? null : c,
 			dismiss: n,
@@ -2696,28 +2721,28 @@ var Mn = () => () => {}, Dn = () => 0, kn = i((e) => {
 		}) : null
 	});
 });
-kn.displayName = "RangeTooltipHost";
-var Tn = {
+Tn.displayName = "RangeTooltipHost";
+var zn = {
 	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)"
-}, zn = i((e) => {
-	const { range: t, hole: n, clipInsets: r, alignWidth: o = 1, animatedTransition: l, className: i, ...a } = e, s = C.getDevicePixelRatio(), c = o / s, d = r ?? -c / 2, u = Je(), g = u ? u.getBoundsFromRange(t) : null, h = c + 4;
+}, On = i((e) => {
+	const { range: t, hole: n, clipInsets: r, alignWidth: o = 1, animatedTransition: l, className: i, ...a } = e, s = C.getDevicePixelRatio(), c = o / s, d = r ?? -c / 2, u = Qe(), g = u ? u.getBoundsFromRange(t) : null, h = c + 4;
 	if (u && g && !u.toClipBounds(g, d)) return null;
-	const p = u ? u.getPaneBounds() : null, f = p ? {
+	const f = u ? u.getPaneBounds() : null, p = f ? {
 		x: -h,
 		y: -h,
-		width: p.width + 2 * h,
-		height: p.height + 2 * h
-	} : g, m = f ? C.snapDeviceEdge(f.x, s) : 0, w = f ? C.snapDeviceEdge(f.y, s) : 0;
+		width: f.width + 2 * h,
+		height: f.height + 2 * h
+	} : g, m = p ? C.snapDeviceEdge(p.x, s) : 0, w = p ? C.snapDeviceEdge(p.y, s) : 0;
 	let v;
-	if (g && f) {
-		const e = c + 2, t = Math.max(g.x, f.x - e), n = Math.max(g.y, f.y - e);
+	if (g && p) {
+		const e = c + 2, t = Math.max(g.x, p.x - e), n = Math.max(g.y, p.y - e);
 		v = {
 			x: t - m,
 			y: n - w,
-			width: Math.min(g.x + g.width, f.x + f.width + e) - t,
-			height: Math.min(g.y + g.height, f.y + f.height + e) - n
+			width: Math.min(g.x + g.width, p.x + p.width + e) - t,
+			height: Math.min(g.y + g.height, p.y + p.height + e) - n
 		};
 	}
 	const y = n && u ? u.getBoundsFromRange(n) : null, b = y ? {
@@ -2726,9 +2751,9 @@ var Tn = {
 		width: y.width,
 		height: y.height
 	} : void 0;
-	return x(ct, {
+	return x(dt, {
 		className: Y(i),
-		bounds: f ?? void 0,
+		bounds: p ?? void 0,
 		clipInsets: d,
 		style: { pointerEvents: "none" },
 		children: x(le, {
@@ -2740,11 +2765,11 @@ var Tn = {
 		})
 	});
 });
-zn.displayName = "RangeRect";
-var On = i((e) => {
-	const { range: t, axis: n, color: r = "var(--sxl-color-primary, rgb(33, 115, 70))", alignWidth: o = 3, capExtent: l = 3, transitionDuration: i = 100, transitionEasing: a = "cubic-bezier(0.16, 1, 0.3, 1)", axisDuration: s = 70 } = e, c = Je(), d = c?.getBoundsFromRange(t);
+On.displayName = "RangeRect";
+var Ln = i((e) => {
+	const { range: t, axis: n, color: r = "var(--sxl-color-primary, rgb(33, 115, 70))", alignWidth: o = 3, capExtent: l = 3, transitionDuration: i = 100, transitionEasing: a = "cubic-bezier(0.16, 1, 0.3, 1)", axisDuration: s = 70 } = e, c = Qe(), d = c?.getBoundsFromRange(t);
 	if (!c || !d) return null;
-	const u = C.getDevicePixelRatio(), g = o / u, h = l / u, p = c.getPaneBounds(), f = (e) => e.x >= -h && e.y >= -h && e.x + e.width <= p.width + h && e.y + e.height <= p.height + h, m = i > 0 ? `${i}ms ${a}` : null, v = s > 0 ? `${s}ms ${a}` : null, y = [m && `transform ${m}, width ${m}, height ${m}, background-color ${m}`, v && `scale ${v}`].filter(Boolean).join(", ");
+	const u = C.getDevicePixelRatio(), g = o / u, h = l / u, f = c.getPaneBounds(), p = (e) => e.x >= -h && e.y >= -h && e.x + e.width <= f.width + h && e.y + e.height <= f.height + h, m = i > 0 ? `${i}ms ${a}` : null, v = s > 0 ? `${s}ms ${a}` : null, y = [m && `transform ${m}, width ${m}, height ${m}, background-color ${m}`, v && `scale ${v}`].filter(Boolean).join(", ");
 	return x(w, { children: [!0, !1].map((e) => ((e) => {
 		const t = e ? {
 			x: d.x,
@@ -2785,10 +2810,10 @@ var On = i((e) => {
 		};
 		return [
 			["insert-bar", c.toClipBounds(t, -g)],
-			["insert-bar-cap-start", f(r.start) ? r.start : null],
-			["insert-bar-cap-end", f(r.end) ? r.end : null]
+			["insert-bar-cap-start", p(r.start) ? r.start : null],
+			["insert-bar-cap-end", p(r.end) ? r.end : null]
 		];
-	})(e).map(([t, o]) => o && x(ct, {
+	})(e).map(([t, o]) => o && x(dt, {
 		className: q(t, e ? "row" : "column"),
 		bounds: o,
 		style: {
@@ -2801,8 +2826,8 @@ var On = i((e) => {
 		}
 	}, `${e ? "row" : "column"}-${t}`))) });
 });
-On.displayName = "RangeInsertBar";
-var Ln = () => "undefined" != typeof window ? window : null, $n = 60, Fn = 24, Nn = (e, t, n = {
+Ln.displayName = "RangeInsertBar";
+var $n = () => "undefined" != typeof window ? window : null, An = 60, Fn = 24, Nn = (e, t, n = {
 	x: !0,
 	y: !0
 }) => {
@@ -2812,30 +2837,30 @@ var Ln = () => "undefined" != typeof window ? window : null, $n = 60, Fn = 24, N
 	if (!o && !l) return !1;
 	const i = e.getVisibleRange(), a = e.getTotalRange(), s = e.getCellFromPointer(t.x, t.y), c = {};
 	return o > 0 && i.colEnd < a.colEnd ? c.colIndex = Math.min(a.colEnd, Math.max(i.colEnd + 1, s?.colIndex ?? 0)) : o < 0 && i.colStart > a.colStart && (c.colIndex = Math.max(a.colStart, Math.min(i.colStart - 1, s?.colIndex ?? Number.MAX_SAFE_INTEGER))), l > 0 && i.rowEnd < a.rowEnd ? c.rowIndex = Math.min(a.rowEnd, Math.max(i.rowEnd + 1, s?.rowIndex ?? 0)) : l < 0 && i.rowStart > a.rowStart && (c.rowIndex = Math.max(a.rowStart, Math.min(i.rowStart - 1, s?.rowIndex ?? Number.MAX_SAFE_INTEGER))), (void 0 !== c.colIndex || void 0 !== c.rowIndex) && ((ue(e.getAllPanes()) ?? e).scrollCellCoordsIntoView(c), !0);
-}, An = Object.freeze({
+}, Bn = Object.freeze({
 	ctrlKey: !1,
 	shiftKey: !1,
 	altKey: !1,
 	metaKey: !1
-}), Bn = (e) => ({
+}), Vn = (e) => ({
 	ctrlKey: !!e.ctrlKey,
 	shiftKey: !!e.shiftKey,
 	altKey: !!e.altKey,
 	metaKey: !!e.metaKey
-}), Vn = (e, t) => e.ctrlKey === t.ctrlKey && e.shiftKey === t.shiftKey && e.altKey === t.altKey && e.metaKey === t.metaKey, Hn = (e, t, n, r) => {
+}), Hn = (e, t) => e.ctrlKey === t.ctrlKey && e.shiftKey === t.shiftKey && e.altKey === t.altKey && e.metaKey === t.metaKey, Kn = (e, t, n, r) => {
 	const o = ((e) => "function" == typeof e ? e : () => e)(e), l = r ?? ((e, t) => o().getCellFromPointer(e, t));
 	let i = null, a = null, s = null, c = null;
 	const d = () => {
 		c && clearTimeout(c), c = null;
 	};
-	let u = An, g = null;
+	let u = Bn, g = null;
 	const h = (e) => {
 		if (!i) return;
-		const t = Bn(e);
-		Vn(u, t) || (u = t, i.modifiers?.(t));
-	}, p = () => {
-		g && (Ln()?.removeEventListener("keydown", g, !0), Ln()?.removeEventListener("keyup", g, !0), g = null);
-	}, f = (e, t, n) => {
+		const t = Vn(e);
+		Hn(u, t) || (u = t, i.modifiers?.(t));
+	}, f = () => {
+		g && ($n()?.removeEventListener("keydown", g, !0), $n()?.removeEventListener("keyup", g, !0), g = null);
+	}, p = (e, t, n) => {
 		if (!i) return !1;
 		const r = l(e, t);
 		return r && (W.isEqualCells(r, a) || (a = r, i.drag(r, n)), i.point?.(r, e, t, n)), (i.edgeScroll ?? ((e) => Nn(o(), e)))({
@@ -2851,34 +2876,34 @@ var Ln = () => "undefined" != typeof window ? window : null, $n = 60, Fn = 24, N
 			if (!r) return null;
 			const o = t(r, e);
 			return o ? (i = o, a = r, s = null, ((e) => {
-				if (u = Bn(e), g) return;
+				if (u = Vn(e), g) return;
 				const t = (e) => h(e);
-				g = t, Ln()?.addEventListener("keydown", t, !0), Ln()?.addEventListener("keyup", t, !0);
+				g = t, $n()?.addEventListener("keydown", t, !0), $n()?.addEventListener("keyup", t, !0);
 			})(e), n?.(o.dragMode ?? null), o) : null;
 		},
 		move: (e, t, n) => {
 			i && (n && h(n), s = {
 				x: e,
 				y: t
-			}, f(e, t, n) ? (d(), c = setTimeout(function e() {
-				c = i && s && f(s.x, s.y) ? setTimeout(e, 60) : null;
+			}, p(e, t, n) ? (d(), c = setTimeout(function e() {
+				c = i && s && p(s.x, s.y) ? setTimeout(e, 60) : null;
 			}, 60)) : d());
 		},
 		reset: () => {
 			const e = i;
-			return i = null, a = null, s = null, d(), p(), u = An, e && n?.(null), e;
+			return i = null, a = null, s = null, d(), f(), u = Bn, e && n?.(null), e;
 		},
 		dispose: () => {
-			d(), p();
+			d(), f();
 		}
 	};
-}, Kn = (e, t, n) => {
-	const r = Hn(e, t, n);
+}, _n = (e, t, n) => {
+	const r = Kn(e, t, n);
 	let o = !1, l = null, i = null, a = null, s = null, c = null;
 	const d = () => {
-		a && l && l.removeEventListener?.("pointercancel", a), a = null, s && Ln()?.removeEventListener("keydown", s, !0), s = null;
+		a && l && l.removeEventListener?.("pointercancel", a), a = null, s && $n()?.removeEventListener("keydown", s, !0), s = null;
 	}, u = () => {
-		c && (Ln()?.removeEventListener("pointerup", c), Ln()?.removeEventListener("pointercancel", c), c = null);
+		c && ($n()?.removeEventListener("pointerup", c), $n()?.removeEventListener("pointercancel", c), c = null);
 	}, g = () => {
 		l && null !== i && l.hasPointerCapture?.(i) && l.releasePointerCapture(i), l = null, i = null;
 	}, h = (e, t) => {
@@ -2892,8 +2917,8 @@ var Ln = () => "undefined" != typeof window ? window : null, $n = 60, Fn = 24, N
 				const t = e.currentTarget;
 				t.setPointerCapture?.(e.pointerId), l = t, i = e.pointerId, o = !0, a = (e) => h(!0, e), t.addEventListener?.("pointercancel", a), s = (e) => {
 					"Escape" === e.key && (e.preventDefault(), e.stopPropagation(), h(!0));
-				}, Ln()?.addEventListener("keydown", s, !0);
-			} else o = !1, c = (e) => h("pointercancel" === e.type, e), Ln()?.addEventListener("pointerup", c), Ln()?.addEventListener("pointercancel", c);
+				}, $n()?.addEventListener("keydown", s, !0);
+			} else o = !1, c = (e) => h("pointercancel" === e.type, e), $n()?.addEventListener("pointerup", c), $n()?.addEventListener("pointercancel", c);
 		},
 		onPointerMove: (e) => {
 			r.hasSession() && o && (!1 !== r.captureEvents() && e.stopPropagation(), r.move(e.clientX, e.clientY, e));
@@ -2905,8 +2930,8 @@ var Ln = () => "undefined" != typeof window ? window : null, $n = 60, Fn = 24, N
 		}
 	};
 };
-function _n(e, t, n, r) {
-	const o = Hn(e, t, n, r);
+function Wn(e, t, n, r) {
+	const o = Kn(e, t, n, r);
 	let l = null, i = null, a = null, s = null;
 	const c = () => {
 		l?.(), l = null, s = null;
@@ -2928,17 +2953,17 @@ function _n(e, t, n, r) {
 				c();
 				const n = o.reset();
 				d(), n && (e ? n.cancel?.(t) : n.end?.(t));
-			}, p = (e) => {
-				u(e) || h(!1, e);
 			}, f = (e) => {
+				u(e) || h(!1, e);
+			}, p = (e) => {
 				u(e) || h(!0, e);
 			};
 			s = () => h(!0);
 			const m = (e) => {
 				"Escape" === e.key && (e.preventDefault(), e.stopPropagation(), h(!0));
 			};
-			window.addEventListener("pointermove", g), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", f), window.addEventListener("keydown", m, !0), l = () => {
-				window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", f), window.removeEventListener("keydown", m, !0);
+			window.addEventListener("pointermove", g), window.addEventListener("pointerup", f), window.addEventListener("pointercancel", p), window.addEventListener("keydown", m, !0), l = () => {
+				window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", p), window.removeEventListener("keydown", m, !0);
 			};
 		},
 		cancel: () => s?.(),
@@ -2947,8 +2972,8 @@ function _n(e, t, n, r) {
 		}
 	};
 }
-var Wn = (e) => {
-	const t = Ze(), n = O(() => t, [t]), [r, o] = f(null), l = O(e, [e]), i = g(() => Kn(n, l, o), [n, l]);
+var Un = (e) => {
+	const t = Je(), n = O(() => t, [t]), [r, o] = p(null), l = O(e, [e]), i = g(() => _n(n, l, o), [n, l]);
 	return c(() => () => i.dispose(), [i]), {
 		onPointerDown: i.onPointerDown,
 		onPointerMove: i.onPointerMove,
@@ -2956,15 +2981,15 @@ var Wn = (e) => {
 		onPointerCancel: i.onPointerCancel,
 		dragMode: r
 	};
-}, Un = (e) => {
-	const t = Ze(), n = O(() => t, [t]), [r, o] = f(null), l = O(e, [e]), i = g(() => _n(n, l, o), [n, l]);
+}, jn = (e) => {
+	const t = Je(), n = O(() => t, [t]), [r, o] = p(null), l = O(e, [e]), i = g(() => Wn(n, l, o), [n, l]);
 	return c(() => () => i.dispose(), [i]), {
 		start: i.start,
 		cancel: i.cancel,
 		dragMode: r
 	};
-}, jn = (e) => {
-	const t = p(null), n = p(!1);
+}, Gn = (e) => {
+	const t = f(null), n = f(!1);
 	return c(() => {
 		const e = (e) => {
 			n.current && (n.current = !1, e.stopPropagation(), e.preventDefault());
@@ -2981,12 +3006,12 @@ var Wn = (e) => {
 			n.current = !1;
 		}, 500), !0);
 	};
-}, Gn = (e) => {
-	const { range: t, anchor: n, size: r = 8, cursor: o, dragCursor: l, background: i = "var(--sxl-color-primary, rgb(33, 115, 70))", onDragStart: a, onDragMove: s, onDragEnd: c, onDragCancel: d, onDoubleClick: u, onHoverChange: g, hoverStyle: h, animatedTransition: p, renderHandle: m, children: w, className: v, style: y, preserveFocus: b, clampToView: S, secondaryButton: E } = e, P = Ze(), [R, M] = f(!1), D = jn(!!u), { start: k, cancel: T, dragMode: z } = Un((e, t) => {
+}, Xn = (e) => {
+	const { range: t, anchor: n, size: r = 8, cursor: o, dragCursor: l, background: i = "var(--sxl-color-primary, rgb(33, 115, 70))", onDragStart: a, onDragMove: s, onDragEnd: c, onDragCancel: d, onDoubleClick: u, onHoverChange: g, hoverStyle: h, animatedTransition: f, renderHandle: m, children: w, className: v, style: y, preserveFocus: b, clampToView: S, secondaryButton: E } = e, P = Je(), [R, M] = p(!1), D = Gn(!!u), { start: k, cancel: T, dragMode: z } = jn((e, t) => {
 		const n = 2 === t.button && !0 === E;
 		if (0 !== t.button && !n) return null;
 		t.stopPropagation(), b && t.preventDefault();
-		const r = n ? Xn() : null, o = e;
+		const r = n ? Yn() : null, o = e;
 		let l = e;
 		return a?.(o, t, T), {
 			dragMode: "handle",
@@ -3000,24 +3025,24 @@ var Wn = (e) => {
 				r?.(), d?.();
 			}
 		};
-	}), O = null !== z && l ? l : o ?? Jn[n], L = P.getBoundsFromRange(t);
+	}), O = null !== z && l ? l : o ?? Qn[n], L = P.getBoundsFromRange(t);
 	if (!L) return null;
 	const $ = C.getDevicePixelRatio();
-	let F = Zn(L.x, L.x + L.width, Yn[n], $), N = Zn(L.y, L.y + L.height, qn[n], $);
+	let A = Jn(L.x, L.x + L.width, qn[n], $), F = Jn(L.y, L.y + L.height, Zn[n], $);
 	if (S) {
 		if (!P.toClipBounds(P.getBoundsFromRange(t))) return null;
 		const e = P.getPaneBounds(), n = r / 2 + 1;
-		!0 !== S && "x" !== S || (F = Math.max(n, Math.min(e.width - n, F))), !0 !== S && "y" !== S || (N = Math.max(n, Math.min(e.height - n, N)));
+		!0 !== S && "x" !== S || (A = Math.max(n, Math.min(e.width - n, A))), !0 !== S && "y" !== S || (F = Math.max(n, Math.min(e.height - n, F)));
 	}
-	const A = {
+	const N = {
 		position: "absolute",
 		cursor: O,
 		pointerEvents: "all",
 		touchAction: "none",
 		left: 0,
 		top: 0,
-		transform: `translate(${F}px, ${N}px) translate(-50%, -50%)`,
-		...p ? {
+		transform: `translate(${A}px, ${F}px) translate(-50%, -50%)`,
+		...f ? {
 			transition: `transform ${oe.duration}ms ${oe.easing}`,
 			willChange: "transform"
 		} : void 0
@@ -3044,13 +3069,13 @@ var Wn = (e) => {
 			hovered: R,
 			handleProps: {
 				...B,
-				style: A
+				style: N
 			}
 		}
 	}) : x("div", {
 		...B,
 		style: {
-			...A,
+			...N,
 			width: r,
 			height: r,
 			background: null == w ? i : void 0,
@@ -3063,15 +3088,15 @@ var Wn = (e) => {
 		children: w
 	});
 };
-Gn.displayName = "DragHandle";
-var Xn = () => {
+Xn.displayName = "DragHandle";
+var Yn = () => {
 	const e = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	};
 	return window.addEventListener("contextmenu", e, !0), () => {
 		setTimeout(() => window.removeEventListener("contextmenu", e, !0), 0);
 	};
-}, Yn = {
+}, qn = {
 	tl: "leading",
 	l: "leading",
 	bl: "leading",
@@ -3080,7 +3105,7 @@ var Xn = () => {
 	tr: "trailing",
 	r: "trailing",
 	br: "trailing"
-}, qn = {
+}, Zn = {
 	tl: "leading",
 	t: "leading",
 	tr: "leading",
@@ -3089,7 +3114,7 @@ var Xn = () => {
 	bl: "trailing",
 	b: "trailing",
 	br: "trailing"
-}, Zn = (e, t, n, r) => "center" === n ? C.snapDeviceEdge((e + t) / 2, r) : C.edgeCenter("leading" === n ? e : t, n, 2, r), Jn = {
+}, Jn = (e, t, n, r) => "center" === n ? C.snapDeviceEdge((e + t) / 2, r) : C.edgeCenter("leading" === n ? e : t, n, 2, r), Qn = {
 	tl: "nwse-resize",
 	br: "nwse-resize",
 	tr: "nesw-resize",
@@ -3098,7 +3123,7 @@ var Xn = () => {
 	b: "ns-resize",
 	l: "ew-resize",
 	r: "ew-resize"
-}, Qn = (e, t, n, r, o, l) => {
+}, er = (e, t, n, r, o, l) => {
 	const i = e.getPanePointFromPointer(n, r), a = e.getCellFromPointer(n, r, !0) ?? t, s = e.getBoundsFromRange(W.cellToRange(a));
 	if (!i || !s || s.width <= 0 || s.height <= 0) return l;
 	const c = (i.x - s.x) / s.width, d = (i.y - s.y) / s.height, u = o ?? (c < .25 || c > .75 ? G.Column : G.Row);
@@ -3115,13 +3140,13 @@ var Xn = () => {
 			colIndex: a.colIndex
 		}
 	};
-}, er = (e, t, n, r) => {
+}, tr = (e, t, n, r) => {
 	const o = e.getPanePointFromPointer(n, r), l = e.getBoundsFromRange(t);
 	if (!o || !l) return null;
 	const i = Math.abs(o.y - l.y), a = Math.abs(o.y - (l.y + l.height)), s = Math.abs(o.x - l.x), c = Math.abs(o.x - (l.x + l.width)), d = Math.min(i, a, s, c);
 	return d === i ? "top" : d === a ? "bottom" : d === s ? "left" : "right";
-}, tr = (e, t, n, r, o) => {
-	const l = er(e, t, r, o);
+}, nr = (e, t, n, r, o) => {
+	const l = tr(e, t, r, o);
 	if (!l) return null;
 	const i = e.getCellFromPointer(r, o, !0) ?? n;
 	return {
@@ -3131,7 +3156,7 @@ var Xn = () => {
 			colIndex: ge(i.colIndex, t.colStart, t.colEnd)
 		}
 	};
-}, nr = (e, t) => e === t || !!e && !!t && e.axis === t.axis && W.isEqualCells(e.origin, t.origin), rr = (e, t, n) => {
+}, rr = (e, t) => e === t || !!e && !!t && e.axis === t.axis && W.isEqualCells(e.origin, t.origin), or = (e, t, n) => {
 	const r = e.rowEnd - e.rowStart, o = e.colEnd - e.colStart, l = ge(t.origin.rowIndex, n.rowStart, n.rowEnd - r), i = ge(t.origin.colIndex, n.colStart, n.colEnd - o);
 	return {
 		...e,
@@ -3140,8 +3165,8 @@ var Xn = () => {
 		colStart: i,
 		colEnd: i + o
 	};
-}, or = (e) => {
-	const { range: t, children: n, grip: r = "entire", hitSize: o = 10, onHoverChange: l, onDragStateChange: i, onDragStart: a, onDragMove: s, onDragEnd: c, renderMove: d, dragCursor: u = "grabbing", preserveFocus: g, onEdgeDoubleClick: h, className: f } = e, m = Ze(), y = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", b = p(null), [S, E] = et(y, null), { start: P, cancel: R, dragMode: M } = Un((e, n) => {
+}, lr = (e) => {
+	const { range: t, children: n, grip: r = "entire", hitSize: o = 10, onHoverChange: l, onDragStateChange: i, onDragStart: a, onDragMove: s, onDragEnd: c, renderMove: d, dragCursor: u = "grabbing", preserveFocus: g, onEdgeDoubleClick: h, className: p } = e, m = Je(), y = t ? `range-move:${t.rowStart}:${t.colStart}:${t.rowEnd}:${t.colEnd}` : "range-move", b = f(null), [S, E] = tt(y, null), { start: P, cancel: R, dragMode: M } = jn((e, n) => {
 		if (0 !== n.button) return null;
 		if (!t) return null;
 		n.stopPropagation(), g && n.preventDefault();
@@ -3150,28 +3175,28 @@ var Xn = () => {
 		n.clientX, n.clientY;
 		const u = ((e, t) => e.colStart <= t.colStart && e.colEnd >= t.colEnd ? G.Row : e.rowStart <= t.rowStart && e.rowEnd >= t.rowEnd ? G.Column : null)(o, m.getTotalRange());
 		let h = {
-			mods: Bn(n),
-			insert: Qn(m, e, n.clientX, n.clientY, u, null),
-			grab: tr(m, o, e, n.clientX, n.clientY)
+			mods: Vn(n),
+			insert: er(m, e, n.clientX, n.clientY, u, null),
+			grab: nr(m, o, e, n.clientX, n.clientY)
 		};
-		const p = h.insert;
-		let f = n;
+		const f = h.insert;
+		let p = n;
 		i?.(!0), a?.(o, n, h, R);
 		const w = () => {
 			d && E({
 				range: l,
 				info: h
-			}), s?.(l, f, h);
+			}), s?.(l, p, h);
 		};
 		let x = !1;
 		return {
 			dragMode: "move",
 			drag: (e) => {
-				l = ((e) => lr(o, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, m.getTotalRange()))(e), x = !0;
+				l = ((e) => ir(o, e.rowIndex - r.rowIndex, e.colIndex - r.colIndex, m.getTotalRange()))(e), x = !0;
 			},
 			point: (e, t, n, r) => {
-				r && (f = r);
-				const o = Qn(m, e, t, n, u, h.insert), l = x || !nr(o, h.insert);
+				r && (p = r);
+				const o = er(m, e, t, n, u, h.insert), l = x || !rr(o, h.insert);
 				x = !1, l && (h = {
 					...h,
 					insert: o
@@ -3185,8 +3210,8 @@ var Xn = () => {
 			},
 			end: (e) => {
 				i?.(!1), d && E(null);
-				const t = Bn(e);
-				(!W.isEqualRanges(l, o) || t.shiftKey && !nr(h.insert, p)) && c?.(l, e, {
+				const t = Vn(e);
+				(!W.isEqualRanges(l, o) || t.shiftKey && !rr(h.insert, f)) && c?.(l, e, {
 					...h,
 					mods: t
 				});
@@ -3195,11 +3220,11 @@ var Xn = () => {
 				i?.(!1), d && E(null);
 			}
 		};
-	}), D = jn(!!h), k = null !== M ? u : "move";
+	}), D = Gn(!!h), k = null !== M ? u : "move";
 	if (!t) return null;
 	const T = { onPointerDown: (e) => {
 		if (D(e)) {
-			const n = m ? er(m, t, e.clientX, e.clientY) : null;
+			const n = m ? tr(m, t, e.clientX, e.clientY) : null;
 			n && h(t, n, e);
 			return;
 		}
@@ -3214,9 +3239,9 @@ var Xn = () => {
 		height: L.height + 2 * O
 	} : void 0;
 	return v(w, { children: [
-		x(ct, "entire" === r ? {
+		x(dt, "entire" === r ? {
 			ref: b,
-			className: Y("drag-grip", f),
+			className: Y("drag-grip", p),
 			...$ ? { bounds: $ } : { range: t },
 			style: {
 				cursor: k,
@@ -3226,7 +3251,7 @@ var Xn = () => {
 			...z
 		} : {
 			ref: b,
-			className: Y("drag-grip", f),
+			className: Y("drag-grip", p),
 			range: t,
 			clipInsets: -O / 2,
 			style: {
@@ -3255,8 +3280,8 @@ var Xn = () => {
 		}) : null
 	] });
 };
-or.displayName = "Draggable";
-var lr = (e, t, n, r) => {
+lr.displayName = "Draggable";
+var ir = (e, t, n, r) => {
 	const o = e.rowEnd - e.rowStart, l = e.colEnd - e.colStart, i = ge(e.rowStart + t, r.rowStart, r.rowEnd - o), a = ge(e.colStart + n, r.colStart, r.colEnd - l);
 	return {
 		rowStart: i,
@@ -3264,12 +3289,12 @@ var lr = (e, t, n, r) => {
 		rowEnd: i + o,
 		colEnd: a + l
 	};
-}, ir = [
+}, ar = [
 	"tl",
 	"tr",
 	"br",
 	"bl"
-], ar = [
+], sr = [
 	"tl",
 	"t",
 	"tr",
@@ -3278,18 +3303,18 @@ var lr = (e, t, n, r) => {
 	"b",
 	"bl",
 	"l"
-], sr = (e) => {
-	const { range: t, anchors: n = ar, onDragStart: r, onDragMove: o, onDragEnd: l, onDragCancel: i, onHandleHoverChange: a, size: s = 8, renderHandle: c, preserveFocus: d, ...u } = e, g = {
-		...Tn,
+], cr = (e) => {
+	const { range: t, anchors: n = sr, onDragStart: r, onDragMove: o, onDragEnd: l, onDragCancel: i, onHandleHoverChange: a, size: s = 8, renderHandle: c, preserveFocus: d, ...u } = e, g = {
+		...zn,
 		...u
-	}, h = g.stroke ?? "rgb(33, 115, 70)", m = Ze(), [y, b] = f(null), S = p(null);
+	}, h = g.stroke ?? "rgb(33, 115, 70)", m = Je(), [y, b] = p(null), S = f(null);
 	if (!t) return null;
 	const E = y ?? t;
-	return v(w, { children: [x(zn, {
+	return v(w, { children: [x(On, {
 		className: "resizer-outline",
 		range: E,
 		...g
-	}), n.map((e) => x(Gn, {
+	}), n.map((e) => x(Xn, {
 		className: `resize-handle ${e}`,
 		range: E,
 		anchor: e,
@@ -3309,11 +3334,11 @@ var lr = (e, t, n, r) => {
 			S.current = t, r?.(t, n);
 		},
 		onDragMove: (n, r, l) => {
-			const i = cr(S.current ?? t, e, r, m.getTotalRange());
+			const i = dr(S.current ?? t, e, r, m.getTotalRange());
 			b(i), o?.(i, l);
 		},
 		onDragEnd: (n, r, o) => {
-			const i = cr(S.current ?? t, e, r, m.getTotalRange());
+			const i = dr(S.current ?? t, e, r, m.getTotalRange());
 			S.current = null, b(null), l?.(i, o);
 		},
 		onDragCancel: () => {
@@ -3321,8 +3346,8 @@ var lr = (e, t, n, r) => {
 		}
 	}, e))] });
 };
-sr.displayName = "RangeResizer";
-var cr = (e, t, n, r) => {
+cr.displayName = "RangeResizer";
+var dr = (e, t, n, r) => {
 	let { rowStart: o, colStart: l, rowEnd: i, colEnd: a } = e;
 	return t.includes("t") && (o = ge(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("b") && (i = ge(n.rowIndex, r.rowStart, r.rowEnd)), t.includes("l") && (l = ge(n.colIndex, r.colStart, r.colEnd)), t.includes("r") && (a = ge(n.colIndex, r.colStart, r.colEnd)), {
 		rowStart: Math.min(o, i),
@@ -3330,7 +3355,7 @@ var cr = (e, t, n, r) => {
 		rowEnd: Math.max(o, i),
 		colEnd: Math.max(l, a)
 	};
-}, dr = (e, t, n) => {
+}, ur = (e, t, n) => {
 	const r = t.rowIndex - e.rowEnd, o = e.rowStart - t.rowIndex, l = t.colIndex - e.colEnd, i = e.colStart - t.colIndex, a = Math.max(r, o, 0), s = Math.max(l, i, 0);
 	if (a > 0 || s > 0) return a >= s ? r > 0 ? {
 		...e,
@@ -3353,25 +3378,25 @@ var cr = (e, t, n, r) => {
 		...e,
 		colEnd: t.colIndex
 	};
-}, ur = (e, t) => t.rowEnd < e.rowEnd ? {
+}, gr = (e, t) => t.rowEnd < e.rowEnd ? {
 	...e,
 	rowStart: t.rowEnd + 1
 } : t.colEnd < e.colEnd ? {
 	...e,
 	colStart: t.colEnd + 1
-} : null, gr = (e) => {
+} : null, hr = (e) => {
 	const { range: t, snapDestination: n, onDragStart: r, onDragMove: o, onDragEnd: l, onMenu: i, onDragDone: a, onDoubleClick: s, renderHandle: c, ...d } = e, u = {
-		...Tn,
+		...zn,
 		fill: void 0,
 		...d
 	}, g = u.stroke, h = {
 		...u,
 		strokeDasharray: "3 2"
-	}, f = Ze(), m = p(null), [y, b] = et("range-fill", null);
+	}, p = Je(), m = f(null), [y, b] = tt("range-fill", null);
 	if (!t) return null;
-	const S = f.getTotalRange(), E = t.rowStart === S.rowStart && t.rowEnd === S.rowEnd, C = t.colStart === S.colStart && t.colEnd === S.colEnd;
+	const S = p.getTotalRange(), E = t.rowStart === S.rowStart && t.rowEnd === S.rowEnd, C = t.colStart === S.colStart && t.colEnd === S.colEnd;
 	if (E && C) return null;
-	const I = Object.keys(f.getAllPanes()).length <= 1, P = f.getBoundsFromRange(t), R = f.getPaneBounds(), M = I && P.y >= 0 && P.y + P.height <= R.height, D = I && P.x >= 0 && P.x + P.width <= R.width, k = E && !M ? "tr" : C && !D ? "bl" : "br", T = "tr" === k ? "y" : "bl" === k && "x";
+	const I = Object.keys(p.getAllPanes()).length <= 1, P = p.getBoundsFromRange(t), R = p.getPaneBounds(), M = I && P.y >= 0 && P.y + P.height <= R.height, D = I && P.x >= 0 && P.x + P.width <= R.width, k = E && !M ? "tr" : C && !D ? "bl" : "br", T = "tr" === k ? "y" : "bl" === k && "x";
 	if (T && !((e, t, n, r) => {
 		const o = e.getAllPanes();
 		if (Object.keys(o).length <= 1) return !0;
@@ -3392,10 +3417,10 @@ var cr = (e, t, n, r) => {
 			rowIndex: t.rowStart
 		}, c))) return !1;
 		return !0;
-	})(f, t, E, C)) return null;
-	const z = y ? ur(t, y) : null;
+	})(p, t, E, C)) return null;
+	const z = y ? gr(t, y) : null;
 	return v(w, { children: [
-		x(Gn, {
+		x(Xn, {
 			className: "fill-handle",
 			range: t,
 			anchor: k,
@@ -3409,7 +3434,7 @@ var cr = (e, t, n, r) => {
 				m.current = null, b(null), r?.(t, n, o);
 			},
 			onDragMove: (e, r, l) => {
-				let i = dr(t, r, f.getTotalRange());
+				let i = ur(t, r, p.getTotalRange());
 				i && n && (i = n(t, i)), m.current = i, b(i), i && o?.(i, l);
 			},
 			onDragEnd: (e, t, n) => {
@@ -3420,40 +3445,40 @@ var cr = (e, t, n, r) => {
 				m.current = null, b(null), a?.();
 			}
 		}),
-		y && x(zn, {
+		y && x(On, {
 			className: "fill-preview",
 			range: y,
 			...h
 		}),
-		z && x(zn, {
+		z && x(On, {
 			className: "fill-vacated",
 			range: z,
 			fill: "rgba(128, 128, 128, 0.28)"
 		})
 	] });
 };
-gr.displayName = "FillHandle";
-var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) => !!e?.closest?.(`[${hr}]`), mr = (e) => {
-	const t = (e?.closest?.(`[${hr}]`))?.closest("[data-rc]")?.getAttribute("data-rc");
+hr.displayName = "FillHandle";
+var fr = "data-cell-interactive", pr = Object.freeze({ [fr]: "" }), mr = (e) => !!e?.closest?.(`[${fr}]`), wr = (e) => {
+	const t = (e?.closest?.(`[${fr}]`))?.closest("[data-rc]")?.getAttribute("data-rc");
 	if (!t) return null;
 	const [n, r] = t.split(":").map(Number);
 	return Number.isInteger(n) && Number.isInteger(r) ? {
 		rowIndex: n,
 		colIndex: r
 	} : null;
-}, wr = i((e) => {
+}, xr = i((e) => {
 	const { value: t, zoom: n, bounds: r, cell: o, range: l, children: i, className: a, ...s } = e;
 	return x("div", {
 		className: Y(a, "cell"),
 		...s,
 		children: t
 	});
-}), xr = Object.freeze({
+}), vr = Object.freeze({
 	cells: [],
 	rangesH: [],
 	rangesV: []
-}), vr = !1, yr = /* @__PURE__ */ new WeakMap(), br = (e, t = {}) => {
-	const n = e.getVisibleRange(), r = e.getScrollTopLeft(), o = t.bufferRange, l = !!o, i = o ? o.rowStart : 0, a = o ? o.colStart : 0, s = o ? o.rowEnd : 0, c = o ? o.colEnd : 0, d = yr.get(e);
+}), yr = !1, br = /* @__PURE__ */ new WeakMap(), Sr = (e, t = {}) => {
+	const n = e.getVisibleRange(), r = e.getScrollTopLeft(), o = t.bufferRange, l = !!o, i = o ? o.rowStart : 0, a = o ? o.colStart : 0, s = o ? o.rowEnd : 0, c = o ? o.colEnd : 0, d = br.get(e);
 	if (d && d.rowStart === n.rowStart && d.colStart === n.colStart && d.rowEnd === n.rowEnd && d.colEnd === n.colEnd && d.scrollLeft === r.left && d.scrollTop === r.top && d.hasBuffer === l && d.bRowStart === i && d.bColStart === a && d.bRowEnd === s && d.bColEnd === c && d.options.cacheToken === t.cacheToken && d.options.getVisibleCells === t.getVisibleCells && d.options.hiddenCellAt === t.hiddenCellAt) return d.model;
 	const u = ((e, t = {}) => {
 		const { getVisibleCells: n, hiddenCellAt: r, bufferRange: o } = t, l = e.getTotalRange(), i = o ? {
@@ -3462,7 +3487,7 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 			colStart: Math.max(o.colStart, l.colStart),
 			colEnd: Math.min(o.colEnd, l.colEnd)
 		} : null, a = i ? e.getVisibleColumns(i.colStart, i.colEnd) : e.getVisibleColumns(), s = i ? e.getVisibleRows(i.rowStart, i.rowEnd) : e.getVisibleRows();
-		if (0 === a.length || 0 === s.length) return xr;
+		if (0 === a.length || 0 === s.length) return vr;
 		const c = (t) => e.getRangeFromCell(t);
 		let d;
 		if (n) d = n(e, o);
@@ -3484,8 +3509,8 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 			}
 		}
 		const u = d ? d.length : 0;
-		if (0 === u) return xr;
-		const g = e.getVisibleRange(), h = o ?? g, p = [], f = [], m = [], w = /* @__PURE__ */ new Set();
+		if (0 === u) return vr;
+		const g = e.getVisibleRange(), h = o ?? g, f = [], p = [], m = [], w = /* @__PURE__ */ new Set();
 		for (let t = 0; t < u; t++) {
 			const n = d[t];
 			let o = n?.cell ?? n;
@@ -3506,9 +3531,9 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 					rowIndex: t.rowStart,
 					colIndex: t.colStart
 				});
-				const n = Ir(l.rowStart, l.colStart);
+				const n = Pr(l.rowStart, l.colStart);
 				if (w.has(n)) continue;
-				w.add(n), l.rowEnd - l.rowStart > 0 && f.push(l), l.colEnd - l.colStart > 0 && m.push(l), a = e.getBoundsFromRange(l);
+				w.add(n), l.rowEnd - l.rowStart > 0 && p.push(l), l.colEnd - l.colStart > 0 && m.push(l), a = e.getBoundsFromRange(l);
 			} else {
 				const t = e.getRowSize(o.rowIndex), n = e.getColumnSize(o.colIndex);
 				t && n && (a = {
@@ -3518,20 +3543,20 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 					height: t.size
 				});
 			}
-			a || (a = e.getBoundsFromRange(l)), a ? p.push({
+			a || (a = e.getBoundsFromRange(l)), a ? f.push({
 				cell: o,
 				range: l,
 				bounds: a,
 				value: n?.value
-			}) : vr || (vr = !0, console.warn("grid-react: no bounds for cell", Ir(l.rowStart, l.colStart)));
+			}) : yr || (yr = !0, console.warn("grid-react: no bounds for cell", Pr(l.rowStart, l.colStart)));
 		}
 		return {
-			cells: p,
-			rangesH: f,
+			cells: f,
+			rangesH: p,
 			rangesV: m
 		};
 	})(e, t);
-	return yr.set(e, {
+	return br.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3546,17 +3571,17 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 		options: t,
 		model: u
 	}), u;
-}, Sr = Object.freeze({
+}, Er = Object.freeze({
 	rangesH: [],
 	rangesV: []
-}), Er = /* @__PURE__ */ new WeakMap(), Cr = (e, t = {}) => {
-	const n = e.getVisibleRange(), r = Er.get(e);
+}), Cr = /* @__PURE__ */ new WeakMap(), Ir = (e, t = {}) => {
+	const n = e.getVisibleRange(), r = Cr.get(e);
 	if (r && r.rowStart === n.rowStart && r.colStart === n.colStart && r.rowEnd === n.rowEnd && r.colEnd === n.colEnd && r.cacheToken === t.cacheToken && r.getVisibleCells === t.getVisibleCells) return r.ranges;
 	const o = ((e, t = {}) => {
 		const { getVisibleCells: n } = t, r = e.getVisibleRange(), o = [], l = [], i = /* @__PURE__ */ new Set(), a = (e) => {
 			if (W.isSingleCell(e)) return;
 			if (!W.isRangesIntersect(e, r) && !W.isRangeWithinRange(e, r)) return;
-			const t = Ir(e.rowStart, e.colStart);
+			const t = Pr(e.rowStart, e.colStart);
 			i.has(t) || (i.add(t), e.rowEnd - e.rowStart > 0 && o.push(e), e.colEnd - e.colStart > 0 && l.push(e));
 		};
 		if (n) {
@@ -3575,12 +3600,12 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 				}));
 			}
 		}
-		return 0 === o.length && 0 === l.length ? Sr : {
+		return 0 === o.length && 0 === l.length ? Er : {
 			rangesH: o,
 			rangesV: l
 		};
 	})(e, t);
-	return Er.set(e, {
+	return Cr.set(e, {
 		rowStart: n.rowStart,
 		colStart: n.colStart,
 		rowEnd: n.rowEnd,
@@ -3589,11 +3614,11 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 		cacheToken: t.cacheToken,
 		ranges: o
 	}), o;
-}, Ir = (e, t) => `${e}:${t}`, Pr = {
+}, Pr = (e, t) => `${e}:${t}`, Rr = {
 	tiles: "_tiles_v3ek7_7",
 	gridlines: "_gridlines_v3ek7_32"
-}, Rr = i((e) => {
-	const { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: o, suppressCell: l, className: i, style: a } = e, s = Ze(), u = s.getAnchor(), h = d(), m = g(() => `sxl-cl-${h.replace(/[^a-zA-Z0-9_-]/g, "")}`, [h]), y = p({
+}, Mr = i((e) => {
+	const { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: o, suppressCell: l, className: i, style: a } = e, s = Je(), u = s.getAnchor(), h = d(), m = g(() => `sxl-cl-${h.replace(/[^a-zA-Z0-9_-]/g, "")}`, [h]), y = f({
 		token: void 0,
 		renderCell: void 0,
 		getVisibleCells: void 0,
@@ -3602,43 +3627,43 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 		rebaseLeft: 0,
 		rebaseTop: 0,
 		map: /* @__PURE__ */ new Map()
-	}), b = s.getScrollTopLeft(), S = s.getFreezeTopLeft(), E = b.left + S.left, I = b.top + S.top, P = Math.floor(E / kr) * kr, R = Math.floor(I / kr) * kr, M = s.getVisibleRange();
+	}), b = s.getScrollTopLeft(), S = s.getFreezeTopLeft(), E = b.left + S.left, I = b.top + S.top, P = Math.floor(E / Tr) * Tr, R = Math.floor(I / Tr) * Tr, M = s.getVisibleRange();
 	let D = 0, k = -1, T = 0, z = -1;
-	M && (D = Math.max(0, Math.floor(M.rowStart / Dr) - zr), k = Math.floor(M.rowEnd / Dr) + zr, T = Math.max(0, Math.floor(M.colStart / Dr) - zr), z = Math.floor(M.colEnd / Dr) + zr);
+	M && (D = Math.max(0, Math.floor(M.rowStart / kr) - Or), k = Math.floor(M.rowEnd / kr) + Or, T = Math.max(0, Math.floor(M.colStart / kr) - Or), z = Math.floor(M.colEnd / kr) + Or);
 	const O = g(() => {
 		if (!M || k < D) return null;
 		const e = y.current;
 		e.token === n && e.pane === s && e.renderCell === t && e.getVisibleCells === r && e.hiddenCellAt === o && e.rebaseLeft === P && e.rebaseTop === R || (e.map = /* @__PURE__ */ new Map(), e.token = n, e.pane = s, e.renderCell = t, e.getVisibleCells = r, e.hiddenCellAt = o, e.rebaseLeft = P, e.rebaseTop = R);
 		const l = e.map, i = s.getZoom(), a = s.getTotalRange(), c = {
-			rowStart: Math.max(a.rowStart, D * Dr),
-			colStart: Math.max(a.colStart, T * Dr),
-			rowEnd: Math.min(a.rowEnd, (k + 1) * Dr - 1),
-			colEnd: Math.min(a.colEnd, (z + 1) * Dr - 1)
-		}, { cells: d } = br(s, {
+			rowStart: Math.max(a.rowStart, D * kr),
+			colStart: Math.max(a.colStart, T * kr),
+			rowEnd: Math.min(a.rowEnd, (k + 1) * kr - 1),
+			colEnd: Math.min(a.colEnd, (z + 1) * kr - 1)
+		}, { cells: d } = Sr(s, {
 			getVisibleCells: r,
 			hiddenCellAt: o,
 			bufferRange: c,
 			cacheToken: n
 		}), g = /* @__PURE__ */ new Map();
 		for (let e = 0; e < d.length; e++) {
-			const t = d[e], n = `${Math.floor(t.cell.rowIndex / Dr)}:${Math.floor(t.cell.colIndex / Dr)}`;
+			const t = d[e], n = `${Math.floor(t.cell.rowIndex / kr)}:${Math.floor(t.cell.colIndex / kr)}`;
 			let r = g.get(n);
 			r || (r = [], g.set(n, r)), r.push(t);
 		}
-		const h = [], p = (e, n) => {
-			if (e * Dr > a.rowEnd || n * Dr > a.colEnd) return;
+		const h = [], f = (e, n) => {
+			if (e * kr > a.rowEnd || n * kr > a.colEnd) return;
 			const r = e >= D && e <= k && n >= T && n <= z, o = `${e}:${n}`;
 			let c = l.get(o);
 			if (void 0 === c) {
 				const d = g.get(o);
-				if (!d && !Lr) return;
+				if (!d && !$r) return;
 				const h = s.getBoundsFromRange({
-					rowStart: e * Dr,
-					colStart: n * Dr,
-					rowEnd: Math.min(a.rowEnd, e * Dr + Dr - 1),
-					colEnd: Math.min(a.colEnd, n * Dr + Dr - 1)
-				}), p = E + h.x - P, f = I + h.y - R, m = [];
-				if (Lr && m.push(x("div", { style: {
+					rowStart: e * kr,
+					colStart: n * kr,
+					rowEnd: Math.min(a.rowEnd, e * kr + kr - 1),
+					colEnd: Math.min(a.colEnd, n * kr + kr - 1)
+				}), f = E + h.x - P, p = I + h.y - R, m = [];
+				if ($r && m.push(x("div", { style: {
 					position: "absolute",
 					left: 0,
 					top: 0,
@@ -3649,13 +3674,13 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 				} }, "__bg")), d) for (let e = 0; e < d.length; e++) {
 					const { cell: n, range: r, bounds: o, value: l } = d[e];
 					o && m.push(t({
-						key: `pane:${u}:cell:${Ir(n.rowIndex, n.colIndex)}`,
+						key: `pane:${u}:cell:${Pr(n.rowIndex, n.colIndex)}`,
 						cell: n,
 						bounds: o,
 						range: r,
 						zoom: i,
 						value: l,
-						"data-rc": Ir(n.rowIndex, n.colIndex),
+						"data-rc": Pr(n.rowIndex, n.colIndex),
 						style: {
 							left: o.x - h.x,
 							top: o.y - h.y,
@@ -3666,24 +3691,24 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 				}
 				if (c = x("div", {
 					className: "tile",
-					style: { transform: `translate(${p}px, ${f}px)` },
+					style: { transform: `translate(${f}px, ${p}px)` },
 					children: m
-				}, `pane:${u}:tile:${e}:${n}`), r && (l.set(o, c), l.size > Or)) {
+				}, `pane:${u}:tile:${e}:${n}`), r && (l.set(o, c), l.size > Lr)) {
 					const e = l.keys().next().value;
 					void 0 !== e && l.delete(e);
 				}
 			}
 			c && h.push(c);
 		};
-		if (Lr) {
-			for (let e = D; e <= k && !(e * Dr > a.rowEnd); e++) for (let t = T; t <= z && !(t * Dr > a.colEnd); t++) p(e, t);
+		if ($r) {
+			for (let e = D; e <= k && !(e * kr > a.rowEnd); e++) for (let t = T; t <= z && !(t * kr > a.colEnd); t++) f(e, t);
 			for (const e of g.keys()) {
 				const t = e.indexOf(":"), n = Number(e.slice(0, t)), r = Number(e.slice(t + 1));
-				(n < D || n > k || r < T || r > z) && p(n, r);
+				(n < D || n > k || r < T || r > z) && f(n, r);
 			}
 		} else for (const e of g.keys()) {
 			const t = e.indexOf(":");
-			p(Number(e.slice(0, t)), Number(e.slice(t + 1)));
+			f(Number(e.slice(0, t)), Number(e.slice(t + 1)));
 		}
 		return h;
 	}, [
@@ -3696,45 +3721,45 @@ var hr = "data-cell-interactive", pr = Object.freeze({ [hr]: "" }), fr = (e) =>
 		u,
 		P,
 		R
-	]), [L, $] = f(!1), F = p({
+	]), [L, $] = p(!1), A = f({
 		left: E,
 		top: I,
 		timer: null
 	});
 	c(() => {
-		const e = F.current;
+		const e = A.current;
 		e.left === E && e.top === I || (e.left = E, e.top = I, $(!0), e.timer && clearTimeout(e.timer), e.timer = setTimeout(() => {
 			e.timer = null, $(!1);
-		}, Tr));
+		}, zr));
 	}, [E, I]), c(() => () => {
-		const e = F.current.timer;
+		const e = A.current.timer;
 		e && clearTimeout(e);
 	}, []);
-	const N = C.getDevicePixelRatio(), A = Math.round((P - E) * N) / N, B = Math.round((R - I) * N) / N;
-	return v(w, { children: [x(ct, {
+	const F = C.getDevicePixelRatio(), N = Math.round((P - E) * F) / F, B = Math.round((R - I) * F) / F;
+	return v(w, { children: [x(dt, {
 		fill: !0,
-		className: Y("tiles", Pr.tiles, m, i),
+		className: Y("tiles", Rr.tiles, m, i),
 		style: {
 			pointerEvents: "none",
 			...a,
 			...L ? {
-				transform: `translate3d(${A}px, ${B}px, 0)`,
+				transform: `translate3d(${N}px, ${B}px, 0)`,
 				willChange: "transform"
 			} : {
-				transform: `translate(${A}px, ${B}px)`,
+				transform: `translate(${N}px, ${B}px)`,
 				willChange: "auto"
 			}
 		},
 		children: O
-	}), l ? x("style", { children: `.${m} [data-rc="${Ir(l.rowIndex, l.colIndex)}"]{visibility:hidden !important;}` }) : null] });
+	}), l ? x("style", { children: `.${m} [data-rc="${Pr(l.rowIndex, l.colIndex)}"]{visibility:hidden !important;}` }) : null] });
 });
-Rr.displayName = "CellTileDiv";
-var Mr = i((e) => {
+Mr.displayName = "CellTileDiv";
+var Dr = i((e) => {
 	const { renderCell: t, cacheToken: n, getVisibleCells: r, hiddenCellAt: o, suppressCell: l, className: i, style: a, ...s } = e;
-	return x(ot, {
+	return x(lt, {
 		className: Y(i, "cells"),
 		...s,
-		children: x(Rr, {
+		children: x(Mr, {
 			renderCell: t,
 			cacheToken: n,
 			getVisibleCells: r,
@@ -3744,16 +3769,16 @@ var Mr = i((e) => {
 		})
 	});
 });
-Mr.displayName = "CellLayer";
-var Dr = 8, kr = 1 << 19, Tr = 150, zr = 1, Or = 512, Lr = !1, $r = (e, t, n, r) => {
-	const o = C.getDevicePixelRatio(), l = (r?.width ?? Vr) / o, i = r?.shift ?? 0, a = r?.breaksAt, s = e.getVisibleRange(), c = (t) => e.getColumnSize(t).offset, d = (t) => {
+Dr.displayName = "CellLayer";
+var kr = 8, Tr = 1 << 19, zr = 150, Or = 1, Lr = 512, $r = !1, Ar = (e, t, n, r) => {
+	const o = C.getDevicePixelRatio(), l = (r?.width ?? Hr) / o, i = r?.shift ?? 0, a = r?.breaksAt, s = e.getVisibleRange(), c = (t) => e.getColumnSize(t).offset, d = (t) => {
 		const n = e.getColumnSize(t);
 		return n.offset + n.size;
 	}, u = (t) => e.getRowSize(t).offset, g = (t) => {
 		const n = e.getRowSize(t);
 		return n.offset + n.size;
-	}, h = [], p = [];
-	let f = !1, m = "";
+	}, h = [], f = [];
+	let p = !1, m = "";
 	if (t) {
 		const t = e.getVisibleRows(), r = t ? t.length : 0;
 		if (0 === r) return m;
@@ -3762,21 +3787,21 @@ var Dr = 8, kr = 1 << 19, Tr = 150, zr = 1, Or = 512, Lr = !1, $r = (e, t, n, r)
 			const n = t[e], r = n.index;
 			if (r < s.rowStart) continue;
 			const y = n.offset + n.size;
-			for (let e = h.length - 1; e >= 0; e--) g(h[e].rowEnd) <= y && (h.splice(e, 1), f = !1);
+			for (let e = h.length - 1; e >= 0; e--) g(h[e].rowEnd) <= y && (h.splice(e, 1), p = !1);
 			let b = !1;
 			for (; u.length > 0 && u[0].rowStart <= r;) {
 				const e = u.shift();
-				g(e.rowEnd) > y && (h.push(e), b = !0, f = !1);
+				g(e.rowEnd) > y && (h.push(e), b = !0, p = !1);
 			}
-			if (b && h.sort(W.columnFirstRangeComparator), !f) {
-				p.length = 0;
+			if (b && h.sort(W.columnFirstRangeComparator), !p) {
+				f.length = 0;
 				for (let e = 0; e < h.length; e++) {
 					const t = h[e];
-					p.push(C.snapDeviceEdge(Math.min(x, c(t.colStart)), o), C.snapDeviceEdge(Math.min(x, d(t.colEnd)), o));
+					f.push(C.snapDeviceEdge(Math.min(x, c(t.colStart)), o), C.snapDeviceEdge(Math.min(x, d(t.colEnd)), o));
 				}
-				f = !0;
+				p = !0;
 			}
-			const S = C.snapLineCenter(y + i, l, o), E = Fr(p, a?.(r), o);
+			const S = C.snapLineCenter(y + i, l, o), E = Fr(f, a?.(r), o);
 			let I = w;
 			const P = E.length;
 			for (let e = 0; e < P; e += 2) {
@@ -3793,21 +3818,21 @@ var Dr = 8, kr = 1 << 19, Tr = 150, zr = 1, Or = 512, Lr = !1, $r = (e, t, n, r)
 			const n = t[e], r = n.index;
 			if (r < s.colStart) continue;
 			const y = n.offset + n.size;
-			for (let e = h.length - 1; e >= 0; e--) d(h[e].colEnd) <= y && (h.splice(e, 1), f = !1);
+			for (let e = h.length - 1; e >= 0; e--) d(h[e].colEnd) <= y && (h.splice(e, 1), p = !1);
 			let b = !1;
 			for (; c.length > 0 && c[0].colStart <= r;) {
 				const e = c.shift();
-				d(e.colEnd) > y && (h.push(e), b = !0, f = !1);
+				d(e.colEnd) > y && (h.push(e), b = !0, p = !1);
 			}
-			if (b && h.sort(W.rowFirstRangeComparator), !f) {
-				p.length = 0;
+			if (b && h.sort(W.rowFirstRangeComparator), !p) {
+				f.length = 0;
 				for (let e = 0; e < h.length; e++) {
 					const t = h[e];
-					p.push(C.snapDeviceEdge(Math.min(x, u(t.rowStart)), o), C.snapDeviceEdge(Math.min(x, g(t.rowEnd)), o));
+					f.push(C.snapDeviceEdge(Math.min(x, u(t.rowStart)), o), C.snapDeviceEdge(Math.min(x, g(t.rowEnd)), o));
 				}
-				f = !0;
+				p = !0;
 			}
-			const S = C.snapLineCenter(y + i, l, o), E = Fr(p, a?.(r), o);
+			const S = C.snapLineCenter(y + i, l, o), E = Fr(f, a?.(r), o);
 			let I = w;
 			const P = E.length;
 			for (let e = 0; e < P; e += 2) {
@@ -3831,9 +3856,9 @@ var Dr = 8, kr = 1 << 19, Tr = 150, zr = 1, Or = 512, Lr = !1, $r = (e, t, n, r)
 		t += `${r.rowStart},${r.colStart},${r.rowEnd},${r.colEnd};`;
 	}
 	return t;
-}, Ar = (e, t, n, r, o) => {
+}, Br = (e, t, n, r, o) => {
 	if (!n) return null;
-	const l = e.getPaneBounds(), i = Math.ceil(l.width), a = Math.ceil(l.height), s = String(Vr / C.getDevicePixelRatio());
+	const l = e.getPaneBounds(), i = Math.ceil(l.width), a = Math.ceil(l.height), s = String(Hr / C.getDevicePixelRatio());
 	return x("svg", {
 		className: Y(t ? "horizontal" : "vertical"),
 		width: `${i}`,
@@ -3849,35 +3874,35 @@ var Dr = 8, kr = 1 << 19, Tr = 150, zr = 1, Or = 512, Lr = !1, $r = (e, t, n, r)
 			...o
 		})
 	});
-}, Br = i((e) => {
-	const { showGridLines: t = !0, gridLineColor: n = "var(--sxl-color-base-300, rgb(224, 224, 224))", propsRows: r, propsColumns: o, getVisibleCells: l, hiddenCellAt: i, cacheToken: a, bufferRange: s, className: c, style: d, ...u } = e, h = Ze(), p = t, f = !0 === t || !0 === p?.horizontal, m = !0 === t || !0 === p?.vertical, { rangesH: w, rangesV: y } = Cr(h, {
+}, Vr = i((e) => {
+	const { showGridLines: t = !0, gridLineColor: n = "var(--sxl-color-base-300, rgb(224, 224, 224))", propsRows: r, propsColumns: o, getVisibleCells: l, hiddenCellAt: i, cacheToken: a, bufferRange: s, className: c, style: d, ...u } = e, h = Je(), f = t, p = !0 === t || !0 === f?.horizontal, m = !0 === t || !0 === f?.vertical, { rangesH: w, rangesV: y } = Ir(h, {
 		getVisibleCells: l,
 		cacheToken: a
-	}), b = C.getDevicePixelRatio(), { top: S, left: E } = h.getScrollTopLeft(), I = h.getPaneBounds(), P = h.getVisibleRange(), R = h.getColumnSize(P.colEnd), M = h.getRowSize(P.rowEnd), D = Math.min(I.width, R ? R.offset + R.size : I.width), k = Math.min(I.height, M ? M.offset + M.size : I.height), T = 0 === w.length ? `${S}|${D}|${b}` : `${S}|${E}|${D}|${b}|${Nr(w)}`, z = 0 === y.length ? `${E}|${k}|${b}` : `${E}|${S}|${k}|${b}|${Nr(y)}`, O = g(() => f ? $r(h, !0, w) : null, [
+	}), b = C.getDevicePixelRatio(), { top: S, left: E } = h.getScrollTopLeft(), I = h.getPaneBounds(), P = h.getVisibleRange(), R = h.getColumnSize(P.colEnd), M = h.getRowSize(P.rowEnd), D = Math.min(I.width, R ? R.offset + R.size : I.width), k = Math.min(I.height, M ? M.offset + M.size : I.height), T = 0 === w.length ? `${S}|${D}|${b}` : `${S}|${E}|${D}|${b}|${Nr(w)}`, z = 0 === y.length ? `${E}|${k}|${b}` : `${E}|${S}|${k}|${b}|${Nr(y)}`, O = g(() => p ? Ar(h, !0, w) : null, [
 		h,
-		f,
+		p,
 		T
-	]), L = g(() => m ? $r(h, !1, y) : null, [
+	]), L = g(() => m ? Ar(h, !1, y) : null, [
 		h,
 		m,
 		z
 	]);
-	return f || m ? x(ot, {
+	return p || m ? x(lt, {
 		...u,
 		className: Y(c, "gridlines"),
-		children: v(ct, {
+		children: v(dt, {
 			fill: !0,
-			className: Y("gridlines-box", Pr.gridlines),
+			className: Y("gridlines-box", Rr.gridlines),
 			style: {
 				pointerEvents: "none",
 				...d
 			},
-			children: [f && O ? Ar(h, !0, O, n, r) : null, m && L ? Ar(h, !1, L, n, o) : null]
+			children: [p && O ? Br(h, !0, O, n, r) : null, m && L ? Br(h, !1, L, n, o) : null]
 		})
 	}) : null;
 });
-Br.displayName = "GridlineLayer";
-var Vr = 1, Hr = -10, Kr = class {
+Vr.displayName = "GridlineLayer";
+var Hr = 1, Kr = -10, _r = class {
 	constructor(e = {}) {
 		this.listeners = /* @__PURE__ */ new Set(), this._coords = e.initial ?? {
 			cell: {
@@ -3886,7 +3911,7 @@ var Vr = 1, Hr = -10, Kr = class {
 			},
 			ranges: W.EmptyRanges,
 			rangeIndex: -1
-		}, this._getBounds = e.getBounds ?? (() => Ur);
+		}, this._getBounds = e.getBounds ?? (() => jr);
 	}
 	getSelection() {
 		return this._coords;
@@ -3904,7 +3929,7 @@ var Vr = 1, Hr = -10, Kr = class {
 			ranges: W.EmptyRanges,
 			rangeIndex: -1
 		});
-		const p = {
+		const f = {
 			rowStart: Math.min(l.rowIndex, g),
 			colStart: Math.min(l.colIndex, h),
 			rowEnd: Math.max(l.rowIndex, g),
@@ -3912,7 +3937,7 @@ var Vr = 1, Hr = -10, Kr = class {
 		};
 		this.setSelection({
 			cell: l,
-			ranges: [p],
+			ranges: [f],
 			rangeIndex: 0
 		});
 	}
@@ -3947,12 +3972,12 @@ var Vr = 1, Hr = -10, Kr = class {
 		return e >= 0 ? this._coords.ranges[e] : W.cellToRange(this._coords.cell);
 	}
 	modify(e, t = this._coords.cell) {
-		const n = this._activeRange(), o = _r({
+		const n = this._activeRange(), o = Wr({
 			rowStart: Math.min(e.rowIndex ?? n.rowStart, t.rowIndex ?? n.rowStart),
 			colStart: Math.min(e.colIndex ?? n.colStart, t.colIndex ?? n.colStart),
 			rowEnd: Math.max(e.rowIndex ?? n.rowEnd, t.rowIndex ?? n.rowEnd),
 			colEnd: Math.max(e.colIndex ?? n.colEnd, t.colIndex ?? n.colEnd)
-		}, this._getBounds()), l = this._coords, i = this._activeIndex(), a = i >= 0 ? l.ranges.map((e, t) => t === i ? o : e) : [o], s = Wr(l.cell, o);
+		}, this._getBounds()), l = this._coords, i = this._activeIndex(), a = i >= 0 ? l.ranges.map((e, t) => t === i ? o : e) : [o], s = Ur(l.cell, o);
 		this.setSelection({
 			cell: s,
 			ranges: a,
@@ -3960,7 +3985,7 @@ var Vr = 1, Hr = -10, Kr = class {
 		});
 	}
 	append(e, t = e) {
-		const n = _r({
+		const n = Wr({
 			rowStart: Math.min(e.rowIndex, t.rowIndex),
 			colStart: Math.min(e.colIndex, t.colIndex),
 			rowEnd: Math.max(e.rowIndex, t.rowIndex),
@@ -4036,64 +4061,64 @@ var Vr = 1, Hr = -10, Kr = class {
 			this.listeners.delete(e);
 		};
 	}
-}, _r = (e, t) => ({
+}, Wr = (e, t) => ({
 	rowStart: ge(e.rowStart, t.rowStart, t.rowEnd),
 	colStart: ge(e.colStart, t.colStart, t.colEnd),
 	rowEnd: ge(e.rowEnd, t.rowStart, t.rowEnd),
 	colEnd: ge(e.colEnd, t.colStart, t.colEnd)
-}), Wr = (e, t) => ({
+}), Ur = (e, t) => ({
 	rowIndex: ge(e.rowIndex, t.rowStart, t.rowEnd),
 	colIndex: ge(e.colIndex, t.colStart, t.colEnd)
-}), Ur = {
+}), jr = {
 	rowStart: 0,
 	colStart: 0,
 	rowEnd: Number.MAX_SAFE_INTEGER,
 	colEnd: Number.MAX_SAFE_INTEGER
-}, jr = "var(--sxl-color-primary, rgb(33, 115, 70))", Gr = "var(--sxl-color-base-100, rgb(255, 255, 255))", Xr = "var(--sxl-color-warning, rgb(255, 0, 0))", Yr = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, qr = {
-	fill: { fill: Yr(10) },
+}, Gr = "var(--sxl-color-primary, rgb(33, 115, 70))", Xr = "var(--sxl-color-base-100, rgb(255, 255, 255))", Yr = "var(--sxl-color-warning, rgb(255, 0, 0))", qr = (e) => `color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) ${e}%, transparent)`, Zr = {
+	fill: { fill: qr(10) },
 	border: {
-		stroke: jr,
+		stroke: Gr,
 		alignWidth: 2,
 		style: { filter: "drop-shadow(1px 1px 0.3px var(--sxl-color-shadow, rgba(0, 0, 0, 0.24)))" }
 	},
 	inner: {
-		stroke: Gr,
+		stroke: Xr,
 		alignWidth: 2,
 		inset: 1
 	}
-}, Zr = {
-	fill: { fill: Yr(6) },
+}, Jr = {
+	fill: { fill: qr(6) },
 	border: {
-		stroke: jr,
+		stroke: Gr,
 		alignWidth: 1
 	},
 	inner: {
-		stroke: Gr,
+		stroke: Xr,
 		alignWidth: 1,
 		inset: 1
 	}
-}, Jr = {
-	stroke: jr,
+}, Qr = {
+	stroke: Gr,
 	alignWidth: 1,
 	inset: 2
-}, Qr = {
-	fill: { fill: `color-mix(in srgb, ${Xr} 10%, transparent)` },
+}, eo = {
+	fill: { fill: `color-mix(in srgb, ${Yr} 10%, transparent)` },
 	border: {
-		stroke: Xr,
+		stroke: Yr,
 		alignWidth: 2
 	}
-}, eo = {
-	color: jr,
-	refusedColor: Xr,
+}, to = {
+	color: Gr,
+	refusedColor: Yr,
 	alignWidth: 3,
 	capExtent: 3,
 	transitionDuration: 100,
 	transitionEasing: "cubic-bezier(0.16, 1, 0.3, 1)",
 	axisDuration: 70
-}, to = { fill: { fill: `color-mix(in srgb, ${Gr} 62%, transparent)` } }, no = (e, t) => {
-	const n = Ze(), r = t?.allowDeselect ?? !0, o = t?.allowMulti ?? !0, l = p(null), [i, a] = f(null), s = p(t?.onSelectionEnd);
+}, no = { fill: { fill: `color-mix(in srgb, ${Xr} 62%, transparent)` } }, ro = (e, t) => {
+	const n = Je(), r = t?.allowDeselect ?? !0, o = t?.allowMulti ?? !0, l = f(null), [i, a] = p(null), s = f(t?.onSelectionEnd);
 	s.current = t?.onSelectionEnd;
-	const c = Wn((t, i) => {
+	const c = Un((t, i) => {
 		if ("touch" === i.pointerType) {
 			const t = n.getScrollTopLeft(), r = {
 				x: i.clientX,
@@ -4116,8 +4141,8 @@ var Vr = 1, Hr = -10, Kr = class {
 				}
 			};
 		}
-		if (0 === i.button && !i.shiftKey && !i.ctrlKey && !i.metaKey && fr(i.target)) {
-			const r = mr(i.target) ?? t;
+		if (0 === i.button && !i.shiftKey && !i.ctrlKey && !i.metaKey && mr(i.target)) {
+			const r = wr(i.target) ?? t;
 			return e.setSelection({
 				cell: r,
 				ranges: W.EmptyRanges,
@@ -4188,15 +4213,15 @@ var Vr = 1, Hr = -10, Kr = class {
 		removePreview: i,
 		dragMode: c.dragMode
 	};
-}, ro = "selection-grip-drag", oo = (e, t) => void 0 === t ? e : null === t ? null : {
+}, oo = "selection-grip-drag", lo = (e, t) => void 0 === t ? e : null === t ? null : {
 	...e,
 	...t
-}, lo = (e, t) => t ? {
-	fill: oo(e.fill, t.fill),
-	border: oo(e.border, t.border),
-	inner: oo(e.inner, t.inner)
-} : e, io = (e) => {
-	const { selection: t } = e, n = Je(), o = uo(z(t, (e) => e.getSelection())), l = n ? ue(n.getAllPanes()) ?? n : void 0, i = ((e, t, n) => {
+}, io = (e, t) => t ? {
+	fill: lo(e.fill, t.fill),
+	border: lo(e.border, t.border),
+	inner: lo(e.inner, t.inner)
+} : e, ao = (e) => {
+	const { selection: t } = e, n = Qe(), o = go(z(t, (e) => e.getSelection())), l = n ? ue(n.getAllPanes()) ?? n : void 0, i = ((e, t, n) => {
 		const r = !!t && e.rowStart === t.rowStart && e.rowEnd === t.rowEnd, o = !!t && e.colStart === t.colStart && e.colEnd === t.colEnd;
 		if (r && o) return [];
 		if (r) {
@@ -4290,7 +4315,7 @@ var Vr = 1, Hr = -10, Kr = class {
 			},
 			axis: "both"
 		}];
-	})(o, n?.getTotalRange(), l?.getVisibleRange()), [a, s] = f(!1), d = tt(ro, null), u = p(null);
+	})(o, n?.getTotalRange(), l?.getVisibleRange()), [a, s] = p(!1), d = nt(oo, null), u = f(null);
 	c(() => () => {
 		u.current?.dispose(), d(null);
 	}, [d]);
@@ -4306,7 +4331,7 @@ var Vr = 1, Hr = -10, Kr = class {
 		} : {
 			x: !0,
 			y: !0
-		}, c = t.getSelection(), g = _n(e, () => (s(!0), d(i), {
+		}, c = t.getSelection(), g = Wn(e, () => (s(!0), d(i), {
 			dragMode: "grip",
 			drag: (e) => {
 				const n = "col" === l ? { colIndex: e.colIndex } : "row" === l ? { rowIndex: e.rowIndex } : e;
@@ -4322,24 +4347,24 @@ var Vr = 1, Hr = -10, Kr = class {
 		}), void 0, (t, n) => (e.getPaneFromPointer(t, n) ?? e).getCellFromPointer(t, n));
 		u.current = g, g.start(r, r.currentTarget);
 	};
-	return x(w, { children: i.map((e) => x(so, {
+	return x(w, { children: i.map((e) => x(co, {
 		spec: e,
 		dragging: a,
 		onBeginDrag: g
 	}, e.key)) });
 };
-io.displayName = "SelectionTouchGrips";
-var ao = {
+ao.displayName = "SelectionTouchGrips";
+var so = {
 	side: "slide",
 	align: "slide"
-}, so = (e) => {
+}, co = (e) => {
 	const { spec: t, dragging: n, onBeginDrag: r } = e;
-	return x(kt, {
+	return x(Tt, {
 		anchor: { cell: t.cell },
 		placement: t.placement,
 		whenOff: "hide",
-		whenPartial: ao,
-		children: (e) => e.slid ? null : x(co, {
+		whenPartial: so,
+		children: (e) => e.slid ? null : x(uo, {
 			state: e,
 			dragging: n,
 			pin: t.pin,
@@ -4348,8 +4373,8 @@ var ao = {
 			}
 		})
 	});
-}, co = (e) => {
-	const { state: t, dragging: n, pin: r, onBeginDrag: o } = e, l = p({
+}, uo = (e) => {
+	const { state: t, dragging: n, pin: r, onBeginDrag: o } = e, l = f({
 		state: t,
 		pin: r
 	});
@@ -4379,7 +4404,7 @@ var ao = {
 				bottom: r
 			};
 		}
-	}), []), a = p(null);
+	}), []), a = f(null);
 	return u(() => {
 		a.current?.instance()?.update();
 	}, [t]), x(b, {
@@ -4429,19 +4454,19 @@ var ao = {
 			} })
 		})
 	});
-}, uo = (e) => {
+}, go = (e) => {
 	const { ranges: t, rangeIndex: n, cell: r } = e;
 	if (t && t.length > 0) {
 		const e = n ?? -1;
 		return t[e >= 0 ? e : t.length - 1];
 	}
 	return W.cellToRange(r);
-}, go = [
+}, ho = [
 	j.Left,
 	j.Right,
 	j.Up,
 	j.Down
-], ho = {
+], fo = {
 	[j.Left]: "ArrowLeft",
 	[j.Right]: "ArrowRight",
 	[j.Up]: "ArrowUp",
@@ -4452,10 +4477,10 @@ var ao = {
 	[j.Up]: "Up",
 	[j.Down]: "Down"
 };
-var fo = {
+var mo = {
 	side: "b",
 	align: "end"
-}, mo = (e, t, n) => {
+}, wo = (e, t, n) => {
 	const r = e.rowStart <= t.rowStart && e.rowEnd >= t.rowEnd;
 	return r === (e.colStart <= t.colStart && e.colEnd >= t.colEnd) ? null : r ? {
 		side: n ? "r" : "l",
@@ -4464,7 +4489,7 @@ var fo = {
 		side: n ? "b" : "t",
 		align: "start"
 	};
-}, wo = { display: "contents" }, xo = (e, t, n, r) => {
+}, xo = { display: "contents" }, vo = (e, t, n, r) => {
 	const { edge: o } = n, l = t.rowStart + n.cell.rowIndex - e.rowStart, i = t.colStart + n.cell.colIndex - e.colStart, a = r.boundsOf(t), s = r.boundsOf({
 		rowStart: l,
 		rowEnd: l,
@@ -4475,23 +4500,23 @@ var fo = {
 		side: d,
 		align: "end"
 	};
-	const u = c ? a.x : a.y, g = u + (c ? a.width : a.height), h = c ? s.x : s.y, p = h + (c ? s.width : s.height), f = (h + p) / 2 <= (u + g) / 2, m = f ? g - p : h - u;
+	const u = c ? a.x : a.y, g = u + (c ? a.width : a.height), h = c ? s.x : s.y, f = h + (c ? s.width : s.height), p = (h + f) / 2 <= (u + g) / 2, m = p ? g - f : h - u;
 	if ((c ? r.tip.width : r.tip.height) + 2 <= m) return {
 		side: d,
-		align: f ? "end" : "start"
+		align: p ? "end" : "start"
 	};
 	const w = "top" === o || "left" === o ? "start" : "end";
 	return c ? {
-		side: f ? "r" : "l",
+		side: p ? "r" : "l",
 		align: w
 	} : {
-		side: f ? "b" : "t",
+		side: p ? "b" : "t",
 		align: w
 	};
-}, vo = {
+}, yo = {
 	row: "b",
 	col: "r"
-}, yo = (e, t) => {
+}, bo = (e, t) => {
 	const n = t.rowStart, r = t.colStart;
 	return e ? {
 		row: n > e.rowAt ? "b" : n < e.rowAt ? "t" : e.row,
@@ -4499,19 +4524,19 @@ var fo = {
 		rowAt: n,
 		colAt: r
 	} : {
-		...vo,
+		...yo,
 		rowAt: n,
 		colAt: r
 	};
-}, bo = e.forwardRef((t, n) => {
-	const { selection: r, getContentBounds: o, getRegionBounds: l, scrollIntoView: i, singleStyle: a, multiStyle: s, multiAnchorStyle: c, singleAnchorStyle: d, removePreviewStyle: u, insertBarStyle: g, isDropRefused: h, snapMoveDestination: p, moveSourceStyle: f, singleLayer: m, multiLayer: y, enabledMove: b, onMove: S, onMoveStart: C, onMoveUpdate: I, onMoveEnd: P, moveCursor: R, enableFill: M, snapFillDestination: D, onFill: k, onFillStart: T, onFillPreview: O, onFillEnd: L, onFillMenu: $, resolveFillExtent: F, onEdgeDoubleClick: N, onSelectionEnd: A, onDragModeChange: B, externalDrag: V = !1, renderTip: H, tipPlacement: K, disableKeyboard: U, anchorHole: X = !0, ...Y } = t, q = z(r, (e) => e.getSelection()), Z = no(r, { onSelectionEnd: A }), J = e.useRef(B);
+}, So = e.forwardRef((t, n) => {
+	const { selection: r, getContentBounds: o, getRegionBounds: l, scrollIntoView: i, singleStyle: a, multiStyle: s, multiAnchorStyle: c, singleAnchorStyle: d, removePreviewStyle: u, insertBarStyle: g, isDropRefused: h, snapMoveDestination: f, moveSourceStyle: p, singleLayer: m, multiLayer: y, enabledMove: b, onMove: S, onMoveStart: C, onMoveUpdate: I, onMoveEnd: P, moveCursor: R, enableFill: M, snapFillDestination: D, onFill: k, onFillStart: T, onFillPreview: O, onFillEnd: L, onFillMenu: $, resolveFillExtent: A, onEdgeDoubleClick: F, onSelectionEnd: N, onDragModeChange: B, externalDrag: V = !1, renderTip: H, tipPlacement: K, disableKeyboard: U, anchorHole: X = !0, ...Y } = t, q = z(r, (e) => e.getSelection()), Z = ro(r, { onSelectionEnd: N }), J = e.useRef(B);
 	J.current = B, e.useEffect(() => {
 		J.current?.(Z.dragMode);
 	}, [Z.dragMode]);
 	const [Q, ee] = e.useState(null), te = e.useRef(null), ne = e.useRef(null), re = e.useRef(null), le = e.useRef({
 		width: 0,
 		height: 0
-	}), ie = Ze(), ae = e.useRef(r);
+	}), ie = Je(), ae = e.useRef(r);
 	ae.current = r;
 	const se = e.useRef(ie);
 	se.current = ie;
@@ -4528,7 +4553,7 @@ var fo = {
 		}, g = () => u(i().getSelection().cell), h = () => {
 			const e = i().getSelection();
 			return e.ranges && e.ranges.length > 0 && void 0 !== e.rangeIndex && e.rangeIndex >= 0 ? e.ranges[e.rangeIndex] : W.cellToRange(e.cell);
-		}, p = (e, t, n = !1) => {
+		}, f = (e, t, n = !1) => {
 			if (i().navigate(e, t, n), o()) return;
 			const r = i().getSelection(), l = e === j.Left || e === j.Right;
 			if (t) {
@@ -4538,27 +4563,27 @@ var fo = {
 				return;
 			}
 			u(l ? { colIndex: r.cell.colIndex } : { rowIndex: r.cell.rowIndex });
-		}, f = (e, t) => {
-			const n = a(), r = n.getMetrics(), o = s(), l = n.getSurfaceSize(), c = n.getScrollTopLeft(), d = n.getScrollTarget?.() ?? c, u = h(), g = i().getSelection().cell, p = t ? g.rowIndex === u.rowStart ? u.rowEnd : u.rowStart : g.rowIndex, f = t ? g.colIndex === u.colStart ? u.colEnd : u.colStart : g.colIndex;
-			let m = p, w = f, x = null;
+		}, p = (e, t) => {
+			const n = a(), r = n.getMetrics(), o = s(), l = n.getSurfaceSize(), c = n.getScrollTopLeft(), d = n.getScrollTarget?.() ?? c, u = h(), g = i().getSelection().cell, f = t ? g.rowIndex === u.rowStart ? u.rowEnd : u.rowStart : g.rowIndex, p = t ? g.colIndex === u.colStart ? u.colEnd : u.colStart : g.colIndex;
+			let m = f, w = p, x = null;
 			switch (e) {
 				case j.Up: {
-					const e = r.getRowOffset(p + 1);
+					const e = r.getRowOffset(f + 1);
 					m = Math.max(o.rowStart, r.getRowIndex(e - l.height)), x = { top: r.getRowOffset(m + 1) - (e - d.top) };
 					break;
 				}
 				case j.Down: {
-					const e = r.getRowOffset(p);
+					const e = r.getRowOffset(f);
 					m = Math.min(o.rowEnd, r.getRowIndex(e + l.height)), x = { top: r.getRowOffset(m) - (e - d.top) };
 					break;
 				}
 				case j.Left: {
-					const e = r.getColOffset(f + 1);
+					const e = r.getColOffset(p + 1);
 					w = Math.max(o.colStart, r.getColIndex(e - l.width)), x = { left: r.getColOffset(w + 1) - (e - d.left) };
 					break;
 				}
 				case j.Right: {
-					const e = r.getColOffset(f);
+					const e = r.getColOffset(p);
 					w = Math.min(o.colEnd, r.getColIndex(e + l.width)), x = { left: r.getColOffset(w) - (e - d.left) };
 					break;
 				}
@@ -4612,38 +4637,38 @@ var fo = {
 				run: n
 			});
 		}, b = E.Shift, S = E.Ctrl, C = E.Alt;
-		for (const e of go) {
-			const t = po[e], n = ho[e];
-			y(`move${t}`, { key: n }, () => p(e, !1)), y(`select${t}`, {
+		for (const e of ho) {
+			const t = po[e], n = fo[e];
+			y(`move${t}`, { key: n }, () => f(e, !1)), y(`select${t}`, {
 				key: n,
 				modifiers: [b]
-			}, () => p(e, !0)), y(`moveContentful${t}`, {
+			}, () => f(e, !0)), y(`moveContentful${t}`, {
 				key: n,
 				modifiers: [S]
-			}, () => p(e, !1, !0)), y(`selectContentful${t}`, {
+			}, () => f(e, !1, !0)), y(`selectContentful${t}`, {
 				key: n,
 				modifiers: [S, b]
-			}, () => p(e, !0, !0));
+			}, () => f(e, !0, !0));
 		}
-		y("moveToPageDown", { key: "PageDown" }, () => f(j.Down, !1)), y("selectToPageDown", {
+		y("moveToPageDown", { key: "PageDown" }, () => p(j.Down, !1)), y("selectToPageDown", {
 			key: "PageDown",
 			modifiers: [b]
-		}, () => f(j.Down, !0)), y("moveToPageUp", { key: "PageUp" }, () => f(j.Up, !1)), y("selectToPageUp", {
+		}, () => p(j.Down, !0)), y("moveToPageUp", { key: "PageUp" }, () => p(j.Up, !1)), y("selectToPageUp", {
 			key: "PageUp",
 			modifiers: [b]
-		}, () => f(j.Up, !0)), y("moveToPageRight", {
+		}, () => p(j.Up, !0)), y("moveToPageRight", {
 			key: "PageDown",
 			modifiers: [C]
-		}, () => f(j.Right, !1)), y("selectToPageRight", {
+		}, () => p(j.Right, !1)), y("selectToPageRight", {
 			key: "PageDown",
 			modifiers: [C, b]
-		}, () => f(j.Right, !0)), y("moveToPageLeft", {
+		}, () => p(j.Right, !0)), y("moveToPageLeft", {
 			key: "PageUp",
 			modifiers: [C]
-		}, () => f(j.Left, !1)), y("selectToPageLeft", {
+		}, () => p(j.Left, !1)), y("selectToPageLeft", {
 			key: "PageUp",
 			modifiers: [C, b]
-		}, () => f(j.Left, !0)), y("traverseSelectionRight", { key: "Tab" }, () => w(G.Row, !1)), y("traverseSelectionLeft", {
+		}, () => p(j.Left, !0)), y("traverseSelectionRight", { key: "Tab" }, () => w(G.Row, !1)), y("traverseSelectionLeft", {
 			key: "Tab",
 			modifiers: [b]
 		}, () => w(G.Row, !0)), y("traverseSelectionDown", [{ key: "Enter" }, { key: "NumpadEnter" }], () => w(G.Column, !1)), y("traverseSelectionUp", [{
@@ -4738,19 +4763,19 @@ var fo = {
 		getRegionBounds: (e) => de.current?.(e) ?? null
 	}), []);
 	e.useImperativeHandle(n, () => ge, [ge]);
-	const he = !!q.ranges && q.ranges.length > 0, pe = he ? [...q.ranges] : [W.cellToRange(q.cell)], fe = pe.length > 1, me = q.rangeIndex ?? -1, we = he ? me >= 0 ? me : pe.length - 1 : 0, xe = pe[we] ?? W.cellToRange(q.cell), ve = ie.getRangeFromCell(q.cell), ye = W.intersectRanges(ve, xe) ?? W.cellToRange(q.cell), be = pe.filter((e, t) => t !== we), Se = fe ? lo(Zr, s) : lo(qr, a), Ee = {
-		...Jr,
+	const he = !!q.ranges && q.ranges.length > 0, fe = he ? [...q.ranges] : [W.cellToRange(q.cell)], pe = fe.length > 1, me = q.rangeIndex ?? -1, we = he ? me >= 0 ? me : fe.length - 1 : 0, xe = fe[we] ?? W.cellToRange(q.cell), ve = ie.getRangeFromCell(q.cell), ye = W.intersectRanges(ve, xe) ?? W.cellToRange(q.cell), be = fe.filter((e, t) => t !== we), Se = pe ? io(Jr, s) : io(Zr, a), Ee = {
+		...Qr,
 		...c
-	}, Ce = lo(Qr, u), { refusedColor: Ie, ...Pe } = {
-		...eo,
+	}, Ce = io(eo, u), { refusedColor: Ie, ...Pe } = {
+		...to,
 		...g
-	}, Re = null === f ? null : lo(to, f), Me = (e, t) => {
+	}, Re = null === p ? null : io(no, p), Me = (e, t) => {
 		const n = t.mods.shiftKey ? t.insert : null, r = t.mods.ctrlKey || t.mods.metaKey, o = {
-			to: n ? rr(e, n, ie.getTotalRange()) : e,
+			to: n ? or(e, n, ie.getTotalRange()) : e,
 			copy: r,
 			insert: n?.axis
 		};
-		return !n && p && (o.to = p(xe, o)), o.refused = n ? !r && (h ? h(xe, o) : W.isRefusedInsertCut(W.classifyInsertCut(xe, o.to, n.axis))) : !!h?.(xe, o), o;
+		return !n && f && (o.to = f(xe, o)), o.refused = n ? !r && (h ? h(xe, o) : W.isRefusedInsertCut(W.classifyInsertCut(xe, o.to, n.axis))) : !!h?.(xe, o), o;
 	}, De = (e) => {
 		const t = r.getSelection(), n = t.ranges, o = !!n && n.length > 0, l = o ? void 0 !== t.rangeIndex && t.rangeIndex >= 0 && t.rangeIndex < n.length ? t.rangeIndex : n.length - 1 : 0, i = o ? n.map((t, n) => n === l ? e : t) : [e], a = W.isCellWithinRange(t.cell, e) ? t.cell : {
 			rowIndex: e.rowStart,
@@ -4761,7 +4786,7 @@ var fo = {
 			ranges: i,
 			rangeIndex: l
 		});
-	}, [ke] = et(ro, null), Te = "extend" === Z.dragMode || null !== ke || V, ze = Q ?? (Te ? {
+	}, [ke] = tt(oo, null), Te = "extend" === Z.dragMode || null !== ke || V, ze = Q ?? (Te ? {
 		kind: "select",
 		range: xe
 	} : null), Oe = ze && H ? H(ze) : null, Le = {
@@ -4775,16 +4800,16 @@ var fo = {
 			}))(o, t);
 			return {
 				range: o,
-				placement: mo(o, r, o.rowStart <= r.rowStart && o.rowEnd >= r.rowEnd ? "end" === l.align : "b" === l.side) ?? l
+				placement: wo(o, r, o.rowStart <= r.rowStart && o.rowEnd >= r.rowEnd ? "end" === l.align : "b" === l.side) ?? l
 			};
 		}
 		if ("fill" === e.kind) {
-			const { template: t, destination: n } = e, o = mo(n, r, n.rowEnd > t.rowEnd || n.colEnd > t.colEnd);
+			const { template: t, destination: n } = e, o = wo(n, r, n.rowEnd > t.rowEnd || n.colEnd > t.colEnd);
 			if (o) return {
 				range: n,
 				placement: o
 			};
-			let l = fo;
+			let l = mo;
 			return n.rowEnd > t.rowEnd ? l = {
 				side: "r",
 				align: "end"
@@ -4840,23 +4865,23 @@ var fo = {
 				align: "start"
 			}
 		};
-		const c = mo(a, r, "left" !== l?.edge && "top" !== l?.edge);
+		const c = wo(a, r, "left" !== l?.edge && "top" !== l?.edge);
 		return c ? {
 			range: a,
 			placement: c
 		} : l && i ? {
 			range: a,
-			placement: xo(e.from, a, l, i)
+			placement: vo(e.from, a, l, i)
 		} : {
 			range: a,
-			placement: fo
+			placement: mo
 		};
-	})(ze, ye, ke, ie.getTotalRange(), te.current ?? vo, ne.current, Le) : {
+	})(ze, ye, ke, ie.getTotalRange(), te.current ?? yo, ne.current, Le) : {
 		range: xe,
-		placement: fo
+		placement: mo
 	};
-	let Fe;
-	"move" === ze?.kind && (Fe = ze.drop.insert ? {
+	let Ae;
+	"move" === ze?.kind && (Ae = ze.drop.insert ? {
 		duration: Pe.transitionDuration ?? 0,
 		easing: Pe.transitionEasing
 	} : oe), e.useLayoutEffect(() => {
@@ -4868,7 +4893,7 @@ var fo = {
 			height: n
 		};
 	});
-	const Ne = e.Children.map(fe ? y : m, (t) => {
+	const Fe = e.Children.map(pe ? y : m, (t) => {
 		if (!e.isValidElement(t)) return t;
 		const n = t.props;
 		return e.cloneElement(t, {
@@ -4878,7 +4903,7 @@ var fo = {
 			}
 		});
 	});
-	return v(ot, {
+	return v(lt, {
 		...Y,
 		onPointerDown: Z.onPointerDown,
 		onPointerMove: Z.onPointerMove,
@@ -4887,33 +4912,33 @@ var fo = {
 			ge.handleKey(e) && (e.preventDefault(), e.stopPropagation());
 		},
 		children: [
-			"move" === Q?.kind && !Q.drop.copy && Re && !W.isEqualRanges(Q.to, Q.from) && So(Re, Q.from, void 0, !1, "move-source"),
-			v(w, fe ? { children: [
-				be.map((t, n) => x(e.Fragment, { children: So(Se, t) }, `other-${n}`)),
-				So(Se, xe, X ? ye : void 0),
-				x(zn, {
+			"move" === Q?.kind && !Q.drop.copy && Re && !W.isEqualRanges(Q.to, Q.from) && Eo(Re, Q.from, void 0, !1, "move-source"),
+			v(w, pe ? { children: [
+				be.map((t, n) => x(e.Fragment, { children: Eo(Se, t) }, `other-${n}`)),
+				Eo(Se, xe, X ? ye : void 0),
+				x(On, {
 					className: "anchor",
 					range: ye,
 					...Ee
 				})
-			] } : { children: [So(Se, xe, X ? ye : void 0), d && x(zn, {
+			] } : { children: [Eo(Se, xe, X ? ye : void 0), d && x(On, {
 				className: "anchor",
 				range: ye,
 				...d
 			})] }),
-			!fe && b && x(or, {
+			!pe && b && x(lr, {
 				className: "move-grip",
 				range: xe,
 				grip: "edges",
 				dragCursor: R,
 				renderMove: ({ range: e, info: t }) => {
 					const n = Me(e, t);
-					return n.insert ? x(On, {
+					return n.insert ? x(Ln, {
 						range: n.to,
 						axis: n.insert,
 						...Pe,
 						color: (n.refused ? Ie : void 0) ?? Pe.color
-					}) : Se.border && x(zn, {
+					}) : Se.border && x(On, {
 						className: "move-ghost",
 						range: n.to,
 						...Se.border,
@@ -4922,10 +4947,10 @@ var fo = {
 						style: { opacity: .6 }
 					});
 				},
-				onEdgeDoubleClick: N,
+				onEdgeDoubleClick: F,
 				onDragStart: (e, t, n, r) => {
 					const o = Me(e, n);
-					C?.(e, t, o, r), te.current = yo(null, o.to), ne.current = n.grab, ee({
+					C?.(e, t, o, r), te.current = bo(null, o.to), ne.current = n.grab, ee({
 						kind: "move",
 						from: e,
 						to: o.to,
@@ -4934,7 +4959,7 @@ var fo = {
 				},
 				onDragMove: (e, t, n) => {
 					const r = Me(e, n);
-					I?.(xe, r.to, t, r), te.current = yo(te.current, r.to), ee({
+					I?.(xe, r.to, t, r), te.current = bo(te.current, r.to), ee({
 						kind: "move",
 						from: xe,
 						to: r.to,
@@ -4955,7 +4980,7 @@ var fo = {
 					}));
 				}
 			}),
-			!fe && M && x(gr, {
+			!pe && M && x(hr, {
 				range: xe,
 				snapDestination: D,
 				...Se.border,
@@ -4982,53 +5007,53 @@ var fo = {
 				onDragDone: () => {
 					L?.(), ee(null);
 				},
-				onDoubleClick: F ? (e, t) => {
-					const n = F(e);
+				onDoubleClick: A ? (e, t) => {
+					const n = A(e);
 					n && !W.isEqualRanges(n, e) && (k?.(e, n, t), De(n));
 				} : void 0
 			}),
-			Z.removePreview && So(Ce, Z.removePreview, void 0, !1, "remove-preview"),
-			Ne,
-			H && x(gn, {
+			Z.removePreview && Eo(Ce, Z.removePreview, void 0, !1, "remove-preview"),
+			Fe,
+			H && x(hn, {
 				name: "selection-gesture",
 				active: null !== ze,
 				anchor: { range: $e.range },
 				placement: K ?? $e.placement,
 				offset: "fill" === ze?.kind ? void 0 : 4,
 				alignOffset: "fill" === ze?.kind ? void 0 : 2,
-				glide: Fe,
-				children: (Ae = Oe, null == Ae || !1 === Ae || "" === Ae ? Oe : x("span", {
+				glide: Ae,
+				children: (Ne = Oe, null == Ne || !1 === Ne || "" === Ne ? Oe : x("span", {
 					ref: re,
-					style: wo,
+					style: xo,
 					children: Oe
 				}))
 			})
 		]
 	});
-	var Ae;
+	var Ne;
 });
-bo.displayName = "SelectionLayer";
-var So = (e, t, n, r = !1, o = "range") => v(w, { children: [
-	e.fill && x(zn, {
+So.displayName = "SelectionLayer";
+var Eo = (e, t, n, r = !1, o = "range") => v(w, { children: [
+	e.fill && x(On, {
 		className: `${o} fill`,
 		animatedTransition: r,
 		range: t,
 		hole: n,
 		...e.fill
 	}),
-	e.inner && x(zn, {
+	e.inner && x(On, {
 		className: `${o} inner`,
 		animatedTransition: r,
 		range: t,
 		...e.inner
 	}),
-	e.border && x(zn, {
+	e.border && x(On, {
 		className: `${o} border`,
 		animatedTransition: r,
 		range: t,
 		...e.border
 	})
-] }), Eo = [
+] }), Co = [
 	"#1a73e8",
 	"#d93025",
 	"#1e8e3e",
@@ -5036,13 +5061,13 @@ var So = (e, t, n, r = !1, o = "range") => v(w, { children: [
 	"#e37400",
 	"#12a4af",
 	"#d01884"
-], Co = Array.from({ length: P }, (e, t) => `var(--sxl-color-series-${t + 1}, ${Eo[t]})`), Io = "var(--sxl-color-primary, rgb(0, 120, 215))", Po = (e, t, n) => ({
+], Io = Array.from({ length: P }, (e, t) => `var(--sxl-color-series-${t + 1}, ${Co[t]})`), Po = "var(--sxl-color-primary, rgb(0, 120, 215))", Ro = (e, t, n) => ({
 	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))
-}), Ro = (e) => ({ stroke: Co.length ? Co[e % Co.length] : Io }), Mo = (e) => {
-	const { selection: t, getRangeStyle: n = Ro, anchors: r = ir, enabledMove: o, disableDraw: l, allowMulti: i = !0, size: a, animated: s, renderHandle: d, preserveFocus: u = !0, onDragActiveChange: g, rangeStyle: h = _.EmptyObject, className: m, ...w } = e, y = Ze(), b = z(t, (e) => e.getSelection()), S = b.ranges ?? W.EmptyRanges, E = Math.min(Math.max(0, b.rangeIndex ?? S.length - 1), Math.max(0, S.length - 1)), [C, I] = f(null), [P, R] = f(null), [M, D] = f(!1), k = null !== P || M, T = p(g);
+}), Mo = (e) => ({ stroke: Io.length ? Io[e % Io.length] : Po }), Do = (e) => {
+	const { selection: t, getRangeStyle: n = Mo, anchors: r = ar, enabledMove: o, disableDraw: l, allowMulti: i = !0, size: a, animated: s, renderHandle: d, preserveFocus: u = !0, onDragActiveChange: g, rangeStyle: h = _.EmptyObject, className: m, ...w } = e, y = Je(), b = z(t, (e) => e.getSelection()), S = b.ranges ?? W.EmptyRanges, E = Math.min(Math.max(0, b.rangeIndex ?? S.length - 1), Math.max(0, S.length - 1)), [C, I] = p(null), [P, R] = p(null), [M, D] = p(!1), k = null !== P || M, T = f(g);
 	T.current = g, c(() => {
 		T.current?.(k, P);
 	}, [k, P]), c(() => () => {
@@ -5062,13 +5087,13 @@ var So = (e, t, n, r = !1, o = "range") => v(w, { children: [
 			ranges: l,
 			rangeIndex: e
 		});
-	}, F = (e) => {
+	}, A = (e) => {
 		const n = t.getSelection();
 		(n.rangeIndex ?? -1) !== e && t.setSelection({
 			...n,
 			rangeIndex: e
 		});
-	}, N = Wn((e, t) => {
+	}, F = Un((e, t) => {
 		if (0 !== t.button) return null;
 		const n = (b.rangeIndex ?? -1) >= 0 ? b.rangeIndex : -1;
 		if (t.shiftKey && n >= 0 && S[n]) {
@@ -5076,49 +5101,49 @@ var So = (e, t, n, r = !1, o = "range") => v(w, { children: [
 				rowIndex: S[n].rowStart,
 				colIndex: S[n].colStart
 			};
-			return D(!0), $(n, Po(t, e, y.getTotalRange())), {
-				drag: (e) => $(n, Po(t, e, y.getTotalRange())),
+			return D(!0), $(n, Ro(t, e, y.getTotalRange())), {
+				drag: (e) => $(n, Ro(t, e, y.getTotalRange())),
 				end: () => D(!1),
 				captureEvents: !1
 			};
 		}
 		const r = (!t.ctrlKey && !t.metaKey || !i) && n >= 0 ? n : S.length;
 		return D(!0), $(r, W.cellToRange(e)), {
-			drag: (t) => $(r, Po(e, t, y.getTotalRange())),
+			drag: (t) => $(r, Ro(e, t, y.getTotalRange())),
 			end: () => D(!1),
 			captureEvents: !1
 		};
-	}), A = S.map((e, t) => n(t, t === E)), B = [];
-	for (let e = 0; e < A.length; e++) A[e] && B.push(e);
-	return v(ot, {
+	}), N = S.map((e, t) => n(t, t === E)), B = [];
+	for (let e = 0; e < N.length; e++) N[e] && B.push(e);
+	return v(lt, {
 		...w,
 		children: [
-			(!l || M) && x(ct, {
+			(!l || M) && x(dt, {
 				fill: !0,
 				className: Y(m, "ranges-picker-draw"),
 				style: { touchAction: "none" },
 				onPointerDown: (e) => {
-					e.stopPropagation(), u && e.preventDefault(), N.onPointerDown(e);
+					e.stopPropagation(), u && e.preventDefault(), F.onPointerDown(e);
 				},
-				onPointerMove: N.onPointerMove,
+				onPointerMove: F.onPointerMove,
 				onPointerUp: (e) => {
-					e.stopPropagation(), N.onPointerUp(e);
+					e.stopPropagation(), F.onPointerUp(e);
 				}
 			}),
-			o && B.map((e) => x(or, {
+			o && B.map((e) => x(lr, {
 				range: S[e],
 				grip: "edges",
 				preserveFocus: u,
 				onHoverChange: (t) => L(e, t),
 				onDragStateChange: (t) => {
-					t && F(e), R(t ? e : null);
+					t && A(e), R(t ? e : null);
 				},
 				onDragMove: (t) => $(e, t),
 				onDragEnd: (t) => $(e, t)
 			}, `move-${e}`)),
 			B.map((e) => {
 				const t = e === E, n = e === O, o = ((e, t, n) => {
-					const r = e.stroke ?? h.stroke ?? Io;
+					const r = e.stroke ?? h.stroke ?? Po;
 					return {
 						...h,
 						...e,
@@ -5127,8 +5152,8 @@ var So = (e, t, n, r = !1, o = "range") => v(w, { children: [
 						alignWidth: n ? 3 : e.alignWidth ?? h.alignWidth ?? 2,
 						...s && t ? { animatedStroke: !0 } : void 0
 					};
-				})(A[e], t, n);
-				return x(sr, {
+				})(N[e], t, n);
+				return x(cr, {
 					range: S[e],
 					anchors: r,
 					size: a,
@@ -5138,7 +5163,7 @@ var So = (e, t, n, r = !1, o = "range") => v(w, { children: [
 					onHandleHoverChange: (t) => L(e, t),
 					onDragMove: (t) => $(e, t),
 					onDragStart: () => {
-						F(e), R(e);
+						A(e), R(e);
 					},
 					onDragEnd: (t) => {
 						R(null), $(e, t);
@@ -5148,8 +5173,8 @@ var So = (e, t, n, r = !1, o = "range") => v(w, { children: [
 		]
 	});
 };
-Mo.displayName = "RangesPickerLayer";
-var Do = 0, ko = class {
+Do.displayName = "RangesPickerLayer";
+var ko = 0, To = class {
 	constructor(e, t = {}) {
 		this.pending = null, this.cancelled = !1, this.listeners = /* @__PURE__ */ new Set(), this.commitListeners = /* @__PURE__ */ new Set(), this.cancelListeners = /* @__PURE__ */ new Set(), this.editors = /* @__PURE__ */ new Set(), this.activeEditor = null, this.activeEditorId = null, this.auxState = null, this.commitFn = e.commit, this.validateFn = e.validate, this.onCommitError = e.onCommitError, this.state = {
 			mode: t.mode ?? "enter",
@@ -5158,7 +5183,7 @@ var Do = 0, ko = class {
 			dirty: t.dirty,
 			initialSelection: t.initialSelection ?? null,
 			autoFocus: t.autoFocus ?? !0,
-			token: ++Do
+			token: ++ko
 		};
 	}
 	getState() {
@@ -5282,7 +5307,7 @@ var Do = 0, ko = class {
 	notify() {
 		this.listeners.forEach((e) => e());
 	}
-}, To = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : "Process" === e.key || 229 === e.keyCode ? {
+}, zo = (e) => e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? null : "Process" === e.key || 229 === e.keyCode ? {
 	mode: "enter",
 	dirty: ""
 } : 1 === e.key.length ? " " === e.key && e.shiftKey ? null : {
@@ -5291,17 +5316,17 @@ var Do = 0, ko = class {
 } : e.shiftKey ? null : "F2" === e.key ? { mode: "edit" } : "Backspace" === e.key ? {
 	mode: "enter",
 	dirty: ""
-} : null, zo = (e, t) => {
-	const n = p(null);
+} : null, Oo = (e, t) => {
+	const n = f(null);
 	return u(() => {
 		const t = n.current;
 		null !== t && (n.current = null, e.current?.setSelectionRange(t, t));
 	}, [t]), O((e) => {
 		n.current = e;
 	}, []);
-}, Oo = (e, t) => {
+}, Lo = (e, t) => {
 	if (e.which === S.Enter && t.ctrlKey) return t.shiftKey ? { arrayFixed: !0 } : { broadcast: !0 };
-}, Lo = (e) => {
+}, $o = (e) => {
 	const { mode: t, value: n, onDirtyChange: r, onModeChange: o, onCommit: l, onCancel: i, onNavigate: a, onTraverse: s, setCaret: c } = e;
 	return O((e) => {
 		const d = e.nativeEvent;
@@ -5318,7 +5343,7 @@ var Do = 0, ko = class {
 		if (u && "edit" === t) return void e.stopPropagation();
 		if (e.which === S.Enter || e.which === S.Tab || u && "enter" === t) {
 			e.preventDefault();
-			const t = Oo(e, d), n = l(t);
+			const t = Lo(e, d), n = l(t);
 			if (!1 === n) return void e.stopPropagation();
 			if (t) return void e.stopPropagation();
 			const r = e.which === S.Enter || e.which === S.Tab, o = e.which === S.Tab ? G.Row : G.Column, i = e.shiftKey, c = r ? null : ((e) => {
@@ -5351,7 +5376,7 @@ var Do = 0, ko = class {
 		s,
 		c
 	]);
-}, $o = class {
+}, Ao = class {
 	constructor(e, t, n) {
 		this.current = null, this.leaveTarget = null, this.listeners = /* @__PURE__ */ new Set(), this.commitErrorListeners = /* @__PURE__ */ new Set(), this.anchor = e, this.createEdit = t, this.revertAnchor = n?.revertAnchor, this.unsubscribeAnchor = e.subscribe(() => this.onAnchorChange());
 	}
@@ -5383,7 +5408,7 @@ var Do = 0, ko = class {
 	startEdit(e, t = {}) {
 		const n = this.createEdit(e);
 		if (!n) return !1;
-		return this.current = new ko({
+		return this.current = new To({
 			...n,
 			coords: n.coords ?? e,
 			onCommitError: (e) => {
@@ -5431,8 +5456,8 @@ var Do = 0, ko = class {
 		},
 		inView: a
 	};
-}, No = 96 / 72 * 11, Ao = "Calibri, sans-serif", Bo = (e) => {
-	const { open: t, mode: n, clean: r, dirty: o, token: l, autoFocus: i, initialSelection: a, zoom: s, readOnly: c, onDirtyChange: d, onModeChange: g, onCommit: h, onCancel: f, onNaturalSize: m } = e, y = o ?? r ?? "", b = p(null), S = p(null), E = p(0);
+}, No = 96 / 72 * 11, Bo = "Calibri, sans-serif", Vo = (e) => {
+	const { open: t, mode: n, clean: r, dirty: o, token: l, autoFocus: i, initialSelection: a, zoom: s, readOnly: c, onDirtyChange: d, onModeChange: g, onCommit: h, onCancel: p, onNaturalSize: m } = e, y = o ?? r ?? "", b = f(null), S = f(null), E = f(0);
 	u(() => {
 		if (!t || !i) return;
 		const e = b.current;
@@ -5456,14 +5481,14 @@ var Do = 0, ko = class {
 			height: e.offsetHeight
 		});
 	}, [y, m]);
-	const I = Lo({
+	const I = $o({
 		mode: n,
 		value: y,
 		onDirtyChange: d,
 		onModeChange: g,
 		onCommit: h,
-		onCancel: f,
-		setCaret: zo(b, y)
+		onCancel: p,
+		setCaret: Oo(b, y)
 	});
 	return v(w, { children: [x("textarea", {
 		ref: b,
@@ -5483,7 +5508,7 @@ var Do = 0, ko = class {
 			resize: "none",
 			overflow: "hidden",
 			background: "transparent",
-			fontFamily: Ao,
+			fontFamily: Bo,
 			fontSize: No * s + "px",
 			lineHeight: 1.2,
 			whiteSpace: "pre",
@@ -5504,15 +5529,15 @@ var Do = 0, ko = class {
 			visibility: "hidden",
 			pointerEvents: "none",
 			whiteSpace: "pre",
-			fontFamily: Ao,
+			fontFamily: Bo,
 			fontSize: `${No}px`,
 			lineHeight: 1.2
 		},
 		children: 0 === y.length ? " " : y
 	})] });
 };
-function Vo(e) {
-	const { editable: t, renderEditor: n, alignment: r = "left", background: o = "var(--sxl-color-base-100, rgb(255, 255, 255))", borderColor: l = "var(--sxl-color-primary, rgb(33, 115, 70))", borderWidth: i = 2, zIndex: a, className: s, style: d, ...u } = e, g = Je(), h = z(t, (e) => e.getSession()), p = B(h, (e) => e.getState()), [m, w] = f(null), v = O((e) => {
+function Ho(e) {
+	const { editable: t, renderEditor: n, alignment: r = "left", background: o = "var(--sxl-color-base-100, rgb(255, 255, 255))", borderColor: l = "var(--sxl-color-primary, rgb(33, 115, 70))", borderWidth: i = 2, zIndex: a, className: s, style: d, ...u } = e, g = Qe(), h = z(t, (e) => e.getSession()), f = B(h, (e) => e.getState()), [m, w] = p(null), v = O((e) => {
 		w((t) => t && t.width === e.width && t.height === e.height ? t : e);
 	}, []), y = O((e) => {
 		const n = t.commit(e);
@@ -5523,9 +5548,9 @@ function Vo(e) {
 		t.cancel(), g?.focus();
 	}, [t, g]);
 	c(() => {
-		p && g && g.scrollCellCoordsIntoView(p.coords);
-	}, [p?.token]);
-	const S = p ? p.coords : t.getAnchor().getCoords();
+		f && g && g.scrollCellCoordsIntoView(f.coords);
+	}, [f?.token]);
+	const S = f ? f.coords : t.getAnchor().getCoords();
 	let E = null, C = !1, P = !1;
 	if (g && S) {
 		const e = g.getRangeFromCell(S);
@@ -5534,7 +5559,7 @@ function Vo(e) {
 			colStart: e.colStart,
 			rowEnd: e.rowStart,
 			colEnd: e.colStart
-		})), p) {
+		})), f) {
 			const e = Fo(g, S, m, r, i);
 			E = e?.bounds ?? null, C = e?.inView ?? !1;
 		} else E = g.getBoundsFromRange(e);
@@ -5547,15 +5572,15 @@ function Vo(e) {
 			height: e.height / t
 		});
 	}
-	const M = !!p && !!E && C, D = {
-		open: !!p,
-		mode: p?.mode ?? "enter",
-		coords: p?.coords ?? null,
-		clean: p?.clean ?? null,
-		dirty: p?.dirty,
-		token: p?.token ?? 0,
-		autoFocus: (p?.autoFocus ?? !0) && M && P,
-		initialSelection: p?.initialSelection,
+	const M = !!f && !!E && C, D = {
+		open: !!f,
+		mode: f?.mode ?? "enter",
+		coords: f?.coords ?? null,
+		clean: f?.clean ?? null,
+		dirty: f?.dirty,
+		token: f?.token ?? 0,
+		autoFocus: (f?.autoFocus ?? !0) && M && P,
+		initialSelection: f?.initialSelection,
 		zoom: g?.getZoom() ?? 1,
 		cellSize: R,
 		onDirtyChange: (e) => h?.setDirty(e),
@@ -5564,7 +5589,7 @@ function Vo(e) {
 		onCancel: b,
 		onNaturalSize: v
 	}, k = "function" == typeof o ? (S ? o(S) : void 0) ?? "transparent" : o;
-	return x(ot, { children: E ? x(ct, {
+	return x(lt, { children: E ? x(dt, {
 		...u,
 		className: Y(s, "editor"),
 		bounds: E,
@@ -5583,31 +5608,31 @@ function Vo(e) {
 		children: n ? x(I, {
 			render: n,
 			props: D
-		}) : x(Bo, { ...D })
+		}) : x(Vo, { ...D })
 	}) : null });
 }
-function Ho(e) {
-	const { editable: t } = e, n = Je(), r = O((e) => {
+function Ko(e) {
+	const { editable: t } = e, n = Qe(), r = O((e) => {
 		if (t.getSession()) return;
 		const r = n?.getElement();
 		if (r && e.target !== r && e.target !== n?.getFocusTarget()) return;
 		const o = t.getAnchor().getCoords();
 		if (!o) return;
-		const l = To(e.nativeEvent);
+		const l = zo(e.nativeEvent);
 		l && ("Process" !== e.nativeEvent.key && 229 !== e.nativeEvent.keyCode && e.preventDefault(), e.stopPropagation(), t.startEdit(o, l));
 	}, [t, n]), o = O((e) => {
 		if (t.getSession()) return;
 		const r = n?.getCellFromPointer(e.clientX, e.clientY) ?? t.getAnchor().getCoords();
 		r && t.startEdit(r, { mode: "edit" });
 	}, [n, t]);
-	return x(ot, {
+	return x(lt, {
 		className: "editor-start",
 		onKeyDown: r,
 		onDoubleClick: o
 	});
 }
-function Ko(e) {
-	const { editable: t, renderEditor: n, idleClean: r = null, mapClean: o, editorId: l, readOnly: i, className: a, style: s } = e, c = z(t, (e) => e.getSession()), d = B(c, (e) => e.getState()), u = d?.clean ?? r, g = o ? o(u) : u, h = O((e) => t.commit(e), [t]), f = O(() => t.cancel(), [t]), m = O(() => {
+function _o(e) {
+	const { editable: t, renderEditor: n, idleClean: r = null, mapClean: o, editorId: l, readOnly: i, className: a, style: s } = e, c = z(t, (e) => e.getSession()), d = B(c, (e) => e.getState()), u = d?.clean ?? r, g = o ? o(u) : u, h = O((e) => t.commit(e), [t]), p = O(() => t.cancel(), [t]), m = O(() => {
 		i || (t.getSession() || t.startEdit(t.getAnchor().getCoords(), {
 			mode: "edit",
 			autoFocus: !1
@@ -5616,7 +5641,7 @@ function Ko(e) {
 		t,
 		l,
 		i
-	]), w = p(null);
+	]), w = f(null);
 	d && w.current?.token !== d.token && (w.current = {
 		token: d.token,
 		here: d.autoFocus && !!l && c?.getActiveEditorId() === l
@@ -5635,7 +5660,7 @@ function Ko(e) {
 		onDirtyChange: (e) => c?.setDirty(e),
 		onModeChange: (e) => c?.setMode(e),
 		onCommit: h,
-		onCancel: f
+		onCancel: p
 	};
 	return x("div", {
 		className: a,
@@ -5644,11 +5669,11 @@ function Ko(e) {
 		children: n ? x(I, {
 			render: n,
 			props: y
-		}) : x(Bo, { ...y })
+		}) : x(Vo, { ...y })
 	});
 }
-Bo.displayName = "DefaultEditorInput", Ko.displayName = "EditorDiv";
-var _o = "header-divider", Wo = "ew-resize", Uo = "ns-resize", jo = "var(--sxl-color-base-100, #f5f5f5)", Go = "var(--sxl-color-primary, rgb(33, 115, 70))", Xo = (e, t, n, r) => ({
+Vo.displayName = "DefaultEditorInput", _o.displayName = "EditorDiv";
+var Wo = "header-divider", Uo = "ew-resize", jo = "ns-resize", Go = "var(--sxl-color-base-100, #f5f5f5)", Xo = "var(--sxl-color-primary, rgb(33, 115, 70))", Yo = (e, t, n, r) => ({
 	position: "absolute",
 	boxSizing: "border-box",
 	left: e ? t - n / 2 : "50%",
@@ -5660,21 +5685,21 @@ var _o = "header-divider", Wo = "ew-resize", Uo = "ns-resize", jo = "var(--sxl-c
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center"
-}), Yo = (e, t) => x("div", {
+}), qo = (e, t) => x("div", {
 	className: "header-divider-handle",
 	style: {
-		...Xo(e, t, 6, 16),
+		...Yo(e, t, 6, 16),
 		pointerEvents: "none",
 		border: "1px solid var(--sxl-color-neutral, grey)",
-		background: jo
+		background: Go
 	}
-}), qo = i((e) => {
-	const { isColumn: t, lineOffset: n, onUnhide: r } = e, [o, l] = f(!1), i = o ? jo : Go;
+}), Zo = i((e) => {
+	const { isColumn: t, lineOffset: n, onUnhide: r } = e, [o, l] = p(!1), i = o ? Go : Xo;
 	return x("div", {
 		className: "header-divider-unhide",
 		role: "button",
 		style: {
-			...Xo(t, n, 20, 12),
+			...Yo(t, n, 20, 12),
 			...t ? {
 				top: "calc(100% - 4px)",
 				height: 12,
@@ -5687,8 +5712,8 @@ var _o = "header-divider", Wo = "ew-resize", Uo = "ns-resize", jo = "var(--sxl-c
 			zIndex: 1,
 			pointerEvents: "auto",
 			cursor: "pointer",
-			border: `1px solid ${Go}`,
-			background: o ? Go : jo
+			border: `1px solid ${Xo}`,
+			background: o ? Xo : Go
 		},
 		onPointerEnter: () => l(!0),
 		onPointerLeave: () => l(!1),
@@ -5708,19 +5733,19 @@ var _o = "header-divider", Wo = "ew-resize", Uo = "ns-resize", jo = "var(--sxl-c
 		})
 	});
 });
-qo.displayName = "UnhideButton";
-var Zo = i(o((e, t) => {
-	const { axis: n, index: r, className: o, style: l, disabled: i = !1, disabledResize: a = !1, isNextHidden: s, isHidden: c, isSelected: d, isSelectedAll: u, showTouchDivider: g, bounds: h, onPointerDown: p, onAutoFit: m, onUnhide: w, isActive: y = !1, onPointerEnter: b, onPointerLeave: S, pane: E, ...I } = e, P = n === G.Column, [R, M] = f(null), D = R === r, k = 1 / C.getDevicePixelRatio(), T = d || u, z = T ? "color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) 35%, var(--sxl-color-base-300, rgb(171, 171, 171)))" : "var(--sxl-color-base-300, rgb(171, 171, 171))", O = "var(--sxl-color-base-100, #f5f5f5)", L = "touch" === N();
+Zo.displayName = "UnhideButton";
+var Jo = i(o((e, t) => {
+	const { axis: n, index: r, className: o, style: l, disabled: i = !1, disabledResize: a = !1, isNextHidden: s, isHidden: c, isSelected: d, isSelectedAll: u, showTouchDivider: g, bounds: h, onPointerDown: f, onAutoFit: m, onUnhide: w, isActive: y = !1, onPointerEnter: b, onPointerLeave: S, pane: E, ...I } = e, P = n === G.Column, [R, M] = p(null), D = R === r, k = 1 / C.getDevicePixelRatio(), T = d || u, z = T ? "color-mix(in srgb, var(--sxl-color-primary, rgb(33, 115, 70)) 35%, var(--sxl-color-base-300, rgb(171, 171, 171)))" : "var(--sxl-color-base-300, rgb(171, 171, 171))", O = "var(--sxl-color-base-100, #f5f5f5)", L = "touch" === F();
 	let $ = P ? 14 : 8;
-	const F = E.getZoom();
-	F < 1 && ($ = Math.max(2, $ * F * .8));
-	let A = $ / 2, B = 0;
-	s && (B = -2), c && (B = 2), c && ($ = $ / 2 + B, A = 2 * B);
+	const A = E.getZoom();
+	A < 1 && ($ = Math.max(2, $ * A * .8));
+	let N = $ / 2, B = 0;
+	s && (B = -2), c && (B = 2), c && ($ = $ / 2 + B, N = 2 * B);
 	const V = T || 0 !== B ? `linear-gradient(${z}, ${z})` : `linear-gradient(${P ? 180 : 90}deg, ${O}, ${z} 55%, ${z} 100%)`;
 	return v("div", {
-		className: Y(_o, { disabled: i }, o, `index-${r}`),
+		className: Y(Wo, { disabled: i }, o, `index-${r}`),
 		ref: t,
-		onPointerDown: L ? void 0 : p,
+		onPointerDown: L ? void 0 : f,
 		onDoubleClick: L ? void 0 : () => m?.(),
 		onPointerEnter: (e) => {
 			M(r), b?.(e);
@@ -5736,20 +5761,20 @@ var Zo = i(o((e, t) => {
 			height: P ? h.height : $,
 			backgroundImage: V,
 			backgroundSize: P ? `${k}px 100%` : `100% ${k}px`,
-			backgroundPosition: P ? `${A}px 0` : `0 ${A}px`,
+			backgroundPosition: P ? `${N}px 0` : `0 ${N}px`,
 			backgroundRepeat: "no-repeat",
 			pointerEvents: "auto",
-			cursor: i || a || L ? void 0 : P ? Wo : Uo,
+			cursor: i || a || L ? void 0 : P ? Uo : jo,
 			...l
 		},
 		...I,
-		children: [!D && !y || L || i || a ? null : w ? x(qo, {
+		children: [!D && !y || L || i || a ? null : w ? x(Zo, {
 			isColumn: P,
-			lineOffset: A,
+			lineOffset: N,
 			onUnhide: () => {
 				M(null), w();
 			}
-		}) : Yo(P, A), g && L ? x("div", {
+		}) : qo(P, N), g && L ? x("div", {
 			style: {
 				position: "absolute",
 				cursor: "grab",
@@ -5769,7 +5794,7 @@ var Zo = i(o((e, t) => {
 				alignItems: "center",
 				justifyContent: "center"
 			},
-			onPointerDown: p,
+			onPointerDown: f,
 			children: x("div", { style: {
 				width: "6.4px",
 				height: "12px",
@@ -5780,12 +5805,12 @@ var Zo = i(o((e, t) => {
 			} })
 		}) : null]
 	});
-})), Jo = (e) => x(Zo, { ...e }), Qo = i(o((e, t) => {
-	const { axis: n, index: r, disabled: o = !1, disabledResize: l = !1, resizeThreshold: i = 1, renderDivider: a = Jo, onDividerMouseDown: s, onDividerResizeStart: c, onDividerResize: d, onDividerResizeEnd: u, onDividerMouseUp: g, onDividerAutoFit: h, onDividerUnhide: m, onPointerDown: y, visibleBounds: b, ...S } = e, E = Ze(), I = O(y, [y]), P = O(h, [h]), R = n === G.Column, M = void 0 !== b ? b : el(E, n), D = p(null), [k, T] = f(null), z = (e, t) => R ? e.clientX - t.clientX : e.clientY - t.clientY, L = E.getMetrics(), F = R ? L.getColOffset(r + 1) : L.getRowOffset(r + 1), N = C.getDevicePixelRatio(), A = 1 / N, B = C.snapLineCenter(F, A, N) - A / 2, H = V({
+})), Qo = (e) => x(Jo, { ...e }), el = i(o((e, t) => {
+	const { axis: n, index: r, disabled: o = !1, disabledResize: l = !1, resizeThreshold: i = 1, renderDivider: a = Qo, onDividerMouseDown: s, onDividerResizeStart: c, onDividerResize: d, onDividerResizeEnd: u, onDividerMouseUp: g, onDividerAutoFit: h, onDividerUnhide: m, onPointerDown: y, visibleBounds: b, ...S } = e, E = Je(), I = O(y, [y]), P = O(h, [h]), R = n === G.Column, M = void 0 !== b ? b : tl(E, n), D = f(null), [k, T] = p(null), z = (e, t) => R ? e.clientX - t.clientX : e.clientY - t.clientY, L = E.getMetrics(), A = R ? L.getColOffset(r + 1) : L.getRowOffset(r + 1), F = C.getDevicePixelRatio(), N = 1 / F, B = C.snapLineCenter(A, N, F) - N / 2, H = V({
 		processTouch: !0,
 		onPointerDown: (e) => {
 			if (I?.(e), !o && !l) {
-				const e = R ? L.getColOffset(r) : L.getRowOffset(r), t = F - e;
+				const e = R ? L.getColOffset(r) : L.getRowOffset(r), t = A - e;
 				D.current = {
 					isResizing: !1,
 					startSize: t,
@@ -5847,15 +5872,15 @@ var Zo = i(o((e, t) => {
 	let U = null;
 	return k && k.isResizing && k.index === r && (U = Z(x("div", { style: {
 		position: "absolute",
-		cursor: R ? Wo : Uo,
+		cursor: R ? Uo : jo,
 		left: 0,
 		top: 0,
 		width: "100%",
 		height: "100%"
 	} }), _(), "divider:" + r)), v(w, { children: [U, W] });
 }));
-Qo.displayName = "HeaderDividerAnchor";
-var el = (e, t) => {
+el.displayName = "HeaderDividerAnchor";
+var tl = (e, t) => {
 	const n = t === G.Column, r = n ? e.getVisibleColumns() : e.getVisibleRows();
 	if (0 === r.length) return null;
 	const o = r[0].index, l = r[r.length - 1].index, i = n ? e.getBoundsFromRange({
@@ -5870,7 +5895,7 @@ var el = (e, t) => {
 		colEnd: 0
 	});
 	return e.toClipBounds(i, -10);
-}, tl = (e, t, n, r) => {
+}, nl = (e, t, n, r) => {
 	const o = t ? n : r, l = t ? r : n, i = e.getPanePointFromPointer(o, l), a = t ? e.getPaneBounds().x : e.getPaneBounds().y, s = (i ? t ? i.x : i.y : 0) + a, c = n - s;
 	let d = {
 		index: 0,
@@ -5898,8 +5923,8 @@ var el = (e, t) => {
 		snapClient: d.pos + c,
 		pointerClient: s < 0 ? void 0 : n
 	};
-}, nl = (e) => {
-	const { axis: t, disabled: n, isOwner: r } = e, o = Ze(), l = t === G.Column, i = O(e.onFreezeDragStart, [e.onFreezeDragStart]), a = O(e.onFreezeDrag, [e.onFreezeDrag]), s = O(e.onFreezeDragEnd, [e.onFreezeDragEnd]), d = O(e.onFreezeDragCancel, [e.onFreezeDragCancel]), u = O(e.onActiveChange, [e.onActiveChange]), [g, h] = f(!1), [m, w] = f(!1), v = p(null), y = (e, t) => l ? tl(o, !0, e.clientX, t.clientY) : tl(o, !1, e.clientY, t.clientX), b = V({
+}, rl = (e) => {
+	const { axis: t, disabled: n, isOwner: r } = e, o = Je(), l = t === G.Column, i = O(e.onFreezeDragStart, [e.onFreezeDragStart]), a = O(e.onFreezeDrag, [e.onFreezeDrag]), s = O(e.onFreezeDragEnd, [e.onFreezeDragEnd]), d = O(e.onFreezeDragCancel, [e.onFreezeDragCancel]), u = O(e.onActiveChange, [e.onActiveChange]), [g, h] = p(!1), [m, w] = p(!1), v = f(null), y = (e, t) => l ? nl(o, !0, e.clientX, t.clientY) : nl(o, !1, e.clientY, t.clientX), b = V({
 		processTouch: !0,
 		onPointerDown: (e) => {
 			if (e.stopPropagation(), e.preventDefault(), n) return !1;
@@ -5953,8 +5978,8 @@ var el = (e, t) => {
 		},
 		backdrop: I
 	};
-}, rl = i((e) => {
-	const { axis: t, disabled: n = !1, highlight: r = !1, onFreezeDragStart: o, onFreezeDrag: l, onFreezeDragEnd: i, onFreezeDragCancel: a, onActiveChange: s } = e, c = Ze(), d = t === G.Column, u = d ? K.Left : K.Top, g = !!c.getAllPanes()[u], h = g ? c.getAnchor() === u : c === ue(c.getAllPanes()), { isActive: p, cursor: f, hitProps: m, backdrop: y } = nl({
+}, ol = i((e) => {
+	const { axis: t, disabled: n = !1, highlight: r = !1, onFreezeDragStart: o, onFreezeDrag: l, onFreezeDragEnd: i, onFreezeDragCancel: a, onActiveChange: s } = e, c = Je(), d = t === G.Column, u = d ? K.Left : K.Top, g = !!c.getAllPanes()[u], h = g ? c.getAnchor() === u : c === ue(c.getAllPanes()), { isActive: f, cursor: p, hitProps: m, backdrop: y } = rl({
 		axis: t,
 		disabled: n,
 		isOwner: h,
@@ -5965,7 +5990,7 @@ var el = (e, t) => {
 		onActiveChange: s
 	});
 	if (!h) return null;
-	const b = g ? d ? c.getPaneBounds().width : c.getPaneBounds().height : 0, S = g ? b - 3 : 0, E = g ? b : p ? 1 : 0, C = g || p ? 0 : 2, I = g || p ? 2 : 3, P = (d ? c.getPaneBounds().height : c.getPaneBounds().width) - C, R = p || r && !n ? "var(--sxl-color-primary, rgb(33, 115, 70))" : "var(--sxl-color-neutral, grey)";
+	const b = g ? d ? c.getPaneBounds().width : c.getPaneBounds().height : 0, S = g ? b - 3 : 0, E = g ? b : f ? 1 : 0, C = g || f ? 0 : 2, I = g || f ? 2 : 3, P = (d ? c.getPaneBounds().height : c.getPaneBounds().width) - C, R = f || r && !n ? "var(--sxl-color-primary, rgb(33, 115, 70))" : "var(--sxl-color-neutral, grey)";
 	return v(w, { children: [
 		y,
 		x("div", {
@@ -5979,7 +6004,7 @@ var el = (e, t) => {
 				height: d ? `calc(100% - ${C}px)` : 5,
 				pointerEvents: n ? "none" : "auto",
 				touchAction: "none",
-				cursor: n ? void 0 : f
+				cursor: n ? void 0 : p
 			}
 		}),
 		x(re, {
@@ -6013,9 +6038,9 @@ var el = (e, t) => {
 		})
 	] });
 });
-rl.displayName = "HeaderFreezeAnchor";
-var ol = i((e) => {
-	const { axis: t, disabled: n = !1, onFreezeDragStart: r, onFreezeDrag: o, onFreezeDragEnd: l, onFreezeDragCancel: i, onActiveChange: a } = e, s = Ze(), c = t === G.Column, d = s.getAnchor(), u = d === K.TopLeft || d === (c ? K.Left : K.Top), { cursor: g, hitProps: h, backdrop: p } = nl({
+ol.displayName = "HeaderFreezeAnchor";
+var ll = i((e) => {
+	const { axis: t, disabled: n = !1, onFreezeDragStart: r, onFreezeDrag: o, onFreezeDragEnd: l, onFreezeDragCancel: i, onActiveChange: a } = e, s = Je(), c = t === G.Column, d = s.getAnchor(), u = d === K.TopLeft || d === (c ? K.Left : K.Top), { cursor: g, hitProps: h, backdrop: f } = rl({
 		axis: t,
 		disabled: n,
 		isOwner: u,
@@ -6025,15 +6050,15 @@ var ol = i((e) => {
 		onFreezeDragCancel: i,
 		onActiveChange: a
 	});
-	if (!u || n) return p;
-	const f = c ? s.getPaneBounds().width : s.getPaneBounds().height;
-	return v(w, { children: [p, x("div", {
+	if (!u || n) return f;
+	const p = c ? s.getPaneBounds().width : s.getPaneBounds().height;
+	return v(w, { children: [f, x("div", {
 		className: "grid-freeze-grip",
 		...h,
 		style: {
 			position: "absolute",
-			left: c ? f - 3 : 0,
-			top: c ? 0 : f - 3,
+			left: c ? p - 3 : 0,
+			top: c ? 0 : p - 3,
 			width: c ? 5 : "100%",
 			height: c ? "100%" : 5,
 			pointerEvents: "auto",
@@ -6042,26 +6067,26 @@ var ol = i((e) => {
 		}
 	})] });
 });
-ol.displayName = "GridFreezeAnchor";
-var ll = (e, t, n) => t === G.Column ? {
+ll.displayName = "GridFreezeAnchor";
+var il = (e, t, n) => t === G.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, il = (e, t, n) => t === G.Column ? {
+}, al = (e, t, n) => t === G.Column ? {
 	rowIndex: n.rowEnd,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colEnd
-}, al = (e, t, n) => t === G.Column ? {
+}, sl = (e, t, n) => t === G.Column ? {
 	rowIndex: n.rowStart,
 	colIndex: e.colIndex
 } : {
 	rowIndex: e.rowIndex,
 	colIndex: n.colStart
-}, sl = (e, t, n, r) => n === G.Column ? {
+}, cl = (e, t, n, r) => n === G.Column ? {
 	rowStart: r.rowStart,
 	rowEnd: r.rowEnd,
 	colStart: Math.min(e.colIndex, t.colIndex),
@@ -6071,7 +6096,7 @@ var ll = (e, t, n) => t === G.Column ? {
 	colEnd: r.colEnd,
 	rowStart: Math.min(e.rowIndex, t.rowIndex),
 	rowEnd: Math.max(e.rowIndex, t.rowIndex)
-}, cl = (e, t, n) => {
+}, dl = (e, t, n) => {
 	const r = "function" == typeof t ? t : () => t;
 	let o = null, l = null, i = 0;
 	const a = () => ue(r().getAllPanes()) ?? r(), s = (t, n, r) => {
@@ -6115,21 +6140,21 @@ var ll = (e, t, n) => t === G.Column ? {
 		let i = null;
 		return t === G.Column ? e.x >= o.right - 24 && l.colEnd < r.colEnd ? i = { colIndex: l.colEnd + 1 } : e.x <= o.left + 24 && l.colStart > r.colStart && (i = { colIndex: l.colStart - 1 }) : e.y >= o.bottom - 24 && l.rowEnd < r.rowEnd ? i = { rowIndex: l.rowEnd + 1 } : e.y <= o.top + 24 && l.rowStart > r.rowStart && (i = { rowIndex: l.rowStart - 1 }), !!i && (d(i), !0);
 	}, g = (e) => {
-		const { axis: t, entireRange: r, replaceActive: d = !1 } = n(), u = sl(o ?? e, e, t, r), g = l ?? al(e, t, a().getVisibleRange());
+		const { axis: t, entireRange: r, replaceActive: d = !1 } = n(), u = cl(o ?? e, e, t, r), g = l ?? sl(e, t, a().getVisibleRange());
 		d ? c(i, u, g) : s(u, g, "replace");
 	};
-	return Kn(r, (t, r) => {
+	return _n(r, (t, r) => {
 		if (!e) return null;
-		const h = 0 === r.button, p = 2 === r.button;
-		if (!h && !p) return null;
-		const { axis: f, entireRange: m, allowMulti: w = !0, replaceActive: x = !1, preserveFocus: v = !1, onPointerDownInterceptor: y, onDragStart: b, onDragEnd: S, onPointerUp: E } = n();
+		const h = 0 === r.button, f = 2 === r.button;
+		if (!h && !f) return null;
+		const { axis: p, entireRange: m, allowMulti: w = !0, replaceActive: x = !1, preserveFocus: v = !1, onPointerDownInterceptor: y, onDragStart: b, onDragEnd: S, onPointerUp: E } = n();
 		if (!1 === y?.(r, t)) return null;
 		x && r.stopPropagation(), v && h && r.preventDefault(), b?.();
-		const C = al(t, f, a().getVisibleRange()), I = r.shiftKey, P = (r.ctrlKey || r.metaKey) && w;
+		const C = sl(t, p, a().getVisibleRange()), I = r.shiftKey, P = (r.ctrlKey || r.metaKey) && w;
 		if (x) {
 			const n = e.getSelection(), r = n.ranges ?? [], a = n.rangeIndex ?? -1;
-			I && o ? (i = a >= 0 ? a : Math.max(0, r.length - 1), c(i, sl(o, t, f, m), l ?? C)) : (o = t, l = C, i = P || a < 0 ? r.length : a, c(i, sl(t, t, f, m), C));
-		} else I && o ? s(sl(o, t, f, m), l ?? C, "replace") : P ? (o = t, l = C, s(sl(t, t, f, m), C, "append")) : (o = t, l = C, s(sl(t, t, f, m), C, "clear"));
+			I && o ? (i = a >= 0 ? a : Math.max(0, r.length - 1), c(i, cl(o, t, p, m), l ?? C)) : (o = t, l = C, i = P || a < 0 ? r.length : a, c(i, cl(t, t, p, m), C));
+		} else I && o ? s(cl(o, t, p, m), l ?? C, "replace") : P ? (o = t, l = C, s(cl(t, t, p, m), C, "append")) : (o = t, l = C, s(cl(t, t, p, m), C, "clear"));
 		return ((e) => {
 			d(n().axis === G.Column ? { colIndex: e.colIndex } : { rowIndex: e.rowIndex });
 		})(t), {
@@ -6145,43 +6170,43 @@ var ll = (e, t, n) => t === G.Column ? {
 			captureEvents: x
 		};
 	});
-}, dl = (e, t) => {
-	const n = Ze(), r = O(() => n, [n]), o = p(t);
+}, ul = (e, t) => {
+	const n = Je(), r = O(() => n, [n]), o = f(t);
 	o.current = t;
-	const l = g(() => cl(e, r, () => o.current), [e, r]);
+	const l = g(() => dl(e, r, () => o.current), [e, r]);
 	return c(() => () => l.dispose(), [l]), {
 		onPointerDown: l.onPointerDown,
 		onPointerMove: l.onPointerMove,
 		onPointerUp: l.onPointerUp
 	};
-}, ul = (e) => null == e ? [] : Array.isArray(e) ? e : [e], gl = i(o((e, t) => {
-	const { rowCount: n = 1, columnCount: r = 1, getRowHeight: o, getColumnWidth: l, metrics: i, renderCells: s, borderLayers: c, showGridLines: d = !0, gridLineColor: u, propsGridLineRows: p, propsGridLineColumns: f, getVisibleCells: m, hiddenCellAt: w, layersBelow: v, children: y, ...b } = e, S = ee({
+}, gl = (e) => null == e ? [] : Array.isArray(e) ? e : [e], hl = i(o((e, t) => {
+	const { rowCount: n = 1, columnCount: r = 1, getRowHeight: o, getColumnWidth: l, metrics: i, renderCells: s, borderLayers: c, showGridLines: d = !0, gridLineColor: u, propsGridLineRows: f, propsGridLineColumns: p, getVisibleCells: m, hiddenCellAt: w, layersBelow: v, children: y, ...b } = e, S = ee({
 		rowCount: n,
 		columnCount: r,
 		getRowHeight: o,
 		getColumnWidth: l
 	}), E = i ?? S, [C, I] = h((e) => e + 1, 0), P = g(() => ({}), [C]), R = a((e) => {
 		I();
-	}, []), M = F(t, () => ({ invalidate: R }), [R]), D = g(() => {
+	}, []), M = A(t, () => ({ invalidate: R }), [R]), D = g(() => {
 		const e = [];
-		return !1 !== d && e.push(x(Br, {
+		return !1 !== d && e.push(x(Vr, {
 			showGridLines: d,
 			gridLineColor: u,
-			propsRows: p,
-			propsColumns: f,
+			propsRows: f,
+			propsColumns: p,
 			getVisibleCells: m,
 			hiddenCellAt: w
-		}, "__gridlines")), e.push(...ul(v)), e.push(...ul(c)), s && e.push(x(Mr, {
+		}, "__gridlines")), e.push(...gl(v)), e.push(...gl(c)), s && e.push(x(Dr, {
 			renderCell: s,
 			getVisibleCells: m,
 			hiddenCellAt: w,
 			cacheToken: P
-		}, "__cells")), e.push(...ul(y)), e.push(x(kn, {}, "__range-tooltips")), e;
+		}, "__cells")), e.push(...gl(y)), e.push(x(Tn, {}, "__range-tooltips")), e;
 	}, [
 		d,
 		u,
-		p,
 		f,
+		p,
 		m,
 		w,
 		v,
@@ -6190,7 +6215,7 @@ var ll = (e, t, n) => t === G.Column ? {
 		P,
 		y
 	]);
-	return x(Pn, { children: x(Ve, {
+	return x(Rn, { children: x(He, {
 		ref: M,
 		...b,
 		rowCount: n,
@@ -6199,17 +6224,17 @@ var ll = (e, t, n) => t === G.Column ? {
 		children: D
 	}) });
 }));
-gl.displayName = "Grid";
-var hl, pl = {
+hl.displayName = "Grid";
+var fl, pl = {
 	fill: { fill: "color-mix(in srgb, var(--sxl-color-primary, rgb(0, 120, 215)) 14%, transparent)" },
 	border: null,
 	inner: null
-}, fl = {
+}, ml = {
 	stroke: "var(--sxl-color-primary, rgb(0, 120, 215))",
 	alignWidth: 1,
 	inset: 1
-}, ml = o(function(e, t) {
-	const { itemCount: n, renderCell: r, getVisibleCells: o, itemHeight: l = 24, contentWidth: i, selection: a, propsLayer: s, autoFocus: d, showScrollbar: u = "auto", scrollTo: h, viewport: f, cacheToken: m, className: w, style: y, children: b, ...S } = e, E = g(() => new M(), []), C = f ?? E, I = z(C, (e) => e.getMetrics()), P = "auto" === u ? I.totalHeight > I.height : u, D = p(null);
+}, wl = o(function(e, t) {
+	const { itemCount: n, renderCell: r, getVisibleCells: o, itemHeight: l = 24, contentWidth: i, selection: a, propsLayer: s, autoFocus: d, showScrollbar: u = "auto", scrollTo: h, viewport: p, cacheToken: m, className: w, style: y, children: b, ...S } = e, E = g(() => new M(), []), C = p ?? E, I = z(C, (e) => e.getMetrics()), P = "auto" === u ? I.totalHeight > I.height : u, D = f(null);
 	c(() => {
 		d && D.current?.focus();
 	}, [d]), c(() => {
@@ -6226,12 +6251,12 @@ var hl, pl = {
 			e = !0, t && cancelAnimationFrame(t), r?.();
 		};
 	}, [h, C]);
-	const k = g(() => new Kr({ getBounds: () => ({
+	const k = g(() => new _r({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, n - 1),
 		colEnd: 0
-	}) }), [n]), T = a ?? k, [O, { width: L }] = A(), [$, { width: F }] = A(), N = F > 0 && L > 0 ? Math.max(0, F - L) : 0, B = J([$, t]), V = ee({
+	}) }), [n]), T = a ?? k, [O, { width: L }] = N(), [$, { width: A }] = N(), F = A > 0 && L > 0 ? Math.max(0, A - L) : 0, B = J([$, t]), V = ee({
 		rowCount: n,
 		columnCount: 1,
 		getRowHeight: l,
@@ -6247,7 +6272,7 @@ var hl, pl = {
 			maxWidth: "100%",
 			maxHeight: "100%",
 			...y,
-			...null != i ? { width: i + N } : null
+			...null != i ? { width: i + F } : null
 		},
 		...S,
 		children: x(R, {
@@ -6264,7 +6289,7 @@ var hl, pl = {
 					width: "100%",
 					height: "100%"
 				},
-				children: v(Ve, {
+				children: v(He, {
 					ref: D,
 					viewport: C,
 					style: {
@@ -6275,26 +6300,26 @@ var hl, pl = {
 					columnCount: 1,
 					metrics: V,
 					children: [
-						x(bo, {
+						x(So, {
 							selection: T,
 							anchorHole: !1,
 							singleStyle: pl,
-							singleAnchorStyle: fl,
-							multiAnchorStyle: fl
+							singleAnchorStyle: ml,
+							multiAnchorStyle: ml
 						}, "__selection"),
-						x(Mr, {
+						x(Dr, {
 							renderCell: r,
 							getVisibleCells: o,
 							cacheToken: m
 						}, "__cells"),
-						s ? x(ot, { ...s }, "__taps") : null
+						s ? x(lt, { ...s }, "__taps") : null
 					]
 				})
 			})
 		})
 	});
-}), wl = o(function(e, t) {
-	const { itemCount: n, renderItem: r, itemHeight: o, selection: l, onKeyDown: i, cacheToken: s, scrollTo: c, autoFocus: d, viewport: u, className: h, style: p, children: f, ...m } = e, w = F(t, () => ({ isList: () => !0 }), []), v = a((e) => {
+}), xl = o(function(e, t) {
+	const { itemCount: n, renderItem: r, itemHeight: o, selection: l, onKeyDown: i, cacheToken: s, scrollTo: c, autoFocus: d, viewport: u, className: h, style: f, children: p, ...m } = e, w = A(t, () => ({ isList: () => !0 }), []), v = a((e) => {
 		const { key: t, style: n, range: o, cell: l } = e, i = o?.rowStart ?? l.rowIndex;
 		return x("div", {
 			style: {
@@ -6313,10 +6338,10 @@ var hl, pl = {
 			children: r(i)
 		}, t);
 	}, [r]), y = g(() => i ? { onKeyDown: i } : void 0, [i]);
-	return x(ml, {
+	return x(wl, {
 		ref: w,
 		className: Y("list", h),
-		style: p,
+		style: f,
 		itemCount: n,
 		itemHeight: o,
 		selection: l,
@@ -6328,7 +6353,7 @@ var hl, pl = {
 		viewport: u,
 		...m
 	});
-}), xl = ({ checked: e, indeterminate: t }) => x("input", {
+}), vl = ({ checked: e, indeterminate: t }) => x("input", {
 	type: "checkbox",
 	checked: e,
 	ref: (e) => {
@@ -6337,10 +6362,10 @@ var hl, pl = {
 	readOnly: !0,
 	tabIndex: -1,
 	style: { margin: 0 }
-}), vl = o(function(e, t) {
-	const { itemCount: n, isChecked: r, isIndeterminate: o, onCheckedChange: l, renderValue: i, renderCheckbox: s = xl, renderDivider: d, selectAllLabel: u, selectAllTitle: f, propsSelectAll: m, itemHeight: y, selection: b, cacheToken: S, autoFocus: E, viewport: C, className: I, style: P, children: R, ...M } = e, D = p(n);
+}), yl = o(function(e, t) {
+	const { itemCount: n, isChecked: r, isIndeterminate: o, onCheckedChange: l, renderValue: i, renderCheckbox: s = vl, renderDivider: d, selectAllLabel: u, selectAllTitle: p, propsSelectAll: m, itemHeight: y, selection: b, cacheToken: S, autoFocus: E, viewport: C, className: I, style: P, children: R, ...M } = e, D = f(n);
 	D.current = n;
-	const k = g(() => new Kr({ getBounds: () => ({
+	const k = g(() => new _r({ getBounds: () => ({
 		rowStart: 0,
 		colStart: 0,
 		rowEnd: Math.max(0, D.current - 1),
@@ -6364,21 +6389,21 @@ var hl, pl = {
 		n,
 		r,
 		l
-	]), L = p(null), [, $] = h((e) => e + 1, 0), N = O(() => 0 === n ? -1 : T.getSelection().cell.rowIndex, [T, n]), A = O((e) => {
+	]), L = f(null), [, $] = h((e) => e + 1, 0), F = O(() => 0 === n ? -1 : T.getSelection().cell.rowIndex, [T, n]), N = O((e) => {
 		if (0 === n) return;
 		const t = Math.min(Math.max(0, T.getSelection().cell.rowIndex + e), n - 1);
 		T.setSelection({ cell: {
 			rowIndex: t,
 			colIndex: 0
 		} }), L.current = { row: t }, $();
-	}, [T, n]), B = F(t, () => ({
+	}, [T, n]), B = A(t, () => ({
 		isCheckboxList: () => !0,
-		getHighlightIndex: N,
-		moveHighlight: A,
+		getHighlightIndex: F,
+		moveHighlight: N,
 		toggleHighlighted: z
 	}), [
+		F,
 		N,
-		A,
 		z
 	]), V = a((e) => v("div", {
 		style: {
@@ -6450,8 +6475,8 @@ var hl, pl = {
 		children: [null != u && v(w, { children: [v("div", {
 			role: "checkbox",
 			"aria-checked": _ ? "mixed" : K,
-			"aria-label": f,
-			title: f,
+			"aria-label": p,
+			title: p,
 			...m,
 			className: Y("select-all", m?.className),
 			style: {
@@ -6477,7 +6502,7 @@ var hl, pl = {
 					indeterminate: _
 				})
 			}), u]
-		}), d?.()] }), x(wl, {
+		}), d?.()] }), x(xl, {
 			itemCount: n,
 			itemHeight: y,
 			selection: T,
@@ -6493,21 +6518,21 @@ var hl, pl = {
 			}
 		})]
 	});
-}), yl = (e, t) => {
+}), bl = (e, t) => {
 	const n = (() => {
-		if (void 0 !== hl) return hl;
+		if (void 0 !== fl) return fl;
 		try {
-			hl = ("undefined" != typeof document ? document.createElement("canvas").getContext("2d") : null) ?? null;
+			fl = ("undefined" != typeof document ? document.createElement("canvas").getContext("2d") : null) ?? null;
 		} catch {
-			hl = null;
+			fl = null;
 		}
-		return hl;
+		return fl;
 	})();
 	if (n) return n.font = t, n.measureText(e).width;
 	const r = Number.parseFloat((/(\d+(?:\.\d+)?)px/.exec(t) ?? [])[1] ?? "16") || 16;
 	return e.length * r * .55;
-}, bl = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), Sl = o(function(e, t) {
-	const { items: n, onChoose: r, highlightIndex: o, itemHeight: l = 24, visibleRows: i = 8, contentWidth: s, measureText: c, renderItem: d, autoFocus: u, viewport: f, className: m, style: w, children: v, ...y } = e, b = n.length, E = bl(o ?? 0, b), C = g(() => new Kr({
+}, Sl = (e, t) => t <= 0 ? -1 : Math.min(Math.max(0, e), t - 1), El = o(function(e, t) {
+	const { items: n, onChoose: r, highlightIndex: o, itemHeight: l = 24, visibleRows: i = 8, contentWidth: s, measureText: c, renderItem: d, autoFocus: u, viewport: p, className: m, style: w, children: v, ...y } = e, b = n.length, E = Sl(o ?? 0, b), C = g(() => new _r({
 		initial: { cell: {
 			rowIndex: Math.max(0, E),
 			colIndex: 0
@@ -6522,18 +6547,18 @@ var hl, pl = {
 		n,
 		E,
 		b
-	]), I = p(null), [, P] = h((e) => e + 1, 0), R = g(() => (I.current = null, E >= 0 ? { row: E } : null), [n, E]), M = I.current ?? R, D = O((e) => !(e < 0 || e >= b) && (r?.(e, n[e]), !0), [
+	]), I = f(null), [, P] = h((e) => e + 1, 0), R = g(() => (I.current = null, E >= 0 ? { row: E } : null), [n, E]), M = I.current ?? R, D = O((e) => !(e < 0 || e >= b) && (r?.(e, n[e]), !0), [
 		r,
 		n,
 		b
 	]), k = O(() => 0 === b ? -1 : C.getSelection().cell.rowIndex, [C, b]), T = O((e) => {
 		if (0 === b) return;
-		const t = bl(C.getSelection().cell.rowIndex + e, b);
+		const t = Sl(C.getSelection().cell.rowIndex + e, b);
 		C.setSelection({ cell: {
 			rowIndex: t,
 			colIndex: 0
 		} }), I.current = { row: t }, P();
-	}, [C, b]), z = F(t, () => ({
+	}, [C, b]), z = A(t, () => ({
 		isPickList: () => !0,
 		getHighlightIndex: k,
 		moveHighlight: T,
@@ -6548,7 +6573,7 @@ var hl, pl = {
 			const t = e?.fontSize, n = e?.fontFamily, r = "number" == typeof t ? `${t}px` : t ?? "16px", o = [];
 			return e?.fontStyle && "normal" !== e.fontStyle && o.push(String(e.fontStyle)), e?.fontWeight && "normal" !== e.fontWeight && o.push(String(e.fontWeight)), o.push(r, n ? String(n) : "sans-serif"), o.join(" ");
 		})(w);
-		return (t) => yl(t, e);
+		return (t) => bl(t, e);
 	}, [c, w]), $ = g(() => {
 		if (null != s) return s;
 		let e = 0;
@@ -6559,7 +6584,7 @@ var hl, pl = {
 		n,
 		b,
 		L
-	]), N = a((e) => {
+	]), F = a((e) => {
 		const { key: t, style: r, range: o, cell: l } = e, i = o?.rowStart ?? l.rowIndex, a = n[i];
 		return a ? x("div", {
 			role: "option",
@@ -6587,7 +6612,7 @@ var hl, pl = {
 				children: a.text || "\xA0"
 			})
 		}, t) : null;
-	}, [n, d]), A = g(() => ({
+	}, [n, d]), N = g(() => ({
 		onPointerUp: (e) => {
 			0 === e.button && D(k());
 		},
@@ -6595,7 +6620,7 @@ var hl, pl = {
 			e.which !== S.Enter && e.which !== S.Space || (e.preventDefault(), e.stopPropagation(), D(k()));
 		}
 	}), [D, k]);
-	return x(ml, {
+	return x(wl, {
 		ref: z,
 		className: Y("pick-list", m),
 		role: "listbox",
@@ -6607,18 +6632,18 @@ var hl, pl = {
 		itemHeight: l,
 		contentWidth: $,
 		selection: C,
-		renderCell: N,
-		propsLayer: A,
+		renderCell: F,
+		propsLayer: N,
 		scrollTo: M,
-		viewport: f,
+		viewport: p,
 		autoFocus: u,
 		cacheToken: n,
 		...y
 	});
-}), El = "_field_q34pi_8", Cl = "_search_q34pi_28", Il = "_icon_q34pi_47", Pl = "_clear_q34pi_56", Rl = "_row_q34pi_84", Ml = (e, t) => {
+}), Cl = "_field_q34pi_8", Il = "_search_q34pi_28", Pl = "_icon_q34pi_47", Rl = "_clear_q34pi_56", Ml = "_row_q34pi_84", Dl = (e, t) => {
 	const n = t.trim().toLowerCase();
 	return n ? e.filter((e) => e.text.toLowerCase().includes(n)) : e;
-}, Dl = (e) => v("svg", {
+}, kl = (e) => v("svg", {
 	className: e.className,
 	viewBox: "0 0 16 16",
 	"aria-hidden": "true",
@@ -6639,7 +6664,7 @@ var hl, pl = {
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})]
-}), kl = o(function(e, t) {
+}), Tl = o(function(e, t) {
 	const { value: n, onChange: r, onClose: o, clearLabel: l, glyph: i, leading: s, trailing: c, onKeyDown: d, className: u, ...g } = e, h = a((e) => {
 		if (e.which === S.Escape) return e.preventDefault(), e.stopPropagation(), void (n ? r("") : o?.());
 		d?.(e);
@@ -6648,17 +6673,17 @@ var hl, pl = {
 		r,
 		o,
 		d
-	]), p = v("div", {
-		className: Y(El, "list-search-field", u),
+	]), f = v("div", {
+		className: Y(Cl, "list-search-field", u),
 		children: [
-			i ?? x(Dl, { className: Il }),
+			i ?? x(kl, { className: Pl }),
 			x("input", {
 				ref: t,
 				type: "text",
 				role: "searchbox",
 				autoComplete: "off",
 				spellCheck: !1,
-				className: Y(Cl, "list-search"),
+				className: Y(Il, "list-search"),
 				value: n,
 				onChange: (e) => r(e.target.value),
 				onKeyDown: h,
@@ -6666,7 +6691,7 @@ var hl, pl = {
 			}),
 			n ? x("button", {
 				type: "button",
-				className: Y(Pl, "list-search-clear"),
+				className: Y(Rl, "list-search-clear"),
 				"aria-label": l,
 				title: l,
 				tabIndex: -1,
@@ -6686,21 +6711,21 @@ var hl, pl = {
 			}) : null
 		]
 	});
-	return null == s && null == c ? p : v("div", {
-		className: Y(Rl, "list-search-row"),
+	return null == s && null == c ? f : v("div", {
+		className: Y(Ml, "list-search-row"),
 		children: [
 			s,
-			p,
+			f,
 			c
 		]
 	});
-}), Tl = {
+}), zl = {
 	light: {},
 	dark: {
 		"color-base-100": "#1e1e1e",
 		"color-base-300": "#3a3a3a"
 	}
-}, zl = {
+}, Ol = {
 	light: {
 		"color-base-100": "#f2f2f2",
 		"color-base-hover": "#ececec",
@@ -6711,7 +6736,7 @@ var hl, pl = {
 		"color-base-hover": "#2e2e2e",
 		"color-base-300": "#4a4a4a"
 	}
-}, Ol = (e, ...t) => T(e, Tl[e], ...t), Ll = (e, ...t) => T(e, zl[e], ...t), $l = ({ app: e, grid: t = Tl, header: n = zl, layer: r = "sxl-defaults", scope: o } = {}) => {
+}, Ll = (e, ...t) => T(e, zl[e], ...t), $l = (e, ...t) => T(e, Ol[e], ...t), Al = ({ app: e, grid: t = zl, header: n = Ol, layer: r = "sxl-defaults", scope: o } = {}) => {
 	const l = e ?? k, i = Object.fromEntries(Object.keys(n).map((e) => [e, {
 		"color-base-100": l[e]?.["color-base-200"],
 		...n[e]
@@ -6726,4 +6751,4 @@ var hl, pl = {
 		scope: o
 	});
 };
-export { $n as AUTO_SCROLL_INTERVAL_MS, hr as CELL_INTERACTIVE_ATTRIBUTE, pr as CELL_INTERACTIVE_PROPS, Mr as CellLayer, Rr as CellTileDiv, vl as CheckboxList, Jr as DEFAULT_ANCHOR_STYLE, Tn as DEFAULT_HANDLE_STYLE, eo as DEFAULT_INSERT_BAR_STYLE, to as DEFAULT_MOVE_SOURCE_STYLE, Zr as DEFAULT_MULTI_STYLE, Qr as DEFAULT_REMOVE_PREVIEW_STYLE, qr as DEFAULT_SINGLE_STYLE, Ht as DEFAULT_TOOLTIP_TIMING, wr as DefaultCellRenderer, $o as DefaultEditable, Bo as DefaultEditorInput, Zo as DefaultHeaderDivider, Kr as DefaultSelection, Gn as DragHandle, or as Draggable, Fn as EDGE_AUTO_SCROLL_MARGIN_PX, ko as EditSession, Ko as EditorDiv, Vo as EditorLayer, Ho as EditorStartLayer, gr as FillHandle, Tl as GRID_SURFACE, gn as GestureTip, gl as Grid, At as GridFloatPanel, ol as GridFreezeAnchor, Ve as GridSurface, Br as GridlineLayer, _o as HEADER_DIVIDER_CLASS, zl as HEADER_SURFACE, Qo as HeaderDividerAnchor, rl as HeaderFreezeAnchor, ot as Layer, re as LineSVG, wl as List, kl as ListSearch, Dl as ListSearchGlyph, ml as ListSurface, An as NO_DRAG_MODIFIERS, Co as PICKER_COLORS, Sl as PickList, ir as RESIZE_ANCHORS_4, ar as RESIZE_ANCHORS_8, an as RangeFloatLayer, On as RangeInsertBar, yn as RangePrompt, zn as RangeRect, sr as RangeResizer, Rn as RangeTooltip, kn as RangeTooltipHost, sn as RangeTooltipLayer, Pn as RangeTooltipProvider, Mo as RangesPickerLayer, le as RectangleSVG, Hr as SELECTION_CLIP_INSETS, bo as SelectionLayer, io as SelectionTouchGrips, te as ShapeBoundsContext, kt as StickyAnchor, Ft as StickyPortal, Ne as SurfaceStateContext, Ae as SurfaceStateProvider, jt as TooltipProvider, ct as VirtualDiv, on as VirtualRangeFloat, $l as buildGridThemeCSS, $r as buildGridlinePath, Oo as commitArgsFromKey, Q as createAxis, Kn as createDragCells, cl as createHeaderSelectionPointer, Sn as createRangeTooltipRegistry, Fe as createSurfaceStateStore, Kt as createTooltipGroup, _n as createWindowDragCells, Ro as defaultRangeStyle, Xt as defaultRenderTooltip, Nn as edgeScrollPane, Fo as expandEditorBounds, Ml as filterByText, mr as getCellInteractiveCoords, el as getHeaderDividerBounds, ue as getPrimaryPane, Ol as gridThemeVars, al as headerAnchorCell, il as headerEntireEnd, ll as headerEntireStart, sl as headerRange, Ll as headerThemeVars, Qn as insertAt, rr as insertRange, fr as isCellInteractiveTarget, Vn as isSameDragModifiers, Bn as readDragModifiers, Vt as renderGridFloatPanel, dr as resolveFillDestination, To as startEventFromKey, jn as useDoubleClick, Wn as useDragCells, Lo as useEditorKeymap, ee as useGridMetrics, Ze as useGridPane, Je as useGridPaneOptional, dl as useHeaderSelectionPointer, qt as useHoverIntent, rt as useLayer, zo as usePendingCaret, In as useRangeTooltipRegistry, no as useSelectionPointer, ne as useShapeBounds, Mt as useSticky, Dt as useStickyOptional, et as useSurfaceState, tt as useSurfaceStateSetter, nt as useSurfaceStateValue, Ut as useTooltipSurface, Un as useWindowDragCells, ur as vacatedByFill };
+export { An as AUTO_SCROLL_INTERVAL_MS, fr as CELL_INTERACTIVE_ATTRIBUTE, pr as CELL_INTERACTIVE_PROPS, Dr as CellLayer, Mr as CellTileDiv, yl as CheckboxList, Qr as DEFAULT_ANCHOR_STYLE, zn as DEFAULT_HANDLE_STYLE, to as DEFAULT_INSERT_BAR_STYLE, no as DEFAULT_MOVE_SOURCE_STYLE, Jr as DEFAULT_MULTI_STYLE, eo as DEFAULT_REMOVE_PREVIEW_STYLE, Zr as DEFAULT_SINGLE_STYLE, Kt as DEFAULT_TOOLTIP_TIMING, xr as DefaultCellRenderer, Ao as DefaultEditable, Vo as DefaultEditorInput, Jo as DefaultHeaderDivider, _r as DefaultSelection, Xn as DragHandle, lr as Draggable, Fn as EDGE_AUTO_SCROLL_MARGIN_PX, To as EditSession, _o as EditorDiv, Ho as EditorLayer, Ko as EditorStartLayer, hr as FillHandle, zl as GRID_SURFACE, hn as GestureTip, hl as Grid, Bt as GridFloatPanel, ll as GridFreezeAnchor, He as GridSurface, Vr as GridlineLayer, Wo as HEADER_DIVIDER_CLASS, Ol as HEADER_SURFACE, el as HeaderDividerAnchor, ol as HeaderFreezeAnchor, lt as Layer, re as LineSVG, xl as List, Tl as ListSearch, kl as ListSearchGlyph, wl as ListSurface, Bn as NO_DRAG_MODIFIERS, Io as PICKER_COLORS, El as PickList, ar as RESIZE_ANCHORS_4, sr as RESIZE_ANCHORS_8, sn as RangeFloatLayer, Ln as RangeInsertBar, bn as RangePrompt, On as RangeRect, cr as RangeResizer, Mn as RangeTooltip, Tn as RangeTooltipHost, cn as RangeTooltipLayer, Rn as RangeTooltipProvider, Do as RangesPickerLayer, le as RectangleSVG, Kr as SELECTION_CLIP_INSETS, So as SelectionLayer, ao as SelectionTouchGrips, te as ShapeBoundsContext, Tt as StickyAnchor, Ft as StickyPortal, Ne as SurfaceStateContext, Be as SurfaceStateProvider, Gt as TooltipProvider, dt as VirtualDiv, ln as VirtualRangeFloat, Al as buildGridThemeCSS, Ar as buildGridlinePath, Lo as commitArgsFromKey, Q as createAxis, _n as createDragCells, dl as createHeaderSelectionPointer, En as createRangeTooltipRegistry, Fe as createSurfaceStateStore, _t as createTooltipGroup, Wn as createWindowDragCells, Mo as defaultRangeStyle, Yt as defaultRenderTooltip, Nn as edgeScrollPane, Fo as expandEditorBounds, Dl as filterByText, wr as getCellInteractiveCoords, tl as getHeaderDividerBounds, ue as getPrimaryPane, Ll as gridThemeVars, sl as headerAnchorCell, al as headerEntireEnd, il as headerEntireStart, cl as headerRange, $l as headerThemeVars, er as insertAt, or as insertRange, mr as isCellInteractiveTarget, Hn as isSameDragModifiers, Vn as readDragModifiers, Ht as renderGridFloatPanel, ur as resolveFillDestination, zo as startEventFromKey, Gn as useDoubleClick, Un as useDragCells, $o as useEditorKeymap, ee as useGridMetrics, Je as useGridPane, Qe as useGridPaneOptional, ul as useHeaderSelectionPointer, Zt as useHoverIntent, ot as useLayer, Oo as usePendingCaret, Pn as useRangeTooltipRegistry, ro as useSelectionPointer, ne as useShapeBounds, Dt as useSticky, kt as useStickyOptional, tt as useSurfaceState, nt as useSurfaceStateSetter, rt as useSurfaceStateValue, jt as useTooltipSurface, jn as useWindowDragCells, gr as vacatedByFill };