@sheetxl/grid-react 0.7.20 → 0.7.22

package/browser/esm/index.mjs

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