@gridsheet/react-core 3.0.2 → 3.0.4

package/dist/index.js

@@ -1,11 +1,11 @@
-import { calcSideStyle as Vn, clampPopup as Jt, clampLeft as qn, zoneToArea as de, focus as H, Lexer as qe, getFunctionHelps as $t, expandInput as Gn, y2r as ve, x2c as me, resetInput as Qn, handleFormulaQuoteAutoClose as en, areaToZone as Ge, insertTextAtCursor as tn, operations as O, isRefInsertable as nn, COLOR_PALETTE as De, DEFAULT_WIDTH as yt, DEFAULT_HEIGHT as vt, between as Te, makeSequence as Pt, p2a as Ne, MIN_HEIGHT as Xt, MIN_WIDTH as Ot, zoneShape as te, getLabel as bt, FormulaError as Jn, Pending as es, insertRef as Me, areaToRange as sn, calcBelowPosition as ts, hAlignTransform as ns, among as ss, getAreaInTabular as Ht, isFocus as rs, Autofill as os, getCellRectPositions as Ie, a2p as wt, virtualize as Lt, stripAddressAbsolute as is, stripSheetName as ls, preventSafariBounce as as, smartScroll as cs, isZoneNotSelected as us, Sheet as ds, embedStyle as gs, getMaxSizesFromCells as rn, HEADER_HEIGHT as hs, DEFAULT_ROW_KEY as fs, SHEET_HEIGHT as Bt, HEADER_WIDTH as ms, DEFAULT_COL_KEY as ps, SHEET_WIDTH as Kt } from "@gridsheet/core";
-import { BaseFunction as Ir, BaseFunctionAsync as Fr, DEFAULT_HISTORY_LIMIT as Yr, FormulaError as $r, FormulaParser as Pr, Lexer as Xr, Pending as Or, PercentagePolicyMixin as Hr, Policy as Lr, RangeEntity as Br, RefEntity as Kr, Registry as Zr, Sheet as Ur, Spilling as zr, ThousandSeparatorPolicyMixin as Wr, Time as _r, ValueEntity as jr, a2p as Vr, aa2oa as qr, addressesToAreas as Gr, addressesToCols as Qr, addressesToRows as Jr, areaToRange as eo, areaToZone as to, buildInitialCells as no, buildInitialCellsFromOrigin as so, c2x as ro, ch as oo, check as io, conditionArg as lo, createBook as ao, createBooleanMask as co, createRegistry as uo, eachMatrix as go, ensureBoolean as ho, ensureDate as fo, ensureNumber as mo, ensureString as po, matrixShape as yo, oa2aa as vo, operations as bo, p2a as wo, r2y as Ro, rh as Co, stripMatrix as So, toCellCols as No, toCellMatrix as Eo, toCellObject as xo, toCellRows as ko, toValueCols as To, toValueMatrix as Ao, toValueObject as Mo, toValueRows as Do, x2c as Io, y2r as Fo, zoneToArea as Yo } from "@gridsheet/core";
+import { calcSideStyle as Vn, clampPopup as Jt, clampLeft as qn, zoneToArea as ge, focus as L, Lexer as qe, getFunctionHelps as $t, expandInput as Gn, y2r as ve, x2c as me, resetInput as Qn, handleFormulaQuoteAutoClose as en, areaToZone as Ge, insertTextAtCursor as tn, operations as H, isRefInsertable as nn, COLOR_PALETTE as De, DEFAULT_WIDTH as yt, DEFAULT_HEIGHT as vt, between as Te, makeSequence as Pt, p2a as Ne, MIN_HEIGHT as Xt, MIN_WIDTH as Ot, zoneShape as ne, getLabel as bt, FormulaError as Jn, Pending as es, insertRef as Me, areaToRange as sn, calcBelowPosition as ts, hAlignTransform as ns, among as ss, getAreaInTabular as Ht, isFocus as rs, Autofill as os, getCellRectPositions as Ie, a2p as wt, virtualize as Lt, stripAddressAbsolute as is, stripSheetName as ls, preventSafariBounce as as, smartScroll as cs, isZoneNotSelected as us, Sheet as ds, embedStyle as gs, getMaxSizesFromCells as rn, HEADER_HEIGHT as hs, DEFAULT_ROW_KEY as fs, SHEET_HEIGHT as Bt, HEADER_WIDTH as ms, DEFAULT_COL_KEY as ps, SHEET_WIDTH as Kt } from "@gridsheet/core";
+import { BaseFunction as Ir, BaseFunctionAsync as Fr, DEFAULT_HISTORY_LIMIT as Yr, FormulaError as $r, FormulaParser as Pr, Lexer as Xr, Pending as Or, PercentagePolicyMixin as Hr, Policy as Lr, RangeEntity as Br, RefEntity as Kr, Registry as Zr, Sheet as Ur, Spilling as zr, ThousandSeparatorPolicyMixin as Wr, Time as _r, ValueEntity as jr, a2p as Vr, aa2oa as qr, addressesToAreas as Gr, addressesToCols as Qr, addressesToRows as Jr, areaToRange as eo, areaToZone as to, buildInitialCells as no, buildInitialCellsFromOrigin as so, c2x as ro, ch as oo, check as io, conditionArg as lo, createBook as ao, createBooleanMask as co, createRegistry as uo, eachMatrix as go, ensureBoolean as ho, ensureDate as fo, ensureNumber as mo, ensureString as po, matrixShape as yo, oa2aa as vo, operations as bo, p2a as wo, r2y as Ro, rh as Co, stripMatrix as So, toCellCols as No, toCellMatrix as xo, toCellObject as Eo, toCellRows as ko, toValueCols as To, toValueMatrix as Ao, toValueObject as Mo, toValueRows as Do, x2c as Io, y2r as Fo, zoneToArea as Yo } from "@gridsheet/core";
 import { jsxs as F, jsx as c, Fragment as we } from "react/jsx-runtime";
-import lt, { createContext as on, useRef as oe, useContext as ie, useLayoutEffect as at, useState as J, useMemo as Ye, useCallback as M, memo as tt, useEffect as Z, createRef as ln, useReducer as ys } from "react";
-import { u as vs, s as ue, w as Ze, a as re, b as Ue, r as ct, c as an, d as cn, e as $e, f as un, g as dn, h as be, i as _e, j as bs, k as Zt, l as ut, p as dt, m as Qe, n as Se, o as gt, q as ht, t as Fe, v as Rt, x as gn, y as hn, z as fn, A as mn, B as pn, C as yn, D as ze, E as Je, F as ft, G as nt, H as ws, I as Pe, J as fe, K as xe, L as vn, M as Ke, N as Ut, O as bn, P as zt, Q as Wt, R as Rs, S as Cs, T as _t, U as Ss, V as Ns } from "./hooks-Y7BI_RNj.mjs";
+import lt, { createContext as on, useRef as ie, useContext as le, useLayoutEffect as at, useState as te, useMemo as Ye, useCallback as A, memo as tt, useEffect as z, createRef as ln, useReducer as ys } from "react";
+import { u as vs, s as de, w as Ze, a as oe, b as Ue, r as ct, c as an, d as cn, e as $e, f as un, g as dn, h as be, i as _e, j as bs, k as Zt, l as ut, p as dt, m as Qe, n as Se, o as gt, q as ht, t as Fe, v as Rt, x as gn, y as hn, z as fn, A as mn, B as pn, C as yn, D as ze, E as Je, F as ft, G as nt, H as ws, I as Pe, J as fe, K as Ee, L as vn, M as Ke, N as Ut, O as bn, P as zt, Q as Wt, R as Rs, S as Cs, T as _t, U as Ss, V as Ns } from "./hooks-Y7BI_RNj.mjs";
 import { W as Po } from "./hooks-Y7BI_RNj.mjs";
 import { createPortal as Ct } from "react-dom";
