@sheetxl/grid-react 0.7.19 → 0.7.21

package/node/esm/index.mjs

@@ -1,19 +1,19 @@
 /**
- * @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.7.19
+ * @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.7.21
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 import { jsx as e, jsxs as t, Fragment as n } from "react/jsx-runtime";
 import { useCallbackRef as o, HorizontalAlignment as r, KeyCodes as l, ReactUtils as i, MouseButtonCodes as c, useSynchronizedPointerHandler as s, useId as a, useAnimatedMeasure as d, useFullscreenPortal as u, SimpleCommand as h, KeyModifiers as g, useImperativeElement as f, ScrollPane as w } from "@sheetxl/utils-react";
-import { useRef as x, useReducer as p, useState as m, useEffect as v, useCallback as S, useLayoutEffect as y, useMemo as b, memo as C, forwardRef as I, createElement as E, useImperativeHandle as R } from "react";
-import M from "tiny-invariant";
-import k from "clsx";
-import { CoordUtils as P, CommonUtils as T, RangeOrientation as D, Direction as O, AnchorLocation as z } from "@sheetxl/utils";
-import { useMeasure as L } from "react-use";
+import { useRef as x, useReducer as p, useState as m, useEffect as v, useCallback as S, useLayoutEffect as y, useMemo as b, memo as C, forwardRef as I, createElement as E } from "react";
+import R from "tiny-invariant";
+import M from "clsx";
+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 { mergeRefs as L } from "react-merge-refs";
 import { createPortal as $ } from "react-dom";
-import { mergeRefs as B } from "react-merge-refs";
-const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2 = 1 }) => {
+const B = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2 = 1 }) => {
   let l2, i2, c2;
   "column" === e2 ? (l2 = o2.columnMetadataMap, i2 = o2.lastMeasuredColumnIndex, c2 = o2.recalcColumnIndices) : (l2 = o2.rowMetadataMap, i2 = o2.lastMeasuredRowIndex, c2 = o2.recalcRowIndices);
   const s2 = c2.length > 0;
@@ -30,28 +30,28 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
     "column" === e2 ? o2.lastMeasuredColumnIndex = t2 : o2.lastMeasuredRowIndex = t2;
   }
   return l2[t2], l2[t2];
-}, W = ({ itemType: e2, itemSize: t2, itemCount: n2, instanceProps: o2, offset: r2, scale: l2 }) => {
+}, F = ({ itemType: e2, itemSize: t2, itemCount: n2, instanceProps: o2, offset: r2, scale: l2 }) => {
   let i2, c2;
   "column" === e2 ? (i2 = o2.columnMetadataMap, c2 = o2.lastMeasuredColumnIndex) : (i2 = o2.rowMetadataMap, c2 = o2.lastMeasuredRowIndex);
   let s2 = 0;
-  return s2 = (c2 > 0 ? i2[c2].offset : 0) >= r2 ? A({ itemType: e2, itemSize: t2, instanceProps: o2, high: c2, low: 0, offset: r2, scale: l2 }) : V({ itemType: e2, itemSize: t2, itemCount: n2, instanceProps: o2, index: Math.max(0, c2), offset: r2, scale: l2 }), s2 = Math.min(s2, n2), s2;
+  return s2 = (c2 > 0 ? i2[c2].offset : 0) >= r2 ? A({ itemType: e2, itemSize: t2, instanceProps: o2, high: c2, low: 0, offset: r2, scale: l2 }) : W({ itemType: e2, itemSize: t2, itemCount: n2, instanceProps: o2, index: Math.max(0, c2), offset: r2, scale: l2 }), s2 = Math.min(s2, n2), s2;
 }, A = ({ itemType: e2, itemSize: t2, instanceProps: n2, high: o2, low: r2, offset: l2, scale: i2 }) => {
   for (; r2 <= o2; ) {
-    const c2 = r2 + Math.floor((o2 - r2) / 2), s2 = F({ itemType: e2, itemSize: t2, index: c2, instanceProps: n2, scale: i2 }).offset;
+    const c2 = r2 + Math.floor((o2 - r2) / 2), s2 = B({ itemType: e2, itemSize: t2, index: c2, instanceProps: n2, scale: i2 }).offset;
     if (s2 === l2) return c2;
     s2 < l2 ? r2 = c2 + 1 : s2 > l2 && (o2 = c2 - 1);
   }
   return r2 > 0 ? r2 - 1 : 0;
-}, V = ({ itemType: e2, itemSize: t2, itemCount: n2, instanceProps: o2, index: r2, offset: l2, scale: i2 }) => {
+}, W = ({ itemType: e2, itemSize: t2, itemCount: n2, instanceProps: o2, index: r2, offset: l2, scale: i2 }) => {
   let c2 = 1;
-  for (; r2 < n2 && F({ itemType: e2, itemSize: t2, index: r2, instanceProps: o2, scale: i2 }).offset < l2; ) r2 += c2, c2 *= 2;
+  for (; r2 < n2 && B({ itemType: e2, itemSize: t2, index: r2, instanceProps: o2, scale: i2 }).offset < l2; ) r2 += c2, c2 *= 2;
   return A({ itemType: e2, itemSize: t2, instanceProps: o2, high: Math.min(r2, n2 - 1), low: Math.floor(r2 / 2), offset: l2, scale: i2 });
-}, U = (e2) => {
-  const { rowCount: t2, columnCount: n2, defaultRowHeight: r2, getRowHeight: l2, defaultColumnWidth: i2, getColumnWidth: c2 } = e2 || {}, s2 = x({ columnMetadataMap: {}, rowMetadataMap: {}, lastMeasuredColumnIndex: -1, lastMeasuredRowIndex: -1, recalcColumnIndices: [], recalcRowIndices: [] }), a2 = o((e3) => W({ itemType: "row", itemCount: t2, itemSize: l2 ?? (() => r2 ?? 20), instanceProps: s2.current, offset: e3 }), [t2, l2, r2]), d2 = o((e3) => -1 === e3 ? 0 : F({ itemType: "row", index: e3, itemSize: l2 ?? (() => r2 ?? 20), instanceProps: s2.current }).offset, [l2, r2]), u2 = o((e3) => F({ itemType: "row", index: e3, itemSize: l2 ?? (() => r2 ?? 20), instanceProps: s2.current }).size, [l2, r2]), h2 = o((e3) => W({ itemType: "column", itemCount: n2, itemSize: c2 ?? (() => i2 ?? 75), instanceProps: s2.current, offset: e3 }), [n2, c2, i2]), g2 = o((e3) => -1 === e3 ? 0 : F({ itemType: "column", index: e3, itemSize: c2 ?? (() => i2 ?? 75), instanceProps: s2.current }).offset, [c2, i2]), f2 = o((e3) => F({ itemType: "column", index: e3, itemSize: c2 ?? (() => i2 ?? 75), instanceProps: s2.current }).size, [c2, i2]), [w2, S2] = p((e3) => e3 + 1, 0), y2 = () => ({ getRowOffset: d2, getColOffset: g2, getRowIndex: a2, getColIndex: h2 }), [b2, C2] = m(() => e2 ? y2() : null);
+}, V = (e2) => {
+  const { rowCount: t2, columnCount: n2, defaultRowHeight: r2, getRowHeight: l2, defaultColumnWidth: i2, getColumnWidth: c2 } = e2 || {}, s2 = x({ columnMetadataMap: {}, rowMetadataMap: {}, lastMeasuredColumnIndex: -1, lastMeasuredRowIndex: -1, recalcColumnIndices: [], recalcRowIndices: [] }), a2 = o((e3) => F({ itemType: "row", itemCount: t2, itemSize: l2 ?? (() => r2 ?? 20), instanceProps: s2.current, offset: e3 }), [t2, l2, r2]), d2 = o((e3) => -1 === e3 ? 0 : B({ itemType: "row", index: e3, itemSize: l2 ?? (() => r2 ?? 20), instanceProps: s2.current }).offset, [l2, r2]), u2 = o((e3) => B({ itemType: "row", index: e3, itemSize: l2 ?? (() => r2 ?? 20), instanceProps: s2.current }).size, [l2, r2]), h2 = o((e3) => F({ itemType: "column", itemCount: n2, itemSize: c2 ?? (() => i2 ?? 75), instanceProps: s2.current, offset: e3 }), [n2, c2, i2]), g2 = o((e3) => -1 === e3 ? 0 : B({ itemType: "column", index: e3, itemSize: c2 ?? (() => i2 ?? 75), instanceProps: s2.current }).offset, [c2, i2]), f2 = o((e3) => B({ itemType: "column", index: e3, itemSize: c2 ?? (() => i2 ?? 75), instanceProps: s2.current }).size, [c2, i2]), [w2, S2] = p((e3) => e3 + 1, 0), y2 = () => ({ getRowOffset: d2, getColOffset: g2, getRowIndex: a2, getColIndex: h2 }), [b2, C2] = m(() => e2 ? y2() : null);
   return v(() => {
     C2(e2 ? y2() : null);
   }, [w2, t2, n2, i2, r2, u2, f2]), b2;
-}, H = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ~`!@#$%^&*()-_=+[{]};:'\",<.>/?|\\", K = (e2) => {
+}, U = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ~`!@#$%^&*()-_=+[{]};:'\",<.>/?|\\", H = (e2) => {
   if (!e2) return null;
   if ("start" === e2.eventType) return { type: e2.eventType };
   if ("submit" === e2.eventType) return { type: e2.eventType };
@@ -63,7 +63,7 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
     return e2.activeCoords && (t2.activeCoords = e2.activeCoords), t2;
   }
   return { type: e2.eventType ?? "unknown" };
-}, N = (e2) => true, q = (e2) => !!e2 && (!(e2.ctrlKey || e2.metaKey || e2.altKey || e2.isComposing) && (!(e2.shiftKey || "F2" !== e2.key && " " !== e2.key && "Backspace" !== e2.key) || (!e2.shiftKey || " " !== e2.key) && -1 !== H.indexOf(e2.key))), j = (e2) => !!e2 && ("dblclick" === e2.type && { editMode: true }), X = (t2) => {
+}, K = (e2) => true, N = (e2) => !!e2 && (!(e2.ctrlKey || e2.metaKey || e2.altKey || e2.isComposing) && (!(e2.shiftKey || "F2" !== e2.key && " " !== e2.key && "Backspace" !== e2.key) || (!e2.shiftKey || " " !== e2.key) && -1 !== U.indexOf(e2.key))), q = (e2) => !!e2 && ("dblclick" === e2.type && { editMode: true }), j = (t2) => {
   const { session: n2, refLatestCoords: o2, handleSubmitEdit: l2, handleCancelEdit: c2, cellBounds: s2, isInBounds: a2, getCellEditor: d2, propsEditor: u2, borderStrokeFill: h2 = "rgb(33, 115, 70)", borderStrokeWidth: g2 = 2, alignment: f2 = r.Left, style: w2, ...p2 } = t2, y2 = x(null), b2 = x(null), [C2, I2] = m(false), E2 = n2.coords, R2 = S(async (e2) => {
     const t3 = y2.current?.getBoundingClientRect();
     if (t3) {
@@ -87,12 +87,12 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
       -1 !== t3 && n2.editorRefs.splice(t3, 1), n2.onUnmount(e2);
     };
   }, []);
-  const M2 = S(() => l2(n2), []), k2 = S(() => {
+  const M2 = S(() => l2(n2), []), P2 = S(() => {
     c2(n2);
-  }, []), T2 = o2.current && P.isEqualCells(o2.current, E2), D2 = a2 && T2 && C2, O2 = d2({ autoFocus: !!n2.startEvent?.autoFocus, ...u2, onSubmitEdit: M2, onCancelEdit: k2, ref: b2 }, E2), z2 = s2.x + i.boundPixel(-g2 / 2), L2 = i.boundPixel(s2.width + g2 / 2, true);
+  }, []), 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, ...w2, opacity: D2 ? w2?.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 }, ...p2, 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 }) });
-}, Y = (t2) => {
-  const { view: n2, canEdit: i2 = N, getCellEditor: c2, onBeforeStartEdit: s2, onStartEdit: a2, onSubmitEdit: d2, onCancelEdit: u2, onDoneEdit: h2, isEditorStartKeyEvent: g2 = q, isEditorStartPointerEvent: f2 = j, containerProps: w2, borderStrokeFill: b2, borderStrokeWidth: C2 = 2, getRangeCoords: I2 = null, activeCoords: E2, alignment: R2 = r.Left } = t2, [M2, k2] = m(false), [D2, O2] = m(void 0), z2 = o((e2, t3, n3, o2, l2, i3) => {
+}, 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, propsContainer: w2, borderStrokeFill: b2, borderStrokeWidth: C2 = 2, getRangeCoords: I2 = null, activeCoords: E2, alignment: R2 = r.Left } = t2, [M2, T2] = m(false), [D2, O2] = m(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,11 +112,11 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
   }, [R2]), L2 = o(i2, [i2]), $2 = S(() => {
     n2?.getStage()?.focus();
   }, [n2]), B2 = x(null), F2 = o((e2) => {
-    s2?.(e2), ee2(), k2(true), B2.current = null;
-  }, [s2]), W2 = o((e2) => {
+    s2?.(e2), ee2(), T2(true), B2.current = null;
+  }, [s2]), A2 = o((e2) => {
     a2?.(e2.coords);
-  }, [a2]), A2 = o((e2) => {
-    e2.isSubmitted || e2.isCancelled || (H2.current.isEditorClosed = true, $2(), e2.isCancelled = true, u2?.(e2.coords), ee2());
+  }, [a2]), W2 = o((e2) => {
+    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 {
@@ -125,8 +125,8 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
       throw e2.isEditorClosing = false, e2.isSubmitted = false, t3;
     }
   }, [d2]), U2 = o((e2) => {
-    k2(false), h2?.(e2.coords), ee2();
-  }, [h2]), H2 = x(null), Y2 = x(null), Z2 = x(null), _2 = x([]), [J2, Q2] = p((e2) => e2 + 1, 0), ee2 = S((e2) => {
+    T2(false), h2?.(e2.coords), ee2();
+  }, [h2]), X2 = x(null), G2 = x(null), Z2 = x(null), _2 = x([]), [J2, Q2] = p((e2) => e2 + 1, 0), ee2 = S((e2) => {
     e2 && _2.current.push(e2), Q2();
   }, []), te2 = o((e2) => {
     if (e2.defaultPrevented || e2.isSynthetic) return;
@@ -140,7 +140,7 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
   }, [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;
     ee2({ eventType: "keyboard", event: e2, coords: t3 });
   }, [n2]);
@@ -151,7 +151,7 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
       const r2 = o3;
       if (!L2(o3)) return null;
       F2?.(o3);
-      const l2 = T.uuidV4();
+      const l2 = P.uuidV4();
       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, ee2());
@@ -167,36 +167,36 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
             };
             window.addEventListener("keydown", t5, true), n2.getStage()?.addEventListener("focusin", () => {
               window.removeEventListener("keydown", t5), e5();
-            }, G), $2();
+            }, Y), $2();
           }
         }
       } };
       return i3;
     };
-    if (_2.current.length <= 0 && !H2.current) return;
+    if (_2.current.length <= 0 && !X2.current) return;
     const t3 = _2.current[0];
-    K(t3), ((e3) => {
+    H(t3), ((e3) => {
       const t4 = [], n3 = e3?.length ?? 0;
       for (let o3 = 0; o3 < n3; o3++) {
         const n4 = e3[o3];
-        t4.push(K(n4));
+        t4.push(H(n4));
       }
-    })(_2.current), H2.current, H2.current;
-    let o2 = H2.current;
-    if (H2.current) {
-      if (H2.current.isDone) H2.current = null;
-      else if (H2.current.isSubmitted || H2.current.isCancelled) {
-        if (H2.current.isMounted) return;
-        H2.current.isDone || (U2(H2.current), H2.current.isDone = true);
+    })(_2.current), X2.current, X2.current;
+    let o2 = X2.current;
+    if (X2.current) {
+      if (X2.current.isDone) X2.current = null;
+      else if (X2.current.isSubmitted || X2.current.isCancelled) {
+        if (X2.current.isMounted) return;
+        X2.current.isDone || (U2(X2.current), X2.current.isDone = true);
       }
     }
     if (t3) {
       if ("start" === t3.eventType) {
-        const n3 = t3, o3 = n3.startEvent?.cell ?? Y2.current;
-        H2.current && P.isEqualCells(H2.current.coords, o3) || (H2.current = e2(o3, n3.startEvent));
+        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;
-        if (H2.current) {
+        if (X2.current) {
           let e3 = false;
           switch (n3.which) {
             case l.Left:
@@ -208,72 +208,72 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
               e3 = true;
           }
           if (!e3) {
-            H2.current.events.push(t3);
-            for (let e4 = 0; e4 < H2.current.editorRefsDispatchEditorEvent.length; e4++) H2.current.editorRefsDispatchEditorEvent[e4](t3);
+            X2.current.events.push(t3);
+            for (let e4 = 0; e4 < X2.current.editorRefsDispatchEditorEvent.length; e4++) X2.current.editorRefsDispatchEditorEvent[e4](t3);
           }
         } else {
           if (g2(n3, t3.coords)) {
             let n4;
-            const o3 = e2(n4?.cell ?? Y2.current, n4);
-            o3 && o3.events.push(t3), H2.current = o3;
+            const o3 = e2(n4?.cell ?? G2.current, n4);
+            o3 && o3.events.push(t3), X2.current = o3;
           }
         }
       } else if ("pointer" === t3.eventType) {
         const n3 = t3.event;
-        if (H2.current) {
-          H2.current.events.push(t3);
-          for (let e3 = 0; e3 < H2.current.editorRefsDispatchEditorEvent.length; e3++) H2.current.editorRefsDispatchEditorEvent[e3](t3);
+        if (X2.current) {
+          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);
             const l2 = e2(o3, n4);
-            l2 && l2.events.push(t3), H2.current = l2;
+            l2 && l2.events.push(t3), X2.current = l2;
           }
         }
       } else if ("submit" === t3.eventType) {
-        if (H2.current && !H2.current.isSubmitted && !H2.current.isCancelled) {
-          if (!H2.current.isMounted) return;
-          V2(H2.current);
+        if (X2.current && !X2.current.isSubmitted && !X2.current.isCancelled) {
+          if (!X2.current.isMounted) return;
+          V2(X2.current);
         }
       } else if ("cancel" === t3.eventType) {
-        if (H2.current && !H2.current.isSubmitted && !H2.current.isCancelled) {
-          if (!H2.current.isMounted) return;
-          A2(H2.current);
+        if (X2.current && !X2.current.isSubmitted && !X2.current.isCancelled) {
+          if (!X2.current.isMounted) return;
+          W2(X2.current);
         }
       } else if ("coordsChange" === t3.eventType) {
         const e3 = t3;
-        if (Y2.current = e3.activeCoords, H2.current, H2.current && !H2.current.isSubmitted && !H2.current.isCancelled) {
-          if (!H2.current.isMounted) return;
+        if (G2.current = e3.activeCoords, X2.current, X2.current && !X2.current.isSubmitted && !X2.current.isCancelled) {
+          if (!X2.current.isMounted) return;
           try {
-            V2(H2.current);
+            V2(X2.current);
           } catch (e4) {
           }
         }
       }
     }
-    _2.current.length > 0 && (_2.current.shift(), ee2()), 0 === _2.current.length && (!H2.current || H2.current.isEditorClosing || H2.current.isEditorClosed ? !H2.current && o2 && $2() : H2.current.isMounted && !H2.current.isStarted && (H2.current.isStarted = true, H2.current.startEvent.autoFocus && ("string" == typeof H2.current.startEvent.autoFocus ? H2.current.editorRefs[0]?.autoFocus(H2.current.startEvent.autoFocus) : H2.current.editorRefs[0]?.autoFocus()), W2?.(H2.current), requestAnimationFrame(() => {
-      n2 && H2.current?.coords && n2.scrollCellCoordsIntoView(H2.current.coords);
+    _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);
     })));
   }, [J2]), v(() => {
     Z2.current = E2;
-    const e2 = H2.current?.coords;
-    if (!P.isEqualCells(e2, E2)) {
-      H2.current && (H2.current.isEditorClosing = true);
+    const e2 = X2.current?.coords;
+    if (!k.isEqualCells(e2, E2)) {
+      X2.current && (X2.current.isEditorClosing = true);
       ee2({ eventType: "coordsChange", activeCoords: E2 });
     }
   }, [E2]);
   const re2 = S((e2) => {
     oe2(e2.nativeEvent);
   }, []), { width: le2 = 0, height: ie2 = 0 } = D2 ?? { width: 0, height: 0 }, ce2 = o(c2, [c2]);
-  return { overlay: o((t3) => {
-    if (!H2.current || H2.current.isEditorClosed) return H2.current, null;
-    H2.current.coords;
-    let n3 = z2(t3, H2.current.coords, le2, ie2, I2, R2), o2 = true;
+  return { renderOverlay: o((t3) => {
+    if (!X2.current || X2.current.isEditorClosed) return X2.current, null;
+    X2.current.coords;
+    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(X, { session: H2.current, refLatestCoords: Z2, handleSubmitEdit: V2, handleCancelEdit: A2, cellBounds: n3, borderStrokeWidth: C2, borderStrokeFill: b2, isInBounds: o2, getCellEditor: ce2, propsEditor: l2, alignment: R2, ...w2 }, "editor:" + H2.current.uuid);
+    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, ...w2 }, "editor:" + X2.current.uuid);
   }, [c2, I2, J2, le2, ie2, R2, C2, b2]), startEdit: S((e2) => {
     ee2({ eventType: "start", startEvent: e2 });
   }, []), submitEdit: S(() => {
@@ -281,16 +281,16 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
   }, []), cancelEdit: S(() => {
     ee2({ eventType: "cancel" });
   }, []), onKeyboardEvent: re2, onPointerEvent: ne2, onKeyboardEventNative: oe2, onPointerEventNative: te2, isEditing: M2 };
-}, G = Object.freeze({ once: true }), Z = ({ 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: w2, modifySelection: p2, appendSelection: m2, clearSelections: v2 }) => {
-  const y2 = r2 ?? ((n2 === D.Row ? e2.current?.rowCount : e2.current?.columnCount) || 0), C2 = x(null), I2 = x(null), E2 = x(false), R2 = x(null), M2 = S((e3) => n2 === D.Column ? { rowIndex: 0, colIndex: e3.colIndex } : { rowIndex: e3.rowIndex, colIndex: 0 }, [n2]), k2 = S((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 = k2(e3), p2(I2.current, C2.current);
+}, Y = Object.freeze({ once: true }), G = ({ 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: w2, modifySelection: p2, appendSelection: m2, clearSelections: v2 }) => {
+  const y2 = r2 ?? ((n2 === T.Row ? e2.current?.rowCount : e2.current?.columnCount) || 0), C2 = x(null), I2 = x(null), E2 = x(false), R2 = x(null), M2 = S((e3) => n2 === T.Column ? { rowIndex: 0, colIndex: e3.colIndex } : { rowIndex: e3.rowIndex, colIndex: 0 }, [n2]), D2 = S((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 = S((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 = S((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 = b(() => ({ onPointerDown: (o2) => {
     if (!e2 || !e2.current) return;
     if (o2.nativeEvent.defaultPrevented) return;
@@ -300,37 +300,37 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
     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 = k2(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 = k2(t3), w2(C2.current, I2.current, n3);
+        C2.current = M2(e3), I2.current = D2(t3), w2(C2.current, I2.current, n3);
       })(r3, r3, d3), O2(r3), a2 && L2(d3, true);
     }
-  }, onPointerMoveOrWait: T.throttle((t3) => {
+  }, onPointerMoveOrWait: P.throttle((t3) => {
     if (!E2.current || !e2?.current) return;
     const n3 = z2(t3.clientX, t3.clientY);
     if (n3 && false !== g2?.(t3, n3)) {
-      if (P.isEqualCells(R2.current, n3)) return v2();
+      if (k.isEqualCells(R2.current, n3)) return v2();
       O2(n3), L2(n3);
     }
   }, 60), onPointerUp: (e3) => {
     E2.current = false, $2?.(), f2?.(e3);
   }, processTouch: true, consumeTouch: true }), [l2, a2, y2, i2, v2, h2, f2]);
   return { onPointerDown: o(s(F2), []), getCellCoordsFromClient: z2 };
-}, _ = (e2, t2, n2) => {
+}, Z = (e2, t2, n2) => {
   if (!e2) return t2;
   let o2 = t2;
-  const r2 = n2 === O.Right || n2 === O.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;
   }
-}, J = (e2, t2, n2) => {
+}, _ = (e2, t2, n2) => {
   const o2 = [];
   let r2 = t2;
   for (; r2 <= n2; ) {
@@ -338,75 +338,75 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
     0 === t3 ? (o2.push(r2), r2++) : r2 += t3;
   }
   return o2;
-}, Q = (e2, t2, n2, o2, r2, l2) => {
+}, J = (e2, t2, n2, o2, r2, l2) => {
   if (!t2) return l2;
   let { rowIndex: i2, colIndex: c2 } = e2;
   switch (o2) {
-    case O.Down: {
-      i2 = _(n2, Math.min(i2 + 1, l2), o2);
+    case D.Down: {
+      i2 = Z(n2, Math.min(i2 + 1, l2), o2);
       let e3 = t2({ rowIndex: i2, colIndex: c2 });
-      for (; !e3 && i2 < l2; ) i2 = _(n2, Math.min(++i2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
+      for (; !e3 && i2 < l2; ) i2 = Z(n2, Math.min(++i2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
       return i2;
     }
-    case O.Up: {
-      i2 = _(n2, Math.max(i2 - 1, l2), o2);
+    case D.Up: {
+      i2 = Z(n2, Math.max(i2 - 1, l2), o2);
       let e3 = t2({ rowIndex: i2, colIndex: c2 });
-      for (; !e3 && i2 > l2; ) i2 = _(n2, Math.max(--i2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
+      for (; !e3 && i2 > l2; ) i2 = Z(n2, Math.max(--i2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
       return i2;
     }
-    case O.Right: {
-      c2 = _(n2, Math.min(c2 + 1, l2), o2);
+    case D.Right: {
+      c2 = Z(n2, Math.min(c2 + 1, l2), o2);
       let e3 = t2({ rowIndex: i2, colIndex: c2 });
-      for (; !e3 && c2 < l2; ) c2 = _(n2, Math.min(++c2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
+      for (; !e3 && c2 < l2; ) c2 = Z(n2, Math.min(++c2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
       return c2;
     }
-    case O.Left: {
-      c2 = _(n2, Math.max(c2 - 1, l2), o2);
+    case D.Left: {
+      c2 = Z(n2, Math.max(c2 - 1, l2), o2);
       let e3 = t2({ rowIndex: i2, colIndex: c2 });
-      for (; !e3 && c2 > l2; ) c2 = _(n2, Math.max(--c2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
+      for (; !e3 && c2 > l2; ) c2 = Z(n2, Math.max(--c2, l2), o2), e3 = t2({ rowIndex: i2, colIndex: c2 });
       return c2;
     }
     default:
       return l2;
   }
-}, ee = (e2, t2 = () => true, n2, o2, r2, l2) => {
+}, Q = (e2, t2 = () => true, n2, o2, r2, l2) => {
   let { rowIndex: i2, colIndex: c2 } = e2;
   switch (o2) {
-    case O.Down: {
-      i2 = _(n2, Math.min(i2 + 1, l2), o2);
+    case D.Down: {
+      i2 = Z(n2, Math.min(i2 + 1, l2), o2);
       let e3 = t2?.({ rowIndex: i2, colIndex: c2 });
-      for (; e3 && i2 < l2; ) i2 = _(n2, Math.min(++i2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
+      for (; e3 && i2 < l2; ) i2 = Z(n2, Math.min(++i2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
       return t2?.({ rowIndex: i2, colIndex: c2 }) ? i2 : i2 - 1;
     }
-    case O.Up: {
-      i2 = _(n2, Math.max(i2 - 1, l2), o2);
+    case D.Up: {
+      i2 = Z(n2, Math.max(i2 - 1, l2), o2);
       let e3 = t2?.({ rowIndex: i2, colIndex: c2 });
-      for (; e3 && i2 > l2; ) i2 = _(n2, Math.max(--i2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
+      for (; e3 && i2 > l2; ) i2 = Z(n2, Math.max(--i2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
       return t2?.({ rowIndex: i2, colIndex: c2 }) ? i2 : i2 + 1;
     }
-    case O.Right: {
-      c2 = _(n2, Math.min(c2 + 1, l2), o2);
+    case D.Right: {
+      c2 = Z(n2, Math.min(c2 + 1, l2), o2);
       let e3 = t2?.({ rowIndex: i2, colIndex: c2 });
-      for (; e3 && c2 < l2; ) c2 = _(n2, Math.min(++c2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
+      for (; e3 && c2 < l2; ) c2 = Z(n2, Math.min(++c2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
       return t2?.({ rowIndex: i2, colIndex: c2 }) ? c2 : c2 - 1;
     }
-    case O.Left: {
-      c2 = _(n2, Math.max(c2 - 1, l2), o2);
+    case D.Left: {
+      c2 = Z(n2, Math.max(c2 - 1, l2), o2);
       let e3 = t2?.({ rowIndex: i2, colIndex: c2 });
-      for (; e3 && c2 > l2; ) c2 = _(n2, Math.max(--c2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
+      for (; e3 && c2 > l2; ) c2 = Z(n2, Math.max(--c2, l2), o2), e3 = t2?.({ rowIndex: i2, colIndex: c2 });
       return t2?.({ rowIndex: i2, colIndex: c2 }) ? c2 : c2 + 1;
     }
     default:
       return null;
   }
-}, te = (e2, t2, n2, o2, r2, l2) => {
+}, ee = (e2, t2, n2, o2, r2, l2) => {
   if (!t2) return l2;
   let i2, { rowIndex: c2, colIndex: s2 } = e2;
-  o2 === O.Down ? i2 = { rowIndex: c2 + 1, colIndex: s2 } : o2 === O.Up ? i2 = { rowIndex: c2 - 1, colIndex: s2 } : o2 === O.Right ? i2 = { rowIndex: c2, colIndex: s2 + 1 } : o2 === O.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 ? Q : ee)(e2, t2, n2, o2, false, l2) ?? l2;
-}, ne = (e2, t2) => `${e2}:${t2}`, oe = (e2, t2, n2, o2, r2, l2) => {
+  return (h2 = d2, !(u2 = a2) && !h2 || !u2 && h2 || u2 && !h2 ? J : Q)(e2, t2, n2, o2, false, l2) ?? l2;
+}, te = (e2, t2) => `${e2}:${t2}`, ne = (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;
@@ -415,23 +415,23 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
     i2 = t2 + (n2 - t2) / 2 - (r2 - o2) / 2;
   }
   return i2 < o2 ? Math.max(0, i2) : i2 > o2 ? Math.min(i2, l2 - (r2 - o2)) : void 0;
-}, re = (e2, t2, n2, o2) => (console.log("todo: implement convertToVisibleRanges"), e2), le = (e2, t2 = O.Right, n2, o2, r2, l2 = null) => {
-  if (l2 && P.isEqualSelectionCoords(l2, e2)) return e2;
+}, oe = (e2, t2, n2, o2) => (console.log("todo: implement convertToVisibleRanges"), e2), re = (e2, t2 = D.Right, n2, o2, r2, l2 = null) => {
+  if (l2 && k.isEqualSelectionCoords(l2, e2)) return e2;
   const i2 = e2.ranges[e2.rangeIndex];
-  if (!P.isRangesIntersect({ rowStart: e2.cell.rowIndex, colStart: e2.cell.colIndex, rowEnd: e2.cell.rowIndex, colEnd: e2.cell.colIndex }, i2)) return e2;
+  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 O.Right:
-      c2.colIndex = _(r2, c2.colIndex + 1, t2);
+    case D.Right:
+      c2.colIndex = Z(r2, c2.colIndex + 1, t2);
       break;
-    case O.Left:
-      c2.colIndex = _(r2, c2.colIndex - 1, t2);
+    case D.Left:
+      c2.colIndex = Z(r2, c2.colIndex - 1, t2);
       break;
-    case O.Down:
-      c2.rowIndex = _(o2, c2.rowIndex + 1, t2);
+    case D.Down:
+      c2.rowIndex = Z(o2, c2.rowIndex + 1, t2);
       break;
-    case O.Up:
-      c2.rowIndex = _(o2, c2.rowIndex - 1, t2);
+    case D.Up:
+      c2.rowIndex = Z(o2, c2.rowIndex - 1, t2);
   }
   const a2 = (t3) => {
     if (t3) {
@@ -444,54 +444,54 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
       c2 = { colIndex: t4.colEnd, rowIndex: t4.rowEnd };
     }
   };
-  if (t2 === O.Right && c2.colIndex > i2.colEnd && c2.rowIndex === i2.rowEnd) a2(true);
-  else if (t2 === O.Left && c2.colIndex < i2.colStart && c2.rowIndex === i2.rowStart) a2(false);
-  else if (t2 === O.Down && c2.colIndex === i2.colEnd && c2.rowIndex > i2.rowEnd) a2(true);
-  else if (t2 === O.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 O.Right:
-        n3 > i2.colEnd && (e3 = _(o2, e3 + 1, t2), n3 = i2.colStart, e3 > i2.rowEnd && (e3 = i2.rowStart));
+      case D.Right:
+        n3 > i2.colEnd && (e3 = Z(o2, e3 + 1, t2), n3 = i2.colStart, e3 > i2.rowEnd && (e3 = i2.rowStart));
         break;
-      case O.Left:
-        n3 < i2.colStart && (e3 = _(o2, e3 - 1, t2), n3 = i2.colEnd, e3 < i2.rowStart && (e3 = i2.rowEnd));
+      case D.Left:
+        n3 < i2.colStart && (e3 = Z(o2, e3 - 1, t2), n3 = i2.colEnd, e3 < i2.rowStart && (e3 = i2.rowEnd));
         break;
-      case O.Down:
-        e3 > i2.rowEnd && (n3 = _(r2, n3 + 1, t2), e3 = i2.rowStart, n3 > i2.colEnd && (n3 = i2.colStart));
+      case D.Down:
+        e3 > i2.rowEnd && (n3 = Z(r2, n3 + 1, t2), e3 = i2.rowStart, n3 > i2.colEnd && (n3 = i2.colStart));
         break;
-      case O.Up:
-        e3 < i2.rowStart && (n3 = _(r2, n3 - 1, t2), e3 = i2.rowEnd, n3 < i2.colStart && (n3 = i2.colEnd));
+      case D.Up:
+        e3 < i2.rowStart && (n3 = Z(r2, n3 - 1, t2), e3 = i2.rowEnd, n3 < i2.colStart && (n3 = i2.colEnd));
     }
     c2 = { rowIndex: e3, colIndex: n3 };
   }
   let d2 = n2(c2);
-  if (!P.isRangeWithinRange(d2, i2)) {
-    const e3 = P.intersectRanges(d2, i2);
+  if (!k.isRangeWithinRange(d2, i2)) {
+    const e3 = k.intersectRanges(d2, i2);
     e3 && (d2 = e3);
   }
-  let u2 = { rowStart: _(o2, d2.rowStart, O.Down), colStart: _(r2, d2.colStart, O.Right), rowEnd: _(o2, d2.rowEnd, O.Up), colEnd: _(r2, d2.colEnd, O.Left) };
+  let u2 = { rowStart: Z(o2, d2.rowStart, D.Down), colStart: Z(r2, d2.colStart, D.Right), rowEnd: Z(o2, d2.rowEnd, D.Up), colEnd: Z(r2, d2.colEnd, D.Left) };
   if (u2.rowStart !== c2.rowIndex || u2.colStart !== c2.colIndex) {
     switch (t2) {
-      case O.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 O.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 O.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 O.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 le({ cell: c2, ranges: e2.ranges, rangeIndex: s2 }, t2, n2, o2, r2, l2 ?? e2);
+    return re({ cell: c2, ranges: e2.ranges, rangeIndex: s2 }, t2, n2, o2, r2, l2 ?? e2);
   }
   return { ranges: e2.ranges, cell: c2, rangeIndex: s2 };
-}, ie = (e2, t2) => {
+}, le = (e2, t2) => {
   let n2, o2 = 0, r2 = 0;
-  return t2.colStart < e2.colStart ? (n2 = O.Left, o2 = e2.colStart - t2.colStart, r2 = t2.colStart) : t2.colEnd > e2.colEnd ? (n2 = O.Right, o2 = t2.colEnd - e2.colEnd, r2 = t2.colEnd) : t2.rowStart < e2.rowStart ? (n2 = O.Up, o2 = e2.rowStart - t2.rowStart, r2 = t2.rowStart) : t2.rowEnd > e2.rowEnd && (n2 = O.Down, o2 = t2.rowEnd - e2.rowEnd, r2 = t2.rowEnd), { direction: n2, amount: o2, index: r2 };
-}, ce = (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 };
+}, ie = (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;
@@ -500,7 +500,7 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
     i2 = c2, c2 = n2(s2), s2 += l2, a2++;
   }
   return a2;
-}, se = (e2, t2, n2, o2, r2) => {
+}, ce = (e2, t2, n2, o2, r2) => {
   const l2 = {};
   let i2 = null, c2 = null;
   const s2 = n2.length;
@@ -511,31 +511,31 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
     i2 = r3 + 1, c2 = d2, l2[r3] = Object.freeze({ offset: s3, size: d2 - s3, spanIndex: a2 });
   }
   return Object.freeze(l2);
-}, ae = (e2, t2, n2) => {
+}, se = (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 };
-}, de = (e2, t2, n2) => {
+}, ae = (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);
-}, ue = (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" : ""}`, he = (t2) => {
-  const { linePoints: n2, bounds: o2, pathProps: r2, style: l2, ...c2 } = t2;
+}, de = (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" : ""}`, ue = (t2) => {
+  const { linePoints: n2, bounds: o2, propsPath: 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 }) });
-}, ge = (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;
+}, he = (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, boundsPath: f2, propsPath: w2, style: x2, ...p2 } = n2, m2 = r2, v2 = o2, S2 = l2, y2 = c2;
   let b2 = null;
   if (s2) {
-    let t2 = ue({ top: 0, left: 0, bottom: y2, right: S2 });
-    f2 && (t2 = t2 + " " + ue({ 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 = de({ top: 0, left: 0, bottom: y2, right: S2 });
+    f2 && (t2 = t2 + " " + de({ 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: ue({ top: 0, left: 0, right: S2, bottom: y2 }), fill: "none", strokeDasharray: u2, strokeDashoffset: h2, stroke: a2, vectorEffect: "non-scaling-stroke", strokeWidth: d2, ...w2 })] });
-}, fe = (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: de({ top: 0, left: 0, right: S2, bottom: y2 }), fill: "none", strokeDasharray: u2, strokeDashoffset: h2, stroke: a2, vectorEffect: "non-scaling-stroke", strokeWidth: d2, ...w2 })] });
+}, ge = (t2) => {
   const { key: n2, ...o2 } = t2;
-  return e(we, { ...o2 }, n2);
-}, we = C((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 };
+  return e(fe, { ...o2 }, n2);
+}, fe = C((t2) => {
+  const { stroke: n2, fill: o2, x: r2 = 0, y: l2 = 0, width: i2 = 0, height: c2 = 0, style: s2, isAnimatedStroke: d2, propsAnimatedStroke: 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 m2 = x2.speed * p2, S2 = a().replaceAll(":", ""), y2 = `${x2.name}-${S2}`;
   let b2;
@@ -550,33 +550,33 @@ const F = ({ itemType: e2, index: t2, itemSize: n2, instanceProps: o2, scale: r2
     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} ${m2}ms linear infinite`, willChange: "stroke-dashoffset" }), e(ge, { 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} ${m2}ms linear infinite`, willChange: "stroke-dashoffset" }), e(he, { x: r2, y: l2, width: i2, height: c2, stroke: n2, fill: o2, shapeRendering: "crispEdges", style: { ...b2, ...s2 }, ...f2 });
 });
-we.displayName = "Selection";
-const xe = C(I((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;
+fe.displayName = "Selection";
+const we = C(I((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, ref: h2, ...g2 } = t2;
   if (0 === o2 || 0 === r2) return null;
-  let g2 = true, f2 = true, w2 = true, x2 = true;
+  let f2 = true, w2 = true, x2 = true, p2 = true;
   switch (s2) {
     case "tl":
-      g2 = false, f2 = false;
+      f2 = false, w2 = false;
       break;
     case "bl":
-      g2 = false, x2 = false;
+      f2 = false, p2 = false;
       break;
     case "br":
-      w2 = false, x2 = false;
+      x2 = false, p2 = false;
       break;
     case "tr":
-      f2 = false, w2 = false;
+      w2 = false, x2 = false;
   }
-  return e("div", { className: k("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 });
+  return e("div", { className: M("fill-handle", d2), style: { position: "absolute", left: o2 - (i2 + (f2 ? l2 : 0)) / 2, top: r2 - (i2 + (w2 ? l2 : 0)) / 2, width: i2, height: i2, borderLeft: f2 ? `${l2}px ${c2}` : void 0, borderTop: w2 ? `${l2}px ${c2}` : void 0, borderRight: x2 ? `${l2}px ${c2}` : void 0, borderBottom: p2 ? `${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, ...g2 });
 }));
-xe.displayName = "FillHandle";
-const pe = i.detectIt().supportsTouchEvents, me = C(I((r2, l2) => {
-  const { range: i2, view: c2, anchor: a2, borderStroke: h2 = "var(--sxl-app-color-primary, rgb(33, 115, 70))", background: g2 = "var(--sxl-app-color-background, white)", borderWidth: f2 = 3, size: w2 = 22, style: p2, className: S2, selectionTouchPointerHandler: y2, onTouchSelectStart: C2, onTouchSelectEnd: I2, currentTouchAnchor: E2, scrollableElement: R2, scrollableRoot: M2, ...P2 } = r2;
-  if (!pe) return null;
-  const T2 = o(C2, [C2]), D2 = o(I2, [I2]), { bounds: O2, coordsPivot: z2, key: L2 } = b(() => {
+we.displayName = "FillHandle";
+const xe = i.detectIt().supportsTouchEvents, pe = C(I((r2, l2) => {
+  const { range: i2, view: c2, anchor: a2, borderStroke: h2 = "var(--sxl-app-color-primary, rgb(33, 115, 70))", background: g2 = "var(--sxl-app-color-background, white)", borderWidth: f2 = 3, size: w2 = 22, style: p2, className: S2, selectionTouchPointerHandler: y2, onTouchSelectStart: C2, onTouchSelectEnd: I2, currentTouchAnchor: E2, scrollableElement: R2, scrollableRoot: k2, ...P2 } = r2;
+  if (!xe) return null;
+  const T2 = o(C2, [C2]), D2 = o(I2, [I2]), { bounds: O2, coordsPivot: z2, key: B2 } = b(() => {
     if (!i2 || !c2) return null;
     let e2 = null, t2 = null;
     switch (a2) {
@@ -618,7 +618,7 @@ const pe = i.detectIt().supportsTouchEvents, me = C(I((r2, l2) => {
     }
     const h3 = c2.toClipBounds(n2, 0);
     return !h3 || h3.width <= 0 || h3.height <= 0 || n2.x < 0 || n2.y < 0 || n2.x > d2 || n2.y > u2 ? { bounds: null, coordsAnchor: null, coordsPivot: null, key: null } : { bounds: n2, coordsAnchor: null, coordsPivot: e2, key: "touchSelect-" + c2.getAnchor() + "-" + a2 };
-  }, [i2, c2, a2]), F2 = x(null), W2 = b(() => {
+  }, [i2, c2, a2]), F2 = x(null), A2 = b(() => {
     const e2 = (e3) => "t" === a2 || "b" === a2 ? { ...e3, colIndex: void 0 } : "l" === a2 || "r" === a2 ? { ...e3, rowIndex: void 0 } : e3;
     return { processTouch: true, consumeTouch: true, onPointerDown: (t2, n2) => {
       const o2 = e2(c2.getCellCoordsFromClient(t2.clientX, t2.clientY));
@@ -627,58 +627,60 @@ const pe = i.detectIt().supportsTouchEvents, me = C(I((r2, l2) => {
       const r3 = e2(c2.getCellCoordsFromClient(t2.clientX, t2.clientY));
       return y2.onSelectionPointerMoveOrWait(t2, n2, o2, c2, r3, F2.current?.coordsPivot, true, true);
     }, onPointerUp: (e3, t2, n2) => (F2.current = null, D2?.(a2), y2.onPointerUp(e3, t2, n2)) };
-  }, [y2, i2, c2, a2]), A2 = s(W2), [V2, { y: U2, x: H2 }] = d(), K2 = x(null), { getPortalContainer: N2, isFullscreen: q2 } = u(), [j2, X2] = m(null);
+  }, [y2, i2, c2, a2]), W2 = s(A2), [V2, { y: U2, x: H2 }] = d(), K2 = x(null), { getPortalContainer: N2, isFullscreen: q2 } = u(), [j2, X2] = m(null);
   return v(() => {
     const t2 = K2.current?.getBoundingClientRect();
     if (!t2 || !O2) return void X2(null);
     let n2 = 0, o2 = 0, r3 = R2;
-    for (; r3; ) n2 += r3.scrollLeft, o2 += r3.scrollTop, r3 = M2 && r3 === M2.parentElement ? null : r3.parentElement;
-    X2($(e("div", { className: k("touch-select-handle", S2), ref: l2, style: { position: "absolute", left: n2 + (t2?.x ?? 0) - (w2 + f2) / 2, top: o2 + (t2?.y ?? 0) - (w2 + f2) / 2, width: w2, height: w2, borderWidth: `${f2}px`, border: h2, borderRadius: "50%", background: g2, boxShadow: `0 0 0 1.5px ${g2}`, cursor: "grab", pointerEvents: "all", opacity: E2 ? 0 : 1, transitionDuration: "160ms", transitionProperty: "opacity", ...p2 }, tabIndex: -1, onPointerDown: A2, ...P2 }), M2 ?? N2(), L2));
-  }, [U2, H2, O2?.x, O2?.y, O2?.width, O2?.height, S2, E2, g2, w2, f2, h2, R2, q2]), O2 ? t(n, { children: [e("div", { ref: B([V2, K2]), style: { position: "absolute", left: O2.x, top: O2.y, opacity: 0 } }), j2] }) : null;
+    for (; r3; ) n2 += r3.scrollLeft, o2 += r3.scrollTop, r3 = k2 && r3 === k2.parentElement ? null : r3.parentElement;
+    X2($(e("div", { className: M("touch-select-handle", S2), ref: l2, style: { position: "absolute", left: n2 + (t2?.x ?? 0) - (w2 + f2) / 2, top: o2 + (t2?.y ?? 0) - (w2 + f2) / 2, width: w2, height: w2, borderWidth: `${f2}px`, border: h2, borderRadius: "50%", background: g2, boxShadow: `0 0 0 1.5px ${g2}`, cursor: "grab", pointerEvents: "all", opacity: E2 ? 0 : 1, transitionDuration: "160ms", transitionProperty: "opacity", ...p2 }, tabIndex: -1, onPointerDown: W2, ...P2 }), k2 ?? N2(), B2));
+  }, [U2, H2, O2?.x, O2?.y, O2?.width, O2?.height, S2, E2, g2, w2, f2, h2, R2, q2]), O2 ? t(n, { children: [e("div", { ref: L([V2, K2]), style: { position: "absolute", left: O2.x, top: O2.y, opacity: 0 } }), j2] }) : null;
 }));
-me.displayName = "TouchSelectHandle";
-const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), ye = Object.freeze({ colIndex: 0, rowIndex: 0 }), be = Object.freeze([]), Ce = (e2) => {
+pe.displayName = "TouchSelectHandle";
+const me = -10, ve = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), Se = Object.freeze({ colIndex: 0, rowIndex: 0 }), ye = Object.freeze([]), be = (e2) => {
   if (e2 && e2.cell && e2.ranges && e2.rangeIndex > -1 && e2.rangeIndex <= e2.ranges.length) return e2;
-  const t2 = { cell: null, ranges: e2?.ranges ?? be };
-  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 = ye), P.isEqualSelectionCoords(t2, e2) ? e2 : t2;
-}, Ie = (e2, t2, n2) => {
+  const t2 = { cell: null, ranges: e2?.ranges ?? ye };
+  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 = Se), k.isEqualSelectionCoords(t2, e2) ? e2 : t2;
+}, Ce = (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(z.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(z.Center)), e2.scrollCellCoordsIntoView(t2);
-}, Ee = () => false, Re = ({ gridRef: t2, commands: n2, layout: r2, selection: l2, onSelectionChange: a2, onSelectionDragStart: d2, onSelectionDragEnd: u2, selectionPolicy: f2 = "multiple", newSelectionMode: w2 = "clear", allowDeselectSelection: p2 = true, onFillPreview: C2, onFillCancel: I2, onFillDone: R2, onFill: M2, disableFillDrag: k2 = !M2, fillHandleBorderColor: D2 = "white", hiddenRowsAt: L2, hiddenColumnsAt: $2, isContentfulCell: B2, contentfulCellFinder: F2 = te, getDataCoords: W2, alwaysScrollToActiveCoords: A2 = false, selectionBounds: V2, pointerDownInterceptor: U2, pointerMoveInterceptor: H2, mergedRanges: K2, canSelectionSpanMergedCells: N2 = Ee, onMoveDragStart: q2, onMoveDragUpdate: j2, onMoveDragEnd: X2, onMoveDragDone: Y2, selectionRenderer: G2 = fe, disableMoveDrag: Z2 = !X2, getCellCoordsAsRangeCoords: J2 = P.cellToRange, moveDragHitSize: Q2 = 6, moveDragOutlineSize: ee2 = 4, selectionBackgroundColor: ne2 = "rgba(16, 124, 65, 0.1)", selectionBorderColor: oe2 = "rgb(33, 115, 70)", selectionRemoveBorderColor: se2 = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: ae2 = "rgba(250, 10, 10, 0.1)", disableTouchSelection: de2 = false, touchSelectHandleProps: ue2 }) => {
-  const he2 = S(() => ({ top: V2?.top ?? 0, left: V2?.left ?? 0, bottom: t2.current?.rowCount - 1 || 0, right: t2.current?.columnCount - 1 || 0 }), []), ge2 = o(M2, [M2]), we2 = o(C2, [C2]), pe2 = o(I2, [I2]), Re2 = o(R2, [R2]), Me2 = o(B2, [B2]), ke2 = o(G2, [G2]), Pe2 = o((e2, t3 = false) => ce(e2, t3, r2.getRowOffset, t3 ? he2().bottom : he2().top), [r2?.getRowOffset]), Te2 = o(L2 ?? Pe2, [L2]), De2 = o((e2, t3 = false) => ce(e2, t3, r2.getColOffset, t3 ? he2().right : he2().left), [r2?.getColOffset]), Oe2 = o($2 ?? De2, [$2]), [ze2, Le2] = m(() => Ce(l2)), $e2 = b(() => Ce(ze2), [ze2]), Be2 = x($e2), Fe2 = x(true);
-  y(T.throttle(() => {
+  !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);
+}, Ie = () => false, Ee = ({ gridRef: t2, commands: n2, layout: r2, selection: l2, onSelectionChange: a2, onSelectionDragStart: d2, onSelectionDragEnd: u2, selectionPolicy: f2 = "multiple", newSelectionMode: w2 = "clear", allowDeselectSelection: p2 = true, onFillPreview: C2, onFillCancel: I2, onFillDone: R2, onFill: M2, disableFillDrag: T2 = !M2, fillHandleBorderColor: z2 = "white", hiddenRowsAt: L2, hiddenColumnsAt: $2, isContentfulCell: B2, contentfulCellFinder: F2 = ee, getDataCoords: A2, alwaysScrollToActiveCoords: W2 = false, selectionBounds: V2, pointerDownInterceptor: U2, pointerMoveInterceptor: H2, mergedRanges: K2, canSelectionSpanMergedCells: N2 = Ie, onMoveDragStart: q2, onMoveDragUpdate: j2, onMoveDragEnd: X2, onMoveDragDone: Y2, renderSelection: G2 = ge, disableMoveDrag: _2 = !X2, getCellCoordsAsRangeCoords: J2 = k.cellToRange, moveDragHitSize: Q2 = 6, moveDragOutlineSize: te2 = 4, selectionBackgroundColor: ne2 = "rgba(16, 124, 65, 0.1)", selectionBorderColor: ce2 = "rgb(33, 115, 70)", selectionRemoveBorderColor: se2 = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: ae2 = "rgba(250, 10, 10, 0.1)", disableTouchSelection: de2 = false, propsTouchSelectHandle: ue2 }) => {
+  const he2 = S(() => ({ top: V2?.top ?? 0, left: V2?.left ?? 0, bottom: t2.current?.rowCount - 1 || 0, right: t2.current?.columnCount - 1 || 0 }), []), fe2 = o(M2, [M2]), xe2 = o(C2, [C2]), Ee2 = o(I2, [I2]), Re2 = o(R2, [R2]), Me2 = o(B2, [B2]), ke2 = o(G2, [G2]), Pe2 = o((e2, t3 = false) => ie(e2, t3, r2.getRowOffset, t3 ? he2().bottom : he2().top), [r2?.getRowOffset]), Te2 = o(L2 ?? Pe2, [L2]), De2 = o((e2, t3 = false) => ie(e2, t3, r2.getColOffset, t3 ? he2().right : he2().left), [r2?.getColOffset]), Oe2 = o($2 ?? De2, [$2]), [ze2, Le2] = m(() => be(l2)), $e2 = b(() => be(ze2), [ze2]), Be2 = x($e2), Fe2 = x(null);
+  b(() => {
+    Fe2.current = l2;
+  }, [l2]), y(P.throttle(() => {
     Le2((e2) => {
-      Fe2.current = true;
-      const t3 = Ce(l2);
-      return P.isEqualSelectionCoords(t3, e2) ? e2 : t3;
+      const t3 = be(l2);
+      Fe2.current = t3;
+      return k.isEqualSelectionCoords(t3, e2) ? e2 : t3;
     });
   }, 0), [l2]), y(() => {
     Be2.current = $e2;
   }, [$e2]), v(() => {
-    Fe2.current || !a2 || P.isEqualSelectionCoords(l2, $e2) || a2($e2);
+    Fe2.current || !a2 || k.isEqualSelectionCoords(l2, $e2) || a2($e2);
   }, [$e2]);
-  const We2 = S((e2) => {
+  const Ae2 = S((e2) => {
     Le2((t3) => {
-      Fe2.current = false, t3 = Ce(t3);
-      let n3 = "function" == typeof e2 ? e2(t3.ranges) : e2 ?? be;
-      if (P.isEqualRangesArrays(n3, t3.ranges)) return t3;
+      Fe2.current = null, t3 = be(t3);
+      let n3 = "function" == typeof e2 ? e2(t3.ranges) : e2 ?? ye;
+      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 || P.isCellWithinRange(r3, n3[o2]) || (r3 = { rowIndex: n3[o2].rowStart, colIndex: n3[o2].colStart }), 1 === n3.length && P.isSingleCell(n3[0]) && P.isCellWithinRange(r3, n3[0]) && (n3 = [], o2 = -1);
+      -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);
       const l3 = { cell: r3, ranges: n3, rangeIndex: o2 };
-      return P.isEqualSelectionCoords(l3, t3) ? t3 : l3;
+      return k.isEqualSelectionCoords(l3, t3) ? t3 : l3;
     });
-  }, []), Ae2 = o((e2) => {
+  }, []), We2 = o((e2) => {
     Le2((t3) => {
-      Fe2.current = false, t3 = Ce(t3);
-      const n3 = e2 ?? ye, o2 = J2(n3);
-      if (!P.isSingleCell(o2) && 0 === t3.ranges.length) return { ranges: [o2], rangeIndex: 0, cell: n3 };
-      if (P.isEqualCells(n3, t3.cell)) return t3;
+      Fe2.current = null, t3 = be(t3);
+      const n3 = e2 ?? Se, o2 = J2(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;
-      1 === t3.ranges.length && (P.isSingleCell(t3.ranges[0]) && P.isCellWithinRange(n3, t3.ranges[0]) || !P.isCellWithinRange(n3, t3.ranges[0])) && (r3 = [], l3 = -1);
+      1 === t3.ranges.length && (k.isSingleCell(t3.ranges[0]) && k.isCellWithinRange(n3, t3.ranges[0]) || !k.isCellWithinRange(n3, t3.ranges[0])) && (r3 = [], l3 = -1);
       const i2 = { ranges: r3, rangeIndex: l3, cell: n3 };
-      return P.isEqualSelectionCoords(i2, t3) ? t3 : i2;
+      return k.isEqualSelectionCoords(i2, t3) ? t3 : i2;
     });
-  }, [J2]), [Ve2, Ue2] = m(null), [He2, Ke2] = m(null), Ne2 = x(null), [qe2, je2] = m(null), Xe2 = x(null), Ye2 = x(null), [Ge2, Ze] = m(null), _e = x(null), Je = x(null), Qe = x(K2);
+  }, [J2]), [Ve2, Ue2] = m(null), [He2, Ke2] = m(null), Ne2 = x(null), [qe2, je2] = m(null), Xe2 = x(null), Ye2 = x(null), [Ge, Ze] = m(null), _e = x(null), Je = x(null), Qe = x(K2);
   v(() => {
     Qe.current = K2;
   }, [K2]);
@@ -694,7 +696,7 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (r3) return o2;
     const l3 = J2(e2), i2 = J2(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 ? P.extendRangeToUnionRanges(c2, s2) : c2;
+    return "function" == typeof Qe.current ? s2 = Qe.current(c2) : K2 && (s2 = K2), s2 ? k.extendRangeToUnionRanges(c2, s2) : c2;
   }, [N2, J2]), 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;
@@ -705,26 +707,26 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     const o2 = ot(Be2.current, e2, t3 ?? Be2.current.cell);
     if (!o2) return;
     const r3 = Be2.current.rangeIndex;
-    We2((e3) => e3.length ? e3.map((e4, t4) => r3 === t4 ? o2 : e4) : [o2]), n3 && o2 && Ae2({ colIndex: o2.colStart, rowIndex: o2.rowStart });
+    Ae2((e3) => e3.length ? e3.map((e4, t4) => r3 === t4 ? o2 : e4) : [o2]), n3 && o2 && We2({ colIndex: o2.colStart, rowIndex: o2.rowStart });
   }, []), lt = S((e2, t3, n3) => {
     if (!Be2.current) return;
     e2 = { ...Be2.current?.cell, ...e2 }, t3 = t3 ?? e2;
     const o2 = ot(Be2.current, e2, t3);
     if (!o2) return;
     const r3 = { rowIndex: o2.rowStart, colIndex: o2.colStart }, l3 = { ...r3, ...n3 };
-    "clear" === w2 ? (_e.current = l3, ct()) : "modify" === w2 ? rt(r3) : it(r3), Ae2(l3);
+    "clear" === w2 ? (_e.current = l3, ct()) : "modify" === w2 ? rt(r3) : it(r3), We2(l3);
   }, []), it = S((e2, t3 = e2, n3) => {
     "multiple" !== f2 || !e2 || tt(e2) || tt(t3) || Le2((o2) => {
-      Fe2.current = false, o2 = Ce(o2);
+      Fe2.current = null, o2 = be(o2);
       const r3 = nt(e2, t3);
       if (!r3) return o2;
       let l3 = o2.ranges.length > 0 ? [...o2.ranges] : [nt(o2.cell, o2.cell)];
       l3.push(r3);
       const i2 = { ranges: l3, cell: { rowIndex: r3.rowStart, colIndex: r3.colStart, ...n3 }, rangeIndex: l3.length - 1 };
-      return P.isEqualSelectionCoords(i2, o2) ? o2 : i2;
+      return k.isEqualSelectionCoords(i2, o2) ? o2 : i2;
     });
   }, []), ct = () => {
-    We2(be);
+    Ae2(ye);
   }, st = "touch" === i.detectIt().primaryInput, at = x(null), dt = x(null), ut = x(null), ht = b(() => ({ onPointerDown: (e2) => {
     if (!t2 || !t2.current) return false;
     const n3 = e2.nativeEvent, o2 = t2.current.getViewFromClient(n3.clientX, n3.clientY);
@@ -734,18 +736,18 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     at.current = { anchor: o2.getAnchor(), coords: r3 }, Je.current = null;
     const l3 = e2.nativeEvent.which === c.Right;
     if (l3) {
-      if (-1 !== P.indexOfCoords(r3, $e2.ranges)) return false;
+      if (-1 !== k.indexOfCoords(r3, $e2.ranges)) return false;
     }
     const i2 = e2.nativeEvent.shiftKey, s2 = e2.nativeEvent.ctrlKey || e2.nativeEvent.metaKey, a3 = s2, u3 = p2, h2 = $e2.ranges.length > 0, g2 = s2 && u3;
     if (false === U2?.(e2, r3, $e2)) return false;
     d2?.(Be2.current, e2);
     const w3 = !l3 && "single" !== f2;
     if (i2) return rt(r3), w3;
-    const x2 = P.isEqualCells(r3, $e2.cell);
+    const x2 = k.isEqualCells(r3, $e2.cell);
     if (a3) {
       if (x2 && (!g2 || !h2)) return w3;
       if (s2) {
-        if (-1 !== P.indexOfCoords(r3, $e2.ranges) && u3) {
+        if (-1 !== k.indexOfCoords(r3, $e2.ranges) && u3) {
           Xe2.current = r3;
           const e3 = nt(r3, r3);
           return Ye2.current = e3, je2(e3), w3;
@@ -753,21 +755,21 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       }
       return it(r3), w3;
     }
-    A2 && et(r3), x2 && 0 === $e2.ranges.length || lt(r3);
-  }, onPointerMoveOrWait: T.throttle((e2, n3) => {
+    W2 && et(r3), x2 && 0 === $e2.ranges.length || lt(r3);
+  }, onPointerMoveOrWait: P.throttle((e2, n3) => {
     if (!t2?.current) return;
     if ("touch" === e2.pointerType || "touchmove" === e2.type) return;
     if (!at.current) return;
     const o2 = at.current.anchor;
     let r3 = t2.current.getViewFromLocation(o2), l3 = r3.getCellCoordsFromClient(e2.clientX, e2.clientY);
-    if (!P.isEqualCells(l3, at.current?.coords) && (at.current = { anchor: o2, coords: l3 }, l3 && false !== H2?.(e2, l3, Be2.current))) {
+    if (!k.isEqualCells(l3, at.current?.coords) && (at.current = { anchor: o2, coords: l3 }, l3 && false !== H2?.(e2, l3, Be2.current))) {
       if (Xe2.current) {
         const e3 = { rowStart: Math.min(l3.rowIndex, Xe2.current.rowIndex), colStart: Math.min(l3.colIndex, Xe2.current.colIndex), rowEnd: Math.max(l3.rowIndex, Xe2.current.rowIndex), colEnd: Math.max(l3.colIndex, Xe2.current.colIndex) }, t3 = { rowIndex: e3.rowStart, colIndex: e3.colStart }, n4 = { rowIndex: e3.rowEnd, colIndex: e3.colEnd };
         if (tt(t3) || tt(n4)) return;
         const o3 = nt(t3, n4);
         Ye2.current = o3, je2(o3);
       } else rt(l3);
-      ut.current = n3, Ie(r3, l3, t2);
+      ut.current = n3, Ce(r3, l3, t2);
     }
   }, 60), onPointerUp: (e2) => {
     if (at.current = null, "touch" === e2.pointerType || "touchend" === e2.type) {
@@ -788,23 +790,23 @@ const ve = -10, Se = 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 = Ce(e3)).ranges.length) return e3;
+      if (Fe2.current = null, 0 === (e3 = be(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];
-        if (P.isRangesIntersect(i2, n3)) {
-          const r4 = T.subtractRect({ top: i2.rowStart, left: i2.colStart, bottom: i2.rowEnd + 1, right: i2.colEnd + 1 }, { top: n3.rowStart, left: n3.colStart, bottom: n3.rowEnd + 1, right: n3.colEnd + 1 });
+        if (k.isRangesIntersect(i2, n3)) {
+          const r4 = P.subtractRect({ top: i2.rowStart, left: i2.colStart, bottom: i2.rowEnd + 1, right: i2.colEnd + 1 }, { top: n3.rowStart, left: n3.colStart, bottom: n3.rowEnd + 1, right: n3.colEnd + 1 });
           for (let n4 = 0; n4 < r4.length; n4++) {
             const l5 = { rowStart: r4[n4].top, colStart: r4[n4].left, rowEnd: r4[n4].bottom - 1, colEnd: r4[n4].right - 1 };
-            t3.push(l5), P.isCellWithinRange(e3.cell, l5) && (o2 = t3.length - 1);
+            t3.push(l5), k.isCellWithinRange(e3.cell, l5) && (o2 = t3.length - 1);
           }
         } else t3.push(i2);
-        t3.length > 0 && -1 === o2 && P.isCellWithinRange(e3.cell, i2) && (o2 = t3.length - 1, r3 = { rowIndex: t3[t3.length - 1].rowStart, colIndex: t3[t3.length - 1].colStart });
+        t3.length > 0 && -1 === o2 && k.isCellWithinRange(e3.cell, i2) && (o2 = t3.length - 1, r3 = { rowIndex: t3[t3.length - 1].rowStart, colIndex: t3[t3.length - 1].colStart });
       }
       const l3 = { cell: r3, rangeIndex: o2, ranges: t3 };
-      return P.isEqualSelectionCoords(l3, e3) ? e3 : l3;
+      return k.isEqualSelectionCoords(l3, e3) ? e3 : l3;
     });
-  }, processTouch: true, consumeTouch: false }), [$e2, f2, p2, A2, w2]), gt = o(s(ht), []), ft = b(() => ({ onSelectionPointerDown: (e2, n3, o2, r3, l3 = $e2.cell, i2 = A2, s2 = e2.nativeEvent.shiftKey, a3 = false) => {
+  }, processTouch: true, consumeTouch: false }), [$e2, f2, p2, W2, w2]), gt = o(s(ht), []), ft = b(() => ({ onSelectionPointerDown: (e2, n3, o2, r3, l3 = $e2.cell, i2 = W2, s2 = e2.nativeEvent.shiftKey, a3 = false) => {
     if (!t2 || !t2.current) return false;
     e2.stopPropagation(), e2.preventDefault(), e2.nativeEvent.stopImmediatePropagation();
     const u3 = o2 ?? t2.current.getViewFromClient(e2.nativeEvent.clientX, e2.nativeEvent.clientY), h2 = r3 ?? u3.getCellCoordsFromClient(e2.nativeEvent.clientX, e2.nativeEvent.clientY);
@@ -812,18 +814,18 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     at.current = { anchor: u3.getAnchor(), coords: h2 }, Je.current = null;
     const g2 = e2.nativeEvent.which === c.Right;
     if (g2) {
-      if (-1 !== P.indexOfCoords(h2, $e2.ranges)) return false;
+      if (-1 !== k.indexOfCoords(h2, $e2.ranges)) return false;
     }
     const w3 = e2.nativeEvent.ctrlKey || e2.nativeEvent.metaKey, x2 = w3, m2 = p2, v2 = $e2.ranges.length > 0, S2 = w3 && m2;
     if (false === U2?.(e2, h2, $e2)) return false;
     d2?.(Be2.current, e2);
     const y2 = !g2 && "single" !== f2;
     if (s2) return rt(h2, l3, a3), y2;
-    const b2 = P.isEqualCells(h2, l3);
+    const b2 = k.isEqualCells(h2, l3);
     if (x2) {
       if (b2 && (!S2 || !v2)) return y2;
       if (S2) {
-        if (-1 !== P.indexOfCoords(h2, $e2.ranges) && m2) {
+        if (-1 !== k.indexOfCoords(h2, $e2.ranges) && m2) {
           Xe2.current = h2;
           const e3 = nt(h2, h2);
           return Ye2.current = e3, je2(e3), y2;
@@ -837,14 +839,14 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (e2.stopPropagation(), e2.preventDefault(), e2.nativeEvent.stopImmediatePropagation(), !at.current) return;
     const a3 = at.current.anchor;
     let d3 = r3 ?? t2.current.getViewFromLocation(a3), u3 = l3 ?? d3.getCellCoordsFromClient(e2.clientX, e2.clientY);
-    if (!P.isEqualCells(u3, at.current?.coords) && (at.current = { anchor: a3, coords: u3 }, u3 && false !== H2?.(e2, u3, Be2.current))) {
+    if (!k.isEqualCells(u3, at.current?.coords) && (at.current = { anchor: a3, coords: u3 }, u3 && false !== H2?.(e2, u3, Be2.current))) {
       if (Xe2.current) {
         const e3 = { rowStart: Math.min(u3.rowIndex, Xe2.current.rowIndex), colStart: Math.min(u3.colIndex, Xe2.current.colIndex), rowEnd: Math.max(u3.rowIndex, Xe2.current.rowIndex), colEnd: Math.max(u3.colIndex, Xe2.current.colIndex) }, t3 = { rowIndex: e3.rowStart, colIndex: e3.colStart }, n4 = { rowIndex: e3.rowEnd, colIndex: e3.colEnd };
         if (tt(t3) || tt(n4)) return;
         const o3 = nt(t3, n4);
         Ye2.current = o3, je2(o3);
       } else rt(u3, i2, s2);
-      c2 && Ie(d3, u3, t2);
+      c2 && Ce(d3, u3, t2);
     }
   }, onPointerUp: (e2) => {
     at.current = null, e2.stopPropagation(), e2.preventDefault(), e2.nativeEvent.stopImmediatePropagation();
@@ -856,38 +858,38 @@ const ve = -10, Se = 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 = Ce(e3)).ranges.length) return e3;
+      if (Fe2.current = null, 0 === (e3 = be(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];
-        if (P.isRangesIntersect(i2, t3)) {
-          const r4 = T.subtractRect({ top: i2.rowStart, left: i2.colStart, bottom: i2.rowEnd + 1, right: i2.colEnd + 1 }, { top: t3.rowStart, left: t3.colStart, bottom: t3.rowEnd + 1, right: t3.colEnd + 1 });
+        if (k.isRangesIntersect(i2, t3)) {
+          const r4 = P.subtractRect({ top: i2.rowStart, left: i2.colStart, bottom: i2.rowEnd + 1, right: i2.colEnd + 1 }, { top: t3.rowStart, left: t3.colStart, bottom: t3.rowEnd + 1, right: t3.colEnd + 1 });
           for (let t4 = 0; t4 < r4.length; t4++) {
             const l5 = { rowStart: r4[t4].top, colStart: r4[t4].left, rowEnd: r4[t4].bottom - 1, colEnd: r4[t4].right - 1 };
-            n3.push(l5), P.isCellWithinRange(e3.cell, l5) && (o2 = n3.length - 1);
+            n3.push(l5), k.isCellWithinRange(e3.cell, l5) && (o2 = n3.length - 1);
           }
         } else n3.push(i2);
-        n3.length > 0 && -1 === o2 && P.isCellWithinRange(e3.cell, i2) && (o2 = n3.length - 1, r3 = { rowIndex: n3[n3.length - 1].rowStart, colIndex: n3[n3.length - 1].colStart });
+        n3.length > 0 && -1 === o2 && k.isCellWithinRange(e3.cell, i2) && (o2 = n3.length - 1, r3 = { rowIndex: n3[n3.length - 1].rowStart, colIndex: n3[n3.length - 1].colStart });
       }
       const l3 = { cell: r3, rangeIndex: o2, ranges: n3 };
-      return P.isEqualSelectionCoords(l3, e3) ? e3 : l3;
+      return k.isEqualSelectionCoords(l3, e3) ? e3 : l3;
     });
-  } }), [$e2, f2, p2, A2, w2]), wt = o((e2, n3 = false, o2 = false, l3 = 0) => {
+  } }), [$e2, f2, p2, W2, w2]), wt = o((e2, n3 = false, o2 = false, l3 = 0) => {
     if (!t2.current || !$e2.cell) return;
     let i2 = $e2.cell, c2 = $e2.cell;
     if (n3 && $e2.ranges.length > 0) {
       const t3 = $e2.ranges[$e2.rangeIndex], n4 = $e2.cell;
       switch (e2) {
-        case O.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 O.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 O.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 O.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 };
       }
     }
@@ -895,39 +897,39 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     let { rowStart: a3, colStart: d3 } = s2;
     const u3 = he2();
     if (Je.current) switch (e2) {
-      case O.Up:
-      case O.Down:
+      case D.Up:
+      case D.Down:
         Je.current.colIndex >= s2.colStart && Je.current.colIndex <= s2.colEnd && (d3 = Je.current.colIndex);
         break;
-      case O.Left:
-      case O.Right:
+      case D.Left:
+      case D.Right:
         Je.current.rowIndex >= s2.rowStart && Je.current.rowIndex <= s2.rowEnd && (a3 = Je.current.rowIndex);
     }
     if (!l3) {
       switch (e2) {
-        case O.Up:
-          a3 = _(Te2, Math.max(s2.rowStart - 1, u3.top), e2);
+        case D.Up:
+          a3 = Z(Te2, Math.max(s2.rowStart - 1, u3.top), e2);
           break;
-        case O.Down:
-          a3 = _(Te2, Math.min(s2.rowEnd + 1, u3.bottom), e2);
+        case D.Down:
+          a3 = Z(Te2, Math.min(s2.rowEnd + 1, u3.bottom), e2);
           break;
-        case O.Left:
-          d3 = _(Oe2, Math.max(s2.colStart - 1, u3.left), e2);
+        case D.Left:
+          d3 = Z(Oe2, Math.max(s2.colStart - 1, u3.left), e2);
           break;
-        case O.Right:
-          d3 = _(Oe2, Math.min(s2.colEnd + 1, u3.right), e2);
+        case D.Right:
+          d3 = Z(Oe2, Math.min(s2.colEnd + 1, u3.right), e2);
       }
       if (o2) switch (e2) {
-        case O.Up:
+        case D.Up:
           a3 = F2({ ...c2, colIndex: $e2.cell.colIndex }, Me2, Te2, e2, false, Math.max(u3.top, Te2(u3.top, false)));
           break;
-        case O.Down:
+        case D.Down:
           a3 = F2({ ...c2, colIndex: $e2.cell.colIndex }, Me2, Te2, e2, false, Math.min(u3.bottom, u3.bottom - Te2(u3.bottom, true)));
           break;
-        case O.Left:
+        case D.Left:
           d3 = F2({ ...c2, rowIndex: $e2.cell.rowIndex }, Me2, Oe2, e2, false, Math.max(u3.left, Oe2(u3.left, false)));
           break;
-        case O.Right:
+        case D.Right:
           d3 = F2({ ...c2, rowIndex: $e2.cell.rowIndex }, Me2, Oe2, e2, false, Math.min(u3.right, u3.right - Oe2(u3.right, true)));
       }
     }
@@ -935,40 +937,40 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (l3) {
       let n4 = 0;
       switch (e2) {
-        case O.Up:
+        case D.Up:
           n4 = r2.getRowOffset(a3 + 1), a3 = Math.max(u3.top, r2.getRowIndex(n4 - l3)), h2 = { top: r2.getRowOffset(a3 + 1) - (n4 - t2.current.getScrollPosition().top) };
           break;
-        case O.Down:
+        case D.Down:
           n4 = r2.getRowOffset(a3), a3 = Math.min(u3.bottom, r2.getRowIndex(n4 + l3)), h2 = { top: r2.getRowOffset(a3) - (n4 - t2.current.getScrollPosition().top) };
           break;
-        case O.Left:
+        case D.Left:
           n4 = r2.getColOffset(d3 + 1), d3 = Math.max(u3.left, r2.getColIndex(n4 - l3)), h2 = { left: r2.getColOffset(d3 + 1) - (n4 - t2.current.getScrollPosition().left) };
           break;
-        case O.Right:
+        case D.Right:
           n4 = r2.getColOffset(d3), d3 = Math.min(u3.right, r2.getColIndex(n4 + l3)), h2 = { left: r2.getColOffset(d3) - (n4 - t2.current.getScrollPosition().left) };
       }
     }
     const g2 = { rowIndex: a3, colIndex: d3 }, f3 = J2(g2), w3 = { rowIndex: f3.rowStart, colIndex: f3.colStart };
     n3 || (Je.current = g2);
-    const x2 = P.isEqualCells(_e.current, w3) && P.isEqualCells(_e.current, i2);
+    const x2 = k.isEqualCells(_e.current, w3) && k.isEqualCells(_e.current, i2);
     if (n3 && !x2 ? rt(w3, i2) : lt(w3), h2) t2.current.scrollTo(h2);
     else {
       if (n3 && _e.current) {
         const t3 = he2();
-        if (e2 === O.Right && _e.current.colIndex === t3.left || e2 === O.Left && _e.current.colIndex === t3.right || e2 === O.Up && _e.current.rowIndex === t3.bottom || e2 === O.Down && _e.current.rowIndex === t3.top) return;
+        if (e2 === D.Right && _e.current.colIndex === t3.left || e2 === D.Left && _e.current.colIndex === t3.right || e2 === D.Up && _e.current.rowIndex === t3.bottom || e2 === D.Down && _e.current.rowIndex === t3.top) return;
       }
-      e2 === O.Left || e2 === O.Right ? et({ colIndex: g2.colIndex }) : e2 !== O.Up && e2 !== O.Down || et({ rowIndex: g2.rowIndex });
+      e2 === D.Left || e2 === D.Right ? et({ colIndex: g2.colIndex }) : e2 !== D.Up && e2 !== D.Down || et({ rowIndex: g2.rowIndex });
     }
   }, [$e2, J2]), xt = o((e2) => {
     if (!t2.current) return;
     if (0 === $e2.ranges.length) return void wt(e2);
     const n3 = J2($e2.cell);
-    if (P.isEqualRangesArrays([n3], $e2.ranges)) return void wt(e2);
-    const o2 = le($e2, e2, J2, Te2, Oe2);
+    if (k.isEqualRangesArrays([n3], $e2.ranges)) return void wt(e2);
+    const o2 = re($e2, e2, J2, Te2, Oe2);
     Le2((e3) => {
-      Fe2.current = false, e3 = Ce(e3);
+      Fe2.current = null, e3 = be(e3);
       const t3 = { ...e3, cell: o2.cell, rangeIndex: o2.rangeIndex };
-      return P.isEqualSelectionCoords(t3, e3) ? e3 : t3;
+      return k.isEqualSelectionCoords(t3, e3) ? e3 : t3;
     }), o2.cell && et(o2.cell);
   }, [$e2, J2]), pt = S(() => {
     const e2 = he2();
@@ -991,96 +993,96 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     const t3 = he2(), n3 = { rowIndex: t3.top, colIndex: t3.left };
     e2 ? rt(n3) : lt(n3), et(n3);
   }, []), It = S((e2 = false) => {
-    const t3 = he2(), n3 = { colIndex: W2?.()?.colEnd ?? t3.right };
+    const t3 = he2(), n3 = { colIndex: A2?.()?.colEnd ?? t3.right };
     e2 ? rt(n3) : lt(n3), et(n3);
-  }, [W2]), Et = S((e2 = false) => {
-    const t3 = he2(), n3 = { rowIndex: W2?.()?.rowEnd ?? t3.bottom, colIndex: W2?.()?.colEnd ?? t3.right };
+  }, [A2]), Et = S((e2 = false) => {
+    const t3 = he2(), n3 = { rowIndex: A2?.()?.rowEnd ?? t3.bottom, colIndex: A2?.()?.colEnd ?? t3.right };
     e2 ? rt(n3) : lt(n3), et(n3);
-  }, [W2]), Rt = o((e2) => {
+  }, [A2]), Rt = o((e2) => {
     if (!t2.current) return;
     if ($e2.ranges.length <= 1) return;
-    const n3 = e2 === O.Left || e2 === O.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 = le({ cell: { rowIndex: r3.rowEnd, colIndex: r3.colEnd }, rangeIndex: 0, ranges: [r3] }, O.Right, J2, Te2, Oe2);
+    const r3 = $e2.ranges[o2], l3 = re({ cell: { rowIndex: r3.rowEnd, colIndex: r3.colEnd }, rangeIndex: 0, ranges: [r3] }, D.Right, J2, Te2, Oe2);
     Le2((e3) => {
-      Fe2.current = false, e3 = Ce(e3);
+      Fe2.current = null, e3 = be(e3);
       const t3 = { ...e3, cell: l3.cell, rangeIndex: o2 };
-      return P.isEqualSelectionCoords(t3, e3) ? e3 : t3;
+      return k.isEqualSelectionCoords(t3, e3) ? e3 : t3;
     }), l3.cell && et(l3.cell);
   }, [$e2, J2]), Mt = o(() => {
-    const e2 = re($e2);
+    const e2 = oe($e2);
     Le2((t3) => {
-      Fe2.current = false, t3 = Ce(t3);
+      Fe2.current = null, t3 = be(t3);
       const n3 = { ...t3, visibleSelection: e2 };
-      return P.isEqualSelectionCoords(n3, t3) ? t3 : n3;
+      return k.isEqualSelectionCoords(n3, t3) ? t3 : n3;
     }), e2.cell && et(e2.cell);
   }, [$e2, J2]), kt = o(() => {
     if (!t2.current) return;
     if (0 === $e2.ranges.length) return;
-    const e2 = $e2.cell, n3 = $e2.ranges[$e2.rangeIndex], o2 = re({ cell: e2, rangeIndex: 0, ranges: [n3] }), r3 = o2.ranges[o2.rangeIndex];
+    const e2 = $e2.cell, n3 = $e2.ranges[$e2.rangeIndex], o2 = oe({ 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 = Ce(e3);
+      e3 = be(e3);
       const t3 = { ...e3, cell: l3 };
-      return P.isEqualSelectionCoords(t3, e3) ? e3 : t3;
+      return k.isEqualSelectionCoords(t3, e3) ? e3 : t3;
     }), l3 && et(l3);
   }, [$e2, J2]), Pt = S((e2 = false) => {
-    wt(O.Down, e2, false, t2.current.getDimensions().containerHeight);
+    wt(D.Down, e2, false, t2.current.getDimensions().containerHeight);
   }, []), Tt = S((e2 = false) => {
-    wt(O.Up, e2, false, t2.current.getDimensions().containerHeight);
+    wt(D.Up, e2, false, t2.current.getDimensions().containerHeight);
   }, []), Dt = S((e2 = false) => {
-    wt(O.Right, e2, false, t2.current.getDimensions().containerWidth);
+    wt(D.Right, e2, false, t2.current.getDimensions().containerWidth);
   }, []), Ot = S((e2 = false) => {
-    wt(O.Left, e2, false, t2.current.getDimensions().containerWidth);
+    wt(D.Left, e2, false, t2.current.getDimensions().containerWidth);
   }, []), zt = S(() => {
-    xt(O.Left);
+    xt(D.Left);
   }, []), Lt = S(() => {
-    xt(O.Right);
+    xt(D.Right);
   }, []), $t = S(() => {
-    xt(O.Up);
+    xt(D.Up);
   }, []), Bt = S(() => {
-    xt(O.Down);
+    xt(D.Down);
   }, []), Ft = S(() => {
-    Rt(O.Left);
-  }, []), Wt = S(() => {
-    Rt(O.Right);
+    Rt(D.Left);
   }, []), At = S(() => {
+    Rt(D.Right);
+  }, []), Wt = S(() => {
     kt();
   }, []), Vt = S(() => {
-    wt(O.Left, false, false);
+    wt(D.Left, false, false);
   }, []), Ut = S(() => {
-    wt(O.Left, true, false);
+    wt(D.Left, true, false);
   }, []), Ht = S(() => {
-    wt(O.Left, false, true);
+    wt(D.Left, false, true);
   }, []), Kt = S(() => {
-    wt(O.Left, true, true);
+    wt(D.Left, true, true);
   }, []), Nt = S(() => {
-    wt(O.Right, false, false);
+    wt(D.Right, false, false);
   }, []), qt = S(() => {
-    wt(O.Right, true, false);
+    wt(D.Right, true, false);
   }, []), jt = S(() => {
-    wt(O.Right, false, true);
+    wt(D.Right, false, true);
   }, []), Xt = S(() => {
-    wt(O.Right, true, true);
+    wt(D.Right, true, true);
   }, []), Yt = S(() => {
-    wt(O.Up, false, false);
+    wt(D.Up, false, false);
   }, []), Gt = S(() => {
-    wt(O.Up, true, false);
+    wt(D.Up, true, false);
   }, []), Zt = S(() => {
-    wt(O.Up, false, true);
+    wt(D.Up, false, true);
   }, []), _t = S(() => {
-    wt(O.Up, true, true);
+    wt(D.Up, true, true);
   }, []), Jt = S(() => {
-    wt(O.Down, false, false);
+    wt(D.Down, false, false);
   }, []), Qt = S(() => {
-    wt(O.Down, true, false);
+    wt(D.Down, true, false);
   }, []), en = S(() => {
-    wt(O.Down, false, true);
+    wt(D.Down, false, true);
   }, []), tn = S(() => {
-    wt(O.Down, true, true);
+    wt(D.Down, true, true);
   }, []), nn = S(() => {
-    We2((e2) => e2.slice(0, -1));
+    Ae2((e2) => e2.slice(0, -1));
   }, []), on = b(() => {
     const e2 = he2();
     return ((e3, t3, n3, o2, r3) => {
@@ -1092,7 +1094,7 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       return false;
     })($e2.ranges, e2.top, e2.left, e2.bottom, e2.right);
   }, [V2, $e2.ranges]), rn = S((e2, n3 = true) => {
-    _e.current = e2, Ae2(e2), n3 && e2 && t2?.current && et(e2);
+    _e.current = e2, We2(e2), n3 && e2 && t2?.current && et(e2);
   }, []), ln = o((e2 = true) => {
     const t3 = Ne2.current;
     if (!Be2.current?.cell) return;
@@ -1101,8 +1103,8 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (!t3) return;
     let r3 = null;
     if (r3 = n3.length > 0 ? n3[n3.length - 1] : J2(o2), r3.colEnd >= r3.colStart && r3.rowEnd >= r3.rowStart) {
-      const n4 = ie(r3, t3);
-      let o3 = e2 ? ge2 : we2;
+      const n4 = le(r3, t3);
+      let o3 = e2 ? fe2 : xe2;
       try {
         o3?.(r3, t3, n4.direction);
       } catch (e3) {
@@ -1116,7 +1118,7 @@ const ve = -10, Se = 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 (k2 || !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;
@@ -1126,41 +1128,41 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (!c2) return;
     const s2 = i2.length > 0, a3 = s2 ? i2[i2.length - 1] : J2(Be2.current.cell);
     if (!c2) return;
-    const d3 = c2.rowStart < a3.rowStart ? O.Up : c2.rowEnd > a3.rowEnd ? O.Down : c2.colEnd > a3.colEnd ? O.Right : O.Left, u3 = he2();
-    d3 === O.Left && (c2 = { ...a3, colStart: Math.max(u3.left, c2.colStart) }), d3 === O.Up && (c2 = { ...a3, rowStart: Math.max(u3.top, c2.rowStart) }), d3 === O.Right && (c2 = { ...a3, colEnd: Math.min(u3.right, c2.colEnd) }), d3 === O.Down && (c2 = { ...a3, rowEnd: Math.min(u3.bottom, c2.rowEnd) });
-    const h2 = ie(a3, c2);
+    const d3 = c2.rowStart < a3.rowStart ? D.Up : c2.rowEnd > a3.rowEnd ? D.Down : c2.colEnd > a3.colEnd ? D.Right : D.Left, u3 = he2();
+    d3 === D.Left && (c2 = { ...a3, colStart: Math.max(u3.left, c2.colStart) }), d3 === D.Up && (c2 = { ...a3, rowStart: Math.max(u3.top, c2.rowStart) }), d3 === D.Right && (c2 = { ...a3, colEnd: Math.min(u3.right, c2.colEnd) }), d3 === D.Down && (c2 = { ...a3, rowEnd: Math.min(u3.bottom, c2.rowEnd) });
+    const h2 = le(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) => {
         const i3 = { ...t3 };
         if (0 === n4.length) return i3;
-        if (r4 === O.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 === O.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 === O.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 === O.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);
         }
         return i3;
       })(a3, c2, e3, u3, h2.direction, h2.amount);
     }
-    if (s2 && P.isRangeWithinRange(c2, a3) && (c2 = null), !P.isEqualRanges(c2, Ne2.current)) {
+    if (s2 && k.isRangeWithinRange(c2, a3) && (c2 = null), !k.isEqualRanges(c2, Ne2.current)) {
       if (Ke2(c2), Ne2.current = c2, !c2) {
         try {
-          pe2?.();
+          Ee2?.();
         } catch (e3) {
         }
         return void Re2?.();
       }
       ln(false);
     }
-    ut.current = n3, Ie(r3, l3, t2);
+    ut.current = n3, Ce(r3, l3, t2);
   }, onPointerUp: (e2, n3) => {
     ut.current = n3, Promise.resolve(ln(true)).finally(() => {
       Re2?.(), Ke2(null), Ne2.current = null, cn.current = null, Ue2(null), t2.current?.focus();
@@ -1171,17 +1173,17 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (!r3) return;
     if (false === U2?.(e2, r3, $e2)) return false;
     e2.stopPropagation(), Ue2("default");
-    const l3 = o2.getRelativePointFromClient(0, 0), i2 = Be2.current?.ranges[Be2.current?.ranges.length - 1] ?? P.cellToRange(Be2.current?.cell), c2 = o2.toClipBounds(o2.getRangeCoordsBounds(i2)), s2 = { x: 0, y: 0 };
+    const l3 = o2.getRelativePointFromClient(0, 0), i2 = Be2.current?.ranges[Be2.current?.ranges.length - 1] ?? k.cellToRange(Be2.current?.cell), c2 = o2.toClipBounds(o2.getRangeCoordsBounds(i2)), s2 = { x: 0, y: 0 };
     c2.x - l3.x > e2.nativeEvent.clientX ? s2.x = e2.nativeEvent.clientX - (c2.x - l3.x) : e2.nativeEvent.clientX >= c2.x - l3.x + c2.width && (s2.x = Math.max(0, e2.nativeEvent.clientX - (c2.x - l3.x + c2.width)) + 1), c2.y - l3.y > e2.nativeEvent.clientY ? s2.y = e2.nativeEvent.clientY - (c2.y - l3.y) : e2.nativeEvent.clientY >= c2.y - l3.y + c2.height && (s2.y = Math.max(0, e2.nativeEvent.clientY - (c2.y - l3.y + c2.height)) + 1), q2?.(i2, e2, n3), gn.current = { range: i2, anchor: o2.getAnchor(), cell: r3, isMoving: false, extrusion: s2 };
   }, onPointerMoveOrWait: (e2, n3, o2) => {
-    if (Z2 || !t2?.current || !Be2.current || !gn.current) return;
+    if (_2 || !t2?.current || !Be2.current || !gn.current) return;
     const r3 = e2.clientX - o2.clientX, l3 = e2.clientY - o2.clientY;
     if (gn.current.isMoving = gn.current.isMoving || Math.abs(r3) > Math.max(1, 2) || Math.abs(l3) > Math.max(1, 2) || performance.now() - o2.timeStamp > 500, !gn.current.isMoving) return;
     const i2 = gn.current.anchor, c2 = gn.current.extrusion;
     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, u3 = gn.current.range, h2 = he2(), g2 = u3.colEnd - u3.colStart + 1, f3 = Math.min(Math.max(0, d3.colIndex - u3.colStart), g2 - 1), w3 = Math.min(h2.right - g2 + 1, Math.max(h2.left, a3.colIndex - f3)), x2 = u3.rowEnd - u3.rowStart + 1, p3 = Math.min(Math.max(0, d3.rowIndex - u3.rowStart), x2 - 1), m2 = Math.min(h2.bottom - x2 + 1, Math.max(h2.top, a3.rowIndex - p3)), v2 = { colStart: w3, colEnd: w3 + g2 - 1, rowStart: m2, rowEnd: m2 + x2 - 1 };
-    P.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, Ie(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, Ce(s2, a3, t2);
   }, onPointerUp: (e2, n3) => {
     ut.current = n3;
     const o2 = () => {
@@ -1193,151 +1195,153 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       o2();
     });
   } }), [un]), wn = s(fn), xn = b(() => ({ onPointerDown: wn }), [wn]), pn = x(null), mn = b(() => {
-    const e2 = P.isEqualSelectionCoords($e2, pn.current) ? pn.current : $e2;
+    const e2 = k.isEqualSelectionCoords($e2, pn.current) ? pn.current : $e2;
     return pn.current = e2, e2;
   }, [$e2]), vn = S((n3) => {
     let o2 = null, r3 = "br";
-    const l3 = [], i2 = { stroke: D2, fill: ne2, strokeWidth: 0.5 }, c2 = (e2, t3, o3) => {
-      const r4 = n3.toClipBounds(n3.getRangeCoordsBounds(e2), ve);
+    const l3 = [], i2 = { stroke: z2, fill: ne2, strokeWidth: 0.5 }, c2 = (e2, t3, o3) => {
+      const r4 = n3.toClipBounds(n3.getRangeCoordsBounds(e2), me);
       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), ve), l4.pathBounds && (l4.pathBounds.width <= 0 || l4.pathBounds.height <= 0) && (delete l4.pathBounds, delete l4.cell);
+        l4.cell = o3, l4.boundsPath = n3.toClipBounds(n3.getRangeCoordsBounds(e3), me), l4.boundsPath && (l4.boundsPath.width <= 0 || l4.boundsPath.height <= 0) && (delete l4.boundsPath, delete l4.cell);
       }
       return ke2(l4);
     };
-    let s2 = $e2 ? Ce($e2) : null;
-    const a3 = s2?.cell ? n3.getCellCoordsAsRangeCoords(s2?.cell) : Se;
+    let s2 = Fe2.current || ($e2 ? be($e2) : null);
+    const a3 = s2?.cell ? n3.getCellCoordsAsRangeCoords(s2?.cell) : ve;
     !s2 || s2.ranges && 0 !== s2.ranges.length || (s2 = { ranges: [a3], rangeIndex: 0, cell: s2.cell });
+    const d3 = s2 ? s2.ranges : null;
+    d3 && d3.length;
     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, u4 = n3.toClipBounds(n3.getRangeCoordsBounds(t3, { top: 0, left: 0, right: 0, bottom: 0 }), ve);
+      const a4 = 2, d4 = 0.5, u4 = n3.toClipBounds(n3.getRangeCoordsBounds(t3, { top: 0, left: 0, right: 0, bottom: 0 }), me);
       if (u4) {
         const n4 = (s2.ranges.length, 4);
-        l3.push(ke2({ range: t3, key: `selection-inside-edge-${e2}`, x: u4.x - 1, y: u4.y - 1, width: Math.max(u4.width + 1, 0), height: Math.max(u4.height + 1, 0), style: { overflow: "hidden" }, stroke: D2, strokeWidth: n4 }));
+        l3.push(ke2({ range: t3, key: `selection-inside-edge-${e2}`, x: u4.x - 1, y: u4.y - 1, width: Math.max(u4.width + 1, 0), height: Math.max(u4.height + 1, 0), style: { overflow: "hidden" }, stroke: z2, strokeWidth: n4 }));
       }
       if (1 === s2.ranges.length) {
-        const o3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3), ve);
+        const o3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3), me);
         if (o3) {
-          Z2 || l3.push(ke2({ range: t3, key: `move-selection-hit-box-${e2}`, x: o3.width > 1 ? o3.x : o3.x - (Q2 / 2 + 1), y: o3.height > 1 ? o3.y : o3.y - (Q2 / 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: Q2, ...xn }));
+          _2 || l3.push(ke2({ range: t3, key: `move-selection-hit-box-${e2}`, x: o3.width > 1 ? o3.x : o3.x - (Q2 / 2 + 1), y: o3.height > 1 ? o3.y : o3.y - (Q2 / 2 + 1), width: Math.max(o3.width + 2, 1), height: Math.max(o3.height + 2, 1), stroke: "transparent", style: { boxShadow: "none" }, propsPath: { cursor: un ? void 0 : "move", pointerEvents: "stroke" }, strokeWidth: Q2, ...xn }));
           const n4 = a4;
-          l3.push(ke2({ 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: oe2, strokeWidth: n4 }));
+          l3.push(ke2({ 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: ce2, strokeWidth: n4 }));
         }
       } else {
-        const o3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3, { top: -1, left: -1, right: -2, bottom: -2 }), ve);
-        o3 && l3.push(ke2({ 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: oe2, style: { overflow: "hidden" }, strokeWidth: 2 }));
+        const o3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3, { top: -1, left: -1, right: -2, bottom: -2 }), me);
+        o3 && l3.push(ke2({ 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: ce2, 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 }), ve);
-        r4 && l3.push(ke2({ 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: oe2, 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 }), me);
+        r4 && l3.push(ke2({ 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: ce2, 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, ve), Object.keys(n3.allViews()).length > 1) {
-            const o3 = n3.getVisibleRangeCoords(), r4 = n3.allViews()[z.TopLeft], i5 = n3.allViews()[z.Top], s3 = n3.allViews()[z.Left], a5 = n3.getAnchor();
-            (l4 && (a5 === z.Top && r4 || a5 === z.Center && s3 || !P.isCellWithinRange({ colIndex: t3.colStart, rowIndex: t3.rowEnd }, o3) && !P.isCellWithinRange({ colIndex: t3.colStart, rowIndex: t3.rowEnd + 1 }, o3)) || e3 && (a5 === z.Left && r4 || a5 === z.Center && i5 || !P.isCellWithinRange({ colIndex: t3.colEnd, rowIndex: t3.rowStart }, o3) && !P.isCellWithinRange({ colIndex: t3.colEnd + 1, rowIndex: t3.rowStart }, o3))) && (c3 = null);
+          if (c3 = n3.toClipBounds(i4, me), 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, ve);
+        } else c3 = n3.toClipBounds(i4, me);
         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;
+    let u3 = null;
     if (qe2) {
-      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(qe2, { top: 0, left: 0, right: 0, bottom: 0 }), ve);
+      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(qe2, { top: 0, left: 0, right: 0, bottom: 0 }), me);
       if (e2) {
         const t3 = 2;
-        d3 = ke2({ ...i2, range: qe2, key: "remove-selection", x: e2.x, y: e2.y, width: e2.width, height: e2.height, strokeWidth: t3, stroke: se2, fill: ae2 });
+        u3 = ke2({ ...i2, range: qe2, key: "remove-selection", x: e2.x, y: e2.y, width: e2.width, height: e2.height, strokeWidth: t3, stroke: se2, fill: ae2 });
       }
     }
-    let u3 = null;
+    let h2 = null;
     if (He2) {
-      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(He2, { top: 0, left: 0, right: 0, bottom: 0 }), ve);
+      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(He2, { top: 0, left: 0, right: 0, bottom: 0 }), me);
       if (e2) {
         const t3 = 2;
-        u3 = ke2({ 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: oe2, strokeDasharray: "3 2" });
+        h2 = ke2({ 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: ce2, strokeDasharray: "3 2" });
       }
     }
-    let h2 = null;
-    !k2 && o2 && !un && (h2 = E(xe, { ...o2, corner: r3, size: 7.5, borderStroke: `${D2} solid`, style: { borderRadius: 1 }, background: oe2, ...dn, key: "fillHandle" }));
-    const g2 = [...l3];
-    if (d3 && g2.push(d3), u3 && g2.push(u3), h2 && g2.push(h2), !de2 && 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: `${oe2} solid 3px`, background: D2, selectionTouchPointerHandler: ft, ...ue2, onTouchSelectStart: (e2) => Ze(e2), onTouchSelectEnd: () => Ze(null), currentTouchAnchor: Ge2 };
-      g2.push(e(me, { anchor: l4 ? "b" : r4 ? "r" : "br", scrollableElement: t2.current, ...i3 }, "touch-select-handle-after")), g2.push(e(me, { anchor: l4 ? "t" : r4 ? "l" : "tl", scrollableElement: t2.current, ...i3 }, "touch-select-handle-before"));
+    let g2 = null;
+    !T2 && o2 && !un && (g2 = E(we, { ...o2, corner: r3, size: 7.5, borderStroke: `${z2} solid`, style: { borderRadius: 1 }, background: ce2, ...dn, key: "fillHandle" }));
+    const f3 = [...l3];
+    if (u3 && f3.push(u3), h2 && f3.push(h2), g2 && f3.push(g2), !de2 && 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: `${ce2} solid 3px`, background: z2, selectionTouchPointerHandler: ft, ...ue2, onTouchSelectStart: (e2) => Ze(e2), onTouchSelectEnd: () => Ze(null), currentTouchAnchor: Ge };
+      f3.push(e(pe, { anchor: l4 ? "b" : r4 ? "r" : "br", scrollableElement: t2.current, ...i3 }, "touch-select-handle-after")), f3.push(e(pe, { 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 }), ve);
-      e2 && g2.push(ke2({ range: un, key: "selection-move-outline", x: e2.x - ee2 / 2, y: e2.y - ee2 / 2, width: Math.max(e2.width + ee2 / 2, 1), height: Math.max(e2.height + ee2 / 2, 1), stroke: oe2, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: ee2 }));
+      const e2 = n3.toClipBounds(n3.getRangeCoordsBounds(un, { top: 1, left: 1, right: 1, bottom: 1 }), me);
+      e2 && f3.push(ke2({ range: un, key: "selection-move-outline", x: e2.x - te2 / 2, y: e2.y - te2 / 2, width: Math.max(e2.width + te2 / 2, 1), height: Math.max(e2.height + te2 / 2, 1), stroke: ce2, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: te2 }));
     }
-    return e("div", { children: g2 }, "selection");
-  }, [mn, qe2, k2, He2, Z2, un, he2, D2, oe2, ne2, se2, ae2, de2, ue2, Ge2]), Sn = b(() => {
+    return e("div", { children: f3 }, "selection");
+  }, [mn, qe2, T2, He2, _2, un, he2, z2, ce2, ne2, se2, ae2, de2, ue2, Ge]), Sn = b(() => {
     const e2 = () => t2.current;
     return [new h("moveToPageDown", e2, { label: "Page Down", description: "Shift viewport down one page.", shortcut: [{ key: "PageDown" }] }, () => Pt(false)), new h("selectToPageDown", e2, { label: "Select To Page Down", description: "Shift viewport and select down one page.", shortcut: [{ key: "PageDown", modifiers: [g.Shift] }] }, () => Pt(true)), new h("moveToPageRight", e2, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [g.Alt] }] }, () => Dt(false)), new h("selectToPageRight", e2, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [g.Alt, g.Shift] }] }, () => Dt(true)), new h("moveToPageUp", e2, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp" }] }, () => Tt(false)), new h("selectToPageUp", e2, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp", modifiers: [g.Shift] }] }, () => Tt(true)), new h("moveToPageLeft", e2, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [g.Alt] }] }, () => Ot(false)), new h("selectToPageLeft", e2, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [g.Alt, g.Shift] }] }, () => Ot(true)), new h("selectColumn", e2, { label: "Select Column", description: "Select the columns for the selected cells.", shortcut: { key: "Space", modifiers: [g.Ctrl] } }, pt), new h("selectRow", e2, { label: "Select Row", description: "Select the rows for the selected cells.", shortcut: { key: "Space", modifiers: [g.Shift] } }, mt), new h("selectToColumnStart", e2, { label: "Select To Column Start", description: "Select the columns to the beginning of the sheet." }, () => St(true)), new h("selectToColumnEnd", e2, { label: "Select To Column End", description: "Select the columns to the end of the sheet." }, () => yt(true)), new h("moveToRowStart", e2, { label: "Move to Row Home", description: "Move to the beginning of the row.", shortcut: [{ key: "Home" }] }, () => bt(false)), new h("selectToRowStart", e2, { label: "Select to Row Home", description: "Select to the beginning of the row.", shortcut: [{ key: "Home", modifiers: [g.Shift] }] }, () => bt(true)), new h("moveToSheetStart", e2, { label: "Move to Sheet Home", description: "Move to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [g.Ctrl] }] }, () => Ct(false)), new h("selectToSheetStart", e2, { label: "Select to Sheet Home", description: "Select to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [g.Ctrl, g.Shift] }] }, () => Ct(true)), new h("moveToRowEnd", e2, { label: "Move to Row End", description: "Move to the end of the row.", shortcut: [{ key: "End" }] }, () => It(false)), new h("selectToRowEnd", e2, { label: "Select to Row End", description: "Select to the end of the row.", shortcut: [{ key: "End", modifiers: [g.Shift] }] }, () => It(true)), new h("moveToSheetEnd", e2, { label: "Move to Sheet End", description: "Move to the end of the sheet.", shortcut: [{ key: "End", modifiers: [g.Ctrl] }] }, () => Et(false)), new h("selectToSheetEnd", e2, { label: "Select to Sheet End", description: "Select to the end of the sheet.", shortcut: [{ key: "End", modifiers: [g.Ctrl, g.Shift] }] }, () => Et(true)), new h("scrollToActiveCoords", e2, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell.", shortcut: { key: "Backspace", modifiers: [g.Ctrl] } }, vt), new h("scrollToActiveCoordsClearSelection", e2, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell and clear selection.", shortcut: { key: "Backspace", modifiers: [g.Shift] } }, () => {
       ct(), rn($e2.cell, true);
-    }), new h("traverseSelectionRight", e2, { label: "Traverse Right", description: "Traverse the selection moving rightward.", shortcut: { key: "Tab" } }, Lt), new h("traverseSelectionLeft", e2, { label: "Traverse Left", description: "Traverse the selection moving leftward.", shortcut: { key: "Tab", modifiers: [g.Shift] } }, zt), new h("traverseSelectionDown", e2, { label: "Traverse Down", description: "Traverse the selection moving downward.", shortcut: [{ key: "Enter" }, { key: "NumpadEnter" }] }, Bt), new h("traverseSelectionUp", e2, { label: "Traverse Up", description: "Traverse the selection moving upward.", shortcut: [{ key: "Enter", modifiers: [g.Shift] }, { key: "NumpadEnter", modifiers: [g.Shift] }] }, $t), new h("moveLeft", e2, { label: "Move Left", description: "Move active cell to the left.", shortcut: [{ key: "ArrowLeft" }] }, Vt), new h("selectLeft", e2, { label: "Select Left", description: "Extend selection left.", shortcut: [{ key: "ArrowLeft", modifiers: [g.Shift] }] }, Ut), new h("moveContentfulLeft", e2, { label: "Move Left Contentful", description: "Move left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [g.Ctrl] }] }, Ht), new h("selectContentfulLeft", e2, { label: "Select Left Contentful", description: "Extend selection left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [g.Ctrl, g.Shift] }] }, Kt), new h("moveRight", e2, { label: "Move Right", description: "Move active cell to the right.", shortcut: [{ key: "ArrowRight" }] }, Nt), new h("selectRight", e2, { label: "Select Right", description: "Extend selection right.", shortcut: [{ key: "ArrowRight", modifiers: [g.Shift] }] }, qt), new h("moveContentfulRight", e2, { label: "Move Right Contentful", description: "Move right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [g.Ctrl] }] }, jt), new h("selectContentfulRight", e2, { label: "Select Right Contentful", description: "Extend selection right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [g.Ctrl, g.Shift] }] }, Xt), new h("moveUp", e2, { label: "Move Up", description: "Move active cell to the up.", shortcut: [{ key: "ArrowUp" }] }, Yt), new h("selectUp", e2, { label: "Select Up", description: "Extend selection up.", shortcut: [{ key: "ArrowUp", modifiers: [g.Shift] }] }, Gt), new h("moveContentfulUp", e2, { label: "Move Up Contentful", description: "Move up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [g.Ctrl] }] }, Zt), new h("selectContentfulUp", e2, { label: "Select Up Contentful", description: "Extend selection up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [g.Ctrl, g.Shift] }] }, _t), new h("moveDown", e2, { label: "Move Down", description: "Move active cell to the down.", shortcut: [{ key: "ArrowDown" }] }, Jt), new h("selectDown", e2, { label: "Select Down", description: "Extend selection down.", shortcut: [{ key: "ArrowDown", modifiers: [g.Shift] }] }, Qt), new h("moveContentfulDown", e2, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [g.Ctrl] }] }, en), new h("selectContentfulDown", e2, { label: "Select Down Contentful", description: "Extend selection down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [g.Ctrl, g.Shift] }] }, tn), new h("selectVisible", e2, { label: "Select Visible", description: "Select visible cells only.", shortcut: { key: ";", modifiers: [g.Alt] } }, Mt), new h("traverseSelectionPreviousRange", e2, { label: "Traverse Previous Range", description: "Traverse the selection to the previous range.", shortcut: { key: "ArrowLeft", modifiers: [g.Ctrl, g.Alt] } }, Ft), new h("traverseSelectionNextRange", e2, { label: "Traverse Next Range", description: "Traverse the selection to the next range.", shortcut: { key: "ArrowRight", modifiers: [g.Ctrl, g.Alt] } }, Wt), new h("traverseSelectionCorners", e2, { label: "Traverse Corners", description: "Traverse the selection through the corners of the selected range.", shortcut: { key: ".", modifiers: [g.Ctrl] } }, At)];
+    }), new h("traverseSelectionRight", e2, { label: "Traverse Right", description: "Traverse the selection moving rightward.", shortcut: { key: "Tab" } }, Lt), new h("traverseSelectionLeft", e2, { label: "Traverse Left", description: "Traverse the selection moving leftward.", shortcut: { key: "Tab", modifiers: [g.Shift] } }, zt), new h("traverseSelectionDown", e2, { label: "Traverse Down", description: "Traverse the selection moving downward.", shortcut: [{ key: "Enter" }, { key: "NumpadEnter" }] }, Bt), new h("traverseSelectionUp", e2, { label: "Traverse Up", description: "Traverse the selection moving upward.", shortcut: [{ key: "Enter", modifiers: [g.Shift] }, { key: "NumpadEnter", modifiers: [g.Shift] }] }, $t), new h("moveLeft", e2, { label: "Move Left", description: "Move active cell to the left.", shortcut: [{ key: "ArrowLeft" }] }, Vt), new h("selectLeft", e2, { label: "Select Left", description: "Extend selection left.", shortcut: [{ key: "ArrowLeft", modifiers: [g.Shift] }] }, Ut), new h("moveContentfulLeft", e2, { label: "Move Left Contentful", description: "Move left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [g.Ctrl] }] }, Ht), new h("selectContentfulLeft", e2, { label: "Select Left Contentful", description: "Extend selection left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [g.Ctrl, g.Shift] }] }, Kt), new h("moveRight", e2, { label: "Move Right", description: "Move active cell to the right.", shortcut: [{ key: "ArrowRight" }] }, Nt), new h("selectRight", e2, { label: "Select Right", description: "Extend selection right.", shortcut: [{ key: "ArrowRight", modifiers: [g.Shift] }] }, qt), new h("moveContentfulRight", e2, { label: "Move Right Contentful", description: "Move right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [g.Ctrl] }] }, jt), new h("selectContentfulRight", e2, { label: "Select Right Contentful", description: "Extend selection right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [g.Ctrl, g.Shift] }] }, Xt), new h("moveUp", e2, { label: "Move Up", description: "Move active cell to the up.", shortcut: [{ key: "ArrowUp" }] }, Yt), new h("selectUp", e2, { label: "Select Up", description: "Extend selection up.", shortcut: [{ key: "ArrowUp", modifiers: [g.Shift] }] }, Gt), new h("moveContentfulUp", e2, { label: "Move Up Contentful", description: "Move up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [g.Ctrl] }] }, Zt), new h("selectContentfulUp", e2, { label: "Select Up Contentful", description: "Extend selection up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [g.Ctrl, g.Shift] }] }, _t), new h("moveDown", e2, { label: "Move Down", description: "Move active cell to the down.", shortcut: [{ key: "ArrowDown" }] }, Jt), new h("selectDown", e2, { label: "Select Down", description: "Extend selection down.", shortcut: [{ key: "ArrowDown", modifiers: [g.Shift] }] }, Qt), new h("moveContentfulDown", e2, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [g.Ctrl] }] }, en), new h("selectContentfulDown", e2, { label: "Select Down Contentful", description: "Extend selection down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [g.Ctrl, g.Shift] }] }, tn), new h("selectVisible", e2, { label: "Select Visible", description: "Select visible cells only.", shortcut: { key: ";", modifiers: [g.Alt] } }, Mt), new h("traverseSelectionPreviousRange", e2, { label: "Traverse Previous Range", description: "Traverse the selection to the previous range.", shortcut: { key: "ArrowLeft", modifiers: [g.Ctrl, g.Alt] } }, Ft), new h("traverseSelectionNextRange", e2, { label: "Traverse Next Range", description: "Traverse the selection to the next range.", shortcut: { key: "ArrowRight", modifiers: [g.Ctrl, g.Alt] } }, At), new h("traverseSelectionCorners", e2, { label: "Traverse Corners", description: "Traverse the selection through the corners of the selected range.", shortcut: { key: ".", modifiers: [g.Ctrl] } }, Wt)];
   }, []);
   return b(() => {
     n2?.addCommands(Sn, true);
-  }, [n2]), { selection: mn, setSelectionCell: rn, setSelectionRanges: We2, overlay: vn, cursor: Ve2, onPointerDown: gt, clearLastSelection: nn, newSelection: lt, modifySelection: rt, appendSelection: it, clearSelections: ct, isEntire: on, navigate: wt, navigateSelection: xt };
-}, Me = { "sheetxl-grid": "_sheetxl-grid_h9wwa_7" }, ke = Object.freeze({ top: 0, left: 0 }), Pe = Object.freeze({ bottom: -4, right: -4 }), Te = Object.freeze({ horizontal: true, vertical: true }), De = [z.TopLeft, z.Top, z.Left, z.Center], Oe = 150, ze = 3e3, Le = {}, $e = C(I((r2, l2) => {
-  const { width: c2, height: s2, rowCount: a2 = 1, columnCount: d2 = 1, defaultRowHeight: u2, defaultColumnWidth: h2, getRowHeight: g2, getColumnWidth: w2, layout: C2, onViewportScroll: I2, onImmediateScroll: R2, showGridLines: D2 = true, gridLineColor: L2 = "rgb(224, 224, 224)", gridLineRowsProps: $2, gridLineColumnsProps: B2, clipCells: F2 = true, cursor: W2, freezeLeft: A2 = 0, freezeTop: V2 = 0, freezeLeftProps: H2, freezeTopProps: K2, cellRenderer: N2, onViewportChange: q2, onFirstRender: j2, overlayRenderer: X2, overlayProps: Y2, overlays: G2, overlaysProps: Z2, allowOverlaysOverflow: _2 = false, stageProps: Q2, stageWrapper: ee2 = null, hiddenRowsAt: te2, hiddenColumnsAt: re2, hiddenCellAt: le2, getVisibleCells: ie2, zoom: ue2 = 1, enableMouseWheel: ge2 = true, onWheelScroll: fe2, getCellCoordsAsRangeCoords: we2 = P.cellToRange, scrollPoint: xe2 = ke, style: pe2 = {}, ...me2 } = r2;
-  M(N2, "No cellRenderer specified. This is probably not what you wanted"), M(!r2?.children, "Grid does not support children elements");
-  const ve2 = o(R2, [R2]), Se2 = o(q2, [q2]), ye2 = o(I2, [I2]), be2 = o(fe2, [fe2]), Ce2 = o(j2, [j2]), Ie2 = x(null), Ee2 = x(null), Re2 = x(null), [Oe2, $e2] = p((e2) => e2 + 1, 0), [Be2, Fe2] = m({ left: xe2?.left ?? 0, top: xe2?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), We2 = x(null), Ae2 = x(Be2), { top: Ve2, left: Ue2, verticalScrollDirection: He2, horizontalScrollDirection: Ke2 } = Be2, Ne2 = x(false), qe2 = U({ rowCount: a2, columnCount: d2, defaultRowHeight: u2, defaultColumnWidth: h2, getRowHeight: g2, getColumnWidth: w2 }), je2 = x(null), Xe2 = b(() => {
+  }, [n2]), { selection: mn, setSelectionCell: rn, setSelectionRanges: Ae2, renderOverlay: vn, cursor: Ve2, onPointerDown: gt, clearLastSelection: nn, newSelection: lt, modifySelection: rt, appendSelection: it, clearSelections: ct, isEntire: on, navigate: wt, navigateSelection: xt };
+}, Re = { "sheetxl-grid": "_sheetxl-grid_h9wwa_7" }, Me = Object.freeze({ top: 0, left: 0 }), ke = Object.freeze({ bottom: -4, right: -4 }), Pe = Object.freeze({ horizontal: true, vertical: true }), Te = [O.TopLeft, O.Top, O.Left, O.Center], De = 150, Oe = 3e3, ze = {}, Le = C(I((r2, l2) => {
+  const { width: c2, height: s2, rowCount: a2 = 1, columnCount: d2 = 1, defaultRowHeight: u2, defaultColumnWidth: h2, getRowHeight: g2, getColumnWidth: w2, layout: C2, onViewportScroll: I2, onImmediateScroll: T2, showGridLines: z2 = true, gridLineColor: L2 = "rgb(224, 224, 224)", propsGridLineRows: $2, propsGridLineColumns: B2, clipCells: F2 = true, cursor: A2, freezeLeft: W2 = 0, freezeTop: U2 = 0, propsFreezeLeft: H2, propsFreezeTop: K2, renderCell: N2, onViewportChange: q2, onFirstRender: j2, renderOverlay: X2, propsOverlay: Y2, renderOverlays: G2, propsOverlays: Z2, allowOverlaysOverflow: J2 = false, propsStage: Q2, wrapperStage: ee2 = null, hiddenRowsAt: oe2, hiddenColumnsAt: re2, hiddenCellAt: le2, getVisibleCells: de2, zoom: he2 = 1, enableMouseWheel: ge2 = true, onWheelScroll: fe2, getCellCoordsAsRangeCoords: we2 = k.cellToRange, scrollPoint: xe2 = Me, style: pe2 = {}, ...me2 } = r2;
+  R(N2, "No renderCell specified. This is probably not what you wanted"), R(!r2?.children, "Grid does not support children elements");
+  const ve2 = o(T2, [T2]), Se2 = o(q2, [q2]), ye2 = o(I2, [I2]), be2 = o(fe2, [fe2]), Ce2 = o(j2, [j2]), Ie2 = x(null), Ee2 = x(null), De2 = x(null), [Le2, $e2] = p((e2) => e2 + 1, 0), [Be2, Fe2] = m({ left: xe2?.left ?? 0, top: xe2?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), Ae2 = x(null), We2 = x(Be2), { top: Ve2, left: Ue2, verticalScrollDirection: He2, horizontalScrollDirection: Ke2 } = Be2, Ne2 = x(false), qe2 = V({ rowCount: a2, columnCount: d2, defaultRowHeight: u2, defaultColumnWidth: h2, getRowHeight: g2, getColumnWidth: w2 }), je2 = x(null), Xe2 = b(() => {
     const e2 = C2 || qe2;
-    return je2.current = null, { getColOffset: (t2) => e2.getColOffset(t2) * ue2, getColIndex: (t2) => e2.getColIndex(t2 / ue2), getRowOffset: (t2) => e2.getRowOffset(t2) * ue2, getRowIndex: (t2) => e2.getRowIndex(t2 / ue2) };
-  }, [qe2, C2, ue2]), Ye2 = (e2, t2, n2) => {
+    return je2.current = null, { getColOffset: (t2) => e2.getColOffset(t2) * he2, getColIndex: (t2) => e2.getColIndex(t2 / he2), getRowOffset: (t2) => e2.getRowOffset(t2) * he2, getRowIndex: (t2) => e2.getRowIndex(t2 / he2) };
+  }, [qe2, C2, he2]), 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 = o((e2, t2 = false) => ce(e2, t2, Xe2.getRowOffset, t2 ? 0 : a2), [a2, Xe2?.getRowOffset]), Ze = o(te2 ?? Ge2, [te2]), _e = o((e2, t2 = false) => ce(e2, t2, Xe2.getColOffset, t2 ? d2 : 0), [d2, Xe2?.getColOffset]), Je = o(re2 ?? _e, [re2]), Qe = b(() => Math.min(c2 ?? 800, Xe2.getColOffset(d2)), [Xe2.getColOffset, d2, c2]), et = b(() => Math.min(s2 ?? 600, Xe2.getRowOffset(a2)), [Xe2.getRowOffset, a2, s2]), tt = S((e2) => {
-    T.canUseDOM && setTimeout(() => {
+  }, Ge = o((e2, t2 = false) => ie(e2, t2, Xe2.getRowOffset, t2 ? 0 : a2), [a2, Xe2?.getRowOffset]), Ze = o(oe2 ?? Ge, [oe2]), _e = o((e2, t2 = false) => ie(e2, t2, Xe2.getColOffset, t2 ? d2 : 0), [d2, Xe2?.getColOffset]), Je = o(re2 ?? _e, [re2]), Qe = b(() => Math.min(c2 ?? 800, Xe2.getColOffset(d2)), [Xe2.getColOffset, d2, c2]), et = b(() => Math.min(s2 ?? 600, Xe2.getRowOffset(a2)), [Xe2.getRowOffset, a2, s2]), tt = S((e2) => {
+    P.canUseDOM && setTimeout(() => {
       Ie2.current?.focus({ preventScroll: true, ...e2 });
     }, 0);
   }, []), nt = S((e2) => Ie2.current?.contains(e2) || Ee2.current?.contains(e2), []);
   v(() => {
-    Ne2.current && (We2.current && We2.current.left !== Ae2.current?.left && We2.current.top !== Ae2.current?.top || (We2.current = null, ye2?.({ left: Ue2, top: Ve2 })));
+    Ne2.current && (Ae2.current && Ae2.current.left !== We2.current?.left && Ae2.current.top !== We2.current?.top || (Ae2.current = null, ye2?.({ left: Ue2, top: Ve2 })));
   }, [Ue2, Ve2]);
   const ot = o(() => ({ top: Ve2, left: Ue2 }), [Ve2, Ue2]), rt = b(() => {
     const e2 = [];
     let t2 = 0, n2 = 0;
-    "number" == typeof V2 ? t2 = V2 : (t2 = V2.index ?? 0, n2 = (V2.scrollOffset ?? 0) * ue2);
+    "number" == typeof U2 ? t2 = U2 : (t2 = U2.index ?? 0, n2 = (U2.scrollOffset ?? 0) * he2);
     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(J(Ze, 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(_(Ze, 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(J(Ze, s3, d3)), u3), layout: c3, maxVirtualBounds: Xe2.getRowOffset(a2), scrollOffset: Ve2, freezeOffset: (t2 > 0 ? Xe2.getRowOffset(t2) : 0) - n2 }, e2;
-  }, [Xe2.getRowIndex, Xe2.getRowOffset, Ze, et, a2, V2, Ve2, ue2]), lt = b(() => {
+    return e2[0] = { minIndex: s3, maxIndex: d3, minCoord: t2, maxCoord: a2 - 1, minBounds: l3, maxBounds: i2, visibleIndices: () => u3 || (u3 = Object.freeze(_(Ze, s3, d3)), u3), layout: c3, maxVirtualBounds: Xe2.getRowOffset(a2), scrollOffset: Ve2, freezeOffset: (t2 > 0 ? Xe2.getRowOffset(t2) : 0) - n2 }, e2;
+  }, [Xe2.getRowIndex, Xe2.getRowOffset, Ze, et, a2, U2, Ve2, he2]), lt = b(() => {
     const e2 = [];
     let t2 = 0, n2 = 0;
-    "number" == typeof A2 ? t2 = A2 : (t2 = A2.index ?? 0, n2 = (A2.scrollOffset ?? 0) * ue2);
+    "number" == typeof W2 ? t2 = W2 : (t2 = W2.index ?? 0, n2 = (W2.scrollOffset ?? 0) * he2);
     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(J(Je, 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(_(Je, 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);
     let u3;
-    return e2[0] = { minIndex: s3, maxIndex: a3, minCoord: t2, maxCoord: d2 - 1, minBounds: l3, maxBounds: i2, visibleIndices: () => u3 || (u3 = Object.freeze(J(Je, s3, a3)), u3), layout: c3, maxVirtualBounds: Xe2.getColOffset(d2), scrollOffset: Ue2, freezeOffset: (t2 > 0 ? Xe2.getColOffset(t2) : 0) - n2 }, e2;
-  }, [Xe2.getColIndex, Xe2.getColOffset, Je, Qe, d2, A2, Ue2, ue2]), it = x({}), ct = x([]), st = b(() => {
+    return e2[0] = { minIndex: s3, maxIndex: a3, minCoord: t2, maxCoord: d2 - 1, minBounds: l3, maxBounds: i2, visibleIndices: () => u3 || (u3 = Object.freeze(_(Je, s3, a3)), u3), layout: c3, maxVirtualBounds: Xe2.getColOffset(d2), scrollOffset: Ue2, freezeOffset: (t2 > 0 ? Xe2.getColOffset(t2) : 0) - n2 }, e2;
+  }, [Xe2.getColIndex, Xe2.getColOffset, Je, Qe, d2, W2, Ue2, he2]), it = x({}), ct = x([]), st = b(() => {
     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) => ae(s3, e3 ?? c3, t4), h3 = { width: lt[t3].maxVirtualBounds, height: rt[n3].maxVirtualBounds }, g3 = { left: lt[t3].scrollOffset, top: rt[n3].scrollOffset }, f2 = { left: lt[t3].freezeOffset, top: rt[n3].freezeOffset }, w3 = { 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) => se(s3, e3 ?? c3, t4), h3 = { width: lt[t3].maxVirtualBounds, height: rt[n3].maxVirtualBounds }, g3 = { left: lt[t3].scrollOffset, top: rt[n3].scrollOffset }, f2 = { left: lt[t3].freezeOffset, top: rt[n3].freezeOffset }, w3 = { width: Qe, height: et };
       let x2 = null, p2 = null;
-      const m2 = (f2.top + (r3.vertical ? g3.top : 0)) / ue2, v2 = (f2.left + (r3.horizontal ? g3.left : 0)) / ue2;
+      const m2 = (f2.top + (r3.vertical ? g3.top : 0)) / he2, v2 = (f2.left + (r3.horizontal ? g3.left : 0)) / he2;
       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) => {
@@ -1345,20 +1349,20 @@ const ve = -10, Se = 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 === ue2 ? e3 : { x: (e3.x - v2) * ue2, y: (e3.y - m2) * ue2, width: e3.width * ue2, height: e3.height * ue2 }, toAbsoluteBounds: (e3) => 0 === v2 && 0 === m2 && 1 === ue2 ? e3 : { x: e3.x / ue2 + v2, y: e3.y / ue2 + m2, width: e3.width / ue2, height: e3.height / ue2 }, getRelativePointFromClient: (e3, t4) => {
+      }, toViewBounds: (e3) => 0 === v2 && 0 === m2 && 1 === he2 ? e3 : { x: (e3.x - v2) * he2, y: (e3.y - m2) * he2, width: e3.width * he2, height: e3.height * he2 }, toAbsoluteBounds: (e3) => 0 === v2 && 0 === m2 && 1 === he2 ? e3 : { x: e3.x / he2 + v2, y: e3.y / he2 + m2, width: e3.width / he2, height: e3.height / he2 }, getRelativePointFromClient: (e3, t4) => {
         const n4 = ft(e3, t4);
         return { x: n4.x - d3.x, y: n4.y - d3.y };
-      }, getLayout: () => s3, getCellCoordsAsRangeCoords: we2, getVisibleColumns: () => lt[t3].visibleIndices(), getVisibleRows: () => rt[n3].visibleIndices(), getVisibleColumnOffsets: () => (x2 || (x2 = se(lt[t3].layout, true, lt[t3].visibleIndices(), c3.colStart, c3.colEnd)), x2), getVisibleRowOffsets: () => (p2 || (p2 = se(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: we2, getVisibleColumns: () => lt[t3].visibleIndices(), getVisibleRows: () => rt[n3].visibleIndices(), getVisibleColumnOffsets: () => (x2 || (x2 = ce(lt[t3].layout, true, lt[t3].visibleIndices(), c3.colStart, c3.colEnd)), x2), getVisibleRowOffsets: () => (p2 || (p2 = ce(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 = we2(l4);
         return { rowIndex: i3.rowStart, colIndex: i3.colStart };
-      }, getZoom: () => ue2, getAnchor: () => o2, getBounds: () => d3, getInsets: () => a3, getTotalSize: () => h3, getViewportSize: () => w3, getScrollTopLeft: () => g3, getFreezeTopLeft: () => f2, getScrollOrientation: () => i2, allViews: () => e2 };
+      }, getZoom: () => he2, getAnchor: () => o2, getBounds: () => d3, getInsets: () => a3, getTotalSize: () => h3, getViewportSize: () => w3, getScrollTopLeft: () => g3, getFreezeTopLeft: () => f2, getScrollOrientation: () => i2, allViews: () => e2 };
     };
-    let n2 = e2[z.Center] = t2(0, 0, z.Center, Te, Pe);
-    return n2 && (e2[z.Center] = n2), n2 = t2(0, 1, z.Top, { horizontal: true }), n2 && (e2[z.Top] = n2), n2 = t2(1, 0, z.Left, { vertical: true }), n2 && (e2[z.Left] = n2), n2 = t2(1, 1, z.TopLeft, {}), n2 && (e2[z.TopLeft] = n2), it.current = null, e2 = Object.freeze(e2);
+    let n2 = e2[O.Center] = t2(0, 0, O.Center, Pe, ke);
+    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, we2]), at = Object.keys(st), dt = lt[0]?.maxVirtualBounds ?? 0, ut = rt[0]?.maxVirtualBounds ?? 0, ht = b(() => ({ 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]);
   v(() => {
     if (ct.current.length > 0) {
@@ -1368,71 +1372,71 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
   }, [st]);
   const gt = o(() => ({ containerWidth: Qe, containerHeight: et, totalWidth: dt, totalHeight: ut }), [Qe, et, Xe2]);
   v(() => {
-    !We2.current && Ne2.current && Se2({ top: Ve2, left: Ue2, width: Qe, height: et, totalWidth: dt, totalHeight: ut });
+    !Ae2.current && Ne2.current && Se2({ top: Ve2, left: Ue2, width: Qe, height: et, totalWidth: dt, totalHeight: ut });
   }, [Ve2, Ue2, dt, ut]), v(() => {
     Ne2.current && Se2({ top: Ve2, left: Ue2, width: Qe, height: et, totalWidth: dt, totalHeight: ut });
   }, [Qe, et]);
   const ft = S((e2, t2) => {
-    M("number" == typeof e2 && "number" == typeof t2, "Top and left should be a number.");
+    R("number" == typeof e2 && "number" == typeof t2, "Top and left should be a number.");
     const n2 = Ie2.current?.getBoundingClientRect();
     return n2 ? { x: e2 - n2.x, y: t2 - n2.y } : { x: e2, y: t2 };
   }, []), wt = o((e2) => st[e2] || null, [st]), xt = o((e2, t2) => {
-    if (1 === Object.keys(st).length) return st[z.Center];
+    if (1 === Object.keys(st).length) return st[O.Center];
     const n2 = ft(e2, t2);
     if (!n2) return null;
     const { x: o2, y: r3 } = n2;
     let l3 = null;
-    const i2 = De, c3 = i2.length;
+    const i2 = Te, c3 = i2.length;
     for (let e3 = 0; !l3 && e3 < c3; e3++) {
       const t3 = st[i2[e3]];
-      t3 && de(o2, r3, t3.getBounds()) && (l3 = t3);
+      t3 && ae(o2, r3, t3.getBounds()) && (l3 = t3);
     }
-    return l3 || (l3 = st[z.Center]), l3;
-  }, [st, we2]), pt = o(() => st[z.Center].getVisibleRangeCoords(), [st[z.Center]]), mt = x(null), vt = S(() => {
-    null !== mt.current && T.cancelTimeout(mt.current), mt.current = T.requestTimeout(St, 150);
+    return l3 || (l3 = st[O.Center]), l3;
+  }, [st, we2]), pt = o(() => st[O.Center].getVisibleRangeCoords(), [st[O.Center]]), mt = x(null), vt = S(() => {
+    null !== mt.current && P.cancelTimeout(mt.current), mt.current = P.requestTimeout(St, 150);
   }, []), St = S(() => {
     mt.current = null, Fe2((e2) => {
       const t2 = { ...e2, verticalScrollDirection: null, horizontalScrollDirection: null };
-      return Ae2.current = t2, t2;
+      return We2.current = t2, t2;
     });
   }, []), yt = o((e2) => {
     const t2 = e2?.left ?? e2?.[0], n2 = e2?.top ?? e2?.[1];
-    let o2 = Ae2.current.left;
+    let o2 = We2.current.left;
     void 0 !== t2 && t2 !== o2 && (t2 > o2 ? (o2 = Math.max(lt?.[1]?.scrollOffset ?? 0, t2), o2 = Math.min(dt - Qe, o2)) : o2 = Math.max(lt?.[1]?.scrollOffset ?? 0, t2));
-    let r3 = Ae2.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)), Ae2.current.left === o2 && Ae2.current.top === r3) return;
+    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;
-    Ae2.current.left > o2 ? l3 = O.Left : Ae2.current.left < o2 && (l3 = O.Right), Ae2.current.top > r3 ? i2 = O.Up : Ae2.current.top < r3 && (i2 = O.Down), T.throttle(() => {
+    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(() => {
       Fe2((e3) => {
         const t3 = { ...e3, left: o2, top: r3, horizontalScrollDirection: l3, verticalScrollDirection: i2 };
-        return Ae2.current = t3, t3;
+        return We2.current = t3, t3;
       });
-    }, 17)(), We2.current?.top === r3 && We2.current?.left === o2 || (We2.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)(), 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();
   }, [dt, ut, rt, lt]);
   v(() => {
-    We2.current || yt({ left: Ue2, top: Ve2 });
+    Ae2.current || yt({ left: Ue2, top: Ve2 });
   }, [Qe, et]), v(() => {
     let e2, t2, n2 = false;
-    Ae2.current.left > dt && (e2 = 0, n2 = true), Ae2.current.top > ut && (t2 = 0, n2 = true), n2 && yt({ left: e2, top: t2 });
+    We2.current.left > dt && (e2 = 0, n2 = true), We2.current.top > ut && (t2 = 0, n2 = true), n2 && yt({ left: e2, top: t2 });
   }, [dt, ut]), y(() => {
-    We2.current = { left: xe2?.left, top: xe2?.top }, yt(We2.current);
+    Ae2.current = { left: xe2?.left, top: xe2?.top }, yt(Ae2.current);
   }, [xe2?.left, xe2?.top]);
   const bt = o((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 = Ae2.current.left + (t2 ?? 0)), void 0 !== n2 && (n2 = Ae2.current.top + (n2 ?? 0)), Ae2.current.left === t2 && Ae2.current.top === n2) return;
+    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 = S((e2) => {
     let t2 = null;
     if (Object.keys(st).length > 1) {
-      const n2 = De, o2 = n2.length;
+      const n2 = Te, o2 = n2.length;
       for (let r3 = 0; !t2 && r3 < o2; r3++) {
         const o3 = st[n2[r3]];
-        o3 && P.isCellWithinRange(e2, o3.getVisibleRangeCoords()) && (t2 = o3);
+        o3 && k.isCellWithinRange(e2, o3.getVisibleRangeCoords()) && (t2 = o3);
       }
     }
-    return t2 || (t2 = st[z.Center]), t2;
+    return t2 || (t2 = st[O.Center]), t2;
   }, [st]), It = o((e2, t2 = { inline: "nearest", block: "nearest" }, n2 = null) => {
     const o2 = { rowIndex: 0, colIndex: 0, ...e2 };
     let r3 = null;
@@ -1443,7 +1447,7 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     } else r3 = Ct(o2);
     const l3 = we2(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(), g3 = r3.getScrollTopLeft(), f2 = ((e3, t3, n3 = true) => {
       n3 = true === n3 ? { block: "start", inline: "end" } : false === n3 ? { block: "end", inline: "end" } : { block: "end", inline: "end", ...n3 };
-      const o3 = oe(n3.inline, e3.x, e3.x + e3.width, t3.left, t3.left + t3.width, t3.totalWidth), r4 = oe(n3.block, e3.y, e3.y + e3.height, t3.top, t3.top + t3.height, t3.totalHeight);
+      const o3 = ne(n3.inline, e3.x, e3.x + e3.width, t3.left, t3.left + t3.width, t3.totalWidth), r4 = ne(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 + g3.left, y: s3 + g3.top, width: a3 - c3, height: d3 - s3 }, { left: g3.left, top: g3.top, width: u3.width, height: u3.height, totalWidth: h3.width, totalHeight: h3.height }, t2);
     if (!f2) return Promise.resolve({ ...g3 });
@@ -1461,13 +1465,13 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     const t2 = e2.shiftKey;
     e2.preventDefault();
     const { deltaX: n2, deltaY: o2, deltaMode: r3 } = e2;
-    if (Re2.current) return;
+    if (De2.current) return;
     let l3 = be2?.(e2);
     if (false === l3) return;
     let i2 = t2 ? o2 : n2, c3 = o2;
     const s3 = t2 || Math.abs(i2) > Math.abs(c3);
-    1 === r3 && (c3 *= 0), Re2.current = window.requestAnimationFrame(() => {
-      Re2.current = null, bt(s3 ? { left: i2 } : { top: c3 });
+    1 === r3 && (c3 *= 0), De2.current = window.requestAnimationFrame(() => {
+      De2.current = null, bt(s3 ? { left: i2 } : { top: c3 });
     });
   }, [be2]), Rt = S((e2 = null) => {
     je2.current = null, it.current = null, $e2();
@@ -1478,14 +1482,14 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
   const Mt = f(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]);
-  v(() => (ge2 && Mt.current?.addEventListener("wheel", Et, { passive: false }), Ne2.current = true, We2.current = null, () => {
+  v(() => (ge2 && Mt.current?.addEventListener("wheel", Et, { passive: false }), Ne2.current = true, Ae2.current = null, () => {
     Mt.current?.removeEventListener("wheel", Et);
   }), [ge2]);
   const kt = x([]), Pt = (t2, n2) => {
     if (!t2 || !X2) return;
     kt.current = [];
     n2.push(((t3, o2) => {
-      const r3 = `view:${t3.getAnchor()}:overlay:${n2.length}`, l3 = X2?.({ key: r3, view: t3 }, (e2) => kt.current[o2] = e2);
+      const r3 = `view:${t3.getAnchor()}:overlay:${n2.length}`, l3 = X2({ key: r3, view: t3, ref: (e2) => kt.current[o2] = e2 });
       if (!l3) return null;
       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}`);
@@ -1497,12 +1501,12 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       Pt(st[n3], r3), e2[n3] = { overlays: r3 };
     }
     return e2;
-  }, [Oe2, X2, a2, d2, rt, lt]), Dt = (t2, n2, o2, r3, l3, c3, s3) => {
+  }, [Le2, 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;
     let u3 = null;
-    if (ie2) u3 = ie2(t2);
+    if (de2) u3 = de2(t2);
     else {
       u3 = [];
       const e2 = d3.length, t3 = a3.length;
@@ -1516,15 +1520,15 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
         }
       }
     }
-    const h3 = t2.getVisibleColumnOffsets(), g3 = t2.getVisibleRowOffsets(), f2 = t2.getScrollTopLeft(), w3 = t2.getFreezeTopLeft(), x2 = f2.left + w3.left, p2 = f2.top + w3.top, m2 = Math.trunc(x2 / ze), v2 = Math.trunc(p2 / ze), S2 = {}, y2 = (e2, t3, n3, o3, r4) => {
-      const l4 = `view:${e2.getAnchor()}:cell:${ne(t3.rowIndex, t3.colIndex)}`, a4 = o3.x, d4 = o3.y, u4 = Math.trunc((x2 + a4) / ze) - m2, h4 = Math.trunc((p2 + d4) / ze) - v2;
+    const h3 = t2.getVisibleColumnOffsets(), g3 = t2.getVisibleRowOffsets(), f2 = t2.getScrollTopLeft(), w3 = t2.getFreezeTopLeft(), x2 = f2.left + w3.left, p2 = f2.top + w3.top, m2 = Math.trunc(x2 / Oe), v2 = Math.trunc(p2 / Oe), S2 = {}, y2 = (e2, t3, n3, o3, r4) => {
+      const l4 = `view:${e2.getAnchor()}:cell:${te(t3.rowIndex, t3.colIndex)}`, a4 = o3.x, d4 = o3.y, u4 = Math.trunc((x2 + a4) / Oe) - m2, h4 = Math.trunc((p2 + d4) / Oe) - v2;
       S2[h4] || (S2[h4] = {});
       let g4 = S2[h4][u4];
       g4 || (g4 = S2[h4][u4] = []);
       let f3 = c3?.get(l4);
       if (!f3) {
-        const c4 = (x2 + a4) % ze, s4 = (p2 + d4) % ze;
-        f3 = N2({ key: l4, coords: t3, bounds: o3, zoom: ue2, 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) % Oe, s4 = (p2 + d4) % Oe;
+        f3 = N2({ key: l4, coords: t3, bounds: o3, zoom: he2, 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, f3), g4.push(f3);
     }, b2 = u3.length;
@@ -1532,26 +1536,26 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       const n3 = u3[e2], i2 = n3?.coords ?? n3;
       if (!i2) continue;
       const c4 = n3?.range ?? { rowStart: i2.rowIndex, colStart: i2.colIndex, rowEnd: i2.rowIndex, colEnd: i2.colIndex }, s4 = t2.getVisibleRangeCoords();
-      if (!P.isRangesIntersect(c4, s4) && !P.isRangeWithinRange(c4, s4)) continue;
-      const a4 = c4 && !P.isSingleCell(c4);
+      if (!k.isRangesIntersect(c4, s4) && !k.isRangeWithinRange(c4, s4)) continue;
+      const a4 = c4 && !k.isSingleCell(c4);
       if (!a4 && le2?.(i2)) continue;
       const d4 = i2.rowIndex, f3 = i2.colIndex, w4 = g3[d4], x3 = h3[f3];
       let p3 = null;
       w4 && x3 && (p3 = { x: x3.offset, y: w4.offset, width: x3.size, height: w4.size });
-      const m3 = ne(c4.rowStart, c4.colStart);
+      const m3 = te(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 = ae(t2.getLayout(), c4)), !p3) {
+      if (a4 && (p3 = se(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 % ze, I3 = p2 % ze, E2 = Object.keys(S2), R3 = E2.length;
-    for (let o3 = 0; o3 < R3; o3++) {
+    const C3 = x2 % Oe, I3 = p2 % Oe, E2 = Object.keys(S2), R2 = E2.length;
+    for (let o3 = 0; o3 < R2; o3++) {
       const r4 = E2[o3], l4 = S2[r4];
       if (!l4) continue;
       const c4 = Object.keys(l4), s4 = c4.length;
@@ -1559,7 +1563,7 @@ const ve = -10, Se = 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, g4 = u4 + m2, f3 = `view:${t2.getAnchor()}:segment:${g4}:${h4}`;
-        n2.push(e("div", { className: "cell-container", style: { transform: `translate(${i.boundPixel(u4 * ze - C3, true)}px, ${i.boundPixel(d4 * ze - I3, true)}px)`, willChange: "transform" }, children: a4 }, f3));
+        n2.push(e("div", { className: "cell-container", style: { transform: `translate(${i.boundPixel(u4 * Oe - C3, true)}px, ${i.boundPixel(d4 * Oe - I3, true)}px)`, willChange: "transform" }, children: a4 }, f3));
       }
     }
   }, Ot = b(() => {
@@ -1569,13 +1573,13 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       Dt(st[r4], s3, i2, c3, /* @__PURE__ */ new Set(), e2, t2), n2[r4] = { cells: s3, rangesH: i2, rangesV: c3 };
     }
     return je2.current = t2, n2;
