@sheetxl/grid-react 0.3.18 → 0.3.20

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_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 G, 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 Bi } from "react-dom/client";
-import { unstable_batchedUpdates as Fi, createPortal as qr } from "react-dom";
+import Sn, { memo as At, useCallback as D, useRef as G, useEffect as st, useImperativeHandle as Ur, forwardRef as Ut, useMemo as Ee, useLayoutEffect as tn, useState as Ze, version as Kr, createElement as Jo, useReducer as Qo } from "react";
+import { createRoot as $i } from "react-dom/client";
+import { unstable_batchedUpdates as Bi, createPortal as qr } from "react-dom";
 /**
- * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.3.18
+ * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.3.20
  *
  * (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", Ft = "text/html", fn = "text/plain", Mo = "image/png", ji = Object.freeze({ left: 0, top: 0 }), Vi = Object.freeze({ left: 0, top: 0, bottom: 0, right: 0 }), Wi = Object.freeze({ x: 0, y: 0, width: 0, height: 0 });
-Object.freeze(Object.defineProperty({ __proto__: null, EmptyBounds: Wi, EmptyRect: Vi, EmptyTopLeft: ji }, Symbol.toStringTag, { value: "Module" }));
-const Nt = "column", an = "row", Hi = Object.freeze({ colIndex: 0, rowIndex: 0 }), Ni = 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, Ui = (e, t) => e.rowEnd === t.rowEnd ? t.colEnd - e.colEnd : t.rowEnd - e.rowEnd, Ki = (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 ? Ui : Ki : 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 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", Fi = Object.freeze({ left: 0, top: 0 }), ji = Object.freeze({ left: 0, top: 0, bottom: 0, right: 0 }), Vi = Object.freeze({ x: 0, y: 0, width: 0, height: 0 });
+Object.freeze(Object.defineProperty({ __proto__: null, EmptyBounds: Vi, EmptyRect: ji, EmptyTopLeft: Fi }, Symbol.toStringTag, { value: "Module" }));
+const Nt = "column", an = "row", Wi = Object.freeze({ colIndex: 0, rowIndex: 0 }), Hi = 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, Ni = (e, t) => e.rowEnd === t.rowEnd ? t.colEnd - e.colEnd : t.rowEnd - e.rowEnd, Ui = (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 ? Ni : Ui : 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;
@@ -31,7 +31,7 @@ const Nt = "column", an = "row", Hi = Object.freeze({ colIndex: 0, rowIndex: 0 }
     Vo(n, r) && (n.rowStart = Math.min(n.rowStart, r.rowStart), n.colStart = Math.min(n.colStart, r.colStart), n.rowEnd = Math.max(n.rowEnd, r.rowEnd), n.colEnd = Math.max(n.colEnd, r.colEnd));
   }
   return n;
-}, qi = [null, null], Yi = (e, t, n) => {
+}, Ki = [null, null], qi = (e, t, n) => {
   if (e[0].value === e[1].value) return t;
 };
 function cr(e, t = 2, n, o = an, r) {
@@ -42,28 +42,28 @@ function cr(e, t = 2, n, o = an, r) {
     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, _ = f.rowStart, M = f.colEnd, R = f.rowEnd;
-    for (let ae = 1; ae < g; ae++) {
-      const P = d[ae];
+    let m = 0, u = d[0], x = u.colStart, M = u.rowStart, E = u.colEnd, P = u.rowEnd;
+    for (let Q = 1; Q < g; Q++) {
+      const k = d[Q];
       let I = !1;
-      if (I = l ? f && _ === P.rowStart && R === P.rowEnd && M + 1 === P.colStart : f && x === P.colStart && M === P.colEnd && R + 1 === P.rowStart, I) {
-        let z = { colStart: x, rowStart: _, colEnd: l ? P.colEnd : M, 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] = P, z = n(le, z, o);
+      if (I = l ? u && M === k.rowStart && P === k.rowEnd && E + 1 === k.colStart : u && x === k.colStart && E === k.colEnd && P + 1 === k.rowStart, I) {
+        let z = { colStart: x, rowStart: M, colEnd: l ? k.colEnd : E, rowEnd: l ? P : k.rowEnd };
+        if (u.value !== void 0 && (z.value = u.value), n) {
+          const se = r ?? [null, null];
+          se[0] = u, se[1] = k, z = n(se, z, o);
         }
         if (z) {
-          i[m] = z, a = !0, f = z, x = f.colStart, _ = f.rowStart, M = f.colEnd, R = f.rowEnd;
+          i[m] = z, a = !0, u = z, x = u.colStart, M = u.rowStart, E = u.colEnd, P = u.rowEnd;
           continue;
         }
       }
-      i[++m] = P, f = P, x = f.colStart, _ = f.rowStart, M = f.colEnd, R = f.rowEnd;
+      i[++m] = k, u = k, x = u.colStart, M = u.rowStart, E = u.colEnd, P = u.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: Hi, EmptyRange: Ni, cellToRange: (e, t) => {
+const Z = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCell: Wi, EmptyRange: Hi, 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;
@@ -74,14 +74,14 @@ const Z = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCell: Hi,
     let g = !0;
     const m = d !== void 0;
     if (m) {
-      const _ = e ? e(r, d, t) : r === d ? d : void 0;
-      _ === void 0 ? g = !1 : d = _;
+      const M = e ? e(r, d, t) : r === d ? d : void 0;
+      M === void 0 ? g = !1 : d = M;
     }
     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 ? Yi : s, t ? Nt : an, qi) : n) };
+    const u = t ? s : a, x = t ? a : s;
+    o = { colStart: u, rowStart: x, colEnd: u, 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 ? qi : s, t ? Nt : an, Ki) : 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;
@@ -104,20 +104,20 @@ const Z = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCell: Hi,
   let o = e[0];
   for (let r = 1; r < e.length; r++) o = To(o, e[r], n);
   return t && (o = To(o, t, n)), o;
-} }, Symbol.toStringTag, { value: "Module" })), Xi = typeof Symbol == "function" && Symbol.for ? Symbol.for("react.element") : 60103;
-function Gi(e) {
+} }, Symbol.toStringTag, { value: "Module" })), Yi = typeof Symbol == "function" && Symbol.for ? Symbol.for("react.element") : 60103;
+function Xi(e) {
   return /* @__PURE__ */ function(t) {
     return !!t && typeof t == "object";
   }(e) && !function(t) {
     const n = Object.prototype.toString.call(t);
-    return n === "[object RegExp]" || n === "[object Date]" || t.$$typeof === Xi;
+    return n === "[object RegExp]" || n === "[object Date]" || t.$$typeof === Yi;
   }(e);
 }
 function Vn(e, t) {
-  return t.clone !== !1 && t.isMergeableObject(e) ? _n((n = e, Array.isArray(n) ? [] : {}), e, t) : e;
+  return t.clone !== !1 && t.isMergeableObject(e) ? En((n = e, Array.isArray(n) ? [] : {}), e, t) : e;
   var n;
 }
-function Zi(e, t, n) {
+function Gi(e, t, n) {
   return e.concat(t).map(function(o) {
     return Vn(o, n);
   });
@@ -135,8 +135,8 @@ function dr(e, t) {
     return !1;
   }
 }
-function _n(e, t, n) {
-  (n = n || {}).arrayMerge = n.arrayMerge || Zi, n.isMergeableObject = n.isMergeableObject || Gi, n.cloneUnlessOtherwiseSpecified = Vn;
+function En(e, t, n) {
+  (n = n || {}).arrayMerge = n.arrayMerge || Gi, n.isMergeableObject = n.isMergeableObject || Xi, n.cloneUnlessOtherwiseSpecified = Vn;
   const o = Array.isArray(t);
   return o === Array.isArray(e) ? o ? n.arrayMerge(e, t, n) : function(r, i, l) {
     const s = {};
@@ -144,26 +144,26 @@ function _n(e, t, n) {
       s[a] = Vn(r[a], l);
     }), ar(i).forEach(function(a) {
       var d, g;
-      dr(d = r, g = a) && (!Object.hasOwnProperty.call(d, g) || !Object.propertyIsEnumerable.call(d, g)) || (dr(r, a) && l.isMergeableObject(i[a]) ? s[a] = function(m, f) {
-        if (!f.customMerge) return _n;
-        const x = f.customMerge(m);
-        return typeof x == "function" ? x : _n;
+      dr(d = r, g = a) && (!Object.hasOwnProperty.call(d, g) || !Object.propertyIsEnumerable.call(d, g)) || (dr(r, a) && l.isMergeableObject(i[a]) ? s[a] = function(m, u) {
+        if (!u.customMerge) return En;
+        const x = u.customMerge(m);
+        return typeof x == "function" ? x : En;
       }(a, l)(r[a], i[a], l) : s[a] = Vn(i[a], l));
     }), s;
   }(e, t, n) : Vn(t, n);
 }
-_n.all = function(e, t) {
+En.all = function(e, t) {
   if (!Array.isArray(e)) throw new Error("first argument should be an array");
   return e.reduce(function(n, o) {
-    return _n(n, o, t);
+    return En(n, o, t);
   }, {});
 };
-const Ji = Object.freeze([]), Qi = Object.freeze({}), ur = (e) => e, so = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+const Zi = Object.freeze([]), Ji = 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) {
   e[t] && typeof e[t] == "object" ? Jr(e[t]) : e[t] !== null && e[t] !== void 0 || delete e[t], typeof e[t] == "object" && Object.keys(e[t]).length === 0 && delete e[t];
-}), Object.keys(e).length === 0 ? null : e), el = (e, t) => !(e !== t && !Zr(e, t) && !e.isEqual?.(t)), Qr = (e, t, n = el) => {
+}), Object.keys(e).length === 0 ? null : e), Qi = (e, t) => !(e !== t && !Zr(e, t) && !e.isEqual?.(t)), Qr = (e, t, n = Qi) => {
   if (e == null || e === t) return null;
   if (!e || typeof e != "object" || Array.isArray(e) || e.isImmutable?.()) return n(e, t) ? null : e;
   const o = Object.keys(e);
@@ -182,7 +182,7 @@ const Ji = Object.freeze([]), Qi = Object.freeze({}), ur = (e) => e, so = () =>
 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: Ji, EmptyObject: Qi, OSType: jt, 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: Zi, EmptyObject: Ji, 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) => {
@@ -255,7 +255,7 @@ const wr = (e, t = !1) => (document.hasFocus() || t) && (e === document.activeEl
   return Object.freeze(t), Object.keys(t).forEach((n) => {
     typeof t[n] != "object" || t[n] === null || Object.isFrozen(t[n]) || e(t[n]);
   }), t;
-}, deepMerge: _n, diffValues: (e, t) => {
+}, deepMerge: En, diffValues: (e, t) => {
   const n = {}, o = Object.keys(t), r = o.length;
   for (let i = 0; i < r; i++) {
     const l = o[i];
@@ -309,7 +309,7 @@ const wr = (e, t = !1) => (document.hasFocus() || t) && (e === document.activeEl
   const t = e.length;
   if (t > 0 && e[t - 1] !== void 0 && !Fn(e[t - 1])) return e[t - 1];
   let n = e[0] || {};
-  for (let o = 1; o < t; o++) n = _n(n, e[o] || {}, { arrayMerge: (r, i) => [...i] });
+  for (let o = 1; o < t; o++) n = En(n, e[o] || {}, { arrayMerge: (r, i) => [...i] });
   return n;
 }, nextTick: (e) => {
   typeof window < "u" && typeof window.requestAnimationFrame == "function" ? window.requestAnimationFrame(() => {
@@ -456,7 +456,7 @@ const ni = "data:image/png;base64,", oi = "Unable to resolve image.", mr = (e) =
   }
   o || n(oi);
 }), Ro = "image/svg+xml";
-var xr, vr;
+var xr, yr;
 Object.freeze(Object.defineProperty({ __proto__: null, DATA_URL_PNG_PREFIX: ni, getImageDataUrl: (e, t = 1) => new Promise(async (n, o) => {
   let r = null;
   try {
@@ -493,7 +493,7 @@ Object.freeze(Object.defineProperty({ __proto__: null, DATA_URL_PNG_PREFIX: ni,
   };
   if (t === Ro ? await r() : t.startsWith("image/") ? await o() : (await o(), n || await r()), !n) throw new Error("Failed to load image");
   return n;
-} }, Symbol.toStringTag, { value: "Module" })), (vr = xr || (xr = {})).resolveTypedUpdates = (e, t, n, o) => {
+} }, Symbol.toStringTag, { value: "Module" })), (yr = xr || (xr = {})).resolveTypedUpdates = (e, t, n, o) => {
   if (e === null) return e;
   if (e === void 0) return o;
   let r = e;
@@ -513,24 +513,24 @@ Object.freeze(Object.defineProperty({ __proto__: null, DATA_URL_PNG_PREFIX: ni,
     s = null;
     for (let d = 0; d < a.length; d++) {
       const g = a[d];
-      let m, f = r[g];
-      if (f !== void 0) {
+      let m, u = r[g];
+      if (u !== void 0) {
         const x = i[g];
-        m = x ? (0, vr.resolveTypedUpdates)(f, x, n, o?.[g]) : f;
+        m = x ? (0, yr.resolveTypedUpdates)(u, x, n, o?.[g]) : u;
       } else m = o?.[g];
       m != null && (s = s ?? {}, s[g] = m);
     }
   }
   return s;
 };
-const yr = `The Safari browser does not support advanced copy and paste.
+const vr = `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.`, ko = `You do not have permissions to access the clipboard.
 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() === jt.Safari ? yr : ko, PermsRead: Un() === jt.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 ? vr : ko, PermsRead: Un() === jt.Safari ? vr : ko }, Po = async () => new Promise((e) => {
   document.hasFocus() ? e() : globalThis.addEventListener?.("focus", () => {
     e();
   }, { once: !0 }), document.activeElement.focus?.();
@@ -612,7 +612,7 @@ const Ho = async (e, t = Ft) => new Promise(async (n, o) => {
     console.warn("Can't parse html from clipboard.");
   }
   return o;
-}, Kn = "clipboard-uuid", Tn = "web text/uuid", Sr = (e) => `<div style="display:none" ${Kn}="${e}"/>`, tl = (e, t) => {
+}, Kn = "clipboard-uuid", Tn = "web text/uuid", Sr = (e) => `<div style="display:none" ${Kn}="${e}"/>`, el = (e, t) => {
   let n = null;
   try {
     const o = new DOMParser().parseFromString(t, Ft);
@@ -621,7 +621,7 @@ const Ho = async (e, t = Ft) => new Promise(async (n, o) => {
     console.warn("Can't embed uuid.", o);
   }
   return n;
-}, Er = (e, t) => {
+}, _r = (e, t) => {
   if (!t || !e) return !1;
   try {
     const n = t.querySelectorAll(`[${Kn}="${e}"]`);
@@ -648,7 +648,7 @@ let ho = class {
       const e = await Ho(this._nativeClipboard, Tn);
       if (!this._state || e && e === this._state.uuid) return !0;
       const t = await br(this._nativeClipboard, Ft);
-      return !this._state || (Er(this._state.uuid, t) || this.clear(), !0);
+      return !this._state || (_r(this._state.uuid, t) || this.clear(), !0);
     }, async (e) => {
       e?.message === "denied" || e.message?.includes("Document is not focused") || Un() === jt.Safari || console.warn("Unable to detect clipboard changes: ", e);
     });
@@ -671,7 +671,7 @@ let ho = class {
         const t = await Ho(this._nativeClipboard, Tn);
         if (t && t === e._state.uuid) return !0;
         const n = await br(this._nativeClipboard, Ft);
-        if (Er(e._state?.uuid, n)) return !0;
+        if (_r(e._state?.uuid, n)) return !0;
       }
       return e._state = { items: await ii(this._nativeClipboard), uuid: null, ref: null }, this.dispatchEvent(new Event("clipboardread")), !0;
     }, async (t) => {
@@ -694,25 +694,25 @@ let ho = class {
         const s = r[l];
         let a = s.types.indexOf(Ft), d = null;
         if (a !== -1) {
-          const f = await s.getType(Ft);
-          d = await Wo(f), d && (d = tl(o, d));
+          const u = await s.getType(Ft);
+          d = await Wo(u), d && (d = el(o, d));
         }
         if (!d && s.types.includes(fn)) {
-          const f = await s.getType(fn);
-          if (f) {
+          const u = await s.getType(fn);
+          if (u) {
             let x = null;
-            typeof f == "string" ? (console.warn("text as string", f), x = f) : x = await Wo(f), x && (d = `<div ${Kn}="${o}">${x}</div>`);
+            typeof u == "string" ? (console.warn("text as string", u), x = u) : x = await Wo(u), x && (d = `<div ${Kn}="${o}">${x}</div>`);
           }
         }
         if (!d && s.types.includes(Mo)) {
-          const f = await s.getType(Mo), x = ti(await f.arrayBuffer());
+          const u = await s.getType(Mo), x = ti(await u.arrayBuffer());
           d = `<div ${Kn}="${o}"><img src="${ni + x}"/></div>`;
         }
         !d && o && (d = Sr(o));
         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);
+        for (let u = 0; u < s.types.length; u++) {
+          const x = s.types[u];
+          m[x] = u === a ? g : s.getType(x);
         }
         d && a === -1 && (m[Ft] = g), o && (m[Tn] = new Blob([o], { type: Tn })), n.push(new ClipboardItem(m));
       }
@@ -816,7 +816,7 @@ var Lo;
     console.error("vite-plugin-css-injected-by-js", t);
   }
 }();
-const Wn = { Left: "left", Right: "right", Center: "center" }, It = "shift", yn = "alt", zt = "ctrl", li = 9, si = 13, nl = 27, ci = 37, ai = 38, di = 39, ui = 40, ol = 113, _r = 3, mn = { Horizontal: "horizontal", Vertical: "vertical" };
+const Wn = { Left: "left", Right: "right", Center: "center" }, It = "shift", vn = "alt", zt = "ctrl", li = 9, si = 13, tl = 27, ci = 37, ai = 38, di = 39, ui = 40, nl = 113, Er = 3, mn = { Horizontal: "horizontal", Vertical: "vertical" };
 function hi(e) {
   var t, n, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
@@ -830,33 +830,33 @@ function Rn() {
   for (var e, t, n = 0, o = "", r = arguments.length; n < r; n++) (e = arguments[n]) && (t = hi(e)) && (o && (o += " "), o += t);
   return o;
 }
-var rl = function() {
-}, fi = typeof window < "u", il = fi ? tn : st, Ir = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
+var ol = function() {
+}, fi = typeof window < "u", rl = fi ? tn : st, Ir = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
 const In = fi && window.ResizeObserver !== void 0 ? function() {
-  var e = Ze(null), t = e[0], n = e[1], o = Ze(Ir), r = o[0], i = o[1], l = _e(function() {
+  var e = Ze(null), t = e[0], n = e[1], o = Ze(Ir), r = o[0], i = o[1], l = Ee(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, _ = a.left, M = a.bottom, R = a.right;
-        i({ x: d, y: g, width: m, height: f, top: x, left: _, bottom: M, right: R });
+        var a = s[0].contentRect, d = a.x, g = a.y, m = a.width, u = a.height, x = a.top, M = a.left, E = a.bottom, P = a.right;
+        i({ x: d, y: g, width: m, height: u, top: x, left: M, bottom: E, right: P });
       }
     });
   }, []);
-  return il(function() {
+  return rl(function() {
     if (t) return l.observe(t), function() {
       l.disconnect();
     };
   }, [t]), [n, r];
 } : function() {
-  return [rl, Ir];
-}, k = (e, t) => {
+  return [ol, Ir];
+}, R = (e, t) => {
   const n = D((...i) => e?.(...i), t), o = G(null);
   o.current = n;
   const r = D((...i) => o.current?.(...i), []);
   if (o.current) return r;
-}, ll = (e) => {
+}, il = (e) => {
   const { style: t, orientation: n = mn.Vertical, ...o } = e, r = n === mn.Vertical;
   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) => {
+}, ll = (e) => {
   const { style: t, orientation: n = mn.Vertical, ...o } = e, r = n === mn.Vertical;
   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) => {
@@ -871,223 +871,252 @@ const In = fi && window.ResizeObserver !== void 0 ? function() {
 };
 Object.freeze(Object.defineProperty({ __proto__: null, getScrollTo: No }, Symbol.toStringTag, { value: "Module" }));
 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: M = sl, ...R } = e, ae = k(d, [d]), P = G(null), [I, { width: z, height: le }] = In(), [B, { width: oe, height: be }] = In(), N = s === mn.Vertical, H = N ? "top" : "left", X = N ? "scrollTop" : "scrollLeft", T = N ? le : z, S = N ? be : oe, [h, J] = Ze(null);
+  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: u = 260, scrollButtonAdditionalRepeatDelay: x = 120, createScrollStartButton: M = il, createScrollEndButton: E = ll, ...P } = e, Q = R(d, [d]), k = G(null), [I, { width: z, height: se }] = In(), [B, { width: re, height: be }] = In(), N = s === mn.Vertical, H = N ? "top" : "left", X = N ? "scrollTop" : "scrollLeft", T = N ? se : z, S = N ? be : re, [f, J] = Ze(null);
   st(() => {
-    h !== null && P.current && P.current.scrollTo({ behavior: "smooth", [H]: h });
-  }, [h, N]);
+    f !== null && k.current && k.current.scrollTo({ behavior: "smooth", [H]: f });
+  }, [f, 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));
+    if (!k.current) return 0;
+    const _ = k.current.querySelector(".scrollbar-viewport"), Me = _.getBoundingClientRect(), ue = _.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), $e = $ ? me : No(Ye, Me[H], ue, !1, Math.max(0, Ye + m));
+    if (!k.current) return 0;
+    const _ = k.current.querySelector(".scrollbar-viewport"), Me = _.getBoundingClientRect(), ue = _.children, me = Math.ceil(S - T), $e = $ ? me : No(Ye, Me[H], ue, !1, Math.max(0, Ye + m));
     return J($e), Math.min(me, $e);
-  }, [S, T]), U = G(null), ee = D((Ye) => {
+  }, [S, T]), U = G(null), te = D((Ye) => {
     U.current = n;
     const $ = Ye.target[X];
-    a($, r, o), ae?.(Ye);
+    a($, r, o), Q?.(Ye);
   }, [a, r, o, n]);
   st(() => {
     const Ye = U.current;
-    U.current = null, n !== Ye && (P.current[X] = n);
+    U.current = null, n !== Ye && (k.current[X] = n);
   }, [n, X]);
-  const te = G(null), Y = G(null), He = D(() => {
-    te.current && (clearTimeout(te.current), te.current = null, Y.current = null);
-  }, []), Ve = 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 ? Ve(ue, !1, E, x) : He();
+  const ne = G(null), Y = G(null), He = D(() => {
+    ne.current && (clearTimeout(ne.current), ne.current = null, Y.current = null);
+  }, []), Ve = D((Ye, $, _, Me = u) => {
+    Y.current = Ye, ne.current = setTimeout(() => {
+      const ue = _ ? K(Y.current || Ye) : L(Y.current || Ye);
+      ue !== Y.current ? Ve(ue, !1, _, x) : He();
     }, $ ? 0 : Me);
   }, [K, L, He]);
   st(() => () => He(), [He]);
-  const Ne = n, at = _e(() => {
+  const Ne = n, at = Ee(() => {
     if (!g) return null;
     const Ye = { orientation: s, disabled: Math.floor(Ne) <= 0 || Math.floor(S - T) === 0, onMouseUp: He, onMouseLeave: He, onMouseDown: () => Ve(Ne, !0, !0) };
-    return _?.(Ye);
-  }, [g, s, Ne, h, S, T]), Se = _e(() => {
+    return M?.(Ye);
+  }, [g, s, Ne, f, S, T]), Se = Ee(() => {
     if (!g) return null;
     const Ye = { orientation: s, disabled: Math.floor(S - T) <= Math.ceil(Ne), onMouseUp: He, onMouseLeave: He, onMouseDown: () => Ve(Ne, !0, !1) };
-    return M?.(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: I, 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] });
+    return E?.(Ye);
+  }, [g, s, Ne, f, 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), ...P, 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: I, children: q("div", { tabIndex: -1, style: { flex: "1 1 100%", overflowY: N ? "scroll" : "hidden", overflowX: N ? "hidden" : "scroll", position: "relative", willChange: "transform" }, onScroll: te, ref: k, children: q("div", { ref: B, style: { position: "absolute", height: N ? o - r + (se ?? 0) : 1, width: N ? 1 : o - r + (z ?? 0) }, className: "scrollbar-viewport" }) }) }), Se] });
 }));
 er.displayName = "Scrollbar";
-let Cr = Date.now, gn = {}, cl = 1;
+let Cr = Date.now, gn = {}, sl = 1;
 const jn = (e) => {
   let t = gn[e] !== null;
   return t && (gn[e] = null), t;
 }, Mr = (e, t, n, o = 0, r) => {
-  let i = Cr(), l = i, s = 0, a = 0, d = cl++;
-  if (d % 20 == 0) {
-    const m = {};
-    for (let f in gn) m[f] = !0;
-    gn = m;
-  }
-  const g = function(m) {
-    const f = m !== !0, x = Cr();
-    if (!gn[d] || t && !t(d)) return gn[d] = null, void n(60 - a / ((x - i) / 1e3), d, !1);
-    if (f) {
-      const M = Math.round((x - l) / 16.666666666666668) - 1;
-      for (let R = 0; R < Math.min(M, 4); R++) g(!0), a++;
-    }
-    o && (s = (x - i) / o, s > 1 && (s = 1));
-    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));
+  let i = Cr(), l = i, s = 0, a = 0, d = 0, g = sl++;
+  if (g % 20 == 0) {
+    const u = {};
+    for (let x in gn) u[x] = !0;
+    gn = u;
+  }
+  const m = function(u) {
+    let x = u !== !0, M = Cr(), E = !0;
+    try {
+      E = (!t || t(g)) ?? !0;
+    } catch {
+      E = !1;
+    }
+    if (!gn[g] || !E) return gn[g] = null, void n?.(60 - a / ((M - i) / 1e3), g, !1);
+    if (x) {
+      d = Math.round((M - l) / 16.666666666666668) - 1;
+      for (let k = 0; k < Math.min(d, 4); k++) m(!0), a++;
+    }
+    o && (s = (M - i) / o, s > 1 && (s = 1));
+    let P = r ? r(s) : s, Q = !1;
+    try {
+      Q = e(P, M, x);
+    } catch {
+      Q = !1;
+    }
+    Q !== !1 && s !== 1 || !x ? x && (l = M, requestAnimationFrame(m)) : (gn[g] = null, n?.(60 - a / ((M - i) / 1e3), g, s === 1 || o == null));
   };
-  return gn[d] = !0, requestAnimationFrame(g), d;
-};
-var al = function() {
-}, dl = function(e) {
+  return gn[g] = !0, requestAnimationFrame(m), g;
+}, cl = function(e) {
   return Math.pow(e - 1, 3) + 1;
-}, ul = function(e) {
+}, al = function(e) {
   return (e /= 0.5) < 1 ? 0.5 * Math.pow(e, 3) : 0.5 * (Math.pow(e - 2, 3) + 2);
-}, pi = function(e, t) {
-  for (var n in this.__callback = e, this.options = { scrollingX: !0, scrollingY: !0, animating: !0, animationDuration: 250, bouncing: !0, locking: !0, paging: !1, snapping: !1, zooming: !1, minZoom: 0.5, maxZoom: 3, speedMultiplier: 1, scrollingComplete: al, penetrationDeceleration: 0.03, penetrationAcceleration: 0.08 }, t) this.options[n] = t[n];
 };
