@sheetxl/grid-react 0.4.22 → 0.5.0

package/browser/esm/index.mjs

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