@sheetxl/grid-react 0.7.7 → 0.7.9

package/browser/esm/index.mjs

@@ -1,11 +1,11 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._sheetxl-grid_h9wwa_7{position:relative;box-sizing:border-box;user-select:none}._sheetxl-grid_h9wwa_7 *{box-sizing:border-box!important}._sheetxl-grid_h9wwa_7 *:focus{outline:none}._sheetxl-grid_h9wwa_7 .cell-container{position:absolute;overflow:visible;white-space:pre}._sheetxl-grid_h9wwa_7 .cell-container>*{inset:0;position:absolute}._sheetxl-grid_h9wwa_7 .sheetxl-stage{contain:strict}._sheetxl-grid_h9wwa_7 .sheetxl-stage>*{contain:strict}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { jsx as Ee, jsxs as _t, Fragment as Qn } from "react/jsx-runtime";
-import { useCallbackRef as T, HorizontalAlignment as mn, KeyCodes as Tt, ReactUtils as _, MouseButtonCodes as Xn, useSynchronizedPointerHandler as un, useId as Oo, useFullscreenPortal as go, SimpleCommand as se, KeyModifiers as ae, useImperativeElement as wo, ScrollPane as zo } from "@sheetxl/utils-react";
-import { useRef as le, useReducer as zn, useState as dt, useEffect as gt, useCallback as W, useLayoutEffect as en, useMemo as Ve, memo as Kt, forwardRef as tn, version as Lo, createElement as xo, useImperativeHandle as $o } from "react";
-import { CoordUtils as V, CommonUtils as Nt, RangeOrientation as Ht, Direction as w, AnchorLocation as et } from "@sheetxl/utils";
+import { jsx as Ce, jsxs as _t, Fragment as Qn } from "react/jsx-runtime";
+import { useCallbackRef as T, HorizontalAlignment as mn, KeyCodes as Ot, ReactUtils as Q, MouseButtonCodes as Xn, useSynchronizedPointerHandler as un, useId as Oo, useFullscreenPortal as go, SimpleCommand as se, KeyModifiers as ae, useImperativeElement as wo, ScrollPane as zo } from "@sheetxl/utils-react";
+import { useRef as ie, useReducer as zn, useState as ut, useEffect as wt, useCallback as W, useLayoutEffect as en, useMemo as Ae, memo as Kt, forwardRef as tn, version as Lo, createElement as xo, useImperativeHandle as $o } from "react";
+import { CoordUtils as V, CommonUtils as Nt, RangeOrientation as Ht, Direction as w, AnchorLocation as _e } from "@sheetxl/utils";
 import { createPortal as po } from "react-dom";
 /**
- * @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.7.7
+ * @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.7.9
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -44,10 +44,10 @@ const dn = ({ itemType: t, index: n, itemSize: o, instanceProps: r, scale: c = 1
   for (; c < o && dn({ itemType: t, itemSize: n, index: c, instanceProps: r, scale: i }).offset < s; ) c += l, l *= 2;
   return mo({ itemType: t, itemSize: n, instanceProps: r, high: Math.min(c, o - 1), low: Math.floor(c / 2), offset: s, scale: i });
 }, Ao = (t) => {
-  const { rowCount: n, columnCount: o, defaultRowHeight: r, getRowHeight: c, defaultColumnWidth: s, getColumnWidth: i } = t || {}, l = le({ columnMetadataMap: {}, rowMetadataMap: {}, lastMeasuredColumnIndex: -1, lastMeasuredRowIndex: -1, recalcColumnIndices: [], recalcRowIndices: [] }), h = T((k) => eo({ itemType: "row", itemCount: n, itemSize: c ?? (() => r ?? 20), instanceProps: l.current, offset: k }), [n, c, r]), O = T((k) => k === -1 ? 0 : dn({ itemType: "row", index: k, itemSize: c ?? (() => r ?? 20), instanceProps: l.current }).offset, [c, r]), z = T((k) => dn({ itemType: "row", index: k, itemSize: c ?? (() => r ?? 20), instanceProps: l.current }).size, [c, r]), M = T((k) => eo({ itemType: "column", itemCount: o, itemSize: i ?? (() => s ?? 75), instanceProps: l.current, offset: k }), [o, i, s]), R = T((k) => k === -1 ? 0 : dn({ itemType: "column", index: k, itemSize: i ?? (() => s ?? 75), instanceProps: l.current }).offset, [i, s]), $ = T((k) => dn({ itemType: "column", index: k, itemSize: i ?? (() => s ?? 75), instanceProps: l.current }).size, [i, s]), [Y, j] = zn((k) => k + 1, 0), ee = () => ({ getRowOffset: O, getColOffset: R, getRowIndex: h, getColIndex: M }), [Re, J] = dt(() => t ? ee() : null);
-  return gt(() => {
-    J(t ? ee() : null);
-  }, [Y, n, o, s, r, z, $]), Re;
+  const { rowCount: n, columnCount: o, defaultRowHeight: r, getRowHeight: c, defaultColumnWidth: s, getColumnWidth: i } = t || {}, l = ie({ columnMetadataMap: {}, rowMetadataMap: {}, lastMeasuredColumnIndex: -1, lastMeasuredRowIndex: -1, recalcColumnIndices: [], recalcRowIndices: [] }), h = T((k) => eo({ itemType: "row", itemCount: n, itemSize: c ?? (() => r ?? 20), instanceProps: l.current, offset: k }), [n, c, r]), O = T((k) => k === -1 ? 0 : dn({ itemType: "row", index: k, itemSize: c ?? (() => r ?? 20), instanceProps: l.current }).offset, [c, r]), z = T((k) => dn({ itemType: "row", index: k, itemSize: c ?? (() => r ?? 20), instanceProps: l.current }).size, [c, r]), M = T((k) => eo({ itemType: "column", itemCount: o, itemSize: i ?? (() => s ?? 75), instanceProps: l.current, offset: k }), [o, i, s]), R = T((k) => k === -1 ? 0 : dn({ itemType: "column", index: k, itemSize: i ?? (() => s ?? 75), instanceProps: l.current }).offset, [i, s]), $ = T((k) => dn({ itemType: "column", index: k, itemSize: i ?? (() => s ?? 75), instanceProps: l.current }).size, [i, s]), [Y, q] = zn((k) => k + 1, 0), _ = () => ({ getRowOffset: O, getColOffset: R, getRowIndex: h, getColIndex: M }), [Ie, Z] = ut(() => t ? _() : null);
+  return wt(() => {
+    Z(t ? _() : null);
+  }, [Y, n, o, s, r, z, $]), Ie;
 }, vo = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ~`!@#$%^&*()-_=+[{]};:'\",<.>/?|\\", to = (t) => {
   if (!t) return null;
   if (t.eventType === "start") return { type: t.eventType };
@@ -61,119 +61,119 @@ const dn = ({ itemType: t, index: n, itemSize: o, instanceProps: r, scale: c = 1
   }
   return { type: t.eventType ?? "unknown" };
 }, Fo = (t) => !0, Vo = (t) => !!t && !(t.ctrlKey || t.metaKey || t.altKey || t.isComposing) && (!(t.shiftKey || t.key !== "F2" && t.key !== " " && t.key !== "Backspace") || (!t.shiftKey || t.key !== " ") && vo.indexOf(t.key) !== -1), Wo = (t) => !!t && t.type === "dblclick" && { editMode: !0 }, Uo = (t) => {
-  const { session: n, refLatestCoords: o, handleSubmitEdit: r, handleCancelEdit: c, cellBounds: s, isInBounds: i, getCellEditor: l, propsEditor: h, borderStrokeFill: O = "rgb(33, 115, 70)", borderStrokeWidth: z = 2, alignment: M = mn.Left, style: R, ...$ } = t, Y = le(null), j = le(null), [ee, Re] = dt(!1), J = n.coords, k = W(async (fe) => {
+  const { session: n, refLatestCoords: o, handleSubmitEdit: r, handleCancelEdit: c, cellBounds: s, isInBounds: i, getCellEditor: l, propsEditor: h, borderStrokeFill: O = "rgb(33, 115, 70)", borderStrokeWidth: z = 2, alignment: M = mn.Left, style: R, ...$ } = t, Y = ie(null), q = ie(null), [_, Ie] = ut(!1), Z = n.coords, k = W(async (fe) => {
     if (Y.current?.getBoundingClientRect()) {
       if (fe.eventType === "keyboard") {
         const A = fe.event, p = new KeyboardEvent(A.type, { bubbles: !0, cancelable: !0, view: window, key: A.key, code: A.code, location: A.location, repeat: A.repeat, isComposing: A.isComposing, charCode: A.charCode, keyCode: A.keyCode, which: A.which, ctrlKey: A.ctrlKey, shiftKey: A.shiftKey, altKey: A.altKey, metaKey: A.metaKey });
-        p.isSynthetic = !0, p.key, j.current?.dispatchEvent(p);
+        p.isSynthetic = !0, p.key, q.current?.dispatchEvent(p);
       } else fe.eventType === "pointer" || console.warn("unsupported event type", fe);
       await new Promise((A) => requestAnimationFrame(A));
     }
   }, []);
-  gt(() => {
-    const fe = j.current;
-    return Re(!0), j.current.startEdit?.(n.startEvent), (async () => {
+  wt(() => {
+    const fe = q.current;
+    return Ie(!0), q.current.startEdit?.(n.startEvent), (async () => {
       n.editorRefs.push(fe), n.editorRefsDispatchEditorEvent.push(k);
-      const be = [...n.events];
-      for (let A = 0; A < be.length; A++) await k(be[A]);
+      const ye = [...n.events];
+      for (let A = 0; A < ye.length; A++) await k(ye[A]);
       n.onMount(fe);
     })(), () => {
-      const be = n.editorRefs.indexOf(fe);
-      be !== -1 && n.editorRefs.splice(be, 1), n.onUnmount(fe);
+      const ye = n.editorRefs.indexOf(fe);
+      ye !== -1 && n.editorRefs.splice(ye, 1), n.onUnmount(fe);
     };
   }, []);
   const U = W(() => r(n), []), he = W(() => {
     c(n);
-  }, []), P = o.current && V.isEqualCells(o.current, J), ie = i && P && ee, Ue = l({ autoFocus: !!n.startEvent?.autoFocus, ...h, onSubmitEdit: U, onCancelEdit: he, ref: j }, J), Oe = s.x + _.boundPixel(-z / 2), He = _.boundPixel(s.width + z / 2, !0);
-  return Ee("div", { tabIndex: 0, ref: Y, style: { background: void 0, ...R, opacity: ie ? R?.opacity ?? 1 : 0, pointerEvents: "auto", position: "absolute", boxSizing: "border-box", top: `${s.y + _.boundPixel(-z / 2)}px`, height: _.boundPixel(s.height + z / 2, !0), left: `${Oe}px`, width: He }, ...$, children: Ee("div", { className: "editor-container", style: { position: "absolute", boxSizing: "border-box", left: `${_.boundPixel(1)}px`, top: `${_.boundPixel(1)}px`, width: _.boundPixel(s.width - 2, !0), height: _.boundPixel(s.height - 2, !0), outline: `${z}px ${O} solid`, boxShadow: "rgba(60,64,67,.35) 2px 2px 6px 3px", maxHeight: "100%", overflow: "hidden", display: "flex" }, children: Ue }) });
+  }, []), P = o.current && V.isEqualCells(o.current, Z), ce = i && P && _, Ve = l({ autoFocus: !!n.startEvent?.autoFocus, ...h, onSubmitEdit: U, onCancelEdit: he, ref: q }, Z), Pe = s.x + Q.boundPixel(-z / 2), We = Q.boundPixel(s.width + z / 2, !0);
+  return Ce("div", { tabIndex: 0, ref: Y, style: { background: void 0, ...R, opacity: ce ? R?.opacity ?? 1 : 0, pointerEvents: "auto", position: "absolute", boxSizing: "border-box", top: `${s.y + Q.boundPixel(-z / 2)}px`, height: Q.boundPixel(s.height + z / 2, !0), left: `${Pe}px`, width: We }, ...$, children: Ce("div", { className: "editor-container", style: { position: "absolute", boxSizing: "border-box", left: `${Q.boundPixel(1)}px`, top: `${Q.boundPixel(1)}px`, width: Q.boundPixel(s.width - 2, !0), height: Q.boundPixel(s.height - 2, !0), outline: `${z}px ${O} solid`, boxShadow: "rgba(60,64,67,.35) 2px 2px 6px 3px", maxHeight: "100%", overflow: "hidden", display: "flex" }, children: Ve }) });
 }, Sr = (t) => {
-  const { view: n, canEdit: o = Fo, getCellEditor: r, onBeforeStartEdit: c, onStartEdit: s, onSubmitEdit: i, onCancelEdit: l, onDoneEdit: h, isEditorStartKeyEvent: O = Vo, isEditorStartPointerEvent: z = Wo, containerProps: M, borderStrokeFill: R, borderStrokeWidth: $ = 2, getRangeCoords: Y = null, activeCoords: j, alignment: ee = mn.Left } = t, [Re, J] = dt(!1), [k, U] = dt(void 0), he = T((D, b, Pe, oe, xe, Ne) => {
+  const { view: n, canEdit: o = Fo, getCellEditor: r, onBeforeStartEdit: c, onStartEdit: s, onSubmitEdit: i, onCancelEdit: l, onDoneEdit: h, isEditorStartKeyEvent: O = Vo, isEditorStartPointerEvent: z = Wo, containerProps: M, borderStrokeFill: R, borderStrokeWidth: $ = 2, getRangeCoords: Y = null, activeCoords: q, alignment: _ = mn.Left } = t, [Ie, Z] = ut(!1), [k, U] = ut(void 0), he = T((D, b, Me, oe, pe, Ue) => {
     if (!b) return null;
-    const rt = xe?.(b, D), Rt = D.getRangeCoordsBounds(rt), lt = D.toClipBounds(Rt), jt = Rt, xt = D.getZoom();
-    if (!lt) return null;
-    Pe && (Pe *= xt), oe && (oe *= xt);
+    const lt = pe?.(b, D), Mt = D.getRangeCoordsBounds(lt), it = D.toClipBounds(Mt), jt = Mt, pt = D.getZoom();
+    if (!it) return null;
+    Me && (Me *= pt), oe && (oe *= pt);
     let v = jt, re = !1;
-    if (Pe !== void 0) {
-      let Qe = { ...rt }, ln = 0;
-      for (; !re && v.width <= Pe && ln < 20; ) {
+    if (Me !== void 0) {
+      let Qe = { ...lt }, ln = 0;
+      for (; !re && v.width <= Me && ln < 20; ) {
         ln++, ln > 19 && console.warn("max width reached");
-        const Zt = D.getTotalRangeCoords(), Pt = D.getLayout();
-        Ne === mn.Left ? Qe.colEnd + 1 < Zt.colEnd ? Qe.colEnd = Pt.getColIndex(v.x + Pe) : re = !0 : Ne === mn.Right ? Qe.colStart - 1 >= 0 ? Qe.colStart = Pt.getColIndex(v.x - (Pe - v.width)) : re = !0 : Ne === mn.Center && Qe.colEnd + 1 < Zt.colEnd && Qe.colStart - 1 >= 0 ? (Qe.colStart = Pt.getColIndex(v.x - (Pe - v.width) / 2), Qe.colEnd = Pt.getColIndex(v.x + v.width + (Pe - v.width) / 2)) : re = !0, re || (v = D.getRangeCoordsBounds(Qe));
+        const Zt = D.getTotalRangeCoords(), Dt = D.getLayout();
+        Ue === mn.Left ? Qe.colEnd + 1 < Zt.colEnd ? Qe.colEnd = Dt.getColIndex(v.x + Me) : re = !0 : Ue === mn.Right ? Qe.colStart - 1 >= 0 ? Qe.colStart = Dt.getColIndex(v.x - (Me - v.width)) : re = !0 : Ue === mn.Center && Qe.colEnd + 1 < Zt.colEnd && Qe.colStart - 1 >= 0 ? (Qe.colStart = Dt.getColIndex(v.x - (Me - v.width) / 2), Qe.colEnd = Dt.getColIndex(v.x + v.width + (Me - v.width) / 2)) : re = !0, re || (v = D.getRangeCoordsBounds(Qe));
       }
     }
     v.height = jt.height, oe !== void 0 && (v.height = Math.max(oe + 1, jt.height));
-    const { width: Ke, height: ht } = D.getViewportSize();
-    return { x: v.x ?? 0, y: v.y ?? 0, height: Math.min(ht - v.y, v.height) + 1, width: Math.min(Ke - v.x, v.width) + 1 };
-  }, [ee]), P = T(o, [o]), ie = W(() => {
+    const { width: He, height: ft } = D.getViewportSize();
+    return { x: v.x ?? 0, y: v.y ?? 0, height: Math.min(ft - v.y, v.height) + 1, width: Math.min(He - v.x, v.width) + 1 };
+  }, [_]), P = T(o, [o]), ce = W(() => {
     n?.getStage()?.focus();
-  }, [n]), Ue = le(null), Oe = T((D) => {
-    c?.(D), L(), J(!0), Ue.current = null;
-  }, [c]), He = T((D) => {
+  }, [n]), Ve = ie(null), Pe = T((D) => {
+    c?.(D), L(), Z(!0), Ve.current = null;
+  }, [c]), We = T((D) => {
     s?.(D.coords);
   }, [s]), fe = T((D) => {
-    D.isSubmitted || D.isCancelled || (p.current.isEditorClosed = !0, ie(), D.isCancelled = !0, l?.(D.coords), L());
-  }, [l]), be = T((D) => {
+    D.isSubmitted || D.isCancelled || (p.current.isEditorClosed = !0, ce(), D.isCancelled = !0, l?.(D.coords), L());
+  }, [l]), ye = T((D) => {
     if (D.isSubmitted || D.isCancelled) return !1;
     try {
-      return Ue.current = D.coords, D.isEditorClosing = !0, D.isSubmitted = !0, D.isEditorSubmitted || (D.isEditorSubmitted = !0, D.editorRefs[0]?.submitEdit?.()), D.coords, i?.(D.coords), D.isEditorClosed = !0, ie(), L(), !0;
+      return Ve.current = D.coords, D.isEditorClosing = !0, D.isSubmitted = !0, D.isEditorSubmitted || (D.isEditorSubmitted = !0, D.editorRefs[0]?.submitEdit?.()), D.coords, i?.(D.coords), D.isEditorClosed = !0, ce(), L(), !0;
     } catch (b) {
       throw D.isEditorClosing = !1, D.isSubmitted = !1, b;
     }
   }, [i]), A = T((D) => {
-    J(!1), h?.(D.coords), L();
-  }, [h]), p = le(null), je = le(null), Ye = le(null), ne = le([]), [Ce, Q] = zn((D) => D + 1, 0), L = W((D) => {
-    D && ne.current.push(D), Q();
+    Z(!1), h?.(D.coords), L();
+  }, [h]), p = ie(null), Ne = ie(null), Xe = ie(null), te = ie([]), [be, J] = zn((D) => D + 1, 0), L = W((D) => {
+    D && te.current.push(D), J();
   }, []), X = T((D) => {
     if (D.defaultPrevented || D.isSynthetic || !n) return;
     const b = n?.getCellCoordsFromClient(D.clientX, D.clientY);
     b && L({ eventType: "pointer", event: D, coords: b });
-  }, [n]), kt = T((D) => {
+  }, [n]), Pt = T((D) => {
     const b = D.nativeEvent;
     X(b);
-  }, [n]), bt = T((D) => {
+  }, [n]), Et = T((D) => {
     if (D.defaultPrevented || D.isSynthetic || !n?.getStage()) return;
-    const b = je.current;
+    const b = Ne.current;
     O(D, b) && (D.stopPropagation(), D.preventDefault()), D.key, L({ eventType: "keyboard", event: D, coords: b });
   }, [n]);
   en(() => {
-    const D = (oe, xe) => {
-      const Ne = xe?.cell ?? oe;
-      if (!Ne) return null;
-      const rt = Ne;
-      if (!P(Ne)) return null;
-      Oe?.(Ne);
-      const Rt = Nt.uuidV4();
-      xe = Object.freeze({ autoFocus: !0, ...xe }), Ye.current = Ne;
-      const lt = { coords: rt, startEvent: xe, uuid: Rt, isMounted: !1, isStarted: !1, isSubmitted: !1, isEditorSubmitted: !1, isEditorClosing: !1, isEditorClosed: !1, isCancelled: !1, events: [], editorRefsDispatchEditorEvent: [], editorRefs: [], onMount: (jt) => {
-        lt.isMounted || (lt.isMounted = !0, L());
+    const D = (oe, pe) => {
+      const Ue = pe?.cell ?? oe;
+      if (!Ue) return null;
+      const lt = Ue;
+      if (!P(Ue)) return null;
+      Pe?.(Ue);
+      const Mt = Nt.uuidV4();
+      pe = Object.freeze({ autoFocus: !0, ...pe }), Xe.current = Ue;
+      const it = { coords: lt, startEvent: pe, uuid: Mt, isMounted: !1, isStarted: !1, isSubmitted: !1, isEditorSubmitted: !1, isEditorClosing: !1, isEditorClosed: !1, isCancelled: !1, events: [], editorRefsDispatchEditorEvent: [], editorRefs: [], onMount: (jt) => {
+        it.isMounted || (it.isMounted = !0, L());
       }, onUnmount: (jt) => {
-        if (lt.editorRefs.length === 0) {
-          const xt = () => {
-            lt.isMounted = !1, L();
+        if (it.editorRefs.length === 0) {
+          const pt = () => {
+            it.isMounted = !1, L();
           };
-          if (document.activeElement !== document.body) xt();
+          if (document.activeElement !== document.body) pt();
           else {
             const v = (re) => {
-              re.defaultPrevented || re.target !== document.body || bt(re);
+              re.defaultPrevented || re.target !== document.body || Et(re);
             };
             window.addEventListener("keydown", v, !0), n.getStage()?.addEventListener("focusin", () => {
-              window.removeEventListener("keydown", v), xt();
-            }, Ho), ie();
+              window.removeEventListener("keydown", v), pt();
+            }, Ho), ce();
           }
         }
       } };
-      return lt;
+      return it;
     };
-    if (ne.current.length <= 0 && !p.current) return;
-    const b = ne.current[0];
+    if (te.current.length <= 0 && !p.current) return;
+    const b = te.current[0];
     to(b), ((oe) => {
-      const xe = [], Ne = oe?.length ?? 0;
-      for (let rt = 0; rt < Ne; rt++) {
-        const Rt = oe[rt];
-        xe.push(to(Rt));
+      const pe = [], Ue = oe?.length ?? 0;
+      for (let lt = 0; lt < Ue; lt++) {
+        const Mt = oe[lt];
+        pe.push(to(Mt));
       }
-    })(ne.current), p.current, p.current;
-    let Pe = p.current;
+    })(te.current), p.current, p.current;
+    let Me = p.current;
     if (p.current) {
       if (p.current.isDone) p.current = null;
       else if (p.current.isSubmitted || p.current.isCancelled) {
@@ -183,48 +183,48 @@ const dn = ({ itemType: t, index: n, itemSize: o, instanceProps: r, scale: c = 1
     }
     if (b) {
       if (b.eventType === "start") {
-        const oe = b, xe = oe.startEvent?.cell ?? je.current;
-        p.current && V.isEqualCells(p.current.coords, xe) || (p.current = D(xe, oe.startEvent));
+        const oe = b, pe = oe.startEvent?.cell ?? Ne.current;
+        p.current && V.isEqualCells(p.current.coords, pe) || (p.current = D(pe, oe.startEvent));
       } else if (b.eventType === "keyboard") {
         const oe = b.event;
         if (p.current) {
-          let xe = !1;
+          let pe = !1;
           switch (oe.which) {
-            case Tt.Left:
-            case Tt.Right:
-            case Tt.Up:
-            case Tt.Down:
-            case Tt.Enter:
-            case Tt.Tab:
-              xe = !0;
+            case Ot.Left:
+            case Ot.Right:
+            case Ot.Up:
+            case Ot.Down:
+            case Ot.Enter:
+            case Ot.Tab:
+              pe = !0;
           }
-          if (!xe) {
+          if (!pe) {
             p.current.events.push(b);
-            for (let Ne = 0; Ne < p.current.editorRefsDispatchEditorEvent.length; Ne++) p.current.editorRefsDispatchEditorEvent[Ne](b);
+            for (let Ue = 0; Ue < p.current.editorRefsDispatchEditorEvent.length; Ue++) p.current.editorRefsDispatchEditorEvent[Ue](b);
           }
         } else if (O(oe, b.coords)) {
-          let xe;
-          const Ne = D(xe?.cell ?? je.current, xe);
-          Ne && Ne.events.push(b), p.current = Ne;
+          let pe;
+          const Ue = D(pe?.cell ?? Ne.current, pe);
+          Ue && Ue.events.push(b), p.current = Ue;
         }
       } else if (b.eventType === "pointer") {
         const oe = b.event;
         if (p.current) {
           p.current.events.push(b);
-          for (let xe = 0; xe < p.current.editorRefsDispatchEditorEvent.length; xe++) p.current.editorRefsDispatchEditorEvent[xe](b);
+          for (let pe = 0; pe < p.current.editorRefsDispatchEditorEvent.length; pe++) p.current.editorRefsDispatchEditorEvent[pe](b);
         } else {
-          const xe = b?.coords ?? je.current, Ne = z(oe, xe);
-          if (Ne) {
-            let rt;
-            typeof rt != "boolean" && (rt = Ne);
-            const Rt = D(xe, rt);
-            Rt && Rt.events.push(b), p.current = Rt;
+          const pe = b?.coords ?? Ne.current, Ue = z(oe, pe);
+          if (Ue) {
+            let lt;
+            typeof lt != "boolean" && (lt = Ue);
+            const Mt = D(pe, lt);
+            Mt && Mt.events.push(b), p.current = Mt;
           }
         }
       } else if (b.eventType === "submit") {
         if (p.current && !p.current.isSubmitted && !p.current.isCancelled) {
           if (!p.current.isMounted) return;
-          be(p.current);
+          ye(p.current);
         }
       } else if (b.eventType === "cancel") {
         if (p.current && !p.current.isSubmitted && !p.current.isCancelled) {
@@ -233,49 +233,49 @@ const dn = ({ itemType: t, index: n, itemSize: o, instanceProps: r, scale: c = 1
         }
       } else if (b.eventType === "coordsChange") {
         const oe = b;
-        if (je.current = oe.activeCoords, p.current, p.current && !p.current.isSubmitted && !p.current.isCancelled) {
+        if (Ne.current = oe.activeCoords, p.current, p.current && !p.current.isSubmitted && !p.current.isCancelled) {
           if (!p.current.isMounted) return;
           try {
-            be(p.current);
+            ye(p.current);
           } catch {
           }
         }
       }
     }
-    ne.current.length > 0 && (ne.current.shift(), L()), ne.current.length === 0 && (!p.current || p.current.isEditorClosing || p.current.isEditorClosed ? !p.current && Pe && ie() : p.current.isMounted && !p.current.isStarted && (p.current.isStarted = !0, p.current.startEvent.autoFocus && (typeof p.current.startEvent.autoFocus == "string" ? p.current.editorRefs[0]?.autoFocus(p.current.startEvent.autoFocus) : p.current.editorRefs[0]?.autoFocus()), He?.(p.current), requestAnimationFrame(() => {
+    te.current.length > 0 && (te.current.shift(), L()), te.current.length === 0 && (!p.current || p.current.isEditorClosing || p.current.isEditorClosed ? !p.current && Me && ce() : p.current.isMounted && !p.current.isStarted && (p.current.isStarted = !0, p.current.startEvent.autoFocus && (typeof p.current.startEvent.autoFocus == "string" ? p.current.editorRefs[0]?.autoFocus(p.current.startEvent.autoFocus) : p.current.editorRefs[0]?.autoFocus()), We?.(p.current), requestAnimationFrame(() => {
       n && p.current?.coords && n.scrollCellCoordsIntoView(p.current.coords);
     })));
-  }, [Ce]), gt(() => {
-    Ye.current = j;
+  }, [be]), wt(() => {
+    Xe.current = q;
     const D = p.current?.coords;
-    V.isEqualCells(D, j) || (p.current && (p.current.isEditorClosing = !0), L({ eventType: "coordsChange", activeCoords: j }));
-  }, [j]);
-  const wt = W((D) => {
-    bt(D.nativeEvent);
-  }, []), { width: ut = 0, height: ge = 0 } = k ?? { width: 0, height: 0 }, Wt = T(r, [r]);
+    V.isEqualCells(D, q) || (p.current && (p.current.isEditorClosing = !0), L({ eventType: "coordsChange", activeCoords: q }));
+  }, [q]);
+  const xt = W((D) => {
+    Et(D.nativeEvent);
+  }, []), { width: ht = 0, height: ge = 0 } = k ?? { width: 0, height: 0 }, Wt = T(r, [r]);
   return { overlay: T((D) => {
     if (!p.current || p.current.isEditorClosed) return p.current, null;
     p.current.coords;
-    let b = he(D, p.current.coords, ut, ge, Y, ee), Pe = !0;
-    b && b.width !== 0 && b.height !== 0 || (b = { x: 0, y: 0, width: ut, height: ut }, Pe = !1);
-    const oe = D.getZoom(), xe = { containerBounds: { x: 0, y: 0, width: b.width / oe, height: b.height / oe }, setNaturalSize: U, zoom: oe };
-    return Ee(Uo, { session: p.current, refLatestCoords: Ye, handleSubmitEdit: be, handleCancelEdit: fe, cellBounds: b, borderStrokeWidth: $, borderStrokeFill: R, isInBounds: Pe, getCellEditor: Wt, propsEditor: xe, alignment: ee, ...M }, "editor:" + p.current.uuid);
-  }, [r, Y, Ce, ut, ge, ee, $, R]), startEdit: W((D) => {
+    let b = he(D, p.current.coords, ht, ge, Y, _), Me = !0;
+    b && b.width !== 0 && b.height !== 0 || (b = { x: 0, y: 0, width: ht, height: ht }, Me = !1);
+    const oe = D.getZoom(), pe = { containerBounds: { x: 0, y: 0, width: b.width / oe, height: b.height / oe }, setNaturalSize: U, zoom: oe };
+    return Ce(Uo, { session: p.current, refLatestCoords: Xe, handleSubmitEdit: ye, handleCancelEdit: fe, cellBounds: b, borderStrokeWidth: $, borderStrokeFill: R, isInBounds: Me, getCellEditor: Wt, propsEditor: pe, alignment: _, ...M }, "editor:" + p.current.uuid);
+  }, [r, Y, be, ht, ge, _, $, R]), startEdit: W((D) => {
     L({ eventType: "start", startEvent: D });
   }, []), submitEdit: W(() => {
     L({ eventType: "submit" });
   }, []), cancelEdit: W(() => {
     L({ eventType: "cancel" });
-  }, []), onKeyboardEvent: wt, onPointerEvent: kt, onKeyboardEventNative: bt, onPointerEventNative: X, isEditing: Re };
+  }, []), onKeyboardEvent: xt, onPointerEvent: Pt, onKeyboardEventNative: Et, onPointerEventNative: X, isEditing: Ie };
 }, Ho = Object.freeze({ once: !0 });
 var No = function() {
-}, So = typeof window < "u", Ko = So ? en : gt, no = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
+}, So = typeof window < "u", Ko = So ? en : wt, no = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
 const yo = So && window.ResizeObserver !== void 0 ? function() {
-  var t = dt(null), n = t[0], o = t[1], r = dt(no), c = r[0], s = r[1], i = Ve(function() {
+  var t = ut(null), n = t[0], o = t[1], r = ut(no), c = r[0], s = r[1], i = Ae(function() {
     return new window.ResizeObserver(function(l) {
       if (l[0]) {
-        var h = l[0].contentRect, O = h.x, z = h.y, M = h.width, R = h.height, $ = h.top, Y = h.left, j = h.bottom, ee = h.right;
-        s({ x: O, y: z, width: M, height: R, top: $, left: Y, bottom: j, right: ee });
+        var h = l[0].contentRect, O = h.x, z = h.y, M = h.width, R = h.height, $ = h.top, Y = h.left, q = h.bottom, _ = h.right;
+        s({ x: O, y: z, width: M, height: R, top: $, left: Y, bottom: q, right: _ });
       }
     });
   }, []);
@@ -288,76 +288,76 @@ const yo = So && window.ResizeObserver !== void 0 ? function() {
   return [No, no];
 }, jo = 3, qo = 0.5, Yo = 50, Kn = (t) => ({ x: t.x, y: t.y, width: t.width, height: t.height, top: t.top, left: t.left, right: t.right, bottom: t.bottom });
 function Xo(t = {}) {
-  const { threshold: n = qo, stillnessThreshold: o = jo, maxHierarchyDepth: r = Yo } = t, [c, s] = yo(), i = le(null), [l, h] = zn((Y) => Y + 1, 0), O = le(void 0), z = le({ x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 }), M = W((Y) => {
+  const { threshold: n = qo, stillnessThreshold: o = jo, maxHierarchyDepth: r = Yo } = t, [c, s] = yo(), i = ie(null), [l, h] = zn((Y) => Y + 1, 0), O = ie(void 0), z = ie({ x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 }), M = W((Y) => {
     i.current = Y, typeof c == "function" && c(Y);
-  }, [c]), [R, $] = dt(s);
-  return gt(() => {
+  }, [c]), [R, $] = ut(s);
+  return wt(() => {
     s && !R && $(s);
-  }, [s, R]), gt(() => {
+  }, [s, R]), wt(() => {
     const Y = i.current;
     if (!Y) return;
-    let j = !1, ee = 0;
-    const Re = () => {
+    let q = !1, _ = 0;
+    const Ie = () => {
       if (!Y) return;
-      const P = Y.getBoundingClientRect(), ie = z.current;
-      Math.abs(P.x - ie.x) > n || Math.abs(P.y - ie.y) > n || Math.abs(P.width - ie.width) > n || Math.abs(P.height - ie.height) > n ? (j || (j = !0, $(Kn(P)), h()), ee = 0) : ee++, j && ee >= o && (j = !1, $(Kn(P)), h()), z.current = Kn(P), O.current = requestAnimationFrame(Re);
+      const P = Y.getBoundingClientRect(), ce = z.current;
+      Math.abs(P.x - ce.x) > n || Math.abs(P.y - ce.y) > n || Math.abs(P.width - ce.width) > n || Math.abs(P.height - ce.height) > n ? (q || (q = !0, $(Kn(P)), h()), _ = 0) : _++, q && _ >= o && (q = !1, $(Kn(P)), h()), z.current = Kn(P), O.current = requestAnimationFrame(Ie);
     };
-    O.current = requestAnimationFrame(Re);
-    const J = (P) => {
-      j = !0, h();
+    O.current = requestAnimationFrame(Ie);
+    const Z = (P) => {
+      q = !0, h();
     }, k = (P) => {
-      j = !1, ee = o, h();
+      q = !1, _ = o, h();
     };
     let U = Y;
     const he = [];
-    for (; U && U !== document.documentElement && (U.addEventListener("animationstart", J, !0), U.addEventListener("animationend", k, !0), U.addEventListener("transitionstart", J, !0), U.addEventListener("transitionend", k, !0), he.push(U), U = U.parentElement, !(he.length > r)); ) ;
+    for (; U && U !== document.documentElement && (U.addEventListener("animationstart", Z, !0), U.addEventListener("animationend", k, !0), U.addEventListener("transitionstart", Z, !0), U.addEventListener("transitionend", k, !0), he.push(U), U = U.parentElement, !(he.length > r)); ) ;
     return () => {
       O.current && cancelAnimationFrame(O.current), he.forEach((P) => {
-        P.removeEventListener("animationstart", J, !0), P.removeEventListener("animationend", k, !0), P.removeEventListener("transitionstart", J, !0), P.removeEventListener("transitionend", k, !0);
+        P.removeEventListener("animationstart", Z, !0), P.removeEventListener("animationend", k, !0), P.removeEventListener("transitionstart", Z, !0), P.removeEventListener("transitionend", k, !0);
       });
     };
   }, [l, s, n, o, r]), [M, R];
 }
-const yr = ({ gridRef: t, gridMainRef: n, orientation: o = Ht.Row, headerCount: r, selectionPolicy: c = "multiple", newSelectionMode: s = "clear", alwaysScrollToActiveCoords: i = !0, onDragStart: l, onDragEnd: h, pointerDownInterceptor: O, pointerMoveInterceptor: z, onPointerUp: M, newSelection: R, modifySelection: $, appendSelection: Y, clearSelections: j }) => {
-  const ee = r ?? ((o === Ht.Row ? t.current?.rowCount : t.current?.columnCount) || 0), Re = le(null), J = le(null), k = le(!1), U = le(null), he = W((A) => o === Ht.Column ? { rowIndex: 0, colIndex: A.colIndex } : { rowIndex: A.rowIndex, colIndex: 0 }, [o]), P = W((A) => o === Ht.Column ? { rowIndex: n.current ? n.current.rowCount - 1 : 0, colIndex: A.colIndex } : { rowIndex: A.rowIndex, colIndex: n.current ? n.current.columnCount - 1 : 0 }, [o]), ie = (A) => {
-    J.current = P(A), $(J.current, Re.current);
-  }, Ue = W((A, p) => {
+const yr = ({ gridRef: t, gridMainRef: n, orientation: o = Ht.Row, headerCount: r, selectionPolicy: c = "multiple", newSelectionMode: s = "clear", alwaysScrollToActiveCoords: i = !0, onDragStart: l, onDragEnd: h, pointerDownInterceptor: O, pointerMoveInterceptor: z, onPointerUp: M, newSelection: R, modifySelection: $, appendSelection: Y, clearSelections: q }) => {
+  const _ = r ?? ((o === Ht.Row ? t.current?.rowCount : t.current?.columnCount) || 0), Ie = ie(null), Z = ie(null), k = ie(!1), U = ie(null), he = W((A) => o === Ht.Column ? { rowIndex: 0, colIndex: A.colIndex } : { rowIndex: A.rowIndex, colIndex: 0 }, [o]), P = W((A) => o === Ht.Column ? { rowIndex: n.current ? n.current.rowCount - 1 : 0, colIndex: A.colIndex } : { rowIndex: A.rowIndex, colIndex: n.current ? n.current.columnCount - 1 : 0 }, [o]), ce = (A) => {
+    Z.current = P(A), $(Z.current, Ie.current);
+  }, Ve = W((A, p) => {
     if (!t.current) return;
-    const je = t.current.getViewFromClient(A, p)?.getCellCoordsFromClient(A, p);
-    return je ? (o === Ht.Column ? je.rowIndex = n.current.getViewport().rowStart : je.colIndex = n.current.getViewport().colStart, je) : void 0;
-  }, []), Oe = W((A, p = !1) => {
-    let je = A;
-    return p || (je = { ...A }, o === Ht.Row ? delete je.colIndex : delete je.rowIndex), n.current?.scrollCellCoordsIntoView(je);
-  }, [o]), He = T(h, [h]), fe = T(l, [l]), be = Ve(() => ({ onPointerDown: (A) => {
+    const Ne = t.current.getViewFromClient(A, p)?.getCellCoordsFromClient(A, p);
+    return Ne ? (o === Ht.Column ? Ne.rowIndex = n.current.getViewport().rowStart : Ne.colIndex = n.current.getViewport().colStart, Ne) : void 0;
+  }, []), Pe = W((A, p = !1) => {
+    let Ne = A;
+    return p || (Ne = { ...A }, o === Ht.Row ? delete Ne.colIndex : delete Ne.rowIndex), n.current?.scrollCellCoordsIntoView(Ne);
+  }, [o]), We = T(h, [h]), fe = T(l, [l]), ye = Ae(() => ({ onPointerDown: (A) => {
     if (!t || !t.current || A.nativeEvent.defaultPrevented) return;
-    const p = Ue(A.nativeEvent.clientX, A.nativeEvent.clientY);
+    const p = Ve(A.nativeEvent.clientX, A.nativeEvent.clientY);
     if (!p) return;
     A.nativeEvent.which, Xn.Right;
-    const je = A.nativeEvent.shiftKey, Ye = A.nativeEvent.ctrlKey || A.nativeEvent.metaKey;
+    const Ne = A.nativeEvent.shiftKey, Xe = A.nativeEvent.ctrlKey || A.nativeEvent.metaKey;
     if (O?.(A, p) === !1) return;
     fe?.(), k.current = !0;
-    const ne = n.current?.getViewFromClient(A.nativeEvent.clientX, A.nativeEvent.clientY), Ce = ((Q, L) => o === Ht.Column ? { ...Q, rowIndex: L.rowStart } : { ...Q, colIndex: L.colStart })(p, ne.getVisibleRangeCoords());
-    if (je) ie(p);
+    const te = n.current?.getViewFromClient(A.nativeEvent.clientX, A.nativeEvent.clientY), be = ((J, L) => o === Ht.Column ? { ...J, rowIndex: L.rowStart } : { ...J, colIndex: L.colStart })(p, te.getVisibleRangeCoords());
+    if (Ne) ce(p);
     else {
-      if (Ye) return ((Q, L = Q, X) => {
-        Re.current = he(Q), J.current = P(L), Y(Re.current, J.current, X);
-      })(p, p, Ce), void (i && Oe(Ce, !0));
-      ((Q, L = Q, X) => {
-        Re.current = he(Q), J.current = P(L), R(Re.current, J.current, X);
-      })(p, p, Ce), ie(p), i && Oe(Ce, !0);
+      if (Xe) return ((J, L = J, X) => {
+        Ie.current = he(J), Z.current = P(L), Y(Ie.current, Z.current, X);
+      })(p, p, be), void (i && Pe(be, !0));
+      ((J, L = J, X) => {
+        Ie.current = he(J), Z.current = P(L), R(Ie.current, Z.current, X);
+      })(p, p, be), ce(p), i && Pe(be, !0);
     }
   }, onPointerMoveOrWait: Nt.throttle((A) => {
     if (!k.current || !t?.current) return;
-    const p = Ue(A.clientX, A.clientY);
+    const p = Ve(A.clientX, A.clientY);
     if (p && z?.(A, p) !== !1) {
-      if (V.isEqualCells(U.current, p)) return j();
-      ie(p), Oe(p);
+      if (V.isEqualCells(U.current, p)) return q();
+      ce(p), Pe(p);
     }
   }, 60), onPointerUp: (A) => {
-    k.current = !1, He?.(), M?.(A);
-  }, processTouch: !0, consumeTouch: !0 }), [c, i, ee, s, j, O, M]);
-  return { onPointerDown: T(un(be), []), getCellCoordsFromClient: Ue };
-}, We = (t, n, o) => {
+    k.current = !1, We?.(), M?.(A);
+  }, processTouch: !0, consumeTouch: !0 }), [c, i, _, s, q, O, M]);
+  return { onPointerDown: T(un(ye), []), getCellCoordsFromClient: Ve };
+}, Fe = (t, n, o) => {
   if (!t) return n;
   let r = n;
   const c = o === w.Right || o === w.Down;
@@ -379,27 +379,27 @@ const yr = ({ gridRef: t, gridMainRef: n, orientation: o = Ht.Row, headerCount:
   let { rowIndex: i, colIndex: l } = t;
   switch (r) {
     case w.Down: {
-      i = We(o, Math.min(i + 1, s), r);
+      i = Fe(o, Math.min(i + 1, s), r);
       let h = n({ rowIndex: i, colIndex: l });
-      for (; !h && i < s; ) i = We(o, Math.min(++i, s), r), h = n({ rowIndex: i, colIndex: l });
+      for (; !h && i < s; ) i = Fe(o, Math.min(++i, s), r), h = n({ rowIndex: i, colIndex: l });
       return i;
     }
     case w.Up: {
-      i = We(o, Math.max(i - 1, s), r);
+      i = Fe(o, Math.max(i - 1, s), r);
       let h = n({ rowIndex: i, colIndex: l });
-      for (; !h && i > s; ) i = We(o, Math.max(--i, s), r), h = n({ rowIndex: i, colIndex: l });
+      for (; !h && i > s; ) i = Fe(o, Math.max(--i, s), r), h = n({ rowIndex: i, colIndex: l });
       return i;
     }
     case w.Right: {
-      l = We(o, Math.min(l + 1, s), r);
+      l = Fe(o, Math.min(l + 1, s), r);
       let h = n({ rowIndex: i, colIndex: l });
-      for (; !h && l < s; ) l = We(o, Math.min(++l, s), r), h = n({ rowIndex: i, colIndex: l });
+      for (; !h && l < s; ) l = Fe(o, Math.min(++l, s), r), h = n({ rowIndex: i, colIndex: l });
       return l;
     }
     case w.Left: {
-      l = We(o, Math.max(l - 1, s), r);
+      l = Fe(o, Math.max(l - 1, s), r);
       let h = n({ rowIndex: i, colIndex: l });
-      for (; !h && l > s; ) l = We(o, Math.max(--l, s), r), h = n({ rowIndex: i, colIndex: l });
+      for (; !h && l > s; ) l = Fe(o, Math.max(--l, s), r), h = n({ rowIndex: i, colIndex: l });
       return l;
     }
     default:
@@ -409,27 +409,27 @@ const yr = ({ gridRef: t, gridMainRef: n, orientation: o = Ht.Row, headerCount:
   let { rowIndex: i, colIndex: l } = t;
   switch (r) {
     case w.Down: {
-      i = We(o, Math.min(i + 1, s), r);
+      i = Fe(o, Math.min(i + 1, s), r);
       let h = n?.({ rowIndex: i, colIndex: l });
-      for (; h && i < s; ) i = We(o, Math.min(++i, s), r), h = n?.({ rowIndex: i, colIndex: l });
+      for (; h && i < s; ) i = Fe(o, Math.min(++i, s), r), h = n?.({ rowIndex: i, colIndex: l });
       return n?.({ rowIndex: i, colIndex: l }) ? i : i - 1;
     }
     case w.Up: {
-      i = We(o, Math.max(i - 1, s), r);
+      i = Fe(o, Math.max(i - 1, s), r);
       let h = n?.({ rowIndex: i, colIndex: l });
-      for (; h && i > s; ) i = We(o, Math.max(--i, s), r), h = n?.({ rowIndex: i, colIndex: l });
+      for (; h && i > s; ) i = Fe(o, Math.max(--i, s), r), h = n?.({ rowIndex: i, colIndex: l });
       return n?.({ rowIndex: i, colIndex: l }) ? i : i + 1;
     }
     case w.Right: {
-      l = We(o, Math.min(l + 1, s), r);
+      l = Fe(o, Math.min(l + 1, s), r);
       let h = n?.({ rowIndex: i, colIndex: l });
-      for (; h && l < s; ) l = We(o, Math.min(++l, s), r), h = n?.({ rowIndex: i, colIndex: l });
+      for (; h && l < s; ) l = Fe(o, Math.min(++l, s), r), h = n?.({ rowIndex: i, colIndex: l });
       return n?.({ rowIndex: i, colIndex: l }) ? l : l - 1;
     }
     case w.Left: {
-      l = We(o, Math.max(l - 1, s), r);
+      l = Fe(o, Math.max(l - 1, s), r);
       let h = n?.({ rowIndex: i, colIndex: l });
-      for (; h && l > s; ) l = We(o, Math.max(--l, s), r), h = n?.({ rowIndex: i, colIndex: l });
+      for (; h && l > s; ) l = Fe(o, Math.max(--l, s), r), h = n?.({ rowIndex: i, colIndex: l });
       return n?.({ rowIndex: i, colIndex: l }) ? l : l + 1;
     }
     default:
@@ -453,16 +453,16 @@ const yr = ({ gridRef: t, gridMainRef: n, orientation: o = Ht.Row, headerCount:
   let l = { ...t.cell }, h = t.rangeIndex;
   switch (n) {
     case w.Right:
-      l.colIndex = We(c, l.colIndex + 1, n);
+      l.colIndex = Fe(c, l.colIndex + 1, n);
       break;
     case w.Left:
-      l.colIndex = We(c, l.colIndex - 1, n);
+      l.colIndex = Fe(c, l.colIndex - 1, n);
       break;
     case w.Down:
-      l.rowIndex = We(r, l.rowIndex + 1, n);
+      l.rowIndex = Fe(r, l.rowIndex + 1, n);
       break;
     case w.Up:
-      l.rowIndex = We(r, l.rowIndex - 1, n);
+      l.rowIndex = Fe(r, l.rowIndex - 1, n);
   }
   const O = (R) => {
     if (R) {
@@ -483,16 +483,16 @@ const yr = ({ gridRef: t, gridMainRef: n, orientation: o = Ht.Row, headerCount:
     let R = l.rowIndex, $ = l.colIndex;
     switch (n) {
       case w.Right:
-        $ > i.colEnd && (R = We(r, R + 1, n), $ = i.colStart, R > i.rowEnd && (R = i.rowStart));
+        $ > i.colEnd && (R = Fe(r, R + 1, n), $ = i.colStart, R > i.rowEnd && (R = i.rowStart));
         break;
       case w.Left:
-        $ < i.colStart && (R = We(r, R - 1, n), $ = i.colEnd, R < i.rowStart && (R = i.rowEnd));
+        $ < i.colStart && (R = Fe(r, R - 1, n), $ = i.colEnd, R < i.rowStart && (R = i.rowEnd));
         break;
       case w.Down:
-        R > i.rowEnd && ($ = We(c, $ + 1, n), R = i.rowStart, $ > i.colEnd && ($ = i.colStart));
+        R > i.rowEnd && ($ = Fe(c, $ + 1, n), R = i.rowStart, $ > i.colEnd && ($ = i.colStart));
         break;
       case w.Up:
-        R < i.rowStart && ($ = We(c, $ - 1, n), R = i.rowEnd, $ < i.colStart && ($ = i.colEnd));
+        R < i.rowStart && ($ = Fe(c, $ - 1, n), R = i.rowEnd, $ < i.colStart && ($ = i.colEnd));
     }
     l = { rowIndex: R, colIndex: $ };
   }
@@ -501,7 +501,7 @@ const yr = ({ gridRef: t, gridMainRef: n, orientation: o = Ht.Row, headerCount:
     const R = V.intersectRanges(z, i);
     R && (z = R);
   }
-  let M = { rowStart: We(r, z.rowStart, w.Down), colStart: We(c, z.colStart, w.Right), rowEnd: We(r, z.rowEnd, w.Up), colEnd: We(c, z.colEnd, w.Left) };
+  let M = { rowStart: Fe(r, z.rowStart, w.Down), colStart: Fe(c, z.colStart, w.Right), rowEnd: Fe(r, z.rowEnd, w.Up), colEnd: Fe(c, z.colEnd, w.Left) };
   if (M.rowStart !== l.rowIndex || M.colStart !== l.colIndex) {
     switch (n) {
       case w.Right:
@@ -551,28 +551,28 @@ const yr = ({ gridRef: t, gridMainRef: n, orientation: o = Ht.Row, headerCount:
   if (t < r || t > r + o.width) return !1;
   const c = o.y;
   return !(n < c || n > c + o.height);
-}, jn = (t, n = !0) => `M ${_.boundPixel(t.left)} ${_.boundPixel(t.top)} L ${_.boundPixel(t.right, !0)} ${_.boundPixel(t.top)} L ${_.boundPixel(t.right, !0)} ${_.boundPixel(t.bottom, !0)} L ${_.boundPixel(t.left)} ${_.boundPixel(t.bottom, !0)} L ${_.boundPixel(t.left)} ${_.boundPixel(t.top)} ${n ? "Z" : ""}`, ao = (t) => {
+}, jn = (t, n = !0) => `M ${Q.boundPixel(t.left)} ${Q.boundPixel(t.top)} L ${Q.boundPixel(t.right, !0)} ${Q.boundPixel(t.top)} L ${Q.boundPixel(t.right, !0)} ${Q.boundPixel(t.bottom, !0)} L ${Q.boundPixel(t.left)} ${Q.boundPixel(t.bottom, !0)} L ${Q.boundPixel(t.left)} ${Q.boundPixel(t.top)} ${n ? "Z" : ""}`, ao = (t) => {
   const { linePoints: n, bounds: o, pathProps: r, style: c, ...s } = t;
-  return Ee("svg", { width: `${_.boundPixel(o.width, !0)}`, height: `${_.boundPixel(o.height, !0)}`, viewBox: `0 0 ${_.boundPixel(o.width, !0)} ${_.boundPixel(o.height, !0)}`, style: { position: "absolute", left: `${_.boundPixel(o.x)}px`, top: `${_.boundPixel(o.y)}px`, width: `${_.boundPixel(o.width, !0)}px`, height: `${_.boundPixel(o.height, !0)}px`, pointerEvents: "none", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top, width, height", willChange: "left, top, width, height, stroke-dashoffset", ...c }, ...s, children: Ee("path", { d: `M ${_.boundPixel(n[0])} ${_.boundPixel(n[1])} L ${_.boundPixel(n[2])} ${_.boundPixel(n[3])}`, fill: "none", vectorEffect: "non-scaling-stroke", stroke: "black", ...r }) });
+  return Ce("svg", { width: `${Q.boundPixel(o.width, !0)}`, height: `${Q.boundPixel(o.height, !0)}`, viewBox: `0 0 ${Q.boundPixel(o.width, !0)} ${Q.boundPixel(o.height, !0)}`, style: { position: "absolute", left: `${Q.boundPixel(o.x)}px`, top: `${Q.boundPixel(o.y)}px`, width: `${Q.boundPixel(o.width, !0)}px`, height: `${Q.boundPixel(o.height, !0)}px`, pointerEvents: "none", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top, width, height", willChange: "left, top, width, height, stroke-dashoffset", ...c }, ...s, children: Ce("path", { d: `M ${Q.boundPixel(n[0])} ${Q.boundPixel(n[1])} L ${Q.boundPixel(n[2])} ${Q.boundPixel(n[3])}`, fill: "none", vectorEffect: "non-scaling-stroke", stroke: "black", ...r }) });
 }, _o = (t) => {
-  const { x: n = 0, y: o = 0, width: r = 0, height: c = 0, fill: s, stroke: i, strokeWidth: l = 0, strokeDasharray: h, strokeDashoffset: O, clipPath: z, pathBounds: M, pathProps: R, style: $, ...Y } = t, j = o, ee = n, Re = r, J = c;
+  const { x: n = 0, y: o = 0, width: r = 0, height: c = 0, fill: s, stroke: i, strokeWidth: l = 0, strokeDasharray: h, strokeDashoffset: O, clipPath: z, pathBounds: M, pathProps: R, style: $, ...Y } = t, q = o, _ = n, Ie = r, Z = c;
   let k = null;
   if (s) {
-    let U = jn({ top: 0, left: 0, bottom: J, right: Re });
-    M && (U = U + " " + jn({ top: M.y - j, left: M.x - ee, bottom: M.height + M.y - j, right: M.width + M.x - ee })), k = [Ee("path", { d: U, fill: s, stroke: "none", fillRule: "evenodd" }, "fill")];
+    let U = jn({ top: 0, left: 0, bottom: Z, right: Ie });
+    M && (U = U + " " + jn({ top: M.y - q, left: M.x - _, bottom: M.height + M.y - q, right: M.width + M.x - _ })), k = [Ce("path", { d: U, fill: s, stroke: "none", fillRule: "evenodd" }, "fill")];
   }
-  return _t("svg", { width: `${_.boundPixel(r, !0)}`, height: `${_.boundPixel(c, !0)}`, viewBox: `0 0 ${_.boundPixel(r, !0)} ${_.boundPixel(c, !0)}`, preserveAspectRatio: "none", style: { position: "absolute", left: `${_.boundPixel(n)}px`, top: `${_.boundPixel(o)}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", ...$ }, ...Y, children: [k, Ee("path", { d: jn({ top: 0, left: 0, right: Re, bottom: J }), fill: "none", strokeDasharray: h, strokeDashoffset: O, stroke: i, vectorEffect: "non-scaling-stroke", strokeWidth: l, ...R })] });
+  return _t("svg", { width: `${Q.boundPixel(r, !0)}`, height: `${Q.boundPixel(c, !0)}`, viewBox: `0 0 ${Q.boundPixel(r, !0)} ${Q.boundPixel(c, !0)}`, preserveAspectRatio: "none", style: { position: "absolute", left: `${Q.boundPixel(n)}px`, top: `${Q.boundPixel(o)}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", ...$ }, ...Y, children: [k, Ce("path", { d: jn({ top: 0, left: 0, right: Ie, bottom: Z }), fill: "none", strokeDasharray: h, strokeDashoffset: O, stroke: i, vectorEffect: "non-scaling-stroke", strokeWidth: l, ...R })] });
 }, er = (t) => {
   const { key: n, ...o } = t;
-  return Ee(bo, { ...o }, n);
+  return Ce(bo, { ...o }, n);
 }, bo = Kt((t) => {
   const { stroke: n, fill: o, x: r = 0, y: c = 0, width: s = 0, height: i = 0, style: l, isAnimatedStroke: h, animatedStrokeProps: O, range: z, cell: M, ...R } = t, $ = h || !!O, Y = { name: "walking-offset", dashGap: 2, speed: 50, dashLength: 8, ...O };
-  let j = Y.dashGap + Y.dashLength;
-  const ee = Y.speed * j, Re = Oo().replaceAll(":", ""), J = `${Y.name}-${Re}`;
+  let q = Y.dashGap + Y.dashLength;
+  const _ = Y.speed * q, Ie = Oo().replaceAll(":", ""), Z = `${Y.name}-${Ie}`;
   let k;
-  return gt(() => {
+  return wt(() => {
     if (!$) return;
-    const U = `@keyframes ${J} {
+    const U = `@keyframes ${Z} {
       to {
         stroke-dashoffset: 0px;
       }
@@ -580,7 +580,7 @@ const yr = ({ gridRef: t, gridMainRef: n, orientation: o = Ht.Row, headerCount:
     return he.appendChild(document.createTextNode(U)), document.head.appendChild(he), he.sheet.insertRule(U, 0), () => {
       document.head.removeChild(he);
     };
-  }, [$]), $ && (k = { strokeDasharray: `${Y.dashLength}px ${Y.dashGap}px`, strokeDashoffset: `${j}px`, animation: `${J} ${ee}ms linear infinite`, willChange: "stroke-dashoffset" }), Ee(_o, { x: r, y: c, width: s, height: i, stroke: n, fill: o, shapeRendering: "crispEdges", style: { ...k, ...l }, ...R });
+  }, [$]), $ && (k = { strokeDasharray: `${Y.dashLength}px ${Y.dashGap}px`, strokeDashoffset: `${q}px`, animation: `${Z} ${_}ms linear infinite`, willChange: "stroke-dashoffset" }), Ce(_o, { x: r, y: c, width: s, height: i, stroke: n, fill: o, shapeRendering: "crispEdges", style: { ...k, ...l }, ...R });
 });
 function Co(t) {
   var n, o, r = "";
@@ -599,21 +599,21 @@ bo.displayName = "Selection";
 const Io = Kt(tn((t, n) => {
   const { x: o = 0, y: r = 0, borderWidth: c = 1, size: s = 6, borderStroke: i, corner: l, style: h, className: O, background: z, ...M } = t;
   if (o === 0 || r === 0) return null;
-  let R = !0, $ = !0, Y = !0, j = !0;
+  let R = !0, $ = !0, Y = !0, q = !0;
   switch (l) {
     case "tl":
       R = !1, $ = !1;
       break;
     case "bl":
-      R = !1, j = !1;
+      R = !1, q = !1;
       break;
     case "br":
-      Y = !1, j = !1;
+      Y = !1, q = !1;
       break;
     case "tr":
       $ = !1, Y = !1;
   }
-  return Ee("div", { className: rn("fill-handle", O), style: { position: "absolute", left: o - (s + (R ? c : 0)) / 2, top: r - (s + ($ ? c : 0)) / 2, width: s, height: s, borderLeft: R ? `${c}px ${i}` : void 0, borderTop: $ ? `${c}px ${i}` : void 0, borderRight: Y ? `${c}px ${i}` : void 0, borderBottom: j ? `${c}px ${i}` : void 0, background: z, cursor: "crosshair", pointerEvents: "all", transitionDuration: "0ms", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top", willChange: "left, top", ...h }, tabIndex: -1, ...M });
+  return Ce("div", { className: rn("fill-handle", O), style: { position: "absolute", left: o - (s + (R ? c : 0)) / 2, top: r - (s + ($ ? c : 0)) / 2, width: s, height: s, borderLeft: R ? `${c}px ${i}` : void 0, borderTop: $ ? `${c}px ${i}` : void 0, borderRight: Y ? `${c}px ${i}` : void 0, borderBottom: q ? `${c}px ${i}` : void 0, background: z, cursor: "crosshair", pointerEvents: "all", transitionDuration: "0ms", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top", willChange: "left, top", ...h }, tabIndex: -1, ...M });
 }));
 function qn(t, n) {
   if (typeof t == "function") return t(n);
@@ -636,31 +636,31 @@ var tr = parseInt(Lo.split(".")[0], 10) >= 19 ? function(t) {
     for (const o of t) qn(o, n);
   };
 };
-const nr = _.detectIt().supportsTouchEvents, Zn = Kt(tn((t, n) => {
-  const { range: o, view: r, anchor: c, borderStroke: s = "rgb(33, 115, 70)", background: i = "white", borderWidth: l = 1.5, size: h = 22, style: O, className: z, selectionTouchPointerHandler: M, onTouchSelectStart: R, onTouchSelectEnd: $, currentTouchAnchor: Y, scrollableElement: j, scrollableRoot: ee, ...Re } = t;
+const nr = Q.detectIt().supportsTouchEvents, Zn = Kt(tn((t, n) => {
+  const { range: o, view: r, anchor: c, borderStroke: s = "rgb(33, 115, 70)", background: i = "white", borderWidth: l = 1.5, size: h = 22, style: O, className: z, selectionTouchPointerHandler: M, onTouchSelectStart: R, onTouchSelectEnd: $, currentTouchAnchor: Y, scrollableElement: q, scrollableRoot: _, ...Ie } = t;
   if (!nr) return null;
-  const J = T(R, [R]), k = T($, [$]), { bounds: U, coordsPivot: he, key: P } = Ve(() => {
+  const Z = T(R, [R]), k = T($, [$]), { bounds: U, coordsPivot: he, key: P } = Ae(() => {
     if (!o || !r) return null;
-    let Ce = null, Q = null;
+    let be = null, J = null;
     switch (c) {
       case "tl":
-        Ce = { colIndex: o.colEnd, rowIndex: o.rowEnd }, Q = { colIndex: o.colStart, rowIndex: o.rowStart };
+        be = { colIndex: o.colEnd, rowIndex: o.rowEnd }, J = { colIndex: o.colStart, rowIndex: o.rowStart };
         break;
       case "br":
-        Ce = { colIndex: o.colStart, rowIndex: o.rowStart }, Q = { colIndex: o.colEnd, rowIndex: o.rowEnd };
+        be = { colIndex: o.colStart, rowIndex: o.rowStart }, J = { colIndex: o.colEnd, rowIndex: o.rowEnd };
         break;
       case "t":
       case "l":
-        Ce = { colIndex: o.colEnd, rowIndex: o.rowEnd };
+        be = { colIndex: o.colEnd, rowIndex: o.rowEnd };
         break;
       case "b":
-        Ce = { colIndex: o.colStart, rowIndex: o.rowStart };
+        be = { colIndex: o.colStart, rowIndex: o.rowStart };
         break;
       case "r":
-        Ce = { colIndex: o.colStart, rowIndex: o.rowEnd };
+        be = { colIndex: o.colStart, rowIndex: o.rowEnd };
     }
-    let L = r.getRangeCoordsBounds(Q ? { rowStart: Q.rowIndex, colStart: Q.colIndex, rowEnd: Q.rowIndex, colEnd: Q.colIndex } : o);
-    const X = r.getBounds(), kt = r.getViewportSize(), bt = X.x, wt = X.y, ut = kt.width, ge = kt.height;
+    let L = r.getRangeCoordsBounds(J ? { rowStart: J.rowIndex, colStart: J.colIndex, rowEnd: J.rowIndex, colEnd: J.colIndex } : o);
+    const X = r.getBounds(), Pt = r.getViewportSize(), Et = X.x, xt = X.y, ht = Pt.width, ge = Pt.height;
     switch (c) {
       case "tl":
         break;
@@ -668,36 +668,36 @@ const nr = _.detectIt().supportsTouchEvents, Zn = Kt(tn((t, n) => {
         L.x = L.x + L.width, L.y = L.y + L.height;
         break;
       case "t":
-        L.x = ut / 2 - bt;
+        L.x = ht / 2 - Et;
         break;
       case "b":
-        L.x = ut / 2 - bt, L.y = L.y + L.height;
+        L.x = ht / 2 - Et, L.y = L.y + L.height;
         break;
       case "l":
-        L.y = ge / 2 - wt;
+        L.y = ge / 2 - xt;
         break;
       case "r":
-        L.x = L.x + L.width, L.y = ge / 2 - wt;
+        L.x = L.x + L.width, L.y = ge / 2 - xt;
     }
     const Wt = r.toClipBounds(L, 0);
-    return !Wt || Wt.width <= 0 || Wt.height <= 0 || L.x < 0 || L.y < 0 || L.x > ut || L.y > ge ? { bounds: null, coordsAnchor: null, coordsPivot: null, key: null } : { bounds: L, coordsAnchor: null, coordsPivot: Ce, key: "touchSelect-" + r.getAnchor() + "-" + c };
-  }, [o, r, c]), ie = le(null), Ue = Ve(() => {
-    const Ce = (Q) => c === "t" || c === "b" ? { ...Q, colIndex: void 0 } : c === "l" || c === "r" ? { ...Q, rowIndex: void 0 } : Q;
-    return { processTouch: !0, consumeTouch: !0, onPointerDown: (Q, L) => {
-      const X = Ce(r.getCellCoordsFromClient(Q.clientX, Q.clientY));
-      return ie.current = { coordsPivot: he }, J?.(c), M.onSelectionPointerDown(Q, L, r, X, he, !1, !0);
-    }, onPointerMoveOrWait: (Q, L, X) => {
-      const kt = Ce(r.getCellCoordsFromClient(Q.clientX, Q.clientY));
-      return M.onSelectionPointerMoveOrWait(Q, L, X, r, kt, ie.current?.coordsPivot, !0, !0);
-    }, onPointerUp: (Q, L, X) => (ie.current = null, k?.(c), M.onPointerUp(Q, L, X)) };
-  }, [M, o, r, c]), Oe = un(Ue), [He, { y: fe, x: be }] = Xo(), A = le(null), { getPortalContainer: p, isFullscreen: je } = go(), [Ye, ne] = dt(null);
-  return gt(() => {
-    const Ce = A.current?.getBoundingClientRect();
-    if (!Ce || !U) return void ne(null);
-    let Q = 0, L = 0, X = j;
-    for (; X; ) Q += X.scrollLeft, L += X.scrollTop, X = ee && X === ee.parentElement ? null : X.parentElement;
-    ne(po(Ee("div", { className: rn("touch-select-handle", z), ref: n, style: { position: "absolute", left: Q + (Ce?.x ?? 0) - (h + l) / 2, top: L + (Ce?.y ?? 0) - (h + l) / 2, width: h, height: h, borderWidth: `${l}px`, border: s, borderRadius: "50%", background: i, boxShadow: `0 0 0 1.5px ${i}`, cursor: "grab", pointerEvents: "all", opacity: Y ? 0 : 1, transitionDuration: "160ms", transitionProperty: "opacity", ...O }, tabIndex: -1, onPointerDown: Oe, ...Re }), ee ?? p(), P));
-  }, [fe, be, U?.x, U?.y, U?.width, U?.height, z, Y, i, h, l, s, j, je]), U ? _t(Qn, { children: [Ee("div", { ref: tr([He, A]), style: { position: "absolute", left: U.x, top: U.y, opacity: 0 } }), Ye] }) : null;
+    return !Wt || Wt.width <= 0 || Wt.height <= 0 || L.x < 0 || L.y < 0 || L.x > ht || L.y > ge ? { bounds: null, coordsAnchor: null, coordsPivot: null, key: null } : { bounds: L, coordsAnchor: null, coordsPivot: be, key: "touchSelect-" + r.getAnchor() + "-" + c };
+  }, [o, r, c]), ce = ie(null), Ve = Ae(() => {
+    const be = (J) => c === "t" || c === "b" ? { ...J, colIndex: void 0 } : c === "l" || c === "r" ? { ...J, rowIndex: void 0 } : J;
+    return { processTouch: !0, consumeTouch: !0, onPointerDown: (J, L) => {
+      const X = be(r.getCellCoordsFromClient(J.clientX, J.clientY));
+      return ce.current = { coordsPivot: he }, Z?.(c), M.onSelectionPointerDown(J, L, r, X, he, !1, !0);
+    }, onPointerMoveOrWait: (J, L, X) => {
+      const Pt = be(r.getCellCoordsFromClient(J.clientX, J.clientY));
+      return M.onSelectionPointerMoveOrWait(J, L, X, r, Pt, ce.current?.coordsPivot, !0, !0);
+    }, onPointerUp: (J, L, X) => (ce.current = null, k?.(c), M.onPointerUp(J, L, X)) };
+  }, [M, o, r, c]), Pe = un(Ve), [We, { y: fe, x: ye }] = Xo(), A = ie(null), { getPortalContainer: p, isFullscreen: Ne } = go(), [Xe, te] = ut(null);
+  return wt(() => {
+    const be = A.current?.getBoundingClientRect();
+    if (!be || !U) return void te(null);
+    let J = 0, L = 0, X = q;
+    for (; X; ) J += X.scrollLeft, L += X.scrollTop, X = _ && X === _.parentElement ? null : X.parentElement;
+    te(po(Ce("div", { className: rn("touch-select-handle", z), ref: n, style: { position: "absolute", left: J + (be?.x ?? 0) - (h + l) / 2, top: L + (be?.y ?? 0) - (h + l) / 2, width: h, height: h, borderWidth: `${l}px`, border: s, borderRadius: "50%", background: i, boxShadow: `0 0 0 1.5px ${i}`, cursor: "grab", pointerEvents: "all", opacity: Y ? 0 : 1, transitionDuration: "160ms", transitionProperty: "opacity", ...O }, tabIndex: -1, onPointerDown: Pe, ...Ie }), _ ?? p(), P));
+  }, [fe, ye, U?.x, U?.y, U?.width, U?.height, z, Y, i, h, l, s, q, Ne]), U ? _t(Qn, { children: [Ce("div", { ref: tr([We, A]), style: { position: "absolute", left: U.x, top: U.y, opacity: 0 } }), Xe] }) : null;
 }));
 Zn.displayName = "TouchSelectHandle";
 const Vt = -10, or = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), Eo = Object.freeze({ colIndex: 0, rowIndex: 0 }), Jn = Object.freeze([]), $t = (t) => {
@@ -706,23 +706,23 @@ const Vt = -10, or = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
   return n.rangeIndex = t?.rangeIndex ?? n.ranges.length - 1, n.cell = t?.cell, !n.cell && n.ranges.length > 0 && (n.cell = { rowIndex: n.ranges[n.rangeIndex].rowStart, colIndex: n.ranges[n.rangeIndex].colStart }), n.cell || (n.cell = Eo), V.isEqualSelectionCoords(n, t) ? t : n;
 }, Dn = (t, n, o) => {
   const r = t.getVisibleRangeCoords(), c = t.getScrollOrientation();
-  !c.horizontal && (n.colIndex > r.colEnd || n.colIndex < r.colStart) && (n = { ...n, colIndex: n.colIndex > r.colEnd ? r.colEnd + 1 : r.colEnd - 1 }, t = o.current.getViewFromLocation(et.Center)), !c.vertical && (n.rowIndex > r.rowEnd || n.rowIndex < r.rowStart) && (n = { ...n, rowIndex: n.rowIndex > r.rowEnd ? r.rowEnd + 1 : r.rowEnd - 1 }, t = o.current.getViewFromLocation(et.Center)), t.scrollCellCoordsIntoView(n);
-}, rr = () => !1, br = ({ gridRef: t, commands: n, layout: o, selection: r, onSelectionChange: c, onSelectionDragStart: s, onSelectionDragEnd: i, selectionPolicy: l = "multiple", newSelectionMode: h = "clear", allowDeselectSelection: O = !0, onFillPreview: z, onFillCancel: M, onFillDone: R, onFill: $, disableFillDrag: Y = !$, fillHandleBorderColor: j = "white", hiddenRowsAt: ee, hiddenColumnsAt: Re, isContentfulCell: J, contentfulCellFinder: k = Jo, getDataCoords: U, alwaysScrollToActiveCoords: he = !1, selectionBounds: P, pointerDownInterceptor: ie, pointerMoveInterceptor: Ue, mergedRanges: Oe, canSelectionSpanMergedCells: He = rr, onMoveDragStart: fe, onMoveDragUpdate: be, onMoveDragEnd: A, onMoveDragDone: p, selectionRenderer: je = er, disableMoveDrag: Ye = !A, getCellCoordsAsRangeCoords: ne = V.cellToRange, moveDragHitSize: Ce = 6, moveDragOutlineSize: Q = 4, selectionBackgroundColor: L = "rgba(16, 124, 65, 0.1)", selectionBorderColor: X = "rgb(33, 115, 70)", selectionRemoveBorderColor: kt = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: bt = "rgba(250, 10, 10, 0.1)", disableTouchSelection: wt = !1, touchSelectHandleProps: ut }) => {
-  const ge = W(() => ({ top: P?.top ?? 0, left: P?.left ?? 0, bottom: t.current?.rowCount - 1 || 0, right: t.current?.columnCount - 1 || 0 }), []), Wt = T($, [$]), D = T(z, [z]), b = T(M, [M]), Pe = T(R, [R]), oe = T(J, [J]), xe = T(je, [je]), Ne = T((e, a = !1) => On(e, a, o.getRowOffset, a ? ge().bottom : ge().top), [o?.getRowOffset]), rt = T(ee ?? Ne, [ee]), Rt = T((e, a = !1) => On(e, a, o.getColOffset, a ? ge().right : ge().left), [o?.getColOffset]), lt = T(Re ?? Rt, [Re]), [jt, xt] = dt(() => $t(r)), v = Ve(() => $t(jt), [jt]), re = le(v), Ke = le(!0);
+  !c.horizontal && (n.colIndex > r.colEnd || n.colIndex < r.colStart) && (n = { ...n, colIndex: n.colIndex > r.colEnd ? r.colEnd + 1 : r.colEnd - 1 }, t = o.current.getViewFromLocation(_e.Center)), !c.vertical && (n.rowIndex > r.rowEnd || n.rowIndex < r.rowStart) && (n = { ...n, rowIndex: n.rowIndex > r.rowEnd ? r.rowEnd + 1 : r.rowEnd - 1 }, t = o.current.getViewFromLocation(_e.Center)), t.scrollCellCoordsIntoView(n);
+}, rr = () => !1, br = ({ gridRef: t, commands: n, layout: o, selection: r, onSelectionChange: c, onSelectionDragStart: s, onSelectionDragEnd: i, selectionPolicy: l = "multiple", newSelectionMode: h = "clear", allowDeselectSelection: O = !0, onFillPreview: z, onFillCancel: M, onFillDone: R, onFill: $, disableFillDrag: Y = !$, fillHandleBorderColor: q = "white", hiddenRowsAt: _, hiddenColumnsAt: Ie, isContentfulCell: Z, contentfulCellFinder: k = Jo, getDataCoords: U, alwaysScrollToActiveCoords: he = !1, selectionBounds: P, pointerDownInterceptor: ce, pointerMoveInterceptor: Ve, mergedRanges: Pe, canSelectionSpanMergedCells: We = rr, onMoveDragStart: fe, onMoveDragUpdate: ye, onMoveDragEnd: A, onMoveDragDone: p, selectionRenderer: Ne = er, disableMoveDrag: Xe = !A, getCellCoordsAsRangeCoords: te = V.cellToRange, moveDragHitSize: be = 6, moveDragOutlineSize: J = 4, selectionBackgroundColor: L = "rgba(16, 124, 65, 0.1)", selectionBorderColor: X = "rgb(33, 115, 70)", selectionRemoveBorderColor: Pt = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: Et = "rgba(250, 10, 10, 0.1)", disableTouchSelection: xt = !1, touchSelectHandleProps: ht }) => {
+  const ge = W(() => ({ top: P?.top ?? 0, left: P?.left ?? 0, bottom: t.current?.rowCount - 1 || 0, right: t.current?.columnCount - 1 || 0 }), []), Wt = T($, [$]), D = T(z, [z]), b = T(M, [M]), Me = T(R, [R]), oe = T(Z, [Z]), pe = T(Ne, [Ne]), Ue = T((e, a = !1) => On(e, a, o.getRowOffset, a ? ge().bottom : ge().top), [o?.getRowOffset]), lt = T(_ ?? Ue, [_]), Mt = T((e, a = !1) => On(e, a, o.getColOffset, a ? ge().right : ge().left), [o?.getColOffset]), it = T(Ie ?? Mt, [Ie]), [jt, pt] = ut(() => $t(r)), v = Ae(() => $t(jt), [jt]), re = ie(v), He = ie(!0);
   en(Nt.throttle(() => {
-    xt((e) => {
-      Ke.current = !0;
+    pt((e) => {
+      He.current = !0;
       const a = $t(r);
       return V.isEqualSelectionCoords(a, e) ? e : a;
     });
   }, 0), [r]), en(() => {
     re.current = v;
-  }, [v]), gt(() => {
-    Ke.current || !c || V.isEqualSelectionCoords(r, v) || c(v);
+  }, [v]), wt(() => {
+    He.current || !c || V.isEqualSelectionCoords(r, v) || c(v);
   }, [v]);
-  const ht = W((e) => {
-    xt((a) => {
-      Ke.current = !1, a = $t(a);
+  const ft = W((e) => {
+    pt((a) => {
+      He.current = !1, a = $t(a);
       let u = typeof e == "function" ? e(a.ranges) : e ?? Jn;
       if (V.isEqualRangesArrays(u, a.ranges)) return a;
       let d = Math.max(u.length ? 0 : -1, Math.min(a.rangeIndex, u.length - 1)), g = a.cell;
@@ -731,9 +731,9 @@ const Vt = -10, or = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       return V.isEqualSelectionCoords(E, a) ? a : E;
     });
   }, []), Qe = T((e) => {
-    xt((a) => {
-      Ke.current = !1, a = $t(a);
-      const u = e ?? Eo, d = ne(u);
+    pt((a) => {
+      He.current = !1, a = $t(a);
+      const u = e ?? Eo, d = te(u);
       if (!V.isSingleCell(d) && a.ranges.length === 0) return { ranges: [d], rangeIndex: 0, cell: u };
       if (V.isEqualCells(u, a.cell)) return a;
       let g = a.ranges, E = a.rangeIndex;
@@ -741,119 +741,119 @@ const Vt = -10, or = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       const x = { ranges: g, rangeIndex: E, cell: u };
       return V.isEqualSelectionCoords(x, a) ? a : x;
     });
-  }, [ne]), [ln, Zt] = dt(null), [Pt, hn] = dt(null), Gt = le(null), [ze, Ut] = dt(null), mt = le(null), Bt = le(null), [vn, cn] = dt(null), Xe = le(null), qe = le(null), nn = le(Oe);
-  gt(() => {
-    nn.current = Oe;
-  }, [Oe]);
-  const vt = T((e, a = { inline: "nearest", block: "nearest" }) => {
+  }, [te]), [ln, Zt] = ut(null), [Dt, hn] = ut(null), Gt = ie(null), [De, Ut] = ut(null), St = ie(null), Bt = ie(null), [vn, cn] = ut(null), Ge = ie(null), Ke = ie(null), nn = ie(Pe);
+  wt(() => {
+    nn.current = Pe;
+  }, [Pe]);
+  const yt = T((e, a = { inline: "nearest", block: "nearest" }) => {
     let { rowIndex: u, colIndex: d } = e;
     u === void 0 && v?.cell && (u = v.cell.rowIndex), d === void 0 && v?.cell && (d = v.cell.colIndex), u !== void 0 && d !== void 0 && t.current?.scrollCellCoordsIntoView({ rowIndex: u, colIndex: d }, a);
   }, [v]), qt = W((e) => {
     const a = ge();
     return e.rowIndex < a.top || e.colIndex < a.left || e.colIndex > a.right || e.rowIndex > a.bottom;
-  }, []), De = T((e, a) => {
+  }, []), ke = T((e, a) => {
     if (!t?.current) return null;
     const u = { rowStart: Math.min(e.rowIndex, a.rowIndex), colStart: Math.min(e.colIndex, a.colIndex), rowEnd: Math.max(e.rowIndex, a.rowIndex), colEnd: Math.max(e.colIndex, a.colIndex) };
-    if (He?.(u)) return u;
-    const g = ne(e), E = ne(a), x = { rowStart: Math.min(g.rowStart, E.rowStart), colStart: Math.min(g.colStart, E.colStart), rowEnd: Math.max(g.rowEnd, E.rowEnd), colEnd: Math.max(g.colEnd, E.colEnd) };
-    let Z;
-    return typeof nn.current == "function" ? Z = nn.current(x) : Oe && (Z = Oe), Z ? V.extendRangeToUnionRanges(x, Z) : x;
-  }, [He, ne]), Ge = T((e, a, u) => {
+    if (We?.(u)) return u;
+    const g = te(e), E = te(a), x = { rowStart: Math.min(g.rowStart, E.rowStart), colStart: Math.min(g.colStart, E.colStart), rowEnd: Math.max(g.rowEnd, E.rowEnd), colEnd: Math.max(g.colEnd, E.colEnd) };
+    let G;
+    return typeof nn.current == "function" ? G = nn.current(x) : Pe && (G = Pe), G ? V.extendRangeToUnionRanges(x, G) : x;
+  }, [We, te]), Ze = T((e, a, u) => {
     const d = e.ranges.length > 0 ? e.ranges[e.rangeIndex] : { rowStart: e.cell.rowIndex, colStart: e.cell.colIndex, rowEnd: e.cell.rowIndex, colEnd: e.cell.colIndex }, g = { rowStart: Math.min(a.rowIndex ?? d.rowStart, u.rowIndex ?? d.rowStart), colStart: Math.min(a.colIndex ?? d.colStart, u.colIndex ?? d.colStart), rowEnd: Math.max(a.rowIndex ?? d.rowEnd, u.rowIndex ?? d.rowEnd), colEnd: Math.max(a.colIndex ?? d.colEnd, u.colIndex ?? d.colEnd) }, E = { rowIndex: g.rowStart, colIndex: g.colStart }, x = { rowIndex: g.rowEnd, colIndex: g.colEnd };
     if (!(qt(E) || qt(x)))
-      return De(E, x);
-  }, [De]), ft = T((e, a, u) => {
+      return ke(E, x);
+  }, [ke]), gt = T((e, a, u) => {
     if (l === "single" || !re.current) return;
-    const d = Ge(re.current, e, a ?? re.current.cell);
+    const d = Ze(re.current, e, a ?? re.current.cell);
     if (!d) return;
     const g = re.current.rangeIndex;
-    ht((E) => E.length ? E.map((x, Z) => g === Z ? d : x) : [d]), u && d && Qe({ colIndex: d.colStart, rowIndex: d.rowStart });
-  }, []), Ct = W((e, a, u) => {
+    ft((E) => E.length ? E.map((x, G) => g === G ? d : x) : [d]), u && d && Qe({ colIndex: d.colStart, rowIndex: d.rowStart });
+  }, []), Rt = W((e, a, u) => {
     if (!re.current) return;
     e = { ...re.current?.cell, ...e }, a = a ?? e;
-    const d = Ge(re.current, e, a);
+    const d = Ze(re.current, e, a);
     if (!d) return;
     const g = { rowIndex: d.rowStart, colIndex: d.colStart }, E = { ...g, ...u };
-    h === "clear" ? (Xe.current = E, Jt()) : h === "modify" ? ft(g) : Me(g), Qe(E);
-  }, []), Me = W((e, a = e, u) => {
-    l !== "multiple" || !e || qt(e) || qt(a) || xt((d) => {
-      Ke.current = !1, d = $t(d);
-      const g = De(e, a);
+    h === "clear" ? (Ge.current = E, Jt()) : h === "modify" ? gt(g) : Ee(g), Qe(E);
+  }, []), Ee = W((e, a = e, u) => {
+    l !== "multiple" || !e || qt(e) || qt(a) || pt((d) => {
+      He.current = !1, d = $t(d);
+      const g = ke(e, a);
       if (!g) return d;
-      let E = d.ranges.length > 0 ? [...d.ranges] : [De(d.cell, d.cell)];
+      let E = d.ranges.length > 0 ? [...d.ranges] : [ke(d.cell, d.cell)];
       E.push(g);
       const x = { ranges: E, cell: { rowIndex: g.rowStart, colIndex: g.colStart, ...u }, rangeIndex: E.length - 1 };
       return V.isEqualSelectionCoords(x, d) ? d : x;
     });
   }, []), Jt = () => {
-    ht(Jn);
-  }, Ot = _.detectIt().primaryInput === "touch", nt = le(null), Mt = le(null), Dt = le(null), sn = Ve(() => ({ onPointerDown: (e) => {
+    ft(Jn);
+  }, zt = Q.detectIt().primaryInput === "touch", ot = ie(null), kt = ie(null), Tt = ie(null), sn = Ae(() => ({ onPointerDown: (e) => {
     if (!t || !t.current) return !1;
     const a = e.nativeEvent, u = t.current.getViewFromClient(a.clientX, a.clientY);
-    if (a.pointerType === "touch" || a.type === "touchstart") return Mt.current = { topLeft: u.getScrollTopLeft(), point: { x: a.clientX, y: a.clientY } }, !0;
+    if (a.pointerType === "touch" || a.type === "touchstart") return kt.current = { topLeft: u.getScrollTopLeft(), point: { x: a.clientX, y: a.clientY } }, !0;
     const d = u.getCellCoordsFromClient(e.nativeEvent.clientX, e.nativeEvent.clientY);
     if (!d) return !1;
-    nt.current = { anchor: u.getAnchor(), coords: d }, qe.current = null;
+    ot.current = { anchor: u.getAnchor(), coords: d }, Ke.current = null;
     const g = e.nativeEvent.which === Xn.Right;
     if (g && V.indexOfCoords(d, v.ranges) !== -1)
       return !1;
-    const E = e.nativeEvent.shiftKey, x = e.nativeEvent.ctrlKey || e.nativeEvent.metaKey, Z = x, F = O, H = v.ranges.length > 0, te = x && F;
-    if (ie?.(e, d, v) === !1) return !1;
+    const E = e.nativeEvent.shiftKey, x = e.nativeEvent.ctrlKey || e.nativeEvent.metaKey, G = x, F = O, N = v.ranges.length > 0, ee = x && F;
+    if (ce?.(e, d, v) === !1) return !1;
     s?.(re.current, e.nativeEvent);
-    const ye = !g && l !== "single";
-    if (E) return ft(d), ye;
-    const K = V.isEqualCells(d, v.cell);
-    if (Z) {
-      if (K && (!te || !H)) return ye;
+    const Se = !g && l !== "single";
+    if (E) return gt(d), Se;
+    const j = V.isEqualCells(d, v.cell);
+    if (G) {
+      if (j && (!ee || !N)) return Se;
       if (x && V.indexOfCoords(d, v.ranges) !== -1 && F) {
-        mt.current = d;
-        const N = De(d, d);
-        return Bt.current = N, Ut(N), ye;
+        St.current = d;
+        const K = ke(d, d);
+        return Bt.current = K, Ut(K), Se;
       }
-      return Me(d), ye;
+      return Ee(d), Se;
     }
-    he && vt(d), K && v.ranges.length === 0 || Ct(d);
+    he && yt(d), j && v.ranges.length === 0 || Rt(d);
   }, onPointerMoveOrWait: Nt.throttle((e, a) => {
-    if (!t?.current || e.pointerType === "touch" || e.type === "touchmove" || !nt.current) return;
-    const u = nt.current.anchor;
+    if (!t?.current || e.pointerType === "touch" || e.type === "touchmove" || !ot.current) return;
+    const u = ot.current.anchor;
     let d = t.current.getViewFromLocation(u), g = d.getCellCoordsFromClient(e.clientX, e.clientY);
-    if (!V.isEqualCells(g, nt.current?.coords) && (nt.current = { anchor: u, coords: g }, g && Ue?.(e, g, re.current) !== !1)) {
-      if (mt.current) {
-        const E = { rowStart: Math.min(g.rowIndex, mt.current.rowIndex), colStart: Math.min(g.colIndex, mt.current.colIndex), rowEnd: Math.max(g.rowIndex, mt.current.rowIndex), colEnd: Math.max(g.colIndex, mt.current.colIndex) }, x = { rowIndex: E.rowStart, colIndex: E.colStart }, Z = { rowIndex: E.rowEnd, colIndex: E.colEnd };
-        if (qt(x) || qt(Z)) return;
-        const F = De(x, Z);
+    if (!V.isEqualCells(g, ot.current?.coords) && (ot.current = { anchor: u, coords: g }, g && Ve?.(e, g, re.current) !== !1)) {
+      if (St.current) {
+        const E = { rowStart: Math.min(g.rowIndex, St.current.rowIndex), colStart: Math.min(g.colIndex, St.current.colIndex), rowEnd: Math.max(g.rowIndex, St.current.rowIndex), colEnd: Math.max(g.colIndex, St.current.colIndex) }, x = { rowIndex: E.rowStart, colIndex: E.colStart }, G = { rowIndex: E.rowEnd, colIndex: E.colEnd };
+        if (qt(x) || qt(G)) return;
+        const F = ke(x, G);
         Bt.current = F, Ut(F);
-      } else ft(g);
-      Dt.current = a, Dn(d, g, t);
+      } else gt(g);
+      Tt.current = a, Dn(d, g, t);
     }
   }, 60), onPointerUp: (e) => {
-    if (nt.current = null, e.pointerType === "touch" || e.type === "touchend") {
-      if (Mt.current) {
-        const u = t.current.getViewFromClient(Mt.current.point.x, Mt.current.point.y), d = u.getScrollTopLeft();
-        if (d.left === Mt.current.topLeft.left && d.top === Mt.current.topLeft.top) {
-          const g = u.getCellCoordsFromClient(Mt.current.point.x, Mt.current.point.y);
-          Ct(g);
+    if (ot.current = null, e.pointerType === "touch" || e.type === "touchend") {
+      if (kt.current) {
+        const u = t.current.getViewFromClient(kt.current.point.x, kt.current.point.y), d = u.getScrollTopLeft();
+        if (d.left === kt.current.topLeft.left && d.top === kt.current.topLeft.top) {
+          const g = u.getCellCoordsFromClient(kt.current.point.x, kt.current.point.y);
+          Rt(g);
         }
       }
-      return Mt.current = null, void (nt.current = null);
+      return kt.current = null, void (ot.current = null);
     }
     try {
       i?.(re.current, e);
     } catch (u) {
       console.warn(u);
     }
-    if (!mt.current) return;
+    if (!St.current) return;
     const a = Bt.current;
-    mt.current = null, Bt.current = null, Ut(null), xt((u) => {
-      if (Ke.current = !1, (u = $t(u)).ranges.length === 0) return u;
+    St.current = null, Bt.current = null, Ut(null), pt((u) => {
+      if (He.current = !1, (u = $t(u)).ranges.length === 0) return u;
       let d = [], g = -1, E = u.cell;
-      for (let Z = 0; Z < u.ranges.length; Z++) {
-        const F = u.ranges[Z];
+      for (let G = 0; G < u.ranges.length; G++) {
+        const F = u.ranges[G];
         if (V.isRangesIntersect(F, a)) {
-          const H = Nt.subtractRect({ top: F.rowStart, left: F.colStart, bottom: F.rowEnd + 1, right: F.colEnd + 1 }, { top: a.rowStart, left: a.colStart, bottom: a.rowEnd + 1, right: a.colEnd + 1 });
-          for (let te = 0; te < H.length; te++) {
-            const ye = { rowStart: H[te].top, colStart: H[te].left, rowEnd: H[te].bottom - 1, colEnd: H[te].right - 1 };
-            d.push(ye), V.isCellWithinRange(u.cell, ye) && (g = d.length - 1);
+          const N = Nt.subtractRect({ top: F.rowStart, left: F.colStart, bottom: F.rowEnd + 1, right: F.colEnd + 1 }, { top: a.rowStart, left: a.colStart, bottom: a.rowEnd + 1, right: a.colEnd + 1 });
+          for (let ee = 0; ee < N.length; ee++) {
+            const Se = { rowStart: N[ee].top, colStart: N[ee].left, rowEnd: N[ee].bottom - 1, colEnd: N[ee].right - 1 };
+            d.push(Se), V.isCellWithinRange(u.cell, Se) && (g = d.length - 1);
           }
         } else d.push(F);
         d.length > 0 && g === -1 && V.isCellWithinRange(u.cell, F) && (g = d.length - 1, E = { rowIndex: d[d.length - 1].rowStart, colIndex: d[d.length - 1].colStart });
@@ -861,63 +861,63 @@ const Vt = -10, or = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       const x = { cell: E, rangeIndex: g, ranges: d };
       return V.isEqualSelectionCoords(x, u) ? u : x;
     });
-  }, processTouch: !0, consumeTouch: !1 }), [v, l, O, he, h]), Ln = T(un(sn), []), $n = Ve(() => ({ onSelectionPointerDown: (e, a, u, d, g = v.cell, E = he, x = e.nativeEvent.shiftKey, Z = !1) => {
+  }, processTouch: !0, consumeTouch: !1 }), [v, l, O, he, h]), Ln = T(un(sn), []), $n = Ae(() => ({ onSelectionPointerDown: (e, a, u, d, g = v.cell, E = he, x = e.nativeEvent.shiftKey, G = !1) => {
     if (!t || !t.current) return !1;
     e.stopPropagation(), e.preventDefault(), e.nativeEvent.stopImmediatePropagation();
-    const F = u ?? t.current.getViewFromClient(e.nativeEvent.clientX, e.nativeEvent.clientY), H = d ?? F.getCellCoordsFromClient(e.nativeEvent.clientX, e.nativeEvent.clientY);
-    if (!H) return !1;
-    nt.current = { anchor: F.getAnchor(), coords: H }, qe.current = null;
-    const te = e.nativeEvent.which === Xn.Right;
-    if (te && V.indexOfCoords(H, v.ranges) !== -1)
+    const F = u ?? t.current.getViewFromClient(e.nativeEvent.clientX, e.nativeEvent.clientY), N = d ?? F.getCellCoordsFromClient(e.nativeEvent.clientX, e.nativeEvent.clientY);
+    if (!N) return !1;
+    ot.current = { anchor: F.getAnchor(), coords: N }, Ke.current = null;
+    const ee = e.nativeEvent.which === Xn.Right;
+    if (ee && V.indexOfCoords(N, v.ranges) !== -1)
       return !1;
-    const ye = e.nativeEvent.ctrlKey || e.nativeEvent.metaKey, K = ye, N = O, at = v.ranges.length > 0, I = ye && N;
-    if (ie?.(e, H, v) === !1) return !1;
+    const Se = e.nativeEvent.ctrlKey || e.nativeEvent.metaKey, j = Se, K = O, dt = v.ranges.length > 0, I = Se && K;
+    if (ce?.(e, N, v) === !1) return !1;
     s?.(re.current, e.nativeEvent);
-    const pe = !te && l !== "single";
-    if (x) return ft(H, g, Z), pe;
-    const yt = V.isEqualCells(H, g);
-    if (K) {
-      if (yt && (!I || !at)) return pe;
-      if (I && V.indexOfCoords(H, v.ranges) !== -1 && N) {
-        mt.current = H;
-        const we = De(H, H);
-        return Bt.current = we, Ut(we), pe;
+    const ve = !ee && l !== "single";
+    if (x) return gt(N, g, G), ve;
+    const It = V.isEqualCells(N, g);
+    if (j) {
+      if (It && (!I || !dt)) return ve;
+      if (I && V.indexOfCoords(N, v.ranges) !== -1 && K) {
+        St.current = N;
+        const xe = ke(N, N);
+        return Bt.current = xe, Ut(xe), ve;
       }
-      return Me(H), pe;
+      return Ee(N), ve;
     }
-    E && vt(H), yt && v.ranges.length === 0 || Ct(H);
-  }, onSelectionPointerMoveOrWait: (e, a, u, d, g, E = v.cell, x = !0, Z = !1) => {
-    if (!t?.current || (e.stopPropagation(), e.preventDefault(), e.stopImmediatePropagation(), !nt.current)) return;
-    const F = nt.current.anchor;
-    let H = d ?? t.current.getViewFromLocation(F), te = g ?? H.getCellCoordsFromClient(e.clientX, e.clientY);
-    if (!V.isEqualCells(te, nt.current?.coords) && (nt.current = { anchor: F, coords: te }, te && Ue?.(e, te, re.current) !== !1)) {
-      if (mt.current) {
-        const ye = { rowStart: Math.min(te.rowIndex, mt.current.rowIndex), colStart: Math.min(te.colIndex, mt.current.colIndex), rowEnd: Math.max(te.rowIndex, mt.current.rowIndex), colEnd: Math.max(te.colIndex, mt.current.colIndex) }, K = { rowIndex: ye.rowStart, colIndex: ye.colStart }, N = { rowIndex: ye.rowEnd, colIndex: ye.colEnd };
-        if (qt(K) || qt(N)) return;
-        const at = De(K, N);
-        Bt.current = at, Ut(at);
-      } else ft(te, E, Z);
-      x && Dn(H, te, t);
+    E && yt(N), It && v.ranges.length === 0 || Rt(N);
+  }, onSelectionPointerMoveOrWait: (e, a, u, d, g, E = v.cell, x = !0, G = !1) => {
+    if (!t?.current || (e.stopPropagation(), e.preventDefault(), e.stopImmediatePropagation(), !ot.current)) return;
+    const F = ot.current.anchor;
+    let N = d ?? t.current.getViewFromLocation(F), ee = g ?? N.getCellCoordsFromClient(e.clientX, e.clientY);
+    if (!V.isEqualCells(ee, ot.current?.coords) && (ot.current = { anchor: F, coords: ee }, ee && Ve?.(e, ee, re.current) !== !1)) {
+      if (St.current) {
+        const Se = { rowStart: Math.min(ee.rowIndex, St.current.rowIndex), colStart: Math.min(ee.colIndex, St.current.colIndex), rowEnd: Math.max(ee.rowIndex, St.current.rowIndex), colEnd: Math.max(ee.colIndex, St.current.colIndex) }, j = { rowIndex: Se.rowStart, colIndex: Se.colStart }, K = { rowIndex: Se.rowEnd, colIndex: Se.colEnd };
+        if (qt(j) || qt(K)) return;
+        const dt = ke(j, K);
+        Bt.current = dt, Ut(dt);
+      } else gt(ee, E, G);
+      x && Dn(N, ee, t);
     }
   }, onPointerUp: (e) => {
-    nt.current = null, e.stopPropagation(), e.preventDefault(), e.stopImmediatePropagation();
+    ot.current = null, e.stopPropagation(), e.preventDefault(), e.stopImmediatePropagation();
     try {
       i?.(re.current, e);
     } catch (u) {
       console.warn(u);
     }
-    if (!mt.current) return;
+    if (!St.current) return;
     const a = Bt.current;
-    mt.current = null, Bt.current = null, Ut(null), xt((u) => {
-      if (Ke.current = !1, (u = $t(u)).ranges.length === 0) return u;
+    St.current = null, Bt.current = null, Ut(null), pt((u) => {
+      if (He.current = !1, (u = $t(u)).ranges.length === 0) return u;
       let d = [], g = -1, E = u.cell;
-      for (let Z = 0; Z < u.ranges.length; Z++) {
-        const F = u.ranges[Z];
+      for (let G = 0; G < u.ranges.length; G++) {
+        const F = u.ranges[G];
         if (V.isRangesIntersect(F, a)) {
-          const H = Nt.subtractRect({ top: F.rowStart, left: F.colStart, bottom: F.rowEnd + 1, right: F.colEnd + 1 }, { top: a.rowStart, left: a.colStart, bottom: a.rowEnd + 1, right: a.colEnd + 1 });
-          for (let te = 0; te < H.length; te++) {
-            const ye = { rowStart: H[te].top, colStart: H[te].left, rowEnd: H[te].bottom - 1, colEnd: H[te].right - 1 };
-            d.push(ye), V.isCellWithinRange(u.cell, ye) && (g = d.length - 1);
+          const N = Nt.subtractRect({ top: F.rowStart, left: F.colStart, bottom: F.rowEnd + 1, right: F.colEnd + 1 }, { top: a.rowStart, left: a.colStart, bottom: a.rowEnd + 1, right: a.colEnd + 1 });
+          for (let ee = 0; ee < N.length; ee++) {
+            const Se = { rowStart: N[ee].top, colStart: N[ee].left, rowEnd: N[ee].bottom - 1, colEnd: N[ee].right - 1 };
+            d.push(Se), V.isCellWithinRange(u.cell, Se) && (g = d.length - 1);
           }
         } else d.push(F);
         d.length > 0 && g === -1 && V.isCellWithinRange(u.cell, F) && (g = d.length - 1, E = { rowIndex: d[d.length - 1].rowStart, colIndex: d[d.length - 1].colStart });
@@ -925,165 +925,165 @@ const Vt = -10, or = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       const x = { cell: E, rangeIndex: g, ranges: d };
       return V.isEqualSelectionCoords(x, u) ? u : x;
     });
-  } }), [v, l, O, he, h]), ot = T((e, a = !1, u = !1, d = 0) => {
+  } }), [v, l, O, he, h]), rt = T((e, a = !1, u = !1, d = 0) => {
     if (!t.current || !v.cell) return;
     let g = v.cell, E = v.cell;
     if (a && v.ranges.length > 0) {
-      const I = v.ranges[v.rangeIndex], pe = v.cell;
+      const I = v.ranges[v.rangeIndex], ve = v.cell;
       switch (e) {
         case w.Up:
-          E = { rowIndex: pe.rowIndex === I.rowStart ? I.rowEnd : I.rowStart, colIndex: I.colEnd }, g = { rowIndex: pe.rowIndex === I.rowStart ? I.rowStart : I.rowEnd, colIndex: I.colStart };
+          E = { rowIndex: ve.rowIndex === I.rowStart ? I.rowEnd : I.rowStart, colIndex: I.colEnd }, g = { rowIndex: ve.rowIndex === I.rowStart ? I.rowStart : I.rowEnd, colIndex: I.colStart };
           break;
         case w.Down:
-          E = { rowIndex: pe.rowIndex === I.rowEnd ? I.rowStart : I.rowEnd, colIndex: I.colEnd }, g = { rowIndex: pe.rowIndex === I.rowEnd ? I.rowEnd : I.rowStart, colIndex: I.colStart };
+          E = { rowIndex: ve.rowIndex === I.rowEnd ? I.rowStart : I.rowEnd, colIndex: I.colEnd }, g = { rowIndex: ve.rowIndex === I.rowEnd ? I.rowEnd : I.rowStart, colIndex: I.colStart };
           break;
         case w.Left:
-          E = { rowIndex: I.rowEnd, colIndex: pe.colIndex === I.colStart ? I.colEnd : I.colStart }, g = { rowIndex: I.rowStart, colIndex: pe.colIndex === I.colStart ? I.colStart : I.colEnd };
+          E = { rowIndex: I.rowEnd, colIndex: ve.colIndex === I.colStart ? I.colEnd : I.colStart }, g = { rowIndex: I.rowStart, colIndex: ve.colIndex === I.colStart ? I.colStart : I.colEnd };
           break;
         case w.Right:
-          E = { rowIndex: I.rowEnd, colIndex: pe.colIndex === I.colEnd ? I.colStart : I.colEnd }, g = { rowIndex: I.rowStart, colIndex: pe.colIndex === I.colEnd ? I.colEnd : I.colStart };
+          E = { rowIndex: I.rowEnd, colIndex: ve.colIndex === I.colEnd ? I.colStart : I.colEnd }, g = { rowIndex: I.rowStart, colIndex: ve.colIndex === I.colEnd ? I.colEnd : I.colStart };
       }
     }
-    const x = ne(E);
-    let { rowStart: Z, colStart: F } = x;
-    const H = ge();
-    if (qe.current) switch (e) {
+    const x = te(E);
+    let { rowStart: G, colStart: F } = x;
+    const N = ge();
+    if (Ke.current) switch (e) {
       case w.Up:
       case w.Down:
-        qe.current.colIndex >= x.colStart && qe.current.colIndex <= x.colEnd && (F = qe.current.colIndex);
+        Ke.current.colIndex >= x.colStart && Ke.current.colIndex <= x.colEnd && (F = Ke.current.colIndex);
         break;
       case w.Left:
       case w.Right:
-        qe.current.rowIndex >= x.rowStart && qe.current.rowIndex <= x.rowEnd && (Z = qe.current.rowIndex);
+        Ke.current.rowIndex >= x.rowStart && Ke.current.rowIndex <= x.rowEnd && (G = Ke.current.rowIndex);
     }
     if (!d) {
       switch (e) {
         case w.Up:
-          Z = We(rt, Math.max(x.rowStart - 1, H.top), e);
+          G = Fe(lt, Math.max(x.rowStart - 1, N.top), e);
           break;
         case w.Down:
-          Z = We(rt, Math.min(x.rowEnd + 1, H.bottom), e);
+          G = Fe(lt, Math.min(x.rowEnd + 1, N.bottom), e);
           break;
         case w.Left:
-          F = We(lt, Math.max(x.colStart - 1, H.left), e);
+          F = Fe(it, Math.max(x.colStart - 1, N.left), e);
           break;
         case w.Right:
-          F = We(lt, Math.min(x.colEnd + 1, H.right), e);
+          F = Fe(it, Math.min(x.colEnd + 1, N.right), e);
       }
       if (u) switch (e) {
         case w.Up:
-          Z = k({ ...E, colIndex: v.cell.colIndex }, oe, rt, e, !1, Math.max(H.top, rt(H.top, !1)));
+          G = k({ ...E, colIndex: v.cell.colIndex }, oe, lt, e, !1, Math.max(N.top, lt(N.top, !1)));
           break;
         case w.Down:
-          Z = k({ ...E, colIndex: v.cell.colIndex }, oe, rt, e, !1, Math.min(H.bottom, H.bottom - rt(H.bottom, !0)));
+          G = k({ ...E, colIndex: v.cell.colIndex }, oe, lt, e, !1, Math.min(N.bottom, N.bottom - lt(N.bottom, !0)));
           break;
         case w.Left:
-          F = k({ ...E, rowIndex: v.cell.rowIndex }, oe, lt, e, !1, Math.max(H.left, lt(H.left, !1)));
+          F = k({ ...E, rowIndex: v.cell.rowIndex }, oe, it, e, !1, Math.max(N.left, it(N.left, !1)));
           break;
         case w.Right:
-          F = k({ ...E, rowIndex: v.cell.rowIndex }, oe, lt, e, !1, Math.min(H.right, H.right - lt(H.right, !0)));
+          F = k({ ...E, rowIndex: v.cell.rowIndex }, oe, it, e, !1, Math.min(N.right, N.right - it(N.right, !0)));
       }
     }
-    let te = null;
+    let ee = null;
     if (d) {
       let I = 0;
       switch (e) {
         case w.Up:
-          I = o.getRowOffset(Z + 1), Z = Math.max(H.top, o.getRowIndex(I - d)), te = { top: o.getRowOffset(Z + 1) - (I - t.current.getScrollPosition().top) };
+          I = o.getRowOffset(G + 1), G = Math.max(N.top, o.getRowIndex(I - d)), ee = { top: o.getRowOffset(G + 1) - (I - t.current.getScrollPosition().top) };
           break;
         case w.Down:
-          I = o.getRowOffset(Z), Z = Math.min(H.bottom, o.getRowIndex(I + d)), te = { top: o.getRowOffset(Z) - (I - t.current.getScrollPosition().top) };
+          I = o.getRowOffset(G), G = Math.min(N.bottom, o.getRowIndex(I + d)), ee = { top: o.getRowOffset(G) - (I - t.current.getScrollPosition().top) };
           break;
         case w.Left:
-          I = o.getColOffset(F + 1), F = Math.max(H.left, o.getColIndex(I - d)), te = { left: o.getColOffset(F + 1) - (I - t.current.getScrollPosition().left) };
+          I = o.getColOffset(F + 1), F = Math.max(N.left, o.getColIndex(I - d)), ee = { left: o.getColOffset(F + 1) - (I - t.current.getScrollPosition().left) };
           break;
         case w.Right:
-          I = o.getColOffset(F), F = Math.min(H.right, o.getColIndex(I + d)), te = { left: o.getColOffset(F) - (I - t.current.getScrollPosition().left) };
+          I = o.getColOffset(F), F = Math.min(N.right, o.getColIndex(I + d)), ee = { left: o.getColOffset(F) - (I - t.current.getScrollPosition().left) };
       }
     }
-    const ye = { rowIndex: Z, colIndex: F }, K = ne(ye), N = { rowIndex: K.rowStart, colIndex: K.colStart };
-    a || (qe.current = ye);
-    const at = V.isEqualCells(Xe.current, N) && V.isEqualCells(Xe.current, g);
-    if (a && !at ? ft(N, g) : Ct(N), te) t.current.scrollTo(te);
+    const Se = { rowIndex: G, colIndex: F }, j = te(Se), K = { rowIndex: j.rowStart, colIndex: j.colStart };
+    a || (Ke.current = Se);
+    const dt = V.isEqualCells(Ge.current, K) && V.isEqualCells(Ge.current, g);
+    if (a && !dt ? gt(K, g) : Rt(K), ee) t.current.scrollTo(ee);
     else {
-      if (a && Xe.current) {
+      if (a && Ge.current) {
         const I = ge();
-        if (e === w.Right && Xe.current.colIndex === I.left || e === w.Left && Xe.current.colIndex === I.right || e === w.Up && Xe.current.rowIndex === I.bottom || e === w.Down && Xe.current.rowIndex === I.top) return;
+        if (e === w.Right && Ge.current.colIndex === I.left || e === w.Left && Ge.current.colIndex === I.right || e === w.Up && Ge.current.rowIndex === I.bottom || e === w.Down && Ge.current.rowIndex === I.top) return;
       }
-      e === w.Left || e === w.Right ? vt({ colIndex: ye.colIndex }) : e !== w.Up && e !== w.Down || vt({ rowIndex: ye.rowIndex });
+      e === w.Left || e === w.Right ? yt({ colIndex: Se.colIndex }) : e !== w.Up && e !== w.Down || yt({ rowIndex: Se.rowIndex });
     }
-  }, [v, ne]), Yt = T((e) => {
+  }, [v, te]), Yt = T((e) => {
     if (!t.current) return;
-    if (v.ranges.length === 0) return void ot(e);
-    const a = ne(v.cell);
-    if (V.isEqualRangesArrays([a], v.ranges)) return void ot(e);
-    const u = Gn(v, e, ne, rt, lt);
-    xt((d) => {
-      Ke.current = !1, d = $t(d);
+    if (v.ranges.length === 0) return void rt(e);
+    const a = te(v.cell);
+    if (V.isEqualRangesArrays([a], v.ranges)) return void rt(e);
+    const u = Gn(v, e, te, lt, it);
+    pt((d) => {
+      He.current = !1, d = $t(d);
       const g = { ...d, cell: u.cell, rangeIndex: u.rangeIndex };
       return V.isEqualSelectionCoords(g, d) ? d : g;
-    }), u.cell && vt(u.cell);
-  }, [v, ne]), Bn = W(() => {
+    }), u.cell && yt(u.cell);
+  }, [v, te]), Bn = W(() => {
     const e = ge();
-    ft({ rowIndex: e.top }, { rowIndex: e.bottom });
+    gt({ rowIndex: e.top }, { rowIndex: e.bottom });
   }, []), An = W(() => {
     const e = ge();
-    ft({ colIndex: e.left }, { colIndex: e.right });
+    gt({ colIndex: e.left }, { colIndex: e.right });
   }, []), Qt = T(() => {
-    v.cell && t?.current && vt(v.cell);
+    v.cell && t?.current && yt(v.cell);
   }, [v.cell]), Sn = W((e = !1) => {
     const a = { rowIndex: ge().top };
-    e ? ft(a) : Ct(a), vt(a);
+    e ? gt(a) : Rt(a), yt(a);
   }, []), yn = W((e = !1) => {
     const a = { rowIndex: ge().bottom };
-    e ? ft(a) : Ct(a), vt(a);
+    e ? gt(a) : Rt(a), yt(a);
   }, []), fn = W((e = !1) => {
     const a = { colIndex: ge().left };
-    e ? ft(a) : Ct(a), vt(a);
+    e ? gt(a) : Rt(a), yt(a);
   }, []), an = W((e = !1) => {
     const a = ge(), u = { rowIndex: a.top, colIndex: a.left };
-    e ? ft(u) : Ct(u), vt(u);
+    e ? gt(u) : Rt(u), yt(u);
   }, []), gn = W((e = !1) => {
     const a = ge(), u = { colIndex: U?.()?.colEnd ?? a.right };
-    e ? ft(u) : Ct(u), vt(u);
+    e ? gt(u) : Rt(u), yt(u);
   }, [U]), on = W((e = !1) => {
     const a = ge(), u = { rowIndex: U?.()?.rowEnd ?? a.bottom, colIndex: U?.()?.colEnd ?? a.right };
-    e ? ft(u) : Ct(u), vt(u);
+    e ? gt(u) : Rt(u), yt(u);
   }, [U]), wn = T((e) => {
     if (!t.current || v.ranges.length <= 1) return;
     const a = e === w.Left || e === w.Up;
     let u = v.rangeIndex + (a ? -1 : 1);
     u < 0 ? u = v.ranges.length - 1 : u > v.ranges.length - 1 && (u = 0);
-    const d = v.ranges[u], g = Gn({ cell: { rowIndex: d.rowEnd, colIndex: d.colEnd }, rangeIndex: 0, ranges: [d] }, w.Right, ne, rt, lt);
-    xt((E) => {
-      Ke.current = !1, E = $t(E);
+    const d = v.ranges[u], g = Gn({ cell: { rowIndex: d.rowEnd, colIndex: d.colEnd }, rangeIndex: 0, ranges: [d] }, w.Right, te, lt, it);
+    pt((E) => {
+      He.current = !1, E = $t(E);
       const x = { ...E, cell: g.cell, rangeIndex: u };
       return V.isEqualSelectionCoords(x, E) ? E : x;
-    }), g.cell && vt(g.cell);
-  }, [v, ne]), Fn = T(() => {
+    }), g.cell && yt(g.cell);
+  }, [v, te]), Fn = T(() => {
     const e = lo(v);
-    xt((a) => {
-      Ke.current = !1, a = $t(a);
+    pt((a) => {
+      He.current = !1, a = $t(a);
       const u = { ...a, visibleSelection: e };
       return V.isEqualSelectionCoords(u, a) ? a : u;
-    }), e.cell && vt(e.cell);
-  }, [v, ne]), Vn = T(() => {
+    }), e.cell && yt(e.cell);
+  }, [v, te]), Vn = T(() => {
     if (!t.current || v.ranges.length === 0) return;
     const e = v.cell, a = v.ranges[v.rangeIndex], u = lo({ cell: e, rangeIndex: 0, ranges: [a] }), d = u.ranges[u.rangeIndex];
     let g;
-    g = d.rowStart === e.rowIndex && d.colStart === e.colIndex ? { rowIndex: d.rowStart, colIndex: d.colEnd } : d.rowStart === e.rowIndex && d.colEnd === e.colIndex ? { rowIndex: d.rowEnd, colIndex: d.colStart } : d.rowEnd === e.rowIndex && d.colStart === e.colIndex ? { rowIndex: d.rowEnd, colIndex: d.colEnd } : { rowIndex: d.rowStart, colIndex: d.colStart }, xt((E) => {
+    g = d.rowStart === e.rowIndex && d.colStart === e.colIndex ? { rowIndex: d.rowStart, colIndex: d.colEnd } : d.rowStart === e.rowIndex && d.colEnd === e.colIndex ? { rowIndex: d.rowEnd, colIndex: d.colStart } : d.rowEnd === e.rowIndex && d.colStart === e.colIndex ? { rowIndex: d.rowEnd, colIndex: d.colEnd } : { rowIndex: d.rowStart, colIndex: d.colStart }, pt((E) => {
       E = $t(E);
       const x = { ...E, cell: g };
       return V.isEqualSelectionCoords(x, E) ? E : x;
-    }), g && vt(g);
-  }, [v, ne]), bn = W((e = !1) => {
-    ot(w.Down, e, !1, t.current.getDimensions().containerHeight);
+    }), g && yt(g);
+  }, [v, te]), bn = W((e = !1) => {
+    rt(w.Down, e, !1, t.current.getDimensions().containerHeight);
   }, []), At = W((e = !1) => {
-    ot(w.Up, e, !1, t.current.getDimensions().containerHeight);
+    rt(w.Up, e, !1, t.current.getDimensions().containerHeight);
   }, []), Cn = W((e = !1) => {
-    ot(w.Right, e, !1, t.current.getDimensions().containerWidth);
+    rt(w.Right, e, !1, t.current.getDimensions().containerWidth);
   }, []), xn = W((e = !1) => {
-    ot(w.Left, e, !1, t.current.getDimensions().containerWidth);
+    rt(w.Left, e, !1, t.current.getDimensions().containerWidth);
   }, []), In = W(() => {
     Yt(w.Left);
   }, []), En = W(() => {
@@ -1099,684 +1099,684 @@ const Vt = -10, or = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
   }, []), Nn = W(() => {
     Vn();
   }, []), Rn = W(() => {
-    ot(w.Left, !1, !1);
+    rt(w.Left, !1, !1);
   }, []), f = W(() => {
-    ot(w.Left, !0, !1);
+    rt(w.Left, !0, !1);
   }, []), m = W(() => {
-    ot(w.Left, !1, !0);
+    rt(w.Left, !1, !0);
   }, []), C = W(() => {
-    ot(w.Left, !0, !0);
+    rt(w.Left, !0, !0);
   }, []), S = W(() => {
-    ot(w.Right, !1, !1);
+    rt(w.Right, !1, !1);
   }, []), y = W(() => {
-    ot(w.Right, !0, !1);
+    rt(w.Right, !0, !1);
   }, []), B = W(() => {
-    ot(w.Right, !1, !0);
-  }, []), de = W(() => {
-    ot(w.Right, !0, !0);
-  }, []), q = W(() => {
-    ot(w.Up, !1, !1);
-  }, []), ce = W(() => {
-    ot(w.Up, !0, !1);
-  }, []), G = W(() => {
-    ot(w.Up, !1, !0);
-  }, []), Te = W(() => {
-    ot(w.Up, !0, !0);
-  }, []), Ze = W(() => {
-    ot(w.Down, !1, !1);
+    rt(w.Right, !1, !0);
   }, []), me = W(() => {
-    ot(w.Down, !0, !1);
-  }, []), ke = W(() => {
-    ot(w.Down, !1, !0);
-  }, []), Le = W(() => {
-    ot(w.Down, !0, !0);
-  }, []), ve = W(() => {
-    ht((e) => e.slice(0, -1));
-  }, []), It = Ve(() => {
+    rt(w.Right, !0, !0);
+  }, []), le = W(() => {
+    rt(w.Up, !1, !1);
+  }, []), we = W(() => {
+    rt(w.Up, !0, !1);
+  }, []), H = W(() => {
+    rt(w.Up, !1, !0);
+  }, []), Re = W(() => {
+    rt(w.Up, !0, !0);
+  }, []), je = W(() => {
+    rt(w.Down, !1, !1);
+  }, []), $e = W(() => {
+    rt(w.Down, !0, !1);
+  }, []), Je = W(() => {
+    rt(w.Down, !1, !0);
+  }, []), Te = W(() => {
+    rt(w.Down, !0, !0);
+  }, []), de = W(() => {
+    ft((e) => e.slice(0, -1));
+  }, []), ct = Ae(() => {
     const e = ge();
     return ((a, u, d, g, E) => {
       const x = a.length;
-      for (let Z = 0; Z < x; Z++) {
-        const F = a[Z];
+      for (let G = 0; G < x; G++) {
+        const F = a[G];
         if (F.rowStart === u && F.colStart === d && F.rowEnd === g && F.colEnd === E) return !0;
       }
       return !1;
     })(v.ranges, e.top, e.left, e.bottom, e.right);
-  }, [P, v.ranges]), it = W((e, a = !0) => {
-    Xe.current = e, Qe(e), a && e && t?.current && vt(e);
-  }, []), Ae = T((e = !0) => {
+  }, [P, v.ranges]), et = W((e, a = !0) => {
+    Ge.current = e, Qe(e), a && e && t?.current && yt(e);
+  }, []), Be = T((e = !0) => {
     const a = Gt.current;
     if (!re.current?.cell) return;
     const u = re.current?.ranges, d = re.current?.cell;
     if (!d || !a || !a) return;
     let g = null;
-    if (g = u.length > 0 ? u[u.length - 1] : ne(d), g.colEnd >= g.colStart && g.rowEnd >= g.rowStart) {
+    if (g = u.length > 0 ? u[u.length - 1] : te(d), g.colEnd >= g.colStart && g.rowEnd >= g.rowStart) {
       const E = io(g, a);
       let x = e ? Wt : D;
       try {
         x?.(g, a, E.direction);
-      } catch (Z) {
-        console.warn(Z);
+      } catch (G) {
+        console.warn(G);
       } finally {
-        e && Pe?.();
+        e && Me?.();
       }
     }
-  }, [ne]), Ie = le(null), _e = Ve(() => ({ onPointerDown: (e, a) => {
-    if (Dt.current = a, !t || !t.current) return !1;
+  }, [te]), tt = ie(null), bt = Ae(() => ({ onPointerDown: (e, a) => {
+    if (Tt.current = a, !t || !t.current) return !1;
     const u = t.current.getViewFromClient(e.nativeEvent.clientX, e.nativeEvent.clientY), d = u?.getCellCoordsFromClient(e.nativeEvent.clientX, e.nativeEvent.clientY);
-    d && (e.stopPropagation(), Zt("crosshair"), Ie.current = { anchor: u.getAnchor(), coords: d });
+    d && (e.stopPropagation(), Zt("crosshair"), tt.current = { anchor: u.getAnchor(), coords: d });
   }, onPointerMoveOrWait: (e, a) => {
-    if (Y || !t?.current || !re.current || !Ie.current) return;
-    const u = Ie.current.anchor;
+    if (Y || !t?.current || !re.current || !tt.current) return;
+    const u = tt.current.anchor;
     let d = t.current.getViewFromLocation(u), g = d.getCellCoordsFromClient(e.clientX, e.clientY);
     if (!g) return;
-    Ie.current = { anchor: u, coords: g };
+    tt.current = { anchor: u, coords: g };
     const E = re.current.ranges;
-    let x = De(re.current.cell, g);
+    let x = ke(re.current.cell, g);
     if (!x) return;
-    const Z = E.length > 0, F = Z ? E[E.length - 1] : ne(re.current.cell);
+    const G = E.length > 0, F = G ? E[E.length - 1] : te(re.current.cell);
     if (!x) return;
-    const H = x.rowStart < F.rowStart ? w.Up : x.rowEnd > F.rowEnd ? w.Down : x.colEnd > F.colEnd ? w.Right : w.Left, te = ge();
-    H === w.Left && (x = { ...F, colStart: Math.max(te.left, x.colStart) }), H === w.Up && (x = { ...F, rowStart: Math.max(te.top, x.rowStart) }), H === w.Right && (x = { ...F, colEnd: Math.min(te.right, x.colEnd) }), H === w.Down && (x = { ...F, rowEnd: Math.min(te.bottom, x.rowEnd) });
-    const ye = io(F, x);
-    if (!He?.(F)) {
-      let K;
-      typeof nn.current == "function" ? K = nn.current(F) : Oe && (K = Oe), x = ((N, at, I, pe, yt, we) => {
-        const ue = { ...at };
+    const N = x.rowStart < F.rowStart ? w.Up : x.rowEnd > F.rowEnd ? w.Down : x.colEnd > F.colEnd ? w.Right : w.Left, ee = ge();
+    N === w.Left && (x = { ...F, colStart: Math.max(ee.left, x.colStart) }), N === w.Up && (x = { ...F, rowStart: Math.max(ee.top, x.rowStart) }), N === w.Right && (x = { ...F, colEnd: Math.min(ee.right, x.colEnd) }), N === w.Down && (x = { ...F, rowEnd: Math.min(ee.bottom, x.rowEnd) });
+    const Se = io(F, x);
+    if (!We?.(F)) {
+      let j;
+      typeof nn.current == "function" ? j = nn.current(F) : Pe && (j = Pe), x = ((K, dt, I, ve, It, xe) => {
+        const ue = { ...dt };
         if (I.length === 0) return ue;
-        if (yt === w.Left) {
-          const st = N.colEnd + 1 - N.colStart;
-          ue.colStart = N.colStart - Math.ceil(we / st) * st, ue.colStart < pe.left && (ue.colStart = ue.colStart + Math.ceil((pe.left - ue.colStart) / st) * st);
-        } else if (yt === w.Right) {
-          const st = N.colEnd + 1 - N.colStart;
-          ue.colEnd = N.colEnd + Math.ceil(we / st) * st, ue.colEnd > pe.right && (ue.colEnd = ue.colEnd - Math.ceil((pe.right - ue.colEnd) / st) * st);
-        } else if (yt === w.Up) {
-          const st = N.rowEnd + 1 - N.rowStart;
-          ue.rowStart = N.rowStart - Math.ceil(we / st) * st, ue.rowStart < pe.top && (ue.rowStart = ue.rowStart + Math.ceil((pe.top - ue.rowStart) / st) * st);
-        } else if (yt === w.Down) {
-          const st = N.rowEnd + 1 - N.rowStart;
-          ue.rowEnd = N.rowEnd + Math.ceil(we / st) * st, ue.rowEnd > pe.bottom && (ue.rowEnd = ue.rowEnd - Math.ceil((pe.bottom - ue.rowEnd) / st) * st);
+        if (It === w.Left) {
+          const at = K.colEnd + 1 - K.colStart;
+          ue.colStart = K.colStart - Math.ceil(xe / at) * at, ue.colStart < ve.left && (ue.colStart = ue.colStart + Math.ceil((ve.left - ue.colStart) / at) * at);
+        } else if (It === w.Right) {
+          const at = K.colEnd + 1 - K.colStart;
+          ue.colEnd = K.colEnd + Math.ceil(xe / at) * at, ue.colEnd > ve.right && (ue.colEnd = ue.colEnd - Math.ceil((ve.right - ue.colEnd) / at) * at);
+        } else if (It === w.Up) {
+          const at = K.rowEnd + 1 - K.rowStart;
+          ue.rowStart = K.rowStart - Math.ceil(xe / at) * at, ue.rowStart < ve.top && (ue.rowStart = ue.rowStart + Math.ceil((ve.top - ue.rowStart) / at) * at);
+        } else if (It === w.Down) {
+          const at = K.rowEnd + 1 - K.rowStart;
+          ue.rowEnd = K.rowEnd + Math.ceil(xe / at) * at, ue.rowEnd > ve.bottom && (ue.rowEnd = ue.rowEnd - Math.ceil((ve.bottom - ue.rowEnd) / at) * at);
         }
         return ue;
-      })(F, x, K, te, ye.direction, ye.amount);
+      })(F, x, j, ee, Se.direction, Se.amount);
     }
-    if (Z && V.isRangeWithinRange(x, F) && (x = null), !V.isEqualRanges(x, Gt.current)) {
+    if (G && V.isRangeWithinRange(x, F) && (x = null), !V.isEqualRanges(x, Gt.current)) {
       if (hn(x), Gt.current = x, !x) {
         try {
           b?.();
         } catch {
         }
-        return void Pe?.();
+        return void Me?.();
       }
-      Ae(!1);
+      Be(!1);
     }
-    Dt.current = a, Dn(d, g, t);
+    Tt.current = a, Dn(d, g, t);
   }, onPointerUp: (e, a) => {
-    Dt.current = a, Promise.resolve(Ae(!0)).finally(() => {
-      Pe?.(), hn(null), Gt.current = null, Ie.current = null, Zt(null), t.current?.focus();
+    Tt.current = a, Promise.resolve(Be(!0)).finally(() => {
+      Me?.(), hn(null), Gt.current = null, tt.current = null, Zt(null), t.current?.focus();
     });
-  } }), [ne]), Et = un(_e), Se = Ve(() => ({ onPointerDown: Et }), [Et]), [Je, zt] = dt(null), Fe = le(null), tt = Ve(() => ({ onPointerDown: (e, a) => {
-    if (Dt.current = a, !t || !t.current) return !1;
+  } }), [te]), qe = un(bt), ne = Ae(() => ({ onPointerDown: qe }), [qe]), [Ye, mt] = ut(null), Oe = ie(null), nt = Ae(() => ({ onPointerDown: (e, a) => {
+    if (Tt.current = a, !t || !t.current) return !1;
     const u = t.current.getViewFromClient(e.nativeEvent.clientX, e.nativeEvent.clientY), d = u?.getCellCoordsFromClient(e.nativeEvent.clientX, e.nativeEvent.clientY);
     if (!d) return;
-    if (ie?.(e, d, v) === !1) return !1;
+    if (ce?.(e, d, v) === !1) return !1;
     e.stopPropagation(), Zt("default");
-    const g = u.getRelativePointFromClient(0, 0), E = re.current?.ranges[re.current?.ranges.length - 1] ?? V.cellToRange(re.current?.cell), x = u.toClipBounds(u.getRangeCoordsBounds(E)), Z = { x: 0, y: 0 };
-    x.x - g.x > e.nativeEvent.clientX ? Z.x = e.nativeEvent.clientX - (x.x - g.x) : e.nativeEvent.clientX >= x.x - g.x + x.width && (Z.x = Math.max(0, e.nativeEvent.clientX - (x.x - g.x + x.width)) + 1), x.y - g.y > e.nativeEvent.clientY ? Z.y = e.nativeEvent.clientY - (x.y - g.y) : e.nativeEvent.clientY >= x.y - g.y + x.height && (Z.y = Math.max(0, e.nativeEvent.clientY - (x.y - g.y + x.height)) + 1), fe?.(E, e.nativeEvent, a), Fe.current = { range: E, anchor: u.getAnchor(), cell: d, isMoving: !1, extrusion: Z };
+    const g = u.getRelativePointFromClient(0, 0), E = re.current?.ranges[re.current?.ranges.length - 1] ?? V.cellToRange(re.current?.cell), x = u.toClipBounds(u.getRangeCoordsBounds(E)), G = { x: 0, y: 0 };
+    x.x - g.x > e.nativeEvent.clientX ? G.x = e.nativeEvent.clientX - (x.x - g.x) : e.nativeEvent.clientX >= x.x - g.x + x.width && (G.x = Math.max(0, e.nativeEvent.clientX - (x.x - g.x + x.width)) + 1), x.y - g.y > e.nativeEvent.clientY ? G.y = e.nativeEvent.clientY - (x.y - g.y) : e.nativeEvent.clientY >= x.y - g.y + x.height && (G.y = Math.max(0, e.nativeEvent.clientY - (x.y - g.y + x.height)) + 1), fe?.(E, e.nativeEvent, a), Oe.current = { range: E, anchor: u.getAnchor(), cell: d, isMoving: !1, extrusion: G };
   }, onPointerMoveOrWait: (e, a, u) => {
-    if (Ye || !t?.current || !re.current || !Fe.current) return;
+    if (Xe || !t?.current || !re.current || !Oe.current) return;
     const d = e.clientX - u.clientX, g = e.clientY - u.clientY;
-    if (Fe.current.isMoving = Fe.current.isMoving || Math.abs(d) > Math.max(1, 2) || Math.abs(g) > Math.max(1, 2) || performance.now() - u.timeStamp > 500, !Fe.current.isMoving) return;
-    const E = Fe.current.anchor, x = Fe.current.extrusion;
-    let Z = t.current.getViewFromLocation(E), F = Z.getCellCoordsFromClient(e.clientX - x.x, e.clientY - x.y, !0);
+    if (Oe.current.isMoving = Oe.current.isMoving || Math.abs(d) > Math.max(1, 2) || Math.abs(g) > Math.max(1, 2) || performance.now() - u.timeStamp > 500, !Oe.current.isMoving) return;
+    const E = Oe.current.anchor, x = Oe.current.extrusion;
+    let G = t.current.getViewFromLocation(E), F = G.getCellCoordsFromClient(e.clientX - x.x, e.clientY - x.y, !0);
     if (!F) return;
-    const H = Fe.current.cell, te = Fe.current.range, ye = ge(), K = te.colEnd - te.colStart + 1, N = Math.min(Math.max(0, H.colIndex - te.colStart), K - 1), at = Math.min(ye.right - K + 1, Math.max(ye.left, F.colIndex - N)), I = te.rowEnd - te.rowStart + 1, pe = Math.min(Math.max(0, H.rowIndex - te.rowStart), I - 1), yt = Math.min(ye.bottom - I + 1, Math.max(ye.top, F.rowIndex - pe)), we = { colStart: at, colEnd: at + K - 1, rowStart: yt, rowEnd: yt + I - 1 };
-    V.isEqualRanges(Je, we) && !((ue) => !ue || !Dt.current || Dt.current.ctrlKey !== ue.ctrlKey || Dt.current.shiftKey !== ue.shiftKey || Dt.current.altKey !== ue.altKey || Dt.current.metaKey !== ue.metaKey)(e) || (zt(we), be?.(we, e, a)), Dt.current = a, Dn(Z, F, t);
+    const N = Oe.current.cell, ee = Oe.current.range, Se = ge(), j = ee.colEnd - ee.colStart + 1, K = Math.min(Math.max(0, N.colIndex - ee.colStart), j - 1), dt = Math.min(Se.right - j + 1, Math.max(Se.left, F.colIndex - K)), I = ee.rowEnd - ee.rowStart + 1, ve = Math.min(Math.max(0, N.rowIndex - ee.rowStart), I - 1), It = Math.min(Se.bottom - I + 1, Math.max(Se.top, F.rowIndex - ve)), xe = { colStart: dt, colEnd: dt + j - 1, rowStart: It, rowEnd: It + I - 1 };
+    V.isEqualRanges(Ye, xe) && !((ue) => !ue || !Tt.current || Tt.current.ctrlKey !== ue.ctrlKey || Tt.current.shiftKey !== ue.shiftKey || Tt.current.altKey !== ue.altKey || Tt.current.metaKey !== ue.metaKey)(e) || (mt(xe), ye?.(xe, e, a)), Tt.current = a, Dn(G, F, t);
   }, onPointerUp: (e, a) => {
-    Dt.current = a;
+    Tt.current = a;
     const u = () => {
-      zt(null), Fe.current = null, Zt(null), t.current?.focus();
+      mt(null), Oe.current = null, Zt(null), t.current?.focus();
     };
-    if (!Fe.current) return void u();
-    const d = Fe.current.range, g = Je;
+    if (!Oe.current) return void u();
+    const d = Oe.current.range, g = Ye;
     A?.(d, e, a), Promise.resolve(d && g && p?.(d, g, e, a)).finally(() => {
       u();
     });
-  } }), [Je]), Be = un(tt), $e = Ve(() => ({ onPointerDown: Be }), [Be]), pt = le(null), ct = Ve(() => {
-    const e = V.isEqualSelectionCoords(v, pt.current) ? pt.current : v;
-    return pt.current = e, e;
-  }, [v]), St = W((e) => {
+  } }), [Ye]), Le = un(nt), ze = Ae(() => ({ onPointerDown: Le }), [Le]), vt = ie(null), st = Ae(() => {
+    const e = V.isEqualSelectionCoords(v, vt.current) ? vt.current : v;
+    return vt.current = e, e;
+  }, [v]), Ct = W((e) => {
     let a = null, u = "br";
-    const d = [], g = { stroke: j, fill: L, strokeWidth: 0.5 }, E = (K, N, at) => {
-      const I = e.toClipBounds(e.getRangeCoordsBounds(K), Vt);
+    const d = [], g = { stroke: q, fill: L, strokeWidth: 0.5 }, E = (j, K, dt) => {
+      const I = e.toClipBounds(e.getRangeCoordsBounds(j), Vt);
       if (!I) return;
       I.x = I.width > 0 ? I.x : I.x - g.strokeWidth / 2, I.y = I.height > 0 ? I.y : I.y - g.strokeWidth / 2, I.width = Math.max(I.width, g.strokeWidth), I.height = Math.max(I.height, g.strokeWidth);
-      const pe = { key: `selection-fill-${N}`, range: K, ...I, ...g };
-      if (at) {
-        const yt = e.getCellCoordsAsRangeCoords(at);
-        pe.cell = at, pe.pathBounds = e.toClipBounds(e.getRangeCoordsBounds(yt), Vt), pe.pathBounds && (pe.pathBounds.width <= 0 || pe.pathBounds.height <= 0) && (delete pe.pathBounds, delete pe.cell);
+      const ve = { key: `selection-fill-${K}`, range: j, ...I, ...g };
+      if (dt) {
+        const It = e.getCellCoordsAsRangeCoords(dt);
+        ve.cell = dt, ve.pathBounds = e.toClipBounds(e.getRangeCoordsBounds(It), Vt), ve.pathBounds && (ve.pathBounds.width <= 0 || ve.pathBounds.height <= 0) && (delete ve.pathBounds, delete ve.cell);
       }
-      return xe(pe);
+      return pe(ve);
     };
     let x = v ? $t(v) : null;
-    const Z = x?.cell ? e.getCellCoordsAsRangeCoords(x?.cell) : or;
-    !x || x.ranges && x.ranges.length !== 0 || (x = { ranges: [Z], rangeIndex: 0, cell: x.cell });
-    for (let K = 0; x && K < x.ranges.length; K++) {
-      const N = x.ranges[K], at = E(N, K, K === x.rangeIndex ? x.cell : null);
-      at && d.push(at);
-      const I = 2, pe = 0.5, yt = e.toClipBounds(e.getRangeCoordsBounds(N, { top: 0, left: 0, right: 0, bottom: 0 }), Vt);
-      if (yt) {
-        const we = (x.ranges.length, 4);
-        d.push(xe({ range: N, key: `selection-inside-edge-${K}`, x: yt.x - 1, y: yt.y - 1, width: Math.max(yt.width + 1, 0), height: Math.max(yt.height + 1, 0), style: { overflow: "hidden" }, stroke: j, strokeWidth: we }));
+    const G = x?.cell ? e.getCellCoordsAsRangeCoords(x?.cell) : or;
+    !x || x.ranges && x.ranges.length !== 0 || (x = { ranges: [G], rangeIndex: 0, cell: x.cell });
+    for (let j = 0; x && j < x.ranges.length; j++) {
+      const K = x.ranges[j], dt = E(K, j, j === x.rangeIndex ? x.cell : null);
+      dt && d.push(dt);
+      const I = 2, ve = 0.5, It = e.toClipBounds(e.getRangeCoordsBounds(K, { top: 0, left: 0, right: 0, bottom: 0 }), Vt);
+      if (It) {
+        const xe = (x.ranges.length, 4);
+        d.push(pe({ range: K, key: `selection-inside-edge-${j}`, x: It.x - 1, y: It.y - 1, width: Math.max(It.width + 1, 0), height: Math.max(It.height + 1, 0), style: { overflow: "hidden" }, stroke: q, strokeWidth: xe }));
       }
       if (x.ranges.length === 1) {
-        const we = e.toClipBounds(e.getRangeCoordsBounds(N), Vt);
-        if (we) {
-          Ye || d.push(xe({ range: N, key: `move-selection-hit-box-${K}`, x: we.width > 1 ? we.x : we.x - (Ce / 2 + 1), y: we.height > 1 ? we.y : we.y - (Ce / 2 + 1), width: Math.max(we.width + 2, 1), height: Math.max(we.height + 2, 1), stroke: "transparent", style: { boxShadow: "none" }, pathProps: { cursor: Je ? void 0 : "move", pointerEvents: "stroke" }, strokeWidth: Ce, ...$e }));
+        const xe = e.toClipBounds(e.getRangeCoordsBounds(K), Vt);
+        if (xe) {
+          Xe || d.push(pe({ range: K, key: `move-selection-hit-box-${j}`, x: xe.width > 1 ? xe.x : xe.x - (be / 2 + 1), y: xe.height > 1 ? xe.y : xe.y - (be / 2 + 1), width: Math.max(xe.width + 2, 1), height: Math.max(xe.height + 2, 1), stroke: "transparent", style: { boxShadow: "none" }, pathProps: { cursor: Ye ? void 0 : "move", pointerEvents: "stroke" }, strokeWidth: be, ...ze }));
           const ue = I;
-          d.push(xe({ range: N, key: `selection-single-${K}`, x: we.x - ue / 2, y: we.y - ue / 2, width: Math.max(we.width + ue / 2, 1), height: Math.max(we.height + ue / 2, 1), stroke: X, strokeWidth: ue }));
+          d.push(pe({ range: K, key: `selection-single-${j}`, x: xe.x - ue / 2, y: xe.y - ue / 2, width: Math.max(xe.width + ue / 2, 1), height: Math.max(xe.height + ue / 2, 1), stroke: X, strokeWidth: ue }));
         }
       } else {
-        const we = e.toClipBounds(e.getRangeCoordsBounds(N, { top: -1, left: -1, right: -2, bottom: -2 }), Vt);
-        we && d.push(xe({ range: N, key: `selection-multi-${K}`, x: we.width > 1 ? we.x : we.x - pe / 2, y: we.height > 1 ? we.y : we.y - pe / 2, width: Math.max(we.width, pe) + 1, height: Math.max(we.height, pe) + 1, stroke: X, style: { overflow: "hidden" }, strokeWidth: 2 }));
+        const xe = e.toClipBounds(e.getRangeCoordsBounds(K, { top: -1, left: -1, right: -2, bottom: -2 }), Vt);
+        xe && d.push(pe({ range: K, key: `selection-multi-${j}`, x: xe.width > 1 ? xe.x : xe.x - ve / 2, y: xe.height > 1 ? xe.y : xe.y - ve / 2, width: Math.max(xe.width, ve) + 1, height: Math.max(xe.height, ve) + 1, stroke: X, style: { overflow: "hidden" }, strokeWidth: 2 }));
       }
-      if (x.ranges.length > 1 && K === x.rangeIndex) {
-        const we = e.getCellCoordsAsRangeCoords(x.cell), ue = e.toClipBounds(e.getRangeCoordsBounds(we, { top: 1, left: 1, right: -1, bottom: -1 }), Vt);
-        ue && d.push(xe({ range: N, key: `selection-anchor-${K}`, x: ue.x, y: ue.y, width: Math.max(ue.width, pe), height: Math.max(ue.height, pe), stroke: X, style: { overflow: "hidden" }, strokeWidth: 2 }));
+      if (x.ranges.length > 1 && j === x.rangeIndex) {
+        const xe = e.getCellCoordsAsRangeCoords(x.cell), ue = e.toClipBounds(e.getRangeCoordsBounds(xe, { top: 1, left: 1, right: -1, bottom: -1 }), Vt);
+        ue && d.push(pe({ range: K, key: `selection-anchor-${j}`, x: ue.x, y: ue.y, width: Math.max(ue.width, ve), height: Math.max(ue.height, ve), stroke: X, style: { overflow: "hidden" }, strokeWidth: 2 }));
       }
-      if (K === x.ranges.length - 1) {
+      if (j === x.ranges.length - 1) {
         a = null, u = null;
-        const we = N.rowStart === ge().top && N.rowEnd === ge().bottom, ue = N.colStart === ge().left && N.colEnd === ge().right, st = e.getRangeCoordsBounds(N);
+        const xe = K.rowStart === ge().top && K.rowEnd === ge().bottom, ue = K.colStart === ge().left && K.colEnd === ge().right, at = e.getRangeCoordsBounds(K);
         let Ft = null;
-        if (we || ue) {
-          if (Ft = e.toClipBounds(st, Vt), Object.keys(e.allViews()).length > 1) {
-            const Mn = e.getVisibleRangeCoords(), _n = e.allViews()[et.TopLeft], Do = e.allViews()[et.Top], To = e.allViews()[et.Left], kn = e.getAnchor();
-            (ue && (kn === et.Top && _n || kn === et.Center && To || !V.isCellWithinRange({ colIndex: N.colStart, rowIndex: N.rowEnd }, Mn) && !V.isCellWithinRange({ colIndex: N.colStart, rowIndex: N.rowEnd + 1 }, Mn)) || we && (kn === et.Left && _n || kn === et.Center && Do || !V.isCellWithinRange({ colIndex: N.colEnd, rowIndex: N.rowStart }, Mn) && !V.isCellWithinRange({ colIndex: N.colEnd + 1, rowIndex: N.rowStart }, Mn))) && (Ft = null);
+        if (xe || ue) {
+          if (Ft = e.toClipBounds(at, Vt), Object.keys(e.allViews()).length > 1) {
+            const Mn = e.getVisibleRangeCoords(), _n = e.allViews()[_e.TopLeft], Do = e.allViews()[_e.Top], To = e.allViews()[_e.Left], kn = e.getAnchor();
+            (ue && (kn === _e.Top && _n || kn === _e.Center && To || !V.isCellWithinRange({ colIndex: K.colStart, rowIndex: K.rowEnd }, Mn) && !V.isCellWithinRange({ colIndex: K.colStart, rowIndex: K.rowEnd + 1 }, Mn)) || xe && (kn === _e.Left && _n || kn === _e.Center && Do || !V.isCellWithinRange({ colIndex: K.colEnd, rowIndex: K.rowStart }, Mn) && !V.isCellWithinRange({ colIndex: K.colEnd + 1, rowIndex: K.rowStart }, Mn))) && (Ft = null);
           }
-        } else Ft = e.toClipBounds(st, Vt);
+        } else Ft = e.toClipBounds(at, Vt);
         if (!Ft || Ft.width === 0 || Ft.height === 0) continue;
-        a = { x: Ft.x + Ft.width + 1, y: Ft.y + Ft.height + 1 }, Ft.width === 0 || Ft.height === 0 || N.rowStart === ge().top && N.colStart === ge().left && N.rowEnd === ge().bottom && N.colEnd === ge().right || (we ? (a.y = I, u = "tr") : ue && (a.x = I, u = "bl"));
+        a = { x: Ft.x + Ft.width + 1, y: Ft.y + Ft.height + 1 }, Ft.width === 0 || Ft.height === 0 || K.rowStart === ge().top && K.colStart === ge().left && K.rowEnd === ge().bottom && K.colEnd === ge().right || (xe ? (a.y = I, u = "tr") : ue && (a.x = I, u = "bl"));
       }
     }
     let F = null;
-    if (ze) {
-      const K = e.toClipBounds(e.getRangeCoordsBounds(ze, { top: 0, left: 0, right: 0, bottom: 0 }), Vt);
-      K && (F = xe({ ...g, range: ze, key: "remove-selection", x: K.x, y: K.y, width: K.width, height: K.height, strokeWidth: 2, stroke: kt, fill: bt }));
+    if (De) {
+      const j = e.toClipBounds(e.getRangeCoordsBounds(De, { top: 0, left: 0, right: 0, bottom: 0 }), Vt);
+      j && (F = pe({ ...g, range: De, key: "remove-selection", x: j.x, y: j.y, width: j.width, height: j.height, strokeWidth: 2, stroke: Pt, fill: Et }));
     }
-    let H = null;
-    if (Pt) {
-      const K = e.toClipBounds(e.getRangeCoordsBounds(Pt, { top: 0, left: 0, right: 0, bottom: 0 }), Vt);
-      K && (H = xe({ range: Pt, key: "selection-fill-outline", x: K.x - 2 / 2, y: K.y - 2 / 2, width: K.width + 2 / 2, height: K.height + 2 / 2, strokeWidth: 2, stroke: X, strokeDasharray: "3 2" }));
+    let N = null;
+    if (Dt) {
+      const j = e.toClipBounds(e.getRangeCoordsBounds(Dt, { top: 0, left: 0, right: 0, bottom: 0 }), Vt);
+      j && (N = pe({ range: Dt, key: "selection-fill-outline", x: j.x - 2 / 2, y: j.y - 2 / 2, width: j.width + 2 / 2, height: j.height + 2 / 2, strokeWidth: 2, stroke: X, strokeDasharray: "3 2" }));
     }
-    let te = null;
-    !Y && a && !Je && (te = xo(Io, { ...a, corner: u, size: 7.5, borderStroke: `${j} solid`, style: { borderRadius: 1 }, background: X, ...Se, key: "fillHandle" }));
-    const ye = [...d];
-    if (F && ye.push(F), H && ye.push(H), te && ye.push(te), !wt && Ot && x?.ranges.length === 1 && x.ranges[x.ranges.length - 1]) {
-      const K = x.ranges[x.ranges.length - 1], N = K.rowStart === ge().top && K.rowEnd === ge().bottom, at = K.colStart === ge().left && K.colEnd === ge().right, I = { view: e, range: K, borderStroke: `${X} solid`, background: j, selectionTouchPointerHandler: $n, ...ut, onTouchSelectStart: (pe) => cn(pe), onTouchSelectEnd: () => cn(null), currentTouchAnchor: vn };
-      ye.push(Ee(Zn, { anchor: at ? "b" : N ? "r" : "br", scrollableElement: t.current, ...I }, "touch-select-handle-after")), ye.push(Ee(Zn, { anchor: at ? "t" : N ? "l" : "tl", scrollableElement: t.current, ...I }, "touch-select-handle-before"));
+    let ee = null;
+    !Y && a && !Ye && (ee = xo(Io, { ...a, corner: u, size: 7.5, borderStroke: `${q} solid`, style: { borderRadius: 1 }, background: X, ...ne, key: "fillHandle" }));
+    const Se = [...d];
+    if (F && Se.push(F), N && Se.push(N), ee && Se.push(ee), !xt && zt && x?.ranges.length === 1 && x.ranges[x.ranges.length - 1]) {
+      const j = x.ranges[x.ranges.length - 1], K = j.rowStart === ge().top && j.rowEnd === ge().bottom, dt = j.colStart === ge().left && j.colEnd === ge().right, I = { view: e, range: j, borderStroke: `${X} solid`, background: q, selectionTouchPointerHandler: $n, ...ht, onTouchSelectStart: (ve) => cn(ve), onTouchSelectEnd: () => cn(null), currentTouchAnchor: vn };
+      Se.push(Ce(Zn, { anchor: dt ? "b" : K ? "r" : "br", scrollableElement: t.current, ...I }, "touch-select-handle-after")), Se.push(Ce(Zn, { anchor: dt ? "t" : K ? "l" : "tl", scrollableElement: t.current, ...I }, "touch-select-handle-before"));
     }
-    if (Je) {
-      const K = e.toClipBounds(e.getRangeCoordsBounds(Je, { top: 1, left: 1, right: 1, bottom: 1 }), Vt);
-      K && ye.push(xe({ range: Je, key: "selection-move-outline", x: K.x - Q / 2, y: K.y - Q / 2, width: Math.max(K.width + Q / 2, 1), height: Math.max(K.height + Q / 2, 1), stroke: X, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: Q }));
+    if (Ye) {
+      const j = e.toClipBounds(e.getRangeCoordsBounds(Ye, { top: 1, left: 1, right: 1, bottom: 1 }), Vt);
+      j && Se.push(pe({ range: Ye, key: "selection-move-outline", x: j.x - J / 2, y: j.y - J / 2, width: Math.max(j.width + J / 2, 1), height: Math.max(j.height + J / 2, 1), stroke: X, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: J }));
     }
-    return Ee("div", { children: ye }, "selection");
-  }, [ct, ze, Y, Pt, Ye, Je, ge, j, X, L, kt, bt, wt, ut, vn]), Lt = Ve(() => {
+    return Ce("div", { children: Se }, "selection");
+  }, [st, De, Y, Dt, Xe, Ye, ge, q, X, L, Pt, Et, xt, ht, vn]), Lt = Ae(() => {
     const e = () => t.current;
     return [new se("moveToPageDown", e, { label: "Page Down", description: "Shift viewport down one page.", shortcut: [{ key: "PageDown" }] }, () => bn(!1)), new se("selectToPageDown", e, { label: "Select To Page Down", description: "Shift viewport and select down one page.", shortcut: [{ key: "PageDown", modifiers: [ae.Shift] }] }, () => bn(!0)), new se("moveToPageRight", e, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [ae.Alt] }] }, () => Cn(!1)), new se("selectToPageRight", e, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [ae.Alt, ae.Shift] }] }, () => Cn(!0)), new se("moveToPageUp", e, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp" }] }, () => At(!1)), new se("selectToPageUp", e, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp", modifiers: [ae.Shift] }] }, () => At(!0)), new se("moveToPageLeft", e, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [ae.Alt] }] }, () => xn(!1)), new se("selectToPageLeft", e, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [ae.Alt, ae.Shift] }] }, () => xn(!0)), new se("selectColumn", e, { label: "Select Column", description: "Select the columns for the selected cells.", shortcut: { key: "Space", modifiers: [ae.Ctrl] } }, Bn), new se("selectRow", e, { label: "Select Row", description: "Select the rows for the selected cells.", shortcut: { key: "Space", modifiers: [ae.Shift] } }, An), new se("selectToColumnStart", e, { label: "Select To Column Start", description: "Select the columns to the beginning of the sheet." }, () => Sn(!0)), new se("selectToColumnEnd", e, { label: "Select To Column End", description: "Select the columns to the end of the sheet." }, () => yn(!0)), new se("moveToRowStart", e, { label: "Move to Row Home", description: "Move to the beginning of the row.", shortcut: [{ key: "Home" }] }, () => fn(!1)), new se("selectToRowStart", e, { label: "Select to Row Home", description: "Select to the beginning of the row.", shortcut: [{ key: "Home", modifiers: [ae.Shift] }] }, () => fn(!0)), new se("moveToSheetStart", e, { label: "Move to Sheet Home", description: "Move to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [ae.Ctrl] }] }, () => an(!1)), new se("selectToSheetStart", e, { label: "Select to Sheet Home", description: "Select to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [ae.Ctrl, ae.Shift] }] }, () => an(!0)), new se("moveToRowEnd", e, { label: "Move to Row End", description: "Move to the end of the row.", shortcut: [{ key: "End" }] }, () => gn(!1)), new se("selectToRowEnd", e, { label: "Select to Row End", description: "Select to the end of the row.", shortcut: [{ key: "End", modifiers: [ae.Shift] }] }, () => gn(!0)), new se("moveToSheetEnd", e, { label: "Move to Sheet End", description: "Move to the end of the sheet.", shortcut: [{ key: "End", modifiers: [ae.Ctrl] }] }, () => on(!1)), new se("selectToSheetEnd", e, { label: "Select to Sheet End", description: "Select to the end of the sheet.", shortcut: [{ key: "End", modifiers: [ae.Ctrl, ae.Shift] }] }, () => on(!0)), new se("scrollToActiveCoords", e, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell.", shortcut: { key: "Backspace", modifiers: [ae.Ctrl] } }, Qt), new se("scrollToActiveCoordsClearSelection", e, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell and clear selection.", shortcut: { key: "Backspace", modifiers: [ae.Shift] } }, () => {
-      Jt(), it(v.cell, !0);
-    }), new se("traverseSelectionRight", e, { label: "Traverse Right", description: "Traverse the selection moving rightward.", shortcut: { key: "Tab" } }, En), new se("traverseSelectionLeft", e, { label: "Traverse Left", description: "Traverse the selection moving leftward.", shortcut: { key: "Tab", modifiers: [ae.Shift] } }, In), new se("traverseSelectionDown", e, { label: "Traverse Down", description: "Traverse the selection moving downward.", shortcut: [{ key: "Enter" }, { key: "NumpadEnter" }] }, Un), new se("traverseSelectionUp", e, { label: "Traverse Up", description: "Traverse the selection moving upward.", shortcut: [{ key: "Enter", modifiers: [ae.Shift] }, { key: "NumpadEnter", modifiers: [ae.Shift] }] }, Wn), new se("moveLeft", e, { label: "Move Left", description: "Move active cell to the left.", shortcut: [{ key: "ArrowLeft" }] }, Rn), new se("selectLeft", e, { label: "Select Left", description: "Extend selection left.", shortcut: [{ key: "ArrowLeft", modifiers: [ae.Shift] }] }, f), new se("moveContentfulLeft", e, { label: "Move Left Contentful", description: "Move left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [ae.Ctrl] }] }, m), new se("selectContentfulLeft", e, { label: "Select Left Contentful", description: "Extend selection left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [ae.Ctrl, ae.Shift] }] }, C), new se("moveRight", e, { label: "Move Right", description: "Move active cell to the right.", shortcut: [{ key: "ArrowRight" }] }, S), new se("selectRight", e, { label: "Select Right", description: "Extend selection right.", shortcut: [{ key: "ArrowRight", modifiers: [ae.Shift] }] }, y), new se("moveContentfulRight", e, { label: "Move Right Contentful", description: "Move right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [ae.Ctrl] }] }, B), new se("selectContentfulRight", e, { label: "Select Right Contentful", description: "Extend selection right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [ae.Ctrl, ae.Shift] }] }, de), new se("moveUp", e, { label: "Move Up", description: "Move active cell to the up.", shortcut: [{ key: "ArrowUp" }] }, q), new se("selectUp", e, { label: "Select Up", description: "Extend selection up.", shortcut: [{ key: "ArrowUp", modifiers: [ae.Shift] }] }, ce), new se("moveContentfulUp", e, { label: "Move Up Contentful", description: "Move up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [ae.Ctrl] }] }, G), new se("selectContentfulUp", e, { label: "Select Up Contentful", description: "Extend selection up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [ae.Ctrl, ae.Shift] }] }, Te), new se("moveDown", e, { label: "Move Down", description: "Move active cell to the down.", shortcut: [{ key: "ArrowDown" }] }, Ze), new se("selectDown", e, { label: "Select Down", description: "Extend selection down.", shortcut: [{ key: "ArrowDown", modifiers: [ae.Shift] }] }, me), new se("moveContentfulDown", e, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [ae.Ctrl] }] }, ke), new se("selectContentfulDown", e, { label: "Select Down Contentful", description: "Extend selection down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [ae.Ctrl, ae.Shift] }] }, Le), new se("selectVisible", e, { label: "Select Visible", description: "Select visible cells only.", shortcut: { key: ";", modifiers: [ae.Alt] } }, Fn), new se("traverseSelectionPreviousRange", e, { label: "Traverse Previous Range", description: "Traverse the selection to the previous range.", shortcut: { key: "ArrowLeft", modifiers: [ae.Ctrl, ae.Alt] } }, pn), new se("traverseSelectionNextRange", e, { label: "Traverse Next Range", description: "Traverse the selection to the next range.", shortcut: { key: "ArrowRight", modifiers: [ae.Ctrl, ae.Alt] } }, Hn), new se("traverseSelectionCorners", e, { label: "Traverse Corners", description: "Traverse the selection through the corners of the selected range.", shortcut: { key: ".", modifiers: [ae.Ctrl] } }, Nn)];
+      Jt(), et(v.cell, !0);
+    }), new se("traverseSelectionRight", e, { label: "Traverse Right", description: "Traverse the selection moving rightward.", shortcut: { key: "Tab" } }, En), new se("traverseSelectionLeft", e, { label: "Traverse Left", description: "Traverse the selection moving leftward.", shortcut: { key: "Tab", modifiers: [ae.Shift] } }, In), new se("traverseSelectionDown", e, { label: "Traverse Down", description: "Traverse the selection moving downward.", shortcut: [{ key: "Enter" }, { key: "NumpadEnter" }] }, Un), new se("traverseSelectionUp", e, { label: "Traverse Up", description: "Traverse the selection moving upward.", shortcut: [{ key: "Enter", modifiers: [ae.Shift] }, { key: "NumpadEnter", modifiers: [ae.Shift] }] }, Wn), new se("moveLeft", e, { label: "Move Left", description: "Move active cell to the left.", shortcut: [{ key: "ArrowLeft" }] }, Rn), new se("selectLeft", e, { label: "Select Left", description: "Extend selection left.", shortcut: [{ key: "ArrowLeft", modifiers: [ae.Shift] }] }, f), new se("moveContentfulLeft", e, { label: "Move Left Contentful", description: "Move left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [ae.Ctrl] }] }, m), new se("selectContentfulLeft", e, { label: "Select Left Contentful", description: "Extend selection left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [ae.Ctrl, ae.Shift] }] }, C), new se("moveRight", e, { label: "Move Right", description: "Move active cell to the right.", shortcut: [{ key: "ArrowRight" }] }, S), new se("selectRight", e, { label: "Select Right", description: "Extend selection right.", shortcut: [{ key: "ArrowRight", modifiers: [ae.Shift] }] }, y), new se("moveContentfulRight", e, { label: "Move Right Contentful", description: "Move right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [ae.Ctrl] }] }, B), new se("selectContentfulRight", e, { label: "Select Right Contentful", description: "Extend selection right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [ae.Ctrl, ae.Shift] }] }, me), new se("moveUp", e, { label: "Move Up", description: "Move active cell to the up.", shortcut: [{ key: "ArrowUp" }] }, le), new se("selectUp", e, { label: "Select Up", description: "Extend selection up.", shortcut: [{ key: "ArrowUp", modifiers: [ae.Shift] }] }, we), new se("moveContentfulUp", e, { label: "Move Up Contentful", description: "Move up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [ae.Ctrl] }] }, H), new se("selectContentfulUp", e, { label: "Select Up Contentful", description: "Extend selection up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [ae.Ctrl, ae.Shift] }] }, Re), new se("moveDown", e, { label: "Move Down", description: "Move active cell to the down.", shortcut: [{ key: "ArrowDown" }] }, je), new se("selectDown", e, { label: "Select Down", description: "Extend selection down.", shortcut: [{ key: "ArrowDown", modifiers: [ae.Shift] }] }, $e), new se("moveContentfulDown", e, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [ae.Ctrl] }] }, Je), new se("selectContentfulDown", e, { label: "Select Down Contentful", description: "Extend selection down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [ae.Ctrl, ae.Shift] }] }, Te), new se("selectVisible", e, { label: "Select Visible", description: "Select visible cells only.", shortcut: { key: ";", modifiers: [ae.Alt] } }, Fn), new se("traverseSelectionPreviousRange", e, { label: "Traverse Previous Range", description: "Traverse the selection to the previous range.", shortcut: { key: "ArrowLeft", modifiers: [ae.Ctrl, ae.Alt] } }, pn), new se("traverseSelectionNextRange", e, { label: "Traverse Next Range", description: "Traverse the selection to the next range.", shortcut: { key: "ArrowRight", modifiers: [ae.Ctrl, ae.Alt] } }, Hn), new se("traverseSelectionCorners", e, { label: "Traverse Corners", description: "Traverse the selection through the corners of the selected range.", shortcut: { key: ".", modifiers: [ae.Ctrl] } }, Nn)];
   }, []);
-  return Ve(() => {
+  return Ae(() => {
     n?.addCommands(Lt, !0);
-  }, [n]), { selection: ct, setSelectionCell: it, setSelectionRanges: ht, overlay: St, cursor: ln, onPointerDown: Ln, clearLastSelection: ve, newSelection: Ct, modifySelection: ft, appendSelection: Me, clearSelections: Jt, isEntire: It, navigate: ot, navigateSelection: Yt };
+  }, [n]), { selection: st, setSelectionCell: et, setSelectionRanges: ft, overlay: Ct, cursor: ln, onPointerDown: Ln, clearLastSelection: de, newSelection: Rt, modifySelection: gt, appendSelection: Ee, clearSelections: Jt, isEntire: ct, navigate: rt, navigateSelection: Yt };
 };
 function Tn(t, n) {
   if (!t) throw new Error("Invariant failed");
 }
-const uo = { "sheetxl-grid": "_sheetxl-grid_h9wwa_7" }, lr = Object.freeze({ top: 0, left: 0 }), ir = Object.freeze({ bottom: -4, right: -4 }), cr = Object.freeze({ horizontal: !0, vertical: !0 }), ho = [et.TopLeft, et.Top, et.Left, et.Center], Cr = 150, Xt = 3e3, Yn = {}, Ro = Kt(tn((t, n) => {
-  const { width: o, height: r, rowCount: c = 1, columnCount: s = 1, defaultRowHeight: i, defaultColumnWidth: l, getRowHeight: h, getColumnWidth: O, layout: z, onViewportScroll: M, onImmediateScroll: R, showGridLines: $ = !0, gridLineColor: Y = "rgb(224, 224, 224)", gridLineRowsProps: j, gridLineColumnsProps: ee, clipCells: Re = !0, cursor: J, freezeLeft: k = 0, freezeTop: U = 0, freezeLeftProps: he, freezeTopProps: P, cellRenderer: ie, onViewportChange: Ue, onFirstRender: Oe, overlayRenderer: He, overlayProps: fe, overlays: be, overlaysProps: A, allowOverlaysOverflow: p = !1, stageProps: je, stageWrapper: Ye = null, hiddenRowsAt: ne, hiddenColumnsAt: Ce, hiddenCellAt: Q, getVisibleCells: L, zoom: X = 1, enableMouseWheel: kt = !0, onWheelScroll: bt, getCellCoordsAsRangeCoords: wt = V.cellToRange, scrollPoint: ut = lr, style: ge = {}, ...Wt } = t;
-  Tn(ie), Tn(!t?.children);
-  const D = T(R, [R]), b = T(Ue, [Ue]), Pe = T(M, [M]), oe = T(bt, [bt]), xe = T(Oe, [Oe]), Ne = le(null), rt = le(null), Rt = le(null), [lt, jt] = zn((f) => f + 1, 0), [xt, v] = dt({ left: ut?.left ?? 0, top: ut?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), re = le(null), Ke = le(xt), { top: ht, left: Qe, verticalScrollDirection: ln, horizontalScrollDirection: Zt } = xt, Pt = le(!1), hn = Ao({ rowCount: c, columnCount: s, defaultRowHeight: i, defaultColumnWidth: l, getRowHeight: h, getColumnWidth: O }), Gt = le(null), ze = Ve(() => {
+const uo = { "sheetxl-grid": "_sheetxl-grid_h9wwa_7" }, lr = Object.freeze({ top: 0, left: 0 }), ir = Object.freeze({ bottom: -4, right: -4 }), cr = Object.freeze({ horizontal: !0, vertical: !0 }), ho = [_e.TopLeft, _e.Top, _e.Left, _e.Center], Cr = 150, Xt = 3e3, Yn = {}, Ro = Kt(tn((t, n) => {
+  const { width: o, height: r, rowCount: c = 1, columnCount: s = 1, defaultRowHeight: i, defaultColumnWidth: l, getRowHeight: h, getColumnWidth: O, layout: z, onViewportScroll: M, onImmediateScroll: R, showGridLines: $ = !0, gridLineColor: Y = "rgb(224, 224, 224)", gridLineRowsProps: q, gridLineColumnsProps: _, clipCells: Ie = !0, cursor: Z, freezeLeft: k = 0, freezeTop: U = 0, freezeLeftProps: he, freezeTopProps: P, cellRenderer: ce, onViewportChange: Ve, onFirstRender: Pe, overlayRenderer: We, overlayProps: fe, overlays: ye, overlaysProps: A, allowOverlaysOverflow: p = !1, stageProps: Ne, stageWrapper: Xe = null, hiddenRowsAt: te, hiddenColumnsAt: be, hiddenCellAt: J, getVisibleCells: L, zoom: X = 1, enableMouseWheel: Pt = !0, onWheelScroll: Et, getCellCoordsAsRangeCoords: xt = V.cellToRange, scrollPoint: ht = lr, style: ge = {}, ...Wt } = t;
+  Tn(ce), Tn(!t?.children);
+  const D = T(R, [R]), b = T(Ve, [Ve]), Me = T(M, [M]), oe = T(Et, [Et]), pe = T(Pe, [Pe]), Ue = ie(null), lt = ie(null), Mt = ie(null), [it, jt] = zn((f) => f + 1, 0), [pt, v] = ut({ left: ht?.left ?? 0, top: ht?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), re = ie(null), He = ie(pt), { top: ft, left: Qe, verticalScrollDirection: ln, horizontalScrollDirection: Zt } = pt, Dt = ie(!1), hn = Ao({ rowCount: c, columnCount: s, defaultRowHeight: i, defaultColumnWidth: l, getRowHeight: h, getColumnWidth: O }), Gt = ie(null), De = Ae(() => {
     const f = z || hn;
     return Gt.current = null, { getColOffset: (m) => f.getColOffset(m) * X, getColIndex: (m) => f.getColIndex(m / X), getRowOffset: (m) => f.getRowOffset(m) * X, getRowIndex: (m) => f.getRowIndex(m / X) };
   }, [hn, z, X]), Ut = (f, m, C) => {
     const S = (m?.left ?? 0) + 0, y = (m?.top ?? 0) + 0;
     return { getColOffset: (B) => f.getColOffset(B) - S, getColIndex: (B) => f.getColIndex(B + S), getRowOffset: (B) => f.getRowOffset(B) - y, getRowIndex: (B) => f.getRowIndex(B + y) };
-  }, mt = T((f, m = !1) => On(f, m, ze.getRowOffset, m ? 0 : c), [c, ze?.getRowOffset]), Bt = T(ne ?? mt, [ne]), vn = T((f, m = !1) => On(f, m, ze.getColOffset, m ? s : 0), [s, ze?.getColOffset]), cn = T(Ce ?? vn, [Ce]), Xe = Ve(() => Math.min(o ?? 800, ze.getColOffset(s)), [ze.getColOffset, s, o]), qe = Ve(() => Math.min(r ?? 600, ze.getRowOffset(c)), [ze.getRowOffset, c, r]), nn = W((f) => {
+  }, St = T((f, m = !1) => On(f, m, De.getRowOffset, m ? 0 : c), [c, De?.getRowOffset]), Bt = T(te ?? St, [te]), vn = T((f, m = !1) => On(f, m, De.getColOffset, m ? s : 0), [s, De?.getColOffset]), cn = T(be ?? vn, [be]), Ge = Ae(() => Math.min(o ?? 800, De.getColOffset(s)), [De.getColOffset, s, o]), Ke = Ae(() => Math.min(r ?? 600, De.getRowOffset(c)), [De.getRowOffset, c, r]), nn = W((f) => {
     Nt.canUseDOM && setTimeout(() => {
-      Ne.current?.focus({ preventScroll: !0, ...f });
+      Ue.current?.focus({ preventScroll: !0, ...f });
     }, 0);
-  }, []), vt = W((f) => Ne.current?.contains(f) || rt.current?.contains(f), []);
-  gt(() => {
-    Pt.current && (re.current && re.current.left !== Ke.current?.left && re.current.top !== Ke.current?.top || (re.current = null, Pe?.({ left: Qe, top: ht })));
-  }, [Qe, ht]);
-  const qt = T(() => ({ top: ht, left: Qe }), [ht, Qe]), De = Ve(() => {
+  }, []), yt = W((f) => Ue.current?.contains(f) || lt.current?.contains(f), []);
+  wt(() => {
+    Dt.current && (re.current && re.current.left !== He.current?.left && re.current.top !== He.current?.top || (re.current = null, Me?.({ left: Qe, top: ft })));
+  }, [Qe, ft]);
+  const qt = T(() => ({ top: ft, left: Qe }), [ft, Qe]), ke = Ae(() => {
     const f = [];
     let m = 0, C = 0;
     typeof U == "number" ? m = U : (m = U.index ?? 0, C = (U.scrollOffset ?? 0) * X);
-    const S = C, y = ze.getRowOffset(m), B = y - S;
+    const S = C, y = De.getRowOffset(m), B = y - S;
     if (m > 0) {
-      const Ze = Ut(ze, { top: C + ze.getRowOffset(0) }), me = ze.getRowIndex(S), ke = ze.getRowIndex(y - 1);
-      let Le;
-      f[1] = { minIndex: me, maxIndex: ke, minCoord: 0, maxCoord: m - 1, minBounds: 0, maxBounds: B, visibleIndices: () => Le || (Le = Object.freeze(Pn(Bt, me, ke)), Le), layout: Ze, maxVirtualBounds: y, scrollOffset: C, freezeOffset: C };
+      const je = Ut(De, { top: C + De.getRowOffset(0) }), $e = De.getRowIndex(S), Je = De.getRowIndex(y - 1);
+      let Te;
+      f[1] = { minIndex: $e, maxIndex: Je, minCoord: 0, maxCoord: m - 1, minBounds: 0, maxBounds: B, visibleIndices: () => Te || (Te = Object.freeze(Pn(Bt, $e, Je)), Te), layout: je, maxVirtualBounds: y, scrollOffset: C, freezeOffset: C };
     }
-    const de = Math.max(0, qe - B), q = Ut(ze, { top: ht + B }), ce = q.getRowIndex(0), G = q.getRowIndex(de);
-    let Te;
-    return f[0] = { minIndex: ce, maxIndex: G, minCoord: m, maxCoord: c - 1, minBounds: B, maxBounds: de, visibleIndices: () => Te || (Te = Object.freeze(Pn(Bt, ce, G)), Te), layout: q, maxVirtualBounds: ze.getRowOffset(c), scrollOffset: ht, freezeOffset: (m > 0 ? ze.getRowOffset(m) : 0) - C }, f;
-  }, [ze.getRowIndex, ze.getRowOffset, Bt, qe, c, U, ht, X]), Ge = Ve(() => {
+    const me = Math.max(0, Ke - B), le = Ut(De, { top: ft + B }), we = le.getRowIndex(0), H = le.getRowIndex(me);
+    let Re;
+    return f[0] = { minIndex: we, maxIndex: H, minCoord: m, maxCoord: c - 1, minBounds: B, maxBounds: me, visibleIndices: () => Re || (Re = Object.freeze(Pn(Bt, we, H)), Re), layout: le, maxVirtualBounds: De.getRowOffset(c), scrollOffset: ft, freezeOffset: (m > 0 ? De.getRowOffset(m) : 0) - C }, f;
+  }, [De.getRowIndex, De.getRowOffset, Bt, Ke, c, U, ft, X]), Ze = Ae(() => {
     const f = [];
     let m = 0, C = 0;
     typeof k == "number" ? m = k : (m = k.index ?? 0, C = (k.scrollOffset ?? 0) * X);
-    const S = C, y = ze.getColOffset(m), B = y - S;
+    const S = C, y = De.getColOffset(m), B = y - S;
     if (m > 0) {
-      const Ze = Ut(ze, { left: C + ze.getColOffset(0) }), me = ze.getColIndex(S), ke = ze.getColIndex(y - 1);
-      let Le;
-      f[1] = { minIndex: me, maxIndex: ke, minCoord: 0, maxCoord: m - 1, minBounds: 0, maxBounds: B, visibleIndices: () => Le || (Le = Object.freeze(Pn(cn, me, ke)), Le), layout: Ze, maxVirtualBounds: y, scrollOffset: C, freezeOffset: C };
+      const je = Ut(De, { left: C + De.getColOffset(0) }), $e = De.getColIndex(S), Je = De.getColIndex(y - 1);
+      let Te;
+      f[1] = { minIndex: $e, maxIndex: Je, minCoord: 0, maxCoord: m - 1, minBounds: 0, maxBounds: B, visibleIndices: () => Te || (Te = Object.freeze(Pn(cn, $e, Je)), Te), layout: je, maxVirtualBounds: y, scrollOffset: C, freezeOffset: C };
     }
-    const de = Math.max(0, Xe - B), q = Ut(ze, { left: Qe + B }), ce = q.getColIndex(0), G = q.getColIndex(de);
-    let Te;
-    return f[0] = { minIndex: ce, maxIndex: G, minCoord: m, maxCoord: s - 1, minBounds: B, maxBounds: de, visibleIndices: () => Te || (Te = Object.freeze(Pn(cn, ce, G)), Te), layout: q, maxVirtualBounds: ze.getColOffset(s), scrollOffset: Qe, freezeOffset: (m > 0 ? ze.getColOffset(m) : 0) - C }, f;
-  }, [ze.getColIndex, ze.getColOffset, cn, Xe, s, k, Qe, X]), ft = le({}), Ct = le([]), Me = Ve(() => {
+    const me = Math.max(0, Ge - B), le = Ut(De, { left: Qe + B }), we = le.getColIndex(0), H = le.getColIndex(me);
+    let Re;
+    return f[0] = { minIndex: we, maxIndex: H, minCoord: m, maxCoord: s - 1, minBounds: B, maxBounds: me, visibleIndices: () => Re || (Re = Object.freeze(Pn(cn, we, H)), Re), layout: le, maxVirtualBounds: De.getColOffset(s), scrollOffset: Qe, freezeOffset: (m > 0 ? De.getColOffset(m) : 0) - C }, f;
+  }, [De.getColIndex, De.getColOffset, cn, Ge, s, k, Qe, X]), gt = ie({}), Rt = ie([]), Ee = Ae(() => {
     let f = {};
-    const m = (S, y, B, de, q) => {
-      const ce = { vertical: de?.vertical || !1, horizontal: de?.horizontal || !1 };
-      if (S >= Ge.length || y >= De.length) return null;
-      const G = { rowStart: De[y].minIndex, colStart: Ge[S].minIndex, rowEnd: De[y].maxIndex, colEnd: Ge[S].maxIndex };
-      if (G.rowStart > G.rowEnd || G.colStart > G.colEnd) return null;
-      const Te = { getColIndex: (Se) => Ge[S].layout.getColIndex(Se), getColOffset: (Se) => Ge[S].layout.getColOffset(Se), getRowIndex: (Se) => De[y].layout.getRowIndex(Se), getRowOffset: (Se) => De[y].layout.getRowOffset(Se) }, Ze = Object.freeze({ left: q?.left ?? 0, top: q?.top ?? 0, right: q?.right ?? 0, bottom: q?.bottom ?? 0 }), me = Object.freeze({ x: Ge[S].minBounds, y: De[y].minBounds, width: Ge[S].maxBounds, height: De[y].maxBounds }), ke = (Se, Je) => so(Te, Se ?? G, Je), Le = { width: Ge[S].maxVirtualBounds, height: De[y].maxVirtualBounds }, ve = { left: Ge[S].scrollOffset, top: De[y].scrollOffset }, It = { left: Ge[S].freezeOffset, top: De[y].freezeOffset }, it = { width: Xe, height: qe };
-      let Ae = null, Ie = null;
-      const _e = (It.top + (de.vertical ? ve.top : 0)) / X, Et = (It.left + (de.horizontal ? ve.left : 0)) / X;
-      return { getStage: () => Ne.current ?? null, getVisibleRangeCoords: () => G, toClipBounds: (Se, Je) => {
-        let zt, Fe = 0;
-        return Je === void 0 || typeof Je == "number" ? (zt = ke(G), Fe = Je) : zt = Je, ((tt, Be, $e = 0) => {
-          if (tt.x > Be.width || tt.y > Be.height) return null;
-          const pt = { left: tt.x, top: tt.y, bottom: tt.height + tt.y, right: tt.width + tt.x }, ct = { left: Be.x + $e, top: Be.y + $e, bottom: Be.height - 2 * $e + Be.y, right: Be.width - 2 * $e + Be.x }, St = { left: Math.max(pt.left, ct.left), top: Math.max(pt.top, ct.top), bottom: Math.min(pt.bottom, ct.bottom), right: Math.min(pt.right, ct.right) }, Lt = { x: St.left, y: St.top, width: St.right - St.left, height: St.bottom - St.top };
+    const m = (S, y, B, me, le) => {
+      const we = { vertical: me?.vertical || !1, horizontal: me?.horizontal || !1 };
+      if (S >= Ze.length || y >= ke.length) return null;
+      const H = { rowStart: ke[y].minIndex, colStart: Ze[S].minIndex, rowEnd: ke[y].maxIndex, colEnd: Ze[S].maxIndex };
+      if (H.rowStart > H.rowEnd || H.colStart > H.colEnd) return null;
+      const Re = { getColIndex: (ne) => Ze[S].layout.getColIndex(ne), getColOffset: (ne) => Ze[S].layout.getColOffset(ne), getRowIndex: (ne) => ke[y].layout.getRowIndex(ne), getRowOffset: (ne) => ke[y].layout.getRowOffset(ne) }, je = Object.freeze({ left: le?.left ?? 0, top: le?.top ?? 0, right: le?.right ?? 0, bottom: le?.bottom ?? 0 }), $e = Object.freeze({ x: Ze[S].minBounds, y: ke[y].minBounds, width: Ze[S].maxBounds, height: ke[y].maxBounds }), Je = (ne, Ye) => so(Re, ne ?? H, Ye), Te = { width: Ze[S].maxVirtualBounds, height: ke[y].maxVirtualBounds }, de = { left: Ze[S].scrollOffset, top: ke[y].scrollOffset }, ct = { left: Ze[S].freezeOffset, top: ke[y].freezeOffset }, et = { width: Ge, height: Ke };
+      let Be = null, tt = null;
+      const bt = (ct.top + (me.vertical ? de.top : 0)) / X, qe = (ct.left + (me.horizontal ? de.left : 0)) / X;
+      return { getStage: () => Ue.current ?? null, getVisibleRangeCoords: () => H, toClipBounds: (ne, Ye) => {
+        let mt, Oe = 0;
+        return Ye === void 0 || typeof Ye == "number" ? (mt = Je(H), Oe = Ye) : mt = Ye, ((nt, Le, ze = 0) => {
+          if (nt.x > Le.width || nt.y > Le.height) return null;
+          const vt = { left: nt.x, top: nt.y, bottom: nt.height + nt.y, right: nt.width + nt.x }, st = { left: Le.x + ze, top: Le.y + ze, bottom: Le.height - 2 * ze + Le.y, right: Le.width - 2 * ze + Le.x }, Ct = { left: Math.max(vt.left, st.left), top: Math.max(vt.top, st.top), bottom: Math.min(vt.bottom, st.bottom), right: Math.min(vt.right, st.right) }, Lt = { x: Ct.left, y: Ct.top, width: Ct.right - Ct.left, height: Ct.bottom - Ct.top };
           return Lt.height < 0 || Lt.width < 0 ? null : Lt;
-        })(Se ?? { x: 0, y: 0, width: me.width, height: me.height }, zt, Fe);
-      }, toViewBounds: (Se) => Et === 0 && _e === 0 && X === 1 ? Se : { x: (Se.x - Et) * X, y: (Se.y - _e) * X, width: Se.width * X, height: Se.height * X }, toAbsoluteBounds: (Se) => Et === 0 && _e === 0 && X === 1 ? Se : { x: Se.x / X + Et, y: Se.y / X + _e, width: Se.width / X, height: Se.height / X }, getRelativePointFromClient: (Se, Je) => {
-        const zt = sn(Se, Je);
-        return { x: zt.x - me.x, y: zt.y - me.y };
-      }, getLayout: () => Te, getCellCoordsAsRangeCoords: wt, getVisibleColumns: () => Ge[S].visibleIndices(), getVisibleRows: () => De[y].visibleIndices(), getVisibleColumnOffsets: () => (Ae || (Ae = co(Ge[S].layout, !0, Ge[S].visibleIndices(), G.colStart, G.colEnd)), Ae), getVisibleRowOffsets: () => (Ie || (Ie = co(De[y].layout, !1, De[y].visibleIndices(), G.rowStart, G.rowEnd)), Ie), getTotalRangeCoords: () => ({ colStart: Ge[S].minCoord, colEnd: Ge[S].maxCoord, rowStart: De[y].minCoord, rowEnd: De[y].maxCoord }), getRangeCoordsBounds: ke, scrollCellCoordsIntoView: (Se, Je) => fn(Se, Je, B), getCellCoordsFromClient: (Se, Je, zt = !1) => {
-        const Fe = sn(Se, Je);
-        if (!Fe) return null;
-        const tt = Te.getColIndex(Fe.x - me.x), Be = { rowIndex: Te.getRowIndex(Fe.y - me.y), colIndex: tt };
-        if (zt) return Be;
-        const $e = wt(Be);
-        return { rowIndex: $e.rowStart, colIndex: $e.colStart };
-      }, getZoom: () => X, getAnchor: () => B, getBounds: () => me, getInsets: () => Ze, getTotalSize: () => Le, getViewportSize: () => it, getScrollTopLeft: () => ve, getFreezeTopLeft: () => It, getScrollOrientation: () => ce, allViews: () => f };
+        })(ne ?? { x: 0, y: 0, width: $e.width, height: $e.height }, mt, Oe);
+      }, toViewBounds: (ne) => qe === 0 && bt === 0 && X === 1 ? ne : { x: (ne.x - qe) * X, y: (ne.y - bt) * X, width: ne.width * X, height: ne.height * X }, toAbsoluteBounds: (ne) => qe === 0 && bt === 0 && X === 1 ? ne : { x: ne.x / X + qe, y: ne.y / X + bt, width: ne.width / X, height: ne.height / X }, getRelativePointFromClient: (ne, Ye) => {
+        const mt = sn(ne, Ye);
+        return { x: mt.x - $e.x, y: mt.y - $e.y };
+      }, getLayout: () => Re, getCellCoordsAsRangeCoords: xt, getVisibleColumns: () => Ze[S].visibleIndices(), getVisibleRows: () => ke[y].visibleIndices(), getVisibleColumnOffsets: () => (Be || (Be = co(Ze[S].layout, !0, Ze[S].visibleIndices(), H.colStart, H.colEnd)), Be), getVisibleRowOffsets: () => (tt || (tt = co(ke[y].layout, !1, ke[y].visibleIndices(), H.rowStart, H.rowEnd)), tt), getTotalRangeCoords: () => ({ colStart: Ze[S].minCoord, colEnd: Ze[S].maxCoord, rowStart: ke[y].minCoord, rowEnd: ke[y].maxCoord }), getRangeCoordsBounds: Je, scrollCellCoordsIntoView: (ne, Ye) => fn(ne, Ye, B), getCellCoordsFromClient: (ne, Ye, mt = !1) => {
+        const Oe = sn(ne, Ye);
+        if (!Oe) return null;
+        const nt = Re.getColIndex(Oe.x - $e.x), Le = { rowIndex: Re.getRowIndex(Oe.y - $e.y), colIndex: nt };
+        if (mt) return Le;
+        const ze = xt(Le);
+        return { rowIndex: ze.rowStart, colIndex: ze.colStart };
+      }, getZoom: () => X, getAnchor: () => B, getBounds: () => $e, getInsets: () => je, getTotalSize: () => Te, getViewportSize: () => et, getScrollTopLeft: () => de, getFreezeTopLeft: () => ct, getScrollOrientation: () => we, allViews: () => f };
     };
-    let C = f[et.Center] = m(0, 0, et.Center, cr, ir);
-    return C && (f[et.Center] = C), C = m(0, 1, et.Top, { horizontal: !0 }), C && (f[et.Top] = C), C = m(1, 0, et.Left, { vertical: !0 }), C && (f[et.Left] = C), C = m(1, 1, et.TopLeft, {}), C && (f[et.TopLeft] = C), ft.current = null, f = Object.freeze(f);
-  }, [De, Ge, wt]), Jt = Object.keys(Me), Ot = Ge[0]?.maxVirtualBounds ?? 0, nt = De[0]?.maxVirtualBounds ?? 0, Mt = Ve(() => ({ left: Ge[1] ? Ge[1].layout.getColOffset(Ge[1].maxIndex + 1) : 0, top: De[1] ? De[1].layout.getRowOffset(De[1].maxIndex + 1) : 0 }), [Me]);
-  gt(() => {
-    if (Ct.current.length > 0) {
-      for (let f = 0; f < Ct.current.length; f++) Ct.current[f]();
-      Ct.current = [];
+    let C = f[_e.Center] = m(0, 0, _e.Center, cr, ir);
+    return C && (f[_e.Center] = C), C = m(0, 1, _e.Top, { horizontal: !0 }), C && (f[_e.Top] = C), C = m(1, 0, _e.Left, { vertical: !0 }), C && (f[_e.Left] = C), C = m(1, 1, _e.TopLeft, {}), C && (f[_e.TopLeft] = C), gt.current = null, f = Object.freeze(f);
+  }, [ke, Ze, xt]), Jt = Object.keys(Ee), zt = Ze[0]?.maxVirtualBounds ?? 0, ot = ke[0]?.maxVirtualBounds ?? 0, kt = Ae(() => ({ left: Ze[1] ? Ze[1].layout.getColOffset(Ze[1].maxIndex + 1) : 0, top: ke[1] ? ke[1].layout.getRowOffset(ke[1].maxIndex + 1) : 0 }), [Ee]);
+  wt(() => {
+    if (Rt.current.length > 0) {
+      for (let f = 0; f < Rt.current.length; f++) Rt.current[f]();
+      Rt.current = [];
     }
-  }, [Me]);
-  const Dt = T(() => ({ containerWidth: Xe, containerHeight: qe, totalWidth: Ot, totalHeight: nt }), [Xe, qe, ze]);
-  gt(() => {
-    !re.current && Pt.current && b({ top: ht, left: Qe, width: Xe, height: qe, totalWidth: Ot, totalHeight: nt });
-  }, [ht, Qe, Ot, nt]), gt(() => {
-    Pt.current && b({ top: ht, left: Qe, width: Xe, height: qe, totalWidth: Ot, totalHeight: nt });
-  }, [Xe, qe]);
+  }, [Ee]);
+  const Tt = T(() => ({ containerWidth: Ge, containerHeight: Ke, totalWidth: zt, totalHeight: ot }), [Ge, Ke, De]);
+  wt(() => {
+    !re.current && Dt.current && b({ top: ft, left: Qe, width: Ge, height: Ke, totalWidth: zt, totalHeight: ot });
+  }, [ft, Qe, zt, ot]), wt(() => {
+    Dt.current && b({ top: ft, left: Qe, width: Ge, height: Ke, totalWidth: zt, totalHeight: ot });
+  }, [Ge, Ke]);
   const sn = W((f, m) => {
     Tn(typeof f == "number" && typeof m == "number");
-    const C = Ne.current?.getBoundingClientRect();
+    const C = Ue.current?.getBoundingClientRect();
     return C ? { x: f - C.x, y: m - C.y } : { x: f, y: m };
-  }, []), Ln = T((f) => Me[f] || null, [Me]), $n = T((f, m) => {
-    if (Object.keys(Me).length === 1) return Me[et.Center];
+  }, []), Ln = T((f) => Ee[f] || null, [Ee]), $n = T((f, m) => {
+    if (Object.keys(Ee).length === 1) return Ee[_e.Center];
     const C = sn(f, m);
     if (!C) return null;
     const { x: S, y } = C;
     let B = null;
-    const de = ho, q = de.length;
-    for (let ce = 0; !B && ce < q; ce++) {
-      const G = Me[de[ce]];
-      G && Qo(S, y, G.getBounds()) && (B = G);
+    const me = ho, le = me.length;
+    for (let we = 0; !B && we < le; we++) {
+      const H = Ee[me[we]];
+      H && Qo(S, y, H.getBounds()) && (B = H);
     }
-    return B || (B = Me[et.Center]), B;
-  }, [Me, wt]), ot = T(() => Me[et.Center].getVisibleRangeCoords(), [Me[et.Center]]), Yt = le(null), Bn = W(() => {
+    return B || (B = Ee[_e.Center]), B;
+  }, [Ee, xt]), rt = T(() => Ee[_e.Center].getVisibleRangeCoords(), [Ee[_e.Center]]), Yt = ie(null), Bn = W(() => {
     Yt.current !== null && Nt.cancelTimeout(Yt.current), Yt.current = Nt.requestTimeout(An, 150);
   }, []), An = W(() => {
     Yt.current = null, v((f) => {
       const m = { ...f, verticalScrollDirection: null, horizontalScrollDirection: null };
-      return Ke.current = m, m;
+      return He.current = m, m;
     });
   }, []), Qt = T((f) => {
     const m = f?.left ?? f?.[0], C = f?.top ?? f?.[1];
-    let S = Ke.current.left;
-    m !== void 0 && m !== S && (m > S ? (S = Math.max(Ge?.[1]?.scrollOffset ?? 0, m), S = Math.min(Ot - Xe, S)) : S = Math.max(Ge?.[1]?.scrollOffset ?? 0, m));
-    let y = Ke.current.top;
-    if (C !== void 0 && C !== y && (C > y ? (y = Math.max(De?.[1]?.scrollOffset ?? 0, C), y = Math.min(nt - qe, y)) : y = Math.max(De?.[1]?.scrollOffset ?? 0, C)), Ke.current.left === S && Ke.current.top === y) return;
-    let B = null, de = null;
-    Ke.current.left > S ? B = w.Left : Ke.current.left < S && (B = w.Right), Ke.current.top > y ? de = w.Up : Ke.current.top < y && (de = w.Down), Nt.throttle(() => {
-      v((q) => {
-        const ce = { ...q, left: S, top: y, horizontalScrollDirection: B, verticalScrollDirection: de };
-        return Ke.current = ce, ce;
+    let S = He.current.left;
+    m !== void 0 && m !== S && (m > S ? (S = Math.max(Ze?.[1]?.scrollOffset ?? 0, m), S = Math.min(zt - Ge, S)) : S = Math.max(Ze?.[1]?.scrollOffset ?? 0, m));
+    let y = He.current.top;
+    if (C !== void 0 && C !== y && (C > y ? (y = Math.max(ke?.[1]?.scrollOffset ?? 0, C), y = Math.min(ot - Ke, y)) : y = Math.max(ke?.[1]?.scrollOffset ?? 0, C)), He.current.left === S && He.current.top === y) return;
+    let B = null, me = null;
+    He.current.left > S ? B = w.Left : He.current.left < S && (B = w.Right), He.current.top > y ? me = w.Up : He.current.top < y && (me = w.Down), Nt.throttle(() => {
+      v((le) => {
+        const we = { ...le, left: S, top: y, horizontalScrollDirection: B, verticalScrollDirection: me };
+        return He.current = we, we;
       });
-    }, 17)(), re.current?.top === y && re.current?.left === S || (re.current = { left: S, top: y }, D({ left: S, top: y }), b({ left: S, top: y, width: Xe, height: qe, totalWidth: Ot, totalHeight: nt })), Bn();
-  }, [Ot, nt, De, Ge]);
-  gt(() => {
-    re.current || Qt({ left: Qe, top: ht });
-  }, [Xe, qe]), gt(() => {
+    }, 17)(), re.current?.top === y && re.current?.left === S || (re.current = { left: S, top: y }, D({ left: S, top: y }), b({ left: S, top: y, width: Ge, height: Ke, totalWidth: zt, totalHeight: ot })), Bn();
+  }, [zt, ot, ke, Ze]);
+  wt(() => {
+    re.current || Qt({ left: Qe, top: ft });
+  }, [Ge, Ke]), wt(() => {
     let f, m, C = !1;
-    Ke.current.left > Ot && (f = 0, C = !0), Ke.current.top > nt && (m = 0, C = !0), C && Qt({ left: f, top: m });
-  }, [Ot, nt]), en(() => {
-    re.current = { left: ut?.left, top: ut?.top }, Qt(re.current);
-  }, [ut?.left, ut?.top]);
+    He.current.left > zt && (f = 0, C = !0), He.current.top > ot && (m = 0, C = !0), C && Qt({ left: f, top: m });
+  }, [zt, ot]), en(() => {
+    re.current = { left: ht?.left, top: ht?.top }, Qt(re.current);
+  }, [ht?.left, ht?.top]);
   const Sn = T((f) => {
     let m = f?.left ?? f?.[0], C = f?.top ?? f?.[1];
     if (m === void 0 && C === void 0) return;
     const S = f?.behavior ?? "auto";
-    m !== void 0 && (m = Ke.current.left + (m ?? 0)), C !== void 0 && (C = Ke.current.top + (C ?? 0)), !(Ke.current.left === m && Ke.current.top === C) && Qt({ left: m, top: C, behavior: S });
+    m !== void 0 && (m = He.current.left + (m ?? 0)), C !== void 0 && (C = He.current.top + (C ?? 0)), !(He.current.left === m && He.current.top === C) && Qt({ left: m, top: C, behavior: S });
   }, []), yn = W((f) => {
     let m = null;
-    if (Object.keys(Me).length > 1) {
+    if (Object.keys(Ee).length > 1) {
       const C = ho, S = C.length;
       for (let y = 0; !m && y < S; y++) {
-        const B = Me[C[y]];
+        const B = Ee[C[y]];
         B && V.isCellWithinRange(f, B.getVisibleRangeCoords()) && (m = B);
       }
     }
-    return m || (m = Me[et.Center]), m;
-  }, [Me]), fn = T((f, m = { inline: "nearest", block: "nearest" }, C = null) => {
+    return m || (m = Ee[_e.Center]), m;
+  }, [Ee]), fn = T((f, m = { inline: "nearest", block: "nearest" }, C = null) => {
     const S = { rowIndex: 0, colIndex: 0, ...f };
     let y = null;
     if (C !== null) {
-      if (y = Me[C], y === null) return new Promise((it, Ae) => {
-        Ae("Invalid view");
+      if (y = Ee[C], y === null) return new Promise((et, Be) => {
+        Be("Invalid view");
       });
     } else y = yn(S);
-    const B = wt(S), de = y.getLayout(), q = de.getColOffset(B.colStart), ce = de.getRowOffset(B.rowStart), G = de.getColOffset(B.colEnd + 1), Te = de.getRowOffset(B.rowEnd + 1), Ze = y.getBounds(), me = y.getTotalSize(), ke = y.getScrollTopLeft(), Le = ((it, Ae, Ie = !0) => {
-      Ie = Ie === !0 ? { block: "start", inline: "end" } : Ie === !1 ? { block: "end", inline: "end" } : { block: "end", inline: "end", ...Ie };
-      const _e = ro(Ie.inline, it.x, it.x + it.width, Ae.left, Ae.left + Ae.width, Ae.totalWidth), Et = ro(Ie.block, it.y, it.y + it.height, Ae.top, Ae.top + Ae.height, Ae.totalHeight);
-      if (_e !== void 0 || Et !== void 0) return { left: _e, top: Et };
-    })({ x: q + ke.left, y: ce + ke.top, width: G - q, height: Te - ce }, { left: ke.left, top: ke.top, width: Ze.width, height: Ze.height, totalWidth: me.width, totalHeight: me.height }, m);
-    if (!Le) return Promise.resolve({ ...ke });
-    const ve = { ...Le };
-    ve.left > Qe ? ve.left += 20 : ve.left < Qe && (ve.left -= 0), ve.top > ht ? ve.top += 20 : ve.top < ht && (ve.top -= 0);
-    const It = y.getScrollOrientation();
-    return It.horizontal && f.colIndex !== void 0 || delete ve.left, It.vertical && f.rowIndex !== void 0 || delete ve.top, new Promise((it, Ae) => {
+    const B = xt(S), me = y.getLayout(), le = me.getColOffset(B.colStart), we = me.getRowOffset(B.rowStart), H = me.getColOffset(B.colEnd + 1), Re = me.getRowOffset(B.rowEnd + 1), je = y.getBounds(), $e = y.getTotalSize(), Je = y.getScrollTopLeft(), Te = ((et, Be, tt = !0) => {
+      tt = tt === !0 ? { block: "start", inline: "end" } : tt === !1 ? { block: "end", inline: "end" } : { block: "end", inline: "end", ...tt };
+      const bt = ro(tt.inline, et.x, et.x + et.width, Be.left, Be.left + Be.width, Be.totalWidth), qe = ro(tt.block, et.y, et.y + et.height, Be.top, Be.top + Be.height, Be.totalHeight);
+      if (bt !== void 0 || qe !== void 0) return { left: bt, top: qe };
+    })({ x: le + Je.left, y: we + Je.top, width: H - le, height: Re - we }, { left: Je.left, top: Je.top, width: je.width, height: je.height, totalWidth: $e.width, totalHeight: $e.height }, m);
+    if (!Te) return Promise.resolve({ ...Je });
+    const de = { ...Te };
+    de.left > Qe ? de.left += 20 : de.left < Qe && (de.left -= 0), de.top > ft ? de.top += 20 : de.top < ft && (de.top -= 0);
+    const ct = y.getScrollOrientation();
+    return ct.horizontal && f.colIndex !== void 0 || delete de.left, ct.vertical && f.rowIndex !== void 0 || delete de.top, new Promise((et, Be) => {
       try {
-        Qt(ve), it(ve);
-      } catch (Ie) {
-        Ae(Ie);
+        Qt(de), et(de);
+      } catch (tt) {
+        Be(tt);
       }
     });
-  }, [Ot, nt, Me, wt]), an = T((f) => {
+  }, [zt, ot, Ee, xt]), an = T((f) => {
     const m = f.shiftKey;
     f.preventDefault();
     const { deltaX: C, deltaY: S, deltaMode: y } = f;
-    if (Rt.current || oe?.(f) === !1) return;
-    let de = m ? S : C, q = S;
-    const ce = m || Math.abs(de) > Math.abs(q);
-    y === 1 && (q *= 0), Rt.current = window.requestAnimationFrame(() => {
-      Rt.current = null, Sn(ce ? { left: de } : { top: q });
+    if (Mt.current || oe?.(f) === !1) return;
+    let me = m ? S : C, le = S;
+    const we = m || Math.abs(me) > Math.abs(le);
+    y === 1 && (le *= 0), Mt.current = window.requestAnimationFrame(() => {
+      Mt.current = null, Sn(we ? { left: me } : { top: le });
     });
   }, [oe]), gn = W((f = null) => {
-    Gt.current = null, ft.current = null, jt();
+    Gt.current = null, gt.current = null, jt();
   }, []);
   en(() => {
     gn();
-  }, [ie]);
-  const on = wo(n, () => ({ stage: Ne.current, focus: nn, contains: vt, invalidate: gn, scrollTo: Qt, scrollBy: Sn, scrollCellCoordsIntoView: fn, getScrollPosition: qt, getDimensions: Dt, getViewport: ot, handleWheel: an, rowCount: c, columnCount: s, getLayout: () => ze, getRelativePointFromClient: sn, getViewFromClient: $n, getViewFromCellCoords: yn, getViewFromLocation: Ln, onViewChangeOnce: (f) => {
-    Ct.current.push(f);
-  } }), [c, s, Me]);
-  gt(() => (kt && on.current?.addEventListener("wheel", an, { passive: !1 }), Pt.current = !0, re.current = null, () => {
+  }, [ce]);
+  const on = wo(n, () => ({ stage: Ue.current, focus: nn, contains: yt, invalidate: gn, scrollTo: Qt, scrollBy: Sn, scrollCellCoordsIntoView: fn, getScrollPosition: qt, getDimensions: Tt, getViewport: rt, handleWheel: an, rowCount: c, columnCount: s, getLayout: () => De, getRelativePointFromClient: sn, getViewFromClient: $n, getViewFromCellCoords: yn, getViewFromLocation: Ln, onViewChangeOnce: (f) => {
+    Rt.current.push(f);
+  } }), [c, s, Ee]);
+  wt(() => (Pt && on.current?.addEventListener("wheel", an, { passive: !1 }), Dt.current = !0, re.current = null, () => {
     on.current?.removeEventListener("wheel", an);
-  }), [kt]);
-  const wn = le([]), Fn = (f, m) => {
-    !f || !He || (wn.current = [], m.push(((C, S) => {
-      const y = `view:${C.getAnchor()}:overlay:${m.length}`, B = He?.({ key: y, view: C }, (q) => wn.current[S] = q);
+  }), [Pt]);
+  const wn = ie([]), Fn = (f, m) => {
+    !f || !We || (wn.current = [], m.push(((C, S) => {
+      const y = `view:${C.getAnchor()}:overlay:${m.length}`, B = We?.({ key: y, view: C }, (le) => wn.current[S] = le);
       if (!B) return null;
-      const de = C.getBounds();
-      return Ee("div", { style: { position: "absolute", left: "0px", top: "0px", width: `${de.width}px`, height: `${de.height}px`, overflow: "hidden" }, children: B }, `overlay-${C.getAnchor()}-${S}`);
+      const me = C.getBounds();
+      return Ce("div", { style: { position: "absolute", left: "0px", top: "0px", width: `${me.width}px`, height: `${me.height}px`, overflow: "hidden" }, children: B }, `overlay-${C.getAnchor()}-${S}`);
     })(f, 0)));
-  }, Vn = Ve(() => {
-    const f = {}, m = Object.keys(Me), C = m.length;
+  }, Vn = Ae(() => {
+    const f = {}, m = Object.keys(Ee), C = m.length;
     for (let S = 0; S < C; S++) {
       const y = m[S], B = [];
-      Fn(Me[y], B), f[y] = { overlays: B };
+      Fn(Ee[y], B), f[y] = { overlays: B };
     }
     return f;
-  }, [lt, He, c, s, De, Ge]), bn = (f, m, C, S, y, B, de) => {
+  }, [it, We, c, s, ke, Ze]), bn = (f, m, C, S, y, B, me) => {
     if (!f) return;
-    const q = f.getVisibleColumns(), ce = f.getVisibleRows();
-    if (q.length === 0 || ce.length === 0) return;
-    let G = null;
-    if (L) G = L(f);
+    const le = f.getVisibleColumns(), we = f.getVisibleRows();
+    if (le.length === 0 || we.length === 0) return;
+    let H = null;
+    if (L) H = L(f);
     else {
-      G = [];
-      const Fe = ce.length, tt = q.length;
-      for (let Be = 0; Be < Fe; Be++) {
-        const $e = ce[Be];
-        for (let pt = 0; pt < tt; pt++) {
-          const ct = { rowIndex: $e, colIndex: q[pt] };
-          if (Q?.(ct)) continue;
-          const St = { coords: ct, range: wt(ct) };
-          G.push(St);
+      H = [];
+      const Oe = we.length, nt = le.length;
+      for (let Le = 0; Le < Oe; Le++) {
+        const ze = we[Le];
+        for (let vt = 0; vt < nt; vt++) {
+          const st = { rowIndex: ze, colIndex: le[vt] };
+          if (J?.(st)) continue;
+          const Ct = { coords: st, range: xt(st) };
+          H.push(Ct);
         }
       }
     }
-    const Te = f.getVisibleColumnOffsets(), Ze = f.getVisibleRowOffsets(), me = f.getScrollTopLeft(), ke = f.getFreezeTopLeft(), Le = me.left + ke.left, ve = me.top + ke.top, It = Math.trunc(Le / Xt), it = Math.trunc(ve / Xt), Ae = {}, Ie = (Fe, tt, Be, $e, pt) => {
-      const ct = `view:${Fe.getAnchor()}:cell:${oo(tt.rowIndex, tt.colIndex)}`, St = $e.x, Lt = $e.y, e = Math.trunc((Le + St) / Xt) - It, a = Math.trunc((ve + Lt) / Xt) - it;
-      Ae[a] || (Ae[a] = {});
-      let u = Ae[a][e];
-      u || (u = Ae[a][e] = []);
-      let d = B?.get(ct);
+    const Re = f.getVisibleColumnOffsets(), je = f.getVisibleRowOffsets(), $e = f.getScrollTopLeft(), Je = f.getFreezeTopLeft(), Te = $e.left + Je.left, de = $e.top + Je.top, ct = Math.trunc(Te / Xt), et = Math.trunc(de / Xt), Be = {}, tt = (Oe, nt, Le, ze, vt) => {
+      const st = `view:${Oe.getAnchor()}:cell:${oo(nt.rowIndex, nt.colIndex)}`, Ct = ze.x, Lt = ze.y, e = Math.trunc((Te + Ct) / Xt) - ct, a = Math.trunc((de + Lt) / Xt) - et;
+      Be[a] || (Be[a] = {});
+      let u = Be[a][e];
+      u || (u = Be[a][e] = []);
+      let d = B?.get(st);
       if (!d) {
-        const g = (Le + St) % Xt, E = (ve + Lt) % Xt;
-        d = ie({ key: ct, coords: tt, bounds: $e, zoom: X, range: Be, view: Fe, value: pt, style: { left: _.boundPixel(g), top: _.boundPixel(E), width: _.boundPixel($e.width, !0), height: _.boundPixel($e.height, !0) } });
+        const g = (Te + Ct) % Xt, E = (de + Lt) % Xt;
+        d = ce({ key: st, coords: nt, bounds: ze, zoom: X, range: Le, view: Oe, value: vt, style: { left: Q.boundPixel(g), top: Q.boundPixel(E), width: Q.boundPixel(ze.width, !0), height: Q.boundPixel(ze.height, !0) } });
       }
-      de?.set(ct, d), u.push(d);
-    }, _e = G.length;
-    for (let Fe = 0; G && Fe < _e; Fe++) {
-      const tt = G[Fe], Be = tt?.coords ?? tt;
-      if (!Be) continue;
-      const $e = tt?.range ?? { rowStart: Be.rowIndex, colStart: Be.colIndex, rowEnd: Be.rowIndex, colEnd: Be.colIndex }, pt = f.getVisibleRangeCoords();
-      if (!V.isRangesIntersect($e, pt) && !V.isRangeWithinRange($e, pt)) continue;
-      const ct = $e && !V.isSingleCell($e);
-      if (!ct && Q?.(Be)) continue;
-      const St = Be.rowIndex, Lt = Be.colIndex, e = Ze[St], a = Te[Lt];
+      me?.set(st, d), u.push(d);
+    }, bt = H.length;
+    for (let Oe = 0; H && Oe < bt; Oe++) {
+      const nt = H[Oe], Le = nt?.coords ?? nt;
+      if (!Le) continue;
+      const ze = nt?.range ?? { rowStart: Le.rowIndex, colStart: Le.colIndex, rowEnd: Le.rowIndex, colEnd: Le.colIndex }, vt = f.getVisibleRangeCoords();
+      if (!V.isRangesIntersect(ze, vt) && !V.isRangeWithinRange(ze, vt)) continue;
+      const st = ze && !V.isSingleCell(ze);
+      if (!st && J?.(Le)) continue;
+      const Ct = Le.rowIndex, Lt = Le.colIndex, e = je[Ct], a = Re[Lt];
       let u = null;
       e && a && (u = { x: a.offset, y: e.offset, width: a.size, height: e.size });
-      const d = oo($e.rowStart, $e.colStart);
-      if (ct) {
+      const d = oo(ze.rowStart, ze.colStart);
+      if (st) {
         if (y.has(d)) continue;
-        y.add(d), $e.rowEnd - $e.rowStart > 0 && C.push($e), $e.colEnd - $e.colStart > 0 && S.push($e);
+        y.add(d), ze.rowEnd - ze.rowStart > 0 && C.push(ze), ze.colEnd - ze.colStart > 0 && S.push(ze);
       }
-      if (ct && (u = so(f.getLayout(), $e)), !u) {
+      if (st && (u = so(f.getLayout(), ze)), !u) {
         console.warn("no bounds for cell", d);
         continue;
       }
-      const g = tt?.value;
-      Ie(f, Be, $e, u, g);
+      const g = nt?.value;
+      tt(f, Le, ze, u, g);
     }
-    const Et = Le % Xt, Se = ve % Xt, Je = Object.keys(Ae), zt = Je.length;
-    for (let Fe = 0; Fe < zt; Fe++) {
-      const tt = Je[Fe], Be = Ae[tt];
-      if (!Be) continue;
-      const $e = Object.keys(Be), pt = $e.length;
-      for (let ct = 0; ct < pt; ct++) {
-        const St = $e[ct], Lt = Be[St];
+    const qe = Te % Xt, ne = de % Xt, Ye = Object.keys(Be), mt = Ye.length;
+    for (let Oe = 0; Oe < mt; Oe++) {
+      const nt = Ye[Oe], Le = Be[nt];
+      if (!Le) continue;
+      const ze = Object.keys(Le), vt = ze.length;
+      for (let st = 0; st < vt; st++) {
+        const Ct = ze[st], Lt = Le[Ct];
         if (!Lt) continue;
-        const e = parseInt(tt), a = parseInt(St), u = e + it, d = a + It, g = `view:${f.getAnchor()}:segment:${d}:${u}`;
-        m.push(Ee("div", { className: "cell-container", style: { transform: `translate(${_.boundPixel(a * Xt - Et, !0)}px, ${_.boundPixel(e * Xt - Se, !0)}px)`, willChange: "transform" }, children: Lt }, g));
+        const e = parseInt(nt), a = parseInt(Ct), u = e + et, d = a + ct, g = `view:${f.getAnchor()}:segment:${d}:${u}`;
+        m.push(Ce("div", { className: "cell-container", style: { transform: `translate(${Q.boundPixel(a * Xt - qe, !0)}px, ${Q.boundPixel(e * Xt - ne, !0)}px)`, willChange: "transform" }, children: Lt }, g));
       }
     }
-  }, At = Ve(() => {
-    const f = Gt.current, m = /* @__PURE__ */ new Map(), C = {}, S = Object.keys(Me), y = S.length;
+  }, At = Ae(() => {
+    const f = Gt.current, m = /* @__PURE__ */ new Map(), C = {}, S = Object.keys(Ee), y = S.length;
     for (let B = 0; B < y; B++) {
-      const de = S[B], q = [], ce = [], G = [];
-      bn(Me[de], G, q, ce, /* @__PURE__ */ new Set(), f, m), C[de] = { cells: G, rangesH: q, rangesV: ce };
+      const me = S[B], le = [], we = [], H = [];
+      bn(Ee[me], H, le, we, /* @__PURE__ */ new Set(), f, m), C[me] = { cells: H, rangesH: le, rangesV: we };
     }
     return Gt.current = m, C;
-  }, [lt, c, s, De, Ge, $, ge, Re, Q, L, Ce, ne, wt]), Cn = (f, m, C, S, y) => {
+  }, [it, c, s, ke, Ze, $, ge, Ie, J, L, be, te, xt]), Cn = (f, m, C, S, y) => {
     if (!f) return;
-    const B = f.getLayout();
+    const B = f.getLayout(), me = window.devicePixelRatio || 1, le = String(1 / me);
     if (m) {
-      const de = `view:${f.getAnchor()}:hl:`, q = f.getVisibleRows();
-      if ((q ? q.length : 0) === 0) return;
-      const ce = y.sort(V.rowFirstRangeComparator), G = f.getVisibleRangeCoords(), Te = 0, Ze = Math.min(f.getBounds().width, B.getColOffset(G.colEnd + 1));
-      let me = [];
-      for (let ke = 0; ke < q.length && q[ke] <= G.rowEnd; ke++) {
-        const Le = q[ke];
-        if (Le < G.rowStart) continue;
-        let ve = !1;
-        for (; ce.length > 0 && ce[0].rowStart <= Le; ) {
-          const Ie = ce.shift();
-          Ie.rowEnd > Le && (me.push(Ie), ve = !0);
+      const we = `view:${f.getAnchor()}:hl:`, H = f.getVisibleRows();
+      if ((H ? H.length : 0) === 0) return;
+      const Re = y.sort(V.rowFirstRangeComparator), je = f.getVisibleRangeCoords(), $e = 0, Je = Math.min(f.getBounds().width, B.getColOffset(je.colEnd + 1));
+      let Te = [];
+      for (let de = 0; de < H.length && H[de] <= je.rowEnd; de++) {
+        const ct = H[de];
+        if (ct < je.rowStart) continue;
+        let et = !1;
+        for (; Re.length > 0 && Re[0].rowStart <= ct; ) {
+          const qe = Re.shift();
+          qe.rowEnd > ct && (Te.push(qe), et = !0);
         }
-        ve && (me = me.sort(V.columnFirstRangeComparator));
-        const It = B.getRowOffset(Le + 1);
-        let it = Te;
-        const Ae = me.length;
-        for (let Ie = 0; Ie < Ae + 1; Ie++) {
-          let _e = it, Et = Ze;
-          const Se = me[Ie];
-          Ie < Ae && (Et = Math.min(Ze, B.getColOffset(Se.colStart)), it = Math.min(Ze, B.getColOffset(Se.colEnd + 1))), S.push(xo("path", { d: `M ${_.boundPixel(_e)} ${_.boundPixel(It, !1, C)} L ${_.boundPixel(Et)} ${_.boundPixel(It, !1, C)}`, stroke: Y, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...j, key: de + Le + ":" + Ie }));
+        et && (Te = Te.sort(V.columnFirstRangeComparator));
+        const Be = B.getRowOffset(ct + 1);
+        let tt = $e;
+        const bt = Te.length;
+        for (let qe = 0; qe < bt + 1; qe++) {
+          let ne = tt, Ye = Je;
+          const mt = Te[qe];
+          qe < bt && (Ye = Math.min(Je, B.getColOffset(mt.colStart)), tt = Math.min(Je, B.getColOffset(mt.colEnd + 1))), S.push(xo("path", { d: `M ${Q.boundPixel(ne)} ${Q.boundPixel(Be, !1, C)} L ${Q.boundPixel(Ye)} ${Q.boundPixel(Be, !1, C)}`, stroke: Y, strokeWidth: le, vectorEffect: "non-scaling-stroke", ...q, key: we + ct + ":" + qe }));
         }
-        for (let Ie = Ae - 1; Ie >= 0; Ie--) me[Ie].rowEnd <= q[ke + 1] && me.splice(Ie, 1);
+        for (let qe = bt - 1; qe >= 0; qe--) Te[qe].rowEnd <= H[de + 1] && Te.splice(qe, 1);
       }
     } else {
-      const de = `view:${f.getAnchor()}:vl:`, q = f.getVisibleColumns(), ce = q ? q.length : 0;
-      if (ce === 0) return;
-      const G = y.sort(V.columnFirstRangeComparator), Te = f.getVisibleRangeCoords(), Ze = 0, me = Math.min(f.getBounds().height, B.getRowOffset(Te.rowEnd + 1));
-      let ke = [];
-      for (let Le = 0; Le < ce && q[Le] <= Te.colEnd; Le++) {
-        const ve = q[Le];
-        if (ve < Te.colStart) continue;
-        let It = !1;
-        for (; G.length > 0 && G[0].colStart <= ve; ) {
-          const _e = G.shift();
-          _e.colEnd > ve && (ke.push(_e), It = !0);
+      const we = `view:${f.getAnchor()}:vl:`, H = f.getVisibleColumns(), Re = H ? H.length : 0;
+      if (Re === 0) return;
+      const je = y.sort(V.columnFirstRangeComparator), $e = f.getVisibleRangeCoords(), Je = 0, Te = Math.min(f.getBounds().height, B.getRowOffset($e.rowEnd + 1));
+      let de = [];
+      for (let ct = 0; ct < Re && H[ct] <= $e.colEnd; ct++) {
+        const et = H[ct];
+        if (et < $e.colStart) continue;
+        let Be = !1;
+        for (; je.length > 0 && je[0].colStart <= et; ) {
+          const ne = je.shift();
+          ne.colEnd > et && (de.push(ne), Be = !0);
         }
-        It && (ke = ke.sort(V.rowFirstRangeComparator));
-        const it = B.getColOffset(ve + 1);
-        let Ae = Ze;
-        const Ie = ke.length;
-        for (let _e = 0; _e < Ie + 1; _e++) {
-          let Et = Ae, Se = me;
-          const Je = ke[_e];
-          _e < Ie && (Se = Math.min(me, B.getRowOffset(Je.rowStart)), Ae = Math.min(me, B.getRowOffset(Je.rowEnd + 1))), S.push(Ee("path", { d: `M ${_.boundPixel(it, !1, C)} ${_.boundPixel(Et)} L ${_.boundPixel(it, !1, C)} ${_.boundPixel(Se)}`, stroke: Y, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...ee }, de + ve + ":" + _e));
+        Be && (de = de.sort(V.rowFirstRangeComparator));
+        const tt = B.getColOffset(et + 1);
+        let bt = Je;
+        const qe = de.length;
+        for (let ne = 0; ne < qe + 1; ne++) {
+          let Ye = bt, mt = Te;
+          const Oe = de[ne];
+          ne < qe && (mt = Math.min(Te, B.getRowOffset(Oe.rowStart)), bt = Math.min(Te, B.getRowOffset(Oe.rowEnd + 1))), S.push(Ce("path", { d: `M ${Q.boundPixel(tt, !1, C)} ${Q.boundPixel(Ye)} L ${Q.boundPixel(tt, !1, C)} ${Q.boundPixel(mt)}`, stroke: Y, strokeWidth: le, vectorEffect: "non-scaling-stroke", ..._ }, we + et + ":" + ne));
         }
-        for (let _e = Ie - 1; _e >= 0; _e--) ke[_e].colEnd <= q[Le + 1] && ke.splice(_e, 1);
+        for (let ne = qe - 1; ne >= 0; ne--) de[ne].colEnd <= H[ct + 1] && de.splice(ne, 1);
       }
     }
   }, xn = (f) => {
     if (!At) return;
     const m = {}, C = Jt.length;
     for (let S = 0; S < C; S++) {
-      const y = Jt[S], B = Me[y], de = [];
-      Cn(B, f, 0, de, f ? At[y].rangesH : At[y].rangesV);
-      const q = B.getRangeCoordsBounds(), ce = Math.ceil(q.width), G = Math.ceil(q.height);
-      m[y] = Ee("svg", { width: `${ce}`, height: `${G}`, viewBox: `0 0 ${ce} ${G}`, preserveAspectRatio: "none", shapeRendering: "crispEdges", style: { position: "absolute" }, children: de });
+      const y = Jt[S], B = Ee[y], me = [];
+      Cn(B, f, 0, me, f ? At[y].rangesH : At[y].rangesV);
+      const le = B.getRangeCoordsBounds(), we = Math.ceil(le.width), H = Math.ceil(le.height);
+      m[y] = Ce("svg", { width: `${we}`, height: `${H}`, viewBox: `0 0 ${we} ${H}`, preserveAspectRatio: "none", shapeRendering: "crispEdges", style: { position: "absolute" }, children: me });
     }
     return m;
-  }, In = Ve(() => $ === !0 || $?.horizontal === !0 ? xn(!0) : null, [lt, $, De, U, k, Y, j, c, s, Xe, Ot, Me, At]), En = Ve(() => $ === !0 || $?.vertical === !0 ? xn(!1) : null, [lt, $, Ge, U, k, Y, ee, c, s, qe, nt, Me, At]), Wn = Ve(() => Mt.left === 0 ? null : Ee(ao, { linePoints: [0, 0, 0, qe + 1], bounds: { x: Mt.left, y: 0, width: 1, height: qe + 1 }, ...he }), [lt, Mt.left, qe, he]), Un = Ve(() => Mt.top === 0 ? null : Ee(ao, { linePoints: [0, 0, Xe + 1, 0], bounds: { x: 0, y: Mt.top, width: Xe + 1, height: 1 }, ...P }), [lt, Mt.top, Xe, P]), pn = Ve(() => {
+  }, In = Ae(() => $ === !0 || $?.horizontal === !0 ? xn(!0) : null, [it, $, ke, U, k, Y, q, c, s, Ge, zt, Ee, At]), En = Ae(() => $ === !0 || $?.vertical === !0 ? xn(!1) : null, [it, $, Ze, U, k, Y, _, c, s, Ke, ot, Ee, At]), Wn = Ae(() => kt.left === 0 ? null : Ce(ao, { linePoints: [0, 0, 0, Ke + 1], bounds: { x: kt.left, y: 0, width: 1, height: Ke + 1 }, ...he }), [it, kt.left, Ke, he]), Un = Ae(() => kt.top === 0 ? null : Ce(ao, { linePoints: [0, 0, Ge + 1, 0], bounds: { x: 0, y: kt.top, width: Ge + 1, height: 1 }, ...P }), [it, kt.top, Ge, P]), pn = Ae(() => {
     const f = [], m = (S) => {
-      if (!S || !Me[S]) return;
-      const y = Me[S].getBounds();
+      if (!S || !Ee[S]) return;
+      const y = Ee[S].getBounds();
       return _t("div", { style: { position: "absolute", pointerEvents: "none", left: y.x, top: y.y, width: y.width, height: y.height, clip: `rect(0, ${y.width + 1}px, ${y.height + 1}px, 0)` }, className: `view view-${S}`, children: [In?.[S], En?.[S], At?.[S].cells] }, `view:${S}`);
     }, C = Jt.length;
     for (let S = 0; S < C; S++) f.push(m(Jt[S]));
-    return Ee(Qn, { children: f });
-  }, [Me, In, En, At]), Hn = Ve(() => {
+    return Ce(Qn, { children: f });
+  }, [Ee, In, En, At]), Hn = Ae(() => {
     if (!n) return;
-    const f = (q, ce, G, Te) => {
-      if (!Te || Te.length === 0) return;
-      const Ze = [], me = Te.length;
-      for (let ke = 0; ke < me; ke++) {
-        const Le = Te[ke];
-        let ve = q?.get(Le);
-        ve !== Yn && (ve = Le(G) ?? Yn), ce.set(Le, ve), ve && ve !== Yn && Ze.push(ve);
+    const f = (le, we, H, Re) => {
+      if (!Re || Re.length === 0) return;
+      const je = [], $e = Re.length;
+      for (let Je = 0; Je < $e; Je++) {
+        const Te = Re[Je];
+        let de = le?.get(Te);
+        de !== Yn && (de = Te(H) ?? Yn), we.set(Te, de), de && de !== Yn && je.push(de);
       }
-      return Ze;
-    }, m = (q, ce, G) => {
-      if (!G) return;
-      const Te = G.getBounds(), Ze = G.getInsets(), me = G.getAnchor();
-      return _t("div", { className: rn("view", `view-${me}`, uo.view), style: { position: "absolute", pointerEvents: "none", left: Te.x - Ze.left, top: Te.y - Ze.top, width: Te.width - (Ze.left + Ze.right), height: Te.height - (Ze.top + Ze.bottom), clipPath: p ? "inset(-2px)" : "inset(0px)" }, children: [f(q, ce, G, be), Vn?.[me].overlays] }, `view:${me}`);
-    }, C = ft.current, S = {}, y = [], B = Object.keys(Me), de = B.length;
-    for (let q = 0; q < de; q++) {
-      const ce = B[q], G = C?.[ce], Te = S[ce] = /* @__PURE__ */ new Map();
-      y.push(m(G, Te, Me[ce]));
+      return je;
+    }, m = (le, we, H) => {
+      if (!H) return;
+      const Re = H.getBounds(), je = H.getInsets(), $e = H.getAnchor();
+      return _t("div", { className: rn("view", `view-${$e}`, uo.view), style: { position: "absolute", pointerEvents: "none", left: Re.x - je.left, top: Re.y - je.top, width: Re.width - (je.left + je.right), height: Re.height - (je.top + je.bottom), clipPath: p ? "inset(-2px)" : "inset(0px)" }, children: [f(le, we, H, ye), Vn?.[$e].overlays] }, `view:${$e}`);
+    }, C = gt.current, S = {}, y = [], B = Object.keys(Ee), me = B.length;
+    for (let le = 0; le < me; le++) {
+      const we = B[le], H = C?.[we], Re = S[we] = /* @__PURE__ */ new Map();
+      y.push(m(H, Re, Ee[we]));
     }
-    return ft.current = S, y;
-  }, [lt, Me, p, be]), Nn = Ve(() => {
-    const { style: f, ...m } = je ?? {};
-    return Ee("div", { style: { width: Xe, height: qe, ...f }, className: "sheetxl-stage", tabIndex: 0, ref: Ne, ...m, ...Wt, children: Ye ? Ye(pn) : pn });
-  }, [Xe, qe, pn, je, Ye]), Rn = le(!1);
-  return gt(() => {
-    !Rn.current && At && (Rn.current = !0, xe?.(on.current));
-  }, [At]), _t("div", { className: rn("sheetxl-grid", uo["sheetxl-grid"]), style: { overflow: "visible", cursor: J, maxWidth: Xe, maxHeight: qe, width: Xe, height: qe, ...ge }, ref: on, children: [Nn, _t("div", { className: rn("sheetxl-overlays"), ref: rt, ...A, children: [Hn, Wn, Un] })] });
+    return gt.current = S, y;
+  }, [it, Ee, p, ye]), Nn = Ae(() => {
+    const { style: f, ...m } = Ne ?? {};
+    return Ce("div", { style: { width: Ge, height: Ke, ...f }, className: "sheetxl-stage", tabIndex: 0, ref: Ue, ...m, ...Wt, children: Xe ? Xe(pn) : pn });
+  }, [Ge, Ke, pn, Ne, Xe]), Rn = ie(!1);
+  return wt(() => {
+    !Rn.current && At && (Rn.current = !0, pe?.(on.current));
+  }, [At]), _t("div", { className: rn("sheetxl-grid", uo["sheetxl-grid"]), style: { overflow: "visible", cursor: Z, maxWidth: Ge, maxHeight: Ke, width: Ge, height: Ke, ...ge }, ref: on, children: [Nn, _t("div", { className: rn("sheetxl-overlays"), ref: lt, ...A, children: [Hn, Wn, Un] })] });
 }));
 Ro.displayName = "BaseGrid";
 const Mo = Kt(tn((t, n) => {
   const { width: o, height: r, style: c = {}, className: s, ...i } = t, [l, { width: h, height: O }] = yo();
-  return Ee("div", { className: s, style: { ...c }, children: Ee("div", { style: { position: "relative", top: "0px", left: "0px", width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", boxSizing: "content-box" }, ref: l, children: Ee(Ro, { ref: n, width: o ?? h, height: r ?? O, ...i }) }) });
+  return Ce("div", { className: s, style: { ...c }, children: Ce("div", { style: { position: "relative", top: "0px", left: "0px", width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", boxSizing: "content-box" }, ref: l, children: Ce(Ro, { ref: n, width: o ?? h, height: r ?? O, ...i }) }) });
 }));
 Mo.displayName = "Grid";
 const sr = Kt(tn((t, n) => {
-  const { showVerticalScrollbar: o, showHorizontalScrollbar: r, createHorizontalScrollbar: c, createVerticalScrollbar: s, createScrollCorner: i, viewport: l, onScrollViewport: h, style: O = {}, className: z, onScroll: M, ...R } = t, [$, Y] = dt(null), j = le(null), ee = le(null);
-  Tn(!l), $o(n, () => ee.current && j.current ? Object.assign(ee.current, j.current) : null);
-  const Re = W((J) => {
-    ee.current?.scrollTo(J), h?.(J);
+  const { showVerticalScrollbar: o, showHorizontalScrollbar: r, createHorizontalScrollbar: c, createVerticalScrollbar: s, createScrollCorner: i, viewport: l, onScrollViewport: h, style: O = {}, className: z, onScroll: M, ...R } = t, [$, Y] = ut(null), q = ie(null), _ = ie(null);
+  Tn(!l), $o(n, () => _.current && q.current ? Object.assign(_.current, q.current) : null);
+  const Ie = W((Z) => {
+    _.current?.scrollTo(Z), h?.(Z);
   }, []);
-  return Ee(zo, { className: z, style: O, ref: j, showVerticalScrollbar: o, showHorizontalScrollbar: r, createHorizontalScrollbar: c, createVerticalScrollbar: s, createScrollCorner: i, viewport: $, onScrollViewport: Re, children: Ee(Mo, { style: { width: "100%", height: "100%" }, ...R, onViewportChange: (J) => Y(J), ref: ee }) });
+  return Ce(zo, { className: z, style: O, ref: q, showVerticalScrollbar: o, showHorizontalScrollbar: r, createHorizontalScrollbar: c, createVerticalScrollbar: s, createScrollCorner: i, viewport: $, onScrollViewport: Ie, children: Ce(Mo, { style: { width: "100%", height: "100%" }, ...R, onViewportChange: (Z) => Y(Z), ref: _ }) });
 }));
 sr.displayName = "ScrollableGrid";
 const fo = () => !1, ar = Kt((t) => {
-  const { index: n, value: o, zoom: r, zoomScale: c = 100, headerText: s = (be) => `${be}`, headerStyle: i, headerStyleSelect: l = i, headerStyleSelectAll: h = l, headerStyleHover: O = h, verticalPadding: z = 0, horizontalPadding: M = 0, isSelected: R = fo, isSelectedAll: $ = fo, coords: Y, bounds: j, range: ee, orientation: Re, view: J, style: k, ...U } = t, he = c / 100, P = le(null), [ie, Ue] = dt(!1), Oe = R?.(n) || !1, He = $?.(n) ? h : Oe ? l : i;
-  let fe = He;
-  if (ie) {
-    let be = O;
-    typeof O == "function" && (be = O(He)), fe = Nt.mergeContentful(He, be);
+  const { index: n, value: o, zoom: r, zoomScale: c = 100, headerText: s = (ye) => `${ye}`, headerStyle: i, headerStyleSelect: l = i, headerStyleSelectAll: h = l, headerStyleHover: O = h, verticalPadding: z = 0, horizontalPadding: M = 0, isSelected: R = fo, isSelectedAll: $ = fo, coords: Y, bounds: q, range: _, orientation: Ie, view: Z, style: k, ...U } = t, he = c / 100, P = ie(null), [ce, Ve] = ut(!1), Pe = R?.(n) || !1, We = $?.(n) ? h : Pe ? l : i;
+  let fe = We;
+  if (ce) {
+    let ye = O;
+    typeof O == "function" && (ye = O(We)), fe = Nt.mergeContentful(We, ye);
   }
-  return Ee("div", { ref: P, style: { background: fe.fill, color: fe.text?.fill, fontFamily: fe.text?.fontFamily ?? i.text?.fontFamily, fontSize: 96 * (fe.text?.fontSize ?? 11) / 72 * he, fontStyle: fe.text?.fontStyle, fontWeight: fe.text?.fontWeight, lineHeight: 1.2, display: "flex", justifyContent: "center", alignItems: "end", pointerEvents: "auto", paddingBottom: `${he}px`, ...k, left: k.left - (Re === Ht.Column ? 1 : 0), top: k.top - (Re === Ht.Row ? 1 : 0), width: k.width + 1, height: k.height + 1, overflow: "hidden" }, ...U, onMouseMove: (be) => {
-    _.detectIt().primaryInput !== "touch" && be.buttons === 0 && Ue(!0);
-  }, onMouseOut: (be) => {
-    Ue(!1);
+  return Ce("div", { ref: P, style: { background: fe.fill, color: fe.text?.fill, fontFamily: fe.text?.fontFamily ?? i.text?.fontFamily, fontSize: 96 * (fe.text?.fontSize ?? 11) / 72 * he, fontStyle: fe.text?.fontStyle, fontWeight: fe.text?.fontWeight, lineHeight: 1.2, display: "flex", justifyContent: "center", alignItems: "end", pointerEvents: "auto", paddingBottom: `${he}px`, ...k, left: k.left - (Ie === Ht.Column ? 1 : 0), top: k.top - (Ie === Ht.Row ? 1 : 0), width: k.width + 1, height: k.height + 1, overflow: "hidden" }, ...U, onMouseMove: (ye) => {
+    Q.detectIt().primaryInput !== "touch" && ye.buttons === 0 && Ve(!0);
+  }, onMouseOut: (ye) => {
+    Ve(!1);
   }, children: s(n) });
 });
 ar.displayName = "HeaderRenderer";
 const ko = "ew-resize", Po = "ns-resize", dr = Kt(tn((t, n) => {
-  const { orientation: o, view: r, index: c, className: s, style: i, disabled: l = !1, disabledResize: h = !1, isNextHidden: O, isHidden: z, isSelected: M, isSelectedAll: R, showTouchDivider: $, headerStyle: Y, headerStyleSelect: j, headerStyleSelectAll: ee, headerStyleHover: Re, bounds: J, onPointerDown: k, onAutoFit: U, ...he } = t, P = o === Ht.Column;
-  let ie = Y;
-  M && j && (ie = j), R && ee && (ie = ee);
-  const Ue = _.detectIt().primaryInput === "touch";
-  let Oe = P ? 14 : 8, He = Oe / 2, fe = 0;
-  O && (fe = -2), z && (fe = 2), z && (Oe = Oe / 2 + fe, He = 2 * fe);
-  let be = ie.dividerStrokeFill ?? ie.strokeFill;
-  return !(M || R) && fe === 0 && (be = `linear-gradient(${P ? 180 : 90}deg, ${ie.fill}, ${be} 55%, ${be} 100%)`), _t("div", { className: rn("header-divider", { disabled: l }, s, `index-${c}`), ref: n, onPointerDown: Ue ? void 0 : k, onDoubleClick: Ue ? void 0 : () => U?.(), style: { top: (P ? 0 : -Oe / 2 + (fe - 1)) + "px", left: (P ? -Oe / 2 + (fe - 1) : 0) + "px", width: P ? Oe : "calc(100% + 1px)", height: P ? "calc(100% + 1px)" : Oe, position: "absolute", overflow: "visible", pointerEvents: "all", cursor: l || h || Ue ? void 0 : P ? ko : Po, ...i }, ...he, children: [Ee("div", { style: { position: "relative", top: `${P ? 0 : He}px`, left: `${P ? He : 0}px`, width: P ? 1 : "100%", height: P ? "100%" : 1, background: be }, onDoubleClick: () => U?.() }), $ && Ue ? Ee("div", { style: { position: "absolute", cursor: "grab", zIndex: 1, borderRadius: "4px", right: P ? "-6px" : "2px", bottom: P ? "2px" : "-9px", height: "24px", width: P ? "24px" : "18px", maxHeight: P ? "calc(100% - 4px)" : void 0, maxWidth: P ? void 0 : "calc(100% - 4px)", background: ie.fill, border: `${ee.edgeStrokeFill} solid 1px`, boxShadow: `0.5px 0.5px 0px 0px ${Y.text.fill}`, display: "flex", alignItems: "center", justifyContent: "center" }, onPointerDown: k, children: Ee("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(j.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: P ? void 0 : "rotate(90deg)" } }) }) : null] });
-})), ur = (t, n) => Ee(dr, { ...t, ref: n }), Ir = Kt(tn((t, n) => {
-  const { orientation: o, view: r, index: c, disabled: s = !1, disabledResize: i = !1, resizeThreshold: l = 1, dividerRenderer: h = ur, onDividerMouseDown: O, onDividerResizeStart: z, onDividerResize: M, onDividerResizeEnd: R, onDividerMouseUp: $, onDividerAutoFit: Y, onPointerDown: j, ...ee } = t, Re = T(j, [j]), J = T(Y, [Y]), k = o === Ht.Column;
+  const { orientation: o, view: r, index: c, className: s, style: i, disabled: l = !1, disabledResize: h = !1, isNextHidden: O, isHidden: z, isSelected: M, isSelectedAll: R, showTouchDivider: $, headerStyle: Y, headerStyleSelect: q, headerStyleSelectAll: _, headerStyleHover: Ie, bounds: Z, onPointerDown: k, onAutoFit: U, ...he } = t, P = o === Ht.Column;
+  let ce = Y;
+  M && q && (ce = q), R && _ && (ce = _);
+  const Ve = Q.detectIt().primaryInput === "touch";
+  let Pe = P ? 14 : 8, We = Pe / 2, fe = 0;
+  O && (fe = -2), z && (fe = 2), z && (Pe = Pe / 2 + fe, We = 2 * fe);
+  let ye = ce.dividerStrokeFill ?? ce.strokeFill;
+  return !(M || R) && fe === 0 && (ye = `linear-gradient(${P ? 180 : 90}deg, ${ce.fill}, ${ye} 55%, ${ye} 100%)`), _t("div", { className: rn("header-divider", { disabled: l }, s, `index-${c}`), ref: n, onPointerDown: Ve ? void 0 : k, onDoubleClick: Ve ? void 0 : () => U?.(), style: { top: (P ? 0 : -Pe / 2 + (fe - 1)) + "px", left: (P ? -Pe / 2 + (fe - 1) : 0) + "px", width: P ? Pe : "calc(100% + 1px)", height: P ? "calc(100% + 1px)" : Pe, position: "absolute", overflow: "visible", pointerEvents: "all", cursor: l || h || Ve ? void 0 : P ? ko : Po, ...i }, ...he, children: [Ce("div", { style: { position: "relative", top: `${P ? 0 : We}px`, left: `${P ? We : 0}px`, width: P ? 1 : "100%", height: P ? "100%" : 1, background: ye }, onDoubleClick: () => U?.() }), $ && Ve ? Ce("div", { style: { position: "absolute", cursor: "grab", zIndex: 1, borderRadius: "4px", right: P ? "-6px" : "2px", bottom: P ? "2px" : "-9px", height: "24px", width: P ? "24px" : "18px", maxHeight: P ? "calc(100% - 4px)" : void 0, maxWidth: P ? void 0 : "calc(100% - 4px)", background: ce.fill, border: `${_.edgeStrokeFill} solid 1px`, boxShadow: `0.5px 0.5px 0px 0px ${Y.text.fill}`, display: "flex", alignItems: "center", justifyContent: "center" }, onPointerDown: k, children: Ce("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(q.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: P ? void 0 : "rotate(90deg)" } }) }) : null] });
+})), ur = (t, n) => Ce(dr, { ...t, ref: n }), Ir = Kt(tn((t, n) => {
+  const { orientation: o, view: r, index: c, disabled: s = !1, disabledResize: i = !1, resizeThreshold: l = 1, dividerRenderer: h = ur, onDividerMouseDown: O, onDividerResizeStart: z, onDividerResize: M, onDividerResizeEnd: R, onDividerMouseUp: $, onDividerAutoFit: Y, onPointerDown: q, ..._ } = t, Ie = T(q, [q]), Z = T(Y, [Y]), k = o === Ht.Column;
   let U = k ? r.getVisibleColumns() : r.getVisibleRows(), he = null;
   U.length > 0 && (k ? he = r.getRangeCoordsBounds({ rowStart: 0, rowEnd: 0, colStart: U[0], colEnd: U[U.length - 1] }) : r.getRangeCoordsBounds({ rowStart: U[0], rowEnd: U[U.length - 1], colStart: 0, colEnd: 0 }), he = r.toClipBounds(he, Vt));
-  const P = le(null), [ie, Ue] = dt(null), Oe = (ne, Ce) => k ? ne.clientX - Ce.clientX : ne.clientY - Ce.clientY, He = r.getLayout(), fe = k ? He.getColOffset(c + 1) : He.getRowOffset(c + 1), be = un({ processTouch: !0, onPointerDown: (ne) => {
-    if (Re?.(ne), !s && !i) {
-      const Ce = k ? He.getColOffset(c) : He.getRowOffset(c), Q = fe - Ce;
-      P.current = { isResizing: !1, startSize: Q, index: c, view: r, orientation: o, onDividerMouseDown: O, onDividerResizeStart: z, onDividerResize: M, onDividerResizeEnd: R, onDividerMouseUp: $ }, Ue(P.current), O?.(c, Q);
+  const P = ie(null), [ce, Ve] = ut(null), Pe = (te, be) => k ? te.clientX - be.clientX : te.clientY - be.clientY, We = r.getLayout(), fe = k ? We.getColOffset(c + 1) : We.getRowOffset(c + 1), ye = un({ processTouch: !0, onPointerDown: (te) => {
+    if (Ie?.(te), !s && !i) {
+      const be = k ? We.getColOffset(c) : We.getRowOffset(c), J = fe - be;
+      P.current = { isResizing: !1, startSize: J, index: c, view: r, orientation: o, onDividerMouseDown: O, onDividerResizeStart: z, onDividerResize: M, onDividerResizeEnd: R, onDividerMouseUp: $ }, Ve(P.current), O?.(c, J);
     }
-    ne.stopPropagation(), ne.preventDefault();
-  }, onPointerUp: (ne, Ce, Q) => {
+    te.stopPropagation(), te.preventDefault();
+  }, onPointerUp: (te, be, J) => {
     if (!P.current) return;
-    P.current.isResizing && P.current.onDividerResizeEnd?.(P.current.index, Math.max(0, P.current.startSize + Oe(ne, Q)), P.current.startSize);
+    P.current.isResizing && P.current.onDividerResizeEnd?.(P.current.index, Math.max(0, P.current.startSize + Pe(te, J)), P.current.startSize);
     const L = P.current;
-    P.current = null, Ue(P.current), L.onDividerMouseUp?.(L.index);
-  }, onPointerMoveOrWait: (ne, Ce, Q) => {
+    P.current = null, Ve(P.current), L.onDividerMouseUp?.(L.index);
+  }, onPointerMoveOrWait: (te, be, J) => {
     if (!P.current) return;
-    const L = Oe(ne, Q);
-    P.current.isResizing ? P.current.onDividerResize?.(P.current.index, Math.max(0, P.current.startSize + L), P.current.startSize) : Math.abs(L) > Math.max(1, l) && (P.current = { ...P.current, isResizing: !0 }, Ue(P.current), P.current.onDividerResizeStart?.(P.current.index, Math.max(0, P.current.startSize + L))), ne.stopPropagation(), ne.preventDefault();
+    const L = Pe(te, J);
+    P.current.isResizing ? P.current.onDividerResize?.(P.current.index, Math.max(0, P.current.startSize + L), P.current.startSize) : Math.abs(L) > Math.max(1, l) && (P.current = { ...P.current, isResizing: !0 }, Ve(P.current), P.current.onDividerResizeStart?.(P.current.index, Math.max(0, P.current.startSize + L))), te.stopPropagation(), te.preventDefault();
   } }), A = T(() => {
-    J?.(c);
+    Z?.(c);
   }, [c]);
   if (!he) return;
-  const p = h({ bounds: he, orientation: o, view: r, index: c, disabled: s, disabledResize: i, onAutoFit: A, onPointerDown: be, ...ee }, n);
+  const p = h({ bounds: he, orientation: o, view: r, index: c, disabled: s, disabledResize: i, onAutoFit: A, onPointerDown: ye, ..._ }, n);
   if (!p) return;
-  const { getPortalContainer: je } = go();
-  let Ye = null;
-  return ie && ie.isResizing && ie.index === c && (Ye = po(Ee("div", { style: { position: "absolute", cursor: k ? ko : Po, left: 0, top: 0, width: "100%", height: "100%" } }), je(), "divider:" + c)), _t(Qn, { children: [Ye, Ee("div", { className: rn("header-divider-anchor"), style: { position: "absolute", pointerEvents: "auto", top: `${k ? he.y : fe}px`, left: `${k ? fe : he.x}px`, width: (k ? 0 : he.width - 1) + "px", height: (k ? he.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: p })] });
+  const { getPortalContainer: Ne } = go();
+  let Xe = null;
+  return ce && ce.isResizing && ce.index === c && (Xe = po(Ce("div", { style: { position: "absolute", cursor: k ? ko : Po, left: 0, top: 0, width: "100%", height: "100%" } }), Ne(), "divider:" + c)), _t(Qn, { children: [Xe, Ce("div", { className: rn("header-divider-anchor"), style: { position: "absolute", pointerEvents: "auto", top: `${k ? he.y : fe}px`, left: `${k ? fe : he.x}px`, width: (k ? 0 : he.width - 1) + "px", height: (k ? he.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: p })] });
 }));
 class hr {
   naturalDimensions(n, o = {}) {
@@ -1797,91 +1797,91 @@ class hr {
   }
 }
 const fr = (t = void 0) => Object.freeze({ clean: t, dirty: void 0, editMode: !1 }), gr = fr(), Er = Kt(tn((t, n) => {
-  const { editState: o = gr, defaultTextStyle: r, onStartEdit: c, onChangeEdit: s, onSubmitEdit: i, onCancelEdit: l, onDoneEdit: h, containerBounds: O, setNaturalSize: z, onNavigate: M, textProperties: R, style: $, autoFocus: Y, ...j } = t, ee = le(null), { width: Re = 0 } = O ?? {}, [J, k] = dt(() => o);
-  gt(() => {
+  const { editState: o = gr, defaultTextStyle: r, onStartEdit: c, onChangeEdit: s, onSubmitEdit: i, onCancelEdit: l, onDoneEdit: h, containerBounds: O, setNaturalSize: z, onNavigate: M, textProperties: R, style: $, autoFocus: Y, ...q } = t, _ = ie(null), { width: Ie = 0 } = O ?? {}, [Z, k] = ut(() => o);
+  wt(() => {
     k(o);
   }, [o]);
-  const U = R?.align || "left", he = R?.vAlign || "middle", P = R?.fill || "#040404", ie = R?.wrap || "wrap", Ue = R?.fontFamily || "Calibri", Oe = R?.fontSize || 11, He = R?.fontWeight || 400, fe = R?.fontStyle || "normal", be = J.dirty ?? J.clean ?? "";
+  const U = R?.align || "left", he = R?.vAlign || "middle", P = R?.fill || "#040404", ce = R?.wrap || "wrap", Ve = R?.fontFamily || "Calibri", Pe = R?.fontSize || 11, We = R?.fontWeight || 400, fe = R?.fontStyle || "normal", ye = Z.dirty ?? Z.clean ?? "";
   let A = 2;
-  const p = 96 * Oe / 72, je = 1.2 * p;
+  const p = 96 * Pe / 72, Ne = 1.2 * p;
   he === "right" && (A += 1);
-  const Ye = Ve(() => new hr().naturalDimensions(be, { maxWidth: ie === "wrap" ? Re - A : void 0, lineHeight: `${je}px`, paintableText: { fontStyle: fe, wrap: ie, letterSpacing: -0.25 } }), [be, ie, A, p, Ue, He, fe, z, Re]), ne = W(() => Ye.maxLineHeight ? Ye.maxLineHeight + "px" : "1.2", [Ye]), [Ce, Q] = dt(ne);
+  const Xe = Ae(() => new hr().naturalDimensions(ye, { maxWidth: ce === "wrap" ? Ie - A : void 0, lineHeight: `${Ne}px`, paintableText: { fontStyle: fe, wrap: ce, letterSpacing: -0.25 } }), [ye, ce, A, p, Ve, We, fe, z, Ie]), te = W(() => Xe.maxLineHeight ? Xe.maxLineHeight + "px" : "1.2", [Xe]), [be, J] = ut(te);
   en(() => {
-    Q(ne());
-  }, [O, Ye]), en(() => {
-    z?.({ width: ie === "wrap" ? void 0 : Ye.width + A, height: Ye.height });
-  }, [Ye, z]);
+    J(te());
+  }, [O, Xe]), en(() => {
+    z?.({ width: ce === "wrap" ? void 0 : Xe.width + A, height: Xe.height });
+  }, [Xe, z]);
   const L = T(s, [s]), X = T((b) => {
-    if (J.dirty === b) return;
-    const Pe = { ...J };
-    Pe.dirty = b, ee.current, k(Pe), L?.(Pe);
-  }, [J]), kt = T((b) => {
-    if (J.editMode === b) return;
-    const Pe = { ...J };
-    Pe.editMode = b, k(Pe), L?.(Pe);
-  }, [J]), bt = T(() => {
+    if (Z.dirty === b) return;
+    const Me = { ...Z };
+    Me.dirty = b, _.current, k(Me), L?.(Me);
+  }, [Z]), Pt = T((b) => {
+    if (Z.editMode === b) return;
+    const Me = { ...Z };
+    Me.editMode = b, k(Me), L?.(Me);
+  }, [Z]), Et = T(() => {
     try {
-      return i?.(J), h?.(), !0;
+      return i?.(Z), h?.(), !0;
     } catch {
       return !1;
     }
-  }, [i, J]), wt = T(() => {
+  }, [i, Z]), xt = T(() => {
     k(o), l?.(), h?.();
-  }, [l, o]), ut = T((b) => {
-    if (!ee.current) return;
+  }, [l, o]), ht = T((b) => {
+    if (!_.current) return;
     if (b.isDefaultPrevented(), !(b.isTrusted || b.nativeEvent.ctrlKey || b.nativeEvent.metaKey || b.nativeEvent.altKey || b.nativeEvent.isComposing) && vo.indexOf(b.nativeEvent.key) !== -1) {
-      const oe = { ...J };
+      const oe = { ...Z };
       return oe.dirty = b.nativeEvent.key === "Backspace" ? "" : (oe.dirty ?? "") + b.key, k(oe), L?.(oe), void b.preventDefault();
     }
-    const Pe = b.nativeEvent.shiftKey;
-    if (b.which === Tt.Escape) return b.preventDefault(), void wt();
-    if (b.which === Tt.F2) return kt(!0), void b.preventDefault();
-    if (b.which === Tt.Enter && (b.preventDefault(), bt() && M?.(Pe ? w.Up : w.Down)), b.which === Tt.Tab) return b.preventDefault(), void (bt() && M?.(Pe ? w.Left : w.Right));
-    if (!J.editMode) {
+    const Me = b.nativeEvent.shiftKey;
+    if (b.which === Ot.Escape) return b.preventDefault(), void xt();
+    if (b.which === Ot.F2) return Pt(!0), void b.preventDefault();
+    if (b.which === Ot.Enter && (b.preventDefault(), Et() && M?.(Me ? w.Up : w.Down)), b.which === Ot.Tab) return b.preventDefault(), void (Et() && M?.(Me ? w.Left : w.Right));
+    if (!Z.editMode) {
       let oe = null;
       switch (b.which) {
-        case Tt.Left:
+        case Ot.Left:
           oe = w.Left;
           break;
-        case Tt.Right:
+        case Ot.Right:
           oe = w.Right;
           break;
-        case Tt.Up:
+        case Ot.Up:
           oe = w.Up;
           break;
-        case Tt.Down:
+        case Ot.Down:
           oe = w.Down;
       }
-      if (oe) return void bt();
+      if (oe) return void Et();
     }
-  }, [J, M]), [ge, Wt] = dt(!Y);
-  gt(() => {
+  }, [Z, M]), [ge, Wt] = ut(!Y);
+  wt(() => {
     Wt(!1);
   }, []);
   const D = wo(n, () => ({ startEdit(b) {
-    let Pe = b?.initialSelection;
-    if (!Pe) {
-      const xe = ee.current.value.length ?? 0;
-      Pe = { start: xe, end: xe, direction: "forward" };
+    let Me = b?.initialSelection;
+    if (!Me) {
+      const pe = _.current.value.length ?? 0;
+      Me = { start: pe, end: pe, direction: "forward" };
     }
-    ee.current?.setSelectionRange(Pe.start, Pe.end, Pe.direction);
+    _.current?.setSelectionRange(Me.start, Me.end, Me.direction);
     const oe = { ...o, editMode: b?.editMode ?? !1 };
     b?.text !== void 0 && (oe.dirty = b.text), oe.editMode === o.editMode && oe.dirty === o.dirty || (k(oe), L?.(oe));
-  }, submitEdit: () => bt(), cancelEdit() {
-    wt();
+  }, submitEdit: () => Et(), cancelEdit() {
+    xt();
   }, autoFocus() {
-    ee.current?.focus();
-  }, getLineHeight: () => Ye?.maxLineHeight ?? je, dispatchEvent: (b) => ee.current.dispatchEvent(b) }), [o, c]);
-  return Ee("div", { ref: D, ...j, style: { background: "transparent", display: "flex", flexGrow: 1, alignSelf: "center", height: Ye.height, maxWidth: "100%", maxHeight: "100%", ...$ }, children: Ee("textarea", { spellCheck: "false", ref: ee, value: be, autoFocus: !1, disabled: ge, name: "cell-editor", autoComplete: "off", autoCapitalize: "off", style: { flex: "1 1 100%", position: "relative", fontSize: `${p}px`, fontFamily: `${Ue}`, fontWeight: `${He}`, fontStyle: `${fe}`, padding: "0px", marginRight: U === "right" ? "3px" : "0px", marginLeft: U === "left" ? "2px" : "0px", lineHeight: Ce, height: Ye.height, textRendering: "geometricPrecision", letterSpacing: "-0.25px", boxSizing: "border-box", borderWidth: 0, outline: "none", resize: "none", overflow: "hidden", verticalAlign: "baseline", textAlign: U, background: "transparent", color: P, marginBottom: "0px", userSelect: "text", maxHeight: "100%", whiteSpace: ie === "wrap" ? "break-spaces" : "pre", wordWrap: "break-word" }, onChange: (b) => {
+    _.current?.focus();
+  }, getLineHeight: () => Xe?.maxLineHeight ?? Ne, dispatchEvent: (b) => _.current.dispatchEvent(b) }), [o, c]);
+  return Ce("div", { ref: D, ...q, style: { background: "transparent", display: "flex", flexGrow: 1, alignSelf: "center", height: Xe.height, maxWidth: "100%", maxHeight: "100%", ...$ }, children: Ce("textarea", { spellCheck: "false", ref: _, value: ye, autoFocus: !1, disabled: ge, name: "cell-editor", autoComplete: "off", autoCapitalize: "off", style: { flex: "1 1 100%", position: "relative", fontSize: `${p}px`, fontFamily: `${Ve}`, fontWeight: `${We}`, fontStyle: `${fe}`, padding: "0px", marginRight: U === "right" ? "3px" : "0px", marginLeft: U === "left" ? "2px" : "0px", lineHeight: be, height: Xe.height, textRendering: "geometricPrecision", letterSpacing: "-0.25px", boxSizing: "border-box", borderWidth: 0, outline: "none", resize: "none", overflow: "hidden", verticalAlign: "baseline", textAlign: U, background: "transparent", color: P, marginBottom: "0px", userSelect: "text", maxHeight: "100%", whiteSpace: ce === "wrap" ? "break-spaces" : "pre", wordWrap: "break-word" }, onChange: (b) => {
     X(b.target.value);
   }, onDoubleClick: (b) => {
     b.isTrusted;
   }, onMouseDown: (b) => {
-    kt(!0);
-  }, onKeyDown: ut }) });
+    Pt(!0);
+  }, onKeyDown: ht }) });
 })), Rr = Kt((t) => {
   const { value: n, view: o, bounds: r, range: c, zoom: s, children: i, style: l, ...h } = t;
-  return Ee("div", { style: { padding: "2px 4px", fontFamily: "Calibri", letterSpacing: -0.25, lineHeight: 1.2, fontSize: l?.fontSize || 1056 / 72, ...l }, ...h, children: n });
+  return Ce("div", { style: { padding: "2px 4px", fontFamily: "Calibri", letterSpacing: -0.25, lineHeight: 1.2, fontSize: l?.fontSize || 1056 / 72, ...l }, ...h, children: n });
 });
 export {
   Ro as BaseGrid,