-pi.prototype = { __isSingleTouch: !1, __isTracking: !1, __didDecelerationComplete: !1, __isGesturing: !1, __isDragging: !1, __isDecelerating: !1, __isAnimating: !1, __clientLeft: 0, __clientTop: 0, __clientWidth: 0, __clientHeight: 0, __contentWidth: 0, __contentHeight: 0, __snapWidth: 100, __snapHeight: 100, __zoomLevel: 1, __scrollLeft: 0, __scrollTop: 0, __maxScrollLeft: 0, __maxScrollTop: 0, __scheduledLeft: 0, __scheduledTop: 0, __scheduledZoom: 0, __lastTouchLeft: null, __lastTouchTop: null, __lastTouchMove: null, __positions: null, __minDecelerationScrollLeft: null, __minDecelerationScrollTop: null, __maxDecelerationScrollLeft: null, __maxDecelerationScrollTop: null, __decelerationVelocityX: null, __decelerationVelocityY: null, setDimensions: function(e, t, n, o) {
-  e !== null && (this.__clientWidth = e), t !== null && (this.__clientHeight = t), n !== null && (this.__contentWidth = n), o !== null && (this.__contentHeight = o), this.__computeScrollMax(), this.scrollTo(this.__scrollLeft, this.__scrollTop, !0);
-}, setPosition: function(e, t) {
-  this.__clientLeft = e || 0, this.__clientTop = t || 0;
-}, setSnapSize: function(e, t) {
-  this.__snapWidth = e, this.__snapHeight = t;
-}, getValues: function() {
-  return { left: this.__scrollLeft, top: this.__scrollTop, right: this.__scrollLeft + this.__clientWidth / this.__zoomLevel, bottom: this.__scrollTop + this.__clientHeight / this.__zoomLevel, zoom: this.__zoomLevel };
-}, getPoint: function(e, t) {
-  var n = this.getValues();
-  return { left: e / n.zoom, top: t / n.zoom };
-}, getScrollMax: function() {
-  return { left: this.__maxScrollLeft, top: this.__maxScrollTop };
-}, zoomTo: function(e, t, n, o, r) {
-  if (!this.options.zooming) throw new Error("Zooming is not enabled!");
-  r && (this.__zoomComplete = r), this.__isDecelerating && (jn(this.__isDecelerating), this.__isDecelerating = !1);
-  var i = this.__zoomLevel;
-  n === void 0 && (n = this.__clientWidth / 2), o === void 0 && (o = this.__clientHeight / 2), e = Math.max(Math.min(e, this.options.maxZoom), this.options.minZoom), this.__computeScrollMax(e);
-  var l = e / i, s = l * (this.__scrollLeft + n) - n, a = l * (this.__scrollTop + o) - o;
-  s > this.__maxScrollLeft ? s = this.__maxScrollLeft : s < 0 && (s = 0), a > this.__maxScrollTop ? a = this.__maxScrollTop : a < 0 && (a = 0), this.__publish(s, a, e, t);
-}, zoomBy: function(e, t, n, o, r) {
-  this.zoomTo(this.__zoomLevel * e, t, n, o, r);
-}, scrollTo: function(e, t, n, o) {
-  if (this.__isDecelerating && (jn(this.__isDecelerating), this.__isDecelerating = !1), o !== void 0 && o !== this.__zoomLevel) {
+class dl {
+  constructor(t, n) {
+    this.__isSingleTouch = !1, this.__isTracking = !1, this.__didDecelerationComplete = !1, this.__isGesturing = !1, this.__isDragging = !1, this.__isDecelerating = 0, this.__isAnimating = 0, this.__interruptedAnimation = !1, this.__lastScale = 1, this.__enableScrollX = !0, this.__enableScrollY = !0, this.__clientLeft = 0, this.__clientTop = 0, this.__clientWidth = 0, this.__clientHeight = 0, this.__contentWidth = 0, this.__contentHeight = 0, this.__snapWidth = 100, this.__snapHeight = 100, this.__zoomLevel = 1, this.__scrollLeft = 0, this.__scrollTop = 0, this.__maxScrollLeft = 0, this.__maxScrollTop = 0, this.__scheduledLeft = 0, this.__scheduledTop = 0, this.__scheduledZoom = 0, this.__lastTouchLeft = 0, this.__lastTouchTop = 0, this.__lastTouchMove = 0, this.__positions = [], this.__initialTouchLeft = 0, this.__initialTouchTop = 0, this.__zoomLevelStart = 1, this.__minDecelerationScrollLeft = null, this.__minDecelerationScrollTop = null, this.__maxDecelerationScrollLeft = null, this.__maxDecelerationScrollTop = null, this.__decelerationVelocityX = null, this.__decelerationVelocityY = 0, this.__callback = t, this.options = { scrollingX: !0, scrollingY: !0, animating: !0, animationDuration: 250, bouncing: !0, locking: !0, paging: !1, snapping: !1, zooming: !1, minZoom: 0.5, maxZoom: 3, speedMultiplier: 1, scrollingComplete: void 0, penetrationDeceleration: 0.03, penetrationAcceleration: 0.08, ...n };
+  }
+  setDimensions(t, n, o, r) {
+    t !== null && (this.__clientWidth = t), n !== null && (this.__clientHeight = n), o !== null && (this.__contentWidth = o), r !== null && (this.__contentHeight = r), this.__computeScrollMax(), this.scrollTo(this.__scrollLeft, this.__scrollTop, !0);
+  }
+  setPosition(t, n) {
+    this.__clientLeft = t || 0, this.__clientTop = n || 0;
+  }
+  setSnapSize(t, n) {
+    this.__snapWidth = t, this.__snapHeight = n;
+  }
+  getValues() {
+    return { left: this.__scrollLeft, top: this.__scrollTop, right: this.__scrollLeft + this.__clientWidth / this.__zoomLevel, bottom: this.__scrollTop + this.__clientHeight / this.__zoomLevel, zoom: this.__zoomLevel };
+  }
+  getPoint(t, n) {
+    const o = this.getValues();
+    return { left: t / o.zoom, top: n / o.zoom };
+  }
+  getScrollMax() {
+    return { left: this.__maxScrollLeft, top: this.__maxScrollTop };
+  }
+  zoomTo(t, n = !1, o, r, i) {
     if (!this.options.zooming) throw new Error("Zooming is not enabled!");
-    e *= o, t *= o, this.__computeScrollMax(o);
-  } else o = this.__zoomLevel;
-  this.options.scrollingX ? this.options.paging ? e = Math.round(e / this.__clientWidth) * this.__clientWidth : this.options.snapping && (e = Math.round(e / this.__snapWidth) * this.__snapWidth) : e = this.__scrollLeft, this.options.scrollingY ? this.options.paging ? t = Math.round(t / this.__clientHeight) * this.__clientHeight : this.options.snapping && (t = Math.round(t / this.__snapHeight) * this.__snapHeight) : t = this.__scrollTop, e = Math.max(Math.min(this.__maxScrollLeft, e), 0), t = Math.max(Math.min(this.__maxScrollTop, t), 0), e === this.__scrollLeft && t === this.__scrollTop && (n = !1), this.__publish(e, t, o, n);
-}, scrollBy: function(e, t, n) {
-  var o = this.__isAnimating ? this.__scheduledLeft : this.__scrollLeft, r = this.__isAnimating ? this.__scheduledTop : this.__scrollTop;
-  this.scrollTo(o + (e || 0), r + (t || 0), n);
-}, doMouseZoom: function(e, t, n, o) {
-  var r = e > 0 ? 0.97 : 1.03;
-  return this.zoomTo(this.__zoomLevel * r, !1, n - this.__clientLeft, o - this.__clientTop);
-}, doTouchStart: function(e, t) {
-  if (e.length === void 0) throw new Error("Invalid touch list: " + e);
-  if (t instanceof Date && (t = t.valueOf()), typeof t != "number") throw new Error("Invalid timestamp value: " + t);
-  var n, o;
-  this.__interruptedAnimation = !0, this.__isDecelerating && (jn(this.__isDecelerating), this.__isDecelerating = !1, this.__interruptedAnimation = !0), this.__isAnimating && (jn(this.__isAnimating), this.__isAnimating = !1, this.__interruptedAnimation = !0);
-  var r = e.length === 1;
-  r ? (n = e[0].pageX, o = e[0].pageY) : (n = Math.abs(e[0].pageX + e[1].pageX) / 2, o = Math.abs(e[0].pageY + e[1].pageY) / 2), this.__initialTouchLeft = n, this.__initialTouchTop = o, this.__zoomLevelStart = this.__zoomLevel, this.__lastTouchLeft = n, this.__lastTouchTop = o, this.__lastTouchMove = t, this.__lastScale = 1, this.__enableScrollX = !r && this.options.scrollingX, this.__enableScrollY = !r && this.options.scrollingY, this.__isTracking = !0, this.__didDecelerationComplete = !1, this.__isDragging = !r, this.__isSingleTouch = r, this.__positions = [];
-}, doTouchMove: function(e, t, n) {
-  if (e.length === void 0) throw new Error("Invalid touch list: " + e);
-  if (t instanceof Date && (t = t.valueOf()), typeof t != "number") throw new Error("Invalid timestamp value: " + t);
-  if (this.__isTracking) {
-    var o, r;
-    e.length === 2 ? (o = Math.abs(e[0].pageX + e[1].pageX) / 2, r = Math.abs(e[0].pageY + e[1].pageY) / 2) : (o = e[0].pageX, r = e[0].pageY);
-    var i = this.__positions;
+    i && (this.__zoomComplete = i), this.__isDecelerating && (jn(this.__isDecelerating), this.__isDecelerating = 0);
+    const l = this.__zoomLevel;
+    o === void 0 && (o = this.__clientWidth / 2), r === void 0 && (r = this.__clientHeight / 2), t = Math.max(Math.min(t, this.options.maxZoom), this.options.minZoom), this.__computeScrollMax(t);
+    const s = t / l;
+    let a = s * (this.__scrollLeft + o) - o, d = s * (this.__scrollTop + r) - r;
+    a > this.__maxScrollLeft ? a = this.__maxScrollLeft : a < 0 && (a = 0), d > this.__maxScrollTop ? d = this.__maxScrollTop : d < 0 && (d = 0), this.__publish(a, d, t, n);
+  }
+  zoomBy(t, n = !1, o = 0, r = 0, i) {
+    this.zoomTo(this.__zoomLevel * t, n, o, r, i);
+  }
+  scrollTo(t, n, o = !1, r = 1) {
+    if (this.__isDecelerating && (jn(this.__isDecelerating), this.__isDecelerating = 0), r !== void 0 && r !== this.__zoomLevel) {
+      if (!this.options.zooming) throw new Error("Zooming is not enabled!");
+      t *= r, n *= r, this.__computeScrollMax(r);
+    } else r = this.__zoomLevel;
+    this.options.scrollingX ? this.options.paging ? t = Math.round(t / this.__clientWidth) * this.__clientWidth : this.options.snapping && (t = Math.round(t / this.__snapWidth) * this.__snapWidth) : t = this.__scrollLeft, this.options.scrollingY ? this.options.paging ? n = Math.round(n / this.__clientHeight) * this.__clientHeight : this.options.snapping && (n = Math.round(n / this.__snapHeight) * this.__snapHeight) : n = this.__scrollTop, t = Math.max(Math.min(this.__maxScrollLeft, t), 0), n = Math.max(Math.min(this.__maxScrollTop, n), 0), t === this.__scrollLeft && n === this.__scrollTop && (o = !1), this.__publish(t, n, r, o);
+  }
+  scrollBy(t = 0, n = 0, o = !1) {
+    const r = this.__isAnimating ? this.__scheduledLeft : this.__scrollLeft, i = this.__isAnimating ? this.__scheduledTop : this.__scrollTop;
+    this.scrollTo(r + (t || 0), i + (n || 0), o);
+  }
+  doMouseZoom(t, n, o, r) {
+    const i = t > 0 ? 0.97 : 1.03;
+    return this.zoomTo(this.__zoomLevel * i, !1, o - this.__clientLeft, r - this.__clientTop);
+  }
+  doTouchStart(t, n) {
+    if (t.length === void 0) throw new Error("Invalid touch list: " + t);
+    if (n instanceof Date && (n = n.valueOf()), typeof n != "number") throw new Error("Invalid timestamp value: " + n);
+    let o, r;
+    this.__interruptedAnimation = !0, this.__isDecelerating && (jn(this.__isDecelerating), this.__isDecelerating = 0, this.__interruptedAnimation = !0), this.__isAnimating && (jn(this.__isAnimating), this.__isAnimating = 0, this.__interruptedAnimation = !0);
+    let i = t.length === 1;
+    i ? (o = t[0].pageX, r = t[0].pageY) : (o = Math.abs(t[0].pageX + t[1].pageX) / 2, r = Math.abs(t[0].pageY + t[1].pageY) / 2), this.__initialTouchLeft = o, this.__initialTouchTop = r, this.__zoomLevelStart = this.__zoomLevel, this.__lastTouchLeft = o, this.__lastTouchTop = r, this.__lastTouchMove = n, this.__lastScale = 1, this.__enableScrollX = !i && this.options.scrollingX, this.__enableScrollY = !i && this.options.scrollingY, this.__isTracking = !0, this.__didDecelerationComplete = !1, this.__isDragging = !i, this.__isSingleTouch = i, this.__positions = [];
+  }
+  doTouchMove(t, n, o = 1) {
+    if (t.length === void 0) throw new Error("Invalid touch list: " + t);
+    if (n instanceof Date && (n = n.valueOf()), typeof n != "number") throw new Error("Invalid timestamp value: " + n);
+    if (!this.__isTracking) return;
+    let r, i;
+    t.length === 2 ? (r = Math.abs(t[0].pageX + t[1].pageX) / 2, i = Math.abs(t[0].pageY + t[1].pageY) / 2) : (r = t[0].pageX, i = t[0].pageY);
+    let l = this.__positions;
     if (this.__isDragging) {
-      var l = o - this.__lastTouchLeft, s = r - this.__lastTouchTop, a = this.__scrollLeft, d = this.__scrollTop, g = this.__zoomLevel;
-      if (n !== void 0 && this.options.zooming) {
-        var m = g;
-        if (g = g / this.__lastScale * n, m !== (g = Math.max(Math.min(g, this.options.maxZoom), this.options.minZoom))) {
-          var f = o - this.__clientLeft, x = r - this.__clientTop;
-          a = (f + a) * g / m - f, d = (x + d) * g / m - x, this.__computeScrollMax(g);
+      let s = r - this.__lastTouchLeft, a = i - this.__lastTouchTop, d = this.__scrollLeft, g = this.__scrollTop, m = this.__zoomLevel;
+      if (o !== void 0 && this.options.zooming) {
+        let u = m;
+        if (m = m / this.__lastScale * o, m = Math.max(Math.min(m, this.options.maxZoom), this.options.minZoom), u !== m) {
+          let x = r - this.__clientLeft, M = i - this.__clientTop;
+          d = (x + d) * m / u - x, g = (M + g) * m / u - M, this.__computeScrollMax(m);
         }
       }
       if (this.__enableScrollX) {
-        a -= l * this.options.speedMultiplier;
-        var _ = this.__maxScrollLeft;
-        (a > _ || a < 0) && (this.options.bouncing ? a += l / 2 * this.options.speedMultiplier : a = a > _ ? _ : 0);
+        d -= s * this.options.speedMultiplier;
+        let u = this.__maxScrollLeft;
+        (d > u || d < 0) && (this.options.bouncing ? d += s / 2 * this.options.speedMultiplier : d = d > u ? u : 0);
       }
       if (this.__enableScrollY) {
-        d -= s * this.options.speedMultiplier;
-        var M = this.__maxScrollTop;
-        (d > M || d < 0) && (this.options.bouncing ? d += s / 2 * this.options.speedMultiplier : d = d > M ? M : 0);
+        g -= a * this.options.speedMultiplier;
+        const u = this.__maxScrollTop;
+        (g > u || g < 0) && (this.options.bouncing ? g += a / 2 * this.options.speedMultiplier : g = g > u ? u : 0);
       }
-      i.length > 60 && i.splice(0, 30), i.push(a, d, t), this.__publish(a, d, g);
+      l.length > 60 && l.splice(0, 30), l.push(d, g, n), this.__publish(d, g, m);
     } else {
-      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;
-  }
-}, doTouchEnd: function(e) {
-  if (e instanceof Date && (e = e.valueOf()), typeof e != "number") throw new Error("Invalid timestamp value: " + e);
-  if (this.__isTracking) {
-    if (this.__isTracking = !1, this.__isDragging) if (this.__isDragging = !1, this.__isSingleTouch && this.options.animating && e - this.__lastTouchMove <= 100) {
-      for (var t = this.__positions, n = t.length - 1, o = n, r = n; r > 0 && t[r] > this.__lastTouchMove - 100; r -= 3) o = r;
-      if (o !== n) {
-        var i = t[n] - t[o], l = this.__scrollLeft - t[o - 2], s = this.__scrollTop - t[o - 1];
-        this.__decelerationVelocityX = l / i * (1e3 / 60), this.__decelerationVelocityY = s / i * (1e3 / 60);
-        var a = this.options.paging || this.options.snapping ? 4 : 1;
-        (Math.abs(this.__decelerationVelocityX) > a || Math.abs(this.__decelerationVelocityY) > a) && this.__startDeceleration(e);
-      } else this.options.scrollingComplete();
-    } else e - this.__lastTouchMove > 100 && this.options.scrollingComplete();
-    this.__isDecelerating || ((this.__interruptedAnimation || this.__isDragging) && this.options.scrollingComplete(), this.scrollTo(this.__scrollLeft, this.__scrollTop, !0, this.__zoomLevel)), this.__positions.length = 0;
-  }
-}, __publish: function(e, t, n, o) {
-  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(_, M, 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(_, M, R) {
-      M === this.__isAnimating && (this.__isAnimating = !1), (this.__didDecelerationComplete || R) && this.options.scrollingComplete(), this.options.zooming && (this.__computeScrollMax(), this.__zoomComplete && (this.__zoomComplete(), this.__zoomComplete = null));
+      let s = this.options.locking ? 3 : 0, a = 5, d = Math.abs(r - this.__initialTouchLeft), g = Math.abs(i - this.__initialTouchTop);
+      this.__enableScrollX = this.options.scrollingX && d >= s, this.__enableScrollY = this.options.scrollingY && g >= s, l.push(this.__scrollLeft, this.__scrollTop, n), this.__isDragging = (this.__enableScrollX || this.__enableScrollY) && (d >= a || g >= a), this.__isDragging && (this.__interruptedAnimation = !1);
+    }
+    this.__lastTouchLeft = r, this.__lastTouchTop = i, this.__lastTouchMove = n, this.__lastScale = o;
+  }
+  doTouchEnd(t) {
+    if (t instanceof Date && (t = t.valueOf()), typeof t != "number") throw new Error("Invalid timestamp value: " + t);
+    if (this.__isTracking) {
+      if (this.__isTracking = !1, this.__isDragging) if (this.__isDragging = !1, this.__isSingleTouch && this.options.animating && t - this.__lastTouchMove <= 100) {
+        let n = this.__positions, o = n.length - 1, r = o;
+        for (let i = o; i > 0 && n[i] > this.__lastTouchMove - 100; i -= 3) r = i;
+        if (r !== o) {
+          const i = n[o] - n[r], l = this.__scrollLeft - n[r - 2], s = this.__scrollTop - n[r - 1];
+          this.__decelerationVelocityX = l / i * (1e3 / 60), this.__decelerationVelocityY = s / i * (1e3 / 60);
+          const a = this.options.paging || this.options.snapping ? 4 : 1;
+          (Math.abs(this.__decelerationVelocityX) > a || Math.abs(this.__decelerationVelocityY) > a) && this.__startDeceleration(t);
+        } else this.options.scrollingComplete?.();
+      } else t - this.__lastTouchMove > 100 && this.options.scrollingComplete?.();
+      this.__isDecelerating || ((this.__interruptedAnimation || this.__isDragging) && this.options.scrollingComplete?.(), this.scrollTo(this.__scrollLeft, this.__scrollTop, !0, this.__zoomLevel)), this.__positions.length = 0;
+    }
+  }
+  __publish(t, n, o, r = !1) {
+    const i = this.__isAnimating;
+    if (i && (jn(i), this.__isAnimating = 0), r && this.options.animating) {
+      this.__scheduledLeft = t, this.__scheduledTop = n, this.__scheduledZoom = o;
+      const l = this.__scrollLeft, s = this.__scrollTop, a = this.__zoomLevel, d = t - l, g = n - s, m = o - a, u = function(E, P, Q) {
+        Q && (this.__scrollLeft = l + d * E, this.__scrollTop = s + g * E, this.__zoomLevel = a + m * E, this.__callback && this.__callback(this.__scrollLeft, this.__scrollTop, this.__zoomLevel));
+      }.bind(this), x = function(E) {
+        return this.__isAnimating === E;
+      }.bind(this), M = function(E, P, Q) {
+        P === this.__isAnimating && (this.__isAnimating = !1), (this.__didDecelerationComplete || Q) && this.options.scrollingComplete?.(), this.options.zooming && (this.__computeScrollMax(), this.__zoomComplete && (this.__zoomComplete(), this.__zoomComplete = null));
+      }.bind(this);
+      this.__isAnimating = Mr(u, x, M, this.options.animationDuration, i ? cl : al);
+    } else this.__scheduledLeft = this.__scrollLeft = t, this.__scheduledTop = this.__scrollTop = n, this.__scheduledZoom = this.__zoomLevel = o, this.__callback && this.__callback(t, n, o), this.options.zooming && (this.__computeScrollMax(), this.__zoomComplete && (this.__zoomComplete(), this.__zoomComplete = null));
+  }
+  __computeScrollMax(t = this.__zoomLevel) {
+    this.__maxScrollLeft = Math.max(this.__contentWidth * t - this.__clientWidth, 0), this.__maxScrollTop = Math.max(this.__contentHeight * t - this.__clientHeight, 0);
+  }
+  __startDeceleration(t) {
+    if (this.options.paging) {
+      const l = Math.max(Math.min(this.__scrollLeft, this.__maxScrollLeft), 0), s = Math.max(Math.min(this.__scrollTop, this.__maxScrollTop), 0), a = this.__clientWidth, d = this.__clientHeight;
+      this.__minDecelerationScrollLeft = Math.floor(l / a) * a, this.__minDecelerationScrollTop = Math.floor(s / d) * d, this.__maxDecelerationScrollLeft = Math.ceil(l / a) * a, this.__maxDecelerationScrollTop = Math.ceil(s / d) * d;
+    } else this.__minDecelerationScrollLeft = 0, this.__minDecelerationScrollTop = 0, this.__maxDecelerationScrollLeft = this.__maxScrollLeft, this.__maxDecelerationScrollTop = this.__maxScrollTop;
+    const n = function(l, s, a) {
+      this.__stepThroughDeceleration(a);
+    }.bind(this), o = this.options.snapping ? 4 : 0.1, r = function() {
+      const l = Math.abs(this.__decelerationVelocityX) >= o || Math.abs(this.__decelerationVelocityY) >= o;
+      return l || (this.__didDecelerationComplete = !0), l;
+    }.bind(this), i = function(l, s, a) {
+      this.__isDecelerating = 0, this.__didDecelerationComplete && this.options.scrollingComplete?.(), this.scrollTo(this.__scrollLeft, this.__scrollTop, this.options.snapping);
     }.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));
-}, __computeScrollMax: function(e) {
-  e === void 0 && (e = this.__zoomLevel), this.__maxScrollLeft = Math.max(this.__contentWidth * e - this.__clientWidth, 0), this.__maxScrollTop = Math.max(this.__contentHeight * e - this.__clientHeight, 0);
-}, __startDeceleration: function(e) {
-  if (this.options.paging) {
-    var t = Math.max(Math.min(this.__scrollLeft, this.__maxScrollLeft), 0), n = Math.max(Math.min(this.__scrollTop, this.__maxScrollTop), 0), o = this.__clientWidth, r = this.__clientHeight;
-    this.__minDecelerationScrollLeft = Math.floor(t / o) * o, this.__minDecelerationScrollTop = Math.floor(n / r) * r, this.__maxDecelerationScrollLeft = Math.ceil(t / o) * o, this.__maxDecelerationScrollTop = Math.ceil(n / r) * r;
-  } else this.__minDecelerationScrollLeft = 0, this.__minDecelerationScrollTop = 0, this.__maxDecelerationScrollLeft = this.__maxScrollLeft, this.__maxDecelerationScrollTop = this.__maxScrollTop;
-  var i = function(d, g, m) {
-    this.__stepThroughDeceleration(m);
-  }.bind(this), l = this.options.snapping ? 4 : 0.1, s = function() {
-    var d = Math.abs(this.__decelerationVelocityX) >= l || Math.abs(this.__decelerationVelocityY) >= l;
-    return d || (this.__didDecelerationComplete = !0), d;
-  }.bind(this), a = function(d, g, m) {
-    this.__isDecelerating = !1, this.__didDecelerationComplete && this.options.scrollingComplete(), this.scrollTo(this.__scrollLeft, this.__scrollTop, this.options.snapping);
-  }.bind(this);
-  this.__isDecelerating = Mr(i, s, a);
-}, __stepThroughDeceleration: function(e) {
-  var t = this.__scrollLeft + this.__decelerationVelocityX, n = this.__scrollTop + this.__decelerationVelocityY;
-  if (!this.options.bouncing) {
-    var o = Math.max(Math.min(this.__maxDecelerationScrollLeft, t), this.__minDecelerationScrollLeft);
-    o !== t && (t = o, this.__decelerationVelocityX = 0);
-    var r = Math.max(Math.min(this.__maxDecelerationScrollTop, n), this.__minDecelerationScrollTop);
-    r !== n && (n = r, this.__decelerationVelocityY = 0);
-  }
-  if (e ? this.__publish(t, n, this.__zoomLevel) : (this.__scrollLeft = t, this.__scrollTop = n), !this.options.paging && (this.__decelerationVelocityX *= 0.95, this.__decelerationVelocityY *= 0.95), this.options.bouncing) {
-    var i = 0, l = 0, s = this.options.penetrationDeceleration, a = this.options.penetrationAcceleration;
-    t < this.__minDecelerationScrollLeft ? i = this.__minDecelerationScrollLeft - t : t > this.__maxDecelerationScrollLeft && (i = this.__maxDecelerationScrollLeft - t), n < this.__minDecelerationScrollTop ? l = this.__minDecelerationScrollTop - n : n > this.__maxDecelerationScrollTop && (l = this.__maxDecelerationScrollTop - n), i !== 0 && (i * this.__decelerationVelocityX <= 0 ? this.__decelerationVelocityX += i * s : this.__decelerationVelocityX = i * a), l !== 0 && (l * this.__decelerationVelocityY <= 0 ? this.__decelerationVelocityY += l * s : this.__decelerationVelocityY = l * a);
-  }
-} };
+    this.__isDecelerating = Mr(n, r, i);
+  }
+  __stepThroughDeceleration(t) {
+    let n = this.__scrollLeft + this.__decelerationVelocityX, o = this.__scrollTop + this.__decelerationVelocityY;
+    if (!this.options.bouncing) {
+      const r = Math.max(Math.min(this.__maxDecelerationScrollLeft, n), this.__minDecelerationScrollLeft);
+      r !== n && (n = r, this.__decelerationVelocityX = 0);
+      const i = Math.max(Math.min(this.__maxDecelerationScrollTop, o), this.__minDecelerationScrollTop);
+      i !== o && (o = i, this.__decelerationVelocityY = 0);
+    }
+    if (t ? this.__publish(n, o, this.__zoomLevel) : (this.__scrollLeft = n, this.__scrollTop = o), !this.options.paging && (this.__decelerationVelocityX *= 0.95, this.__decelerationVelocityY *= 0.95), this.options.bouncing) {
+      let r = 0, i = 0, l = this.options.penetrationDeceleration, s = this.options.penetrationAcceleration;
+      n < this.__minDecelerationScrollLeft ? r = this.__minDecelerationScrollLeft - n : n > this.__maxDecelerationScrollLeft && (r = this.__maxDecelerationScrollLeft - n), o < this.__minDecelerationScrollTop ? i = this.__minDecelerationScrollTop - o : o > this.__maxDecelerationScrollTop && (i = this.__maxDecelerationScrollTop - o), r !== 0 && (r * this.__decelerationVelocityX <= 0 ? this.__decelerationVelocityX += r * l : this.__decelerationVelocityX = r * s), i !== 0 && (i * this.__decelerationVelocityY <= 0 ? this.__decelerationVelocityY += i * l : this.__decelerationVelocityY = i * s);
+    }
+  }
+}
 var Gt = typeof window < "u" ? window : { screen: {}, navigator: {} }, Ln = (Gt.matchMedia || function() {
   return { matches: !1 };
-}).bind(Gt), gi = !1, hl = { get passive() {
-  return gi = !0;
+}).bind(Gt), pi = !1, ul = { get passive() {
+  return pi = !0;
 } }, Tr = function() {
 };
-Gt.addEventListener && Gt.addEventListener("p", Tr, hl), Gt.removeEventListener && Gt.removeEventListener("p", Tr, !1);
-var fl = gi, pl = "PointerEvent" in Gt, tr = "ontouchstart" in Gt, wi = tr || "TouchEvent" in Gt && Ln("(any-pointer: coarse)").matches, Rr = (Gt.navigator.maxTouchPoints || 0) > 0 || wi, mi = Gt.navigator.userAgent || "", gl = Ln("(pointer: coarse)").matches && /iPad|Macintosh/.test(mi) && Math.min(Gt.screen.width || 0, Gt.screen.height || 0) >= 768, xi = (Ln("(pointer: coarse)").matches || !Ln("(pointer: fine)").matches && tr) && !/Windows.*Firefox/.test(mi), wl = Ln("(any-pointer: fine)").matches || Ln("(any-hover: hover)").matches || gl || !tr, Uo = !Rr || !wl && xi ? Rr ? "touchOnly" : "mouseOnly" : "hybrid", ml = Uo === "mouseOnly" ? "mouse" : Uo === "touchOnly" || xi ? "touch" : "mouse";
-const xl = Object.freeze(Object.defineProperty({ __proto__: null, deviceType: Uo, primaryInput: ml, supportsPassiveEvents: fl, supportsPointerEvents: pl, supportsTouchEvents: wi }, Symbol.toStringTag, { value: "Module" })), vl = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]), vi = {};
+Gt.addEventListener && Gt.addEventListener("p", Tr, ul), Gt.removeEventListener && Gt.removeEventListener("p", Tr, !1);
+var hl = pi, fl = "PointerEvent" in Gt, tr = "ontouchstart" in Gt, gi = tr || "TouchEvent" in Gt && Ln("(any-pointer: coarse)").matches, Rr = (Gt.navigator.maxTouchPoints || 0) > 0 || gi, wi = Gt.navigator.userAgent || "", pl = Ln("(pointer: coarse)").matches && /iPad|Macintosh/.test(wi) && Math.min(Gt.screen.width || 0, Gt.screen.height || 0) >= 768, mi = (Ln("(pointer: coarse)").matches || !Ln("(pointer: fine)").matches && tr) && !/Windows.*Firefox/.test(wi), gl = Ln("(any-pointer: fine)").matches || Ln("(any-hover: hover)").matches || pl || !tr, Uo = !Rr || !gl && mi ? Rr ? "touchOnly" : "mouseOnly" : "hybrid", wl = Uo === "mouseOnly" ? "mouse" : Uo === "touchOnly" || mi ? "touch" : "mouse";
+const ml = Object.freeze(Object.defineProperty({ __proto__: null, deviceType: Uo, primaryInput: wl, supportsPassiveEvents: hl, supportsPointerEvents: fl, supportsTouchEvents: gi }, Symbol.toStringTag, { value: "Module" })), xl = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]), xi = {};
 function Ko() {
-  return xl;
+  return ml;
 }
-const we = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCssProperties: vi, boundPixel: function(e, t = !1, n = 0) {
+const we = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCssProperties: xi, boundPixel: function(e, t = !1, n = 0) {
   return e;
 }, createSyntheticEvent: (e) => {
   let t = !1, n = !1;
@@ -1097,7 +1126,7 @@ const we = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCssProper
     n = !0, e.stopPropagation();
   }, isPropagationStopped: () => n, persist: () => {
   }, timeStamp: e.timeStamp, type: e.type };