-  }, [Oe2, a2, d2, rt, lt, D2, pe2, F2, le2, ie2, re2, te2, we2]), zt = (t2, n2, o2, r3, l3) => {
+  }, [Le2, a2, d2, rt, lt, z2, pe2, F2, le2, de2, re2, oe2, we2]), zt = (t2, n2, o2, r3, l3) => {
     if (!t2) return;
     const c3 = t2.getLayout(), s3 = window.devicePixelRatio || 1, a3 = String(1 / s3);
     if (n2) {
       const e2 = `view:${t2.getAnchor()}:hl:`, n3 = t2.getVisibleRows();
       if (0 === (n3 ? n3.length : 0)) return;
-      const s4 = l3.sort(P.rowFirstRangeComparator), d3 = t2.getVisibleRangeCoords(), u3 = 0, h3 = Math.min(t2.getBounds().width, c3.getColOffset(d3.colEnd + 1));
+      const s4 = l3.sort(k.rowFirstRangeComparator), d3 = t2.getVisibleRangeCoords(), u3 = 0, h3 = Math.min(t2.getBounds().width, c3.getColOffset(d3.colEnd + 1));
       let g3 = [];
       for (let t3 = 0; t3 < n3.length && n3[t3] <= d3.rowEnd; t3++) {
         const l4 = n3[t3];
@@ -1585,7 +1589,7 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
           const e3 = s4.shift();
           e3.rowEnd > l4 && (g3.push(e3), f2 = true);
         }
-        f2 && (g3 = g3.sort(P.columnFirstRangeComparator));
+        f2 && (g3 = g3.sort(k.columnFirstRangeComparator));
         const w3 = c3.getRowOffset(l4 + 1);
         let x2 = u3;
         const p2 = g3.length;
@@ -1599,7 +1603,7 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     } else {
       const n3 = `view:${t2.getAnchor()}:vl:`, s4 = t2.getVisibleColumns(), d3 = s4 ? s4.length : 0;
       if (0 === d3) return;
-      const u3 = l3.sort(P.columnFirstRangeComparator), h3 = t2.getVisibleRangeCoords(), g3 = 0, f2 = Math.min(t2.getBounds().height, c3.getRowOffset(h3.rowEnd + 1));
+      const u3 = l3.sort(k.columnFirstRangeComparator), h3 = t2.getVisibleRangeCoords(), g3 = 0, f2 = Math.min(t2.getBounds().height, c3.getRowOffset(h3.rowEnd + 1));
       let w3 = [];
       for (let t3 = 0; t3 < d3 && s4[t3] <= h3.colEnd; t3++) {
         const l4 = s4[t3];
@@ -1609,7 +1613,7 @@ const ve = -10, Se = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
           const e2 = u3.shift();
           e2.colEnd > l4 && (w3.push(e2), d4 = true);
         }
-        d4 && (w3 = w3.sort(P.rowFirstRangeComparator));
+        d4 && (w3 = w3.sort(k.rowFirstRangeComparator));
         const x2 = c3.getColOffset(l4 + 1);
         let p2 = g3;
         const m2 = w3.length;
@@ -1631,7 +1635,7 @@ const ve = -10, Se = 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 = b(() => true === D2 || true === D2?.horizontal ? Lt(true) : null, [Oe2, D2, rt, V2, A2, L2, $2, a2, d2, Qe, dt, st, Ot]), Bt = b(() => true === D2 || true === D2?.vertical ? Lt(false) : null, [Oe2, D2, lt, V2, A2, L2, B2, a2, d2, et, ut, st, Ot]), Ft = b(() => 0 === ht.left ? null : e(he, { linePoints: [0, 0, 0, et + 1], bounds: { x: ht.left, y: 0, width: 1, height: et + 1 }, ...H2 }), [Oe2, ht.left, et, H2]), Wt = b(() => 0 === ht.top ? null : e(he, { linePoints: [0, 0, Qe + 1, 0], bounds: { x: 0, y: ht.top, width: Qe + 1, height: 1 }, ...K2 }), [Oe2, ht.top, Qe, K2]), At = b(() => {
+  }, $t = b(() => true === z2 || true === z2?.horizontal ? Lt(true) : null, [Le2, z2, rt, U2, W2, L2, $2, a2, d2, Qe, dt, st, Ot]), Bt = b(() => true === z2 || true === z2?.vertical ? Lt(false) : null, [Le2, z2, lt, U2, W2, L2, B2, a2, d2, et, ut, st, Ot]), Ft = b(() => 0 === ht.left ? null : e(ue, { linePoints: [0, 0, 0, et + 1], bounds: { x: ht.left, y: 0, width: 1, height: et + 1 }, ...H2 }), [Le2, ht.left, et, H2]), At = b(() => 0 === ht.top ? null : e(ue, { linePoints: [0, 0, Qe + 1, 0], bounds: { x: 0, y: ht.top, width: Qe + 1, height: 1 }, ...K2 }), [Le2, ht.top, Qe, K2]), Wt = b(() => {
     const o2 = [], r3 = (e2) => {
       if (!e2 || !st[e2]) return;
       const n2 = st[e2].getBounds();
@@ -1647,72 +1651,72 @@ const ve = -10, Se = 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 !== Le && (c4 = l4(n3) ?? Le), t2.set(l4, c4), c4 && c4 !== Le && r4.push(c4);
+        c4 !== ze && (c4 = l4(n3) ?? ze), t2.set(l4, c4), c4 && c4 !== ze && 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: k("view", `view-${c4}`, Me.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}`);
+      return t("div", { className: M("view", `view-${c4}`, Re.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: J2 ? "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();
       i2.push(n2(l3, s4, st[t2]));
     }
     return it.current = r3, i2;
-  }, [Oe2, st, _2, G2]), Ut = b(() => {
-    const { style: t2, ...n2 } = Q2 ?? {};
-    return e("div", { style: { width: Qe, height: et, ...t2 }, className: "sheetxl-stage", tabIndex: 0, ref: Ie2, ...n2, ...me2, children: ee2 ? ee2(At) : At });
-  }, [Qe, et, At, Q2, ee2]), Ht = x(false);
+  }, [Le2, st, J2, G2]), Ut = b(() => {
+    const { style: t2, ...n2 } = Q2 ?? P.EmptyObject;
+    return e("div", { style: { width: Qe, height: et, ...t2 }, className: "sheetxl-stage", tabIndex: 0, ref: Ie2, ...n2, ...me2, children: ee2 ? ee2(Wt) : Wt });
+  }, [Qe, et, Wt, Q2, ee2]), Ht = x(false);
   return v(() => {
     !Ht.current && Ot && (Ht.current = true, Ce2?.(Mt.current));
-  }, [Ot]), t("div", { className: k("sheetxl-grid", Me["sheetxl-grid"]), style: { overflow: "visible", cursor: W2, maxWidth: Qe, maxHeight: et, width: Qe, height: et, ...pe2 }, ref: Mt, children: [Ut, t("div", { className: k("sheetxl-overlays"), ref: Ee2, ...Z2, children: [Vt, Ft, Wt] })] });
+  }, [Ot]), t("div", { className: M("sheetxl-grid", Re["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] })] });
 }));
-$e.displayName = "BaseGrid";
-const Be = C(I((t2, n2) => {
-  const { width: o2, height: r2, style: l2 = {}, className: i2, ...c2 } = t2, [s2, { width: a2, height: d2 }] = L();
-  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($e, { ref: n2, width: o2 ?? a2, height: r2 ?? d2, ...c2 }) }) });
+Le.displayName = "BaseGrid";
+const $e = C(I((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(Le, { ref: n2, width: o2 ?? a2, height: r2 ?? d2, ...c2 }) }) });
 }));
-Be.displayName = "Grid";
-const Fe = C(I((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, [f2, p2] = m(null), v2 = x(null), y2 = x(null);
-  M(!s2, "Viewport can not be specified"), R(n2, () => y2.current && v2.current ? Object.assign(y2.current, v2.current) : null);
-  const b2 = S((e2) => {
+$e.displayName = "Grid";
+const Be = C(I((t2, n2) => {
+  const { showVerticalScrollbar: o2, showHorizontalScrollbar: r2, renderScrollbarHorizontal: l2, renderScrollbarVertical: i2, createScrollCorner: c2, viewport: s2, onScrollViewport: a2, style: d2 = {}, className: u2, onScroll: h2, ...g2 } = t2, [f2, p2] = m(null), v2 = x(null), y2 = x(null);
+  R(!s2, "Viewport can not be specified");
+  const b2 = L([y2, n2]), C2 = S((e2) => {
     y2.current?.scrollTo(e2), a2?.(e2);
   }, []);
-  return e(w, { className: u2, style: d2, ref: v2, showVerticalScrollbar: o2, showHorizontalScrollbar: r2, createHorizontalScrollbar: l2, createVerticalScrollbar: i2, createScrollCorner: c2, viewport: f2, onScrollViewport: b2, children: e(Be, { style: { width: "100%", height: "100%" }, ...g2, onViewportChange: (e2) => p2(e2), ref: y2 }) });
+  return e(w, { className: u2, style: d2, ref: v2, showVerticalScrollbar: o2, showHorizontalScrollbar: r2, renderScrollbarHorizontal: l2, renderScrollbarVertical: i2, createScrollCorner: c2, viewport: f2, onScrollViewport: C2, children: e($e, { style: { width: "100%", height: "100%" }, ...g2, onViewportChange: (e2) => p2(e2), ref: b2 }) });
 }));
-Fe.displayName = "ScrollableGrid";
-const We = () => false, Ae = C((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 = We, isSelectedAll: w2 = We, coords: p2, bounds: v2, range: S2, orientation: y2, view: b2, style: C2, ...I2 } = t2, E2 = l2 / 100, R2 = x(null), [M2, k2] = m(false), P2 = f2?.(n2) || false, O2 = w2?.(n2) || false ? d2 : P2 ? a2 : s2;
+Be.displayName = "ScrollableGrid";
+const Fe = () => false, Ae = C((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 = Fe, isSelectedAll: w2 = Fe, coords: p2, bounds: v2, range: S2, orientation: y2, view: b2, style: C2, ...I2 } = t2, E2 = l2 / 100, R2 = x(null), [M2, k2] = m(false), D2 = f2?.(n2) || false, O2 = w2?.(n2) || false ? d2 : D2 ? a2 : s2;
   let z2 = O2;
   if (M2) {
     let e2 = u2;
-    "function" == typeof u2 && (e2 = u2(O2)), z2 = T.mergeContentful(O2, e2);
+    "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) });
 });
 Ae.displayName = "HeaderRenderer";
-const Ve = "ew-resize", Ue = "ns-resize", He = C(I((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;
+const We = "ew-resize", Ve = "ns-resize", Ue = C(I((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 M2 = "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);
+  const k2 = "touch" === i.detectIt().primaryInput;
+  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: k("header-divider", { disabled: d2 }, s2, `index-${c2}`), ref: o2, onPointerDown: M2 ? void 0 : b2, onDoubleClick: M2 ? 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 || M2 ? void 0 : E2 ? Ve : Ue, ...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 && M2 ? 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] });
-})), Ke = (t2, n2) => e(He, { ...t2, ref: n2 }), Ne = C(I((r2, l2) => {
-  const { orientation: i2, view: c2, index: a2, disabled: d2 = false, disabledResize: h2 = false, resizeThreshold: g2 = 1, dividerRenderer: f2 = Ke, onDividerMouseDown: w2, onDividerResizeStart: p2, onDividerResize: v2, onDividerResizeEnd: S2, onDividerMouseUp: y2, onDividerAutoFit: b2, onPointerDown: C2, ...I2 } = r2, E2 = o(C2, [C2]), R2 = o(b2, [b2]), M2 = i2 === D.Column;
-  let P2 = M2 ? c2.getVisibleColumns() : c2.getVisibleRows(), T2 = null;
-  P2.length > 0 && (M2 ? 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, ve));
-  const O2 = x(null), [z2, L2] = m(null), B2 = (e2, t2) => M2 ? e2.clientX - t2.clientX : e2.clientY - t2.clientY, F2 = c2.getLayout(), W2 = M2 ? F2.getColOffset(a2 + 1) : F2.getRowOffset(a2 + 1), A2 = s({ processTouch: true, onPointerDown: (e2) => {
+  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 ? We : Ve, ...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] });
+})), He = (t2) => e(Ue, { ...t2 }), Ke = C(I((r2, l2) => {
+  const { orientation: i2, view: c2, index: a2, disabled: d2 = false, disabledResize: h2 = false, resizeThreshold: g2 = 1, renderDivider: f2 = He, onDividerMouseDown: w2, onDividerResizeStart: p2, 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, me));
+  const O2 = x(null), [z2, L2] = m(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), !d2 && !h2) {
-      const e3 = M2 ? F2.getColOffset(a2) : F2.getRowOffset(a2), t2 = W2 - e3;
+      const e3 = k2 ? F2.getColOffset(a2) : F2.getRowOffset(a2), t2 = A2 - e3;
       O2.current = { isResizing: false, startSize: t2, index: a2, view: c2, orientation: i2, onDividerMouseDown: w2, onDividerResizeStart: p2, onDividerResize: v2, onDividerResizeEnd: S2, onDividerMouseUp: y2 }, L2(O2.current), w2?.(a2, t2);
     }
     e2.stopPropagation(), e2.preventDefault();
@@ -1728,14 +1732,14 @@ const Ve = "ew-resize", Ue = "ns-resize", He = C(I((n2, o2) => {
   } }), V2 = o(() => {
     R2?.(a2);
   }, [a2]);
-  if (!T2) return;
-  const U2 = f2({ bounds: T2, orientation: i2, view: c2, index: a2, disabled: d2, disabledResize: h2, onAutoFit: V2, onPointerDown: A2, ...I2 }, l2);
+  if (!D2) return;
+  const U2 = f2({ bounds: D2, orientation: i2, view: c2, index: a2, disabled: d2, disabledResize: h2, onAutoFit: V2, onPointerDown: W2, ref: l2, ...I2 });
   if (!U2) return;
   const { getPortalContainer: H2 } = u();
   let K2 = null;
-  return z2 && z2.isResizing && z2.index === a2 && (K2 = $(e("div", { style: { position: "absolute", cursor: M2 ? Ve : Ue, left: 0, top: 0, width: "100%", height: "100%" } }), H2(), "divider:" + a2)), t(n, { children: [K2, e("div", { className: k("header-divider-anchor"), style: { position: "absolute", pointerEvents: "auto", top: `${M2 ? T2.y : W2}px`, left: `${M2 ? W2 : T2.x}px`, width: (M2 ? 0 : T2.width - 1) + "px", height: (M2 ? T2.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: U2 })] });
+  return z2 && z2.isResizing && z2.index === a2 && (K2 = $(e("div", { style: { position: "absolute", cursor: k2 ? We : Ve, 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 qe {
+class Ne {
   naturalDimensions(e2, t2 = {}) {
     const n2 = document.createElement("div");
     let o2 = t2?.lineHeight ?? "1";
@@ -1752,16 +1756,16 @@ class qe {
     return r2.remove(), { width: i2.width, height: i2.height, maxLineHeight: 1.2 * (t2.paintableText?.fontSize || 1056 / 72) };
   }
 }
-const je = (e2 = void 0) => Object.freeze({ clean: e2, dirty: void 0, editMode: false }), Xe = je(), Ye = C(I((t2, n2) => {
-  const { editState: r2 = Xe, defaultTextStyle: i2, onStartEdit: c2, onChangeEdit: s2, onSubmitEdit: a2, onCancelEdit: d2, onDoneEdit: u2, containerBounds: h2, setNaturalSize: g2, onNavigate: w2, textProperties: p2, style: C2, autoFocus: I2, ...E2 } = t2, R2 = x(null), { width: M2 = 0 } = h2 ?? {}, [k2, P2] = m(() => r2);
+const qe = (e2 = void 0) => Object.freeze({ clean: e2, dirty: void 0, editMode: false }), je = qe(), Xe = C(I((t2, n2) => {
+  const { editState: r2 = je, defaultTextStyle: i2, onStartEdit: c2, onChangeEdit: s2, onSubmitEdit: a2, onCancelEdit: d2, onDoneEdit: u2, containerBounds: h2, setNaturalSize: g2, onNavigate: w2, textProperties: p2, style: C2, autoFocus: I2, ...E2 } = t2, R2 = x(null), { width: M2 = 0 } = h2 ?? {}, [k2, P2] = m(() => r2);
   v(() => {
     P2(r2);
   }, [r2]);
-  const T2 = p2?.align || "left", D2 = p2?.vAlign || "middle", z2 = p2?.fill || "#040404", L2 = p2?.wrap || "wrap", $2 = p2?.fontFamily || "Calibri", B2 = p2?.fontSize || 11, F2 = p2?.fontWeight || 400, W2 = p2?.fontStyle || "normal", A2 = k2.dirty ?? k2.clean ?? "";
+  const T2 = p2?.align || "left", O2 = p2?.vAlign || "middle", z2 = p2?.fill || "#040404", L2 = p2?.wrap || "wrap", $2 = p2?.fontFamily || "Calibri", B2 = p2?.fontSize || 11, F2 = p2?.fontWeight || 400, A2 = p2?.fontStyle || "normal", W2 = k2.dirty ?? k2.clean ?? "";
   let V2 = 2;
-  const U2 = 96 * B2 / 72, K2 = 1.2 * U2;
-  "right" === D2 && (V2 += 1);
-  const N2 = b(() => new qe().naturalDimensions(A2, { maxWidth: "wrap" === L2 ? M2 - V2 : void 0, lineHeight: `${K2}px`, paintableText: { fontStyle: W2, wrap: L2, letterSpacing: -0.25 } }), [A2, L2, V2, U2, $2, F2, W2, g2, M2]), q2 = S(() => N2.maxLineHeight ? N2.maxLineHeight + "px" : "1.2", [N2]), [j2, X2] = m(q2);
+  const H2 = 96 * B2 / 72, K2 = 1.2 * H2;
+  "right" === O2 && (V2 += 1);
+  const N2 = b(() => new Ne().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, g2, M2]), q2 = S(() => N2.maxLineHeight ? N2.maxLineHeight + "px" : "1.2", [N2]), [j2, X2] = m(q2);
   y(() => {
     X2(q2());
   }, [h2, N2]), y(() => {
@@ -1785,28 +1789,28 @@ const je = (e2 = void 0) => Object.freeze({ clean: e2, dirty: void 0, editMode:
     P2(r2), d2?.(), u2?.();
   }, [d2, r2]), Q2 = o((e2) => {
     if (!R2.current) return;
-    if (e2.isDefaultPrevented(), !(e2.isTrusted || e2.nativeEvent.ctrlKey || e2.nativeEvent.metaKey || e2.nativeEvent.altKey || e2.nativeEvent.isComposing) && -1 !== H.indexOf(e2.nativeEvent.key)) {
+    if (e2.isDefaultPrevented(), !(e2.isTrusted || e2.nativeEvent.ctrlKey || e2.nativeEvent.metaKey || e2.nativeEvent.altKey || e2.nativeEvent.isComposing) && -1 !== U.indexOf(e2.nativeEvent.key)) {
       const t4 = { ...k2 };
       return t4.dirty = "Backspace" === e2.nativeEvent.key ? "" : (t4.dirty ?? "") + e2.key, P2(t4), Y2?.(t4), void e2.preventDefault();
     }
     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() && w2?.(t3 ? O.Up : O.Down)), e2.which === l.Tab) return e2.preventDefault(), void (_2() && w2?.(t3 ? O.Left : O.Right));
+    if (e2.which === l.Enter && (e2.preventDefault(), _2() && w2?.(t3 ? D.Up : D.Down)), e2.which === l.Tab) return e2.preventDefault(), void (_2() && w2?.(t3 ? D.Left : D.Right));
     if (!k2.editMode) {
       let t4 = null;
       switch (e2.which) {
         case l.Left:
-          t4 = O.Left;
+          t4 = D.Left;
           break;
         case l.Right:
-          t4 = O.Right;
+          t4 = D.Right;
           break;
         case l.Up:
-          t4 = O.Up;
+          t4 = D.Up;
           break;
         case l.Down:
-          t4 = O.Down;
+          t4 = D.Down;
       }
       if (t4) return void _2();
     }
@@ -1828,39 +1832,39 @@ const je = (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: A2, autoFocus: false, disabled: ee2, name: "cell-editor", autoComplete: "off", autoCapitalize: "off", style: { flex: "1 1 100%", position: "relative", fontSize: `${U2}px`, fontFamily: `${$2}`, fontWeight: `${F2}`, fontStyle: `${W2}`, 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) => {
+  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 }) });
-})), Ge = C((t2) => {
+})), Ye = C((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 {
-  $e as BaseGrid,
-  Ye as DefaultCellEditor,
-  Ge as DefaultCellRenderer,
-  He as DefaultHeaderDivider,
-  xe as FillHandle,
-  Be as Grid,
-  Ne as HeaderDivider,
+  Le as BaseGrid,
+  Xe as DefaultCellEditor,
+  Ye as DefaultCellRenderer,
+  Ue as DefaultHeaderDivider,
+  we as FillHandle,
+  $e as Grid,
+  Ke as HeaderDivider,
   Ae as HeaderRenderer,
-  Oe as RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL,
-  ve as SELECTION_CLIP_INSETS,
-  H as STANDARD_KEY_CHARS,
-  he as SVGLine,
-  ge as SVGRect,
-  Fe as ScrollableGrid,
-  we as Selection,
-  me as TouchSelectHandle,
-  fe as defaultSelectionRenderer,
-  je as getDefaultStringEditState,
-  Ce as safeSelectionCoords,
-  U as useCellLayout,
-  Z as useHeaderSelection,
-  Y as useKeyboardEditorOverlay,
-  Re as useSelection
+  De as RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL,
+  me as SELECTION_CLIP_INSETS,
+  U as STANDARD_KEY_CHARS,
+  ue as SVGLine,
+  he as SVGRect,
+  Be as ScrollableGrid,
+  fe as Selection,
+  pe as TouchSelectHandle,
+  ge as defaultSelectionRenderer,
+  qe as getDefaultStringEditState,
+  be as safeSelectionCoords,
+  V as useCellLayout,
+  G as useHeaderSelection,
+  X as useKeyboardEditorOverlay,
+  Ee as useSelection
 };