-const le = on(
+const ae = on(
   {}
 ), St = ({
   option: e,
@@ -14,7 +14,7 @@ const le = on(
   top: s,
   left: r
 }) => {
-  const o = oe(null), i = oe(null), { store: h } = ie(le), f = !h.editorHovering;
+  const o = ie(null), i = ie(null), { store: h } = le(ae), f = !h.editorHovering;
   return at(() => {
     const a = i.current;
     a && Vn(a);
@@ -35,7 +35,7 @@ const le = on(
         e.isFunction && /* @__PURE__ */ F(we, { children: [
           /* @__PURE__ */ c("div", { className: "gs-fn-guide1-example", children: e.example }),
           e.description && /* @__PURE__ */ c("div", { className: "gs-fn-guide1-desc", style: { whiteSpace: "pre-line" }, children: e.description }),
-          e.defs && e.defs.length > 0 && /* @__PURE__ */ c("div", { className: "gs-fn-guide1-args", children: e.defs.map((a, u) => {
+          e.defs && e.defs.length > 0 && /* @__PURE__ */ c("div", { className: "gs-fn-guide1-args", children: e.defs.map((a, d) => {
             var w;
             return /* @__PURE__ */ F("div", { className: "gs-fn-guide1-arg", children: [
               /* @__PURE__ */ c("span", { className: "gs-fn-guide1-arg-name", children: a.name }),
@@ -46,7 +46,7 @@ const le = on(
                 " — ",
                 a.description
               ] })
-            ] }, u);
+            ] }, d);
           }) })
         ] })
       ]
@@ -61,46 +61,46 @@ const le = on(
         n.category && /* @__PURE__ */ c("span", { className: `gs-fn-guide-category gs-fn-guide-category-${n.category}`, children: n.category }),
         /* @__PURE__ */ c("div", { className: "gs-fn-guide2-name", children: n.example }),
         /* @__PURE__ */ c("div", { className: "gs-fn-guide2-args-inline", children: (() => {
-          const a = n.defs ?? [], u = a.filter((b) => b.variadic).length, w = a.length - u;
-          return a.map((b, d) => {
+          const a = n.defs ?? [], d = a.filter((b) => b.variadic).length, w = a.length - d;
+          return a.map((b, g) => {
             let m;
             if (t < w)
-              m = t === d;
-            else if (u > 0 && d >= w) {
-              const y = (t - w) % u;
-              m = d === w + y;
+              m = t === g;
+            else if (d > 0 && g >= w) {
+              const y = (t - w) % d;
+              m = g === w + y;
             } else
               m = !1;
             return /* @__PURE__ */ F(lt.Fragment, { children: [
-              d > 0 ? ", " : "",
+              g > 0 ? ", " : "",
               /* @__PURE__ */ F("span", { className: m ? "gs-active-arg" : "", children: [
                 b.optional ? "[" : "",
                 b.name,
                 b.variadic ? ", ..." : "",
                 b.optional ? "]" : ""
               ] })
-            ] }, d);
+            ] }, g);
           });
         })() }),
         (() => {
           var m;
-          const a = n.defs ?? [], u = a.filter((y) => y.variadic).length, w = a.length - u;
+          const a = n.defs ?? [], d = a.filter((y) => y.variadic).length, w = a.length - d;
           let b;
-          if (t < w || u === 0)
+          if (t < w || d === 0)
             b = Math.min(t, a.length - 1);
           else {
-            const y = (t - w) % u;
+            const y = (t - w) % d;
             b = w + y;
           }
-          const d = a[b];
-          return d != null && d.description ? /* @__PURE__ */ c("div", { className: "gs-fn-guide2-desc", style: { marginTop: 8, fontSize: 12, color: "#888" }, children: /* @__PURE__ */ F("p", { children: [
+          const g = a[b];
+          return g != null && g.description ? /* @__PURE__ */ c("div", { className: "gs-fn-guide2-desc", style: { marginTop: 8, fontSize: 12, color: "#888" }, children: /* @__PURE__ */ F("p", { children: [
             /* @__PURE__ */ F("strong", { children: [
-              d.name,
+              g.name,
               ":"
             ] }),
             " ",
-            /* @__PURE__ */ c("code", { className: "gs-fn-guide2-arg-type", children: ((m = d.acceptedTypes) == null ? void 0 : m.join(" | ")) || "any" }),
-            d.description
+            /* @__PURE__ */ c("code", { className: "gs-fn-guide2-arg-type", children: ((m = g.acceptedTypes) == null ? void 0 : m.join(" | ")) || "any" }),
+            g.description
           ] }) }) : null;
         })(),
         n.description && /* @__PURE__ */ c("div", { className: "gs-fn-guide2-desc", style: { whiteSpace: "pre-line" }, children: n.description })
@@ -114,7 +114,7 @@ const le = on(
   selected: s,
   onOptionMouseDown: r
 }) => {
-  const o = oe(null), [i, h] = J(t);
+  const o = ie(null), [i, h] = te(t);
   return at(() => {
     if (!o.current)
       return;
@@ -124,7 +124,7 @@ const le = on(
     "li",
     {
       className: `gs-editor-option ${s === a ? " gs-editor-option-selected" : ""}`,
-      onMouseDown: (u) => r(u, a),
+      onMouseDown: (d) => r(d, a),
       children: [
         /* @__PURE__ */ F("div", { className: "gs-editor-option-content", children: [
           /* @__PURE__ */ c("span", { children: f.label ?? f.value }),
@@ -140,24 +140,24 @@ const le = on(
   if (!o)
     return { top: 0, left: 0, bottom: 0, right: 0 };
   const { y: i, x: h } = t;
-  let a = de(n);
+  let a = ge(n);
   a.left === -1 && (a = { top: i, left: h, bottom: i, right: h });
-  const u = s.current, w = o.trim(a), b = Es(w, {
+  const d = s.current, w = o.trim(a), b = xs(w, {
     getter: (m, y) => m.getPolicy(y).serializeForClipboard({ point: y, sheet: m })
-  }), d = xs(w, {
+  }), g = Es(w, {
     getter: (m, y) => m.getPolicy(y).serializeForClipboard({ point: y, sheet: m })
   });
   if (navigator.clipboard) {
-    const m = new Blob([b], { type: "text/plain" }), y = new Blob([d], { type: "text/html" });
+    const m = new Blob([b], { type: "text/plain" }), y = new Blob([g], { type: "text/html" });
     navigator.clipboard.write([
       new ClipboardItem({
         "text/plain": m,
         "text/html": y
       })
     ]);
-  } else u != null && (u.value = b, H(u), u.select(), document.execCommand("copy"), u.value = "", u.blur());
+  } else d != null && (d.value = b, L(d), d.select(), document.execCommand("copy"), d.value = "", d.blur());
   return a;
-}, Es = (e, {
+}, xs = (e, {
   getter: n = (i, h) => {
     var f;
     return String(((f = i.getCell(h)) == null ? void 0 : f.value) ?? "");
@@ -174,8 +174,8 @@ const le = on(
       continue;
     const f = [];
     let a = !0;
-    for (let u = e.left; u <= e.right; u++) {
-      const b = n(e, { y: h, x: u });
+    for (let d = e.left; d <= e.right; d++) {
+      const b = n(e, { y: h, x: d });
       b !== "" && (a = !1), b.indexOf(`
 `) !== -1 ? f.push(`"${b.replace(/"/g, '""')}"`) : f.push(b);
     }
@@ -185,7 +185,7 @@ const le = on(
     for (; i.length > 0 && i[i.length - 1].isEmpty; )
       i.pop();
   return i.map((h) => h.line).join(o);
-}, xs = (e, {
+}, Es = (e, {
   getter: n = (r, o) => {
     var i;
     return String(((i = r.getCell(o)) == null ? void 0 : i.value) ?? "");
@@ -200,9 +200,9 @@ const le = on(
     const i = [];
     let h = !0;
     for (let f = e.left; f <= e.right; f++) {
-      const u = n(e, { y: o, x: f });
-      u !== "" && (h = !1);
-      const w = u.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+      const d = n(e, { y: o, x: f });
+      d !== "" && (h = !1);
+      const w = d.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
       i.push(`<td>${w}</td>`);
     }
     r.push({ isEmpty: h, html: `<tr>${i.join("")}</tr>` });
@@ -212,77 +212,77 @@ const le = on(
       r.pop();
   return `<table>${r.map((o) => o.html).join("")}</table>`;
 }, Rn = ({ inputting: e, selectionStart: n, optionsAll: t, functions: s }) => {
-  const [r, o] = J(0), { filteredOptions: i, matchParams: h, activeFunctionHelp: f, activeArgIndex: a } = Ye(() => {
-    var S, p;
-    const d = e.startsWith("=");
+  const [r, o] = te(0), { filteredOptions: i, matchParams: h, activeFunctionHelp: f, activeArgIndex: a } = Ye(() => {
+    var C, p;
+    const g = e.startsWith("=");
     let m = null, y = 0;
-    const D = e.slice(0, n), T = e.slice(n);
-    if (d && D.length > 1)
+    const D = e.slice(0, n), E = e.slice(n);
+    if (g && D.length > 1)
       try {
-        const l = D.slice(1), g = new qe(l);
-        g.tokenize();
+        const l = D.slice(1), u = new qe(l);
+        u.tokenize();
         const v = [];
-        for (let x = 0; x < g.tokens.length; x++) {
-          const A = g.tokens[x];
-          if (A.type === "FUNCTION") {
-            const C = g.tokens[x + 1];
-            (C == null ? void 0 : C.type) === "OPEN" ? (v.push({ name: A.entity, argIndex: 0, hasWaitComma: !1 }), x++) : g.tokens.length - 1;
-          } else A.type === "COMMA" ? v.length > 0 && (v[v.length - 1].argIndex++, v[v.length - 1].hasWaitComma = !0) : A.type === "CLOSE" ? v.length > 0 && v.pop() : A.type !== "SPACE" && v.length > 0 && (v[v.length - 1].hasWaitComma = !1);
+        for (let x = 0; x < u.tokens.length; x++) {
+          const T = u.tokens[x];
+          if (T.type === "FUNCTION") {
+            const R = u.tokens[x + 1];
+            (R == null ? void 0 : R.type) === "OPEN" ? (v.push({ name: T.entity, argIndex: 0, hasWaitComma: !1 }), x++) : u.tokens.length - 1;
+          } else T.type === "COMMA" ? v.length > 0 && (v[v.length - 1].argIndex++, v[v.length - 1].hasWaitComma = !0) : T.type === "CLOSE" ? v.length > 0 && v.pop() : T.type !== "SPACE" && v.length > 0 && (v[v.length - 1].hasWaitComma = !1);
         }
         if (v.length > 0) {
-          const x = v[v.length - 1], A = $t(s);
-          y = x.argIndex, m = A.find((C) => C.name === x.name.toUpperCase()) || null;
+          const x = v[v.length - 1], T = $t(s);
+          y = x.argIndex, m = T.find((R) => R.name === x.name.toUpperCase()) || null;
         }
       } catch {
       }
-    const N = ((S = D.match(/[a-zA-Z0-9_.]+$/)) == null ? void 0 : S[0]) || "", Y = ((p = T.match(/^[a-zA-Z0-9_.]+/)) == null ? void 0 : p[0]) || "", E = d ? (N + Y).toLowerCase() : e.toLocaleLowerCase(), I = d && T.slice(Y.length).trimStart().startsWith("(");
-    let $ = [], P = !1;
-    if (d)
+    const S = ((C = D.match(/[a-zA-Z0-9_.]+$/)) == null ? void 0 : C[0]) || "", $ = ((p = E.match(/^[a-zA-Z0-9_.]+/)) == null ? void 0 : p[0]) || "", N = g ? (S + $).toLowerCase() : e.toLocaleLowerCase(), M = g && E.slice($.length).trimStart().startsWith("(");
+    let P = [], X = !1;
+    if (g)
       try {
         const l = new qe(e.slice(1));
         l.tokenize();
-        let g = 1;
+        let u = 1;
         for (const v of l.tokens) {
           const x = v.length();
-          if (n > g && n < g + x) {
-            ["REF", "RANGE", "ID", "ID_RANGE", "UNREFERENCED"].includes(v.type) && (P = !0), v.type === "VALUE" && typeof v.entity == "string" && (P = !0);
+          if (n > u && n < u + x) {
+            ["REF", "RANGE", "ID", "ID_RANGE", "UNREFERENCED"].includes(v.type) && (X = !0), v.type === "VALUE" && typeof v.entity == "string" && (X = !0);
             break;
           }
-          (n === g || n === g + x) && ["REF", "RANGE", "ID", "ID_RANGE", "UNREFERENCED"].includes(v.type) && (P = !0), g += x;
+          (n === u || n === u + x) && ["REF", "RANGE", "ID", "ID_RANGE", "UNREFERENCED"].includes(v.type) && (X = !0), u += x;
         }
       } catch {
       }
-    return d && !P ? E.length > 0 && !I && ($ = $t(s).map((l) => {
-      const g = l.name.toLowerCase(), v = g.startsWith(E), x = v ? 0 : -1, A = l.defs.length === 0;
+    return g && !X ? N.length > 0 && !M && (P = $t(s).map((l) => {
+      const u = l.name.toLowerCase(), v = u.startsWith(N), x = v ? 0 : -1, T = l.defs.length === 0;
       return {
-        option: { ...l, value: l.name + (A ? "()" : "("), isFunction: !0, label: l.name },
+        option: { ...l, value: l.name + (T ? "()" : "("), isFunction: !0, label: l.name },
         index: x,
         startsWith: v,
         keywordCount: 1,
-        keyword: g
+        keyword: u
       };
-    }).filter(({ startsWith: l }) => l).sort((l, g) => l.startsWith !== g.startsWith ? g.startsWith ? 1 : -1 : l.index !== g.index ? l.index - g.index : l.keyword.localeCompare(g.keyword)).map(({ option: l }) => l)) : $ = t.map((l) => {
-      const g = l.keywords ?? [String(l.value)];
+    }).filter(({ startsWith: l }) => l).sort((l, u) => l.startsWith !== u.startsWith ? u.startsWith ? 1 : -1 : l.index !== u.index ? l.index - u.index : l.keyword.localeCompare(u.keyword)).map(({ option: l }) => l)) : P = t.map((l) => {
+      const u = l.keywords ?? [String(l.value)];
       let v = { index: -1, startsWith: !1, keyword: "" };
-      for (const x of g) {
-        const A = x.toLowerCase(), C = A.indexOf(E);
-        if (C !== -1) {
-          const L = A.startsWith(E);
-          (v.index === -1 || C < v.index || C === v.index && L && !v.startsWith) && (v = { index: C, startsWith: L, keyword: x });
+      for (const x of u) {
+        const T = x.toLowerCase(), R = T.indexOf(N);
+        if (R !== -1) {
+          const B = T.startsWith(N);
+          (v.index === -1 || R < v.index || R === v.index && B && !v.startsWith) && (v = { index: R, startsWith: B, keyword: x });
         }
       }
       return {
         option: l,
         ...v,
-        keywordCount: g.length
+        keywordCount: u.length
       };
-    }).filter(({ index: l }) => l !== -1).sort((l, g) => l.startsWith !== g.startsWith ? g.startsWith ? 1 : -1 : l.index !== g.index ? l.index - g.index : l.keywordCount !== g.keywordCount ? g.keywordCount - l.keywordCount : l.keyword.localeCompare(g.keyword)).map(({ option: l }) => l), {
-      filteredOptions: $,
+    }).filter(({ index: l }) => l !== -1).sort((l, u) => l.startsWith !== u.startsWith ? u.startsWith ? 1 : -1 : l.index !== u.index ? l.index - u.index : l.keywordCount !== u.keywordCount ? u.keywordCount - l.keywordCount : l.keyword.localeCompare(u.keyword)).map(({ option: l }) => l), {
+      filteredOptions: P,
       matchParams: {
-        isFormula: d,
-        currentWord: E,
-        matchLengthBefore: N.length,
-        matchLengthAfter: Y.length
+        isFormula: g,
+        currentWord: N,
+        matchLengthBefore: S.length,
+        matchLengthAfter: $.length
       },
       activeFunctionHelp: m,
       activeArgIndex: y
@@ -291,29 +291,29 @@ const le = on(
   Ye(() => {
     r >= i.length && o(0);
   }, [i.length, r]);
-  const u = M(
-    (d) => {
-      if (!d)
+  const d = A(
+    (g) => {
+      if (!g)
         return { value: e, selectionStart: n };
       if (h.isFormula) {
         const m = e.slice(0, n - h.matchLengthBefore), y = e.slice(n + h.matchLengthAfter);
-        return { value: m + d.value + y, selectionStart: m.length + d.value.length };
+        return { value: m + g.value + y, selectionStart: m.length + g.value.length };
       } else
-        return { value: String(d.value), selectionStart: String(d.value).length };
+        return { value: String(g.value), selectionStart: String(g.value).length };
     },
     [e, n, h]
-  ), w = M(
-    (d) => i.length > 1 ? (o((m) => m <= 0 ? i.length - 1 : m - 1), d.preventDefault(), !0) : !1,
+  ), w = A(
+    (g) => i.length > 1 ? (o((m) => m <= 0 ? i.length - 1 : m - 1), g.preventDefault(), !0) : !1,
     [i.length]
-  ), b = M(
-    (d) => i.length > 1 ? (o((m) => m >= i.length - 1 ? 0 : m + 1), d.preventDefault(), !0) : !1,
+  ), b = A(
+    (g) => i.length > 1 ? (o((m) => m >= i.length - 1 ? 0 : m + 1), g.preventDefault(), !0) : !1,
     [i.length]
   );
   return {
     filteredOptions: i,
     selected: r,
     setSelected: o,
-    replaceWithOption: u,
+    replaceWithOption: d,
     handleArrowUp: w,
     handleArrowDown: b,
     isFormula: h.isFormula,
@@ -329,40 +329,40 @@ const le = on(
 }, Cn = (e, n = !1) => {
   const s = new DOMParser().parseFromString(e, "text/html"), r = [], o = (f) => {
     var w, b;
-    const a = /* @__PURE__ */ new Set(), u = f.querySelectorAll("tr,caption");
-    for (let d = 0; d < u.length; d++) {
-      const m = u[d];
+    const a = /* @__PURE__ */ new Set(), d = f.querySelectorAll("tr,caption");
+    for (let g = 0; g < d.length; g++) {
+      const m = d[g];
       if (m.tagName === "CAPTION") {
-        const N = ((w = m.textContent) == null ? void 0 : w.trim()) ?? "";
-        N && r.push([{ value: N }]);
+        const S = ((w = m.textContent) == null ? void 0 : w.trim()) ?? "";
+        S && r.push([{ value: S }]);
         continue;
       }
       const y = Array.from(m.querySelectorAll("td, th")), D = [];
-      let T = 0;
-      for (const N of y) {
-        const Y = ((b = N.textContent) == null ? void 0 : b.trim()) ?? "", E = n ? void 0 : (() => {
-          const P = jt(N.firstElementChild);
-          return { ...jt(N), ...P };
+      let E = 0;
+      for (const S of y) {
+        const $ = ((b = S.textContent) == null ? void 0 : b.trim()) ?? "", N = n ? void 0 : (() => {
+          const X = jt(S.firstElementChild);
+          return { ...jt(S), ...X };
         })();
-        for (; a.has(`${d}-${++T}`); )
-          D.push({ value: "", style: E, skip: !0 });
-        D.push({ value: Y, style: E });
-        const I = parseInt(N.getAttribute("rowspan") ?? "1", 10), $ = parseInt(N.getAttribute("colspan") ?? "1", 10);
-        for (let P = 0; P < I; P++)
-          for (let S = 0; S < $; S++)
-            a.add(`${d + P}-${T + S}`);
+        for (; a.has(`${g}-${++E}`); )
+          D.push({ value: "", style: N, skip: !0 });
+        D.push({ value: $, style: N });
+        const M = parseInt(S.getAttribute("rowspan") ?? "1", 10), P = parseInt(S.getAttribute("colspan") ?? "1", 10);
+        for (let X = 0; X < M; X++)
+          for (let C = 0; C < P; C++)
+            a.add(`${g + X}-${E + C}`);
       }
       r.push(D);
     }
   }, i = (f, a = []) => {
     if (f.nodeType === Node.ELEMENT_NODE) {
-      const u = f, w = u.tagName;
-      w === "TABLE" ? (a.length > 0 && (r.push(a.slice()), a.length = 0), o(u)) : w === "BR" ? (r.push(a.slice()), a.length = 0) : ks.has(w) ? (a.length > 0 && (r.push(a.slice()), a.length = 0), u.childNodes.forEach((b) => i(b, a)), a.length > 0 && (r.push(a.slice()), a.length = 0)) : u.childNodes.forEach((b) => i(b, a));
+      const d = f, w = d.tagName;
+      w === "TABLE" ? (a.length > 0 && (r.push(a.slice()), a.length = 0), o(d)) : w === "BR" ? (r.push(a.slice()), a.length = 0) : ks.has(w) ? (a.length > 0 && (r.push(a.slice()), a.length = 0), d.childNodes.forEach((b) => i(b, a)), a.length > 0 && (r.push(a.slice()), a.length = 0)) : d.childNodes.forEach((b) => i(b, a));
     } else if (f.nodeType === Node.TEXT_NODE) {
       const w = (f.textContent ?? "").split(/\r?\n/);
       for (const b of w) {
-        const d = b.trim();
-        d && a.push({ value: d });
+        const g = b.trim();
+        g && a.push({ value: g });
       }
     }
   }, h = [];
@@ -480,157 +480,157 @@ const Sn = (e, n = "	") => {
   "UL"
 ]), Ts = ({ mode: e }) => {
   var It, Ft;
-  const { store: n, dispatch: t } = ie(le), [s, r] = J(!1), [o, i] = J(0), [h, f] = J(!1), {
+  const { store: n, dispatch: t } = le(ae), [s, r] = te(!1), [o, i] = te(0), [h, f] = te(!1), {
     choosing: a,
-    inputting: u,
+    inputting: d,
     selectingZone: w,
     editorRect: b,
-    editingAddress: d,
+    editingAddress: g,
     entering: m,
     matchingCells: y,
     matchingCellIndex: D,
-    searchQuery: T,
-    editorRef: N,
-    largeEditorRef: Y,
-    searchInputRef: E,
-    editingOnEnter: I,
-    sheetReactive: $,
-    sheetId: P,
-    dragging: S
-  } = n, p = $.current, l = () => {
-    var ce;
-    if (!h || !X || typeof document > "u" || N.current !== document.activeElement)
+    searchQuery: E,
+    editorRef: S,
+    largeEditorRef: $,
+    searchInputRef: N,
+    editingOnEnter: M,
+    sheetReactive: P,
+    sheetId: X,
+    dragging: C
+  } = n, p = P.current, l = () => {
+    var ue;
+    if (!h || !O || typeof document > "u" || S.current !== document.activeElement)
       return null;
-    const k = (ce = N.current) == null ? void 0 : ce.getBoundingClientRect();
+    const k = (ue = S.current) == null ? void 0 : ue.getBoundingClientRect();
     if (!k)
       return null;
-    const { bottom: j, left: se } = k;
+    const { bottom: j, left: re } = k;
     return Ct(
       /* @__PURE__ */ F(we, { children: [
-        ae && A.length === 0 && (!w || w.endY === -1 && w.endX === -1) && /* @__PURE__ */ c(
+        ce && T.length === 0 && (!w || w.endY === -1 && w.endX === -1) && /* @__PURE__ */ c(
           St,
           {
-            activeFunctionGuide: ae,
-            activeArgIndex: B,
+            activeFunctionGuide: ce,
+            activeArgIndex: K,
             top: j,
-            left: se
+            left: re
           }
         ),
-        A.length > 0 && /* @__PURE__ */ c(
+        T.length > 0 && /* @__PURE__ */ c(
           wn,
           {
-            filteredOptions: A,
+            filteredOptions: T,
             top: j,
-            left: se,
-            selected: C,
+            left: re,
+            selected: R,
             onOptionMouseDown: jn
           }
         )
       ] }),
       document.body
     );
-  }, g = p == null ? void 0 : p.getPolicy(a), v = (g == null ? void 0 : g.getSelectOptions()) ?? [], x = M((k) => {
+  }, u = p == null ? void 0 : p.getPolicy(a), v = (u == null ? void 0 : u.getSelectOptions()) ?? [], x = A((k) => {
     i(k.currentTarget.selectionStart);
   }, []), {
-    filteredOptions: A,
-    selected: C,
-    setSelected: L,
+    filteredOptions: T,
+    selected: R,
+    setSelected: B,
     replaceWithOption: q,
-    handleArrowUp: W,
-    handleArrowDown: ne,
-    activeFunctionHelp: ae,
-    activeArgIndex: B
+    handleArrowUp: _,
+    handleArrowDown: se,
+    activeFunctionHelp: ce,
+    activeArgIndex: K
   } = Rn({
-    inputting: u,
+    inputting: d,
     selectionStart: o,
     optionsAll: v,
     functions: p == null ? void 0 : p.registry.functions
   });
-  Z(() => {
-    H(N == null ? void 0 : N.current);
-  }, [N]), Z(() => {
-    p && p.registry.lastFocused != null && p.registry.lastFocused === N.current && p.registry.lastFocused === Y.current && t(ue(""));
-  }, [p == null ? void 0 : p.registry.lastFocused, p, N, Y, t]), Z(() => {
-    p && (p.registry.editingSheetId = P, p.registry.editingAddress = d);
-  }, [d, p, P]), Z(() => {
-    Gn(N.current);
-  }, [u, d, N]);
-  const { y: z, x: K } = a, G = `${ve(z)}`, U = `${me(K)}${G}`, X = d === U, Q = p == null ? void 0 : p.getCell({ y: z, x: K }, { resolution: "RAW" }), R = p ? p.getSerializedValue({ point: a, cell: Q, resolution: "RAW" }) : "", [_, ge] = J(R), ee = M(
+  z(() => {
+    L(S == null ? void 0 : S.current);
+  }, [S]), z(() => {
+    p && p.registry.lastFocused != null && p.registry.lastFocused === S.current && p.registry.lastFocused === $.current && t(de(""));
+  }, [p == null ? void 0 : p.registry.lastFocused, p, S, $, t]), z(() => {
+    p && (p.registry.editingSheetId = X, p.registry.editingAddress = g);
+  }, [g, p, X]), z(() => {
+    Gn(S.current);
+  }, [d, g, S]);
+  const { y: U, x: Z } = a, G = `${ve(U)}`, W = `${me(Z)}${G}`, O = g === W, Q = p == null ? void 0 : p.getCell({ y: U, x: Z }, { resolution: "RAW" }), Y = p ? p.getSerializedValue({ point: a, cell: Q, resolution: "RAW" }) : "", [I, ee] = te(Y), J = A(
     (k) => {
-      _ !== k && t(Ze({ value: k })), ge(k);
+      I !== k && t(Ze({ value: k })), ee(k);
     },
-    [_, t]
-  ), pe = M(
+    [I, t]
+  ), pe = A(
     (k) => {
       if (!p)
         return;
-      const j = A[k];
+      const j = T[k];
       if (j) {
         if (j.isFunction) {
-          const { value: se, selectionStart: ce } = q(j);
-          t(re(se)), setTimeout(() => {
-            N.current && (H(N.current), N.current.setSelectionRange(ce, ce));
+          const { value: re, selectionStart: ue } = q(j);
+          t(oe(re)), setTimeout(() => {
+            S.current && (L(S.current), S.current.setSelectionRange(ue, ue));
           }, 0);
         } else {
-          const se = p.update({
-            diff: { [U]: { value: j.value } },
+          const re = p.update({
+            diff: { [W]: { value: j.value } },
             partial: !0
           });
-          t(Ue(se.clone())), t(ue("")), t(re(""));
+          t(Ue(re.clone())), t(de("")), t(oe(""));
         }
-        L(0);
+        B(0);
       }
     },
-    [A, p, U, u, ee, t, N]
+    [T, p, W, d, J, t, S]
   );
-  Z(() => {
-    p && (ge(R), t(re(R)), Qn(N.current, p, a));
-  }, [a, R, t, N, p]);
-  const { y: Ee, x: We, height: Tt, width: At } = b, Ln = R.split(`
-`).length, [Mt, Dt] = J(!1), Bn = M(
+  z(() => {
+    p && (ee(Y), t(oe(Y)), Qn(S.current, p, a));
+  }, [a, Y, t, S, p]);
+  const { y: xe, x: We, height: Tt, width: At } = b, Ln = Y.split(`
+`).length, [Mt, Dt] = te(!1), Bn = A(
     (k) => {
-      var ce, Oe, Ae, He, Le, Yt;
+      var ue, Oe, Ae, He, Le, Yt;
       if (!p || Mt)
         return;
       k.key === "Meta" || k.key === "Control" || (Dt(!0), requestAnimationFrame(() => {
         Dt(!1);
       }));
       const j = k.currentTarget;
-      if (en(k, u))
-        return t(re(j.value)), !1;
-      const se = k.shiftKey;
+      if (en(k, d))
+        return t(oe(j.value)), !1;
+      const re = k.shiftKey;
       switch (k.key) {
         case "Tab":
-          if (k.preventDefault(), X)
-            if (A.length) {
-              const ye = (ce = A[C]) == null ? void 0 : ce.isFunction;
-              if (pe(C), ye)
+          if (k.preventDefault(), O)
+            if (T.length) {
+              const ye = (ue = T[R]) == null ? void 0 : ue.isFunction;
+              if (pe(R), ye)
                 return !1;
             } else
-              ee(j.value), t(ue("")), t(re(""));
+              J(j.value), t(de("")), t(oe(""));
           return t(
             ut({
               numRows: p.numRows,
               numCols: p.numCols,
               deltaY: 0,
-              deltaX: se ? -1 : 1
+              deltaX: re ? -1 : 1
             })
-          ), t(ue("")), !1;
+          ), t(de("")), !1;
         case "Enter":
-          if (X)
-            if (A.length) {
-              const ye = (Oe = A[C]) == null ? void 0 : Oe.isFunction;
-              if (pe(C), ye)
+          if (O)
+            if (T.length) {
+              const ye = (Oe = T[R]) == null ? void 0 : Oe.isFunction;
+              if (pe(R), ye)
                 return k.preventDefault(), !1;
             } else {
               if (k.altKey)
                 return tn(j, `
-`), t(re(j.value)), k.preventDefault(), !1;
+`), t(oe(j.value)), k.preventDefault(), !1;
               if (k.nativeEvent.isComposing)
                 return !1;
-              ee(j.value), t(ue("")), t(re(""));
+              J(j.value), t(de("")), t(oe(""));
             }
-          else if (I && w.endY === -1) {
+          else if (M && w.endY === -1) {
             const ye = document.createEvent("MouseEvents");
             return ye.initEvent("dblclick", !0, !0), j.dispatchEvent(ye), k.preventDefault(), !1;
           }
@@ -638,17 +638,17 @@ const Sn = (e, n = "	") => {
             ut({
               numRows: p.numRows,
               numCols: p.numCols,
-              deltaY: se ? -1 : 1,
+              deltaY: re ? -1 : 1,
               deltaX: 0
             })
           ), k.preventDefault(), !1;
         case "Backspace":
-          if (!X)
-            return ((Ae = p.getSystem({ y: z, x: K })) == null ? void 0 : Ae.spilledFrom) != null ? (k.preventDefault(), !1) : (t(Zt(null)), t(re("")), !1);
+          if (!O)
+            return ((Ae = p.getSystem({ y: U, x: Z })) == null ? void 0 : Ae.spilledFrom) != null ? (k.preventDefault(), !1) : (t(Zt(null)), t(oe("")), !1);
           break;
         case "Delete":
-          if (!X)
-            return ((He = p.getSystem({ y: z, x: K })) == null ? void 0 : He.spilledFrom) != null ? (k.preventDefault(), !1) : (t(Zt(null)), t(re("")), !1);
+          if (!O)
+            return ((He = p.getSystem({ y: U, x: Z })) == null ? void 0 : He.spilledFrom) != null ? (k.preventDefault(), !1) : (t(Zt(null)), t(oe("")), !1);
           break;
         case "Shift":
           return r(!0), !1;
@@ -661,12 +661,12 @@ const Sn = (e, n = "	") => {
         case "NumLock":
           return !1;
         case "Escape":
-          return t(bs(null)), t($e(void 0)), t(re(_)), !1;
+          return t(bs(null)), t($e(void 0)), t(oe(I)), !1;
         case "ArrowLeft":
-          if (!X)
+          if (!O)
             return t(
               _e({
-                shiftKey: se,
+                shiftKey: re,
                 numRows: p.numRows,
                 numCols: p.numCols,
                 deltaY: 0,
@@ -675,24 +675,24 @@ const Sn = (e, n = "	") => {
             ), !1;
           break;
         case "ArrowUp":
-          if (!X)
+          if (!O)
             return t(
               _e({
-                shiftKey: se,
+                shiftKey: re,
                 numRows: p.numRows,
                 numCols: p.numCols,
                 deltaY: -1,
                 deltaX: 0
               })
             ), !1;
-          if (W(k))
+          if (_(k))
             return !0;
           break;
         case "ArrowRight":
-          if (!X)
+          if (!O)
             return t(
               _e({
-                shiftKey: se,
+                shiftKey: re,
                 numRows: p.numRows,
                 numCols: p.numCols,
                 deltaY: 0,
@@ -701,21 +701,21 @@ const Sn = (e, n = "	") => {
             ), !1;
           break;
         case "ArrowDown":
-          if (!X)
+          if (!O)
             return t(
               _e({
-                shiftKey: se,
+                shiftKey: re,
                 numRows: p.numRows,
                 numCols: p.numCols,
                 deltaY: 1,
                 deltaX: 0
               })
             ), !1;
-          if (ne(k))
+          if (se(k))
             return !0;
           break;
         case "a":
-          if ((k.ctrlKey || k.metaKey) && !X)
+          if ((k.ctrlKey || k.metaKey) && !O)
             return k.preventDefault(), t(
               be({
                 startY: 1,
@@ -727,26 +727,26 @@ const Sn = (e, n = "	") => {
           break;
         case "c":
           if (k.ctrlKey || k.metaKey) {
-            if (!X) {
+            if (!O) {
               k.preventDefault();
               const ye = et(n);
-              return t(dn(Ge(ye))), H(j), !1;
+              return t(dn(Ge(ye))), L(j), !1;
             }
             return !0;
           }
           break;
         case "f":
-          if ((k.ctrlKey || k.metaKey) && !X)
-            return k.preventDefault(), typeof T > "u" && t($e("")), t(un(!1)), requestAnimationFrame(() => H(E.current)), !1;
+          if ((k.ctrlKey || k.metaKey) && !O)
+            return k.preventDefault(), typeof E > "u" && t($e("")), t(un(!1)), requestAnimationFrame(() => L(N.current)), !1;
           break;
         case "r":
         // R
         case "y":
-          if ((k.ctrlKey || k.metaKey) && !X)
-            return k.preventDefault(), t(ct(null)), requestAnimationFrame(() => t(re(""))), !1;
+          if ((k.ctrlKey || k.metaKey) && !O)
+            return k.preventDefault(), t(ct(null)), requestAnimationFrame(() => t(oe(""))), !1;
           break;
         case "s":
-          if ((k.ctrlKey || k.metaKey) && !X)
+          if ((k.ctrlKey || k.metaKey) && !O)
             return k.preventDefault(), (Yt = (Le = p.registry).onSave) == null || Yt.call(Le, {
               sheet: p,
               points: {
@@ -767,91 +767,91 @@ const Sn = (e, n = "	") => {
             return k.stopPropagation(), !1;
           break;
         case "x":
-          if ((k.ctrlKey || k.metaKey) && !X) {
+          if ((k.ctrlKey || k.metaKey) && !O) {
             k.preventDefault();
             const ye = et(n);
-            return t(cn(Ge(ye))), H(j), !1;
+            return t(cn(Ge(ye))), L(j), !1;
           }
           break;
         case "z":
-          if ((k.ctrlKey || k.metaKey) && !X)
+          if ((k.ctrlKey || k.metaKey) && !O)
             return k.preventDefault(), k.shiftKey ? t(ct(null)) : t(an(null)), !1;
           break;
         case ";":
-          (k.ctrlKey || k.metaKey) && (X || (k.preventDefault(), ee((/* @__PURE__ */ new Date()).toDateString())));
+          (k.ctrlKey || k.metaKey) && (O || (k.preventDefault(), J((/* @__PURE__ */ new Date()).toDateString())));
           break;
       }
-      return k.ctrlKey || k.metaKey ? !1 : O.hasOperation(Q == null ? void 0 : Q.prevention, O.Write) ? (console.warn("This cell is protected from writing."), !1) : (t(ue(U)), X || t(re("")), L(0), !1);
+      return k.ctrlKey || k.metaKey ? !1 : H.hasOperation(Q == null ? void 0 : Q.prevention, H.Write) ? (console.warn("This cell is protected from writing."), !1) : (t(de(W)), O || t(oe("")), B(0), !1);
     },
     [
       Mt,
-      X,
-      A,
-      C,
-      I,
+      O,
+      T,
+      R,
+      M,
       w,
-      _,
+      I,
       p,
       a,
       n,
       Q,
-      U,
-      ee,
-      T,
-      u
+      W,
+      J,
+      E,
+      d
     ]
-  ), Kn = M(
+  ), Kn = A(
     (k) => {
       f(!0), p && (p.registry.lastFocused = k.currentTarget);
     },
     [p]
-  ), Zn = M(
+  ), Zn = A(
     (k) => {
-      if (O.hasOperation(Q == null ? void 0 : Q.prevention, O.Write)) {
+      if (H.hasOperation(Q == null ? void 0 : Q.prevention, H.Write)) {
         console.warn("This cell is protected from writing.");
         return;
       }
       const j = k.currentTarget;
-      X || (t(re(R)), t(ue(U)), requestAnimationFrame(() => {
+      O || (t(oe(Y)), t(de(W)), requestAnimationFrame(() => {
         j.style.width = `${j.scrollWidth}px`, j.style.height = `${j.scrollHeight}px`;
-        const se = new String(R).length;
-        j.setSelectionRange(se, se);
+        const re = new String(Y).length;
+        j.setSelectionRange(re, re);
       }));
     },
-    [Q, X, R, U]
-  ), Un = M(
+    [Q, O, Y, W]
+  ), Un = A(
     (k) => {
       if (f(!1), nn(k.currentTarget))
         return !0;
-      X && ee(k.currentTarget.value), t(ue(""));
+      O && J(k.currentTarget.value), t(de(""));
     },
-    [X, ee, t]
-  ), zn = M(
+    [O, J, t]
+  ), zn = A(
     (k) => {
-      O.hasOperation(Q == null ? void 0 : Q.prevention, O.Write) || (t(re(k.currentTarget.value)), i(k.currentTarget.selectionStart), L(0));
+      H.hasOperation(Q == null ? void 0 : Q.prevention, H.Write) || (t(oe(k.currentTarget.value)), i(k.currentTarget.selectionStart), B(0));
     },
     [Q]
-  ), Wn = M(
+  ), Wn = A(
     (k) => {
-      var ce, Oe, Ae, He;
-      if (X)
+      var ue, Oe, Ae, He;
+      if (O)
         return !0;
-      const j = s, se = (Oe = (ce = k.clipboardData) == null ? void 0 : ce.getData) == null ? void 0 : Oe.call(ce, "text/html");
-      if (se)
-        t(dt({ matrix: Cn(se), onlyValue: j }));
+      const j = s, re = (Oe = (ue = k.clipboardData) == null ? void 0 : ue.getData) == null ? void 0 : Oe.call(ue, "text/html");
+      if (re)
+        t(dt({ matrix: Cn(re), onlyValue: j }));
       else {
         const Le = (He = (Ae = k.clipboardData) == null ? void 0 : Ae.getData) == null ? void 0 : He.call(Ae, "text/plain");
         Le ? t(dt({ matrix: Sn(Le), onlyValue: j })) : console.warn("No clipboard data found.");
       }
       return k.preventDefault(), k.stopPropagation(), !1;
     },
-    [X, s]
-  ), _n = M(
+    [O, s]
+  ), _n = A(
     (k) => {
-      var se, ce;
+      var re, ue;
       r(!1);
-      const j = de(n.selectingZone);
-      (ce = p == null ? void 0 : (se = p.registry).onKeyUp) == null || ce.call(se, {
+      const j = ge(n.selectingZone);
+      (ue = p == null ? void 0 : (re = p.registry).onKeyUp) == null || ue.call(re, {
         e: k,
         points: {
           pointing: a,
@@ -861,19 +861,19 @@ const Sn = (e, n = "	") => {
       });
     },
     [n.selectingZone, a, p]
-  ), jn = M(
+  ), jn = A(
     (k, j) => (pe(j), k.preventDefault(), k.stopPropagation(), !1),
     [pe]
   );
   return p ? /* @__PURE__ */ F(
     st,
     {
-      className: `gs-editor ${X ? "gs-editing" : ""}`,
-      style: X ? { top: Ee, left: We, height: Tt } : {},
+      className: `gs-editor ${O ? "gs-editing" : ""}`,
+      style: O ? { top: xe, left: We, height: Tt } : {},
       "data-mode": e,
-      "data-sheet-id": P,
+      "data-sheet-id": X,
       children: [
-        /* @__PURE__ */ c("div", { className: `gs-cell-label ${X ? " gs-hidden" : ""}`, children: U }),
+        /* @__PURE__ */ c("div", { className: `gs-cell-label ${O ? " gs-hidden" : ""}`, children: W }),
         /* @__PURE__ */ F("div", { className: "gs-editor-inner", style: { width: At }, children: [
           /* @__PURE__ */ c(
             "pre",
@@ -881,28 +881,28 @@ const Sn = (e, n = "	") => {
               className: "gs-editor-hl",
               style: {
                 //...cell?.style,
-                height: (It = N.current) == null ? void 0 : It.scrollHeight,
-                width: (((Ft = N.current) == null ? void 0 : Ft.scrollWidth) ?? 0) - 4
+                height: (It = S.current) == null ? void 0 : It.scrollHeight,
+                width: (((Ft = S.current) == null ? void 0 : Ft.scrollWidth) ?? 0) - 4
               },
-              children: (Q == null ? void 0 : Q.formulaEnabled) ?? !0 ? Nn(u) : u
+              children: (Q == null ? void 0 : Q.formulaEnabled) ?? !0 ? Nn(d) : d
             }
           ),
           /* @__PURE__ */ c(
             "textarea",
             {
-              "data-sheet-id": P,
+              "data-sheet-id": X,
               name: "gs-editor-input",
               "data-size": "small",
               autoFocus: !0,
               spellCheck: !1,
               draggable: !1,
-              ref: N,
+              ref: S,
               rows: Ln,
               onFocus: Kn,
               style: { minWidth: At, minHeight: Tt },
               onDoubleClick: Zn,
               onBlur: Un,
-              value: u,
+              value: d,
               onChange: zn,
               onSelect: x,
               onPaste: Wn,
@@ -949,13 +949,13 @@ const Sn = (e, n = "	") => {
             },
             h
           );
-        const u = De[t % De.length];
+        const d = De[t % De.length];
         return s[f] = t++, /* @__PURE__ */ c(
           ot,
           {
             token: o,
             tokenKey: h,
-            color: u,
+            color: d,
             className: `gs-token-type-${o.type}`
           },
           h
@@ -972,9 +972,9 @@ const Sn = (e, n = "	") => {
       );
     })
   ] });
-}, En = on({});
+}, xn = on({});
 function Cr() {
-  const [e, n] = J(void 0), [t, s] = J();
+  const [e, n] = te(void 0), [t, s] = te();
   return {
     provided: !0,
     store: e,
@@ -983,13 +983,13 @@ function Cr() {
     setApply: s
   };
 }
-function xn() {
-  const e = ie(En);
+function En() {
+  const e = le(xn);
   return (e == null ? void 0 : e.provided) == null ? [!1, e] : [!0, e];
 }
 function Sr({ children: e, context: n }) {
-  const [t] = xn();
-  return t ? /* @__PURE__ */ c(we, { children: e }) : /* @__PURE__ */ c(En.Provider, { value: n, children: e });
+  const [t] = En();
+  return t ? /* @__PURE__ */ c(we, { children: e }) : /* @__PURE__ */ c(xn.Provider, { value: n, children: e });
 }
 const As = ({
   sheetName: e,
@@ -1000,15 +1000,15 @@ const As = ({
   editingOnEnter: o,
   mode: i
 }) => {
-  const { store: h, dispatch: f } = ie(le), { sheetReactive: a } = h, u = a.current;
-  Z(() => {
-    u && e && e !== u.name && (u.name = e, u.registry.sheetIdsByName[e] = u.id, delete u.registry.sheetIdsByName[u.prevName], u.prevName = e);
-  }, [e]), Z(() => {
-    if (!u)
+  const { store: h, dispatch: f } = le(ae), { sheetReactive: a } = h, d = a.current;
+  z(() => {
+    d && e && e !== d.name && (d.name = e, d.registry.sheetIdsByName[e] = d.id, delete d.registry.sheetIdsByName[d.prevName], d.prevName = e);
+  }, [e]), z(() => {
+    if (!d)
       return;
-    const { registry: d } = u;
-    requestAnimationFrame(() => d.boot()), d.contextsBySheetId[u.id] = { store: h, dispatch: f }, d.transmit(), s && (s.current = {
-      sheet: u,
+    const { registry: g } = d;
+    requestAnimationFrame(() => g.boot()), g.contextsBySheetId[d.id] = { store: h, dispatch: f }, g.transmit(), s && (s.current = {
+      sheet: d,
       apply: (m) => {
         f(Ue(m));
       }
@@ -1019,21 +1019,21 @@ const As = ({
       },
       dispatch: f
     });
-  }, [h, u, s, r]), Z(() => {
+  }, [h, d, s, r]), z(() => {
     n && f(Se({ sheetHeight: n }));
-  }, [n, f]), Z(() => {
+  }, [n, f]), z(() => {
     t && f(Se({ sheetWidth: t }));
-  }, [t]), Z(() => {
+  }, [t]), z(() => {
     typeof o < "u" && f(Se({ editingOnEnter: o }));
-  }, [o]), Z(() => {
+  }, [o]), z(() => {
     i && f(Se({ mode: i }));
   }, [i]);
-  const [w, b] = xn();
-  return Z(() => {
+  const [w, b] = En();
+  return z(() => {
     w && (b.setStore(h), b.setApply(() => f));
   }, [h, w, b]), /* @__PURE__ */ c(we, {});
 }, Ms = () => {
-  const { store: e, dispatch: n } = ie(le), {
+  const { store: e, dispatch: n } = le(ae), {
     resizingPositionY: t,
     resizingPositionX: s,
     sheetReactive: r,
@@ -1042,65 +1042,65 @@ const As = ({
     selectingZone: h,
     editorRef: f,
     mainRef: a
-  } = e, u = r.current, [w, b, d] = t, [m, y, D] = s;
-  if (a.current == null || f.current == null || !u)
+  } = e, d = r.current, [w, b, g] = t, [m, y, D] = s;
+  if (a.current == null || f.current == null || !d)
     return /* @__PURE__ */ c("div", { className: "gs-resizing gs-hidden" });
-  const T = u.getCell({ y: w === -1 ? 0 : w, x: m === -1 ? 0 : m }, { resolution: "SYSTEM" }), { y: N, x: Y } = a.current.getBoundingClientRect(), E = (T == null ? void 0 : T.width) || yt, I = (T == null ? void 0 : T.height) || vt, $ = E + (D - y), P = I + (d - b);
+  const E = d.getCell({ y: w === -1 ? 0 : w, x: m === -1 ? 0 : m }, { resolution: "SYSTEM" }), { y: S, x: $ } = a.current.getBoundingClientRect(), N = (E == null ? void 0 : E.width) || yt, M = (E == null ? void 0 : E.height) || vt, P = N + (D - y), X = M + (g - b);
   return /* @__PURE__ */ F(
     "div",
     {
       className: `gs-resizing ${w === -1 && m === -1 ? "gs-hidden" : ""}`,
       onMouseUp: () => {
-        const l = de(h), { top: g, left: v, bottom: x, right: A } = l, C = {};
+        const l = ge(h), { top: u, left: v, bottom: x, right: T } = l, R = {};
         if (m !== -1) {
-          let L = [m];
-          i && Te({ start: v, end: A }, m) && (L = Pt(v, A + 1)), L.forEach((q) => {
-            C[Ne({ y: 0, x: q })] = { width: $ };
+          let B = [m];
+          i && Te({ start: v, end: T }, m) && (B = Pt(v, T + 1)), B.forEach((q) => {
+            R[Ne({ y: 0, x: q })] = { width: P };
           });
         }
         if (w !== -1) {
-          let L = [w];
-          o && Te({ start: g, end: x }, w) && (L = Pt(g, x + 1)), L.forEach((q) => {
-            C[Ne({ y: q, x: 0 })] = { height: P };
+          let B = [w];
+          o && Te({ start: u, end: x }, w) && (B = Pt(u, x + 1)), B.forEach((q) => {
+            R[Ne({ y: q, x: 0 })] = { height: X };
           });
         }
-        u.update({
-          diff: C,
+        d.update({
+          diff: R,
           partial: !0,
           operator: "USER",
-          undoReflection: { selectingZone: h, sheetId: u.id }
+          undoReflection: { selectingZone: h, sheetId: d.id }
         }), n(
           Se({
-            sheetReactive: { current: u }
+            sheetReactive: { current: d }
           })
-        ), n(gt([-1, -1, -1])), n(ht([-1, -1, -1])), H(f.current);
+        ), n(gt([-1, -1, -1])), n(ht([-1, -1, -1])), L(f.current);
       },
       onMouseMove: (l) => {
         if (w !== -1) {
-          let g = l.clientY;
-          const v = I + (g - b);
-          v < Xt && (g += Xt - v), n(gt([w, b, g]));
+          let u = l.clientY;
+          const v = M + (u - b);
+          v < Xt && (u += Xt - v), n(gt([w, b, u]));
         } else if (m !== -1) {
-          let g = l.clientX;
-          const v = E + (g - y);
-          v < Ot && (g += Ot - v), n(ht([m, y, g]));
+          let u = l.clientX;
+          const v = N + (u - y);
+          v < Ot && (u += Ot - v), n(ht([m, y, u]));
         }
       },
       children: [
-        /* @__PURE__ */ c("div", { className: `gs-line-vertical ${m === -1 ? "gs-hidden" : ""}`, children: /* @__PURE__ */ c("div", { className: "gs-line", style: { width: 1, height: "100%", left: D - Y }, children: /* @__PURE__ */ F("span", { style: { left: "-50%" }, children: [
-          $,
+        /* @__PURE__ */ c("div", { className: `gs-line-vertical ${m === -1 ? "gs-hidden" : ""}`, children: /* @__PURE__ */ c("div", { className: "gs-line", style: { width: 1, height: "100%", left: D - $ }, children: /* @__PURE__ */ F("span", { style: { left: "-50%" }, children: [
+          P,
           "px"
         ] }) }) }),
-        /* @__PURE__ */ c("div", { className: `gs-line-horizontal ${w === -1 ? "gs-hidden" : ""}`, children: /* @__PURE__ */ c("div", { className: "gs-line", style: { width: "100%", height: 1, top: d - N }, children: /* @__PURE__ */ F("span", { style: { top: "-50%" }, children: [
-          P,
+        /* @__PURE__ */ c("div", { className: `gs-line-horizontal ${w === -1 ? "gs-hidden" : ""}`, children: /* @__PURE__ */ c("div", { className: "gs-line", style: { width: "100%", height: 1, top: g - S }, children: /* @__PURE__ */ F("span", { style: { top: "-50%" }, children: [
+          X,
           "px"
         ] }) }) })
       ]
     }
   );
 }, Ds = () => {
-  const { store: e } = ie(le), { choosing: n, selectingZone: t, sheetReactive: s } = e, r = s.current;
-  return Z(() => {
+  const { store: e } = le(ae), { choosing: n, selectingZone: t, sheetReactive: s } = e, r = s.current;
+  return z(() => {
     r != null && r.isInitialized && r.currentVersion > 0 && r.registry.onChange && r.registry.onChange({
       sheet: r,
       points: {
@@ -1109,7 +1109,7 @@ const As = ({
         selectingTo: { y: t.endY, x: t.endX }
       }
     });
-  }, [s]), Z(() => {
+  }, [s]), z(() => {
     r && r.registry.onSelect && r.registry.onSelect({
       sheet: r,
       points: {
@@ -1121,10 +1121,10 @@ const As = ({
   }, [n, t]), null;
 }, kn = async ({ store: e, dispatch: n }) => {
   const { editorRef: t } = e, s = et(e);
-  n(dn(Ge(s))), H(t.current);
+  n(dn(Ge(s))), L(t.current);
 }, Tn = async ({ store: e, dispatch: n }) => {
   const { editorRef: t } = e, s = et(e);
-  n(cn(Ge(s))), H(t.current);
+  n(cn(Ge(s))), L(t.current);
 }, An = async ({ store: e, dispatch: n }, t = !1) => {
   const { editorRef: s } = e, r = await navigator.clipboard.read();
   let o = [];
@@ -1144,56 +1144,56 @@ const As = ({
       }
     }
   }
-  n(dt({ matrix: o, onlyValue: t })), H(s.current);
+  n(dt({ matrix: o, onlyValue: t })), L(s.current);
 }, Mn = async ({ store: e, dispatch: n }) => {
   const { editorRef: t } = e;
-  n(an(null)), H(t.current);
+  n(an(null)), L(t.current);
 }, Dn = async ({ store: e, dispatch: n }) => {
   const { editorRef: t } = e;
-  n(ct(null)), H(t.current);
+  n(ct(null)), L(t.current);
 }, Is = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { top: r } = de(t), o = te(t).rows;
-  n(yn({ numRows: o, y: r, operator: "USER" })), H(s.current);
+  const { selectingZone: t, editorRef: s } = e, { top: r } = ge(t), o = ne(t).rows;
+  n(yn({ numRows: o, y: r, operator: "USER" })), L(s.current);
 }, Fs = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { bottom: r } = de(t), o = te(t).rows;
-  n(pn({ numRows: o, y: r, operator: "USER" })), H(s.current);
+  const { selectingZone: t, editorRef: s } = e, { bottom: r } = ge(t), o = ne(t).rows;
+  n(pn({ numRows: o, y: r, operator: "USER" })), L(s.current);
 }, Ys = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { left: r } = de(t), o = te(t).cols;
-  n(mn({ numCols: o, x: r, operator: "USER" })), H(s.current);
+  const { selectingZone: t, editorRef: s } = e, { left: r } = ge(t), o = ne(t).cols;
+  n(mn({ numCols: o, x: r, operator: "USER" })), L(s.current);
 }, $s = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { right: r } = de(t), o = te(t).cols;
-  n(fn({ numCols: o, x: r, operator: "USER" })), H(s.current);
+  const { selectingZone: t, editorRef: s } = e, { right: r } = ge(t), o = ne(t).cols;
+  n(fn({ numCols: o, x: r, operator: "USER" })), L(s.current);
 }, Ps = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { top: r } = de(t), o = te(t).rows;
-  n(hn({ numRows: o, y: r, operator: "USER" })), H(s.current);
+  const { selectingZone: t, editorRef: s } = e, { top: r } = ge(t), o = ne(t).rows;
+  n(hn({ numRows: o, y: r, operator: "USER" })), L(s.current);
 }, Xs = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { left: r } = de(t), o = te(t).cols;
-  n(gn({ numCols: o, x: r, operator: "USER" })), H(s.current);
+  const { selectingZone: t, editorRef: s } = e, { left: r } = ge(t), o = ne(t).cols;
+  n(gn({ numCols: o, x: r, operator: "USER" })), L(s.current);
 }, In = async ({ store: e, dispatch: n }, t) => {
   const s = e.sheetReactive.current;
-  s && (s.hasPendingCells() || s.registry.asyncPending.size > 0) && await s.waitForPending(), n(Rt({ x: t, direction: "asc" })), H(e.editorRef.current);
+  s && (s.hasPendingCells() || s.registry.asyncPending.size > 0) && await s.waitForPending(), n(Rt({ x: t, direction: "asc" })), L(e.editorRef.current);
 }, Fn = async ({ store: e, dispatch: n }, t) => {
   const s = e.sheetReactive.current;
-  s && (s.hasPendingCells() || s.registry.asyncPending.size > 0) && await s.waitForPending(), n(Rt({ x: t, direction: "desc" })), H(e.editorRef.current);
+  s && (s.hasPendingCells() || s.registry.asyncPending.size > 0) && await s.waitForPending(), n(Rt({ x: t, direction: "desc" })), L(e.editorRef.current);
 }, Yn = async ({ store: e, dispatch: n }, t, s) => {
   const r = e.sheetReactive.current;
-  r && (r.hasPendingCells() || r.registry.asyncPending.size > 0) && await r.waitForPending(), n(Fe({ x: t, filter: s })), H(e.editorRef.current);
+  r && (r.hasPendingCells() || r.registry.asyncPending.size > 0) && await r.waitForPending(), n(Fe({ x: t, filter: s })), L(e.editorRef.current);
 }, mt = async ({ store: e, dispatch: n }, t) => {
-  n(Fe({ x: t })), H(e.editorRef.current);
+  n(Fe({ x: t })), L(e.editorRef.current);
 }, $n = ({ store: e, dispatch: n }, t) => {
   const s = e.sheetReactive.current;
   if (!s)
     return;
   const r = Ne({ y: t, x: 0 }), o = s.getCell({ y: t, x: 0 }, { resolution: "SYSTEM" }), i = !(o != null && o.sortFixed) || void 0;
-  s.update({ diff: { [r]: { sortFixed: i } }, partial: !0 }), n(Ue(s)), H(e.editorRef.current);
+  s.update({ diff: { [r]: { sortFixed: i } }, partial: !0 }), n(Ue(s)), L(e.editorRef.current);
 }, Pn = ({ store: e, dispatch: n }, t) => {
   const s = e.sheetReactive.current;
   if (!s)
     return;
   const r = Ne({ y: t, x: 0 }), o = s.getCell({ y: t, x: 0 }, { resolution: "SYSTEM" }), i = !(o != null && o.filterFixed) || void 0;
-  s.update({ diff: { [r]: { filterFixed: i } }, partial: !0 }), n(Ue(s)), H(e.editorRef.current);
+  s.update({ diff: { [r]: { filterFixed: i } }, partial: !0 }), n(Ue(s)), L(e.editorRef.current);
 }, Xn = async ({ store: e, dispatch: n }) => {
-  typeof e.searchQuery > "u" && n($e("")), n(un(!1)), requestAnimationFrame(() => H(e.searchInputRef.current));
+  typeof e.searchQuery > "u" && n($e("")), n(un(!1)), requestAnimationFrame(() => L(e.searchInputRef.current));
 }, Nr = {
   copy: kn,
   cut: Tn,
@@ -1248,80 +1248,80 @@ const As = ({
   {
     id: "insert-rows-above",
     label: (e) => {
-      const n = te(e.selectingZone).rows;
+      const n = ne(e.selectingZone).rows;
       return `Insert ${n} row${n > 1 ? "s" : ""} above`;
     },
     visible: (e) => e.leftHeaderSelecting,
     disabled: (e) => {
-      const n = te(e.selectingZone).rows, t = e.sheet, s = t.getCell({ y: e.choosing.y, x: 0 }, { resolution: "SYSTEM" });
-      return t.maxNumRows !== -1 && t.numRows + n > t.maxNumRows || O.hasOperation(s == null ? void 0 : s.prevention, O.InsertRowsAbove);
+      const n = ne(e.selectingZone).rows, t = e.sheet, s = t.getCell({ y: e.choosing.y, x: 0 }, { resolution: "SYSTEM" });
+      return t.maxNumRows !== -1 && t.numRows + n > t.maxNumRows || H.hasOperation(s == null ? void 0 : s.prevention, H.InsertRowsAbove);
     },
-    onClick: (e) => e.insertRowsAbove(e.choosing.y, te(e.selectingZone).rows)
+    onClick: (e) => e.insertRowsAbove(e.choosing.y, ne(e.selectingZone).rows)
   },
   {
     id: "insert-rows-below",
     label: (e) => {
-      const n = te(e.selectingZone).rows;
+      const n = ne(e.selectingZone).rows;
       return `Insert ${n} row${n > 1 ? "s" : ""} below`;
     },
     visible: (e) => e.leftHeaderSelecting,
     disabled: (e) => {
-      const n = te(e.selectingZone).rows, t = e.sheet, s = t.getCell({ y: e.choosing.y, x: 0 }, { resolution: "SYSTEM" });
-      return t.maxNumRows !== -1 && t.numRows + n > t.maxNumRows || O.hasOperation(s == null ? void 0 : s.prevention, O.InsertRowsBelow);
+      const n = ne(e.selectingZone).rows, t = e.sheet, s = t.getCell({ y: e.choosing.y, x: 0 }, { resolution: "SYSTEM" });
+      return t.maxNumRows !== -1 && t.numRows + n > t.maxNumRows || H.hasOperation(s == null ? void 0 : s.prevention, H.InsertRowsBelow);
     },
-    onClick: (e) => e.insertRowsBelow(e.choosing.y, te(e.selectingZone).rows)
+    onClick: (e) => e.insertRowsBelow(e.choosing.y, ne(e.selectingZone).rows)
   },
   {
     id: "insert-cols-left",
     label: (e) => {
-      const n = te(e.selectingZone).cols;
+      const n = ne(e.selectingZone).cols;
       return `Insert ${n} column${n > 1 ? "s" : ""} left`;
     },
     visible: (e) => e.topHeaderSelecting,
     disabled: (e) => {
-      const n = te(e.selectingZone).cols, t = e.sheet, s = t.getCell({ y: 0, x: e.choosing.x }, { resolution: "SYSTEM" });
-      return t.maxNumCols !== -1 && t.numCols + n > t.maxNumCols || O.hasOperation(s == null ? void 0 : s.prevention, O.InsertColsLeft);
+      const n = ne(e.selectingZone).cols, t = e.sheet, s = t.getCell({ y: 0, x: e.choosing.x }, { resolution: "SYSTEM" });
+      return t.maxNumCols !== -1 && t.numCols + n > t.maxNumCols || H.hasOperation(s == null ? void 0 : s.prevention, H.InsertColsLeft);
     },
-    onClick: (e) => e.insertColsLeft(e.choosing.x, te(e.selectingZone).cols)
+    onClick: (e) => e.insertColsLeft(e.choosing.x, ne(e.selectingZone).cols)
   },
   {
     id: "insert-cols-right",
     label: (e) => {
-      const n = te(e.selectingZone).cols;
+      const n = ne(e.selectingZone).cols;
       return `Insert ${n} column${n > 1 ? "s" : ""} right`;
     },
     visible: (e) => e.topHeaderSelecting,
     disabled: (e) => {
-      const n = te(e.selectingZone).cols, t = e.sheet, s = t.getCell({ y: 0, x: e.choosing.x }, { resolution: "SYSTEM" });
-      return t.maxNumCols !== -1 && t.numCols + n > t.maxNumCols || O.hasOperation(s == null ? void 0 : s.prevention, O.InsertColsRight);
+      const n = ne(e.selectingZone).cols, t = e.sheet, s = t.getCell({ y: 0, x: e.choosing.x }, { resolution: "SYSTEM" });
+      return t.maxNumCols !== -1 && t.numCols + n > t.maxNumCols || H.hasOperation(s == null ? void 0 : s.prevention, H.InsertColsRight);
     },
-    onClick: (e) => e.insertColsRight(e.choosing.x, te(e.selectingZone).cols)
+    onClick: (e) => e.insertColsRight(e.choosing.x, ne(e.selectingZone).cols)
   },
   {
     id: "remove-rows",
     label: (e) => {
-      const n = te(e.selectingZone).rows;
+      const n = ne(e.selectingZone).rows;
       return `Remove ${n} row${n > 1 ? "s" : ""}`;
     },
     visible: (e) => e.leftHeaderSelecting,
     disabled: (e) => {
-      const n = te(e.selectingZone).rows, t = e.sheet, s = t.getCell({ y: e.choosing.y, x: 0 }, { resolution: "SYSTEM" });
-      return t.minNumRows !== -1 && t.numRows - n < t.minNumRows || O.hasOperation(s == null ? void 0 : s.prevention, O.RemoveRows);
+      const n = ne(e.selectingZone).rows, t = e.sheet, s = t.getCell({ y: e.choosing.y, x: 0 }, { resolution: "SYSTEM" });
+      return t.minNumRows !== -1 && t.numRows - n < t.minNumRows || H.hasOperation(s == null ? void 0 : s.prevention, H.RemoveRows);
     },
-    onClick: (e) => e.removeRows(e.choosing.y, te(e.selectingZone).rows)
+    onClick: (e) => e.removeRows(e.choosing.y, ne(e.selectingZone).rows)
   },
   {
     id: "remove-cols",
     label: (e) => {
-      const n = te(e.selectingZone).cols;
+      const n = ne(e.selectingZone).cols;
       return `Remove ${n} column${n > 1 ? "s" : ""}`;
     },
     visible: (e) => e.topHeaderSelecting,
     disabled: (e) => {
-      const n = te(e.selectingZone).cols, t = e.sheet, s = t.getCell({ y: 0, x: e.choosing.x }, { resolution: "SYSTEM" });
-      return t.minNumCols !== -1 && t.numCols - n < t.minNumCols || O.hasOperation(s == null ? void 0 : s.prevention, O.RemoveCols);
+      const n = ne(e.selectingZone).cols, t = e.sheet, s = t.getCell({ y: 0, x: e.choosing.x }, { resolution: "SYSTEM" });
+      return t.minNumCols !== -1 && t.numCols - n < t.minNumCols || H.hasOperation(s == null ? void 0 : s.prevention, H.RemoveCols);
     },
-    onClick: (e) => e.removeCols(e.choosing.x, te(e.selectingZone).cols)
+    onClick: (e) => e.removeCols(e.choosing.x, ne(e.selectingZone).cols)
   },
   { type: "divider" },
   {
@@ -1379,7 +1379,7 @@ const As = ({
     },
     disabled: (e, n) => {
       const t = Re(e, n), s = e.sheet, r = s.getCell({ y: n, x: 0 }, { resolution: "SYSTEM" });
-      return s.maxNumRows !== -1 && s.numRows + t > s.maxNumRows || O.hasOperation(r == null ? void 0 : r.prevention, O.InsertRowsAbove);
+      return s.maxNumRows !== -1 && s.numRows + t > s.maxNumRows || H.hasOperation(r == null ? void 0 : r.prevention, H.InsertRowsAbove);
     },
     onClick: (e, n) => e.insertRowsAbove(n, Re(e, n))
   },
@@ -1391,7 +1391,7 @@ const As = ({
     },
     disabled: (e, n) => {
       const t = Re(e, n), s = e.sheet, r = s.getCell({ y: n, x: 0 }, { resolution: "SYSTEM" });
-      return s.maxNumRows !== -1 && s.numRows + t > s.maxNumRows || O.hasOperation(r == null ? void 0 : r.prevention, O.InsertRowsBelow);
+      return s.maxNumRows !== -1 && s.numRows + t > s.maxNumRows || H.hasOperation(r == null ? void 0 : r.prevention, H.InsertRowsBelow);
     },
     onClick: (e, n) => e.insertRowsBelow(n, Re(e, n))
   },
@@ -1403,7 +1403,7 @@ const As = ({
     },
     disabled: (e, n) => {
       const t = Re(e, n), s = e.sheet, r = s.getCell({ y: n, x: 0 }, { resolution: "SYSTEM" });
-      return s.minNumRows !== -1 && s.numRows - t < s.minNumRows || O.hasOperation(r == null ? void 0 : r.prevention, O.RemoveRows);
+      return s.minNumRows !== -1 && s.numRows - t < s.minNumRows || H.hasOperation(r == null ? void 0 : r.prevention, H.RemoveRows);
     },
     onClick: (e, n) => e.removeRows(n, Re(e, n))
   },
@@ -1471,7 +1471,7 @@ const As = ({
     },
     disabled: (e, n) => {
       const t = Ce(e, n), s = e.sheet, r = s.getCell({ y: 0, x: n }, { resolution: "SYSTEM" });
-      return s.maxNumCols !== -1 && s.numCols + t > s.maxNumCols || O.hasOperation(r == null ? void 0 : r.prevention, O.InsertColsLeft);
+      return s.maxNumCols !== -1 && s.numCols + t > s.maxNumCols || H.hasOperation(r == null ? void 0 : r.prevention, H.InsertColsLeft);
     },
     onClick: (e, n) => e.insertColsLeft(n, Ce(e, n))
   },
@@ -1483,7 +1483,7 @@ const As = ({
     },
     disabled: (e, n) => {
       const t = Ce(e, n), s = e.sheet, r = s.getCell({ y: 0, x: n }, { resolution: "SYSTEM" });
-      return s.maxNumCols !== -1 && s.numCols + t > s.maxNumCols || O.hasOperation(r == null ? void 0 : r.prevention, O.InsertColsRight);
+      return s.maxNumCols !== -1 && s.numCols + t > s.maxNumCols || H.hasOperation(r == null ? void 0 : r.prevention, H.InsertColsRight);
     },
     onClick: (e, n) => e.insertColsRight(n, Ce(e, n))
   },
@@ -1495,7 +1495,7 @@ const As = ({
     },
     disabled: (e, n) => {
       const t = Ce(e, n), s = e.sheet, r = s.getCell({ y: 0, x: n }, { resolution: "SYSTEM" });
-      return s.minNumCols !== -1 && s.numCols - t < s.minNumCols || O.hasOperation(r == null ? void 0 : r.prevention, O.RemoveCols);
+      return s.minNumCols !== -1 && s.numCols - t < s.minNumCols || H.hasOperation(r == null ? void 0 : r.prevention, H.RemoveCols);
     },
     onClick: (e, n) => e.removeCols(n, Ce(e, n))
   },
@@ -1573,13 +1573,13 @@ function Nt(e, n, t) {
   };
 }
 const On = /* @__PURE__ */ new Map();
-function Et(e, n) {
+function xt(e, n) {
   On.set(e, n);
 }
 function Bs(e) {
   return On.get(e);
 }
-const xt = ({
+const Et = ({
   label: e,
   shortcuts: n,
   disabled: t = !1,
@@ -1603,18 +1603,18 @@ const xt = ({
         n != null && n.length > 0 && /* @__PURE__ */ c("div", { className: "gs-menu-shortcut", children: n.map((f, a) => /* @__PURE__ */ F("span", { children: [
           a > 0 && /* @__PURE__ */ c("span", { className: "gs-menu-shortcut-sep", children: ", " }),
           /* @__PURE__ */ c("span", { className: "gs-menu-shortcut-badge", children: f.split("+").map(
-            (u, w, b) => w < b.length - 1 ? /* @__PURE__ */ F("span", { children: [
-              u,
+            (d, w, b) => w < b.length - 1 ? /* @__PURE__ */ F("span", { children: [
+              d,
               "+"
-            ] }, w) : /* @__PURE__ */ c("span", { className: "gs-menu-underline", children: u }, w)
+            ] }, w) : /* @__PURE__ */ c("span", { className: "gs-menu-underline", children: d }, w)
           ) })
         ] }, a)) })
       ]
     }
   );
 }, kt = () => /* @__PURE__ */ c("li", { className: "gs-menu-divider" }), Ks = () => {
-  const { store: e, dispatch: n } = ie(le), { contextMenuPosition: t, contextMenu: s } = e, { y: r, x: o } = t, i = oe(null);
-  if (Z(() => {
+  const { store: e, dispatch: n } = le(ae), { contextMenuPosition: t, contextMenu: s } = e, { y: r, x: o } = t, i = ie(null);
+  if (z(() => {
     i.current && Jt(i.current);
   }), r === -1)
     return null;
@@ -1624,24 +1624,24 @@ const xt = ({
     {
       className: "gs-menu-modal gs-context-menu-modal",
       onClick: (a) => (a.preventDefault(), h(), !1),
-      children: /* @__PURE__ */ c("div", { ref: i, className: "gs-context-menu", style: { top: r, left: o }, children: /* @__PURE__ */ c("ul", { className: "gs-menu-items", children: s.map((a, u) => {
-        var D, T;
+      children: /* @__PURE__ */ c("div", { ref: i, className: "gs-context-menu", style: { top: r, left: o }, children: /* @__PURE__ */ c("ul", { className: "gs-menu-items", children: s.map((a, d) => {
+        var D, E;
         if (a.type === "divider")
-          return a.visible && !a.visible(f) ? null : /* @__PURE__ */ c(kt, {}, u);
+          return a.visible && !a.visible(f) ? null : /* @__PURE__ */ c(kt, {}, d);
         if (a.type === "component" || !(!a.visible || a.visible(f)))
           return null;
-        const b = ((D = a.disabled) == null ? void 0 : D.call(a, f)) ?? !1, d = typeof a.label == "function" ? a.label(f) : a.label, m = typeof a.shortcuts == "function" ? a.shortcuts(f) : a.shortcuts, y = (T = a.checked) == null ? void 0 : T.call(a, f);
+        const b = ((D = a.disabled) == null ? void 0 : D.call(a, f)) ?? !1, g = typeof a.label == "function" ? a.label(f) : a.label, m = typeof a.shortcuts == "function" ? a.shortcuts(f) : a.shortcuts, y = (E = a.checked) == null ? void 0 : E.call(a, f);
         return /* @__PURE__ */ c(
-          xt,
+          Et,
           {
-            label: d,
+            label: g,
             shortcuts: m,
             disabled: b,
             checked: y,
             testId: a.id ? `${a.id}-item` : void 0,
             onClick: () => a.onClick(f)
           },
-          u
+          d
         );
       }) }) })
     }
@@ -1658,62 +1658,62 @@ const xt = ({
   includes: "Includes",
   excludes: "Excludes"
 }, qt = ["blank", "nonblank"], je = { method: "eq", value: [""] }, Zs = ({ x: e, close: n, onWaiting: t }) => {
-  const { store: s, dispatch: r } = ie(le), { sheetReactive: o } = s, i = o.current, [h, f] = J([{ ...je }]), [a, u] = J("or"), [w, b] = J(null), d = M(
-    (S) => {
-      S && S.focus();
+  const { store: s, dispatch: r } = le(ae), { sheetReactive: o } = s, i = o.current, [h, f] = te([{ ...je }]), [a, d] = te("or"), [w, b] = te(null), g = A(
+    (C) => {
+      C && C.focus();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e]
   );
-  Z(() => {
+  z(() => {
     if (i) {
-      const S = i.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), p = S == null ? void 0 : S.filter;
-      p && p.conditions.length > 0 ? (f(p.conditions.map((l) => ({ ...l, value: [...l.value] }))), u(p.mode || "or")) : (f([{ ...je, value: [""] }]), u("or"));
+      const C = i.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), p = C == null ? void 0 : C.filter;
+      p && p.conditions.length > 0 ? (f(p.conditions.map((l) => ({ ...l, value: [...l.value] }))), d(p.mode || "or")) : (f([{ ...je, value: [""] }]), d("or"));
     }
   }, [e, i]);
-  const m = M(() => {
+  const m = A(() => {
     b(null), t == null || t(null), n();
   }, [n, t]);
-  Z(() => {
+  z(() => {
     w && (t == null || t("Filtering…", m));
-  }, [w]), Z(() => {
+  }, [w]), z(() => {
     if (!w)
       return;
-    let S = !1;
+    let C = !1;
     const p = () => {
-      if (S || !o.current)
+      if (C || !o.current)
         return;
-      const { x: v, conditions: x, mode: A } = w;
-      x.length > 0 ? r(Fe({ x: v, filter: { mode: A, conditions: x } })) : r(Fe({ x: v })), t == null || t(null), b(null), n();
+      const { x: v, conditions: x, mode: T } = w;
+      x.length > 0 ? r(Fe({ x: v, filter: { mode: T, conditions: x } })) : r(Fe({ x: v })), t == null || t(null), b(null), n();
     }, l = o.current;
     return l && (l.hasPendingCells() || l.registry.asyncPending.size > 0) ? l.waitForPending().then(p) : p(), () => {
-      S = !0;
+      C = !0;
     };
   }, [w]);
-  const y = M((S, p) => {
+  const y = A((C, p) => {
     f((l) => {
-      const g = [...l];
-      return g[S] = { ...g[S], ...p }, g;
+      const u = [...l];
+      return u[C] = { ...u[C], ...p }, u;
     });
-  }, []), D = M(() => {
-    f((S) => [...S, { ...je, value: [""] }]);
-  }, []), T = M((S) => {
-    f((p) => p.length <= 1 ? [{ ...je, value: [""] }] : p.filter((l, g) => g !== S));
-  }, []), N = M(() => {
-    const S = h.filter((p) => qt.includes(p.method) ? !0 : p.value.some((l) => l.trim() !== ""));
-    b({ x: e, conditions: S, mode: a });
-  }, [e, h, a]), Y = M(() => {
+  }, []), D = A(() => {
+    f((C) => [...C, { ...je, value: [""] }]);
+  }, []), E = A((C) => {
+    f((p) => p.length <= 1 ? [{ ...je, value: [""] }] : p.filter((l, u) => u !== C));
+  }, []), S = A(() => {
+    const C = h.filter((p) => qt.includes(p.method) ? !0 : p.value.some((l) => l.trim() !== ""));
+    b({ x: e, conditions: C, mode: a });
+  }, [e, h, a]), $ = A(() => {
     b(null), r(Fe({ x: e })), n();
-  }, [r, e, n]), E = M(() => {
+  }, [r, e, n]), N = A(() => {
     b(null), r(Fe({})), n();
   }, [r, n]);
   if (!i)
     return null;
-  const I = i.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), $ = O.hasOperation(I == null ? void 0 : I.prevention, O.Filter), P = i.hasActiveFilters();
-  return /* @__PURE__ */ c("li", { className: `gs-column-menu-filter${$ ? " gs-disabled" : ""}`, children: /* @__PURE__ */ F(we, { children: [
+  const M = i.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), P = H.hasOperation(M == null ? void 0 : M.prevention, H.Filter), X = i.hasActiveFilters();
+  return /* @__PURE__ */ c("li", { className: `gs-column-menu-filter${P ? " gs-disabled" : ""}`, children: /* @__PURE__ */ F(we, { children: [
     /* @__PURE__ */ F("div", { className: "gs-filter-header", children: [
       /* @__PURE__ */ c("div", { className: "gs-menu-name", children: "Filter:" }),
-      /* @__PURE__ */ c("button", { className: "gs-filter-add-btn", onClick: D, disabled: $, children: "+ ADD" }),
+      /* @__PURE__ */ c("button", { className: "gs-filter-add-btn", onClick: D, disabled: P, children: "+ ADD" }),
       /* @__PURE__ */ F("div", { className: `gs-filter-mode-toggle${h.length <= 1 ? " gs-disabled" : ""}`, children: [
         /* @__PURE__ */ F("label", { className: a === "and" ? "gs-active" : "", children: [
           /* @__PURE__ */ c(
@@ -1722,8 +1722,8 @@ const xt = ({
               type: "radio",
               name: "gs-filter-mode",
               checked: a === "and",
-              onChange: () => u("and"),
-              disabled: $ || h.length <= 1
+              onChange: () => d("and"),
+              disabled: P || h.length <= 1
             }
           ),
           "AND"
@@ -1735,39 +1735,39 @@ const xt = ({
               type: "radio",
               name: "gs-filter-mode",
               checked: a === "or",
-              onChange: () => u("or"),
-              disabled: $ || h.length <= 1
+              onChange: () => d("or"),
+              disabled: P || h.length <= 1
             }
           ),
           "OR"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ c("div", { className: "gs-filter-conditions", children: h.map((S, p) => /* @__PURE__ */ F("div", { className: "gs-filter-condition-row", children: [
+    /* @__PURE__ */ c("div", { className: "gs-filter-conditions", children: h.map((C, p) => /* @__PURE__ */ F("div", { className: "gs-filter-condition-row", children: [
       /* @__PURE__ */ c(
         "select",
         {
           className: "gs-filter-method-select",
-          value: S.method,
-          disabled: $,
+          value: C.method,
+          disabled: P,
           tabIndex: p * 2 + 1,
           onChange: (l) => y(p, { method: l.target.value }),
           children: Object.keys(Vt).map((l) => /* @__PURE__ */ c("option", { value: l, children: Vt[l] }, l))
         }
       ),
-      !qt.includes(S.method) && /* @__PURE__ */ c(
+      !qt.includes(C.method) && /* @__PURE__ */ c(
         "input",
         {
-          ref: p === 0 ? d : void 0,
+          ref: p === 0 ? g : void 0,
           className: "gs-filter-value-input",
           type: "text",
           placeholder: "Value",
-          value: S.value[0] || "",
-          disabled: $,
+          value: C.value[0] || "",
+          disabled: P,
           tabIndex: p * 2 + 2,
           onChange: (l) => y(p, { value: [l.target.value] }),
           onKeyDown: (l) => {
-            l.nativeEvent.isComposing || (l.key === "Enter" && N(), l.key === "Escape" && n());
+            l.nativeEvent.isComposing || (l.key === "Enter" && S(), l.key === "Escape" && n());
           }
         }
       ),
@@ -1775,42 +1775,42 @@ const xt = ({
         "button",
         {
           className: "gs-filter-remove-btn",
-          onClick: () => T(p),
-          disabled: $,
+          onClick: () => E(p),
+          disabled: P,
           title: "Remove condition",
           children: "✕"
         }
       )
     ] }, p)) }),
     /* @__PURE__ */ F("div", { className: "gs-filter-actions", children: [
-      P && /* @__PURE__ */ c("button", { className: "gs-filter-reset-all-btn", onClick: E, children: "RESET ALL" }),
+      X && /* @__PURE__ */ c("button", { className: "gs-filter-reset-all-btn", onClick: N, children: "RESET ALL" }),
       /* @__PURE__ */ F("div", { className: "gs-filter-actions-right", children: [
-        (I == null ? void 0 : I.filter) && /* @__PURE__ */ c("button", { className: "gs-filter-reset-btn", onClick: Y, children: "RESET" }),
-        /* @__PURE__ */ c("button", { className: "gs-filter-apply-btn", onClick: N, disabled: $, children: "APPLY" })
+        (M == null ? void 0 : M.filter) && /* @__PURE__ */ c("button", { className: "gs-filter-reset-btn", onClick: $, children: "RESET" }),
+        /* @__PURE__ */ c("button", { className: "gs-filter-apply-btn", onClick: S, disabled: P, children: "APPLY" })
       ] })
     ] })
   ] }) });
 };
-Et("col-filter", Zs);
+xt("col-filter", Zs);
 const Us = ({ x: e, close: n, onWaiting: t }) => {
-  const { store: s, dispatch: r } = ie(le), { sheetReactive: o } = s, i = o.current, [h, f] = J(null), a = M(() => {
+  const { store: s, dispatch: r } = le(ae), { sheetReactive: o } = s, i = o.current, [h, f] = te(null), a = A(() => {
     f(null), t == null || t(null), n();
   }, [n, t]);
-  if (Z(() => {
+  if (z(() => {
     h && (t == null || t("Sorting…", a));
-  }, [h]), Z(() => {
+  }, [h]), z(() => {
     if (!h)
       return;
     let b = !1;
-    const d = () => {
+    const g = () => {
       b || !o.current || (r(Rt({ x: h.x, direction: h.direction })), t == null || t(null), f(null), n());
     }, m = o.current;
-    return m && (m.hasPendingCells() || m.registry.asyncPending.size > 0) ? m.waitForPending().then(d) : d(), () => {
+    return m && (m.hasPendingCells() || m.registry.asyncPending.size > 0) ? m.waitForPending().then(g) : g(), () => {
       b = !0;
     };
   }, [h]), !i)
     return null;
-  const u = i.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), w = O.hasOperation(u == null ? void 0 : u.prevention, O.Sort);
+  const d = i.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), w = H.hasOperation(d == null ? void 0 : d.prevention, H.Sort);
   return /* @__PURE__ */ F("li", { className: `gs-menu-item gs-column-menu-sort${w ? " gs-disabled" : ""}`, children: [
     /* @__PURE__ */ c("div", { className: "gs-menu-name", children: "Sort:" }),
     /* @__PURE__ */ F("div", { className: "gs-sort-buttons", children: [
@@ -1839,21 +1839,21 @@ const Us = ({ x: e, close: n, onWaiting: t }) => {
     ] })
   ] });
 };
-Et("col-sort", Us);
+xt("col-sort", Us);
 const zs = ({ x: e, close: n }) => {
-  const { store: t, dispatch: s } = ie(le), { sheetReactive: r } = t, o = r.current, i = oe(null), [h, f] = J("");
-  Z(() => {
+  const { store: t, dispatch: s } = le(ae), { sheetReactive: r } = t, o = r.current, i = ie(null), [h, f] = te("");
+  z(() => {
     if (o) {
-      const d = o.getCell({ y: 0, x: e }, { resolution: "SYSTEM" });
-      f((d == null ? void 0 : d.label) ?? "");
+      const g = o.getCell({ y: 0, x: e }, { resolution: "SYSTEM" });
+      f((g == null ? void 0 : g.label) ?? "");
     }
   }, [e, o]);
-  const a = M(() => {
+  const a = A(() => {
     if (!o)
       return;
-    const d = Ne({ y: 0, x: e });
+    const g = Ne({ y: 0, x: e });
     o.update({
-      diff: { [d]: { label: h || void 0 } },
+      diff: { [g]: { label: h || void 0 } },
       partial: !0,
       ignoreFields: [],
       undoReflection: {
@@ -1870,7 +1870,7 @@ const zs = ({ x: e, close: n }) => {
   }, [s, e, h, n, o, t.selectingZone, t.choosing]);
   if (!o)
     return null;
-  const u = o.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), w = O.hasOperation(u == null ? void 0 : u.prevention, O.SetLabel), b = bt(o, u == null ? void 0 : u.label, { y: 0, x: e }, e) ?? me(e);
+  const d = o.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), w = H.hasOperation(d == null ? void 0 : d.prevention, H.SetLabel), b = bt(o, d == null ? void 0 : d.label, { y: 0, x: e }, e) ?? me(e);
   return /* @__PURE__ */ c("li", { className: `gs-menu-item gs-column-menu-label${w ? " gs-disabled" : ""}`, children: /* @__PURE__ */ F("label", { className: "gs-label-input-row", children: [
     /* @__PURE__ */ c("div", { className: "gs-label-input-label", children: "Label:" }),
     /* @__PURE__ */ c(
@@ -1882,62 +1882,62 @@ const zs = ({ x: e, close: n }) => {
         placeholder: b,
         value: h,
         disabled: w,
-        onChange: (d) => f(d.target.value),
-        onKeyDown: (d) => {
-          d.nativeEvent.isComposing || (d.key === "Enter" && a(), d.key === "Escape" && n());
+        onChange: (g) => f(g.target.value),
+        onKeyDown: (g) => {
+          g.nativeEvent.isComposing || (g.key === "Enter" && a(), g.key === "Escape" && n());
         }
       }
     ),
     /* @__PURE__ */ c("button", { className: "gs-label-apply-btn", onClick: a, disabled: w, children: "UPDATE" })
   ] }) });
 };
-Et("col-label", zs);
+xt("col-label", zs);
 const Ws = () => {
-  const { store: e, dispatch: n } = ie(le), { columnMenuState: t, editorRef: s, colMenu: r } = e, o = e.sheetReactive.current, i = t == null ? void 0 : t.x, h = t == null ? void 0 : t.position, [f, a] = J(null), u = M(() => {
-    n(Je(null)), H(s.current);
-  }, [n, s]), w = M(
-    (d, m) => {
-      a(d ? { message: d, cancel: m ?? u } : null);
+  const { store: e, dispatch: n } = le(ae), { columnMenuState: t, editorRef: s, colMenu: r } = e, o = e.sheetReactive.current, i = t == null ? void 0 : t.x, h = t == null ? void 0 : t.position, [f, a] = te(null), d = A(() => {
+    n(Je(null)), L(s.current);
+  }, [n, s]), w = A(
+    (g, m) => {
+      a(g ? { message: g, cancel: m ?? d } : null);
     },
-    [u]
+    [d]
   );
   if (!t || !o || i == null || !h)
     return null;
-  const b = Nt(e, n, u);
+  const b = Nt(e, n, d);
   return /* @__PURE__ */ F(
     st,
     {
       className: "gs-menu-modal gs-column-menu-modal",
-      onClick: (d) => (d.preventDefault(), f || u(), !1),
+      onClick: (g) => (g.preventDefault(), f || d(), !1),
       children: [
         /* @__PURE__ */ c(
           "div",
           {
             className: "gs-column-menu",
             style: { top: h.y, left: h.x, display: f ? "none" : void 0 },
-            onClick: (d) => d.stopPropagation(),
-            children: /* @__PURE__ */ c("ul", { className: "gs-menu-items", children: r.map((d, m) => {
-              var Y;
-              if (d.type === "component") {
-                if (!(!d.visible || d.visible(b, i)))
+            onClick: (g) => g.stopPropagation(),
+            children: /* @__PURE__ */ c("ul", { className: "gs-menu-items", children: r.map((g, m) => {
+              var $;
+              if (g.type === "component") {
+                if (!(!g.visible || g.visible(b, i)))
                   return null;
-                const I = Bs(d.componentId);
-                return I ? /* @__PURE__ */ c(I, { x: i, close: u, onWaiting: w }, m) : null;
+                const M = Bs(g.componentId);
+                return M ? /* @__PURE__ */ c(M, { x: i, close: d, onWaiting: w }, m) : null;
               }
-              if (d.type === "divider")
-                return d.visible && !d.visible(b) ? null : /* @__PURE__ */ c(kt, {}, m);
-              if (!(!d.visible || d.visible(b, i)))
+              if (g.type === "divider")
+                return g.visible && !g.visible(b) ? null : /* @__PURE__ */ c(kt, {}, m);
+              if (!(!g.visible || g.visible(b, i)))
                 return null;
-              const D = ((Y = d.disabled) == null ? void 0 : Y.call(d, b, i)) ?? !1, T = typeof d.label == "function" ? d.label(b, i) : d.label, N = typeof d.shortcuts == "function" ? d.shortcuts(b, i) : d.shortcuts;
+              const D = (($ = g.disabled) == null ? void 0 : $.call(g, b, i)) ?? !1, E = typeof g.label == "function" ? g.label(b, i) : g.label, S = typeof g.shortcuts == "function" ? g.shortcuts(b, i) : g.shortcuts;
               return /* @__PURE__ */ c(
-                xt,
+                Et,
                 {
-                  label: T,
-                  shortcuts: N,
+                  label: E,
+                  shortcuts: S,
                   disabled: D,
-                  testId: d.id ? `${d.id}-item` : void 0,
+                  testId: g.id ? `${g.id}-item` : void 0,
                   onClick: () => {
-                    d.onClick(b, i), n(Je(null));
+                    g.onClick(b, i), n(Je(null));
                   }
                 },
                 m
@@ -1950,7 +1950,7 @@ const Ws = () => {
           {
             className: "gs-column-menu gs-column-menu-waiting",
             style: { top: h.y, left: h.x },
-            onClick: (d) => d.stopPropagation(),
+            onClick: (g) => g.stopPropagation(),
             children: [
               /* @__PURE__ */ c("div", { className: "gs-waiting-message", children: f.message }),
               /* @__PURE__ */ c("div", { className: "gs-waiting-spinner" }),
@@ -1963,14 +1963,14 @@ const Ws = () => {
   );
 };
 function _s(e, n, t, s, r) {
-  var u;
+  var d;
   if (e.type === "divider")
     return /* @__PURE__ */ c(kt, {}, s);
   if (e.type === "component" || !(!e.visible || e.visible(n, t)))
     return null;
-  const i = ((u = e.disabled) == null ? void 0 : u.call(e, n, t)) ?? !1, h = typeof e.label == "function" ? e.label(n, t) : e.label, f = typeof e.shortcuts == "function" ? e.shortcuts(n, t) : e.shortcuts, a = e.checked != null ? e.checked(n, t) : void 0;
+  const i = ((d = e.disabled) == null ? void 0 : d.call(e, n, t)) ?? !1, h = typeof e.label == "function" ? e.label(n, t) : e.label, f = typeof e.shortcuts == "function" ? e.shortcuts(n, t) : e.shortcuts, a = e.checked != null ? e.checked(n, t) : void 0;
   return /* @__PURE__ */ c(
-    xt,
+    Et,
     {
       label: h,
       shortcuts: f,
@@ -1985,18 +1985,18 @@ function _s(e, n, t, s, r) {
   );
 }
 const js = () => {
-  const { store: e, dispatch: n } = ie(le), { rowMenuState: t, sheetReactive: s, editorRef: r, rowMenu: o } = e, i = s.current, h = t == null ? void 0 : t.y, f = t == null ? void 0 : t.position, a = () => {
-    n(ft(null)), H(r.current);
+  const { store: e, dispatch: n } = le(ae), { rowMenuState: t, sheetReactive: s, editorRef: r, rowMenu: o } = e, i = s.current, h = t == null ? void 0 : t.y, f = t == null ? void 0 : t.position, a = () => {
+    n(ft(null)), L(r.current);
   };
   if (!t || !i || h == null || !f)
     return null;
-  const u = Nt(e, n, a);
+  const d = Nt(e, n, a);
   return /* @__PURE__ */ c(
     st,
     {
       className: "gs-menu-modal gs-row-menu-modal",
       onClick: (w) => (w.preventDefault(), a(), !1),
-      children: /* @__PURE__ */ c("div", { className: "gs-row-menu", style: { top: f.y, left: f.x }, onClick: (w) => w.stopPropagation(), children: /* @__PURE__ */ c("ul", { className: "gs-menu-items", children: o.map((w, b) => _s(w, u, h, b, a)) }) })
+      children: /* @__PURE__ */ c("div", { className: "gs-row-menu", style: { top: f.y, left: f.x }, onClick: (w) => w.stopPropagation(), children: /* @__PURE__ */ c("ul", { className: "gs-menu-items", children: o.map((w, b) => _s(w, d, h, b, a)) }) })
     }
   );
 }, Xe = (e) => {
@@ -2010,157 +2010,158 @@ const js = () => {
 }, he = (e) => {
   e.type.startsWith("touch") || e.preventDefault();
 }, Vs = tt(({ y: e, x: n }) => {
-  const t = ve(e), r = `${me(n)}${t}`, { store: o, dispatch: i } = ie(le), h = oe(!0), f = oe(null), [a, u] = J(null), {
+  var Y;
+  const t = ve(e), r = `${me(n)}${t}`, { store: o, dispatch: i } = le(ae), h = ie(!0), f = ie(null), [a, d] = te(null), {
     sheetReactive: w,
     editingAddress: b,
-    choosing: d,
+    choosing: g,
     selectingZone: m,
     leftHeaderSelecting: y,
     topHeaderSelecting: D,
-    editorRef: T,
-    autofillDraggingTo: N,
-    contextMenu: Y
-  } = o, E = w.current, I = nt(o), $ = E == null ? void 0 : E.registry.lastFocused, P = de(m), S = b === r, p = d.y === e && d.x === n, l = M(() => {
-    var _;
-    const R = (_ = f.current) == null ? void 0 : _.getBoundingClientRect();
-    if (R == null)
+    editorRef: E,
+    autofillDraggingTo: S,
+    contextMenu: $
+  } = o, N = w.current, M = nt(o), P = N == null ? void 0 : N.registry.lastFocused, X = ge(m), C = b === r, p = g.y === e && g.x === n, l = A(() => {
+    var ee;
+    const I = (ee = f.current) == null ? void 0 : ee.getBoundingClientRect();
+    if (I == null)
       return null;
     i(
       ws({
-        y: R.y,
-        x: R.x,
-        height: R.height,
-        width: R.width
+        y: I.y,
+        x: I.x,
+        height: I.height,
+        width: I.width
       })
     );
   }, [i]);
-  Z(() => {
+  z(() => {
     if (p && !h.current) {
       l();
       return;
     }
     h.current = !1;
-  }, [p, S, l]);
-  const g = E == null ? void 0 : E.getCell({ y: e, x: n }, { resolution: "SYSTEM" }), v = M(
-    (R) => {
-      i(Ze({ value: R }));
+  }, [p, C, l]);
+  const u = N == null ? void 0 : N.getCell({ y: e, x: n }, { resolution: "SYSTEM" }), v = A(
+    (I) => {
+      i(Ze({ value: I }));
     },
     [i]
-  ), x = M(
-    (R) => {
-      i(Se({ sheetReactive: { current: R.__raw__ } }));
+  ), x = A(
+    (I) => {
+      i(Se({ sheetReactive: { current: I.__raw__ } }));
     },
     [i]
   );
-  let A = "", C;
+  let T = "", R;
   try {
-    E && (C = E.render({ sheet: E, point: { y: e, x: n }, apply: x, value: void 0 }));
-  } catch (R) {
-    Jn.is(R) ? (A = R.message, C = R.code) : (A = R.message, C = "#UNKNOWN");
+    N && (R = N.render({ sheet: N, point: { y: e, x: n }, apply: x, value: void 0 }));
+  } catch (I) {
+    Jn.is(I) ? (T = I.message, R = I.code) : (T = I.message, R = "#UNKNOWN");
   }
-  const [, L] = (E == null ? void 0 : E.getSolvedCache({ y: e, x: n })) ?? [void 0, void 0], q = es.is(L), W = T.current, ne = !!(E != null && E.registry.editingAddress || b), ae = M(
-    (R) => {
-      if (R.stopPropagation(), he(R), !E || !Xe(R) || !W)
+  const [, B] = (N == null ? void 0 : N.getSolvedCache({ y: e, x: n })) ?? [void 0, void 0], q = es.is(B), _ = E.current, se = !!(N != null && N.registry.editingAddress || b), ce = A(
+    (I) => {
+      if (I.stopPropagation(), he(I), !N || !Xe(I) || !_)
         return !1;
-      if (R.type.startsWith("touch"))
-        return ne && W && W.blur(), i(Pe({ y: e, x: n })), i(be({ startY: e, startX: n, endY: e, endX: n })), !0;
-      R.shiftKey ? i(fe({ y: e, x: n })) : i(be({ startY: e, startX: n, endY: -1, endX: -1 })), i(xe(!0));
-      const _ = `${E.sheetPrefix(!I)}${r}`;
-      return ne && Me({ input: $ || null, ref: _ }) || (E.registry.lastFocused = W, H(W), i(ue("")), N) ? !1 : (ne && v(W.value), R.shiftKey || i(Pe({ y: e, x: n })), !0);
-    },
-    [ne, W, r, I, $, N, v, E]
-  ), B = M(
-    (R) => {
-      if (R.stopPropagation(), !R.type.startsWith("touch")) {
-        if (he(R), i(xe(!1)), N)
-          return i(vn(N)), H(W), !1;
-        ne && i(fe({ y: -1, x: -1 }));
+      if (I.type.startsWith("touch"))
+        return se && _ && _.blur(), i(Pe({ y: e, x: n })), i(be({ startY: e, startX: n, endY: e, endX: n })), !0;
+      I.shiftKey ? i(fe({ y: e, x: n })) : i(be({ startY: e, startX: n, endY: -1, endX: -1 })), i(Ee(!0));
+      const ee = `${N.sheetPrefix(!M)}${r}`;
+      return se && Me({ input: P || null, ref: ee }) || (N.registry.lastFocused = _, L(_), i(de("")), S) ? !1 : (se && v(_.value), I.shiftKey || i(Pe({ y: e, x: n })), !0);
+    },
+    [se, _, r, M, P, S, v, N]
+  ), K = A(
+    (I) => {
+      if (I.stopPropagation(), !I.type.startsWith("touch")) {
+        if (he(I), i(Ee(!1)), S)
+          return i(vn(S)), L(_), !1;
+        se && i(fe({ y: -1, x: -1 }));
       }
     },
-    [N, ne, W]
-  ), z = M(
-    (R) => {
-      if (!Xe(R) || R.type.startsWith("touch") || !E)
+    [S, se, _]
+  ), U = A(
+    (I) => {
+      if (!Xe(I) || I.type.startsWith("touch") || !N)
         return !1;
-      if (he(R), R.stopPropagation(), N)
+      if (he(I), I.stopPropagation(), S)
         return i(Ke({ x: n, y: e })), !1;
       if (y)
-        return i(fe({ y: e, x: E.numCols })), !1;
+        return i(fe({ y: e, x: N.numCols })), !1;
       if (D)
-        return i(fe({ y: E.numRows, x: n })), !1;
-      if (ne && !nn($ || null))
+        return i(fe({ y: N.numRows, x: n })), !1;
+      if (se && !nn(P || null))
         return !1;
-      if (i(fe({ y: e, x: n })), ne) {
-        const _ = de({ ...m, endY: e, endX: n }), ge = `${E.sheetPrefix(!I)}${sn(_)}`;
-        Me({ input: $ || null, ref: ge });
+      if (i(fe({ y: e, x: n })), se) {
+        const ee = ge({ ...m, endY: e, endX: n }), J = `${N.sheetPrefix(!M)}${sn(ee)}`;
+        Me({ input: P || null, ref: J });
       }
       return !0;
     },
     [
-      N,
+      S,
       y,
       D,
-      E,
-      ne,
-      $,
+      N,
+      se,
+      P,
       m,
-      I
+      M
     ]
-  ), K = M(
-    (R) => {
-      i(Ke({ x: n, y: e })), i(xe(!0)), R.stopPropagation();
+  ), Z = A(
+    (I) => {
+      i(Ke({ x: n, y: e })), i(Ee(!0)), I.stopPropagation();
     },
     [i, n, e]
-  ), G = M(() => {
-    var _;
-    const R = (_ = f.current) == null ? void 0 : _.getBoundingClientRect();
-    R && u(ts(R));
-  }, []), V = M(() => {
-    u(null);
-  }, []), U = M(
-    (R) => Y.length > 0 ? (R.stopPropagation(), he(R), i(ze({ y: R.clientY, x: R.clientX })), !1) : !0,
-    [Y.length]
-  ), X = M(
-    (R) => {
-      R.stopPropagation(), he(R), ue(r);
-      const _ = document.createEvent("MouseEvents");
-      return _.initEvent("dblclick", !0, !0), W == null || W.dispatchEvent(_), !1;
-    },
-    [r, W]
-  ), Q = Ye(() => !S && p && P.bottom === -1 || P.bottom === e && P.right === n ? "gs-autofill-drag" : "gs-autofill-drag gs-hidden", [S, p, P]);
-  return E ? W ? /* @__PURE__ */ c(
+  ), G = A(() => {
+    var ee;
+    const I = (ee = f.current) == null ? void 0 : ee.getBoundingClientRect();
+    I && d(ts(I));
+  }, []), V = A(() => {
+    d(null);
+  }, []), W = A(
+    (I) => $.length > 0 ? (I.stopPropagation(), he(I), i(ze({ y: I.clientY, x: I.clientX })), !1) : !0,
+    [$.length]
+  ), O = A(
+    (I) => {
+      I.stopPropagation(), he(I), de(r);
+      const ee = document.createEvent("MouseEvents");
+      return ee.initEvent("dblclick", !0, !0), _ == null || _.dispatchEvent(ee), !1;
+    },
+    [r, _]
+  ), Q = Ye(() => !C && p && X.bottom === -1 || X.bottom === e && X.right === n ? "gs-autofill-drag" : "gs-autofill-drag gs-hidden", [C, p, X]);
+  return N ? _ ? /* @__PURE__ */ c(
     "td",
     {
       ref: f,
       "data-x": n,
       "data-y": e,
       "data-address": r,
-      className: `gs-cell ${ss(P, { y: e, x: n }) ? "gs-selecting" : ""} ${p ? "gs-choosing" : ""} ${S ? "gs-editing" : ""} ${q ? "gs-pending" : ""}`,
+      className: `gs-cell ${ss(X, { y: e, x: n }) ? "gs-selecting" : ""} ${p ? "gs-choosing" : ""} ${C ? "gs-editing" : ""} ${q ? "gs-pending" : ""}`,
       style: {
-        ...g == null ? void 0 : g.style
+        ...u == null ? void 0 : u.style
       },
-      onContextMenu: U,
-      onDoubleClick: X,
+      onContextMenu: W,
+      onDoubleClick: O,
       children: /* @__PURE__ */ F(
         "div",
         {
           className: "gs-cell-inner-wrap",
-          onMouseDown: ae,
-          onTouchStart: ae,
-          onMouseEnter: z,
-          onMouseUp: B,
+          onMouseDown: ce,
+          onTouchStart: ce,
+          onMouseEnter: U,
+          onMouseUp: K,
           children: [
             /* @__PURE__ */ F(
               "div",
               {
                 className: "gs-cell-inner",
                 style: {
-                  ...g == null ? void 0 : g.style,
-                  justifyContent: (g == null ? void 0 : g.justifyContent) || "left",
-                  alignItems: (g == null ? void 0 : g.alignItems) || "start"
+                  ...u == null ? void 0 : u.style,
+                  textAlign: ((Y = u == null ? void 0 : u.style) == null ? void 0 : Y.textAlign) || (u == null ? void 0 : u.justifyContent) || "left",
+                  alignItems: (u == null ? void 0 : u.alignItems) || "start"
                 },
                 children: [
-                  A && /* @__PURE__ */ c(
+                  T && /* @__PURE__ */ c(
                     "div",
                     {
                       className: "gs-formula-error-triangle",
@@ -2168,11 +2169,22 @@ const js = () => {
                       onMouseLeave: V
                     }
                   ),
-                  /* @__PURE__ */ c("div", { className: "gs-cell-rendered", children: C })
+                  /* @__PURE__ */ c(
+                    "div",
+                    {
+                      className: "gs-cell-rendered",
+                      style: u != null && u.alignItems ? {
+                        display: "flex",
+                        flexDirection: "column",
+                        justifyContent: u.alignItems === "center" ? "center" : u.alignItems === "end" ? "flex-end" : void 0
+                      } : void 0,
+                      children: R
+                    }
+                  )
                 ]
               }
             ),
-            A && a && /* @__PURE__ */ c(
+            T && a && /* @__PURE__ */ c(
               "div",
               {
                 className: "gs-formula-error-tooltip",
@@ -2181,10 +2193,10 @@ const js = () => {
                   left: a.x,
                   transform: ns(a.hAlign)
                 },
-                children: A
+                children: T
               }
             ),
-            /* @__PURE__ */ c("div", { className: Q, onMouseDown: K })
+            /* @__PURE__ */ c("div", { className: Q, onMouseDown: Z })
           ]
         }
       )
@@ -2197,51 +2209,51 @@ const js = () => {
 }), qs = 0.4, Gs = 200;
 let Gt = (/* @__PURE__ */ new Date()).getTime(), Be = 0;
 function ke({ style: e, horizontal: n = 0, vertical: t = 0, className: s = "" }) {
-  const r = oe(null), { store: o, dispatch: i } = ie(le), {
+  const r = ie(null), { store: o, dispatch: i } = le(ae), {
     tabularRef: h,
     autofillDraggingTo: f,
     dragging: a,
-    selectingZone: u,
+    selectingZone: d,
     editorRef: w,
     sheetReactive: b,
-    searchInputRef: d,
+    searchInputRef: g,
     editingAddress: m
   } = o, y = b.current;
   let D = !1;
-  const T = nt(o), N = !!(y != null && y.registry.editingAddress || m), Y = M(
+  const E = nt(o), S = !!(y != null && y.registry.editingAddress || m), $ = A(
     (l) => {
       if (!y)
         return { x: -1, y: -1 };
       if (n == 0 && t == 0) {
-        const A = h.current.getBoundingClientRect(), { left: C, top: L, right: q, bottom: W } = A;
-        n = l.pageX > q ? 1 : l.pageX < C ? -1 : 0, n === 0 && (t = l.pageY > W ? 1 : l.pageY < L ? -1 : 0);
+        const T = h.current.getBoundingClientRect(), { left: R, top: B, right: q, bottom: _ } = T;
+        n = l.pageX > q ? 1 : l.pageX < R ? -1 : 0, n === 0 && (t = l.pageY > _ ? 1 : l.pageY < B ? -1 : 0);
       }
-      const g = Ht(h.current);
-      let { endX: v, endY: x } = u;
-      return n ? v = n > 0 ? g.right : g.left : t && (x = t > 0 ? g.bottom : g.top), { x: v, y: x };
+      const u = Ht(h.current);
+      let { endX: v, endY: x } = d;
+      return n ? v = n > 0 ? u.right : u.left : t && (x = t > 0 ? u.bottom : u.top), { x: v, y: x };
     },
-    [y, n, t, u]
-  ), E = M(
+    [y, n, t, d]
+  ), N = A(
     (l) => {
       if (!D || h.current === null || !y)
         return;
-      const g = (/* @__PURE__ */ new Date()).getTime();
-      g - Gt > 1e3 && (Be = 0), Gt = g, h.current.scrollBy({
+      const u = (/* @__PURE__ */ new Date()).getTime();
+      u - Gt > 1e3 && (Be = 0), Gt = u, h.current.scrollBy({
         left: Be * n,
         top: Be * t
-      }), H(w.current);
-      const { x: v, y: x } = Y(l);
+      }), L(w.current);
+      const { x: v, y: x } = $(l);
       if (f) {
-        const { y: A, x: C } = f;
-        i(Ke({ y: x === -1 ? A : x, x: v === -1 ? C : v }));
+        const { y: T, x: R } = f;
+        i(Ke({ y: x === -1 ? T : x, x: v === -1 ? R : v }));
       } else {
-        if (N) {
-          const A = de({ ...u, endY: x, endX: v }), C = y.sheetPrefix(!T), L = sn(A), q = `${C}${L}`;
+        if (S) {
+          const T = ge({ ...d, endY: x, endX: v }), R = y.sheetPrefix(!E), B = sn(T), q = `${R}${B}`;
           Me({ input: w.current, ref: q });
         }
         i(fe({ y: x, x: v }));
       }
-      Be = Math.min(Be + qs, Gs), r.current = requestAnimationFrame(() => E(l));
+      Be = Math.min(Be + qs, Gs), r.current = requestAnimationFrame(() => N(l));
     },
     [
       D,
@@ -2249,87 +2261,87 @@ function ke({ style: e, horizontal: n = 0, vertical: t = 0, className: s = "" })
       n,
       t,
       f,
-      N,
-      u,
-      T,
-      Y
+      S,
+      d,
+      E,
+      $
     ]
-  ), I = M(
+  ), M = A(
     (l) => {
       if (l.preventDefault(), l.stopPropagation(), !D) {
         if (D = !0, n === 0 || t === 0) {
-          const g = h.current.getBoundingClientRect(), { left: v, top: x, right: A, bottom: C } = g;
-          n || (n = l.pageX > A ? 1 : l.pageX < v ? -1 : 0), n === 0 && (t || (t = l.pageY > C ? 1 : l.pageY < x ? -1 : 0));
+          const u = h.current.getBoundingClientRect(), { left: v, top: x, right: T, bottom: R } = u;
+          n || (n = l.pageX > T ? 1 : l.pageX < v ? -1 : 0), n === 0 && (t || (t = l.pageY > R ? 1 : l.pageY < x ? -1 : 0));
         }
-        r.current = requestAnimationFrame(() => E(l));
+        r.current = requestAnimationFrame(() => N(l));
       }
     },
-    [D, n, t, E]
-  ), $ = M(() => {
-    r.current !== null && (cancelAnimationFrame(r.current), r.current = null), D = !1, rs(d.current) || H(w.current);
-  }, []), P = M(
+    [D, n, t, N]
+  ), P = A(() => {
+    r.current !== null && (cancelAnimationFrame(r.current), r.current = null), D = !1, rs(g.current) || L(w.current);
+  }, []), X = A(
     (l) => {
       l.preventDefault(), l.stopPropagation();
-      const g = Ht(h.current);
-      if (g.bottom === -1 || g.right === -1)
+      const u = Ht(h.current);
+      if (u.bottom === -1 || u.right === -1)
         return;
-      const { x: v, y: x } = Y(l);
+      const { x: v, y: x } = $(l);
       if (f) {
-        const { y: A, x: C } = f;
-        i(vn({ y: x === -1 ? A : x, x: v === -1 ? C : v })), H(w.current);
+        const { y: T, x: R } = f;
+        i(vn({ y: x === -1 ? T : x, x: v === -1 ? R : v })), L(w.current);
       } else
-        N && i(fe({ y: -1, x: -1 }));
+        S && i(fe({ y: -1, x: -1 }));
     },
-    [f, N, Y]
-  ), S = M(
+    [f, S, $]
+  ), C = A(
     (l) => {
-      $(), i(xe(!1)), requestAnimationFrame(() => P(l));
+      P(), i(Ee(!1)), requestAnimationFrame(() => X(l));
     },
-    [$, P]
-  ), p = M(() => {
-    $();
-  }, [$]);
-  return Z(() => $, [$]), !w.current || !a && !f ? /* @__PURE__ */ c("div", { className: `gs-scroll-handle gs-hidden ${s}` }) : /* @__PURE__ */ c(
+    [P, X]
+  ), p = A(() => {
+    P();
+  }, [P]);
+  return z(() => P, [P]), !w.current || !a && !f ? /* @__PURE__ */ c("div", { className: `gs-scroll-handle gs-hidden ${s}` }) : /* @__PURE__ */ c(
     "div",
     {
       style: e,
       className: `gs-scroll-handle ${s}`,
       onMouseUp: (l) => {
-        S(l);
+        C(l);
       },
-      onMouseEnter: I,
+      onMouseEnter: M,
       onMouseLeave: p
     }
   );
 }
 const Qs = tt(({ x: e }) => {
-  const n = me(e), { store: t, dispatch: s } = ie(le), {
+  const n = me(e), { store: t, dispatch: s } = le(ae), {
     sheetReactive: r,
     editingAddress: o,
     choosing: i,
     selectingZone: h,
     topHeaderSelecting: f,
     editorRef: a,
-    autofillDraggingTo: u,
+    autofillDraggingTo: d,
     dragging: w,
     contextMenu: b,
-    columnMenuState: d
-  } = t, m = r.current, y = m == null ? void 0 : m.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), D = (y == null ? void 0 : y.width) || yt, T = !!(y != null && y.filter && y.filter.conditions.length > 0), N = nt(t), Y = m == null ? void 0 : m.registry.lastFocused, E = !!(m != null && m.registry.editingAddress || o), I = M(
+    columnMenuState: g
+  } = t, m = r.current, y = m == null ? void 0 : m.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), D = (y == null ? void 0 : y.width) || yt, E = !!(y != null && y.filter && y.filter.conditions.length > 0), S = nt(t), $ = m == null ? void 0 : m.registry.lastFocused, N = !!(m != null && m.registry.editingAddress || o), M = A(
     (l) => {
       s(Ze({ value: l, point: i }));
     },
     [i]
-  ), $ = M((l) => {
+  ), P = A((l) => {
     s(ht([e, l.clientX, l.clientX])), l.stopPropagation(), he(l);
-  }, []), P = M(
+  }, []), X = A(
     (l) => {
       if (l.stopPropagation(), he(l), !Xe(l) || !m || w)
         return !1;
       if (l.type.startsWith("touch"))
-        return E && a.current && a.current.blur(), s(Pe({ y: 1, x: e })), s(be({ startY: 1, startX: e, endY: m.numRows, endX: e })), !0;
+        return N && a.current && a.current.blur(), s(Pe({ y: 1, x: e })), s(be({ startY: 1, startX: e, endY: m.numRows, endX: e })), !0;
       s(be({ startY: 1, startX: e, endY: -1, endX: e }));
-      const g = `${m.sheetPrefix(!N)}${n}:${n}`;
-      if (E && Me({ input: Y || null, ref: g }))
+      const u = `${m.sheetPrefix(!S)}${n}:${n}`;
+      if (N && Me({ input: $ || null, ref: u }))
         return s(be({ startY: m.numRows, startX: e, endY: 0, endX: e })), !1;
       let v = l.shiftKey ? h.startX : e;
       return v === -1 && (v = i.x), s(
@@ -2337,37 +2349,37 @@ const Qs = tt(({ x: e }) => {
           range: { start: v, end: e },
           numRows: m.numRows
         })
-      ), E && I((Y == null ? void 0 : Y.value) ?? ""), s(ue("")), s(xe(!0)), H(a.current), !u;
+      ), N && M(($ == null ? void 0 : $.value) ?? ""), s(de("")), s(Ee(!0)), L(a.current), !d;
     },
     [
       w,
-      E,
       N,
+      S,
       n,
-      Y,
+      $,
       h,
       i,
-      u,
+      d,
       a
     ]
-  ), S = M(
+  ), C = A(
     (l) => {
-      if (l.stopPropagation(), !l.type.startsWith("touch") && (he(l), s(xe(!1)), u))
-        return H(a.current), !1;
+      if (l.stopPropagation(), !l.type.startsWith("touch") && (he(l), s(Ee(!1)), d))
+        return L(a.current), !1;
     },
-    [u]
+    [d]
   ), p = bn((l) => {
     if (!Xe(l) || !m || l.type.startsWith("touch"))
       return !1;
-    if (he(l), l.stopPropagation(), u)
+    if (he(l), l.stopPropagation(), d)
       return s(Ke({ y: 1, x: e })), !1;
-    if (E) {
-      const g = de({ ...h, endY: 1, endX: e }), [v, x] = [me(g.left), me(g.right)], A = `${m.sheetPrefix(!N)}${v}:${x}`;
-      Me({ input: Y || null, ref: A });
+    if (N) {
+      const u = ge({ ...h, endY: 1, endX: e }), [v, x] = [me(u.left), me(u.right)], T = `${m.sheetPrefix(!S)}${v}:${x}`;
+      Me({ input: $ || null, ref: T });
     }
-    if (u == null) {
-      const { startY: g } = h;
-      s(g === 1 ? fe({ y: m.numRows, x: e }) : fe({ y: 1, x: e }));
+    if (d == null) {
+      const { startY: u } = h;
+      s(u === 1 ? fe({ y: m.numRows, x: e }) : fe({ y: 1, x: e }));
     }
     return !1;
   }, 100);
@@ -2382,10 +2394,10 @@ const Qs = tt(({ x: e }) => {
         "div",
         {
           className: "gs-th-inner-wrap",
-          onMouseDown: P,
-          onTouchStart: P,
+          onMouseDown: X,
+          onTouchStart: X,
           onMouseEnter: p,
-          onMouseUp: S,
+          onMouseUp: C,
           children: /* @__PURE__ */ F("div", { className: "gs-th-inner", style: { height: m.headerHeight, position: "relative" }, children: [
             /* @__PURE__ */ c(
               ke,
@@ -2404,22 +2416,21 @@ const Qs = tt(({ x: e }) => {
                 l
               ] }) : l;
             })(),
-            !O.hasOperation(y == null ? void 0 : y.prevention, O.ColumnMenu) && /* @__PURE__ */ c(
+            !H.hasOperation(y == null ? void 0 : y.prevention, H.ColumnMenu) && /* @__PURE__ */ c(
               "button",
               {
-                className: `gs-menu-btn gs-column-menu-btn ${T ? "gs-filtered" : ""} ${(d == null ? void 0 : d.x) === e ? "gs-active" : ""}`,
+                className: `gs-menu-btn gs-column-menu-btn ${E ? "gs-filtered" : ""} ${(g == null ? void 0 : g.x) === e ? "gs-active" : ""}`,
                 onMouseDown: (l) => {
                   l.stopPropagation(), l.preventDefault(), l.currentTarget.dataset.pressX = String(l.clientX), l.currentTarget.dataset.pressY = String(l.clientY);
                 },
                 onMouseUp: (l) => {
                   l.stopPropagation();
-                  const g = l.currentTarget, v = Number(g.dataset.pressX ?? l.clientX), x = Number(g.dataset.pressY ?? l.clientY);
+                  const u = l.currentTarget, v = Number(u.dataset.pressX ?? l.clientX), x = Number(u.dataset.pressY ?? l.clientY);
                   if (Math.abs(l.clientX - v) > 4 || Math.abs(l.clientY - x) > 4)
                     return;
-                  const C = g.getBoundingClientRect();
-                  (d == null ? void 0 : d.x) === e ? s(Je(null)) : (Te({ start: h.startX, end: h.endX }, e) && h.startY === 1 && h.endY === m.numRows || s(Ut({ range: { start: e, end: e }, numRows: m.numRows })), s(Je({ x: e, position: { y: C.bottom, x: C.left } })));
+                  const R = u.getBoundingClientRect();
+                  (g == null ? void 0 : g.x) === e ? s(Je(null)) : (Te({ start: h.startX, end: h.endX }, e) && h.startY === 1 && h.endY === m.numRows || s(Ut({ range: { start: e, end: e }, numRows: m.numRows })), s(Je({ x: e, position: { y: R.bottom, x: R.left } })));
                 },
-                title: "Sort & Filter",
                 children: "⋮"
               }
             ),
@@ -2428,10 +2439,10 @@ const Qs = tt(({ x: e }) => {
               {
                 className: `
               gs-resizer 
-              ${O.hasOperation(y == null ? void 0 : y.prevention, O.Resize) ? "gs-protected" : ""}
+              ${H.hasOperation(y == null ? void 0 : y.prevention, H.Resize) ? "gs-protected" : ""}
               ${w ? "gs-hidden" : ""}`,
                 style: { height: m.headerHeight },
-                onMouseDown: $,
+                onMouseDown: P,
                 children: /* @__PURE__ */ c("i", {})
               }
             )
@@ -2444,33 +2455,33 @@ const Qs = tt(({ x: e }) => {
     /* @__PURE__ */ c("div", { className: "gs-resizer" })
   ] }) }) });
 }), Js = tt(({ y: e }) => {
-  const n = `${ve(e)}`, { store: t, dispatch: s } = ie(le), {
+  const n = `${ve(e)}`, { store: t, dispatch: s } = le(ae), {
     choosing: r,
     editingAddress: o,
     selectingZone: i,
     leftHeaderSelecting: h,
     editorRef: f,
     sheetReactive: a,
-    autofillDraggingTo: u,
+    autofillDraggingTo: d,
     dragging: w,
     contextMenu: b,
-    rowMenuState: d
-  } = t, m = a.current, y = m == null ? void 0 : m.getCell({ y: e, x: 0 }, { resolution: "SYSTEM" }), D = (y == null ? void 0 : y.height) || vt, T = nt(t), N = m == null ? void 0 : m.registry.lastFocused, Y = !!(m != null && m.registry.editingAddress || o), E = M(
+    rowMenuState: g
+  } = t, m = a.current, y = m == null ? void 0 : m.getCell({ y: e, x: 0 }, { resolution: "SYSTEM" }), D = (y == null ? void 0 : y.height) || vt, E = nt(t), S = m == null ? void 0 : m.registry.lastFocused, $ = !!(m != null && m.registry.editingAddress || o), N = A(
     (l) => {
       s(Ze({ value: l, point: r }));
     },
     [r]
-  ), I = M((l) => {
+  ), M = A((l) => {
     s(gt([e, l.clientY, l.clientY])), l.stopPropagation(), he(l);
-  }, []), $ = M(
+  }, []), P = A(
     (l) => {
       if (l.stopPropagation(), he(l), !Xe(l) || !m || w)
         return !1;
       if (l.type.startsWith("touch"))
-        return Y && f.current && f.current.blur(), s(Pe({ y: e, x: 1 })), s(be({ startY: e, startX: 1, endY: e, endX: m.numCols })), !0;
+        return $ && f.current && f.current.blur(), s(Pe({ y: e, x: 1 })), s(be({ startY: e, startX: 1, endY: e, endX: m.numCols })), !0;
       s(be({ startY: e, startX: 1, endY: e, endX: -1 }));
-      const g = `${m.sheetPrefix(!T)}${n}:${n}`;
-      if (Y && Me({ input: N || null, ref: g }))
+      const u = `${m.sheetPrefix(!E)}${n}:${n}`;
+      if ($ && Me({ input: S || null, ref: u }))
         return s(be({ startY: e, startX: m.numCols, endY: e, endX: 0 })), !1;
       let v = l.shiftKey ? i.startY : e;
       return v === -1 && (v = r.y), s(
@@ -2478,40 +2489,40 @@ const Qs = tt(({ x: e }) => {
           range: { start: v, end: e },
           numCols: m.numCols
         })
-      ), Y && E((N == null ? void 0 : N.value) ?? ""), s(ue("")), s(xe(!0)), H(f.current), !u;
+      ), $ && N((S == null ? void 0 : S.value) ?? ""), s(de("")), s(Ee(!0)), L(f.current), !d;
     },
     [
       w,
-      Y,
-      T,
+      $,
+      E,
       n,
-      N,
+      S,
       i,
       r,
-      u,
+      d,
       f
     ]
-  ), P = M(
+  ), X = A(
     (l) => {
-      if (l.stopPropagation(), !l.type.startsWith("touch") && (he(l), s(xe(!1)), u))
-        return H(f.current), !1;
+      if (l.stopPropagation(), !l.type.startsWith("touch") && (he(l), s(Ee(!1)), d))
+        return L(f.current), !1;
     },
-    [u]
-  ), S = bn((l) => {
+    [d]
+  ), C = bn((l) => {
     if (!Xe(l) || !m || l.type.startsWith("touch"))
       return !1;
-    if (he(l), l.stopPropagation(), u)
+    if (he(l), l.stopPropagation(), d)
       return s(Ke({ y: e, x: 1 })), !1;
-    if (Y) {
-      const g = de({ ...i, endY: e, endX: 1 }), [v, x] = [ve(g.top), ve(g.bottom)], A = `${m.sheetPrefix(!T)}${v}:${x}`;
-      Me({ input: N || null, ref: A });
+    if ($) {
+      const u = ge({ ...i, endY: e, endX: 1 }), [v, x] = [ve(u.top), ve(u.bottom)], T = `${m.sheetPrefix(!E)}${v}:${x}`;
+      Me({ input: S || null, ref: T });
     }
-    if (u == null) {
-      const { startX: g } = i;
-      s(g === 1 ? fe({ y: e, x: m.numCols }) : fe({ y: e, x: 1 }));
+    if (d == null) {
+      const { startX: u } = i;
+      s(u === 1 ? fe({ y: e, x: m.numCols }) : fe({ y: e, x: 1 }));
     }
     return !1;
-  }, 100), p = M(
+  }, 100), p = A(
     (l) => b.length > 0 ? (l.stopPropagation(), he(l), s(ze({ y: l.clientY, x: l.clientX })), !1) : !0,
     [b.length]
   );
@@ -2526,10 +2537,10 @@ const Qs = tt(({ x: e }) => {
         "div",
         {
           className: "gs-th-inner-wrap",
-          onMouseDown: $,
-          onTouchStart: $,
-          onMouseEnter: S,
-          onMouseUp: P,
+          onMouseDown: P,
+          onTouchStart: P,
+          onMouseEnter: C,
+          onMouseUp: X,
           children: /* @__PURE__ */ F("div", { className: "gs-th-inner", style: { width: m.headerWidth, position: "relative" }, children: [
             /* @__PURE__ */ c(
               ke,
@@ -2542,22 +2553,21 @@ const Qs = tt(({ x: e }) => {
               }
             ),
             bt(m, y == null ? void 0 : y.label, { y: e, x: 0 }, e) ?? n,
-            !O.hasOperation(y == null ? void 0 : y.prevention, O.RowMenu) && /* @__PURE__ */ c(
+            !H.hasOperation(y == null ? void 0 : y.prevention, H.RowMenu) && /* @__PURE__ */ c(
               "button",
               {
-                className: `gs-menu-btn gs-row-menu-btn ${(d == null ? void 0 : d.y) === e ? "gs-active" : ""}`,
+                className: `gs-menu-btn gs-row-menu-btn ${(g == null ? void 0 : g.y) === e ? "gs-active" : ""}`,
                 onMouseDown: (l) => {
                   l.stopPropagation(), l.preventDefault(), l.currentTarget.dataset.pressX = String(l.clientX), l.currentTarget.dataset.pressY = String(l.clientY);
                 },
                 onMouseUp: (l) => {
                   l.stopPropagation();
-                  const g = l.currentTarget, v = Number(g.dataset.pressX ?? l.clientX), x = Number(g.dataset.pressY ?? l.clientY);
+                  const u = l.currentTarget, v = Number(u.dataset.pressX ?? l.clientX), x = Number(u.dataset.pressY ?? l.clientY);
                   if (Math.abs(l.clientX - v) > 4 || Math.abs(l.clientY - x) > 4)
                     return;
-                  const C = g.getBoundingClientRect();
-                  (d == null ? void 0 : d.y) === e ? s(ft(null)) : (Te({ start: i.startY, end: i.endY }, e) && i.startX === 1 && i.endX === m.numCols || s(zt({ range: { start: e, end: e }, numCols: m.numCols })), s(ft({ y: e, position: { y: C.bottom, x: C.right } })));
+                  const R = u.getBoundingClientRect();
+                  (g == null ? void 0 : g.y) === e ? s(ft(null)) : (Te({ start: i.startY, end: i.endY }, e) && i.startX === 1 && i.endX === m.numCols || s(zt({ range: { start: e, end: e }, numCols: m.numCols })), s(ft({ y: e, position: { y: R.bottom, x: R.right } })));
                 },
-                title: "Row menu",
                 children: "⋮"
               }
             ),
@@ -2566,10 +2576,10 @@ const Qs = tt(({ x: e }) => {
               {
                 className: `
               gs-resizer
-              ${O.hasOperation(y == null ? void 0 : y.prevention, O.Resize) ? "gs-protected" : ""}
+              ${H.hasOperation(y == null ? void 0 : y.prevention, H.Resize) ? "gs-protected" : ""}
               ${w ? "gs-hidden" : ""}`,
                 style: { width: m.headerWidth },
-                onMouseDown: I
+                onMouseDown: M
               }
             )
           ] })
@@ -2581,14 +2591,14 @@ const Qs = tt(({ x: e }) => {
   e.fillStyle = o, e.fillRect(n, t, s, r);
 }, pt = (e, n, t, s, r, o, i = 2, h = [], f) => {
   f && (e.fillStyle = f, e.fillRect(n, t, s, r)), e.strokeStyle = o, e.lineWidth = i, e.setLineDash(h), e.strokeRect(n + i / 2, t + i / 2, s - i, r - i), e.setLineDash([]);
-}, Ve = (e, n, t, s, r, o, i, h, f = 2, a = [], u) => {
-  const { top: w, left: b, bottom: d, right: m } = i;
-  if (w === -1 || b === -1 || d === -1 || m === -1)
+}, Ve = (e, n, t, s, r, o, i, h, f = 2, a = [], d) => {
+  const { top: w, left: b, bottom: g, right: m } = i;
+  if (w === -1 || b === -1 || g === -1 || m === -1)
     return;
-  const y = Ie(n, { y: w, x: b }), D = Ie(n, { y: d, x: m }), T = y.left - s, N = y.top - t, Y = D.right - s, E = D.bottom - t;
-  Y < 0 || T > r || E < 0 || N > o || pt(e, T, N, Y - T, E - N, h, f, a, u);
+  const y = Ie(n, { y: w, x: b }), D = Ie(n, { y: g, x: m }), E = y.left - s, S = y.top - t, $ = D.right - s, N = D.bottom - t;
+  $ < 0 || E > r || N < 0 || S > o || pt(e, E, S, $ - E, N - S, h, f, a, d);
 }, lr = ({ refs: e = {} }) => {
-  const { store: n } = ie(le), {
+  const { store: n } = le(ae), {
     sheetReactive: t,
     tabularRef: s,
     choosing: r,
@@ -2597,54 +2607,54 @@ const Qs = tt(({ x: e }) => {
     matchingCellIndex: h,
     autofillDraggingTo: f,
     topHeaderSelecting: a,
-    leftHeaderSelecting: u,
+    leftHeaderSelecting: d,
     mode: w,
     dragging: b
-  } = n, d = t.current, m = oe(null), y = oe(0), D = oe(n);
+  } = n, g = t.current, m = ie(null), y = ie(0), D = ie(n);
   D.current = n;
-  const T = M(() => {
-    if (!d || !s.current || !m.current)
+  const E = A(() => {
+    if (!g || !s.current || !m.current)
       return;
-    const E = m.current, I = E.getContext("2d");
-    if (!I)
+    const N = m.current, M = N.getContext("2d");
+    if (!M)
       return;
-    const $ = s.current, P = window.devicePixelRatio || 1, S = $.clientWidth, p = $.clientHeight;
-    (E.width !== S * P || E.height !== p * P) && (E.style.width = `${S}px`, E.style.height = `${p}px`, E.width = S * P, E.height = p * P), I.setTransform(P, 0, 0, P, 0, 0), I.clearRect(0, 0, S, p);
-    const { registry: l } = d, g = $.scrollTop, v = $.scrollLeft, x = d.headerWidth, A = d.headerHeight;
-    I.save(), I.beginPath(), I.rect(x, A, S - x, p - A), I.clip();
-    const C = de(o);
-    if (Ve(I, d, g, v, S, p, C, er, 1, [], tr), f) {
-      const B = new os(D.current, f);
-      Ve(I, d, g, v, S, p, B.wholeArea, ir, 1, [5, 5]);
+    const P = s.current, X = window.devicePixelRatio || 1, C = P.clientWidth, p = P.clientHeight;
+    (N.width !== C * X || N.height !== p * X) && (N.style.width = `${C}px`, N.style.height = `${p}px`, N.width = C * X, N.height = p * X), M.setTransform(X, 0, 0, X, 0, 0), M.clearRect(0, 0, C, p);
+    const { registry: l } = g, u = P.scrollTop, v = P.scrollLeft, x = g.headerWidth, T = g.headerHeight;
+    M.save(), M.beginPath(), M.rect(x, T, C - x, p - T), M.clip();
+    const R = ge(o);
+    if (Ve(M, g, u, v, C, p, R, er, 1, [], tr), f) {
+      const K = new os(D.current, f);
+      Ve(M, g, u, v, C, p, K.wholeArea, ir, 1, [5, 5]);
     }
     {
-      const { y: B, x: z } = r;
-      if (B !== -1 && z !== -1) {
-        const K = Ie(d, { y: B, x: z }), G = K.left - v, V = K.top - g;
-        pt(I, G, V, K.width, K.height, it, 2, []);
+      const { y: K, x: U } = r;
+      if (K !== -1 && U !== -1) {
+        const Z = Ie(g, { y: K, x: U }), G = Z.left - v, V = Z.top - u;
+        pt(M, G, V, Z.width, Z.height, it, 2, []);
       }
     }
-    const { copyingSheetId: L, copyingZone: q, cutting: W } = l;
-    if (d.id === L) {
-      const B = de(q);
-      Ve(I, d, g, v, S, p, B, W ? sr : nr, 2.5, W ? [4, 4] : [6, 4]);
+    const { copyingSheetId: B, copyingZone: q, cutting: _ } = l;
+    if (g.id === B) {
+      const K = ge(q);
+      Ve(M, g, u, v, C, p, K, _ ? sr : nr, 2.5, _ ? [4, 4] : [6, 4]);
     }
-    Object.entries(e).forEach(([B, z]) => {
-      const K = De[z % De.length];
+    Object.entries(e).forEach(([K, U]) => {
+      const Z = De[U % De.length];
       try {
-        const G = d.rangeToArea(B);
-        Ve(I, d, g, v, S, p, G, K, 2, [5, 5]);
+        const G = g.rangeToArea(K);
+        Ve(M, g, u, v, C, p, G, Z, 2, [5, 5]);
       } catch {
       }
-    }), i.forEach((B, z) => {
-      const { y: K, x: G } = wt(B), V = Ie(d, { y: K, x: G }), U = V.left - v, X = V.top - g;
-      if (U + V.width < 0 || U > S || X + V.height < 0 || X > p)
+    }), i.forEach((K, U) => {
+      const { y: Z, x: G } = wt(K), V = Ie(g, { y: Z, x: G }), W = V.left - v, O = V.top - u;
+      if (W + V.width < 0 || W > C || O + V.height < 0 || O > p)
         return;
-      const Q = z === h;
+      const Q = U === h;
       pt(
-        I,
-        U,
-        X,
+        M,
+        W,
+        O,
         V.width,
         V.height,
         Q ? or : "transparent",
@@ -2652,32 +2662,32 @@ const Qs = tt(({ x: e }) => {
         [],
         rr
       );
-    }), I.restore();
-    const ne = d.numCols, ae = d.numRows;
-    for (let B = 1; B <= ne; B++) {
-      let z = null, K = null;
-      if (Te({ start: o.startX, end: o.endX }, B) && (z = "rgba(80, 180, 255, 1)", K = a ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), r.x === B && (z = it, K = a ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !z)
+    }), M.restore();
+    const se = g.numCols, ce = g.numRows;
+    for (let K = 1; K <= se; K++) {
+      let U = null, Z = null;
+      if (Te({ start: o.startX, end: o.endX }, K) && (U = "rgba(80, 180, 255, 1)", Z = a ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), r.x === K && (U = it, Z = a ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !U)
         continue;
-      const G = Ie(d, { y: 1, x: B }), V = G.left - v;
-      if (V + G.width < x || V > S)
+      const G = Ie(g, { y: 1, x: K }), V = G.left - v;
+      if (V + G.width < x || V > C)
         continue;
-      const U = Math.max(V, x), X = Math.min(V + G.width, S) - U;
-      X > 0 && (K && Qt(I, U, 0, X, A, K), I.strokeStyle = z, I.lineWidth = 2, I.beginPath(), I.moveTo(U, A + 1), I.lineTo(U + X, A + 1), I.stroke());
+      const W = Math.max(V, x), O = Math.min(V + G.width, C) - W;
+      O > 0 && (Z && Qt(M, W, 0, O, T, Z), M.strokeStyle = U, M.lineWidth = 2, M.beginPath(), M.moveTo(W, T + 1), M.lineTo(W + O, T + 1), M.stroke());
     }
-    for (let B = 1; B <= ae; B++) {
-      if (d.isRowFiltered(B))
+    for (let K = 1; K <= ce; K++) {
+      if (g.isRowFiltered(K))
         continue;
-      let z = null, K = null;
-      if (Te({ start: o.startY, end: o.endY }, B) && (z = "rgba(80, 180, 255, 1)", K = u ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), r.y === B && (z = it, K = u ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !z)
+      let U = null, Z = null;
+      if (Te({ start: o.startY, end: o.endY }, K) && (U = "rgba(80, 180, 255, 1)", Z = d ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), r.y === K && (U = it, Z = d ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !U)
         continue;
-      const G = Ie(d, { y: B, x: 1 }), V = G.top - g;
-      if (V + G.height < A || V > p)
+      const G = Ie(g, { y: K, x: 1 }), V = G.top - u;
+      if (V + G.height < T || V > p)
         continue;
-      const U = Math.max(V, A), X = Math.min(V + G.height, p) - U;
-      X > 0 && (K && Qt(I, 0, U, x, X, K), I.strokeStyle = z, I.lineWidth = 2, I.beginPath(), I.moveTo(x + 1, U), I.lineTo(x + 1, U + X), I.stroke());
+      const W = Math.max(V, T), O = Math.min(V + G.height, p) - W;
+      O > 0 && (Z && Qt(M, 0, W, x, O, Z), M.strokeStyle = U, M.lineWidth = 2, M.beginPath(), M.moveTo(x + 1, W), M.lineTo(x + 1, W + O), M.stroke());
     }
   }, [
-    d,
+    g,
     s,
     r,
     o,
@@ -2685,22 +2695,25 @@ const Qs = tt(({ x: e }) => {
     h,
     f,
     a,
-    u,
+    d,
     w,
     b,
     e
-  ]), N = M(() => {
-    cancelAnimationFrame(y.current), y.current = requestAnimationFrame(T);
-  }, [T]), Y = M(() => {
-    T();
-  }, [T]);
-  return Z(() => (N(), () => cancelAnimationFrame(y.current)), [N]), Z(() => {
-    const E = s.current;
-    if (E)
-      return E.addEventListener("scroll", Y), () => {
-        E.removeEventListener("scroll", Y);
-      };
-  }, [s, Y]), /* @__PURE__ */ c(
+  ]), S = A(() => {
+    cancelAnimationFrame(y.current), y.current = requestAnimationFrame(E);
+  }, [E]), $ = A(() => {
+    E();
+  }, [E]);
+  return z(() => (S(), () => cancelAnimationFrame(y.current)), [S]), z(() => {
+    const N = s.current;
+    if (!N)
+      return;
+    N.addEventListener("scroll", $);
+    const M = new ResizeObserver(() => E());
+    return M.observe(N), () => {
+      N.removeEventListener("scroll", $), M.disconnect();
+    };
+  }, [s, $, E]), /* @__PURE__ */ c(
     "div",
     {
       style: {
@@ -2727,27 +2740,27 @@ const Qs = tt(({ x: e }) => {
     }
   );
 }, ar = () => {
-  var $, P, S, p, l, g, v, x, A;
-  const [e, n] = J({}), { store: t, dispatch: s } = ie(le), {
+  var P, X, C, p, l, u, v, x, T;
+  const [e, n] = te({}), { store: t, dispatch: s } = le(ae), {
     sheetReactive: r,
     choosing: o,
     editingAddress: i,
     tabularRef: h,
     mainRef: f,
     sheetWidth: a,
-    sheetHeight: u,
+    sheetHeight: d,
     inputting: w,
     leftHeaderSelecting: b,
-    topHeaderSelecting: d,
+    topHeaderSelecting: g,
     contextMenu: m
-  } = t, y = r.current, [D, T] = J(null), N = M((C) => {
-    C.preventDefault(), C.stopPropagation();
-  }, []), Y = M(
-    (C) => {
-      y && T(Lt(y, C.currentTarget));
+  } = t, y = r.current, [D, E] = te(null), S = A((R) => {
+    R.preventDefault(), R.stopPropagation();
+  }, []), $ = A(
+    (R) => {
+      y && E(Lt(y, R.currentTarget));
     },
     [r]
-  ), E = M(() => {
+  ), N = A(() => {
     y && (s(Pe({ y: -1, x: -1 })), requestAnimationFrame(() => {
       s(Pe({ y: 1, x: 1 })), s(
         be({
@@ -2759,38 +2772,38 @@ const Qs = tt(({ x: e }) => {
       );
     }));
   }, [r]);
-  Z(() => {
+  z(() => {
     if (!y)
       return;
     if (!(i && w.startsWith("="))) {
       n({}), y.registry.paletteBySheetName = {};
       return;
     }
-    const L = {}, q = {}, W = new qe(w.substring(1));
-    W.tokenize();
-    let ne = 0;
-    for (const ae of W.tokens)
-      if (ae.type === "REF" || ae.type === "RANGE") {
-        const B = is(ae.stringify()), z = B.indexOf("!");
-        if (z !== -1) {
-          const K = B.substring(0, z), G = B.substring(z + 1), V = ls(K), U = G.toUpperCase();
-          q[V] == null && (q[V] = {}), q[V][U] == null && (q[V][U] = ne++);
+    const B = {}, q = {}, _ = new qe(w.substring(1));
+    _.tokenize();
+    let se = 0;
+    for (const ce of _.tokens)
+      if (ce.type === "REF" || ce.type === "RANGE") {
+        const K = is(ce.stringify()), U = K.indexOf("!");
+        if (U !== -1) {
+          const Z = K.substring(0, U), G = K.substring(U + 1), V = ls(Z), W = G.toUpperCase();
+          q[V] == null && (q[V] = {}), q[V][W] == null && (q[V][W] = se++);
         } else {
-          const K = B.toUpperCase();
-          L[K] == null && (L[K] = ne++);
+          const Z = K.toUpperCase();
+          B[Z] == null && (B[Z] = se++);
         }
       }
-    n(L), y.registry.paletteBySheetName = q;
-  }, [t.inputting, t.editingAddress, r]), Z(() => {
+    n(B), y.registry.paletteBySheetName = q;
+  }, [t.inputting, t.editingAddress, r]), z(() => {
     y && (y.registry.choosingAddress = Ne(o), y.registry.choosingSheetId = y.id);
-  }, [o]), Z(() => {
-    y && T(Lt(y, h.current));
-  }, [h.current, r, ($ = f.current) == null ? void 0 : $.clientHeight, (P = f.current) == null ? void 0 : P.clientWidth]), Z(() => {
-    const C = h.current;
-    if (C)
-      return as(C);
+  }, [o]), z(() => {
+    y && E(Lt(y, h.current));
+  }, [h.current, r, (P = f.current) == null ? void 0 : P.clientHeight, (X = f.current) == null ? void 0 : X.clientWidth]), z(() => {
+    const R = h.current;
+    if (R)
+      return as(R);
   }, [r]);
-  const I = {
+  const M = {
     ...e,
     ...y ? y.registry.paletteBySheetName[y.name] : {}
   };
@@ -2800,21 +2813,22 @@ const Qs = tt(({ x: e }) => {
       className: "gs-tabular",
       style: {
         width: a === -1 ? void 0 : a,
-        height: u === -1 ? void 0 : u
+        height: d === -1 ? void 0 : d
       },
       ref: h,
-      onMouseMove: N,
-      onScroll: Y,
+      onMouseMove: S,
+      onScroll: $,
       children: /* @__PURE__ */ F(
         "div",
         {
           className: "gs-tabular-inner",
           style: {
-            width: y.totalWidth + 1,
-            height: y.totalHeight + 1
+            width: y.totalWidth,
+            height: y.totalHeight,
+            overflow: "clip"
           },
           children: [
-            /* @__PURE__ */ c(lr, { refs: I }),
+            /* @__PURE__ */ c(lr, { refs: M }),
             /* @__PURE__ */ F("table", { className: "gs-table", children: [
               /* @__PURE__ */ c("thead", { className: "gs-thead", style: { height: y.headerHeight }, children: /* @__PURE__ */ F("tr", { className: "gs-row", children: [
                 /* @__PURE__ */ c(
@@ -2822,33 +2836,32 @@ const Qs = tt(({ x: e }) => {
                   {
                     className: "gs-th gs-th-left gs-th-top",
                     style: { position: "sticky", width: y.headerWidth, height: y.headerHeight },
-                    onClick: E,
+                    onClick: N,
                     children: /* @__PURE__ */ F("div", { className: "gs-th-inner", children: [
                       /* @__PURE__ */ c(
                         ke,
                         {
-                          className: b || d ? "gs-hidden" : "",
+                          className: b || g ? "gs-hidden" : "",
                           style: { position: "absolute" },
                           horizontal: b ? 0 : -1,
-                          vertical: d ? 0 : -1
+                          vertical: g ? 0 : -1
                         }
                       ),
                       m.length > 0 && /* @__PURE__ */ c(
                         "button",
                         {
                           className: "gs-menu-btn gs-corner-menu-btn",
-                          title: "Menu",
-                          onClick: (C) => C.stopPropagation(),
-                          onMouseDown: (C) => {
-                            C.preventDefault(), C.currentTarget.dataset.pressX = String(C.clientX), C.currentTarget.dataset.pressY = String(C.clientY);
+                          onClick: (R) => R.stopPropagation(),
+                          onMouseDown: (R) => {
+                            R.preventDefault(), R.currentTarget.dataset.pressX = String(R.clientX), R.currentTarget.dataset.pressY = String(R.clientY);
                           },
-                          onMouseUp: (C) => {
-                            C.stopPropagation();
-                            const L = C.currentTarget, q = Number(L.dataset.pressX ?? C.clientX), W = Number(L.dataset.pressY ?? C.clientY);
-                            if (Math.abs(C.clientX - q) > 4 || Math.abs(C.clientY - W) > 4)
+                          onMouseUp: (R) => {
+                            R.stopPropagation();
+                            const B = R.currentTarget, q = Number(B.dataset.pressX ?? R.clientX), _ = Number(B.dataset.pressY ?? R.clientY);
+                            if (Math.abs(R.clientX - q) > 4 || Math.abs(R.clientY - _) > 4)
                               return;
-                            const ae = L.getBoundingClientRect();
-                            s(ze({ y: ae.bottom, x: ae.left }));
+                            const ce = B.getBoundingClientRect();
+                            s(ze({ y: ce.bottom, x: ce.left }));
                           },
                           children: "⋮"
                         }
@@ -2860,15 +2873,15 @@ const Qs = tt(({ x: e }) => {
                   "th",
                   {
                     className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-left",
-                    style: { width: ((S = D == null ? void 0 : D.adjuster) == null ? void 0 : S.left) ?? 1 }
+                    style: { width: ((C = D == null ? void 0 : D.adjuster) == null ? void 0 : C.left) ?? 1 }
                   }
                 ),
-                (l = (p = D == null ? void 0 : D.xs) == null ? void 0 : p.map) == null ? void 0 : l.call(p, (C) => /* @__PURE__ */ c(Qs, { x: C }, C)),
+                (l = (p = D == null ? void 0 : D.xs) == null ? void 0 : p.map) == null ? void 0 : l.call(p, (R) => /* @__PURE__ */ c(Qs, { x: R }, R)),
                 /* @__PURE__ */ c(
                   "th",
                   {
                     className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-right",
-                    style: { width: (g = D == null ? void 0 : D.adjuster) == null ? void 0 : g.right }
+                    style: { width: (u = D == null ? void 0 : D.adjuster) == null ? void 0 : u.right }
                   }
                 )
               ] }) }),
@@ -2881,17 +2894,17 @@ const Qs = tt(({ x: e }) => {
                   }
                 ),
                 /* @__PURE__ */ c("td", { className: "gs-adjuster gs-adjuster-vertical" }),
-                (x = D == null ? void 0 : D.xs) == null ? void 0 : x.map((C) => /* @__PURE__ */ c("td", { className: "gs-adjuster gs-adjuster-vertical" }, C)),
+                (x = D == null ? void 0 : D.xs) == null ? void 0 : x.map((R) => /* @__PURE__ */ c("td", { className: "gs-adjuster gs-adjuster-vertical" }, R)),
                 /* @__PURE__ */ c("th", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-vertical" })
               ] }) }),
-              /* @__PURE__ */ c("tbody", { className: "gs-sheet-body-data", children: (A = D == null ? void 0 : D.ys) == null ? void 0 : A.map((C) => {
-                var L;
-                return /* @__PURE__ */ F("tr", { className: `gs-row ${C % 2 === 0 ? "gs-row-even" : "gs-row-odd"}`, children: [
-                  /* @__PURE__ */ c(Js, { y: C }),
+              /* @__PURE__ */ c("tbody", { className: "gs-sheet-body-data", children: (T = D == null ? void 0 : D.ys) == null ? void 0 : T.map((R) => {
+                var B;
+                return /* @__PURE__ */ F("tr", { className: `gs-row ${R % 2 === 0 ? "gs-row-even" : "gs-row-odd"}`, children: [
+                  /* @__PURE__ */ c(Js, { y: R }),
                   /* @__PURE__ */ c("td", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-left" }),
-                  (L = D == null ? void 0 : D.xs) == null ? void 0 : L.map((q) => /* @__PURE__ */ c(Vs, { y: C, x: q }, q)),
+                  (B = D == null ? void 0 : D.xs) == null ? void 0 : B.map((q) => /* @__PURE__ */ c(Vs, { y: R, x: q }, q)),
                   /* @__PURE__ */ c("td", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-right" })
-                ] }, C);
+                ] }, R);
               }) })
             ] })
           ]
@@ -2900,202 +2913,202 @@ const Qs = tt(({ x: e }) => {
     }
   ) });
 }, cr = ({ ready: e }) => {
-  var X, Q;
-  const { store: n, dispatch: t } = ie(le), [s, r] = J(""), [o, i] = J(0), [h, f] = J(!1), {
+  var O, Q;
+  const { store: n, dispatch: t } = le(ae), [s, r] = te(""), [o, i] = te(0), [h, f] = te(!1), {
     choosing: a,
-    selectingZone: u,
+    selectingZone: d,
     editorRef: w,
     largeEditorRef: b,
-    sheetReactive: d,
+    sheetReactive: g,
     inputting: m,
     editingAddress: y,
     dragging: D
-  } = n, T = d.current, N = oe(null), Y = a.x === -1 ? "" : Ne(a), E = T == null ? void 0 : T.getCell(a, { resolution: "SYSTEM" }), I = (X = T == null ? void 0 : T.getSystem(a)) == null ? void 0 : X.spilledFrom, $ = I ? wt(I) : void 0, P = $ != null ? Ne($) : void 0;
-  Z(() => {
-    var _;
-    if (!T)
+  } = n, E = g.current, S = ie(null), $ = a.x === -1 ? "" : Ne(a), N = E == null ? void 0 : E.getCell(a, { resolution: "SYSTEM" }), M = (O = E == null ? void 0 : E.getSystem(a)) == null ? void 0 : O.spilledFrom, P = M ? wt(M) : void 0, X = P != null ? Ne(P) : void 0;
+  z(() => {
+    var I;
+    if (!E)
       return;
-    let R = ((_ = T.getCell(a, { resolution: "SYSTEM" })) == null ? void 0 : _.value) ?? "";
-    R = T.getSerializedValue({ point: a, cell: { ...E, value: R }, resolution: "RAW" }), b.current.value = R, r(R);
-  }, [Y, T]);
-  const S = M(
-    (R) => {
-      s !== R && t(Ze({ value: R })), t(ue("")), H(w.current);
+    let Y = ((I = E.getCell(a, { resolution: "SYSTEM" })) == null ? void 0 : I.value) ?? "";
+    Y = E.getSerializedValue({ point: a, cell: { ...N, value: Y }, resolution: "RAW" }), b.current.value = Y, r(Y);
+  }, [$, E]);
+  const C = A(
+    (Y) => {
+      s !== Y && t(Ze({ value: Y })), t(de("")), L(w.current);
     },
     [s]
   );
-  Z(() => {
-    const R = new ResizeObserver((_) => {
-      _.forEach(B);
+  z(() => {
+    const Y = new ResizeObserver((I) => {
+      I.forEach(K);
     });
-    return b.current && R.observe(b.current), () => {
-      R.disconnect();
+    return b.current && Y.observe(b.current), () => {
+      Y.disconnect();
     };
   }, []);
-  const p = T == null ? void 0 : T.getPolicy(a), l = (p == null ? void 0 : p.getSelectOptions()) || [], {
-    filteredOptions: g,
+  const p = E == null ? void 0 : E.getPolicy(a), l = (p == null ? void 0 : p.getSelectOptions()) || [], {
+    filteredOptions: u,
     selected: v,
     replaceWithOption: x,
-    handleArrowUp: A,
-    handleArrowDown: C,
-    activeFunctionHelp: L,
+    handleArrowUp: T,
+    handleArrowDown: R,
+    activeFunctionHelp: B,
     activeArgIndex: q
   } = Rn({
     inputting: m,
     selectionStart: o,
     optionsAll: l,
-    functions: T == null ? void 0 : T.registry.functions
-  }), W = b.current, ne = M((R) => {
-    t(re(R.currentTarget.value)), i(R.currentTarget.selectionStart);
-  }, []), ae = M((R) => {
-    i(R.currentTarget.selectionStart);
-  }, []), B = M(() => {
-    !N.current || !b.current || (N.current.style.height = `${b.current.clientHeight}px`, N.current.scrollLeft = b.current.scrollLeft, N.current.scrollTop = b.current.scrollTop);
-  }, []), z = M(
-    (R) => {
-      !W || !T || (f(!0), t(ue(Y)), T.registry.lastFocused = R.currentTarget);
-    },
-    [W, Y, T]
+    functions: E == null ? void 0 : E.registry.functions
+  }), _ = b.current, se = A((Y) => {
+    t(oe(Y.currentTarget.value)), i(Y.currentTarget.selectionStart);
+  }, []), ce = A((Y) => {
+    i(Y.currentTarget.selectionStart);
+  }, []), K = A(() => {
+    !S.current || !b.current || (S.current.style.height = `${b.current.clientHeight}px`, S.current.scrollLeft = b.current.scrollLeft, S.current.scrollTop = b.current.scrollTop);
+  }, []), U = A(
+    (Y) => {
+      !_ || !E || (f(!0), t(de($)), E.registry.lastFocused = Y.currentTarget);
+    },
+    [_, $, E]
   );
-  M(
-    (R) => {
-      if (f(!1), R.currentTarget.value.startsWith("="))
+  A(
+    (Y) => {
+      if (f(!1), Y.currentTarget.value.startsWith("="))
         return !0;
-      y && S(R.currentTarget.value);
+      y && C(Y.currentTarget.value);
     },
-    [y, S]
+    [y, C]
   );
-  const K = M(
-    (R) => {
-      if (R.ctrlKey || !T)
+  const Z = A(
+    (Y) => {
+      if (Y.ctrlKey || !E)
         return !0;
-      const _ = R.currentTarget;
-      if (en(R, m))
-        return t(re(_.value)), !1;
-      switch (R.key) {
+      const I = Y.currentTarget;
+      if (en(Y, m))
+        return t(oe(I.value)), !1;
+      switch (Y.key) {
         case "Tab":
-          if (R.preventDefault(), g.length) {
-            const ee = g[v];
-            if (ee == null ? void 0 : ee.isFunction) {
-              const { value: Ee, selectionStart: We } = x(ee);
-              return t(re(Ee)), setTimeout(() => {
-                b.current && (H(b.current), b.current.setSelectionRange(We, We));
+          if (Y.preventDefault(), u.length) {
+            const J = u[v];
+            if (J == null ? void 0 : J.isFunction) {
+              const { value: xe, selectionStart: We } = x(J);
+              return t(oe(xe)), setTimeout(() => {
+                b.current && (L(b.current), b.current.setSelectionRange(We, We));
               }, 0), !1;
             } else {
-              const Ee = T.update({ diff: { [Y]: { value: ee.value } }, partial: !0 });
-              t(Ue(Ee.clone())), t(ue("")), t(re(""));
+              const xe = E.update({ diff: { [$]: { value: J.value } }, partial: !0 });
+              t(Ue(xe.clone())), t(de("")), t(oe(""));
             }
           }
           break;
         case "ArrowUp":
-          if (A(R))
+          if (T(Y))
             return !0;
           break;
         case "ArrowDown":
-          if (C(R))
+          if (R(Y))
             return !0;
           break;
         case "Enter": {
-          if (g.length) {
-            const ee = g[v];
-            if (ee != null && ee.isFunction) {
-              const { value: pe, selectionStart: Ee } = x(ee);
-              return t(re(pe)), setTimeout(() => {
-                b.current && (H(b.current), b.current.setSelectionRange(Ee, Ee));
-              }, 0), R.preventDefault(), !1;
+          if (u.length) {
+            const J = u[v];
+            if (J != null && J.isFunction) {
+              const { value: pe, selectionStart: xe } = x(J);
+              return t(oe(pe)), setTimeout(() => {
+                b.current && (L(b.current), b.current.setSelectionRange(xe, xe));
+              }, 0), Y.preventDefault(), !1;
             }
           }
-          if (R.altKey)
-            tn(_, `
+          if (Y.altKey)
+            tn(I, `
 `);
           else
-            return S(_.value), t(re("")), t(
+            return C(I.value), t(oe("")), t(
               ut({
-                numRows: T.numRows,
-                numCols: T.numCols,
+                numRows: E.numRows,
+                numCols: E.numCols,
                 deltaY: 1,
                 deltaX: 0
               })
-            ), R.preventDefault(), !1;
+            ), Y.preventDefault(), !1;
           break;
         }
         case "Escape": {
-          _.value = s, t(re(s)), t(ue("")), R.preventDefault(), H(w.current);
+          I.value = s, t(oe(s)), t(de("")), Y.preventDefault(), L(w.current);
           break;
         }
         case "a":
-          if (R.ctrlKey || R.metaKey)
+          if (Y.ctrlKey || Y.metaKey)
             return !0;
         case "c":
-          if (R.ctrlKey || R.metaKey)
+          if (Y.ctrlKey || Y.metaKey)
             return !0;
           break;
         case "v":
-          if (R.ctrlKey || R.metaKey)
+          if (Y.ctrlKey || Y.metaKey)
             return !0;
           break;
       }
-      const ge = T.getCell(a, { resolution: "SYSTEM" });
-      return O.hasOperation(ge == null ? void 0 : ge.prevention, O.Write) && (console.warn("This cell is protected from writing."), R.preventDefault()), B(), !1;
+      const ee = E.getCell(a, { resolution: "SYSTEM" });
+      return H.hasOperation(ee == null ? void 0 : ee.prevention, H.Write) && (console.warn("This cell is protected from writing."), Y.preventDefault()), K(), !1;
     },
     [
-      T,
+      E,
       a,
-      Y,
+      $,
       s,
-      S,
-      B,
-      g,
+      C,
+      K,
+      u,
       v,
       x,
-      A,
-      C,
+      T,
+      R,
       m
     ]
-  ), G = M(
-    (R, _) => {
-      R.preventDefault(), R.stopPropagation();
-      const ge = g[_];
-      if (ge.isFunction) {
-        const { value: ee, selectionStart: pe } = x(ge);
-        S(ee), t(re(ee)), setTimeout(() => {
-          b.current && (H(b.current), b.current.setSelectionRange(pe, pe));
+  ), G = A(
+    (Y, I) => {
+      Y.preventDefault(), Y.stopPropagation();
+      const ee = u[I];
+      if (ee.isFunction) {
+        const { value: J, selectionStart: pe } = x(ee);
+        C(J), t(oe(J)), setTimeout(() => {
+          b.current && (L(b.current), b.current.setSelectionRange(pe, pe));
         }, 0);
       }
     },
-    [g, x, S, t]
+    [u, x, C, t]
   ), V = e ? {} : { visibility: "hidden" };
-  if (!T)
+  if (!E)
     return /* @__PURE__ */ F("label", { className: "gs-formula-bar gs-hidden", style: V, children: [
       /* @__PURE__ */ c("div", { className: "gs-selecting-address" }),
       /* @__PURE__ */ c("div", { className: "gs-fx", children: "Fx" }),
       /* @__PURE__ */ c("div", { className: "gs-formula-bar-editor-inner", children: /* @__PURE__ */ c("textarea", {}) })
     ] });
-  const U = () => {
-    var ee;
+  const W = () => {
+    var J;
     if (!h || typeof document > "u" || b.current !== document.activeElement)
       return null;
-    const R = (ee = b.current) == null ? void 0 : ee.getBoundingClientRect();
-    if (!R)
+    const Y = (J = b.current) == null ? void 0 : J.getBoundingClientRect();
+    if (!Y)
       return null;
-    const _ = R.bottom, ge = R.left;
+    const I = Y.bottom, ee = Y.left;
     return Ct(
       /* @__PURE__ */ F(we, { children: [
-        L && g.length === 0 && (!u || u.endY === -1 && u.endX === -1) && /* @__PURE__ */ c(
+        B && u.length === 0 && (!d || d.endY === -1 && d.endX === -1) && /* @__PURE__ */ c(
           St,
           {
-            activeFunctionGuide: L,
+            activeFunctionGuide: B,
             activeArgIndex: q,
-            top: _,
-            left: ge
+            top: I,
+            left: ee
           }
         ),
-        g.length > 0 && a.x !== -1 && /* @__PURE__ */ c(
+        u.length > 0 && a.x !== -1 && /* @__PURE__ */ c(
           wn,
           {
-            filteredOptions: g,
-            top: _,
-            left: ge,
+            filteredOptions: u,
+            top: I,
+            left: ee,
             selected: v,
             onOptionMouseDown: G
           }
@@ -3109,23 +3122,23 @@ const Qs = tt(({ x: e }) => {
     {
       className: "gs-formula-bar",
       "data-sheet-id": n.sheetId,
-      "data-spill": P != null ? "true" : void 0,
+      "data-spill": X != null ? "true" : void 0,
       style: V,
       children: [
         /* @__PURE__ */ c(ke, { style: { position: "absolute", left: 0, top: 0, zIndex: 2 }, vertical: -1 }),
-        /* @__PURE__ */ c("div", { className: "gs-selecting-address", children: P ?? Y }),
+        /* @__PURE__ */ c("div", { className: "gs-selecting-address", children: X ?? $ }),
         /* @__PURE__ */ c("div", { className: "gs-fx", children: "Fx" }),
         /* @__PURE__ */ F("div", { className: "gs-formula-bar-editor-inner", children: [
           /* @__PURE__ */ c(
             "div",
             {
               className: "gs-editor-hl",
-              ref: N,
+              ref: S,
               style: {
                 height: (Q = b.current) == null ? void 0 : Q.clientHeight,
                 width: "100%"
               },
-              children: (E == null ? void 0 : E.formulaEnabled) ?? !0 ? Nn(m) : m
+              children: (N == null ? void 0 : N.formulaEnabled) ?? !0 ? Nn(m) : m
             }
           ),
           /* @__PURE__ */ c(
@@ -3138,25 +3151,25 @@ const Qs = tt(({ x: e }) => {
               spellCheck: !1,
               ref: b,
               value: m,
-              readOnly: P != null,
-              onInput: ne,
-              onFocus: z,
-              onSelect: ae,
-              onPaste: (R) => {
-                R.stopPropagation();
+              readOnly: X != null,
+              onInput: se,
+              onFocus: U,
+              onSelect: ce,
+              onPaste: (Y) => {
+                Y.stopPropagation();
               },
-              onKeyDown: K,
-              onKeyUp: B,
-              onScroll: B,
-              onMouseEnter: (R) => {
+              onKeyDown: Z,
+              onKeyUp: K,
+              onScroll: K,
+              onMouseEnter: (Y) => {
                 t(Qe(!0));
               },
-              onMouseLeave: (R) => {
+              onMouseLeave: (Y) => {
                 t(Qe(!1));
               }
             }
           ),
-          U()
+          W()
         ] })
       ]
     }
@@ -3186,7 +3199,7 @@ const Qs = tt(({ x: e }) => {
   /* @__PURE__ */ c("path", { d: "M18 6l-12 12", fill: n }),
   /* @__PURE__ */ c("path", { d: "M6 6l12 12", fill: n })
 ] }), gr = () => {
-  const { store: e, dispatch: n } = ie(le), {
+  const { store: e, dispatch: n } = le(ae), {
     rootRef: t,
     editorRef: s,
     searchInputRef: r,
@@ -3195,68 +3208,68 @@ const Qs = tt(({ x: e }) => {
     searchCaseSensitive: h,
     searchRegex: f,
     searchRange: a,
-    selectingZone: u,
+    selectingZone: d,
     matchingCellIndex: w,
     matchingCells: b,
-    sheetReactive: d
-  } = e, m = d.current, y = b[w];
-  Z(() => {
+    sheetReactive: g
+  } = e, m = g.current, y = b[w];
+  z(() => {
     if (!y || !m)
       return;
-    const g = wt(y);
-    typeof g > "u" || cs(m, o.current, g);
+    const u = wt(y);
+    typeof u > "u" || cs(m, o.current, u);
   }, [i, w, h, f, m, o]);
-  const D = M((g) => {
-    const v = g.currentTarget.previousSibling;
-    (v == null ? void 0 : v.nodeName) === "INPUT" && H(v);
-  }, []), T = M(() => {
+  const D = A((u) => {
+    const v = u.currentTarget.previousSibling;
+    (v == null ? void 0 : v.nodeName) === "INPUT" && L(v);
+  }, []), E = A(() => {
     n(Wt(1));
-  }, []), N = M((g) => {
-    n($e(g.currentTarget.value));
-  }, []), Y = M(
-    (g) => {
-      if (g.key === "Escape") {
+  }, []), S = A((u) => {
+    n($e(u.currentTarget.value));
+  }, []), $ = A(
+    (u) => {
+      if (u.key === "Escape") {
         const v = s == null ? void 0 : s.current;
-        v && H(v), n($e(void 0));
+        v && L(v), n($e(void 0));
       }
-      return g.key === "f" && (g.ctrlKey || g.metaKey) ? (g.preventDefault(), !1) : g.key === "Enter" ? (n(Wt(g.shiftKey ? -1 : 1)), g.preventDefault(), !1) : !0;
+      return u.key === "f" && (u.ctrlKey || u.metaKey) ? (u.preventDefault(), !1) : u.key === "Enter" ? (n(Wt(u.shiftKey ? -1 : 1)), u.preventDefault(), !1) : !0;
     },
     [s]
-  ), E = M(() => {
+  ), N = A(() => {
     n(Rs(!h));
-  }, [h]), I = M(() => {
+  }, [h]), M = A(() => {
     n(Cs(!f));
-  }, [f]), $ = Ye(() => {
-    if (!u || us(u))
+  }, [f]), P = Ye(() => {
+    if (!d || us(d))
       return !1;
-    const { startY: g, startX: v, endY: x, endX: A } = u;
-    return !(g === x && v === A);
-  }, [u]), P = Ye(() => {
-    if (!u || !$)
+    const { startY: u, startX: v, endY: x, endX: T } = d;
+    return !(u === x && v === T);
+  }, [d]), X = Ye(() => {
+    if (!d || !P)
       return "";
-    const { startY: g, startX: v, endY: x, endX: A } = u, C = `${me(Math.min(v, A))}${ve(Math.min(g, x))}`, L = `${me(Math.max(v, A))}${ve(Math.max(g, x))}`;
-    return `${C}:${L}`;
-  }, [u, $]), S = M(() => {
+    const { startY: u, startX: v, endY: x, endX: T } = d, R = `${me(Math.min(v, T))}${ve(Math.min(u, x))}`, B = `${me(Math.max(v, T))}${ve(Math.max(u, x))}`;
+    return `${R}:${B}`;
+  }, [d, P]), C = A(() => {
     if (a)
       n(_t(void 0));
-    else if (u && $) {
-      const { startY: g, startX: v, endY: x, endX: A } = u;
+    else if (d && P) {
+      const { startY: u, startX: v, endY: x, endX: T } = d;
       n(
         _t({
-          startY: Math.min(g, x),
-          startX: Math.min(v, A),
-          endY: Math.max(g, x),
-          endX: Math.max(v, A)
+          startY: Math.min(u, x),
+          startX: Math.min(v, T),
+          endY: Math.max(u, x),
+          endX: Math.max(v, T)
         })
       );
     }
-  }, [a, u, $]), p = Ye(() => {
+  }, [a, d, P]), p = Ye(() => {
     if (!a)
       return "";
-    const { startY: g, startX: v, endY: x, endX: A } = a, C = `${me(v)}${ve(g)}`, L = `${me(A)}${ve(x)}`;
-    return `${C}:${L}`;
-  }, [a]), l = M(() => {
-    n($e(void 0)), H(s.current);
+    const { startY: u, startX: v, endY: x, endX: T } = a, R = `${me(v)}${ve(u)}`, B = `${me(T)}${ve(x)}`;
+    return `${R}:${B}`;
+  }, [a]), l = A(() => {
+    n($e(void 0)), L(s.current);
   }, [s]);
   return typeof i > "u" || t.current === null ? null : /* @__PURE__ */ F("label", { className: `gs-search-bar ${b.length > 0 ? "gs-search-found" : ""}`, children: [
     /* @__PURE__ */ F("div", { className: "gs-search-progress", onClick: D, children: [
@@ -3264,7 +3277,7 @@ const Qs = tt(({ x: e }) => {
       " / ",
       b.length
     ] }),
-    /* @__PURE__ */ c("div", { className: "gs-search-bar-icon", onClick: T, children: /* @__PURE__ */ c(ur, { style: { verticalAlign: "middle", marginLeft: "5px" } }) }),
+    /* @__PURE__ */ c("div", { className: "gs-search-bar-icon", onClick: E, children: /* @__PURE__ */ c(ur, { style: { verticalAlign: "middle", marginLeft: "5px" } }) }),
     /* @__PURE__ */ F("div", { className: "gs-search-input-wrapper", children: [
       /* @__PURE__ */ F("div", { className: "gs-search-input-ghost", children: [
         /* @__PURE__ */ c("span", { className: "gs-search-ghost-text", children: i }),
@@ -3275,8 +3288,8 @@ const Qs = tt(({ x: e }) => {
         {
           ref: r,
           value: i,
-          onChange: N,
-          onKeyDown: Y,
+          onChange: S,
+          onKeyDown: $,
           placeholder: "Search",
           title: "Press Enter to next, Shift+Enter to previous"
         }
@@ -3287,7 +3300,7 @@ const Qs = tt(({ x: e }) => {
         "span",
         {
           className: "gs-search-button-on",
-          onClick: S,
+          onClick: C,
           title: `Search range: ${p}`,
           children: [
             "in ",
@@ -3295,15 +3308,15 @@ const Qs = tt(({ x: e }) => {
           ]
         }
       ) }),
-      !a && $ && /* @__PURE__ */ c("div", { className: "gs-search-button gs-search-range", children: /* @__PURE__ */ F("span", { onClick: S, title: `Limit to range: ${P}`, children: [
+      !a && P && /* @__PURE__ */ c("div", { className: "gs-search-button gs-search-range", children: /* @__PURE__ */ F("span", { onClick: C, title: `Limit to range: ${X}`, children: [
         "in ",
-        P
+        X
       ] }) }),
       /* @__PURE__ */ c("div", { className: "gs-search-button gs-search-casesensitive", children: /* @__PURE__ */ c(
         "span",
         {
           className: `${h ? "gs-search-button-on" : ""}`,
-          onClick: E,
+          onClick: N,
           title: "Case sensitive",
           children: "Aa"
         }
@@ -3312,7 +3325,7 @@ const Qs = tt(({ x: e }) => {
         "span",
         {
           className: `${f ? "gs-search-button-on" : ""}`,
-          onClick: I,
+          onClick: M,
           title: "Regular expression",
           children: ".*"
         }
@@ -3320,7 +3333,7 @@ const Qs = tt(({ x: e }) => {
     ] }),
     /* @__PURE__ */ c("a", { className: "gs-search-close", onClick: l, children: /* @__PURE__ */ c(dr, { style: { verticalAlign: "middle" } }) })
   ] });
-}, Er = () => ln(), hr = () => oe(null), xr = () => ln(), fr = () => oe(null);
+}, xr = () => ln(), hr = () => ie(null), Er = () => ln(), fr = () => ie(null);
 function kr({
   initialCells: e,
   sheetName: n = "",
@@ -3331,25 +3344,25 @@ function kr({
   style: i,
   book: h
 }) {
-  var W, ne, ae, B;
-  const { sheetResize: f, showFormulaBar: a = !0, mode: u = "light" } = r, w = oe(null), b = oe(null), d = oe(null), m = oe(null), y = oe(null), D = oe(null), T = oe(null), N = hr(), Y = t ?? N, E = fr(), I = s ?? E, $ = Ss({}), P = h ?? $, { registry: S } = P, [p] = J(() => n ? (S._componentSheetIds.has(n) || S._componentSheetIds.set(n, ++S.sheetHead), S._componentSheetIds.get(n)) : ++S.sheetHead), l = oe(null), [g] = J(() => {
+  var _, se, ce, K;
+  const { sheetResize: f, showFormulaBar: a = !0, mode: d = "light" } = r, w = ie(null), b = ie(null), g = ie(null), m = ie(null), y = ie(null), D = ie(null), E = ie(null), S = hr(), $ = t ?? S, N = fr(), M = s ?? N, P = Ss({}), X = h ?? P, { registry: C } = X, [p] = te(() => n ? (C._componentSheetIds.has(n) || C._componentSheetIds.set(n, ++C.sheetHead), C._componentSheetIds.get(n)) : ++C.sheetHead), l = ie(null), [u] = te(() => {
     var Q;
     n || (n = `Sheet${p}`, console.debug("GridSheet: sheetName is not provided, using default name:", n));
-    const { limits: z, contextMenu: K, rowMenu: G, colMenu: V } = r, U = new ds({
-      limits: z,
+    const { limits: U, contextMenu: Z, rowMenu: G, colMenu: V } = r, W = new ds({
+      limits: U,
       name: n,
-      registry: S
+      registry: C
     });
-    return U.id = p, S.sheetIdsByName[n] = p, U.initialize(e), (Q = S.onInit) == null || Q.call(S, { sheet: U }), U.setTotalSize(), l.current = U, {
+    return W.id = p, C.sheetIdsByName[n] = p, W.initialize(e), (Q = C.onInit) == null || Q.call(C, { sheet: W }), W.setTotalSize(), l.current = W, {
       sheetId: p,
       sheetReactive: l,
       rootRef: w,
       flashRef: b,
-      mainRef: d,
+      mainRef: g,
       searchInputRef: m,
       editorRef: y,
       largeEditorRef: D,
-      tabularRef: T,
+      tabularRef: E,
       choosing: { y: 1, x: 1 },
       inputting: "",
       selectingZone: { startY: 1, startX: 1, endY: -1, endX: -1 },
@@ -3368,7 +3381,7 @@ function kr({
       searchRegex: !1,
       editingOnEnter: !0,
       contextMenuPosition: { y: -1, x: -1 },
-      contextMenu: K ?? Os,
+      contextMenu: Z ?? Os,
       rowMenu: G ?? Hs,
       colMenu: V ?? Ls,
       resizingPositionY: [-1, -1, -1],
@@ -3380,55 +3393,61 @@ function kr({
     };
   }), [v, x] = ys(
     Ns,
-    g,
-    () => g
+    u,
+    () => u
   );
-  Z(() => {
+  z(() => {
     gs();
   }, []);
-  const [A, C] = J((r == null ? void 0 : r.sheetHeight) || mr(e)), [L, q] = J((r == null ? void 0 : r.sheetWidth) || pr(e));
-  return Z(() => {
-    const z = window.setInterval(() => {
-      var K, G;
-      C(((K = d.current) == null ? void 0 : K.clientHeight) || 0), q(((G = d.current) == null ? void 0 : G.clientWidth) || 0);
-    }, 1e3);
-    return () => window.clearInterval(z);
-  }, []), Z(() => {
-    r.sheetHeight && C(r.sheetHeight);
-  }, [r.sheetHeight]), Z(() => {
+  const [T, R] = te((r == null ? void 0 : r.sheetHeight) || mr(e)), [B, q] = te((r == null ? void 0 : r.sheetWidth) || pr(e));
+  return z(() => {
+    const U = g.current;
+    if (!U)
+      return;
+    let Z = !0;
+    const G = new ResizeObserver(() => {
+      if (Z) {
+        Z = !1;
+        return;
+      }
+      r.sheetHeight || R(U.clientHeight), r.sheetWidth || q(U.clientWidth);
+    });
+    return G.observe(U), () => G.disconnect();
+  }, []), z(() => {
+    r.sheetHeight && R(r.sheetHeight);
+  }, [r.sheetHeight]), z(() => {
     r.sheetWidth && q(r.sheetWidth);
-  }, [r.sheetWidth]), /* @__PURE__ */ c(le.Provider, { value: { store: v, dispatch: x }, children: /* @__PURE__ */ F(
+  }, [r.sheetWidth]), /* @__PURE__ */ c(ae.Provider, { value: { store: v, dispatch: x }, children: /* @__PURE__ */ F(
     "div",
     {
-      className: `gs-root1 ${S.ready ? "gs-initialized" : ""}`,
+      className: `gs-root1 ${C.ready ? "gs-initialized" : ""}`,
       ref: w,
       "data-sheet-name": n,
-      "data-mode": u,
-      "data-rows": ((W = v.sheetReactive.current) == null ? void 0 : W.numRows) ?? 0,
-      "data-cols": ((ne = v.sheetReactive.current) == null ? void 0 : ne.numCols) ?? 0,
+      "data-mode": d,
+      "data-rows": ((_ = v.sheetReactive.current) == null ? void 0 : _.numRows) ?? 0,
+      "data-cols": ((se = v.sheetReactive.current) == null ? void 0 : se.numCols) ?? 0,
       children: [
         /* @__PURE__ */ c("div", { className: "gs-flash-overlay", ref: b }),
         /* @__PURE__ */ c(ke, { style: { position: "fixed", top: 0, left: 0 } }),
         /* @__PURE__ */ c(ke, { style: { position: "absolute", zIndex: 4, right: 0, top: 0, width: 5 }, horizontal: 1 }),
         /* @__PURE__ */ c(ke, { style: { position: "absolute", zIndex: 4, left: 0, bottom: 0, height: 5 }, vertical: 1 }),
-        typeof v.searchQuery > "u" ? a && /* @__PURE__ */ c(cr, { ready: S.ready }) : /* @__PURE__ */ c(gr, {}),
+        typeof v.searchQuery > "u" ? a && /* @__PURE__ */ c(cr, { ready: C.ready }) : /* @__PURE__ */ c(gr, {}),
         /* @__PURE__ */ F(
           "div",
           {
             className: `gs-main ${o || ""}`,
-            ref: d,
+            ref: g,
             style: {
               //width: '100%',
-              maxWidth: (((ae = v.sheetReactive.current) == null ? void 0 : ae.totalWidth) || 0) + 2,
-              maxHeight: (((B = v.sheetReactive.current) == null ? void 0 : B.fullHeight) || 0) + 2,
-              overflow: "auto",
+              maxWidth: (((ce = v.sheetReactive.current) == null ? void 0 : ce.totalWidth) || 0) + 2,
+              maxHeight: (((K = v.sheetReactive.current) == null ? void 0 : K.fullHeight) || 0) + 2,
               resize: f,
               ...i
             },
             children: [
-              /* @__PURE__ */ c(Ts, { mode: u }),
+              /* @__PURE__ */ c(Ts, { mode: d }),
               /* @__PURE__ */ c(ar, {}),
-              /* @__PURE__ */ c(As, { ...r, sheetHeight: A, sheetWidth: L, sheetName: n, sheetRef: Y, storeRef: I }),
+              /* @__PURE__ */ c(As, { ...r, sheetHeight: T, sheetWidth: B, sheetName: n, sheetRef: $, storeRef: M }),
               /* @__PURE__ */ c(Ks, {}),
               /* @__PURE__ */ c(Ws, {}),
               /* @__PURE__ */ c(js, {}),
@@ -3446,10 +3465,10 @@ const mr = (e) => {
   const n = rn(e);
   let t = ((s = e[0]) == null ? void 0 : s.height) ?? hs;
   for (let f = 1; f <= n.numRows; f++) {
-    const a = ve(f), u = ((r = e == null ? void 0 : e[a]) == null ? void 0 : r.height) || ((o = e == null ? void 0 : e["0" + a]) == null ? void 0 : o.height) || ((i = e == null ? void 0 : e[fs]) == null ? void 0 : i.height) || ((h = e == null ? void 0 : e.default) == null ? void 0 : h.height) || vt;
-    if (t + u > Bt)
+    const a = ve(f), d = ((r = e == null ? void 0 : e[a]) == null ? void 0 : r.height) || ((o = e == null ? void 0 : e["0" + a]) == null ? void 0 : o.height) || ((i = e == null ? void 0 : e[fs]) == null ? void 0 : i.height) || ((h = e == null ? void 0 : e.default) == null ? void 0 : h.height) || vt;
+    if (t + d > Bt)
       return Bt;
-    t += u;
+    t += d;
   }
   return t + 3;
 }, pr = (e) => {
@@ -3457,10 +3476,10 @@ const mr = (e) => {
   const n = rn(e);
   let t = ((s = e[0]) == null ? void 0 : s.width) ?? ms;
   for (let f = 1; f <= n.numCols; f++) {
-    const a = me(f), u = ((r = e == null ? void 0 : e[a]) == null ? void 0 : r.width) || ((o = e == null ? void 0 : e[a + "0"]) == null ? void 0 : o.width) || ((i = e == null ? void 0 : e[ps]) == null ? void 0 : i.width) || ((h = e == null ? void 0 : e.default) == null ? void 0 : h.width) || yt;
-    if (t + u > Kt)
+    const a = me(f), d = ((r = e == null ? void 0 : e[a]) == null ? void 0 : r.width) || ((o = e == null ? void 0 : e[a + "0"]) == null ? void 0 : o.width) || ((i = e == null ? void 0 : e[ps]) == null ? void 0 : i.width) || ((h = e == null ? void 0 : e.default) == null ? void 0 : h.width) || yt;
+    if (t + d > Kt)
       return Kt;
-    t += u;
+    t += d;
   }
   return t + 3;
 }, Tr = {
@@ -3491,7 +3510,7 @@ export {
   kr as GridSheet,
   Xr as Lexer,
   kt as MenuDivider,
-  xt as MenuItem,
+  Et as MenuItem,
   Or as Pending,
   Hr as PercentagePolicyMixin,
   Sr as PluginBase,
@@ -3522,8 +3541,8 @@ export {
   ao as createBook,
   co as createBooleanMask,
   uo as createRegistry,
-  Er as createSheetRef,
-  xr as createStoreRef,
+  xr as createSheetRef,
+  Er as createStoreRef,
   Ls as defaultColMenuDescriptors,
   Os as defaultContextMenuDescriptors,
   Hs as defaultRowMenuDescriptors,
@@ -3538,13 +3557,13 @@ export {
   bo as operations,
   wo as p2a,
   Ro as r2y,
-  Et as registerMenuComponent,
+  xt as registerMenuComponent,
   Co as rh,
-  Es as sheet2csv,
+  xs as sheet2csv,
   So as stripMatrix,
   No as toCellCols,
-  Eo as toCellMatrix,
-  xo as toCellObject,
+  xo as toCellMatrix,
+  Eo as toCellObject,
   ko as toCellRows,
   To as toValueCols,
   Ao as toValueMatrix,
@@ -3553,7 +3572,7 @@ export {
   Ue as updateSheet,
   Ss as useBook,
   Cr as useInitialPluginContext,
-  xn as usePluginContext,
+  En as usePluginContext,
   hr as useSheetRef,
   fr as useStoreRef,
   Po as userActions,