-}, detectIt: Ko, focusableNodeNames: vl, toPrettyKeyCode: (e) => e === "BracketLeft" ? "[" : e === "BracketRight" ? "]" : Ct.camelToPrettyCase(e) }, Symbol.toStringTag, { value: "Module" })), yl = [];
+}, detectIt: Ko, focusableNodeNames: xl, toPrettyKeyCode: (e) => e === "BracketLeft" ? "[" : e === "BracketRight" ? "]" : Ct.camelToPrettyCase(e) }, Symbol.toStringTag, { value: "Module" })), yl = [];
 function wo(e, t, n = yl) {
   const o = G(null);
   return Ur(e, () => {
@@ -1112,53 +1141,53 @@ function wo(e, t, n = yl) {
     return r;
   }, n), o;
 }
-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` } }), yi = 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]), M = wo(t, () => ({ isScrollPane: () => !0 }), []), R = G(null);
+const kr = (e) => q(er, { ...e }), vl = ({ width: e, height: t }) => q("div", { className: "corner", style: { minWidth: `${e}px`, width: `${e}px`, minHeight: `${t}px`, height: `${t}px` } }), yi = At(Ut((e, t) => {
+  const { children: n, viewport: o, onScrollViewport: r, showHorizontalScrollbar: i = !0, showVerticalScrollbar: l = !0, createScrollCorner: s = vl, createHorizontalScrollbar: a = kr, createVerticalScrollbar: d = kr, style: g, touchElement: m, disableTouch: u, ...x } = e, M = R(r, [r]), E = wo(t, () => ({ isScrollPane: () => !0 }), []), P = G(null);
   st(() => {
-    R.current && (R.current.__scrollTop === o?.top && R.current.__scrollLeft !== !o?.left || R.current?.scrollTo(o?.left, o?.top, !1));
+    P.current && (P.current.__scrollTop === o?.top && P.current.__scrollLeft === o?.left || P.current.__isDecelerating || P.current?.scrollTo(o?.left, o?.top, !1));
   }, [o?.left, o?.top, m]);
-  const ae = D((T, S) => {
-    _?.({ left: T, top: S });
-  }, []), P = D((T) => {
-    R.current?.doTouchStart(T.touches, T.timeStamp);
+  const Q = D((T, S) => {
+    M?.({ left: T, top: S });
+  }, []), k = D((T) => {
+    P.current?.doTouchStart(T.touches, T.timeStamp);
   }, []), I = D((T) => {
-    T.preventDefault(), R.current?.doTouchMove(T.touches, T.timeStamp);
+    T.preventDefault(), P.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);
+    P.current?.doTouchEnd(T.timeStamp);
+  }, []), se = D(({ containerWidth: T, containerHeight: S, totalWidth: f, totalHeight: J }) => {
+    P.current.setDimensions(T, S, f, J);
   }, []);
   st(() => {
-    const T = m ?? M.current;
-    if (!f && Ko().supportsTouchEvents && T && o) {
-      if (!R.current) {
+    const T = m ?? E.current;
+    if (!u && Ko().supportsTouchEvents && T && o) {
+      if (!P.current) {
         const S = { scrollingX: !0, scrollingY: !0, decelerationRate: 0.95, penetrationAcceleration: 0.08 };
-        R.current = new pi(ae, S);
+        P.current = new dl(Q, S);
       }
-      Ko().supportsTouchEvents && (T.addEventListener("touchstart", P), T.addEventListener("touchend", z), T.addEventListener("touchmove", I)), le({ containerWidth: o?.width, containerHeight: o?.height, totalWidth: o?.totalWidth, totalHeight: o?.totalHeight });
+      Ko().supportsTouchEvents && (T.addEventListener("touchstart", k), T.addEventListener("touchend", z), T.addEventListener("touchmove", I)), se({ containerWidth: o?.width, containerHeight: o?.height, totalWidth: o?.totalWidth, totalHeight: o?.totalHeight });
     }
     return () => {
-      T?.removeEventListener("touchstart", P), T?.removeEventListener("touchend", z), T?.removeEventListener("touchmove", I);
+      T?.removeEventListener("touchstart", k), T?.removeEventListener("touchend", z), T?.removeEventListener("touchmove", I);
     };
-  }, [o?.width, o?.height, o?.totalWidth, o?.totalHeight, f, m]);
-  const [B, { width: oe }] = In(), [be, { height: N }] = In(), H = _e(() => {
+  }, [o?.width, o?.height, o?.totalWidth, o?.totalHeight, u, m]);
+  const [B, { width: re }] = In(), [be, { height: N }] = In(), H = Ee(() => {
     const T = d({ orientation: mn.Vertical, offset: o?.top, viewportSize: o?.height, totalSize: o?.totalHeight, onScrollOffset: (S) => {
-      _?.({ top: S });
+      M?.({ top: S });
     } });
     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: be, 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: M, 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, {})] }) });
+  }, [d, o?.top, o?.height, o?.totalHeight]), X = Ee(() => {
+    const T = a({ orientation: mn.Horizontal, offset: o?.left, viewportSize: o?.width, totalSize: o?.totalWidth, onScrollOffset: (S) => M?.({ 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% - ${re}px)` }, children: q("div", { ref: be, className: "sizer", children: T }) }), l ? s({ width: re, height: N }) : q(wn, {})] });
+  }, [a, o?.left, o?.width, o?.totalWidth, l, s, re, N]);
+  return q("div", { style: { position: "relative", display: "flex", minWidth: l ? `${re}px` : void 0, minHeight: i ? `${N}px` : void 0, ...g }, ...x, ref: E, 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, {})] }) });
 }));
 yi.displayName = "ScrollPane";
-const Sl = () => {
+const bl = () => {
   const e = document.fullscreenElement;
   return e ? e.querySelector(".fullscreen-portal-root") || e : document.body;
 };
 let no = 0;
-function bi() {
+function vi() {
   return st(() => {
     function e() {
       const t = document.fullscreenElement;
@@ -1171,35 +1200,35 @@ function bi() {
         t.parentNode && t.parentNode.removeChild(t);
       }), no = 0);
     };
-  }, []), { getPortalContainer: Sl };
+  }, []), { getPortalContainer: bl };
 }
-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 = vi, onMouseDown: d, onScrollOffset: g, onScroll: m, scaleLimit: f = Il, scaleFactor: x = Cl, precisionFactor: _ = Ml, ...M } = e;
+const Sl = 100, _l = 100, El = 1e6, Il = 100, Cl = 50, Ml = At(Ut((e, t) => {
+  const { offset: n = 0, viewportSize: o = 0, totalSize: r = 0, minSize: i = 0, endGap: l = Sl, endScrollIncrement: s = _l, style: a = xi, onMouseDown: d, onScrollOffset: g, onScroll: m, scaleLimit: u = El, scaleFactor: x = Il, precisionFactor: M = Cl, ...E } = e;
   m && console.warn("onScroll not supported for VirtualScrollbar. Use onScrollOffset instead");
-  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, I] = Ze(ae), z = f !== 0 && P.totalSize > f ? x : 1, le = z / _, B = Math.ceil(P.totalSize / z), oe = Math.ceil(P.offset / z), be = Math.ceil(o / z), N = D((K) => {
+  const P = R(d, [d]), Q = () => ({ offset: n, totalSize: u === 0 ? r : Math.min(r ?? 0, Math.max(i ?? 0, (n ?? 0) + (o ?? 0)) + (l ?? 0)) }), [k, I] = Ze(Q), z = u !== 0 && k.totalSize > u ? x : 1, se = z / M, B = Math.ceil(k.totalSize / z), re = Math.ceil(k.offset / z), be = Math.ceil(o / z), N = D((K) => {
   }, []), [H, X] = Ze(!1), T = G(null);
   tn(() => {
     if (!H) {
       T.current = { propTotalSize: r, propViewportSize: o, propOffset: n };
-      const K = ae();
+      const K = Q();
       I(K);
     }
   }, [r, o, n, H, i, l, s]);
-  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, be));
-  }, [g, z, le, oe, be]), h = D((K) => {
-    document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", h), X(!1);
+  const S = R((K, L, U) => {
+    const te = T.current;
+    T.current = null, te && te.propTotalSize === r && te.propViewportSize === o && te.propOffset === n || (Math.abs(K - re) < se && (K = re), g?.(K * z, re, be));
+  }, [g, z, se, re, be]), f = D((K) => {
+    document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", f), 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 }, ...M, offset: oe, totalSize: B, viewportSize: be, onMouseDown: J, onScrollOffset: S });
+    P?.(K), X(!0), document.addEventListener("mousemove", N, { passive: !0 }), document.addEventListener("mouseup", f, { passive: !0 });
+  }, [N, f]);
+  return q(er, { ref: t, style: { ...a }, ...E, offset: re, totalSize: B, viewportSize: be, onMouseDown: J, onScrollOffset: S });
 }));
 function Do(e, t) {
   if (typeof e == "function") return e(t);
   e && (e.current = t);
 }
