@sheetxl/grid-react 0.7.5 → 0.7.7

package/node/esm/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.7.5
+ * @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.7.7
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -9,7 +9,7 @@ import { useCallbackRef as o, HorizontalAlignment as r, KeyCodes as l, ReactUtil
 import { useRef as w, useReducer as x, useState as p, useEffect as m, useCallback as v, useLayoutEffect as S, useMemo as y, memo as b, forwardRef as C, createElement as I, useImperativeHandle as E } from "react";
 import R from "tiny-invariant";
 import M from "clsx";
-import { CoordUtils as k, CommonUtils as P, RangeOrientation as D, Direction as T, AnchorLocation as O } from "@sheetxl/utils";
+import { CoordUtils as k, CommonUtils as P, RangeOrientation as T, Direction as D, AnchorLocation as O } from "@sheetxl/utils";
 import { useMeasure as z } from "react-use";
 import { createPortal as L } from "react-dom";
 import { mergeRefs as $ } from "react-merge-refs";
@@ -89,10 +89,10 @@ const B = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
   }, []);
   const M2 = v(() => l2(n2), []), P2 = v(() => {
     c2(n2);
-  }, []), D2 = o2.current && k.isEqualCells(o2.current, E2), T2 = a2 && D2 && C2, O2 = d2({ autoFocus: !!n2.startEvent?.autoFocus, ...u2, onSubmitEdit: M2, onCancelEdit: P2, ref: b2 }, E2), z2 = s2.x + i.boundPixel(-g2 / 2), L2 = i.boundPixel(s2.width + g2 / 2, true);
-  return e("div", { tabIndex: 0, ref: y2, style: { background: void 0, ...x2, opacity: T2 ? x2?.opacity ?? 1 : 0, pointerEvents: "auto", position: "absolute", boxSizing: "border-box", top: `${s2.y + i.boundPixel(-g2 / 2)}px`, height: i.boundPixel(s2.height + g2 / 2, true), left: `${z2}px`, width: L2 }, ...S2, children: e("div", { className: "editor-container", style: { position: "absolute", boxSizing: "border-box", left: `${i.boundPixel(1)}px`, top: `${i.boundPixel(1)}px`, width: i.boundPixel(s2.width - 2, true), height: i.boundPixel(s2.height - 2, true), outline: `${g2}px ${h2} solid`, boxShadow: "rgba(60,64,67,.35) 2px 2px 6px 3px", maxHeight: "100%", overflow: "hidden", display: "flex" }, children: O2 }) });
+  }, []), T2 = o2.current && k.isEqualCells(o2.current, E2), D2 = a2 && T2 && C2, O2 = d2({ autoFocus: !!n2.startEvent?.autoFocus, ...u2, onSubmitEdit: M2, onCancelEdit: P2, ref: b2 }, E2), z2 = s2.x + i.boundPixel(-g2 / 2), L2 = i.boundPixel(s2.width + g2 / 2, true);
+  return e("div", { tabIndex: 0, ref: y2, style: { background: void 0, ...x2, opacity: D2 ? x2?.opacity ?? 1 : 0, pointerEvents: "auto", position: "absolute", boxSizing: "border-box", top: `${s2.y + i.boundPixel(-g2 / 2)}px`, height: i.boundPixel(s2.height + g2 / 2, true), left: `${z2}px`, width: L2 }, ...S2, children: e("div", { className: "editor-container", style: { position: "absolute", boxSizing: "border-box", left: `${i.boundPixel(1)}px`, top: `${i.boundPixel(1)}px`, width: i.boundPixel(s2.width - 2, true), height: i.boundPixel(s2.height - 2, true), outline: `${g2}px ${h2} solid`, boxShadow: "rgba(60,64,67,.35) 2px 2px 6px 3px", maxHeight: "100%", overflow: "hidden", display: "flex" }, children: O2 }) });
 }, X = (t2) => {
-  const { view: n2, canEdit: i2 = K, getCellEditor: c2, onBeforeStartEdit: s2, onStartEdit: a2, onSubmitEdit: d2, onCancelEdit: u2, onDoneEdit: h2, isEditorStartKeyEvent: g2 = N, isEditorStartPointerEvent: f2 = q, containerProps: y2, borderStrokeFill: b2, borderStrokeWidth: C2 = 2, getRangeCoords: I2 = null, activeCoords: E2, alignment: R2 = r.Left } = t2, [M2, D2] = p(false), [T2, O2] = p(void 0), z2 = o((e2, t3, n3, o2, l2, i3) => {
+  const { view: n2, canEdit: i2 = K, getCellEditor: c2, onBeforeStartEdit: s2, onStartEdit: a2, onSubmitEdit: d2, onCancelEdit: u2, onDoneEdit: h2, isEditorStartKeyEvent: g2 = N, isEditorStartPointerEvent: f2 = q, containerProps: y2, borderStrokeFill: b2, borderStrokeWidth: C2 = 2, getRangeCoords: I2 = null, activeCoords: E2, alignment: R2 = r.Left } = t2, [M2, T2] = p(false), [D2, O2] = p(void 0), z2 = o((e2, t3, n3, o2, l2, i3) => {
     if (!t3) return null;
     const c3 = l2?.(t3, e2), s3 = e2.getRangeCoordsBounds(c3), a3 = e2.toClipBounds(s3), d3 = s3, u3 = e2.getZoom();
     if (!a3) return null;
@@ -112,37 +112,37 @@ const B = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
   }, [R2]), L2 = o(i2, [i2]), $2 = v(() => {
     n2?.getStage()?.focus();
   }, [n2]), B2 = w(null), F2 = o((e2) => {
-    s2?.(e2), Q2(), D2(true), B2.current = null;
+    s2?.(e2), ee2(), T2(true), B2.current = null;
   }, [s2]), A2 = o((e2) => {
     a2?.(e2.coords);
   }, [a2]), W2 = o((e2) => {
-    e2.isSubmitted || e2.isCancelled || (X2.current.isEditorClosed = true, $2(), e2.isCancelled = true, u2?.(e2.coords), Q2());
+    e2.isSubmitted || e2.isCancelled || (X2.current.isEditorClosed = true, $2(), e2.isCancelled = true, u2?.(e2.coords), ee2());
   }, [u2]), V2 = o((e2) => {
     if (e2.isSubmitted || e2.isCancelled) return false;
     try {
-      return B2.current = e2.coords, e2.isEditorClosing = true, e2.isSubmitted = true, e2.isEditorSubmitted || (e2.isEditorSubmitted = true, e2.editorRefs[0]?.submitEdit?.()), e2.coords, d2?.(e2.coords), e2.isEditorClosed = true, $2(), Q2(), true;
+      return B2.current = e2.coords, e2.isEditorClosing = true, e2.isSubmitted = true, e2.isEditorSubmitted || (e2.isEditorSubmitted = true, e2.editorRefs[0]?.submitEdit?.()), e2.coords, d2?.(e2.coords), e2.isEditorClosed = true, $2(), ee2(), true;
     } catch (t3) {
       throw e2.isEditorClosing = false, e2.isSubmitted = false, t3;
     }
   }, [d2]), U2 = o((e2) => {
-    D2(false), h2?.(e2.coords), Q2();
-  }, [h2]), X2 = w(null), Y2 = w(null), G2 = w(null), Z2 = w([]), [_2, J2] = x((e2) => e2 + 1, 0), Q2 = v((e2) => {
-    e2 && Z2.current.push(e2), J2();
-  }, []), ee2 = o((e2) => {
+    T2(false), h2?.(e2.coords), ee2();
+  }, [h2]), X2 = w(null), G2 = w(null), Z2 = w(null), _2 = w([]), [J2, Q2] = x((e2) => e2 + 1, 0), ee2 = v((e2) => {
+    e2 && _2.current.push(e2), Q2();
+  }, []), te2 = o((e2) => {
     if (e2.defaultPrevented || e2.isSynthetic) return;
     if (!n2) return;
     const t3 = n2?.getCellCoordsFromClient(e2.clientX, e2.clientY);
     if (!t3) return;
-    Q2({ eventType: "pointer", event: e2, coords: t3 });
-  }, [n2]), te2 = o((e2) => {
-    const t3 = e2.nativeEvent;
-    ee2(t3);
+    ee2({ eventType: "pointer", event: e2, coords: t3 });
   }, [n2]), ne2 = o((e2) => {
+    const t3 = e2.nativeEvent;
+    te2(t3);
+  }, [n2]), oe2 = o((e2) => {
     if (e2.defaultPrevented || e2.isSynthetic) return;
     if (!n2?.getStage()) return;
-    const t3 = Y2.current;
+    const t3 = G2.current;
     g2(e2, t3) && (e2.stopPropagation(), e2.preventDefault()), e2.key;
-    Q2({ eventType: "keyboard", event: e2, coords: t3 });
+    ee2({ eventType: "keyboard", event: e2, coords: t3 });
   }, [n2]);
   S(() => {
     const e2 = (e3, t4) => {
@@ -152,36 +152,36 @@ const B = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
       if (!L2(o3)) return null;
       F2?.(o3);
       const l2 = P.uuidV4();
-      t4 = Object.freeze({ autoFocus: true, ...t4 }), G2.current = o3;
+      t4 = Object.freeze({ autoFocus: true, ...t4 }), Z2.current = o3;
       const i3 = { coords: r2, startEvent: t4, uuid: l2, isMounted: false, isStarted: false, isSubmitted: false, isEditorSubmitted: false, isEditorClosing: false, isEditorClosed: false, isCancelled: false, events: [], editorRefsDispatchEditorEvent: [], editorRefs: [], onMount: (e4) => {
-        i3.isMounted || (i3.isMounted = true, Q2());
+        i3.isMounted || (i3.isMounted = true, ee2());
       }, onUnmount: (e4) => {
         if (0 === i3.editorRefs.length) {
           const e5 = () => {
-            i3.isMounted = false, Q2();
+            i3.isMounted = false, ee2();
           };
           if (document.activeElement !== document.body) e5();
           else {
             const t5 = (e6) => {
-              e6.defaultPrevented || e6.target !== document.body || ne2(e6);
+              e6.defaultPrevented || e6.target !== document.body || oe2(e6);
             };
             window.addEventListener("keydown", t5, true), n2.getStage()?.addEventListener("focusin", () => {
               window.removeEventListener("keydown", t5), e5();
-            }, { once: true }), $2();
+            }, Y), $2();
           }
         }
       } };
       return i3;
     };
-    if (Z2.current.length <= 0 && !X2.current) return;
-    const t3 = Z2.current[0];
+    if (_2.current.length <= 0 && !X2.current) return;
+    const t3 = _2.current[0];
     H(t3), ((e3) => {
       const t4 = [], n3 = e3?.length ?? 0;
       for (let o3 = 0; o3 < n3; o3++) {
         const n4 = e3[o3];
         t4.push(H(n4));
       }
-    })(Z2.current), X2.current, X2.current;
+    })(_2.current), X2.current, X2.current;
     let o2 = X2.current;
     if (X2.current) {
       if (X2.current.isDone) X2.current = null;
@@ -192,7 +192,7 @@ const B = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
     }
     if (t3) {
       if ("start" === t3.eventType) {
-        const n3 = t3, o3 = n3.startEvent?.cell ?? Y2.current;
+        const n3 = t3, o3 = n3.startEvent?.cell ?? G2.current;
         X2.current && k.isEqualCells(X2.current.coords, o3) || (X2.current = e2(o3, n3.startEvent));
       } else if ("keyboard" === t3.eventType) {
         const n3 = t3.event;
@@ -214,7 +214,7 @@ const B = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
         } else {
           if (g2(n3, t3.coords)) {
             let n4;
-            const o3 = e2(n4?.cell ?? Y2.current, n4);
+            const o3 = e2(n4?.cell ?? G2.current, n4);
             o3 && o3.events.push(t3), X2.current = o3;
           }
         }
@@ -224,7 +224,7 @@ const B = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
           X2.current.events.push(t3);
           for (let e3 = 0; e3 < X2.current.editorRefsDispatchEditorEvent.length; e3++) X2.current.editorRefsDispatchEditorEvent[e3](t3);
         } else {
-          const o3 = t3?.coords ?? Y2.current, r2 = f2(n3, o3);
+          const o3 = t3?.coords ?? G2.current, r2 = f2(n3, o3);
           if (r2) {
             let n4;
             "boolean" != typeof n4 && (n4 = r2);
@@ -244,7 +244,7 @@ const B = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
         }
       } else if ("coordsChange" === t3.eventType) {
         const e3 = t3;
-        if (Y2.current = e3.activeCoords, X2.current, X2.current && !X2.current.isSubmitted && !X2.current.isCancelled) {
+        if (G2.current = e3.activeCoords, X2.current, X2.current && !X2.current.isSubmitted && !X2.current.isCancelled) {
           if (!X2.current.isMounted) return;
           try {
             V2(X2.current);
@@ -253,37 +253,37 @@ const B = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
         }
       }
     }
-    Z2.current.length > 0 && (Z2.current.shift(), Q2()), 0 === Z2.current.length && (!X2.current || X2.current.isEditorClosing || X2.current.isEditorClosed ? !X2.current && o2 && $2() : X2.current.isMounted && !X2.current.isStarted && (X2.current.isStarted = true, X2.current.startEvent.autoFocus && ("string" == typeof X2.current.startEvent.autoFocus ? X2.current.editorRefs[0]?.autoFocus(X2.current.startEvent.autoFocus) : X2.current.editorRefs[0]?.autoFocus()), A2?.(X2.current), requestAnimationFrame(() => {
+    _2.current.length > 0 && (_2.current.shift(), ee2()), 0 === _2.current.length && (!X2.current || X2.current.isEditorClosing || X2.current.isEditorClosed ? !X2.current && o2 && $2() : X2.current.isMounted && !X2.current.isStarted && (X2.current.isStarted = true, X2.current.startEvent.autoFocus && ("string" == typeof X2.current.startEvent.autoFocus ? X2.current.editorRefs[0]?.autoFocus(X2.current.startEvent.autoFocus) : X2.current.editorRefs[0]?.autoFocus()), A2?.(X2.current), requestAnimationFrame(() => {
       n2 && X2.current?.coords && n2.scrollCellCoordsIntoView(X2.current.coords);
     })));
-  }, [_2]), m(() => {
-    G2.current = E2;
+  }, [J2]), m(() => {
+    Z2.current = E2;
     const e2 = X2.current?.coords;
     if (!k.isEqualCells(e2, E2)) {
       X2.current && (X2.current.isEditorClosing = true);
-      Q2({ eventType: "coordsChange", activeCoords: E2 });
+      ee2({ eventType: "coordsChange", activeCoords: E2 });
     }
   }, [E2]);
-  const oe2 = v((e2) => {
-    ne2(e2.nativeEvent);
-  }, []), { width: re2 = 0, height: le2 = 0 } = T2 ?? { width: 0, height: 0 }, ie2 = o(c2, [c2]);
+  const re2 = v((e2) => {
+    oe2(e2.nativeEvent);
+  }, []), { width: le2 = 0, height: ie2 = 0 } = D2 ?? { width: 0, height: 0 }, ce2 = o(c2, [c2]);
   return { overlay: o((t3) => {
     if (!X2.current || X2.current.isEditorClosed) return X2.current, null;
     X2.current.coords;
-    let n3 = z2(t3, X2.current.coords, re2, le2, I2, R2), o2 = true;
-    n3 && 0 !== n3.width && 0 !== n3.height || (n3 = { x: 0, y: 0, width: re2, height: re2 }, o2 = false);
-    const r2 = t3.getZoom(), l2 = { containerBounds: { x: 0, y: 0, width: n3.width / r2, height: n3.height / r2 }, setNaturalDimensions: O2, zoom: r2 };
-    return e(j, { session: X2.current, refLatestCoords: G2, handleSubmitEdit: V2, handleCancelEdit: W2, cellBounds: n3, borderStrokeWidth: C2, borderStrokeFill: b2, isInBounds: o2, getCellEditor: ie2, propsEditor: l2, alignment: R2, ...y2 }, "editor:" + X2.current.uuid);
-  }, [c2, I2, _2, re2, le2, R2, C2, b2]), startEdit: v((e2) => {
-    Q2({ eventType: "start", startEvent: e2 });
+    let n3 = z2(t3, X2.current.coords, le2, ie2, I2, R2), o2 = true;
+    n3 && 0 !== n3.width && 0 !== n3.height || (n3 = { x: 0, y: 0, width: le2, height: le2 }, o2 = false);
+    const r2 = t3.getZoom(), l2 = { containerBounds: { x: 0, y: 0, width: n3.width / r2, height: n3.height / r2 }, setNaturalSize: O2, zoom: r2 };
+    return e(j, { session: X2.current, refLatestCoords: Z2, handleSubmitEdit: V2, handleCancelEdit: W2, cellBounds: n3, borderStrokeWidth: C2, borderStrokeFill: b2, isInBounds: o2, getCellEditor: ce2, propsEditor: l2, alignment: R2, ...y2 }, "editor:" + X2.current.uuid);
+  }, [c2, I2, J2, le2, ie2, R2, C2, b2]), startEdit: v((e2) => {
+    ee2({ eventType: "start", startEvent: e2 });
   }, []), submitEdit: v(() => {
-    Q2({ eventType: "submit" });
+    ee2({ eventType: "submit" });
   }, []), cancelEdit: v(() => {
-    Q2({ eventType: "cancel" });
-  }, []), onKeyboardEvent: oe2, onPointerEvent: te2, onKeyboardEventNative: ne2, onPointerEventNative: ee2, isEditing: M2 };
-}, Y = 3, G = 0.5, Z = 50, _ = (e2) => ({ x: e2.x, y: e2.y, width: e2.width, height: e2.height, top: e2.top, left: e2.left, right: e2.right, bottom: e2.bottom });
-function J(e2 = {}) {
-  const { threshold: t2 = G, stillnessThreshold: n2 = Y, maxHierarchyDepth: o2 = Z } = e2, [r2, l2] = z(), i2 = w(null), [c2, s2] = x((e3) => e3 + 1, 0), a2 = w(void 0), d2 = w({ x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 }), u2 = v((e3) => {
+    ee2({ eventType: "cancel" });
+  }, []), onKeyboardEvent: re2, onPointerEvent: ne2, onKeyboardEventNative: oe2, onPointerEventNative: te2, isEditing: M2 };
+}, Y = Object.freeze({ once: true }), G = 3, Z = 0.5, _ = 50, J = (e2) => ({ x: e2.x, y: e2.y, width: e2.width, height: e2.height, top: e2.top, left: e2.left, right: e2.right, bottom: e2.bottom });
+function Q(e2 = {}) {
+  const { threshold: t2 = Z, stillnessThreshold: n2 = G, maxHierarchyDepth: o2 = _ } = e2, [r2, l2] = z(), i2 = w(null), [c2, s2] = x((e3) => e3 + 1, 0), a2 = w(void 0), d2 = w({ x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 }), u2 = v((e3) => {
     i2.current = e3, "function" == typeof r2 && r2(e3);
   }, [r2]), [h2, g2] = p(l2);
   return m(() => {
@@ -295,7 +295,7 @@ function J(e2 = {}) {
     const c3 = () => {
       if (!e3) return;
       const o3 = e3.getBoundingClientRect(), i3 = d2.current;
-      Math.abs(o3.x - i3.x) > t2 || Math.abs(o3.y - i3.y) > t2 || Math.abs(o3.width - i3.width) > t2 || Math.abs(o3.height - i3.height) > t2 ? (r3 || (r3 = true, g2(_(o3)), s2()), l3 = 0) : l3++, r3 && l3 >= n2 && (r3 = false, g2(_(o3)), s2()), d2.current = _(o3), a2.current = requestAnimationFrame(c3);
+      Math.abs(o3.x - i3.x) > t2 || Math.abs(o3.y - i3.y) > t2 || Math.abs(o3.width - i3.width) > t2 || Math.abs(o3.height - i3.height) > t2 ? (r3 || (r3 = true, g2(J(o3)), s2()), l3 = 0) : l3++, r3 && l3 >= n2 && (r3 = false, g2(J(o3)), s2()), d2.current = J(o3), a2.current = requestAnimationFrame(c3);
     };
     a2.current = requestAnimationFrame(c3);
     const u3 = (e4) => {
@@ -313,16 +313,16 @@ function J(e2 = {}) {
     };
   }, [c2, l2, t2, n2, o2]), [u2, h2];
 }
-const Q = ({ gridRef: e2, gridMainRef: t2, orientation: n2 = D.Row, headerCount: r2, selectionPolicy: l2 = "multiple", newSelectionMode: i2 = "clear", alwaysScrollToActiveCoords: a2 = true, onDragStart: d2, onDragEnd: u2, pointerDownInterceptor: h2, pointerMoveInterceptor: g2, onPointerUp: f2, newSelection: x2, modifySelection: p2, appendSelection: m2, clearSelections: S2 }) => {
-  const b2 = r2 ?? ((n2 === D.Row ? e2.current?.rowCount : e2.current?.columnCount) || 0), C2 = w(null), I2 = w(null), E2 = w(false), R2 = w(null), M2 = v((e3) => n2 === D.Column ? { rowIndex: 0, colIndex: e3.colIndex } : { rowIndex: e3.rowIndex, colIndex: 0 }, [n2]), T2 = v((e3) => n2 === D.Column ? { rowIndex: t2.current ? t2.current.rowCount - 1 : 0, colIndex: e3.colIndex } : { rowIndex: e3.rowIndex, colIndex: t2.current ? t2.current.columnCount - 1 : 0 }, [n2]), O2 = (e3) => {
-    I2.current = T2(e3), p2(I2.current, C2.current);
+const ee = ({ gridRef: e2, gridMainRef: t2, orientation: n2 = T.Row, headerCount: r2, selectionPolicy: l2 = "multiple", newSelectionMode: i2 = "clear", alwaysScrollToActiveCoords: a2 = true, onDragStart: d2, onDragEnd: u2, pointerDownInterceptor: h2, pointerMoveInterceptor: g2, onPointerUp: f2, newSelection: x2, modifySelection: p2, appendSelection: m2, clearSelections: S2 }) => {
+  const b2 = r2 ?? ((n2 === T.Row ? e2.current?.rowCount : e2.current?.columnCount) || 0), C2 = w(null), I2 = w(null), E2 = w(false), R2 = w(null), M2 = v((e3) => n2 === T.Column ? { rowIndex: 0, colIndex: e3.colIndex } : { rowIndex: e3.rowIndex, colIndex: 0 }, [n2]), D2 = v((e3) => n2 === T.Column ? { rowIndex: t2.current ? t2.current.rowCount - 1 : 0, colIndex: e3.colIndex } : { rowIndex: e3.rowIndex, colIndex: t2.current ? t2.current.columnCount - 1 : 0 }, [n2]), O2 = (e3) => {
+    I2.current = D2(e3), p2(I2.current, C2.current);
   }, z2 = v((o2, r3) => {
     if (!e2.current) return;
     const l3 = e2.current.getViewFromClient(o2, r3)?.getCellCoordsFromClient(o2, r3);
-    return l3 ? (n2 === D.Column ? l3.rowIndex = t2.current.getViewport().rowStart : l3.colIndex = t2.current.getViewport().colStart, l3) : void 0;
+    return l3 ? (n2 === T.Column ? l3.rowIndex = t2.current.getViewport().rowStart : l3.colIndex = t2.current.getViewport().colStart, l3) : void 0;
   }, []), L2 = v((e3, o2 = false) => {
     let r3 = e3;
-    return o2 || (r3 = { ...e3 }, n2 === D.Row ? delete r3.colIndex : delete r3.rowIndex), t2.current?.scrollCellCoordsIntoView(r3);
+    return o2 || (r3 = { ...e3 }, n2 === T.Row ? delete r3.colIndex : delete r3.rowIndex), t2.current?.scrollCellCoordsIntoView(r3);
   }, [n2]), $2 = o(u2, [u2]), B2 = o(d2, [d2]), F2 = y(() => ({ onPointerDown: (o2) => {
     if (!e2 || !e2.current) return;
     if (o2.nativeEvent.defaultPrevented) return;
@@ -332,14 +332,14 @@ const Q = ({ gridRef: e2, gridMainRef: t2, orientation: n2 = D.Row, headerCount:
     const l3 = o2.nativeEvent.shiftKey, i3 = o2.nativeEvent.ctrlKey || o2.nativeEvent.metaKey;
     if (false === h2?.(o2, r3)) return;
     B2?.(), E2.current = true;
-    const s2 = t2.current?.getViewFromClient(o2.nativeEvent.clientX, o2.nativeEvent.clientY), d3 = ((e3, t3) => n2 === D.Column ? { ...e3, rowIndex: t3.rowStart } : { ...e3, colIndex: t3.colStart })(r3, s2.getVisibleRangeCoords());
+    const s2 = t2.current?.getViewFromClient(o2.nativeEvent.clientX, o2.nativeEvent.clientY), d3 = ((e3, t3) => n2 === T.Column ? { ...e3, rowIndex: t3.rowStart } : { ...e3, colIndex: t3.colStart })(r3, s2.getVisibleRangeCoords());
     if (l3) O2(r3);
     else {
       if (i3) return ((e3, t3 = e3, n3) => {
-        C2.current = M2(e3), I2.current = T2(t3), m2(C2.current, I2.current, n3);
+        C2.current = M2(e3), I2.current = D2(t3), m2(C2.current, I2.current, n3);
       })(r3, r3, d3), void (a2 && L2(d3, true));
       ((e3, t3 = e3, n3) => {
-        C2.current = M2(e3), I2.current = T2(t3), x2(C2.current, I2.current, n3);
+        C2.current = M2(e3), I2.current = D2(t3), x2(C2.current, I2.current, n3);
       })(r3, r3, d3), O2(r3), a2 && L2(d3, true);
     }
   }, onPointerMoveOrWait: P.throttle((t3) => {
@@ -353,16 +353,16 @@ const Q = ({ gridRef: e2, gridMainRef: t2, orientation: n2 = D.Row, headerCount:
     E2.current = false, $2?.(), f2?.(e3);
   }, processTouch: true, consumeTouch: true }), [l2, a2, b2, i2, S2, h2, f2]);
   return { onPointerDown: o(s(F2), []), getCellCoordsFromClient: z2 };
-}, ee = (e2, t2, n2) => {
+}, te = (e2, t2, n2) => {
   if (!e2) return t2;
   let o2 = t2;
-  const r2 = n2 === T.Right || n2 === T.Down;
+  const r2 = n2 === D.Right || n2 === D.Down;
   for (; ; ) {
     const t3 = e2(o2, !r2);
     if (0 === t3) return o2;
     r2 ? o2 += t3 : o2 -= t3;
   }
-}, te = (e2, t2, n2) => {
+}, ne = (e2, t2, n2) => {
   const o2 = [];
   let r2 = t2;
   for (; r2 <= n2; ) {
@@ -370,75 +370,75 @@ const Q = ({ gridRef: e2, gridMainRef: t2, orientation: n2 = D.Row, headerCount:
     0 === t3 ? (o2.push(r2), r2++) : r2 += t3;
   }
   return o2;
-}, ne = (e2, t2, n2, o2, r2, l2) => {
+}, oe = (e2, t2, n2, o2, r2, l2) => {
   if (!t2) return l2;
   let { rowIndex: i2, colIndex: c2 } = e2;
   switch (o2) {
-    case T.Down: {
-      i2 = ee(n2, Math.min(i2 + 1, l2), o2);
+    case D.Down: {
+      i2 = te(n2, Math.min(i2 + 1, l2), o2);
       let e3 = t2({ rowIndex: i2, colIndex: c2 });
-      for (; !e3 && i2 < l2; ) i2 = ee(n2, Math.min(++i2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
+      for (; !e3 && i2 < l2; ) i2 = te(n2, Math.min(++i2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
       return i2;
     }
-    case T.Up: {
-      i2 = ee(n2, Math.max(i2 - 1, l2), o2);
+    case D.Up: {
+      i2 = te(n2, Math.max(i2 - 1, l2), o2);
       let e3 = t2({ rowIndex: i2, colIndex: c2 });
-      for (; !e3 && i2 > l2; ) i2 = ee(n2, Math.max(--i2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
+      for (; !e3 && i2 > l2; ) i2 = te(n2, Math.max(--i2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
       return i2;
     }
-    case T.Right: {
-      c2 = ee(n2, Math.min(c2 + 1, l2), o2);
+    case D.Right: {
+      c2 = te(n2, Math.min(c2 + 1, l2), o2);
       let e3 = t2({ rowIndex: i2, colIndex: c2 });
-      for (; !e3 && c2 < l2; ) c2 = ee(n2, Math.min(++c2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
+      for (; !e3 && c2 < l2; ) c2 = te(n2, Math.min(++c2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
       return c2;
     }
-    case T.Left: {
-      c2 = ee(n2, Math.max(c2 - 1, l2), o2);
+    case D.Left: {
+      c2 = te(n2, Math.max(c2 - 1, l2), o2);
       let e3 = t2({ rowIndex: i2, colIndex: c2 });
-      for (; !e3 && c2 > l2; ) c2 = ee(n2, Math.max(--c2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
+      for (; !e3 && c2 > l2; ) c2 = te(n2, Math.max(--c2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
       return c2;
     }
     default:
       return l2;
   }
-}, oe = (e2, t2 = () => true, n2, o2, r2, l2) => {
+}, re = (e2, t2 = () => true, n2, o2, r2, l2) => {
   let { rowIndex: i2, colIndex: c2 } = e2;
   switch (o2) {
-    case T.Down: {
-      i2 = ee(n2, Math.min(i2 + 1, l2), o2);
+    case D.Down: {
+      i2 = te(n2, Math.min(i2 + 1, l2), o2);
       let e3 = t2?.({ rowIndex: i2, colIndex: c2 });
-      for (; e3 && i2 < l2; ) i2 = ee(n2, Math.min(++i2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
+      for (; e3 && i2 < l2; ) i2 = te(n2, Math.min(++i2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
       return t2?.({ rowIndex: i2, colIndex: c2 }) ? i2 : i2 - 1;
     }
-    case T.Up: {
-      i2 = ee(n2, Math.max(i2 - 1, l2), o2);
+    case D.Up: {
+      i2 = te(n2, Math.max(i2 - 1, l2), o2);
       let e3 = t2?.({ rowIndex: i2, colIndex: c2 });
-      for (; e3 && i2 > l2; ) i2 = ee(n2, Math.max(--i2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
+      for (; e3 && i2 > l2; ) i2 = te(n2, Math.max(--i2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
       return t2?.({ rowIndex: i2, colIndex: c2 }) ? i2 : i2 + 1;
     }
-    case T.Right: {
-      c2 = ee(n2, Math.min(c2 + 1, l2), o2);
+    case D.Right: {
+      c2 = te(n2, Math.min(c2 + 1, l2), o2);
       let e3 = t2?.({ rowIndex: i2, colIndex: c2 });
-      for (; e3 && c2 < l2; ) c2 = ee(n2, Math.min(++c2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
+      for (; e3 && c2 < l2; ) c2 = te(n2, Math.min(++c2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
       return t2?.({ rowIndex: i2, colIndex: c2 }) ? c2 : c2 - 1;
     }
-    case T.Left: {
-      c2 = ee(n2, Math.max(c2 - 1, l2), o2);
+    case D.Left: {
+      c2 = te(n2, Math.max(c2 - 1, l2), o2);
       let e3 = t2?.({ rowIndex: i2, colIndex: c2 });
-      for (; e3 && c2 > l2; ) c2 = ee(n2, Math.max(--c2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
+      for (; e3 && c2 > l2; ) c2 = te(n2, Math.max(--c2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
       return t2?.({ rowIndex: i2, colIndex: c2 }) ? c2 : c2 + 1;
     }
     default:
       return null;
   }
-}, re = (e2, t2, n2, o2, r2, l2) => {
+}, le = (e2, t2, n2, o2, r2, l2) => {
   if (!t2) return l2;
   let i2, { rowIndex: c2, colIndex: s2 } = e2;
-  o2 === T.Down ? i2 = { rowIndex: c2 + 1, colIndex: s2 } : o2 === T.Up ? i2 = { rowIndex: c2 - 1, colIndex: s2 } : o2 === T.Right ? i2 = { rowIndex: c2, colIndex: s2 + 1 } : o2 === T.Left && (i2 = { rowIndex: c2, colIndex: s2 - 1 });
+  o2 === D.Down ? i2 = { rowIndex: c2 + 1, colIndex: s2 } : o2 === D.Up ? i2 = { rowIndex: c2 - 1, colIndex: s2 } : o2 === D.Right ? i2 = { rowIndex: c2, colIndex: s2 + 1 } : o2 === D.Left && (i2 = { rowIndex: c2, colIndex: s2 - 1 });
   const a2 = t2(e2), d2 = t2(i2);
   var u2, h2;
-  return (h2 = d2, !(u2 = a2) && !h2 || !u2 && h2 || u2 && !h2 ? ne : oe)(e2, t2, n2, o2, false, l2) ?? l2;
-}, le = (e2, t2) => `${e2}:${t2}`, ie = (e2, t2, n2, o2, r2, l2) => {
+  return (h2 = d2, !(u2 = a2) && !h2 || !u2 && h2 || u2 && !h2 ? oe : re)(e2, t2, n2, o2, false, l2) ?? l2;
+}, ie = (e2, t2) => `${e2}:${t2}`, ce = (e2, t2, n2, o2, r2, l2) => {
   if (n2 - t2 >= r2 - o2) return o2;
   let i2 = o2;
   if ("nearest" === e2 && (o2 - t2 > 0 ? e2 = "start" : n2 - r2 > 0 && (e2 = "end")), "start" === e2) i2 = t2;
@@ -446,24 +446,24 @@ const Q = ({ gridRef: e2, gridMainRef: t2, orientation: n2 = D.Row, headerCount:
   else if ("center" === e2) {
     i2 = t2 + (n2 - t2) / 2 - (r2 - o2) / 2;
   }
-  return Math.max(0, Math.min(i2, l2 - (r2 - o2)));
-}, ce = (e2, t2, n2, o2) => (console.log("todo: implement convertToVisibleRanges"), e2), se = (e2, t2 = T.Right, n2, o2, r2, l2 = null) => {
+  return i2 < o2 ? Math.max(0, i2) : i2 > o2 ? Math.min(i2, l2 - (r2 - o2)) : void 0;
+}, se = (e2, t2, n2, o2) => (console.log("todo: implement convertToVisibleRanges"), e2), ae = (e2, t2 = D.Right, n2, o2, r2, l2 = null) => {
   if (l2 && k.isEqualSelectionCoords(l2, e2)) return e2;
   const i2 = e2.ranges[e2.rangeIndex];
   if (!k.isRangesIntersect({ rowStart: e2.cell.rowIndex, colStart: e2.cell.colIndex, rowEnd: e2.cell.rowIndex, colEnd: e2.cell.colIndex }, i2)) return e2;
   let c2 = { ...e2.cell }, s2 = e2.rangeIndex;
   switch (t2) {
-    case T.Right:
-      c2.colIndex = ee(r2, c2.colIndex + 1, t2);
+    case D.Right:
+      c2.colIndex = te(r2, c2.colIndex + 1, t2);
       break;
-    case T.Left:
-      c2.colIndex = ee(r2, c2.colIndex - 1, t2);
+    case D.Left:
+      c2.colIndex = te(r2, c2.colIndex - 1, t2);
       break;
-    case T.Down:
-      c2.rowIndex = ee(o2, c2.rowIndex + 1, t2);
+    case D.Down:
+      c2.rowIndex = te(o2, c2.rowIndex + 1, t2);
       break;
-    case T.Up:
-      c2.rowIndex = ee(o2, c2.rowIndex - 1, t2);
+    case D.Up:
+      c2.rowIndex = te(o2, c2.rowIndex - 1, t2);
   }
   const a2 = (t3) => {
     if (t3) {
@@ -476,24 +476,24 @@ const Q = ({ gridRef: e2, gridMainRef: t2, orientation: n2 = D.Row, headerCount:
       c2 = { colIndex: t4.colEnd, rowIndex: t4.rowEnd };
     }
   };
-  if (t2 === T.Right && c2.colIndex > i2.colEnd && c2.rowIndex === i2.rowEnd) a2(true);
-  else if (t2 === T.Left && c2.colIndex < i2.colStart && c2.rowIndex === i2.rowStart) a2(false);
-  else if (t2 === T.Down && c2.colIndex === i2.colEnd && c2.rowIndex > i2.rowEnd) a2(true);
-  else if (t2 === T.Up && c2.colIndex === i2.colStart && c2.rowIndex < i2.rowStart) a2(false);
+  if (t2 === D.Right && c2.colIndex > i2.colEnd && c2.rowIndex === i2.rowEnd) a2(true);
+  else if (t2 === D.Left && c2.colIndex < i2.colStart && c2.rowIndex === i2.rowStart) a2(false);
+  else if (t2 === D.Down && c2.colIndex === i2.colEnd && c2.rowIndex > i2.rowEnd) a2(true);
+  else if (t2 === D.Up && c2.colIndex === i2.colStart && c2.rowIndex < i2.rowStart) a2(false);
   else {
     let e3 = c2.rowIndex, n3 = c2.colIndex;
     switch (t2) {
-      case T.Right:
-        n3 > i2.colEnd && (e3 = ee(o2, e3 + 1, t2), n3 = i2.colStart, e3 > i2.rowEnd && (e3 = i2.rowStart));
+      case D.Right:
+        n3 > i2.colEnd && (e3 = te(o2, e3 + 1, t2), n3 = i2.colStart, e3 > i2.rowEnd && (e3 = i2.rowStart));
         break;
-      case T.Left:
-        n3 < i2.colStart && (e3 = ee(o2, e3 - 1, t2), n3 = i2.colEnd, e3 < i2.rowStart && (e3 = i2.rowEnd));
+      case D.Left:
+        n3 < i2.colStart && (e3 = te(o2, e3 - 1, t2), n3 = i2.colEnd, e3 < i2.rowStart && (e3 = i2.rowEnd));
         break;
-      case T.Down:
-        e3 > i2.rowEnd && (n3 = ee(r2, n3 + 1, t2), e3 = i2.rowStart, n3 > i2.colEnd && (n3 = i2.colStart));
+      case D.Down:
+        e3 > i2.rowEnd && (n3 = te(r2, n3 + 1, t2), e3 = i2.rowStart, n3 > i2.colEnd && (n3 = i2.colStart));
         break;
-      case T.Up:
-        e3 < i2.rowStart && (n3 = ee(r2, n3 - 1, t2), e3 = i2.rowEnd, n3 < i2.colStart && (n3 = i2.colEnd));
+      case D.Up:
+        e3 < i2.rowStart && (n3 = te(r2, n3 - 1, t2), e3 = i2.rowEnd, n3 < i2.colStart && (n3 = i2.colEnd));
     }
     c2 = { rowIndex: e3, colIndex: n3 };
   }
@@ -502,28 +502,28 @@ const Q = ({ gridRef: e2, gridMainRef: t2, orientation: n2 = D.Row, headerCount:
     const e3 = k.intersectRanges(d2, i2);
     e3 && (d2 = e3);
   }
-  let u2 = { rowStart: ee(o2, d2.rowStart, T.Down), colStart: ee(r2, d2.colStart, T.Right), rowEnd: ee(o2, d2.rowEnd, T.Up), colEnd: ee(r2, d2.colEnd, T.Left) };
+  let u2 = { rowStart: te(o2, d2.rowStart, D.Down), colStart: te(r2, d2.colStart, D.Right), rowEnd: te(o2, d2.rowEnd, D.Up), colEnd: te(r2, d2.colEnd, D.Left) };
   if (u2.rowStart !== c2.rowIndex || u2.colStart !== c2.colIndex) {
     switch (t2) {
-      case T.Right:
+      case D.Right:
         e2.ranges[s2].colStart === u2.colStart && e2.ranges[s2].colEnd === u2.colEnd && (c2.rowIndex = u2.rowEnd), c2.colIndex = u2.colEnd;
         break;
-      case T.Left:
+      case D.Left:
         e2.ranges[s2].colStart === u2.colStart && e2.ranges[s2].colEnd === u2.colEnd && (c2.rowIndex = u2.rowStart), c2.rowIndex === u2.rowStart ? c2.colIndex = u2.colStart + 1 : c2.colIndex = u2.colStart;
         break;
-      case T.Down:
+      case D.Down:
         e2.ranges[s2].rowStart === u2.rowStart && e2.ranges[s2].rowEnd === u2.rowEnd && (c2.colIndex = u2.colEnd), c2.rowIndex = u2.rowEnd;
         break;
-      case T.Up:
+      case D.Up:
         e2.ranges[s2].rowStart === u2.rowStart && e2.ranges[s2].rowEnd === u2.rowEnd && (c2.colIndex = u2.colStart), c2.colIndex === u2.colStart ? c2.rowIndex = u2.rowStart + 1 : c2.rowIndex = u2.rowStart;
     }
-    return se({ cell: c2, ranges: e2.ranges, rangeIndex: s2 }, t2, n2, o2, r2, l2 ?? e2);
+    return ae({ cell: c2, ranges: e2.ranges, rangeIndex: s2 }, t2, n2, o2, r2, l2 ?? e2);
   }
   return { ranges: e2.ranges, cell: c2, rangeIndex: s2 };
-}, ae = (e2, t2) => {
+}, de = (e2, t2) => {
   let n2, o2 = 0, r2 = 0;
-  return t2.colStart < e2.colStart ? (n2 = T.Left, o2 = e2.colStart - t2.colStart, r2 = t2.colStart) : t2.colEnd > e2.colEnd ? (n2 = T.Right, o2 = t2.colEnd - e2.colEnd, r2 = t2.colEnd) : t2.rowStart < e2.rowStart ? (n2 = T.Up, o2 = e2.rowStart - t2.rowStart, r2 = t2.rowStart) : t2.rowEnd > e2.rowEnd && (n2 = T.Down, o2 = t2.rowEnd - e2.rowEnd, r2 = t2.rowEnd), { direction: n2, amount: o2, index: r2 };
-}, de = (e2, t2 = false, n2, o2) => {
+  return t2.colStart < e2.colStart ? (n2 = D.Left, o2 = e2.colStart - t2.colStart, r2 = t2.colStart) : t2.colEnd > e2.colEnd ? (n2 = D.Right, o2 = t2.colEnd - e2.colEnd, r2 = t2.colEnd) : t2.rowStart < e2.rowStart ? (n2 = D.Up, o2 = e2.rowStart - t2.rowStart, r2 = t2.rowStart) : t2.rowEnd > e2.rowEnd && (n2 = D.Down, o2 = t2.rowEnd - e2.rowEnd, r2 = t2.rowEnd), { direction: n2, amount: o2, index: r2 };
+}, ue = (e2, t2 = false, n2, o2) => {
   if (!n2) return 0;
   const r2 = !t2, l2 = r2 ? 1 : -1;
   let i2 = n2(r2 ? e2 : e2 + 1), c2 = n2(r2 ? e2 + 1 : e2), s2 = e2 + (r2 ? 2 : -1), a2 = 0;
@@ -532,34 +532,41 @@ const Q = ({ gridRef: e2, gridMainRef: t2, orientation: n2 = D.Row, headerCount:
     i2 = c2, c2 = n2(s2), s2 += l2, a2++;
   }
   return a2;
-}, ue = (e2, t2, n2, o2, r2) => {
+}, he = (e2, t2, n2, o2, r2) => {
   const l2 = {};
   let i2 = null, c2 = null;
-  for (let s2 = 0; s2 <= n2.length && n2[s2] <= r2; s2++) {
-    const r3 = n2[s2];
+  const s2 = n2.length;
+  for (let a2 = 0; a2 < s2 && n2[a2] <= r2; a2++) {
+    const r3 = n2[a2];
     if (r3 < o2) continue;
-    const a2 = i2 === r3 ? c2 : t2 ? e2.getColOffset(r3) : e2.getRowOffset(r3), d2 = t2 ? e2.getColOffset(r3 + 1) : e2.getRowOffset(r3 + 1);
-    i2 = r3 + 1, c2 = d2, l2[r3] = Object.freeze({ offset: a2, size: d2 - a2, spanIndex: s2 });
+    const s3 = i2 === r3 ? c2 : t2 ? e2.getColOffset(r3) : e2.getRowOffset(r3), d2 = t2 ? e2.getColOffset(r3 + 1) : e2.getRowOffset(r3 + 1);
+    i2 = r3 + 1, c2 = d2, l2[r3] = Object.freeze({ offset: s3, size: d2 - s3, spanIndex: a2 });
   }
   return Object.freeze(l2);
-}, he = (e2, t2, n2) => {
+}, ge = (e2, t2, n2) => {
   const o2 = e2.getColOffset(t2.colStart) + (n2?.left ?? 0), r2 = e2.getRowOffset(t2.rowStart) + (n2?.top ?? 0);
   return { x: o2, y: r2, width: e2.getColOffset(t2.colEnd + 1) + (n2?.right ?? 0) - (n2?.left ?? 0) - o2, height: e2.getRowOffset(t2.rowEnd + 1) + (n2?.bottom ?? 0) - (n2?.top ?? 0) - r2 };
-}, ge = (e2, t2, n2) => !!n2 && (!(e2 < n2.x || e2 > n2.x + n2.width) && !(t2 < n2.y || t2 > n2.y + n2.height)), fe = (e2, t2 = true) => `M ${i.boundPixel(e2.left)} ${i.boundPixel(e2.top)} L ${i.boundPixel(e2.right, true)} ${i.boundPixel(e2.top)} L ${i.boundPixel(e2.right, true)} ${i.boundPixel(e2.bottom, true)} L ${i.boundPixel(e2.left)} ${i.boundPixel(e2.bottom, true)} L ${i.boundPixel(e2.left)} ${i.boundPixel(e2.top)} ${t2 ? "Z" : ""}`, we = (t2) => {
+}, fe = (e2, t2, n2) => {
+  if (!n2) return false;
+  const o2 = n2.x;
+  if (e2 < o2 || e2 > o2 + n2.width) return false;
+  const r2 = n2.y;
+  return !(t2 < r2 || t2 > r2 + n2.height);
+}, we = (e2, t2 = true) => `M ${i.boundPixel(e2.left)} ${i.boundPixel(e2.top)} L ${i.boundPixel(e2.right, true)} ${i.boundPixel(e2.top)} L ${i.boundPixel(e2.right, true)} ${i.boundPixel(e2.bottom, true)} L ${i.boundPixel(e2.left)} ${i.boundPixel(e2.bottom, true)} L ${i.boundPixel(e2.left)} ${i.boundPixel(e2.top)} ${t2 ? "Z" : ""}`, xe = (t2) => {
   const { linePoints: n2, bounds: o2, pathProps: r2, style: l2, ...c2 } = t2;
   return e("svg", { width: `${i.boundPixel(o2.width, true)}`, height: `${i.boundPixel(o2.height, true)}`, viewBox: `0 0 ${i.boundPixel(o2.width, true)} ${i.boundPixel(o2.height, true)}`, style: { position: "absolute", left: `${i.boundPixel(o2.x)}px`, top: `${i.boundPixel(o2.y)}px`, width: `${i.boundPixel(o2.width, true)}px`, height: `${i.boundPixel(o2.height, true)}px`, pointerEvents: "none", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top, width, height", willChange: "left, top, width, height, stroke-dashoffset", ...l2 }, ...c2, children: e("path", { d: `M ${i.boundPixel(n2[0])} ${i.boundPixel(n2[1])} L ${i.boundPixel(n2[2])} ${i.boundPixel(n2[3])}`, fill: "none", vectorEffect: "non-scaling-stroke", stroke: "black", ...r2 }) });
-}, xe = (n2) => {
+}, pe = (n2) => {
   const { x: o2 = 0, y: r2 = 0, width: l2 = 0, height: c2 = 0, fill: s2, stroke: a2, strokeWidth: d2 = 0, strokeDasharray: u2, strokeDashoffset: h2, clipPath: g2, pathBounds: f2, pathProps: w2, style: x2, ...p2 } = n2, m2 = r2, v2 = o2, S2 = l2, y2 = c2;
   let b2 = null;
   if (s2) {
-    let t2 = fe({ top: 0, left: 0, bottom: y2, right: S2 });
-    f2 && (t2 = t2 + " " + fe({ top: f2.y - m2, left: f2.x - v2, bottom: f2.height + f2.y - m2, right: f2.width + f2.x - v2 })), b2 = [e("path", { d: t2, fill: s2, stroke: "none", fillRule: "evenodd" }, "fill")];
+    let t2 = we({ top: 0, left: 0, bottom: y2, right: S2 });
+    f2 && (t2 = t2 + " " + we({ top: f2.y - m2, left: f2.x - v2, bottom: f2.height + f2.y - m2, right: f2.width + f2.x - v2 })), b2 = [e("path", { d: t2, fill: s2, stroke: "none", fillRule: "evenodd" }, "fill")];
   }
-  return t("svg", { width: `${i.boundPixel(l2, true)}`, height: `${i.boundPixel(c2, true)}`, viewBox: `0 0 ${i.boundPixel(l2, true)} ${i.boundPixel(c2, true)}`, preserveAspectRatio: "none", style: { position: "absolute", left: `${i.boundPixel(o2)}px`, top: `${i.boundPixel(r2)}px`, pointerEvents: "none", transitionDuration: "0ms", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top, width, height", willChange: "left, top, width, height, stroke-dashoffset", boxShadow: "rgb(60 64 67 / 5%) 0px 1px 4px 2px, rgb(255 255 255 / 15%) 0px 0px 2px 1px", overflow: "visible", ...x2 }, ...p2, children: [b2, e("path", { d: fe({ top: 0, left: 0, right: S2, bottom: y2 }), fill: "none", strokeDasharray: u2, strokeDashoffset: h2, stroke: a2, vectorEffect: "non-scaling-stroke", strokeWidth: d2, ...w2 })] });
-}, pe = (t2) => {
+  return t("svg", { width: `${i.boundPixel(l2, true)}`, height: `${i.boundPixel(c2, true)}`, viewBox: `0 0 ${i.boundPixel(l2, true)} ${i.boundPixel(c2, true)}`, preserveAspectRatio: "none", style: { position: "absolute", left: `${i.boundPixel(o2)}px`, top: `${i.boundPixel(r2)}px`, pointerEvents: "none", transitionDuration: "0ms", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top, width, height", willChange: "left, top, width, height, stroke-dashoffset", boxShadow: "rgb(60 64 67 / 5%) 0px 1px 4px 2px, rgb(255 255 255 / 15%) 0px 0px 2px 1px", overflow: "visible", ...x2 }, ...p2, children: [b2, e("path", { d: we({ top: 0, left: 0, right: S2, bottom: y2 }), fill: "none", strokeDasharray: u2, strokeDashoffset: h2, stroke: a2, vectorEffect: "non-scaling-stroke", strokeWidth: d2, ...w2 })] });
+}, me = (t2) => {
   const { key: n2, ...o2 } = t2;
-  return e(me, { ...o2 }, n2);
-}, me = b((t2) => {
+  return e(ve, { ...o2 }, n2);
+}, ve = b((t2) => {
   const { stroke: n2, fill: o2, x: r2 = 0, y: l2 = 0, width: i2 = 0, height: c2 = 0, style: s2, isAnimatedStroke: d2, animatedStrokeProps: u2, range: h2, cell: g2, ...f2 } = t2, w2 = d2 || !!u2, x2 = { name: "walking-offset", dashGap: 2, speed: 50, dashLength: 8, ...u2 };
   let p2 = x2.dashGap + x2.dashLength;
   const v2 = x2.speed * p2, S2 = a().replaceAll(":", ""), y2 = `${x2.name}-${S2}`;
@@ -575,10 +582,10 @@ const Q = ({ gridRef: e2, gridMainRef: t2, orientation: n2 = D.Row, headerCount:
     return t3.sheet.insertRule(e2, 0), () => {
       document.head.removeChild(t3);
     };
-  }, [w2]), w2 && (b2 = { strokeDasharray: `${x2.dashLength}px ${x2.dashGap}px`, strokeDashoffset: `${p2}px`, animation: `${y2} ${v2}ms linear infinite`, willChange: "stroke-dashoffset" }), e(xe, { x: r2, y: l2, width: i2, height: c2, stroke: n2, fill: o2, shapeRendering: "crispEdges", style: { ...b2, ...s2 }, ...f2 });
+  }, [w2]), w2 && (b2 = { strokeDasharray: `${x2.dashLength}px ${x2.dashGap}px`, strokeDashoffset: `${p2}px`, animation: `${y2} ${v2}ms linear infinite`, willChange: "stroke-dashoffset" }), e(pe, { x: r2, y: l2, width: i2, height: c2, stroke: n2, fill: o2, shapeRendering: "crispEdges", style: { ...b2, ...s2 }, ...f2 });
 });
-me.displayName = "Selection";
-const ve = b(C((t2, n2) => {
+ve.displayName = "Selection";
+const Se = b(C((t2, n2) => {
   const { x: o2 = 0, y: r2 = 0, borderWidth: l2 = 1, size: i2 = 6, borderStroke: c2, corner: s2, style: a2, className: d2, background: u2, ...h2 } = t2;
   if (0 === o2 || 0 === r2) return null;
   let g2 = true, f2 = true, w2 = true, x2 = true;
@@ -597,11 +604,11 @@ const ve = b(C((t2, n2) => {
   }
   return e("div", { className: M("fill-handle", d2), style: { position: "absolute", left: o2 - (i2 + (g2 ? l2 : 0)) / 2, top: r2 - (i2 + (f2 ? l2 : 0)) / 2, width: i2, height: i2, borderLeft: g2 ? `${l2}px ${c2}` : void 0, borderTop: f2 ? `${l2}px ${c2}` : void 0, borderRight: w2 ? `${l2}px ${c2}` : void 0, borderBottom: x2 ? `${l2}px ${c2}` : void 0, background: u2, cursor: "crosshair", pointerEvents: "all", transitionDuration: "0ms", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top", willChange: "left, top", ...a2 }, tabIndex: -1, ...h2 });
 }));
-ve.displayName = "FillHandle";
-const Se = i.detectIt().supportsTouchEvents, ye = b(C((r2, l2) => {
+Se.displayName = "FillHandle";
+const ye = i.detectIt().supportsTouchEvents, be = b(C((r2, l2) => {
   const { range: i2, view: c2, anchor: a2, borderStroke: u2 = "rgb(33, 115, 70)", background: h2 = "white", borderWidth: g2 = 1.5, size: f2 = 22, style: x2, className: v2, selectionTouchPointerHandler: S2, onTouchSelectStart: b2, onTouchSelectEnd: C2, currentTouchAnchor: I2, scrollableElement: E2, scrollableRoot: R2, ...k2 } = r2;
-  if (!Se) return null;
-  const P2 = o(b2, [b2]), D2 = o(C2, [C2]), { bounds: T2, coordsPivot: O2, key: z2 } = y(() => {
+  if (!ye) return null;
+  const P2 = o(b2, [b2]), T2 = o(C2, [C2]), { bounds: D2, coordsPivot: O2, key: z2 } = y(() => {
     if (!i2 || !c2) return null;
     let e2 = null, t2 = null;
     switch (a2) {
@@ -651,30 +658,30 @@ const Se = i.detectIt().supportsTouchEvents, ye = b(C((r2, l2) => {
     }, onPointerMoveOrWait: (t2, n2, o2) => {
       const r3 = e2(c2.getCellCoordsFromClient(t2.clientX, t2.clientY));
       return S2.onSelectionPointerMoveOrWait(t2, n2, o2, c2, r3, B2.current?.coordsPivot, true, true);
-    }, onPointerUp: (e3, t2, n2) => (B2.current = null, D2?.(a2), S2.onPointerUp(e3, t2, n2)) };
-  }, [S2, i2, c2, a2]), A2 = s(F2), [W2, { y: V2, x: U2 }] = J(), H2 = w(null), { getPortalContainer: K2, isFullscreen: N2 } = d(), [q2, j2] = p(null);
+    }, onPointerUp: (e3, t2, n2) => (B2.current = null, T2?.(a2), S2.onPointerUp(e3, t2, n2)) };
+  }, [S2, i2, c2, a2]), A2 = s(F2), [W2, { y: V2, x: U2 }] = Q(), H2 = w(null), { getPortalContainer: K2, isFullscreen: N2 } = d(), [q2, j2] = p(null);
   return m(() => {
     const t2 = H2.current?.getBoundingClientRect();
-    if (!t2 || !T2) return void j2(null);
+    if (!t2 || !D2) return void j2(null);
     let n2 = 0, o2 = 0, r3 = E2;
     for (; r3; ) n2 += r3.scrollLeft, o2 += r3.scrollTop, r3 = R2 && r3 === R2.parentElement ? null : r3.parentElement;
     j2(L(e("div", { className: M("touch-select-handle", v2), ref: l2, style: { position: "absolute", left: n2 + (t2?.x ?? 0) - (f2 + g2) / 2, top: o2 + (t2?.y ?? 0) - (f2 + g2) / 2, width: f2, height: f2, borderWidth: `${g2}px`, border: u2, borderRadius: "50%", background: h2, boxShadow: `0 0 0 1.5px ${h2}`, cursor: "grab", pointerEvents: "all", opacity: I2 ? 0 : 1, transitionDuration: "160ms", transitionProperty: "opacity", ...x2 }, tabIndex: -1, onPointerDown: A2, ...k2 }), R2 ?? K2(), z2));
-  }, [V2, U2, T2?.x, T2?.y, T2?.width, T2?.height, v2, I2, h2, f2, g2, u2, E2, N2]), T2 ? t(n, { children: [e("div", { ref: $([W2, H2]), style: { position: "absolute", left: T2.x, top: T2.y, opacity: 0 } }), q2] }) : null;
+  }, [V2, U2, D2?.x, D2?.y, D2?.width, D2?.height, v2, I2, h2, f2, g2, u2, E2, N2]), D2 ? t(n, { children: [e("div", { ref: $([W2, H2]), style: { position: "absolute", left: D2.x, top: D2.y, opacity: 0 } }), q2] }) : null;
 }));
-ye.displayName = "TouchSelectHandle";
-const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), Ie = Object.freeze({ colIndex: 0, rowIndex: 0 }), Ee = Object.freeze([]), Re = (e2) => {
+be.displayName = "TouchSelectHandle";
+const Ce = -10, Ie = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), Ee = Object.freeze({ colIndex: 0, rowIndex: 0 }), Re = Object.freeze([]), Me = (e2) => {
   if (e2 && e2.cell && e2.ranges && e2.rangeIndex > -1 && e2.rangeIndex <= e2.ranges.length) return e2;
-  const t2 = { cell: null, ranges: e2?.ranges ?? Ee };
-  return t2.rangeIndex = e2?.rangeIndex ?? t2.ranges.length - 1, t2.cell = e2?.cell, !t2.cell && t2.ranges.length > 0 && (t2.cell = { rowIndex: t2.ranges[t2.rangeIndex].rowStart, colIndex: t2.ranges[t2.rangeIndex].colStart }), t2.cell || (t2.cell = Ie), k.isEqualSelectionCoords(t2, e2) ? e2 : t2;
-}, Me = (e2, t2, n2) => {
+  const t2 = { cell: null, ranges: e2?.ranges ?? Re };
+  return t2.rangeIndex = e2?.rangeIndex ?? t2.ranges.length - 1, t2.cell = e2?.cell, !t2.cell && t2.ranges.length > 0 && (t2.cell = { rowIndex: t2.ranges[t2.rangeIndex].rowStart, colIndex: t2.ranges[t2.rangeIndex].colStart }), t2.cell || (t2.cell = Ee), k.isEqualSelectionCoords(t2, e2) ? e2 : t2;
+}, ke = (e2, t2, n2) => {
   const o2 = e2.getVisibleRangeCoords(), r2 = e2.getScrollOrientation();
   !r2.horizontal && (t2.colIndex > o2.colEnd || t2.colIndex < o2.colStart) && (t2 = { ...t2, colIndex: t2.colIndex > o2.colEnd ? o2.colEnd + 1 : o2.colEnd - 1 }, e2 = n2.current.getViewFromLocation(O.Center)), !r2.vertical && (t2.rowIndex > o2.rowEnd || t2.rowIndex < o2.rowStart) && (t2 = { ...t2, rowIndex: t2.rowIndex > o2.rowEnd ? o2.rowEnd + 1 : o2.rowEnd - 1 }, e2 = n2.current.getViewFromLocation(O.Center)), e2.scrollCellCoordsIntoView(t2);
-}, ke = () => false, Pe = ({ gridRef: t2, commands: n2, layout: r2, selection: l2, onSelectionChange: a2, onSelectionDragStart: d2, onSelectionDragEnd: g2, selectionPolicy: f2 = "multiple", newSelectionMode: x2 = "clear", allowDeselectSelection: b2 = true, onFillPreview: C2, onFillCancel: E2, onFillDone: R2, onFill: M2, disableFillDrag: D2 = !M2, fillHandleBorderColor: z2 = "white", hiddenRowsAt: L2, hiddenColumnsAt: $2, isContentfulCell: B2, contentfulCellFinder: F2 = re, getDataCoords: A2, alwaysScrollToActiveCoords: W2 = false, selectionBounds: V2, pointerDownInterceptor: U2, pointerMoveInterceptor: H2, mergedRanges: K2, canSelectionSpanMergedCells: N2 = ke, onMoveDragStart: q2, onMoveDragUpdate: j2, onMoveDragEnd: X2, onMoveDragDone: Y2, selectionRenderer: G2 = pe, disableMoveDrag: Z2 = !X2, getCellCoordsAsRangeCoords: _2 = k.cellToRange, moveDragHitSize: J2 = 6, moveDragOutlineSize: Q2 = 4, selectionBackgroundColor: te2 = "rgba(16, 124, 65, 0.1)", selectionBorderColor: ne2 = "rgb(33, 115, 70)", selectionRemoveBorderColor: oe2 = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: le2 = "rgba(250, 10, 10, 0.1)", disableTouchSelection: ie2 = false, touchSelectHandleProps: ue2 }) => {
-  const he2 = v(() => ({ top: V2?.top ?? 0, left: V2?.left ?? 0, bottom: t2.current?.rowCount - 1 || 0, right: t2.current?.columnCount - 1 || 0 }), []), ge2 = o(M2, [M2]), fe2 = o(C2, [C2]), we2 = o(E2, [E2]), xe2 = o(R2, [R2]), me2 = o(B2, [B2]), Se2 = o(G2, [G2]), Pe2 = o((e2, t3 = false) => de(e2, t3, r2.getRowOffset, t3 ? he2().bottom : he2().top), [r2?.getRowOffset]), De2 = o(L2 ?? Pe2, [L2]), Te2 = o((e2, t3 = false) => de(e2, t3, r2.getColOffset, t3 ? he2().right : he2().left), [r2?.getColOffset]), Oe2 = o($2 ?? Te2, [$2]), [ze2, Le2] = p(() => Re(l2)), $e2 = y(() => Re(ze2), [ze2]), Be2 = w($e2), Fe2 = w(true);
+}, Pe = () => false, Te = ({ gridRef: t2, commands: n2, layout: r2, selection: l2, onSelectionChange: a2, onSelectionDragStart: d2, onSelectionDragEnd: g2, selectionPolicy: f2 = "multiple", newSelectionMode: x2 = "clear", allowDeselectSelection: b2 = true, onFillPreview: C2, onFillCancel: E2, onFillDone: R2, onFill: M2, disableFillDrag: T2 = !M2, fillHandleBorderColor: z2 = "white", hiddenRowsAt: L2, hiddenColumnsAt: $2, isContentfulCell: B2, contentfulCellFinder: F2 = le, getDataCoords: A2, alwaysScrollToActiveCoords: W2 = false, selectionBounds: V2, pointerDownInterceptor: U2, pointerMoveInterceptor: H2, mergedRanges: K2, canSelectionSpanMergedCells: N2 = Pe, onMoveDragStart: q2, onMoveDragUpdate: j2, onMoveDragEnd: X2, onMoveDragDone: Y2, selectionRenderer: G2 = me, disableMoveDrag: Z2 = !X2, getCellCoordsAsRangeCoords: _2 = k.cellToRange, moveDragHitSize: J2 = 6, moveDragOutlineSize: Q2 = 4, selectionBackgroundColor: ee2 = "rgba(16, 124, 65, 0.1)", selectionBorderColor: ne2 = "rgb(33, 115, 70)", selectionRemoveBorderColor: oe2 = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: re2 = "rgba(250, 10, 10, 0.1)", disableTouchSelection: ie2 = false, touchSelectHandleProps: ce2 }) => {
+  const he2 = v(() => ({ top: V2?.top ?? 0, left: V2?.left ?? 0, bottom: t2.current?.rowCount - 1 || 0, right: t2.current?.columnCount - 1 || 0 }), []), ge2 = o(M2, [M2]), fe2 = o(C2, [C2]), we2 = o(E2, [E2]), xe2 = o(R2, [R2]), pe2 = o(B2, [B2]), ve2 = o(G2, [G2]), ye2 = o((e2, t3 = false) => ue(e2, t3, r2.getRowOffset, t3 ? he2().bottom : he2().top), [r2?.getRowOffset]), Te2 = o(L2 ?? ye2, [L2]), De2 = o((e2, t3 = false) => ue(e2, t3, r2.getColOffset, t3 ? he2().right : he2().left), [r2?.getColOffset]), Oe2 = o($2 ?? De2, [$2]), [ze2, Le2] = p(() => Me(l2)), $e2 = y(() => Me(ze2), [ze2]), Be2 = w($e2), Fe2 = w(true);
   S(P.throttle(() => {
     Le2((e2) => {
       Fe2.current = true;
-      const t3 = Re(l2);
+      const t3 = Me(l2);
       return k.isEqualSelectionCoords(t3, e2) ? e2 : t3;
     });
   }, 0), [l2]), S(() => {
@@ -684,8 +691,8 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
   }, [$e2]);
   const Ae2 = v((e2) => {
     Le2((t3) => {
-      Fe2.current = false, t3 = Re(t3);
-      let n3 = "function" == typeof e2 ? e2(t3.ranges) : e2 ?? Ee;
+      Fe2.current = false, t3 = Me(t3);
+      let n3 = "function" == typeof e2 ? e2(t3.ranges) : e2 ?? Re;
       if (k.isEqualRangesArrays(n3, t3.ranges)) return t3;
       let o2 = Math.max(n3.length ? 0 : -1, Math.min(t3.rangeIndex, n3.length - 1)), r3 = t3.cell;
       -1 === o2 || k.isCellWithinRange(r3, n3[o2]) || (r3 = { rowIndex: n3[o2].rowStart, colIndex: n3[o2].colStart }), 1 === n3.length && k.isSingleCell(n3[0]) && k.isCellWithinRange(r3, n3[0]) && (n3 = [], o2 = -1);
@@ -694,8 +701,8 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     });
   }, []), We2 = o((e2) => {
     Le2((t3) => {
-      Fe2.current = false, t3 = Re(t3);
-      const n3 = e2 ?? Ie, o2 = _2(n3);
+      Fe2.current = false, t3 = Me(t3);
+      const n3 = e2 ?? Ee, o2 = _2(n3);
       if (!k.isSingleCell(o2) && 0 === t3.ranges.length) return { ranges: [o2], rangeIndex: 0, cell: n3 };
       if (k.isEqualCells(n3, t3.cell)) return t3;
       let r3 = t3.ranges, l3 = t3.rangeIndex;
@@ -703,9 +710,9 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       const i2 = { ranges: r3, rangeIndex: l3, cell: n3 };
       return k.isEqualSelectionCoords(i2, t3) ? t3 : i2;
     });
-  }, [_2]), [Ve2, Ue2] = p(null), [He2, Ke2] = p(null), Ne2 = w(null), [qe2, je2] = p(null), Xe2 = w(null), Ye2 = w(null), [Ge2, Ze2] = p(null), _e2 = w(null), Je2 = w(null), Qe = w(K2);
+  }, [_2]), [Ve2, Ue2] = p(null), [He2, Ke2] = p(null), Ne2 = w(null), [qe2, je2] = p(null), Xe2 = w(null), Ye2 = w(null), [Ge2, Ze2] = p(null), _e2 = w(null), Je2 = w(null), Qe2 = w(K2);
   m(() => {
-    Qe.current = K2;
+    Qe2.current = K2;
   }, [K2]);
   const et = o((e2, n3 = { inline: "nearest", block: "nearest" }) => {
     let { rowIndex: o2, colIndex: r3 } = e2;
@@ -719,7 +726,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (r3) return o2;
     const l3 = _2(e2), i2 = _2(n3), c2 = { rowStart: Math.min(l3.rowStart, i2.rowStart), colStart: Math.min(l3.colStart, i2.colStart), rowEnd: Math.max(l3.rowEnd, i2.rowEnd), colEnd: Math.max(l3.colEnd, i2.colEnd) };
     let s2;
-    return "function" == typeof Qe.current ? s2 = Qe.current(c2) : K2 && (s2 = K2), s2 ? k.extendRangeToUnionRanges(c2, s2) : c2;
+    return "function" == typeof Qe2.current ? s2 = Qe2.current(c2) : K2 && (s2 = K2), s2 ? k.extendRangeToUnionRanges(c2, s2) : c2;
   }, [N2, _2]), ot = o((e2, t3, n3) => {
     const o2 = e2.ranges.length > 0 ? e2.ranges[e2.rangeIndex] : { rowStart: e2.cell.rowIndex, colStart: e2.cell.colIndex, rowEnd: e2.cell.rowIndex, colEnd: e2.cell.colIndex }, r3 = { rowStart: Math.min(t3.rowIndex ?? o2.rowStart, n3.rowIndex ?? o2.rowStart), colStart: Math.min(t3.colIndex ?? o2.colStart, n3.colIndex ?? o2.colStart), rowEnd: Math.max(t3.rowIndex ?? o2.rowEnd, n3.rowIndex ?? o2.rowEnd), colEnd: Math.max(t3.colIndex ?? o2.colEnd, n3.colIndex ?? o2.colEnd) }, l3 = { rowIndex: r3.rowStart, colIndex: r3.colStart }, i2 = { rowIndex: r3.rowEnd, colIndex: r3.colEnd };
     if (tt(l3) || tt(i2)) return;
@@ -740,7 +747,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     "clear" === x2 ? (_e2.current = l3, ct()) : "modify" === x2 ? rt(r3) : it(r3), We2(l3);
   }, []), it = v((e2, t3 = e2, n3) => {
     "multiple" !== f2 || !e2 || tt(e2) || tt(t3) || Le2((o2) => {
-      Fe2.current = false, o2 = Re(o2);
+      Fe2.current = false, o2 = Me(o2);
       const r3 = nt(e2, t3);
       if (!r3) return o2;
       let l3 = o2.ranges.length > 0 ? [...o2.ranges] : [nt(o2.cell, o2.cell)];
@@ -749,7 +756,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       return k.isEqualSelectionCoords(i2, o2) ? o2 : i2;
     });
   }, []), ct = () => {
-    Ae2(Ee);
+    Ae2(Re);
   }, st = "touch" === i.detectIt().primaryInput, at = w(null), dt = w(null), ut = w(null), ht = y(() => ({ onPointerDown: (e2) => {
     if (!t2 || !t2.current) return false;
     const n3 = e2.nativeEvent, o2 = t2.current.getViewFromClient(n3.clientX, n3.clientY);
@@ -792,7 +799,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
         const o3 = nt(t3, n4);
         Ye2.current = o3, je2(o3);
       } else rt(l3);
-      ut.current = n3, Me(r3, l3, t2);
+      ut.current = n3, ke(r3, l3, t2);
     }
   }, 60), onPointerUp: (e2) => {
     if (at.current = null, "touch" === e2.pointerType || "touchend" === e2.type) {
@@ -813,7 +820,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (!Xe2.current) return;
     const n3 = Ye2.current;
     Xe2.current = null, Ye2.current = null, je2(null), Le2((e3) => {
-      if (Fe2.current = false, 0 === (e3 = Re(e3)).ranges.length) return e3;
+      if (Fe2.current = false, 0 === (e3 = Me(e3)).ranges.length) return e3;
       let t3 = [], o2 = -1, r3 = e3.cell;
       for (let l4 = 0; l4 < e3.ranges.length; l4++) {
         const i2 = e3.ranges[l4];
@@ -869,7 +876,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
         const o3 = nt(t3, n4);
         Ye2.current = o3, je2(o3);
       } else rt(u2, i2, s2);
-      c2 && Me(d3, u2, t2);
+      c2 && ke(d3, u2, t2);
     }
   }, onPointerUp: (e2) => {
     at.current = null, e2.stopPropagation(), e2.preventDefault(), e2.stopImmediatePropagation();
@@ -881,7 +888,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (!Xe2.current) return;
     const t3 = Ye2.current;
     Xe2.current = null, Ye2.current = null, je2(null), Le2((e3) => {
-      if (Fe2.current = false, 0 === (e3 = Re(e3)).ranges.length) return e3;
+      if (Fe2.current = false, 0 === (e3 = Me(e3)).ranges.length) return e3;
       let n3 = [], o2 = -1, r3 = e3.cell;
       for (let l4 = 0; l4 < e3.ranges.length; l4++) {
         const i2 = e3.ranges[l4];
@@ -903,16 +910,16 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (n3 && $e2.ranges.length > 0) {
       const t3 = $e2.ranges[$e2.rangeIndex], n4 = $e2.cell;
       switch (e2) {
-        case T.Up:
+        case D.Up:
           c2 = { rowIndex: n4.rowIndex === t3.rowStart ? t3.rowEnd : t3.rowStart, colIndex: t3.colEnd }, i2 = { rowIndex: n4.rowIndex === t3.rowStart ? t3.rowStart : t3.rowEnd, colIndex: t3.colStart };
           break;
-        case T.Down:
+        case D.Down:
           c2 = { rowIndex: n4.rowIndex === t3.rowEnd ? t3.rowStart : t3.rowEnd, colIndex: t3.colEnd }, i2 = { rowIndex: n4.rowIndex === t3.rowEnd ? t3.rowEnd : t3.rowStart, colIndex: t3.colStart };
           break;
-        case T.Left:
+        case D.Left:
           c2 = { rowIndex: t3.rowEnd, colIndex: n4.colIndex === t3.colStart ? t3.colEnd : t3.colStart }, i2 = { rowIndex: t3.rowStart, colIndex: n4.colIndex === t3.colStart ? t3.colStart : t3.colEnd };
           break;
-        case T.Right:
+        case D.Right:
           c2 = { rowIndex: t3.rowEnd, colIndex: n4.colIndex === t3.colEnd ? t3.colStart : t3.colEnd }, i2 = { rowIndex: t3.rowStart, colIndex: n4.colIndex === t3.colEnd ? t3.colEnd : t3.colStart };
       }
     }
@@ -920,56 +927,56 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     let { rowStart: a3, colStart: d3 } = s2;
     const u2 = he2();
     if (Je2.current) switch (e2) {
-      case T.Up:
-      case T.Down:
+      case D.Up:
+      case D.Down:
         Je2.current.colIndex >= s2.colStart && Je2.current.colIndex <= s2.colEnd && (d3 = Je2.current.colIndex);
         break;
-      case T.Left:
-      case T.Right:
+      case D.Left:
+      case D.Right:
         Je2.current.rowIndex >= s2.rowStart && Je2.current.rowIndex <= s2.rowEnd && (a3 = Je2.current.rowIndex);
     }
     if (!l3) {
       switch (e2) {
-        case T.Up:
-          a3 = ee(De2, Math.max(s2.rowStart - 1, u2.top), e2);
+        case D.Up:
+          a3 = te(Te2, Math.max(s2.rowStart - 1, u2.top), e2);
           break;
-        case T.Down:
-          a3 = ee(De2, Math.min(s2.rowEnd + 1, u2.bottom), e2);
+        case D.Down:
+          a3 = te(Te2, Math.min(s2.rowEnd + 1, u2.bottom), e2);
           break;
-        case T.Left:
-          d3 = ee(Oe2, Math.max(s2.colStart - 1, u2.left), e2);
+        case D.Left:
+          d3 = te(Oe2, Math.max(s2.colStart - 1, u2.left), e2);
           break;
-        case T.Right:
-          d3 = ee(Oe2, Math.min(s2.colEnd + 1, u2.right), e2);
+        case D.Right:
+          d3 = te(Oe2, Math.min(s2.colEnd + 1, u2.right), e2);
       }
       if (o2) switch (e2) {
-        case T.Up:
-          a3 = F2({ ...c2, colIndex: $e2.cell.colIndex }, me2, De2, e2, false, Math.max(u2.top, De2(u2.top, false)));
+        case D.Up:
+          a3 = F2({ ...c2, colIndex: $e2.cell.colIndex }, pe2, Te2, e2, false, Math.max(u2.top, Te2(u2.top, false)));
           break;
-        case T.Down:
-          a3 = F2({ ...c2, colIndex: $e2.cell.colIndex }, me2, De2, e2, false, Math.min(u2.bottom, u2.bottom - De2(u2.bottom, true)));
+        case D.Down:
+          a3 = F2({ ...c2, colIndex: $e2.cell.colIndex }, pe2, Te2, e2, false, Math.min(u2.bottom, u2.bottom - Te2(u2.bottom, true)));
           break;
-        case T.Left:
-          d3 = F2({ ...c2, rowIndex: $e2.cell.rowIndex }, me2, Oe2, e2, false, Math.max(u2.left, Oe2(u2.left, false)));
+        case D.Left:
+          d3 = F2({ ...c2, rowIndex: $e2.cell.rowIndex }, pe2, Oe2, e2, false, Math.max(u2.left, Oe2(u2.left, false)));
           break;
-        case T.Right:
-          d3 = F2({ ...c2, rowIndex: $e2.cell.rowIndex }, me2, Oe2, e2, false, Math.min(u2.right, u2.right - Oe2(u2.right, true)));
+        case D.Right:
+          d3 = F2({ ...c2, rowIndex: $e2.cell.rowIndex }, pe2, Oe2, e2, false, Math.min(u2.right, u2.right - Oe2(u2.right, true)));
       }
     }
     let h2 = null;
     if (l3) {
       let n4 = 0;
       switch (e2) {
-        case T.Up:
+        case D.Up:
           n4 = r2.getRowOffset(a3 + 1), a3 = Math.max(u2.top, r2.getRowIndex(n4 - l3)), h2 = { top: r2.getRowOffset(a3 + 1) - (n4 - t2.current.getScrollPosition().top) };
           break;
-        case T.Down:
+        case D.Down:
           n4 = r2.getRowOffset(a3), a3 = Math.min(u2.bottom, r2.getRowIndex(n4 + l3)), h2 = { top: r2.getRowOffset(a3) - (n4 - t2.current.getScrollPosition().top) };
           break;
-        case T.Left:
+        case D.Left:
           n4 = r2.getColOffset(d3 + 1), d3 = Math.max(u2.left, r2.getColIndex(n4 - l3)), h2 = { left: r2.getColOffset(d3 + 1) - (n4 - t2.current.getScrollPosition().left) };
           break;
-        case T.Right:
+        case D.Right:
           n4 = r2.getColOffset(d3), d3 = Math.min(u2.right, r2.getColIndex(n4 + l3)), h2 = { left: r2.getColOffset(d3) - (n4 - t2.current.getScrollPosition().left) };
       }
     }
@@ -980,18 +987,18 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     else {
       if (n3 && _e2.current) {
         const t3 = he2();
-        if (e2 === T.Right && _e2.current.colIndex === t3.left || e2 === T.Left && _e2.current.colIndex === t3.right || e2 === T.Up && _e2.current.rowIndex === t3.bottom || e2 === T.Down && _e2.current.rowIndex === t3.top) return;
+        if (e2 === D.Right && _e2.current.colIndex === t3.left || e2 === D.Left && _e2.current.colIndex === t3.right || e2 === D.Up && _e2.current.rowIndex === t3.bottom || e2 === D.Down && _e2.current.rowIndex === t3.top) return;
       }
-      e2 === T.Left || e2 === T.Right ? et({ colIndex: g3.colIndex }) : e2 !== T.Up && e2 !== T.Down || et({ rowIndex: g3.rowIndex });
+      e2 === D.Left || e2 === D.Right ? et({ colIndex: g3.colIndex }) : e2 !== D.Up && e2 !== D.Down || et({ rowIndex: g3.rowIndex });
     }
   }, [$e2, _2]), xt = o((e2) => {
     if (!t2.current) return;
     if (0 === $e2.ranges.length) return void wt(e2);
     const n3 = _2($e2.cell);
     if (k.isEqualRangesArrays([n3], $e2.ranges)) return void wt(e2);
-    const o2 = se($e2, e2, _2, De2, Oe2);
+    const o2 = ae($e2, e2, _2, Te2, Oe2);
     Le2((e3) => {
-      Fe2.current = false, e3 = Re(e3);
+      Fe2.current = false, e3 = Me(e3);
       const t3 = { ...e3, cell: o2.cell, rangeIndex: o2.rangeIndex };
       return k.isEqualSelectionCoords(t3, e3) ? e3 : t3;
     }), o2.cell && et(o2.cell);
@@ -1024,94 +1031,95 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
   }, [A2]), Rt = o((e2) => {
     if (!t2.current) return;
     if ($e2.ranges.length <= 1) return;
-    const n3 = e2 === T.Left || e2 === T.Up;
+    const n3 = e2 === D.Left || e2 === D.Up;
     let o2 = $e2.rangeIndex + (n3 ? -1 : 1);
     o2 < 0 ? o2 = $e2.ranges.length - 1 : o2 > $e2.ranges.length - 1 && (o2 = 0);
-    const r3 = $e2.ranges[o2], l3 = se({ cell: { rowIndex: r3.rowEnd, colIndex: r3.colEnd }, rangeIndex: 0, ranges: [r3] }, T.Right, _2, De2, Oe2);
+    const r3 = $e2.ranges[o2], l3 = ae({ cell: { rowIndex: r3.rowEnd, colIndex: r3.colEnd }, rangeIndex: 0, ranges: [r3] }, D.Right, _2, Te2, Oe2);
     Le2((e3) => {
-      Fe2.current = false, e3 = Re(e3);
+      Fe2.current = false, e3 = Me(e3);
       const t3 = { ...e3, cell: l3.cell, rangeIndex: o2 };
       return k.isEqualSelectionCoords(t3, e3) ? e3 : t3;
     }), l3.cell && et(l3.cell);
   }, [$e2, _2]), Mt = o(() => {
-    const e2 = ce($e2);
+    const e2 = se($e2);
     Le2((t3) => {
-      Fe2.current = false, t3 = Re(t3);
+      Fe2.current = false, t3 = Me(t3);
       const n3 = { ...t3, visibleSelection: e2 };
       return k.isEqualSelectionCoords(n3, t3) ? t3 : n3;
     }), e2.cell && et(e2.cell);
   }, [$e2, _2]), kt = o(() => {
     if (!t2.current) return;
     if (0 === $e2.ranges.length) return;
-    const e2 = $e2.cell, n3 = $e2.ranges[$e2.rangeIndex], o2 = ce({ cell: e2, rangeIndex: 0, ranges: [n3] }), r3 = o2.ranges[o2.rangeIndex];
+    const e2 = $e2.cell, n3 = $e2.ranges[$e2.rangeIndex], o2 = se({ cell: e2, rangeIndex: 0, ranges: [n3] }), r3 = o2.ranges[o2.rangeIndex];
     let l3;
     l3 = r3.rowStart === e2.rowIndex && r3.colStart === e2.colIndex ? { rowIndex: r3.rowStart, colIndex: r3.colEnd } : r3.rowStart === e2.rowIndex && r3.colEnd === e2.colIndex ? { rowIndex: r3.rowEnd, colIndex: r3.colStart } : r3.rowEnd === e2.rowIndex && r3.colStart === e2.colIndex ? { rowIndex: r3.rowEnd, colIndex: r3.colEnd } : { rowIndex: r3.rowStart, colIndex: r3.colStart }, Le2((e3) => {
-      e3 = Re(e3);
+      e3 = Me(e3);
       const t3 = { ...e3, cell: l3 };
       return k.isEqualSelectionCoords(t3, e3) ? e3 : t3;
     }), l3 && et(l3);
   }, [$e2, _2]), Pt = v((e2 = false) => {
-    wt(T.Down, e2, false, t2.current.getDimensions().containerHeight);
-  }, []), Dt = v((e2 = false) => {
-    wt(T.Up, e2, false, t2.current.getDimensions().containerHeight);
+    wt(D.Down, e2, false, t2.current.getDimensions().containerHeight);
   }, []), Tt = v((e2 = false) => {
-    wt(T.Right, e2, false, t2.current.getDimensions().containerWidth);
+    wt(D.Up, e2, false, t2.current.getDimensions().containerHeight);
+  }, []), Dt = v((e2 = false) => {
+    wt(D.Right, e2, false, t2.current.getDimensions().containerWidth);
   }, []), Ot = v((e2 = false) => {
-    wt(T.Left, e2, false, t2.current.getDimensions().containerWidth);
+    wt(D.Left, e2, false, t2.current.getDimensions().containerWidth);
   }, []), zt = v(() => {
-    xt(T.Left);
+    xt(D.Left);
   }, []), Lt = v(() => {
-    xt(T.Right);
+    xt(D.Right);
   }, []), $t = v(() => {
-    xt(T.Up);
+    xt(D.Up);
   }, []), Bt = v(() => {
-    xt(T.Down);
+    xt(D.Down);
   }, []), Ft = v(() => {
-    Rt(T.Left);
+    Rt(D.Left);
   }, []), At = v(() => {
-    Rt(T.Right);
+    Rt(D.Right);
   }, []), Wt = v(() => {
     kt();
   }, []), Vt = v(() => {
-    wt(T.Left, false, false);
+    wt(D.Left, false, false);
   }, []), Ut = v(() => {
-    wt(T.Left, true, false);
+    wt(D.Left, true, false);
   }, []), Ht = v(() => {
-    wt(T.Left, false, true);
+    wt(D.Left, false, true);
   }, []), Kt = v(() => {
-    wt(T.Left, true, true);
+    wt(D.Left, true, true);
   }, []), Nt = v(() => {
-    wt(T.Right, false, false);
+    wt(D.Right, false, false);
   }, []), qt = v(() => {
-    wt(T.Right, true, false);
+    wt(D.Right, true, false);
   }, []), jt = v(() => {
-    wt(T.Right, false, true);
+    wt(D.Right, false, true);
   }, []), Xt = v(() => {
-    wt(T.Right, true, true);
+    wt(D.Right, true, true);
   }, []), Yt = v(() => {
-    wt(T.Up, false, false);
+    wt(D.Up, false, false);
   }, []), Gt = v(() => {
-    wt(T.Up, true, false);
+    wt(D.Up, true, false);
   }, []), Zt = v(() => {
-    wt(T.Up, false, true);
+    wt(D.Up, false, true);
   }, []), _t = v(() => {
-    wt(T.Up, true, true);
+    wt(D.Up, true, true);
   }, []), Jt = v(() => {
-    wt(T.Down, false, false);
+    wt(D.Down, false, false);
   }, []), Qt = v(() => {
-    wt(T.Down, true, false);
+    wt(D.Down, true, false);
   }, []), en = v(() => {
-    wt(T.Down, false, true);
+    wt(D.Down, false, true);
   }, []), tn = v(() => {
-    wt(T.Down, true, true);
+    wt(D.Down, true, true);
   }, []), nn = v(() => {
     Ae2((e2) => e2.slice(0, -1));
   }, []), on = y(() => {
     const e2 = he2();
     return ((e3, t3, n3, o2, r3) => {
-      for (let l3 = 0; l3 < e3.length; l3++) {
-        const i2 = e3[l3];
-        if (i2.rowStart === t3 && i2.colStart === n3 && i2.rowEnd === o2 && i2.colEnd === r3) return true;
+      const l3 = e3.length;
+      for (let i2 = 0; i2 < l3; i2++) {
+        const l4 = e3[i2];
+        if (l4.rowStart === t3 && l4.colStart === n3 && l4.rowEnd === o2 && l4.colEnd === r3) return true;
       }
       return false;
     })($e2.ranges, e2.top, e2.left, e2.bottom, e2.right);
@@ -1125,7 +1133,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (!t3) return;
     let r3 = null;
     if (r3 = n3.length > 0 ? n3[n3.length - 1] : _2(o2), r3.colEnd >= r3.colStart && r3.rowEnd >= r3.rowStart) {
-      const n4 = ae(r3, t3);
+      const n4 = de(r3, t3);
       let o3 = e2 ? ge2 : fe2;
       try {
         o3?.(r3, t3, n4.direction);
@@ -1140,7 +1148,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     const o2 = t2.current.getViewFromClient(e2.nativeEvent.clientX, e2.nativeEvent.clientY), r3 = o2?.getCellCoordsFromClient(e2.nativeEvent.clientX, e2.nativeEvent.clientY);
     r3 && (e2.stopPropagation(), Ue2("crosshair"), cn.current = { anchor: o2.getAnchor(), coords: r3 });
   }, onPointerMoveOrWait: (e2, n3) => {
-    if (D2 || !t2?.current || !Be2.current || !cn.current) return;
+    if (T2 || !t2?.current || !Be2.current || !cn.current) return;
     const o2 = cn.current.anchor;
     let r3 = t2.current.getViewFromLocation(o2), l3 = r3.getCellCoordsFromClient(e2.clientX, e2.clientY);
     if (!l3) return;
@@ -1150,24 +1158,24 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (!c2) return;
     const s2 = i2.length > 0, a3 = s2 ? i2[i2.length - 1] : _2(Be2.current.cell);
     if (!c2) return;
-    const d3 = c2.rowStart < a3.rowStart ? T.Up : c2.rowEnd > a3.rowEnd ? T.Down : c2.colEnd > a3.colEnd ? T.Right : T.Left, u2 = he2();
-    d3 === T.Left && (c2 = { ...a3, colStart: Math.max(u2.left, c2.colStart) }), d3 === T.Up && (c2 = { ...a3, rowStart: Math.max(u2.top, c2.rowStart) }), d3 === T.Right && (c2 = { ...a3, colEnd: Math.min(u2.right, c2.colEnd) }), d3 === T.Down && (c2 = { ...a3, rowEnd: Math.min(u2.bottom, c2.rowEnd) });
-    const h2 = ae(a3, c2);
+    const d3 = c2.rowStart < a3.rowStart ? D.Up : c2.rowEnd > a3.rowEnd ? D.Down : c2.colEnd > a3.colEnd ? D.Right : D.Left, u2 = he2();
+    d3 === D.Left && (c2 = { ...a3, colStart: Math.max(u2.left, c2.colStart) }), d3 === D.Up && (c2 = { ...a3, rowStart: Math.max(u2.top, c2.rowStart) }), d3 === D.Right && (c2 = { ...a3, colEnd: Math.min(u2.right, c2.colEnd) }), d3 === D.Down && (c2 = { ...a3, rowEnd: Math.min(u2.bottom, c2.rowEnd) });
+    const h2 = de(a3, c2);
     if (!N2?.(a3)) {
       let e3;
-      "function" == typeof Qe.current ? e3 = Qe.current(a3) : K2 && (e3 = K2), c2 = ((e4, t3, n4, o3, r4, l4) => {
+      "function" == typeof Qe2.current ? e3 = Qe2.current(a3) : K2 && (e3 = K2), c2 = ((e4, t3, n4, o3, r4, l4) => {
         const i3 = { ...t3 };
         if (0 === n4.length) return i3;
-        if (r4 === T.Left) {
+        if (r4 === D.Left) {
           const t4 = e4.colEnd + 1 - e4.colStart;
           i3.colStart = e4.colStart - Math.ceil(l4 / t4) * t4, i3.colStart < o3.left && (i3.colStart = i3.colStart + Math.ceil((o3.left - i3.colStart) / t4) * t4);
-        } else if (r4 === T.Right) {
+        } else if (r4 === D.Right) {
           const t4 = e4.colEnd + 1 - e4.colStart;
           i3.colEnd = e4.colEnd + Math.ceil(l4 / t4) * t4, i3.colEnd > o3.right && (i3.colEnd = i3.colEnd - Math.ceil((o3.right - i3.colEnd) / t4) * t4);
-        } else if (r4 === T.Up) {
+        } else if (r4 === D.Up) {
           const t4 = e4.rowEnd + 1 - e4.rowStart;
           i3.rowStart = e4.rowStart - Math.ceil(l4 / t4) * t4, i3.rowStart < o3.top && (i3.rowStart = i3.rowStart + Math.ceil((o3.top - i3.rowStart) / t4) * t4);
-        } else if (r4 === T.Down) {
+        } else if (r4 === D.Down) {
           const t4 = e4.rowEnd + 1 - e4.rowStart;
           i3.rowEnd = e4.rowEnd + Math.ceil(l4 / t4) * t4, i3.rowEnd > o3.bottom && (i3.rowEnd = i3.rowEnd - Math.ceil((o3.bottom - i3.rowEnd) / t4) * t4);
         }
@@ -1184,7 +1192,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       }
       ln(false);
     }
-    ut.current = n3, Me(r3, l3, t2);
+    ut.current = n3, ke(r3, l3, t2);
   }, onPointerUp: (e2, n3) => {
     ut.current = n3, Promise.resolve(ln(true)).finally(() => {
       xe2?.(), Ke2(null), Ne2.current = null, cn.current = null, Ue2(null), t2.current?.focus();
@@ -1205,7 +1213,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     let s2 = t2.current.getViewFromLocation(i2), a3 = s2.getCellCoordsFromClient(e2.clientX - c2.x, e2.clientY - c2.y, true);
     if (!a3) return;
     const d3 = gn.current.cell, u2 = gn.current.range, h2 = he2(), g3 = u2.colEnd - u2.colStart + 1, f3 = Math.min(Math.max(0, d3.colIndex - u2.colStart), g3 - 1), w2 = Math.min(h2.right - g3 + 1, Math.max(h2.left, a3.colIndex - f3)), x3 = u2.rowEnd - u2.rowStart + 1, p2 = Math.min(Math.max(0, d3.rowIndex - u2.rowStart), x3 - 1), m2 = Math.min(h2.bottom - x3 + 1, Math.max(h2.top, a3.rowIndex - p2)), v2 = { colStart: w2, colEnd: w2 + g3 - 1, rowStart: m2, rowEnd: m2 + x3 - 1 };
-    k.isEqualRanges(un, v2) && !((e3) => !e3 || !ut.current || ut.current.ctrlKey !== e3.ctrlKey || ut.current.shiftKey !== e3.shiftKey || ut.current.altKey !== e3.altKey || ut.current.metaKey !== e3.metaKey)(e2) || (hn(v2), j2?.(v2, e2, n3)), ut.current = n3, Me(s2, a3, t2);
+    k.isEqualRanges(un, v2) && !((e3) => !e3 || !ut.current || ut.current.ctrlKey !== e3.ctrlKey || ut.current.shiftKey !== e3.shiftKey || ut.current.altKey !== e3.altKey || ut.current.metaKey !== e3.metaKey)(e2) || (hn(v2), j2?.(v2, e2, n3)), ut.current = n3, ke(s2, a3, t2);
   }, onPointerUp: (e2, n3) => {
     ut.current = n3;
     const o2 = () => {
@@ -1221,147 +1229,147 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     return pn.current = e2, e2;
   }, [$e2]), vn = v((n3) => {
     let o2 = null, r3 = "br";
-    const l3 = [], i2 = { stroke: z2, fill: te2, strokeWidth: 0.5 }, c2 = (e2, t3, o3) => {
-      const r4 = n3.toClipBounds(n3.getRangeCoordsBounds(e2), be);
+    const l3 = [], i2 = { stroke: z2, fill: ee2, strokeWidth: 0.5 }, c2 = (e2, t3, o3) => {
+      const r4 = n3.toClipBounds(n3.getRangeCoordsBounds(e2), Ce);
       if (!r4) return;
       r4.x = r4.width > 0 ? r4.x : r4.x - i2.strokeWidth / 2, r4.y = r4.height > 0 ? r4.y : r4.y - i2.strokeWidth / 2, r4.width = Math.max(r4.width, i2.strokeWidth), r4.height = Math.max(r4.height, i2.strokeWidth);
       const l4 = { key: `selection-fill-${t3}`, range: e2, ...r4, ...i2 };
       if (o3) {
         const e3 = n3.getCellCoordsAsRangeCoords(o3);
-        l4.cell = o3, l4.pathBounds = n3.toClipBounds(n3.getRangeCoordsBounds(e3), be), l4.pathBounds && (l4.pathBounds.width <= 0 || l4.pathBounds.height <= 0) && (delete l4.pathBounds, delete l4.cell);
+        l4.cell = o3, l4.pathBounds = n3.toClipBounds(n3.getRangeCoordsBounds(e3), Ce), l4.pathBounds && (l4.pathBounds.width <= 0 || l4.pathBounds.height <= 0) && (delete l4.pathBounds, delete l4.cell);
       }
-      return Se2(l4);
+      return ve2(l4);
     };
-    let s2 = $e2 ? Re($e2) : null;
-    const a3 = s2?.cell ? n3.getCellCoordsAsRangeCoords(s2?.cell) : Ce;
+    let s2 = $e2 ? Me($e2) : null;
+    const a3 = s2?.cell ? n3.getCellCoordsAsRangeCoords(s2?.cell) : Ie;
     !s2 || s2.ranges && 0 !== s2.ranges.length || (s2 = { ranges: [a3], rangeIndex: 0, cell: s2.cell });
     for (let e2 = 0; s2 && e2 < s2.ranges.length; e2++) {
       const t3 = s2.ranges[e2], i3 = c2(t3, e2, e2 === s2.rangeIndex ? s2.cell : null);
       i3 && l3.push(i3);
-      const a4 = 2, d4 = 0.5, u3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3, { top: 0, left: 0, right: 0, bottom: 0 }), be);
+      const a4 = 2, d4 = 0.5, u3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3, { top: 0, left: 0, right: 0, bottom: 0 }), Ce);
       if (u3) {
         const n4 = (s2.ranges.length, 4);
-        l3.push(Se2({ range: t3, key: `selection-inside-edge-${e2}`, x: u3.x - 1, y: u3.y - 1, width: Math.max(u3.width + 1, 0), height: Math.max(u3.height + 1, 0), style: { overflow: "hidden" }, stroke: z2, strokeWidth: n4 }));
+        l3.push(ve2({ range: t3, key: `selection-inside-edge-${e2}`, x: u3.x - 1, y: u3.y - 1, width: Math.max(u3.width + 1, 0), height: Math.max(u3.height + 1, 0), style: { overflow: "hidden" }, stroke: z2, strokeWidth: n4 }));
       }
       if (1 === s2.ranges.length) {
-        const o3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3), be);
+        const o3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3), Ce);
         if (o3) {
-          Z2 || l3.push(Se2({ range: t3, key: `move-selection-hit-box-${e2}`, x: o3.width > 1 ? o3.x : o3.x - (J2 / 2 + 1), y: o3.height > 1 ? o3.y : o3.y - (J2 / 2 + 1), width: Math.max(o3.width + 2, 1), height: Math.max(o3.height + 2, 1), stroke: "transparent", style: { boxShadow: "none" }, pathProps: { cursor: un ? void 0 : "move", pointerEvents: "stroke" }, strokeWidth: J2, ...xn }));
+          Z2 || l3.push(ve2({ range: t3, key: `move-selection-hit-box-${e2}`, x: o3.width > 1 ? o3.x : o3.x - (J2 / 2 + 1), y: o3.height > 1 ? o3.y : o3.y - (J2 / 2 + 1), width: Math.max(o3.width + 2, 1), height: Math.max(o3.height + 2, 1), stroke: "transparent", style: { boxShadow: "none" }, pathProps: { cursor: un ? void 0 : "move", pointerEvents: "stroke" }, strokeWidth: J2, ...xn }));
           const n4 = a4;
-          l3.push(Se2({ range: t3, key: `selection-single-${e2}`, x: o3.x - n4 / 2, y: o3.y - n4 / 2, width: Math.max(o3.width + n4 / 2, 1), height: Math.max(o3.height + n4 / 2, 1), stroke: ne2, strokeWidth: n4 }));
+          l3.push(ve2({ range: t3, key: `selection-single-${e2}`, x: o3.x - n4 / 2, y: o3.y - n4 / 2, width: Math.max(o3.width + n4 / 2, 1), height: Math.max(o3.height + n4 / 2, 1), stroke: ne2, strokeWidth: n4 }));
         }
       } else {
-        const o3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3, { top: -1, left: -1, right: -2, bottom: -2 }), be);
-        o3 && l3.push(Se2({ range: t3, key: `selection-multi-${e2}`, x: o3.width > 1 ? o3.x : o3.x - d4 / 2, y: o3.height > 1 ? o3.y : o3.y - d4 / 2, width: Math.max(o3.width, d4) + 1, height: Math.max(o3.height, d4) + 1, stroke: ne2, style: { overflow: "hidden" }, strokeWidth: 2 }));
+        const o3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3, { top: -1, left: -1, right: -2, bottom: -2 }), Ce);
+        o3 && l3.push(ve2({ range: t3, key: `selection-multi-${e2}`, x: o3.width > 1 ? o3.x : o3.x - d4 / 2, y: o3.height > 1 ? o3.y : o3.y - d4 / 2, width: Math.max(o3.width, d4) + 1, height: Math.max(o3.height, d4) + 1, stroke: ne2, style: { overflow: "hidden" }, strokeWidth: 2 }));
       }
       if (s2.ranges.length > 1 && e2 === s2.rangeIndex) {
-        const o3 = n3.getCellCoordsAsRangeCoords(s2.cell), r4 = n3.toClipBounds(n3.getRangeCoordsBounds(o3, { top: 1, left: 1, right: -1, bottom: -1 }), be);
-        r4 && l3.push(Se2({ range: t3, key: `selection-anchor-${e2}`, x: r4.x, y: r4.y, width: Math.max(r4.width, d4), height: Math.max(r4.height, d4), stroke: ne2, style: { overflow: "hidden" }, strokeWidth: 2 }));
+        const o3 = n3.getCellCoordsAsRangeCoords(s2.cell), r4 = n3.toClipBounds(n3.getRangeCoordsBounds(o3, { top: 1, left: 1, right: -1, bottom: -1 }), Ce);
+        r4 && l3.push(ve2({ range: t3, key: `selection-anchor-${e2}`, x: r4.x, y: r4.y, width: Math.max(r4.width, d4), height: Math.max(r4.height, d4), stroke: ne2, style: { overflow: "hidden" }, strokeWidth: 2 }));
       }
       if (e2 === s2.ranges.length - 1) {
         o2 = null, r3 = null;
         const e3 = t3.rowStart === he2().top && t3.rowEnd === he2().bottom, l4 = t3.colStart === he2().left && t3.colEnd === he2().right, i4 = n3.getRangeCoordsBounds(t3);
         let c3 = null;
         if (e3 || l4) {
-          if (c3 = n3.toClipBounds(i4, be), Object.keys(n3.allViews()).length > 1) {
+          if (c3 = n3.toClipBounds(i4, Ce), Object.keys(n3.allViews()).length > 1) {
             const o3 = n3.getVisibleRangeCoords(), r4 = n3.allViews()[O.TopLeft], i5 = n3.allViews()[O.Top], s3 = n3.allViews()[O.Left], a5 = n3.getAnchor();
             (l4 && (a5 === O.Top && r4 || a5 === O.Center && s3 || !k.isCellWithinRange({ colIndex: t3.colStart, rowIndex: t3.rowEnd }, o3) && !k.isCellWithinRange({ colIndex: t3.colStart, rowIndex: t3.rowEnd + 1 }, o3)) || e3 && (a5 === O.Left && r4 || a5 === O.Center && i5 || !k.isCellWithinRange({ colIndex: t3.colEnd, rowIndex: t3.rowStart }, o3) && !k.isCellWithinRange({ colIndex: t3.colEnd + 1, rowIndex: t3.rowStart }, o3))) && (c3 = null);
           }
-        } else c3 = n3.toClipBounds(i4, be);
+        } else c3 = n3.toClipBounds(i4, Ce);
         if (!c3 || 0 === c3.width || 0 === c3.height) continue;
         o2 = { x: c3.x + c3.width + 1, y: c3.y + c3.height + 1 }, 0 === c3.width || 0 === c3.height || t3.rowStart === he2().top && t3.colStart === he2().left && t3.rowEnd === he2().bottom && t3.colEnd === he2().right || (e3 ? (o2.y = a4, r3 = "tr") : l4 && (o2.x = a4, r3 = "bl"));
       }
     }
     let d3 = null;
     if (qe2) {
-      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(qe2, { top: 0, left: 0, right: 0, bottom: 0 }), be);
+      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(qe2, { top: 0, left: 0, right: 0, bottom: 0 }), Ce);
       if (e2) {
         const t3 = 2;
-        d3 = Se2({ ...i2, range: qe2, key: "remove-selection", x: e2.x, y: e2.y, width: e2.width, height: e2.height, strokeWidth: t3, stroke: oe2, fill: le2 });
+        d3 = ve2({ ...i2, range: qe2, key: "remove-selection", x: e2.x, y: e2.y, width: e2.width, height: e2.height, strokeWidth: t3, stroke: oe2, fill: re2 });
       }
     }
     let u2 = null;
     if (He2) {
-      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(He2, { top: 0, left: 0, right: 0, bottom: 0 }), be);
+      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(He2, { top: 0, left: 0, right: 0, bottom: 0 }), Ce);
       if (e2) {
         const t3 = 2;
-        u2 = Se2({ range: He2, key: "selection-fill-outline", x: e2.x - t3 / 2, y: e2.y - t3 / 2, width: e2.width + t3 / 2, height: e2.height + t3 / 2, strokeWidth: t3, stroke: ne2, strokeDasharray: "3 2" });
+        u2 = ve2({ range: He2, key: "selection-fill-outline", x: e2.x - t3 / 2, y: e2.y - t3 / 2, width: e2.width + t3 / 2, height: e2.height + t3 / 2, strokeWidth: t3, stroke: ne2, strokeDasharray: "3 2" });
       }
     }
     let h2 = null;
-    !D2 && o2 && !un && (h2 = I(ve, { ...o2, corner: r3, size: 7.5, borderStroke: `${z2} solid`, style: { borderRadius: 1 }, background: ne2, ...dn, key: "fillHandle" }));
+    !T2 && o2 && !un && (h2 = I(Se, { ...o2, corner: r3, size: 7.5, borderStroke: `${z2} solid`, style: { borderRadius: 1 }, background: ne2, ...dn, key: "fillHandle" }));
     const g3 = [...l3];
     if (d3 && g3.push(d3), u2 && g3.push(u2), h2 && g3.push(h2), !ie2 && st && 1 === s2?.ranges.length && s2.ranges[s2.ranges.length - 1]) {
-      const o3 = s2.ranges[s2.ranges.length - 1], r4 = o3.rowStart === he2().top && o3.rowEnd === he2().bottom, l4 = o3.colStart === he2().left && o3.colEnd === he2().right, i3 = { view: n3, range: o3, borderStroke: `${ne2} solid`, background: z2, selectionTouchPointerHandler: ft, ...ue2, onTouchSelectStart: (e2) => Ze2(e2), onTouchSelectEnd: () => Ze2(null), currentTouchAnchor: Ge2 };
-      g3.push(e(ye, { anchor: l4 ? "b" : r4 ? "r" : "br", scrollableElement: t2.current, ...i3 }, "touch-select-handle-after")), g3.push(e(ye, { anchor: l4 ? "t" : r4 ? "l" : "tl", scrollableElement: t2.current, ...i3 }, "touch-select-handle-before"));
+      const o3 = s2.ranges[s2.ranges.length - 1], r4 = o3.rowStart === he2().top && o3.rowEnd === he2().bottom, l4 = o3.colStart === he2().left && o3.colEnd === he2().right, i3 = { view: n3, range: o3, borderStroke: `${ne2} solid`, background: z2, selectionTouchPointerHandler: ft, ...ce2, onTouchSelectStart: (e2) => Ze2(e2), onTouchSelectEnd: () => Ze2(null), currentTouchAnchor: Ge2 };
+      g3.push(e(be, { anchor: l4 ? "b" : r4 ? "r" : "br", scrollableElement: t2.current, ...i3 }, "touch-select-handle-after")), g3.push(e(be, { anchor: l4 ? "t" : r4 ? "l" : "tl", scrollableElement: t2.current, ...i3 }, "touch-select-handle-before"));
     }
     if (un) {
-      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(un, { top: 1, left: 1, right: 1, bottom: 1 }), be);
-      e2 && g3.push(Se2({ range: un, key: "selection-move-outline", x: e2.x - Q2 / 2, y: e2.y - Q2 / 2, width: Math.max(e2.width + Q2 / 2, 1), height: Math.max(e2.height + Q2 / 2, 1), stroke: ne2, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: Q2 }));
+      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(un, { top: 1, left: 1, right: 1, bottom: 1 }), Ce);
+      e2 && g3.push(ve2({ range: un, key: "selection-move-outline", x: e2.x - Q2 / 2, y: e2.y - Q2 / 2, width: Math.max(e2.width + Q2 / 2, 1), height: Math.max(e2.height + Q2 / 2, 1), stroke: ne2, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: Q2 }));
     }
     return e("div", { children: g3 }, "selection");
-  }, [mn, qe2, D2, He2, Z2, un, he2, z2, ne2, te2, oe2, le2, ie2, ue2, Ge2]), Sn = y(() => {
+  }, [mn, qe2, T2, He2, Z2, un, he2, z2, ne2, ee2, oe2, re2, ie2, ce2, Ge2]), Sn = y(() => {
     const e2 = () => t2.current;
-    return [new u("moveToPageDown", e2, { label: "Page Down", description: "Shift viewport down one page.", shortcut: [{ key: "PageDown" }] }, () => Pt(false)), new u("selectToPageDown", e2, { label: "Select To Page Down", description: "Shift viewport and select down one page.", shortcut: [{ key: "PageDown", modifiers: [h.Shift] }] }, () => Pt(true)), new u("moveToPageRight", e2, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [h.Alt] }] }, () => Tt(false)), new u("selectToPageRight", e2, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [h.Alt, h.Shift] }] }, () => Tt(true)), new u("moveToPageUp", e2, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp" }] }, () => Dt(false)), new u("selectToPageUp", e2, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp", modifiers: [h.Shift] }] }, () => Dt(true)), new u("moveToPageLeft", e2, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [h.Alt] }] }, () => Ot(false)), new u("selectToPageLeft", e2, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [h.Alt, h.Shift] }] }, () => Ot(true)), new u("selectColumn", e2, { label: "Select Column", description: "Select the columns for the selected cells.", shortcut: { key: "Space", modifiers: [h.Ctrl] } }, pt), new u("selectRow", e2, { label: "Select Row", description: "Select the rows for the selected cells.", shortcut: { key: "Space", modifiers: [h.Shift] } }, mt), new u("selectToColumnStart", e2, { label: "Select To Column Start", description: "Select the columns to the beginning of the sheet." }, () => St(true)), new u("selectToColumnEnd", e2, { label: "Select To Column End", description: "Select the columns to the end of the sheet." }, () => yt(true)), new u("moveToRowStart", e2, { label: "Move to Row Home", description: "Move to the beginning of the row.", shortcut: [{ key: "Home" }] }, () => bt(false)), new u("selectToRowStart", e2, { label: "Select to Row Home", description: "Select to the beginning of the row.", shortcut: [{ key: "Home", modifiers: [h.Shift] }] }, () => bt(true)), new u("moveToSheetStart", e2, { label: "Move to Sheet Home", description: "Move to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [h.Ctrl] }] }, () => Ct(false)), new u("selectToSheetStart", e2, { label: "Select to Sheet Home", description: "Select to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [h.Ctrl, h.Shift] }] }, () => Ct(true)), new u("moveToRowEnd", e2, { label: "Move to Row End", description: "Move to the end of the row.", shortcut: [{ key: "End" }] }, () => It(false)), new u("selectToRowEnd", e2, { label: "Select to Row End", description: "Select to the end of the row.", shortcut: [{ key: "End", modifiers: [h.Shift] }] }, () => It(true)), new u("moveToSheetEnd", e2, { label: "Move to Sheet End", description: "Move to the end of the sheet.", shortcut: [{ key: "End", modifiers: [h.Ctrl] }] }, () => Et(false)), new u("selectToSheetEnd", e2, { label: "Select to Sheet End", description: "Select to the end of the sheet.", shortcut: [{ key: "End", modifiers: [h.Ctrl, h.Shift] }] }, () => Et(true)), new u("scrollToActiveCoords", e2, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell.", shortcut: { key: "Backspace", modifiers: [h.Ctrl] } }, vt), new u("scrollToActiveCoordsClearSelection", e2, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell and clear selection.", shortcut: { key: "Backspace", modifiers: [h.Shift] } }, () => {
+    return [new u("moveToPageDown", e2, { label: "Page Down", description: "Shift viewport down one page.", shortcut: [{ key: "PageDown" }] }, () => Pt(false)), new u("selectToPageDown", e2, { label: "Select To Page Down", description: "Shift viewport and select down one page.", shortcut: [{ key: "PageDown", modifiers: [h.Shift] }] }, () => Pt(true)), new u("moveToPageRight", e2, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [h.Alt] }] }, () => Dt(false)), new u("selectToPageRight", e2, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [h.Alt, h.Shift] }] }, () => Dt(true)), new u("moveToPageUp", e2, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp" }] }, () => Tt(false)), new u("selectToPageUp", e2, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp", modifiers: [h.Shift] }] }, () => Tt(true)), new u("moveToPageLeft", e2, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [h.Alt] }] }, () => Ot(false)), new u("selectToPageLeft", e2, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [h.Alt, h.Shift] }] }, () => Ot(true)), new u("selectColumn", e2, { label: "Select Column", description: "Select the columns for the selected cells.", shortcut: { key: "Space", modifiers: [h.Ctrl] } }, pt), new u("selectRow", e2, { label: "Select Row", description: "Select the rows for the selected cells.", shortcut: { key: "Space", modifiers: [h.Shift] } }, mt), new u("selectToColumnStart", e2, { label: "Select To Column Start", description: "Select the columns to the beginning of the sheet." }, () => St(true)), new u("selectToColumnEnd", e2, { label: "Select To Column End", description: "Select the columns to the end of the sheet." }, () => yt(true)), new u("moveToRowStart", e2, { label: "Move to Row Home", description: "Move to the beginning of the row.", shortcut: [{ key: "Home" }] }, () => bt(false)), new u("selectToRowStart", e2, { label: "Select to Row Home", description: "Select to the beginning of the row.", shortcut: [{ key: "Home", modifiers: [h.Shift] }] }, () => bt(true)), new u("moveToSheetStart", e2, { label: "Move to Sheet Home", description: "Move to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [h.Ctrl] }] }, () => Ct(false)), new u("selectToSheetStart", e2, { label: "Select to Sheet Home", description: "Select to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [h.Ctrl, h.Shift] }] }, () => Ct(true)), new u("moveToRowEnd", e2, { label: "Move to Row End", description: "Move to the end of the row.", shortcut: [{ key: "End" }] }, () => It(false)), new u("selectToRowEnd", e2, { label: "Select to Row End", description: "Select to the end of the row.", shortcut: [{ key: "End", modifiers: [h.Shift] }] }, () => It(true)), new u("moveToSheetEnd", e2, { label: "Move to Sheet End", description: "Move to the end of the sheet.", shortcut: [{ key: "End", modifiers: [h.Ctrl] }] }, () => Et(false)), new u("selectToSheetEnd", e2, { label: "Select to Sheet End", description: "Select to the end of the sheet.", shortcut: [{ key: "End", modifiers: [h.Ctrl, h.Shift] }] }, () => Et(true)), new u("scrollToActiveCoords", e2, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell.", shortcut: { key: "Backspace", modifiers: [h.Ctrl] } }, vt), new u("scrollToActiveCoordsClearSelection", e2, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell and clear selection.", shortcut: { key: "Backspace", modifiers: [h.Shift] } }, () => {
       ct(), rn($e2.cell, true);
     }), new u("traverseSelectionRight", e2, { label: "Traverse Right", description: "Traverse the selection moving rightward.", shortcut: { key: "Tab" } }, Lt), new u("traverseSelectionLeft", e2, { label: "Traverse Left", description: "Traverse the selection moving leftward.", shortcut: { key: "Tab", modifiers: [h.Shift] } }, zt), new u("traverseSelectionDown", e2, { label: "Traverse Down", description: "Traverse the selection moving downward.", shortcut: [{ key: "Enter" }, { key: "NumpadEnter" }] }, Bt), new u("traverseSelectionUp", e2, { label: "Traverse Up", description: "Traverse the selection moving upward.", shortcut: [{ key: "Enter", modifiers: [h.Shift] }, { key: "NumpadEnter", modifiers: [h.Shift] }] }, $t), new u("moveLeft", e2, { label: "Move Left", description: "Move active cell to the left.", shortcut: [{ key: "ArrowLeft" }] }, Vt), new u("selectLeft", e2, { label: "Select Left", description: "Extend selection left.", shortcut: [{ key: "ArrowLeft", modifiers: [h.Shift] }] }, Ut), new u("moveContentfulLeft", e2, { label: "Move Left Contentful", description: "Move left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [h.Ctrl] }] }, Ht), new u("selectContentfulLeft", e2, { label: "Select Left Contentful", description: "Extend selection left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [h.Ctrl, h.Shift] }] }, Kt), new u("moveRight", e2, { label: "Move Right", description: "Move active cell to the right.", shortcut: [{ key: "ArrowRight" }] }, Nt), new u("selectRight", e2, { label: "Select Right", description: "Extend selection right.", shortcut: [{ key: "ArrowRight", modifiers: [h.Shift] }] }, qt), new u("moveContentfulRight", e2, { label: "Move Right Contentful", description: "Move right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [h.Ctrl] }] }, jt), new u("selectContentfulRight", e2, { label: "Select Right Contentful", description: "Extend selection right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [h.Ctrl, h.Shift] }] }, Xt), new u("moveUp", e2, { label: "Move Up", description: "Move active cell to the up.", shortcut: [{ key: "ArrowUp" }] }, Yt), new u("selectUp", e2, { label: "Select Up", description: "Extend selection up.", shortcut: [{ key: "ArrowUp", modifiers: [h.Shift] }] }, Gt), new u("moveContentfulUp", e2, { label: "Move Up Contentful", description: "Move up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [h.Ctrl] }] }, Zt), new u("selectContentfulUp", e2, { label: "Select Up Contentful", description: "Extend selection up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [h.Ctrl, h.Shift] }] }, _t), new u("moveDown", e2, { label: "Move Down", description: "Move active cell to the down.", shortcut: [{ key: "ArrowDown" }] }, Jt), new u("selectDown", e2, { label: "Select Down", description: "Extend selection down.", shortcut: [{ key: "ArrowDown", modifiers: [h.Shift] }] }, Qt), new u("moveContentfulDown", e2, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [h.Ctrl] }] }, en), new u("selectContentfulDown", e2, { label: "Select Down Contentful", description: "Extend selection down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [h.Ctrl, h.Shift] }] }, tn), new u("selectVisible", e2, { label: "Select Visible", description: "Select visible cells only.", shortcut: { key: ";", modifiers: [h.Alt] } }, Mt), new u("traverseSelectionPreviousRange", e2, { label: "Traverse Previous Range", description: "Traverse the selection to the previous range.", shortcut: { key: "ArrowLeft", modifiers: [h.Ctrl, h.Alt] } }, Ft), new u("traverseSelectionNextRange", e2, { label: "Traverse Next Range", description: "Traverse the selection to the next range.", shortcut: { key: "ArrowRight", modifiers: [h.Ctrl, h.Alt] } }, At), new u("traverseSelectionCorners", e2, { label: "Traverse Corners", description: "Traverse the selection through the corners of the selected range.", shortcut: { key: ".", modifiers: [h.Ctrl] } }, Wt)];
   }, []);
   return y(() => {
     n2?.addCommands(Sn, true);
   }, [n2]), { selection: mn, setSelectionCell: rn, setSelectionRanges: Ae2, overlay: vn, cursor: Ve2, onPointerDown: gt, clearLastSelection: nn, newSelection: lt, modifySelection: rt, appendSelection: it, clearSelections: ct, isEntire: on, navigate: wt, navigateSelection: xt };
-}, De = { "sheetxl-grid": "_sheetxl-grid_h9wwa_7" }, Te = Object.freeze({ top: 0, left: 0 }), Oe = Object.freeze({ bottom: -4, right: -4 }), ze = Object.freeze({ horizontal: true, vertical: true }), Le = [O.TopLeft, O.Top, O.Left, O.Center], $e = 150, Be = 3e3, Fe = {}, Ae = b(C((r2, l2) => {
-  const { width: c2, height: s2, rowCount: a2 = 1, columnCount: d2 = 1, defaultRowHeight: u2, defaultColumnWidth: h2, getRowHeight: f2, getColumnWidth: b2, layout: C2, onViewportScroll: E2, onImmediateScroll: D2, showGridLines: z2 = true, gridLineColor: L2 = "rgb(224, 224, 224)", gridLineRowsProps: $2, gridLineColumnsProps: B2, clipCells: F2 = true, cursor: A2, freezeLeft: W2 = 0, freezeTop: U2 = 0, freezeLeftProps: H2, freezeTopProps: K2, cellRenderer: N2, onViewportChange: q2, onFirstRender: j2, overlayRenderer: X2, overlayProps: Y2, overlays: G2, overlaysProps: Z2, allowOverlaysOverflow: _2 = false, stageProps: J2, stageWrapper: Q2 = null, hiddenRowsAt: ee2, hiddenColumnsAt: ne2, hiddenCellAt: oe2, getVisibleCells: re2, zoom: ce2 = 1, enableMouseWheel: se2 = true, onWheelScroll: ae2, getCellCoordsAsRangeCoords: fe2 = k.cellToRange, scrollPoint: xe2 = Te, style: pe2 = {}, ...me2 } = r2;
+}, De = { "sheetxl-grid": "_sheetxl-grid_h9wwa_7" }, Oe = Object.freeze({ top: 0, left: 0 }), ze = Object.freeze({ bottom: -4, right: -4 }), Le = Object.freeze({ horizontal: true, vertical: true }), $e = [O.TopLeft, O.Top, O.Left, O.Center], Be = 150, Fe = 3e3, Ae = {}, We = b(C((r2, l2) => {
+  const { width: c2, height: s2, rowCount: a2 = 1, columnCount: d2 = 1, defaultRowHeight: u2, defaultColumnWidth: h2, getRowHeight: f2, getColumnWidth: b2, layout: C2, onViewportScroll: E2, onImmediateScroll: T2, showGridLines: z2 = true, gridLineColor: L2 = "rgb(224, 224, 224)", gridLineRowsProps: $2, gridLineColumnsProps: B2, clipCells: F2 = true, cursor: A2, freezeLeft: W2 = 0, freezeTop: U2 = 0, freezeLeftProps: H2, freezeTopProps: K2, cellRenderer: N2, onViewportChange: q2, onFirstRender: j2, overlayRenderer: X2, overlayProps: Y2, overlays: G2, overlaysProps: Z2, allowOverlaysOverflow: _2 = false, stageProps: J2, stageWrapper: Q2 = null, hiddenRowsAt: ee2, hiddenColumnsAt: te2, hiddenCellAt: oe2, getVisibleCells: re2, zoom: le2 = 1, enableMouseWheel: se2 = true, onWheelScroll: ae2, getCellCoordsAsRangeCoords: de2 = k.cellToRange, scrollPoint: we2 = Oe, style: pe2 = {}, ...me2 } = r2;
   R(N2, "No cellRenderer specified. This is probably not what you wanted"), R(!r2?.children, "Grid does not support children elements");
-  const ve2 = o(D2, [D2]), Se2 = o(q2, [q2]), ye2 = o(E2, [E2]), be2 = o(ae2, [ae2]), Ce2 = o(j2, [j2]), Ie2 = w(null), Ee2 = w(null), Re2 = w(null), [Me2, ke2] = x((e2) => e2 + 1, 0), [Pe2, $e2] = p({ left: xe2?.left ?? 0, top: xe2?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), Ae2 = w(null), We2 = w(Pe2), { top: Ve2, left: Ue2, verticalScrollDirection: He2, horizontalScrollDirection: Ke2 } = Pe2, Ne2 = w(false), qe2 = V({ rowCount: a2, columnCount: d2, defaultRowHeight: u2, defaultColumnWidth: h2, getRowHeight: f2, getColumnWidth: b2 }), je2 = w(null), Xe2 = y(() => {
+  const ve2 = o(T2, [T2]), Se2 = o(q2, [q2]), ye2 = o(E2, [E2]), be2 = o(ae2, [ae2]), Ce2 = o(j2, [j2]), Ie2 = w(null), Ee2 = w(null), Re2 = w(null), [Me2, ke2] = x((e2) => e2 + 1, 0), [Pe2, Te2] = p({ left: we2?.left ?? 0, top: we2?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), Be2 = w(null), We2 = w(Pe2), { top: Ve2, left: Ue2, verticalScrollDirection: He2, horizontalScrollDirection: Ke2 } = Pe2, Ne2 = w(false), qe2 = V({ rowCount: a2, columnCount: d2, defaultRowHeight: u2, defaultColumnWidth: h2, getRowHeight: f2, getColumnWidth: b2 }), je2 = w(null), Xe2 = y(() => {
     const e2 = C2 || qe2;
-    return je2.current = null, { getColOffset: (t2) => e2.getColOffset(t2) * ce2, getColIndex: (t2) => e2.getColIndex(t2 / ce2), getRowOffset: (t2) => e2.getRowOffset(t2) * ce2, getRowIndex: (t2) => e2.getRowIndex(t2 / ce2) };
-  }, [qe2, C2, ce2]), Ye2 = (e2, t2, n2) => {
+    return je2.current = null, { getColOffset: (t2) => e2.getColOffset(t2) * le2, getColIndex: (t2) => e2.getColIndex(t2 / le2), getRowOffset: (t2) => e2.getRowOffset(t2) * le2, getRowIndex: (t2) => e2.getRowIndex(t2 / le2) };
+  }, [qe2, C2, le2]), Ye2 = (e2, t2, n2) => {
     const o2 = (t2?.left ?? 0) + 0, r3 = (t2?.top ?? 0) + 0;
     return { getColOffset: (t3) => e2.getColOffset(t3) - o2, getColIndex: (t3) => e2.getColIndex(t3 + o2), getRowOffset: (t3) => e2.getRowOffset(t3) - r3, getRowIndex: (t3) => e2.getRowIndex(t3 + r3) };
-  }, Ge2 = v((e2, t2 = false) => de(e2, t2, Xe2.getRowOffset, t2 ? 0 : a2), [a2, Xe2?.getRowOffset]), Ze2 = o(ee2 ?? Ge2, [ee2]), _e2 = v((e2, t2 = false) => de(e2, t2, Xe2.getColOffset, t2 ? d2 : 0), [d2, Xe2?.getColOffset]), Je2 = o(ne2 ?? _e2, [ne2]), Qe = y(() => Math.min(c2 ?? 800, Xe2.getColOffset(d2)), [Xe2.getColOffset, d2, c2]), et = y(() => Math.min(s2 ?? 600, Xe2.getRowOffset(a2)), [Xe2.getRowOffset, a2, s2]), tt = v((e2) => {
+  }, Ge2 = o((e2, t2 = false) => ue(e2, t2, Xe2.getRowOffset, t2 ? 0 : a2), [a2, Xe2?.getRowOffset]), Ze2 = o(ee2 ?? Ge2, [ee2]), _e2 = o((e2, t2 = false) => ue(e2, t2, Xe2.getColOffset, t2 ? d2 : 0), [d2, Xe2?.getColOffset]), Je2 = o(te2 ?? _e2, [te2]), Qe2 = y(() => Math.min(c2 ?? 800, Xe2.getColOffset(d2)), [Xe2.getColOffset, d2, c2]), et = y(() => Math.min(s2 ?? 600, Xe2.getRowOffset(a2)), [Xe2.getRowOffset, a2, s2]), tt = v((e2) => {
     P.canUseDOM && setTimeout(() => {
       Ie2.current?.focus({ preventScroll: true, ...e2 });
     }, 0);
   }, []), nt = v((e2) => Ie2.current?.contains(e2) || Ee2.current?.contains(e2), []);
   m(() => {
-    Ne2.current && (Ae2.current && Ae2.current.left !== We2.current?.left && Ae2.current.top !== We2.current?.top || (Ae2.current = null, ye2?.({ left: Ue2, top: Ve2 })));
+    Ne2.current && (Be2.current && Be2.current.left !== We2.current?.left && Be2.current.top !== We2.current?.top || (Be2.current = null, ye2?.({ left: Ue2, top: Ve2 })));
   }, [Ue2, Ve2]);
   const ot = o(() => ({ top: Ve2, left: Ue2 }), [Ve2, Ue2]), rt = y(() => {
     const e2 = [];
     let t2 = 0, n2 = 0;
-    "number" == typeof U2 ? t2 = U2 : (t2 = U2.index ?? 0, n2 = (U2.scrollOffset ?? 0) * ce2);
+    "number" == typeof U2 ? t2 = U2 : (t2 = U2.index ?? 0, n2 = (U2.scrollOffset ?? 0) * le2);
     const o2 = n2, r3 = Xe2.getRowOffset(t2), l3 = r3 - o2;
     if (t2 > 0) {
       const i3 = Ye2(Xe2, { top: n2 + Xe2.getRowOffset(0) }), c4 = Xe2.getRowIndex(o2), s4 = Xe2.getRowIndex(r3 - 1);
       let a3;
-      e2[1] = { minIndex: c4, maxIndex: s4, minCoord: 0, maxCoord: t2 - 1, minBounds: 0, maxBounds: l3, visibleIndices: () => a3 || (a3 = Object.freeze(te(Ze2, c4, s4)), a3), layout: i3, maxVirtualBounds: r3, scrollOffset: n2, freezeOffset: n2 };
+      e2[1] = { minIndex: c4, maxIndex: s4, minCoord: 0, maxCoord: t2 - 1, minBounds: 0, maxBounds: l3, visibleIndices: () => a3 || (a3 = Object.freeze(ne(Ze2, c4, s4)), a3), layout: i3, maxVirtualBounds: r3, scrollOffset: n2, freezeOffset: n2 };
     }
     const i2 = Math.max(0, et - l3), c3 = Ye2(Xe2, { top: Ve2 + l3 }), s3 = c3.getRowIndex(0), d3 = c3.getRowIndex(i2);
     let u3;
-    return e2[0] = { minIndex: s3, maxIndex: d3, minCoord: t2, maxCoord: a2 - 1, minBounds: l3, maxBounds: i2, visibleIndices: () => u3 || (u3 = Object.freeze(te(Ze2, s3, d3)), u3), layout: c3, maxVirtualBounds: Xe2.getRowOffset(a2), scrollOffset: Ve2, freezeOffset: (t2 > 0 ? Xe2.getRowOffset(t2) : 0) - n2 }, e2;
-  }, [Xe2.getRowIndex, Xe2.getRowOffset, Ze2, et, a2, U2, Ve2, ce2]), lt = y(() => {
+    return e2[0] = { minIndex: s3, maxIndex: d3, minCoord: t2, maxCoord: a2 - 1, minBounds: l3, maxBounds: i2, visibleIndices: () => u3 || (u3 = Object.freeze(ne(Ze2, s3, d3)), u3), layout: c3, maxVirtualBounds: Xe2.getRowOffset(a2), scrollOffset: Ve2, freezeOffset: (t2 > 0 ? Xe2.getRowOffset(t2) : 0) - n2 }, e2;
+  }, [Xe2.getRowIndex, Xe2.getRowOffset, Ze2, et, a2, U2, Ve2, le2]), lt = y(() => {
     const e2 = [];
     let t2 = 0, n2 = 0;
-    "number" == typeof W2 ? t2 = W2 : (t2 = W2.index ?? 0, n2 = (W2.scrollOffset ?? 0) * ce2);
+    "number" == typeof W2 ? t2 = W2 : (t2 = W2.index ?? 0, n2 = (W2.scrollOffset ?? 0) * le2);
     const o2 = n2, r3 = Xe2.getColOffset(t2), l3 = r3 - o2;
     if (t2 > 0) {
       const i3 = Ye2(Xe2, { left: n2 + Xe2.getColOffset(0) }), c4 = Xe2.getColIndex(o2), s4 = Xe2.getColIndex(r3 - 1);
       let a4;
-      e2[1] = { minIndex: c4, maxIndex: s4, minCoord: 0, maxCoord: t2 - 1, minBounds: 0, maxBounds: l3, visibleIndices: () => a4 || (a4 = Object.freeze(te(Je2, c4, s4)), a4), layout: i3, maxVirtualBounds: r3, scrollOffset: n2, freezeOffset: n2 };
+      e2[1] = { minIndex: c4, maxIndex: s4, minCoord: 0, maxCoord: t2 - 1, minBounds: 0, maxBounds: l3, visibleIndices: () => a4 || (a4 = Object.freeze(ne(Je2, c4, s4)), a4), layout: i3, maxVirtualBounds: r3, scrollOffset: n2, freezeOffset: n2 };
     }
-    const i2 = Math.max(0, Qe - l3), c3 = Ye2(Xe2, { left: Ue2 + l3 }), s3 = c3.getColIndex(0), a3 = c3.getColIndex(i2);
+    const i2 = Math.max(0, Qe2 - l3), c3 = Ye2(Xe2, { left: Ue2 + l3 }), s3 = c3.getColIndex(0), a3 = c3.getColIndex(i2);
     let u3;
-    return e2[0] = { minIndex: s3, maxIndex: a3, minCoord: t2, maxCoord: d2 - 1, minBounds: l3, maxBounds: i2, visibleIndices: () => u3 || (u3 = Object.freeze(te(Je2, s3, a3)), u3), layout: c3, maxVirtualBounds: Xe2.getColOffset(d2), scrollOffset: Ue2, freezeOffset: (t2 > 0 ? Xe2.getColOffset(t2) : 0) - n2 }, e2;
-  }, [Xe2.getColIndex, Xe2.getColOffset, Je2, Qe, d2, W2, Ue2, ce2]), it = w({}), ct = w([]), st = y(() => {
+    return e2[0] = { minIndex: s3, maxIndex: a3, minCoord: t2, maxCoord: d2 - 1, minBounds: l3, maxBounds: i2, visibleIndices: () => u3 || (u3 = Object.freeze(ne(Je2, s3, a3)), u3), layout: c3, maxVirtualBounds: Xe2.getColOffset(d2), scrollOffset: Ue2, freezeOffset: (t2 > 0 ? Xe2.getColOffset(t2) : 0) - n2 }, e2;
+  }, [Xe2.getColIndex, Xe2.getColOffset, Je2, Qe2, d2, W2, Ue2, le2]), it = w({}), ct = w([]), st = y(() => {
     let e2 = {};
     const t2 = (t3, n3, o2, r3, l3) => {
       const i2 = { vertical: r3?.vertical || false, horizontal: r3?.horizontal || false };
       if (t3 >= lt.length || n3 >= rt.length) return null;
       const c3 = { rowStart: rt[n3].minIndex, colStart: lt[t3].minIndex, rowEnd: rt[n3].maxIndex, colEnd: lt[t3].maxIndex };
       if (c3.rowStart > c3.rowEnd || c3.colStart > c3.colEnd) return null;
-      const s3 = { getColIndex: (e3) => lt[t3].layout.getColIndex(e3), getColOffset: (e3) => lt[t3].layout.getColOffset(e3), getRowIndex: (e3) => rt[n3].layout.getRowIndex(e3), getRowOffset: (e3) => rt[n3].layout.getRowOffset(e3) }, a3 = Object.freeze({ left: l3?.left ?? 0, top: l3?.top ?? 0, right: l3?.right ?? 0, bottom: l3?.bottom ?? 0 }), d3 = Object.freeze({ x: lt[t3].minBounds, y: rt[n3].minBounds, width: lt[t3].maxBounds, height: rt[n3].maxBounds }), u3 = (e3, t4) => he(s3, e3 ?? c3, t4), h3 = { width: lt[t3].maxVirtualBounds, height: rt[n3].maxVirtualBounds }, g2 = { left: lt[t3].scrollOffset, top: rt[n3].scrollOffset }, f3 = { left: lt[t3].freezeOffset, top: rt[n3].freezeOffset }, w2 = { width: Qe, height: et };
+      const s3 = { getColIndex: (e3) => lt[t3].layout.getColIndex(e3), getColOffset: (e3) => lt[t3].layout.getColOffset(e3), getRowIndex: (e3) => rt[n3].layout.getRowIndex(e3), getRowOffset: (e3) => rt[n3].layout.getRowOffset(e3) }, a3 = Object.freeze({ left: l3?.left ?? 0, top: l3?.top ?? 0, right: l3?.right ?? 0, bottom: l3?.bottom ?? 0 }), d3 = Object.freeze({ x: lt[t3].minBounds, y: rt[n3].minBounds, width: lt[t3].maxBounds, height: rt[n3].maxBounds }), u3 = (e3, t4) => ge(s3, e3 ?? c3, t4), h3 = { width: lt[t3].maxVirtualBounds, height: rt[n3].maxVirtualBounds }, g2 = { left: lt[t3].scrollOffset, top: rt[n3].scrollOffset }, f3 = { left: lt[t3].freezeOffset, top: rt[n3].freezeOffset }, w2 = { width: Qe2, height: et };
       let x2 = null, p2 = null;
-      const m2 = (f3.top + (r3.vertical ? g2.top : 0)) / ce2, v2 = (f3.left + (r3.horizontal ? g2.left : 0)) / ce2;
+      const m2 = (f3.top + (r3.vertical ? g2.top : 0)) / le2, v2 = (f3.left + (r3.horizontal ? g2.left : 0)) / le2;
       return { getStage: () => Ie2.current ?? null, getVisibleRangeCoords: () => c3, toClipBounds: (e3, t4) => {
         let n4, o3 = 0;
         return void 0 === t4 || "number" == typeof t4 ? (n4 = u3(c3), o3 = t4) : n4 = t4, ((e4, t5, n5 = 0) => {
@@ -1369,33 +1377,33 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
           const o4 = { left: e4.x, top: e4.y, bottom: e4.height + e4.y, right: e4.width + e4.x }, r4 = { left: t5.x + n5, top: t5.y + n5, bottom: t5.height - 2 * n5 + t5.y, right: t5.width - 2 * n5 + t5.x }, l4 = { left: Math.max(o4.left, r4.left), top: Math.max(o4.top, r4.top), bottom: Math.min(o4.bottom, r4.bottom), right: Math.min(o4.right, r4.right) }, i3 = { x: l4.left, y: l4.top, width: l4.right - l4.left, height: l4.bottom - l4.top };
           return i3.height < 0 || i3.width < 0 ? null : i3;
         })(e3 ?? { x: 0, y: 0, width: d3.width, height: d3.height }, n4, o3);
-      }, toViewBounds: (e3) => 0 === v2 && 0 === m2 && 1 === ce2 ? e3 : { x: (e3.x - v2) * ce2, y: (e3.y - m2) * ce2, width: e3.width * ce2, height: e3.height * ce2 }, toAbsoluteBounds: (e3) => 0 === v2 && 0 === m2 && 1 === ce2 ? e3 : { x: e3.x / ce2 + v2, y: e3.y / ce2 + m2, width: e3.width / ce2, height: e3.height / ce2 }, getRelativePointFromClient: (e3, t4) => {
+      }, toViewBounds: (e3) => 0 === v2 && 0 === m2 && 1 === le2 ? e3 : { x: (e3.x - v2) * le2, y: (e3.y - m2) * le2, width: e3.width * le2, height: e3.height * le2 }, toAbsoluteBounds: (e3) => 0 === v2 && 0 === m2 && 1 === le2 ? e3 : { x: e3.x / le2 + v2, y: e3.y / le2 + m2, width: e3.width / le2, height: e3.height / le2 }, getRelativePointFromClient: (e3, t4) => {
         const n4 = ft(e3, t4);
         return { x: n4.x - d3.x, y: n4.y - d3.y };
-      }, getLayout: () => s3, getCellCoordsAsRangeCoords: fe2, getVisibleColumns: () => lt[t3].visibleIndices(), getVisibleRows: () => rt[n3].visibleIndices(), getVisibleColumnOffsets: () => (x2 || (x2 = ue(lt[t3].layout, true, lt[t3].visibleIndices(), c3.colStart, c3.colEnd)), x2), getVisibleRowOffsets: () => (p2 || (p2 = ue(rt[n3].layout, false, rt[n3].visibleIndices(), c3.rowStart, c3.rowEnd)), p2), getTotalRangeCoords: () => ({ colStart: lt[t3].minCoord, colEnd: lt[t3].maxCoord, rowStart: rt[n3].minCoord, rowEnd: rt[n3].maxCoord }), getRangeCoordsBounds: u3, scrollCellCoordsIntoView: (e3, t4) => It(e3, t4, o2), getCellCoordsFromClient: (e3, t4, n4 = false) => {
+      }, getLayout: () => s3, getCellCoordsAsRangeCoords: de2, getVisibleColumns: () => lt[t3].visibleIndices(), getVisibleRows: () => rt[n3].visibleIndices(), getVisibleColumnOffsets: () => (x2 || (x2 = he(lt[t3].layout, true, lt[t3].visibleIndices(), c3.colStart, c3.colEnd)), x2), getVisibleRowOffsets: () => (p2 || (p2 = he(rt[n3].layout, false, rt[n3].visibleIndices(), c3.rowStart, c3.rowEnd)), p2), getTotalRangeCoords: () => ({ colStart: lt[t3].minCoord, colEnd: lt[t3].maxCoord, rowStart: rt[n3].minCoord, rowEnd: rt[n3].maxCoord }), getRangeCoordsBounds: u3, scrollCellCoordsIntoView: (e3, t4) => It(e3, t4, o2), getCellCoordsFromClient: (e3, t4, n4 = false) => {
         const o3 = ft(e3, t4);
         if (!o3) return null;
         const r4 = s3.getColIndex(o3.x - d3.x), l4 = { rowIndex: s3.getRowIndex(o3.y - d3.y), colIndex: r4 };
         if (n4) return l4;
-        const i3 = fe2(l4);
+        const i3 = de2(l4);
         return { rowIndex: i3.rowStart, colIndex: i3.colStart };
-      }, getZoom: () => ce2, getAnchor: () => o2, getBounds: () => d3, getInsets: () => a3, getTotalSize: () => h3, getViewportSize: () => w2, getScrollTopLeft: () => g2, getFreezeTopLeft: () => f3, getScrollOrientation: () => i2, allViews: () => e2 };
+      }, getZoom: () => le2, getAnchor: () => o2, getBounds: () => d3, getInsets: () => a3, getTotalSize: () => h3, getViewportSize: () => w2, getScrollTopLeft: () => g2, getFreezeTopLeft: () => f3, getScrollOrientation: () => i2, allViews: () => e2 };
     };
-    let n2 = e2[O.Center] = t2(0, 0, O.Center, ze, Oe);
+    let n2 = e2[O.Center] = t2(0, 0, O.Center, Le, ze);
     return n2 && (e2[O.Center] = n2), n2 = t2(0, 1, O.Top, { horizontal: true }), n2 && (e2[O.Top] = n2), n2 = t2(1, 0, O.Left, { vertical: true }), n2 && (e2[O.Left] = n2), n2 = t2(1, 1, O.TopLeft, {}), n2 && (e2[O.TopLeft] = n2), it.current = null, e2 = Object.freeze(e2);
-  }, [rt, lt, fe2]), at = Object.keys(st), dt = lt[0]?.maxVirtualBounds ?? 0, ut = rt[0]?.maxVirtualBounds ?? 0, ht = y(() => ({ left: lt[1] ? lt[1].layout.getColOffset(lt[1].maxIndex + 1) : 0, top: rt[1] ? rt[1].layout.getRowOffset(rt[1].maxIndex + 1) : 0 }), [st]);
+  }, [rt, lt, de2]), at = Object.keys(st), dt = lt[0]?.maxVirtualBounds ?? 0, ut = rt[0]?.maxVirtualBounds ?? 0, ht = y(() => ({ left: lt[1] ? lt[1].layout.getColOffset(lt[1].maxIndex + 1) : 0, top: rt[1] ? rt[1].layout.getRowOffset(rt[1].maxIndex + 1) : 0 }), [st]);
   m(() => {
     if (ct.current.length > 0) {
       for (let e2 = 0; e2 < ct.current.length; e2++) ct.current[e2]();
       ct.current = [];
     }
   }, [st]);
-  const gt = o(() => ({ containerWidth: Qe, containerHeight: et, totalWidth: dt, totalHeight: ut }), [Qe, et, Xe2]);
+  const gt = o(() => ({ containerWidth: Qe2, containerHeight: et, totalWidth: dt, totalHeight: ut }), [Qe2, et, Xe2]);
   m(() => {
-    !Ae2.current && Ne2.current && Se2({ top: Ve2, left: Ue2, width: Qe, height: et, totalWidth: dt, totalHeight: ut });
+    !Be2.current && Ne2.current && Se2({ top: Ve2, left: Ue2, width: Qe2, height: et, totalWidth: dt, totalHeight: ut });
   }, [Ve2, Ue2, dt, ut]), m(() => {
-    Ne2.current && Se2({ top: Ve2, left: Ue2, width: Qe, height: et, totalWidth: dt, totalHeight: ut });
-  }, [Qe, et]);
+    Ne2.current && Se2({ top: Ve2, left: Ue2, width: Qe2, height: et, totalWidth: dt, totalHeight: ut });
+  }, [Qe2, et]);
   const ft = v((e2, t2) => {
     R("number" == typeof e2 && "number" == typeof t2, "Top and left should be a number.");
     const n2 = Ie2.current?.getBoundingClientRect();
@@ -1406,42 +1414,51 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (!n2) return null;
     const { x: o2, y: r3 } = n2;
     let l3 = null;
-    const i2 = Le, c3 = i2.length;
+    const i2 = $e, c3 = i2.length;
     for (let e3 = 0; !l3 && e3 < c3; e3++) {
       const t3 = st[i2[e3]];
-      t3 && ge(o2, r3, t3.getBounds()) && (l3 = t3);
+      t3 && fe(o2, r3, t3.getBounds()) && (l3 = t3);
     }
     return l3 || (l3 = st[O.Center]), l3;
-  }, [st, fe2]), pt = o(() => st[O.Center].getVisibleRangeCoords(), [st[O.Center]]), mt = w(null), vt = v(() => {
+  }, [st, de2]), pt = o(() => st[O.Center].getVisibleRangeCoords(), [st[O.Center]]), mt = w(null), vt = v(() => {
     null !== mt.current && P.cancelTimeout(mt.current), mt.current = P.requestTimeout(St, 150);
   }, []), St = v(() => {
-    mt.current = null, $e2((e2) => {
+    mt.current = null, Te2((e2) => {
       const t2 = { ...e2, verticalScrollDirection: null, horizontalScrollDirection: null };
       return We2.current = t2, t2;
     });
   }, []), yt = o((e2) => {
-    const t2 = e2?.left ?? e2?.[0], n2 = e2?.top ?? e2?.[1], o2 = void 0 !== t2 ? Math.min(dt - Qe, Math.max(lt?.[1]?.scrollOffset ?? 0, t2)) : We2.current.left, r3 = void 0 !== n2 ? Math.min(ut - et, Math.max(rt?.[1]?.scrollOffset ?? 0, n2)) : We2.current.top;
-    if (We2.current.left === o2 && We2.current.top === r3) return;
+    const t2 = e2?.left ?? e2?.[0], n2 = e2?.top ?? e2?.[1];
+    let o2 = We2.current.left;
+    void 0 !== t2 && t2 !== o2 && (t2 > o2 ? (o2 = Math.max(lt?.[1]?.scrollOffset ?? 0, t2), o2 = Math.min(dt - Qe2, o2)) : o2 = Math.max(lt?.[1]?.scrollOffset ?? 0, t2));
+    let r3 = We2.current.top;
+    if (void 0 !== n2 && n2 !== r3 && (n2 > r3 ? (r3 = Math.max(rt?.[1]?.scrollOffset ?? 0, n2), r3 = Math.min(ut - et, r3)) : r3 = Math.max(rt?.[1]?.scrollOffset ?? 0, n2)), We2.current.left === o2 && We2.current.top === r3) return;
     let l3 = null, i2 = null;
-    We2.current.left > o2 ? l3 = T.Left : We2.current.left < o2 && (l3 = T.Right), We2.current.top > r3 ? i2 = T.Up : We2.current.top < r3 && (i2 = T.Down), P.throttle(() => {
-      $e2((e3) => {
+    We2.current.left > o2 ? l3 = D.Left : We2.current.left < o2 && (l3 = D.Right), We2.current.top > r3 ? i2 = D.Up : We2.current.top < r3 && (i2 = D.Down), P.throttle(() => {
+      Te2((e3) => {
         const t3 = { ...e3, left: o2, top: r3, horizontalScrollDirection: l3, verticalScrollDirection: i2 };
         return We2.current = t3, t3;
       });
-    }, 17)(), Ae2.current?.top === r3 && Ae2.current?.left === o2 || (Ae2.current = { left: o2, top: r3 }, ve2({ left: o2, top: r3 }), Se2({ left: o2, top: r3, width: Qe, height: et, totalWidth: dt, totalHeight: ut })), vt();
+    }, 17)(), Be2.current?.top === r3 && Be2.current?.left === o2 || (Be2.current = { left: o2, top: r3 }, ve2({ left: o2, top: r3 }), Se2({ left: o2, top: r3, width: Qe2, height: et, totalWidth: dt, totalHeight: ut })), vt();
   }, [dt, ut, rt, lt]);
   m(() => {
-    Ae2.current || yt({ left: Ue2, top: Ve2 });
-  }, [dt, Qe, ut, et]), S(() => {
-    Ae2.current = { left: xe2?.left, top: xe2?.top }, yt(Ae2.current);
-  }, [xe2?.left, xe2?.top]);
+    Be2.current || yt({ left: Ue2, top: Ve2 });
+  }, [Qe2, et]), m(() => {
+    let e2, t2, n2 = false;
+    We2.current.left > dt && (e2 = 0, n2 = true), We2.current.top > ut && (t2 = 0, n2 = true), n2 && yt({ left: e2, top: t2 });
+  }, [dt, ut]), S(() => {
+    Be2.current = { left: we2?.left, top: we2?.top }, yt(Be2.current);
+  }, [we2?.left, we2?.top]);
   const bt = o((e2) => {
-    const t2 = e2?.left ?? e2?.[0], n2 = e2?.top ?? e2?.[1], o2 = e2?.behavior ?? "auto", r3 = { left: We2.current.left + (t2 ?? 0), top: We2.current.top + (n2 ?? 0) };
-    o2 && (r3.behavior = o2), yt(r3);
-  }, [dt, Qe, ut, et]), Ct = v((e2) => {
+    let t2 = e2?.left ?? e2?.[0], n2 = e2?.top ?? e2?.[1];
+    if (void 0 === t2 && void 0 === n2) return;
+    const o2 = e2?.behavior ?? "auto";
+    if (void 0 !== t2 && (t2 = We2.current.left + (t2 ?? 0)), void 0 !== n2 && (n2 = We2.current.top + (n2 ?? 0)), We2.current.left === t2 && We2.current.top === n2) return;
+    yt({ left: t2, top: n2, behavior: o2 });
+  }, []), Ct = v((e2) => {
     let t2 = null;
     if (Object.keys(st).length > 1) {
-      const n2 = Le, o2 = n2.length;
+      const n2 = $e, o2 = n2.length;
       for (let r3 = 0; !t2 && r3 < o2; r3++) {
         const o3 = st[n2[r3]];
         o3 && k.isCellWithinRange(e2, o3.getVisibleRangeCoords()) && (t2 = o3);
@@ -1456,7 +1473,13 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
         t3("Invalid view");
       });
     } else r3 = Ct(o2);
-    const l3 = fe2(o2), i2 = r3.getLayout(), c3 = i2.getColOffset(l3.colStart), s3 = i2.getRowOffset(l3.rowStart), a3 = i2.getColOffset(l3.colEnd + 1), d3 = i2.getRowOffset(l3.rowEnd + 1), u3 = r3.getBounds(), h3 = r3.getTotalSize(), g2 = r3.getScrollTopLeft(), f3 = ((e3, t3, n3 = true) => (n3 = true === n3 ? { block: "start", inline: "end" } : false === n3 ? { block: "end", inline: "end" } : { block: "end", inline: "end", ...n3 }, { left: ie(n3.inline, e3.x, e3.x + e3.width, t3.left, t3.left + t3.width, t3.totalWidth), top: ie(n3.block, e3.y, e3.y + e3.height, t3.top, t3.top + t3.height, t3.totalHeight) }))({ x: c3 + g2.left, y: s3 + g2.top, width: a3 - c3, height: d3 - s3 }, { left: g2.left, top: g2.top, width: u3.width, height: u3.height, totalWidth: h3.width, totalHeight: h3.height }, t2), w2 = { ...f3 };
+    const l3 = de2(o2), i2 = r3.getLayout(), c3 = i2.getColOffset(l3.colStart), s3 = i2.getRowOffset(l3.rowStart), a3 = i2.getColOffset(l3.colEnd + 1), d3 = i2.getRowOffset(l3.rowEnd + 1), u3 = r3.getBounds(), h3 = r3.getTotalSize(), g2 = r3.getScrollTopLeft(), f3 = ((e3, t3, n3 = true) => {
+      n3 = true === n3 ? { block: "start", inline: "end" } : false === n3 ? { block: "end", inline: "end" } : { block: "end", inline: "end", ...n3 };
+      const o3 = ce(n3.inline, e3.x, e3.x + e3.width, t3.left, t3.left + t3.width, t3.totalWidth), r4 = ce(n3.block, e3.y, e3.y + e3.height, t3.top, t3.top + t3.height, t3.totalHeight);
+      if (void 0 !== o3 || void 0 !== r4) return { left: o3, top: r4 };
+    })({ x: c3 + g2.left, y: s3 + g2.top, width: a3 - c3, height: d3 - s3 }, { left: g2.left, top: g2.top, width: u3.width, height: u3.height, totalWidth: h3.width, totalHeight: h3.height }, t2);
+    if (!f3) return Promise.resolve({ ...g2 });
+    const w2 = { ...f3 };
     w2.left > Ue2 ? w2.left += 20 : w2.left < Ue2 && (w2.left -= 0), w2.top > Ve2 ? w2.top += 20 : w2.top < Ve2 && (w2.top -= 0);
     const x2 = r3.getScrollOrientation();
     return x2.horizontal && void 0 !== e2.colIndex || delete w2.left, x2.vertical && void 0 !== e2.rowIndex || delete w2.top, new Promise((e3, t3) => {
@@ -1466,7 +1489,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
         t3(e4);
       }
     });
-  }, [dt, ut, st, fe2]), Et = o((e2) => {
+  }, [dt, ut, st, de2]), Et = o((e2) => {
     const t2 = e2.shiftKey;
     e2.preventDefault();
     const { deltaX: n2, deltaY: o2, deltaMode: r3 } = e2;
@@ -1478,7 +1501,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     1 === r3 && (c3 *= 0), Re2.current = window.requestAnimationFrame(() => {
       Re2.current = null, bt(s3 ? { left: i2 } : { top: c3 });
     });
-  }, [dt, Qe, ut, et, be2]), Rt = v((e2 = null) => {
+  }, [be2]), Rt = v((e2 = null) => {
     je2.current = null, it.current = null, ke2();
   }, []);
   S(() => {
@@ -1487,7 +1510,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
   const Mt = g(l2, () => ({ stage: Ie2.current, focus: tt, contains: nt, invalidate: Rt, scrollTo: yt, scrollBy: bt, scrollCellCoordsIntoView: It, getScrollPosition: ot, getDimensions: gt, getViewport: pt, handleWheel: Et, rowCount: a2, columnCount: d2, getLayout: () => Xe2, getRelativePointFromClient: ft, getViewFromClient: xt, getViewFromCellCoords: Ct, getViewFromLocation: wt, onViewChangeOnce: (e2) => {
     ct.current.push(e2);
   } }), [a2, d2, st]);
-  m(() => (se2 && Mt.current?.addEventListener("wheel", Et, { passive: false }), Ne2.current = true, Ae2.current = null, () => {
+  m(() => (se2 && Mt.current?.addEventListener("wheel", Et, { passive: false }), Ne2.current = true, Be2.current = null, () => {
     Mt.current?.removeEventListener("wheel", Et);
   }), [se2]);
   const kt = w([]), Pt = (t2, n2) => {
@@ -1499,14 +1522,14 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       const i2 = t3.getBounds();
       return e("div", { style: { position: "absolute", left: "0px", top: "0px", width: `${i2.width}px`, height: `${i2.height}px`, overflow: "hidden" }, children: l3 }, `overlay-${t3.getAnchor()}-${o2}`);
     })(t2, 0));
-  }, Dt = y(() => {
+  }, Tt = y(() => {
     const e2 = {}, t2 = Object.keys(st), n2 = t2.length;
     for (let o2 = 0; o2 < n2; o2++) {
       const n3 = t2[o2], r3 = [];
       Pt(st[n3], r3), e2[n3] = { overlays: r3 };
     }
     return e2;
-  }, [Me2, X2, a2, d2, rt, lt]), Tt = (t2, n2, o2, r3, l3, c3, s3) => {
+  }, [Me2, X2, a2, d2, rt, lt]), Dt = (t2, n2, o2, r3, l3, c3, s3) => {
     if (!t2) return;
     const a3 = t2.getVisibleColumns(), d3 = t2.getVisibleRows();
     if (0 === a3.length || 0 === d3.length) return;
@@ -1520,20 +1543,20 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
         for (let n4 = 0; n4 < t3; n4++) {
           const t4 = { rowIndex: e3, colIndex: a3[n4] };
           if (oe2?.(t4)) continue;
-          const o3 = { coords: t4, range: fe2(t4) };
+          const o3 = { coords: t4, range: de2(t4) };
           u3.push(o3);
         }
       }
     }
-    const h3 = t2.getVisibleColumnOffsets(), g2 = t2.getVisibleRowOffsets(), f3 = t2.getScrollTopLeft(), w2 = t2.getFreezeTopLeft(), x2 = f3.left + w2.left, p2 = f3.top + w2.top, m2 = Math.trunc(x2 / Be), v2 = Math.trunc(p2 / Be), S2 = {}, y2 = (e2, t3, n3, o3, r4) => {
-      const l4 = `view:${e2.getAnchor()}:cell:${le(t3.rowIndex, t3.colIndex)}`, a4 = o3.x, d4 = o3.y, u4 = Math.trunc((x2 + a4) / Be) - m2, h4 = Math.trunc((p2 + d4) / Be) - v2;
+    const h3 = t2.getVisibleColumnOffsets(), g2 = t2.getVisibleRowOffsets(), f3 = t2.getScrollTopLeft(), w2 = t2.getFreezeTopLeft(), x2 = f3.left + w2.left, p2 = f3.top + w2.top, m2 = Math.trunc(x2 / Fe), v2 = Math.trunc(p2 / Fe), S2 = {}, y2 = (e2, t3, n3, o3, r4) => {
+      const l4 = `view:${e2.getAnchor()}:cell:${ie(t3.rowIndex, t3.colIndex)}`, a4 = o3.x, d4 = o3.y, u4 = Math.trunc((x2 + a4) / Fe) - m2, h4 = Math.trunc((p2 + d4) / Fe) - v2;
       S2[h4] || (S2[h4] = {});
       let g3 = S2[h4][u4];
       g3 || (g3 = S2[h4][u4] = []);
       let f4 = c3?.get(l4);
       if (!f4) {
-        const c4 = (x2 + a4) % Be, s4 = (p2 + d4) % Be;
-        f4 = N2({ key: l4, coords: t3, bounds: o3, zoom: ce2, range: n3, view: e2, value: r4, style: { left: i.boundPixel(c4), top: i.boundPixel(s4), width: i.boundPixel(o3.width, true), height: i.boundPixel(o3.height, true) } });
+        const c4 = (x2 + a4) % Fe, s4 = (p2 + d4) % Fe;
+        f4 = N2({ key: l4, coords: t3, bounds: o3, zoom: le2, range: n3, view: e2, value: r4, style: { left: i.boundPixel(c4), top: i.boundPixel(s4), width: i.boundPixel(o3.width, true), height: i.boundPixel(o3.height, true) } });
       }
       s3?.set(l4, f4), g3.push(f4);
     }, b3 = u3.length;
@@ -1547,19 +1570,19 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       const d4 = i2.rowIndex, f4 = i2.colIndex, w3 = g2[d4], x3 = h3[f4];
       let p3 = null;
       w3 && x3 && (p3 = { x: x3.offset, y: w3.offset, width: x3.size, height: w3.size });
-      const m3 = le(c4.rowStart, c4.colStart);
+      const m3 = ie(c4.rowStart, c4.colStart);
       if (a4) {
         if (l3.has(m3)) continue;
         l3.add(m3), c4.rowEnd - c4.rowStart > 0 && o2.push(c4), c4.colEnd - c4.colStart > 0 && r3.push(c4);
       }
-      if (a4 && (p3 = he(t2.getLayout(), c4)), !p3) {
+      if (a4 && (p3 = ge(t2.getLayout(), c4)), !p3) {
         console.warn("no bounds for cell", m3);
         continue;
       }
       const v3 = n3?.value;
       y2(t2, i2, c4, p3, v3);
     }
-    const C3 = x2 % Be, I2 = p2 % Be, E3 = Object.keys(S2), R2 = E3.length;
+    const C3 = x2 % Fe, I2 = p2 % Fe, E3 = Object.keys(S2), R2 = E3.length;
     for (let o3 = 0; o3 < R2; o3++) {
       const r4 = E3[o3], l4 = S2[r4];
       if (!l4) continue;
@@ -1568,68 +1591,66 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
         const s5 = c4[o4], a4 = l4[s5];
         if (!a4) continue;
         const d4 = parseInt(r4), u4 = parseInt(s5), h4 = d4 + v2, g3 = u4 + m2, f4 = `view:${t2.getAnchor()}:segment:${g3}:${h4}`;
-        n2.push(e("div", { className: "cell-container", style: { transform: `translate(${i.boundPixel(u4 * Be - C3, true)}px, ${i.boundPixel(d4 * Be - I2, true)}px)`, willChange: "transform" }, children: a4 }, f4));
+        n2.push(e("div", { className: "cell-container", style: { transform: `translate(${i.boundPixel(u4 * Fe - C3, true)}px, ${i.boundPixel(d4 * Fe - I2, true)}px)`, willChange: "transform" }, children: a4 }, f4));
       }
     }
   }, Ot = y(() => {
     const e2 = je2.current, t2 = /* @__PURE__ */ new Map(), n2 = {}, o2 = Object.keys(st), r3 = o2.length;
     for (let l3 = 0; l3 < r3; l3++) {
       const r4 = o2[l3], i2 = [], c3 = [], s3 = [];
-      Tt(st[r4], s3, i2, c3, /* @__PURE__ */ new Set(), e2, t2), n2[r4] = { cells: s3, rangesH: i2, rangesV: c3 };
+      Dt(st[r4], s3, i2, c3, /* @__PURE__ */ new Set(), e2, t2), n2[r4] = { cells: s3, rangesH: i2, rangesV: c3 };
     }
     return je2.current = t2, n2;
-  }, [Me2, a2, d2, rt, lt, z2, pe2, F2, oe2, re2, fe2]), zt = (t2, n2, o2, r3, l3) => {
-    if (t2) if (n2) {
+  }, [Me2, a2, d2, rt, lt, z2, pe2, F2, oe2, re2, te2, ee2, de2]), zt = (t2, n2, o2, r3, l3) => {
+    if (!t2) return;
+    const c3 = t2.getLayout();
+    if (n2) {
       const e2 = `view:${t2.getAnchor()}:hl:`, n3 = t2.getVisibleRows();
-      if (!n3 || 0 === n3.length) return;
-      const c3 = 0, s3 = t2.getBounds().width;
-      let a3 = [];
-      const d3 = l3.sort(k.rowFirstRangeComparator), u3 = t2.getVisibleRangeCoords();
-      for (let l4 = 0; l4 < n3.length && n3[l4] <= u3.rowEnd; l4++) {
-        const h3 = n3[l4];
-        if (h3 < u3.rowStart) continue;
+      if (0 === (n3 ? n3.length : 0)) return;
+      const s3 = l3.sort(k.rowFirstRangeComparator), a3 = t2.getVisibleRangeCoords(), d3 = 0, u3 = Math.min(t2.getBounds().width, c3.getColOffset(a3.colEnd + 1));
+      let h3 = [];
+      for (let t3 = 0; t3 < n3.length && n3[t3] <= a3.rowEnd; t3++) {
+        const l4 = n3[t3];
+        if (l4 < a3.rowStart) continue;
         let g2 = false;
-        for (; d3.length > 0 && d3[0].rowStart <= h3; ) {
-          const e3 = d3.shift();
-          e3.rowEnd > h3 && (a3.push(e3), g2 = true);
+        for (; s3.length > 0 && s3[0].rowStart <= l4; ) {
+          const e3 = s3.shift();
+          e3.rowEnd > l4 && (h3.push(e3), g2 = true);
         }
-        g2 && (a3 = a3.sort(k.columnFirstRangeComparator));
-        const f3 = t2.getLayout(), w2 = f3.getRowOffset(h3 + 1);
-        let x2 = c3;
-        const p2 = a3.length;
-        for (let t3 = 0; t3 < p2 + 1; t3++) {
-          let n4 = x2, l5 = s3;
-          const c4 = a3[t3];
-          t3 < p2 && (l5 = Math.min(s3, f3.getColOffset(c4.colStart)), x2 = Math.min(s3, f3.getColOffset(c4.colEnd + 1))), r3.push(I("path", { d: `M ${i.boundPixel(n4)} ${i.boundPixel(w2, false, o2)} L ${i.boundPixel(l5)} ${i.boundPixel(w2, false, o2)}`, stroke: L2, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...$2, key: e2 + h3 + ":" + t3 }));
+        g2 && (h3 = h3.sort(k.columnFirstRangeComparator));
+        const f3 = c3.getRowOffset(l4 + 1);
+        let w2 = d3;
+        const x2 = h3.length;
+        for (let t4 = 0; t4 < x2 + 1; t4++) {
+          let n4 = w2, s4 = u3;
+          const a4 = h3[t4];
+          t4 < x2 && (s4 = Math.min(u3, c3.getColOffset(a4.colStart)), w2 = Math.min(u3, c3.getColOffset(a4.colEnd + 1))), r3.push(I("path", { d: `M ${i.boundPixel(n4)} ${i.boundPixel(f3, false, o2)} L ${i.boundPixel(s4)} ${i.boundPixel(f3, false, o2)}`, stroke: L2, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...$2, key: e2 + l4 + ":" + t4 }));
         }
-        for (let e3 = p2 - 1; e3 >= 0; e3--) a3[e3].rowEnd <= n3[l4 + 1] && a3.splice(e3, 1);
+        for (let e3 = x2 - 1; e3 >= 0; e3--) h3[e3].rowEnd <= n3[t3 + 1] && h3.splice(e3, 1);
       }
     } else {
-      const n3 = `view:${t2.getAnchor()}:vl:`, c3 = t2.getVisibleColumns();
-      if (!c3 || 0 === c3.length) return;
-      const s3 = 0, a3 = t2.getBounds().height;
-      let d3 = [];
-      const u3 = l3.sort(k.columnFirstRangeComparator), h3 = t2.getVisibleRangeCoords(), g2 = c3.length;
-      for (let l4 = 0; l4 < g2 && c3[l4] <= h3.colEnd; l4++) {
-        const g3 = c3[l4];
-        if (g3 < h3.colStart) continue;
-        let f3 = false;
-        for (; u3.length > 0 && u3[0].colStart <= g3; ) {
-          const e2 = u3.shift();
-          e2.colEnd > g3 && (d3.push(e2), f3 = true);
+      const n3 = `view:${t2.getAnchor()}:vl:`, s3 = t2.getVisibleColumns(), a3 = s3 ? s3.length : 0;
+      if (0 === a3) return;
+      const d3 = l3.sort(k.columnFirstRangeComparator), u3 = t2.getVisibleRangeCoords(), h3 = 0, g2 = Math.min(t2.getBounds().height, c3.getRowOffset(u3.rowEnd + 1));
+      let f3 = [];
+      for (let t3 = 0; t3 < a3 && s3[t3] <= u3.colEnd; t3++) {
+        const l4 = s3[t3];
+        if (l4 < u3.colStart) continue;
+        let a4 = false;
+        for (; d3.length > 0 && d3[0].colStart <= l4; ) {
+          const e2 = d3.shift();
+          e2.colEnd > l4 && (f3.push(e2), a4 = true);
         }
-        f3 && (d3 = d3.sort(k.rowFirstRangeComparator));
-        const w2 = t2.getLayout(), x2 = w2.getColOffset(g3 + 1);
-        let p2 = s3;
-        const m2 = d3.length;
-        for (let t3 = 0; t3 < m2 + 1; t3++) {
-          let l5 = p2, c4 = a3;
-          const s4 = d3[t3];
-          t3 < m2 && (c4 = Math.min(a3, w2.getRowOffset(s4.rowStart)), p2 = Math.min(a3, w2.getRowOffset(s4.rowEnd + 1)));
-          let u4 = L2;
-          r3.push(e("path", { d: `M ${i.boundPixel(x2, false, o2)} ${i.boundPixel(l5)} L ${i.boundPixel(x2, false, o2)} ${i.boundPixel(c4)}`, stroke: u4, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...B2 }, n3 + g3 + ":" + t3));
+        a4 && (f3 = f3.sort(k.rowFirstRangeComparator));
+        const w2 = c3.getColOffset(l4 + 1);
+        let x2 = h3;
+        const p2 = f3.length;
+        for (let t4 = 0; t4 < p2 + 1; t4++) {
+          let s4 = x2, a5 = g2;
+          const d4 = f3[t4];
+          t4 < p2 && (a5 = Math.min(g2, c3.getRowOffset(d4.rowStart)), x2 = Math.min(g2, c3.getRowOffset(d4.rowEnd + 1))), r3.push(e("path", { d: `M ${i.boundPixel(w2, false, o2)} ${i.boundPixel(s4)} L ${i.boundPixel(w2, false, o2)} ${i.boundPixel(a5)}`, stroke: L2, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...B2 }, n3 + l4 + ":" + t4));
         }
-        for (let e2 = m2 - 1; e2 >= 0; e2--) d3[e2].colEnd <= c3[l4 + 1] && d3.splice(e2, 1);
+        for (let e2 = p2 - 1; e2 >= 0; e2--) f3[e2].colEnd <= s3[t3 + 1] && f3.splice(e2, 1);
       }
     }
   }, Lt = (t2) => {
@@ -1642,7 +1663,7 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       n2[o3] = e("svg", { width: `${s3}`, height: `${a3}`, viewBox: `0 0 ${s3} ${a3}`, preserveAspectRatio: "none", shapeRendering: "crispEdges", style: { position: "absolute" }, children: i2 });
     }
     return n2;
-  }, $t = y(() => true === z2 || true === z2?.horizontal ? Lt(true) : null, [Me2, z2, rt, U2, W2, L2, $2, a2, d2, Qe, dt, Ot]), Bt = y(() => true === z2 || true === z2?.vertical ? Lt(false) : null, [Me2, z2, lt, U2, W2, L2, B2, a2, d2, et, ut, Ot]), Ft = y(() => 0 === ht.left ? null : e(we, { linePoints: [0, 0, 0, et + 1], bounds: { x: ht.left, y: 0, width: 1, height: et + 1 }, ...H2 }), [Me2, ht.left, et, H2]), At = y(() => 0 === ht.top ? null : e(we, { linePoints: [0, 0, Qe + 1, 0], bounds: { x: 0, y: ht.top, width: Qe + 1, height: 1 }, ...K2 }), [Me2, ht.top, Qe, K2]), Wt = y(() => {
+  }, $t = y(() => true === z2 || true === z2?.horizontal ? Lt(true) : null, [Me2, z2, rt, U2, W2, L2, $2, a2, d2, Qe2, dt, st, Ot]), Bt = y(() => true === z2 || true === z2?.vertical ? Lt(false) : null, [Me2, z2, lt, U2, W2, L2, B2, a2, d2, et, ut, st, Ot]), Ft = y(() => 0 === ht.left ? null : e(xe, { linePoints: [0, 0, 0, et + 1], bounds: { x: ht.left, y: 0, width: 1, height: et + 1 }, ...H2 }), [Me2, ht.left, et, H2]), At = y(() => 0 === ht.top ? null : e(xe, { linePoints: [0, 0, Qe2 + 1, 0], bounds: { x: 0, y: ht.top, width: Qe2 + 1, height: 1 }, ...K2 }), [Me2, ht.top, Qe2, K2]), Wt = y(() => {
     const o2 = [], r3 = (e2) => {
       if (!e2 || !st[e2]) return;
       const n2 = st[e2].getBounds();
@@ -1658,13 +1679,13 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       for (let i3 = 0; i3 < l3; i3++) {
         const l4 = o3[i3];
         let c4 = e3?.get(l4);
-        c4 !== Fe && (c4 = l4(n3) ?? Fe), t2.set(l4, c4), c4 && c4 !== Fe && r4.push(c4);
+        c4 !== Ae && (c4 = l4(n3) ?? Ae), t2.set(l4, c4), c4 && c4 !== Ae && r4.push(c4);
       }
       return r4;
     }, n2 = (n3, o3, r4) => {
       if (!r4) return;
       const l3 = r4.getBounds(), i3 = r4.getInsets(), c4 = r4.getAnchor();
-      return t("div", { className: M("view", `view-${c4}`, De.view), style: { position: "absolute", pointerEvents: "none", left: l3.x - i3.left, top: l3.y - i3.top, width: l3.width - (i3.left + i3.right), height: l3.height - (i3.top + i3.bottom), clipPath: _2 ? "inset(-2px)" : "inset(0px)" }, children: [e2(n3, o3, r4, G2), Dt?.[c4].overlays] }, `view:${c4}`);
+      return t("div", { className: M("view", `view-${c4}`, De.view), style: { position: "absolute", pointerEvents: "none", left: l3.x - i3.left, top: l3.y - i3.top, width: l3.width - (i3.left + i3.right), height: l3.height - (i3.top + i3.bottom), clipPath: _2 ? "inset(-2px)" : "inset(0px)" }, children: [e2(n3, o3, r4, G2), Tt?.[c4].overlays] }, `view:${c4}`);
     }, o2 = it.current, r3 = {}, i2 = [], c3 = Object.keys(st), s3 = c3.length;
     for (let e3 = 0; e3 < s3; e3++) {
       const t2 = c3[e3], l3 = o2?.[t2], s4 = r3[t2] = /* @__PURE__ */ new Map();
@@ -1673,54 +1694,54 @@ const be = -10, Ce = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     return it.current = r3, i2;
   }, [Me2, st, _2, G2]), Ut = y(() => {
     const { style: t2, ...n2 } = J2 ?? {};
-    return e("div", { style: { width: Qe, height: et, ...t2 }, className: "sheetxl-stage", tabIndex: 0, ref: Ie2, ...n2, ...me2, children: Q2 ? Q2(Wt) : Wt });
-  }, [Qe, et, Wt, J2, Q2]), Ht = w(false);
+    return e("div", { style: { width: Qe2, height: et, ...t2 }, className: "sheetxl-stage", tabIndex: 0, ref: Ie2, ...n2, ...me2, children: Q2 ? Q2(Wt) : Wt });
+  }, [Qe2, et, Wt, J2, Q2]), Ht = w(false);
   return m(() => {
     !Ht.current && Ot && (Ht.current = true, Ce2?.(Mt.current));
-  }, [Ot]), t("div", { className: M("sheetxl-grid", De["sheetxl-grid"]), style: { overflow: "visible", cursor: A2, maxWidth: Qe, maxHeight: et, width: Qe, height: et, ...pe2 }, ref: Mt, children: [Ut, t("div", { className: M("sheetxl-overlays"), ref: Ee2, ...Z2, children: [Vt, Ft, At] })] });
+  }, [Ot]), t("div", { className: M("sheetxl-grid", De["sheetxl-grid"]), style: { overflow: "visible", cursor: A2, maxWidth: Qe2, maxHeight: et, width: Qe2, height: et, ...pe2 }, ref: Mt, children: [Ut, t("div", { className: M("sheetxl-overlays"), ref: Ee2, ...Z2, children: [Vt, Ft, At] })] });
 }));
-Ae.displayName = "BaseGrid";
-const We = b(C((t2, n2) => {
+We.displayName = "BaseGrid";
+const Ve = b(C((t2, n2) => {
   const { width: o2, height: r2, style: l2 = {}, className: i2, ...c2 } = t2, [s2, { width: a2, height: d2 }] = z();
-  return e("div", { className: i2, style: { ...l2 }, children: e("div", { style: { position: "relative", top: "0px", left: "0px", width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", boxSizing: "content-box" }, ref: s2, children: e(Ae, { ref: n2, width: o2 ?? a2, height: r2 ?? d2, ...c2 }) }) });
+  return e("div", { className: i2, style: { ...l2 }, children: e("div", { style: { position: "relative", top: "0px", left: "0px", width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", boxSizing: "content-box" }, ref: s2, children: e(We, { ref: n2, width: o2 ?? a2, height: r2 ?? d2, ...c2 }) }) });
 }));
-We.displayName = "Grid";
-const Ve = b(C((t2, n2) => {
+Ve.displayName = "Grid";
+const Ue = b(C((t2, n2) => {
   const { showVerticalScrollbar: o2, showHorizontalScrollbar: r2, createHorizontalScrollbar: l2, createVerticalScrollbar: i2, createScrollCorner: c2, viewport: s2, onScrollViewport: a2, style: d2 = {}, className: u2, onScroll: h2, ...g2 } = t2, [x2, m2] = p(null), S2 = w(null), y2 = w(null);
   R(!s2, "Viewport can not be specified"), E(n2, () => y2.current && S2.current ? Object.assign(y2.current, S2.current) : null);
   const b2 = v((e2) => {
     y2.current?.scrollTo(e2), a2?.(e2);
   }, []);
-  return e(f, { className: u2, style: d2, ref: S2, showVerticalScrollbar: o2, showHorizontalScrollbar: r2, createHorizontalScrollbar: l2, createVerticalScrollbar: i2, createScrollCorner: c2, viewport: x2, onScrollViewport: b2, children: e(We, { style: { width: "100%", height: "100%" }, ...g2, onViewportChange: (e2) => m2(e2), ref: y2 }) });
+  return e(f, { className: u2, style: d2, ref: S2, showVerticalScrollbar: o2, showHorizontalScrollbar: r2, createHorizontalScrollbar: l2, createVerticalScrollbar: i2, createScrollCorner: c2, viewport: x2, onScrollViewport: b2, children: e(Ve, { style: { width: "100%", height: "100%" }, ...g2, onViewportChange: (e2) => m2(e2), ref: y2 }) });
 }));
-Ve.displayName = "ScrollableGrid";
-const Ue = () => false, He = b((t2) => {
-  const { index: n2, value: o2, zoom: r2, zoomScale: l2 = 100, headerText: c2 = (e2) => `${e2}`, headerStyle: s2, headerStyleSelect: a2 = s2, headerStyleSelectAll: d2 = a2, headerStyleHover: u2 = d2, verticalPadding: h2 = 0, horizontalPadding: g2 = 0, isSelected: f2 = Ue, isSelectedAll: x2 = Ue, coords: m2, bounds: v2, range: S2, orientation: y2, view: b2, style: C2, ...I2 } = t2, E2 = l2 / 100, R2 = w(null), [M2, k2] = p(false), T2 = f2?.(n2) || false, O2 = x2?.(n2) || false ? d2 : T2 ? a2 : s2;
+Ue.displayName = "ScrollableGrid";
+const He = () => false, Ke = b((t2) => {
+  const { index: n2, value: o2, zoom: r2, zoomScale: l2 = 100, headerText: c2 = (e2) => `${e2}`, headerStyle: s2, headerStyleSelect: a2 = s2, headerStyleSelectAll: d2 = a2, headerStyleHover: u2 = d2, verticalPadding: h2 = 0, horizontalPadding: g2 = 0, isSelected: f2 = He, isSelectedAll: x2 = He, coords: m2, bounds: v2, range: S2, orientation: y2, view: b2, style: C2, ...I2 } = t2, E2 = l2 / 100, R2 = w(null), [M2, k2] = p(false), D2 = f2?.(n2) || false, O2 = x2?.(n2) || false ? d2 : D2 ? a2 : s2;
   let z2 = O2;
   if (M2) {
     let e2 = u2;
     "function" == typeof u2 && (e2 = u2(O2)), z2 = P.mergeContentful(O2, e2);
   }
-  return e("div", { ref: R2, style: { background: z2.fill, color: z2.text?.fill, fontFamily: z2.text?.fontFamily ?? s2.text?.fontFamily, fontSize: 96 * (z2.text?.fontSize ?? 11) / 72 * E2, fontStyle: z2.text?.fontStyle, fontWeight: z2.text?.fontWeight, lineHeight: 1.2, display: "flex", justifyContent: "center", alignItems: "end", pointerEvents: "auto", paddingBottom: `${E2}px`, ...C2, left: C2.left - (y2 === D.Column ? 1 : 0), top: C2.top - (y2 === D.Row ? 1 : 0), width: C2.width + 1, height: C2.height + 1, overflow: "hidden" }, ...I2, onMouseMove: (e2) => {
+  return e("div", { ref: R2, style: { background: z2.fill, color: z2.text?.fill, fontFamily: z2.text?.fontFamily ?? s2.text?.fontFamily, fontSize: 96 * (z2.text?.fontSize ?? 11) / 72 * E2, fontStyle: z2.text?.fontStyle, fontWeight: z2.text?.fontWeight, lineHeight: 1.2, display: "flex", justifyContent: "center", alignItems: "end", pointerEvents: "auto", paddingBottom: `${E2}px`, ...C2, left: C2.left - (y2 === T.Column ? 1 : 0), top: C2.top - (y2 === T.Row ? 1 : 0), width: C2.width + 1, height: C2.height + 1, overflow: "hidden" }, ...I2, onMouseMove: (e2) => {
     "touch" !== i.detectIt().primaryInput && 0 === e2.buttons && k2(true);
   }, onMouseOut: (e2) => {
     k2(false);
   }, children: c2(n2) });
 });
-He.displayName = "HeaderRenderer";
-const Ke = "ew-resize", Ne = "ns-resize", qe = b(C((n2, o2) => {
-  const { orientation: r2, view: l2, index: c2, className: s2, style: a2, disabled: d2 = false, disabledResize: u2 = false, isNextHidden: h2, isHidden: g2, isSelected: f2, isSelectedAll: w2, showTouchDivider: x2, headerStyle: p2, headerStyleSelect: m2, headerStyleSelectAll: v2, headerStyleHover: S2, bounds: y2, onPointerDown: b2, onAutoFit: C2, ...I2 } = n2, E2 = r2 === D.Column;
+Ke.displayName = "HeaderRenderer";
+const Ne = "ew-resize", qe = "ns-resize", je = b(C((n2, o2) => {
+  const { orientation: r2, view: l2, index: c2, className: s2, style: a2, disabled: d2 = false, disabledResize: u2 = false, isNextHidden: h2, isHidden: g2, isSelected: f2, isSelectedAll: w2, showTouchDivider: x2, headerStyle: p2, headerStyleSelect: m2, headerStyleSelectAll: v2, headerStyleHover: S2, bounds: y2, onPointerDown: b2, onAutoFit: C2, ...I2 } = n2, E2 = r2 === T.Column;
   let R2 = p2;
   f2 && m2 && (R2 = m2), w2 && v2 && (R2 = v2);
   const k2 = "touch" === i.detectIt().primaryInput;
-  let P2 = E2 ? 14 : 8, T2 = P2 / 2, O2 = 0;
-  h2 && (O2 = -2), g2 && (O2 = 2), g2 && (P2 = P2 / 2 + O2, T2 = 2 * O2);
+  let P2 = E2 ? 14 : 8, D2 = P2 / 2, O2 = 0;
+  h2 && (O2 = -2), g2 && (O2 = 2), g2 && (P2 = P2 / 2 + O2, D2 = 2 * O2);
   let z2 = R2.dividerStrokeFill ?? R2.strokeFill;
-  return !(f2 || w2) && 0 === O2 && (z2 = `linear-gradient(${E2 ? 180 : 90}deg, ${R2.fill}, ${z2} 55%, ${z2} 100%)`), t("div", { className: M("header-divider", { disabled: d2 }, s2, `index-${c2}`), ref: o2, onPointerDown: k2 ? void 0 : b2, onDoubleClick: k2 ? void 0 : () => C2?.(), style: { top: (E2 ? 0 : -P2 / 2 + (O2 - 1)) + "px", left: (E2 ? -P2 / 2 + (O2 - 1) : 0) + "px", width: E2 ? P2 : "calc(100% + 1px)", height: E2 ? "calc(100% + 1px)" : P2, position: "absolute", overflow: "visible", pointerEvents: "all", cursor: d2 || u2 || k2 ? void 0 : E2 ? Ke : Ne, ...a2 }, ...I2, children: [e("div", { style: { position: "relative", top: `${E2 ? 0 : T2}px`, left: `${E2 ? T2 : 0}px`, width: E2 ? 1 : "100%", height: E2 ? "100%" : 1, background: z2 }, onDoubleClick: () => C2?.() }), x2 && k2 ? e("div", { style: { position: "absolute", cursor: "grab", zIndex: 1, borderRadius: "4px", right: E2 ? "-6px" : "2px", bottom: E2 ? "2px" : "-9px", height: "24px", width: E2 ? "24px" : "18px", maxHeight: E2 ? "calc(100% - 4px)" : void 0, maxWidth: E2 ? void 0 : "calc(100% - 4px)", background: R2.fill, border: `${v2.edgeStrokeFill} solid 1px`, boxShadow: `0.5px 0.5px 0px 0px ${p2.text.fill}`, display: "flex", alignItems: "center", justifyContent: "center" }, onPointerDown: b2, children: e("div", { style: { width: "6.4px", height: "12px", backgroundImage: `url("data:image/svg+xml,%3Csvg width='6.4' height='12' viewBox='0 0 9.6 16' version='1.1' fill='${encodeURIComponent(m2.text.fill)}' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='M 9.60008,14.40009 C 9.60008,15.28374 8.88368,16 8.00003,16 7.11639,16 6.40012,15.28374 6.40012,14.40009 c 0,-0.88365 0.71627,-1.60005 1.59991,-1.60005 0.88365,0 1.60005,0.7164 1.60005,1.60005 m 0,-6.40012 c 0,0.88364 -0.7164,1.60004 -1.60005,1.60004 -0.88364,0 -1.59991,-0.7164 -1.59991,-1.60004 0,-0.88365 0.71627,-1.60005 1.59991,-1.60005 0.88365,0 1.60005,0.7164 1.60005,1.60005 m 0,-6.40006 c 0,0.88365 -0.7164,1.60005 -1.60005,1.60005 -0.88364,0 -1.59991,-0.7164 -1.59991,-1.60005 C 6.40012,0.71626 7.11639,0 8.00003,0 8.88368,0 9.60008,0.71626 9.60008,1.59991 M 3.19996,14.40009 C 3.19996,15.28374 2.48369,16 1.60005,16 0.7164,16 0,15.28374 0,14.40009 c 0,-0.88365 0.7164,-1.60005 1.60005,-1.60005 0.88364,0 1.59991,0.7164 1.59991,1.60005 m 0,-6.40012 c 0,0.88364 -0.71627,1.60004 -1.59991,1.60004 C 0.7164,9.60001 0,8.88361 0,7.99997 0,7.11632 0.7164,6.39992 1.60005,6.39992 c 0.88364,0 1.59991,0.7164 1.59991,1.60005 m 0,-6.40006 c 0,0.88365 -0.71627,1.60005 -1.59991,1.60005 C 0.7164,3.19996 0,2.48356 0,1.59991 0,0.71626 0.7164,0 1.60005,0 2.48369,0 3.19996,0.71626 3.19996,1.59991' /%3E%3C/svg%3E%0A")`, backgroundRepeat: "no-repeat", backgroundPosition: "center", transform: E2 ? void 0 : "rotate(90deg)" } }) }) : null] });
-})), je = (t2, n2) => e(qe, { ...t2, ref: n2 }), Xe = b(C((r2, l2) => {
-  const { orientation: i2, view: c2, index: a2, disabled: u2 = false, disabledResize: h2 = false, resizeThreshold: g2 = 1, dividerRenderer: f2 = je, onDividerMouseDown: x2, onDividerResizeStart: m2, onDividerResize: v2, onDividerResizeEnd: S2, onDividerMouseUp: y2, onDividerAutoFit: b2, onPointerDown: C2, ...I2 } = r2, E2 = o(C2, [C2]), R2 = o(b2, [b2]), k2 = i2 === D.Column;
-  let P2 = k2 ? c2.getVisibleColumns() : c2.getVisibleRows(), T2 = null;
-  P2.length > 0 && (k2 ? T2 = c2.getRangeCoordsBounds({ rowStart: 0, rowEnd: 0, colStart: P2[0], colEnd: P2[P2.length - 1] }) : c2.getRangeCoordsBounds({ rowStart: P2[0], rowEnd: P2[P2.length - 1], colStart: 0, colEnd: 0 }), T2 = c2.toClipBounds(T2, be));
+  return !(f2 || w2) && 0 === O2 && (z2 = `linear-gradient(${E2 ? 180 : 90}deg, ${R2.fill}, ${z2} 55%, ${z2} 100%)`), t("div", { className: M("header-divider", { disabled: d2 }, s2, `index-${c2}`), ref: o2, onPointerDown: k2 ? void 0 : b2, onDoubleClick: k2 ? void 0 : () => C2?.(), style: { top: (E2 ? 0 : -P2 / 2 + (O2 - 1)) + "px", left: (E2 ? -P2 / 2 + (O2 - 1) : 0) + "px", width: E2 ? P2 : "calc(100% + 1px)", height: E2 ? "calc(100% + 1px)" : P2, position: "absolute", overflow: "visible", pointerEvents: "all", cursor: d2 || u2 || k2 ? void 0 : E2 ? Ne : qe, ...a2 }, ...I2, children: [e("div", { style: { position: "relative", top: `${E2 ? 0 : D2}px`, left: `${E2 ? D2 : 0}px`, width: E2 ? 1 : "100%", height: E2 ? "100%" : 1, background: z2 }, onDoubleClick: () => C2?.() }), x2 && k2 ? e("div", { style: { position: "absolute", cursor: "grab", zIndex: 1, borderRadius: "4px", right: E2 ? "-6px" : "2px", bottom: E2 ? "2px" : "-9px", height: "24px", width: E2 ? "24px" : "18px", maxHeight: E2 ? "calc(100% - 4px)" : void 0, maxWidth: E2 ? void 0 : "calc(100% - 4px)", background: R2.fill, border: `${v2.edgeStrokeFill} solid 1px`, boxShadow: `0.5px 0.5px 0px 0px ${p2.text.fill}`, display: "flex", alignItems: "center", justifyContent: "center" }, onPointerDown: b2, children: e("div", { style: { width: "6.4px", height: "12px", backgroundImage: `url("data:image/svg+xml,%3Csvg width='6.4' height='12' viewBox='0 0 9.6 16' version='1.1' fill='${encodeURIComponent(m2.text.fill)}' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='M 9.60008,14.40009 C 9.60008,15.28374 8.88368,16 8.00003,16 7.11639,16 6.40012,15.28374 6.40012,14.40009 c 0,-0.88365 0.71627,-1.60005 1.59991,-1.60005 0.88365,0 1.60005,0.7164 1.60005,1.60005 m 0,-6.40012 c 0,0.88364 -0.7164,1.60004 -1.60005,1.60004 -0.88364,0 -1.59991,-0.7164 -1.59991,-1.60004 0,-0.88365 0.71627,-1.60005 1.59991,-1.60005 0.88365,0 1.60005,0.7164 1.60005,1.60005 m 0,-6.40006 c 0,0.88365 -0.7164,1.60005 -1.60005,1.60005 -0.88364,0 -1.59991,-0.7164 -1.59991,-1.60005 C 6.40012,0.71626 7.11639,0 8.00003,0 8.88368,0 9.60008,0.71626 9.60008,1.59991 M 3.19996,14.40009 C 3.19996,15.28374 2.48369,16 1.60005,16 0.7164,16 0,15.28374 0,14.40009 c 0,-0.88365 0.7164,-1.60005 1.60005,-1.60005 0.88364,0 1.59991,0.7164 1.59991,1.60005 m 0,-6.40012 c 0,0.88364 -0.71627,1.60004 -1.59991,1.60004 C 0.7164,9.60001 0,8.88361 0,7.99997 0,7.11632 0.7164,6.39992 1.60005,6.39992 c 0.88364,0 1.59991,0.7164 1.59991,1.60005 m 0,-6.40006 c 0,0.88365 -0.71627,1.60005 -1.59991,1.60005 C 0.7164,3.19996 0,2.48356 0,1.59991 0,0.71626 0.7164,0 1.60005,0 2.48369,0 3.19996,0.71626 3.19996,1.59991' /%3E%3C/svg%3E%0A")`, backgroundRepeat: "no-repeat", backgroundPosition: "center", transform: E2 ? void 0 : "rotate(90deg)" } }) }) : null] });
+})), Xe = (t2, n2) => e(je, { ...t2, ref: n2 }), Ye = b(C((r2, l2) => {
+  const { orientation: i2, view: c2, index: a2, disabled: u2 = false, disabledResize: h2 = false, resizeThreshold: g2 = 1, dividerRenderer: f2 = Xe, onDividerMouseDown: x2, onDividerResizeStart: m2, onDividerResize: v2, onDividerResizeEnd: S2, onDividerMouseUp: y2, onDividerAutoFit: b2, onPointerDown: C2, ...I2 } = r2, E2 = o(C2, [C2]), R2 = o(b2, [b2]), k2 = i2 === T.Column;
+  let P2 = k2 ? c2.getVisibleColumns() : c2.getVisibleRows(), D2 = null;
+  P2.length > 0 && (k2 ? D2 = c2.getRangeCoordsBounds({ rowStart: 0, rowEnd: 0, colStart: P2[0], colEnd: P2[P2.length - 1] }) : c2.getRangeCoordsBounds({ rowStart: P2[0], rowEnd: P2[P2.length - 1], colStart: 0, colEnd: 0 }), D2 = c2.toClipBounds(D2, Ce));
   const O2 = w(null), [z2, $2] = p(null), B2 = (e2, t2) => k2 ? e2.clientX - t2.clientX : e2.clientY - t2.clientY, F2 = c2.getLayout(), A2 = k2 ? F2.getColOffset(a2 + 1) : F2.getRowOffset(a2 + 1), W2 = s({ processTouch: true, onPointerDown: (e2) => {
     if (E2?.(e2), !u2 && !h2) {
       const e3 = k2 ? F2.getColOffset(a2) : F2.getRowOffset(a2), t2 = A2 - e3;
@@ -1739,14 +1760,14 @@ const Ke = "ew-resize", Ne = "ns-resize", qe = b(C((n2, o2) => {
   } }), V2 = o(() => {
     R2?.(a2);
   }, [a2]);
-  if (!T2) return;
-  const U2 = f2({ bounds: T2, orientation: i2, view: c2, index: a2, disabled: u2, disabledResize: h2, onAutoFit: V2, onPointerDown: W2, ...I2 }, l2);
+  if (!D2) return;
+  const U2 = f2({ bounds: D2, orientation: i2, view: c2, index: a2, disabled: u2, disabledResize: h2, onAutoFit: V2, onPointerDown: W2, ...I2 }, l2);
   if (!U2) return;
   const { getPortalContainer: H2 } = d();
   let K2 = null;
-  return z2 && z2.isResizing && z2.index === a2 && (K2 = L(e("div", { style: { position: "absolute", cursor: k2 ? Ke : Ne, left: 0, top: 0, width: "100%", height: "100%" } }), H2(), "divider:" + a2)), t(n, { children: [K2, e("div", { className: M("header-divider-anchor"), style: { position: "absolute", pointerEvents: "auto", top: `${k2 ? T2.y : A2}px`, left: `${k2 ? A2 : T2.x}px`, width: (k2 ? 0 : T2.width - 1) + "px", height: (k2 ? T2.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: U2 })] });
+  return z2 && z2.isResizing && z2.index === a2 && (K2 = L(e("div", { style: { position: "absolute", cursor: k2 ? Ne : qe, left: 0, top: 0, width: "100%", height: "100%" } }), H2(), "divider:" + a2)), t(n, { children: [K2, e("div", { className: M("header-divider-anchor"), style: { position: "absolute", pointerEvents: "auto", top: `${k2 ? D2.y : A2}px`, left: `${k2 ? A2 : D2.x}px`, width: (k2 ? 0 : D2.width - 1) + "px", height: (k2 ? D2.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: U2 })] });
 }));
-class Ye {
+class Ge {
   naturalDimensions(e2, t2 = {}) {
     const n2 = document.createElement("div");
     let o2 = t2?.lineHeight ?? "1";
@@ -1763,16 +1784,16 @@ class Ye {
     return r2.remove(), { width: i2.width, height: i2.height, maxLineHeight: 1.2 * (t2.paintableText?.fontSize || 1056 / 72) };
   }
 }
-const Ge = (e2 = void 0) => Object.freeze({ clean: e2, dirty: void 0, editMode: false }), Ze = Ge(), _e = b(C((t2, n2) => {
-  const { editState: r2 = Ze, defaultTextStyle: i2, onStartEdit: c2, onChangeEdit: s2, onSubmitEdit: a2, onCancelEdit: d2, onDoneEdit: u2, containerBounds: h2, setNaturalDimensions: f2, onNavigate: x2, textProperties: b2, style: C2, autoFocus: I2, ...E2 } = t2, R2 = w(null), { width: M2 = 0 } = h2 ?? {}, [k2, P2] = p(() => r2);
+const Ze = (e2 = void 0) => Object.freeze({ clean: e2, dirty: void 0, editMode: false }), _e = Ze(), Je = b(C((t2, n2) => {
+  const { editState: r2 = _e, defaultTextStyle: i2, onStartEdit: c2, onChangeEdit: s2, onSubmitEdit: a2, onCancelEdit: d2, onDoneEdit: u2, containerBounds: h2, setNaturalSize: f2, onNavigate: x2, textProperties: b2, style: C2, autoFocus: I2, ...E2 } = t2, R2 = w(null), { width: M2 = 0 } = h2 ?? {}, [k2, P2] = p(() => r2);
   m(() => {
     P2(r2);
   }, [r2]);
-  const D2 = b2?.align || "left", O2 = b2?.vAlign || "middle", z2 = b2?.fill || "#040404", L2 = b2?.wrap || "wrap", $2 = b2?.fontFamily || "Calibri", B2 = b2?.fontSize || 11, F2 = b2?.fontWeight || 400, A2 = b2?.fontStyle || "normal", W2 = k2.dirty ?? k2.clean ?? "";
+  const T2 = b2?.align || "left", O2 = b2?.vAlign || "middle", z2 = b2?.fill || "#040404", L2 = b2?.wrap || "wrap", $2 = b2?.fontFamily || "Calibri", B2 = b2?.fontSize || 11, F2 = b2?.fontWeight || 400, A2 = b2?.fontStyle || "normal", W2 = k2.dirty ?? k2.clean ?? "";
   let V2 = 2;
   const H2 = 96 * B2 / 72, K2 = 1.2 * H2;
   "right" === O2 && (V2 += 1);
-  const N2 = y(() => new Ye().naturalDimensions(W2, { maxWidth: "wrap" === L2 ? M2 - V2 : void 0, lineHeight: `${K2}px`, paintableText: { fontStyle: A2, wrap: L2, letterSpacing: -0.25 } }), [W2, L2, V2, H2, $2, F2, A2, f2, M2]), q2 = v(() => N2.maxLineHeight ? N2.maxLineHeight + "px" : "1.2", [N2]), [j2, X2] = p(q2);
+  const N2 = y(() => new Ge().naturalDimensions(W2, { maxWidth: "wrap" === L2 ? M2 - V2 : void 0, lineHeight: `${K2}px`, paintableText: { fontStyle: A2, wrap: L2, letterSpacing: -0.25 } }), [W2, L2, V2, H2, $2, F2, A2, f2, M2]), q2 = v(() => N2.maxLineHeight ? N2.maxLineHeight + "px" : "1.2", [N2]), [j2, X2] = p(q2);
   S(() => {
     X2(q2());
   }, [h2, N2]), S(() => {
@@ -1803,21 +1824,21 @@ const Ge = (e2 = void 0) => Object.freeze({ clean: e2, dirty: void 0, editMode:
     const t3 = e2.nativeEvent.shiftKey;
     if (e2.which === l.Escape) return e2.preventDefault(), void J2();
     if (e2.which === l.F2) return Z2(true), void e2.preventDefault();
-    if (e2.which === l.Enter && (e2.preventDefault(), _2() && x2?.(t3 ? T.Up : T.Down)), e2.which === l.Tab) return e2.preventDefault(), void (_2() && x2?.(t3 ? T.Left : T.Right));
+    if (e2.which === l.Enter && (e2.preventDefault(), _2() && x2?.(t3 ? D.Up : D.Down)), e2.which === l.Tab) return e2.preventDefault(), void (_2() && x2?.(t3 ? D.Left : D.Right));
     if (!k2.editMode) {
       let t4 = null;
       switch (e2.which) {
         case l.Left:
-          t4 = T.Left;
+          t4 = D.Left;
           break;
         case l.Right:
-          t4 = T.Right;
+          t4 = D.Right;
           break;
         case l.Up:
-          t4 = T.Up;
+          t4 = D.Up;
           break;
         case l.Down:
-          t4 = T.Down;
+          t4 = D.Down;
       }
       if (t4) return void _2();
     }
@@ -1839,40 +1860,40 @@ const Ge = (e2 = void 0) => Object.freeze({ clean: e2, dirty: void 0, editMode:
   }, autoFocus() {
     R2.current?.focus();
   }, getLineHeight: () => N2?.maxLineHeight ?? K2, dispatchEvent: (e2) => R2.current.dispatchEvent(e2) }), [r2, c2]);
-  return e("div", { ref: ne2, ...E2, style: { background: "transparent", display: "flex", flexGrow: 1, alignSelf: "center", height: N2.height, maxWidth: "100%", maxHeight: "100%", ...C2 }, children: e("textarea", { spellCheck: "false", ref: R2, value: W2, autoFocus: false, disabled: ee2, name: "cell-editor", autoComplete: "off", autoCapitalize: "off", style: { flex: "1 1 100%", position: "relative", fontSize: `${H2}px`, fontFamily: `${$2}`, fontWeight: `${F2}`, fontStyle: `${A2}`, padding: "0px", marginRight: "right" === D2 ? "3px" : "0px", marginLeft: "left" === D2 ? "2px" : "0px", lineHeight: j2, height: N2.height, textRendering: "geometricPrecision", letterSpacing: "-0.25px", boxSizing: "border-box", borderWidth: 0, outline: "none", resize: "none", overflow: "hidden", verticalAlign: "baseline", textAlign: D2, background: "transparent", color: z2, marginBottom: "0px", userSelect: "text", maxHeight: "100%", whiteSpace: "wrap" === L2 ? "break-spaces" : "pre", wordWrap: "break-word" }, onChange: (e2) => {
+  return e("div", { ref: ne2, ...E2, style: { background: "transparent", display: "flex", flexGrow: 1, alignSelf: "center", height: N2.height, maxWidth: "100%", maxHeight: "100%", ...C2 }, children: e("textarea", { spellCheck: "false", ref: R2, value: W2, autoFocus: false, disabled: ee2, name: "cell-editor", autoComplete: "off", autoCapitalize: "off", style: { flex: "1 1 100%", position: "relative", fontSize: `${H2}px`, fontFamily: `${$2}`, fontWeight: `${F2}`, fontStyle: `${A2}`, padding: "0px", marginRight: "right" === T2 ? "3px" : "0px", marginLeft: "left" === T2 ? "2px" : "0px", lineHeight: j2, height: N2.height, textRendering: "geometricPrecision", letterSpacing: "-0.25px", boxSizing: "border-box", borderWidth: 0, outline: "none", resize: "none", overflow: "hidden", verticalAlign: "baseline", textAlign: T2, background: "transparent", color: z2, marginBottom: "0px", userSelect: "text", maxHeight: "100%", whiteSpace: "wrap" === L2 ? "break-spaces" : "pre", wordWrap: "break-word" }, onChange: (e2) => {
     G2(e2.target.value);
   }, onDoubleClick: (e2) => {
     e2.isTrusted;
   }, onMouseDown: (e2) => {
     Z2(true);
   }, onKeyDown: Q2 }) });
-})), Je = b((t2) => {
+})), Qe = b((t2) => {
   const { value: n2, view: o2, bounds: r2, range: l2, zoom: i2, children: c2, style: s2, ...a2 } = t2;
   return e("div", { style: { padding: "2px 4px", fontFamily: "Calibri", letterSpacing: -0.25, lineHeight: 1.2, fontSize: s2?.fontSize || 1056 / 72, ...s2 }, ...a2, children: n2 });
 });
 export {
-  Ae as BaseGrid,
-  _e as DefaultCellEditor,
-  Je as DefaultCellRenderer,
-  qe as DefaultHeaderDivider,
-  ve as FillHandle,
-  We as Grid,
-  Xe as HeaderDivider,
-  He as HeaderRenderer,
-  $e as RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL,
-  be as SELECTION_CLIP_INSETS,
+  We as BaseGrid,
+  Je as DefaultCellEditor,
+  Qe as DefaultCellRenderer,
+  je as DefaultHeaderDivider,
+  Se as FillHandle,
+  Ve as Grid,
+  Ye as HeaderDivider,
+  Ke as HeaderRenderer,
+  Be as RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL,
+  Ce as SELECTION_CLIP_INSETS,
   U as STANDARD_KEY_CHARS,
-  we as SVGLine,
-  xe as SVGRect,
-  Ve as ScrollableGrid,
-  me as Selection,
-  ye as TouchSelectHandle,
-  pe as defaultSelectionRenderer,
-  Ge as getDefaultStringEditState,
-  Re as safeSelectionCoords,
-  J as useAnimatedMeasure,
+  xe as SVGLine,
+  pe as SVGRect,
+  Ue as ScrollableGrid,
+  ve as Selection,
+  be as TouchSelectHandle,
+  me as defaultSelectionRenderer,
+  Ze as getDefaultStringEditState,
+  Me as safeSelectionCoords,
+  Q as useAnimatedMeasure,
   V as useCellLayout,
-  Q as useHeaderSelection,
+  ee as useHeaderSelection,
   X as useKeyboardEditorOverlay,
-  Pe as useSelection
+  Te as useSelection
 };