@sheetxl/grid-react 0.3.2 → 0.3.4

package/browser/esm/index.mjs

@@ -1,17 +1,17 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._sheetxl-grid_11irg_13{position:relative;box-sizing:border-box;user-select:none}._sheetxl-grid_11irg_13 *{box-sizing:border-box!important}._sheetxl-grid_11irg_13 *:focus{outline:none}._sheetxl-grid_11irg_13 .cell-container{position:absolute;overflow:visible;white-space:pre}._sheetxl-grid_11irg_13 .cell-container>*{inset:0;position:absolute}._sheetxl-grid_11irg_13 .sheetxl-stage{contain:strict}._sheetxl-grid_11irg_13 .sheetxl-stage>*{contain:strict}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { jsx as Y, jsxs as Ht, Fragment as wn } from "react/jsx-runtime";
-import Sn, { memo as Dt, useCallback as O, useRef as J, useEffect as st, useImperativeHandle as Ur, forwardRef as Ut, useMemo as Ee, useLayoutEffect as nn, useState as Je, version as qr, createElement as Jo, useReducer as Qo } from "react";
+(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 q, jsxs as Ht, Fragment as wn } from "react/jsx-runtime";
+import Sn, { memo as At, useCallback as D, useRef as Z, useEffect as st, useImperativeHandle as Ur, forwardRef as Ut, useMemo as _e, useLayoutEffect as tn, useState as Ze, version as Kr, createElement as Jo, useReducer as Qo } from "react";
 import { createRoot as Oi } from "react-dom/client";
-import { unstable_batchedUpdates as Li, createPortal as Kr } from "react-dom";
+import { unstable_batchedUpdates as Li, createPortal as qr } from "react-dom";
 /**
- * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.3.2
+ * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.3.4
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const it = "up", lt = "down", ot = "left", Ke = "right", uo = "tl", Hn = "t", Nn = "l", Xt = "c", Bt = "text/html", fn = "text/plain", Mo = "image/png", Di = Object.freeze({ left: 0, top: 0 }), zi = Object.freeze({ left: 0, top: 0, bottom: 0, right: 0 }), Ai = Object.freeze({ x: 0, y: 0, width: 0, height: 0 });
+const it = "up", lt = "down", ot = "left", Ke = "right", uo = "tl", Hn = "t", Nn = "l", Xt = "c", Ft = "text/html", fn = "text/plain", Mo = "image/png", Di = Object.freeze({ left: 0, top: 0 }), zi = Object.freeze({ left: 0, top: 0, bottom: 0, right: 0 }), Ai = Object.freeze({ x: 0, y: 0, width: 0, height: 0 });
 Object.freeze(Object.defineProperty({ __proto__: null, EmptyBounds: Ai, EmptyRect: zi, EmptyTopLeft: Di }, Symbol.toStringTag, { value: "Module" }));
-const Nt = "column", cn = "row", $i = Object.freeze({ colIndex: 0, rowIndex: 0 }), Bi = Object.freeze({ colStart: 0, rowStart: 0, colEnd: 0, rowEnd: 0 }), Yr = (e, t) => e.colStart === t.colStart ? e.rowStart - t.rowStart : e.colStart - t.colStart, Xr = (e, t) => e.rowStart === t.rowStart ? e.colStart - t.colStart : e.rowStart - t.rowStart, Fi = (e, t) => e.rowEnd === t.rowEnd ? t.colEnd - e.colEnd : t.rowEnd - e.rowEnd, ji = (e, t) => e.colEnd === t.colEnd ? t.rowEnd - e.rowEnd : t.colEnd - e.colEnd, or = (e, t) => e.colIndex === t.colIndex ? e.rowIndex - t.rowIndex : e.colIndex - t.colIndex, rr = (e, t) => e.rowIndex === t.rowIndex ? e.colIndex - t.colIndex : e.rowIndex - t.rowIndex, Gr = (e = cn, t = !1) => t ? e !== Nt ? Fi : ji : e !== Nt ? Xr : Yr, ir = (e, t) => e === t || !(!e || !t) && e.rowIndex === t.rowIndex && e.colIndex === t.colIndex, jo = (e, t) => e === t || !(!e || !t) && e.rowStart === t.rowStart && e.rowEnd === t.rowEnd && e.colStart === t.colStart && e.colEnd === t.colEnd, Vo = (e, t) => !(!e || !t || e.colStart > t.colEnd || t.colStart > e.colEnd || e.rowStart > t.rowEnd || t.rowStart > e.rowEnd), lr = (e, t) => {
+const Nt = "column", an = "row", $i = Object.freeze({ colIndex: 0, rowIndex: 0 }), Bi = Object.freeze({ colStart: 0, rowStart: 0, colEnd: 0, rowEnd: 0 }), Yr = (e, t) => e.colStart === t.colStart ? e.rowStart - t.rowStart : e.colStart - t.colStart, Xr = (e, t) => e.rowStart === t.rowStart ? e.colStart - t.colStart : e.rowStart - t.rowStart, Fi = (e, t) => e.rowEnd === t.rowEnd ? t.colEnd - e.colEnd : t.rowEnd - e.rowEnd, ji = (e, t) => e.colEnd === t.colEnd ? t.rowEnd - e.rowEnd : t.colEnd - e.colEnd, or = (e, t) => e.colIndex === t.colIndex ? e.rowIndex - t.rowIndex : e.colIndex - t.colIndex, rr = (e, t) => e.rowIndex === t.rowIndex ? e.colIndex - t.colIndex : e.rowIndex - t.rowIndex, Gr = (e = an, t = !1) => t ? e !== Nt ? Fi : ji : e !== Nt ? Xr : Yr, ir = (e, t) => e === t || !(!e || !t) && e.rowIndex === t.rowIndex && e.colIndex === t.colIndex, jo = (e, t) => e === t || !(!e || !t) && e.rowStart === t.rowStart && e.rowEnd === t.rowEnd && e.colStart === t.colStart && e.colEnd === t.colEnd, Vo = (e, t) => !(!e || !t || e.colStart > t.colEnd || t.colStart > e.colEnd || e.rowStart > t.rowEnd || t.rowStart > e.rowEnd), lr = (e, t) => {
   if (e === t) return !0;
   if (!e || !t || e.length !== t.length) return !1;
   for (let n = 0; n < e.length; n++) if (!jo(e[n], t[n])) return !1;
@@ -34,54 +34,54 @@ const Nt = "column", cn = "row", $i = Object.freeze({ colIndex: 0, rowIndex: 0 }
 }, Vi = [null, null], Wi = (e, t, n) => {
   if (e[0].value === e[1].value) return t;
 };
-function cr(e, t = 2, n, o = cn, r) {
+function cr(e, t = 2, n, o = an, r) {
   let i = [...e];
   if (t <= 0 || e.length <= 1) return i;
   let l = o === Nt, s = 0, a = !1;
   do {
-    const d = i.sort(Gr(l ? cn : Nt));
+    const d = i.sort(Gr(l ? an : Nt));
     i = [], i.push(d[0]);
     const g = d.length;
-    let m = 0, f = d[0], x = f.colStart, E = f.rowStart, I = f.colEnd, M = f.rowEnd;
+    let m = 0, f = d[0], x = f.colStart, _ = f.rowStart, I = f.colEnd, R = f.rowEnd;
     for (let ae = 1; ae < g; ae++) {
-      const R = d[ae];
-      let _ = !1;
-      if (_ = l ? f && E === R.rowStart && M === R.rowEnd && I + 1 === R.colStart : f && x === R.colStart && I === R.colEnd && M + 1 === R.rowStart, _) {
-        let L = { colStart: x, rowStart: E, colEnd: l ? R.colEnd : I, rowEnd: l ? M : R.rowEnd };
-        if (f.value !== void 0 && (L.value = f.value), n) {
+      const P = d[ae];
+      let C = !1;
+      if (C = l ? f && _ === P.rowStart && R === P.rowEnd && I + 1 === P.colStart : f && x === P.colStart && I === P.colEnd && R + 1 === P.rowStart, C) {
+        let z = { colStart: x, rowStart: _, colEnd: l ? P.colEnd : I, rowEnd: l ? R : P.rowEnd };
+        if (f.value !== void 0 && (z.value = f.value), n) {
           const le = r ?? [null, null];
-          le[0] = f, le[1] = R, L = n(le, L, o);
+          le[0] = f, le[1] = P, z = n(le, z, o);
         }
-        if (L) {
-          i[m] = L, a = !0, f = L, x = f.colStart, E = f.rowStart, I = f.colEnd, M = f.rowEnd;
+        if (z) {
+          i[m] = z, a = !0, f = z, x = f.colStart, _ = f.rowStart, I = f.colEnd, R = f.rowEnd;
           continue;
         }
       }
-      i[++m] = R, f = R, x = f.colStart, E = f.rowStart, I = f.colEnd, M = f.rowEnd;
+      i[++m] = P, f = P, x = f.colStart, _ = f.rowStart, I = f.colEnd, R = f.rowEnd;
     }
     s++, l = !l, s === 1 && (a = !0);
   } while (s < t && a && i.length > 1);
   return i;
 }
-const Z = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCell: $i, EmptyRange: Bi, cellToRange: (e, t) => {
+const G = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCell: $i, EmptyRange: Bi, cellToRange: (e, t) => {
   if (!e) return null;
   let n = t;
   return n || (n = { ...e }, delete n.colIndex, delete n.rowIndex), n.colStart = e.colIndex ?? 0, n.rowStart = e.rowIndex ?? 0, n.colEnd = e.colIndex ?? 0, n.rowEnd = e.rowIndex ?? 0, n;
-}, columnFirstCellComparator: or, columnFirstRangeComparator: Yr, createCellComparator: (e = cn, t = !1) => t ? e !== Nt ? (n, o) => n.rowIndex === o.rowIndex ? o.colIndex - n.colIndex : o.rowIndex - n.rowIndex : (n, o) => n.colIndex === o.colIndex ? o.rowIndex - n.rowIndex : o.colIndex - n.colIndex : e !== Nt ? rr : or, createConflatingRanges: (e, t = !1) => {
+}, columnFirstCellComparator: or, columnFirstRangeComparator: Yr, createCellComparator: (e = an, t = !1) => t ? e !== Nt ? (n, o) => n.rowIndex === o.rowIndex ? o.colIndex - n.colIndex : o.rowIndex - n.rowIndex : (n, o) => n.colIndex === o.colIndex ? o.rowIndex - n.rowIndex : o.colIndex - n.colIndex : e !== Nt ? rr : or, createConflatingRanges: (e, t = !1) => {
   const n = [];
   let o, r, i = Number.MIN_SAFE_INTEGER, l = Number.MIN_SAFE_INTEGER;
   return { append: (s, a, d) => {
     let g = !0;
     const m = d !== void 0;
     if (m) {
-      const E = e ? e(r, d, t) : r === d ? d : void 0;
-      E === void 0 ? g = !1 : d = E;
+      const _ = e ? e(r, d, t) : r === d ? d : void 0;
+      _ === void 0 ? g = !1 : d = _;
     }
     if (g && a === l + 1 && s === i) return t ? o.rowEnd = a : o.colEnd = a, l = a, void (r = d);
     o && n.push(o);
     const f = t ? s : a, x = t ? a : s;
     o = { colStart: f, rowStart: x, colEnd: f, rowEnd: x }, m && (o.value = d), i = s, l = a, r = d;
-  }, done: (s) => (o && (n.push(o), o = null), s ? cr(n, 3, s === !0 ? Wi : s, t ? Nt : cn, Vi) : n) };
+  }, done: (s) => (o && (n.push(o), o = null), s ? cr(n, 3, s === !0 ? Wi : s, t ? Nt : an, Vi) : n) };
 }, createRangeComparator: Gr, defaultRange: (e, t, n) => e ? n ? (n.colStart = e.colStart ?? t.colStart, n.rowStart = e.rowStart ?? t.rowStart, n.colEnd = e.colEnd ?? t.colEnd, n.rowEnd = e.rowEnd ?? t.rowEnd, n) : { colStart: e.colStart ?? t.colStart, rowStart: e.rowStart ?? t.rowStart, colEnd: e.colEnd ?? t.colEnd, rowEnd: e.rowEnd ?? t.rowEnd } : t, extendRangeToIntersectingRanges: sr, extendRangeToUnionRanges: (e, t) => {
   if (!t || t.length === 0) return e;
   let n = e, o = null;
@@ -158,7 +158,7 @@ _n.all = function(e, t) {
     return _n(n, o, t);
   }, {});
 };
-const qi = Object.freeze([]), Ki = Object.freeze({}), ur = (e) => e, so = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+const Ki = Object.freeze([]), qi = Object.freeze({}), ur = (e) => e, so = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
   let t = 16 * Math.random() | 0;
   return (e === "x" ? t : 3 & t | 8).toString(16);
 }), Zr = (e, t) => e === t || !(!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length) && e.every((n, o) => n === t[o]), Fn = (e) => typeof e == "object" && !Array.isArray(e) && e !== null, Jr = (e) => typeof e != "object" || Array.isArray(e) || e === null ? e : (Object.keys(e).forEach(function(t) {
@@ -174,15 +174,15 @@ const qi = Object.freeze([]), Ki = Object.freeze({}), ur = (e) => e, so = () =>
     Qr(e[l], t?.[l], n) === null && (r = !0, delete e[l]);
   }
   return r && Object.keys(e).length === 0 ? null : void 0;
-}, hr = typeof performance == "object" && typeof performance.now == "function" ? () => performance.now() : () => Date.now(), fr = (e) => e == null, pr = (e, t) => !(t.left > e.right || t.right < e.left || t.top > e.bottom || t.bottom < e.top), gr = !(typeof window > "u" || !window.document || !window.document.createElement), Ft = { Windows: "windows", MacOS: "macos", IOS: "ios", Linux: "linux", Android: "android", Safari: "safari", Firefox: "firefox", Node: "node", Unknown: "unknown" }, Un = () => {
-  if (ei()) return Ft.Node;
+}, hr = typeof performance == "object" && typeof performance.now == "function" ? () => performance.now() : () => Date.now(), fr = (e) => e == null, pr = (e, t) => !(t.left > e.right || t.right < e.left || t.top > e.bottom || t.bottom < e.top), gr = !(typeof window > "u" || !window.document || !window.document.createElement), jt = { Windows: "windows", MacOS: "macos", IOS: "ios", Linux: "linux", Android: "android", Safari: "safari", Firefox: "firefox", Node: "node", Unknown: "unknown" }, Un = () => {
+  if (ei()) return jt.Node;
   const e = globalThis.navigator !== void 0 && globalThis.navigator.userAgent ? globalThis.navigator.userAgent.toLowerCase() : "";
-  return e ? /(win32|win64|windows|wince)/i.test(e) ? Ft.Windows : /(macintosh|macintel|macppc|mac68k|macos)/i.test(e) ? Ft.MacOS : /(iphone|ipad|ipod)/i.test(e) ? Ft.IOS : /android/.test(e) ? Ft.Android : /linux/.test(e) ? Ft.Linux : /^((?!chrome|android|).)*safari/i.test(e) ? Ft.Safari : /^((?!chrome|android|Seamonkey).)*firefox/i.test(e) ? Ft.Firefox : Ft.Unknown : Ft.Unknown;
+  return e ? /(win32|win64|windows|wince)/i.test(e) ? jt.Windows : /(macintosh|macintel|macppc|mac68k|macos)/i.test(e) ? jt.MacOS : /(iphone|ipad|ipod)/i.test(e) ? jt.IOS : /android/.test(e) ? jt.Android : /linux/.test(e) ? jt.Linux : /^((?!chrome|android|).)*safari/i.test(e) ? jt.Safari : /^((?!chrome|android|Seamonkey).)*firefox/i.test(e) ? jt.Firefox : jt.Unknown : jt.Unknown;
 };
 function ei() {
   return typeof process < "u" && process.release?.name === "node" || (typeof process < "u" && process.browser, !1);
 }
-const wr = (e, t = !1) => (document.hasFocus() || t) && (e === document.activeElement || e?.contains(document.activeElement)), Ct = Object.freeze(Object.defineProperty({ __proto__: null, EmptyArray: qi, EmptyObject: Ki, OSType: Ft, arrayMove: function(e, t, n) {
+const wr = (e, t = !1) => (document.hasFocus() || t) && (e === document.activeElement || e?.contains(document.activeElement)), Ct = Object.freeze(Object.defineProperty({ __proto__: null, EmptyArray: Ki, EmptyObject: qi, OSType: jt, arrayMove: function(e, t, n) {
   const o = e.slice();
   return o.splice(n < 0 ? o.length + n : n, 0, o.splice(t, 1)[0]), o;
 }, asNumber: (e) => {
@@ -530,12 +530,12 @@ Please use Chrome or Edge if external copy and paste is required.`, ko = `You do
 All copy and paste operations will be limited to the browser tab.`, ri = { Safari: `The Safari browser does not support advanced copy and paste.
 Copy and paste will be limited to within the browser tab.
 
-Please use Chrome or Edge if external copy and paste is required.`, Perms: ko, PermsWrite: Un() === Ft.Safari ? yr : ko, PermsRead: Un() === Ft.Safari ? yr : ko }, Po = async () => new Promise((e) => {
+Please use Chrome or Edge if external copy and paste is required.`, Perms: ko, PermsWrite: Un() === jt.Safari ? yr : ko, PermsRead: Un() === jt.Safari ? yr : ko }, Po = async () => new Promise((e) => {
   document.hasFocus() ? e() : globalThis.addEventListener?.("focus", () => {
     e();
   }, { once: !0 }), document.activeElement.focus?.();
 }), Oo = async (e, t, n) => {
-  if (Un() === Ft.Safari) return await n(new Error(ri.Safari));
+  if (Un() === jt.Safari) return await n(new Error(ri.Safari));
   try {
     const o = async (l) => {
       try {
@@ -552,7 +552,7 @@ Please use Chrome or Edge if external copy and paste is required.`, Perms: ko, P
   }
 }, ii = async (e) => {
   try {
-    return await e.read({ unsanitized: [Bt] });
+    return await e.read({ unsanitized: [Ft] });
   } catch {
   }
   return await e.read();
@@ -582,7 +582,7 @@ if (!globalThis.ClipboardItem) {
   }
   globalThis.ClipboardItem = t;
 }
-const Ho = async (e, t = Bt) => new Promise(async (n, o) => {
+const Ho = async (e, t = Ft) => new Promise(async (n, o) => {
   try {
     const r = await (async (i, l) => {
       if (!i) return null;
@@ -602,21 +602,21 @@ const Ho = async (e, t = Bt) => new Promise(async (n, o) => {
   } catch (r) {
     o(r);
   }
-}), br = async (e, t = Bt) => {
+}), br = async (e, t = Ft) => {
   const n = await Ho(e, t);
   if (!n) return null;
   let o = null;
   try {
-    o = new DOMParser().parseFromString(n, Bt);
+    o = new DOMParser().parseFromString(n, Ft);
   } catch {
     console.warn("Can't parse html from clipboard.");
   }
   return o;
-}, qn = "clipboard-uuid", Tn = "web text/uuid", Sr = (e) => `<div style="display:none" ${qn}="${e}"/>`, Xi = (e, t) => {
+}, Kn = "clipboard-uuid", Tn = "web text/uuid", Sr = (e) => `<div style="display:none" ${Kn}="${e}"/>`, Xi = (e, t) => {
   let n = null;
   try {
-    const o = new DOMParser().parseFromString(t, Bt);
-    o.body.firstElementChild.setAttribute(qn, e), n = o.getElementsByTagName("body")[0].innerHTML;
+    const o = new DOMParser().parseFromString(t, Ft);
+    o.body.firstElementChild.setAttribute(Kn, e), n = o.getElementsByTagName("body")[0].innerHTML;
   } catch (o) {
     console.warn("Can't embed uuid.", o);
   }
@@ -624,7 +624,7 @@ const Ho = async (e, t = Bt) => new Promise(async (n, o) => {
 }, Er = (e, t) => {
   if (!t || !e) return !1;
   try {
-    const n = t.querySelectorAll(`[${qn}="${e}"]`);
+    const n = t.querySelectorAll(`[${Kn}="${e}"]`);
     if (n && n.length === 1) return !0;
     if (t.querySelector("parsererror")) throw new Error("We are unable to parse node");
     return !1;
@@ -647,10 +647,10 @@ let ho = class {
       await Po();
       const e = await Ho(this._nativeClipboard, Tn);
       if (!this._state || e && e === this._state.uuid) return !0;
-      const t = await br(this._nativeClipboard, Bt);
+      const t = await br(this._nativeClipboard, Ft);
       return !this._state || (Er(this._state.uuid, t) || this.clear(), !0);
     }, async (e) => {
-      e?.message === "denied" || e.message?.includes("Document is not focused") || Un() === Ft.Safari || console.warn("Unable to detect clipboard changes: ", e);
+      e?.message === "denied" || e.message?.includes("Document is not focused") || Un() === jt.Safari || console.warn("Unable to detect clipboard changes: ", e);
     });
   }
   _init() {
@@ -670,7 +670,7 @@ let ho = class {
       if (await Po(), this._state?.uuid) {
         const t = await Ho(this._nativeClipboard, Tn);
         if (t && t === e._state.uuid) return !0;
-        const n = await br(this._nativeClipboard, Bt);
+        const n = await br(this._nativeClipboard, Ft);
         if (Er(e._state?.uuid, n)) return !0;
       }
       return e._state = { items: await ii(this._nativeClipboard), uuid: null, ref: null }, this.dispatchEvent(new Event("clipboardread")), !0;
@@ -689,32 +689,32 @@ let ho = class {
       t._state = { uuid: o, ref: e.ref, items: n }, t.dispatchEvent(new Event("clipboardwrite")), t.dispatchEvent(new Event("clipboardchange"));
     };
     await Oo("clipboard-write", async () => {
-      await Po(), o && r.length === 0 && (r.push(new ClipboardItem({ [Tn]: new Blob([o], { type: Tn }) })), r.push(new ClipboardItem({ [Bt]: new Blob([Sr(o)], { type: Bt }) })));
+      await Po(), o && r.length === 0 && (r.push(new ClipboardItem({ [Tn]: new Blob([o], { type: Tn }) })), r.push(new ClipboardItem({ [Ft]: new Blob([Sr(o)], { type: Ft }) })));
       for (let l = 0; l < Math.min(1, r.length); l++) {
         const s = r[l];
-        let a = s.types.indexOf(Bt), d = null;
+        let a = s.types.indexOf(Ft), d = null;
         if (a !== -1) {
-          const f = await s.getType(Bt);
+          const f = await s.getType(Ft);
           d = await Wo(f), d && (d = Xi(o, d));
         }
         if (!d && s.types.includes(fn)) {
           const f = await s.getType(fn);
           if (f) {
             let x = null;
-            typeof f == "string" ? (console.warn("text as string", f), x = f) : x = await Wo(f), x && (d = `<div ${qn}="${o}">${x}</div>`);
+            typeof f == "string" ? (console.warn("text as string", f), x = f) : x = await Wo(f), x && (d = `<div ${Kn}="${o}">${x}</div>`);
           }
         }
         if (!d && s.types.includes(Mo)) {
           const f = await s.getType(Mo), x = ti(await f.arrayBuffer());
-          d = `<div ${qn}="${o}"><img src="${ni + x}"/></div>`;
+          d = `<div ${Kn}="${o}"><img src="${ni + x}"/></div>`;
         }
         !d && o && (d = Sr(o));
-        const g = new Blob([d ?? ""], { type: Bt }), m = {};
+        const g = new Blob([d ?? ""], { type: Ft }), m = {};
         for (let f = 0; f < s.types.length; f++) {
           const x = s.types[f];
           m[x] = f === a ? g : s.getType(x);
         }
-        d && a === -1 && (m[Bt] = g), o && (m[Tn] = new Blob([o], { type: Tn })), n.push(new ClipboardItem(m));
+        d && a === -1 && (m[Ft] = g), o && (m[Tn] = new Blob([o], { type: Tn })), n.push(new ClipboardItem(m));
       }
       try {
         n && n.length !== 0 ? await this._nativeClipboard.write(n) : await (async (l) => {
@@ -740,7 +740,7 @@ let ho = class {
     }
     try {
       const r = await e.toHtml?.() ?? null;
-      r && (n[Bt] = new Blob([r], { type: Bt }));
+      r && (n[Ft] = new Blob([r], { type: Ft }));
     } catch (r) {
       t = r, console.warn("export to html", r);
     }
@@ -810,13 +810,13 @@ var Lo;
   try {
     if (typeof document < "u") {
       var e = document.createElement("style");
-      e.appendChild(document.createTextNode("._sheetxl-scrollbar_18qzf_11 ::-webkit-scrollbar-button{background:transparent}._fullscreen-portal-root_5qk7s_7{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;z-index:1200}._fullscreen-portal-root_5qk7s_7>*{pointer-events:auto}")), document.head.appendChild(e);
+      e.appendChild(document.createTextNode("._sheetxl-scrollbar_eblx4_6 ::-webkit-scrollbar-button{background:transparent}._fullscreen-portal-root_1mjsr_4{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;z-index:1200}._fullscreen-portal-root_1mjsr_4>*{pointer-events:auto}")), document.head.appendChild(e);
     }
   } catch (t) {
     console.error("vite-plugin-css-injected-by-js", t);
   }
 }();
-const Wn = { Left: "left", Right: "right", Center: "center" }, It = "shift", yn = "alt", Lt = "ctrl", Gi = 9, Zi = 13, Ji = 27, Qi = 37, el = 38, tl = 39, nl = 40, ol = 113, _r = 3, mn = { Horizontal: "horizontal", Vertical: "vertical" };
+const Wn = { Left: "left", Right: "right", Center: "center" }, It = "shift", yn = "alt", zt = "ctrl", Gi = 9, Zi = 13, Ji = 27, Qi = 37, el = 38, tl = 39, nl = 40, ol = 113, _r = 3, mn = { Horizontal: "horizontal", Vertical: "vertical" };
 function li(e) {
   var t, n, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
@@ -831,13 +831,13 @@ function Rn() {
   return o;
 }
 var rl = function() {
-}, si = typeof window < "u", il = si ? nn : st, Ir = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
+}, si = typeof window < "u", il = si ? tn : st, Ir = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
 const In = si && window.ResizeObserver !== void 0 ? function() {
-  var e = Je(null), t = e[0], n = e[1], o = Je(Ir), r = o[0], i = o[1], l = Ee(function() {
+  var e = Ze(null), t = e[0], n = e[1], o = Ze(Ir), r = o[0], i = o[1], l = _e(function() {
     return new window.ResizeObserver(function(s) {
       if (s[0]) {
-        var a = s[0].contentRect, d = a.x, g = a.y, m = a.width, f = a.height, x = a.top, E = a.left, I = a.bottom, M = a.right;
-        i({ x: d, y: g, width: m, height: f, top: x, left: E, bottom: I, right: M });
+        var a = s[0].contentRect, d = a.x, g = a.y, m = a.width, f = a.height, x = a.top, _ = a.left, I = a.bottom, R = a.right;
+        i({ x: d, y: g, width: m, height: f, top: x, left: _, bottom: I, right: R });
       }
     });
   }, []);
@@ -848,17 +848,17 @@ const In = si && window.ResizeObserver !== void 0 ? function() {
   }, [t]), [n, r];
 } : function() {
   return [rl, Ir];
-}, T = (e, t) => {
-  const n = O((...i) => e?.(...i), t), o = J(null);
+}, k = (e, t) => {
+  const n = D((...i) => e?.(...i), t), o = Z(null);
   o.current = n;
-  const r = O((...i) => o.current?.(...i), []);
+  const r = D((...i) => o.current?.(...i), []);
   if (o.current) return r;
 }, ll = (e) => {
   const { style: t, orientation: n = mn.Vertical, ...o } = e, r = n === mn.Vertical;
-  return Y("div", { style: { paddingBottom: "0px", paddingRight: "0px", paddingLeft: r ? "0px" : "3px", paddingTop: r ? "3px" : "0px", display: "flex", alignItems: "center", justifyContent: "center", ...t }, ...o, children: Y("button", { style: { padding: "0", display: "flex", alignItems: "center", justifyContent: "center", border: "none" }, className: `scrollbar-button ${r ? "vertical" : "horizontal"} single-button start`, children: Y("svg", { width: "9", height: "9", viewBox: "0 0 6 6", style: { opacity: "inherit" }, children: Y("path", { d: r ? "m 3.7274761,0.68060577 1.11969,1.93863003 1.12075,1.93912 c 0.0895,0.155 0.12152,0.33658 0.0904,0.51283 -0.0311,0.17625 -0.12336,0.33591 -0.26054,0.45091 -0.13715,0.11495 -0.31044,0.17793 -0.4894,0.17781 H 0.83095614 c -0.20186,0 -0.39542,-0.0802 -0.53814,-0.2229 -0.14272,-0.14272 -0.22291,-0.33629 -0.22291,-0.53814 -3e-4,-0.13308 0.0347,-0.26385 0.10147,-0.379 l 1.11872996,-1.94066 1.11921,-1.93864003 c 0.13594,-0.23541 0.38717,-0.38047 0.65905,-0.38047 0.27188,0 0.52311,0.14506 0.65905,0.38047 z" : "m 0.75051,2.3424298 1.93863,-1.11969 1.93912,-1.12075 c 0.155,-0.0895 0.33658,-0.12152 0.51283,-0.0904 0.17625,0.0311 0.33591,0.12336 0.45091,0.26054 0.11495,0.13715 0.17793,0.31044 0.17781,0.4894 v 4.47742 c 0,0.20186 -0.0802,0.39542 -0.2229,0.53814 -0.14272,0.14272 -0.33629,0.22291 -0.53814,0.22291 -0.13308,3e-4 -0.26385,-0.0347 -0.379,-0.10147 L 2.68911,4.7797998 0.75047,3.6605898 C 0.51506,3.5246498 0.37,3.2734198 0.37,3.0015398 c 0,-0.27188 0.14506,-0.52311 0.38047,-0.65905 z" }) }) }) });
+  return q("div", { style: { paddingBottom: "0px", paddingRight: "0px", paddingLeft: r ? "0px" : "3px", paddingTop: r ? "3px" : "0px", display: "flex", alignItems: "center", justifyContent: "center", ...t }, ...o, children: q("button", { style: { padding: "0", display: "flex", alignItems: "center", justifyContent: "center", border: "none" }, className: `scrollbar-button ${r ? "vertical" : "horizontal"} single-button start`, children: q("svg", { width: "9", height: "9", viewBox: "0 0 6 6", style: { opacity: "inherit" }, children: q("path", { d: r ? "m 3.7274761,0.68060577 1.11969,1.93863003 1.12075,1.93912 c 0.0895,0.155 0.12152,0.33658 0.0904,0.51283 -0.0311,0.17625 -0.12336,0.33591 -0.26054,0.45091 -0.13715,0.11495 -0.31044,0.17793 -0.4894,0.17781 H 0.83095614 c -0.20186,0 -0.39542,-0.0802 -0.53814,-0.2229 -0.14272,-0.14272 -0.22291,-0.33629 -0.22291,-0.53814 -3e-4,-0.13308 0.0347,-0.26385 0.10147,-0.379 l 1.11872996,-1.94066 1.11921,-1.93864003 c 0.13594,-0.23541 0.38717,-0.38047 0.65905,-0.38047 0.27188,0 0.52311,0.14506 0.65905,0.38047 z" : "m 0.75051,2.3424298 1.93863,-1.11969 1.93912,-1.12075 c 0.155,-0.0895 0.33658,-0.12152 0.51283,-0.0904 0.17625,0.0311 0.33591,0.12336 0.45091,0.26054 0.11495,0.13715 0.17793,0.31044 0.17781,0.4894 v 4.47742 c 0,0.20186 -0.0802,0.39542 -0.2229,0.53814 -0.14272,0.14272 -0.33629,0.22291 -0.53814,0.22291 -0.13308,3e-4 -0.26385,-0.0347 -0.379,-0.10147 L 2.68911,4.7797998 0.75047,3.6605898 C 0.51506,3.5246498 0.37,3.2734198 0.37,3.0015398 c 0,-0.27188 0.14506,-0.52311 0.38047,-0.65905 z" }) }) }) });
 }, sl = (e) => {
   const { style: t, orientation: n = mn.Vertical, ...o } = e, r = n === mn.Vertical;
-  return Y("div", { style: { paddingLeft: "0px", paddingTop: "0px", paddingRight: r ? "0px" : "3px", paddingBottom: r ? "3px" : "0px", display: "flex", alignItems: "center", justifyContent: "center", ...t }, ...o, children: Y("button", { style: { padding: "0", display: "flex", alignItems: "center", justifyContent: "center", border: "none" }, className: `scrollbar-button ${r ? "vertical" : "horizontal"} single-button end`, children: Y("svg", { width: "9", height: "9", viewBox: "0 0 6 6", style: { opacity: "inherit" }, children: Y("path", { d: r ? "M 2.412334,5.319396 1.292644,3.3807659 0.17189405,1.4416459 c -0.0895,-0.155 -0.12152,-0.33658 -0.0904,-0.51282998 0.0311,-0.17625 0.12336,-0.33591 0.26054,-0.45091 0.13715,-0.11495 0.31044,-0.17793 0.4894,-0.17781 H 5.308854 c 0.20186,0 0.39542,0.0802 0.53814,0.2229 0.14272,0.14272 0.22291,0.33629 0.22291,0.53813998 3e-4,0.13308 -0.0347,0.26385 -0.10147,0.379 l -1.11873,1.94066 -1.11921,1.9386401 c -0.13594,0.23541 -0.38717,0.38047 -0.65905,0.38047 -0.27188,0 -0.52311,-0.14506 -0.65905,-0.38047 z" : "m 5.3893002,3.6575719 -1.9386301,1.11969 -1.93912,1.12075 c -0.155,0.0895 -0.33658,0.12152 -0.51282997,0.0904 -0.17625,-0.0311 -0.33591,-0.12336 -0.45091,-0.26054 -0.11495,-0.13715 -0.17793,-0.31044 -0.17781,-0.4894 V 0.76105195 c 0,-0.20186 0.0802,-0.39542 0.2229,-0.53814 C 0.73562013,0.08019195 0.92919013,1.9467784e-6 1.1310401,1.9467784e-6 1.2641201,-2.9805322e-4 1.3948901,0.03470195 1.5100401,0.10147195 l 1.94066,1.11872995 1.9386401,1.11921 c 0.23541,0.13594 0.38047,0.38717 0.38047,0.65905 0,0.27188 -0.14506,0.52311 -0.38047,0.65905 z" }) }) }) });
+  return q("div", { style: { paddingLeft: "0px", paddingTop: "0px", paddingRight: r ? "0px" : "3px", paddingBottom: r ? "3px" : "0px", display: "flex", alignItems: "center", justifyContent: "center", ...t }, ...o, children: q("button", { style: { padding: "0", display: "flex", alignItems: "center", justifyContent: "center", border: "none" }, className: `scrollbar-button ${r ? "vertical" : "horizontal"} single-button end`, children: q("svg", { width: "9", height: "9", viewBox: "0 0 6 6", style: { opacity: "inherit" }, children: q("path", { d: r ? "M 2.412334,5.319396 1.292644,3.3807659 0.17189405,1.4416459 c -0.0895,-0.155 -0.12152,-0.33658 -0.0904,-0.51282998 0.0311,-0.17625 0.12336,-0.33591 0.26054,-0.45091 0.13715,-0.11495 0.31044,-0.17793 0.4894,-0.17781 H 5.308854 c 0.20186,0 0.39542,0.0802 0.53814,0.2229 0.14272,0.14272 0.22291,0.33629 0.22291,0.53813998 3e-4,0.13308 -0.0347,0.26385 -0.10147,0.379 l -1.11873,1.94066 -1.11921,1.9386401 c -0.13594,0.23541 -0.38717,0.38047 -0.65905,0.38047 -0.27188,0 -0.52311,-0.14506 -0.65905,-0.38047 z" : "m 5.3893002,3.6575719 -1.9386301,1.11969 -1.93912,1.12075 c -0.155,0.0895 -0.33658,0.12152 -0.51282997,0.0904 -0.17625,-0.0311 -0.33591,-0.12336 -0.45091,-0.26054 -0.11495,-0.13715 -0.17793,-0.31044 -0.17781,-0.4894 V 0.76105195 c 0,-0.20186 0.0802,-0.39542 0.2229,-0.53814 C 0.73562013,0.08019195 0.92919013,1.9467784e-6 1.1310401,1.9467784e-6 1.2641201,-2.9805322e-4 1.3948901,0.03470195 1.5100401,0.10147195 l 1.94066,1.11872995 1.9386401,1.11921 c 0.23541,0.13594 0.38047,0.38717 0.38047,0.65905 0,0.27188 -0.14506,0.52311 -0.38047,0.65905 z" }) }) }) });
 }, No = (e, t, n, o, r = 0) => {
   for (let i = 0; i < n.length; i++) {
     const l = n[i].getBoundingClientRect();
@@ -870,47 +870,47 @@ const In = si && window.ResizeObserver !== void 0 ? function() {
   return r;
 };
 Object.freeze(Object.defineProperty({ __proto__: null, getScrollTo: No }, Symbol.toStringTag, { value: "Module" }));
-const er = Dt(Ut((e, t) => {
-  const { offset: n = 0, totalSize: o = 0, viewportSize: r = 0, style: i, className: l, orientation: s = mn.Vertical, onScrollOffset: a, onScroll: d, showCustomScrollButtons: g = !1, scrollButtonIncrement: m = 200, scrollButtonInitialRepeatDelay: f = 260, scrollButtonAdditionalRepeatDelay: x = 120, createScrollStartButton: E = ll, createScrollEndButton: I = sl, ...M } = e, ae = T(d, [d]), R = J(null), [_, { width: L, height: le }] = In(), [$, { width: oe, height: be }] = In(), U = s === mn.Vertical, H = U ? "top" : "left", X = U ? "scrollTop" : "scrollLeft", k = U ? le : L, u = U ? be : oe, [C, ee] = Je(null);
+const er = At(Ut((e, t) => {
+  const { offset: n = 0, totalSize: o = 0, viewportSize: r = 0, style: i, className: l, orientation: s = mn.Vertical, onScrollOffset: a, onScroll: d, showCustomScrollButtons: g = !1, scrollButtonIncrement: m = 200, scrollButtonInitialRepeatDelay: f = 260, scrollButtonAdditionalRepeatDelay: x = 120, createScrollStartButton: _ = ll, createScrollEndButton: I = sl, ...R } = e, ae = k(d, [d]), P = Z(null), [C, { width: z, height: le }] = In(), [B, { width: oe, height: ve }] = In(), N = s === mn.Vertical, H = N ? "top" : "left", X = N ? "scrollTop" : "scrollLeft", T = N ? le : z, S = N ? ve : oe, [h, J] = Ze(null);
   st(() => {
-    C !== null && R.current && R.current.scrollTo({ behavior: "smooth", [H]: C });
-  }, [C, U]);
-  const W = O((S, ue = !1) => {
-    if (!R.current) return 0;
-    const K = R.current.querySelector(".scrollbar-viewport"), pe = K.getBoundingClientRect(), te = K.children, Re = ue ? 0 : No(S, pe[H], te, !0, Math.max(0, S - m));
-    return ee(Re), Math.max(0, Re);
-  }, []), A = O((S, ue = !1) => {
-    if (!R.current) return 0;
-    const K = R.current.querySelector(".scrollbar-viewport"), pe = K.getBoundingClientRect(), te = K.children, Re = Math.ceil(u - k), at = ue ? Re : No(S, pe[H], te, !1, Math.max(0, S + m));
-    return ee(at), Math.min(Re, at);
-  }, [u, k]), q = J(null), N = O((S) => {
-    q.current = n;
-    const ue = S.target[X];
-    a(ue, r, o), ae?.(S);
+    h !== null && P.current && P.current.scrollTo({ behavior: "smooth", [H]: h });
+  }, [h, N]);
+  const K = D((Ye, $ = !1) => {
+    if (!P.current) return 0;
+    const E = P.current.querySelector(".scrollbar-viewport"), Me = E.getBoundingClientRect(), ue = E.children, me = $ ? 0 : No(Ye, Me[H], ue, !0, Math.max(0, Ye - m));
+    return J(me), Math.max(0, me);
+  }, []), L = D((Ye, $ = !1) => {
+    if (!P.current) return 0;
+    const E = P.current.querySelector(".scrollbar-viewport"), Me = E.getBoundingClientRect(), ue = E.children, me = Math.ceil(S - T), Ve = $ ? me : No(Ye, Me[H], ue, !1, Math.max(0, Ye + m));
+    return J(Ve), Math.min(me, Ve);
+  }, [S, T]), U = Z(null), ee = D((Ye) => {
+    U.current = n;
+    const $ = Ye.target[X];
+    a($, r, o), ae?.(Ye);
   }, [a, r, o, n]);
   st(() => {
-    const S = q.current;
-    q.current = null, n !== S && (R.current[X] = n);
+    const Ye = U.current;
+    U.current = null, n !== Ye && (P.current[X] = n);
   }, [n, X]);
-  const xe = J(null), G = J(null), He = O(() => {
-    xe.current && (clearTimeout(xe.current), xe.current = null, G.current = null);
-  }, []), Ue = O((S, ue, K, pe = f) => {
-    G.current = S, xe.current = setTimeout(() => {
-      const te = K ? W(G.current || S) : A(G.current || S);
-      te !== G.current ? Ue(te, !1, K, x) : He();
-    }, ue ? 0 : pe);
-  }, [W, A, He]);
+  const te = Z(null), Y = Z(null), He = D(() => {
+    te.current && (clearTimeout(te.current), te.current = null, Y.current = null);
+  }, []), je = D((Ye, $, E, Me = f) => {
+    Y.current = Ye, te.current = setTimeout(() => {
+      const ue = E ? K(Y.current || Ye) : L(Y.current || Ye);
+      ue !== Y.current ? je(ue, !1, E, x) : He();
+    }, $ ? 0 : Me);
+  }, [K, L, He]);
   st(() => () => He(), [He]);
-  const We = n, ht = Ee(() => {
+  const Ne = n, at = _e(() => {
     if (!g) return null;
-    const S = { orientation: s, disabled: Math.floor(We) <= 0 || Math.floor(u - k) === 0, onMouseUp: He, onMouseLeave: He, onMouseDown: () => Ue(We, !0, !0) };
-    return E?.(S);
-  }, [g, s, We, C, u, k]), _e = Ee(() => {
+    const Ye = { orientation: s, disabled: Math.floor(Ne) <= 0 || Math.floor(S - T) === 0, onMouseUp: He, onMouseLeave: He, onMouseDown: () => je(Ne, !0, !0) };
+    return _?.(Ye);
+  }, [g, s, Ne, h, S, T]), Se = _e(() => {
     if (!g) return null;
-    const S = { orientation: s, disabled: Math.floor(u - k) <= Math.ceil(We), onMouseUp: He, onMouseLeave: He, onMouseDown: () => Ue(We, !0, !1) };
-    return I?.(S);
-  }, [g, s, We, C, u, k]);
-  return Ht("div", { ref: t, style: { display: "flex", flex: "1", flexDirection: U ? "column" : "row", padding: "0", ...i }, className: Rn("_sheetxl-scrollbar_18qzf_11", l), ...M, children: [ht, Y("div", { className: "pseudo-scrollbar", style: { flex: "1 1 100%", display: "flex", boxSizing: "content-box", flexDirection: U ? "column" : "row", justifyContent: "center", alignItems: "center" }, ref: _, children: Y("div", { tabIndex: -1, style: { flex: "1 1 100%", overflowY: U ? "scroll" : "hidden", overflowX: U ? "hidden" : "scroll", position: "relative", willChange: "transform" }, onScroll: N, ref: R, children: Y("div", { ref: $, style: { position: "absolute", height: U ? o - r + (le ?? 0) : 1, width: U ? 1 : o - r + (L ?? 0) }, className: "scrollbar-viewport" }) }) }), _e] });
+    const Ye = { orientation: s, disabled: Math.floor(S - T) <= Math.ceil(Ne), onMouseUp: He, onMouseLeave: He, onMouseDown: () => je(Ne, !0, !1) };
+    return I?.(Ye);
+  }, [g, s, Ne, h, S, T]);
+  return Ht("div", { ref: t, style: { display: "flex", flex: "1", flexDirection: N ? "column" : "row", padding: "0", ...i }, className: Rn("_sheetxl-scrollbar_eblx4_6", l), ...R, children: [at, q("div", { className: "pseudo-scrollbar", style: { flex: "1 1 100%", display: "flex", boxSizing: "content-box", flexDirection: N ? "column" : "row", justifyContent: "center", alignItems: "center" }, ref: C, children: q("div", { tabIndex: -1, style: { flex: "1 1 100%", overflowY: N ? "scroll" : "hidden", overflowX: N ? "hidden" : "scroll", position: "relative", willChange: "transform" }, onScroll: ee, ref: P, children: q("div", { ref: B, style: { position: "absolute", height: N ? o - r + (le ?? 0) : 1, width: N ? 1 : o - r + (z ?? 0) }, className: "scrollbar-viewport" }) }) }), Se] });
 }));
 er.displayName = "Scrollbar";
 let Cr = Date.now, gn = {}, cl = 1;
@@ -929,11 +929,11 @@ const jn = (e) => {
     if (!gn[d] || t && !t(d)) return gn[d] = null, void n(60 - a / ((x - i) / 1e3), d, !1);
     if (f) {
       const I = Math.round((x - l) / 16.666666666666668) - 1;
-      for (let M = 0; M < Math.min(I, 4); M++) g(!0), a++;
+      for (let R = 0; R < Math.min(I, 4); R++) g(!0), a++;
     }
     o && (s = (x - i) / o, s > 1 && (s = 1));
-    const E = r ? r(s) : s;
-    e(E, x, f) !== !1 && s !== 1 || !f ? f && (l = x, requestAnimationFrame(g)) : (gn[d] = null, n(60 - a / ((x - i) / 1e3), d, s === 1 || o === void 0));
+    const _ = r ? r(s) : s;
+    e(_, x, f) !== !1 && s !== 1 || !f ? f && (l = x, requestAnimationFrame(g)) : (gn[d] = null, n(60 - a / ((x - i) / 1e3), d, s === 1 || o === void 0));
   };
   return gn[d] = !0, requestAnimationFrame(g), d;
 };
@@ -1004,8 +1004,8 @@ ci.prototype = { __isSingleTouch: !1, __isTracking: !1, __didDecelerationComplet
       }
       if (this.__enableScrollX) {
         a -= l * this.options.speedMultiplier;
-        var E = this.__maxScrollLeft;
-        (a > E || a < 0) && (this.options.bouncing ? a += l / 2 * this.options.speedMultiplier : a = a > E ? E : 0);
+        var _ = this.__maxScrollLeft;
+        (a > _ || a < 0) && (this.options.bouncing ? a += l / 2 * this.options.speedMultiplier : a = a > _ ? _ : 0);
       }
       if (this.__enableScrollY) {
         d -= s * this.options.speedMultiplier;
@@ -1014,8 +1014,8 @@ ci.prototype = { __isSingleTouch: !1, __isTracking: !1, __didDecelerationComplet
       }
       i.length > 60 && i.splice(0, 30), i.push(a, d, t), this.__publish(a, d, g);
     } else {
-      var M = this.options.locking ? 3 : 0, ae = Math.abs(o - this.__initialTouchLeft), R = Math.abs(r - this.__initialTouchTop);
-      this.__enableScrollX = this.options.scrollingX && ae >= M, this.__enableScrollY = this.options.scrollingY && R >= M, i.push(this.__scrollLeft, this.__scrollTop, t), this.__isDragging = (this.__enableScrollX || this.__enableScrollY) && (ae >= 5 || R >= 5), this.__isDragging && (this.__interruptedAnimation = !1);
+      var R = this.options.locking ? 3 : 0, ae = Math.abs(o - this.__initialTouchLeft), P = Math.abs(r - this.__initialTouchTop);
+      this.__enableScrollX = this.options.scrollingX && ae >= R, this.__enableScrollY = this.options.scrollingY && P >= R, i.push(this.__scrollLeft, this.__scrollTop, t), this.__isDragging = (this.__enableScrollX || this.__enableScrollY) && (ae >= 5 || P >= 5), this.__isDragging && (this.__interruptedAnimation = !1);
     }
     this.__lastTouchLeft = o, this.__lastTouchTop = r, this.__lastTouchMove = t, this.__lastScale = n;
   }
@@ -1037,12 +1037,12 @@ ci.prototype = { __isSingleTouch: !1, __isTracking: !1, __didDecelerationComplet
   var r = this.__isAnimating;
   if (r && (jn(r), this.__isAnimating = !1), o && this.options.animating) {
     this.__scheduledLeft = e, this.__scheduledTop = t, this.__scheduledZoom = n;
-    var i = this.__scrollLeft, l = this.__scrollTop, s = this.__zoomLevel, a = e - i, d = t - l, g = n - s, m = function(E, I, M) {
-      M && (this.__scrollLeft = i + a * E, this.__scrollTop = l + d * E, this.__zoomLevel = s + g * E, this.__callback && this.__callback(this.__scrollLeft, this.__scrollTop, this.__zoomLevel));
-    }.bind(this), f = function(E) {
-      return this.__isAnimating === E;
-    }.bind(this), x = function(E, I, M) {
-      I === this.__isAnimating && (this.__isAnimating = !1), (this.__didDecelerationComplete || M) && this.options.scrollingComplete(), this.options.zooming && (this.__computeScrollMax(), this.__zoomComplete && (this.__zoomComplete(), this.__zoomComplete = null));
+    var i = this.__scrollLeft, l = this.__scrollTop, s = this.__zoomLevel, a = e - i, d = t - l, g = n - s, m = function(_, I, R) {
+      R && (this.__scrollLeft = i + a * _, this.__scrollTop = l + d * _, this.__zoomLevel = s + g * _, this.__callback && this.__callback(this.__scrollLeft, this.__scrollTop, this.__zoomLevel));
+    }.bind(this), f = function(_) {
+      return this.__isAnimating === _;
+    }.bind(this), x = function(_, I, R) {
+      I === this.__isAnimating && (this.__isAnimating = !1), (this.__didDecelerationComplete || R) && this.options.scrollingComplete(), this.options.zooming && (this.__computeScrollMax(), this.__zoomComplete && (this.__zoomComplete(), this.__zoomComplete = null));
     }.bind(this);
     this.__isAnimating = Mr(m, f, x, this.options.animationDuration, r ? dl : ul);
   } else this.__scheduledLeft = this.__scrollLeft = e, this.__scheduledTop = this.__scrollTop = t, this.__scheduledZoom = this.__zoomLevel = n, this.__callback && this.__callback(e, t, n), this.options.zooming && (this.__computeScrollMax(), this.__zoomComplete && (this.__zoomComplete(), this.__zoomComplete = null));
@@ -1084,10 +1084,10 @@ var Gt = typeof window < "u" ? window : { screen: {}, navigator: {} }, Ln = (Gt.
 Gt.addEventListener && Gt.addEventListener("p", Tr, hl), Gt.removeEventListener && Gt.removeEventListener("p", Tr, !1);
 var fl = ai, pl = "PointerEvent" in Gt, tr = "ontouchstart" in Gt, di = tr || "TouchEvent" in Gt && Ln("(any-pointer: coarse)").matches, Rr = (Gt.navigator.maxTouchPoints || 0) > 0 || di, ui = Gt.navigator.userAgent || "", gl = Ln("(pointer: coarse)").matches && /iPad|Macintosh/.test(ui) && Math.min(Gt.screen.width || 0, Gt.screen.height || 0) >= 768, hi = (Ln("(pointer: coarse)").matches || !Ln("(pointer: fine)").matches && tr) && !/Windows.*Firefox/.test(ui), wl = Ln("(any-pointer: fine)").matches || Ln("(any-hover: hover)").matches || gl || !tr, Uo = !Rr || !wl && hi ? Rr ? "touchOnly" : "mouseOnly" : "hybrid", ml = Uo === "mouseOnly" ? "mouse" : Uo === "touchOnly" || hi ? "touch" : "mouse";
 const xl = Object.freeze(Object.defineProperty({ __proto__: null, deviceType: Uo, primaryInput: ml, supportsPassiveEvents: fl, supportsPointerEvents: pl, supportsTouchEvents: di }, Symbol.toStringTag, { value: "Module" })), vl = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]), fi = {};
-function qo() {
+function Ko() {
   return xl;
 }
-const me = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCssProperties: fi, boundPixel: function(e, t = !1, n = 0) {
+const we = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCssProperties: fi, boundPixel: function(e, t = !1, n = 0) {
   return e;
 }, createSyntheticEvent: (e) => {
   let t = !1, n = !1;
@@ -1097,9 +1097,9 @@ const me = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCssProper
     n = !0, e.stopPropagation();
   }, isPropagationStopped: () => n, persist: () => {
   }, timeStamp: e.timeStamp, type: e.type };
-}, detectIt: qo, focusableNodeNames: vl, toPrettyKeyCode: (e) => e === "BracketLeft" ? "[" : e === "BracketRight" ? "]" : Ct.camelToPrettyCase(e) }, Symbol.toStringTag, { value: "Module" })), yl = [];
+}, detectIt: Ko, focusableNodeNames: vl, toPrettyKeyCode: (e) => e === "BracketLeft" ? "[" : e === "BracketRight" ? "]" : Ct.camelToPrettyCase(e) }, Symbol.toStringTag, { value: "Module" })), yl = [];
 function wo(e, t, n = yl) {
-  const o = J(null);
+  const o = Z(null);
   return Ur(e, () => {
     if (!o.current) return;
     const r = o.current, i = t?.();
@@ -1112,45 +1112,45 @@ function wo(e, t, n = yl) {
     return r;
   }, n), o;
 }
-const kr = (e) => Y(er, { ...e }), bl = ({ width: e, height: t }) => Y("div", { className: "corner", style: { minWidth: `${e}px`, width: `${e}px`, minHeight: `${t}px`, height: `${t}px` } }), pi = Dt(Ut((e, t) => {
-  const { children: n, viewport: o, onScrollViewport: r, showHorizontalScrollbar: i = !0, showVerticalScrollbar: l = !0, createScrollCorner: s = bl, createHorizontalScrollbar: a = kr, createVerticalScrollbar: d = kr, style: g, touchElement: m, disableTouch: f, ...x } = e, E = T(r, [r]), I = wo(t, () => ({ isScrollPane: () => !0 }), []), M = J(null);
+const kr = (e) => q(er, { ...e }), bl = ({ width: e, height: t }) => q("div", { className: "corner", style: { minWidth: `${e}px`, width: `${e}px`, minHeight: `${t}px`, height: `${t}px` } }), pi = At(Ut((e, t) => {
+  const { children: n, viewport: o, onScrollViewport: r, showHorizontalScrollbar: i = !0, showVerticalScrollbar: l = !0, createScrollCorner: s = bl, createHorizontalScrollbar: a = kr, createVerticalScrollbar: d = kr, style: g, touchElement: m, disableTouch: f, ...x } = e, _ = k(r, [r]), I = wo(t, () => ({ isScrollPane: () => !0 }), []), R = Z(null);
   st(() => {
-    M.current && (M.current.__scrollTop === o?.top && M.current.__scrollLeft !== !o?.left || M.current?.scrollTo(o?.left, o?.top, !1));
+    R.current && (R.current.__scrollTop === o?.top && R.current.__scrollLeft !== !o?.left || R.current?.scrollTo(o?.left, o?.top, !1));
   }, [o?.left, o?.top, m]);
-  const ae = O((k, u) => {
-    E?.({ left: k, top: u });
-  }, []), R = O((k) => {
-    M.current?.doTouchStart(k.touches, k.timeStamp);
-  }, []), _ = O((k) => {
-    k.preventDefault(), M.current?.doTouchMove(k.touches, k.timeStamp);
-  }, []), L = O((k) => {
-    M.current?.doTouchEnd(k.timeStamp);
-  }, []), le = O(({ containerWidth: k, containerHeight: u, totalWidth: C, totalHeight: ee }) => {
-    M.current.setDimensions(k, u, C, ee);
+  const ae = D((T, S) => {
+    _?.({ left: T, top: S });
+  }, []), P = D((T) => {
+    R.current?.doTouchStart(T.touches, T.timeStamp);
+  }, []), C = D((T) => {
+    T.preventDefault(), R.current?.doTouchMove(T.touches, T.timeStamp);
+  }, []), z = D((T) => {
+    R.current?.doTouchEnd(T.timeStamp);
+  }, []), le = D(({ containerWidth: T, containerHeight: S, totalWidth: h, totalHeight: J }) => {
+    R.current.setDimensions(T, S, h, J);
   }, []);
   st(() => {
-    const k = m ?? I.current;
-    if (!f && qo().supportsTouchEvents && k && o) {
-      if (!M.current) {
-        const u = { scrollingX: !0, scrollingY: !0, decelerationRate: 0.95, penetrationAcceleration: 0.08 };
-        M.current = new ci(ae, u);
+    const T = m ?? I.current;
+    if (!f && Ko().supportsTouchEvents && T && o) {
+      if (!R.current) {
+        const S = { scrollingX: !0, scrollingY: !0, decelerationRate: 0.95, penetrationAcceleration: 0.08 };
+        R.current = new ci(ae, S);
       }
-      qo().supportsTouchEvents && (k.addEventListener("touchstart", R), k.addEventListener("touchend", L), k.addEventListener("touchmove", _)), le({ containerWidth: o?.width, containerHeight: o?.height, totalWidth: o?.totalWidth, totalHeight: o?.totalHeight });
+      Ko().supportsTouchEvents && (T.addEventListener("touchstart", P), T.addEventListener("touchend", z), T.addEventListener("touchmove", C)), le({ containerWidth: o?.width, containerHeight: o?.height, totalWidth: o?.totalWidth, totalHeight: o?.totalHeight });
     }
     return () => {
-      k?.removeEventListener("touchstart", R), k?.removeEventListener("touchend", L), k?.removeEventListener("touchmove", _);
+      T?.removeEventListener("touchstart", P), T?.removeEventListener("touchend", z), T?.removeEventListener("touchmove", C);
     };
   }, [o?.width, o?.height, o?.totalWidth, o?.totalHeight, f, m]);
-  const [$, { width: oe }] = In(), [be, { height: U }] = In(), H = Ee(() => {
-    const k = d({ orientation: mn.Vertical, offset: o?.top, viewportSize: o?.height, totalSize: o?.totalHeight, onScrollOffset: (u) => {
-      E?.({ top: u });
+  const [B, { width: oe }] = In(), [ve, { height: N }] = In(), H = _e(() => {
+    const T = d({ orientation: mn.Vertical, offset: o?.top, viewportSize: o?.height, totalSize: o?.totalHeight, onScrollOffset: (S) => {
+      _?.({ top: S });
     } });
-    return Y("div", { style: { display: "flex", flex: "0" }, ref: $, children: k });
-  }, [d, o?.top, o?.height, o?.totalHeight]), X = Ee(() => {
-    const k = a({ orientation: mn.Horizontal, offset: o?.left, viewportSize: o?.width, totalSize: o?.totalWidth, onScrollOffset: (u) => E?.({ left: u }) });
-    return Ht("div", { style: { display: "flex", flex: "none", flexDirection: "row", alignItems: "stretch", justifyContent: "center" }, children: [Y("div", { style: { display: "flex", flex: "1 1 100%", flexDirection: "column", width: `calc(100% - ${oe}px)` }, children: Y("div", { ref: be, className: "sizer", children: k }) }), l ? s({ width: oe, height: U }) : Y(wn, {})] });
-  }, [a, o?.left, o?.width, o?.totalWidth, l, s, oe, U]);
-  return Y("div", { style: { position: "relative", display: "flex", minWidth: l ? `${oe}px` : void 0, minHeight: i ? `${U}px` : void 0, ...g }, ...x, ref: I, children: Ht("div", { style: { position: "relative", width: "100%", flex: "1 1 100%", display: "flex", flexDirection: "column", boxSizing: "border-box" }, children: [Ht("div", { style: { display: "flex", flex: "1 1 100%", overflow: "hidden" }, children: [Y("div", { style: { display: "flex", flex: "1 1 100%", overflow: "hidden" }, children: n }), l ? H : Y(wn, {})] }), i ? X : Y(wn, {})] }) });
+    return q("div", { style: { display: "flex", flex: "0" }, ref: B, children: T });
+  }, [d, o?.top, o?.height, o?.totalHeight]), X = _e(() => {
+    const T = a({ orientation: mn.Horizontal, offset: o?.left, viewportSize: o?.width, totalSize: o?.totalWidth, onScrollOffset: (S) => _?.({ left: S }) });
+    return Ht("div", { style: { display: "flex", flex: "none", flexDirection: "row", alignItems: "stretch", justifyContent: "center" }, children: [q("div", { style: { display: "flex", flex: "1 1 100%", flexDirection: "column", width: `calc(100% - ${oe}px)` }, children: q("div", { ref: ve, className: "sizer", children: T }) }), l ? s({ width: oe, height: N }) : q(wn, {})] });
+  }, [a, o?.left, o?.width, o?.totalWidth, l, s, oe, N]);
+  return q("div", { style: { position: "relative", display: "flex", minWidth: l ? `${oe}px` : void 0, minHeight: i ? `${N}px` : void 0, ...g }, ...x, ref: I, children: Ht("div", { style: { position: "relative", width: "100%", flex: "1 1 100%", display: "flex", flexDirection: "column", boxSizing: "border-box" }, children: [Ht("div", { style: { display: "flex", flex: "1 1 100%", overflow: "hidden" }, children: [q("div", { style: { display: "flex", flex: "1 1 100%", overflow: "hidden" }, children: n }), l ? H : q(wn, {})] }), i ? X : q(wn, {})] }) });
 }));
 pi.displayName = "ScrollPane";
 const Sl = () => {
@@ -1164,7 +1164,7 @@ function gi() {
       const t = document.fullscreenElement;
       if (!t) return;
       let n = t.querySelector(".fullscreen-portal-root");
-      n || (n = document.createElement("div"), n.className = "fullscreen-portal-root _fullscreen-portal-root_5qk7s_7", t.appendChild(n));
+      n || (n = document.createElement("div"), n.className = "fullscreen-portal-root _fullscreen-portal-root_1mjsr_4", t.appendChild(n));
     }
     return no++, e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e), no--, no <= 0 && (document.querySelectorAll(".fullscreen-portal-root").forEach((t) => {
@@ -1173,34 +1173,34 @@ function gi() {
     };
   }, []), { getPortalContainer: Sl };
 }
-const El = 100, _l = 100, Il = 1e6, Cl = 100, Ml = 50, Tl = Dt(Ut((e, t) => {
-  const { offset: n = 0, viewportSize: o = 0, totalSize: r = 0, minSize: i = 0, endGap: l = El, endScrollIncrement: s = _l, style: a = fi, onMouseDown: d, onScrollOffset: g, onScroll: m, scaleLimit: f = Il, scaleFactor: x = Cl, precisionFactor: E = Ml, ...I } = e;
+const El = 100, _l = 100, Il = 1e6, Cl = 100, Ml = 50, Tl = At(Ut((e, t) => {
+  const { offset: n = 0, viewportSize: o = 0, totalSize: r = 0, minSize: i = 0, endGap: l = El, endScrollIncrement: s = _l, style: a = fi, onMouseDown: d, onScrollOffset: g, onScroll: m, scaleLimit: f = Il, scaleFactor: x = Cl, precisionFactor: _ = Ml, ...I } = e;
   m && console.warn("onScroll not supported for VirtualScrollbar. Use onScrollOffset instead");
-  const M = T(d, [d]), ae = () => ({ offset: n, totalSize: f === 0 ? r : Math.min(r ?? 0, Math.max(i ?? 0, (n ?? 0) + (o ?? 0)) + (l ?? 0)) }), [R, _] = Je(ae), L = f !== 0 && R.totalSize > f ? x : 1, le = L / E, $ = Math.ceil(R.totalSize / L), oe = Math.ceil(R.offset / L), be = Math.ceil(o / L), U = O((W) => {
-  }, []), [H, X] = Je(!1), k = J(null);
-  nn(() => {
+  const R = k(d, [d]), ae = () => ({ offset: n, totalSize: f === 0 ? r : Math.min(r ?? 0, Math.max(i ?? 0, (n ?? 0) + (o ?? 0)) + (l ?? 0)) }), [P, C] = Ze(ae), z = f !== 0 && P.totalSize > f ? x : 1, le = z / _, B = Math.ceil(P.totalSize / z), oe = Math.ceil(P.offset / z), ve = Math.ceil(o / z), N = D((K) => {
+  }, []), [H, X] = Ze(!1), T = Z(null);
+  tn(() => {
     if (!H) {
-      k.current = { propTotalSize: r, propViewportSize: o, propOffset: n };
-      const W = ae();
-      _(W);
+      T.current = { propTotalSize: r, propViewportSize: o, propOffset: n };
+      const K = ae();
+      C(K);
     }
   }, [r, o, n, H, i, l, s]);
-  const u = T((W, A, q) => {
-    const N = k.current;
-    k.current = null, N && N.propTotalSize === r && N.propViewportSize === o && N.propOffset === n || (Math.abs(W - oe) < le && (W = oe), g?.(W * L, oe, be));
-  }, [g, L, le, oe, be]), C = O((W) => {
-    document.removeEventListener("mousemove", U), document.removeEventListener("mouseup", C), X(!1);
-  }, []), ee = O((W) => {
-    M?.(W), X(!0), document.addEventListener("mousemove", U, { passive: !0 }), document.addEventListener("mouseup", C, { passive: !0 });
-  }, [U, C]);
-  return Y(er, { ref: t, style: { ...a }, ...I, offset: oe, totalSize: $, viewportSize: be, onMouseDown: ee, onScrollOffset: u });
+  const S = k((K, L, U) => {
+    const ee = T.current;
+    T.current = null, ee && ee.propTotalSize === r && ee.propViewportSize === o && ee.propOffset === n || (Math.abs(K - oe) < le && (K = oe), g?.(K * z, oe, ve));
+  }, [g, z, le, oe, ve]), h = D((K) => {
+    document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", h), X(!1);
+  }, []), J = D((K) => {
+    R?.(K), X(!0), document.addEventListener("mousemove", N, { passive: !0 }), document.addEventListener("mouseup", h, { passive: !0 });
+  }, [N, h]);
+  return q(er, { ref: t, style: { ...a }, ...I, offset: oe, totalSize: B, viewportSize: ve, onMouseDown: J, onScrollOffset: S });
 }));
 function Do(e, t) {
   if (typeof e == "function") return e(t);
   e && (e.current = t);
 }
 Tl.displayName = "VirtualScrollbar";
-var fo = parseInt(qr.split(".")[0], 10) >= 19 ? function(e) {
+var fo = parseInt(Kr.split(".")[0], 10) >= 19 ? function(e) {
   return (t) => {
     const n = [];
     for (const o of e) {
@@ -1216,8 +1216,8 @@ var fo = parseInt(qr.split(".")[0], 10) >= 19 ? function(e) {
     for (const n of e) Do(n, t);
   };
 };
-Dt(Ut((e, t) => {
-  const { refFocusStart: n, ...o } = e, r = J(null), i = O(() => {
+At(Ut((e, t) => {
+  const { refFocusStart: n, ...o } = e, r = Z(null), i = D(() => {
     if (n) return void n?.current?.focus();
     const l = r.current.parentElement.children;
     let s = [];
@@ -1231,62 +1231,62 @@ Dt(Ut((e, t) => {
       return a.tabindex - d.tabindex;
     }), s[0].child.focus());
   }, [n]);
-  return Y("div", { tabIndex: 0, ref: fo([r, t]), onFocus: i, ...o });
-})), Dt(Ut((e, t) => {
-  const { className: n, style: o, children: r, radius: i = 4, strokeWidth: l = 1, strokeColor: s = "grey", ...a } = e, [d, { width: g, height: m }] = In(), f = J(null), x = (ae, R = 0) => {
-    const _ = ae / 2, L = m - _ + R;
-    return function(le, $, oe = !1) {
-      if ($ === 0) return le;
-      function be(C, ee, W) {
-        let A = ee.x - C.x, q = ee.y - C.y, N = Math.sqrt(A * A + q * q);
-        return U(C, ee, Math.min(1, W / N));
+  return q("div", { tabIndex: 0, ref: fo([r, t]), onFocus: i, ...o });
+})), At(Ut((e, t) => {
+  const { className: n, style: o, children: r, radius: i = 4, strokeWidth: l = 1, strokeColor: s = "grey", ...a } = e, [d, { width: g, height: m }] = In(), f = Z(null), x = (ae, P = 0) => {
+    const C = ae / 2, z = m - C + P;
+    return function(le, B, oe = !1) {
+      if (B === 0) return le;
+      function ve(h, J, K) {
+        let L = J.x - h.x, U = J.y - h.y, ee = Math.sqrt(L * L + U * U);
+        return N(h, J, Math.min(1, K / ee));
       }
-      function U(C, ee, W) {
-        return { x: C.x + (ee.x - C.x) * W, y: C.y + (ee.y - C.y) * W };
+      function N(h, J, K) {
+        return { x: h.x + (J.x - h.x) * K, y: h.y + (J.y - h.y) * K };
       }
-      function H(C, ee) {
-        C.length > 2 && (C[C.length - 2] = ee.x, C[C.length - 1] = ee.y);
+      function H(h, J) {
+        h.length > 2 && (h[h.length - 2] = J.x, h[h.length - 1] = J.y);
       }
-      function X(C) {
-        return { x: parseFloat(C[C.length - 2]), y: parseFloat(C[C.length - 1]) };
+      function X(h) {
+        return { x: parseFloat(h[h.length - 2]), y: parseFloat(h[h.length - 1]) };
       }
-      let k = le.split(/[,\s]/).reduce(function(C, ee) {
-        let W = ee.match("([a-zA-Z])(.+)");
-        return W ? (C.push(W[1]), C.push(W[2])) : C.push(ee), C;
-      }, []).reduce(function(C, ee) {
-        return parseFloat(ee) == ee && C.length ? C[C.length - 1].push(ee) : C.push([ee]), C;
-      }, []), u = [];
-      if (k.length > 1) {
-        let C = X(k[0]), ee = null;
-        k[k.length - 1][0] === "Z" && k[0].length > 2 && (ee = ["L", C.x, C.y], k[k.length - 1] = ee), u.push(k[0]);
-        for (let W = 1; W < k.length; W++) {
-          let A = u[u.length - 1], q = k[W], N = q === ee ? k[1] : k[W + 1];
-          if (N && A && A.length > 2 && q[0] === "L" && N.length > 2 && N[0] === "L") {
-            let xe, G, He = X(A), Ue = X(q), We = X(N);
-            oe ? (xe = U(Ue, A.origPoint || He, $), G = U(Ue, N.origPoint || We, $)) : (xe = be(Ue, He, $), G = be(Ue, We, $)), H(q, xe), q.origPoint = Ue, u.push(q);
-            let ht = U(xe, Ue, 0.5), _e = U(Ue, G, 0.5), S = ["C", ht.x, ht.y, _e.x, _e.y, G.x, G.y];
-            S.origPoint = Ue, u.push(S);
-          } else u.push(q);
+      let T = le.split(/[,\s]/).reduce(function(h, J) {
+        let K = J.match("([a-zA-Z])(.+)");
+        return K ? (h.push(K[1]), h.push(K[2])) : h.push(J), h;
+      }, []).reduce(function(h, J) {
+        return parseFloat(J) == J && h.length ? h[h.length - 1].push(J) : h.push([J]), h;
+      }, []), S = [];
+      if (T.length > 1) {
+        let h = X(T[0]), J = null;
+        T[T.length - 1][0] === "Z" && T[0].length > 2 && (J = ["L", h.x, h.y], T[T.length - 1] = J), S.push(T[0]);
+        for (let K = 1; K < T.length; K++) {
+          let L = S[S.length - 1], U = T[K], ee = U === J ? T[1] : T[K + 1];
+          if (ee && L && L.length > 2 && U[0] === "L" && ee.length > 2 && ee[0] === "L") {
+            let te, Y, He = X(L), je = X(U), Ne = X(ee);
+            oe ? (te = N(je, L.origPoint || He, B), Y = N(je, ee.origPoint || Ne, B)) : (te = ve(je, He, B), Y = ve(je, Ne, B)), H(U, te), U.origPoint = je, S.push(U);
+            let at = N(te, je, 0.5), Se = N(je, Y, 0.5), Ye = ["C", at.x, at.y, Se.x, Se.y, Y.x, Y.y];
+            Ye.origPoint = je, S.push(Ye);
+          } else S.push(U);
         }
-        if (ee) {
-          let W = X(u[u.length - 1]);
-          u.push(["Z"]), H(u[0], W);
+        if (J) {
+          let K = X(S[S.length - 1]);
+          S.push(["Z"]), H(S[0], K);
         }
-      } else u = k;
-      return u.reduce(function(C, ee) {
-        return C + ee.join(" ") + " ";
+      } else S = T;
+      return S.reduce(function(h, J) {
+        return h + J.join(" ") + " ";
       }, "");
-    }(`M 0 ${_} L ${i - 0.5} ${_} L ${i - 0.5} ${L} L ${2 * i} ${L} L ${g - 2 * i} ${L} M ${g - 2 * i} ${L} L ${g - i} ${L} L ${g - i} ${_} L ${g} ${_}`, i);
-  }, E = Ee(() => x(l), [g, m, i, l]), I = Ee(() => {
+    }(`M 0 ${C} L ${i - 0.5} ${C} L ${i - 0.5} ${z} L ${2 * i} ${z} L ${g - 2 * i} ${z} M ${g - 2 * i} ${z} L ${g - i} ${z} L ${g - i} ${C} L ${g} ${C}`, i);
+  }, _ = _e(() => x(l), [g, m, i, l]), I = _e(() => {
     if (i === 0) return;
     const ae = i / 2;
     return x(i) + `L ${g} 0 L 0 0 L 0 ${ae}`;
-  }, [E, i, l]), M = Ee(() => ({ style: { clipPath: `path('${I}')` } }), [I]);
-  return Ht("div", { className: n, style: { display: "flex", flexDirection: "row", ...o }, ...a, ref: fo([f, d, t]), children: [Sn.isValidElement(r) ? Sn.cloneElement(r, M) : Y(wn, {}), Y("svg", { style: { position: "absolute", top: 0, left: 0, pointerEvents: "none" }, width: g, height: m, viewBox: `0 0 ${g} ${m}`, children: Y("path", { d: E, stroke: s, fill: "none", vectorEffect: "non-scaling-stroke", strokeWidth: l }) })] });
+  }, [_, i, l]), R = _e(() => ({ style: { clipPath: `path('${I}')` } }), [I]);
+  return Ht("div", { className: n, style: { display: "flex", flexDirection: "row", ...o }, ...a, ref: fo([f, d, t]), children: [Sn.isValidElement(r) ? Sn.cloneElement(r, R) : q(wn, {}), q("svg", { style: { position: "absolute", top: 0, left: 0, pointerEvents: "none" }, width: g, height: m, viewBox: `0 0 ${g} ${m}`, children: q("path", { d: _, stroke: s, fill: "none", vectorEffect: "non-scaling-stroke", strokeWidth: l }) })] });
 }));
 const Rl = {}, kl = (e) => {
   const { onPointerDown: t, style: n, splitDirection: o, paddingBefore: r = 0, paddingAfter: i = 0, disabled: l, key: s, hitAreaProps: a = Rl, ...d } = e, g = o === "row", { style: m, className: f, ...x } = a;
-  return Y("div", { style: { ...n, position: "relative" }, ...d, children: Y("div", { className: Rn("hit-box", f), style: { left: (g ? -r : 0) + "px", width: `calc(100% + ${g ? r + i : 0}px)`, top: (g ? 0 : -r) + "px", height: `calc(100% + ${g ? 0 : r + i}px)`, position: "absolute", ...m }, onPointerDown: l ? void 0 : t, ...x }) }, s);
+  return q("div", { style: { ...n, position: "relative" }, ...d, children: q("div", { className: Rn("hit-box", f), style: { left: (g ? -r : 0) + "px", width: `calc(100% + ${g ? r + i : 0}px)`, top: (g ? 0 : -r) + "px", height: `calc(100% + ${g ? 0 : r + i}px)`, position: "absolute", ...m }, onPointerDown: l ? void 0 : t, ...x }) }, s);
 }, oo = {}, bn = (e, t, n = !0) => e === null ? null : e.pixels !== null ? n ? e.pixels : t - e.pixels : (n ? e.percent : 100 - e.percent) / 100 * t, ro = (e, t = !0) => e?.percent ? `${t ? e.percent : 100 - e.percent}%` : e?.pixels ? `${e.pixels}px` : void 0, pn = (e, t) => {
   if (e == null) return null;
   const n = { percent: null, pixels: null };
@@ -1295,119 +1295,119 @@ const Rl = {}, kl = (e) => {
 };
 function On(e) {
   if (!e) throw new Error("must have a PointerHandlerOptions");
-  const { onPointerDown: t, onPointerUp: n, onPointerMoveOrWait: o, processTouch: r = !1, consumeTouch: i = !0 } = e, l = T(t, [t]), s = T(n, [n]), a = T(o, [o]), d = J(!1), g = e?.timerInitial ?? 230, m = e?.timerContinuous ?? g / 2, f = J(null), x = J(null), E = J(null), I = J(null), M = O(() => {
+  const { onPointerDown: t, onPointerUp: n, onPointerMoveOrWait: o, processTouch: r = !1, consumeTouch: i = !0 } = e, l = k(t, [t]), s = k(n, [n]), a = k(o, [o]), d = Z(!1), g = e?.timerInitial ?? 230, m = e?.timerContinuous ?? g / 2, f = Z(null), x = Z(null), _ = Z(null), I = Z(null), R = D(() => {
     I.current && (clearTimeout(I.current), I.current = null);
-  }, []), ae = O((H) => {
+  }, []), ae = D((H) => {
     I.current = setTimeout(() => {
       window.requestAnimationFrame(() => {
-        d.current !== !1 && a?.(x.current, E.current, f.current);
+        d.current !== !1 && a?.(x.current, _.current, f.current);
       }), ae(m);
     }, H ?? g);
   }, []);
-  st(() => () => M(), []);
-  const R = r ? "pointer" : "mouse", _ = O((H) => {
+  st(() => () => R(), []);
+  const P = r ? "pointer" : "mouse", C = D((H) => {
     H.stopPropagation(), H.stopImmediatePropagation(), H.preventDefault();
-  }, []), L = T((H) => {
-    document.removeEventListener(`${R}move`, oe), document.removeEventListener(`${R}up`, L), document.removeEventListener("keydown", be), document.removeEventListener("keyup", U), document.removeEventListener("touchstart", _, { capture: !0 }), document.removeEventListener("touchmove", _, { capture: !0 }), window.removeEventListener("blur", le), M(), window.requestAnimationFrame(() => {
-      d.current !== !1 && (d.current = !1, s?.(H, E.current, f.current), E.current = null);
+  }, []), z = k((H) => {
+    document.removeEventListener(`${P}move`, oe), document.removeEventListener(`${P}up`, z), document.removeEventListener("keydown", ve), document.removeEventListener("keyup", N), document.removeEventListener("touchstart", C, { capture: !0 }), document.removeEventListener("touchmove", C, { capture: !0 }), window.removeEventListener("blur", le), R(), window.requestAnimationFrame(() => {
+      d.current !== !1 && (d.current = !1, s?.(H, _.current, f.current), _.current = null);
     });
-  }, []), le = O(() => {
-    d.current !== !1 && (d.current = !1, L(x.current));
-  }, []), $ = T(() => {
-    M(), ae(m), window.requestAnimationFrame(() => {
-      d.current !== !1 && a?.(x.current, E.current, f.current);
+  }, []), le = D(() => {
+    d.current !== !1 && (d.current = !1, z(x.current));
+  }, []), B = k(() => {
+    R(), ae(m), window.requestAnimationFrame(() => {
+      d.current !== !1 && a?.(x.current, _.current, f.current);
     });
-  }, [m]), oe = T((H) => {
-    x.current = H, $();
-  }, []), be = T((H) => {
-    E.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, $();
-  }, []), U = T((H) => {
-    E.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, $();
+  }, [m]), oe = k((H) => {
+    x.current = H, B();
+  }, []), ve = k((H) => {
+    _.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, B();
+  }, []), N = k((H) => {
+    _.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, B();
   }, [m]);
-  return T((H) => {
-    H.isDefaultPrevented() || (E.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, l(H, E.current) !== !1 && (f.current = H, x.current = H.nativeEvent, document.addEventListener(`${R}up`, L, { passive: !1 }), document.addEventListener(`${R}move`, oe, { passive: !1 }), document.addEventListener("keydown", be, { passive: !1 }), document.addEventListener("keyup", U, { passive: !1 }), window.addEventListener("blur", le, { passive: !0 }), r && i && (document.addEventListener("touchstart", _, { passive: !1, capture: !0 }), document.addEventListener("touchmove", _, { passive: !1, capture: !0 })), d.current = !0, ae(g)));
+  return k((H) => {
+    H.isDefaultPrevented() || (_.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, l(H, _.current) !== !1 && (f.current = H, x.current = H.nativeEvent, document.addEventListener(`${P}up`, z, { passive: !1 }), document.addEventListener(`${P}move`, oe, { passive: !1 }), document.addEventListener("keydown", ve, { passive: !1 }), document.addEventListener("keyup", N, { passive: !1 }), window.addEventListener("blur", le, { passive: !0 }), r && i && (document.addEventListener("touchstart", C, { passive: !1, capture: !0 }), document.addEventListener("touchmove", C, { passive: !1, capture: !0 })), d.current = !0, ae(g)));
   }, [g, r]);
 }
-Dt(Ut((e, t) => {
-  const { elementBefore: n, elementAfter: o, splitDirection: r = "row", fixedPane: i = null, position: l, onPositionChange: s, minBefore: a, maxBefore: d, minAfter: g, maxAfter: m, children: f, className: x, style: E, disabled: I = !1, onDragStart: M, onDragResize: ae, onDragFinish: R, resizerProps: _ = oo, paneProps: L = oo, paneBeforeProps: le = oo, paneAfterProps: $ = oo, createResizer: oe = kl } = e;
+At(Ut((e, t) => {
+  const { elementBefore: n, elementAfter: o, splitDirection: r = "row", fixedPane: i = null, position: l, onPositionChange: s, minBefore: a, maxBefore: d, minAfter: g, maxAfter: m, children: f, className: x, style: _, disabled: I = !1, onDragStart: R, onDragResize: ae, onDragFinish: P, resizerProps: C = oo, paneProps: z = oo, paneBeforeProps: le = oo, paneAfterProps: B = oo, createResizer: oe = kl } = e;
   if (f) throw new Error("Use elementBefore and elementAfter instead of children.");
-  const be = Ee(() => Sn.isValidElement(o) && Sn.isValidElement(n), [o, n]), U = Ee(() => {
+  const ve = _e(() => Sn.isValidElement(o) && Sn.isValidElement(n), [o, n]), N = _e(() => {
     let Q = null;
     i && (i === "before" ? Q = 0 : i === "after" && (Q = 1));
     const et = Q === null;
     return { fixedPaneOffset: Q, isPercent: et, minBefore: pn(a, et), maxBefore: pn(d, et), minAfter: pn(g, et), maxAfter: pn(m, et) };
-  }, [a, d, g, m]), H = T(s, [s]), [X, k] = Je(() => pn(l, i === null));
+  }, [a, d, g, m]), H = k(s, [s]), [X, T] = Ze(() => pn(l, i === null));
   st(() => {
-    k(pn(l, i === null));
+    T(pn(l, i === null));
   }, [l, i]);
-  const [u, { width: C, height: ee }] = In(), [W, { width: A, height: q }] = In(), N = r === "row" ? A : q, xe = r === "row" ? C : ee, G = Ee(() => ((Q, et, qe, dt) => {
-    const Ie = [null, null], Le = [null, null];
-    if (Q || (Q = { percent: dt.fixedPaneOffset === null ? 50 : null, pixels: dt.fixedPaneOffset === null ? null : 0 }), et === 0) return Q?.pixels != null ? dt.fixedPaneOffset !== 1 ? (Ie[0] = Q?.pixels, Le[1] = 100) : (Ie[1] = Q?.pixels - qe, Le[0] = 100) : Q?.percent != null && (dt.fixedPaneOffset !== 1 ? (Le[0] = Q?.percent, Le[1] = 100 - Q?.percent) : (Le[1] = Q?.percent, Le[0] = 100 - Q?.percent)), { percents: Le, pixels: Ie, minBefore: ro(dt.minBefore, !0), maxBefore: ro(dt.maxBefore, !0), minAfter: ro(dt.minAfter), maxAfter: ro(dt.maxAfter) };
-    let rt = bn(Q, et, dt.fixedPaneOffset !== 1), tt = et - qe, Ae = bn(dt.minBefore, tt, !0) ?? 0, rn = bn(dt.maxBefore, tt, !0) ?? tt, Mt = 0, nt = 0, Tt = 0, kt = tt;
-    Mt = (bn(dt.maxAfter, et, !1) ?? qe) - qe, nt = bn(dt.minAfter, et, !1) ?? et, Tt = Math.max(Ae, Mt), kt = Math.min(rn, nt), rt = Math.max(Tt, Math.min(rt, kt)), nt = Math.min(tt - rt, bn(dt.maxAfter, tt - rt, !0) ?? tt), Mt = Math.min(tt - rt, bn(dt.minAfter, tt - rt, !0) ?? tt), Ie[0] = rt, Ie[1] = tt - Ie[0];
+  const [S, { width: h, height: J }] = In(), [K, { width: L, height: U }] = In(), ee = r === "row" ? L : U, te = r === "row" ? h : J, Y = _e(() => ((Q, et, Ue, ht) => {
+    const Ie = [null, null], Oe = [null, null];
+    if (Q || (Q = { percent: ht.fixedPaneOffset === null ? 50 : null, pixels: ht.fixedPaneOffset === null ? null : 0 }), et === 0) return Q?.pixels != null ? ht.fixedPaneOffset !== 1 ? (Ie[0] = Q?.pixels, Oe[1] = 100) : (Ie[1] = Q?.pixels - Ue, Oe[0] = 100) : Q?.percent != null && (ht.fixedPaneOffset !== 1 ? (Oe[0] = Q?.percent, Oe[1] = 100 - Q?.percent) : (Oe[1] = Q?.percent, Oe[0] = 100 - Q?.percent)), { percents: Oe, pixels: Ie, minBefore: ro(ht.minBefore, !0), maxBefore: ro(ht.maxBefore, !0), minAfter: ro(ht.minAfter), maxAfter: ro(ht.maxAfter) };
+    let rt = bn(Q, et, ht.fixedPaneOffset !== 1), tt = et - Ue, ze = bn(ht.minBefore, tt, !0) ?? 0, rn = bn(ht.maxBefore, tt, !0) ?? tt, Tt = 0, nt = 0, Rt = 0, Ot = tt;
+    Tt = (bn(ht.maxAfter, et, !1) ?? Ue) - Ue, nt = bn(ht.minAfter, et, !1) ?? et, Rt = Math.max(ze, Tt), Ot = Math.min(rn, nt), rt = Math.max(Rt, Math.min(rt, Ot)), nt = Math.min(tt - rt, bn(ht.maxAfter, tt - rt, !0) ?? tt), Tt = Math.min(tt - rt, bn(ht.minAfter, tt - rt, !0) ?? tt), Ie[0] = rt, Ie[1] = tt - Ie[0];
     const hn = Math.max(0, Math.min(100, rt / tt * 100));
-    return Le[0] = hn, Le[1] = 100 - Le[0], { percents: Le, pixels: Ie, minBefore: `${Ae}px`, minAfter: `${Mt}px`, maxBefore: `${Ie[0]}px`, maxAfter: `${Ie[1]}px` };
-  })(X, xe, N, U), [U, X, xe, N, r]), [He, Ue] = Je(!1), We = T(M, [M]), ht = T(ae, [ae]), _e = T(R, [R]), S = J(null), ue = J(null), K = J(null), { style: pe, className: te, ...Re } = L, at = { minWidth: 0, minHeight: 0, maxWidth: "100%", maxHeight: "100%", display: "flex", overflow: "hidden", ...pe }, { className: pt, style: zt, ...gt } = le, { className: Zt, style: Be, ...z } = $, ke = { flex: "1 1 100%", width: "100%", ...E, flexDirection: r, display: "flex" }, { className: Qe, style: Xe, onPointerDown: wt, ...an } = _, Jt = T((Q) => {
+    return Oe[0] = hn, Oe[1] = 100 - Oe[0], { percents: Oe, pixels: Ie, minBefore: `${ze}px`, minAfter: `${Tt}px`, maxBefore: `${Ie[0]}px`, maxAfter: `${Ie[1]}px` };
+  })(X, te, ee, N), [N, X, te, ee, r]), [He, je] = Ze(!1), Ne = k(R, [R]), at = k(ae, [ae]), Se = k(P, [P]), Ye = Z(null), $ = Z(null), E = Z(null), { style: Me, className: ue, ...me } = z, Ve = { minWidth: 0, minHeight: 0, maxWidth: "100%", maxHeight: "100%", display: "flex", overflow: "hidden", ...Me }, { className: dt, style: kt, ...ut } = le, { className: Zt, style: St, ...M } = B, ye = { flex: "1 1 100%", width: "100%", ..._, flexDirection: r, display: "flex" }, { className: Je, style: mt, onPointerDown: Qe, ...cn } = C, on = k((Q) => {
     const et = pn(Q, i === null);
-    k(et);
-  }, [i]), jt = T((Q) => {
+    T(et);
+  }, [i]), Mt = k((Q) => {
     if (I || !He) return;
-    const et = ze.current?.getBoundingClientRect();
-    let qe = 0;
-    qe = r === "row" ? (Q.clientX ?? Q.touches?.[0]?.clientX) - et.x : (Q.clientY ?? Q.touches?.[0]?.clientY) - et.y, qe = Math.max(0, Math.min(xe, qe)), U.fixedPaneOffset === 1 && (qe = xe - qe), l && X.pixels === qe || k({ pixels: qe, percent: null }), ht?.(qe), Q.stopPropagation(), Q.preventDefault();
-  }, [U, r, I, He, X, xe]), dn = T((Q) => {
-    if (document.removeEventListener("pointermove", jt), document.removeEventListener("touchmove", jt), document.removeEventListener("pointerup", dn), He && (Ue(!1), X)) {
-      if (_e(X.pixels), !pn(l, i === null) || X.pixels !== l) {
+    const et = De.current?.getBoundingClientRect();
+    let Ue = 0;
+    Ue = r === "row" ? (Q.clientX ?? Q.touches?.[0]?.clientX) - et.x : (Q.clientY ?? Q.touches?.[0]?.clientY) - et.y, Ue = Math.max(0, Math.min(te, Ue)), N.fixedPaneOffset === 1 && (Ue = te - Ue), l && X.pixels === Ue || T({ pixels: Ue, percent: null }), at?.(Ue), Q.stopPropagation(), Q.preventDefault();
+  }, [N, r, I, He, X, te]), dn = k((Q) => {
+    if (document.removeEventListener("pointermove", Mt), document.removeEventListener("touchmove", Mt), document.removeEventListener("pointerup", dn), He && (je(!1), X)) {
+      if (Se(X.pixels), !pn(l, i === null) || X.pixels !== l) {
         const et = { ...X };
-        et.percent === null && (et.percent = et.pixels / xe * 100), H(et);
+        et.percent === null && (et.percent = et.pixels / te * 100), H(et);
       }
       Q.stopPropagation(), Q.preventDefault();
     }
-  }, [X, He, l, i, xe]), on = T((Q) => {
-    wt?.(Q), Q.defaultPrevented || I || He || (Ue(!0), We(), document.addEventListener("pointermove", jt, { passive: !1 }), document.addEventListener("touchmove", jt, { passive: !1 }), document.addEventListener("pointerup", dn, { passive: !1 }));
-  }, [wt]), ze = wo(t, () => ({ setPosition: Jt, isSplitPane: () => !0 }), []), qt = Ee(() => be ? oe?.({ key: "resizer", ref: fo([W, ue]), className: Rn("resizer", Qe), onPointerDownCapture: on, style: { cursor: I ? void 0 : r === "row" ? "ew-resize" : "ns-resize", minWidth: r === "row" ? "2px" : void 0, minHeight: r !== "row" ? "2px" : void 0, boxSizing: "border-box", pointerEvents: "all", zIndex: 1, ...Xe }, splitDirection: r, disabled: I, ...an }) : null, [be, Qe, an, r, Xe, I]), vt = r === "row" ? "Width" : "Height", Vt = { ...at, ...zt, flex: U.fixedPaneOffset === 0 && G?.pixels[0] !== null ? `0 0 ${Math.round(G?.pixels[0])}px` : `1 1 ${Math.round(G?.percents[0] ?? 100)}%`, [`min${vt}`]: G?.minBefore, [`max${vt}`]: o ? G?.maxBefore : "100%" }, Cn = { ...at, ...Be, flex: U.fixedPaneOffset === 1 && G?.pixels[1] !== null ? `0 0 ${Math.round(G?.pixels[1])}px` : `1 1 ${Math.round(G?.percents[1] ?? 100)}%`, [`min${vt}`]: G?.minAfter, [`max${vt}`]: n ? G?.maxAfter : "100%" }, un = Ee(() => n ? Y("div", { ref: S, className: Rn("before", te, pt), style: Vt, ...Re, ...gt, children: n }, "before") : null, [n, L, le, U, G]), Ne = Ee(() => o ? Y("div", { ref: K, className: Rn("after", te, Zt), style: Cn, ...Re, ...z, children: o }, "after") : null, [o, L, $, U, G]);
-  return Ht("div", { ref: fo([u, ze]), className: Rn("splitPane", r === "row" ? "vertical" : "horizontal", { dragging: He }, x), style: ke, children: [un, qt, Ne] });
+  }, [X, He, l, i, te]), nn = k((Q) => {
+    Qe?.(Q), Q.defaultPrevented || I || He || (je(!0), Ne(), document.addEventListener("pointermove", Mt, { passive: !1 }), document.addEventListener("touchmove", Mt, { passive: !1 }), document.addEventListener("pointerup", dn, { passive: !1 }));
+  }, [Qe]), De = wo(t, () => ({ setPosition: on, isSplitPane: () => !0 }), []), Kt = _e(() => ve ? oe?.({ key: "resizer", ref: fo([K, $]), className: Rn("resizer", Je), onPointerDownCapture: nn, style: { cursor: I ? void 0 : r === "row" ? "ew-resize" : "ns-resize", minWidth: r === "row" ? "2px" : void 0, minHeight: r !== "row" ? "2px" : void 0, boxSizing: "border-box", pointerEvents: "all", zIndex: 1, ...mt }, splitDirection: r, disabled: I, ...cn }) : null, [ve, Je, cn, r, mt, I]), xt = r === "row" ? "Width" : "Height", Vt = { ...Ve, ...kt, flex: N.fixedPaneOffset === 0 && Y?.pixels[0] !== null ? `0 0 ${Math.round(Y?.pixels[0])}px` : `1 1 ${Math.round(Y?.percents[0] ?? 100)}%`, [`min${xt}`]: Y?.minBefore, [`max${xt}`]: o ? Y?.maxBefore : "100%" }, Cn = { ...Ve, ...St, flex: N.fixedPaneOffset === 1 && Y?.pixels[1] !== null ? `0 0 ${Math.round(Y?.pixels[1])}px` : `1 1 ${Math.round(Y?.percents[1] ?? 100)}%`, [`min${xt}`]: Y?.minAfter, [`max${xt}`]: n ? Y?.maxAfter : "100%" }, un = _e(() => n ? q("div", { ref: Ye, className: Rn("before", ue, dt), style: Vt, ...me, ...ut, children: n }, "before") : null, [n, z, le, N, Y]), We = _e(() => o ? q("div", { ref: E, className: Rn("after", ue, Zt), style: Cn, ...me, ...M, children: o }, "after") : null, [o, z, B, N, Y]);
+  return Ht("div", { ref: fo([S, De]), className: Rn("splitPane", r === "row" ? "vertical" : "horizontal", { dragging: He }, x), style: ye, children: [un, Kt, We] });
 }));
 const Pl = ({ initValue: e, useHookBody: t, applyStateChange: n }) => {
-  const o = J(e);
+  const o = Z(e);
   if (typeof t != "function") throw new Error("function expected as hook body parameter. got " + typeof t);
   const r = t();
-  return nn(() => {
+  return tn(() => {
     o.current !== r && (o.current = r, n(r));
   }, [n, r]), null;
-}, Ko = (e) => {
+}, qo = (e) => {
   console && console.warn && console.warn(e);
 }, zo = typeof self == "object" && self.self === self && self || typeof global == "object" && global.global === global && global || void 0;
 let Ol = 1, Yo = !1, wi = !1;
 const co = [], kn = [], po = () => {
   kn.forEach((e) => e());
 }, Ll = ({ automaticContainerInternalUseOnly: e }) => {
-  const [t, n] = Je([]), o = J([]);
+  const [t, n] = Ze([]), o = Z([]);
   return o.current = t, e || Yo !== !1 || (wi = !0), st(() => {
     let r = !0;
     function i() {
-      if (r) return kn[0] !== i ? (e || Yo !== !0 || Ko("SingletonHooksContainer is mounted after some singleton hook has been used.Your SingletonHooksContainer will not be used in favor of internal one."), void n((l) => [])) : void n([...co]);
+      if (r) return kn[0] !== i ? (e || Yo !== !0 || qo("SingletonHooksContainer is mounted after some singleton hook has been used.Your SingletonHooksContainer will not be used in favor of internal one."), void n((l) => [])) : void n([...co]);
     }
     return kn.push(i), po(), () => {
-      r = !1, o.current?.length > 0 && Ko("SingletonHooksContainer is unmounted, but it has active singleton hooks. They will be reevaluated once SingletonHooksContainer is mounted again"), kn.splice(kn.indexOf(i), 1), po();
+      r = !1, o.current?.length > 0 && qo("SingletonHooksContainer is unmounted, but it has active singleton hooks. They will be reevaluated once SingletonHooksContainer is mounted again"), kn.splice(kn.indexOf(i), 1), po();
     };
-  }, [e]), Y(wn, { children: t.map(({ hook: r, key: i }) => Jo(Pl, { ...r, key: i })) });
+  }, [e]), q(wn, { children: t.map(({ hook: r, key: i }) => Jo(Pl, { ...r, key: i })) });
 }, mi = (e, t, n = {}) => {
   let o, r, i = !1, l = !1, s = [], { unmountIfNoConsumers: a = !1 } = n;
   const d = (m) => {
     r = m, Li(() => s.forEach((f) => f(m)));
   }, g = () => (l || (r = typeof e == "function" ? e() : e, l = !0), r);
   return () => {
-    const [m, f] = Je(g);
+    const [m, f] = Ze(g);
     return st(() => (i || (i = !0, o = ((x) => {
-      const E = Ol++;
-      return co.push({ hook: x, key: E }), kn.length === 0 && wi === !1 && (Yo = !0, ((I) => {
+      const _ = Ol++;
+      return co.push({ hook: x, key: _ }), kn.length === 0 && wi === !1 && (Yo = !0, ((I) => {
         if (zo.document && zo.document.createElement) {
-          const M = zo.document.createElement("div");
-          Oi(M).render(Y(I, { automaticContainerInternalUseOnly: !0 }));
-        } else Ko("Can not mount SingletonHooksContainer on server side. Did you manage to run useEffect on server? Please mount SingletonHooksContainer into your components tree manually.");
+          const R = zo.document.createElement("div");
+          Oi(R).render(q(I, { automaticContainerInternalUseOnly: !0 }));
+        } else qo("Can not mount SingletonHooksContainer on server side. Did you manage to run useEffect on server? Please mount SingletonHooksContainer into your components tree manually.");
       })(Ll)), po(), () => {
-        co.splice(co.findIndex((I) => I.key === E), 1), po();
+        co.splice(co.findIndex((I) => I.key === _), 1), po();
       };
     })({ initValue: e, useHookBody: t, applyStateChange: d })), s.push(f), r !== m && f(r), () => {
       s.splice(s.indexOf(f), 1), s.length === 0 && a && (o(), i = !1);
@@ -1415,7 +1415,7 @@ const co = [], kn = [], po = () => {
   };
 };
 mi(null, () => {
-  const [e, t] = Je(null);
+  const [e, t] = Ze(null);
   return e;
 });
 class Dl {
@@ -1529,16 +1529,16 @@ class Dl {
     }), n;
   }
 }
-class Se extends Dl {
+class Ee extends Dl {
 }
 Ct.getOS() === Ct.OSType.MacOS || (Ct.getOS(), Ct.OSType.IOS), Ct.getOS() === Ct.OSType.MacOS || (Ct.getOS(), Ct.OSType.IOS), mi({ setClipboard: (e) => {
   throw new Error("This is only available via the useClipboard.");
 }, getClipboard: () => ho.Global, refNativeCopy: { current: null }, refNativeLastKey: { current: null } }, () => {
-  const [e, t] = Je(ho.Global);
-  return { setClipboard: (n) => t(n), getClipboard: () => e, refNativeCopy: J(null), refNativeLastKey: J(null) };
+  const [e, t] = Ze(ho.Global);
+  return { setClipboard: (n) => t(n), getClipboard: () => e, refNativeCopy: Z(null), refNativeLastKey: Z(null) };
 });
 let Ao = !1, zl = 0;
-var Al = typeof document < "u" ? nn : st;
+var Al = typeof document < "u" ? tn : st;
 const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
   const [e, t] = Sn.useState(() => Ao ? Pr() : void 0);
   return Al(() => {
@@ -1580,10 +1580,10 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
   for (; r < n && Pn({ itemType: e, itemSize: t, index: r, instanceProps: o, scale: l }).offset < i; ) r += s, s *= 2;
   return xi({ itemType: e, itemSize: t, instanceProps: o, high: Math.min(r, n - 1), low: Math.floor(r / 2), offset: i, scale: l });
 }, Fl = (e) => {
-  const { rowCount: t, columnCount: n, defaultRowHeight: o, getRowHeight: r, defaultColumnWidth: i, getColumnWidth: l } = e || {}, s = J({ columnMetadataMap: {}, rowMetadataMap: {}, lastMeasuredColumnIndex: -1, lastMeasuredRowIndex: -1, recalcColumnIndices: [], recalcRowIndices: [] }), a = T((_) => Or({ itemType: "row", itemCount: t, itemSize: r ?? (() => o ?? 20), instanceProps: s.current, offset: _ }), [t, r, o]), d = T((_) => _ === -1 ? 0 : Pn({ itemType: "row", index: _, itemSize: r ?? (() => o ?? 20), instanceProps: s.current }).offset, [r, o]), g = T((_) => Pn({ itemType: "row", index: _, itemSize: r ?? (() => o ?? 20), instanceProps: s.current }).size, [r, o]), m = T((_) => Or({ itemType: "column", itemCount: n, itemSize: l ?? (() => i ?? 75), instanceProps: s.current, offset: _ }), [n, l, i]), f = T((_) => _ === -1 ? 0 : Pn({ itemType: "column", index: _, itemSize: l ?? (() => i ?? 75), instanceProps: s.current }).offset, [l, i]), x = T((_) => Pn({ itemType: "column", index: _, itemSize: l ?? (() => i ?? 75), instanceProps: s.current }).size, [l, i]), [E, I] = Qo((_) => _ + 1, 0), M = () => ({ getRowOffset: d, getColOffset: f, getRowIndex: a, getColIndex: m }), [ae, R] = Je(() => e ? M() : null);
+  const { rowCount: t, columnCount: n, defaultRowHeight: o, getRowHeight: r, defaultColumnWidth: i, getColumnWidth: l } = e || {}, s = Z({ columnMetadataMap: {}, rowMetadataMap: {}, lastMeasuredColumnIndex: -1, lastMeasuredRowIndex: -1, recalcColumnIndices: [], recalcRowIndices: [] }), a = k((C) => Or({ itemType: "row", itemCount: t, itemSize: r ?? (() => o ?? 20), instanceProps: s.current, offset: C }), [t, r, o]), d = k((C) => C === -1 ? 0 : Pn({ itemType: "row", index: C, itemSize: r ?? (() => o ?? 20), instanceProps: s.current }).offset, [r, o]), g = k((C) => Pn({ itemType: "row", index: C, itemSize: r ?? (() => o ?? 20), instanceProps: s.current }).size, [r, o]), m = k((C) => Or({ itemType: "column", itemCount: n, itemSize: l ?? (() => i ?? 75), instanceProps: s.current, offset: C }), [n, l, i]), f = k((C) => C === -1 ? 0 : Pn({ itemType: "column", index: C, itemSize: l ?? (() => i ?? 75), instanceProps: s.current }).offset, [l, i]), x = k((C) => Pn({ itemType: "column", index: C, itemSize: l ?? (() => i ?? 75), instanceProps: s.current }).size, [l, i]), [_, I] = Qo((C) => C + 1, 0), R = () => ({ getRowOffset: d, getColOffset: f, getRowIndex: a, getColIndex: m }), [ae, P] = Ze(() => e ? R() : null);
   return st(() => {
-    R(e ? M() : null);
-  }, [E, t, n, i, o, g, x]), ae;
+    P(e ? R() : null);
+  }, [_, t, n, i, o, g, x]), ae;
 }, vi = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ~`!@#$%^&*()-_=+[{]};:'\",<.>/?|\\", Lr = (e) => {
   if (!e) return null;
   if (e.eventType === "start") return { type: e.eventType };
@@ -1597,240 +1597,241 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
   }
   return { type: e.eventType ?? "unknown" };
 }, jl = (e) => !0, Vl = (e) => !!e && !(e.ctrlKey || e.metaKey || e.altKey || e.isComposing) && (!(e.shiftKey || e.key !== "F2" && e.key !== " " && e.key !== "Backspace") || (!e.shiftKey || e.key !== " ") && vi.indexOf(e.key) !== -1), Wl = (e) => !!e && e.type === "dblclick" && { editMode: !0 }, Hl = (e) => {
-  const { session: t, refLatestCoords: n, handleSubmitEdit: o, handleCancelEdit: r, cellBounds: i, isInBounds: l, getCellEditor: s, propsEditor: a, borderStrokeFill: d = "rgb(33, 115, 70)", borderStrokeWidth: g = 2, alignment: m = Wn.Left, style: f, ...x } = e, E = J(null), I = J(null), [M, ae] = Je(!1), R = t.coords, _ = O(async (X) => {
-    if (E.current?.getBoundingClientRect()) {
+  const { session: t, refLatestCoords: n, handleSubmitEdit: o, handleCancelEdit: r, cellBounds: i, isInBounds: l, getCellEditor: s, propsEditor: a, borderStrokeFill: d = "rgb(33, 115, 70)", borderStrokeWidth: g = 2, alignment: m = Wn.Left, style: f, ...x } = e, _ = Z(null), I = Z(null), [R, ae] = Ze(!1), P = t.coords, C = D(async (X) => {
+    if (_.current?.getBoundingClientRect()) {
       if (X.eventType === "keyboard") {
-        const u = X.event, C = new KeyboardEvent(u.type, { bubbles: !0, cancelable: !0, view: window, key: u.key, code: u.code, location: u.location, repeat: u.repeat, isComposing: u.isComposing, charCode: u.charCode, keyCode: u.keyCode, which: u.which, ctrlKey: u.ctrlKey, shiftKey: u.shiftKey, altKey: u.altKey, metaKey: u.metaKey });
-        C.isSynthetic = !0, C.key, I.current?.dispatchEvent(C);
+        const S = X.event, h = new KeyboardEvent(S.type, { bubbles: !0, cancelable: !0, view: window, key: S.key, code: S.code, location: S.location, repeat: S.repeat, isComposing: S.isComposing, charCode: S.charCode, keyCode: S.keyCode, which: S.which, ctrlKey: S.ctrlKey, shiftKey: S.shiftKey, altKey: S.altKey, metaKey: S.metaKey });
+        h.isSynthetic = !0, h.key, I.current?.dispatchEvent(h);
       } else X.eventType === "pointer" || console.warn("unsupported event type", X);
-      await new Promise((u) => requestAnimationFrame(u));
+      await new Promise((S) => requestAnimationFrame(S));
     }
   }, []);
   st(() => {
     const X = I.current;
     return ae(!0), I.current.startEdit?.(t.startEvent), (async () => {
-      t.editorRefs.push(X), t.editorRefsDispatchEditorEvent.push(_);
-      const k = [...t.events];
-      for (let u = 0; u < k.length; u++) await _(k[u]);
+      t.editorRefs.push(X), t.editorRefsDispatchEditorEvent.push(C);
+      const T = [...t.events];
+      for (let S = 0; S < T.length; S++) await C(T[S]);
       t.onMount(X);
     })(), () => {
-      const k = t.editorRefs.indexOf(X);
-      k !== -1 && t.editorRefs.splice(k, 1), t.onUnmount(X);
+      const T = t.editorRefs.indexOf(X);
+      T !== -1 && t.editorRefs.splice(T, 1), t.onUnmount(X);
     };
   }, []);
-  const L = O(() => o(t), []), le = O(() => {
+  const z = D(() => o(t), []), le = D(() => {
     r(t);
-  }, []), $ = n.current && Z.isEqualCells(n.current, R), oe = l && $ && M, be = s({ autoFocus: !!t.startEvent?.autoFocus, ...a, onSubmitEdit: L, onCancelEdit: le, ref: I }, R), U = i.x + me.boundPixel(-g / 2), H = me.boundPixel(i.width + g / 2, !0);
-  return Y("div", { tabIndex: 0, ref: E, style: { background: void 0, ...f, opacity: oe ? f?.opacity ?? 1 : 0, pointerEvents: "auto", position: "absolute", boxSizing: "border-box", top: `${i.y + me.boundPixel(-g / 2)}px`, height: me.boundPixel(i.height + g / 2, !0), left: `${U}px`, width: H }, ...x, children: Y("div", { className: "editor-container", style: { position: "absolute", boxSizing: "border-box", left: `${me.boundPixel(1)}px`, top: `${me.boundPixel(1)}px`, width: me.boundPixel(i.width - 2, !0), height: me.boundPixel(i.height - 2, !0), outline: `${g}px ${d} solid`, boxShadow: "rgba(60,64,67,.35) 2px 2px 6px 3px", maxHeight: "100%", overflow: "hidden", display: "flex" }, children: be }) });
+  }, []), B = n.current && G.isEqualCells(n.current, P), oe = l && B && R, ve = s({ autoFocus: !!t.startEvent?.autoFocus, ...a, onSubmitEdit: z, onCancelEdit: le, ref: I }, P), N = i.x + we.boundPixel(-g / 2), H = we.boundPixel(i.width + g / 2, !0);
+  return q("div", { tabIndex: 0, ref: _, style: { background: void 0, ...f, opacity: oe ? f?.opacity ?? 1 : 0, pointerEvents: "auto", position: "absolute", boxSizing: "border-box", top: `${i.y + we.boundPixel(-g / 2)}px`, height: we.boundPixel(i.height + g / 2, !0), left: `${N}px`, width: H }, ...x, children: q("div", { className: "editor-container", style: { position: "absolute", boxSizing: "border-box", left: `${we.boundPixel(1)}px`, top: `${we.boundPixel(1)}px`, width: we.boundPixel(i.width - 2, !0), height: we.boundPixel(i.height - 2, !0), outline: `${g}px ${d} solid`, boxShadow: "rgba(60,64,67,.35) 2px 2px 6px 3px", maxHeight: "100%", overflow: "hidden", display: "flex" }, children: ve }) });
 }, gs = (e) => {
-  const { view: t, canEdit: n = jl, getCellEditor: o, onBeforeStartEdit: r, onStartEdit: i, onSubmitEdit: l, onCancelEdit: s, onDoneEdit: a, isEditorStartKeyEvent: d = Vl, isEditorStartPointerEvent: g = Wl, containerProps: m, borderStrokeFill: f, borderStrokeWidth: x = 2, getRangeCoords: E = null, activeCoords: I, alignment: M = Wn.Left } = e, [ae, R] = Je(!1), [_, L] = Je(void 0), le = T((S, ue, K, pe, te, Re) => {
-    if (!ue) return null;
-    const at = te?.(ue, S), pt = S.getRangeCoordsBounds(at), zt = S.toClipBounds(pt), gt = pt, Zt = S.getZoom();
-    if (!zt) return null;
-    K && (K *= Zt), pe && (pe *= Zt);
-    let Be = gt, z = !1;
-    if (K !== void 0) {
-      let Xe = { ...at }, wt = 0;
-      for (; !z && Be.width <= K && wt < 20; ) {
-        wt++, wt > 19 && console.warn("max width reached");
-        const an = S.getTotalRangeCoords(), Jt = S.getLayout();
-        Re === Wn.Left ? Xe.colEnd + 1 < an.colEnd ? Xe.colEnd = Jt.getColIndex(Be.x + K) : z = !0 : Re === Wn.Right ? Xe.colStart - 1 >= 0 ? Xe.colStart = Jt.getColIndex(Be.x - (K - Be.width)) : z = !0 : Re === Wn.Center && Xe.colEnd + 1 < an.colEnd && Xe.colStart - 1 >= 0 ? (Xe.colStart = Jt.getColIndex(Be.x - (K - Be.width) / 2), Xe.colEnd = Jt.getColIndex(Be.x + Be.width + (K - Be.width) / 2)) : z = !0, z || (Be = S.getRangeCoordsBounds(Xe));
+  const { view: t, canEdit: n = jl, getCellEditor: o, onBeforeStartEdit: r, onStartEdit: i, onSubmitEdit: l, onCancelEdit: s, onDoneEdit: a, isEditorStartKeyEvent: d = Vl, isEditorStartPointerEvent: g = Wl, containerProps: m, borderStrokeFill: f, borderStrokeWidth: x = 2, getRangeCoords: _ = null, activeCoords: I, alignment: R = Wn.Left } = e, [ae, P] = Ze(!1), [C, z] = Ze(void 0), le = k(($, E, Me, ue, me, Ve) => {
+    if (!E) return null;
+    const dt = me?.(E, $), kt = $.getRangeCoordsBounds(dt), ut = $.toClipBounds(kt), Zt = kt, St = $.getZoom();
+    if (!ut) return null;
+    Me && (Me *= St), ue && (ue *= St);
+    let M = Zt, ye = !1;
+    if (Me !== void 0) {
+      let Qe = { ...dt }, cn = 0;
+      for (; !ye && M.width <= Me && cn < 20; ) {
+        cn++, cn > 19 && console.warn("max width reached");
+        const on = $.getTotalRangeCoords(), Mt = $.getLayout();
+        Ve === Wn.Left ? Qe.colEnd + 1 < on.colEnd ? Qe.colEnd = Mt.getColIndex(M.x + Me) : ye = !0 : Ve === Wn.Right ? Qe.colStart - 1 >= 0 ? Qe.colStart = Mt.getColIndex(M.x - (Me - M.width)) : ye = !0 : Ve === Wn.Center && Qe.colEnd + 1 < on.colEnd && Qe.colStart - 1 >= 0 ? (Qe.colStart = Mt.getColIndex(M.x - (Me - M.width) / 2), Qe.colEnd = Mt.getColIndex(M.x + M.width + (Me - M.width) / 2)) : ye = !0, ye || (M = $.getRangeCoordsBounds(Qe));
       }
     }
-    Be.height = gt.height, pe !== void 0 && (Be.height = Math.max(pe + 1, gt.height));
-    const { width: ke, height: Qe } = S.getViewportSize();
-    return { x: Be.x ?? 0, y: Be.y ?? 0, height: Math.min(Qe - Be.y, Be.height) + 1, width: Math.min(ke - Be.x, Be.width) + 1 };
-  }, [M]), $ = T(n, [n]), oe = O(() => {
+    M.height = Zt.height, ue !== void 0 && (M.height = Math.max(ue + 1, Zt.height));
+    const { width: Je, height: mt } = $.getViewportSize();
+    return { x: M.x ?? 0, y: M.y ?? 0, height: Math.min(mt - M.y, M.height) + 1, width: Math.min(Je - M.x, M.width) + 1 };
+  }, [R]), B = k(n, [n]), oe = D(() => {
     t?.getStage()?.focus();
-  }, [t]), be = T((S) => {
-    r?.(S), N(), R(!0);
-  }, [r]), U = T((S) => {
-    i?.(S.coords);
-  }, [i]), H = T((S) => {
-    S.isSubmitted || S.isCancelled || (u.current.isEditorClosed = !0, oe(), S.isCancelled = !0, s?.(S.coords), N());
-  }, [s]), X = T((S) => {
-    if (S.isSubmitted || S.isCancelled) return !1;
+  }, [t]), ve = Z(null), N = k(($) => {
+    r?.($), te(), P(!0), ve.current = null;
+  }, [r]), H = k(($) => {
+    i?.($.coords);
+  }, [i]), X = k(($) => {
+    $.isSubmitted || $.isCancelled || (h.current.isEditorClosed = !0, oe(), $.isCancelled = !0, s?.($.coords), te());
+  }, [s]), T = k(($) => {
+    if ($.isSubmitted || $.isCancelled) return !1;
     try {
-      return S.isEditorClosing = !0, S.isSubmitted = !0, S.isEditorSubmitted || (S.isEditorSubmitted = !0, S.editorRefs[0]?.submitEdit?.()), S.coords, l?.(S.coords), S.isEditorClosed = !0, oe(), N(), !0;
-    } catch (ue) {
-      throw S.isEditorClosing = !1, S.isSubmitted = !1, ue;
-    }
-  }, [l]), k = T((S) => {
-    R(!1), a?.(S.coords), N();
-  }, [a]), u = J(null), C = J(null), ee = J(null), W = J([]), [A, q] = Qo((S) => S + 1, 0), N = O((S) => {
-    S && W.current.push(S), q();
-  }, []), xe = T((S) => {
-    if (S.defaultPrevented || S.isSynthetic || !t) return;
-    const ue = t?.getCellCoordsFromClient(S.clientX, S.clientY);
-    ue && N({ eventType: "pointer", event: S, coords: ue });
-  }, [t]), G = T((S) => {
-    const ue = S.nativeEvent;
-    xe(ue);
-  }, [t]), He = T((S) => {
-    if (S.defaultPrevented || S.isSynthetic || !t?.getStage()) return;
-    const ue = C.current;
-    d(S, ue) && (S.stopPropagation(), S.preventDefault()), S.key, N({ eventType: "keyboard", event: S, coords: ue });
+      return ve.current = $.coords, $.isEditorClosing = !0, $.isSubmitted = !0, $.isEditorSubmitted || ($.isEditorSubmitted = !0, $.editorRefs[0]?.submitEdit?.()), $.coords, l?.($.coords), $.isEditorClosed = !0, oe(), te(), !0;
+    } catch (E) {
+      throw $.isEditorClosing = !1, $.isSubmitted = !1, E;
+    }
+  }, [l]), S = k(($) => {
+    P(!1), a?.($.coords), te();
+  }, [a]), h = Z(null), J = Z(null), K = Z(null), L = Z([]), [U, ee] = Qo(($) => $ + 1, 0), te = D(($) => {
+    $ && L.current.push($), ee();
+  }, []), Y = k(($) => {
+    if ($.defaultPrevented || $.isSynthetic || !t) return;
+    const E = t?.getCellCoordsFromClient($.clientX, $.clientY);
+    E && te({ eventType: "pointer", event: $, coords: E });
+  }, [t]), He = k(($) => {
+    const E = $.nativeEvent;
+    Y(E);
+  }, [t]), je = k(($) => {
+    if ($.defaultPrevented || $.isSynthetic || !t?.getStage()) return;
+    const E = J.current;
+    d($, E) && ($.stopPropagation(), $.preventDefault()), $.key, te({ eventType: "keyboard", event: $, coords: E });
   }, [t]);
-  nn(() => {
-    const S = (pe, te) => {
-      const Re = te?.cell ?? pe;
-      if (!Re) return null;
-      const at = Re;
-      if (!$(Re)) return null;
-      be?.(Re);
-      const pt = Ct.uuidV4();
-      te = Object.freeze({ autoFocus: !0, ...te }), ee.current = Re;
-      const zt = { coords: at, startEvent: te, uuid: pt, isMounted: !1, isStarted: !1, isSubmitted: !1, isEditorSubmitted: !1, isEditorClosing: !1, isEditorClosed: !1, isCancelled: !1, events: [], editorRefsDispatchEditorEvent: [], editorRefs: [], onMount: (gt) => {
-        zt.isMounted || (zt.isMounted = !0, N());
-      }, onUnmount: (gt) => {
-        if (zt.editorRefs.length === 0) {
-          const Zt = () => {
-            zt.isMounted = !1, N();
+  tn(() => {
+    const $ = (ue, me) => {
+      const Ve = me?.cell ?? ue;
+      if (!Ve) return null;
+      const dt = Ve;
+      if (!B(Ve)) return null;
+      N?.(Ve);
+      const kt = Ct.uuidV4();
+      me = Object.freeze({ autoFocus: !0, ...me }), K.current = Ve;
+      const ut = { coords: dt, startEvent: me, uuid: kt, isMounted: !1, isStarted: !1, isSubmitted: !1, isEditorSubmitted: !1, isEditorClosing: !1, isEditorClosed: !1, isCancelled: !1, events: [], editorRefsDispatchEditorEvent: [], editorRefs: [], onMount: (Zt) => {
+        ut.isMounted || (ut.isMounted = !0, te());
+      }, onUnmount: (Zt) => {
+        if (ut.editorRefs.length === 0) {
+          const St = () => {
+            ut.isMounted = !1, te();
           };
-          if (document.activeElement !== document.body) Zt();
+          if (document.activeElement !== document.body) St();
           else {
-            const Be = (z) => {
-              z.defaultPrevented || z.target !== document.body || He(z);
+            const M = (ye) => {
+              ye.defaultPrevented || ye.target !== document.body || je(ye);
             };
-            window.addEventListener("keydown", Be, !0), t.getStage()?.addEventListener("focusin", () => {
-              window.removeEventListener("keydown", Be), Zt();
+            window.addEventListener("keydown", M, !0), t.getStage()?.addEventListener("focusin", () => {
+              window.removeEventListener("keydown", M), St();
             }, { once: !0 }), oe();
           }
         }
       } };
-      return zt;
+      return ut;
     };
-    if (W.current.length <= 0 && !u.current) return;
-    const ue = W.current[0];
-    Lr(ue), ((pe) => {
-      const te = [], Re = pe?.length ?? 0;
-      for (let at = 0; at < Re; at++) {
-        const pt = pe[at];
-        te.push(Lr(pt));
+    if (L.current.length <= 0 && !h.current) return;
+    const E = L.current[0];
+    Lr(E), ((ue) => {
+      const me = [], Ve = ue?.length ?? 0;
+      for (let dt = 0; dt < Ve; dt++) {
+        const kt = ue[dt];
+        me.push(Lr(kt));
       }
-    })(W.current), u.current, u.current;
-    let K = u.current;
-    if (u.current) {
-      if (u.current.isDone) u.current = null;
-      else if (u.current.isSubmitted || u.current.isCancelled) {
-        if (u.current.isMounted) return;
-        u.current.isDone || (k(u.current), u.current.isDone = !0);
+    })(L.current), h.current, h.current;
+    let Me = h.current;
+    if (h.current) {
+      if (h.current.isDone) h.current = null;
+      else if (h.current.isSubmitted || h.current.isCancelled) {
+        if (h.current.isMounted) return;
+        h.current.isDone || (S(h.current), h.current.isDone = !0);
       }
     }
-    if (ue) {
-      if (ue.eventType === "start") {
-        const pe = ue, te = pe.startEvent?.cell ?? C.current;
-        u.current && Z.isEqualCells(u.current.coords, te) || (u.current = S(te, pe.startEvent));
-      } else if (ue.eventType === "keyboard") {
-        const pe = ue.event;
-        if (u.current) {
-          pe.key, u.current.events, u.current.events.push(ue);
-          for (let te = 0; te < u.current.editorRefsDispatchEditorEvent.length; te++) u.current.editorRefsDispatchEditorEvent[te](ue);
-        } else if (d(pe, ue.coords)) {
-          let te;
-          const Re = S(te?.cell ?? C.current, te);
-          Re && Re.events.push(ue), u.current = Re;
+    if (E) {
+      if (E.eventType === "start") {
+        const ue = E, me = ue.startEvent?.cell ?? J.current;
+        h.current && G.isEqualCells(h.current.coords, me) || (h.current = $(me, ue.startEvent));
+      } else if (E.eventType === "keyboard") {
+        const ue = E.event;
+        if (h.current) {
+          ue.key, h.current.events, h.current.events.push(E);
+          for (let me = 0; me < h.current.editorRefsDispatchEditorEvent.length; me++) h.current.editorRefsDispatchEditorEvent[me](E);
+        } else if (d(ue, E.coords)) {
+          let me;
+          const Ve = $(me?.cell ?? J.current, me);
+          Ve && Ve.events.push(E), h.current = Ve;
         }
-      } else if (ue.eventType === "pointer") {
-        const pe = ue.event;
-        if (u.current) {
-          u.current.events.push(ue);
-          for (let te = 0; te < u.current.editorRefsDispatchEditorEvent.length; te++) u.current.editorRefsDispatchEditorEvent[te](ue);
+      } else if (E.eventType === "pointer") {
+        const ue = E.event;
+        if (h.current) {
+          h.current.events.push(E);
+          for (let me = 0; me < h.current.editorRefsDispatchEditorEvent.length; me++) h.current.editorRefsDispatchEditorEvent[me](E);
         } else {
-          const te = ue?.coords ?? C.current, Re = g(pe, te);
-          if (Re) {
-            let at;
-            typeof at != "boolean" && (at = Re);
-            const pt = S(te, at);
-            pt && pt.events.push(ue), u.current = pt;
+          const me = E?.coords ?? J.current, Ve = g(ue, me);
+          if (Ve) {
+            let dt;
+            typeof dt != "boolean" && (dt = Ve);
+            const kt = $(me, dt);
+            kt && kt.events.push(E), h.current = kt;
           }
         }
-      } else if (ue.eventType === "submit") {
-        if (u.current && !u.current.isSubmitted && !u.current.isCancelled) {
-          if (!u.current.isMounted) return;
-          X(u.current);
+      } else if (E.eventType === "submit") {
+        if (h.current && !h.current.isSubmitted && !h.current.isCancelled) {
+          if (!h.current.isMounted) return;
+          T(h.current);
         }
-      } else if (ue.eventType === "cancel") {
-        if (u.current && !u.current.isSubmitted && !u.current.isCancelled) {
-          if (!u.current.isMounted) return;
-          H(u.current);
+      } else if (E.eventType === "cancel") {
+        if (h.current && !h.current.isSubmitted && !h.current.isCancelled) {
+          if (!h.current.isMounted) return;
+          X(h.current);
         }
-      } else if (ue.eventType === "coordsChange") {
-        const pe = ue;
-        if (C.current = pe.activeCoords, u.current, u.current && !u.current.isSubmitted && !u.current.isCancelled) {
-          if (!u.current.isMounted) return;
+      } else if (E.eventType === "coordsChange") {
+        const ue = E;
+        if (J.current = ue.activeCoords, h.current, h.current && !h.current.isSubmitted && !h.current.isCancelled) {
+          if (!h.current.isMounted) return;
           try {
-            X(u.current);
+            T(h.current);
           } catch {
           }
         }
       }
     }
-    W.current.length > 0 && (W.current.shift(), N()), W.current.length === 0 && (!u.current || u.current.isEditorClosing || u.current.isEditorClosed ? !u.current && K && oe() : u.current.isMounted && !u.current.isStarted && (u.current.isStarted = !0, u.current.startEvent.autoFocus && (typeof u.current.startEvent.autoFocus == "string" ? u.current.editorRefs[0]?.autoFocus(u.current.startEvent.autoFocus) : u.current.editorRefs[0]?.autoFocus()), U?.(u.current), requestAnimationFrame(() => {
-      t && u.current?.coords && t.scrollCellCoordsIntoView(u.current.coords);
+    L.current.length > 0 && (L.current.shift(), te()), L.current.length === 0 && (!h.current || h.current.isEditorClosing || h.current.isEditorClosed ? !h.current && Me && oe() : h.current.isMounted && !h.current.isStarted && (h.current.isStarted = !0, h.current.startEvent.autoFocus && (typeof h.current.startEvent.autoFocus == "string" ? h.current.editorRefs[0]?.autoFocus(h.current.startEvent.autoFocus) : h.current.editorRefs[0]?.autoFocus()), H?.(h.current), requestAnimationFrame(() => {
+      t && h.current?.coords && t.scrollCellCoordsIntoView(h.current.coords);
     })));
-  }, [A]), st(() => {
-    ee.current = I;
-    const S = u.current?.coords;
-    Z.isEqualCells(S, I) || (u.current && (u.current.isEditorClosing = !0), N({ eventType: "coordsChange", activeCoords: I }));
+  }, [U]), st(() => {
+    if (ve.current && G.isEqualCells(ve.current, I)) return;
+    K.current = I;
+    const $ = h.current?.coords;
+    G.isEqualCells($, I) || (h.current && (h.current.isEditorClosing = !0), te({ eventType: "coordsChange", activeCoords: I }));
   }, [I]);
-  const Ue = O((S) => {
-    He(S.nativeEvent);
-  }, []), { width: We = 0, height: ht = 0 } = _ ?? { width: 0, height: 0 }, _e = T(o, [o]);
-  return { overlay: T((S) => {
-    if (!u.current || u.current.isEditorClosed) return u.current, null;
-    u.current.coords;
-    let ue = le(S, u.current.coords, We, ht, E, M), K = !0;
-    ue && ue.width !== 0 && ue.height !== 0 || (ue = { x: 0, y: 0, width: We, height: We }, K = !1);
-    const pe = S.getZoom(), te = { containerBounds: { x: 0, y: 0, width: ue.width / pe, height: ue.height / pe }, setNaturalDimensions: L, zoom: pe };
-    return Y(Hl, { session: u.current, refLatestCoords: ee, handleSubmitEdit: X, handleCancelEdit: H, cellBounds: ue, borderStrokeWidth: x, borderStrokeFill: f, isInBounds: K, getCellEditor: _e, propsEditor: te, alignment: M, ...m }, "editor:" + u.current.uuid);
-  }, [o, E, A, We, ht, M, x, f]), startEdit: O((S) => {
-    N({ eventType: "start", startEvent: S });
-  }, []), submitEdit: O(() => {
-    N({ eventType: "submit" });
-  }, []), cancelEdit: O(() => {
-    N({ eventType: "cancel" });
-  }, []), onKeyboardEvent: Ue, onPointerEvent: G, onKeyboardEventNative: He, onPointerEventNative: xe, isEditing: ae };
-}, ws = ({ gridRef: e, gridMainRef: t, orientation: n = cn, headerCount: o, selectionPolicy: r = "multiple", newSelectionMode: i = "clear", alwaysScrollToActiveCoords: l = !0, onDragStart: s, onDragEnd: a, pointerDownInterceptor: d, pointerMoveInterceptor: g, onPointerUp: m, newSelection: f, modifySelection: x, appendSelection: E, clearSelections: I }) => {
-  const M = o ?? ((n === cn ? e.current?.rowCount : e.current?.columnCount) || 0), ae = J(null), R = J(null), _ = J(!1), L = J(null), le = O((u) => n === Nt ? { rowIndex: 0, colIndex: u.colIndex } : { rowIndex: u.rowIndex, colIndex: 0 }, [n]), $ = O((u) => n === Nt ? { rowIndex: t.current ? t.current.rowCount - 1 : 0, colIndex: u.colIndex } : { rowIndex: u.rowIndex, colIndex: t.current ? t.current.columnCount - 1 : 0 }, [n]), oe = (u) => {
-    R.current = $(u), x(R.current, ae.current);
-  }, be = O((u, C) => {
+  const Ne = D(($) => {
+    je($.nativeEvent);
+  }, []), { width: at = 0, height: Se = 0 } = C ?? { width: 0, height: 0 }, Ye = k(o, [o]);
+  return { overlay: k(($) => {
+    if (!h.current || h.current.isEditorClosed) return h.current, null;
+    h.current.coords;
+    let E = le($, h.current.coords, at, Se, _, R), Me = !0;
+    E && E.width !== 0 && E.height !== 0 || (E = { x: 0, y: 0, width: at, height: at }, Me = !1);
+    const ue = $.getZoom(), me = { containerBounds: { x: 0, y: 0, width: E.width / ue, height: E.height / ue }, setNaturalDimensions: z, zoom: ue };
+    return q(Hl, { session: h.current, refLatestCoords: K, handleSubmitEdit: T, handleCancelEdit: X, cellBounds: E, borderStrokeWidth: x, borderStrokeFill: f, isInBounds: Me, getCellEditor: Ye, propsEditor: me, alignment: R, ...m }, "editor:" + h.current.uuid);
+  }, [o, _, U, at, Se, R, x, f]), startEdit: D(($) => {
+    te({ eventType: "start", startEvent: $ });
+  }, []), submitEdit: D(() => {
+    te({ eventType: "submit" });
+  }, []), cancelEdit: D(() => {
+    te({ eventType: "cancel" });
+  }, []), onKeyboardEvent: Ne, onPointerEvent: He, onKeyboardEventNative: je, onPointerEventNative: Y, isEditing: ae };
+}, ws = ({ gridRef: e, gridMainRef: t, orientation: n = an, headerCount: o, selectionPolicy: r = "multiple", newSelectionMode: i = "clear", alwaysScrollToActiveCoords: l = !0, onDragStart: s, onDragEnd: a, pointerDownInterceptor: d, pointerMoveInterceptor: g, onPointerUp: m, newSelection: f, modifySelection: x, appendSelection: _, clearSelections: I }) => {
+  const R = o ?? ((n === an ? e.current?.rowCount : e.current?.columnCount) || 0), ae = Z(null), P = Z(null), C = Z(!1), z = Z(null), le = D((S) => n === Nt ? { rowIndex: 0, colIndex: S.colIndex } : { rowIndex: S.rowIndex, colIndex: 0 }, [n]), B = D((S) => n === Nt ? { rowIndex: t.current ? t.current.rowCount - 1 : 0, colIndex: S.colIndex } : { rowIndex: S.rowIndex, colIndex: t.current ? t.current.columnCount - 1 : 0 }, [n]), oe = (S) => {
+    P.current = B(S), x(P.current, ae.current);
+  }, ve = D((S, h) => {
     if (!e.current) return;
-    const ee = e.current.getViewFromClient(u, C)?.getCellCoordsFromClient(u, C);
-    return ee ? (n === Nt ? ee.rowIndex = t.current.getViewport().rowStart : ee.colIndex = t.current.getViewport().colStart, ee) : void 0;
-  }, []), U = O((u, C = !1) => {
-    let ee = u;
-    return C || (ee = { ...u }, n === cn ? delete ee.colIndex : delete ee.rowIndex), t.current?.scrollCellCoordsIntoView(ee);
-  }, [n]), H = T(a, [a]), X = T(s, [s]), k = Ee(() => ({ onPointerDown: (u) => {
-    if (!e || !e.current || u.nativeEvent.defaultPrevented) return;
-    const C = be(u.nativeEvent.clientX, u.nativeEvent.clientY);
-    if (!C) return;
-    u.nativeEvent.which;
-    const ee = u.nativeEvent.shiftKey, W = u.nativeEvent.ctrlKey || u.nativeEvent.metaKey;
-    if (d?.(u, C) === !1) return;
-    X?.(), _.current = !0;
-    const A = t.current?.getViewFromClient(u.nativeEvent.clientX, u.nativeEvent.clientY), q = ((N, xe) => n === Nt ? { ...N, rowIndex: xe.rowStart } : { ...N, colIndex: xe.colStart })(C, A.getVisibleRangeCoords());
-    if (ee) oe(C);
+    const J = e.current.getViewFromClient(S, h)?.getCellCoordsFromClient(S, h);
+    return J ? (n === Nt ? J.rowIndex = t.current.getViewport().rowStart : J.colIndex = t.current.getViewport().colStart, J) : void 0;
+  }, []), N = D((S, h = !1) => {
+    let J = S;
+    return h || (J = { ...S }, n === an ? delete J.colIndex : delete J.rowIndex), t.current?.scrollCellCoordsIntoView(J);
+  }, [n]), H = k(a, [a]), X = k(s, [s]), T = _e(() => ({ onPointerDown: (S) => {
+    if (!e || !e.current || S.nativeEvent.defaultPrevented) return;
+    const h = ve(S.nativeEvent.clientX, S.nativeEvent.clientY);
+    if (!h) return;
+    S.nativeEvent.which;
+    const J = S.nativeEvent.shiftKey, K = S.nativeEvent.ctrlKey || S.nativeEvent.metaKey;
+    if (d?.(S, h) === !1) return;
+    X?.(), C.current = !0;
+    const L = t.current?.getViewFromClient(S.nativeEvent.clientX, S.nativeEvent.clientY), U = ((ee, te) => n === Nt ? { ...ee, rowIndex: te.rowStart } : { ...ee, colIndex: te.colStart })(h, L.getVisibleRangeCoords());
+    if (J) oe(h);
     else {
-      if (W) return ((N, xe = N, G) => {
-        ae.current = le(N), R.current = $(xe), E(ae.current, R.current, G);
-      })(C, C, q), void (l && U(q, !0));
-      ((N, xe = N, G) => {
-        ae.current = le(N), R.current = $(xe), f(ae.current, R.current, G);
-      })(C, C, q), oe(C), l && U(q, !0);
-    }
-  }, onPointerMoveOrWait: Ct.throttle((u) => {
-    if (!_.current || !e?.current) return;
-    const C = be(u.clientX, u.clientY);
-    if (C && g?.(u, C) !== !1) {
-      if (Z.isEqualCells(L.current, C)) return I();
-      oe(C), U(C);
-    }
-  }, 60), onPointerUp: (u) => {
-    _.current = !1, H?.(), m?.(u);
-  }, processTouch: !0, consumeTouch: !0 }), [r, l, M, i, I, d, m]);
-  return { onPointerDown: T(On(k), []), getCellCoordsFromClient: be };
-}, Ye = (e, t, n) => {
+      if (K) return ((ee, te = ee, Y) => {
+        ae.current = le(ee), P.current = B(te), _(ae.current, P.current, Y);
+      })(h, h, U), void (l && N(U, !0));
+      ((ee, te = ee, Y) => {
+        ae.current = le(ee), P.current = B(te), f(ae.current, P.current, Y);
+      })(h, h, U), oe(h), l && N(U, !0);
+    }
+  }, onPointerMoveOrWait: Ct.throttle((S) => {
+    if (!C.current || !e?.current) return;
+    const h = ve(S.clientX, S.clientY);
+    if (h && g?.(S, h) !== !1) {
+      if (G.isEqualCells(z.current, h)) return I();
+      oe(h), N(h);
+    }
+  }, 60), onPointerUp: (S) => {
+    C.current = !1, H?.(), m?.(S);
+  }, processTouch: !0, consumeTouch: !0 }), [r, l, R, i, I, d, m]);
+  return { onPointerDown: k(On(T), []), getCellCoordsFromClient: ve };
+}, qe = (e, t, n) => {
   if (!e) return t;
   let o = t;
   const r = n === Ke || n === lt;
@@ -1852,27 +1853,27 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
   let { rowIndex: l, colIndex: s } = e;
   switch (o) {
     case lt: {
-      l = Ye(n, Math.min(l + 1, i), o);
+      l = qe(n, Math.min(l + 1, i), o);
       let a = t({ rowIndex: l, colIndex: s });
-      for (; !a && l < i; ) l = Ye(n, Math.min(++l, i), o), a = t({ rowIndex: l, colIndex: s });
+      for (; !a && l < i; ) l = qe(n, Math.min(++l, i), o), a = t({ rowIndex: l, colIndex: s });
       return l;
     }
     case it: {
-      l = Ye(n, Math.max(l - 1, i), o);
+      l = qe(n, Math.max(l - 1, i), o);
       let a = t({ rowIndex: l, colIndex: s });
-      for (; !a && l > i; ) l = Ye(n, Math.max(--l, i), o), a = t({ rowIndex: l, colIndex: s });
+      for (; !a && l > i; ) l = qe(n, Math.max(--l, i), o), a = t({ rowIndex: l, colIndex: s });
       return l;
     }
     case Ke: {
-      s = Ye(n, Math.min(s + 1, i), o);
+      s = qe(n, Math.min(s + 1, i), o);
       let a = t({ rowIndex: l, colIndex: s });
-      for (; !a && s < i; ) s = Ye(n, Math.min(++s, i), o), a = t({ rowIndex: l, colIndex: s });
+      for (; !a && s < i; ) s = qe(n, Math.min(++s, i), o), a = t({ rowIndex: l, colIndex: s });
       return s;
     }
     case ot: {
-      s = Ye(n, Math.max(s - 1, i), o);
+      s = qe(n, Math.max(s - 1, i), o);
       let a = t({ rowIndex: l, colIndex: s });
-      for (; !a && s > i; ) s = Ye(n, Math.max(--s, i), o), a = t({ rowIndex: l, colIndex: s });
+      for (; !a && s > i; ) s = qe(n, Math.max(--s, i), o), a = t({ rowIndex: l, colIndex: s });
       return s;
     }
     default:
@@ -1882,33 +1883,33 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
   let { rowIndex: l, colIndex: s } = e;
   switch (o) {
     case lt: {
-      l = Ye(n, Math.min(l + 1, i), o);
+      l = qe(n, Math.min(l + 1, i), o);
       let a = t?.({ rowIndex: l, colIndex: s });
-      for (; a && l < i; ) l = Ye(n, Math.min(++l, i), o), a = t?.({ rowIndex: l, colIndex: s });
+      for (; a && l < i; ) l = qe(n, Math.min(++l, i), o), a = t?.({ rowIndex: l, colIndex: s });
       return t?.({ rowIndex: l, colIndex: s }) ? l : l - 1;
     }
     case it: {
-      l = Ye(n, Math.max(l - 1, i), o);
+      l = qe(n, Math.max(l - 1, i), o);
       let a = t?.({ rowIndex: l, colIndex: s });
-      for (; a && l > i; ) l = Ye(n, Math.max(--l, i), o), a = t?.({ rowIndex: l, colIndex: s });
+      for (; a && l > i; ) l = qe(n, Math.max(--l, i), o), a = t?.({ rowIndex: l, colIndex: s });
       return t?.({ rowIndex: l, colIndex: s }) ? l : l + 1;
     }
     case Ke: {
-      s = Ye(n, Math.min(s + 1, i), o);
+      s = qe(n, Math.min(s + 1, i), o);
       let a = t?.({ rowIndex: l, colIndex: s });
-      for (; a && s < i; ) s = Ye(n, Math.min(++s, i), o), a = t?.({ rowIndex: l, colIndex: s });
+      for (; a && s < i; ) s = qe(n, Math.min(++s, i), o), a = t?.({ rowIndex: l, colIndex: s });
       return t?.({ rowIndex: l, colIndex: s }) ? s : s - 1;
     }
     case ot: {
-      s = Ye(n, Math.max(s - 1, i), o);
+      s = qe(n, Math.max(s - 1, i), o);
       let a = t?.({ rowIndex: l, colIndex: s });
-      for (; a && s > i; ) s = Ye(n, Math.max(--s, i), o), a = t?.({ rowIndex: l, colIndex: s });
+      for (; a && s > i; ) s = qe(n, Math.max(--s, i), o), a = t?.({ rowIndex: l, colIndex: s });
       return t?.({ rowIndex: l, colIndex: s }) ? s : s + 1;
     }
     default:
       return null;
   }
-}, ql = (e, t, n, o, r, i) => {
+}, Kl = (e, t, n, o, r, i) => {
   if (!t) return i;
   let l, { rowIndex: s, colIndex: a } = e;
   o === lt ? l = { rowIndex: s + 1, colIndex: a } : o === it ? l = { rowIndex: s - 1, colIndex: a } : o === Ke ? l = { rowIndex: s, colIndex: a + 1 } : o === ot && (l = { rowIndex: s, colIndex: a - 1 });
@@ -1920,22 +1921,22 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
   let l = o;
   return e === "nearest" && (o - t > 0 ? e = "start" : n - r > 0 && (e = "end")), e === "start" ? l = t : e === "end" ? l = n - (r - o) : e === "center" && (l = t + (n - t) / 2 - (r - o) / 2), Math.max(0, Math.min(l, i - (r - o)));
 }, Ar = (e, t, n, o) => (console.log("todo: implement convertToVisibleRanges"), e), Xo = (e, t = Ke, n, o, r, i = null) => {
-  if (i && Z.isEqualSelectionCoords(i, e)) return e;
+  if (i && G.isEqualSelectionCoords(i, e)) return e;
   const l = e.ranges[e.rangeIndex];
-  if (!Z.isRangesIntersect({ rowStart: e.cell.rowIndex, colStart: e.cell.colIndex, rowEnd: e.cell.rowIndex, colEnd: e.cell.colIndex }, l)) return e;
+  if (!G.isRangesIntersect({ rowStart: e.cell.rowIndex, colStart: e.cell.colIndex, rowEnd: e.cell.rowIndex, colEnd: e.cell.colIndex }, l)) return e;
   let s = { ...e.cell }, a = e.rangeIndex;
   switch (t) {
     case Ke:
-      s.colIndex = Ye(r, s.colIndex + 1, t);
+      s.colIndex = qe(r, s.colIndex + 1, t);
       break;
     case ot:
-      s.colIndex = Ye(r, s.colIndex - 1, t);
+      s.colIndex = qe(r, s.colIndex - 1, t);
       break;
     case lt:
-      s.rowIndex = Ye(o, s.rowIndex + 1, t);
+      s.rowIndex = qe(o, s.rowIndex + 1, t);
       break;
     case it:
-      s.rowIndex = Ye(o, s.rowIndex - 1, t);
+      s.rowIndex = qe(o, s.rowIndex - 1, t);
   }
   const d = (f) => {
     if (f) {
@@ -1956,25 +1957,25 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
     let f = s.rowIndex, x = s.colIndex;
     switch (t) {
       case Ke:
-        x > l.colEnd && (f = Ye(o, f + 1, t), x = l.colStart, f > l.rowEnd && (f = l.rowStart));
+        x > l.colEnd && (f = qe(o, f + 1, t), x = l.colStart, f > l.rowEnd && (f = l.rowStart));
         break;
       case ot:
-        x < l.colStart && (f = Ye(o, f - 1, t), x = l.colEnd, f < l.rowStart && (f = l.rowEnd));
+        x < l.colStart && (f = qe(o, f - 1, t), x = l.colEnd, f < l.rowStart && (f = l.rowEnd));
         break;
       case lt:
-        f > l.rowEnd && (x = Ye(r, x + 1, t), f = l.rowStart, x > l.colEnd && (x = l.colStart));
+        f > l.rowEnd && (x = qe(r, x + 1, t), f = l.rowStart, x > l.colEnd && (x = l.colStart));
         break;
       case it:
-        f < l.rowStart && (x = Ye(r, x - 1, t), f = l.rowEnd, x < l.colStart && (x = l.colEnd));
+        f < l.rowStart && (x = qe(r, x - 1, t), f = l.rowEnd, x < l.colStart && (x = l.colEnd));
     }
     s = { rowIndex: f, colIndex: x };
   }
   let g = n(s);
-  if (!Z.isRangeWithinRange(g, l)) {
-    const f = Z.intersectRanges(g, l);
+  if (!G.isRangeWithinRange(g, l)) {
+    const f = G.intersectRanges(g, l);
     f && (g = f);
   }
-  let m = { rowStart: Ye(o, g.rowStart, lt), colStart: Ye(r, g.colStart, Ke), rowEnd: Ye(o, g.rowEnd, it), colEnd: Ye(r, g.colEnd, ot) };
+  let m = { rowStart: qe(o, g.rowStart, lt), colStart: qe(r, g.colStart, Ke), rowEnd: qe(o, g.rowEnd, it), colEnd: qe(r, g.colEnd, ot) };
   if (m.rowStart !== s.rowIndex || m.colStart !== s.colIndex) {
     switch (t) {
       case Ke:
@@ -2017,36 +2018,36 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
 }, Fr = (e, t, n) => {
   const o = e.getColOffset(t.colStart) + (n?.left ?? 0), r = e.getRowOffset(t.rowStart) + (n?.top ?? 0);
   return { x: o, y: r, width: e.getColOffset(t.colEnd + 1) + (n?.right ?? 0) - (n?.left ?? 0) - o, height: e.getRowOffset(t.rowEnd + 1) + (n?.bottom ?? 0) - (n?.top ?? 0) - r };
-}, Kl = (e, t, n) => !!n && !(e < n.x || e > n.x + n.width) && !(t < n.y || t > n.y + n.height), $o = (e, t = !0) => `M ${me.boundPixel(e.left)} ${me.boundPixel(e.top)} L ${me.boundPixel(e.right, !0)} ${me.boundPixel(e.top)} L ${me.boundPixel(e.right, !0)} ${me.boundPixel(e.bottom, !0)} L ${me.boundPixel(e.left)} ${me.boundPixel(e.bottom, !0)} L ${me.boundPixel(e.left)} ${me.boundPixel(e.top)} ${t ? "Z" : ""}`, jr = (e) => {
+}, ql = (e, t, n) => !!n && !(e < n.x || e > n.x + n.width) && !(t < n.y || t > n.y + n.height), $o = (e, t = !0) => `M ${we.boundPixel(e.left)} ${we.boundPixel(e.top)} L ${we.boundPixel(e.right, !0)} ${we.boundPixel(e.top)} L ${we.boundPixel(e.right, !0)} ${we.boundPixel(e.bottom, !0)} L ${we.boundPixel(e.left)} ${we.boundPixel(e.bottom, !0)} L ${we.boundPixel(e.left)} ${we.boundPixel(e.top)} ${t ? "Z" : ""}`, jr = (e) => {
   const { linePoints: t, bounds: n, pathProps: o, style: r, ...i } = e;
-  return Y("svg", { width: `${me.boundPixel(n.width, !0)}`, height: `${me.boundPixel(n.height, !0)}`, viewBox: `0 0 ${me.boundPixel(n.width, !0)} ${me.boundPixel(n.height, !0)}`, style: { position: "absolute", left: `${me.boundPixel(n.x)}px`, top: `${me.boundPixel(n.y)}px`, width: `${me.boundPixel(n.width, !0)}px`, height: `${me.boundPixel(n.height, !0)}px`, pointerEvents: "none", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top, width, height", willChange: "left, top, width, height, stroke-dashoffset", ...r }, ...i, children: Y("path", { d: `M ${me.boundPixel(t[0])} ${me.boundPixel(t[1])} L ${me.boundPixel(t[2])} ${me.boundPixel(t[3])}`, fill: "none", vectorEffect: "non-scaling-stroke", stroke: "black", ...o }) });
+  return q("svg", { width: `${we.boundPixel(n.width, !0)}`, height: `${we.boundPixel(n.height, !0)}`, viewBox: `0 0 ${we.boundPixel(n.width, !0)} ${we.boundPixel(n.height, !0)}`, style: { position: "absolute", left: `${we.boundPixel(n.x)}px`, top: `${we.boundPixel(n.y)}px`, width: `${we.boundPixel(n.width, !0)}px`, height: `${we.boundPixel(n.height, !0)}px`, pointerEvents: "none", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top, width, height", willChange: "left, top, width, height, stroke-dashoffset", ...r }, ...i, children: q("path", { d: `M ${we.boundPixel(t[0])} ${we.boundPixel(t[1])} L ${we.boundPixel(t[2])} ${we.boundPixel(t[3])}`, fill: "none", vectorEffect: "non-scaling-stroke", stroke: "black", ...o }) });
 }, Yl = (e) => {
-  const { x: t = 0, y: n = 0, width: o = 0, height: r = 0, fill: i, stroke: l, strokeWidth: s = 0, strokeDasharray: a, strokeDashoffset: d, clipPath: g, pathBounds: m, pathProps: f, style: x, ...E } = e, I = n, M = t, ae = o, R = r;
-  let _ = null;
+  const { x: t = 0, y: n = 0, width: o = 0, height: r = 0, fill: i, stroke: l, strokeWidth: s = 0, strokeDasharray: a, strokeDashoffset: d, clipPath: g, pathBounds: m, pathProps: f, style: x, ..._ } = e, I = n, R = t, ae = o, P = r;
+  let C = null;
   if (i) {
-    let L = $o({ top: 0, left: 0, bottom: R, right: ae });
-    m && (L = L + " " + $o({ top: m.y - I, left: m.x - M, bottom: m.height + m.y - I, right: m.width + m.x - M })), _ = [Y("path", { d: L, fill: i, stroke: "none", fillRule: "evenodd" }, "fill")];
+    let z = $o({ top: 0, left: 0, bottom: P, right: ae });
+    m && (z = z + " " + $o({ top: m.y - I, left: m.x - R, bottom: m.height + m.y - I, right: m.width + m.x - R })), C = [q("path", { d: z, fill: i, stroke: "none", fillRule: "evenodd" }, "fill")];
   }
-  return Ht("svg", { width: `${me.boundPixel(o, !0)}`, height: `${me.boundPixel(r, !0)}`, viewBox: `0 0 ${me.boundPixel(o, !0)} ${me.boundPixel(r, !0)}`, preserveAspectRatio: "none", style: { position: "absolute", left: `${me.boundPixel(t)}px`, top: `${me.boundPixel(n)}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", ...x }, ...E, children: [_, Y("path", { d: $o({ top: 0, left: 0, right: ae, bottom: R }), fill: "none", strokeDasharray: a, strokeDashoffset: d, stroke: l, vectorEffect: "non-scaling-stroke", strokeWidth: s, ...f })] });
+  return Ht("svg", { width: `${we.boundPixel(o, !0)}`, height: `${we.boundPixel(r, !0)}`, viewBox: `0 0 ${we.boundPixel(o, !0)} ${we.boundPixel(r, !0)}`, preserveAspectRatio: "none", style: { position: "absolute", left: `${we.boundPixel(t)}px`, top: `${we.boundPixel(n)}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", ...x }, ..._, children: [C, q("path", { d: $o({ top: 0, left: 0, right: ae, bottom: P }), fill: "none", strokeDasharray: a, strokeDashoffset: d, stroke: l, vectorEffect: "non-scaling-stroke", strokeWidth: s, ...f })] });
 }, Xl = (e) => {
   const { key: t, ...n } = e;
-  return Y(yi, { ...n }, t);
-}, yi = Dt((e) => {
-  const { stroke: t, fill: n, x: o = 0, y: r = 0, width: i = 0, height: l = 0, style: s, isAnimatedStroke: a, animatedStrokeProps: d, range: g, cell: m, ...f } = e, x = a || !!d, E = { name: "walking-offset", dashGap: 2, speed: 50, dashLength: 8, ...d };
-  let I = E.dashGap + E.dashLength;
-  const M = E.speed * I, ae = $l().replaceAll(":", ""), R = `${E.name}-${ae}`;
-  let _;
+  return q(yi, { ...n }, t);
+}, yi = At((e) => {
+  const { stroke: t, fill: n, x: o = 0, y: r = 0, width: i = 0, height: l = 0, style: s, isAnimatedStroke: a, animatedStrokeProps: d, range: g, cell: m, ...f } = e, x = a || !!d, _ = { name: "walking-offset", dashGap: 2, speed: 50, dashLength: 8, ...d };
+  let I = _.dashGap + _.dashLength;
+  const R = _.speed * I, ae = $l().replaceAll(":", ""), P = `${_.name}-${ae}`;
+  let C;
   return st(() => {
     if (!x) return;
-    const L = `@keyframes ${R} {
+    const z = `@keyframes ${P} {
       to {
         stroke-dashoffset: 0px;
       }
     }`, le = document.createElement("style");
-    return le.appendChild(document.createTextNode(L)), document.head.appendChild(le), le.sheet.insertRule(L, 0), () => {
+    return le.appendChild(document.createTextNode(z)), document.head.appendChild(le), le.sheet.insertRule(z, 0), () => {
       document.head.removeChild(le);
     };
-  }, [x]), x && (_ = { strokeDasharray: `${E.dashLength}px ${E.dashGap}px`, strokeDashoffset: `${I}px`, animation: `${R} ${M}ms linear infinite`, willChange: "stroke-dashoffset" }), Y(Yl, { x: o, y: r, width: i, height: l, stroke: t, fill: n, shapeRendering: "crispEdges", style: { ..._, ...s }, ...f });
+  }, [x]), x && (C = { strokeDasharray: `${_.dashLength}px ${_.dashGap}px`, strokeDashoffset: `${I}px`, animation: `${P} ${R}ms linear infinite`, willChange: "stroke-dashoffset" }), q(Yl, { x: o, y: r, width: i, height: l, stroke: t, fill: n, shapeRendering: "crispEdges", style: { ...C, ...s }, ...f });
 });
 function bi(e) {
   var t, n, o = "";
@@ -2062,10 +2063,10 @@ function En() {
   return o;
 }
 yi.displayName = "Selection";
-const Si = Dt(Ut((e, t) => {
+const Si = At(Ut((e, t) => {
   const { x: n = 0, y: o = 0, borderWidth: r = 1, size: i = 6, borderStroke: l, corner: s, style: a, className: d, background: g, ...m } = e;
   if (n === 0 || o === 0) return null;
-  let f = !0, x = !0, E = !0, I = !0;
+  let f = !0, x = !0, _ = !0, I = !0;
   switch (s) {
     case "tl":
       f = !1, x = !1;
@@ -2074,22 +2075,22 @@ const Si = Dt(Ut((e, t) => {
       f = !1, I = !1;
       break;
     case "br":
-      E = !1, I = !1;
+      _ = !1, I = !1;
       break;
     case "tr":
-      x = !1, E = !1;
+      x = !1, _ = !1;
   }
-  return Y("div", { className: En("fill-handle", d), style: { position: "absolute", left: n - (i + (f ? r : 0)) / 2, top: o - (i + (x ? r : 0)) / 2, width: i, height: i, borderLeft: f ? `${r}px ${l}` : void 0, borderTop: x ? `${r}px ${l}` : void 0, borderRight: E ? `${r}px ${l}` : void 0, borderBottom: I ? `${r}px ${l}` : void 0, background: g, cursor: "crosshair", pointerEvents: "all", transitionDuration: "0ms", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top", willChange: "left, top", ...a }, tabIndex: -1, ...m });
+  return q("div", { className: En("fill-handle", d), style: { position: "absolute", left: n - (i + (f ? r : 0)) / 2, top: o - (i + (x ? r : 0)) / 2, width: i, height: i, borderLeft: f ? `${r}px ${l}` : void 0, borderTop: x ? `${r}px ${l}` : void 0, borderRight: _ ? `${r}px ${l}` : void 0, borderBottom: I ? `${r}px ${l}` : void 0, background: g, cursor: "crosshair", pointerEvents: "all", transitionDuration: "0ms", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top", willChange: "left, top", ...a }, tabIndex: -1, ...m });
 }));
 Si.displayName = "FillHandle";
 var Gl = function() {
-}, Ei = typeof window < "u", Zl = Ei ? nn : st, Vr = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
+}, Ei = typeof window < "u", Zl = Ei ? tn : st, Vr = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
 const _i = Ei && window.ResizeObserver !== void 0 ? function() {
-  var e = Je(null), t = e[0], n = e[1], o = Je(Vr), r = o[0], i = o[1], l = Ee(function() {
+  var e = Ze(null), t = e[0], n = e[1], o = Ze(Vr), r = o[0], i = o[1], l = _e(function() {
     return new window.ResizeObserver(function(s) {
       if (s[0]) {
-        var a = s[0].contentRect, d = a.x, g = a.y, m = a.width, f = a.height, x = a.top, E = a.left, I = a.bottom, M = a.right;
-        i({ x: d, y: g, width: m, height: f, top: x, left: E, bottom: I, right: M });
+        var a = s[0].contentRect, d = a.x, g = a.y, m = a.width, f = a.height, x = a.top, _ = a.left, I = a.bottom, R = a.right;
+        i({ x: d, y: g, width: m, height: f, top: x, left: _, bottom: I, right: R });
       }
     });
   }, []);
@@ -2105,7 +2106,7 @@ function Bo(e, t) {
   if (typeof e == "function") return e(t);
   e && (e.current = t);
 }
-var Jl = parseInt(qr.split(".")[0], 10) >= 19 ? function(e) {
+var Jl = parseInt(Kr.split(".")[0], 10) >= 19 ? function(e) {
   return (t) => {
     const n = [];
     for (const o of e) {
@@ -2121,315 +2122,315 @@ var Jl = parseInt(qr.split(".")[0], 10) >= 19 ? function(e) {
     for (const n of e) Bo(n, t);
   };
 };
-const Go = Dt(Ut((e, t) => {
-  const { range: n, view: o, anchor: r, borderStroke: i = "rgb(33, 115, 70)", background: l = "white", borderWidth: s = 1.5, size: a = 22, style: d, className: g, selectionTouchPointerHandler: m, onTouchSelectStart: f, onTouchSelectEnd: x, currentTouchAnchor: E, scrollableElement: I, scrollableRoot: M = document.body, ...ae } = e, R = T(f, [f]), _ = T(x, [x]), { bounds: L, coordsPivot: le, key: $ } = Ee(() => {
+const Go = At(Ut((e, t) => {
+  const { range: n, view: o, anchor: r, borderStroke: i = "rgb(33, 115, 70)", background: l = "white", borderWidth: s = 1.5, size: a = 22, style: d, className: g, selectionTouchPointerHandler: m, onTouchSelectStart: f, onTouchSelectEnd: x, currentTouchAnchor: _, scrollableElement: I, scrollableRoot: R = document.body, ...ae } = e, P = k(f, [f]), C = k(x, [x]), { bounds: z, coordsPivot: le, key: B } = _e(() => {
     if (!n || !o) return null;
-    let W = null, A = null;
+    let K = null, L = null;
     switch (r) {
       case "tl":
-        W = { colIndex: n.colEnd, rowIndex: n.rowEnd }, A = { colIndex: n.colStart, rowIndex: n.rowStart };
+        K = { colIndex: n.colEnd, rowIndex: n.rowEnd }, L = { colIndex: n.colStart, rowIndex: n.rowStart };
         break;
       case "br":
-        W = { colIndex: n.colStart, rowIndex: n.rowStart }, A = { colIndex: n.colEnd, rowIndex: n.rowEnd };
+        K = { colIndex: n.colStart, rowIndex: n.rowStart }, L = { colIndex: n.colEnd, rowIndex: n.rowEnd };
         break;
       case "t":
       case "l":
-        W = { colIndex: n.colEnd, rowIndex: n.rowEnd };
+        K = { colIndex: n.colEnd, rowIndex: n.rowEnd };
         break;
       case "b":
-        W = { colIndex: n.colStart, rowIndex: n.rowStart };
+        K = { colIndex: n.colStart, rowIndex: n.rowStart };
         break;
       case "r":
-        W = { colIndex: n.colStart, rowIndex: n.rowEnd };
+        K = { colIndex: n.colStart, rowIndex: n.rowEnd };
     }
-    let q = o.getRangeCoordsBounds(A ? { rowStart: A.rowIndex, colStart: A.colIndex, rowEnd: A.rowIndex, colEnd: A.colIndex } : n);
-    const N = o.getBounds(), xe = o.getViewportSize(), G = N.x, He = N.y, Ue = xe.width, We = xe.height;
+    let U = o.getRangeCoordsBounds(L ? { rowStart: L.rowIndex, colStart: L.colIndex, rowEnd: L.rowIndex, colEnd: L.colIndex } : n);
+    const ee = o.getBounds(), te = o.getViewportSize(), Y = ee.x, He = ee.y, je = te.width, Ne = te.height;
     switch (r) {
       case "tl":
         break;
       case "br":
-        q.x = q.x + q.width, q.y = q.y + q.height;
+        U.x = U.x + U.width, U.y = U.y + U.height;
         break;
       case "t":
-        q.x = Ue / 2 - G;
+        U.x = je / 2 - Y;
         break;
       case "b":
-        q.x = Ue / 2 - G, q.y = q.y + q.height;
+        U.x = je / 2 - Y, U.y = U.y + U.height;
         break;
       case "l":
-        q.y = We / 2 - He;
+        U.y = Ne / 2 - He;
         break;
       case "r":
-        q.x = q.x + q.width, q.y = We / 2 - He;
-    }
-    const ht = o.toClipBounds(q, 0);
-    return !ht || ht.width <= 0 || ht.height <= 0 || q.x < 0 || q.y < 0 || q.x > Ue || q.y > We ? { bounds: null, coordsAnchor: null, coordsPivot: null, key: null } : { bounds: q, coordsAnchor: null, coordsPivot: W, key: "touchSelect-" + o.getAnchor() + "-" + r };
-  }, [n, o, r]), oe = J(null), be = On(Ee(() => {
-    const W = (A) => r === "t" || r === "b" ? { ...A, colIndex: void 0 } : r === "l" || r === "r" ? { ...A, rowIndex: void 0 } : A;
-    return { processTouch: !0, consumeTouch: !0, onPointerDown: (A, q) => {
-      const N = W(o.getCellCoordsFromClient(A.clientX, A.clientY));
-      return oe.current = { coordsPivot: le }, R?.(r), m.onSelectionPointerDown(A, q, o, N, le, !1, !0);
-    }, onPointerMoveOrWait: (A, q, N) => {
-      const xe = W(o.getCellCoordsFromClient(A.clientX, A.clientY));
-      return m.onSelectionPointerMoveOrWait(A, q, N, o, xe, oe.current?.coordsPivot, !0, !0);
-    }, onPointerUp: (A, q, N) => (oe.current = null, _?.(r), m.onPointerUp(A, q, N)) };
-  }, [m, n, o, r])), [U, { y: H, x: X }] = _i(), k = J(null), { getPortalContainer: u } = gi(), [C, ee] = Je(null);
+        U.x = U.x + U.width, U.y = Ne / 2 - He;
+    }
+    const at = o.toClipBounds(U, 0);
+    return !at || at.width <= 0 || at.height <= 0 || U.x < 0 || U.y < 0 || U.x > je || U.y > Ne ? { bounds: null, coordsAnchor: null, coordsPivot: null, key: null } : { bounds: U, coordsAnchor: null, coordsPivot: K, key: "touchSelect-" + o.getAnchor() + "-" + r };
+  }, [n, o, r]), oe = Z(null), ve = On(_e(() => {
+    const K = (L) => r === "t" || r === "b" ? { ...L, colIndex: void 0 } : r === "l" || r === "r" ? { ...L, rowIndex: void 0 } : L;
+    return { processTouch: !0, consumeTouch: !0, onPointerDown: (L, U) => {
+      const ee = K(o.getCellCoordsFromClient(L.clientX, L.clientY));
+      return oe.current = { coordsPivot: le }, P?.(r), m.onSelectionPointerDown(L, U, o, ee, le, !1, !0);
+    }, onPointerMoveOrWait: (L, U, ee) => {
+      const te = K(o.getCellCoordsFromClient(L.clientX, L.clientY));
+      return m.onSelectionPointerMoveOrWait(L, U, ee, o, te, oe.current?.coordsPivot, !0, !0);
+    }, onPointerUp: (L, U, ee) => (oe.current = null, C?.(r), m.onPointerUp(L, U, ee)) };
+  }, [m, n, o, r])), [N, { y: H, x: X }] = _i(), T = Z(null), { getPortalContainer: S } = gi(), [h, J] = Ze(null);
   return st(() => {
-    const W = k.current?.getBoundingClientRect();
-    if (!W || !L) return void ee(null);
-    let A = 0, q = 0, N = I;
-    for (; N; ) A += N.scrollLeft, q += N.scrollTop, N = M && N === M.parentElement ? null : N.parentElement;
-    ee(Kr(Y("div", { className: En("touch-select-handle", g), ref: t, style: { position: "absolute", left: A + (W?.x ?? 0) - (a + s) / 2, top: q + (W?.y ?? 0) - (a + s) / 2, width: a, height: a, borderWidth: `${s}px`, border: i, borderRadius: "50%", background: l, boxShadow: `0 0 0 1.5px ${l}`, cursor: "grab", pointerEvents: "all", opacity: E ? 0 : 1, transitionDuration: "160ms", transitionProperty: "opacity", ...d }, tabIndex: -1, onPointerDown: be, ...ae }), M ?? u(), $));
-  }, [H, X, L?.x, L?.y, L?.width, L?.height, g, E, l, a, s, i, I]), L ? Ht(wn, { children: [Y("div", { ref: Jl([U, k]), style: { position: "absolute", left: L.x, top: L.y, opacity: 0 } }), C] }) : null;
+    const K = T.current?.getBoundingClientRect();
+    if (!K || !z) return void J(null);
+    let L = 0, U = 0, ee = I;
+    for (; ee; ) L += ee.scrollLeft, U += ee.scrollTop, ee = R && ee === R.parentElement ? null : ee.parentElement;
+    J(qr(q("div", { className: En("touch-select-handle", g), ref: t, style: { position: "absolute", left: L + (K?.x ?? 0) - (a + s) / 2, top: U + (K?.y ?? 0) - (a + s) / 2, width: a, height: a, borderWidth: `${s}px`, border: i, borderRadius: "50%", background: l, boxShadow: `0 0 0 1.5px ${l}`, cursor: "grab", pointerEvents: "all", opacity: _ ? 0 : 1, transitionDuration: "160ms", transitionProperty: "opacity", ...d }, tabIndex: -1, onPointerDown: ve, ...ae }), R ?? S(), B));
+  }, [H, X, z?.x, z?.y, z?.width, z?.height, g, _, l, a, s, i, I]), z ? Ht(wn, { children: [q("div", { ref: Jl([N, T]), style: { position: "absolute", left: z.x, top: z.y, opacity: 0 } }), h] }) : null;
 }));
 Go.displayName = "TouchSelectHandle";
-const tn = -10, Ql = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), Ii = Object.freeze({ colIndex: 0, rowIndex: 0 }), Zo = Object.freeze([]), Yt = (e) => {
+const en = -10, Ql = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), Ii = Object.freeze({ colIndex: 0, rowIndex: 0 }), Zo = Object.freeze([]), Yt = (e) => {
   if (e && e.cell && e.ranges && e.rangeIndex > -1 && e.rangeIndex <= e.ranges.length) return e;
   const t = { cell: null, ranges: e?.ranges ?? Zo };
-  return t.rangeIndex = e?.rangeIndex ?? t.ranges.length - 1, t.cell = e?.cell, !t.cell && t.ranges.length > 0 && (t.cell = { rowIndex: t.ranges[t.rangeIndex].rowStart, colIndex: t.ranges[t.rangeIndex].colStart }), t.cell || (t.cell = Ii), Z.isEqualSelectionCoords(t, e) ? e : t;
+  return t.rangeIndex = e?.rangeIndex ?? t.ranges.length - 1, t.cell = e?.cell, !t.cell && t.ranges.length > 0 && (t.cell = { rowIndex: t.ranges[t.rangeIndex].rowStart, colIndex: t.ranges[t.rangeIndex].colStart }), t.cell || (t.cell = Ii), G.isEqualSelectionCoords(t, e) ? e : t;
 }, lo = (e, t, n) => {
   const o = e.getVisibleRangeCoords(), r = e.getScrollOrientation();
   !r.horizontal && (t.colIndex > o.colEnd || t.colIndex < o.colStart) && (t = { ...t, colIndex: t.colIndex > o.colEnd ? o.colEnd + 1 : o.colEnd - 1 }, e = n.current.getViewFromLocation(Xt)), !r.vertical && (t.rowIndex > o.rowEnd || t.rowIndex < o.rowStart) && (t = { ...t, rowIndex: t.rowIndex > o.rowEnd ? o.rowEnd + 1 : o.rowEnd - 1 }, e = n.current.getViewFromLocation(Xt)), e.scrollCellCoordsIntoView(t);
-}, es = () => !1, ms = ({ gridRef: e, commands: t, layout: n, selection: o, onSelectionChange: r, onSelectionDragStart: i, onSelectionDragEnd: l, selectionPolicy: s = "multiple", newSelectionMode: a = "clear", allowDeselectSelection: d = !0, onFillPreview: g, onFillCancel: m, onFillDone: f, onFill: x, disableFillDrag: E = !x, fillHandleBorderColor: I = "white", hiddenRowsAt: M, hiddenColumnsAt: ae, isContentfulCell: R, contentfulCellFinder: _ = ql, getDataCoords: L, alwaysScrollToActiveCoords: le = !1, selectionBounds: $, pointerDownInterceptor: oe, pointerMoveInterceptor: be, mergedRanges: U, canSelectionSpanMergedCells: H = es, onMoveDragStart: X, onMoveDragUpdate: k, onMoveDragEnd: u, onMoveDragDone: C, selectionRenderer: ee = Xl, disableMoveDrag: W = !u, getCellCoordsAsRangeCoords: A = Z.cellToRange, moveDragHitSize: q = 6, moveDragOutlineSize: N = 4, selectionBackgroundColor: xe = "rgba(16, 124, 65, 0.1)", selectionBorderColor: G = "rgb(33, 115, 70)", selectionRemoveBorderColor: He = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: Ue = "rgba(250, 10, 10, 0.1)", disableTouchSelection: We = !1, touchSelectHandleProps: ht }) => {
-  const _e = O(() => ({ top: $?.top ?? 0, left: $?.left ?? 0, bottom: e.current?.rowCount - 1 || 0, right: e.current?.columnCount - 1 || 0 }), []), S = T(x, [x]), ue = T(g, [g]), K = T(m, [m]), pe = T(f, [f]), te = T(R, [R]), Re = T(ee, [ee]), at = T((c, h = !1) => go(c, h, n.getRowOffset, h ? _e().bottom : _e().top), [n?.getRowOffset]), pt = T(M ?? at, [M]), zt = T((c, h = !1) => go(c, h, n.getColOffset, h ? _e().right : _e().left), [n?.getColOffset]), gt = T(ae ?? zt, [ae]), [Zt, Be] = Je(() => Yt(o)), z = Ee(() => Yt(Zt), [Zt]), ke = J(z), Qe = J(!0);
-  nn(Ct.throttle(() => {
-    Be((c) => {
-      Qe.current = !0;
-      const h = Yt(o);
-      return Z.isEqualSelectionCoords(h, c) ? c : h;
+}, es = () => !1, ms = ({ gridRef: e, commands: t, layout: n, selection: o, onSelectionChange: r, onSelectionDragStart: i, onSelectionDragEnd: l, selectionPolicy: s = "multiple", newSelectionMode: a = "clear", allowDeselectSelection: d = !0, onFillPreview: g, onFillCancel: m, onFillDone: f, onFill: x, disableFillDrag: _ = !x, fillHandleBorderColor: I = "white", hiddenRowsAt: R, hiddenColumnsAt: ae, isContentfulCell: P, contentfulCellFinder: C = Kl, getDataCoords: z, alwaysScrollToActiveCoords: le = !1, selectionBounds: B, pointerDownInterceptor: oe, pointerMoveInterceptor: ve, mergedRanges: N, canSelectionSpanMergedCells: H = es, onMoveDragStart: X, onMoveDragUpdate: T, onMoveDragEnd: S, onMoveDragDone: h, selectionRenderer: J = Xl, disableMoveDrag: K = !S, getCellCoordsAsRangeCoords: L = G.cellToRange, moveDragHitSize: U = 6, moveDragOutlineSize: ee = 4, selectionBackgroundColor: te = "rgba(16, 124, 65, 0.1)", selectionBorderColor: Y = "rgb(33, 115, 70)", selectionRemoveBorderColor: He = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: je = "rgba(250, 10, 10, 0.1)", disableTouchSelection: Ne = !1, touchSelectHandleProps: at }) => {
+  const Se = D(() => ({ top: B?.top ?? 0, left: B?.left ?? 0, bottom: e.current?.rowCount - 1 || 0, right: e.current?.columnCount - 1 || 0 }), []), Ye = k(x, [x]), $ = k(g, [g]), E = k(m, [m]), Me = k(f, [f]), ue = k(P, [P]), me = k(J, [J]), Ve = k((c, u = !1) => go(c, u, n.getRowOffset, u ? Se().bottom : Se().top), [n?.getRowOffset]), dt = k(R ?? Ve, [R]), kt = k((c, u = !1) => go(c, u, n.getColOffset, u ? Se().right : Se().left), [n?.getColOffset]), ut = k(ae ?? kt, [ae]), [Zt, St] = Ze(() => Yt(o)), M = _e(() => Yt(Zt), [Zt]), ye = Z(M), Je = Z(!0);
+  tn(Ct.throttle(() => {
+    St((c) => {
+      Je.current = !0;
+      const u = Yt(o);
+      return G.isEqualSelectionCoords(u, c) ? c : u;
     });
-  }, 0), [o]), nn(() => {
-    ke.current = z;
-  }, [z]), st(() => {
-    Qe.current || !r || Z.isEqualSelectionCoords(o, z) || r(z);
-  }, [z]);
-  const Xe = O((c) => {
-    Be((h) => {
-      Qe.current = !1, h = Yt(h);
-      let w = typeof c == "function" ? c(h.ranges) : c ?? Zo;
-      if (Z.isEqualRangesArrays(w, h.ranges)) return h;
-      let p = Math.max(w.length ? 0 : -1, Math.min(h.rangeIndex, w.length - 1)), y = h.cell;
-      p === -1 || Z.isCellWithinRange(y, w[p]) || (y = { rowIndex: w[p].rowStart, colIndex: w[p].colStart }), w.length === 1 && Z.isSingleCell(w[0]) && Z.isCellWithinRange(y, w[0]) && (w = [], p = -1);
-      const V = { cell: y, ranges: w, rangeIndex: p };
-      return Z.isEqualSelectionCoords(V, h) ? h : V;
+  }, 0), [o]), tn(() => {
+    ye.current = M;
+  }, [M]), st(() => {
+    Je.current || !r || G.isEqualSelectionCoords(o, M) || r(M);
+  }, [M]);
+  const mt = D((c) => {
+    St((u) => {
+      Je.current = !1, u = Yt(u);
+      let w = typeof c == "function" ? c(u.ranges) : c ?? Zo;
+      if (G.isEqualRangesArrays(w, u.ranges)) return u;
+      let p = Math.max(w.length ? 0 : -1, Math.min(u.rangeIndex, w.length - 1)), y = u.cell;
+      p === -1 || G.isCellWithinRange(y, w[p]) || (y = { rowIndex: w[p].rowStart, colIndex: w[p].colStart }), w.length === 1 && G.isSingleCell(w[0]) && G.isCellWithinRange(y, w[0]) && (w = [], p = -1);
+      const W = { cell: y, ranges: w, rangeIndex: p };
+      return G.isEqualSelectionCoords(W, u) ? u : W;
     });
-  }, []), wt = T((c) => {
-    Be((h) => {
-      Qe.current = !1, h = Yt(h);
-      const w = c ?? Ii, p = A(w);
-      if (!Z.isSingleCell(p) && h.ranges.length === 0) return { ranges: [p], rangeIndex: 0, cell: w };
-      if (Z.isEqualCells(w, h.cell)) return h;
-      let y = h.ranges, V = h.rangeIndex;
-      h.ranges.length === 1 && (Z.isSingleCell(h.ranges[0]) && Z.isCellWithinRange(w, h.ranges[0]) || !Z.isCellWithinRange(w, h.ranges[0])) && (y = [], V = -1);
-      const b = { ranges: y, rangeIndex: V, cell: w };
-      return Z.isEqualSelectionCoords(b, h) ? h : b;
+  }, []), Qe = k((c) => {
+    St((u) => {
+      Je.current = !1, u = Yt(u);
+      const w = c ?? Ii, p = L(w);
+      if (!G.isSingleCell(p) && u.ranges.length === 0) return { ranges: [p], rangeIndex: 0, cell: w };
+      if (G.isEqualCells(w, u.cell)) return u;
+      let y = u.ranges, W = u.rangeIndex;
+      u.ranges.length === 1 && (G.isSingleCell(u.ranges[0]) && G.isCellWithinRange(w, u.ranges[0]) || !G.isCellWithinRange(w, u.ranges[0])) && (y = [], W = -1);
+      const b = { ranges: y, rangeIndex: W, cell: w };
+      return G.isEqualSelectionCoords(b, u) ? u : b;
     });
-  }, [A]), [an, Jt] = Je(null), [jt, dn] = Je(null), on = J(null), [ze, qt] = Je(null), vt = J(null), Vt = J(null), [Cn, un] = Je(null), Ne = J(null), Q = J(null), et = J(U);
+  }, [L]), [cn, on] = Ze(null), [Mt, dn] = Ze(null), nn = Z(null), [De, Kt] = Ze(null), xt = Z(null), Vt = Z(null), [Cn, un] = Ze(null), We = Z(null), Q = Z(null), et = Z(N);
   st(() => {
-    et.current = U;
-  }, [U]);
-  const qe = T((c, h = { inline: "nearest", block: "nearest" }) => {
+    et.current = N;
+  }, [N]);
+  const Ue = k((c, u = { inline: "nearest", block: "nearest" }) => {
     let { rowIndex: w, colIndex: p } = c;
-    w === void 0 && z?.cell && (w = z.cell.rowIndex), p === void 0 && z?.cell && (p = z.cell.colIndex), w !== void 0 && p !== void 0 && e.current?.scrollCellCoordsIntoView({ rowIndex: w, colIndex: p }, h);
-  }, [z]), dt = O((c) => {
-    const h = _e();
-    return c.rowIndex < h.top || c.colIndex < h.left || c.colIndex > h.right || c.rowIndex > h.bottom;
-  }, []), Ie = T((c, h) => {
+    w === void 0 && M?.cell && (w = M.cell.rowIndex), p === void 0 && M?.cell && (p = M.cell.colIndex), w !== void 0 && p !== void 0 && e.current?.scrollCellCoordsIntoView({ rowIndex: w, colIndex: p }, u);
+  }, [M]), ht = D((c) => {
+    const u = Se();
+    return c.rowIndex < u.top || c.colIndex < u.left || c.colIndex > u.right || c.rowIndex > u.bottom;
+  }, []), Ie = k((c, u) => {
     if (!e?.current) return null;
-    const w = { rowStart: Math.min(c.rowIndex, h.rowIndex), colStart: Math.min(c.colIndex, h.colIndex), rowEnd: Math.max(c.rowIndex, h.rowIndex), colEnd: Math.max(c.colIndex, h.colIndex) };
+    const w = { rowStart: Math.min(c.rowIndex, u.rowIndex), colStart: Math.min(c.colIndex, u.colIndex), rowEnd: Math.max(c.rowIndex, u.rowIndex), colEnd: Math.max(c.colIndex, u.colIndex) };
     if (H?.(w)) return w;
-    const y = A(c), V = A(h), b = { rowStart: Math.min(y.rowStart, V.rowStart), colStart: Math.min(y.colStart, V.colStart), rowEnd: Math.max(y.rowEnd, V.rowEnd), colEnd: Math.max(y.colEnd, V.colEnd) };
+    const y = L(c), W = L(u), b = { rowStart: Math.min(y.rowStart, W.rowStart), colStart: Math.min(y.colStart, W.colStart), rowEnd: Math.max(y.rowEnd, W.rowEnd), colEnd: Math.max(y.colEnd, W.colEnd) };
     let he;
-    return typeof et.current == "function" ? he = et.current(b) : U && (he = U), he ? Z.extendRangeToUnionRanges(b, he) : b;
-  }, [H, A]), Le = T((c, h, w) => {
-    const p = c.ranges.length > 0 ? c.ranges[c.rangeIndex] : { rowStart: c.cell.rowIndex, colStart: c.cell.colIndex, rowEnd: c.cell.rowIndex, colEnd: c.cell.colIndex }, y = { rowStart: Math.min(h.rowIndex ?? p.rowStart, w.rowIndex ?? p.rowStart), colStart: Math.min(h.colIndex ?? p.colStart, w.colIndex ?? p.colStart), rowEnd: Math.max(h.rowIndex ?? p.rowEnd, w.rowIndex ?? p.rowEnd), colEnd: Math.max(h.colIndex ?? p.colEnd, w.colIndex ?? p.colEnd) }, V = { rowIndex: y.rowStart, colIndex: y.colStart }, b = { rowIndex: y.rowEnd, colIndex: y.colEnd };
-    if (!(dt(V) || dt(b)))
-      return Ie(V, b);
-  }, [Ie]), rt = T((c, h, w) => {
-    if (s === "single" || !ke.current) return;
-    const p = Le(ke.current, c, h ?? ke.current.cell);
+    return typeof et.current == "function" ? he = et.current(b) : N && (he = N), he ? G.extendRangeToUnionRanges(b, he) : b;
+  }, [H, L]), Oe = k((c, u, w) => {
+    const p = c.ranges.length > 0 ? c.ranges[c.rangeIndex] : { rowStart: c.cell.rowIndex, colStart: c.cell.colIndex, rowEnd: c.cell.rowIndex, colEnd: c.cell.colIndex }, y = { rowStart: Math.min(u.rowIndex ?? p.rowStart, w.rowIndex ?? p.rowStart), colStart: Math.min(u.colIndex ?? p.colStart, w.colIndex ?? p.colStart), rowEnd: Math.max(u.rowIndex ?? p.rowEnd, w.rowIndex ?? p.rowEnd), colEnd: Math.max(u.colIndex ?? p.colEnd, w.colIndex ?? p.colEnd) }, W = { rowIndex: y.rowStart, colIndex: y.colStart }, b = { rowIndex: y.rowEnd, colIndex: y.colEnd };
+    if (!(ht(W) || ht(b)))
+      return Ie(W, b);
+  }, [Ie]), rt = k((c, u, w) => {
+    if (s === "single" || !ye.current) return;
+    const p = Oe(ye.current, c, u ?? ye.current.cell);
     if (!p) return;
-    const y = ke.current.rangeIndex;
-    Xe((V) => V.length ? V.map((b, he) => y === he ? p : b) : [p]), w && p && wt({ colIndex: p.colStart, rowIndex: p.rowStart });
-  }, []), tt = O((c, h, w) => {
-    if (!ke.current) return;
-    c = { ...ke.current?.cell, ...c }, h = h ?? c;
-    const p = Le(ke.current, c, h);
+    const y = ye.current.rangeIndex;
+    mt((W) => W.length ? W.map((b, he) => y === he ? p : b) : [p]), w && p && Qe({ colIndex: p.colStart, rowIndex: p.rowStart });
+  }, []), tt = D((c, u, w) => {
+    if (!ye.current) return;
+    c = { ...ye.current?.cell, ...c }, u = u ?? c;
+    const p = Oe(ye.current, c, u);
     if (!p) return;
-    const y = { rowIndex: p.rowStart, colIndex: p.colStart }, V = { ...y, ...w };
-    a === "clear" ? (Ne.current = V, rn()) : a === "modify" ? rt(y) : Ae(y), wt(V);
-  }, []), Ae = O((c, h = c, w) => {
-    s !== "multiple" || !c || dt(c) || dt(h) || Be((p) => {
-      Qe.current = !1, p = Yt(p);
-      const y = Ie(c, h);
+    const y = { rowIndex: p.rowStart, colIndex: p.colStart }, W = { ...y, ...w };
+    a === "clear" ? (We.current = W, rn()) : a === "modify" ? rt(y) : ze(y), Qe(W);
+  }, []), ze = D((c, u = c, w) => {
+    s !== "multiple" || !c || ht(c) || ht(u) || St((p) => {
+      Je.current = !1, p = Yt(p);
+      const y = Ie(c, u);
       if (!y) return p;
-      let V = p.ranges.length > 0 ? [...p.ranges] : [Ie(p.cell, p.cell)];
-      V.push(y);
-      const b = { ranges: V, cell: { rowIndex: y.rowStart, colIndex: y.colStart, ...w }, rangeIndex: V.length - 1 };
-      return Z.isEqualSelectionCoords(b, p) ? p : b;
+      let W = p.ranges.length > 0 ? [...p.ranges] : [Ie(p.cell, p.cell)];
+      W.push(y);
+      const b = { ranges: W, cell: { rowIndex: y.rowStart, colIndex: y.colStart, ...w }, rangeIndex: W.length - 1 };
+      return G.isEqualSelectionCoords(b, p) ? p : b;
     });
   }, []), rn = () => {
-    Xe(Zo);
-  }, Mt = me.detectIt().primaryInput === "touch", nt = J(null), Tt = J(null), kt = J(null), hn = Ee(() => ({ onPointerDown: (c) => {
+    mt(Zo);
+  }, Tt = we.detectIt().primaryInput === "touch", nt = Z(null), Rt = Z(null), Ot = Z(null), hn = _e(() => ({ onPointerDown: (c) => {
     if (!e || !e.current) return !1;
-    const h = c.nativeEvent, w = e.current.getViewFromClient(h.clientX, h.clientY);
-    if (h.pointerType === "touch" || h.type === "touchstart") return Tt.current = { topLeft: w.getScrollTopLeft(), point: { x: h.clientX, y: h.clientY } }, !0;
+    const u = c.nativeEvent, w = e.current.getViewFromClient(u.clientX, u.clientY);
+    if (u.pointerType === "touch" || u.type === "touchstart") return Rt.current = { topLeft: w.getScrollTopLeft(), point: { x: u.clientX, y: u.clientY } }, !0;
     const p = w.getCellCoordsFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY);
     if (!p) return !1;
     nt.current = { anchor: w.getAnchor(), coords: p }, Q.current = null;
     const y = c.nativeEvent.which === _r;
-    if (y && Z.indexOfCoords(p, z.ranges) !== -1)
+    if (y && G.indexOfCoords(p, M.ranges) !== -1)
       return !1;
-    const V = c.nativeEvent.shiftKey, b = c.nativeEvent.ctrlKey || c.nativeEvent.metaKey, he = b, ne = d, re = z.ranges.length > 0, we = b && ne;
-    if (oe?.(c, p, z) === !1) return !1;
-    i?.(ke.current, c.nativeEvent);
-    const De = !y && s !== "single";
-    if (V) return rt(p), De;
-    const de = Z.isEqualCells(p, z.cell);
+    const W = c.nativeEvent.shiftKey, b = c.nativeEvent.ctrlKey || c.nativeEvent.metaKey, he = b, ne = d, re = M.ranges.length > 0, ge = b && ne;
+    if (oe?.(c, p, M) === !1) return !1;
+    i?.(ye.current, c.nativeEvent);
+    const Le = !y && s !== "single";
+    if (W) return rt(p), Le;
+    const de = G.isEqualCells(p, M.cell);
     if (he) {
-      if (de && (!we || !re)) return De;
-      if (b && Z.indexOfCoords(p, z.ranges) !== -1 && ne) {
-        vt.current = p;
+      if (de && (!ge || !re)) return Le;
+      if (b && G.indexOfCoords(p, M.ranges) !== -1 && ne) {
+        xt.current = p;
         const ie = Ie(p, p);
-        return Vt.current = ie, qt(ie), De;
+        return Vt.current = ie, Kt(ie), Le;
       }
-      return Ae(p), De;
+      return ze(p), Le;
     }
-    le && qe(p), de && z.ranges.length === 0 || tt(p);
-  }, onPointerMoveOrWait: Ct.throttle((c, h) => {
+    le && Ue(p), de && M.ranges.length === 0 || tt(p);
+  }, onPointerMoveOrWait: Ct.throttle((c, u) => {
     if (!e?.current || c.pointerType === "touch" || c.type === "touchmove" || !nt.current) return;
     const w = nt.current.anchor;
     let p = e.current.getViewFromLocation(w), y = p.getCellCoordsFromClient(c.clientX, c.clientY);
-    if (!Z.isEqualCells(y, nt.current?.coords) && (nt.current = { anchor: w, coords: y }, y && be?.(c, y, ke.current) !== !1)) {
-      if (vt.current) {
-        const V = { rowStart: Math.min(y.rowIndex, vt.current.rowIndex), colStart: Math.min(y.colIndex, vt.current.colIndex), rowEnd: Math.max(y.rowIndex, vt.current.rowIndex), colEnd: Math.max(y.colIndex, vt.current.colIndex) }, b = { rowIndex: V.rowStart, colIndex: V.colStart }, he = { rowIndex: V.rowEnd, colIndex: V.colEnd };
-        if (dt(b) || dt(he)) return;
+    if (!G.isEqualCells(y, nt.current?.coords) && (nt.current = { anchor: w, coords: y }, y && ve?.(c, y, ye.current) !== !1)) {
+      if (xt.current) {
+        const W = { rowStart: Math.min(y.rowIndex, xt.current.rowIndex), colStart: Math.min(y.colIndex, xt.current.colIndex), rowEnd: Math.max(y.rowIndex, xt.current.rowIndex), colEnd: Math.max(y.colIndex, xt.current.colIndex) }, b = { rowIndex: W.rowStart, colIndex: W.colStart }, he = { rowIndex: W.rowEnd, colIndex: W.colEnd };
+        if (ht(b) || ht(he)) return;
         const ne = Ie(b, he);
-        Vt.current = ne, qt(ne);
+        Vt.current = ne, Kt(ne);
       } else rt(y);
-      kt.current = h, lo(p, y, e);
+      Ot.current = u, lo(p, y, e);
     }
   }, 60), onPointerUp: (c) => {
     if (nt.current = null, c.pointerType === "touch" || c.type === "touchend") {
-      if (Tt.current) {
-        const w = e.current.getViewFromClient(Tt.current.point.x, Tt.current.point.y), p = w.getScrollTopLeft();
-        if (p.left === Tt.current.topLeft.left && p.top === Tt.current.topLeft.top) {
-          const y = w.getCellCoordsFromClient(Tt.current.point.x, Tt.current.point.y);
+      if (Rt.current) {
+        const w = e.current.getViewFromClient(Rt.current.point.x, Rt.current.point.y), p = w.getScrollTopLeft();
+        if (p.left === Rt.current.topLeft.left && p.top === Rt.current.topLeft.top) {
+          const y = w.getCellCoordsFromClient(Rt.current.point.x, Rt.current.point.y);
           tt(y);
         }
       }
-      return Tt.current = null, void (nt.current = null);
+      return Rt.current = null, void (nt.current = null);
     }
     try {
-      l?.(ke.current, c);
+      l?.(ye.current, c);
     } catch (w) {
       console.warn(w);
     }
-    if (!vt.current) return;
-    const h = Vt.current;
-    vt.current = null, Vt.current = null, qt(null), Be((w) => {
-      if (Qe.current = !1, (w = Yt(w)).ranges.length === 0) return w;
-      let p = [], y = -1, V = w.cell;
+    if (!xt.current) return;
+    const u = Vt.current;
+    xt.current = null, Vt.current = null, Kt(null), St((w) => {
+      if (Je.current = !1, (w = Yt(w)).ranges.length === 0) return w;
+      let p = [], y = -1, W = w.cell;
       for (let he = 0; he < w.ranges.length; he++) {
         const ne = w.ranges[he];
-        if (Z.isRangesIntersect(ne, h)) {
-          const re = Ct.subtractRect({ top: ne.rowStart, left: ne.colStart, bottom: ne.rowEnd + 1, right: ne.colEnd + 1 }, { top: h.rowStart, left: h.colStart, bottom: h.rowEnd + 1, right: h.colEnd + 1 });
-          for (let we = 0; we < re.length; we++) {
-            const De = { rowStart: re[we].top, colStart: re[we].left, rowEnd: re[we].bottom - 1, colEnd: re[we].right - 1 };
-            p.push(De), Z.isCellWithinRange(w.cell, De) && (y = p.length - 1);
+        if (G.isRangesIntersect(ne, u)) {
+          const re = Ct.subtractRect({ top: ne.rowStart, left: ne.colStart, bottom: ne.rowEnd + 1, right: ne.colEnd + 1 }, { top: u.rowStart, left: u.colStart, bottom: u.rowEnd + 1, right: u.colEnd + 1 });
+          for (let ge = 0; ge < re.length; ge++) {
+            const Le = { rowStart: re[ge].top, colStart: re[ge].left, rowEnd: re[ge].bottom - 1, colEnd: re[ge].right - 1 };
+            p.push(Le), G.isCellWithinRange(w.cell, Le) && (y = p.length - 1);
           }
         } else p.push(ne);
-        p.length > 0 && y === -1 && Z.isCellWithinRange(w.cell, ne) && (y = p.length - 1, V = { rowIndex: p[p.length - 1].rowStart, colIndex: p[p.length - 1].colStart });
+        p.length > 0 && y === -1 && G.isCellWithinRange(w.cell, ne) && (y = p.length - 1, W = { rowIndex: p[p.length - 1].rowStart, colIndex: p[p.length - 1].colStart });
       }
-      const b = { cell: V, rangeIndex: y, ranges: p };
-      return Z.isEqualSelectionCoords(b, w) ? w : b;
+      const b = { cell: W, rangeIndex: y, ranges: p };
+      return G.isEqualSelectionCoords(b, w) ? w : b;
     });
-  }, processTouch: !0, consumeTouch: !1 }), [z, s, d, le, a]), mo = T(On(hn), []), xo = Ee(() => ({ onSelectionPointerDown: (c, h, w, p, y = z.cell, V = le, b = c.nativeEvent.shiftKey, he = !1) => {
+  }, processTouch: !0, consumeTouch: !1 }), [M, s, d, le, a]), mo = k(On(hn), []), xo = _e(() => ({ onSelectionPointerDown: (c, u, w, p, y = M.cell, W = le, b = c.nativeEvent.shiftKey, he = !1) => {
     if (!e || !e.current) return !1;
     c.stopPropagation(), c.preventDefault(), c.nativeEvent.stopImmediatePropagation();
     const ne = w ?? e.current.getViewFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY), re = p ?? ne.getCellCoordsFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY);
     if (!re) return !1;
     nt.current = { anchor: ne.getAnchor(), coords: re }, Q.current = null;
-    const we = c.nativeEvent.which === _r;
-    if (we && Z.indexOfCoords(re, z.ranges) !== -1)
+    const ge = c.nativeEvent.which === _r;
+    if (ge && G.indexOfCoords(re, M.ranges) !== -1)
       return !1;
-    const De = c.nativeEvent.ctrlKey || c.nativeEvent.metaKey, de = De, ie = d, _t = z.ranges.length > 0, B = De && ie;
-    if (oe?.(c, re, z) === !1) return !1;
-    i?.(ke.current, c.nativeEvent);
-    const Pe = !we && s !== "single";
-    if (b) return rt(re, y, he), Pe;
-    const Rt = Z.isEqualCells(re, y);
+    const Le = c.nativeEvent.ctrlKey || c.nativeEvent.metaKey, de = Le, ie = d, _t = M.ranges.length > 0, F = Le && ie;
+    if (oe?.(c, re, M) === !1) return !1;
+    i?.(ye.current, c.nativeEvent);
+    const ke = !ge && s !== "single";
+    if (b) return rt(re, y, he), ke;
+    const Pt = G.isEqualCells(re, y);
     if (de) {
-      if (Rt && (!B || !_t)) return Pe;
-      if (B && Z.indexOfCoords(re, z.ranges) !== -1 && ie) {
-        vt.current = re;
-        const Te = Ie(re, re);
-        return Vt.current = Te, qt(Te), Pe;
+      if (Pt && (!F || !_t)) return ke;
+      if (F && G.indexOfCoords(re, M.ranges) !== -1 && ie) {
+        xt.current = re;
+        const Re = Ie(re, re);
+        return Vt.current = Re, Kt(Re), ke;
       }
-      return Ae(re), Pe;
+      return ze(re), ke;
     }
-    V && qe(re), Rt && z.ranges.length === 0 || tt(re);
-  }, onSelectionPointerMoveOrWait: (c, h, w, p, y, V = z.cell, b = !0, he = !1) => {
+    W && Ue(re), Pt && M.ranges.length === 0 || tt(re);
+  }, onSelectionPointerMoveOrWait: (c, u, w, p, y, W = M.cell, b = !0, he = !1) => {
     if (!e?.current || (c.stopPropagation(), c.preventDefault(), c.stopImmediatePropagation(), !nt.current)) return;
     const ne = nt.current.anchor;
-    let re = p ?? e.current.getViewFromLocation(ne), we = y ?? re.getCellCoordsFromClient(c.clientX, c.clientY);
-    if (!Z.isEqualCells(we, nt.current?.coords) && (nt.current = { anchor: ne, coords: we }, we && be?.(c, we, ke.current) !== !1)) {
-      if (vt.current) {
-        const De = { rowStart: Math.min(we.rowIndex, vt.current.rowIndex), colStart: Math.min(we.colIndex, vt.current.colIndex), rowEnd: Math.max(we.rowIndex, vt.current.rowIndex), colEnd: Math.max(we.colIndex, vt.current.colIndex) }, de = { rowIndex: De.rowStart, colIndex: De.colStart }, ie = { rowIndex: De.rowEnd, colIndex: De.colEnd };
-        if (dt(de) || dt(ie)) return;
+    let re = p ?? e.current.getViewFromLocation(ne), ge = y ?? re.getCellCoordsFromClient(c.clientX, c.clientY);
+    if (!G.isEqualCells(ge, nt.current?.coords) && (nt.current = { anchor: ne, coords: ge }, ge && ve?.(c, ge, ye.current) !== !1)) {
+      if (xt.current) {
+        const Le = { rowStart: Math.min(ge.rowIndex, xt.current.rowIndex), colStart: Math.min(ge.colIndex, xt.current.colIndex), rowEnd: Math.max(ge.rowIndex, xt.current.rowIndex), colEnd: Math.max(ge.colIndex, xt.current.colIndex) }, de = { rowIndex: Le.rowStart, colIndex: Le.colStart }, ie = { rowIndex: Le.rowEnd, colIndex: Le.colEnd };
+        if (ht(de) || ht(ie)) return;
         const _t = Ie(de, ie);
-        Vt.current = _t, qt(_t);
-      } else rt(we, V, he);
-      b && lo(re, we, e);
+        Vt.current = _t, Kt(_t);
+      } else rt(ge, W, he);
+      b && lo(re, ge, e);
     }
   }, onPointerUp: (c) => {
     nt.current = null, c.stopPropagation(), c.preventDefault(), c.stopImmediatePropagation();
     try {
-      l?.(ke.current, c);
+      l?.(ye.current, c);
     } catch (w) {
       console.warn(w);
     }
-    if (!vt.current) return;
-    const h = Vt.current;
-    vt.current = null, Vt.current = null, qt(null), Be((w) => {
-      if (Qe.current = !1, (w = Yt(w)).ranges.length === 0) return w;
-      let p = [], y = -1, V = w.cell;
+    if (!xt.current) return;
+    const u = Vt.current;
+    xt.current = null, Vt.current = null, Kt(null), St((w) => {
+      if (Je.current = !1, (w = Yt(w)).ranges.length === 0) return w;
+      let p = [], y = -1, W = w.cell;
       for (let he = 0; he < w.ranges.length; he++) {
         const ne = w.ranges[he];
-        if (Z.isRangesIntersect(ne, h)) {
-          const re = Ct.subtractRect({ top: ne.rowStart, left: ne.colStart, bottom: ne.rowEnd + 1, right: ne.colEnd + 1 }, { top: h.rowStart, left: h.colStart, bottom: h.rowEnd + 1, right: h.colEnd + 1 });
-          for (let we = 0; we < re.length; we++) {
-            const De = { rowStart: re[we].top, colStart: re[we].left, rowEnd: re[we].bottom - 1, colEnd: re[we].right - 1 };
-            p.push(De), Z.isCellWithinRange(w.cell, De) && (y = p.length - 1);
+        if (G.isRangesIntersect(ne, u)) {
+          const re = Ct.subtractRect({ top: ne.rowStart, left: ne.colStart, bottom: ne.rowEnd + 1, right: ne.colEnd + 1 }, { top: u.rowStart, left: u.colStart, bottom: u.rowEnd + 1, right: u.colEnd + 1 });
+          for (let ge = 0; ge < re.length; ge++) {
+            const Le = { rowStart: re[ge].top, colStart: re[ge].left, rowEnd: re[ge].bottom - 1, colEnd: re[ge].right - 1 };
+            p.push(Le), G.isCellWithinRange(w.cell, Le) && (y = p.length - 1);
           }
         } else p.push(ne);
-        p.length > 0 && y === -1 && Z.isCellWithinRange(w.cell, ne) && (y = p.length - 1, V = { rowIndex: p[p.length - 1].rowStart, colIndex: p[p.length - 1].colStart });
+        p.length > 0 && y === -1 && G.isCellWithinRange(w.cell, ne) && (y = p.length - 1, W = { rowIndex: p[p.length - 1].rowStart, colIndex: p[p.length - 1].colStart });
       }
-      const b = { cell: V, rangeIndex: y, ranges: p };
-      return Z.isEqualSelectionCoords(b, w) ? w : b;
+      const b = { cell: W, rangeIndex: y, ranges: p };
+      return G.isEqualSelectionCoords(b, w) ? w : b;
     });
-  } }), [z, s, d, le, a]), ft = T((c, h = !1, w = !1, p = 0) => {
-    if (!e.current || !z.cell) return;
-    let y = z.cell, V = z.cell;
-    if (h && z.ranges.length > 0) {
-      const B = z.ranges[z.rangeIndex], Pe = z.cell;
+  } }), [M, s, d, le, a]), pt = k((c, u = !1, w = !1, p = 0) => {
+    if (!e.current || !M.cell) return;
+    let y = M.cell, W = M.cell;
+    if (u && M.ranges.length > 0) {
+      const F = M.ranges[M.rangeIndex], ke = M.cell;
       switch (c) {
         case it:
-          V = { rowIndex: Pe.rowIndex === B.rowStart ? B.rowEnd : B.rowStart, colIndex: B.colEnd }, y = { rowIndex: Pe.rowIndex === B.rowStart ? B.rowStart : B.rowEnd, colIndex: B.colStart };
+          W = { rowIndex: ke.rowIndex === F.rowStart ? F.rowEnd : F.rowStart, colIndex: F.colEnd }, y = { rowIndex: ke.rowIndex === F.rowStart ? F.rowStart : F.rowEnd, colIndex: F.colStart };
           break;
         case lt:
-          V = { rowIndex: Pe.rowIndex === B.rowEnd ? B.rowStart : B.rowEnd, colIndex: B.colEnd }, y = { rowIndex: Pe.rowIndex === B.rowEnd ? B.rowEnd : B.rowStart, colIndex: B.colStart };
+          W = { rowIndex: ke.rowIndex === F.rowEnd ? F.rowStart : F.rowEnd, colIndex: F.colEnd }, y = { rowIndex: ke.rowIndex === F.rowEnd ? F.rowEnd : F.rowStart, colIndex: F.colStart };
           break;
         case ot:
-          V = { rowIndex: B.rowEnd, colIndex: Pe.colIndex === B.colStart ? B.colEnd : B.colStart }, y = { rowIndex: B.rowStart, colIndex: Pe.colIndex === B.colStart ? B.colStart : B.colEnd };
+          W = { rowIndex: F.rowEnd, colIndex: ke.colIndex === F.colStart ? F.colEnd : F.colStart }, y = { rowIndex: F.rowStart, colIndex: ke.colIndex === F.colStart ? F.colStart : F.colEnd };
           break;
         case Ke:
-          V = { rowIndex: B.rowEnd, colIndex: Pe.colIndex === B.colEnd ? B.colStart : B.colEnd }, y = { rowIndex: B.rowStart, colIndex: Pe.colIndex === B.colEnd ? B.colEnd : B.colStart };
+          W = { rowIndex: F.rowEnd, colIndex: ke.colIndex === F.colEnd ? F.colStart : F.colEnd }, y = { rowIndex: F.rowStart, colIndex: ke.colIndex === F.colEnd ? F.colEnd : F.colStart };
       }
     }
-    const b = A(V);
+    const b = L(W);
     let { rowStart: he, colStart: ne } = b;
-    const re = _e();
+    const re = Se();
     if (Q.current) switch (c) {
       case it:
       case lt:
@@ -2442,805 +2443,805 @@ const tn = -10, Ql = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (!p) {
       switch (c) {
         case it:
-          he = Ye(pt, Math.max(b.rowStart - 1, re.top), c);
+          he = qe(dt, Math.max(b.rowStart - 1, re.top), c);
           break;
         case lt:
-          he = Ye(pt, Math.min(b.rowEnd + 1, re.bottom), c);
+          he = qe(dt, Math.min(b.rowEnd + 1, re.bottom), c);
           break;
         case ot:
-          ne = Ye(gt, Math.max(b.colStart - 1, re.left), c);
+          ne = qe(ut, Math.max(b.colStart - 1, re.left), c);
           break;
         case Ke:
-          ne = Ye(gt, Math.min(b.colEnd + 1, re.right), c);
+          ne = qe(ut, Math.min(b.colEnd + 1, re.right), c);
       }
       if (w) switch (c) {
         case it:
-          he = _({ ...V, colIndex: z.cell.colIndex }, te, pt, c, !1, Math.max(re.top, pt(re.top, !1)));
+          he = C({ ...W, colIndex: M.cell.colIndex }, ue, dt, c, !1, Math.max(re.top, dt(re.top, !1)));
           break;
         case lt:
-          he = _({ ...V, colIndex: z.cell.colIndex }, te, pt, c, !1, Math.min(re.bottom, re.bottom - pt(re.bottom, !0)));
+          he = C({ ...W, colIndex: M.cell.colIndex }, ue, dt, c, !1, Math.min(re.bottom, re.bottom - dt(re.bottom, !0)));
           break;
         case ot:
-          ne = _({ ...V, rowIndex: z.cell.rowIndex }, te, gt, c, !1, Math.max(re.left, gt(re.left, !1)));
+          ne = C({ ...W, rowIndex: M.cell.rowIndex }, ue, ut, c, !1, Math.max(re.left, ut(re.left, !1)));
           break;
         case Ke:
-          ne = _({ ...V, rowIndex: z.cell.rowIndex }, te, gt, c, !1, Math.min(re.right, re.right - gt(re.right, !0)));
+          ne = C({ ...W, rowIndex: M.cell.rowIndex }, ue, ut, c, !1, Math.min(re.right, re.right - ut(re.right, !0)));
       }
     }
-    let we = null;
+    let ge = null;
     if (p) {
-      let B = 0;
+      let F = 0;
       switch (c) {
         case it:
-          B = n.getRowOffset(he + 1), he = Math.max(re.top, n.getRowIndex(B - p)), we = { top: n.getRowOffset(he + 1) - (B - e.current.getScrollPosition().top) };
+          F = n.getRowOffset(he + 1), he = Math.max(re.top, n.getRowIndex(F - p)), ge = { top: n.getRowOffset(he + 1) - (F - e.current.getScrollPosition().top) };
           break;
         case lt:
-          B = n.getRowOffset(he), he = Math.min(re.bottom, n.getRowIndex(B + p)), we = { top: n.getRowOffset(he) - (B - e.current.getScrollPosition().top) };
+          F = n.getRowOffset(he), he = Math.min(re.bottom, n.getRowIndex(F + p)), ge = { top: n.getRowOffset(he) - (F - e.current.getScrollPosition().top) };
           break;
         case ot:
-          B = n.getColOffset(ne + 1), ne = Math.max(re.left, n.getColIndex(B - p)), we = { left: n.getColOffset(ne + 1) - (B - e.current.getScrollPosition().left) };
+          F = n.getColOffset(ne + 1), ne = Math.max(re.left, n.getColIndex(F - p)), ge = { left: n.getColOffset(ne + 1) - (F - e.current.getScrollPosition().left) };
           break;
         case Ke:
-          B = n.getColOffset(ne), ne = Math.min(re.right, n.getColIndex(B + p)), we = { left: n.getColOffset(ne) - (B - e.current.getScrollPosition().left) };
+          F = n.getColOffset(ne), ne = Math.min(re.right, n.getColIndex(F + p)), ge = { left: n.getColOffset(ne) - (F - e.current.getScrollPosition().left) };
       }
     }
-    const De = { rowIndex: he, colIndex: ne }, de = A(De), ie = { rowIndex: de.rowStart, colIndex: de.colStart };
-    h || (Q.current = De);
-    const _t = Z.isEqualCells(Ne.current, ie) && Z.isEqualCells(Ne.current, y);
-    if (h && !_t ? rt(ie, y) : tt(ie), we) e.current.scrollTo(we);
+    const Le = { rowIndex: he, colIndex: ne }, de = L(Le), ie = { rowIndex: de.rowStart, colIndex: de.colStart };
+    u || (Q.current = Le);
+    const _t = G.isEqualCells(We.current, ie) && G.isEqualCells(We.current, y);
+    if (u && !_t ? rt(ie, y) : tt(ie), ge) e.current.scrollTo(ge);
     else {
-      if (h && Ne.current) {
-        const B = _e();
-        if (c === Ke && Ne.current.colIndex === B.left || c === ot && Ne.current.colIndex === B.right || c === it && Ne.current.rowIndex === B.bottom || c === lt && Ne.current.rowIndex === B.top) return;
+      if (u && We.current) {
+        const F = Se();
+        if (c === Ke && We.current.colIndex === F.left || c === ot && We.current.colIndex === F.right || c === it && We.current.rowIndex === F.bottom || c === lt && We.current.rowIndex === F.top) return;
       }
-      c === ot || c === Ke ? qe({ colIndex: De.colIndex }) : c !== it && c !== lt || qe({ rowIndex: De.rowIndex });
+      c === ot || c === Ke ? Ue({ colIndex: Le.colIndex }) : c !== it && c !== lt || Ue({ rowIndex: Le.rowIndex });
     }
-  }, [z, A]), ln = T((c) => {
+  }, [M, L]), ln = k((c) => {
     if (!e.current) return;
-    if (z.ranges.length === 0) return void ft(c);
-    const h = A(z.cell);
-    if (Z.isEqualRangesArrays([h], z.ranges)) return void ft(c);
-    const w = Xo(z, c, A, pt, gt);
-    Be((p) => {
-      Qe.current = !1, p = Yt(p);
+    if (M.ranges.length === 0) return void pt(c);
+    const u = L(M.cell);
+    if (G.isEqualRangesArrays([u], M.ranges)) return void pt(c);
+    const w = Xo(M, c, L, dt, ut);
+    St((p) => {
+      Je.current = !1, p = Yt(p);
       const y = { ...p, cell: w.cell, rangeIndex: w.rangeIndex };
-      return Z.isEqualSelectionCoords(y, p) ? p : y;
-    }), w.cell && qe(w.cell);
-  }, [z, A]), vo = O(() => {
-    const c = _e();
+      return G.isEqualSelectionCoords(y, p) ? p : y;
+    }), w.cell && Ue(w.cell);
+  }, [M, L]), vo = D(() => {
+    const c = Se();
     rt({ rowIndex: c.top }, { rowIndex: c.bottom });
-  }, []), yo = O(() => {
-    const c = _e();
+  }, []), yo = D(() => {
+    const c = Se();
     rt({ colIndex: c.left }, { colIndex: c.right });
-  }, []), xn = T(() => {
-    z.cell && e?.current && qe(z.cell);
-  }, [z.cell]), Kn = O((c = !1) => {
-    const h = { rowIndex: _e().top };
-    c ? rt(h) : tt(h), qe(h);
-  }, []), Yn = O((c = !1) => {
-    const h = { rowIndex: _e().bottom };
-    c ? rt(h) : tt(h), qe(h);
-  }, []), Dn = O((c = !1) => {
-    const h = { colIndex: _e().left };
-    c ? rt(h) : tt(h), qe(h);
-  }, []), Mn = O((c = !1) => {
-    const h = _e(), w = { rowIndex: h.top, colIndex: h.left };
-    c ? rt(w) : tt(w), qe(w);
-  }, []), zn = O((c = !1) => {
-    const h = _e(), w = { colIndex: L?.()?.colEnd ?? h.right };
-    c ? rt(w) : tt(w), qe(w);
-  }, [L]), vn = O((c = !1) => {
-    const h = _e(), w = { rowIndex: L?.()?.rowEnd ?? h.bottom, colIndex: L?.()?.colEnd ?? h.right };
-    c ? rt(w) : tt(w), qe(w);
-  }, [L]), An = T((c) => {
-    if (!e.current || z.ranges.length <= 1) return;
-    const h = c === ot || c === it;
-    let w = z.rangeIndex + (h ? -1 : 1);
-    w < 0 ? w = z.ranges.length - 1 : w > z.ranges.length - 1 && (w = 0);
-    const p = z.ranges[w], y = Xo({ cell: { rowIndex: p.rowEnd, colIndex: p.colEnd }, rangeIndex: 0, ranges: [p] }, Ke, A, pt, gt);
-    Be((V) => {
-      Qe.current = !1, V = Yt(V);
-      const b = { ...V, cell: y.cell, rangeIndex: w };
-      return Z.isEqualSelectionCoords(b, V) ? V : b;
-    }), y.cell && qe(y.cell);
-  }, [z, A]), bo = T(() => {
-    const c = Ar(z);
-    Be((h) => {
-      Qe.current = !1, h = Yt(h);
-      const w = { ...h, visibleSelection: c };
-      return Z.isEqualSelectionCoords(w, h) ? h : w;
-    }), c.cell && qe(c.cell);
-  }, [z, A]), So = T(() => {
-    if (!e.current || z.ranges.length === 0) return;
-    const c = z.cell, h = z.ranges[z.rangeIndex], w = Ar({ cell: c, rangeIndex: 0, ranges: [h] }), p = w.ranges[w.rangeIndex];
+  }, []), xn = k(() => {
+    M.cell && e?.current && Ue(M.cell);
+  }, [M.cell]), qn = D((c = !1) => {
+    const u = { rowIndex: Se().top };
+    c ? rt(u) : tt(u), Ue(u);
+  }, []), Yn = D((c = !1) => {
+    const u = { rowIndex: Se().bottom };
+    c ? rt(u) : tt(u), Ue(u);
+  }, []), Dn = D((c = !1) => {
+    const u = { colIndex: Se().left };
+    c ? rt(u) : tt(u), Ue(u);
+  }, []), Mn = D((c = !1) => {
+    const u = Se(), w = { rowIndex: u.top, colIndex: u.left };
+    c ? rt(w) : tt(w), Ue(w);
+  }, []), zn = D((c = !1) => {
+    const u = Se(), w = { colIndex: z?.()?.colEnd ?? u.right };
+    c ? rt(w) : tt(w), Ue(w);
+  }, [z]), vn = D((c = !1) => {
+    const u = Se(), w = { rowIndex: z?.()?.rowEnd ?? u.bottom, colIndex: z?.()?.colEnd ?? u.right };
+    c ? rt(w) : tt(w), Ue(w);
+  }, [z]), An = k((c) => {
+    if (!e.current || M.ranges.length <= 1) return;
+    const u = c === ot || c === it;
+    let w = M.rangeIndex + (u ? -1 : 1);
+    w < 0 ? w = M.ranges.length - 1 : w > M.ranges.length - 1 && (w = 0);
+    const p = M.ranges[w], y = Xo({ cell: { rowIndex: p.rowEnd, colIndex: p.colEnd }, rangeIndex: 0, ranges: [p] }, Ke, L, dt, ut);
+    St((W) => {
+      Je.current = !1, W = Yt(W);
+      const b = { ...W, cell: y.cell, rangeIndex: w };
+      return G.isEqualSelectionCoords(b, W) ? W : b;
+    }), y.cell && Ue(y.cell);
+  }, [M, L]), bo = k(() => {
+    const c = Ar(M);
+    St((u) => {
+      Je.current = !1, u = Yt(u);
+      const w = { ...u, visibleSelection: c };
+      return G.isEqualSelectionCoords(w, u) ? u : w;
+    }), c.cell && Ue(c.cell);
+  }, [M, L]), So = k(() => {
+    if (!e.current || M.ranges.length === 0) return;
+    const c = M.cell, u = M.ranges[M.rangeIndex], w = Ar({ cell: c, rangeIndex: 0, ranges: [u] }), p = w.ranges[w.rangeIndex];
     let y;
-    y = p.rowStart === c.rowIndex && p.colStart === c.colIndex ? { rowIndex: p.rowStart, colIndex: p.colEnd } : p.rowStart === c.rowIndex && p.colEnd === c.colIndex ? { rowIndex: p.rowEnd, colIndex: p.colStart } : p.rowEnd === c.rowIndex && p.colStart === c.colIndex ? { rowIndex: p.rowEnd, colIndex: p.colEnd } : { rowIndex: p.rowStart, colIndex: p.colStart }, Be((V) => {
-      V = Yt(V);
-      const b = { ...V, cell: y };
-      return Z.isEqualSelectionCoords(b, V) ? V : b;
-    }), y && qe(y);
-  }, [z, A]), Xn = O((c = !1) => {
-    ft(lt, c, !1, e.current.getDimensions().containerHeight);
-  }, []), Qt = O((c = !1) => {
-    ft(it, c, !1, e.current.getDimensions().containerHeight);
-  }, []), Gn = O((c = !1) => {
-    ft(Ke, c, !1, e.current.getDimensions().containerWidth);
-  }, []), $n = O((c = !1) => {
-    ft(ot, c, !1, e.current.getDimensions().containerWidth);
-  }, []), Zn = O(() => {
+    y = p.rowStart === c.rowIndex && p.colStart === c.colIndex ? { rowIndex: p.rowStart, colIndex: p.colEnd } : p.rowStart === c.rowIndex && p.colEnd === c.colIndex ? { rowIndex: p.rowEnd, colIndex: p.colStart } : p.rowEnd === c.rowIndex && p.colStart === c.colIndex ? { rowIndex: p.rowEnd, colIndex: p.colEnd } : { rowIndex: p.rowStart, colIndex: p.colStart }, St((W) => {
+      W = Yt(W);
+      const b = { ...W, cell: y };
+      return G.isEqualSelectionCoords(b, W) ? W : b;
+    }), y && Ue(y);
+  }, [M, L]), Xn = D((c = !1) => {
+    pt(lt, c, !1, e.current.getDimensions().containerHeight);
+  }, []), Jt = D((c = !1) => {
+    pt(it, c, !1, e.current.getDimensions().containerHeight);
+  }, []), Gn = D((c = !1) => {
+    pt(Ke, c, !1, e.current.getDimensions().containerWidth);
+  }, []), $n = D((c = !1) => {
+    pt(ot, c, !1, e.current.getDimensions().containerWidth);
+  }, []), Zn = D(() => {
     ln(ot);
-  }, []), Jn = O(() => {
+  }, []), Jn = D(() => {
     ln(Ke);
-  }, []), Eo = O(() => {
+  }, []), Eo = D(() => {
     ln(it);
-  }, []), _o = O(() => {
+  }, []), _o = D(() => {
     ln(lt);
-  }, []), Bn = O(() => {
+  }, []), Bn = D(() => {
     An(ot);
-  }, []), Io = O(() => {
+  }, []), Io = D(() => {
     An(Ke);
-  }, []), Co = O(() => {
+  }, []), Co = D(() => {
     So();
-  }, []), Qn = O(() => {
-    ft(ot, !1, !1);
-  }, []), v = O(() => {
-    ft(ot, !0, !1);
-  }, []), P = O(() => {
-    ft(ot, !1, !0);
-  }, []), D = O(() => {
-    ft(ot, !0, !0);
-  }, []), F = O(() => {
-    ft(Ke, !1, !1);
-  }, []), j = O(() => {
-    ft(Ke, !0, !1);
-  }, []), fe = O(() => {
-    ft(Ke, !1, !0);
-  }, []), se = O(() => {
-    ft(Ke, !0, !0);
-  }, []), ve = O(() => {
-    ft(it, !1, !1);
-  }, []), ye = O(() => {
-    ft(it, !0, !1);
-  }, []), ce = O(() => {
-    ft(it, !1, !0);
-  }, []), Ve = O(() => {
-    ft(it, !0, !0);
-  }, []), ut = O(() => {
-    ft(lt, !1, !1);
-  }, []), Fe = O(() => {
-    ft(lt, !0, !1);
-  }, []), je = O(() => {
-    ft(lt, !1, !0);
-  }, []), mt = O(() => {
-    ft(lt, !0, !0);
-  }, []), Ge = O(() => {
-    Xe((c) => c.slice(0, -1));
-  }, []), Pt = Ee(() => {
-    const c = _e();
-    return ((h, w, p, y, V) => {
-      for (let b = 0; b < h.length; b++) {
-        const he = h[b];
-        if (he.rowStart === w && he.colStart === p && he.rowEnd === y && he.colEnd === V) return !0;
+  }, []), Qn = D(() => {
+    pt(ot, !1, !1);
+  }, []), v = D(() => {
+    pt(ot, !0, !1);
+  }, []), O = D(() => {
+    pt(ot, !1, !0);
+  }, []), A = D(() => {
+    pt(ot, !0, !0);
+  }, []), j = D(() => {
+    pt(Ke, !1, !1);
+  }, []), V = D(() => {
+    pt(Ke, !0, !1);
+  }, []), fe = D(() => {
+    pt(Ke, !1, !0);
+  }, []), se = D(() => {
+    pt(Ke, !0, !0);
+  }, []), xe = D(() => {
+    pt(it, !1, !1);
+  }, []), be = D(() => {
+    pt(it, !0, !1);
+  }, []), ce = D(() => {
+    pt(it, !1, !0);
+  }, []), Fe = D(() => {
+    pt(it, !0, !0);
+  }, []), ft = D(() => {
+    pt(lt, !1, !1);
+  }, []), $e = D(() => {
+    pt(lt, !0, !1);
+  }, []), Be = D(() => {
+    pt(lt, !1, !0);
+  }, []), gt = D(() => {
+    pt(lt, !0, !0);
+  }, []), Xe = D(() => {
+    mt((c) => c.slice(0, -1));
+  }, []), Lt = _e(() => {
+    const c = Se();
+    return ((u, w, p, y, W) => {
+      for (let b = 0; b < u.length; b++) {
+        const he = u[b];
+        if (he.rowStart === w && he.colStart === p && he.rowEnd === y && he.colEnd === W) return !0;
       }
       return !1;
-    })(z.ranges, c.top, c.left, c.bottom, c.right);
-  }, [$, z.ranges]), yt = O((c, h = !0) => {
-    Ne.current = c, wt(c), h && c && e?.current && qe(c);
-  }, []), ge = T((c = !0) => {
-    const h = on.current;
-    if (!ke.current?.cell) return;
-    const w = ke.current?.ranges, p = ke.current?.cell;
-    if (!p || !h || !h) return;
+    })(M.ranges, c.top, c.left, c.bottom, c.right);
+  }, [B, M.ranges]), vt = D((c, u = !0) => {
+    We.current = c, Qe(c), u && c && e?.current && Ue(c);
+  }, []), pe = k((c = !0) => {
+    const u = nn.current;
+    if (!ye.current?.cell) return;
+    const w = ye.current?.ranges, p = ye.current?.cell;
+    if (!p || !u || !u) return;
     let y = null;
-    if (y = w.length > 0 ? w[w.length - 1] : A(p), y.colEnd >= y.colStart && y.rowEnd >= y.rowStart) {
-      const V = $r(y, h);
-      let b = c ? S : ue;
+    if (y = w.length > 0 ? w[w.length - 1] : L(p), y.colEnd >= y.colStart && y.rowEnd >= y.rowStart) {
+      const W = $r(y, u);
+      let b = c ? Ye : $;
       try {
-        b?.(y, h, V.direction);
+        b?.(y, u, W.direction);
       } catch (he) {
         console.warn(he);
       } finally {
-        c && pe?.();
+        c && Me?.();
       }
     }
-  }, [A]), xt = J(null), At = On(Ee(() => ({ onPointerDown: (c, h) => {
-    if (kt.current = h, !e || !e.current) return !1;
+  }, [L]), wt = Z(null), $t = On(_e(() => ({ onPointerDown: (c, u) => {
+    if (Ot.current = u, !e || !e.current) return !1;
     const w = e.current.getViewFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY), p = w?.getCellCoordsFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY);
-    p && (c.stopPropagation(), Jt("crosshair"), xt.current = { anchor: w.getAnchor(), coords: p });
-  }, onPointerMoveOrWait: (c, h) => {
-    if (E || !e?.current || !ke.current || !xt.current) return;
-    const w = xt.current.anchor;
+    p && (c.stopPropagation(), on("crosshair"), wt.current = { anchor: w.getAnchor(), coords: p });
+  }, onPointerMoveOrWait: (c, u) => {
+    if (_ || !e?.current || !ye.current || !wt.current) return;
+    const w = wt.current.anchor;
     let p = e.current.getViewFromLocation(w), y = p.getCellCoordsFromClient(c.clientX, c.clientY);
     if (!y) return;
-    xt.current = { anchor: w, coords: y };
-    const V = ke.current.ranges;
-    let b = Ie(ke.current.cell, y);
+    wt.current = { anchor: w, coords: y };
+    const W = ye.current.ranges;
+    let b = Ie(ye.current.cell, y);
     if (!b) return;
-    const he = V.length > 0, ne = he ? V[V.length - 1] : A(ke.current.cell);
+    const he = W.length > 0, ne = he ? W[W.length - 1] : L(ye.current.cell);
     if (!b) return;
-    const re = b.rowStart < ne.rowStart ? it : b.rowEnd > ne.rowEnd ? lt : b.colEnd > ne.colEnd ? Ke : ot, we = _e();
-    re === ot && (b = { ...ne, colStart: Math.max(we.left, b.colStart) }), re === it && (b = { ...ne, rowStart: Math.max(we.top, b.rowStart) }), re === Ke && (b = { ...ne, colEnd: Math.min(we.right, b.colEnd) }), re === lt && (b = { ...ne, rowEnd: Math.min(we.bottom, b.rowEnd) });
-    const De = $r(ne, b);
+    const re = b.rowStart < ne.rowStart ? it : b.rowEnd > ne.rowEnd ? lt : b.colEnd > ne.colEnd ? Ke : ot, ge = Se();
+    re === ot && (b = { ...ne, colStart: Math.max(ge.left, b.colStart) }), re === it && (b = { ...ne, rowStart: Math.max(ge.top, b.rowStart) }), re === Ke && (b = { ...ne, colEnd: Math.min(ge.right, b.colEnd) }), re === lt && (b = { ...ne, rowEnd: Math.min(ge.bottom, b.rowEnd) });
+    const Le = $r(ne, b);
     if (!H?.(ne)) {
       let de;
-      typeof et.current == "function" ? de = et.current(ne) : U && (de = U), b = ((ie, _t, B, Pe, Rt, Te) => {
-        const Me = { ..._t };
-        if (B.length === 0) return Me;
-        if (Rt === ot) {
-          const St = ie.colEnd + 1 - ie.colStart;
-          Me.colStart = ie.colStart - Math.ceil(Te / St) * St, Me.colStart < Pe.left && (Me.colStart = Me.colStart + Math.ceil((Pe.left - Me.colStart) / St) * St);
-        } else if (Rt === Ke) {
-          const St = ie.colEnd + 1 - ie.colStart;
-          Me.colEnd = ie.colEnd + Math.ceil(Te / St) * St, Me.colEnd > Pe.right && (Me.colEnd = Me.colEnd - Math.ceil((Pe.right - Me.colEnd) / St) * St);
-        } else if (Rt === it) {
-          const St = ie.rowEnd + 1 - ie.rowStart;
-          Me.rowStart = ie.rowStart - Math.ceil(Te / St) * St, Me.rowStart < Pe.top && (Me.rowStart = Me.rowStart + Math.ceil((Pe.top - Me.rowStart) / St) * St);
-        } else if (Rt === lt) {
-          const St = ie.rowEnd + 1 - ie.rowStart;
-          Me.rowEnd = ie.rowEnd + Math.ceil(Te / St) * St, Me.rowEnd > Pe.bottom && (Me.rowEnd = Me.rowEnd - Math.ceil((Pe.bottom - Me.rowEnd) / St) * St);
+      typeof et.current == "function" ? de = et.current(ne) : N && (de = N), b = ((ie, _t, F, ke, Pt, Re) => {
+        const Te = { ..._t };
+        if (F.length === 0) return Te;
+        if (Pt === ot) {
+          const bt = ie.colEnd + 1 - ie.colStart;
+          Te.colStart = ie.colStart - Math.ceil(Re / bt) * bt, Te.colStart < ke.left && (Te.colStart = Te.colStart + Math.ceil((ke.left - Te.colStart) / bt) * bt);
+        } else if (Pt === Ke) {
+          const bt = ie.colEnd + 1 - ie.colStart;
+          Te.colEnd = ie.colEnd + Math.ceil(Re / bt) * bt, Te.colEnd > ke.right && (Te.colEnd = Te.colEnd - Math.ceil((ke.right - Te.colEnd) / bt) * bt);
+        } else if (Pt === it) {
+          const bt = ie.rowEnd + 1 - ie.rowStart;
+          Te.rowStart = ie.rowStart - Math.ceil(Re / bt) * bt, Te.rowStart < ke.top && (Te.rowStart = Te.rowStart + Math.ceil((ke.top - Te.rowStart) / bt) * bt);
+        } else if (Pt === lt) {
+          const bt = ie.rowEnd + 1 - ie.rowStart;
+          Te.rowEnd = ie.rowEnd + Math.ceil(Re / bt) * bt, Te.rowEnd > ke.bottom && (Te.rowEnd = Te.rowEnd - Math.ceil((ke.bottom - Te.rowEnd) / bt) * bt);
         }
-        return Me;
-      })(ne, b, de, we, De.direction, De.amount);
+        return Te;
+      })(ne, b, de, ge, Le.direction, Le.amount);
     }
-    if (he && Z.isRangeWithinRange(b, ne) && (b = null), !Z.isEqualRanges(b, on.current)) {
-      if (dn(b), on.current = b, !b) {
+    if (he && G.isRangeWithinRange(b, ne) && (b = null), !G.isEqualRanges(b, nn.current)) {
+      if (dn(b), nn.current = b, !b) {
         try {
-          K?.();
+          E?.();
         } catch {
         }
-        return void pe?.();
+        return void Me?.();
       }
-      ge(!1);
+      pe(!1);
     }
-    kt.current = h, lo(p, y, e);
-  }, onPointerUp: (c, h) => {
-    kt.current = h, Promise.resolve(ge(!0)).finally(() => {
-      pe?.(), dn(null), on.current = null, xt.current = null, Jt(null), e.current?.focus();
+    Ot.current = u, lo(p, y, e);
+  }, onPointerUp: (c, u) => {
+    Ot.current = u, Promise.resolve(pe(!0)).finally(() => {
+      Me?.(), dn(null), nn.current = null, wt.current = null, on(null), e.current?.focus();
     });
-  } }), [A])), Wt = Ee(() => ({ onPointerDown: At }), [At]), [Ce, Ze] = Je(null), $e = J(null), ct = Ee(() => ({ onPointerDown: (c, h) => {
-    if (kt.current = h, !e || !e.current) return !1;
+  } }), [L])), Wt = _e(() => ({ onPointerDown: $t }), [$t]), [Ce, Ge] = Ze(null), Ae = Z(null), ct = _e(() => ({ onPointerDown: (c, u) => {
+    if (Ot.current = u, !e || !e.current) return !1;
     const w = e.current.getViewFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY), p = w?.getCellCoordsFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY);
     if (!p) return;
-    if (oe?.(c, p, z) === !1) return !1;
-    c.stopPropagation(), Jt("default");
-    const y = w.getRelativePointFromClient(0, 0), V = ke.current?.ranges[ke.current?.ranges.length - 1] ?? Z.cellToRange(ke.current?.cell), b = w.toClipBounds(w.getRangeCoordsBounds(V)), he = { x: 0, y: 0 };
-    b.x - y.x > c.nativeEvent.clientX ? he.x = c.nativeEvent.clientX - (b.x - y.x) : c.nativeEvent.clientX >= b.x - y.x + b.width && (he.x = Math.max(0, c.nativeEvent.clientX - (b.x - y.x + b.width)) + 1), b.y - y.y > c.nativeEvent.clientY ? he.y = c.nativeEvent.clientY - (b.y - y.y) : c.nativeEvent.clientY >= b.y - y.y + b.height && (he.y = Math.max(0, c.nativeEvent.clientY - (b.y - y.y + b.height)) + 1), X?.(V, c.nativeEvent, h), $e.current = { range: V, anchor: w.getAnchor(), cell: p, isMoving: !1, extrusion: he };
-  }, onPointerMoveOrWait: (c, h, w) => {
-    if (W || !e?.current || !ke.current || !$e.current) return;
+    if (oe?.(c, p, M) === !1) return !1;
+    c.stopPropagation(), on("default");
+    const y = w.getRelativePointFromClient(0, 0), W = ye.current?.ranges[ye.current?.ranges.length - 1] ?? G.cellToRange(ye.current?.cell), b = w.toClipBounds(w.getRangeCoordsBounds(W)), he = { x: 0, y: 0 };
+    b.x - y.x > c.nativeEvent.clientX ? he.x = c.nativeEvent.clientX - (b.x - y.x) : c.nativeEvent.clientX >= b.x - y.x + b.width && (he.x = Math.max(0, c.nativeEvent.clientX - (b.x - y.x + b.width)) + 1), b.y - y.y > c.nativeEvent.clientY ? he.y = c.nativeEvent.clientY - (b.y - y.y) : c.nativeEvent.clientY >= b.y - y.y + b.height && (he.y = Math.max(0, c.nativeEvent.clientY - (b.y - y.y + b.height)) + 1), X?.(W, c.nativeEvent, u), Ae.current = { range: W, anchor: w.getAnchor(), cell: p, isMoving: !1, extrusion: he };
+  }, onPointerMoveOrWait: (c, u, w) => {
+    if (K || !e?.current || !ye.current || !Ae.current) return;
     const p = c.clientX - w.clientX, y = c.clientY - w.clientY;
-    if ($e.current.isMoving = $e.current.isMoving || Math.abs(p) > Math.max(1, 2) || Math.abs(y) > Math.max(1, 2) || performance.now() - w.timeStamp > 500, !$e.current.isMoving) return;
-    const V = $e.current.anchor, b = $e.current.extrusion;
-    let he = e.current.getViewFromLocation(V), ne = he.getCellCoordsFromClient(c.clientX - b.x, c.clientY - b.y, !0);
+    if (Ae.current.isMoving = Ae.current.isMoving || Math.abs(p) > Math.max(1, 2) || Math.abs(y) > Math.max(1, 2) || performance.now() - w.timeStamp > 500, !Ae.current.isMoving) return;
+    const W = Ae.current.anchor, b = Ae.current.extrusion;
+    let he = e.current.getViewFromLocation(W), ne = he.getCellCoordsFromClient(c.clientX - b.x, c.clientY - b.y, !0);
     if (!ne) return;
-    const re = $e.current.cell, we = $e.current.range, De = _e(), de = we.colEnd - we.colStart + 1, ie = Math.min(Math.max(0, re.colIndex - we.colStart), de - 1), _t = Math.min(De.right - de + 1, Math.max(De.left, ne.colIndex - ie)), B = we.rowEnd - we.rowStart + 1, Pe = Math.min(Math.max(0, re.rowIndex - we.rowStart), B - 1), Rt = Math.min(De.bottom - B + 1, Math.max(De.top, ne.rowIndex - Pe)), Te = { colStart: _t, colEnd: _t + de - 1, rowStart: Rt, rowEnd: Rt + B - 1 };
-    Z.isEqualRanges(Ce, Te) && !((Me) => !Me || !kt.current || kt.current.ctrlKey !== Me.ctrlKey || kt.current.shiftKey !== Me.shiftKey || kt.current.altKey !== Me.altKey || kt.current.metaKey !== Me.metaKey)(c) || (Ze(Te), k?.(Te, c, h)), kt.current = h, lo(he, ne, e);
-  }, onPointerUp: (c, h) => {
-    kt.current = h;
+    const re = Ae.current.cell, ge = Ae.current.range, Le = Se(), de = ge.colEnd - ge.colStart + 1, ie = Math.min(Math.max(0, re.colIndex - ge.colStart), de - 1), _t = Math.min(Le.right - de + 1, Math.max(Le.left, ne.colIndex - ie)), F = ge.rowEnd - ge.rowStart + 1, ke = Math.min(Math.max(0, re.rowIndex - ge.rowStart), F - 1), Pt = Math.min(Le.bottom - F + 1, Math.max(Le.top, ne.rowIndex - ke)), Re = { colStart: _t, colEnd: _t + de - 1, rowStart: Pt, rowEnd: Pt + F - 1 };
+    G.isEqualRanges(Ce, Re) && !((Te) => !Te || !Ot.current || Ot.current.ctrlKey !== Te.ctrlKey || Ot.current.shiftKey !== Te.shiftKey || Ot.current.altKey !== Te.altKey || Ot.current.metaKey !== Te.metaKey)(c) || (Ge(Re), T?.(Re, c, u)), Ot.current = u, lo(he, ne, e);
+  }, onPointerUp: (c, u) => {
+    Ot.current = u;
     const w = () => {
-      Ze(null), $e.current = null, Jt(null), e.current?.focus();
+      Ge(null), Ae.current = null, on(null), e.current?.focus();
     };
-    if (!$e.current) return void w();
-    const p = $e.current.range, y = Ce;
-    u?.(p, c, h), Promise.resolve(p && y && C?.(p, y, c, h)).finally(() => {
+    if (!Ae.current) return void w();
+    const p = Ae.current.range, y = Ce;
+    S?.(p, c, u), Promise.resolve(p && y && h?.(p, y, c, u)).finally(() => {
       w();
     });
-  } }), [Ce]), Oe = On(ct), Et = Ee(() => ({ onPointerDown: Oe }), [Oe]), bt = J(null), $t = Ee(() => {
-    const c = Z.isEqualSelectionCoords(z, bt.current) ? bt.current : z;
-    return bt.current = c, c;
-  }, [z]), Kt = O((c) => {
-    let h = null, w = "br";
-    const p = [], y = { stroke: I, fill: xe, strokeWidth: 0.5 }, V = (de, ie, _t) => {
-      const B = c.toClipBounds(c.getRangeCoordsBounds(de), tn);
-      if (!B) return;
-      B.x = B.width > 0 ? B.x : B.x - y.strokeWidth / 2, B.y = B.height > 0 ? B.y : B.y - y.strokeWidth / 2, B.width = Math.max(B.width, y.strokeWidth), B.height = Math.max(B.height, y.strokeWidth);
-      const Pe = { key: `selection-fill-${ie}`, range: de, ...B, ...y };
+  } }), [Ce]), Pe = On(ct), Et = _e(() => ({ onPointerDown: Pe }), [Pe]), yt = Z(null), Bt = _e(() => {
+    const c = G.isEqualSelectionCoords(M, yt.current) ? yt.current : M;
+    return yt.current = c, c;
+  }, [M]), qt = D((c) => {
+    let u = null, w = "br";
+    const p = [], y = { stroke: I, fill: te, strokeWidth: 0.5 }, W = (de, ie, _t) => {
+      const F = c.toClipBounds(c.getRangeCoordsBounds(de), en);
+      if (!F) return;
+      F.x = F.width > 0 ? F.x : F.x - y.strokeWidth / 2, F.y = F.height > 0 ? F.y : F.y - y.strokeWidth / 2, F.width = Math.max(F.width, y.strokeWidth), F.height = Math.max(F.height, y.strokeWidth);
+      const ke = { key: `selection-fill-${ie}`, range: de, ...F, ...y };
       if (_t) {
-        const Rt = c.getCellCoordsAsRangeCoords(_t);
-        Pe.cell = _t, Pe.pathBounds = c.toClipBounds(c.getRangeCoordsBounds(Rt), tn), Pe.pathBounds && (Pe.pathBounds.width <= 0 || Pe.pathBounds.height <= 0) && (delete Pe.pathBounds, delete Pe.cell);
+        const Pt = c.getCellCoordsAsRangeCoords(_t);
+        ke.cell = _t, ke.pathBounds = c.toClipBounds(c.getRangeCoordsBounds(Pt), en), ke.pathBounds && (ke.pathBounds.width <= 0 || ke.pathBounds.height <= 0) && (delete ke.pathBounds, delete ke.cell);
       }
-      return Re(Pe);
+      return me(ke);
     };
-    let b = z ? Yt(z) : null;
+    let b = M ? Yt(M) : null;
     const he = b?.cell ? c.getCellCoordsAsRangeCoords(b?.cell) : Ql;
     !b || b.ranges && b.ranges.length !== 0 || (b = { ranges: [he], rangeIndex: 0, cell: b.cell });
     for (let de = 0; b && de < b.ranges.length; de++) {
-      const ie = b.ranges[de], _t = V(ie, de, de === b.rangeIndex ? b.cell : null);
+      const ie = b.ranges[de], _t = W(ie, de, de === b.rangeIndex ? b.cell : null);
       _t && p.push(_t);
-      const B = 2, Pe = 0.5, Rt = c.toClipBounds(c.getRangeCoordsBounds(ie, { top: 0, left: 0, right: 0, bottom: 0 }), tn);
-      if (Rt) {
-        const Te = (b.ranges.length, 4);
-        p.push(Re({ range: ie, key: `selection-inside-edge-${de}`, x: Rt.x - 1, y: Rt.y - 1, width: Math.max(Rt.width + 1, 0), height: Math.max(Rt.height + 1, 0), style: { overflow: "hidden" }, stroke: I, strokeWidth: Te }));
+      const F = 2, ke = 0.5, Pt = c.toClipBounds(c.getRangeCoordsBounds(ie, { top: 0, left: 0, right: 0, bottom: 0 }), en);
+      if (Pt) {
+        const Re = (b.ranges.length, 4);
+        p.push(me({ range: ie, key: `selection-inside-edge-${de}`, x: Pt.x - 1, y: Pt.y - 1, width: Math.max(Pt.width + 1, 0), height: Math.max(Pt.height + 1, 0), style: { overflow: "hidden" }, stroke: I, strokeWidth: Re }));
       }
       if (b.ranges.length === 1) {
-        const Te = c.toClipBounds(c.getRangeCoordsBounds(ie), tn);
-        if (Te) {
-          W || p.push(Re({ range: ie, key: `move-selection-hit-box-${de}`, x: Te.width > 1 ? Te.x : Te.x - (q / 2 + 1), y: Te.height > 1 ? Te.y : Te.y - (q / 2 + 1), width: Math.max(Te.width + 2, 1), height: Math.max(Te.height + 2, 1), stroke: "transparent", style: { boxShadow: "none" }, pathProps: { cursor: Ce ? void 0 : "move", pointerEvents: "stroke" }, strokeWidth: q, ...Et }));
-          const Me = B;
-          p.push(Re({ range: ie, key: `selection-single-${de}`, x: Te.x - Me / 2, y: Te.y - Me / 2, width: Math.max(Te.width + Me / 2, 1), height: Math.max(Te.height + Me / 2, 1), stroke: G, strokeWidth: Me }));
+        const Re = c.toClipBounds(c.getRangeCoordsBounds(ie), en);
+        if (Re) {
+          K || p.push(me({ range: ie, key: `move-selection-hit-box-${de}`, x: Re.width > 1 ? Re.x : Re.x - (U / 2 + 1), y: Re.height > 1 ? Re.y : Re.y - (U / 2 + 1), width: Math.max(Re.width + 2, 1), height: Math.max(Re.height + 2, 1), stroke: "transparent", style: { boxShadow: "none" }, pathProps: { cursor: Ce ? void 0 : "move", pointerEvents: "stroke" }, strokeWidth: U, ...Et }));
+          const Te = F;
+          p.push(me({ range: ie, key: `selection-single-${de}`, x: Re.x - Te / 2, y: Re.y - Te / 2, width: Math.max(Re.width + Te / 2, 1), height: Math.max(Re.height + Te / 2, 1), stroke: Y, strokeWidth: Te }));
         }
       } else {
-        const Te = c.toClipBounds(c.getRangeCoordsBounds(ie, { top: -1, left: -1, right: -2, bottom: -2 }), tn);
-        Te && p.push(Re({ range: ie, key: `selection-multi-${de}`, x: Te.width > 1 ? Te.x : Te.x - Pe / 2, y: Te.height > 1 ? Te.y : Te.y - Pe / 2, width: Math.max(Te.width, Pe) + 1, height: Math.max(Te.height, Pe) + 1, stroke: G, style: { overflow: "hidden" }, strokeWidth: 2 }));
+        const Re = c.toClipBounds(c.getRangeCoordsBounds(ie, { top: -1, left: -1, right: -2, bottom: -2 }), en);
+        Re && p.push(me({ range: ie, key: `selection-multi-${de}`, x: Re.width > 1 ? Re.x : Re.x - ke / 2, y: Re.height > 1 ? Re.y : Re.y - ke / 2, width: Math.max(Re.width, ke) + 1, height: Math.max(Re.height, ke) + 1, stroke: Y, style: { overflow: "hidden" }, strokeWidth: 2 }));
       }
       if (b.ranges.length > 1 && de === b.rangeIndex) {
-        const Te = c.getCellCoordsAsRangeCoords(b.cell), Me = c.toClipBounds(c.getRangeCoordsBounds(Te, { top: 1, left: 1, right: -1, bottom: -1 }), tn);
-        Me && p.push(Re({ range: ie, key: `selection-anchor-${de}`, x: Me.x, y: Me.y, width: Math.max(Me.width, Pe), height: Math.max(Me.height, Pe), stroke: G, style: { overflow: "hidden" }, strokeWidth: 2 }));
+        const Re = c.getCellCoordsAsRangeCoords(b.cell), Te = c.toClipBounds(c.getRangeCoordsBounds(Re, { top: 1, left: 1, right: -1, bottom: -1 }), en);
+        Te && p.push(me({ range: ie, key: `selection-anchor-${de}`, x: Te.x, y: Te.y, width: Math.max(Te.width, ke), height: Math.max(Te.height, ke), stroke: Y, style: { overflow: "hidden" }, strokeWidth: 2 }));
       }
       if (de === b.ranges.length - 1) {
-        h = null, w = null;
-        const Te = ie.rowStart === _e().top && ie.rowEnd === _e().bottom, Me = ie.colStart === _e().left && ie.colEnd === _e().right, St = c.getRangeCoordsBounds(ie);
-        let en = null;
-        if (Te || Me) {
-          if (en = c.toClipBounds(St, tn), Object.keys(c.allViews()).length > 1) {
+        u = null, w = null;
+        const Re = ie.rowStart === Se().top && ie.rowEnd === Se().bottom, Te = ie.colStart === Se().left && ie.colEnd === Se().right, bt = c.getRangeCoordsBounds(ie);
+        let Qt = null;
+        if (Re || Te) {
+          if (Qt = c.toClipBounds(bt, en), Object.keys(c.allViews()).length > 1) {
             const eo = c.getVisibleRangeCoords(), nr = c.allViews()[uo], ki = c.allViews()[Hn], Pi = c.allViews()[Nn], to = c.getAnchor();
-            (Me && (to === Hn && nr || to === Xt && Pi || !Z.isCellWithinRange({ colIndex: ie.colStart, rowIndex: ie.rowEnd }, eo) && !Z.isCellWithinRange({ colIndex: ie.colStart, rowIndex: ie.rowEnd + 1 }, eo)) || Te && (to === Nn && nr || to === Xt && ki || !Z.isCellWithinRange({ colIndex: ie.colEnd, rowIndex: ie.rowStart }, eo) && !Z.isCellWithinRange({ colIndex: ie.colEnd + 1, rowIndex: ie.rowStart }, eo))) && (en = null);
+            (Te && (to === Hn && nr || to === Xt && Pi || !G.isCellWithinRange({ colIndex: ie.colStart, rowIndex: ie.rowEnd }, eo) && !G.isCellWithinRange({ colIndex: ie.colStart, rowIndex: ie.rowEnd + 1 }, eo)) || Re && (to === Nn && nr || to === Xt && ki || !G.isCellWithinRange({ colIndex: ie.colEnd, rowIndex: ie.rowStart }, eo) && !G.isCellWithinRange({ colIndex: ie.colEnd + 1, rowIndex: ie.rowStart }, eo))) && (Qt = null);
           }
-        } else en = c.toClipBounds(St, tn);
-        if (!en || en.width === 0 || en.height === 0) continue;
-        h = { x: en.x + en.width + 1, y: en.y + en.height + 1 }, en.width === 0 || en.height === 0 || ie.rowStart === _e().top && ie.colStart === _e().left && ie.rowEnd === _e().bottom && ie.colEnd === _e().right || (Te ? (h.y = B, w = "tr") : Me && (h.x = B, w = "bl"));
+        } else Qt = c.toClipBounds(bt, en);
+        if (!Qt || Qt.width === 0 || Qt.height === 0) continue;
+        u = { x: Qt.x + Qt.width + 1, y: Qt.y + Qt.height + 1 }, Qt.width === 0 || Qt.height === 0 || ie.rowStart === Se().top && ie.colStart === Se().left && ie.rowEnd === Se().bottom && ie.colEnd === Se().right || (Re ? (u.y = F, w = "tr") : Te && (u.x = F, w = "bl"));
       }
     }
     let ne = null;
-    if (ze) {
-      const de = c.toClipBounds(c.getRangeCoordsBounds(ze, { top: 0, left: 0, right: 0, bottom: 0 }), tn);
-      de && (ne = Re({ ...y, range: ze, key: "remove-selection", x: de.x, y: de.y, width: de.width, height: de.height, strokeWidth: 2, stroke: He, fill: Ue }));
+    if (De) {
+      const de = c.toClipBounds(c.getRangeCoordsBounds(De, { top: 0, left: 0, right: 0, bottom: 0 }), en);
+      de && (ne = me({ ...y, range: De, key: "remove-selection", x: de.x, y: de.y, width: de.width, height: de.height, strokeWidth: 2, stroke: He, fill: je }));
     }
     let re = null;
-    if (jt) {
-      const de = c.toClipBounds(c.getRangeCoordsBounds(jt, { top: 0, left: 0, right: 0, bottom: 0 }), tn);
-      de && (re = Re({ range: jt, key: "selection-fill-outline", x: de.x - 2 / 2, y: de.y - 2 / 2, width: de.width + 2 / 2, height: de.height + 2 / 2, strokeWidth: 2, stroke: G, strokeDasharray: "3 2" }));
+    if (Mt) {
+      const de = c.toClipBounds(c.getRangeCoordsBounds(Mt, { top: 0, left: 0, right: 0, bottom: 0 }), en);
+      de && (re = me({ range: Mt, key: "selection-fill-outline", x: de.x - 2 / 2, y: de.y - 2 / 2, width: de.width + 2 / 2, height: de.height + 2 / 2, strokeWidth: 2, stroke: Y, strokeDasharray: "3 2" }));
     }
-    let we = null;
-    !E && h && !Ce && (we = Jo(Si, { ...h, corner: w, size: 7.5, borderStroke: `${I} solid`, style: { borderRadius: 1 }, background: G, ...Wt, key: "fillHandle" }));
-    const De = [...p];
-    if (ne && De.push(ne), re && De.push(re), we && De.push(we), !We && Mt && b?.ranges.length === 1 && b.ranges[b.ranges.length - 1]) {
-      const de = b.ranges[b.ranges.length - 1], ie = de.rowStart === _e().top && de.rowEnd === _e().bottom, _t = de.colStart === _e().left && de.colEnd === _e().right, B = { view: c, range: de, borderStroke: `${G} solid`, background: I, selectionTouchPointerHandler: xo, ...ht, onTouchSelectStart: (Pe) => un(Pe), onTouchSelectEnd: () => un(null), currentTouchAnchor: Cn };
-      De.push(Y(Go, { anchor: _t ? "b" : ie ? "r" : "br", scrollableElement: e.current, ...B }, "touch-select-handle-after")), De.push(Y(Go, { anchor: _t ? "t" : ie ? "l" : "tl", scrollableElement: e.current, ...B }, "touch-select-handle-before"));
+    let ge = null;
+    !_ && u && !Ce && (ge = Jo(Si, { ...u, corner: w, size: 7.5, borderStroke: `${I} solid`, style: { borderRadius: 1 }, background: Y, ...Wt, key: "fillHandle" }));
+    const Le = [...p];
+    if (ne && Le.push(ne), re && Le.push(re), ge && Le.push(ge), !Ne && Tt && b?.ranges.length === 1 && b.ranges[b.ranges.length - 1]) {
+      const de = b.ranges[b.ranges.length - 1], ie = de.rowStart === Se().top && de.rowEnd === Se().bottom, _t = de.colStart === Se().left && de.colEnd === Se().right, F = { view: c, range: de, borderStroke: `${Y} solid`, background: I, selectionTouchPointerHandler: xo, ...at, onTouchSelectStart: (ke) => un(ke), onTouchSelectEnd: () => un(null), currentTouchAnchor: Cn };
+      Le.push(q(Go, { anchor: _t ? "b" : ie ? "r" : "br", scrollableElement: e.current, ...F }, "touch-select-handle-after")), Le.push(q(Go, { anchor: _t ? "t" : ie ? "l" : "tl", scrollableElement: e.current, ...F }, "touch-select-handle-before"));
     }
     if (Ce) {
-      const de = c.toClipBounds(c.getRangeCoordsBounds(Ce, { top: 1, left: 1, right: 1, bottom: 1 }), tn);
-      de && De.push(Re({ range: Ce, key: "selection-move-outline", x: de.x - N / 2, y: de.y - N / 2, width: Math.max(de.width + N / 2, 1), height: Math.max(de.height + N / 2, 1), stroke: G, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: N }));
+      const de = c.toClipBounds(c.getRangeCoordsBounds(Ce, { top: 1, left: 1, right: 1, bottom: 1 }), en);
+      de && Le.push(me({ range: Ce, key: "selection-move-outline", x: de.x - ee / 2, y: de.y - ee / 2, width: Math.max(de.width + ee / 2, 1), height: Math.max(de.height + ee / 2, 1), stroke: Y, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: ee }));
     }
-    return Y("div", { children: De }, "selection");
-  }, [$t, ze, E, jt, W, Ce, _e, I, G, xe, He, Ue, We, ht, Cn]), Ot = Ee(() => {
+    return q("div", { children: Le }, "selection");
+  }, [Bt, De, _, Mt, K, Ce, Se, I, Y, te, He, je, Ne, at, Cn]), Dt = _e(() => {
     const c = () => e.current;
-    return [new Se("moveToPageDown", c, { label: "Page Down", description: "Shift viewport down one page.", shortcut: [{ key: "PageDown" }] }, () => Xn(!1)), new Se("selectToPageDown", c, { label: "Select To Page Down", description: "Shift viewport and select down one page.", shortcut: [{ key: "PageDown", modifiers: [It] }] }, () => Xn(!0)), new Se("moveToPageRight", c, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [yn] }] }, () => Gn(!1)), new Se("selectToPageRight", c, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [yn, It] }] }, () => Gn(!0)), new Se("moveToPageUp", c, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp" }] }, () => Qt(!1)), new Se("selectToPageUp", c, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp", modifiers: [It] }] }, () => Qt(!0)), new Se("moveToPageLeft", c, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [yn] }] }, () => $n(!1)), new Se("selectToPageLeft", c, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [yn, It] }] }, () => $n(!0)), new Se("selectColumn", c, { label: "Select Column", description: "Select the columns for the selected cells.", shortcut: { key: "Space", modifiers: [Lt] } }, vo), new Se("selectRow", c, { label: "Select Row", description: "Select the rows for the selected cells.", shortcut: { key: "Space", modifiers: [It] } }, yo), new Se("selectToColumnStart", c, { label: "Select To Column Start", description: "Select the columns to the beginning of the sheet." }, () => Kn(!0)), new Se("selectToColumnEnd", c, { label: "Select To Column End", description: "Select the columns to the end of the sheet." }, () => Yn(!0)), new Se("moveToRowStart", c, { label: "Move to Row Home", description: "Move to the beginning of the row.", shortcut: [{ key: "Home" }] }, () => Dn(!1)), new Se("selectToRowStart", c, { label: "Select to Row Home", description: "Select to the beginning of the row.", shortcut: [{ key: "Home", modifiers: [It] }] }, () => Dn(!0)), new Se("moveToSheetStart", c, { label: "Move to Sheet Home", description: "Move to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [Lt] }] }, () => Mn(!1)), new Se("selectToSheetStart", c, { label: "Select to Sheet Home", description: "Select to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [Lt, It] }] }, () => Mn(!0)), new Se("moveToRowEnd", c, { label: "Move to Row End", description: "Move to the end of the row.", shortcut: [{ key: "End" }] }, () => zn(!1)), new Se("selectToRowEnd", c, { label: "Select to Row End", description: "Select to the end of the row.", shortcut: [{ key: "End", modifiers: [It] }] }, () => zn(!0)), new Se("moveToSheetEnd", c, { label: "Move to Sheet End", description: "Move to the end of the sheet.", shortcut: [{ key: "End", modifiers: [Lt] }] }, () => vn(!1)), new Se("selectToSheetEnd", c, { label: "Select to Sheet End", description: "Select to the end of the sheet.", shortcut: [{ key: "End", modifiers: [Lt, It] }] }, () => vn(!0)), new Se("scrollToActiveCoords", c, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell.", shortcut: { key: "Backspace", modifiers: [Lt] } }, xn), new Se("scrollToActiveCoordsClearSelection", c, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell and clear selection.", shortcut: { key: "Backspace", modifiers: [It] } }, () => {
-      rn(), yt(z.cell, !0);
-    }), new Se("traverseSelectionRight", c, { label: "Traverse Right", description: "Traverse the selection moving rightward.", shortcut: { key: "Tab" } }, Jn), new Se("traverseSelectionLeft", c, { label: "Traverse Left", description: "Traverse the selection moving leftward.", shortcut: { key: "Tab", modifiers: [It] } }, Zn), new Se("traverseSelectionDown", c, { label: "Traverse Down", description: "Traverse the selection moving downward.", shortcut: [{ key: "Enter" }, { key: "NumpadEnter" }] }, _o), new Se("traverseSelectionUp", c, { label: "Traverse Up", description: "Traverse the selection moving upward.", shortcut: [{ key: "Enter", modifiers: [It] }, { key: "NumpadEnter", modifiers: [It] }] }, Eo), new Se("moveLeft", c, { label: "Move Left", description: "Move active cell to the left.", shortcut: [{ key: "ArrowLeft" }] }, Qn), new Se("selectLeft", c, { label: "Select Left", description: "Extend selection left.", shortcut: [{ key: "ArrowLeft", modifiers: [It] }] }, v), new Se("moveContentfulLeft", c, { label: "Move Left Contentful", description: "Move left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [Lt] }] }, P), new Se("selectContentfulLeft", c, { label: "Select Left Contentful", description: "Extend selection left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [Lt, It] }] }, D), new Se("moveRight", c, { label: "Move Right", description: "Move active cell to the right.", shortcut: [{ key: "ArrowRight" }] }, F), new Se("selectRight", c, { label: "Select Right", description: "Extend selection right.", shortcut: [{ key: "ArrowRight", modifiers: [It] }] }, j), new Se("moveContentfulRight", c, { label: "Move Right Contentful", description: "Move right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [Lt] }] }, fe), new Se("selectContentfulRight", c, { label: "Select Right Contentful", description: "Extend selection right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [Lt, It] }] }, se), new Se("moveUp", c, { label: "Move Up", description: "Move active cell to the up.", shortcut: [{ key: "ArrowUp" }] }, ve), new Se("selectUp", c, { label: "Select Up", description: "Extend selection up.", shortcut: [{ key: "ArrowUp", modifiers: [It] }] }, ye), new Se("moveContentfulUp", c, { label: "Move Up Contentful", description: "Move up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [Lt] }] }, ce), new Se("selectContentfulUp", c, { label: "Select Up Contentful", description: "Extend selection up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [Lt, It] }] }, Ve), new Se("moveDown", c, { label: "Move Down", description: "Move active cell to the down.", shortcut: [{ key: "ArrowDown" }] }, ut), new Se("selectDown", c, { label: "Select Down", description: "Extend selection down.", shortcut: [{ key: "ArrowDown", modifiers: [It] }] }, Fe), new Se("moveContentfulDown", c, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [Lt] }] }, je), new Se("selectContentfulDown", c, { label: "Select Down Contentful", description: "Extend selection down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [Lt, It] }] }, mt), new Se("selectVisible", c, { label: "Select Visible", description: "Select visible cells only.", shortcut: { key: ";", modifiers: [yn] } }, bo), new Se("traverseSelectionPreviousRange", c, { label: "Traverse Previous Range", description: "Traverse the selection to the previous range.", shortcut: { key: "ArrowLeft", modifiers: [Lt, yn] } }, Bn), new Se("traverseSelectionNextRange", c, { label: "Traverse Next Range", description: "Traverse the selection to the next range.", shortcut: { key: "ArrowRight", modifiers: [Lt, yn] } }, Io), new Se("traverseSelectionCorners", c, { label: "Traverse Corners", description: "Traverse the selection through the corners of the selected range.", shortcut: { key: ".", modifiers: [Lt] } }, Co)];
+    return [new Ee("moveToPageDown", c, { label: "Page Down", description: "Shift viewport down one page.", shortcut: [{ key: "PageDown" }] }, () => Xn(!1)), new Ee("selectToPageDown", c, { label: "Select To Page Down", description: "Shift viewport and select down one page.", shortcut: [{ key: "PageDown", modifiers: [It] }] }, () => Xn(!0)), new Ee("moveToPageRight", c, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [yn] }] }, () => Gn(!1)), new Ee("selectToPageRight", c, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [yn, It] }] }, () => Gn(!0)), new Ee("moveToPageUp", c, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp" }] }, () => Jt(!1)), new Ee("selectToPageUp", c, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp", modifiers: [It] }] }, () => Jt(!0)), new Ee("moveToPageLeft", c, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [yn] }] }, () => $n(!1)), new Ee("selectToPageLeft", c, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [yn, It] }] }, () => $n(!0)), new Ee("selectColumn", c, { label: "Select Column", description: "Select the columns for the selected cells.", shortcut: { key: "Space", modifiers: [zt] } }, vo), new Ee("selectRow", c, { label: "Select Row", description: "Select the rows for the selected cells.", shortcut: { key: "Space", modifiers: [It] } }, yo), new Ee("selectToColumnStart", c, { label: "Select To Column Start", description: "Select the columns to the beginning of the sheet." }, () => qn(!0)), new Ee("selectToColumnEnd", c, { label: "Select To Column End", description: "Select the columns to the end of the sheet." }, () => Yn(!0)), new Ee("moveToRowStart", c, { label: "Move to Row Home", description: "Move to the beginning of the row.", shortcut: [{ key: "Home" }] }, () => Dn(!1)), new Ee("selectToRowStart", c, { label: "Select to Row Home", description: "Select to the beginning of the row.", shortcut: [{ key: "Home", modifiers: [It] }] }, () => Dn(!0)), new Ee("moveToSheetStart", c, { label: "Move to Sheet Home", description: "Move to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [zt] }] }, () => Mn(!1)), new Ee("selectToSheetStart", c, { label: "Select to Sheet Home", description: "Select to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [zt, It] }] }, () => Mn(!0)), new Ee("moveToRowEnd", c, { label: "Move to Row End", description: "Move to the end of the row.", shortcut: [{ key: "End" }] }, () => zn(!1)), new Ee("selectToRowEnd", c, { label: "Select to Row End", description: "Select to the end of the row.", shortcut: [{ key: "End", modifiers: [It] }] }, () => zn(!0)), new Ee("moveToSheetEnd", c, { label: "Move to Sheet End", description: "Move to the end of the sheet.", shortcut: [{ key: "End", modifiers: [zt] }] }, () => vn(!1)), new Ee("selectToSheetEnd", c, { label: "Select to Sheet End", description: "Select to the end of the sheet.", shortcut: [{ key: "End", modifiers: [zt, It] }] }, () => vn(!0)), new Ee("scrollToActiveCoords", c, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell.", shortcut: { key: "Backspace", modifiers: [zt] } }, xn), new Ee("scrollToActiveCoordsClearSelection", c, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell and clear selection.", shortcut: { key: "Backspace", modifiers: [It] } }, () => {
+      rn(), vt(M.cell, !0);
+    }), new Ee("traverseSelectionRight", c, { label: "Traverse Right", description: "Traverse the selection moving rightward.", shortcut: { key: "Tab" } }, Jn), new Ee("traverseSelectionLeft", c, { label: "Traverse Left", description: "Traverse the selection moving leftward.", shortcut: { key: "Tab", modifiers: [It] } }, Zn), new Ee("traverseSelectionDown", c, { label: "Traverse Down", description: "Traverse the selection moving downward.", shortcut: [{ key: "Enter" }, { key: "NumpadEnter" }] }, _o), new Ee("traverseSelectionUp", c, { label: "Traverse Up", description: "Traverse the selection moving upward.", shortcut: [{ key: "Enter", modifiers: [It] }, { key: "NumpadEnter", modifiers: [It] }] }, Eo), new Ee("moveLeft", c, { label: "Move Left", description: "Move active cell to the left.", shortcut: [{ key: "ArrowLeft" }] }, Qn), new Ee("selectLeft", c, { label: "Select Left", description: "Extend selection left.", shortcut: [{ key: "ArrowLeft", modifiers: [It] }] }, v), new Ee("moveContentfulLeft", c, { label: "Move Left Contentful", description: "Move left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [zt] }] }, O), new Ee("selectContentfulLeft", c, { label: "Select Left Contentful", description: "Extend selection left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [zt, It] }] }, A), new Ee("moveRight", c, { label: "Move Right", description: "Move active cell to the right.", shortcut: [{ key: "ArrowRight" }] }, j), new Ee("selectRight", c, { label: "Select Right", description: "Extend selection right.", shortcut: [{ key: "ArrowRight", modifiers: [It] }] }, V), new Ee("moveContentfulRight", c, { label: "Move Right Contentful", description: "Move right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [zt] }] }, fe), new Ee("selectContentfulRight", c, { label: "Select Right Contentful", description: "Extend selection right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [zt, It] }] }, se), new Ee("moveUp", c, { label: "Move Up", description: "Move active cell to the up.", shortcut: [{ key: "ArrowUp" }] }, xe), new Ee("selectUp", c, { label: "Select Up", description: "Extend selection up.", shortcut: [{ key: "ArrowUp", modifiers: [It] }] }, be), new Ee("moveContentfulUp", c, { label: "Move Up Contentful", description: "Move up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [zt] }] }, ce), new Ee("selectContentfulUp", c, { label: "Select Up Contentful", description: "Extend selection up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [zt, It] }] }, Fe), new Ee("moveDown", c, { label: "Move Down", description: "Move active cell to the down.", shortcut: [{ key: "ArrowDown" }] }, ft), new Ee("selectDown", c, { label: "Select Down", description: "Extend selection down.", shortcut: [{ key: "ArrowDown", modifiers: [It] }] }, $e), new Ee("moveContentfulDown", c, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [zt] }] }, Be), new Ee("selectContentfulDown", c, { label: "Select Down Contentful", description: "Extend selection down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [zt, It] }] }, gt), new Ee("selectVisible", c, { label: "Select Visible", description: "Select visible cells only.", shortcut: { key: ";", modifiers: [yn] } }, bo), new Ee("traverseSelectionPreviousRange", c, { label: "Traverse Previous Range", description: "Traverse the selection to the previous range.", shortcut: { key: "ArrowLeft", modifiers: [zt, yn] } }, Bn), new Ee("traverseSelectionNextRange", c, { label: "Traverse Next Range", description: "Traverse the selection to the next range.", shortcut: { key: "ArrowRight", modifiers: [zt, yn] } }, Io), new Ee("traverseSelectionCorners", c, { label: "Traverse Corners", description: "Traverse the selection through the corners of the selected range.", shortcut: { key: ".", modifiers: [zt] } }, Co)];
   }, []);
-  return Ee(() => {
-    t?.addCommands(Ot, !0);
-  }, [t]), { selection: $t, setSelectionCell: yt, setSelectionRanges: Xe, overlay: Kt, cursor: an, onPointerDown: mo, clearLastSelection: Ge, newSelection: tt, modifySelection: rt, appendSelection: Ae, clearSelections: rn, isEntire: Pt, navigate: ft, navigateSelection: ln };
+  return _e(() => {
+    t?.addCommands(Dt, !0);
+  }, [t]), { selection: Bt, setSelectionCell: vt, setSelectionRanges: mt, overlay: qt, cursor: cn, onPointerDown: mo, clearLastSelection: Xe, newSelection: tt, modifySelection: rt, appendSelection: ze, clearSelections: rn, isEntire: Lt, navigate: pt, navigateSelection: ln };
 };
 function ao(e, t) {
   if (!e) throw new Error("Invariant failed");
 }
-const Wr = { "sheetxl-grid": "_sheetxl-grid_11irg_13" }, ts = Object.freeze({ top: 0, left: 0 }), ns = Object.freeze({ bottom: -4, right: -4 }), os = Object.freeze({ horizontal: !0, vertical: !0 }), Hr = [uo, Hn, Nn, Xt], xs = 150, sn = 3e3, Fo = {}, Ci = Dt(Ut((e, t) => {
-  const { width: n, height: o, rowCount: r = 1, columnCount: i = 1, defaultRowHeight: l, defaultColumnWidth: s, getRowHeight: a, getColumnWidth: d, layout: g, onViewportScroll: m, onImmediateScroll: f, showGridLines: x = !0, gridLineColor: E = "rgb(224, 224, 224)", gridLineRowsProps: I, gridLineColumnsProps: M, clipCells: ae = !0, cursor: R, freezeLeft: _ = 0, freezeTop: L = 0, freezeLeftProps: le, freezeTopProps: $, cellRenderer: oe, onViewportChange: be, onFirstRender: U, overlayRenderer: H, overlayProps: X, overlays: k, overlaysProps: u, allowOverlaysOverflow: C = !1, stageProps: ee, stageWrapper: W = null, hiddenRowsAt: A, hiddenColumnsAt: q, hiddenCellAt: N, getVisibleCells: xe, zoom: G = 1, enableMouseWheel: He = !0, onWheelScroll: Ue, getCellCoordsAsRangeCoords: We = Z.cellToRange, scrollPoint: ht = ts, style: _e = {}, ...S } = e;
+const Wr = { "sheetxl-grid": "_sheetxl-grid_h9wwa_7" }, ts = Object.freeze({ top: 0, left: 0 }), ns = Object.freeze({ bottom: -4, right: -4 }), os = Object.freeze({ horizontal: !0, vertical: !0 }), Hr = [uo, Hn, Nn, Xt], xs = 150, sn = 3e3, Fo = {}, Ci = At(Ut((e, t) => {
+  const { width: n, height: o, rowCount: r = 1, columnCount: i = 1, defaultRowHeight: l, defaultColumnWidth: s, getRowHeight: a, getColumnWidth: d, layout: g, onViewportScroll: m, onImmediateScroll: f, showGridLines: x = !0, gridLineColor: _ = "rgb(224, 224, 224)", gridLineRowsProps: I, gridLineColumnsProps: R, clipCells: ae = !0, cursor: P, freezeLeft: C = 0, freezeTop: z = 0, freezeLeftProps: le, freezeTopProps: B, cellRenderer: oe, onViewportChange: ve, onFirstRender: N, overlayRenderer: H, overlayProps: X, overlays: T, overlaysProps: S, allowOverlaysOverflow: h = !1, stageProps: J, stageWrapper: K = null, hiddenRowsAt: L, hiddenColumnsAt: U, hiddenCellAt: ee, getVisibleCells: te, zoom: Y = 1, enableMouseWheel: He = !0, onWheelScroll: je, getCellCoordsAsRangeCoords: Ne = G.cellToRange, scrollPoint: at = ts, style: Se = {}, ...Ye } = e;
   ao(oe), ao(!e?.children);
-  const ue = T(f, [f]), K = T(be, [be]), pe = T(m, [m]), te = T(Ue, [Ue]), Re = T(U, [U]), at = J(null), pt = J(null), zt = J(null), [gt, Zt] = Qo((v) => v + 1, 0), [Be, z] = Je({ left: ht?.left ?? 0, top: ht?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), ke = J(null), Qe = J(Be), { top: Xe, left: wt, verticalScrollDirection: an, horizontalScrollDirection: Jt } = Be, jt = J(!1), dn = Fl({ rowCount: r, columnCount: i, defaultRowHeight: l, defaultColumnWidth: s, getRowHeight: a, getColumnWidth: d }), on = J(null), ze = Ee(() => {
+  const $ = k(f, [f]), E = k(ve, [ve]), Me = k(m, [m]), ue = k(je, [je]), me = k(N, [N]), Ve = Z(null), dt = Z(null), kt = Z(null), [ut, Zt] = Qo((v) => v + 1, 0), [St, M] = Ze({ left: at?.left ?? 0, top: at?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), ye = Z(null), Je = Z(St), { top: mt, left: Qe, verticalScrollDirection: cn, horizontalScrollDirection: on } = St, Mt = Z(!1), dn = Fl({ rowCount: r, columnCount: i, defaultRowHeight: l, defaultColumnWidth: s, getRowHeight: a, getColumnWidth: d }), nn = Z(null), De = _e(() => {
     const v = g || dn;
-    return on.current = null, { getColOffset: (P) => v.getColOffset(P) * G, getColIndex: (P) => v.getColIndex(P / G), getRowOffset: (P) => v.getRowOffset(P) * G, getRowIndex: (P) => v.getRowIndex(P / G) };
-  }, [dn, g, G]), qt = (v, P, D) => {
-    const F = (P?.left ?? 0) + 0, j = (P?.top ?? 0) + 0;
-    return { getColOffset: (fe) => v.getColOffset(fe) - F, getColIndex: (fe) => v.getColIndex(fe + F), getRowOffset: (fe) => v.getRowOffset(fe) - j, getRowIndex: (fe) => v.getRowIndex(fe + j) };
-  }, vt = O((v, P = !1) => go(v, P, ze.getRowOffset, P ? 0 : r), [r, ze?.getRowOffset]), Vt = T(A ?? vt, [A]), Cn = O((v, P = !1) => go(v, P, ze.getColOffset, P ? i : 0), [i, ze?.getColOffset]), un = T(q ?? Cn, [q]), Ne = Ee(() => Math.min(n ?? 800, ze.getColOffset(i)), [ze.getColOffset, i, n]), Q = Ee(() => Math.min(o ?? 600, ze.getRowOffset(r)), [ze.getRowOffset, r, o]), et = O((v) => {
+    return nn.current = null, { getColOffset: (O) => v.getColOffset(O) * Y, getColIndex: (O) => v.getColIndex(O / Y), getRowOffset: (O) => v.getRowOffset(O) * Y, getRowIndex: (O) => v.getRowIndex(O / Y) };
+  }, [dn, g, Y]), Kt = (v, O, A) => {
+    const j = (O?.left ?? 0) + 0, V = (O?.top ?? 0) + 0;
+    return { getColOffset: (fe) => v.getColOffset(fe) - j, getColIndex: (fe) => v.getColIndex(fe + j), getRowOffset: (fe) => v.getRowOffset(fe) - V, getRowIndex: (fe) => v.getRowIndex(fe + V) };
+  }, xt = D((v, O = !1) => go(v, O, De.getRowOffset, O ? 0 : r), [r, De?.getRowOffset]), Vt = k(L ?? xt, [L]), Cn = D((v, O = !1) => go(v, O, De.getColOffset, O ? i : 0), [i, De?.getColOffset]), un = k(U ?? Cn, [U]), We = _e(() => Math.min(n ?? 800, De.getColOffset(i)), [De.getColOffset, i, n]), Q = _e(() => Math.min(o ?? 600, De.getRowOffset(r)), [De.getRowOffset, r, o]), et = D((v) => {
     Ct.canUseDOM && setTimeout(() => {
-      at.current?.focus({ preventScroll: !0, ...v });
+      Ve.current?.focus({ preventScroll: !0, ...v });
     }, 0);
-  }, []), qe = O((v) => at.current?.contains(v) || pt.current?.contains(v), []);
+  }, []), Ue = D((v) => Ve.current?.contains(v) || dt.current?.contains(v), []);
   st(() => {
-    jt.current && (ke.current && ke.current.left !== Qe.current?.left && ke.current.top !== Qe.current?.top || (ke.current = null, pe?.({ left: wt, top: Xe })));
-  }, [wt, Xe]);
-  const dt = T(() => ({ top: Xe, left: wt }), [Xe, wt]), Ie = Ee(() => {
+    Mt.current && (ye.current && ye.current.left !== Je.current?.left && ye.current.top !== Je.current?.top || (ye.current = null, Me?.({ left: Qe, top: mt })));
+  }, [Qe, mt]);
+  const ht = k(() => ({ top: mt, left: Qe }), [mt, Qe]), Ie = _e(() => {
     const v = [];
-    let P = 0, D = 0;
-    typeof L == "number" ? P = L : (P = L.index ?? 0, D = (L.scrollOffset ?? 0) * G);
-    const F = D, j = ze.getRowOffset(P), fe = j - F;
-    if (P > 0) {
-      const ut = qt(ze, { top: D + ze.getRowOffset(0) }), Fe = ze.getRowIndex(F), je = ze.getRowIndex(j - 1);
-      let mt;
-      v[1] = { minIndex: Fe, maxIndex: je, minCoord: 0, maxCoord: P - 1, minBounds: 0, maxBounds: fe, visibleIndices: () => mt || (mt = Object.freeze(io(Vt, Fe, je)), mt), layout: ut, maxVirtualBounds: j, scrollOffset: D, freezeOffset: D };
-    }
-    const se = Math.max(0, Q - fe), ve = qt(ze, { top: Xe + fe }), ye = ve.getRowIndex(0), ce = ve.getRowIndex(se);
-    let Ve;
-    return v[0] = { minIndex: ye, maxIndex: ce, minCoord: P, maxCoord: r - 1, minBounds: fe, maxBounds: se, visibleIndices: () => Ve || (Ve = Object.freeze(io(Vt, ye, ce)), Ve), layout: ve, maxVirtualBounds: ze.getRowOffset(r), scrollOffset: Xe, freezeOffset: (P > 0 ? ze.getRowOffset(P) : 0) - D }, v;
-  }, [ze.getRowIndex, ze.getRowOffset, Vt, Q, r, L, Xe, G]), Le = Ee(() => {
+    let O = 0, A = 0;
+    typeof z == "number" ? O = z : (O = z.index ?? 0, A = (z.scrollOffset ?? 0) * Y);
+    const j = A, V = De.getRowOffset(O), fe = V - j;
+    if (O > 0) {
+      const ft = Kt(De, { top: A + De.getRowOffset(0) }), $e = De.getRowIndex(j), Be = De.getRowIndex(V - 1);
+      let gt;
+      v[1] = { minIndex: $e, maxIndex: Be, minCoord: 0, maxCoord: O - 1, minBounds: 0, maxBounds: fe, visibleIndices: () => gt || (gt = Object.freeze(io(Vt, $e, Be)), gt), layout: ft, maxVirtualBounds: V, scrollOffset: A, freezeOffset: A };
+    }
+    const se = Math.max(0, Q - fe), xe = Kt(De, { top: mt + fe }), be = xe.getRowIndex(0), ce = xe.getRowIndex(se);
+    let Fe;
+    return v[0] = { minIndex: be, maxIndex: ce, minCoord: O, maxCoord: r - 1, minBounds: fe, maxBounds: se, visibleIndices: () => Fe || (Fe = Object.freeze(io(Vt, be, ce)), Fe), layout: xe, maxVirtualBounds: De.getRowOffset(r), scrollOffset: mt, freezeOffset: (O > 0 ? De.getRowOffset(O) : 0) - A }, v;
+  }, [De.getRowIndex, De.getRowOffset, Vt, Q, r, z, mt, Y]), Oe = _e(() => {
     const v = [];
-    let P = 0, D = 0;
-    typeof _ == "number" ? P = _ : (P = _.index ?? 0, D = (_.scrollOffset ?? 0) * G);
-    const F = D, j = ze.getColOffset(P), fe = j - F;
-    if (P > 0) {
-      const ut = qt(ze, { left: D + ze.getColOffset(0) }), Fe = ze.getColIndex(F), je = ze.getColIndex(j - 1);
-      let mt;
-      v[1] = { minIndex: Fe, maxIndex: je, minCoord: 0, maxCoord: P - 1, minBounds: 0, maxBounds: fe, visibleIndices: () => mt || (mt = Object.freeze(io(un, Fe, je)), mt), layout: ut, maxVirtualBounds: j, scrollOffset: D, freezeOffset: D };
-    }
-    const se = Math.max(0, Ne - fe), ve = qt(ze, { left: wt + fe }), ye = ve.getColIndex(0), ce = ve.getColIndex(se);
-    let Ve;
-    return v[0] = { minIndex: ye, maxIndex: ce, minCoord: P, maxCoord: i - 1, minBounds: fe, maxBounds: se, visibleIndices: () => Ve || (Ve = Object.freeze(io(un, ye, ce)), Ve), layout: ve, maxVirtualBounds: ze.getColOffset(i), scrollOffset: wt, freezeOffset: (P > 0 ? ze.getColOffset(P) : 0) - D }, v;
-  }, [ze.getColIndex, ze.getColOffset, un, Ne, i, _, wt, G]), rt = J({}), tt = J([]), Ae = Ee(() => {
+    let O = 0, A = 0;
+    typeof C == "number" ? O = C : (O = C.index ?? 0, A = (C.scrollOffset ?? 0) * Y);
+    const j = A, V = De.getColOffset(O), fe = V - j;
+    if (O > 0) {
+      const ft = Kt(De, { left: A + De.getColOffset(0) }), $e = De.getColIndex(j), Be = De.getColIndex(V - 1);
+      let gt;
+      v[1] = { minIndex: $e, maxIndex: Be, minCoord: 0, maxCoord: O - 1, minBounds: 0, maxBounds: fe, visibleIndices: () => gt || (gt = Object.freeze(io(un, $e, Be)), gt), layout: ft, maxVirtualBounds: V, scrollOffset: A, freezeOffset: A };
+    }
+    const se = Math.max(0, We - fe), xe = Kt(De, { left: Qe + fe }), be = xe.getColIndex(0), ce = xe.getColIndex(se);
+    let Fe;
+    return v[0] = { minIndex: be, maxIndex: ce, minCoord: O, maxCoord: i - 1, minBounds: fe, maxBounds: se, visibleIndices: () => Fe || (Fe = Object.freeze(io(un, be, ce)), Fe), layout: xe, maxVirtualBounds: De.getColOffset(i), scrollOffset: Qe, freezeOffset: (O > 0 ? De.getColOffset(O) : 0) - A }, v;
+  }, [De.getColIndex, De.getColOffset, un, We, i, C, Qe, Y]), rt = Z({}), tt = Z([]), ze = _e(() => {
     let v = {};
-    const P = (F, j, fe, se, ve) => {
-      const ye = { vertical: se?.vertical || !1, horizontal: se?.horizontal || !1 };
-      if (F >= Le.length || j >= Ie.length) return null;
-      const ce = { rowStart: Ie[j].minIndex, colStart: Le[F].minIndex, rowEnd: Ie[j].maxIndex, colEnd: Le[F].maxIndex };
+    const O = (j, V, fe, se, xe) => {
+      const be = { vertical: se?.vertical || !1, horizontal: se?.horizontal || !1 };
+      if (j >= Oe.length || V >= Ie.length) return null;
+      const ce = { rowStart: Ie[V].minIndex, colStart: Oe[j].minIndex, rowEnd: Ie[V].maxIndex, colEnd: Oe[j].maxIndex };
       if (ce.rowStart > ce.rowEnd || ce.colStart > ce.colEnd) return null;
-      const Ve = { getColIndex: (Ce) => Le[F].layout.getColIndex(Ce), getColOffset: (Ce) => Le[F].layout.getColOffset(Ce), getRowIndex: (Ce) => Ie[j].layout.getRowIndex(Ce), getRowOffset: (Ce) => Ie[j].layout.getRowOffset(Ce) }, ut = Object.freeze({ left: ve?.left ?? 0, top: ve?.top ?? 0, right: ve?.right ?? 0, bottom: ve?.bottom ?? 0 }), Fe = Object.freeze({ x: Le[F].minBounds, y: Ie[j].minBounds, width: Le[F].maxBounds, height: Ie[j].maxBounds }), je = (Ce, Ze) => Fr(Ve, Ce ?? ce, Ze), mt = { width: Le[F].maxVirtualBounds, height: Ie[j].maxVirtualBounds }, Ge = { left: Le[F].scrollOffset, top: Ie[j].scrollOffset }, Pt = { left: Le[F].freezeOffset, top: Ie[j].freezeOffset }, yt = { width: Ne, height: Q };
-      let ge = null, xt = null;
-      const At = (Pt.top + (se.vertical ? Ge.top : 0)) / G, Wt = (Pt.left + (se.horizontal ? Ge.left : 0)) / G;
-      return { getStage: () => at.current ?? null, getVisibleRangeCoords: () => ce, toClipBounds: (Ce, Ze) => {
-        let $e, ct = 0;
-        return Ze === void 0 || typeof Ze == "number" ? ($e = je(ce), ct = Ze) : $e = Ze, ((Oe, Et, bt = 0) => {
-          if (Oe.x > Et.width || Oe.y > Et.height) return null;
-          const $t = { left: Oe.x, top: Oe.y, bottom: Oe.height + Oe.y, right: Oe.width + Oe.x }, Kt = { left: Et.x + bt, top: Et.y + bt, bottom: Et.height - 2 * bt + Et.y, right: Et.width - 2 * bt + Et.x }, Ot = { left: Math.max($t.left, Kt.left), top: Math.max($t.top, Kt.top), bottom: Math.min($t.bottom, Kt.bottom), right: Math.min($t.right, Kt.right) }, c = { x: Ot.left, y: Ot.top, width: Ot.right - Ot.left, height: Ot.bottom - Ot.top };
+      const Fe = { getColIndex: (Ce) => Oe[j].layout.getColIndex(Ce), getColOffset: (Ce) => Oe[j].layout.getColOffset(Ce), getRowIndex: (Ce) => Ie[V].layout.getRowIndex(Ce), getRowOffset: (Ce) => Ie[V].layout.getRowOffset(Ce) }, ft = Object.freeze({ left: xe?.left ?? 0, top: xe?.top ?? 0, right: xe?.right ?? 0, bottom: xe?.bottom ?? 0 }), $e = Object.freeze({ x: Oe[j].minBounds, y: Ie[V].minBounds, width: Oe[j].maxBounds, height: Ie[V].maxBounds }), Be = (Ce, Ge) => Fr(Fe, Ce ?? ce, Ge), gt = { width: Oe[j].maxVirtualBounds, height: Ie[V].maxVirtualBounds }, Xe = { left: Oe[j].scrollOffset, top: Ie[V].scrollOffset }, Lt = { left: Oe[j].freezeOffset, top: Ie[V].freezeOffset }, vt = { width: We, height: Q };
+      let pe = null, wt = null;
+      const $t = (Lt.top + (se.vertical ? Xe.top : 0)) / Y, Wt = (Lt.left + (se.horizontal ? Xe.left : 0)) / Y;
+      return { getStage: () => Ve.current ?? null, getVisibleRangeCoords: () => ce, toClipBounds: (Ce, Ge) => {
+        let Ae, ct = 0;
+        return Ge === void 0 || typeof Ge == "number" ? (Ae = Be(ce), ct = Ge) : Ae = Ge, ((Pe, Et, yt = 0) => {
+          if (Pe.x > Et.width || Pe.y > Et.height) return null;
+          const Bt = { left: Pe.x, top: Pe.y, bottom: Pe.height + Pe.y, right: Pe.width + Pe.x }, qt = { left: Et.x + yt, top: Et.y + yt, bottom: Et.height - 2 * yt + Et.y, right: Et.width - 2 * yt + Et.x }, Dt = { left: Math.max(Bt.left, qt.left), top: Math.max(Bt.top, qt.top), bottom: Math.min(Bt.bottom, qt.bottom), right: Math.min(Bt.right, qt.right) }, c = { x: Dt.left, y: Dt.top, width: Dt.right - Dt.left, height: Dt.bottom - Dt.top };
           return c.height < 0 || c.width < 0 ? null : c;
-        })(Ce ?? { x: 0, y: 0, width: Fe.width, height: Fe.height }, $e, ct);
-      }, toViewBounds: (Ce) => Wt === 0 && At === 0 && G === 1 ? Ce : { x: (Ce.x - Wt) * G, y: (Ce.y - At) * G, width: Ce.width * G, height: Ce.height * G }, toAbsoluteBounds: (Ce) => Wt === 0 && At === 0 && G === 1 ? Ce : { x: Ce.x / G + Wt, y: Ce.y / G + At, width: Ce.width / G, height: Ce.height / G }, getRelativePointFromClient: (Ce, Ze) => {
-        const $e = hn(Ce, Ze);
-        return { x: $e.x - Fe.x, y: $e.y - Fe.y };
-      }, getLayout: () => Ve, getCellCoordsAsRangeCoords: We, getVisibleColumns: () => Le[F].visibleIndices(), getVisibleRows: () => Ie[j].visibleIndices(), getVisibleColumnOffsets: () => (ge || (ge = Br(Le[F].layout, !0, Le[F].visibleIndices(), ce.colStart, ce.colEnd)), ge), getVisibleRowOffsets: () => (xt || (xt = Br(Ie[j].layout, !1, Ie[j].visibleIndices(), ce.rowStart, ce.rowEnd)), xt), getTotalRangeCoords: () => ({ colStart: Le[F].minCoord, colEnd: Le[F].maxCoord, rowStart: Ie[j].minCoord, rowEnd: Ie[j].maxCoord }), getRangeCoordsBounds: je, scrollCellCoordsIntoView: (Ce, Ze) => Dn(Ce, Ze, fe), getCellCoordsFromClient: (Ce, Ze, $e = !1) => {
-        const ct = hn(Ce, Ze);
+        })(Ce ?? { x: 0, y: 0, width: $e.width, height: $e.height }, Ae, ct);
+      }, toViewBounds: (Ce) => Wt === 0 && $t === 0 && Y === 1 ? Ce : { x: (Ce.x - Wt) * Y, y: (Ce.y - $t) * Y, width: Ce.width * Y, height: Ce.height * Y }, toAbsoluteBounds: (Ce) => Wt === 0 && $t === 0 && Y === 1 ? Ce : { x: Ce.x / Y + Wt, y: Ce.y / Y + $t, width: Ce.width / Y, height: Ce.height / Y }, getRelativePointFromClient: (Ce, Ge) => {
+        const Ae = hn(Ce, Ge);
+        return { x: Ae.x - $e.x, y: Ae.y - $e.y };
+      }, getLayout: () => Fe, getCellCoordsAsRangeCoords: Ne, getVisibleColumns: () => Oe[j].visibleIndices(), getVisibleRows: () => Ie[V].visibleIndices(), getVisibleColumnOffsets: () => (pe || (pe = Br(Oe[j].layout, !0, Oe[j].visibleIndices(), ce.colStart, ce.colEnd)), pe), getVisibleRowOffsets: () => (wt || (wt = Br(Ie[V].layout, !1, Ie[V].visibleIndices(), ce.rowStart, ce.rowEnd)), wt), getTotalRangeCoords: () => ({ colStart: Oe[j].minCoord, colEnd: Oe[j].maxCoord, rowStart: Ie[V].minCoord, rowEnd: Ie[V].maxCoord }), getRangeCoordsBounds: Be, scrollCellCoordsIntoView: (Ce, Ge) => Dn(Ce, Ge, fe), getCellCoordsFromClient: (Ce, Ge, Ae = !1) => {
+        const ct = hn(Ce, Ge);
         if (!ct) return null;
-        const Oe = Ve.getColIndex(ct.x - Fe.x), Et = { rowIndex: Ve.getRowIndex(ct.y - Fe.y), colIndex: Oe };
-        if ($e) return Et;
-        const bt = We(Et);
-        return { rowIndex: bt.rowStart, colIndex: bt.colStart };
-      }, getZoom: () => G, getAnchor: () => fe, getBounds: () => Fe, getInsets: () => ut, getTotalSize: () => mt, getViewportSize: () => yt, getScrollTopLeft: () => Ge, getFreezeTopLeft: () => Pt, getScrollOrientation: () => ye, allViews: () => v };
+        const Pe = Fe.getColIndex(ct.x - $e.x), Et = { rowIndex: Fe.getRowIndex(ct.y - $e.y), colIndex: Pe };
+        if (Ae) return Et;
+        const yt = Ne(Et);
+        return { rowIndex: yt.rowStart, colIndex: yt.colStart };
+      }, getZoom: () => Y, getAnchor: () => fe, getBounds: () => $e, getInsets: () => ft, getTotalSize: () => gt, getViewportSize: () => vt, getScrollTopLeft: () => Xe, getFreezeTopLeft: () => Lt, getScrollOrientation: () => be, allViews: () => v };
     };
-    let D = v[Xt] = P(0, 0, Xt, os, ns);
-    return D && (v[Xt] = D), D = P(0, 1, Hn, { horizontal: !0 }), D && (v[Hn] = D), D = P(1, 0, Nn, { vertical: !0 }), D && (v[Nn] = D), D = P(1, 1, uo, {}), D && (v[uo] = D), rt.current = null, v = Object.freeze(v);
-  }, [Ie, Le, We]), rn = Object.keys(Ae), Mt = Le[0]?.maxVirtualBounds ?? 0, nt = Ie[0]?.maxVirtualBounds ?? 0, Tt = Ee(() => ({ left: Le[1] ? Le[1].layout.getColOffset(Le[1].maxIndex + 1) : 0, top: Ie[1] ? Ie[1].layout.getRowOffset(Ie[1].maxIndex + 1) : 0 }), [Ae]);
+    let A = v[Xt] = O(0, 0, Xt, os, ns);
+    return A && (v[Xt] = A), A = O(0, 1, Hn, { horizontal: !0 }), A && (v[Hn] = A), A = O(1, 0, Nn, { vertical: !0 }), A && (v[Nn] = A), A = O(1, 1, uo, {}), A && (v[uo] = A), rt.current = null, v = Object.freeze(v);
+  }, [Ie, Oe, Ne]), rn = Object.keys(ze), Tt = Oe[0]?.maxVirtualBounds ?? 0, nt = Ie[0]?.maxVirtualBounds ?? 0, Rt = _e(() => ({ left: Oe[1] ? Oe[1].layout.getColOffset(Oe[1].maxIndex + 1) : 0, top: Ie[1] ? Ie[1].layout.getRowOffset(Ie[1].maxIndex + 1) : 0 }), [ze]);
   st(() => {
     if (tt.current.length > 0) {
       for (let v = 0; v < tt.current.length; v++) tt.current[v]();
       tt.current = [];
     }
-  }, [Ae]);
-  const kt = T(() => ({ containerWidth: Ne, containerHeight: Q, totalWidth: Mt, totalHeight: nt }), [Ne, Q, ze]);
+  }, [ze]);
+  const Ot = k(() => ({ containerWidth: We, containerHeight: Q, totalWidth: Tt, totalHeight: nt }), [We, Q, De]);
   st(() => {
-    !ke.current && jt.current && K({ top: Xe, left: wt, width: Ne, height: Q, totalWidth: Mt, totalHeight: nt });
-  }, [Xe, wt, Mt, nt]), st(() => {
-    jt.current && K({ top: Xe, left: wt, width: Ne, height: Q, totalWidth: Mt, totalHeight: nt });
-  }, [Ne, Q]);
-  const hn = O((v, P) => {
-    ao(typeof v == "number" && typeof P == "number");
-    const D = at.current?.getBoundingClientRect();
-    return D ? { x: v - D.x, y: P - D.y } : { x: v, y: P };
-  }, []), mo = T((v) => Ae[v] || null, [Ae]), xo = T((v, P) => {
-    if (Object.keys(Ae).length === 1) return Ae[Xt];
-    const D = hn(v, P);
-    if (!D) return null;
-    const { x: F, y: j } = D;
+    !ye.current && Mt.current && E({ top: mt, left: Qe, width: We, height: Q, totalWidth: Tt, totalHeight: nt });
+  }, [mt, Qe, Tt, nt]), st(() => {
+    Mt.current && E({ top: mt, left: Qe, width: We, height: Q, totalWidth: Tt, totalHeight: nt });
+  }, [We, Q]);
+  const hn = D((v, O) => {
+    ao(typeof v == "number" && typeof O == "number");
+    const A = Ve.current?.getBoundingClientRect();
+    return A ? { x: v - A.x, y: O - A.y } : { x: v, y: O };
+  }, []), mo = k((v) => ze[v] || null, [ze]), xo = k((v, O) => {
+    if (Object.keys(ze).length === 1) return ze[Xt];
+    const A = hn(v, O);
+    if (!A) return null;
+    const { x: j, y: V } = A;
     let fe = null;
     const se = Hr;
-    for (let ve = 0; !fe && ve < se.length; ve++) {
-      const ye = Ae[se[ve]];
-      ye && Kl(F, j, ye.getBounds()) && (fe = ye);
+    for (let xe = 0; !fe && xe < se.length; xe++) {
+      const be = ze[se[xe]];
+      be && ql(j, V, be.getBounds()) && (fe = be);
     }
-    return fe || (fe = Ae[Xt]), fe;
-  }, [Ae, We]), ft = T(() => Ae[Xt].getVisibleRangeCoords(), [Ae[Xt]]), ln = J(null), vo = O(() => {
+    return fe || (fe = ze[Xt]), fe;
+  }, [ze, Ne]), pt = k(() => ze[Xt].getVisibleRangeCoords(), [ze[Xt]]), ln = Z(null), vo = D(() => {
     ln.current !== null && Ct.cancelTimeout(ln.current), ln.current = Ct.requestTimeout(yo, 150);
-  }, []), yo = O(() => {
-    ln.current = null, z((v) => {
-      const P = { ...v, verticalScrollDirection: null, horizontalScrollDirection: null };
-      return Qe.current = P, P;
+  }, []), yo = D(() => {
+    ln.current = null, M((v) => {
+      const O = { ...v, verticalScrollDirection: null, horizontalScrollDirection: null };
+      return Je.current = O, O;
     });
-  }, []), xn = T((v) => {
-    const P = v?.left ?? v?.[0], D = v?.top ?? v?.[1], F = P !== void 0 ? Math.min(Mt - Ne, Math.max(Le?.[1]?.scrollOffset ?? 0, P)) : Qe.current.left, j = D !== void 0 ? Math.min(nt - Q, Math.max(Ie?.[1]?.scrollOffset ?? 0, D)) : Qe.current.top;
-    if (Qe.current.left === F && Qe.current.top === j) return;
+  }, []), xn = k((v) => {
+    const O = v?.left ?? v?.[0], A = v?.top ?? v?.[1], j = O !== void 0 ? Math.min(Tt - We, Math.max(Oe?.[1]?.scrollOffset ?? 0, O)) : Je.current.left, V = A !== void 0 ? Math.min(nt - Q, Math.max(Ie?.[1]?.scrollOffset ?? 0, A)) : Je.current.top;
+    if (Je.current.left === j && Je.current.top === V) return;
     let fe = null, se = null;
-    Qe.current.left > F ? fe = ot : Qe.current.left < F && (fe = Ke), Qe.current.top > j ? se = it : Qe.current.top < j && (se = lt), Ct.throttle(() => {
-      z((ve) => {
-        const ye = { ...ve, left: F, top: j, horizontalScrollDirection: fe, verticalScrollDirection: se };
-        return Qe.current = ye, ye;
+    Je.current.left > j ? fe = ot : Je.current.left < j && (fe = Ke), Je.current.top > V ? se = it : Je.current.top < V && (se = lt), Ct.throttle(() => {
+      M((xe) => {
+        const be = { ...xe, left: j, top: V, horizontalScrollDirection: fe, verticalScrollDirection: se };
+        return Je.current = be, be;
       });
-    }, 17)(), ke.current?.top === j && ke.current?.left === F || (ke.current = { left: F, top: j }, ue({ left: F, top: j }), K({ left: F, top: j, width: Ne, height: Q, totalWidth: Mt, totalHeight: nt })), vo();
-  }, [Mt, nt, Ie, Le]);
+    }, 17)(), ye.current?.top === V && ye.current?.left === j || (ye.current = { left: j, top: V }, $({ left: j, top: V }), E({ left: j, top: V, width: We, height: Q, totalWidth: Tt, totalHeight: nt })), vo();
+  }, [Tt, nt, Ie, Oe]);
   st(() => {
-    ke.current || xn({ left: wt, top: Xe });
-  }, [Mt, Ne, nt, Q]), nn(() => {
-    ke.current = { left: ht?.left, top: ht?.top }, xn(ke.current);
-  }, [ht?.left, ht?.top]);
-  const Kn = T((v) => {
-    const P = v?.left ?? v?.[0], D = v?.top ?? v?.[1], F = v?.behavior ?? "auto", j = { left: Qe.current.left + (P ?? 0), top: Qe.current.top + (D ?? 0) };
-    F && (j.behavior = F), xn(j);
-  }, [Mt, Ne, nt, Q]), Yn = O((v) => {
-    let P = null;
-    if (Object.keys(Ae).length > 1) {
-      const D = Hr;
-      for (let F = 0; !P && F < D.length; F++) {
-        const j = Ae[D[F]];
-        j && Z.isCellWithinRange(v, j.getVisibleRangeCoords()) && (P = j);
+    ye.current || xn({ left: Qe, top: mt });
+  }, [Tt, We, nt, Q]), tn(() => {
+    ye.current = { left: at?.left, top: at?.top }, xn(ye.current);
+  }, [at?.left, at?.top]);
+  const qn = k((v) => {
+    const O = v?.left ?? v?.[0], A = v?.top ?? v?.[1], j = v?.behavior ?? "auto", V = { left: Je.current.left + (O ?? 0), top: Je.current.top + (A ?? 0) };
+    j && (V.behavior = j), xn(V);
+  }, [Tt, We, nt, Q]), Yn = D((v) => {
+    let O = null;
+    if (Object.keys(ze).length > 1) {
+      const A = Hr;
+      for (let j = 0; !O && j < A.length; j++) {
+        const V = ze[A[j]];
+        V && G.isCellWithinRange(v, V.getVisibleRangeCoords()) && (O = V);
       }
     }
-    return P || (P = Ae[Xt]), P;
-  }, [Ae]), Dn = T((v, P = { inline: "nearest", block: "nearest" }, D = null) => {
-    const F = { rowIndex: 0, colIndex: 0, ...v };
-    let j = null;
-    if (D !== null) {
-      if (j = Ae[D], j === null) return new Promise((yt, ge) => {
-        ge("Invalid view");
+    return O || (O = ze[Xt]), O;
+  }, [ze]), Dn = k((v, O = { inline: "nearest", block: "nearest" }, A = null) => {
+    const j = { rowIndex: 0, colIndex: 0, ...v };
+    let V = null;
+    if (A !== null) {
+      if (V = ze[A], V === null) return new Promise((vt, pe) => {
+        pe("Invalid view");
       });
-    } else j = Yn(F);
-    const fe = We(F), se = j.getLayout(), ve = se.getColOffset(fe.colStart), ye = se.getRowOffset(fe.rowStart), ce = se.getColOffset(fe.colEnd + 1), Ve = se.getRowOffset(fe.rowEnd + 1), ut = j.getBounds(), Fe = j.getTotalSize(), je = j.getScrollTopLeft(), mt = ((yt, ge, xt = !0) => (xt = xt === !0 ? { block: "start", inline: "end" } : xt === !1 ? { block: "end", inline: "end" } : { block: "end", inline: "end", ...xt }, { left: zr(xt.inline, yt.x, yt.x + yt.width, ge.left, ge.left + ge.width, ge.totalWidth), top: zr(xt.block, yt.y, yt.y + yt.height, ge.top, ge.top + ge.height, ge.totalHeight) }))({ x: ve + je.left, y: ye + je.top, width: ce - ve, height: Ve - ye }, { left: je.left, top: je.top, width: ut.width, height: ut.height, totalWidth: Fe.width, totalHeight: Fe.height }, P), Ge = { ...mt };
-    Ge.left > wt ? Ge.left += 20 : Ge.left < wt && (Ge.left -= 0), Ge.top > Xe ? Ge.top += 20 : Ge.top < Xe && (Ge.top -= 0);
-    const Pt = j.getScrollOrientation();
-    return Pt.horizontal && v.colIndex !== void 0 || delete Ge.left, Pt.vertical && v.rowIndex !== void 0 || delete Ge.top, new Promise((yt, ge) => {
+    } else V = Yn(j);
+    const fe = Ne(j), se = V.getLayout(), xe = se.getColOffset(fe.colStart), be = se.getRowOffset(fe.rowStart), ce = se.getColOffset(fe.colEnd + 1), Fe = se.getRowOffset(fe.rowEnd + 1), ft = V.getBounds(), $e = V.getTotalSize(), Be = V.getScrollTopLeft(), gt = ((vt, pe, wt = !0) => (wt = wt === !0 ? { block: "start", inline: "end" } : wt === !1 ? { block: "end", inline: "end" } : { block: "end", inline: "end", ...wt }, { left: zr(wt.inline, vt.x, vt.x + vt.width, pe.left, pe.left + pe.width, pe.totalWidth), top: zr(wt.block, vt.y, vt.y + vt.height, pe.top, pe.top + pe.height, pe.totalHeight) }))({ x: xe + Be.left, y: be + Be.top, width: ce - xe, height: Fe - be }, { left: Be.left, top: Be.top, width: ft.width, height: ft.height, totalWidth: $e.width, totalHeight: $e.height }, O), Xe = { ...gt };
+    Xe.left > Qe ? Xe.left += 20 : Xe.left < Qe && (Xe.left -= 0), Xe.top > mt ? Xe.top += 20 : Xe.top < mt && (Xe.top -= 0);
+    const Lt = V.getScrollOrientation();
+    return Lt.horizontal && v.colIndex !== void 0 || delete Xe.left, Lt.vertical && v.rowIndex !== void 0 || delete Xe.top, new Promise((vt, pe) => {
       try {
-        xn(Ge), yt(Ge);
-      } catch (xt) {
-        ge(xt);
+        xn(Xe), vt(Xe);
+      } catch (wt) {
+        pe(wt);
       }
     });
-  }, [Mt, nt, Ae, We]), Mn = T((v) => {
-    const P = v.shiftKey;
+  }, [Tt, nt, ze, Ne]), Mn = k((v) => {
+    const O = v.shiftKey;
     v.preventDefault();
-    const { deltaX: D, deltaY: F, deltaMode: j } = v;
-    if (zt.current || te?.(v) === !1) return;
-    let se = P ? F : D, ve = F;
-    const ye = P || Math.abs(se) > Math.abs(ve);
-    j === 1 && (ve *= 0), zt.current = window.requestAnimationFrame(() => {
-      zt.current = null, Kn(ye ? { left: se } : { top: ve });
+    const { deltaX: A, deltaY: j, deltaMode: V } = v;
+    if (kt.current || ue?.(v) === !1) return;
+    let se = O ? j : A, xe = j;
+    const be = O || Math.abs(se) > Math.abs(xe);
+    V === 1 && (xe *= 0), kt.current = window.requestAnimationFrame(() => {
+      kt.current = null, qn(be ? { left: se } : { top: xe });
     });
-  }, [Mt, Ne, nt, Q, te]), zn = O((v = null) => {
-    on.current = null, rt.current = null, Zt();
+  }, [Tt, We, nt, Q, ue]), zn = D((v = null) => {
+    nn.current = null, rt.current = null, Zt();
   }, []);
-  nn(() => {
+  tn(() => {
     zn();
   }, [oe]);
-  const vn = wo(t, () => ({ stage: at.current, focus: et, contains: qe, invalidate: zn, scrollTo: xn, scrollBy: Kn, scrollCellCoordsIntoView: Dn, getScrollPosition: dt, getDimensions: kt, getViewport: ft, handleWheel: Mn, rowCount: r, columnCount: i, getLayout: () => ze, getRelativePointFromClient: hn, getViewFromClient: xo, getViewFromCellCoords: Yn, getViewFromLocation: mo, onViewChangeOnce: (v) => {
+  const vn = wo(t, () => ({ stage: Ve.current, focus: et, contains: Ue, invalidate: zn, scrollTo: xn, scrollBy: qn, scrollCellCoordsIntoView: Dn, getScrollPosition: ht, getDimensions: Ot, getViewport: pt, handleWheel: Mn, rowCount: r, columnCount: i, getLayout: () => De, getRelativePointFromClient: hn, getViewFromClient: xo, getViewFromCellCoords: Yn, getViewFromLocation: mo, onViewChangeOnce: (v) => {
     tt.current.push(v);
-  } }), [r, i, Ae]);
-  st(() => (He && vn.current?.addEventListener("wheel", Mn, { passive: !1 }), jt.current = !0, ke.current = null, () => {
+  } }), [r, i, ze]);
+  st(() => (He && vn.current?.addEventListener("wheel", Mn, { passive: !1 }), Mt.current = !0, ye.current = null, () => {
     vn.current?.removeEventListener("wheel", Mn);
   }), [He]);
-  const An = J([]), bo = (v, P) => {
-    !v || !H || (An.current = [], P.push(((D, F) => {
-      const j = `view:${D.getAnchor()}:overlay:${P.length}`, fe = H?.({ key: j, view: D }, (ve) => An.current[F] = ve);
+  const An = Z([]), bo = (v, O) => {
+    !v || !H || (An.current = [], O.push(((A, j) => {
+      const V = `view:${A.getAnchor()}:overlay:${O.length}`, fe = H?.({ key: V, view: A }, (xe) => An.current[j] = xe);
       if (!fe) return null;
-      const se = D.getBounds();
-      return Y("div", { style: { position: "absolute", left: "0px", top: "0px", width: `${se.width}px`, height: `${se.height}px`, overflow: "hidden" }, children: fe }, `overlay-${D.getAnchor()}-${F}`);
+      const se = A.getBounds();
+      return q("div", { style: { position: "absolute", left: "0px", top: "0px", width: `${se.width}px`, height: `${se.height}px`, overflow: "hidden" }, children: fe }, `overlay-${A.getAnchor()}-${j}`);
     })(v, 0)));
-  }, So = Ee(() => {
-    const v = {}, P = Object.keys(Ae);
-    for (let D = 0; D < P.length; D++) {
-      const F = P[D], j = [];
-      bo(Ae[F], j), v[F] = { overlays: j };
+  }, So = _e(() => {
+    const v = {}, O = Object.keys(ze);
+    for (let A = 0; A < O.length; A++) {
+      const j = O[A], V = [];
+      bo(ze[j], V), v[j] = { overlays: V };
     }
     return v;
-  }, [gt, H, r, i, Ie, Le]), Xn = (v, P, D, F, j, fe, se) => {
+  }, [ut, H, r, i, Ie, Oe]), Xn = (v, O, A, j, V, fe, se) => {
     if (!v) return;
-    const ve = v.getVisibleColumns(), ye = v.getVisibleRows();
-    if (ve.length === 0 || ye.length === 0) return;
+    const xe = v.getVisibleColumns(), be = v.getVisibleRows();
+    if (xe.length === 0 || be.length === 0) return;
     let ce = null;
-    if (xe) ce = xe(v);
+    if (te) ce = te(v);
     else {
       ce = [];
-      for (let Ze = 0; Ze < ye.length; Ze++) for (let $e = 0; $e < ve.length; $e++) {
-        const ct = { rowIndex: ye[Ze], colIndex: ve[$e] };
-        if (N?.(ct)) continue;
-        const Oe = { coords: ct, range: We(ct) };
-        ce.push(Oe);
+      for (let Ge = 0; Ge < be.length; Ge++) for (let Ae = 0; Ae < xe.length; Ae++) {
+        const ct = { rowIndex: be[Ge], colIndex: xe[Ae] };
+        if (ee?.(ct)) continue;
+        const Pe = { coords: ct, range: Ne(ct) };
+        ce.push(Pe);
       }
     }
-    const Ve = v.getVisibleColumnOffsets(), ut = v.getVisibleRowOffsets(), Fe = v.getScrollTopLeft(), je = v.getFreezeTopLeft(), mt = Fe.left + je.left, Ge = Fe.top + je.top, Pt = Math.trunc(mt / sn), yt = Math.trunc(Ge / sn), ge = {}, xt = (Ze, $e, ct, Oe, Et) => {
-      const bt = `view:${Ze.getAnchor()}:cell:${Dr($e.rowIndex, $e.colIndex)}`, $t = Oe.x, Kt = Oe.y, Ot = Math.trunc((mt + $t) / sn) - Pt, c = Math.trunc((Ge + Kt) / sn) - yt;
-      ge[c] || (ge[c] = {});
-      let h = ge[c][Ot];
-      h || (h = ge[c][Ot] = []);
-      let w = fe?.get(bt);
+    const Fe = v.getVisibleColumnOffsets(), ft = v.getVisibleRowOffsets(), $e = v.getScrollTopLeft(), Be = v.getFreezeTopLeft(), gt = $e.left + Be.left, Xe = $e.top + Be.top, Lt = Math.trunc(gt / sn), vt = Math.trunc(Xe / sn), pe = {}, wt = (Ge, Ae, ct, Pe, Et) => {
+      const yt = `view:${Ge.getAnchor()}:cell:${Dr(Ae.rowIndex, Ae.colIndex)}`, Bt = Pe.x, qt = Pe.y, Dt = Math.trunc((gt + Bt) / sn) - Lt, c = Math.trunc((Xe + qt) / sn) - vt;
+      pe[c] || (pe[c] = {});
+      let u = pe[c][Dt];
+      u || (u = pe[c][Dt] = []);
+      let w = fe?.get(yt);
       if (!w) {
-        const p = (mt + $t) % sn, y = (Ge + Kt) % sn;
-        w = oe({ key: bt, coords: $e, bounds: Oe, zoom: G, range: ct, view: Ze, value: Et, style: { left: me.boundPixel(p), top: me.boundPixel(y), width: me.boundPixel(Oe.width, !0), height: me.boundPixel(Oe.height, !0) } });
+        const p = (gt + Bt) % sn, y = (Xe + qt) % sn;
+        w = oe({ key: yt, coords: Ae, bounds: Pe, zoom: Y, range: ct, view: Ge, value: Et, style: { left: we.boundPixel(p), top: we.boundPixel(y), width: we.boundPixel(Pe.width, !0), height: we.boundPixel(Pe.height, !0) } });
       }
-      se?.set(bt, w), h.push(w);
+      se?.set(yt, w), u.push(w);
     };
-    for (let Ze = 0; ce && Ze < ce.length; Ze++) {
-      const $e = ce[Ze], ct = $e?.coords ?? $e;
+    for (let Ge = 0; ce && Ge < ce.length; Ge++) {
+      const Ae = ce[Ge], ct = Ae?.coords ?? Ae;
       if (!ct) continue;
-      const Oe = $e?.range ?? { rowStart: ct.rowIndex, colStart: ct.colIndex, rowEnd: ct.rowIndex, colEnd: ct.colIndex }, Et = v.getVisibleRangeCoords();
-      if (!Z.isRangesIntersect(Oe, Et) && !Z.isRangeWithinRange(Oe, Et)) continue;
-      const bt = Oe && !Z.isSingleCell(Oe);
-      if (!bt && N?.(ct)) continue;
-      const $t = ct.rowIndex, Kt = ct.colIndex, Ot = ut[$t], c = Ve[Kt];
-      let h = null;
-      Ot && c && (h = { x: c.offset, y: Ot.offset, width: c.size, height: Ot.size });
-      const w = Dr(Oe.rowStart, Oe.colStart);
-      if (bt) {
-        if (j.has(w)) continue;
-        j.add(w), Oe.rowEnd - Oe.rowStart > 0 && D.push(Oe), Oe.colEnd - Oe.colStart > 0 && F.push(Oe);
+      const Pe = Ae?.range ?? { rowStart: ct.rowIndex, colStart: ct.colIndex, rowEnd: ct.rowIndex, colEnd: ct.colIndex }, Et = v.getVisibleRangeCoords();
+      if (!G.isRangesIntersect(Pe, Et) && !G.isRangeWithinRange(Pe, Et)) continue;
+      const yt = Pe && !G.isSingleCell(Pe);
+      if (!yt && ee?.(ct)) continue;
+      const Bt = ct.rowIndex, qt = ct.colIndex, Dt = ft[Bt], c = Fe[qt];
+      let u = null;
+      Dt && c && (u = { x: c.offset, y: Dt.offset, width: c.size, height: Dt.size });
+      const w = Dr(Pe.rowStart, Pe.colStart);
+      if (yt) {
+        if (V.has(w)) continue;
+        V.add(w), Pe.rowEnd - Pe.rowStart > 0 && A.push(Pe), Pe.colEnd - Pe.colStart > 0 && j.push(Pe);
       }
-      if (bt && (h = Fr(v.getLayout(), Oe)), !h) {
+      if (yt && (u = Fr(v.getLayout(), Pe)), !u) {
         console.warn("no bounds for cell", w);
         continue;
       }
-      const p = $e?.value;
-      xt(v, ct, Oe, h, p);
-    }
-    const At = mt % sn, Wt = Ge % sn, Ce = Object.keys(ge);
-    for (let Ze = 0; Ze < Ce.length; Ze++) {
-      const $e = ge[Ce[Ze]];
-      if (!$e) continue;
-      const ct = Object.keys($e);
-      for (let Oe = 0; Oe < ct.length; Oe++) {
-        const Et = $e[ct[Oe]];
+      const p = Ae?.value;
+      wt(v, ct, Pe, u, p);
+    }
+    const $t = gt % sn, Wt = Xe % sn, Ce = Object.keys(pe);
+    for (let Ge = 0; Ge < Ce.length; Ge++) {
+      const Ae = pe[Ce[Ge]];
+      if (!Ae) continue;
+      const ct = Object.keys(Ae);
+      for (let Pe = 0; Pe < ct.length; Pe++) {
+        const Et = Ae[ct[Pe]];
         if (!Et) continue;
-        const bt = parseInt(Ce[Ze]), $t = parseInt(ct[Oe]), Kt = bt + yt, Ot = $t + Pt, c = `view:${v.getAnchor()}:segment:${Ot}:${Kt}`;
-        P.push(Y("div", { className: "cell-container", style: { transform: `translate(${me.boundPixel($t * sn - At, !0)}px, ${me.boundPixel(bt * sn - Wt, !0)}px)`, willChange: "transform" }, children: Et }, c));
+        const yt = parseInt(Ce[Ge]), Bt = parseInt(ct[Pe]), qt = yt + vt, Dt = Bt + Lt, c = `view:${v.getAnchor()}:segment:${Dt}:${qt}`;
+        O.push(q("div", { className: "cell-container", style: { transform: `translate(${we.boundPixel(Bt * sn - $t, !0)}px, ${we.boundPixel(yt * sn - Wt, !0)}px)`, willChange: "transform" }, children: Et }, c));
       }
     }
-  }, Qt = Ee(() => {
-    const v = on.current, P = /* @__PURE__ */ new Map(), D = {}, F = Object.keys(Ae);
-    for (let j = 0; j < F.length; j++) {
-      const fe = F[j], se = [], ve = [], ye = [];
-      Xn(Ae[fe], ye, se, ve, /* @__PURE__ */ new Set(), v, P), D[fe] = { cells: ye, rangesH: se, rangesV: ve };
+  }, Jt = _e(() => {
+    const v = nn.current, O = /* @__PURE__ */ new Map(), A = {}, j = Object.keys(ze);
+    for (let V = 0; V < j.length; V++) {
+      const fe = j[V], se = [], xe = [], be = [];
+      Xn(ze[fe], be, se, xe, /* @__PURE__ */ new Set(), v, O), A[fe] = { cells: be, rangesH: se, rangesV: xe };
     }
-    return on.current = P, D;
-  }, [gt, r, i, Ie, Le, x, _e, ae, N, xe, We]), Gn = (v, P, D, F, j) => {
-    if (v) if (P) {
+    return nn.current = O, A;
+  }, [ut, r, i, Ie, Oe, x, Se, ae, ee, te, Ne]), Gn = (v, O, A, j, V) => {
+    if (v) if (O) {
       const fe = `view:${v.getAnchor()}:hl:`, se = v.getVisibleRows();
       if (!se || se.length === 0) return;
-      const ve = 0, ye = v.getBounds().width;
+      const xe = 0, be = v.getBounds().width;
       let ce = [];
-      const Ve = j.sort(Z.rowFirstRangeComparator), ut = v.getVisibleRangeCoords();
-      for (let Fe = 0; Fe < se.length && se[Fe] <= ut.rowEnd; Fe++) {
-        const je = se[Fe];
-        if (je < ut.rowStart) continue;
-        let mt = !1;
-        for (; Ve.length > 0 && Ve[0].rowStart <= je; ) {
-          const ge = Ve.shift();
-          ge.rowEnd > je && (ce.push(ge), mt = !0);
+      const Fe = V.sort(G.rowFirstRangeComparator), ft = v.getVisibleRangeCoords();
+      for (let $e = 0; $e < se.length && se[$e] <= ft.rowEnd; $e++) {
+        const Be = se[$e];
+        if (Be < ft.rowStart) continue;
+        let gt = !1;
+        for (; Fe.length > 0 && Fe[0].rowStart <= Be; ) {
+          const pe = Fe.shift();
+          pe.rowEnd > Be && (ce.push(pe), gt = !0);
         }
-        mt && (ce = ce.sort(Z.columnFirstRangeComparator));
-        const Ge = v.getLayout(), Pt = Ge.getRowOffset(je + 1);
-        let yt = ve;
-        for (let ge = 0; ge < ce.length + 1; ge++) {
-          let xt = yt, At = ye;
-          const Wt = ce[ge];
-          ge < ce.length && (At = Math.min(ye, Ge.getColOffset(Wt.colStart)), yt = Math.min(ye, Ge.getColOffset(Wt.colEnd + 1))), F.push(Jo("path", { d: `M ${me.boundPixel(xt)} ${me.boundPixel(Pt, !1, D)} L ${me.boundPixel(At)} ${me.boundPixel(Pt, !1, D)}`, stroke: E, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...I, key: fe + je + ":" + ge }));
+        gt && (ce = ce.sort(G.columnFirstRangeComparator));
+        const Xe = v.getLayout(), Lt = Xe.getRowOffset(Be + 1);
+        let vt = xe;
+        for (let pe = 0; pe < ce.length + 1; pe++) {
+          let wt = vt, $t = be;
+          const Wt = ce[pe];
+          pe < ce.length && ($t = Math.min(be, Xe.getColOffset(Wt.colStart)), vt = Math.min(be, Xe.getColOffset(Wt.colEnd + 1))), j.push(Jo("path", { d: `M ${we.boundPixel(wt)} ${we.boundPixel(Lt, !1, A)} L ${we.boundPixel($t)} ${we.boundPixel(Lt, !1, A)}`, stroke: _, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...I, key: fe + Be + ":" + pe }));
         }
-        for (let ge = ce.length - 1; ge >= 0; ge--) ce[ge].rowEnd <= se[Fe + 1] && ce.splice(ge, 1);
+        for (let pe = ce.length - 1; pe >= 0; pe--) ce[pe].rowEnd <= se[$e + 1] && ce.splice(pe, 1);
       }
     } else {
       const fe = `view:${v.getAnchor()}:vl:`, se = v.getVisibleColumns();
       if (!se || se.length === 0) return;
-      const ve = 0, ye = v.getBounds().height;
+      const xe = 0, be = v.getBounds().height;
       let ce = [];
-      const Ve = j.sort(Z.columnFirstRangeComparator), ut = v.getVisibleRangeCoords();
-      for (let Fe = 0; Fe < se.length && se[Fe] <= ut.colEnd; Fe++) {
-        const je = se[Fe];
-        if (je < ut.colStart) continue;
-        let mt = !1;
-        for (; Ve.length > 0 && Ve[0].colStart <= je; ) {
-          const ge = Ve.shift();
-          ge.colEnd > je && (ce.push(ge), mt = !0);
+      const Fe = V.sort(G.columnFirstRangeComparator), ft = v.getVisibleRangeCoords();
+      for (let $e = 0; $e < se.length && se[$e] <= ft.colEnd; $e++) {
+        const Be = se[$e];
+        if (Be < ft.colStart) continue;
+        let gt = !1;
+        for (; Fe.length > 0 && Fe[0].colStart <= Be; ) {
+          const pe = Fe.shift();
+          pe.colEnd > Be && (ce.push(pe), gt = !0);
         }
-        mt && (ce = ce.sort(Z.rowFirstRangeComparator));
-        const Ge = v.getLayout(), Pt = Ge.getColOffset(je + 1);
-        let yt = ve;
-        for (let ge = 0; ge < ce.length + 1; ge++) {
-          let xt = yt, At = ye;
-          const Wt = ce[ge];
-          ge < ce.length && (At = Math.min(ye, Ge.getRowOffset(Wt.rowStart)), yt = Math.min(ye, Ge.getRowOffset(Wt.rowEnd + 1)));
-          let Ce = E;
-          F.push(Y("path", { d: `M ${me.boundPixel(Pt, !1, D)} ${me.boundPixel(xt)} L ${me.boundPixel(Pt, !1, D)} ${me.boundPixel(At)}`, stroke: Ce, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...M }, fe + je + ":" + ge));
+        gt && (ce = ce.sort(G.rowFirstRangeComparator));
+        const Xe = v.getLayout(), Lt = Xe.getColOffset(Be + 1);
+        let vt = xe;
+        for (let pe = 0; pe < ce.length + 1; pe++) {
+          let wt = vt, $t = be;
+          const Wt = ce[pe];
+          pe < ce.length && ($t = Math.min(be, Xe.getRowOffset(Wt.rowStart)), vt = Math.min(be, Xe.getRowOffset(Wt.rowEnd + 1)));
+          let Ce = _;
+          j.push(q("path", { d: `M ${we.boundPixel(Lt, !1, A)} ${we.boundPixel(wt)} L ${we.boundPixel(Lt, !1, A)} ${we.boundPixel($t)}`, stroke: Ce, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...R }, fe + Be + ":" + pe));
         }
-        for (let ge = ce.length - 1; ge >= 0; ge--) ce[ge].colEnd <= se[Fe + 1] && ce.splice(ge, 1);
+        for (let pe = ce.length - 1; pe >= 0; pe--) ce[pe].colEnd <= se[$e + 1] && ce.splice(pe, 1);
       }
     }
   }, $n = (v) => {
-    if (!Qt) return;
-    const P = {};
-    for (let D = 0; D < rn.length; D++) {
-      const F = rn[D], j = Ae[F], fe = [];
-      Gn(j, v, 0, fe, v ? Qt[F].rangesH : Qt[F].rangesV);
-      const se = j.getRangeCoordsBounds(), ve = Math.ceil(se.width), ye = Math.ceil(se.height);
-      P[F] = Y("svg", { width: `${ve}`, height: `${ye}`, viewBox: `0 0 ${ve} ${ye}`, preserveAspectRatio: "none", shapeRendering: "crispEdges", style: { position: "absolute" }, children: fe });
-    }
-    return P;
-  }, Zn = Ee(() => x === !0 || x?.horizontal === !0 ? $n(!0) : null, [gt, x, Ie, L, _, E, I, r, i, Ne, Mt, Qt]), Jn = Ee(() => x === !0 || x?.vertical === !0 ? $n(!1) : null, [gt, x, Le, L, _, E, M, r, i, Q, nt, Qt]), Eo = Ee(() => Tt.left === 0 ? null : Y(jr, { linePoints: [0, 0, 0, Q + 1], bounds: { x: Tt.left, y: 0, width: 1, height: Q + 1 }, ...le }), [gt, Tt.left, Q, le]), _o = Ee(() => Tt.top === 0 ? null : Y(jr, { linePoints: [0, 0, Ne + 1, 0], bounds: { x: 0, y: Tt.top, width: Ne + 1, height: 1 }, ...$ }), [gt, Tt.top, Ne, $]), Bn = Ee(() => {
-    const v = [], P = (D) => {
-      if (!D || !Ae[D]) return;
-      const F = Ae[D].getBounds();
-      return Ht("div", { style: { position: "absolute", pointerEvents: "none", left: F.x, top: F.y, width: F.width, height: F.height, clip: `rect(0, ${F.width + 1}px, ${F.height + 1}px, 0)` }, className: `view view-${D}`, children: [Zn?.[D], Jn?.[D], Qt?.[D].cells] }, `view:${D}`);
+    if (!Jt) return;
+    const O = {};
+    for (let A = 0; A < rn.length; A++) {
+      const j = rn[A], V = ze[j], fe = [];
+      Gn(V, v, 0, fe, v ? Jt[j].rangesH : Jt[j].rangesV);
+      const se = V.getRangeCoordsBounds(), xe = Math.ceil(se.width), be = Math.ceil(se.height);
+      O[j] = q("svg", { width: `${xe}`, height: `${be}`, viewBox: `0 0 ${xe} ${be}`, preserveAspectRatio: "none", shapeRendering: "crispEdges", style: { position: "absolute" }, children: fe });
+    }
+    return O;
+  }, Zn = _e(() => x === !0 || x?.horizontal === !0 ? $n(!0) : null, [ut, x, Ie, z, C, _, I, r, i, We, Tt, Jt]), Jn = _e(() => x === !0 || x?.vertical === !0 ? $n(!1) : null, [ut, x, Oe, z, C, _, R, r, i, Q, nt, Jt]), Eo = _e(() => Rt.left === 0 ? null : q(jr, { linePoints: [0, 0, 0, Q + 1], bounds: { x: Rt.left, y: 0, width: 1, height: Q + 1 }, ...le }), [ut, Rt.left, Q, le]), _o = _e(() => Rt.top === 0 ? null : q(jr, { linePoints: [0, 0, We + 1, 0], bounds: { x: 0, y: Rt.top, width: We + 1, height: 1 }, ...B }), [ut, Rt.top, We, B]), Bn = _e(() => {
+    const v = [], O = (A) => {
+      if (!A || !ze[A]) return;
+      const j = ze[A].getBounds();
+      return Ht("div", { style: { position: "absolute", pointerEvents: "none", left: j.x, top: j.y, width: j.width, height: j.height, clip: `rect(0, ${j.width + 1}px, ${j.height + 1}px, 0)` }, className: `view view-${A}`, children: [Zn?.[A], Jn?.[A], Jt?.[A].cells] }, `view:${A}`);
     };
-    for (let D = 0; D < rn.length; D++) v.push(P(rn[D]));
-    return Y(wn, { children: v });
-  }, [Ae, Zn, Jn, Qt]), Io = Ee(() => {
+    for (let A = 0; A < rn.length; A++) v.push(O(rn[A]));
+    return q(wn, { children: v });
+  }, [ze, Zn, Jn, Jt]), Io = _e(() => {
     if (!t) return;
-    const v = (se, ve, ye, ce) => {
+    const v = (se, xe, be, ce) => {
       if (!ce || ce.length === 0) return;
-      const Ve = [];
-      for (let ut = 0; ut < ce.length; ut++) {
-        const Fe = ce[ut];
-        let je = se?.get(Fe);
-        je !== Fo && (je = Fe(ye) ?? Fo), ve.set(Fe, je), je && je !== Fo && Ve.push(je);
+      const Fe = [];
+      for (let ft = 0; ft < ce.length; ft++) {
+        const $e = ce[ft];
+        let Be = se?.get($e);
+        Be !== Fo && (Be = $e(be) ?? Fo), xe.set($e, Be), Be && Be !== Fo && Fe.push(Be);
       }
-      return Ve;
-    }, P = (se, ve, ye) => {
-      if (!ye) return;
-      const ce = ye.getBounds(), Ve = ye.getInsets(), ut = ye.getAnchor();
-      return Ht("div", { className: En("view", `view-${ut}`, Wr.view), style: { position: "absolute", pointerEvents: "none", left: ce.x - Ve.left, top: ce.y - Ve.top, width: ce.width - (Ve.left + Ve.right), height: ce.height - (Ve.top + Ve.bottom), clipPath: C ? "inset(-2px)" : "inset(0px)" }, children: [v(se, ve, ye, k), So?.[ut].overlays] }, `view:${ut}`);
-    }, D = rt.current, F = {}, j = [], fe = Object.keys(Ae);
+      return Fe;
+    }, O = (se, xe, be) => {
+      if (!be) return;
+      const ce = be.getBounds(), Fe = be.getInsets(), ft = be.getAnchor();
+      return Ht("div", { className: En("view", `view-${ft}`, Wr.view), style: { position: "absolute", pointerEvents: "none", left: ce.x - Fe.left, top: ce.y - Fe.top, width: ce.width - (Fe.left + Fe.right), height: ce.height - (Fe.top + Fe.bottom), clipPath: h ? "inset(-2px)" : "inset(0px)" }, children: [v(se, xe, be, T), So?.[ft].overlays] }, `view:${ft}`);
+    }, A = rt.current, j = {}, V = [], fe = Object.keys(ze);
     for (let se = 0; se < fe.length; se++) {
-      const ve = fe[se], ye = D?.[ve], ce = F[ve] = /* @__PURE__ */ new Map();
-      j.push(P(ye, ce, Ae[ve]));
-    }
-    return rt.current = F, j;
-  }, [gt, Ae, C, k]), Co = Ee(() => {
-    const { style: v, ...P } = ee ?? {};
-    return Y("div", { style: { width: Ne, height: Q, ...v }, className: "sheetxl-stage", tabIndex: 0, ref: at, ...P, ...S, children: W ? W(Bn) : Bn });
-  }, [Ne, Q, Bn, ee, W]), Qn = J(!1);
+      const xe = fe[se], be = A?.[xe], ce = j[xe] = /* @__PURE__ */ new Map();
+      V.push(O(be, ce, ze[xe]));
+    }
+    return rt.current = j, V;
+  }, [ut, ze, h, T]), Co = _e(() => {
+    const { style: v, ...O } = J ?? {};
+    return q("div", { style: { width: We, height: Q, ...v }, className: "sheetxl-stage", tabIndex: 0, ref: Ve, ...O, ...Ye, children: K ? K(Bn) : Bn });
+  }, [We, Q, Bn, J, K]), Qn = Z(!1);
   return st(() => {
-    !Qn.current && Qt && (Qn.current = !0, Re?.(vn.current));
-  }, [Qt]), Ht("div", { className: En("sheetxl-grid", Wr["sheetxl-grid"]), style: { overflow: "visible", cursor: R, maxWidth: Ne, maxHeight: Q, width: Ne, height: Q, ..._e }, ref: vn, children: [Co, Ht("div", { className: En("sheetxl-overlays"), ref: pt, ...u, children: [Io, Eo, _o] })] });
+    !Qn.current && Jt && (Qn.current = !0, me?.(vn.current));
+  }, [Jt]), Ht("div", { className: En("sheetxl-grid", Wr["sheetxl-grid"]), style: { overflow: "visible", cursor: P, maxWidth: We, maxHeight: Q, width: We, height: Q, ...Se }, ref: vn, children: [Co, Ht("div", { className: En("sheetxl-overlays"), ref: dt, ...S, children: [Io, Eo, _o] })] });
 }));
 Ci.displayName = "BaseGrid";
-const Mi = Dt(Ut((e, t) => {
+const Mi = At(Ut((e, t) => {
   const { width: n, height: o, style: r = {}, className: i, ...l } = e, [s, { width: a, height: d }] = _i();
-  return Y("div", { className: i, style: { ...r }, children: Y("div", { style: { position: "relative", top: "0px", left: "0px", width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", boxSizing: "content-box" }, ref: s, children: Y(Ci, { ref: t, width: n ?? a, height: o ?? d, ...l }) }) });
+  return q("div", { className: i, style: { ...r }, children: q("div", { style: { position: "relative", top: "0px", left: "0px", width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", boxSizing: "content-box" }, ref: s, children: q(Ci, { ref: t, width: n ?? a, height: o ?? d, ...l }) }) });
 }));
 Mi.displayName = "Grid";
-const rs = Dt(Ut((e, t) => {
-  const { showVerticalScrollbar: n, showHorizontalScrollbar: o, createHorizontalScrollbar: r, createVerticalScrollbar: i, createScrollCorner: l, viewport: s, onScrollViewport: a, style: d = {}, className: g, onScroll: m, ...f } = e, [x, E] = Je(null), I = J(null), M = J(null);
-  ao(!s), Ur(t, () => M.current && I.current ? Object.assign(M.current, I.current) : null);
-  const ae = O((R) => {
-    M.current?.scrollTo(R), a?.(R);
+const rs = At(Ut((e, t) => {
+  const { showVerticalScrollbar: n, showHorizontalScrollbar: o, createHorizontalScrollbar: r, createVerticalScrollbar: i, createScrollCorner: l, viewport: s, onScrollViewport: a, style: d = {}, className: g, onScroll: m, ...f } = e, [x, _] = Ze(null), I = Z(null), R = Z(null);
+  ao(!s), Ur(t, () => R.current && I.current ? Object.assign(R.current, I.current) : null);
+  const ae = D((P) => {
+    R.current?.scrollTo(P), a?.(P);
   }, []);
-  return Y(pi, { className: g, style: d, ref: I, showVerticalScrollbar: n, showHorizontalScrollbar: o, createHorizontalScrollbar: r, createVerticalScrollbar: i, createScrollCorner: l, viewport: x, onScrollViewport: ae, children: Y(Mi, { style: { width: "100%", height: "100%" }, ...f, onViewportChange: (R) => E(R), ref: M }) });
+  return q(pi, { className: g, style: d, ref: I, showVerticalScrollbar: n, showHorizontalScrollbar: o, createHorizontalScrollbar: r, createVerticalScrollbar: i, createScrollCorner: l, viewport: x, onScrollViewport: ae, children: q(Mi, { style: { width: "100%", height: "100%" }, ...f, onViewportChange: (P) => _(P), ref: R }) });
 }));
 rs.displayName = "ScrollableGrid";
-const Nr = () => !1, is = Dt((e) => {
-  const { index: t, value: n, zoom: o, zoomScale: r = 100, headerText: i = (k) => `${k}`, headerStyle: l, headerStyleSelect: s = l, headerStyleSelectAll: a = s, headerStyleHover: d = a, verticalPadding: g = 0, horizontalPadding: m = 0, isSelected: f = Nr, isSelectedAll: x = Nr, coords: E, bounds: I, range: M, orientation: ae, view: R, style: _, ...L } = e, le = r / 100, $ = J(null), [oe, be] = Je(!1), U = f?.(t) || !1, H = x?.(t) ? a : U ? s : l;
+const Nr = () => !1, is = At((e) => {
+  const { index: t, value: n, zoom: o, zoomScale: r = 100, headerText: i = (T) => `${T}`, headerStyle: l, headerStyleSelect: s = l, headerStyleSelectAll: a = s, headerStyleHover: d = a, verticalPadding: g = 0, horizontalPadding: m = 0, isSelected: f = Nr, isSelectedAll: x = Nr, coords: _, bounds: I, range: R, orientation: ae, view: P, style: C, ...z } = e, le = r / 100, B = Z(null), [oe, ve] = Ze(!1), N = f?.(t) || !1, H = x?.(t) ? a : N ? s : l;
   let X = H;
   if (oe) {
-    let k = d;
-    typeof d == "function" && (k = d(H)), X = Ct.mergeContentful(H, k);
+    let T = d;
+    typeof d == "function" && (T = d(H)), X = Ct.mergeContentful(H, T);
   }
-  return Y("div", { ref: $, style: { background: X.fill, color: X.text?.fill, fontFamily: X.text?.fontFamily ?? l.text?.fontFamily, fontSize: 96 * (X.text?.fontSize ?? 11) / 72 * le, fontStyle: X.text?.fontStyle, fontWeight: X.text?.fontWeight, lineHeight: 1.2, display: "flex", justifyContent: "center", alignItems: "end", pointerEvents: "auto", paddingBottom: `${le}px`, ..._, left: _.left - (ae === Nt ? 1 : 0), top: _.top - (ae === cn ? 1 : 0), width: _.width + 1, height: _.height + 1, overflow: "hidden" }, ...L, onMouseMove: (k) => {
-    me.detectIt().primaryInput !== "touch" && k.buttons === 0 && be(!0);
-  }, onMouseOut: (k) => {
-    be(!1);
+  return q("div", { ref: B, style: { background: X.fill, color: X.text?.fill, fontFamily: X.text?.fontFamily ?? l.text?.fontFamily, fontSize: 96 * (X.text?.fontSize ?? 11) / 72 * le, fontStyle: X.text?.fontStyle, fontWeight: X.text?.fontWeight, lineHeight: 1.2, display: "flex", justifyContent: "center", alignItems: "end", pointerEvents: "auto", paddingBottom: `${le}px`, ...C, left: C.left - (ae === Nt ? 1 : 0), top: C.top - (ae === an ? 1 : 0), width: C.width + 1, height: C.height + 1, overflow: "hidden" }, ...z, onMouseMove: (T) => {
+    we.detectIt().primaryInput !== "touch" && T.buttons === 0 && ve(!0);
+  }, onMouseOut: (T) => {
+    ve(!1);
   }, children: i(t) });
 });
 is.displayName = "HeaderRenderer";
-const Ti = "ew-resize", Ri = "ns-resize", ls = Dt(Ut((e, t) => {
-  const { orientation: n, view: o, index: r, className: i, style: l, disabled: s = !1, disabledResize: a = !1, isNextHidden: d, isHidden: g, isSelected: m, isSelectedAll: f, showTouchDivider: x, headerStyle: E, headerStyleSelect: I, headerStyleSelectAll: M, headerStyleHover: ae, bounds: R, onPointerDown: _, onAutoFit: L, ...le } = e, $ = n === Nt;
-  let oe = E;
-  m && I && (oe = I), f && M && (oe = M);
-  const be = me.detectIt().primaryInput === "touch";
-  let U = $ ? 14 : 8, H = U / 2, X = 0;
-  d && (X = -2), g && (X = 2), g && (U = U / 2 + X, H = 2 * X);
-  let k = oe.dividerStrokeFill ?? oe.strokeFill;
-  return !(m || f) && X === 0 && (k = `linear-gradient(${$ ? 180 : 90}deg, ${oe.fill}, ${k} 55%, ${k} 100%)`), Ht("div", { className: En("header-divider", { disabled: s }, i, `index-${r}`), ref: t, onPointerDown: be ? void 0 : _, onDoubleClick: be ? void 0 : () => L?.(), style: { top: ($ ? 0 : -U / 2 + (X - 1)) + "px", left: ($ ? -U / 2 + (X - 1) : 0) + "px", width: $ ? U : "calc(100% + 1px)", height: $ ? "calc(100% + 1px)" : U, position: "absolute", overflow: "visible", pointerEvents: "all", cursor: s || a || be ? void 0 : $ ? Ti : Ri, ...l }, ...le, children: [Y("div", { style: { position: "relative", top: `${$ ? 0 : H}px`, left: `${$ ? H : 0}px`, width: $ ? 1 : "100%", height: $ ? "100%" : 1, background: k }, onDoubleClick: () => L?.() }), x && be ? Y("div", { style: { position: "absolute", cursor: "grab", zIndex: 1, borderRadius: "4px", right: $ ? "-6px" : "2px", bottom: $ ? "2px" : "-9px", height: "24px", width: $ ? "24px" : "18px", maxHeight: $ ? "calc(100% - 4px)" : void 0, maxWidth: $ ? void 0 : "calc(100% - 4px)", background: oe.fill, border: `${M.edgeStrokeFill} solid 1px`, boxShadow: `0.5px 0.5px 0px 0px ${E.text.fill}`, display: "flex", alignItems: "center", justifyContent: "center" }, onPointerDown: _, children: Y("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(I.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: $ ? void 0 : "rotate(90deg)" } }) }) : null] });
-})), ss = (e, t) => Y(ls, { ...e, ref: t }), vs = Dt(Ut((e, t) => {
-  const { orientation: n, view: o, index: r, disabled: i = !1, disabledResize: l = !1, resizeThreshold: s = 1, dividerRenderer: a = ss, onDividerMouseDown: d, onDividerResizeStart: g, onDividerResize: m, onDividerResizeEnd: f, onDividerMouseUp: x, onDividerAutoFit: E, onPointerDown: I, ...M } = e, ae = T(I, [I]), R = T(E, [E]), _ = n === Nt;
-  let L = _ ? o.getVisibleColumns() : o.getVisibleRows(), le = null;
-  L.length > 0 && (_ ? le = o.getRangeCoordsBounds({ rowStart: 0, rowEnd: 0, colStart: L[0], colEnd: L[L.length - 1] }) : o.getRangeCoordsBounds({ rowStart: L[0], rowEnd: L[L.length - 1], colStart: 0, colEnd: 0 }), le = o.toClipBounds(le, tn));
-  const $ = J(null), [oe, be] = Je(null), U = (A, q) => _ ? A.clientX - q.clientX : A.clientY - q.clientY, H = o.getLayout(), X = _ ? H.getColOffset(r + 1) : H.getRowOffset(r + 1), k = On({ processTouch: !0, onPointerDown: (A) => {
-    if (ae?.(A), !i && !l) {
-      const q = _ ? H.getColOffset(r) : H.getRowOffset(r), N = X - q;
-      $.current = { isResizing: !1, startSize: N, index: r, view: o, orientation: n, onDividerMouseDown: d, onDividerResizeStart: g, onDividerResize: m, onDividerResizeEnd: f, onDividerMouseUp: x }, be($.current), d?.(r, N);
-    }
-    A.stopPropagation(), A.preventDefault();
-  }, onPointerUp: (A, q, N) => {
-    if (!$.current) return;
-    $.current.isResizing && $.current.onDividerResizeEnd?.($.current.index, Math.max(0, $.current.startSize + U(A, N)), $.current.startSize);
-    const xe = $.current;
-    $.current = null, be($.current), xe.onDividerMouseUp?.(xe.index);
-  }, onPointerMoveOrWait: (A, q, N) => {
-    if (!$.current) return;
-    const xe = U(A, N);
-    $.current.isResizing ? $.current.onDividerResize?.($.current.index, Math.max(0, $.current.startSize + xe), $.current.startSize) : Math.abs(xe) > Math.max(1, s) && ($.current = { ...$.current, isResizing: !0 }, be($.current), $.current.onDividerResizeStart?.($.current.index, Math.max(0, $.current.startSize + xe))), A.stopPropagation(), A.preventDefault();
-  } }), u = T(() => {
-    R?.(r);
+const Ti = "ew-resize", Ri = "ns-resize", ls = At(Ut((e, t) => {
+  const { orientation: n, view: o, index: r, className: i, style: l, disabled: s = !1, disabledResize: a = !1, isNextHidden: d, isHidden: g, isSelected: m, isSelectedAll: f, showTouchDivider: x, headerStyle: _, headerStyleSelect: I, headerStyleSelectAll: R, headerStyleHover: ae, bounds: P, onPointerDown: C, onAutoFit: z, ...le } = e, B = n === Nt;
+  let oe = _;
+  m && I && (oe = I), f && R && (oe = R);
+  const ve = we.detectIt().primaryInput === "touch";
+  let N = B ? 14 : 8, H = N / 2, X = 0;
+  d && (X = -2), g && (X = 2), g && (N = N / 2 + X, H = 2 * X);
+  let T = oe.dividerStrokeFill ?? oe.strokeFill;
+  return !(m || f) && X === 0 && (T = `linear-gradient(${B ? 180 : 90}deg, ${oe.fill}, ${T} 55%, ${T} 100%)`), Ht("div", { className: En("header-divider", { disabled: s }, i, `index-${r}`), ref: t, onPointerDown: ve ? void 0 : C, onDoubleClick: ve ? void 0 : () => z?.(), style: { top: (B ? 0 : -N / 2 + (X - 1)) + "px", left: (B ? -N / 2 + (X - 1) : 0) + "px", width: B ? N : "calc(100% + 1px)", height: B ? "calc(100% + 1px)" : N, position: "absolute", overflow: "visible", pointerEvents: "all", cursor: s || a || ve ? void 0 : B ? Ti : Ri, ...l }, ...le, children: [q("div", { style: { position: "relative", top: `${B ? 0 : H}px`, left: `${B ? H : 0}px`, width: B ? 1 : "100%", height: B ? "100%" : 1, background: T }, onDoubleClick: () => z?.() }), x && ve ? q("div", { style: { position: "absolute", cursor: "grab", zIndex: 1, borderRadius: "4px", right: B ? "-6px" : "2px", bottom: B ? "2px" : "-9px", height: "24px", width: B ? "24px" : "18px", maxHeight: B ? "calc(100% - 4px)" : void 0, maxWidth: B ? void 0 : "calc(100% - 4px)", background: oe.fill, border: `${R.edgeStrokeFill} solid 1px`, boxShadow: `0.5px 0.5px 0px 0px ${_.text.fill}`, display: "flex", alignItems: "center", justifyContent: "center" }, onPointerDown: C, children: q("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(I.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: B ? void 0 : "rotate(90deg)" } }) }) : null] });
+})), ss = (e, t) => q(ls, { ...e, ref: t }), vs = At(Ut((e, t) => {
+  const { orientation: n, view: o, index: r, disabled: i = !1, disabledResize: l = !1, resizeThreshold: s = 1, dividerRenderer: a = ss, onDividerMouseDown: d, onDividerResizeStart: g, onDividerResize: m, onDividerResizeEnd: f, onDividerMouseUp: x, onDividerAutoFit: _, onPointerDown: I, ...R } = e, ae = k(I, [I]), P = k(_, [_]), C = n === Nt;
+  let z = C ? o.getVisibleColumns() : o.getVisibleRows(), le = null;
+  z.length > 0 && (C ? le = o.getRangeCoordsBounds({ rowStart: 0, rowEnd: 0, colStart: z[0], colEnd: z[z.length - 1] }) : o.getRangeCoordsBounds({ rowStart: z[0], rowEnd: z[z.length - 1], colStart: 0, colEnd: 0 }), le = o.toClipBounds(le, en));
+  const B = Z(null), [oe, ve] = Ze(null), N = (L, U) => C ? L.clientX - U.clientX : L.clientY - U.clientY, H = o.getLayout(), X = C ? H.getColOffset(r + 1) : H.getRowOffset(r + 1), T = On({ processTouch: !0, onPointerDown: (L) => {
+    if (ae?.(L), !i && !l) {
+      const U = C ? H.getColOffset(r) : H.getRowOffset(r), ee = X - U;
+      B.current = { isResizing: !1, startSize: ee, index: r, view: o, orientation: n, onDividerMouseDown: d, onDividerResizeStart: g, onDividerResize: m, onDividerResizeEnd: f, onDividerMouseUp: x }, ve(B.current), d?.(r, ee);
+    }
+    L.stopPropagation(), L.preventDefault();
+  }, onPointerUp: (L, U, ee) => {
+    if (!B.current) return;
+    B.current.isResizing && B.current.onDividerResizeEnd?.(B.current.index, Math.max(0, B.current.startSize + N(L, ee)), B.current.startSize);
+    const te = B.current;
+    B.current = null, ve(B.current), te.onDividerMouseUp?.(te.index);
+  }, onPointerMoveOrWait: (L, U, ee) => {
+    if (!B.current) return;
+    const te = N(L, ee);
+    B.current.isResizing ? B.current.onDividerResize?.(B.current.index, Math.max(0, B.current.startSize + te), B.current.startSize) : Math.abs(te) > Math.max(1, s) && (B.current = { ...B.current, isResizing: !0 }, ve(B.current), B.current.onDividerResizeStart?.(B.current.index, Math.max(0, B.current.startSize + te))), L.stopPropagation(), L.preventDefault();
+  } }), S = k(() => {
+    P?.(r);
   }, [r]);
   if (!le) return;
-  const C = a({ bounds: le, orientation: n, view: o, index: r, disabled: i, disabledResize: l, onAutoFit: u, onPointerDown: k, ...M }, t);
-  if (!C) return;
-  const { getPortalContainer: ee } = gi();
-  let W = null;
-  return oe && oe.isResizing && oe.index === r && (W = Kr(Y("div", { style: { position: "absolute", cursor: _ ? Ti : Ri, left: 0, top: 0, width: "100%", height: "100%" } }), ee(), "divider:" + r)), Ht(wn, { children: [W, Y("div", { className: En("header-divider-anchor"), style: { position: "absolute", pointerEvents: "auto", top: `${_ ? le.y : X}px`, left: `${_ ? X : le.x}px`, width: (_ ? 0 : le.width - 1) + "px", height: (_ ? le.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: C })] });
+  const h = a({ bounds: le, orientation: n, view: o, index: r, disabled: i, disabledResize: l, onAutoFit: S, onPointerDown: T, ...R }, t);
+  if (!h) return;
+  const { getPortalContainer: J } = gi();
+  let K = null;
+  return oe && oe.isResizing && oe.index === r && (K = qr(q("div", { style: { position: "absolute", cursor: C ? Ti : Ri, left: 0, top: 0, width: "100%", height: "100%" } }), J(), "divider:" + r)), Ht(wn, { children: [K, q("div", { className: En("header-divider-anchor"), style: { position: "absolute", pointerEvents: "auto", top: `${C ? le.y : X}px`, left: `${C ? X : le.x}px`, width: (C ? 0 : le.width - 1) + "px", height: (C ? le.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: h })] });
 }));
 class cs {
   naturalDimensions(t, n = {}) {
@@ -3260,92 +3261,92 @@ class cs {
     return i.remove(), { width: s.width, height: s.height, maxLineHeight: 1.2 * (n.paintableText?.fontSize || 1056 / 72) };
   }
 }
-const as = (e = void 0) => Object.freeze({ clean: e, dirty: void 0, editMode: !1 }), ds = as(), ys = Dt(Ut((e, t) => {
-  const { editState: n = ds, defaultTextStyle: o, onStartEdit: r, onChangeEdit: i, onSubmitEdit: l, onCancelEdit: s, onDoneEdit: a, containerBounds: d, setNaturalDimensions: g, onNavigate: m, textProperties: f, style: x, autoFocus: E, ...I } = e, M = J(null), { width: ae = 0 } = d ?? {}, [R, _] = Je(() => n);
+const as = (e = void 0) => Object.freeze({ clean: e, dirty: void 0, editMode: !1 }), ds = as(), ys = At(Ut((e, t) => {
+  const { editState: n = ds, defaultTextStyle: o, onStartEdit: r, onChangeEdit: i, onSubmitEdit: l, onCancelEdit: s, onDoneEdit: a, containerBounds: d, setNaturalDimensions: g, onNavigate: m, textProperties: f, style: x, autoFocus: _, ...I } = e, R = Z(null), { width: ae = 0 } = d ?? {}, [P, C] = Ze(() => n);
   st(() => {
-    _(n);
+    C(n);
   }, [n]);
-  const L = f?.align || "left", le = f?.vAlign || "middle", $ = f?.fill || "#040404", oe = f?.wrap || "wrap", be = f?.fontFamily || "Calibri", U = f?.fontSize || 11, H = f?.fontWeight || 400, X = f?.fontStyle || "normal", k = R.dirty ?? R.clean ?? "";
-  let u = 2;
-  const C = 96 * U / 72, ee = 1.2 * C;
-  le === "right" && (u += 1);
-  const W = Ee(() => new cs().naturalDimensions(k, { maxWidth: oe === "wrap" ? ae - u : void 0, lineHeight: `${ee}px`, paintableText: { fontStyle: X, wrap: oe, letterSpacing: -0.25 } }), [k, oe, u, C, be, H, X, g, ae]), A = O(() => W.maxLineHeight ? W.maxLineHeight + "px" : "1.2", [W]), [q, N] = Je(A);
-  nn(() => {
-    N(A());
-  }, [d, W]), nn(() => {
-    g?.({ width: oe === "wrap" ? void 0 : W.width + u, height: W.height });
-  }, [W, g]);
-  const xe = T(i, [i]), G = T((K) => {
-    if (R.dirty === K) return;
-    const pe = { ...R };
-    pe.dirty = K, M.current, _(pe), xe?.(pe);
-  }, [R]), He = T((K) => {
-    if (R.editMode === K) return;
-    const pe = { ...R };
-    pe.editMode = K, _(pe), xe?.(pe);
-  }, [R]), Ue = T(() => {
+  const z = f?.align || "left", le = f?.vAlign || "middle", B = f?.fill || "#040404", oe = f?.wrap || "wrap", ve = f?.fontFamily || "Calibri", N = f?.fontSize || 11, H = f?.fontWeight || 400, X = f?.fontStyle || "normal", T = P.dirty ?? P.clean ?? "";
+  let S = 2;
+  const h = 96 * N / 72, J = 1.2 * h;
+  le === "right" && (S += 1);
+  const K = _e(() => new cs().naturalDimensions(T, { maxWidth: oe === "wrap" ? ae - S : void 0, lineHeight: `${J}px`, paintableText: { fontStyle: X, wrap: oe, letterSpacing: -0.25 } }), [T, oe, S, h, ve, H, X, g, ae]), L = D(() => K.maxLineHeight ? K.maxLineHeight + "px" : "1.2", [K]), [U, ee] = Ze(L);
+  tn(() => {
+    ee(L());
+  }, [d, K]), tn(() => {
+    g?.({ width: oe === "wrap" ? void 0 : K.width + S, height: K.height });
+  }, [K, g]);
+  const te = k(i, [i]), Y = k((E) => {
+    if (P.dirty === E) return;
+    const Me = { ...P };
+    Me.dirty = E, R.current, C(Me), te?.(Me);
+  }, [P]), He = k((E) => {
+    if (P.editMode === E) return;
+    const Me = { ...P };
+    Me.editMode = E, C(Me), te?.(Me);
+  }, [P]), je = k(() => {
     try {
-      return l?.(R), a?.(), !0;
+      return l?.(P), a?.(), !0;
     } catch {
       return !1;
     }
-  }, [l, R]), We = T(() => {
-    _(n), s?.(), a?.();
-  }, [s, n]), ht = T((K) => {
-    if (!M.current) return;
-    if (K.isDefaultPrevented(), !(K.isTrusted || K.nativeEvent.ctrlKey || K.nativeEvent.metaKey || K.nativeEvent.altKey || K.nativeEvent.isComposing) && vi.indexOf(K.nativeEvent.key) !== -1) {
-      const te = { ...R };
-      return te.dirty = K.nativeEvent.key === "Backspace" ? "" : (te.dirty ?? "") + K.key, _(te), xe?.(te), void K.preventDefault();
-    }
-    const pe = K.nativeEvent.shiftKey;
-    if (K.which === Ji) return K.preventDefault(), void We();
-    if (K.which === ol) return He(!0), void K.preventDefault();
-    if (K.which === Zi && (K.preventDefault(), Ue() && m?.(pe ? it : lt)), K.which === Gi) return K.preventDefault(), void (Ue() && m?.(pe ? ot : Ke));
-    if (!R.editMode) {
-      let te = null;
-      switch (K.which) {
+  }, [l, P]), Ne = k(() => {
+    C(n), s?.(), a?.();
+  }, [s, n]), at = k((E) => {
+    if (!R.current) return;
+    if (E.isDefaultPrevented(), !(E.isTrusted || E.nativeEvent.ctrlKey || E.nativeEvent.metaKey || E.nativeEvent.altKey || E.nativeEvent.isComposing) && vi.indexOf(E.nativeEvent.key) !== -1) {
+      const ue = { ...P };
+      return ue.dirty = E.nativeEvent.key === "Backspace" ? "" : (ue.dirty ?? "") + E.key, C(ue), te?.(ue), void E.preventDefault();
+    }
+    const Me = E.nativeEvent.shiftKey;
+    if (E.which === Ji) return E.preventDefault(), void Ne();
+    if (E.which === ol) return He(!0), void E.preventDefault();
+    if (E.which === Zi && (E.preventDefault(), je() && m?.(Me ? it : lt)), E.which === Gi) return E.preventDefault(), void (je() && m?.(Me ? ot : Ke));
+    if (!P.editMode) {
+      let ue = null;
+      switch (E.which) {
         case Qi:
-          te = ot;
+          ue = ot;
           break;
         case tl:
-          te = Ke;
+          ue = Ke;
           break;
         case el:
-          te = it;
+          ue = it;
           break;
         case nl:
-          te = lt;
+          ue = lt;
       }
-      if (te) return void Ue();
+      if (ue) return void je();
     }
-  }, [R, m]), [_e, S] = Je(!E);
+  }, [P, m]), [Se, Ye] = Ze(!_);
   st(() => {
-    S(!1);
+    Ye(!1);
   }, []);
-  const ue = wo(t, () => ({ startEdit(K) {
-    let pe = K?.initialSelection;
-    if (!pe) {
-      const Re = M.current.value.length ?? 0;
-      pe = { start: Re, end: Re, direction: "forward" };
-    }
-    M.current?.setSelectionRange(pe.start, pe.end, pe.direction);
-    const te = { ...n, editMode: K?.editMode ?? !1 };
-    K?.text !== void 0 && (te.dirty = K.text), te.editMode === n.editMode && te.dirty === n.dirty || (_(te), xe?.(te));
-  }, submitEdit: () => Ue(), cancelEdit() {
-    We();
+  const $ = wo(t, () => ({ startEdit(E) {
+    let Me = E?.initialSelection;
+    if (!Me) {
+      const me = R.current.value.length ?? 0;
+      Me = { start: me, end: me, direction: "forward" };
+    }
+    R.current?.setSelectionRange(Me.start, Me.end, Me.direction);
+    const ue = { ...n, editMode: E?.editMode ?? !1 };
+    E?.text !== void 0 && (ue.dirty = E.text), ue.editMode === n.editMode && ue.dirty === n.dirty || (C(ue), te?.(ue));
+  }, submitEdit: () => je(), cancelEdit() {
+    Ne();
   }, autoFocus() {
-    M.current?.focus();
-  }, getLineHeight: () => W?.maxLineHeight ?? ee, dispatchEvent: (K) => M.current.dispatchEvent(K) }), [n, r]);
-  return Y("div", { ref: ue, ...I, style: { background: "transparent", display: "flex", flexGrow: 1, alignSelf: "center", height: W.height, maxWidth: "100%", maxHeight: "100%", ...x }, children: Y("textarea", { spellCheck: "false", ref: M, value: k, autoFocus: !1, disabled: _e, name: "cell-editor", autoComplete: "off", autoCapitalize: "off", style: { flex: "1 1 100%", position: "relative", fontSize: `${C}px`, fontFamily: `${be}`, fontWeight: `${H}`, fontStyle: `${X}`, padding: "0px", marginRight: L === "right" ? "3px" : "0px", marginLeft: L === "left" ? "2px" : "0px", lineHeight: q, height: W.height, textRendering: "geometricPrecision", letterSpacing: "-0.25px", boxSizing: "border-box", borderWidth: 0, outline: "none", resize: "none", overflow: "hidden", verticalAlign: "baseline", textAlign: L, background: "transparent", color: $, marginBottom: "0px", userSelect: "text", maxHeight: "100%", whiteSpace: oe === "wrap" ? "break-spaces" : "pre", wordWrap: "break-word" }, onChange: (K) => {
-    G(K.target.value);
-  }, onDoubleClick: (K) => {
-    K.isTrusted;
-  }, onMouseDown: (K) => {
+    R.current?.focus();
+  }, getLineHeight: () => K?.maxLineHeight ?? J, dispatchEvent: (E) => R.current.dispatchEvent(E) }), [n, r]);
+  return q("div", { ref: $, ...I, style: { background: "transparent", display: "flex", flexGrow: 1, alignSelf: "center", height: K.height, maxWidth: "100%", maxHeight: "100%", ...x }, children: q("textarea", { spellCheck: "false", ref: R, value: T, autoFocus: !1, disabled: Se, name: "cell-editor", autoComplete: "off", autoCapitalize: "off", style: { flex: "1 1 100%", position: "relative", fontSize: `${h}px`, fontFamily: `${ve}`, fontWeight: `${H}`, fontStyle: `${X}`, padding: "0px", marginRight: z === "right" ? "3px" : "0px", marginLeft: z === "left" ? "2px" : "0px", lineHeight: U, height: K.height, textRendering: "geometricPrecision", letterSpacing: "-0.25px", boxSizing: "border-box", borderWidth: 0, outline: "none", resize: "none", overflow: "hidden", verticalAlign: "baseline", textAlign: z, background: "transparent", color: B, marginBottom: "0px", userSelect: "text", maxHeight: "100%", whiteSpace: oe === "wrap" ? "break-spaces" : "pre", wordWrap: "break-word" }, onChange: (E) => {
+    Y(E.target.value);
+  }, onDoubleClick: (E) => {
+    E.isTrusted;
+  }, onMouseDown: (E) => {
     He(!0);
-  }, onKeyDown: ht }) });
-})), bs = Dt((e) => {
+  }, onKeyDown: at }) });
+})), bs = At((e) => {
   const { value: t, view: n, bounds: o, range: r, zoom: i, children: l, style: s, ...a } = e;
-  return Y("div", { style: { padding: "2px 4px", fontFamily: "Calibri", letterSpacing: -0.25, lineHeight: 1.2, fontSize: s?.fontSize || 1056 / 72, ...s }, ...a, children: t });
+  return q("div", { style: { padding: "2px 4px", fontFamily: "Calibri", letterSpacing: -0.25, lineHeight: 1.2, fontSize: s?.fontSize || 1056 / 72, ...s }, ...a, children: t });
 });
 export {
   Ci as BaseGrid,
@@ -3357,7 +3358,7 @@ export {
   vs as HeaderDivider,
   is as HeaderRenderer,
   xs as RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL,
-  tn as SELECTION_CLIP_INSETS,
+  en as SELECTION_CLIP_INSETS,
   vi as STANDARD_KEY_CHARS,
   jr as SVGLine,
   Yl as SVGRect,