-Tl.displayName = "VirtualScrollbar";
+Ml.displayName = "VirtualScrollbar";
 var fo = parseInt(Kr.split(".")[0], 10) >= 19 ? function(e) {
   return (t) => {
     const n = [];
@@ -1233,38 +1262,38 @@ At(Ut((e, t) => {
   }, [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 = G(null), x = (ae, P = 0) => {
-    const I = ae / 2, z = m - I + P;
-    return function(le, B, oe = !1) {
-      if (B === 0) return le;
-      function be(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));
+  const { className: n, style: o, children: r, radius: i = 4, strokeWidth: l = 1, strokeColor: s = "grey", ...a } = e, [d, { width: g, height: m }] = In(), u = G(null), x = (Q, k = 0) => {
+    const I = Q / 2, z = m - I + k;
+    return function(se, B, re = !1) {
+      if (B === 0) return se;
+      function be(f, J, K) {
+        let L = J.x - f.x, U = J.y - f.y, te = Math.sqrt(L * L + U * U);
+        return N(f, J, Math.min(1, K / te));
       }
-      function N(h, J, K) {
-        return { x: h.x + (J.x - h.x) * K, y: h.y + (J.y - h.y) * K };
+      function N(f, J, K) {
+        return { x: f.x + (J.x - f.x) * K, y: f.y + (J.y - f.y) * K };
       }
-      function H(h, J) {
-        h.length > 2 && (h[h.length - 2] = J.x, h[h.length - 1] = J.y);
+      function H(f, J) {
+        f.length > 2 && (f[f.length - 2] = J.x, f[f.length - 1] = J.y);
       }
-      function X(h) {
-        return { x: parseFloat(h[h.length - 2]), y: parseFloat(h[h.length - 1]) };
+      function X(f) {
+        return { x: parseFloat(f[f.length - 2]), y: parseFloat(f[f.length - 1]) };
       }
-      let T = le.split(/[,\s]/).reduce(function(h, J) {
+      let T = se.split(/[,\s]/).reduce(function(f, 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;
+        return K ? (f.push(K[1]), f.push(K[2])) : f.push(J), f;
+      }, []).reduce(function(f, J) {
+        return parseFloat(J) == J && f.length ? f[f.length - 1].push(J) : f.push([J]), f;
       }, []), 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]);
+        let f = X(T[0]), J = null;
+        T[T.length - 1][0] === "Z" && T[0].length > 2 && (J = ["L", f.x, f.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), Ve = X(U), Ne = X(ee);
-            oe ? (te = N(Ve, L.origPoint || He, B), Y = N(Ve, ee.origPoint || Ne, B)) : (te = be(Ve, He, B), Y = be(Ve, Ne, B)), H(U, te), U.origPoint = Ve, S.push(U);
-            let at = N(te, Ve, 0.5), Se = N(Ve, Y, 0.5), Ye = ["C", at.x, at.y, Se.x, Se.y, Y.x, Y.y];
+          let L = S[S.length - 1], U = T[K], te = U === J ? T[1] : T[K + 1];
+          if (te && L && L.length > 2 && U[0] === "L" && te.length > 2 && te[0] === "L") {
+            let ne, Y, He = X(L), Ve = X(U), Ne = X(te);
+            re ? (ne = N(Ve, L.origPoint || He, B), Y = N(Ve, te.origPoint || Ne, B)) : (ne = be(Ve, He, B), Y = be(Ve, Ne, B)), H(U, ne), U.origPoint = Ve, S.push(U);
+            let at = N(ne, Ve, 0.5), Se = N(Ve, Y, 0.5), Ye = ["C", at.x, at.y, Se.x, Se.y, Y.x, Y.y];
             Ye.origPoint = Ve, S.push(Ye);
           } else S.push(U);
         }
@@ -1273,20 +1302,20 @@ At(Ut((e, t) => {
           S.push(["Z"]), H(S[0], K);
         }
       } else S = T;
-      return S.reduce(function(h, J) {
-        return h + J.join(" ") + " ";
+      return S.reduce(function(f, J) {
+        return f + J.join(" ") + " ";
       }, "");
     }(`M 0 ${I} L ${i - 0.5} ${I} 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} ${I} L ${g} ${I}`, i);
-  }, _ = _e(() => x(l), [g, m, i, l]), M = _e(() => {
+  }, M = Ee(() => x(l), [g, m, i, l]), E = Ee(() => {
     if (i === 0) return;
-    const ae = i / 2;
-    return x(i) + `L ${g} 0 L 0 0 L 0 ${ae}`;
-  }, [_, i, l]), R = _e(() => ({ style: { clipPath: `path('${M}')` } }), [M]);
-  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 Q = i / 2;
+    return x(i) + `L ${g} 0 L 0 0 L 0 ${Q}`;
+  }, [M, i, l]), P = Ee(() => ({ style: { clipPath: `path('${E}')` } }), [E]);
+  return Ht("div", { className: n, style: { display: "flex", flexDirection: "row", ...o }, ...a, ref: fo([u, d, t]), children: [Sn.isValidElement(r) ? Sn.cloneElement(r, P) : 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: M, 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 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);
+const Tl = {}, Rl = (e) => {
+  const { onPointerDown: t, style: n, splitDirection: o, paddingBefore: r = 0, paddingAfter: i = 0, disabled: l, key: s, hitAreaProps: a = Tl, ...d } = e, g = o === "row", { style: m, className: u, ...x } = a;
+  return q("div", { style: { ...n, position: "relative" }, ...d, children: q("div", { className: Rn("hit-box", u), 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,80 +1324,80 @@ 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 = k(t, [t]), s = k(n, [n]), a = k(o, [o]), d = G(!1), g = e?.timerInitial ?? 230, m = e?.timerContinuous ?? g / 2, f = G(null), x = G(null), _ = G(null), M = G(null), R = D(() => {
-    M.current && (clearTimeout(M.current), M.current = null);
-  }, []), ae = D((H) => {
-    M.current = setTimeout(() => {
+  const { onPointerDown: t, onPointerUp: n, onPointerMoveOrWait: o, processTouch: r = !1, consumeTouch: i = !0 } = e, l = R(t, [t]), s = R(n, [n]), a = R(o, [o]), d = G(!1), g = e?.timerInitial ?? 230, m = e?.timerContinuous ?? g / 2, u = G(null), x = G(null), M = G(null), E = G(null), P = D(() => {
+    E.current && (clearTimeout(E.current), E.current = null);
+  }, []), Q = D((H) => {
+    E.current = setTimeout(() => {
       window.requestAnimationFrame(() => {
-        d.current !== !1 && a?.(x.current, _.current, f.current);
-      }), ae(m);
+        d.current !== !1 && a?.(x.current, M.current, u.current);
+      }), Q(m);
     }, H ?? g);
   }, []);
-  st(() => () => R(), []);
-  const P = r ? "pointer" : "mouse", I = D((H) => {
+  st(() => () => P(), []);
+  const k = r ? "pointer" : "mouse", I = D((H) => {
     H.stopPropagation(), H.stopImmediatePropagation(), H.preventDefault();
-  }, []), z = k((H) => {
-    document.removeEventListener(`${P}move`, oe), document.removeEventListener(`${P}up`, z), document.removeEventListener("keydown", be), document.removeEventListener("keyup", N), document.removeEventListener("touchstart", I, { capture: !0 }), document.removeEventListener("touchmove", I, { capture: !0 }), window.removeEventListener("blur", le), R(), window.requestAnimationFrame(() => {
-      d.current !== !1 && (d.current = !1, s?.(H, _.current, f.current), _.current = null);
+  }, []), z = R((H) => {
+    document.removeEventListener(`${k}move`, re), document.removeEventListener(`${k}up`, z), document.removeEventListener("keydown", be), document.removeEventListener("keyup", N), document.removeEventListener("touchstart", I, { capture: !0 }), document.removeEventListener("touchmove", I, { capture: !0 }), window.removeEventListener("blur", se), P(), window.requestAnimationFrame(() => {
+      d.current !== !1 && (d.current = !1, s?.(H, M.current, u.current), M.current = null);
     });
-  }, []), le = D(() => {
+  }, []), se = 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);
+  }, []), B = R(() => {
+    P(), Q(m), window.requestAnimationFrame(() => {
+      d.current !== !1 && a?.(x.current, M.current, u.current);
     });
-  }, [m]), oe = k((H) => {
+  }, [m]), re = R((H) => {
     x.current = H, B();
-  }, []), be = 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();
+  }, []), be = R((H) => {
+    M.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, B();
+  }, []), N = R((H) => {
+    M.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, B();
   }, [m]);
-  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", be, { passive: !1 }), document.addEventListener("keyup", N, { passive: !1 }), window.addEventListener("blur", le, { passive: !0 }), r && i && (document.addEventListener("touchstart", I, { passive: !1, capture: !0 }), document.addEventListener("touchmove", I, { passive: !1, capture: !0 })), d.current = !0, ae(g)));
+  return R((H) => {
+    H.isDefaultPrevented() || (M.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, l(H, M.current) !== !1 && (u.current = H, x.current = H.nativeEvent, document.addEventListener(`${k}up`, z, { passive: !1 }), document.addEventListener(`${k}move`, re, { passive: !1 }), document.addEventListener("keydown", be, { passive: !1 }), document.addEventListener("keyup", N, { passive: !1 }), window.addEventListener("blur", se, { passive: !0 }), r && i && (document.addEventListener("touchstart", I, { passive: !1, capture: !0 }), document.addEventListener("touchmove", I, { passive: !1, capture: !0 })), d.current = !0, Q(g)));
   }, [g, r]);
 }
 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: M = !1, onDragStart: R, onDragResize: ae, onDragFinish: P, resizerProps: I = 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 = _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 = k(s, [s]), [X, T] = Ze(() => pn(l, i === null));
+  const { elementBefore: n, elementAfter: o, splitDirection: r = "row", fixedPane: i = null, position: l, onPositionChange: s, minBefore: a, maxBefore: d, minAfter: g, maxAfter: m, children: u, className: x, style: M, disabled: E = !1, onDragStart: P, onDragResize: Q, onDragFinish: k, resizerProps: I = oo, paneProps: z = oo, paneBeforeProps: se = oo, paneAfterProps: B = oo, createResizer: re = Rl } = e;
+  if (u) throw new Error("Use elementBefore and elementAfter instead of children.");
+  const be = Ee(() => Sn.isValidElement(o) && Sn.isValidElement(n), [o, n]), N = Ee(() => {
+    let ee = null;
+    i && (i === "before" ? ee = 0 : i === "after" && (ee = 1));
+    const et = ee === null;
+    return { fixedPaneOffset: ee, isPercent: et, minBefore: pn(a, et), maxBefore: pn(d, et), minAfter: pn(g, et), maxAfter: pn(m, et) };
+  }, [a, d, g, m]), H = R(s, [s]), [X, T] = Ze(() => pn(l, i === null));
   st(() => {
     T(pn(l, i === null));
   }, [l, i]);
-  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 [S, { width: f, height: J }] = In(), [K, { width: L, height: U }] = In(), te = r === "row" ? L : U, ne = r === "row" ? f : J, Y = Ee(() => ((ee, 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;
+    if (ee || (ee = { percent: ht.fixedPaneOffset === null ? 50 : null, pixels: ht.fixedPaneOffset === null ? null : 0 }), et === 0) return ee?.pixels != null ? ht.fixedPaneOffset !== 1 ? (Ie[0] = ee?.pixels, Oe[1] = 100) : (Ie[1] = ee?.pixels - Ue, Oe[0] = 100) : ee?.percent != null && (ht.fixedPaneOffset !== 1 ? (Oe[0] = ee?.percent, Oe[1] = 100 - ee?.percent) : (Oe[1] = ee?.percent, Oe[0] = 100 - ee?.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(ee, 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 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, Ve] = Ze(!1), Ne = k(R, [R]), at = k(ae, [ae]), Se = k(P, [P]), Ye = G(null), $ = G(null), E = G(null), { style: Me, className: ue, ...me } = z, $e = { minWidth: 0, minHeight: 0, maxWidth: "100%", maxHeight: "100%", display: "flex", overflow: "hidden", ...Me }, { className: dt, style: kt, ...ut } = le, { className: Zt, style: St, ...C } = B, ve = { flex: "1 1 100%", width: "100%", ..._, flexDirection: r, display: "flex" }, { className: Je, style: mt, onPointerDown: Qe, ...cn } = I, on = k((Q) => {
-    const et = pn(Q, i === null);
+  })(X, ne, te, N), [N, X, ne, te, r]), [He, Ve] = Ze(!1), Ne = R(P, [P]), at = R(Q, [Q]), Se = R(k, [k]), Ye = G(null), $ = G(null), _ = G(null), { style: Me, className: ue, ...me } = z, $e = { minWidth: 0, minHeight: 0, maxWidth: "100%", maxHeight: "100%", display: "flex", overflow: "hidden", ...Me }, { className: dt, style: kt, ...ut } = se, { className: Zt, style: St, ...C } = B, ye = { flex: "1 1 100%", width: "100%", ...M, flexDirection: r, display: "flex" }, { className: Je, style: mt, onPointerDown: Qe, ...cn } = I, on = R((ee) => {
+    const et = pn(ee, i === null);
     T(et);
-  }, [i]), Mt = k((Q) => {
-    if (M || !He) return;
+  }, [i]), Mt = R((ee) => {
+    if (E || !He) return;
     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, M, He, X, te]), dn = k((Q) => {
+    Ue = r === "row" ? (ee.clientX ?? ee.touches?.[0]?.clientX) - et.x : (ee.clientY ?? ee.touches?.[0]?.clientY) - et.y, Ue = Math.max(0, Math.min(ne, Ue)), N.fixedPaneOffset === 1 && (Ue = ne - Ue), l && X.pixels === Ue || T({ pixels: Ue, percent: null }), at?.(Ue), ee.stopPropagation(), ee.preventDefault();
+  }, [N, r, E, He, X, ne]), dn = R((ee) => {
     if (document.removeEventListener("pointermove", Mt), document.removeEventListener("touchmove", Mt), document.removeEventListener("pointerup", dn), He && (Ve(!1), X)) {
       if (Se(X.pixels), !pn(l, i === null) || X.pixels !== l) {
         const et = { ...X };
-        et.percent === null && (et.percent = et.pixels / te * 100), H(et);
+        et.percent === null && (et.percent = et.pixels / ne * 100), H(et);
       }
-      Q.stopPropagation(), Q.preventDefault();
+      ee.stopPropagation(), ee.preventDefault();
     }
-  }, [X, He, l, i, te]), nn = k((Q) => {
-    Qe?.(Q), Q.defaultPrevented || M || He || (Ve(!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(() => be ? oe?.({ key: "resizer", ref: fo([K, $]), className: Rn("resizer", Je), onPointerDownCapture: nn, style: { cursor: M ? 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: M, ...cn }) : null, [be, Je, cn, r, mt, M]), xt = r === "row" ? "Width" : "Height", Vt = { ...$e, ...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 = { ...$e, ...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, ...C, 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: ve, children: [un, Kt, We] });
+  }, [X, He, l, i, ne]), nn = R((ee) => {
+    Qe?.(ee), ee.defaultPrevented || E || He || (Ve(!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 = Ee(() => be ? re?.({ key: "resizer", ref: fo([K, $]), className: Rn("resizer", Je), onPointerDownCapture: nn, style: { cursor: E ? 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: E, ...cn }) : null, [be, Je, cn, r, mt, E]), xt = r === "row" ? "Width" : "Height", Vt = { ...$e, ...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 = { ...$e, ...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 = Ee(() => n ? q("div", { ref: Ye, className: Rn("before", ue, dt), style: Vt, ...me, ...ut, children: n }, "before") : null, [n, z, se, N, Y]), We = Ee(() => o ? q("div", { ref: _, className: Rn("after", ue, Zt), style: Cn, ...me, ...C, 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 kl = ({ initValue: e, useHookBody: t, applyStateChange: n }) => {
   const o = G(e);
   if (typeof t != "function") throw new Error("function expected as hook body parameter. got " + typeof t);
   const r = t();
@@ -1378,12 +1407,12 @@ const Pl = ({ initValue: e, useHookBody: t, applyStateChange: n }) => {
 }, 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, Si = !1;
+let Pl = 1, Yo = !1, bi = !1;
 const co = [], kn = [], po = () => {
   kn.forEach((e) => e());
-}, Ll = ({ automaticContainerInternalUseOnly: e }) => {
+}, Ol = ({ automaticContainerInternalUseOnly: e }) => {
   const [t, n] = Ze([]), o = G([]);
-  return o.current = t, e || Yo !== !1 || (Si = !0), st(() => {
+  return o.current = t, e || Yo !== !1 || (bi = !0), st(() => {
     let r = !0;
     function i() {
       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]);
@@ -1391,34 +1420,34 @@ const co = [], kn = [], po = () => {
     return kn.push(i), 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]), q(wn, { children: t.map(({ hook: r, key: i }) => Jo(Pl, { ...r, key: i })) });
-}, Ei = (e, t, n = {}) => {
+  }, [e]), q(wn, { children: t.map(({ hook: r, key: i }) => Jo(kl, { ...r, key: i })) });
+}, Si = (e, t, n = {}) => {
   let o, r, i = !1, l = !1, s = [], { unmountIfNoConsumers: a = !1 } = n;
   const d = (m) => {
-    r = m, Fi(() => s.forEach((f) => f(m)));
+    r = m, Bi(() => s.forEach((u) => u(m)));
   }, g = () => (l || (r = typeof e == "function" ? e() : e, l = !0), r);
   return () => {
-    const [m, f] = Ze(g);
+    const [m, u] = Ze(g);
     return st(() => (i || (i = !0, o = ((x) => {
-      const _ = Ol++;
-      return co.push({ hook: x, key: _ }), kn.length === 0 && Si === !1 && (Yo = !0, ((M) => {
+      const M = Pl++;
+      return co.push({ hook: x, key: M }), kn.length === 0 && bi === !1 && (Yo = !0, ((E) => {
         if (zo.document && zo.document.createElement) {
-          const R = zo.document.createElement("div");
-          Bi(R).render(q(M, { automaticContainerInternalUseOnly: !0 }));
+          const P = zo.document.createElement("div");
+          $i(P).render(q(E, { 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((M) => M.key === _), 1), po();
+      })(Ol)), po(), () => {
+        co.splice(co.findIndex((E) => E.key === M), 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);
+    })({ initValue: e, useHookBody: t, applyStateChange: d })), s.push(u), r !== m && u(r), () => {
+      s.splice(s.indexOf(u), 1), s.length === 0 && a && (o(), i = !1);
     }), []), m;
   };
 };
-Ei(null, () => {
+Si(null, () => {
   const [e, t] = Ze(null);
   return e;
 });
-class Dl {
+class Ll {
   constructor(t, n, o, r) {
     this._listenersProperties = /* @__PURE__ */ new Set(), this._listenersExecute = /* @__PURE__ */ new Set(), this._key = t, this._target = n, this._applyProps(o || {}), this._callback = r, r === void 0 && (this._callback = () => {
       console.log(`implement: ${this.label()} : ${this.description()}`);
@@ -1529,19 +1558,19 @@ class Dl {
     }), n;
   }
 }
-class Ee extends Dl {
+class _e extends Ll {
 }
-Ct.getOS() === Ct.OSType.MacOS || (Ct.getOS(), Ct.OSType.IOS), Ct.getOS() === Ct.OSType.MacOS || (Ct.getOS(), Ct.OSType.IOS), Ei({ setClipboard: (e) => {
+Ct.getOS() === Ct.OSType.MacOS || (Ct.getOS(), Ct.OSType.IOS), Ct.getOS() === Ct.OSType.MacOS || (Ct.getOS(), Ct.OSType.IOS), Si({ setClipboard: (e) => {
   throw new Error("This is only available via the useClipboard.");
 }, getClipboard: () => ho.Global, refNativeCopy: { current: null }, refNativeLastKey: { current: null } }, () => {
   const [e, t] = Ze(ho.Global);
   return { setClipboard: (n) => t(n), getClipboard: () => e, refNativeCopy: G(null), refNativeLastKey: G(null) };
 });
-let Ao = !1, zl = 0;
-var Al = typeof document < "u" ? tn : st;
-const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
+let Ao = !1, Dl = 0;
+var zl = typeof document < "u" ? tn : st;
+const Pr = () => "sheetxl-ui-" + Dl++, Al = Sn.useId ?? function() {
   const [e, t] = Sn.useState(() => Ao ? Pr() : void 0);
-  return Al(() => {
+  return zl(() => {
     e == null && t(Pr());
   }, []), Sn.useEffect(() => {
     Ao || (Ao = !0);
@@ -1567,7 +1596,7 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
   let l, s;
   e === "column" ? (l = o.columnMetadataMap, s = o.lastMeasuredColumnIndex) : (l = o.rowMetadataMap, s = o.lastMeasuredRowIndex);
   let a = 0;
-  return a = (s > 0 ? l[s].offset : 0) >= r ? _i({ itemType: e, itemSize: t, instanceProps: o, high: s, low: 0, offset: r, scale: i }) : Bl({ itemType: e, itemSize: t, itemCount: n, instanceProps: o, index: Math.max(0, s), offset: r, scale: i }), a = Math.min(a, n), a;
+  return a = (s > 0 ? l[s].offset : 0) >= r ? _i({ itemType: e, itemSize: t, instanceProps: o, high: s, low: 0, offset: r, scale: i }) : $l({ itemType: e, itemSize: t, itemCount: n, instanceProps: o, index: Math.max(0, s), offset: r, scale: i }), a = Math.min(a, n), a;
 }, _i = ({ itemType: e, itemSize: t, instanceProps: n, high: o, low: r, offset: i, scale: l }) => {
   for (; r <= o; ) {
     const s = r + Math.floor((o - r) / 2), a = Pn({ itemType: e, itemSize: t, index: s, instanceProps: n, scale: l }).offset;
@@ -1575,16 +1604,16 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
     a < i ? r = s + 1 : a > i && (o = s - 1);
   }
   return r > 0 ? r - 1 : 0;
-}, Bl = ({ itemType: e, itemSize: t, itemCount: n, instanceProps: o, index: r, offset: i, scale: l }) => {
+}, $l = ({ itemType: e, itemSize: t, itemCount: n, instanceProps: o, index: r, offset: i, scale: l }) => {
   let s = 1;
   for (; r < n && Pn({ itemType: e, itemSize: t, index: r, instanceProps: o, scale: l }).offset < i; ) r += s, s *= 2;
   return _i({ 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 = G({ columnMetadataMap: {}, rowMetadataMap: {}, lastMeasuredColumnIndex: -1, lastMeasuredRowIndex: -1, recalcColumnIndices: [], recalcRowIndices: [] }), a = k((I) => Or({ itemType: "row", itemCount: t, itemSize: r ?? (() => o ?? 20), instanceProps: s.current, offset: I }), [t, r, o]), d = k((I) => I === -1 ? 0 : Pn({ itemType: "row", index: I, itemSize: r ?? (() => o ?? 20), instanceProps: s.current }).offset, [r, o]), g = k((I) => Pn({ itemType: "row", index: I, itemSize: r ?? (() => o ?? 20), instanceProps: s.current }).size, [r, o]), m = k((I) => Or({ itemType: "column", itemCount: n, itemSize: l ?? (() => i ?? 75), instanceProps: s.current, offset: I }), [n, l, i]), f = k((I) => I === -1 ? 0 : Pn({ itemType: "column", index: I, itemSize: l ?? (() => i ?? 75), instanceProps: s.current }).offset, [l, i]), x = k((I) => Pn({ itemType: "column", index: I, itemSize: l ?? (() => i ?? 75), instanceProps: s.current }).size, [l, i]), [_, M] = Qo((I) => I + 1, 0), R = () => ({ getRowOffset: d, getColOffset: f, getRowIndex: a, getColIndex: m }), [ae, P] = Ze(() => e ? R() : null);
+}, Bl = (e) => {
+  const { rowCount: t, columnCount: n, defaultRowHeight: o, getRowHeight: r, defaultColumnWidth: i, getColumnWidth: l } = e || {}, s = G({ columnMetadataMap: {}, rowMetadataMap: {}, lastMeasuredColumnIndex: -1, lastMeasuredRowIndex: -1, recalcColumnIndices: [], recalcRowIndices: [] }), a = R((I) => Or({ itemType: "row", itemCount: t, itemSize: r ?? (() => o ?? 20), instanceProps: s.current, offset: I }), [t, r, o]), d = R((I) => I === -1 ? 0 : Pn({ itemType: "row", index: I, itemSize: r ?? (() => o ?? 20), instanceProps: s.current }).offset, [r, o]), g = R((I) => Pn({ itemType: "row", index: I, itemSize: r ?? (() => o ?? 20), instanceProps: s.current }).size, [r, o]), m = R((I) => Or({ itemType: "column", itemCount: n, itemSize: l ?? (() => i ?? 75), instanceProps: s.current, offset: I }), [n, l, i]), u = R((I) => I === -1 ? 0 : Pn({ itemType: "column", index: I, itemSize: l ?? (() => i ?? 75), instanceProps: s.current }).offset, [l, i]), x = R((I) => Pn({ itemType: "column", index: I, itemSize: l ?? (() => i ?? 75), instanceProps: s.current }).size, [l, i]), [M, E] = Qo((I) => I + 1, 0), P = () => ({ getRowOffset: d, getColOffset: u, getRowIndex: a, getColIndex: m }), [Q, k] = Ze(() => e ? P() : null);
   return st(() => {
-    P(e ? R() : null);
-  }, [_, t, n, i, o, g, x]), ae;
-}, Ii = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ~`!@#$%^&*()-_=+[{]};:'\",<.>/?|\\", Lr = (e) => {
+    k(e ? P() : null);
+  }, [M, t, n, i, o, g, x]), Q;
+}, Ei = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ~`!@#$%^&*()-_=+[{]};:'\",<.>/?|\\", Lr = (e) => {
   if (!e) return null;
   if (e.eventType === "start") return { type: e.eventType };
   if (e.eventType === "submit") return { type: e.eventType };
@@ -1596,19 +1625,19 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
     return e.activeCoords && (t.activeCoords = e.activeCoords), t;
   }
   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 !== " ") && Ii.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, _ = G(null), M = G(null), [R, ae] = Ze(!1), P = t.coords, I = D(async (X) => {
-    if (_.current?.getBoundingClientRect()) {
+}, Fl = (e) => !0, jl = (e) => !!e && !(e.ctrlKey || e.metaKey || e.altKey || e.isComposing) && (!(e.shiftKey || e.key !== "F2" && e.key !== " " && e.key !== "Backspace") || (!e.shiftKey || e.key !== " ") && Ei.indexOf(e.key) !== -1), Vl = (e) => !!e && e.type === "dblclick" && { editMode: !0 }, Wl = (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: u, ...x } = e, M = G(null), E = G(null), [P, Q] = Ze(!1), k = t.coords, I = D(async (X) => {
+    if (M.current?.getBoundingClientRect()) {
       if (X.eventType === "keyboard") {
-        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, M.current?.dispatchEvent(h);
+        const S = X.event, f = 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 });
+        f.isSynthetic = !0, f.key, E.current?.dispatchEvent(f);
       } else X.eventType === "pointer" || console.warn("unsupported event type", X);
       await new Promise((S) => requestAnimationFrame(S));
     }
   }, []);
   st(() => {
-    const X = M.current;
-    return ae(!0), M.current.startEdit?.(t.startEvent), (async () => {
+    const X = E.current;
+    return Q(!0), E.current.startEdit?.(t.startEvent), (async () => {
       t.editorRefs.push(X), t.editorRefsDispatchEditorEvent.push(I);
       const T = [...t.events];
       for (let S = 0; S < T.length; S++) await I(T[S]);
@@ -1618,58 +1647,58 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
       T !== -1 && t.editorRefs.splice(T, 1), t.onUnmount(X);
     };
   }, []);
-  const z = D(() => o(t), []), le = D(() => {
+  const z = D(() => o(t), []), se = D(() => {
     r(t);
-  }, []), B = n.current && Z.isEqualCells(n.current, P), oe = l && B && R, be = s({ autoFocus: !!t.startEvent?.autoFocus, ...a, onSubmitEdit: z, onCancelEdit: le, ref: M }, 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: be }) });
-}, 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: _ = null, activeCoords: M, alignment: R = Wn.Left } = e, [ae, P] = Ze(!1), [I, z] = Ze(void 0), le = k(($, E, Me, ue, me, $e) => {
-    if (!E) return null;
-    const dt = me?.(E, $), kt = $.getRangeCoordsBounds(dt), ut = $.toClipBounds(kt), Zt = kt, St = $.getZoom();
+  }, []), B = n.current && Z.isEqualCells(n.current, k), re = l && B && P, be = s({ autoFocus: !!t.startEvent?.autoFocus, ...a, onSubmitEdit: z, onCancelEdit: se, ref: E }, k), N = i.x + we.boundPixel(-g / 2), H = we.boundPixel(i.width + g / 2, !0);
+  return q("div", { tabIndex: 0, ref: M, style: { background: void 0, ...u, opacity: re ? u?.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: be }) });
+}, ps = (e) => {
+  const { view: t, canEdit: n = Fl, getCellEditor: o, onBeforeStartEdit: r, onStartEdit: i, onSubmitEdit: l, onCancelEdit: s, onDoneEdit: a, isEditorStartKeyEvent: d = jl, isEditorStartPointerEvent: g = Vl, containerProps: m, borderStrokeFill: u, borderStrokeWidth: x = 2, getRangeCoords: M = null, activeCoords: E, alignment: P = Wn.Left } = e, [Q, k] = Ze(!1), [I, z] = Ze(void 0), se = R(($, _, Me, ue, me, $e) => {
+    if (!_) return null;
+    const dt = me?.(_, $), kt = $.getRangeCoordsBounds(dt), ut = $.toClipBounds(kt), Zt = kt, St = $.getZoom();
     if (!ut) return null;
     Me && (Me *= St), ue && (ue *= St);
-    let C = Zt, ve = !1;
+    let C = Zt, ye = !1;
     if (Me !== void 0) {
       let Qe = { ...dt }, cn = 0;
-      for (; !ve && C.width <= Me && cn < 20; ) {
+      for (; !ye && C.width <= Me && cn < 20; ) {
         cn++, cn > 19 && console.warn("max width reached");
         const on = $.getTotalRangeCoords(), Mt = $.getLayout();
-        $e === Wn.Left ? Qe.colEnd + 1 < on.colEnd ? Qe.colEnd = Mt.getColIndex(C.x + Me) : ve = !0 : $e === Wn.Right ? Qe.colStart - 1 >= 0 ? Qe.colStart = Mt.getColIndex(C.x - (Me - C.width)) : ve = !0 : $e === Wn.Center && Qe.colEnd + 1 < on.colEnd && Qe.colStart - 1 >= 0 ? (Qe.colStart = Mt.getColIndex(C.x - (Me - C.width) / 2), Qe.colEnd = Mt.getColIndex(C.x + C.width + (Me - C.width) / 2)) : ve = !0, ve || (C = $.getRangeCoordsBounds(Qe));
+        $e === Wn.Left ? Qe.colEnd + 1 < on.colEnd ? Qe.colEnd = Mt.getColIndex(C.x + Me) : ye = !0 : $e === Wn.Right ? Qe.colStart - 1 >= 0 ? Qe.colStart = Mt.getColIndex(C.x - (Me - C.width)) : ye = !0 : $e === Wn.Center && Qe.colEnd + 1 < on.colEnd && Qe.colStart - 1 >= 0 ? (Qe.colStart = Mt.getColIndex(C.x - (Me - C.width) / 2), Qe.colEnd = Mt.getColIndex(C.x + C.width + (Me - C.width) / 2)) : ye = !0, ye || (C = $.getRangeCoordsBounds(Qe));
       }
     }
     C.height = Zt.height, ue !== void 0 && (C.height = Math.max(ue + 1, Zt.height));
     const { width: Je, height: mt } = $.getViewportSize();
     return { x: C.x ?? 0, y: C.y ?? 0, height: Math.min(mt - C.y, C.height) + 1, width: Math.min(Je - C.x, C.width) + 1 };
-  }, [R]), B = k(n, [n]), oe = D(() => {
+  }, [P]), B = R(n, [n]), re = D(() => {
     t?.getStage()?.focus();
-  }, [t]), be = G(null), N = k(($) => {
-    r?.($), te(), P(!0), be.current = null;
-  }, [r]), H = k(($) => {
+  }, [t]), be = G(null), N = R(($) => {
+    r?.($), ne(), k(!0), be.current = null;
+  }, [r]), H = R(($) => {
     i?.($.coords);
-  }, [i]), X = k(($) => {
-    $.isSubmitted || $.isCancelled || (h.current.isEditorClosed = !0, oe(), $.isCancelled = !0, s?.($.coords), te());
-  }, [s]), T = k(($) => {
+  }, [i]), X = R(($) => {
+    $.isSubmitted || $.isCancelled || (f.current.isEditorClosed = !0, re(), $.isCancelled = !0, s?.($.coords), ne());
+  }, [s]), T = R(($) => {
     if ($.isSubmitted || $.isCancelled) return !1;
     try {
-      return be.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 = G(null), J = G(null), K = G(null), L = G([]), [U, ee] = Qo(($) => $ + 1, 0), te = D(($) => {
-    $ && L.current.push($), ee();
-  }, []), Y = k(($) => {
+      return be.current = $.coords, $.isEditorClosing = !0, $.isSubmitted = !0, $.isEditorSubmitted || ($.isEditorSubmitted = !0, $.editorRefs[0]?.submitEdit?.()), $.coords, l?.($.coords), $.isEditorClosed = !0, re(), ne(), !0;
+    } catch (_) {
+      throw $.isEditorClosing = !1, $.isSubmitted = !1, _;
+    }
+  }, [l]), S = R(($) => {
+    k(!1), a?.($.coords), ne();
+  }, [a]), f = G(null), J = G(null), K = G(null), L = G([]), [U, te] = Qo(($) => $ + 1, 0), ne = D(($) => {
+    $ && L.current.push($), te();
+  }, []), Y = R(($) => {
     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]), Ve = k(($) => {
+    const _ = t?.getCellCoordsFromClient($.clientX, $.clientY);
+    _ && ne({ eventType: "pointer", event: $, coords: _ });
+  }, [t]), He = R(($) => {
+    const _ = $.nativeEvent;
+    Y(_);
+  }, [t]), Ve = R(($) => {
     if ($.defaultPrevented || $.isSynthetic || !t?.getStage()) return;
-    const E = J.current;
-    d($, E) && ($.stopPropagation(), $.preventDefault()), $.key, te({ eventType: "keyboard", event: $, coords: E });
+    const _ = J.current;
+    d($, _) && ($.stopPropagation(), $.preventDefault()), $.key, ne({ eventType: "keyboard", event: $, coords: _ });
   }, [t]);
   tn(() => {
     const $ = (ue, me) => {
@@ -1681,49 +1710,49 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
       const kt = Ct.uuidV4();
       me = Object.freeze({ autoFocus: !0, ...me }), K.current = $e;
       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());
+        ut.isMounted || (ut.isMounted = !0, ne());
       }, onUnmount: (Zt) => {
         if (ut.editorRefs.length === 0) {
           const St = () => {
-            ut.isMounted = !1, te();
+            ut.isMounted = !1, ne();
           };
           if (document.activeElement !== document.body) St();
           else {
-            const C = (ve) => {
-              ve.defaultPrevented || ve.target !== document.body || Ve(ve);
+            const C = (ye) => {
+              ye.defaultPrevented || ye.target !== document.body || Ve(ye);
             };
             window.addEventListener("keydown", C, !0), t.getStage()?.addEventListener("focusin", () => {
               window.removeEventListener("keydown", C), St();
-            }, { once: !0 }), oe();
+            }, { once: !0 }), re();
           }
         }
       } };
       return ut;
     };
-    if (L.current.length <= 0 && !h.current) return;
-    const E = L.current[0];
-    Lr(E), ((ue) => {
+    if (L.current.length <= 0 && !f.current) return;
+    const _ = L.current[0];
+    Lr(_), ((ue) => {
       const me = [], $e = ue?.length ?? 0;
       for (let dt = 0; dt < $e; dt++) {
         const kt = ue[dt];
         me.push(Lr(kt));
       }
-    })(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);
+    })(L.current), f.current, f.current;
+    let Me = f.current;
+    if (f.current) {
+      if (f.current.isDone) f.current = null;
+      else if (f.current.isSubmitted || f.current.isCancelled) {
+        if (f.current.isMounted) return;
+        f.current.isDone || (S(f.current), f.current.isDone = !0);
       }
     }
-    if (E) {
-      if (E.eventType === "start") {
-        const ue = E, me = ue.startEvent?.cell ?? J.current;
-        h.current && Z.isEqualCells(h.current.coords, me) || (h.current = $(me, ue.startEvent));
-      } else if (E.eventType === "keyboard") {
-        const ue = E.event;
-        if (h.current) {
+    if (_) {
+      if (_.eventType === "start") {
+        const ue = _, me = ue.startEvent?.cell ?? J.current;
+        f.current && Z.isEqualCells(f.current.coords, me) || (f.current = $(me, ue.startEvent));
+      } else if (_.eventType === "keyboard") {
+        const ue = _.event;
+        if (f.current) {
           let me = !1;
           switch (ue.which) {
             case ci:
@@ -1735,113 +1764,113 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
               me = !0;
           }
           if (!me) {
-            h.current.events.push(E);
-            for (let $e = 0; $e < h.current.editorRefsDispatchEditorEvent.length; $e++) h.current.editorRefsDispatchEditorEvent[$e](E);
+            f.current.events.push(_);
+            for (let $e = 0; $e < f.current.editorRefsDispatchEditorEvent.length; $e++) f.current.editorRefsDispatchEditorEvent[$e](_);
           }
-        } else if (d(ue, E.coords)) {
+        } else if (d(ue, _.coords)) {
           let me;
           const $e = $(me?.cell ?? J.current, me);
-          $e && $e.events.push(E), h.current = $e;
+          $e && $e.events.push(_), f.current = $e;
         }
-      } 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 if (_.eventType === "pointer") {
+        const ue = _.event;
+        if (f.current) {
+          f.current.events.push(_);
+          for (let me = 0; me < f.current.editorRefsDispatchEditorEvent.length; me++) f.current.editorRefsDispatchEditorEvent[me](_);
         } else {
-          const me = E?.coords ?? J.current, $e = g(ue, me);
+          const me = _?.coords ?? J.current, $e = g(ue, me);
           if ($e) {
             let dt;
             typeof dt != "boolean" && (dt = $e);
             const kt = $(me, dt);
-            kt && kt.events.push(E), h.current = kt;
+            kt && kt.events.push(_), f.current = kt;
           }
         }
-      } else if (E.eventType === "submit") {
-        if (h.current && !h.current.isSubmitted && !h.current.isCancelled) {
-          if (!h.current.isMounted) return;
-          T(h.current);
+      } else if (_.eventType === "submit") {
+        if (f.current && !f.current.isSubmitted && !f.current.isCancelled) {
+          if (!f.current.isMounted) return;
+          T(f.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 (_.eventType === "cancel") {
+        if (f.current && !f.current.isSubmitted && !f.current.isCancelled) {
+          if (!f.current.isMounted) return;
+          X(f.current);
         }
-      } 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;
+      } else if (_.eventType === "coordsChange") {
+        const ue = _;
+        if (J.current = ue.activeCoords, f.current, f.current && !f.current.isSubmitted && !f.current.isCancelled) {
+          if (!f.current.isMounted) return;
           try {
-            T(h.current);
+            T(f.current);
           } catch {
           }
         }
       }
     }
-    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);
+    L.current.length > 0 && (L.current.shift(), ne()), L.current.length === 0 && (!f.current || f.current.isEditorClosing || f.current.isEditorClosed ? !f.current && Me && re() : f.current.isMounted && !f.current.isStarted && (f.current.isStarted = !0, f.current.startEvent.autoFocus && (typeof f.current.startEvent.autoFocus == "string" ? f.current.editorRefs[0]?.autoFocus(f.current.startEvent.autoFocus) : f.current.editorRefs[0]?.autoFocus()), H?.(f.current), requestAnimationFrame(() => {
+      t && f.current?.coords && t.scrollCellCoordsIntoView(f.current.coords);
     })));
   }, [U]), st(() => {
-    K.current = M;
-    const $ = h.current?.coords;
-    Z.isEqualCells($, M) || (h.current && (h.current.isEditorClosing = !0), te({ eventType: "coordsChange", activeCoords: M }));
-  }, [M]);
+    K.current = E;
+    const $ = f.current?.coords;
+    Z.isEqualCells($, E) || (f.current && (f.current.isEditorClosing = !0), ne({ eventType: "coordsChange", activeCoords: E }));
+  }, [E]);
   const Ne = D(($) => {
     Ve($.nativeEvent);
-  }, []), { width: at = 0, height: Se = 0 } = I ?? { 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: $ });
+  }, []), { width: at = 0, height: Se = 0 } = I ?? { width: 0, height: 0 }, Ye = R(o, [o]);
+  return { overlay: R(($) => {
+    if (!f.current || f.current.isEditorClosed) return f.current, null;
+    f.current.coords;
+    let _ = se($, f.current.coords, at, Se, M, P), Me = !0;
+    _ && _.width !== 0 && _.height !== 0 || (_ = { x: 0, y: 0, width: at, height: at }, Me = !1);
+    const ue = $.getZoom(), me = { containerBounds: { x: 0, y: 0, width: _.width / ue, height: _.height / ue }, setNaturalDimensions: z, zoom: ue };
+    return q(Wl, { session: f.current, refLatestCoords: K, handleSubmitEdit: T, handleCancelEdit: X, cellBounds: _, borderStrokeWidth: x, borderStrokeFill: u, isInBounds: Me, getCellEditor: Ye, propsEditor: me, alignment: P, ...m }, "editor:" + f.current.uuid);
+  }, [o, M, U, at, Se, P, x, u]), startEdit: D(($) => {
+    ne({ eventType: "start", startEvent: $ });
   }, []), submitEdit: D(() => {
-    te({ eventType: "submit" });
+    ne({ eventType: "submit" });
   }, []), cancelEdit: D(() => {
-    te({ eventType: "cancel" });
-  }, []), onKeyboardEvent: Ne, onPointerEvent: He, onKeyboardEventNative: Ve, 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: M }) => {
-  const R = o ?? ((n === an ? e.current?.rowCount : e.current?.columnCount) || 0), ae = G(null), P = G(null), I = G(!1), z = G(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);
-  }, be = D((S, h) => {
+    ne({ eventType: "cancel" });
+  }, []), onKeyboardEvent: Ne, onPointerEvent: He, onKeyboardEventNative: Ve, onPointerEventNative: Y, isEditing: Q };
+}, gs = ({ 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: u, modifySelection: x, appendSelection: M, clearSelections: E }) => {
+  const P = o ?? ((n === an ? e.current?.rowCount : e.current?.columnCount) || 0), Q = G(null), k = G(null), I = G(!1), z = G(null), se = 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]), re = (S) => {
+    k.current = B(S), x(k.current, Q.current);
+  }, be = D((S, f) => {
     if (!e.current) return;
-    const J = e.current.getViewFromClient(S, h)?.getCellCoordsFromClient(S, h);
+    const J = e.current.getViewFromClient(S, f)?.getCellCoordsFromClient(S, f);
     return J ? (n === Nt ? J.rowIndex = t.current.getViewport().rowStart : J.colIndex = t.current.getViewport().colStart, J) : void 0;
-  }, []), N = D((S, h = !1) => {
+  }, []), N = D((S, f = !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) => {
+    return f || (J = { ...S }, n === an ? delete J.colIndex : delete J.rowIndex), t.current?.scrollCellCoordsIntoView(J);
+  }, [n]), H = R(a, [a]), X = R(s, [s]), T = Ee(() => ({ onPointerDown: (S) => {
     if (!e || !e.current || S.nativeEvent.defaultPrevented) return;
-    const h = be(S.nativeEvent.clientX, S.nativeEvent.clientY);
-    if (!h) return;
+    const f = be(S.nativeEvent.clientX, S.nativeEvent.clientY);
+    if (!f) return;
     S.nativeEvent.which;
     const J = S.nativeEvent.shiftKey, K = S.nativeEvent.ctrlKey || S.nativeEvent.metaKey;
-    if (d?.(S, h) === !1) return;
+    if (d?.(S, f) === !1) return;
     X?.(), I.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);
+    const L = t.current?.getViewFromClient(S.nativeEvent.clientX, S.nativeEvent.clientY), U = ((te, ne) => n === Nt ? { ...te, rowIndex: ne.rowStart } : { ...te, colIndex: ne.colStart })(f, L.getVisibleRangeCoords());
+    if (J) re(f);
     else {
-      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);
+      if (K) return ((te, ne = te, Y) => {
+        Q.current = se(te), k.current = B(ne), M(Q.current, k.current, Y);
+      })(f, f, U), void (l && N(U, !0));
+      ((te, ne = te, Y) => {
+        Q.current = se(te), k.current = B(ne), u(Q.current, k.current, Y);
+      })(f, f, U), re(f), l && N(U, !0);
     }
   }, onPointerMoveOrWait: Ct.throttle((S) => {
     if (!I.current || !e?.current) return;
-    const h = be(S.clientX, S.clientY);
-    if (h && g?.(S, h) !== !1) {
-      if (Z.isEqualCells(z.current, h)) return M();
-      oe(h), N(h);
+    const f = be(S.clientX, S.clientY);
+    if (f && g?.(S, f) !== !1) {
+      if (Z.isEqualCells(z.current, f)) return E();
+      re(f), N(f);
     }
   }, 60), onPointerUp: (S) => {
     I.current = !1, H?.(), m?.(S);
-  }, processTouch: !0, consumeTouch: !0 }), [r, l, R, i, M, d, m]);
-  return { onPointerDown: k(On(T), []), getCellCoordsFromClient: be };
+  }, processTouch: !0, consumeTouch: !0 }), [r, l, P, i, E, d, m]);
+  return { onPointerDown: R(On(T), []), getCellCoordsFromClient: be };
 }, qe = (e, t, n) => {
   if (!e) return t;
   let o = t;
@@ -1859,7 +1888,7 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
     i === 0 ? (o.push(r), r++) : r += i;
   }
   return o;
-}, Nl = (e, t, n, o, r, i) => {
+}, Hl = (e, t, n, o, r, i) => {
   if (!t) return i;
   let { rowIndex: l, colIndex: s } = e;
   switch (o) {
@@ -1890,7 +1919,7 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
     default:
       return i;
   }
-}, Ul = (e, t = () => !0, n, o, r, i) => {
+}, Nl = (e, t = () => !0, n, o, r, i) => {
   let { rowIndex: l, colIndex: s } = e;
   switch (o) {
     case lt: {
@@ -1920,13 +1949,13 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
     default:
       return null;
   }
-}, Kl = (e, t, n, o, r, i) => {
+}, Ul = (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 });
   const d = t(e), g = t(l);
-  var m, f;
-  return (f = g, !(m = d) && !f || !m && f || m && !f ? Nl : Ul)(e, t, n, o, !1, i) ?? i;
+  var m, u;
+  return (u = g, !(m = d) && !u || !m && u || m && !u ? Hl : Nl)(e, t, n, o, !1, i) ?? i;
 }, Dr = (e, t) => `${e}:${t}`, zr = (e, t, n, o, r, i) => {
   if (n - t >= r - o) return o;
   let l = o;
@@ -1949,8 +1978,8 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
     case it:
       s.rowIndex = qe(o, s.rowIndex - 1, t);
   }
-  const d = (f) => {
-    if (f) {
+  const d = (u) => {
+    if (u) {
       a = e.rangeIndex >= e.ranges.length - 1 ? 0 : e.rangeIndex + 1;
       const x = e.ranges[a];
       s = { colIndex: x.colStart, rowIndex: x.rowStart };
@@ -1965,26 +1994,26 @@ const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
   else if (t === lt && s.colIndex === l.colEnd && s.rowIndex > l.rowEnd) d(!0);
   else if (t === it && s.colIndex === l.colStart && s.rowIndex < l.rowStart) d(!1);
   else {
-    let f = s.rowIndex, x = s.colIndex;
+    let u = s.rowIndex, x = s.colIndex;
     switch (t) {
       case Ke:
-        x > l.colEnd && (f = qe(o, f + 1, t), x = l.colStart, f > l.rowEnd && (f = l.rowStart));
+        x > l.colEnd && (u = qe(o, u + 1, t), x = l.colStart, u > l.rowEnd && (u = l.rowStart));
         break;
       case ot:
-        x < l.colStart && (f = qe(o, f - 1, t), x = l.colEnd, f < l.rowStart && (f = l.rowEnd));
+        x < l.colStart && (u = qe(o, u - 1, t), x = l.colEnd, u < l.rowStart && (u = l.rowEnd));
         break;
       case lt:
-        f > l.rowEnd && (x = qe(r, x + 1, t), f = l.rowStart, x > l.colEnd && (x = l.colStart));
+        u > l.rowEnd && (x = qe(r, x + 1, t), u = l.rowStart, x > l.colEnd && (x = l.colStart));
         break;
       case it:
-        f < l.rowStart && (x = qe(r, x - 1, t), f = l.rowEnd, x < l.colStart && (x = l.colEnd));
+        u < l.rowStart && (x = qe(r, x - 1, t), u = l.rowEnd, x < l.colStart && (x = l.colEnd));
     }
-    s = { rowIndex: f, colIndex: x };
+    s = { rowIndex: u, colIndex: x };
   }
   let g = n(s);
   if (!Z.isRangeWithinRange(g, l)) {
-    const f = Z.intersectRanges(g, l);
-    f && (g = f);
+    const u = Z.intersectRanges(g, l);
+    u && (g = u);
   }
   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) {
@@ -2029,95 +2058,95 @@ 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 };
-}, 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) => {
+}, 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 ${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 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, M = n, R = t, ae = o, P = r;
+}, ql = (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: u, style: x, ...M } = e, E = n, P = t, Q = o, k = r;
   let I = null;
   if (i) {
-    let z = $o({ top: 0, left: 0, bottom: P, right: ae });
-    m && (z = z + " " + $o({ top: m.y - M, left: m.x - R, bottom: m.height + m.y - M, right: m.width + m.x - R })), I = [q("path", { d: z, fill: i, stroke: "none", fillRule: "evenodd" }, "fill")];
+    let z = $o({ top: 0, left: 0, bottom: k, right: Q });
+    m && (z = z + " " + $o({ top: m.y - E, left: m.x - P, bottom: m.height + m.y - E, right: m.width + m.x - P })), I = [q("path", { d: z, fill: i, stroke: "none", fillRule: "evenodd" }, "fill")];
   }
-  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: [I, 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) => {
+  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 }, ...M, children: [I, q("path", { d: $o({ top: 0, left: 0, right: Q, bottom: k }), fill: "none", strokeDasharray: a, strokeDashoffset: d, stroke: l, vectorEffect: "non-scaling-stroke", strokeWidth: s, ...u })] });
+}, Yl = (e) => {
   const { key: t, ...n } = e;
-  return q(Ci, { ...n }, t);
-}, Ci = 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 M = _.dashGap + _.dashLength;
-  const R = _.speed * M, ae = $l().replaceAll(":", ""), P = `${_.name}-${ae}`;
+  return q(Ii, { ...n }, t);
+}, Ii = 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, ...u } = e, x = a || !!d, M = { name: "walking-offset", dashGap: 2, speed: 50, dashLength: 8, ...d };
+  let E = M.dashGap + M.dashLength;
+  const P = M.speed * E, Q = Al().replaceAll(":", ""), k = `${M.name}-${Q}`;
   let I;
   return st(() => {
     if (!x) return;
-    const z = `@keyframes ${P} {
+    const z = `@keyframes ${k} {
       to {
         stroke-dashoffset: 0px;
       }
-    }`, le = document.createElement("style");
-    return le.appendChild(document.createTextNode(z)), document.head.appendChild(le), le.sheet.insertRule(z, 0), () => {
-      document.head.removeChild(le);
+    }`, se = document.createElement("style");
+    return se.appendChild(document.createTextNode(z)), document.head.appendChild(se), se.sheet.insertRule(z, 0), () => {
+      document.head.removeChild(se);
     };
-  }, [x]), x && (I = { strokeDasharray: `${_.dashLength}px ${_.dashGap}px`, strokeDashoffset: `${M}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: { ...I, ...s }, ...f });
+  }, [x]), x && (I = { strokeDasharray: `${M.dashLength}px ${M.dashGap}px`, strokeDashoffset: `${E}px`, animation: `${k} ${P}ms linear infinite`, willChange: "stroke-dashoffset" }), q(ql, { x: o, y: r, width: i, height: l, stroke: t, fill: n, shapeRendering: "crispEdges", style: { ...I, ...s }, ...u });
 });
-function Mi(e) {
+function Ci(e) {
   var t, n, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var r = e.length;
-    for (t = 0; t < r; t++) e[t] && (n = Mi(e[t])) && (o && (o += " "), o += n);
+    for (t = 0; t < r; t++) e[t] && (n = Ci(e[t])) && (o && (o += " "), o += n);
   } else for (n in e) e[n] && (o && (o += " "), o += n);
   return o;
 }
-function En() {
-  for (var e, t, n = 0, o = "", r = arguments.length; n < r; n++) (e = arguments[n]) && (t = Mi(e)) && (o && (o += " "), o += t);
+function _n() {
+  for (var e, t, n = 0, o = "", r = arguments.length; n < r; n++) (e = arguments[n]) && (t = Ci(e)) && (o && (o += " "), o += t);
   return o;
 }
-Ci.displayName = "Selection";
-const Ti = At(Ut((e, t) => {
+Ii.displayName = "Selection";
+const Mi = 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, _ = !0, M = !0;
+  let u = !0, x = !0, M = !0, E = !0;
   switch (s) {
     case "tl":
-      f = !1, x = !1;
+      u = !1, x = !1;
       break;
     case "bl":
-      f = !1, M = !1;
+      u = !1, E = !1;
       break;
     case "br":
-      _ = !1, M = !1;
+      M = !1, E = !1;
       break;
     case "tr":
-      x = !1, _ = !1;
+      x = !1, M = !1;
   }
-  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: M ? `${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: _n("fill-handle", d), style: { position: "absolute", left: n - (i + (u ? r : 0)) / 2, top: o - (i + (x ? r : 0)) / 2, width: i, height: i, borderLeft: u ? `${r}px ${l}` : void 0, borderTop: x ? `${r}px ${l}` : void 0, borderRight: M ? `${r}px ${l}` : void 0, borderBottom: E ? `${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 });
 }));
-Ti.displayName = "FillHandle";
-var Gl = function() {
-}, Ri = typeof window < "u", Zl = Ri ? tn : st, Vr = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
-const ki = Ri && window.ResizeObserver !== void 0 ? function() {
-  var e = Ze(null), t = e[0], n = e[1], o = Ze(Vr), r = o[0], i = o[1], l = _e(function() {
+Mi.displayName = "FillHandle";
+var Xl = function() {
+}, Ti = typeof window < "u", Gl = Ti ? tn : st, Vr = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
+const Ri = Ti && window.ResizeObserver !== void 0 ? function() {
+  var e = Ze(null), t = e[0], n = e[1], o = Ze(Vr), r = o[0], i = o[1], l = Ee(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, _ = a.left, M = a.bottom, R = a.right;
-        i({ x: d, y: g, width: m, height: f, top: x, left: _, bottom: M, right: R });
+        var a = s[0].contentRect, d = a.x, g = a.y, m = a.width, u = a.height, x = a.top, M = a.left, E = a.bottom, P = a.right;
+        i({ x: d, y: g, width: m, height: u, top: x, left: M, bottom: E, right: P });
       }
     });
   }, []);
-  return Zl(function() {
+  return Gl(function() {
     if (t) return l.observe(t), function() {
       l.disconnect();
     };
   }, [t]), [n, r];
 } : function() {
-  return [Gl, Vr];
+  return [Xl, Vr];
 };
 function Bo(e, t) {
   if (typeof e == "function") return e(t);
   e && (e.current = t);
 }
-var Jl = parseInt(Kr.split(".")[0], 10) >= 19 ? function(e) {
+var Zl = parseInt(Kr.split(".")[0], 10) >= 19 ? function(e) {
   return (t) => {
     const n = [];
     for (const o of e) {
@@ -2134,7 +2163,7 @@ var Jl = parseInt(Kr.split(".")[0], 10) >= 19 ? function(e) {
   };
 };
 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: M, scrollableRoot: R = document.body, ...ae } = e, P = k(f, [f]), I = k(x, [x]), { bounds: z, coordsPivot: le, key: B } = _e(() => {
+  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: u, onTouchSelectEnd: x, currentTouchAnchor: M, scrollableElement: E, scrollableRoot: P = document.body, ...Q } = e, k = R(u, [u]), I = R(x, [x]), { bounds: z, coordsPivot: se, key: B } = Ee(() => {
     if (!n || !o) return null;
     let K = null, L = null;
     switch (r) {
@@ -2155,7 +2184,7 @@ const Go = At(Ut((e, t) => {
         K = { colIndex: n.colStart, rowIndex: n.rowEnd };
     }
     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, Ve = te.width, Ne = te.height;
+    const te = o.getBounds(), ne = o.getViewportSize(), Y = te.x, He = te.y, Ve = ne.width, Ne = ne.height;
     switch (r) {
       case "tl":
         break;
@@ -2176,307 +2205,307 @@ const Go = At(Ut((e, t) => {
     }
     const at = o.toClipBounds(U, 0);
     return !at || at.width <= 0 || at.height <= 0 || U.x < 0 || U.y < 0 || U.x > Ve || 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 = G(null), be = On(_e(() => {
+  }, [n, o, r]), re = G(null), be = On(Ee(() => {
     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, I?.(r), m.onPointerUp(L, U, ee)) };
-  }, [m, n, o, r])), [N, { y: H, x: X }] = ki(), T = G(null), { getPortalContainer: S } = bi(), [h, J] = Ze(null);
+      return re.current = { coordsPivot: se }, k?.(r), m.onSelectionPointerDown(L, U, o, te, se, !1, !0);
+    }, onPointerMoveOrWait: (L, U, te) => {
+      const ne = K(o.getCellCoordsFromClient(L.clientX, L.clientY));
+      return m.onSelectionPointerMoveOrWait(L, U, te, o, ne, re.current?.coordsPivot, !0, !0);
+    }, onPointerUp: (L, U, te) => (re.current = null, I?.(r), m.onPointerUp(L, U, te)) };
+  }, [m, n, o, r])), [N, { y: H, x: X }] = Ri(), T = G(null), { getPortalContainer: S } = vi(), [f, J] = Ze(null);
   return st(() => {
     const K = T.current?.getBoundingClientRect();
     if (!K || !z) return void J(null);
-    let L = 0, U = 0, ee = M;
-    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: be, ...ae }), R ?? S(), B));
-  }, [H, X, z?.x, z?.y, z?.width, z?.height, g, _, l, a, s, i, M]), z ? Ht(wn, { children: [q("div", { ref: Jl([N, T]), style: { position: "absolute", left: z.x, top: z.y, opacity: 0 } }), h] }) : null;
+    let L = 0, U = 0, te = E;
+    for (; te; ) L += te.scrollLeft, U += te.scrollTop, te = P && te === P.parentElement ? null : te.parentElement;
+    J(qr(q("div", { className: _n("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: M ? 0 : 1, transitionDuration: "160ms", transitionProperty: "opacity", ...d }, tabIndex: -1, onPointerDown: be, ...Q }), P ?? S(), B));
+  }, [H, X, z?.x, z?.y, z?.width, z?.height, g, M, l, a, s, i, E]), z ? Ht(wn, { children: [q("div", { ref: Zl([N, T]), style: { position: "absolute", left: z.x, top: z.y, opacity: 0 } }), f] }) : null;
 }));
 Go.displayName = "TouchSelectHandle";
-const en = -10, Ql = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), Pi = Object.freeze({ colIndex: 0, rowIndex: 0 }), Zo = Object.freeze([]), Yt = (e) => {
+const en = -10, Jl = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), ki = 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 = Pi), 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 = ki), Z.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: _ = !x, fillHandleBorderColor: M = "white", hiddenRowsAt: R, hiddenColumnsAt: ae, isContentfulCell: P, contentfulCellFinder: I = Kl, getDataCoords: z, alwaysScrollToActiveCoords: le = !1, selectionBounds: B, pointerDownInterceptor: oe, pointerMoveInterceptor: be, mergedRanges: N, canSelectionSpanMergedCells: H = es, onMoveDragStart: X, onMoveDragUpdate: T, onMoveDragEnd: S, onMoveDragDone: h, selectionRenderer: J = Xl, disableMoveDrag: K = !S, getCellCoordsAsRangeCoords: L = Z.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: Ve = "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]), $e = k((c, u = !1) => go(c, u, n.getRowOffset, u ? Se().bottom : Se().top), [n?.getRowOffset]), dt = k(R ?? $e, [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)), C = _e(() => Yt(Zt), [Zt]), ve = G(C), Je = G(!0);
+}, Ql = () => !1, ws = ({ 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: u, onFill: x, disableFillDrag: M = !x, fillHandleBorderColor: E = "white", hiddenRowsAt: P, hiddenColumnsAt: Q, isContentfulCell: k, contentfulCellFinder: I = Ul, getDataCoords: z, alwaysScrollToActiveCoords: se = !1, selectionBounds: B, pointerDownInterceptor: re, pointerMoveInterceptor: be, mergedRanges: N, canSelectionSpanMergedCells: H = Ql, onMoveDragStart: X, onMoveDragUpdate: T, onMoveDragEnd: S, onMoveDragDone: f, selectionRenderer: J = Yl, disableMoveDrag: K = !S, getCellCoordsAsRangeCoords: L = Z.cellToRange, moveDragHitSize: U = 6, moveDragOutlineSize: te = 4, selectionBackgroundColor: ne = "rgba(16, 124, 65, 0.1)", selectionBorderColor: Y = "rgb(33, 115, 70)", selectionRemoveBorderColor: He = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: Ve = "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 = R(x, [x]), $ = R(g, [g]), _ = R(m, [m]), Me = R(u, [u]), ue = R(k, [k]), me = R(J, [J]), $e = R((c, h = !1) => go(c, h, n.getRowOffset, h ? Se().bottom : Se().top), [n?.getRowOffset]), dt = R(P ?? $e, [P]), kt = R((c, h = !1) => go(c, h, n.getColOffset, h ? Se().right : Se().left), [n?.getColOffset]), ut = R(Q ?? kt, [Q]), [Zt, St] = Ze(() => Yt(o)), C = Ee(() => Yt(Zt), [Zt]), ye = G(C), Je = G(!0);
   tn(Ct.throttle(() => {
     St((c) => {
       Je.current = !0;
-      const u = Yt(o);
-      return Z.isEqualSelectionCoords(u, c) ? c : u;
+      const h = Yt(o);
+      return Z.isEqualSelectionCoords(h, c) ? c : h;
     });
   }, 0), [o]), tn(() => {
-    ve.current = C;
+    ye.current = C;
   }, [C]), st(() => {
     Je.current || !r || Z.isEqualSelectionCoords(o, C) || r(C);
   }, [C]);
   const mt = D((c) => {
-    St((u) => {
-      Je.current = !1, u = Yt(u);
-      let w = typeof c == "function" ? c(u.ranges) : c ?? Zo;
-      if (Z.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 || 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 W = { cell: y, ranges: w, rangeIndex: p };
-      return Z.isEqualSelectionCoords(W, u) ? u : W;
+    St((h) => {
+      Je.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)), v = h.cell;
+      p === -1 || Z.isCellWithinRange(v, w[p]) || (v = { rowIndex: w[p].rowStart, colIndex: w[p].colStart }), w.length === 1 && Z.isSingleCell(w[0]) && Z.isCellWithinRange(v, w[0]) && (w = [], p = -1);
+      const W = { cell: v, ranges: w, rangeIndex: p };
+      return Z.isEqualSelectionCoords(W, h) ? h : W;
     });
-  }, []), Qe = k((c) => {
-    St((u) => {
-      Je.current = !1, u = Yt(u);
-      const w = c ?? Pi, p = L(w);
-      if (!Z.isSingleCell(p) && u.ranges.length === 0) return { ranges: [p], rangeIndex: 0, cell: w };
-      if (Z.isEqualCells(w, u.cell)) return u;
-      let y = u.ranges, W = u.rangeIndex;
-      u.ranges.length === 1 && (Z.isSingleCell(u.ranges[0]) && Z.isCellWithinRange(w, u.ranges[0]) || !Z.isCellWithinRange(w, u.ranges[0])) && (y = [], W = -1);
-      const b = { ranges: y, rangeIndex: W, cell: w };
-      return Z.isEqualSelectionCoords(b, u) ? u : b;
+  }, []), Qe = R((c) => {
+    St((h) => {
+      Je.current = !1, h = Yt(h);
+      const w = c ?? ki, p = L(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 v = h.ranges, W = h.rangeIndex;
+      h.ranges.length === 1 && (Z.isSingleCell(h.ranges[0]) && Z.isCellWithinRange(w, h.ranges[0]) || !Z.isCellWithinRange(w, h.ranges[0])) && (v = [], W = -1);
+      const b = { ranges: v, rangeIndex: W, cell: w };
+      return Z.isEqualSelectionCoords(b, h) ? h : b;
     });
-  }, [L]), [cn, on] = Ze(null), [Mt, dn] = Ze(null), nn = G(null), [De, Kt] = Ze(null), xt = G(null), Vt = G(null), [Cn, un] = Ze(null), We = G(null), Q = G(null), et = G(N);
+  }, [L]), [cn, on] = Ze(null), [Mt, dn] = Ze(null), nn = G(null), [De, Kt] = Ze(null), xt = G(null), Vt = G(null), [Cn, un] = Ze(null), We = G(null), ee = G(null), et = G(N);
   st(() => {
     et.current = N;
   }, [N]);
-  const Ue = k((c, u = { inline: "nearest", block: "nearest" }) => {
+  const Ue = R((c, h = { inline: "nearest", block: "nearest" }) => {
     let { rowIndex: w, colIndex: p } = c;
-    w === void 0 && C?.cell && (w = C.cell.rowIndex), p === void 0 && C?.cell && (p = C.cell.colIndex), w !== void 0 && p !== void 0 && e.current?.scrollCellCoordsIntoView({ rowIndex: w, colIndex: p }, u);
+    w === void 0 && C?.cell && (w = C.cell.rowIndex), p === void 0 && C?.cell && (p = C.cell.colIndex), w !== void 0 && p !== void 0 && e.current?.scrollCellCoordsIntoView({ rowIndex: w, colIndex: p }, h);
   }, [C]), 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) => {
+    const h = Se();
+    return c.rowIndex < h.top || c.colIndex < h.left || c.colIndex > h.right || c.rowIndex > h.bottom;
+  }, []), Ie = R((c, h) => {
     if (!e?.current) return null;
-    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) };
+    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) };
     if (H?.(w)) return w;
-    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) };
+    const v = L(c), W = L(h), b = { rowStart: Math.min(v.rowStart, W.rowStart), colStart: Math.min(v.colStart, W.colStart), rowEnd: Math.max(v.rowEnd, W.rowEnd), colEnd: Math.max(v.colEnd, W.colEnd) };
     let he;
     return typeof et.current == "function" ? he = et.current(b) : N && (he = N), he ? Z.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 };
+  }, [H, L]), Oe = R((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 }, v = { 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) }, W = { rowIndex: v.rowStart, colIndex: v.colStart }, b = { rowIndex: v.rowEnd, colIndex: v.colEnd };
     if (!(ht(W) || ht(b)))
       return Ie(W, b);
-  }, [Ie]), rt = k((c, u, w) => {
-    if (s === "single" || !ve.current) return;
-    const p = Oe(ve.current, c, u ?? ve.current.cell);
+  }, [Ie]), rt = R((c, h, w) => {
+    if (s === "single" || !ye.current) return;
+    const p = Oe(ye.current, c, h ?? ye.current.cell);
     if (!p) return;
-    const y = ve.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 (!ve.current) return;
-    c = { ...ve.current?.cell, ...c }, u = u ?? c;
-    const p = Oe(ve.current, c, u);
+    const v = ye.current.rangeIndex;
+    mt((W) => W.length ? W.map((b, he) => v === he ? p : b) : [p]), w && p && Qe({ colIndex: p.colStart, rowIndex: p.rowStart });
+  }, []), tt = D((c, h, w) => {
+    if (!ye.current) return;
+    c = { ...ye.current?.cell, ...c }, h = h ?? c;
+    const p = Oe(ye.current, c, h);
     if (!p) return;
-    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) => {
+    const v = { rowIndex: p.rowStart, colIndex: p.colStart }, W = { ...v, ...w };
+    a === "clear" ? (We.current = W, rn()) : a === "modify" ? rt(v) : ze(v), Qe(W);
+  }, []), ze = D((c, h = c, w) => {
+    s !== "multiple" || !c || ht(c) || ht(h) || St((p) => {
       Je.current = !1, p = Yt(p);
-      const y = Ie(c, u);
-      if (!y) return p;
+      const v = Ie(c, h);
+      if (!v) return p;
       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 };
+      W.push(v);
+      const b = { ranges: W, cell: { rowIndex: v.rowStart, colIndex: v.colStart, ...w }, rangeIndex: W.length - 1 };
       return Z.isEqualSelectionCoords(b, p) ? p : b;
     });
   }, []), rn = () => {
     mt(Zo);
-  }, Tt = we.detectIt().primaryInput === "touch", nt = G(null), Rt = G(null), Ot = G(null), hn = _e(() => ({ onPointerDown: (c) => {
+  }, Tt = we.detectIt().primaryInput === "touch", nt = G(null), Rt = G(null), Ot = G(null), hn = Ee(() => ({ onPointerDown: (c) => {
     if (!e || !e.current) return !1;
-    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 h = c.nativeEvent, w = e.current.getViewFromClient(h.clientX, h.clientY);
+    if (h.pointerType === "touch" || h.type === "touchstart") return Rt.current = { topLeft: w.getScrollTopLeft(), point: { x: h.clientX, y: h.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, C.ranges) !== -1)
+    nt.current = { anchor: w.getAnchor(), coords: p }, ee.current = null;
+    const v = c.nativeEvent.which === Er;
+    if (v && Z.indexOfCoords(p, C.ranges) !== -1)
       return !1;
-    const W = c.nativeEvent.shiftKey, b = c.nativeEvent.ctrlKey || c.nativeEvent.metaKey, he = b, ne = d, re = C.ranges.length > 0, ge = b && ne;
-    if (oe?.(c, p, C) === !1) return !1;
-    i?.(ve.current, c.nativeEvent);
-    const Le = !y && s !== "single";
+    const W = c.nativeEvent.shiftKey, b = c.nativeEvent.ctrlKey || c.nativeEvent.metaKey, he = b, oe = d, ie = C.ranges.length > 0, ge = b && oe;
+    if (re?.(c, p, C) === !1) return !1;
+    i?.(ye.current, c.nativeEvent);
+    const Le = !v && s !== "single";
     if (W) return rt(p), Le;
     const de = Z.isEqualCells(p, C.cell);
     if (he) {
-      if (de && (!ge || !re)) return Le;
-      if (b && Z.indexOfCoords(p, C.ranges) !== -1 && ne) {
+      if (de && (!ge || !ie)) return Le;
+      if (b && Z.indexOfCoords(p, C.ranges) !== -1 && oe) {
         xt.current = p;
-        const ie = Ie(p, p);
-        return Vt.current = ie, Kt(ie), Le;
+        const le = Ie(p, p);
+        return Vt.current = le, Kt(le), Le;
       }
       return ze(p), Le;
     }
-    le && Ue(p), de && C.ranges.length === 0 || tt(p);
-  }, onPointerMoveOrWait: Ct.throttle((c, u) => {
+    se && Ue(p), de && C.ranges.length === 0 || tt(p);
+  }, onPointerMoveOrWait: Ct.throttle((c, h) => {
     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, ve.current) !== !1)) {
+    let p = e.current.getViewFromLocation(w), v = p.getCellCoordsFromClient(c.clientX, c.clientY);
+    if (!Z.isEqualCells(v, nt.current?.coords) && (nt.current = { anchor: w, coords: v }, v && be?.(c, v, 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 };
+        const W = { rowStart: Math.min(v.rowIndex, xt.current.rowIndex), colStart: Math.min(v.colIndex, xt.current.colIndex), rowEnd: Math.max(v.rowIndex, xt.current.rowIndex), colEnd: Math.max(v.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, Kt(ne);
-      } else rt(y);
-      Ot.current = u, lo(p, y, e);
+        const oe = Ie(b, he);
+        Vt.current = oe, Kt(oe);
+      } else rt(v);
+      Ot.current = h, lo(p, v, e);
     }
   }, 60), onPointerUp: (c) => {
     if (nt.current = null, c.pointerType === "touch" || c.type === "touchend") {
       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);
+          const v = w.getCellCoordsFromClient(Rt.current.point.x, Rt.current.point.y);
+          tt(v);
         }
       }
       return Rt.current = null, void (nt.current = null);
     }
     try {
-      l?.(ve.current, c);
+      l?.(ye.current, c);
     } catch (w) {
       console.warn(w);
     }
     if (!xt.current) return;
-    const u = Vt.current;
+    const h = 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;
+      let p = [], v = -1, W = w.cell;
       for (let he = 0; he < w.ranges.length; he++) {
-        const ne = w.ranges[he];
-        if (Z.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), Z.isCellWithinRange(w.cell, Le) && (y = p.length - 1);
+        const oe = w.ranges[he];
+        if (Z.isRangesIntersect(oe, h)) {
+          const ie = Ct.subtractRect({ top: oe.rowStart, left: oe.colStart, bottom: oe.rowEnd + 1, right: oe.colEnd + 1 }, { top: h.rowStart, left: h.colStart, bottom: h.rowEnd + 1, right: h.colEnd + 1 });
+          for (let ge = 0; ge < ie.length; ge++) {
+            const Le = { rowStart: ie[ge].top, colStart: ie[ge].left, rowEnd: ie[ge].bottom - 1, colEnd: ie[ge].right - 1 };
+            p.push(Le), Z.isCellWithinRange(w.cell, Le) && (v = p.length - 1);
           }
-        } else p.push(ne);
-        p.length > 0 && y === -1 && Z.isCellWithinRange(w.cell, ne) && (y = p.length - 1, W = { rowIndex: p[p.length - 1].rowStart, colIndex: p[p.length - 1].colStart });
+        } else p.push(oe);
+        p.length > 0 && v === -1 && Z.isCellWithinRange(w.cell, oe) && (v = p.length - 1, W = { rowIndex: p[p.length - 1].rowStart, colIndex: p[p.length - 1].colStart });
       }
-      const b = { cell: W, rangeIndex: y, ranges: p };
+      const b = { cell: W, rangeIndex: v, ranges: p };
       return Z.isEqualSelectionCoords(b, w) ? w : b;
     });
-  }, processTouch: !0, consumeTouch: !1 }), [C, s, d, le, a]), mo = k(On(hn), []), xo = _e(() => ({ onSelectionPointerDown: (c, u, w, p, y = C.cell, W = le, b = c.nativeEvent.shiftKey, he = !1) => {
+  }, processTouch: !0, consumeTouch: !1 }), [C, s, d, se, a]), mo = R(On(hn), []), xo = Ee(() => ({ onSelectionPointerDown: (c, h, w, p, v = C.cell, W = se, 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 ge = c.nativeEvent.which === _r;
-    if (ge && Z.indexOfCoords(re, C.ranges) !== -1)
+    const oe = w ?? e.current.getViewFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY), ie = p ?? oe.getCellCoordsFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY);
+    if (!ie) return !1;
+    nt.current = { anchor: oe.getAnchor(), coords: ie }, ee.current = null;
+    const ge = c.nativeEvent.which === Er;
+    if (ge && Z.indexOfCoords(ie, C.ranges) !== -1)
       return !1;
-    const Le = c.nativeEvent.ctrlKey || c.nativeEvent.metaKey, de = Le, ie = d, _t = C.ranges.length > 0, F = Le && ie;
-    if (oe?.(c, re, C) === !1) return !1;
-    i?.(ve.current, c.nativeEvent);
+    const Le = c.nativeEvent.ctrlKey || c.nativeEvent.metaKey, de = Le, le = d, Et = C.ranges.length > 0, F = Le && le;
+    if (re?.(c, ie, C) === !1) return !1;
+    i?.(ye.current, c.nativeEvent);
     const ke = !ge && s !== "single";
-    if (b) return rt(re, y, he), ke;
-    const Pt = Z.isEqualCells(re, y);
+    if (b) return rt(ie, v, he), ke;
+    const Pt = Z.isEqualCells(ie, v);
     if (de) {
-      if (Pt && (!F || !_t)) return ke;
-      if (F && Z.indexOfCoords(re, C.ranges) !== -1 && ie) {
-        xt.current = re;
-        const Re = Ie(re, re);
+      if (Pt && (!F || !Et)) return ke;
+      if (F && Z.indexOfCoords(ie, C.ranges) !== -1 && le) {
+        xt.current = ie;
+        const Re = Ie(ie, ie);
         return Vt.current = Re, Kt(Re), ke;
       }
-      return ze(re), ke;
+      return ze(ie), ke;
     }
-    W && Ue(re), Pt && C.ranges.length === 0 || tt(re);
-  }, onSelectionPointerMoveOrWait: (c, u, w, p, y, W = C.cell, b = !0, he = !1) => {
+    W && Ue(ie), Pt && C.ranges.length === 0 || tt(ie);
+  }, onSelectionPointerMoveOrWait: (c, h, w, p, v, W = C.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), ge = y ?? re.getCellCoordsFromClient(c.clientX, c.clientY);
-    if (!Z.isEqualCells(ge, nt.current?.coords) && (nt.current = { anchor: ne, coords: ge }, ge && be?.(c, ge, ve.current) !== !1)) {
+    const oe = nt.current.anchor;
+    let ie = p ?? e.current.getViewFromLocation(oe), ge = v ?? ie.getCellCoordsFromClient(c.clientX, c.clientY);
+    if (!Z.isEqualCells(ge, nt.current?.coords) && (nt.current = { anchor: oe, coords: ge }, ge && be?.(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, Kt(_t);
+        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 }, le = { rowIndex: Le.rowEnd, colIndex: Le.colEnd };
+        if (ht(de) || ht(le)) return;
+        const Et = Ie(de, le);
+        Vt.current = Et, Kt(Et);
       } else rt(ge, W, he);
-      b && lo(re, ge, e);
+      b && lo(ie, ge, e);
     }
   }, onPointerUp: (c) => {
     nt.current = null, c.stopPropagation(), c.preventDefault(), c.stopImmediatePropagation();
     try {
-      l?.(ve.current, c);
+      l?.(ye.current, c);
     } catch (w) {
       console.warn(w);
     }
     if (!xt.current) return;
-    const u = Vt.current;
+    const h = 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;
+      let p = [], v = -1, W = w.cell;
       for (let he = 0; he < w.ranges.length; he++) {
-        const ne = w.ranges[he];
-        if (Z.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), Z.isCellWithinRange(w.cell, Le) && (y = p.length - 1);
+        const oe = w.ranges[he];
+        if (Z.isRangesIntersect(oe, h)) {
+          const ie = Ct.subtractRect({ top: oe.rowStart, left: oe.colStart, bottom: oe.rowEnd + 1, right: oe.colEnd + 1 }, { top: h.rowStart, left: h.colStart, bottom: h.rowEnd + 1, right: h.colEnd + 1 });
+          for (let ge = 0; ge < ie.length; ge++) {
+            const Le = { rowStart: ie[ge].top, colStart: ie[ge].left, rowEnd: ie[ge].bottom - 1, colEnd: ie[ge].right - 1 };
+            p.push(Le), Z.isCellWithinRange(w.cell, Le) && (v = p.length - 1);
           }
-        } else p.push(ne);
-        p.length > 0 && y === -1 && Z.isCellWithinRange(w.cell, ne) && (y = p.length - 1, W = { rowIndex: p[p.length - 1].rowStart, colIndex: p[p.length - 1].colStart });
+        } else p.push(oe);
+        p.length > 0 && v === -1 && Z.isCellWithinRange(w.cell, oe) && (v = p.length - 1, W = { rowIndex: p[p.length - 1].rowStart, colIndex: p[p.length - 1].colStart });
       }
-      const b = { cell: W, rangeIndex: y, ranges: p };
+      const b = { cell: W, rangeIndex: v, ranges: p };
       return Z.isEqualSelectionCoords(b, w) ? w : b;
     });
-  } }), [C, s, d, le, a]), pt = k((c, u = !1, w = !1, p = 0) => {
+  } }), [C, s, d, se, a]), pt = R((c, h = !1, w = !1, p = 0) => {
     if (!e.current || !C.cell) return;
-    let y = C.cell, W = C.cell;
-    if (u && C.ranges.length > 0) {
+    let v = C.cell, W = C.cell;
+    if (h && C.ranges.length > 0) {
       const F = C.ranges[C.rangeIndex], ke = C.cell;
       switch (c) {
         case it:
-          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 };
+          W = { rowIndex: ke.rowIndex === F.rowStart ? F.rowEnd : F.rowStart, colIndex: F.colEnd }, v = { rowIndex: ke.rowIndex === F.rowStart ? F.rowStart : F.rowEnd, colIndex: F.colStart };
           break;
         case lt:
-          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 };
+          W = { rowIndex: ke.rowIndex === F.rowEnd ? F.rowStart : F.rowEnd, colIndex: F.colEnd }, v = { rowIndex: ke.rowIndex === F.rowEnd ? F.rowEnd : F.rowStart, colIndex: F.colStart };
           break;
         case ot:
-          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 };
+          W = { rowIndex: F.rowEnd, colIndex: ke.colIndex === F.colStart ? F.colEnd : F.colStart }, v = { rowIndex: F.rowStart, colIndex: ke.colIndex === F.colStart ? F.colStart : F.colEnd };
           break;
         case Ke:
-          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 };
+          W = { rowIndex: F.rowEnd, colIndex: ke.colIndex === F.colEnd ? F.colStart : F.colEnd }, v = { rowIndex: F.rowStart, colIndex: ke.colIndex === F.colEnd ? F.colEnd : F.colStart };
       }
     }
     const b = L(W);
-    let { rowStart: he, colStart: ne } = b;
-    const re = Se();
-    if (Q.current) switch (c) {
+    let { rowStart: he, colStart: oe } = b;
+    const ie = Se();
+    if (ee.current) switch (c) {
       case it:
       case lt:
-        Q.current.colIndex >= b.colStart && Q.current.colIndex <= b.colEnd && (ne = Q.current.colIndex);
+        ee.current.colIndex >= b.colStart && ee.current.colIndex <= b.colEnd && (oe = ee.current.colIndex);
         break;
       case ot:
       case Ke:
-        Q.current.rowIndex >= b.rowStart && Q.current.rowIndex <= b.rowEnd && (he = Q.current.rowIndex);
+        ee.current.rowIndex >= b.rowStart && ee.current.rowIndex <= b.rowEnd && (he = ee.current.rowIndex);
     }
     if (!p) {
       switch (c) {
         case it:
-          he = qe(dt, Math.max(b.rowStart - 1, re.top), c);
+          he = qe(dt, Math.max(b.rowStart - 1, ie.top), c);
           break;
         case lt:
-          he = qe(dt, Math.min(b.rowEnd + 1, re.bottom), c);
+          he = qe(dt, Math.min(b.rowEnd + 1, ie.bottom), c);
           break;
         case ot:
-          ne = qe(ut, Math.max(b.colStart - 1, re.left), c);
+          oe = qe(ut, Math.max(b.colStart - 1, ie.left), c);
           break;
         case Ke:
-          ne = qe(ut, Math.min(b.colEnd + 1, re.right), c);
+          oe = qe(ut, Math.min(b.colEnd + 1, ie.right), c);
       }
       if (w) switch (c) {
         case it:
-          he = I({ ...W, colIndex: C.cell.colIndex }, ue, dt, c, !1, Math.max(re.top, dt(re.top, !1)));
+          he = I({ ...W, colIndex: C.cell.colIndex }, ue, dt, c, !1, Math.max(ie.top, dt(ie.top, !1)));
           break;
         case lt:
-          he = I({ ...W, colIndex: C.cell.colIndex }, ue, dt, c, !1, Math.min(re.bottom, re.bottom - dt(re.bottom, !0)));
+          he = I({ ...W, colIndex: C.cell.colIndex }, ue, dt, c, !1, Math.min(ie.bottom, ie.bottom - dt(ie.bottom, !0)));
           break;
         case ot:
-          ne = I({ ...W, rowIndex: C.cell.rowIndex }, ue, ut, c, !1, Math.max(re.left, ut(re.left, !1)));
+          oe = I({ ...W, rowIndex: C.cell.rowIndex }, ue, ut, c, !1, Math.max(ie.left, ut(ie.left, !1)));
           break;
         case Ke:
-          ne = I({ ...W, rowIndex: C.cell.rowIndex }, ue, ut, c, !1, Math.min(re.right, re.right - ut(re.right, !0)));
+          oe = I({ ...W, rowIndex: C.cell.rowIndex }, ue, ut, c, !1, Math.min(ie.right, ie.right - ut(ie.right, !0)));
       }
     }
     let ge = null;
@@ -2484,93 +2513,93 @@ const en = -10, Ql = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       let F = 0;
       switch (c) {
         case it:
-          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) };
+          F = n.getRowOffset(he + 1), he = Math.max(ie.top, n.getRowIndex(F - p)), ge = { top: n.getRowOffset(he + 1) - (F - e.current.getScrollPosition().top) };
           break;
         case lt:
-          F = n.getRowOffset(he), he = Math.min(re.bottom, n.getRowIndex(F + p)), ge = { top: n.getRowOffset(he) - (F - e.current.getScrollPosition().top) };
+          F = n.getRowOffset(he), he = Math.min(ie.bottom, n.getRowIndex(F + p)), ge = { top: n.getRowOffset(he) - (F - e.current.getScrollPosition().top) };
           break;
         case ot:
-          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) };
+          F = n.getColOffset(oe + 1), oe = Math.max(ie.left, n.getColIndex(F - p)), ge = { left: n.getColOffset(oe + 1) - (F - e.current.getScrollPosition().left) };
           break;
         case Ke:
-          F = n.getColOffset(ne), ne = Math.min(re.right, n.getColIndex(F + p)), ge = { left: n.getColOffset(ne) - (F - e.current.getScrollPosition().left) };
+          F = n.getColOffset(oe), oe = Math.min(ie.right, n.getColIndex(F + p)), ge = { left: n.getColOffset(oe) - (F - e.current.getScrollPosition().left) };
       }
     }
-    const Le = { rowIndex: he, colIndex: ne }, de = L(Le), ie = { rowIndex: de.rowStart, colIndex: de.colStart };
-    u || (Q.current = Le);
-    const _t = Z.isEqualCells(We.current, ie) && Z.isEqualCells(We.current, y);
-    if (u && !_t ? rt(ie, y) : tt(ie), ge) e.current.scrollTo(ge);
+    const Le = { rowIndex: he, colIndex: oe }, de = L(Le), le = { rowIndex: de.rowStart, colIndex: de.colStart };
+    h || (ee.current = Le);
+    const Et = Z.isEqualCells(We.current, le) && Z.isEqualCells(We.current, v);
+    if (h && !Et ? rt(le, v) : tt(le), ge) e.current.scrollTo(ge);
     else {
-      if (u && We.current) {
+      if (h && 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 ? Ue({ colIndex: Le.colIndex }) : c !== it && c !== lt || Ue({ rowIndex: Le.rowIndex });
     }
-  }, [C, L]), ln = k((c) => {
+  }, [C, L]), ln = R((c) => {
     if (!e.current) return;
     if (C.ranges.length === 0) return void pt(c);
-    const u = L(C.cell);
-    if (Z.isEqualRangesArrays([u], C.ranges)) return void pt(c);
+    const h = L(C.cell);
+    if (Z.isEqualRangesArrays([h], C.ranges)) return void pt(c);
     const w = Xo(C, 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;
+      const v = { ...p, cell: w.cell, rangeIndex: w.rangeIndex };
+      return Z.isEqualSelectionCoords(v, p) ? p : v;
     }), w.cell && Ue(w.cell);
-  }, [C, L]), vo = D(() => {
+  }, [C, L]), yo = D(() => {
     const c = Se();
     rt({ rowIndex: c.top }, { rowIndex: c.bottom });
-  }, []), yo = D(() => {
+  }, []), vo = D(() => {
     const c = Se();
     rt({ colIndex: c.left }, { colIndex: c.right });
-  }, []), xn = k(() => {
+  }, []), xn = R(() => {
     C.cell && e?.current && Ue(C.cell);
   }, [C.cell]), qn = D((c = !1) => {
-    const u = { rowIndex: Se().top };
-    c ? rt(u) : tt(u), Ue(u);
+    const h = { rowIndex: Se().top };
+    c ? rt(h) : tt(h), Ue(h);
   }, []), Yn = D((c = !1) => {
-    const u = { rowIndex: Se().bottom };
-    c ? rt(u) : tt(u), Ue(u);
+    const h = { rowIndex: Se().bottom };
+    c ? rt(h) : tt(h), Ue(h);
   }, []), Dn = D((c = !1) => {
-    const u = { colIndex: Se().left };
-    c ? rt(u) : tt(u), Ue(u);
+    const h = { colIndex: Se().left };
+    c ? rt(h) : tt(h), Ue(h);
   }, []), Mn = D((c = !1) => {
-    const u = Se(), w = { rowIndex: u.top, colIndex: u.left };
+    const h = Se(), w = { rowIndex: h.top, colIndex: h.left };
     c ? rt(w) : tt(w), Ue(w);
   }, []), zn = D((c = !1) => {
-    const u = Se(), w = { colIndex: z?.()?.colEnd ?? u.right };
+    const h = Se(), w = { colIndex: z?.()?.colEnd ?? h.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 };
+  }, [z]), yn = D((c = !1) => {
+    const h = Se(), w = { rowIndex: z?.()?.rowEnd ?? h.bottom, colIndex: z?.()?.colEnd ?? h.right };
     c ? rt(w) : tt(w), Ue(w);
-  }, [z]), An = k((c) => {
+  }, [z]), An = R((c) => {
     if (!e.current || C.ranges.length <= 1) return;
-    const u = c === ot || c === it;
-    let w = C.rangeIndex + (u ? -1 : 1);
+    const h = c === ot || c === it;
+    let w = C.rangeIndex + (h ? -1 : 1);
     w < 0 ? w = C.ranges.length - 1 : w > C.ranges.length - 1 && (w = 0);
-    const p = C.ranges[w], y = Xo({ cell: { rowIndex: p.rowEnd, colIndex: p.colEnd }, rangeIndex: 0, ranges: [p] }, Ke, L, dt, ut);
+    const p = C.ranges[w], v = 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 };
+      const b = { ...W, cell: v.cell, rangeIndex: w };
       return Z.isEqualSelectionCoords(b, W) ? W : b;
-    }), y.cell && Ue(y.cell);
-  }, [C, L]), bo = k(() => {
+    }), v.cell && Ue(v.cell);
+  }, [C, L]), bo = R(() => {
     const c = Ar(C);
-    St((u) => {
-      Je.current = !1, u = Yt(u);
-      const w = { ...u, visibleSelection: c };
-      return Z.isEqualSelectionCoords(w, u) ? u : w;
+    St((h) => {
+      Je.current = !1, h = Yt(h);
+      const w = { ...h, visibleSelection: c };
+      return Z.isEqualSelectionCoords(w, h) ? h : w;
     }), c.cell && Ue(c.cell);
-  }, [C, L]), So = k(() => {
+  }, [C, L]), So = R(() => {
     if (!e.current || C.ranges.length === 0) return;
-    const c = C.cell, u = C.ranges[C.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 }, St((W) => {
+    const c = C.cell, h = C.ranges[C.rangeIndex], w = Ar({ cell: c, rangeIndex: 0, ranges: [h] }), p = w.ranges[w.rangeIndex];
+    let v;
+    v = 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 };
+      const b = { ...W, cell: v };
       return Z.isEqualSelectionCoords(b, W) ? W : b;
-    }), y && Ue(y);
+    }), v && Ue(v);
   }, [C, L]), Xn = D((c = !1) => {
     pt(lt, c, !1, e.current.getDimensions().containerHeight);
   }, []), Jt = D((c = !1) => {
@@ -2583,9 +2612,9 @@ const en = -10, Ql = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     ln(ot);
   }, []), Jn = D(() => {
     ln(Ke);
-  }, []), Eo = D(() => {
-    ln(it);
   }, []), _o = D(() => {
+    ln(it);
+  }, []), Eo = D(() => {
     ln(lt);
   }, []), Bn = D(() => {
     An(ot);
@@ -2595,7 +2624,7 @@ const en = -10, Ql = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     So();
   }, []), Qn = D(() => {
     pt(ot, !1, !1);
-  }, []), v = D(() => {
+  }, []), y = D(() => {
     pt(ot, !0, !1);
   }, []), O = D(() => {
     pt(ot, !1, !0);
@@ -2607,13 +2636,13 @@ const en = -10, Ql = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     pt(Ke, !0, !1);
   }, []), fe = D(() => {
     pt(Ke, !1, !0);
-  }, []), se = D(() => {
+  }, []), ce = D(() => {
     pt(Ke, !0, !0);
   }, []), xe = D(() => {
     pt(it, !1, !1);
-  }, []), ye = D(() => {
+  }, []), ve = D(() => {
     pt(it, !0, !1);
-  }, []), ce = D(() => {
+  }, []), ae = D(() => {
     pt(it, !1, !0);
   }, []), je = D(() => {
     pt(it, !0, !0);
@@ -2627,447 +2656,447 @@ const en = -10, Ql = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     pt(lt, !0, !0);
   }, []), Xe = D(() => {
     mt((c) => c.slice(0, -1));
-  }, []), Lt = _e(() => {
+  }, []), Lt = Ee(() => {
     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 ((h, w, p, v, W) => {
+      for (let b = 0; b < h.length; b++) {
+        const he = h[b];
+        if (he.rowStart === w && he.colStart === p && he.rowEnd === v && he.colEnd === W) return !0;
       }
       return !1;
     })(C.ranges, c.top, c.left, c.bottom, c.right);
-  }, [B, C.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 (!ve.current?.cell) return;
-    const w = ve.current?.ranges, p = ve.current?.cell;
-    if (!p || !u || !u) return;
-    let y = null;
-    if (y = w.length > 0 ? w[w.length - 1] : L(p), y.colEnd >= y.colStart && y.rowEnd >= y.rowStart) {
-      const W = $r(y, u);
+  }, [B, C.ranges]), yt = D((c, h = !0) => {
+    We.current = c, Qe(c), h && c && e?.current && Ue(c);
+  }, []), pe = R((c = !0) => {
+    const h = nn.current;
+    if (!ye.current?.cell) return;
+    const w = ye.current?.ranges, p = ye.current?.cell;
+    if (!p || !h || !h) return;
+    let v = null;
+    if (v = w.length > 0 ? w[w.length - 1] : L(p), v.colEnd >= v.colStart && v.rowEnd >= v.rowStart) {
+      const W = $r(v, h);
       let b = c ? Ye : $;
       try {
-        b?.(y, u, W.direction);
+        b?.(v, h, W.direction);
       } catch (he) {
         console.warn(he);
       } finally {
         c && Me?.();
       }
     }
-  }, [L]), wt = G(null), $t = On(_e(() => ({ onPointerDown: (c, u) => {
-    if (Ot.current = u, !e || !e.current) return !1;
+  }, [L]), wt = G(null), $t = On(Ee(() => ({ onPointerDown: (c, h) => {
+    if (Ot.current = h, !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(), on("crosshair"), wt.current = { anchor: w.getAnchor(), coords: p });
-  }, onPointerMoveOrWait: (c, u) => {
-    if (_ || !e?.current || !ve.current || !wt.current) return;
+  }, onPointerMoveOrWait: (c, h) => {
+    if (M || !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;
-    wt.current = { anchor: w, coords: y };
-    const W = ve.current.ranges;
-    let b = Ie(ve.current.cell, y);
+    let p = e.current.getViewFromLocation(w), v = p.getCellCoordsFromClient(c.clientX, c.clientY);
+    if (!v) return;
+    wt.current = { anchor: w, coords: v };
+    const W = ye.current.ranges;
+    let b = Ie(ye.current.cell, v);
     if (!b) return;
-    const he = W.length > 0, ne = he ? W[W.length - 1] : L(ve.current.cell);
+    const he = W.length > 0, oe = 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, 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)) {
+    const ie = b.rowStart < oe.rowStart ? it : b.rowEnd > oe.rowEnd ? lt : b.colEnd > oe.colEnd ? Ke : ot, ge = Se();
+    ie === ot && (b = { ...oe, colStart: Math.max(ge.left, b.colStart) }), ie === it && (b = { ...oe, rowStart: Math.max(ge.top, b.rowStart) }), ie === Ke && (b = { ...oe, colEnd: Math.min(ge.right, b.colEnd) }), ie === lt && (b = { ...oe, rowEnd: Math.min(ge.bottom, b.rowEnd) });
+    const Le = $r(oe, b);
+    if (!H?.(oe)) {
       let de;
-      typeof et.current == "function" ? de = et.current(ne) : N && (de = N), b = ((ie, _t, F, ke, Pt, Re) => {
-        const Te = { ..._t };
+      typeof et.current == "function" ? de = et.current(oe) : N && (de = N), b = ((le, Et, F, ke, Pt, Re) => {
+        const Te = { ...Et };
         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);
+          const bt = le.colEnd + 1 - le.colStart;
+          Te.colStart = le.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);
+          const bt = le.colEnd + 1 - le.colStart;
+          Te.colEnd = le.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);
+          const bt = le.rowEnd + 1 - le.rowStart;
+          Te.rowStart = le.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);
+          const bt = le.rowEnd + 1 - le.rowStart;
+          Te.rowEnd = le.rowEnd + Math.ceil(Re / bt) * bt, Te.rowEnd > ke.bottom && (Te.rowEnd = Te.rowEnd - Math.ceil((ke.bottom - Te.rowEnd) / bt) * bt);
         }
         return Te;
-      })(ne, b, de, ge, Le.direction, Le.amount);
+      })(oe, b, de, ge, Le.direction, Le.amount);
     }
-    if (he && Z.isRangeWithinRange(b, ne) && (b = null), !Z.isEqualRanges(b, nn.current)) {
+    if (he && Z.isRangeWithinRange(b, oe) && (b = null), !Z.isEqualRanges(b, nn.current)) {
       if (dn(b), nn.current = b, !b) {
         try {
-          E?.();
+          _?.();
         } catch {
         }
         return void Me?.();
       }
       pe(!1);
     }
-    Ot.current = u, lo(p, y, e);
-  }, onPointerUp: (c, u) => {
-    Ot.current = u, Promise.resolve(pe(!0)).finally(() => {
+    Ot.current = h, lo(p, v, e);
+  }, onPointerUp: (c, h) => {
+    Ot.current = h, Promise.resolve(pe(!0)).finally(() => {
       Me?.(), dn(null), nn.current = null, wt.current = null, on(null), e.current?.focus();
     });
-  } }), [L])), Wt = _e(() => ({ onPointerDown: $t }), [$t]), [Ce, Ge] = Ze(null), Ae = G(null), ct = _e(() => ({ onPointerDown: (c, u) => {
-    if (Ot.current = u, !e || !e.current) return !1;
+  } }), [L])), Wt = Ee(() => ({ onPointerDown: $t }), [$t]), [Ce, Ge] = Ze(null), Ae = G(null), ct = Ee(() => ({ onPointerDown: (c, h) => {
+    if (Ot.current = h, !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, C) === !1) return !1;
+    if (re?.(c, p, C) === !1) return !1;
     c.stopPropagation(), on("default");
-    const y = w.getRelativePointFromClient(0, 0), W = ve.current?.ranges[ve.current?.ranges.length - 1] ?? Z.cellToRange(ve.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 || !ve.current || !Ae.current) return;
-    const p = c.clientX - w.clientX, y = c.clientY - w.clientY;
-    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 v = w.getRelativePointFromClient(0, 0), W = ye.current?.ranges[ye.current?.ranges.length - 1] ?? Z.cellToRange(ye.current?.cell), b = w.toClipBounds(w.getRangeCoordsBounds(W)), he = { x: 0, y: 0 };
+    b.x - v.x > c.nativeEvent.clientX ? he.x = c.nativeEvent.clientX - (b.x - v.x) : c.nativeEvent.clientX >= b.x - v.x + b.width && (he.x = Math.max(0, c.nativeEvent.clientX - (b.x - v.x + b.width)) + 1), b.y - v.y > c.nativeEvent.clientY ? he.y = c.nativeEvent.clientY - (b.y - v.y) : c.nativeEvent.clientY >= b.y - v.y + b.height && (he.y = Math.max(0, c.nativeEvent.clientY - (b.y - v.y + b.height)) + 1), X?.(W, c.nativeEvent, h), Ae.current = { range: W, anchor: w.getAnchor(), cell: p, isMoving: !1, extrusion: he };
+  }, onPointerMoveOrWait: (c, h, w) => {
+    if (K || !e?.current || !ye.current || !Ae.current) return;
+    const p = c.clientX - w.clientX, v = c.clientY - w.clientY;
+    if (Ae.current.isMoving = Ae.current.isMoving || Math.abs(p) > Math.max(1, 2) || Math.abs(v) > 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 = 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 };
-    Z.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;
+    let he = e.current.getViewFromLocation(W), oe = he.getCellCoordsFromClient(c.clientX - b.x, c.clientY - b.y, !0);
+    if (!oe) return;
+    const ie = Ae.current.cell, ge = Ae.current.range, Le = Se(), de = ge.colEnd - ge.colStart + 1, le = Math.min(Math.max(0, ie.colIndex - ge.colStart), de - 1), Et = Math.min(Le.right - de + 1, Math.max(Le.left, oe.colIndex - le)), F = ge.rowEnd - ge.rowStart + 1, ke = Math.min(Math.max(0, ie.rowIndex - ge.rowStart), F - 1), Pt = Math.min(Le.bottom - F + 1, Math.max(Le.top, oe.rowIndex - ke)), Re = { colStart: Et, colEnd: Et + de - 1, rowStart: Pt, rowEnd: Pt + F - 1 };
+    Z.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, h)), Ot.current = h, lo(he, oe, e);
+  }, onPointerUp: (c, h) => {
+    Ot.current = h;
     const w = () => {
       Ge(null), Ae.current = null, on(null), e.current?.focus();
     };
     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(() => {
+    const p = Ae.current.range, v = Ce;
+    S?.(p, c, h), Promise.resolve(p && v && f?.(p, v, c, h)).finally(() => {
       w();
     });
-  } }), [Ce]), Pe = On(ct), Et = _e(() => ({ onPointerDown: Pe }), [Pe]), yt = G(null), Bt = _e(() => {
-    const c = Z.isEqualSelectionCoords(C, yt.current) ? yt.current : C;
-    return yt.current = c, c;
+  } }), [Ce]), Pe = On(ct), _t = Ee(() => ({ onPointerDown: Pe }), [Pe]), vt = G(null), Bt = Ee(() => {
+    const c = Z.isEqualSelectionCoords(C, vt.current) ? vt.current : C;
+    return vt.current = c, c;
   }, [C]), qt = D((c) => {
-    let u = null, w = "br";
-    const p = [], y = { stroke: M, fill: te, strokeWidth: 0.5 }, W = (de, ie, _t) => {
+    let h = null, w = "br";
+    const p = [], v = { stroke: E, fill: ne, strokeWidth: 0.5 }, W = (de, le, Et) => {
       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 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);
+      F.x = F.width > 0 ? F.x : F.x - v.strokeWidth / 2, F.y = F.height > 0 ? F.y : F.y - v.strokeWidth / 2, F.width = Math.max(F.width, v.strokeWidth), F.height = Math.max(F.height, v.strokeWidth);
+      const ke = { key: `selection-fill-${le}`, range: de, ...F, ...v };
+      if (Et) {
+        const Pt = c.getCellCoordsAsRangeCoords(Et);
+        ke.cell = Et, 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 me(ke);
     };
     let b = C ? Yt(C) : null;
-    const he = b?.cell ? c.getCellCoordsAsRangeCoords(b?.cell) : Ql;
+    const he = b?.cell ? c.getCellCoordsAsRangeCoords(b?.cell) : Jl;
     !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 = W(ie, de, de === b.rangeIndex ? b.cell : null);
-      _t && p.push(_t);
-      const F = 2, ke = 0.5, Pt = c.toClipBounds(c.getRangeCoordsBounds(ie, { top: 0, left: 0, right: 0, bottom: 0 }), en);
+      const le = b.ranges[de], Et = W(le, de, de === b.rangeIndex ? b.cell : null);
+      Et && p.push(Et);
+      const F = 2, ke = 0.5, Pt = c.toClipBounds(c.getRangeCoordsBounds(le, { 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: M, strokeWidth: Re }));
+        p.push(me({ range: le, 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: E, strokeWidth: Re }));
       }
       if (b.ranges.length === 1) {
-        const Re = c.toClipBounds(c.getRangeCoordsBounds(ie), en);
+        const Re = c.toClipBounds(c.getRangeCoordsBounds(le), 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 }));
+          K || p.push(me({ range: le, 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, ..._t }));
           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 }));
+          p.push(me({ range: le, 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 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 }));
+        const Re = c.toClipBounds(c.getRangeCoordsBounds(le, { top: -1, left: -1, right: -2, bottom: -2 }), en);
+        Re && p.push(me({ range: le, 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 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 }));
+        Te && p.push(me({ range: le, 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) {
-        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);
+        h = null, w = null;
+        const Re = le.rowStart === Se().top && le.rowEnd === Se().bottom, Te = le.colStart === Se().left && le.colEnd === Se().right, bt = c.getRangeCoordsBounds(le);
         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], Ai = c.allViews()[Hn], $i = c.allViews()[Nn], to = c.getAnchor();
-            (Te && (to === Hn && nr || to === Xt && $i || !Z.isCellWithinRange({ colIndex: ie.colStart, rowIndex: ie.rowEnd }, eo) && !Z.isCellWithinRange({ colIndex: ie.colStart, rowIndex: ie.rowEnd + 1 }, eo)) || Re && (to === Nn && nr || to === Xt && Ai || !Z.isCellWithinRange({ colIndex: ie.colEnd, rowIndex: ie.rowStart }, eo) && !Z.isCellWithinRange({ colIndex: ie.colEnd + 1, rowIndex: ie.rowStart }, eo))) && (Qt = null);
+            const eo = c.getVisibleRangeCoords(), nr = c.allViews()[uo], zi = c.allViews()[Hn], Ai = c.allViews()[Nn], to = c.getAnchor();
+            (Te && (to === Hn && nr || to === Xt && Ai || !Z.isCellWithinRange({ colIndex: le.colStart, rowIndex: le.rowEnd }, eo) && !Z.isCellWithinRange({ colIndex: le.colStart, rowIndex: le.rowEnd + 1 }, eo)) || Re && (to === Nn && nr || to === Xt && zi || !Z.isCellWithinRange({ colIndex: le.colEnd, rowIndex: le.rowStart }, eo) && !Z.isCellWithinRange({ colIndex: le.colEnd + 1, rowIndex: le.rowStart }, eo))) && (Qt = null);
           }
         } 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"));
+        h = { x: Qt.x + Qt.width + 1, y: Qt.y + Qt.height + 1 }, Qt.width === 0 || Qt.height === 0 || le.rowStart === Se().top && le.colStart === Se().left && le.rowEnd === Se().bottom && le.colEnd === Se().right || (Re ? (h.y = F, w = "tr") : Te && (h.x = F, w = "bl"));
       }
     }
-    let ne = null;
+    let oe = null;
     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: Ve }));
+      de && (oe = me({ ...v, range: De, key: "remove-selection", x: de.x, y: de.y, width: de.width, height: de.height, strokeWidth: 2, stroke: He, fill: Ve }));
     }
-    let re = null;
+    let ie = null;
     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" }));
+      de && (ie = 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 ge = null;
-    !_ && u && !Ce && (ge = Jo(Ti, { ...u, corner: w, size: 7.5, borderStroke: `${M} solid`, style: { borderRadius: 1 }, background: Y, ...Wt, key: "fillHandle" }));
+    !M && h && !Ce && (ge = Jo(Mi, { ...h, corner: w, size: 7.5, borderStroke: `${E} 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: M, 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 (oe && Le.push(oe), ie && Le.push(ie), ge && Le.push(ge), !Ne && Tt && b?.ranges.length === 1 && b.ranges[b.ranges.length - 1]) {
+      const de = b.ranges[b.ranges.length - 1], le = de.rowStart === Se().top && de.rowEnd === Se().bottom, Et = de.colStart === Se().left && de.colEnd === Se().right, F = { view: c, range: de, borderStroke: `${Y} solid`, background: E, selectionTouchPointerHandler: xo, ...at, onTouchSelectStart: (ke) => un(ke), onTouchSelectEnd: () => un(null), currentTouchAnchor: Cn };
+      Le.push(q(Go, { anchor: Et ? "b" : le ? "r" : "br", scrollableElement: e.current, ...F }, "touch-select-handle-after")), Le.push(q(Go, { anchor: Et ? "t" : le ? "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 }), 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 }));
+      de && Le.push(me({ range: Ce, key: "selection-move-outline", x: de.x - te / 2, y: de.y - te / 2, width: Math.max(de.width + te / 2, 1), height: Math.max(de.height + te / 2, 1), stroke: Y, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: te }));
     }
     return q("div", { children: Le }, "selection");
-  }, [Bt, De, _, Mt, K, Ce, Se, M, Y, te, He, Ve, Ne, at, Cn]), Dt = _e(() => {
+  }, [Bt, De, M, Mt, K, Ce, Se, E, Y, ne, He, Ve, Ne, at, Cn]), Dt = Ee(() => {
     const c = () => e.current;
-    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(C.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] }] }, ye), 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] }] }, je), 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] }] }, Be), new Ee("moveContentfulDown", c, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [zt] }] }, Fe), 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 [new _e("moveToPageDown", c, { label: "Page Down", description: "Shift viewport down one page.", shortcut: [{ key: "PageDown" }] }, () => Xn(!1)), new _e("selectToPageDown", c, { label: "Select To Page Down", description: "Shift viewport and select down one page.", shortcut: [{ key: "PageDown", modifiers: [It] }] }, () => Xn(!0)), new _e("moveToPageRight", c, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [vn] }] }, () => Gn(!1)), new _e("selectToPageRight", c, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [vn, It] }] }, () => Gn(!0)), new _e("moveToPageUp", c, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp" }] }, () => Jt(!1)), new _e("selectToPageUp", c, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp", modifiers: [It] }] }, () => Jt(!0)), new _e("moveToPageLeft", c, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [vn] }] }, () => $n(!1)), new _e("selectToPageLeft", c, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [vn, It] }] }, () => $n(!0)), new _e("selectColumn", c, { label: "Select Column", description: "Select the columns for the selected cells.", shortcut: { key: "Space", modifiers: [zt] } }, yo), new _e("selectRow", c, { label: "Select Row", description: "Select the rows for the selected cells.", shortcut: { key: "Space", modifiers: [It] } }, vo), new _e("selectToColumnStart", c, { label: "Select To Column Start", description: "Select the columns to the beginning of the sheet." }, () => qn(!0)), new _e("selectToColumnEnd", c, { label: "Select To Column End", description: "Select the columns to the end of the sheet." }, () => Yn(!0)), new _e("moveToRowStart", c, { label: "Move to Row Home", description: "Move to the beginning of the row.", shortcut: [{ key: "Home" }] }, () => Dn(!1)), new _e("selectToRowStart", c, { label: "Select to Row Home", description: "Select to the beginning of the row.", shortcut: [{ key: "Home", modifiers: [It] }] }, () => Dn(!0)), new _e("moveToSheetStart", c, { label: "Move to Sheet Home", description: "Move to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [zt] }] }, () => Mn(!1)), new _e("selectToSheetStart", c, { label: "Select to Sheet Home", description: "Select to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [zt, It] }] }, () => Mn(!0)), new _e("moveToRowEnd", c, { label: "Move to Row End", description: "Move to the end of the row.", shortcut: [{ key: "End" }] }, () => zn(!1)), new _e("selectToRowEnd", c, { label: "Select to Row End", description: "Select to the end of the row.", shortcut: [{ key: "End", modifiers: [It] }] }, () => zn(!0)), new _e("moveToSheetEnd", c, { label: "Move to Sheet End", description: "Move to the end of the sheet.", shortcut: [{ key: "End", modifiers: [zt] }] }, () => yn(!1)), new _e("selectToSheetEnd", c, { label: "Select to Sheet End", description: "Select to the end of the sheet.", shortcut: [{ key: "End", modifiers: [zt, It] }] }, () => yn(!0)), new _e("scrollToActiveCoords", c, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell.", shortcut: { key: "Backspace", modifiers: [zt] } }, xn), new _e("scrollToActiveCoordsClearSelection", c, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell and clear selection.", shortcut: { key: "Backspace", modifiers: [It] } }, () => {
+      rn(), yt(C.cell, !0);
+    }), new _e("traverseSelectionRight", c, { label: "Traverse Right", description: "Traverse the selection moving rightward.", shortcut: { key: "Tab" } }, Jn), new _e("traverseSelectionLeft", c, { label: "Traverse Left", description: "Traverse the selection moving leftward.", shortcut: { key: "Tab", modifiers: [It] } }, Zn), new _e("traverseSelectionDown", c, { label: "Traverse Down", description: "Traverse the selection moving downward.", shortcut: [{ key: "Enter" }, { key: "NumpadEnter" }] }, Eo), new _e("traverseSelectionUp", c, { label: "Traverse Up", description: "Traverse the selection moving upward.", shortcut: [{ key: "Enter", modifiers: [It] }, { key: "NumpadEnter", modifiers: [It] }] }, _o), new _e("moveLeft", c, { label: "Move Left", description: "Move active cell to the left.", shortcut: [{ key: "ArrowLeft" }] }, Qn), new _e("selectLeft", c, { label: "Select Left", description: "Extend selection left.", shortcut: [{ key: "ArrowLeft", modifiers: [It] }] }, y), new _e("moveContentfulLeft", c, { label: "Move Left Contentful", description: "Move left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [zt] }] }, O), new _e("selectContentfulLeft", c, { label: "Select Left Contentful", description: "Extend selection left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [zt, It] }] }, A), new _e("moveRight", c, { label: "Move Right", description: "Move active cell to the right.", shortcut: [{ key: "ArrowRight" }] }, j), new _e("selectRight", c, { label: "Select Right", description: "Extend selection right.", shortcut: [{ key: "ArrowRight", modifiers: [It] }] }, V), new _e("moveContentfulRight", c, { label: "Move Right Contentful", description: "Move right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [zt] }] }, fe), new _e("selectContentfulRight", c, { label: "Select Right Contentful", description: "Extend selection right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [zt, It] }] }, ce), new _e("moveUp", c, { label: "Move Up", description: "Move active cell to the up.", shortcut: [{ key: "ArrowUp" }] }, xe), new _e("selectUp", c, { label: "Select Up", description: "Extend selection up.", shortcut: [{ key: "ArrowUp", modifiers: [It] }] }, ve), new _e("moveContentfulUp", c, { label: "Move Up Contentful", description: "Move up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [zt] }] }, ae), new _e("selectContentfulUp", c, { label: "Select Up Contentful", description: "Extend selection up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [zt, It] }] }, je), new _e("moveDown", c, { label: "Move Down", description: "Move active cell to the down.", shortcut: [{ key: "ArrowDown" }] }, ft), new _e("selectDown", c, { label: "Select Down", description: "Extend selection down.", shortcut: [{ key: "ArrowDown", modifiers: [It] }] }, Be), new _e("moveContentfulDown", c, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [zt] }] }, Fe), new _e("selectContentfulDown", c, { label: "Select Down Contentful", description: "Extend selection down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [zt, It] }] }, gt), new _e("selectVisible", c, { label: "Select Visible", description: "Select visible cells only.", shortcut: { key: ";", modifiers: [vn] } }, bo), new _e("traverseSelectionPreviousRange", c, { label: "Traverse Previous Range", description: "Traverse the selection to the previous range.", shortcut: { key: "ArrowLeft", modifiers: [zt, vn] } }, Bn), new _e("traverseSelectionNextRange", c, { label: "Traverse Next Range", description: "Traverse the selection to the next range.", shortcut: { key: "ArrowRight", modifiers: [zt, vn] } }, Io), new _e("traverseSelectionCorners", c, { label: "Traverse Corners", description: "Traverse the selection through the corners of the selected range.", shortcut: { key: ".", modifiers: [zt] } }, Co)];
   }, []);
-  return _e(() => {
+  return Ee(() => {
     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 };
+  }, [t]), { selection: Bt, setSelectionCell: yt, 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_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 = {}, Oi = 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: M, gridLineColumnsProps: R, clipCells: ae = !0, cursor: P, freezeLeft: I = 0, freezeTop: z = 0, freezeLeftProps: le, freezeTopProps: B, cellRenderer: oe, onViewportChange: be, 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: Ve, getCellCoordsAsRangeCoords: Ne = Z.cellToRange, scrollPoint: at = ts, style: Se = {}, ...Ye } = e;
-  ao(oe), ao(!e?.children);
-  const $ = k(f, [f]), E = k(be, [be]), Me = k(m, [m]), ue = k(Ve, [Ve]), me = k(N, [N]), $e = G(null), dt = G(null), kt = G(null), [ut, Zt] = Qo((v) => v + 1, 0), [St, C] = Ze({ left: at?.left ?? 0, top: at?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), ve = G(null), Je = G(St), { top: mt, left: Qe, verticalScrollDirection: cn, horizontalScrollDirection: on } = St, Mt = G(!1), dn = Fl({ rowCount: r, columnCount: i, defaultRowHeight: l, defaultColumnWidth: s, getRowHeight: a, getColumnWidth: d }), nn = G(null), De = _e(() => {
-    const v = g || dn;
-    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 Wr = { "sheetxl-grid": "_sheetxl-grid_h9wwa_7" }, es = Object.freeze({ top: 0, left: 0 }), ts = Object.freeze({ bottom: -4, right: -4 }), ns = Object.freeze({ horizontal: !0, vertical: !0 }), Hr = [uo, Hn, Nn, Xt], ms = 150, sn = 3e3, Fo = {}, Pi = 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: u, showGridLines: x = !0, gridLineColor: M = "rgb(224, 224, 224)", gridLineRowsProps: E, gridLineColumnsProps: P, clipCells: Q = !0, cursor: k, freezeLeft: I = 0, freezeTop: z = 0, freezeLeftProps: se, freezeTopProps: B, cellRenderer: re, onViewportChange: be, onFirstRender: N, overlayRenderer: H, overlayProps: X, overlays: T, overlaysProps: S, allowOverlaysOverflow: f = !1, stageProps: J, stageWrapper: K = null, hiddenRowsAt: L, hiddenColumnsAt: U, hiddenCellAt: te, getVisibleCells: ne, zoom: Y = 1, enableMouseWheel: He = !0, onWheelScroll: Ve, getCellCoordsAsRangeCoords: Ne = Z.cellToRange, scrollPoint: at = es, style: Se = {}, ...Ye } = e;
+  ao(re), ao(!e?.children);
+  const $ = R(u, [u]), _ = R(be, [be]), Me = R(m, [m]), ue = R(Ve, [Ve]), me = R(N, [N]), $e = G(null), dt = G(null), kt = G(null), [ut, Zt] = Qo((y) => y + 1, 0), [St, C] = Ze({ left: at?.left ?? 0, top: at?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), ye = G(null), Je = G(St), { top: mt, left: Qe, verticalScrollDirection: cn, horizontalScrollDirection: on } = St, Mt = G(!1), dn = Bl({ rowCount: r, columnCount: i, defaultRowHeight: l, defaultColumnWidth: s, getRowHeight: a, getColumnWidth: d }), nn = G(null), De = Ee(() => {
+    const y = g || dn;
+    return nn.current = null, { getColOffset: (O) => y.getColOffset(O) * Y, getColIndex: (O) => y.getColIndex(O / Y), getRowOffset: (O) => y.getRowOffset(O) * Y, getRowIndex: (O) => y.getRowIndex(O / Y) };
+  }, [dn, g, Y]), Kt = (y, 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) => {
+    return { getColOffset: (fe) => y.getColOffset(fe) - j, getColIndex: (fe) => y.getColIndex(fe + j), getRowOffset: (fe) => y.getRowOffset(fe) - V, getRowIndex: (fe) => y.getRowIndex(fe + V) };
+  }, xt = D((y, O = !1) => go(y, O, De.getRowOffset, O ? 0 : r), [r, De?.getRowOffset]), Vt = R(L ?? xt, [L]), Cn = D((y, O = !1) => go(y, O, De.getColOffset, O ? i : 0), [i, De?.getColOffset]), un = R(U ?? Cn, [U]), We = Ee(() => Math.min(n ?? 800, De.getColOffset(i)), [De.getColOffset, i, n]), ee = Ee(() => Math.min(o ?? 600, De.getRowOffset(r)), [De.getRowOffset, r, o]), et = D((y) => {
     Ct.canUseDOM && setTimeout(() => {
-      $e.current?.focus({ preventScroll: !0, ...v });
+      $e.current?.focus({ preventScroll: !0, ...y });
     }, 0);
-  }, []), Ue = D((v) => $e.current?.contains(v) || dt.current?.contains(v), []);
+  }, []), Ue = D((y) => $e.current?.contains(y) || dt.current?.contains(y), []);
   st(() => {
-    Mt.current && (ve.current && ve.current.left !== Je.current?.left && ve.current.top !== Je.current?.top || (ve.current = null, Me?.({ left: Qe, top: mt })));
+    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 = [];
+  const ht = R(() => ({ top: mt, left: Qe }), [mt, Qe]), Ie = Ee(() => {
+    const y = [];
     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) }), Be = De.getRowIndex(j), Fe = De.getRowIndex(V - 1);
       let gt;
-      v[1] = { minIndex: Be, maxIndex: Fe, minCoord: 0, maxCoord: O - 1, minBounds: 0, maxBounds: fe, visibleIndices: () => gt || (gt = Object.freeze(io(Vt, Be, Fe)), gt), layout: ft, maxVirtualBounds: V, scrollOffset: A, freezeOffset: A };
+      y[1] = { minIndex: Be, maxIndex: Fe, minCoord: 0, maxCoord: O - 1, minBounds: 0, maxBounds: fe, visibleIndices: () => gt || (gt = Object.freeze(io(Vt, Be, Fe)), gt), layout: ft, maxVirtualBounds: V, scrollOffset: A, freezeOffset: A };
     }
-    const se = Math.max(0, Q - fe), xe = Kt(De, { top: mt + fe }), ye = xe.getRowIndex(0), ce = xe.getRowIndex(se);
+    const ce = Math.max(0, ee - fe), xe = Kt(De, { top: mt + fe }), ve = xe.getRowIndex(0), ae = xe.getRowIndex(ce);
     let je;
-    return v[0] = { minIndex: ye, maxIndex: ce, minCoord: O, maxCoord: r - 1, minBounds: fe, maxBounds: se, visibleIndices: () => je || (je = Object.freeze(io(Vt, ye, ce)), je), 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 = [];
+    return y[0] = { minIndex: ve, maxIndex: ae, minCoord: O, maxCoord: r - 1, minBounds: fe, maxBounds: ce, visibleIndices: () => je || (je = Object.freeze(io(Vt, ve, ae)), je), layout: xe, maxVirtualBounds: De.getRowOffset(r), scrollOffset: mt, freezeOffset: (O > 0 ? De.getRowOffset(O) : 0) - A }, y;
+  }, [De.getRowIndex, De.getRowOffset, Vt, ee, r, z, mt, Y]), Oe = Ee(() => {
+    const y = [];
     let O = 0, A = 0;
     typeof I == "number" ? O = I : (O = I.index ?? 0, A = (I.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) }), Be = De.getColIndex(j), Fe = De.getColIndex(V - 1);
       let gt;
-      v[1] = { minIndex: Be, maxIndex: Fe, minCoord: 0, maxCoord: O - 1, minBounds: 0, maxBounds: fe, visibleIndices: () => gt || (gt = Object.freeze(io(un, Be, Fe)), gt), layout: ft, maxVirtualBounds: V, scrollOffset: A, freezeOffset: A };
+      y[1] = { minIndex: Be, maxIndex: Fe, minCoord: 0, maxCoord: O - 1, minBounds: 0, maxBounds: fe, visibleIndices: () => gt || (gt = Object.freeze(io(un, Be, Fe)), gt), layout: ft, maxVirtualBounds: V, scrollOffset: A, freezeOffset: A };
     }
-    const se = Math.max(0, We - fe), xe = Kt(De, { left: Qe + fe }), ye = xe.getColIndex(0), ce = xe.getColIndex(se);
+    const ce = Math.max(0, We - fe), xe = Kt(De, { left: Qe + fe }), ve = xe.getColIndex(0), ae = xe.getColIndex(ce);
     let je;
-    return v[0] = { minIndex: ye, maxIndex: ce, minCoord: O, maxCoord: i - 1, minBounds: fe, maxBounds: se, visibleIndices: () => je || (je = Object.freeze(io(un, ye, ce)), je), layout: xe, maxVirtualBounds: De.getColOffset(i), scrollOffset: Qe, freezeOffset: (O > 0 ? De.getColOffset(O) : 0) - A }, v;
-  }, [De.getColIndex, De.getColOffset, un, We, i, I, Qe, Y]), rt = G({}), tt = G([]), ze = _e(() => {
-    let v = {};
-    const O = (j, V, fe, se, xe) => {
-      const ye = { vertical: se?.vertical || !1, horizontal: se?.horizontal || !1 };
+    return y[0] = { minIndex: ve, maxIndex: ae, minCoord: O, maxCoord: i - 1, minBounds: fe, maxBounds: ce, visibleIndices: () => je || (je = Object.freeze(io(un, ve, ae)), je), layout: xe, maxVirtualBounds: De.getColOffset(i), scrollOffset: Qe, freezeOffset: (O > 0 ? De.getColOffset(O) : 0) - A }, y;
+  }, [De.getColIndex, De.getColOffset, un, We, i, I, Qe, Y]), rt = G({}), tt = G([]), ze = Ee(() => {
+    let y = {};
+    const O = (j, V, fe, ce, xe) => {
+      const ve = { vertical: ce?.vertical || !1, horizontal: ce?.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 je = { 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 }), Be = Object.freeze({ x: Oe[j].minBounds, y: Ie[V].minBounds, width: Oe[j].maxBounds, height: Ie[V].maxBounds }), Fe = (Ce, Ge) => Fr(je, 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 };
+      const ae = { rowStart: Ie[V].minIndex, colStart: Oe[j].minIndex, rowEnd: Ie[V].maxIndex, colEnd: Oe[j].maxIndex };
+      if (ae.rowStart > ae.rowEnd || ae.colStart > ae.colEnd) return null;
+      const je = { 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 }), Be = Object.freeze({ x: Oe[j].minBounds, y: Ie[V].minBounds, width: Oe[j].maxBounds, height: Ie[V].maxBounds }), Fe = (Ce, Ge) => Fr(je, Ce ?? ae, 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 }, yt = { width: We, height: ee };
       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: () => $e.current ?? null, getVisibleRangeCoords: () => ce, toClipBounds: (Ce, Ge) => {
+      const $t = (Lt.top + (ce.vertical ? Xe.top : 0)) / Y, Wt = (Lt.left + (ce.horizontal ? Xe.left : 0)) / Y;
+      return { getStage: () => $e.current ?? null, getVisibleRangeCoords: () => ae, toClipBounds: (Ce, Ge) => {
         let Ae, ct = 0;
-        return Ge === void 0 || typeof Ge == "number" ? (Ae = Fe(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 Ge === void 0 || typeof Ge == "number" ? (Ae = Fe(ae), ct = Ge) : Ae = Ge, ((Pe, _t, vt = 0) => {
+          if (Pe.x > _t.width || Pe.y > _t.height) return null;
+          const Bt = { left: Pe.x, top: Pe.y, bottom: Pe.height + Pe.y, right: Pe.width + Pe.x }, qt = { left: _t.x + vt, top: _t.y + vt, bottom: _t.height - 2 * vt + _t.y, right: _t.width - 2 * vt + _t.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: Be.width, height: Be.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 - Be.x, y: Ae.y - Be.y };
-      }, getLayout: () => je, 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: Fe, scrollCellCoordsIntoView: (Ce, Ge) => Dn(Ce, Ge, fe), getCellCoordsFromClient: (Ce, Ge, Ae = !1) => {
+      }, getLayout: () => je, getCellCoordsAsRangeCoords: Ne, getVisibleColumns: () => Oe[j].visibleIndices(), getVisibleRows: () => Ie[V].visibleIndices(), getVisibleColumnOffsets: () => (pe || (pe = Br(Oe[j].layout, !0, Oe[j].visibleIndices(), ae.colStart, ae.colEnd)), pe), getVisibleRowOffsets: () => (wt || (wt = Br(Ie[V].layout, !1, Ie[V].visibleIndices(), ae.rowStart, ae.rowEnd)), wt), getTotalRangeCoords: () => ({ colStart: Oe[j].minCoord, colEnd: Oe[j].maxCoord, rowStart: Ie[V].minCoord, rowEnd: Ie[V].maxCoord }), getRangeCoordsBounds: Fe, scrollCellCoordsIntoView: (Ce, Ge) => Dn(Ce, Ge, fe), getCellCoordsFromClient: (Ce, Ge, Ae = !1) => {
         const ct = hn(Ce, Ge);
         if (!ct) return null;
-        const Pe = je.getColIndex(ct.x - Be.x), Et = { rowIndex: je.getRowIndex(ct.y - Be.y), colIndex: Pe };
-        if (Ae) return Et;
-        const yt = Ne(Et);
-        return { rowIndex: yt.rowStart, colIndex: yt.colStart };
-      }, getZoom: () => Y, getAnchor: () => fe, getBounds: () => Be, getInsets: () => ft, getTotalSize: () => gt, getViewportSize: () => vt, getScrollTopLeft: () => Xe, getFreezeTopLeft: () => Lt, getScrollOrientation: () => ye, allViews: () => v };
+        const Pe = je.getColIndex(ct.x - Be.x), _t = { rowIndex: je.getRowIndex(ct.y - Be.y), colIndex: Pe };
+        if (Ae) return _t;
+        const vt = Ne(_t);
+        return { rowIndex: vt.rowStart, colIndex: vt.colStart };
+      }, getZoom: () => Y, getAnchor: () => fe, getBounds: () => Be, getInsets: () => ft, getTotalSize: () => gt, getViewportSize: () => yt, getScrollTopLeft: () => Xe, getFreezeTopLeft: () => Lt, getScrollOrientation: () => ve, allViews: () => y };
     };
-    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]);
+    let A = y[Xt] = O(0, 0, Xt, ns, ts);
+    return A && (y[Xt] = A), A = O(0, 1, Hn, { horizontal: !0 }), A && (y[Hn] = A), A = O(1, 0, Nn, { vertical: !0 }), A && (y[Nn] = A), A = O(1, 1, uo, {}), A && (y[uo] = A), rt.current = null, y = Object.freeze(y);
+  }, [Ie, Oe, Ne]), rn = Object.keys(ze), Tt = Oe[0]?.maxVirtualBounds ?? 0, nt = Ie[0]?.maxVirtualBounds ?? 0, Rt = Ee(() => ({ 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]();
+      for (let y = 0; y < tt.current.length; y++) tt.current[y]();
       tt.current = [];
     }
   }, [ze]);
-  const Ot = k(() => ({ containerWidth: We, containerHeight: Q, totalWidth: Tt, totalHeight: nt }), [We, Q, De]);
+  const Ot = R(() => ({ containerWidth: We, containerHeight: ee, totalWidth: Tt, totalHeight: nt }), [We, ee, De]);
   st(() => {
-    !ve.current && Mt.current && E({ top: mt, left: Qe, width: We, height: Q, totalWidth: Tt, totalHeight: nt });
+    !ye.current && Mt.current && _({ top: mt, left: Qe, width: We, height: ee, 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");
+    Mt.current && _({ top: mt, left: Qe, width: We, height: ee, totalWidth: Tt, totalHeight: nt });
+  }, [We, ee]);
+  const hn = D((y, O) => {
+    ao(typeof y == "number" && typeof O == "number");
     const A = $e.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) => {
+    return A ? { x: y - A.x, y: O - A.y } : { x: y, y: O };
+  }, []), mo = R((y) => ze[y] || null, [ze]), xo = R((y, O) => {
     if (Object.keys(ze).length === 1) return ze[Xt];
-    const A = hn(v, O);
+    const A = hn(y, O);
     if (!A) return null;
     const { x: j, y: V } = A;
     let fe = null;
-    const se = Hr;
-    for (let xe = 0; !fe && xe < se.length; xe++) {
-      const ye = ze[se[xe]];
-      ye && ql(j, V, ye.getBounds()) && (fe = ye);
+    const ce = Hr;
+    for (let xe = 0; !fe && xe < ce.length; xe++) {
+      const ve = ze[ce[xe]];
+      ve && Kl(j, V, ve.getBounds()) && (fe = ve);
     }
     return fe || (fe = ze[Xt]), fe;
-  }, [ze, Ne]), pt = k(() => ze[Xt].getVisibleRangeCoords(), [ze[Xt]]), ln = G(null), vo = D(() => {
-    ln.current !== null && Ct.cancelTimeout(ln.current), ln.current = Ct.requestTimeout(yo, 150);
-  }, []), yo = D(() => {
-    ln.current = null, C((v) => {
-      const O = { ...v, verticalScrollDirection: null, horizontalScrollDirection: null };
+  }, [ze, Ne]), pt = R(() => ze[Xt].getVisibleRangeCoords(), [ze[Xt]]), ln = G(null), yo = D(() => {
+    ln.current !== null && Ct.cancelTimeout(ln.current), ln.current = Ct.requestTimeout(vo, 150);
+  }, []), vo = D(() => {
+    ln.current = null, C((y) => {
+      const O = { ...y, verticalScrollDirection: null, horizontalScrollDirection: null };
       return Je.current = O, O;
     });
-  }, []), 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;
+  }, []), xn = R((y) => {
+    const O = y?.left ?? y?.[0], A = y?.top ?? y?.[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 - ee, 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;
-    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(() => {
+    let fe = null, ce = null;
+    Je.current.left > j ? fe = ot : Je.current.left < j && (fe = Ke), Je.current.top > V ? ce = it : Je.current.top < V && (ce = lt), Ct.throttle(() => {
       C((xe) => {
-        const ye = { ...xe, left: j, top: V, horizontalScrollDirection: fe, verticalScrollDirection: se };
-        return Je.current = ye, ye;
+        const ve = { ...xe, left: j, top: V, horizontalScrollDirection: fe, verticalScrollDirection: ce };
+        return Je.current = ve, ve;
       });
-    }, 17)(), ve.current?.top === V && ve.current?.left === j || (ve.current = { left: j, top: V }, $({ left: j, top: V }), E({ left: j, top: V, width: We, height: Q, totalWidth: Tt, totalHeight: nt })), vo();
+    }, 17)(), ye.current?.top === V && ye.current?.left === j || (ye.current = { left: j, top: V }, $({ left: j, top: V }), _({ left: j, top: V, width: We, height: ee, totalWidth: Tt, totalHeight: nt })), yo();
   }, [Tt, nt, Ie, Oe]);
   st(() => {
-    ve.current || xn({ left: Qe, top: mt });
-  }, [Tt, We, nt, Q]), tn(() => {
-    ve.current = { left: at?.left, top: at?.top }, xn(ve.current);
+    ye.current || xn({ left: Qe, top: mt });
+  }, [Tt, We, nt, ee]), 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) };
+  const qn = R((y) => {
+    const O = y?.left ?? y?.[0], A = y?.top ?? y?.[1], j = y?.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) => {
+  }, [Tt, We, nt, ee]), Yn = D((y) => {
     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 && Z.isCellWithinRange(v, V.getVisibleRangeCoords()) && (O = V);
+        V && Z.isCellWithinRange(y, V.getVisibleRangeCoords()) && (O = V);
       }
     }
     return O || (O = ze[Xt]), O;
-  }, [ze]), Dn = k((v, O = { inline: "nearest", block: "nearest" }, A = null) => {
-    const j = { rowIndex: 0, colIndex: 0, ...v };
+  }, [ze]), Dn = R((y, O = { inline: "nearest", block: "nearest" }, A = null) => {
+    const j = { rowIndex: 0, colIndex: 0, ...y };
     let V = null;
     if (A !== null) {
-      if (V = ze[A], V === null) return new Promise((vt, pe) => {
+      if (V = ze[A], V === null) return new Promise((yt, pe) => {
         pe("Invalid view");
       });
     } else V = Yn(j);
-    const fe = Ne(j), se = V.getLayout(), xe = se.getColOffset(fe.colStart), ye = se.getRowOffset(fe.rowStart), ce = se.getColOffset(fe.colEnd + 1), je = se.getRowOffset(fe.rowEnd + 1), ft = V.getBounds(), Be = V.getTotalSize(), Fe = 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 + Fe.left, y: ye + Fe.top, width: ce - xe, height: je - ye }, { left: Fe.left, top: Fe.top, width: ft.width, height: ft.height, totalWidth: Be.width, totalHeight: Be.height }, O), Xe = { ...gt };
+    const fe = Ne(j), ce = V.getLayout(), xe = ce.getColOffset(fe.colStart), ve = ce.getRowOffset(fe.rowStart), ae = ce.getColOffset(fe.colEnd + 1), je = ce.getRowOffset(fe.rowEnd + 1), ft = V.getBounds(), Be = V.getTotalSize(), Fe = V.getScrollTopLeft(), gt = ((yt, 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, yt.x, yt.x + yt.width, pe.left, pe.left + pe.width, pe.totalWidth), top: zr(wt.block, yt.y, yt.y + yt.height, pe.top, pe.top + pe.height, pe.totalHeight) }))({ x: xe + Fe.left, y: ve + Fe.top, width: ae - xe, height: je - ve }, { left: Fe.left, top: Fe.top, width: ft.width, height: ft.height, totalWidth: Be.width, totalHeight: Be.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) => {
+    return Lt.horizontal && y.colIndex !== void 0 || delete Xe.left, Lt.vertical && y.rowIndex !== void 0 || delete Xe.top, new Promise((yt, pe) => {
       try {
-        xn(Xe), vt(Xe);
+        xn(Xe), yt(Xe);
       } catch (wt) {
         pe(wt);
       }
     });
-  }, [Tt, nt, ze, Ne]), Mn = k((v) => {
-    const O = v.shiftKey;
-    v.preventDefault();
-    const { deltaX: A, deltaY: j, deltaMode: V } = v;
-    if (kt.current || ue?.(v) === !1) return;
-    let se = O ? j : A, xe = j;
-    const ye = O || Math.abs(se) > Math.abs(xe);
+  }, [Tt, nt, ze, Ne]), Mn = R((y) => {
+    const O = y.shiftKey;
+    y.preventDefault();
+    const { deltaX: A, deltaY: j, deltaMode: V } = y;
+    if (kt.current || ue?.(y) === !1) return;
+    let ce = O ? j : A, xe = j;
+    const ve = O || Math.abs(ce) > Math.abs(xe);
     V === 1 && (xe *= 0), kt.current = window.requestAnimationFrame(() => {
-      kt.current = null, qn(ye ? { left: se } : { top: xe });
+      kt.current = null, qn(ve ? { left: ce } : { top: xe });
     });
-  }, [Tt, We, nt, Q, ue]), zn = D((v = null) => {
+  }, [Tt, We, nt, ee, ue]), zn = D((y = null) => {
     nn.current = null, rt.current = null, Zt();
   }, []);
   tn(() => {
     zn();
-  }, [oe]);
-  const vn = wo(t, () => ({ stage: $e.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);
+  }, [re]);
+  const yn = wo(t, () => ({ stage: $e.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: (y) => {
+    tt.current.push(y);
   } }), [r, i, ze]);
-  st(() => (He && vn.current?.addEventListener("wheel", Mn, { passive: !1 }), Mt.current = !0, ve.current = null, () => {
-    vn.current?.removeEventListener("wheel", Mn);
+  st(() => (He && yn.current?.addEventListener("wheel", Mn, { passive: !1 }), Mt.current = !0, ye.current = null, () => {
+    yn.current?.removeEventListener("wheel", Mn);
   }), [He]);
-  const An = G([]), bo = (v, O) => {
-    !v || !H || (An.current = [], O.push(((A, j) => {
+  const An = G([]), bo = (y, O) => {
+    !y || !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 = 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 = _e(() => {
-    const v = {}, O = Object.keys(ze);
+      const ce = A.getBounds();
+      return q("div", { style: { position: "absolute", left: "0px", top: "0px", width: `${ce.width}px`, height: `${ce.height}px`, overflow: "hidden" }, children: fe }, `overlay-${A.getAnchor()}-${j}`);
+    })(y, 0)));
+  }, So = Ee(() => {
+    const y = {}, 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 };
+      bo(ze[j], V), y[j] = { overlays: V };
     }
-    return v;
-  }, [ut, H, r, i, Ie, Oe]), Xn = (v, O, A, j, V, fe, se) => {
-    if (!v) return;
-    const xe = v.getVisibleColumns(), ye = v.getVisibleRows();
-    if (xe.length === 0 || ye.length === 0) return;
-    let ce = null;
-    if (te) ce = te(v);
+    return y;
+  }, [ut, H, r, i, Ie, Oe]), Xn = (y, O, A, j, V, fe, ce) => {
+    if (!y) return;
+    const xe = y.getVisibleColumns(), ve = y.getVisibleRows();
+    if (xe.length === 0 || ve.length === 0) return;
+    let ae = null;
+    if (ne) ae = ne(y);
     else {
-      ce = [];
-      for (let Ge = 0; Ge < ye.length; Ge++) for (let Ae = 0; Ae < xe.length; Ae++) {
-        const ct = { rowIndex: ye[Ge], colIndex: xe[Ae] };
-        if (ee?.(ct)) continue;
+      ae = [];
+      for (let Ge = 0; Ge < ve.length; Ge++) for (let Ae = 0; Ae < xe.length; Ae++) {
+        const ct = { rowIndex: ve[Ge], colIndex: xe[Ae] };
+        if (te?.(ct)) continue;
         const Pe = { coords: ct, range: Ne(ct) };
-        ce.push(Pe);
+        ae.push(Pe);
       }
     }
-    const je = v.getVisibleColumnOffsets(), ft = v.getVisibleRowOffsets(), Be = v.getScrollTopLeft(), Fe = v.getFreezeTopLeft(), gt = Be.left + Fe.left, Xe = Be.top + Fe.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;
+    const je = y.getVisibleColumnOffsets(), ft = y.getVisibleRowOffsets(), Be = y.getScrollTopLeft(), Fe = y.getFreezeTopLeft(), gt = Be.left + Fe.left, Xe = Be.top + Fe.top, Lt = Math.trunc(gt / sn), yt = Math.trunc(Xe / sn), pe = {}, wt = (Ge, Ae, ct, Pe, _t) => {
+      const vt = `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) - yt;
       pe[c] || (pe[c] = {});
-      let u = pe[c][Dt];
-      u || (u = pe[c][Dt] = []);
-      let w = fe?.get(yt);
+      let h = pe[c][Dt];
+      h || (h = pe[c][Dt] = []);
+      let w = fe?.get(vt);
       if (!w) {
-        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) } });
+        const p = (gt + Bt) % sn, v = (Xe + qt) % sn;
+        w = re({ key: vt, coords: Ae, bounds: Pe, zoom: Y, range: ct, view: Ge, value: _t, style: { left: we.boundPixel(p), top: we.boundPixel(v), width: we.boundPixel(Pe.width, !0), height: we.boundPixel(Pe.height, !0) } });
       }
-      se?.set(yt, w), u.push(w);
+      ce?.set(vt, w), h.push(w);
     };
-    for (let Ge = 0; ce && Ge < ce.length; Ge++) {
-      const Ae = ce[Ge], ct = Ae?.coords ?? Ae;
+    for (let Ge = 0; ae && Ge < ae.length; Ge++) {
+      const Ae = ae[Ge], ct = Ae?.coords ?? Ae;
       if (!ct) continue;
-      const Pe = Ae?.range ?? { rowStart: ct.rowIndex, colStart: ct.colIndex, rowEnd: ct.rowIndex, colEnd: ct.colIndex }, Et = v.getVisibleRangeCoords();
-      if (!Z.isRangesIntersect(Pe, Et) && !Z.isRangeWithinRange(Pe, Et)) continue;
-      const yt = Pe && !Z.isSingleCell(Pe);
-      if (!yt && ee?.(ct)) continue;
+      const Pe = Ae?.range ?? { rowStart: ct.rowIndex, colStart: ct.colIndex, rowEnd: ct.rowIndex, colEnd: ct.colIndex }, _t = y.getVisibleRangeCoords();
+      if (!Z.isRangesIntersect(Pe, _t) && !Z.isRangeWithinRange(Pe, _t)) continue;
+      const vt = Pe && !Z.isSingleCell(Pe);
+      if (!vt && te?.(ct)) continue;
       const Bt = ct.rowIndex, qt = ct.colIndex, Dt = ft[Bt], c = je[qt];
-      let u = null;
-      Dt && c && (u = { x: c.offset, y: Dt.offset, width: c.size, height: Dt.size });
+      let h = null;
+      Dt && c && (h = { x: c.offset, y: Dt.offset, width: c.size, height: Dt.size });
       const w = Dr(Pe.rowStart, Pe.colStart);
-      if (yt) {
+      if (vt) {
         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 (yt && (u = Fr(v.getLayout(), Pe)), !u) {
+      if (vt && (h = Fr(y.getLayout(), Pe)), !h) {
         console.warn("no bounds for cell", w);
         continue;
       }
       const p = Ae?.value;
-      wt(v, ct, Pe, u, p);
+      wt(y, ct, Pe, h, p);
     }
     const $t = gt % sn, Wt = Xe % sn, Ce = Object.keys(pe);
     for (let Ge = 0; Ge < Ce.length; Ge++) {
@@ -3075,186 +3104,186 @@ const Wr = { "sheetxl-grid": "_sheetxl-grid_h9wwa_7" }, ts = Object.freeze({ top
       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 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));
+        const _t = Ae[ct[Pe]];
+        if (!_t) continue;
+        const vt = parseInt(Ce[Ge]), Bt = parseInt(ct[Pe]), qt = vt + yt, Dt = Bt + Lt, c = `view:${y.getAnchor()}:segment:${Dt}:${qt}`;
+        O.push(q("div", { className: "cell-container", style: { transform: `translate(${we.boundPixel(Bt * sn - $t, !0)}px, ${we.boundPixel(vt * sn - Wt, !0)}px)`, willChange: "transform" }, children: _t }, c));
       }
     }
-  }, Jt = _e(() => {
-    const v = nn.current, O = /* @__PURE__ */ new Map(), A = {}, j = Object.keys(ze);
+  }, Jt = Ee(() => {
+    const y = 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 = [], ye = [];
-      Xn(ze[fe], ye, se, xe, /* @__PURE__ */ new Set(), v, O), A[fe] = { cells: ye, rangesH: se, rangesV: xe };
+      const fe = j[V], ce = [], xe = [], ve = [];
+      Xn(ze[fe], ve, ce, xe, /* @__PURE__ */ new Set(), y, O), A[fe] = { cells: ve, rangesH: ce, rangesV: xe };
     }
     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 xe = 0, ye = v.getBounds().width;
-      let ce = [];
-      const je = V.sort(Z.rowFirstRangeComparator), ft = v.getVisibleRangeCoords();
-      for (let Be = 0; Be < se.length && se[Be] <= ft.rowEnd; Be++) {
-        const Fe = se[Be];
+  }, [ut, r, i, Ie, Oe, x, Se, Q, te, ne, Ne]), Gn = (y, O, A, j, V) => {
+    if (y) if (O) {
+      const fe = `view:${y.getAnchor()}:hl:`, ce = y.getVisibleRows();
+      if (!ce || ce.length === 0) return;
+      const xe = 0, ve = y.getBounds().width;
+      let ae = [];
+      const je = V.sort(Z.rowFirstRangeComparator), ft = y.getVisibleRangeCoords();
+      for (let Be = 0; Be < ce.length && ce[Be] <= ft.rowEnd; Be++) {
+        const Fe = ce[Be];
         if (Fe < ft.rowStart) continue;
         let gt = !1;
         for (; je.length > 0 && je[0].rowStart <= Fe; ) {
           const pe = je.shift();
-          pe.rowEnd > Fe && (ce.push(pe), gt = !0);
+          pe.rowEnd > Fe && (ae.push(pe), gt = !0);
         }
-        gt && (ce = ce.sort(Z.columnFirstRangeComparator));
-        const Xe = v.getLayout(), Lt = Xe.getRowOffset(Fe + 1);
-        let vt = xe;
-        for (let pe = 0; pe < ce.length + 1; pe++) {
-          let wt = vt, $t = ye;
-          const Wt = ce[pe];
-          pe < ce.length && ($t = Math.min(ye, Xe.getColOffset(Wt.colStart)), vt = Math.min(ye, 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", ...M, key: fe + Fe + ":" + pe }));
+        gt && (ae = ae.sort(Z.columnFirstRangeComparator));
+        const Xe = y.getLayout(), Lt = Xe.getRowOffset(Fe + 1);
+        let yt = xe;
+        for (let pe = 0; pe < ae.length + 1; pe++) {
+          let wt = yt, $t = ve;
+          const Wt = ae[pe];
+          pe < ae.length && ($t = Math.min(ve, Xe.getColOffset(Wt.colStart)), yt = Math.min(ve, 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: M, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...E, key: fe + Fe + ":" + pe }));
         }
-        for (let pe = ce.length - 1; pe >= 0; pe--) ce[pe].rowEnd <= se[Be + 1] && ce.splice(pe, 1);
+        for (let pe = ae.length - 1; pe >= 0; pe--) ae[pe].rowEnd <= ce[Be + 1] && ae.splice(pe, 1);
       }
     } else {
-      const fe = `view:${v.getAnchor()}:vl:`, se = v.getVisibleColumns();
-      if (!se || se.length === 0) return;
-      const xe = 0, ye = v.getBounds().height;
-      let ce = [];
-      const je = V.sort(Z.columnFirstRangeComparator), ft = v.getVisibleRangeCoords();
-      for (let Be = 0; Be < se.length && se[Be] <= ft.colEnd; Be++) {
-        const Fe = se[Be];
+      const fe = `view:${y.getAnchor()}:vl:`, ce = y.getVisibleColumns();
+      if (!ce || ce.length === 0) return;
+      const xe = 0, ve = y.getBounds().height;
+      let ae = [];
+      const je = V.sort(Z.columnFirstRangeComparator), ft = y.getVisibleRangeCoords();
+      for (let Be = 0; Be < ce.length && ce[Be] <= ft.colEnd; Be++) {
+        const Fe = ce[Be];
         if (Fe < ft.colStart) continue;
         let gt = !1;
         for (; je.length > 0 && je[0].colStart <= Fe; ) {
           const pe = je.shift();
-          pe.colEnd > Fe && (ce.push(pe), gt = !0);
+          pe.colEnd > Fe && (ae.push(pe), gt = !0);
         }
-        gt && (ce = ce.sort(Z.rowFirstRangeComparator));
-        const Xe = v.getLayout(), Lt = Xe.getColOffset(Fe + 1);
-        let vt = xe;
-        for (let pe = 0; pe < ce.length + 1; pe++) {
-          let wt = vt, $t = ye;
-          const Wt = ce[pe];
-          pe < ce.length && ($t = Math.min(ye, Xe.getRowOffset(Wt.rowStart)), vt = Math.min(ye, 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 + Fe + ":" + pe));
+        gt && (ae = ae.sort(Z.rowFirstRangeComparator));
+        const Xe = y.getLayout(), Lt = Xe.getColOffset(Fe + 1);
+        let yt = xe;
+        for (let pe = 0; pe < ae.length + 1; pe++) {
+          let wt = yt, $t = ve;
+          const Wt = ae[pe];
+          pe < ae.length && ($t = Math.min(ve, Xe.getRowOffset(Wt.rowStart)), yt = Math.min(ve, Xe.getRowOffset(Wt.rowEnd + 1)));
+          let Ce = M;
+          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", ...P }, fe + Fe + ":" + pe));
         }
-        for (let pe = ce.length - 1; pe >= 0; pe--) ce[pe].colEnd <= se[Be + 1] && ce.splice(pe, 1);
+        for (let pe = ae.length - 1; pe >= 0; pe--) ae[pe].colEnd <= ce[Be + 1] && ae.splice(pe, 1);
       }
     }
-  }, $n = (v) => {
+  }, $n = (y) => {
     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), ye = Math.ceil(se.height);
-      O[j] = q("svg", { width: `${xe}`, height: `${ye}`, viewBox: `0 0 ${xe} ${ye}`, preserveAspectRatio: "none", shapeRendering: "crispEdges", style: { position: "absolute" }, children: fe });
+      Gn(V, y, 0, fe, y ? Jt[j].rangesH : Jt[j].rangesV);
+      const ce = V.getRangeCoordsBounds(), xe = Math.ceil(ce.width), ve = Math.ceil(ce.height);
+      O[j] = q("svg", { width: `${xe}`, height: `${ve}`, viewBox: `0 0 ${xe} ${ve}`, 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, I, _, M, r, i, We, Tt, Jt]), Jn = _e(() => x === !0 || x?.vertical === !0 ? $n(!1) : null, [ut, x, Oe, z, I, _, 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) => {
+  }, Zn = Ee(() => x === !0 || x?.horizontal === !0 ? $n(!0) : null, [ut, x, Ie, z, I, M, E, r, i, We, Tt, Jt]), Jn = Ee(() => x === !0 || x?.vertical === !0 ? $n(!1) : null, [ut, x, Oe, z, I, M, P, r, i, ee, nt, Jt]), _o = Ee(() => Rt.left === 0 ? null : q(jr, { linePoints: [0, 0, 0, ee + 1], bounds: { x: Rt.left, y: 0, width: 1, height: ee + 1 }, ...se }), [ut, Rt.left, ee, se]), Eo = Ee(() => 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 = Ee(() => {
+    const y = [], 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 A = 0; A < rn.length; A++) v.push(O(rn[A]));
-    return q(wn, { children: v });
-  }, [ze, Zn, Jn, Jt]), Io = _e(() => {
+    for (let A = 0; A < rn.length; A++) y.push(O(rn[A]));
+    return q(wn, { children: y });
+  }, [ze, Zn, Jn, Jt]), Io = Ee(() => {
     if (!t) return;
-    const v = (se, xe, ye, ce) => {
-      if (!ce || ce.length === 0) return;
+    const y = (ce, xe, ve, ae) => {
+      if (!ae || ae.length === 0) return;
       const je = [];
-      for (let ft = 0; ft < ce.length; ft++) {
-        const Be = ce[ft];
-        let Fe = se?.get(Be);
-        Fe !== Fo && (Fe = Be(ye) ?? Fo), xe.set(Be, Fe), Fe && Fe !== Fo && je.push(Fe);
+      for (let ft = 0; ft < ae.length; ft++) {
+        const Be = ae[ft];
+        let Fe = ce?.get(Be);
+        Fe !== Fo && (Fe = Be(ve) ?? Fo), xe.set(Be, Fe), Fe && Fe !== Fo && je.push(Fe);
       }
       return je;
-    }, O = (se, xe, ye) => {
-      if (!ye) return;
-      const ce = ye.getBounds(), je = ye.getInsets(), ft = ye.getAnchor();
-      return Ht("div", { className: En("view", `view-${ft}`, Wr.view), style: { position: "absolute", pointerEvents: "none", left: ce.x - je.left, top: ce.y - je.top, width: ce.width - (je.left + je.right), height: ce.height - (je.top + je.bottom), clipPath: h ? "inset(-2px)" : "inset(0px)" }, children: [v(se, xe, ye, T), So?.[ft].overlays] }, `view:${ft}`);
+    }, O = (ce, xe, ve) => {
+      if (!ve) return;
+      const ae = ve.getBounds(), je = ve.getInsets(), ft = ve.getAnchor();
+      return Ht("div", { className: _n("view", `view-${ft}`, Wr.view), style: { position: "absolute", pointerEvents: "none", left: ae.x - je.left, top: ae.y - je.top, width: ae.width - (je.left + je.right), height: ae.height - (je.top + je.bottom), clipPath: f ? "inset(-2px)" : "inset(0px)" }, children: [y(ce, xe, ve, T), So?.[ft].overlays] }, `view:${ft}`);
     }, A = rt.current, j = {}, V = [], fe = Object.keys(ze);
-    for (let se = 0; se < fe.length; se++) {
-      const xe = fe[se], ye = A?.[xe], ce = j[xe] = /* @__PURE__ */ new Map();
-      V.push(O(ye, ce, ze[xe]));
+    for (let ce = 0; ce < fe.length; ce++) {
+      const xe = fe[ce], ve = A?.[xe], ae = j[xe] = /* @__PURE__ */ new Map();
+      V.push(O(ve, ae, 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: $e, ...O, ...Ye, children: K ? K(Bn) : Bn });
-  }, [We, Q, Bn, J, K]), Qn = G(!1);
+  }, [ut, ze, f, T]), Co = Ee(() => {
+    const { style: y, ...O } = J ?? {};
+    return q("div", { style: { width: We, height: ee, ...y }, className: "sheetxl-stage", tabIndex: 0, ref: $e, ...O, ...Ye, children: K ? K(Bn) : Bn });
+  }, [We, ee, Bn, J, K]), Qn = G(!1);
   return st(() => {
-    !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] })] });
+    !Qn.current && Jt && (Qn.current = !0, me?.(yn.current));
+  }, [Jt]), Ht("div", { className: _n("sheetxl-grid", Wr["sheetxl-grid"]), style: { overflow: "visible", cursor: k, maxWidth: We, maxHeight: ee, width: We, height: ee, ...Se }, ref: yn, children: [Co, Ht("div", { className: _n("sheetxl-overlays"), ref: dt, ...S, children: [Io, _o, Eo] })] });
 }));
-Oi.displayName = "BaseGrid";
-const Li = At(Ut((e, t) => {
-  const { width: n, height: o, style: r = {}, className: i, ...l } = e, [s, { width: a, height: d }] = ki();
-  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(Oi, { ref: t, width: n ?? a, height: o ?? d, ...l }) }) });
+Pi.displayName = "BaseGrid";
+const Oi = At(Ut((e, t) => {
+  const { width: n, height: o, style: r = {}, className: i, ...l } = e, [s, { width: a, height: d }] = Ri();
+  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(Pi, { ref: t, width: n ?? a, height: o ?? d, ...l }) }) });
 }));
-Li.displayName = "Grid";
-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), M = G(null), R = G(null);
-  ao(!s), Ur(t, () => R.current && M.current ? Object.assign(R.current, M.current) : null);
-  const ae = D((P) => {
-    R.current?.scrollTo(P), a?.(P);
+Oi.displayName = "Grid";
+const os = 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, ...u } = e, [x, M] = Ze(null), E = G(null), P = G(null);
+  ao(!s), Ur(t, () => P.current && E.current ? Object.assign(P.current, E.current) : null);
+  const Q = D((k) => {
+    P.current?.scrollTo(k), a?.(k);
   }, []);
-  return q(yi, { className: g, style: d, ref: M, showVerticalScrollbar: n, showHorizontalScrollbar: o, createHorizontalScrollbar: r, createVerticalScrollbar: i, createScrollCorner: l, viewport: x, onScrollViewport: ae, children: q(Li, { style: { width: "100%", height: "100%" }, ...f, onViewportChange: (P) => _(P), ref: R }) });
+  return q(yi, { className: g, style: d, ref: E, showVerticalScrollbar: n, showHorizontalScrollbar: o, createHorizontalScrollbar: r, createVerticalScrollbar: i, createScrollCorner: l, viewport: x, onScrollViewport: Q, children: q(Oi, { style: { width: "100%", height: "100%" }, ...u, onViewportChange: (k) => M(k), ref: P }) });
 }));
-rs.displayName = "ScrollableGrid";
-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: M, range: R, orientation: ae, view: P, style: I, ...z } = e, le = r / 100, B = G(null), [oe, be] = Ze(!1), N = f?.(t) || !1, H = x?.(t) ? a : N ? s : l;
+os.displayName = "ScrollableGrid";
+const Nr = () => !1, rs = 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: u = Nr, isSelectedAll: x = Nr, coords: M, bounds: E, range: P, orientation: Q, view: k, style: I, ...z } = e, se = r / 100, B = G(null), [re, be] = Ze(!1), N = u?.(t) || !1, H = x?.(t) ? a : N ? s : l;
   let X = H;
-  if (oe) {
+  if (re) {
     let T = d;
     typeof d == "function" && (T = d(H)), X = Ct.mergeContentful(H, T);
   }
-  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`, ...I, left: I.left - (ae === Nt ? 1 : 0), top: I.top - (ae === an ? 1 : 0), width: I.width + 1, height: I.height + 1, overflow: "hidden" }, ...z, onMouseMove: (T) => {
+  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 * se, fontStyle: X.text?.fontStyle, fontWeight: X.text?.fontWeight, lineHeight: 1.2, display: "flex", justifyContent: "center", alignItems: "end", pointerEvents: "auto", paddingBottom: `${se}px`, ...I, left: I.left - (Q === Nt ? 1 : 0), top: I.top - (Q === an ? 1 : 0), width: I.width + 1, height: I.height + 1, overflow: "hidden" }, ...z, onMouseMove: (T) => {
     we.detectIt().primaryInput !== "touch" && T.buttons === 0 && be(!0);
   }, onMouseOut: (T) => {
     be(!1);
   }, children: i(t) });
 });
-is.displayName = "HeaderRenderer";
-const Di = "ew-resize", zi = "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: M, headerStyleSelectAll: R, headerStyleHover: ae, bounds: P, onPointerDown: I, onAutoFit: z, ...le } = e, B = n === Nt;
-  let oe = _;
-  m && M && (oe = M), f && R && (oe = R);
+rs.displayName = "HeaderRenderer";
+const Li = "ew-resize", Di = "ns-resize", is = 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: u, showTouchDivider: x, headerStyle: M, headerStyleSelect: E, headerStyleSelectAll: P, headerStyleHover: Q, bounds: k, onPointerDown: I, onAutoFit: z, ...se } = e, B = n === Nt;
+  let re = M;
+  m && E && (re = E), u && P && (re = P);
   const be = 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: be ? void 0 : I, onDoubleClick: be ? 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 || be ? void 0 : B ? Di : zi, ...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 && be ? 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: I, 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(M.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: M, ...R } = e, ae = k(M, [M]), P = k(_, [_]), I = n === Nt;
-  let z = I ? o.getVisibleColumns() : o.getVisibleRows(), le = null;
-  z.length > 0 && (I ? 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 = G(null), [oe, be] = Ze(null), N = (L, U) => I ? L.clientX - U.clientX : L.clientY - U.clientY, H = o.getLayout(), X = I ? H.getColOffset(r + 1) : H.getRowOffset(r + 1), T = On({ processTouch: !0, onPointerDown: (L) => {
-    if (ae?.(L), !i && !l) {
-      const U = I ? 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 }, be(B.current), d?.(r, ee);
+  let T = re.dividerStrokeFill ?? re.strokeFill;
+  return !(m || u) && X === 0 && (T = `linear-gradient(${B ? 180 : 90}deg, ${re.fill}, ${T} 55%, ${T} 100%)`), Ht("div", { className: _n("header-divider", { disabled: s }, i, `index-${r}`), ref: t, onPointerDown: be ? void 0 : I, onDoubleClick: be ? 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 || be ? void 0 : B ? Li : Di, ...l }, ...se, 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 && be ? 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: re.fill, border: `${P.edgeStrokeFill} solid 1px`, boxShadow: `0.5px 0.5px 0px 0px ${M.text.fill}`, display: "flex", alignItems: "center", justifyContent: "center" }, onPointerDown: I, 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(E.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] });
+})), ls = (e, t) => q(is, { ...e, ref: t }), xs = At(Ut((e, t) => {
+  const { orientation: n, view: o, index: r, disabled: i = !1, disabledResize: l = !1, resizeThreshold: s = 1, dividerRenderer: a = ls, onDividerMouseDown: d, onDividerResizeStart: g, onDividerResize: m, onDividerResizeEnd: u, onDividerMouseUp: x, onDividerAutoFit: M, onPointerDown: E, ...P } = e, Q = R(E, [E]), k = R(M, [M]), I = n === Nt;
+  let z = I ? o.getVisibleColumns() : o.getVisibleRows(), se = null;
+  z.length > 0 && (I ? se = 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 }), se = o.toClipBounds(se, en));
+  const B = G(null), [re, be] = Ze(null), N = (L, U) => I ? L.clientX - U.clientX : L.clientY - U.clientY, H = o.getLayout(), X = I ? H.getColOffset(r + 1) : H.getRowOffset(r + 1), T = On({ processTouch: !0, onPointerDown: (L) => {
+    if (Q?.(L), !i && !l) {
+      const U = I ? H.getColOffset(r) : H.getRowOffset(r), te = X - U;
+      B.current = { isResizing: !1, startSize: te, index: r, view: o, orientation: n, onDividerMouseDown: d, onDividerResizeStart: g, onDividerResize: m, onDividerResizeEnd: u, onDividerMouseUp: x }, be(B.current), d?.(r, te);
     }
     L.stopPropagation(), L.preventDefault();
-  }, onPointerUp: (L, U, ee) => {
+  }, onPointerUp: (L, U, te) => {
     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, be(B.current), te.onDividerMouseUp?.(te.index);
-  }, onPointerMoveOrWait: (L, U, ee) => {
+    B.current.isResizing && B.current.onDividerResizeEnd?.(B.current.index, Math.max(0, B.current.startSize + N(L, te)), B.current.startSize);
+    const ne = B.current;
+    B.current = null, be(B.current), ne.onDividerMouseUp?.(ne.index);
+  }, onPointerMoveOrWait: (L, U, te) => {
     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 }, be(B.current), B.current.onDividerResizeStart?.(B.current.index, Math.max(0, B.current.startSize + te))), L.stopPropagation(), L.preventDefault();
-  } }), S = k(() => {
-    P?.(r);
+    const ne = N(L, te);
+    B.current.isResizing ? B.current.onDividerResize?.(B.current.index, Math.max(0, B.current.startSize + ne), B.current.startSize) : Math.abs(ne) > Math.max(1, s) && (B.current = { ...B.current, isResizing: !0 }, be(B.current), B.current.onDividerResizeStart?.(B.current.index, Math.max(0, B.current.startSize + ne))), L.stopPropagation(), L.preventDefault();
+  } }), S = R(() => {
+    k?.(r);
   }, [r]);
-  if (!le) return;
-  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 } = bi();
+  if (!se) return;
+  const f = a({ bounds: se, orientation: n, view: o, index: r, disabled: i, disabledResize: l, onAutoFit: S, onPointerDown: T, ...P }, t);
+  if (!f) return;
+  const { getPortalContainer: J } = vi();
   let K = null;
-  return oe && oe.isResizing && oe.index === r && (K = qr(q("div", { style: { position: "absolute", cursor: I ? Di : zi, 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: `${I ? le.y : X}px`, left: `${I ? X : le.x}px`, width: (I ? 0 : le.width - 1) + "px", height: (I ? le.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: h })] });
+  return re && re.isResizing && re.index === r && (K = qr(q("div", { style: { position: "absolute", cursor: I ? Li : Di, left: 0, top: 0, width: "100%", height: "100%" } }), J(), "divider:" + r)), Ht(wn, { children: [K, q("div", { className: _n("header-divider-anchor"), style: { position: "absolute", pointerEvents: "auto", top: `${I ? se.y : X}px`, left: `${I ? X : se.x}px`, width: (I ? 0 : se.width - 1) + "px", height: (I ? se.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: f })] });
 }));
-class cs {
+class ss {
   naturalDimensions(t, n = {}) {
     const o = document.createElement("div");
     let r = n?.lineHeight ?? "1";
@@ -3272,50 +3301,50 @@ 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 = 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: _, ...M } = e, R = G(null), { width: ae = 0 } = d ?? {}, [P, I] = Ze(() => n);
+const cs = (e = void 0) => Object.freeze({ clean: e, dirty: void 0, editMode: !1 }), as = cs(), ys = At(Ut((e, t) => {
+  const { editState: n = as, defaultTextStyle: o, onStartEdit: r, onChangeEdit: i, onSubmitEdit: l, onCancelEdit: s, onDoneEdit: a, containerBounds: d, setNaturalDimensions: g, onNavigate: m, textProperties: u, style: x, autoFocus: M, ...E } = e, P = G(null), { width: Q = 0 } = d ?? {}, [k, I] = Ze(() => n);
   st(() => {
     I(n);
   }, [n]);
-  const z = f?.align || "left", le = f?.vAlign || "middle", B = f?.fill || "#040404", oe = f?.wrap || "wrap", be = f?.fontFamily || "Calibri", N = f?.fontSize || 11, H = f?.fontWeight || 400, X = f?.fontStyle || "normal", T = P.dirty ?? P.clean ?? "";
+  const z = u?.align || "left", se = u?.vAlign || "middle", B = u?.fill || "#040404", re = u?.wrap || "wrap", be = u?.fontFamily || "Calibri", N = u?.fontSize || 11, H = u?.fontWeight || 400, X = u?.fontStyle || "normal", T = k.dirty ?? k.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, be, H, X, g, ae]), L = D(() => K.maxLineHeight ? K.maxLineHeight + "px" : "1.2", [K]), [U, ee] = Ze(L);
+  const f = 96 * N / 72, J = 1.2 * f;
+  se === "right" && (S += 1);
+  const K = Ee(() => new ss().naturalDimensions(T, { maxWidth: re === "wrap" ? Q - S : void 0, lineHeight: `${J}px`, paintableText: { fontStyle: X, wrap: re, letterSpacing: -0.25 } }), [T, re, S, f, be, H, X, g, Q]), L = D(() => K.maxLineHeight ? K.maxLineHeight + "px" : "1.2", [K]), [U, te] = Ze(L);
   tn(() => {
-    ee(L());
+    te(L());
   }, [d, K]), tn(() => {
-    g?.({ width: oe === "wrap" ? void 0 : K.width + S, height: K.height });
+    g?.({ width: re === "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, I(Me), te?.(Me);
-  }, [P]), He = k((E) => {
-    if (P.editMode === E) return;
-    const Me = { ...P };
-    Me.editMode = E, I(Me), te?.(Me);
-  }, [P]), Ve = k(() => {
+  const ne = R(i, [i]), Y = R((_) => {
+    if (k.dirty === _) return;
+    const Me = { ...k };
+    Me.dirty = _, P.current, I(Me), ne?.(Me);
+  }, [k]), He = R((_) => {
+    if (k.editMode === _) return;
+    const Me = { ...k };
+    Me.editMode = _, I(Me), ne?.(Me);
+  }, [k]), Ve = R(() => {
     try {
-      return l?.(P), a?.(), !0;
+      return l?.(k), a?.(), !0;
     } catch {
       return !1;
     }
-  }, [l, P]), Ne = k(() => {
+  }, [l, k]), Ne = R(() => {
     I(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) && Ii.indexOf(E.nativeEvent.key) !== -1) {
-      const ue = { ...P };
-      return ue.dirty = E.nativeEvent.key === "Backspace" ? "" : (ue.dirty ?? "") + E.key, I(ue), te?.(ue), void E.preventDefault();
-    }
-    const Me = E.nativeEvent.shiftKey;
-    if (E.which === nl) return E.preventDefault(), void Ne();
-    if (E.which === ol) return He(!0), void E.preventDefault();
-    if (E.which === si && (E.preventDefault(), Ve() && m?.(Me ? it : lt)), E.which === li) return E.preventDefault(), void (Ve() && m?.(Me ? ot : Ke));
-    if (!P.editMode) {
+  }, [s, n]), at = R((_) => {
+    if (!P.current) return;
+    if (_.isDefaultPrevented(), !(_.isTrusted || _.nativeEvent.ctrlKey || _.nativeEvent.metaKey || _.nativeEvent.altKey || _.nativeEvent.isComposing) && Ei.indexOf(_.nativeEvent.key) !== -1) {
+      const ue = { ...k };
+      return ue.dirty = _.nativeEvent.key === "Backspace" ? "" : (ue.dirty ?? "") + _.key, I(ue), ne?.(ue), void _.preventDefault();
+    }
+    const Me = _.nativeEvent.shiftKey;
+    if (_.which === tl) return _.preventDefault(), void Ne();
+    if (_.which === nl) return He(!0), void _.preventDefault();
+    if (_.which === si && (_.preventDefault(), Ve() && m?.(Me ? it : lt)), _.which === li) return _.preventDefault(), void (Ve() && m?.(Me ? ot : Ke));
+    if (!k.editMode) {
       let ue = null;
-      switch (E.which) {
+      switch (_.which) {
         case ci:
           ue = ot;
           break;
@@ -3330,57 +3359,57 @@ const as = (e = void 0) => Object.freeze({ clean: e, dirty: void 0, editMode: !1
       }
       if (ue) return void Ve();
     }
-  }, [P, m]), [Se, Ye] = Ze(!_);
+  }, [k, m]), [Se, Ye] = Ze(!M);
   st(() => {
     Ye(!1);
   }, []);
-  const $ = wo(t, () => ({ startEdit(E) {
-    let Me = E?.initialSelection;
+  const $ = wo(t, () => ({ startEdit(_) {
+    let Me = _?.initialSelection;
     if (!Me) {
-      const me = R.current.value.length ?? 0;
+      const me = P.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 || (I(ue), te?.(ue));
+    P.current?.setSelectionRange(Me.start, Me.end, Me.direction);
+    const ue = { ...n, editMode: _?.editMode ?? !1 };
+    _?.text !== void 0 && (ue.dirty = _.text), ue.editMode === n.editMode && ue.dirty === n.dirty || (I(ue), ne?.(ue));
   }, submitEdit: () => Ve(), cancelEdit() {
     Ne();
   }, autoFocus() {
-    R.current?.focus();
-  }, getLineHeight: () => K?.maxLineHeight ?? J, dispatchEvent: (E) => R.current.dispatchEvent(E) }), [n, r]);
-  return q("div", { ref: $, ...M, 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: `${be}`, 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) => {
+    P.current?.focus();
+  }, getLineHeight: () => K?.maxLineHeight ?? J, dispatchEvent: (_) => P.current.dispatchEvent(_) }), [n, r]);
+  return q("div", { ref: $, ...E, style: { background: "transparent", display: "flex", flexGrow: 1, alignSelf: "center", height: K.height, maxWidth: "100%", maxHeight: "100%", ...x }, children: q("textarea", { spellCheck: "false", ref: P, value: T, autoFocus: !1, disabled: Se, name: "cell-editor", autoComplete: "off", autoCapitalize: "off", style: { flex: "1 1 100%", position: "relative", fontSize: `${f}px`, fontFamily: `${be}`, 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: re === "wrap" ? "break-spaces" : "pre", wordWrap: "break-word" }, onChange: (_) => {
+    Y(_.target.value);
+  }, onDoubleClick: (_) => {
+    _.isTrusted;
+  }, onMouseDown: (_) => {
     He(!0);
   }, onKeyDown: at }) });
-})), bs = At((e) => {
+})), vs = At((e) => {
   const { value: t, view: n, bounds: o, range: r, zoom: i, children: l, style: s, ...a } = e;
   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 {
-  Oi as BaseGrid,
+  Pi as BaseGrid,
   ys as DefaultCellEditor,
-  bs as DefaultCellRenderer,
-  ls as DefaultHeaderDivider,
-  Ti as FillHandle,
-  Li as Grid,
-  vs as HeaderDivider,
-  is as HeaderRenderer,
-  xs as RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL,
+  vs as DefaultCellRenderer,
+  is as DefaultHeaderDivider,
+  Mi as FillHandle,
+  Oi as Grid,
+  xs as HeaderDivider,
+  rs as HeaderRenderer,
+  ms as RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL,
   en as SELECTION_CLIP_INSETS,
-  Ii as STANDARD_KEY_CHARS,
+  Ei as STANDARD_KEY_CHARS,
   jr as SVGLine,
-  Yl as SVGRect,
-  rs as ScrollableGrid,
-  Ci as Selection,
+  ql as SVGRect,
+  os as ScrollableGrid,
+  Ii as Selection,
   Go as TouchSelectHandle,
-  Xl as defaultSelectionRenderer,
-  as as getDefaultStringEditState,
+  Yl as defaultSelectionRenderer,
+  cs as getDefaultStringEditState,
   Yt as safeSelectionCoords,
-  Fl as useCellLayout,
-  ws as useHeaderSelection,
-  gs as useKeyboardEditorOverlay,
-  ms as useSelection
+  Bl as useCellLayout,
+  gs as useHeaderSelection,
+  ps as useKeyboardEditorOverlay,
+  ws as useSelection
 };