@gridsheet/react-core 3.0.6 → 3.1.0

package/dist/index.js

@@ -1,9 +1,9 @@
-import { calcSideStyle as qn, clampPopup as en, clampLeft as Gn, zoneToArea as ge, focus as O, Lexer as Ge, getFunctionHelps as Pt, expandInput as Qn, y2r as be, x2c as pe, resetInput as Jn, handleFormulaQuoteAutoClose as tn, areaToZone as Qe, insertTextAtCursor as nn, operations as X, isRefInsertable as sn, COLOR_PALETTE as Ie, DEFAULT_WIDTH as vt, DEFAULT_HEIGHT as bt, between as Ae, makeSequence as Xt, p2a as Ee, MIN_HEIGHT as Ht, MIN_WIDTH as Ot, zoneShape as ne, getLabel as wt, FormulaError as es, Pending as ts, insertRef as De, areaToRange as rn, calcBelowPosition as ns, hAlignTransform as ss, among as rs, getAreaInTabular as Lt, isFocus as os, Autofill as is, getCellRectPositions as Fe, a2p as Rt, virtualize as Bt, stripAddressAbsolute as ls, stripSheetName as as, preventSafariBounce as cs, smartScroll as us, isZoneNotSelected as ds, Sheet as gs, embedStyle as fs, getMaxSizesFromCells as on, HEADER_HEIGHT as hs, DEFAULT_ROW_KEY as ms, SHEET_HEIGHT as Kt, HEADER_WIDTH as ps, DEFAULT_COL_KEY as ys, SHEET_WIDTH as Zt } from "@gridsheet/core";
-import { BaseFunction as Yr, BaseFunctionAsync as $r, DEFAULT_HISTORY_LIMIT as Pr, FormulaError as Xr, FormulaParser as Hr, Lexer as Or, Pending as Lr, PercentagePolicyMixin as Br, Policy as Kr, RangeEntity as Zr, RefEntity as Ur, Registry as zr, Sheet as Wr, Spilling as _r, ThousandSeparatorPolicyMixin as jr, Time as Vr, ValueEntity as qr, a2p as Gr, aa2oa as Qr, addressesToAreas as Jr, addressesToCols as eo, addressesToRows as to, areaToRange as no, areaToZone as so, buildInitialCells as ro, buildInitialCellsFromOrigin as oo, c2x as io, ch as lo, check as ao, conditionArg as co, createBook as uo, createBooleanMask as go, createRegistry as fo, eachMatrix as ho, ensureBoolean as mo, ensureDate as po, ensureNumber as yo, ensureString as vo, matrixShape as bo, oa2aa as wo, operations as Ro, p2a as Co, r2y as So, rh as No, stripMatrix as Eo, toCellCols as xo, toCellMatrix as ko, toCellObject as To, toCellRows as Ao, toValueCols as Mo, toValueMatrix as Do, toValueObject as Io, toValueRows as Fo, x2c as Yo, y2r as $o, zoneToArea as Po } from "@gridsheet/core";
+import { calcSideStyle as qn, clampPopup as en, clampLeft as Gn, zoneToArea as he, focus as O, Lexer as Ge, getFunctionHelps as Pt, expandInput as Qn, y2r as be, x2c as pe, resetInput as Jn, handleFormulaQuoteAutoClose as tn, areaToZone as Qe, insertTextAtCursor as nn, operations as X, isRefInsertable as sn, COLOR_PALETTE as Ie, DEFAULT_WIDTH as vt, DEFAULT_HEIGHT as bt, between as Ae, makeSequence as Xt, p2a as xe, MIN_HEIGHT as Ht, MIN_WIDTH as Ot, zoneShape as se, getLabel as wt, FormulaError as es, Pending as ts, insertRef as De, areaToRange as rn, calcBelowPosition as ns, hAlignTransform as ss, among as rs, getAreaInTabular as Lt, isFocus as os, Autofill as is, getCellRectPositions as Fe, a2p as Rt, virtualize as Bt, stripAddressAbsolute as ls, stripSheetName as as, preventSafariBounce as cs, smartScroll as us, isZoneNotSelected as ds, Sheet as gs, embedStyle as hs, getMaxSizesFromCells as on, HEADER_HEIGHT as fs, DEFAULT_ROW_KEY as ms, SHEET_HEIGHT as Kt, HEADER_WIDTH as ps, DEFAULT_COL_KEY as ys, SHEET_WIDTH as Wt } from "@gridsheet/core";
+import { BaseFunction as Yr, BaseFunctionAsync as $r, DEFAULT_HISTORY_LIMIT as Pr, FormulaError as Xr, FormulaParser as Hr, Lexer as Or, Pending as Lr, PercentagePolicyMixin as Br, Policy as Kr, RangeEntity as Wr, RefEntity as Zr, Registry as Ur, Sheet as zr, Spilling as _r, ThousandSeparatorPolicyMixin as jr, Time as Vr, ValueEntity as qr, a2p as Gr, aa2oa as Qr, addressesToAreas as Jr, addressesToCols as eo, addressesToRows as to, areaToRange as no, areaToZone as so, buildInitialCells as ro, buildInitialCellsFromOrigin as oo, c2x as io, ch as lo, check as ao, conditionArg as co, createBook as uo, createBooleanMask as go, createRegistry as ho, eachMatrix as fo, ensureBoolean as mo, ensureDate as po, ensureNumber as yo, ensureString as vo, matrixShape as bo, oa2aa as wo, operations as Ro, p2a as Co, r2y as So, rh as No, stripMatrix as xo, toCellCols as Eo, toCellMatrix as ko, toCellObject as To, toCellRows as Ao, toValueCols as Mo, toValueMatrix as Do, toValueObject as Io, toValueRows as Fo, x2c as Yo, y2r as $o, zoneToArea as Po } from "@gridsheet/core";
 import { jsxs as Y, jsx as a, Fragment as Re } from "react/jsx-runtime";
-import at, { createContext as ln, useRef as se, useContext as le, useLayoutEffect as ct, useState as J, useMemo as $e, useCallback as k, memo as nt, useEffect as Z, createRef as an, useReducer as vs } from "react";
-import { u as bs, s as ue, w as Ue, a as ee, b as ze, r as ut, c as cn, d as un, e as Pe, f as dn, g as gn, h as we, i as je, j as ws, k as Ut, l as dt, p as gt, m as Je, n as Ne, o as ft, q as ht, t as Ye, v as Ct, x as fn, y as hn, z as mn, A as pn, B as yn, C as vn, D as We, E as et, F as mt, G as st, H as Rs, I as Xe, J as me, K as ke, L as bn, M as Ze, N as zt, O as wn, P as Wt, Q as _t, R as Cs, S as Ss, T as jt, U as Ns, V as Es, W as xs } from "./hooks-CcD8I6FA.mjs";
-import { X as Ho } from "./hooks-CcD8I6FA.mjs";
+import at, { createContext as ln, useRef as re, useContext as le, useLayoutEffect as ct, useState as te, useMemo as $e, useCallback as k, memo as nt, useEffect as W, createRef as an, useReducer as vs } from "react";
+import { u as bs, s as ue, w as Ze, a as ne, b as Ue, r as ut, c as cn, d as un, e as Pe, f as dn, g as gn, h as we, i as je, j as ws, k as Zt, l as dt, p as gt, m as Je, n as Ne, o as ht, q as ft, t as Ye, v as Ct, x as hn, y as fn, z as mn, A as pn, B as yn, C as vn, D as ze, E as et, F as mt, G as st, H as Rs, I as Xe, J as me, K as ke, L as bn, M as We, N as Ut, O as wn, P as zt, Q as _t, R as Cs, S as Ss, T as jt, U as Ns, V as xs, W as Es } from "./hooks-CvkA2lFB.mjs";
+import { X as Ho } from "./hooks-CvkA2lFB.mjs";
 import { createPortal as St } from "react-dom";
 const ae = ln(
   {}
@@ -14,7 +14,7 @@ const ae = ln(
   top: s,
   left: o
 }) => {
-  const i = se(null), l = se(null), { store: f } = le(ae), h = !f.editorHovering;
+  const i = re(null), l = re(null), { store: h } = le(ae), f = !h.editorHovering;
   return ct(() => {
     const c = l.current;
     c && qn(c);
@@ -55,7 +55,7 @@ const ae = ln(
     "div",
     {
       ref: i,
-      className: `gs-fn-guide2 ${h ? "gs-fn-guide2-hidden" : ""}`,
+      className: `gs-fn-guide2 ${f ? "gs-fn-guide2-hidden" : ""}`,
       style: s !== void 0 && o !== void 0 ? { top: s + 4, left: o } : void 0,
       children: [
         n.category && /* @__PURE__ */ a("span", { className: `gs-fn-guide-category gs-fn-guide-category-${n.category}`, children: n.category }),
@@ -114,23 +114,23 @@ const ae = ln(
   selected: s,
   onOptionMouseDown: o
 }) => {
-  const i = se(null), [l, f] = J(t);
+  const i = re(null), [l, h] = te(t);
   return ct(() => {
     if (!i.current)
       return;
-    const h = i.current.getBoundingClientRect().width;
-    f(Gn(t, h));
-  }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ a("ul", { ref: i, className: "gs-editor-options", style: { top: n, left: l }, children: e.map((h, c) => /* @__PURE__ */ Y(
+    const f = i.current.getBoundingClientRect().width;
+    h(Gn(t, f));
+  }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ a("ul", { ref: i, className: "gs-editor-options", style: { top: n, left: l }, children: e.map((f, c) => /* @__PURE__ */ Y(
     "li",
     {
       className: `gs-editor-option ${s === c ? " gs-editor-option-selected" : ""}`,
       onMouseDown: (d) => o(d, c),
       children: [
         /* @__PURE__ */ Y("div", { className: "gs-editor-option-content", children: [
-          /* @__PURE__ */ a("span", { children: h.label ?? h.value }),
+          /* @__PURE__ */ a("span", { children: f.label ?? f.value }),
           s === c && /* @__PURE__ */ a("span", { className: "gs-editor-option-tab", children: "⇥ Tab" })
         ] }),
-        (h.isFunction || h.tooltip) && s === c && /* @__PURE__ */ a(Nt, { option: h })
+        (f.isFunction || f.tooltip) && s === c && /* @__PURE__ */ a(Nt, { option: f })
       ]
     },
     c
@@ -139,9 +139,9 @@ const ae = ln(
   const { selectingZone: n, choosing: t, editorRef: s, sheetReactive: o } = e, i = o.current;
   if (!i)
     return { top: 0, left: 0, bottom: 0, right: 0 };
-  const { y: l, x: f } = t;
-  let c = ge(n);
-  c.left === -1 && (c = { top: l, left: f, bottom: l, right: f });
+  const { y: l, x: h } = t;
+  let c = he(n);
+  c.left === -1 && (c = { top: l, left: h, bottom: l, right: h });
   const d = s.current, b = i.trim(c), y = ks(b, {
     getter: (m, p) => m.getPolicy(p).serializeForClipboard({ point: p, sheet: m })
   }), g = Ts(b, {
@@ -158,9 +158,9 @@ const ae = ln(
   } else d != null && (d.value = y, O(d), d.select(), document.execCommand("copy"), d.value = "", d.blur());
   return c;
 }, ks = (e, {
-  getter: n = (l, f) => {
-    var h;
-    return String(((h = l.getCell(f)) == null ? void 0 : h.value) ?? "");
+  getter: n = (l, h) => {
+    var f;
+    return String(((f = l.getCell(h)) == null ? void 0 : f.value) ?? "");
   },
   filteredRowsIncluded: t = !1,
   trailingEmptyRowsOmitted: s = !1,
@@ -169,22 +169,22 @@ const ae = ln(
 `
 } = {}) => {
   const l = [];
-  for (let f = e.top; f <= e.bottom; f++) {
-    if (e.isRowFiltered(f) && !t)
+  for (let h = e.top; h <= e.bottom; h++) {
+    if (e.isRowFiltered(h) && !t)
       continue;
-    const h = [];
+    const f = [];
     let c = !0;
     for (let d = e.left; d <= e.right; d++) {
-      const y = n(e, { y: f, x: d });
+      const y = n(e, { y: h, x: d });
       y !== "" && (c = !1), y.indexOf(`
-`) !== -1 ? h.push(`"${y.replace(/"/g, '""')}"`) : h.push(y);
+`) !== -1 ? f.push(`"${y.replace(/"/g, '""')}"`) : f.push(y);
     }
-    l.push({ isEmpty: c, line: h.join(o) });
+    l.push({ isEmpty: c, line: f.join(o) });
   }
   if (s)
     for (; l.length > 0 && l[l.length - 1].isEmpty; )
       l.pop();
-  return l.map((f) => f.line).join(i);
+  return l.map((h) => h.line).join(i);
 }, Ts = (e, {
   getter: n = (o, i) => {
     var l;
@@ -198,44 +198,44 @@ const ae = ln(
     if (e.isRowFiltered(i) && !t)
       continue;
     const l = [];
-    let f = !0;
-    for (let h = e.left; h <= e.right; h++) {
-      const d = n(e, { y: i, x: h });
-      d !== "" && (f = !1);
+    let h = !0;
+    for (let f = e.left; f <= e.right; f++) {
+      const d = n(e, { y: i, x: f });
+      d !== "" && (h = !1);
       const b = d.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
       l.push(`<td>${b}</td>`);
     }
-    o.push({ isEmpty: f, html: `<tr>${l.join("")}</tr>` });
+    o.push({ isEmpty: h, html: `<tr>${l.join("")}</tr>` });
   }
   if (s)
     for (; o.length > 0 && o[o.length - 1].isEmpty; )
       o.pop();
   return `<table>${o.map((i) => i.html).join("")}</table>`;
 }, Cn = ({ inputting: e, selectionStart: n, optionsAll: t, functions: s }) => {
-  const [o, i] = J(0), { filteredOptions: l, matchParams: f, activeFunctionHelp: h, activeArgIndex: c } = $e(() => {
-    var C, D;
+  const [o, i] = te(0), { filteredOptions: l, matchParams: h, activeFunctionHelp: f, activeArgIndex: c } = $e(() => {
+    var C, I;
     const g = e.startsWith("=");
     let m = null, p = 0;
-    const A = e.slice(0, n), x = e.slice(n);
-    if (g && A.length > 1)
+    const M = e.slice(0, n), E = e.slice(n);
+    if (g && M.length > 1)
       try {
-        const r = A.slice(1), u = new Ge(r);
+        const r = M.slice(1), u = new Ge(r);
         u.tokenize();
         const v = [];
         for (let N = 0; N < u.tokens.length; N++) {
-          const I = u.tokens[N];
-          if (I.type === "FUNCTION") {
+          const A = u.tokens[N];
+          if (A.type === "FUNCTION") {
             const R = u.tokens[N + 1];
-            (R == null ? void 0 : R.type) === "OPEN" ? (v.push({ name: I.entity, argIndex: 0, hasWaitComma: !1 }), N++) : u.tokens.length - 1;
-          } else I.type === "COMMA" ? v.length > 0 && (v[v.length - 1].argIndex++, v[v.length - 1].hasWaitComma = !0) : I.type === "CLOSE" ? v.length > 0 && v.pop() : I.type !== "SPACE" && v.length > 0 && (v[v.length - 1].hasWaitComma = !1);
+            (R == null ? void 0 : R.type) === "OPEN" ? (v.push({ name: A.entity, argIndex: 0, hasWaitComma: !1 }), N++) : u.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);
         }
         if (v.length > 0) {
-          const N = v[v.length - 1], I = Pt(s);
-          p = N.argIndex, m = I.find((R) => R.name === N.name.toUpperCase()) || null;
+          const N = v[v.length - 1], A = Pt(s);
+          p = N.argIndex, m = A.find((R) => R.name === N.name.toUpperCase()) || null;
         }
       } catch {
       }
-    const F = ((C = A.match(/[a-zA-Z0-9_.]+$/)) == null ? void 0 : C[0]) || "", T = ((D = x.match(/^[a-zA-Z0-9_.]+/)) == null ? void 0 : D[0]) || "", S = g ? (F + T).toLowerCase() : e.toLocaleLowerCase(), M = g && x.slice(T.length).trimStart().startsWith("(");
+    const F = ((C = M.match(/[a-zA-Z0-9_.]+$/)) == null ? void 0 : C[0]) || "", T = ((I = E.match(/^[a-zA-Z0-9_.]+/)) == null ? void 0 : I[0]) || "", S = g ? (F + T).toLowerCase() : e.toLocaleLowerCase(), D = g && E.slice(T.length).trimStart().startsWith("(");
     let $ = [], P = !1;
     if (g)
       try {
@@ -252,10 +252,10 @@ const ae = ln(
         }
       } catch {
       }
-    return g && !P ? S.length > 0 && !M && ($ = Pt(s).map((r) => {
-      const u = r.name.toLowerCase(), v = u.startsWith(S), N = v ? 0 : -1, I = r.defs.length === 0;
+    return g && !P ? S.length > 0 && !D && ($ = Pt(s).map((r) => {
+      const u = r.name.toLowerCase(), v = u.startsWith(S), N = v ? 0 : -1, A = r.defs.length === 0;
       return {
-        option: { ...r, value: r.name + (I ? "()" : "("), isFunction: !0, label: r.name },
+        option: { ...r, value: r.name + (A ? "()" : "("), isFunction: !0, label: r.name },
         index: N,
         startsWith: v,
         keywordCount: 1,
@@ -265,9 +265,9 @@ const ae = ln(
       const u = r.keywords ?? [String(r.value)];
       let v = { index: -1, startsWith: !1, keyword: "" };
       for (const N of u) {
-        const I = N.toLowerCase(), R = I.indexOf(S);
+        const A = N.toLowerCase(), R = A.indexOf(S);
         if (R !== -1) {
-          const H = I.startsWith(S);
+          const H = A.startsWith(S);
           (v.index === -1 || R < v.index || R === v.index && H && !v.startsWith) && (v = { index: R, startsWith: H, keyword: N });
         }
       }
@@ -295,13 +295,13 @@ const ae = ln(
     (g) => {
       if (!g)
         return { value: e, selectionStart: n };
-      if (f.isFormula) {
-        const m = e.slice(0, n - f.matchLengthBefore), p = e.slice(n + f.matchLengthAfter);
+      if (h.isFormula) {
+        const m = e.slice(0, n - h.matchLengthBefore), p = e.slice(n + h.matchLengthAfter);
         return { value: m + g.value + p, selectionStart: m.length + g.value.length };
       } else
         return { value: String(g.value), selectionStart: String(g.value).length };
     },
-    [e, n, f]
+    [e, n, h]
   ), b = k(
     (g) => l.length > 1 ? (i((m) => m <= 0 ? l.length - 1 : m - 1), g.preventDefault(), !0) : !1,
     [l.length]
@@ -316,8 +316,8 @@ const ae = ln(
     replaceWithOption: d,
     handleArrowUp: b,
     handleArrowDown: y,
-    isFormula: f.isFormula,
-    activeFunctionHelp: h,
+    isFormula: h.isFormula,
+    activeFunctionHelp: f,
     activeArgIndex: c
   };
 }, rt = ({ children: e, style: n, className: t = "", ...s }) => {
@@ -327,9 +327,9 @@ const ae = ln(
     o.body
   );
 }, Sn = (e, n = !1) => {
-  const s = new DOMParser().parseFromString(e, "text/html"), o = [], i = (h) => {
+  const s = new DOMParser().parseFromString(e, "text/html"), o = [], i = (f) => {
     var b, y;
-    const c = /* @__PURE__ */ new Set(), d = h.querySelectorAll("tr,caption");
+    const c = /* @__PURE__ */ new Set(), d = f.querySelectorAll("tr,caption");
     for (let g = 0; g < d.length; g++) {
       const m = d[g];
       if (m.tagName === "CAPTION") {
@@ -337,36 +337,36 @@ const ae = ln(
         F && o.push([{ value: F }]);
         continue;
       }
-      const p = Array.from(m.querySelectorAll("td, th")), A = [];
-      let x = 0;
+      const p = Array.from(m.querySelectorAll("td, th")), M = [];
+      let E = 0;
       for (const F of p) {
         const T = ((y = F.textContent) == null ? void 0 : y.trim()) ?? "", S = n ? void 0 : (() => {
           const P = Vt(F.firstElementChild);
           return { ...Vt(F), ...P };
         })();
-        for (; c.has(`${g}-${++x}`); )
-          A.push({ value: "", style: S, skip: !0 });
-        A.push({ value: T, style: S });
-        const M = parseInt(F.getAttribute("rowspan") ?? "1", 10), $ = parseInt(F.getAttribute("colspan") ?? "1", 10);
-        for (let P = 0; P < M; P++)
+        for (; c.has(`${g}-${++E}`); )
+          M.push({ value: "", style: S, skip: !0 });
+        M.push({ value: T, style: S });
+        const D = parseInt(F.getAttribute("rowspan") ?? "1", 10), $ = parseInt(F.getAttribute("colspan") ?? "1", 10);
+        for (let P = 0; P < D; P++)
           for (let C = 0; C < $; C++)
-            c.add(`${g + P}-${x + C}`);
+            c.add(`${g + P}-${E + C}`);
       }
-      o.push(A);
+      o.push(M);
     }
-  }, l = (h, c = []) => {
-    if (h.nodeType === Node.ELEMENT_NODE) {
-      const d = h, b = d.tagName;
+  }, l = (f, c = []) => {
+    if (f.nodeType === Node.ELEMENT_NODE) {
+      const d = f, b = d.tagName;
       b === "TABLE" ? (c.length > 0 && (o.push(c.slice()), c.length = 0), i(d)) : b === "BR" ? (o.push(c.slice()), c.length = 0) : As.has(b) ? (c.length > 0 && (o.push(c.slice()), c.length = 0), d.childNodes.forEach((y) => l(y, c)), c.length > 0 && (o.push(c.slice()), c.length = 0)) : d.childNodes.forEach((y) => l(y, c));
-    } else if (h.nodeType === Node.TEXT_NODE) {
-      const b = (h.textContent ?? "").split(/\r?\n/);
+    } else if (f.nodeType === Node.TEXT_NODE) {
+      const b = (f.textContent ?? "").split(/\r?\n/);
       for (const y of b) {
         const g = y.trim();
         g && c.push({ value: g });
       }
     }
-  }, f = [];
-  return s.body.childNodes.forEach((h) => l(h, f)), f.length > 0 && o.push(f), o;
+  }, h = [];
+  return s.body.childNodes.forEach((f) => l(f, h)), h.length > 0 && o.push(h), o;
 };
 function Vt(e) {
   if (!e)
@@ -376,7 +376,7 @@ function Vt(e) {
     let [o, i] = s.split(":");
     if (!o || !i || (o = o.trim(), o === "height" || o === "width"))
       return;
-    const l = o.trim().replace(/-([a-z])/g, (h, c) => c.toUpperCase());
+    const l = o.trim().replace(/-([a-z])/g, (f, c) => c.toUpperCase());
     if (l === "float" || l === "display" || l.startsWith("padding"))
       return;
     if (l === "border") {
@@ -415,8 +415,8 @@ function Vt(e) {
       });
       return;
     }
-    const f = i.trim();
-    t[l] = f;
+    const h = i.trim();
+    t[l] = h;
   }), t;
 }
 const Nn = (e, n = "	") => {
@@ -424,25 +424,25 @@ const Nn = (e, n = "	") => {
   const t = [[]];
   let s = t[0], o = !1, i = "";
   for (let l = 0; l < e.length; l++) {
-    const f = e[l];
-    if (f === `
+    const h = e[l];
+    if (h === `
 ` && !o) {
       s.push({ value: ot(i) }), i = "", s = [], t.push(s);
       continue;
     }
-    if (f === n) {
+    if (h === n) {
       s.push({ value: ot(i) }), i = "";
       continue;
     }
-    if (f === '"' && !o && i === "") {
+    if (h === '"' && !o && i === "") {
       o = !0;
       continue;
     }
-    if (f === '"' && o) {
+    if (h === '"' && o) {
       o = !1;
       continue;
     }
-    i += f;
+    i += h;
   }
   return i && s.push({ value: ot(i) }), t;
 }, ot = (e) => e.replace(/\x00/g, '"'), As = /* @__PURE__ */ new Set([
@@ -480,31 +480,31 @@ const Nn = (e, n = "	") => {
   "UL"
 ]), Ms = ({ mode: e }) => {
   var Ft, Yt;
-  const { store: n, dispatch: t } = le(ae), [s, o] = J(!1), [i, l] = J(0), [f, h] = J(!1), c = se(!1), {
+  const { store: n, dispatch: t } = le(ae), [s, o] = te(!1), [i, l] = te(0), [h, f] = te(!1), c = re(!1), {
     choosing: d,
     inputting: b,
     selectingZone: y,
     editorRect: g,
     editingAddress: m,
     entering: p,
-    matchingCells: A,
-    matchingCellIndex: x,
+    matchingCells: M,
+    matchingCellIndex: E,
     searchQuery: F,
     editorRef: T,
     largeEditorRef: S,
-    searchInputRef: M,
+    searchInputRef: D,
     editingOnEnter: $,
     sheetReactive: P,
     sheetId: C,
-    dragging: D
+    dragging: I
   } = n, r = P.current, u = () => {
-    var de;
-    if (!f || !L || typeof document > "u" || T.current !== document.activeElement)
+    var ge;
+    if (!h || !L || typeof document > "u" || T.current !== document.activeElement)
       return null;
-    const E = (de = T.current) == null ? void 0 : de.getBoundingClientRect();
-    if (!E)
+    const x = (ge = T.current) == null ? void 0 : ge.getBoundingClientRect();
+    if (!x)
       return null;
-    const { bottom: q, left: ie } = E;
+    const { bottom: V, left: ie } = x;
     return St(
       /* @__PURE__ */ Y(Re, { children: [
         B && R.length === 0 && (!y || y.endY === -1 && y.endX === -1) && /* @__PURE__ */ a(
@@ -512,7 +512,7 @@ const Nn = (e, n = "	") => {
           {
             activeFunctionGuide: B,
             activeArgIndex: z,
-            top: q,
+            top: V,
             left: ie
           }
         ),
@@ -520,7 +520,7 @@ const Nn = (e, n = "	") => {
           Rn,
           {
             filteredOptions: R,
-            top: q,
+            top: V,
             left: ie,
             selected: H,
             onOptionMouseDown: Vn
@@ -529,14 +529,14 @@ const Nn = (e, n = "	") => {
       ] }),
       document.body
     );
-  }, v = r == null ? void 0 : r.getPolicy(d), N = (v == null ? void 0 : v.getSelectOptions()) ?? [], I = k((E) => {
-    l(E.currentTarget.selectionStart);
+  }, v = r == null ? void 0 : r.getPolicy(d), N = (v == null ? void 0 : v.getSelectOptions()) ?? [], A = k((x) => {
+    l(x.currentTarget.selectionStart);
   }, []), {
     filteredOptions: R,
     selected: H,
-    setSelected: G,
+    setSelected: q,
     replaceWithOption: _,
-    handleArrowUp: re,
+    handleArrowUp: oe,
     handleArrowDown: ce,
     activeFunctionHelp: B,
     activeArgIndex: z
@@ -546,68 +546,68 @@ const Nn = (e, n = "	") => {
     optionsAll: N,
     functions: r == null ? void 0 : r.registry.functions
   });
-  Z(() => {
+  W(() => {
     O(T == null ? void 0 : T.current);
-  }, [T]), Z(() => {
+  }, [T]), W(() => {
     r && r.registry.lastFocused != null && r.registry.lastFocused === T.current && r.registry.lastFocused === S.current && t(ue(""));
-  }, [r == null ? void 0 : r.registry.lastFocused, r, T, S, t]), Z(() => {
+  }, [r == null ? void 0 : r.registry.lastFocused, r, T, S, t]), W(() => {
     r && (r.registry.editingSheetId = C, r.registry.editingAddress = m);
-  }, [m, r, C]), Z(() => {
+  }, [m, r, C]), W(() => {
     Qn(T.current);
   }, [b, m, T]);
-  const { y: U, x: K } = d, W = `${be(U)}`, j = `${pe(K)}${W}`, L = m === j, oe = r == null ? void 0 : r.getCell({ y: U, x: K }, { resolution: "RAW" }), w = r ? r.getSerializedValue({ point: d, cell: oe, resolution: "RAW" }) : "", [V, fe] = J(w), te = k(
-    (E) => {
-      V !== E && t(Ue({ value: E })), fe(E);
+  const { y: Z, x: J } = d, j = `${be(Z)}`, G = `${pe(J)}${j}`, L = m === G, Q = r == null ? void 0 : r.getCell({ y: Z, x: J }, { resolution: "RAW" }), w = r ? r.getSerializedValue({ point: d, cell: Q, resolution: "RAW" }) : "", [K, de] = te(w), ee = k(
+    (x) => {
+      K !== x && t(Ze({ value: x })), de(x);
     },
-    [V, t]
+    [K, t]
   ), ye = k(
-    (E) => {
+    (x) => {
       if (!r)
         return;
-      const q = R[E];
-      if (q) {
-        if (q.isFunction) {
-          const { value: ie, selectionStart: de } = _(q);
-          t(ee(ie)), setTimeout(() => {
-            T.current && (O(T.current), T.current.setSelectionRange(de, de));
+      const V = R[x];
+      if (V) {
+        if (V.isFunction) {
+          const { value: ie, selectionStart: ge } = _(V);
+          t(ne(ie)), setTimeout(() => {
+            T.current && (O(T.current), T.current.setSelectionRange(ge, ge));
           }, 0);
         } else {
           const ie = r.update({
-            diff: { [j]: { value: q.value } },
+            diff: { [G]: { value: V.value } },
             partial: !0
           });
-          t(ze(ie.clone())), t(ue("")), t(ee(""));
+          t(Ue(ie.clone())), t(ue("")), t(ne(""));
         }
-        G(0);
+        q(0);
       }
     },
-    [R, r, j, b, te, t, T]
+    [R, r, G, b, ee, t, T]
   );
-  Z(() => {
-    r && (fe(w), t(ee(w)), Jn(T.current, r, d));
+  W(() => {
+    r && (de(w), t(ne(w)), Jn(T.current, r, d));
   }, [d, w, t, T, r]);
-  const { y: xe, x: _e, height: At, width: Mt } = g, Bn = w.split(`
-`).length, [Dt, It] = J(!1), Kn = k(
-    (E) => {
-      var de, Oe, Me, Le, Be, $t;
-      if (!r || E.nativeEvent.isComposing || c.current || Dt)
+  const { y: Ee, x: _e, height: At, width: Mt } = g, Bn = w.split(`
+`).length, [Dt, It] = te(!1), Kn = k(
+    (x) => {
+      var ge, Oe, Me, Le, Be, $t;
+      if (!r || x.nativeEvent.isComposing || c.current || Dt)
         return;
-      E.key === "Meta" || E.key === "Control" || (It(!0), requestAnimationFrame(() => {
+      x.key === "Meta" || x.key === "Control" || (It(!0), requestAnimationFrame(() => {
         It(!1);
       }));
-      const q = E.currentTarget;
-      if (tn(E, b))
-        return t(ee(q.value)), !1;
-      const ie = E.shiftKey;
-      switch (E.key) {
+      const V = x.currentTarget;
+      if (tn(x, b))
+        return t(ne(V.value)), !1;
+      const ie = x.shiftKey;
+      switch (x.key) {
         case "Tab":
-          if (E.preventDefault(), L)
+          if (x.preventDefault(), L)
             if (R.length) {
-              const ve = (de = R[H]) == null ? void 0 : de.isFunction;
+              const ve = (ge = R[H]) == null ? void 0 : ge.isFunction;
               if (ye(H), ve)
                 return !1;
             } else
-              te(q.value), t(ue("")), t(ee(""));
+              ee(V.value), t(ue("")), t(ne(""));
           return t(
             dt({
               numRows: r.numRows,
@@ -621,18 +621,18 @@ const Nn = (e, n = "	") => {
             if (R.length) {
               const ve = (Oe = R[H]) == null ? void 0 : Oe.isFunction;
               if (ye(H), ve)
-                return E.preventDefault(), !1;
+                return x.preventDefault(), !1;
             } else {
-              if (E.altKey)
-                return nn(q, `
-`), t(ee(q.value)), E.preventDefault(), !1;
-              if (E.nativeEvent.isComposing)
+              if (x.altKey)
+                return nn(V, `
+`), t(ne(V.value)), x.preventDefault(), !1;
+              if (x.nativeEvent.isComposing)
                 return !1;
-              te(q.value), t(ue("")), t(ee(""));
+              ee(V.value), t(ue("")), t(ne(""));
             }
           else if ($ && y.endY === -1) {
             const ve = document.createEvent("MouseEvents");
-            return ve.initEvent("dblclick", !0, !0), q.dispatchEvent(ve), E.preventDefault(), !1;
+            return ve.initEvent("dblclick", !0, !0), V.dispatchEvent(ve), x.preventDefault(), !1;
           }
           return t(
             dt({
@@ -641,14 +641,14 @@ const Nn = (e, n = "	") => {
               deltaY: ie ? -1 : 1,
               deltaX: 0
             })
-          ), E.preventDefault(), !1;
+          ), x.preventDefault(), !1;
         case "Backspace":
           if (!L)
-            return ((Me = r.getSystem({ y: U, x: K })) == null ? void 0 : Me.spilledFrom) != null ? (E.preventDefault(), !1) : (t(Ut(null)), t(ee("")), !1);
+            return ((Me = r.getSystem({ y: Z, x: J })) == null ? void 0 : Me.spilledFrom) != null ? (x.preventDefault(), !1) : (t(Zt(null)), t(ne("")), !1);
           break;
         case "Delete":
           if (!L)
-            return ((Le = r.getSystem({ y: U, x: K })) == null ? void 0 : Le.spilledFrom) != null ? (E.preventDefault(), !1) : (t(Ut(null)), t(ee("")), !1);
+            return ((Le = r.getSystem({ y: Z, x: J })) == null ? void 0 : Le.spilledFrom) != null ? (x.preventDefault(), !1) : (t(Zt(null)), t(ne("")), !1);
           break;
         case "Shift":
           return o(!0), !1;
@@ -661,7 +661,7 @@ const Nn = (e, n = "	") => {
         case "NumLock":
           return !1;
         case "Escape":
-          return t(ws(null)), t(Pe(void 0)), t(ee(V)), !1;
+          return t(ws(null)), t(Pe(void 0)), t(ne(K)), !1;
         case "ArrowLeft":
           if (!L)
             return t(
@@ -685,7 +685,7 @@ const Nn = (e, n = "	") => {
                 deltaX: 0
               })
             ), !1;
-          if (re(E))
+          if (oe(x))
             return !0;
           break;
         case "ArrowRight":
@@ -711,12 +711,12 @@ const Nn = (e, n = "	") => {
                 deltaX: 0
               })
             ), !1;
-          if (ce(E))
+          if (ce(x))
             return !0;
           break;
         case "a":
-          if ((E.ctrlKey || E.metaKey) && !L)
-            return E.preventDefault(), t(
+          if ((x.ctrlKey || x.metaKey) && !L)
+            return x.preventDefault(), t(
               we({
                 startY: 1,
                 startX: 1,
@@ -726,28 +726,28 @@ const Nn = (e, n = "	") => {
             ), !1;
           break;
         case "c":
-          if (E.ctrlKey || E.metaKey) {
+          if (x.ctrlKey || x.metaKey) {
             if (!L) {
-              E.preventDefault();
+              x.preventDefault();
               const ve = tt(n);
-              return t(gn(Qe(ve))), O(q), !1;
+              return t(gn(Qe(ve))), O(V), !1;
             }
             return !0;
           }
           break;
         case "f":
-          if ((E.ctrlKey || E.metaKey) && !L)
-            return E.preventDefault(), typeof F > "u" && t(Pe("")), t(dn(!1)), requestAnimationFrame(() => O(M.current)), !1;
+          if ((x.ctrlKey || x.metaKey) && !L)
+            return x.preventDefault(), typeof F > "u" && t(Pe("")), t(dn(!1)), requestAnimationFrame(() => O(D.current)), !1;
           break;
         case "r":
         // R
         case "y":
-          if ((E.ctrlKey || E.metaKey) && !L)
-            return E.preventDefault(), t(ut(null)), requestAnimationFrame(() => t(ee(""))), !1;
+          if ((x.ctrlKey || x.metaKey) && !L)
+            return x.preventDefault(), t(ut(null)), requestAnimationFrame(() => t(ne(""))), !1;
           break;
         case "s":
-          if ((E.ctrlKey || E.metaKey) && !L)
-            return E.preventDefault(), ($t = (Be = r.registry).onSave) == null || $t.call(Be, {
+          if ((x.ctrlKey || x.metaKey) && !L)
+            return x.preventDefault(), ($t = (Be = r.registry).onSave) == null || $t.call(Be, {
               sheet: r,
               points: {
                 pointing: d,
@@ -763,25 +763,25 @@ const Nn = (e, n = "	") => {
             }), !1;
           break;
         case "v":
-          if (E.ctrlKey || E.metaKey)
-            return E.stopPropagation(), !1;
+          if (x.ctrlKey || x.metaKey)
+            return x.stopPropagation(), !1;
           break;
         case "x":
-          if ((E.ctrlKey || E.metaKey) && !L) {
-            E.preventDefault();
+          if ((x.ctrlKey || x.metaKey) && !L) {
+            x.preventDefault();
             const ve = tt(n);
-            return t(un(Qe(ve))), O(q), !1;
+            return t(un(Qe(ve))), O(V), !1;
           }
           break;
         case "z":
-          if ((E.ctrlKey || E.metaKey) && !L)
-            return E.preventDefault(), E.shiftKey ? t(ut(null)) : t(cn(null)), !1;
+          if ((x.ctrlKey || x.metaKey) && !L)
+            return x.preventDefault(), x.shiftKey ? t(ut(null)) : t(cn(null)), !1;
           break;
         case ";":
-          (E.ctrlKey || E.metaKey) && (L || (E.preventDefault(), te((/* @__PURE__ */ new Date()).toDateString())));
+          (x.ctrlKey || x.metaKey) && (L || (x.preventDefault(), ee((/* @__PURE__ */ new Date()).toDateString())));
           break;
       }
-      return E.ctrlKey || E.metaKey ? !1 : X.hasOperation(oe == null ? void 0 : oe.prevention, X.Write) ? (console.warn("This cell is protected from writing."), !1) : (t(ue(j)), L || t(ee("")), G(0), !1);
+      return x.ctrlKey || x.metaKey ? !1 : X.hasOperation(Q == null ? void 0 : Q.prevention, X.Write) ? (console.warn("This cell is protected from writing."), !1) : (t(ue(G)), L || t(ne("")), q(0), !1);
     },
     [
       Dt,
@@ -790,90 +790,90 @@ const Nn = (e, n = "	") => {
       H,
       $,
       y,
-      V,
+      K,
       r,
       d,
       n,
-      oe,
-      j,
-      te,
+      Q,
+      G,
+      ee,
       F,
       b
     ]
-  ), Zn = k(
-    (E) => {
-      h(!0), r && (r.registry.lastFocused = E.currentTarget);
+  ), Wn = k(
+    (x) => {
+      f(!0), r && (r.registry.lastFocused = x.currentTarget);
     },
     [r]
-  ), Un = k(
-    (E) => {
-      if (X.hasOperation(oe == null ? void 0 : oe.prevention, X.Write)) {
+  ), Zn = k(
+    (x) => {
+      if (X.hasOperation(Q == null ? void 0 : Q.prevention, X.Write)) {
         console.warn("This cell is protected from writing.");
         return;
       }
-      const q = E.currentTarget;
-      L || (t(ee(w)), t(ue(j)), requestAnimationFrame(() => {
-        q.style.width = `${q.scrollWidth}px`, q.style.height = `${q.scrollHeight}px`;
+      const V = x.currentTarget;
+      L || (t(ne(w)), t(ue(G)), requestAnimationFrame(() => {
+        V.style.width = `${V.scrollWidth}px`, V.style.height = `${V.scrollHeight}px`;
         const ie = new String(w).length;
-        q.setSelectionRange(ie, ie);
+        V.setSelectionRange(ie, ie);
       }));
     },
-    [oe, L, w, j]
-  ), zn = k(
-    (E) => {
-      if (h(!1), sn(E.currentTarget))
+    [Q, L, w, G]
+  ), Un = k(
+    (x) => {
+      if (f(!1), sn(x.currentTarget))
         return !0;
-      L && te(E.currentTarget.value), t(ue(""));
+      L && ee(x.currentTarget.value), t(ue(""));
     },
-    [L, te, t]
-  ), Wn = k(
-    (E) => {
-      X.hasOperation(oe == null ? void 0 : oe.prevention, X.Write) || (t(ee(E.currentTarget.value)), l(E.currentTarget.selectionStart), G(0));
+    [L, ee, t]
+  ), zn = k(
+    (x) => {
+      X.hasOperation(Q == null ? void 0 : Q.prevention, X.Write) || (t(ne(x.currentTarget.value)), l(x.currentTarget.selectionStart), q(0));
     },
-    [oe]
+    [Q]
   ), _n = k(
-    (E) => {
-      var de, Oe, Me, Le;
+    (x) => {
+      var ge, Oe, Me, Le;
       if (L)
         return !0;
-      const q = s, ie = (Oe = (de = E.clipboardData) == null ? void 0 : de.getData) == null ? void 0 : Oe.call(de, "text/html");
+      const V = s, ie = (Oe = (ge = x.clipboardData) == null ? void 0 : ge.getData) == null ? void 0 : Oe.call(ge, "text/html");
       if (ie)
-        t(gt({ matrix: Sn(ie), onlyValue: q }));
+        t(gt({ matrix: Sn(ie), onlyValue: V }));
       else {
-        const Be = (Le = (Me = E.clipboardData) == null ? void 0 : Me.getData) == null ? void 0 : Le.call(Me, "text/plain");
-        Be ? t(gt({ matrix: Nn(Be), onlyValue: q })) : console.warn("No clipboard data found.");
+        const Be = (Le = (Me = x.clipboardData) == null ? void 0 : Me.getData) == null ? void 0 : Le.call(Me, "text/plain");
+        Be ? t(gt({ matrix: Nn(Be), onlyValue: V })) : console.warn("No clipboard data found.");
       }
-      return E.preventDefault(), E.stopPropagation(), !1;
+      return x.preventDefault(), x.stopPropagation(), !1;
     },
     [L, s]
   ), jn = k(
-    (E) => {
-      var ie, de;
+    (x) => {
+      var ie, ge;
       o(!1);
-      const q = ge(n.selectingZone);
-      (de = r == null ? void 0 : (ie = r.registry).onKeyUp) == null || de.call(ie, {
-        e: E,
+      const V = he(n.selectingZone);
+      (ge = r == null ? void 0 : (ie = r.registry).onKeyUp) == null || ge.call(ie, {
+        e: x,
         points: {
           pointing: d,
-          selectingFrom: { y: q.top, x: q.left },
-          selectingTo: { y: q.bottom, x: q.right }
+          selectingFrom: { y: V.top, x: V.left },
+          selectingTo: { y: V.bottom, x: V.right }
         }
       });
     },
     [n.selectingZone, d, r]
   ), Vn = k(
-    (E, q) => (ye(q), E.preventDefault(), E.stopPropagation(), !1),
+    (x, V) => (ye(V), x.preventDefault(), x.stopPropagation(), !1),
     [ye]
   );
   return r ? /* @__PURE__ */ Y(
     rt,
     {
       className: `gs-editor ${L ? "gs-editing" : ""}`,
-      style: L ? { top: xe, left: _e, height: At } : {},
+      style: L ? { top: Ee, left: _e, height: At } : {},
       "data-mode": e,
       "data-sheet-id": C,
       children: [
-        /* @__PURE__ */ a("div", { className: `gs-cell-label ${L ? " gs-hidden" : ""}`, children: j }),
+        /* @__PURE__ */ a("div", { className: `gs-cell-label ${L ? " gs-hidden" : ""}`, children: G }),
         /* @__PURE__ */ Y("div", { className: "gs-editor-inner", style: { width: Mt }, children: [
           /* @__PURE__ */ a(
             "pre",
@@ -884,7 +884,7 @@ const Nn = (e, n = "	") => {
                 height: (Ft = T.current) == null ? void 0 : Ft.scrollHeight,
                 width: (((Yt = T.current) == null ? void 0 : Yt.scrollWidth) ?? 0) - 4
               },
-              children: (oe == null ? void 0 : oe.formulaEnabled) ?? !0 ? En(b) : b
+              children: (Q == null ? void 0 : Q.formulaEnabled) ?? !0 ? xn(b) : b
             }
           ),
           /* @__PURE__ */ a(
@@ -898,21 +898,21 @@ const Nn = (e, n = "	") => {
               draggable: !1,
               ref: T,
               rows: Bn,
-              onFocus: Zn,
+              onFocus: Wn,
               style: { minWidth: Mt, minHeight: At },
-              onDoubleClick: Un,
-              onBlur: zn,
+              onDoubleClick: Zn,
+              onBlur: Un,
               value: b,
-              onChange: Wn,
-              onSelect: I,
+              onChange: zn,
+              onSelect: A,
               onPaste: _n,
               onKeyDown: Kn,
               onKeyUp: jn,
               onCompositionStart: () => {
-                c.current = !0, L || (t(ue(j)), t(ee("")));
+                c.current = !0, L || (t(ue(G)), t(ne("")));
               },
-              onCompositionEnd: (E) => {
-                c.current = !1, t(ee(E.currentTarget.value));
+              onCompositionEnd: (x) => {
+                c.current = !1, t(ne(x.currentTarget.value));
               },
               onMouseEnter: () => {
                 t(Je(!0));
@@ -930,7 +930,7 @@ const Nn = (e, n = "	") => {
 }, it = nt(
   ({ token: e, tokenKey: n, color: t, className: s }) => /* @__PURE__ */ a("span", { style: t ? { color: t } : void 0, className: s, children: e.stringify() }, n),
   (e, n) => e.tokenKey === n.tokenKey && e.color === n.color && e.className === n.className && e.token.stringify() === n.token.stringify()
-), En = (e) => {
+), xn = (e) => {
   if (e[0] !== "=")
     return /* @__PURE__ */ a(Re, { children: e });
   const n = new Ge(e.substring(1));
@@ -942,45 +942,45 @@ const Nn = (e, n = "	") => {
     n.tokens.map((i, l) => {
       if (i.type === "SPACE")
         return /* @__PURE__ */ a(at.Fragment, { children: i.stringify() }, `${o}-SPACE-${l}`);
-      const f = `${o}-${i.type}-${i.stringify()}-${l}`;
+      const h = `${o}-${i.type}-${i.stringify()}-${l}`;
       if (i.type === "REF" || i.type === "RANGE") {
-        const h = i.stringify(), c = s[h];
+        const f = i.stringify(), c = s[f];
         if (c !== void 0)
           return /* @__PURE__ */ a(
             it,
             {
               token: i,
-              tokenKey: f,
+              tokenKey: h,
               color: Ie[c % Ie.length]
             },
-            f
+            h
           );
         const d = Ie[t % Ie.length];
-        return s[h] = t++, /* @__PURE__ */ a(
+        return s[f] = t++, /* @__PURE__ */ a(
           it,
           {
             token: i,
-            tokenKey: f,
+            tokenKey: h,
             color: d,
             className: `gs-token-type-${i.type}`
           },
-          f
+          h
         );
       }
       return /* @__PURE__ */ a(
         it,
         {
           token: i,
-          tokenKey: f,
+          tokenKey: h,
           className: `gs-token-type-${i.type} gs-token-entity-type-${typeof i.entity}`
         },
-        f
+        h
       );
     })
   ] });
-}, xn = ln({});
+}, En = ln({});
 function Nr() {
-  const [e, n] = J(void 0), [t, s] = J();
+  const [e, n] = te(void 0), [t, s] = te();
   return {
     provided: !0,
     store: e,
@@ -990,12 +990,12 @@ function Nr() {
   };
 }
 function kn() {
-  const e = le(xn);
+  const e = le(En);
   return (e == null ? void 0 : e.provided) == null ? [!1, e] : [!0, e];
 }
-function Er({ children: e, context: n }) {
+function xr({ children: e, context: n }) {
   const [t] = kn();
-  return t ? /* @__PURE__ */ a(Re, { children: e }) : /* @__PURE__ */ a(xn.Provider, { value: n, children: e });
+  return t ? /* @__PURE__ */ a(Re, { children: e }) : /* @__PURE__ */ a(En.Provider, { value: n, children: e });
 }
 const Ds = ({
   sheetName: e,
@@ -1006,38 +1006,38 @@ const Ds = ({
   editingOnEnter: i,
   mode: l
 }) => {
-  const { store: f, dispatch: h } = le(ae), { sheetReactive: c } = f, d = c.current;
-  Z(() => {
+  const { store: h, dispatch: f } = le(ae), { sheetReactive: c } = h, d = c.current;
+  W(() => {
     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(() => {
+  }, [e]), W(() => {
     if (!d)
       return;
     const { registry: g } = d;
-    requestAnimationFrame(() => g.boot()), g.contextsBySheetId[d.id] = { store: f, dispatch: h }, g.transmit(), s && (s.current = {
+    requestAnimationFrame(() => g.boot()), g.contextsBySheetId[d.id] = { store: h, dispatch: f }, g.transmit(), s && (s.current = {
       sheet: d,
       apply: (m) => {
-        h(ze(m));
+        f(Ue(m));
       }
     }), o && (o.current = {
-      store: f,
+      store: h,
       apply: (m) => {
-        h(Ne(m));
+        f(Ne(m));
       },
-      dispatch: h
+      dispatch: f
     });
-  }, [f, d, s, o]), Z(() => {
-    n && h(Ne({ sheetHeight: n }));
-  }, [n, h]), Z(() => {
-    t && h(Ne({ sheetWidth: t }));
-  }, [t]), Z(() => {
-    typeof i < "u" && h(Ne({ editingOnEnter: i }));
-  }, [i]), Z(() => {
-    l && h(Ne({ mode: l }));
+  }, [h, d, s, o]), W(() => {
+    n && f(Ne({ sheetHeight: n }));
+  }, [n, f]), W(() => {
+    t && f(Ne({ sheetWidth: t }));
+  }, [t]), W(() => {
+    typeof i < "u" && f(Ne({ editingOnEnter: i }));
+  }, [i]), W(() => {
+    l && f(Ne({ mode: l }));
   }, [l]);
   const [b, y] = kn();
-  return Z(() => {
-    b && (y.setStore(f), y.setApply(() => h));
-  }, [f, b, y]), /* @__PURE__ */ a(Re, {});
+  return W(() => {
+    b && (y.setStore(h), y.setApply(() => f));
+  }, [h, b, y]), /* @__PURE__ */ a(Re, {});
 }, Is = () => {
   const { store: e, dispatch: n } = le(ae), {
     resizingPositionY: t,
@@ -1045,55 +1045,55 @@ const Ds = ({
     sheetReactive: o,
     leftHeaderSelecting: i,
     topHeaderSelecting: l,
-    selectingZone: f,
-    editorRef: h,
+    selectingZone: h,
+    editorRef: f,
     mainRef: c
-  } = e, d = o.current, [b, y, g] = t, [m, p, A] = s;
-  if (c.current == null || h.current == null || !d)
+  } = e, d = o.current, [b, y, g] = t, [m, p, M] = s;
+  if (c.current == null || f.current == null || !d)
     return /* @__PURE__ */ a("div", { className: "gs-resizing gs-hidden" });
-  const x = d.getCell({ y: b === -1 ? 0 : b, x: m === -1 ? 0 : m }, { resolution: "SYSTEM" }), { y: F, x: T } = c.current.getBoundingClientRect(), S = (x == null ? void 0 : x.width) || vt, M = (x == null ? void 0 : x.height) || bt, $ = S + (A - p), P = M + (g - y);
+  const E = d.getCell({ y: b === -1 ? 0 : b, x: m === -1 ? 0 : m }, { resolution: "SYSTEM" }), { y: F, x: T } = c.current.getBoundingClientRect(), S = (E == null ? void 0 : E.width) || vt, D = (E == null ? void 0 : E.height) || bt, $ = S + (M - p), P = D + (g - y);
   return /* @__PURE__ */ Y(
     "div",
     {
       className: `gs-resizing ${b === -1 && m === -1 ? "gs-hidden" : ""}`,
       onMouseUp: () => {
-        const r = ge(f), { top: u, left: v, bottom: N, right: I } = r, R = {};
+        const r = he(h), { top: u, left: v, bottom: N, right: A } = r, R = {};
         if (m !== -1) {
           let H = [m];
-          l && Ae({ start: v, end: I }, m) && (H = Xt(v, I + 1)), H.forEach((G) => {
-            R[Ee({ y: 0, x: G })] = { width: $ };
+          l && Ae({ start: v, end: A }, m) && (H = Xt(v, A + 1)), H.forEach((q) => {
+            R[xe({ y: 0, x: q })] = { width: $ };
           });
         }
         if (b !== -1) {
           let H = [b];
-          i && Ae({ start: u, end: N }, b) && (H = Xt(u, N + 1)), H.forEach((G) => {
-            R[Ee({ y: G, x: 0 })] = { height: P };
+          i && Ae({ start: u, end: N }, b) && (H = Xt(u, N + 1)), H.forEach((q) => {
+            R[xe({ y: q, x: 0 })] = { height: P };
           });
         }
         d.update({
           diff: R,
           partial: !0,
           operator: "USER",
-          undoReflection: { selectingZone: f, sheetId: d.id }
+          undoReflection: { selectingZone: h, sheetId: d.id }
         }), n(
           Ne({
             sheetReactive: { current: d }
           })
-        ), n(ft([-1, -1, -1])), n(ht([-1, -1, -1])), O(h.current);
+        ), n(ht([-1, -1, -1])), n(ft([-1, -1, -1])), O(f.current);
       },
       onMouseMove: (r) => {
         if (b !== -1) {
           let u = r.clientY;
-          const v = M + (u - y);
-          v < Ht && (u += Ht - v), n(ft([b, y, u]));
+          const v = D + (u - y);
+          v < Ht && (u += Ht - v), n(ht([b, y, u]));
         } else if (m !== -1) {
           let u = r.clientX;
           const v = S + (u - p);
-          v < Ot && (u += Ot - v), n(ht([m, p, u]));
+          v < Ot && (u += Ot - v), n(ft([m, p, u]));
         }
       },
       children: [
-        /* @__PURE__ */ a("div", { className: `gs-line-vertical ${m === -1 ? "gs-hidden" : ""}`, children: /* @__PURE__ */ a("div", { className: "gs-line", style: { width: 1, height: "100%", left: A - T }, children: /* @__PURE__ */ Y("span", { style: { left: "-50%" }, children: [
+        /* @__PURE__ */ a("div", { className: `gs-line-vertical ${m === -1 ? "gs-hidden" : ""}`, children: /* @__PURE__ */ a("div", { className: "gs-line", style: { width: 1, height: "100%", left: M - T }, children: /* @__PURE__ */ Y("span", { style: { left: "-50%" }, children: [
           $,
           "px"
         ] }) }) }),
@@ -1106,7 +1106,7 @@ const Ds = ({
   );
 }, Fs = () => {
   const { store: e } = le(ae), { choosing: n, selectingZone: t, sheetReactive: s } = e, o = s.current;
-  return Z(() => {
+  return W(() => {
     o != null && o.isInitialized && o.currentVersion > 0 && o.registry.onChange && o.registry.onChange({
       sheet: o,
       points: {
@@ -1115,7 +1115,7 @@ const Ds = ({
         selectingTo: { y: t.endY, x: t.endX }
       }
     });
-  }, [s]), Z(() => {
+  }, [s]), W(() => {
     o && o.registry.onSelect && o.registry.onSelect({
       sheet: o,
       points: {
@@ -1135,15 +1135,15 @@ const Ds = ({
   const { editorRef: s } = e, o = await navigator.clipboard.read();
   let i = [];
   for (let l = 0; l < o.length; l++) {
-    const f = o[l];
-    if (f.types.indexOf("text/html") !== -1) {
-      const c = await (await f.getType("text/html")).text();
+    const h = o[l];
+    if (h.types.indexOf("text/html") !== -1) {
+      const c = await (await h.getType("text/html")).text();
       if (c) {
         i = Sn(c, t);
         break;
       }
-    } else if (f.types.indexOf("text/plain") !== -1) {
-      const c = await (await f.getType("text/plain")).text();
+    } else if (h.types.indexOf("text/plain") !== -1) {
+      const c = await (await h.getType("text/plain")).text();
       if (c) {
         i = Nn(c);
         break;
@@ -1158,23 +1158,23 @@ const Ds = ({
   const { editorRef: t } = e;
   n(ut(null)), O(t.current);
 }, Ys = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { top: o } = ge(t), i = ne(t).rows;
+  const { selectingZone: t, editorRef: s } = e, { top: o } = he(t), i = se(t).rows;
   n(vn({ numRows: i, y: o, operator: "USER" })), O(s.current);
 }, $s = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { bottom: o } = ge(t), i = ne(t).rows;
+  const { selectingZone: t, editorRef: s } = e, { bottom: o } = he(t), i = se(t).rows;
   n(yn({ numRows: i, y: o, operator: "USER" })), O(s.current);
 }, Ps = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { left: o } = ge(t), i = ne(t).cols;
+  const { selectingZone: t, editorRef: s } = e, { left: o } = he(t), i = se(t).cols;
   n(pn({ numCols: i, x: o, operator: "USER" })), O(s.current);
 }, Xs = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { right: o } = ge(t), i = ne(t).cols;
+  const { selectingZone: t, editorRef: s } = e, { right: o } = he(t), i = se(t).cols;
   n(mn({ numCols: i, x: o, operator: "USER" })), O(s.current);
 }, Hs = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { top: o } = ge(t), i = ne(t).rows;
-  n(hn({ numRows: i, y: o, operator: "USER" })), O(s.current);
+  const { selectingZone: t, editorRef: s } = e, { top: o } = he(t), i = se(t).rows;
+  n(fn({ numRows: i, y: o, operator: "USER" })), O(s.current);
 }, Os = async ({ store: e, dispatch: n }) => {
-  const { selectingZone: t, editorRef: s } = e, { left: o } = ge(t), i = ne(t).cols;
-  n(fn({ numCols: i, x: o, operator: "USER" })), O(s.current);
+  const { selectingZone: t, editorRef: s } = e, { left: o } = he(t), i = se(t).cols;
+  n(hn({ numCols: i, x: o, operator: "USER" })), O(s.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(Ct({ x: t, direction: "asc" })), O(e.editorRef.current);
@@ -1190,17 +1190,17 @@ const Ds = ({
   const s = e.sheetReactive.current;
   if (!s)
     return;
-  const o = Ee({ y: t, x: 0 }), i = s.getCell({ y: t, x: 0 }, { resolution: "SYSTEM" }), l = !(i != null && i.sortFixed) || void 0;
-  s.update({ diff: { [o]: { sortFixed: l } }, partial: !0 }), n(ze(s)), O(e.editorRef.current);
+  const o = xe({ y: t, x: 0 }), i = s.getCell({ y: t, x: 0 }, { resolution: "SYSTEM" }), l = !(i != null && i.sortFixed) || void 0;
+  s.update({ diff: { [o]: { sortFixed: l } }, partial: !0 }), n(Ue(s)), O(e.editorRef.current);
 }, Xn = ({ store: e, dispatch: n }, t) => {
   const s = e.sheetReactive.current;
   if (!s)
     return;
-  const o = Ee({ y: t, x: 0 }), i = s.getCell({ y: t, x: 0 }, { resolution: "SYSTEM" }), l = !(i != null && i.filterFixed) || void 0;
-  s.update({ diff: { [o]: { filterFixed: l } }, partial: !0 }), n(ze(s)), O(e.editorRef.current);
+  const o = xe({ y: t, x: 0 }), i = s.getCell({ y: t, x: 0 }, { resolution: "SYSTEM" }), l = !(i != null && i.filterFixed) || void 0;
+  s.update({ diff: { [o]: { filterFixed: l } }, partial: !0 }), n(Ue(s)), O(e.editorRef.current);
 }, Hn = async ({ store: e, dispatch: n }) => {
   typeof e.searchQuery > "u" && n(Pe("")), n(dn(!1)), requestAnimationFrame(() => O(e.searchInputRef.current));
-}, xr = {
+}, Er = {
   copy: Tn,
   cut: An,
   paste: Mn,
@@ -1254,80 +1254,80 @@ const Ds = ({
   {
     id: "insert-rows-above",
     label: (e) => {
-      const n = ne(e.selectingZone).rows;
+      const n = se(e.selectingZone).rows;
       return `Insert ${n} row${n > 1 ? "s" : ""} above`;
     },
     visible: (e) => e.leftHeaderSelecting,
     disabled: (e) => {
-      const n = ne(e.selectingZone).rows, t = e.sheet, s = t.getCell({ y: e.choosing.y, x: 0 }, { resolution: "SYSTEM" });
+      const n = se(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 || X.hasOperation(s == null ? void 0 : s.prevention, X.InsertRowsAbove);
     },
-    onClick: (e) => e.insertRowsAbove(e.choosing.y, ne(e.selectingZone).rows)
+    onClick: (e) => e.insertRowsAbove(e.choosing.y, se(e.selectingZone).rows)
   },
   {
     id: "insert-rows-below",
     label: (e) => {
-      const n = ne(e.selectingZone).rows;
+      const n = se(e.selectingZone).rows;
       return `Insert ${n} row${n > 1 ? "s" : ""} below`;
     },
     visible: (e) => e.leftHeaderSelecting,
     disabled: (e) => {
-      const n = ne(e.selectingZone).rows, t = e.sheet, s = t.getCell({ y: e.choosing.y, x: 0 }, { resolution: "SYSTEM" });
+      const n = se(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 || X.hasOperation(s == null ? void 0 : s.prevention, X.InsertRowsBelow);
     },
-    onClick: (e) => e.insertRowsBelow(e.choosing.y, ne(e.selectingZone).rows)
+    onClick: (e) => e.insertRowsBelow(e.choosing.y, se(e.selectingZone).rows)
   },
   {
     id: "insert-cols-left",
     label: (e) => {
-      const n = ne(e.selectingZone).cols;
+      const n = se(e.selectingZone).cols;
       return `Insert ${n} column${n > 1 ? "s" : ""} left`;
     },
     visible: (e) => e.topHeaderSelecting,
     disabled: (e) => {
-      const n = ne(e.selectingZone).cols, t = e.sheet, s = t.getCell({ y: 0, x: e.choosing.x }, { resolution: "SYSTEM" });
+      const n = se(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 || X.hasOperation(s == null ? void 0 : s.prevention, X.InsertColsLeft);
     },
-    onClick: (e) => e.insertColsLeft(e.choosing.x, ne(e.selectingZone).cols)
+    onClick: (e) => e.insertColsLeft(e.choosing.x, se(e.selectingZone).cols)
   },
   {
     id: "insert-cols-right",
     label: (e) => {
-      const n = ne(e.selectingZone).cols;
+      const n = se(e.selectingZone).cols;
       return `Insert ${n} column${n > 1 ? "s" : ""} right`;
     },
     visible: (e) => e.topHeaderSelecting,
     disabled: (e) => {
-      const n = ne(e.selectingZone).cols, t = e.sheet, s = t.getCell({ y: 0, x: e.choosing.x }, { resolution: "SYSTEM" });
+      const n = se(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 || X.hasOperation(s == null ? void 0 : s.prevention, X.InsertColsRight);
     },
-    onClick: (e) => e.insertColsRight(e.choosing.x, ne(e.selectingZone).cols)
+    onClick: (e) => e.insertColsRight(e.choosing.x, se(e.selectingZone).cols)
   },
   {
     id: "remove-rows",
     label: (e) => {
-      const n = ne(e.selectingZone).rows;
+      const n = se(e.selectingZone).rows;
       return `Remove ${n} row${n > 1 ? "s" : ""}`;
     },
     visible: (e) => e.leftHeaderSelecting,
     disabled: (e) => {
-      const n = ne(e.selectingZone).rows, t = e.sheet, s = t.getCell({ y: e.choosing.y, x: 0 }, { resolution: "SYSTEM" });
+      const n = se(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 || X.hasOperation(s == null ? void 0 : s.prevention, X.RemoveRows);
     },
-    onClick: (e) => e.removeRows(e.choosing.y, ne(e.selectingZone).rows)
+    onClick: (e) => e.removeRows(e.choosing.y, se(e.selectingZone).rows)
   },
   {
     id: "remove-cols",
     label: (e) => {
-      const n = ne(e.selectingZone).cols;
+      const n = se(e.selectingZone).cols;
       return `Remove ${n} column${n > 1 ? "s" : ""}`;
     },
     visible: (e) => e.topHeaderSelecting,
     disabled: (e) => {
-      const n = ne(e.selectingZone).cols, t = e.sheet, s = t.getCell({ y: 0, x: e.choosing.x }, { resolution: "SYSTEM" });
+      const n = se(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 || X.hasOperation(s == null ? void 0 : s.prevention, X.RemoveCols);
     },
-    onClick: (e) => e.removeCols(e.choosing.x, ne(e.selectingZone).cols)
+    onClick: (e) => e.removeCols(e.choosing.x, se(e.selectingZone).cols)
   },
   { type: "divider" },
   {
@@ -1515,7 +1515,7 @@ const Ds = ({
   { type: "divider" },
   { type: "component", componentId: "col-label" }
 ];
-function Et(e, n, t) {
+function xt(e, n, t) {
   const s = { store: e, dispatch: n }, o = e.sheetReactive.current;
   return {
     sheet: o,
@@ -1535,7 +1535,7 @@ function Et(e, n, t) {
       n(yn({ numRows: l, y: i, operator: "USER" }));
     },
     removeRows: (i, l) => {
-      n(hn({ numRows: l, y: i, operator: "USER" }));
+      n(fn({ numRows: l, y: i, operator: "USER" }));
     },
     insertColsLeft: (i, l) => {
       n(pn({ numCols: l, x: i, operator: "USER" }));
@@ -1544,7 +1544,7 @@ function Et(e, n, t) {
       n(mn({ numCols: l, x: i, operator: "USER" }));
     },
     removeCols: (i, l) => {
-      n(fn({ numCols: l, x: i, operator: "USER" }));
+      n(hn({ numCols: l, x: i, operator: "USER" }));
     },
     sortRows: async (i, l) => {
       l === "asc" ? await Fn(s, i) : await Yn(s, i);
@@ -1559,9 +1559,9 @@ function Et(e, n, t) {
     updateColLabel: (i, l) => {
       if (!o)
         return;
-      const f = Ee({ y: 0, x: i });
+      const h = xe({ y: 0, x: i });
       o.update({
-        diff: { [f]: { label: l || void 0 } },
+        diff: { [h]: { label: l || void 0 } },
         partial: !0,
         undoReflection: {
           sheetId: o.id,
@@ -1579,10 +1579,10 @@ function Et(e, n, t) {
   };
 }
 const On = /* @__PURE__ */ new Map();
-function xt(e, n) {
+function Et(e, n) {
   On.set(e, n);
 }
-function Zs(e) {
+function Ws(e) {
   return On.get(e);
 }
 const kt = ({
@@ -1594,7 +1594,7 @@ const kt = ({
   onClick: i,
   className: l
 }) => {
-  const f = s !== void 0;
+  const h = s !== void 0;
   return /* @__PURE__ */ Y(
     "li",
     {
@@ -1602,13 +1602,13 @@ const kt = ({
       "data-testid": o,
       onClick: t ? void 0 : i,
       children: [
-        /* @__PURE__ */ Y("div", { className: `gs-menu-name${f ? " gs-row-fixed-toggle" : ""}`, children: [
-          f && /* @__PURE__ */ a("span", { className: `gs-row-fixed-check${s ? " gs-row-fixed-active" : ""}`, children: "✓" }),
+        /* @__PURE__ */ Y("div", { className: `gs-menu-name${h ? " gs-row-fixed-toggle" : ""}`, children: [
+          h && /* @__PURE__ */ a("span", { className: `gs-row-fixed-check${s ? " gs-row-fixed-active" : ""}`, children: "✓" }),
           e
         ] }),
-        n != null && n.length > 0 && /* @__PURE__ */ a("div", { className: "gs-menu-shortcut", children: n.map((h, c) => /* @__PURE__ */ Y("span", { children: [
+        n != null && n.length > 0 && /* @__PURE__ */ a("div", { className: "gs-menu-shortcut", children: n.map((f, c) => /* @__PURE__ */ Y("span", { children: [
           c > 0 && /* @__PURE__ */ a("span", { className: "gs-menu-shortcut-sep", children: ", " }),
-          /* @__PURE__ */ a("span", { className: "gs-menu-shortcut-badge", children: h.split("+").map(
+          /* @__PURE__ */ a("span", { className: "gs-menu-shortcut-badge", children: f.split("+").map(
             (d, b, y) => b < y.length - 1 ? /* @__PURE__ */ Y("span", { children: [
               d,
               "+"
@@ -1618,25 +1618,25 @@ const kt = ({
       ]
     }
   );
-}, Tt = () => /* @__PURE__ */ a("li", { className: "gs-menu-divider" }), Us = () => {
-  const { store: e, dispatch: n } = le(ae), { contextMenuPosition: t, contextMenu: s } = e, { y: o, x: i } = t, l = se(null);
-  if (Z(() => {
+}, Tt = () => /* @__PURE__ */ a("li", { className: "gs-menu-divider" }), Zs = () => {
+  const { store: e, dispatch: n } = le(ae), { contextMenuPosition: t, contextMenu: s } = e, { y: o, x: i } = t, l = re(null);
+  if (W(() => {
     l.current && en(l.current);
   }), o === -1)
     return null;
-  const f = () => n(We({ y: -1, x: -1 })), h = Et(e, n, f);
+  const h = () => n(ze({ y: -1, x: -1 })), f = xt(e, n, h);
   return /* @__PURE__ */ a(
     rt,
     {
       className: "gs-menu-modal gs-context-menu-modal",
-      onClick: (c) => (c.preventDefault(), f(), !1),
+      onClick: (c) => (c.preventDefault(), h(), !1),
       children: /* @__PURE__ */ a("div", { ref: l, className: "gs-context-menu", style: { top: o, left: i }, children: /* @__PURE__ */ a("ul", { className: "gs-menu-items", children: s.map((c, d) => {
-        var A, x;
+        var M, E;
         if (c.type === "divider")
-          return c.visible && !c.visible(h) ? null : /* @__PURE__ */ a(Tt, {}, d);
-        if (c.type === "component" || !(!c.visible || c.visible(h)))
+          return c.visible && !c.visible(f) ? null : /* @__PURE__ */ a(Tt, {}, d);
+        if (c.type === "component" || !(!c.visible || c.visible(f)))
           return null;
-        const y = ((A = c.disabled) == null ? void 0 : A.call(c, h)) ?? !1, g = typeof c.label == "function" ? c.label(h) : c.label, m = typeof c.shortcuts == "function" ? c.shortcuts(h) : c.shortcuts, p = (x = c.checked) == null ? void 0 : x.call(c, h);
+        const y = ((M = c.disabled) == null ? void 0 : M.call(c, f)) ?? !1, g = typeof c.label == "function" ? c.label(f) : c.label, m = typeof c.shortcuts == "function" ? c.shortcuts(f) : c.shortcuts, p = (E = c.checked) == null ? void 0 : E.call(c, f);
         return /* @__PURE__ */ a(
           kt,
           {
@@ -1645,7 +1645,7 @@ const kt = ({
             disabled: y,
             checked: p,
             testId: c.id ? `${c.id}-item` : void 0,
-            onClick: () => c.onClick(h)
+            onClick: () => c.onClick(f)
           },
           d
         );
@@ -1663,64 +1663,64 @@ const kt = ({
   nonblank: "Nonblank",
   includes: "Includes",
   excludes: "Excludes"
-}, Gt = ["blank", "nonblank"], Ve = { method: "eq", value: [""] }, zs = ({ x: e, close: n, onWaiting: t }) => {
-  const { store: s, dispatch: o } = le(ae), { sheetReactive: i } = s, l = i.current, [f, h] = J([{ ...Ve }]), [c, d] = J("or"), [b, y] = J(null), g = k(
+}, Gt = ["blank", "nonblank"], Ve = { method: "eq", value: [""] }, Us = ({ x: e, close: n, onWaiting: t }) => {
+  const { store: s, dispatch: o } = le(ae), { sheetReactive: i } = s, l = i.current, [h, f] = te([{ ...Ve }]), [c, d] = te("or"), [b, y] = te(null), g = k(
     (C) => {
       C && C.focus();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e]
   );
-  Z(() => {
+  W(() => {
     if (l) {
-      const C = l.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), D = C == null ? void 0 : C.filter;
-      D && D.conditions.length > 0 ? (h(D.conditions.map((r) => ({ ...r, value: [...r.value] }))), d(D.mode || "or")) : (h([{ ...Ve, value: [""] }]), d("or"));
+      const C = l.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), I = C == null ? void 0 : C.filter;
+      I && I.conditions.length > 0 ? (f(I.conditions.map((r) => ({ ...r, value: [...r.value] }))), d(I.mode || "or")) : (f([{ ...Ve, value: [""] }]), d("or"));
     }
   }, [e, l]);
   const m = k(() => {
     y(null), t == null || t(null), n();
   }, [n, t]);
-  Z(() => {
+  W(() => {
     b && (t == null || t("Filtering…", m));
-  }, [b]), Z(() => {
+  }, [b]), W(() => {
     if (!b)
       return;
     let C = !1;
-    const D = () => {
+    const I = () => {
       if (C || !i.current)
         return;
-      const { x: v, conditions: N, mode: I } = b;
-      N.length > 0 ? o(Ye({ x: v, filter: { mode: I, conditions: N } })) : o(Ye({ x: v })), t == null || t(null), y(null), n();
+      const { x: v, conditions: N, mode: A } = b;
+      N.length > 0 ? o(Ye({ x: v, filter: { mode: A, conditions: N } })) : o(Ye({ x: v })), t == null || t(null), y(null), n();
     }, r = i.current;
-    return r && (r.hasPendingCells() || r.registry.asyncPending.size > 0) ? r.waitForPending().then(D) : D(), () => {
+    return r && (r.hasPendingCells() || r.registry.asyncPending.size > 0) ? r.waitForPending().then(I) : I(), () => {
       C = !0;
     };
   }, [b]);
-  const p = k((C, D) => {
-    h((r) => {
+  const p = k((C, I) => {
+    f((r) => {
       const u = [...r];
-      return u[C] = { ...u[C], ...D }, u;
+      return u[C] = { ...u[C], ...I }, u;
     });
-  }, []), A = k(() => {
-    h((C) => [...C, { ...Ve, value: [""] }]);
-  }, []), x = k((C) => {
-    h((D) => D.length <= 1 ? [{ ...Ve, value: [""] }] : D.filter((r, u) => u !== C));
+  }, []), M = k(() => {
+    f((C) => [...C, { ...Ve, value: [""] }]);
+  }, []), E = k((C) => {
+    f((I) => I.length <= 1 ? [{ ...Ve, value: [""] }] : I.filter((r, u) => u !== C));
   }, []), F = k(() => {
-    const C = f.filter((D) => Gt.includes(D.method) ? !0 : D.value.some((r) => r.trim() !== ""));
+    const C = h.filter((I) => Gt.includes(I.method) ? !0 : I.value.some((r) => r.trim() !== ""));
     y({ x: e, conditions: C, mode: c });
-  }, [e, f, c]), T = k(() => {
+  }, [e, h, c]), T = k(() => {
     y(null), o(Ye({ x: e })), n();
   }, [o, e, n]), S = k(() => {
     y(null), o(Ye({})), n();
   }, [o, n]);
   if (!l)
     return null;
-  const M = l.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), $ = X.hasOperation(M == null ? void 0 : M.prevention, X.Filter), P = l.hasActiveFilters();
+  const D = l.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), $ = X.hasOperation(D == null ? void 0 : D.prevention, X.Filter), P = l.hasActiveFilters();
   return /* @__PURE__ */ a("li", { className: `gs-column-menu-filter${$ ? " gs-disabled" : ""}`, children: /* @__PURE__ */ Y(Re, { children: [
     /* @__PURE__ */ Y("div", { className: "gs-filter-header", children: [
       /* @__PURE__ */ a("div", { className: "gs-menu-name", children: "Filter:" }),
-      /* @__PURE__ */ a("button", { className: "gs-filter-add-btn", onClick: A, disabled: $, children: "+ ADD" }),
-      /* @__PURE__ */ Y("div", { className: `gs-filter-mode-toggle${f.length <= 1 ? " gs-disabled" : ""}`, children: [
+      /* @__PURE__ */ a("button", { className: "gs-filter-add-btn", onClick: M, disabled: $, children: "+ ADD" }),
+      /* @__PURE__ */ Y("div", { className: `gs-filter-mode-toggle${h.length <= 1 ? " gs-disabled" : ""}`, children: [
         /* @__PURE__ */ Y("label", { className: c === "and" ? "gs-active" : "", children: [
           /* @__PURE__ */ a(
             "input",
@@ -1729,7 +1729,7 @@ const kt = ({
               name: "gs-filter-mode",
               checked: c === "and",
               onChange: () => d("and"),
-              disabled: $ || f.length <= 1
+              disabled: $ || h.length <= 1
             }
           ),
           "AND"
@@ -1742,36 +1742,36 @@ const kt = ({
               name: "gs-filter-mode",
               checked: c === "or",
               onChange: () => d("or"),
-              disabled: $ || f.length <= 1
+              disabled: $ || h.length <= 1
             }
           ),
           "OR"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: "gs-filter-conditions", children: f.map((C, D) => /* @__PURE__ */ Y("div", { className: "gs-filter-condition-row", children: [
+    /* @__PURE__ */ a("div", { className: "gs-filter-conditions", children: h.map((C, I) => /* @__PURE__ */ Y("div", { className: "gs-filter-condition-row", children: [
       /* @__PURE__ */ a(
         "select",
         {
           className: "gs-filter-method-select",
           value: C.method,
           disabled: $,
-          tabIndex: D * 2 + 1,
-          onChange: (r) => p(D, { method: r.target.value }),
+          tabIndex: I * 2 + 1,
+          onChange: (r) => p(I, { method: r.target.value }),
           children: Object.keys(qt).map((r) => /* @__PURE__ */ a("option", { value: r, children: qt[r] }, r))
         }
       ),
       !Gt.includes(C.method) && /* @__PURE__ */ a(
         "input",
         {
-          ref: D === 0 ? g : void 0,
+          ref: I === 0 ? g : void 0,
           className: "gs-filter-value-input",
           type: "text",
           placeholder: "Value",
           value: C.value[0] || "",
           disabled: $,
-          tabIndex: D * 2 + 2,
-          onChange: (r) => p(D, { value: [r.target.value] }),
+          tabIndex: I * 2 + 2,
+          onChange: (r) => p(I, { value: [r.target.value] }),
           onKeyDown: (r) => {
             r.nativeEvent.isComposing || (r.key === "Enter" && F(), r.key === "Escape" && n());
           }
@@ -1781,40 +1781,40 @@ const kt = ({
         "button",
         {
           className: "gs-filter-remove-btn",
-          onClick: () => x(D),
+          onClick: () => E(I),
           disabled: $,
           title: "Remove condition",
           children: "✕"
         }
       )
-    ] }, D)) }),
+    ] }, I)) }),
     /* @__PURE__ */ Y("div", { className: "gs-filter-actions", children: [
       P && /* @__PURE__ */ a("button", { className: "gs-filter-reset-all-btn", onClick: S, children: "RESET ALL" }),
       /* @__PURE__ */ Y("div", { className: "gs-filter-actions-right", children: [
-        (M == null ? void 0 : M.filter) && /* @__PURE__ */ a("button", { className: "gs-filter-reset-btn", onClick: T, children: "RESET" }),
+        (D == null ? void 0 : D.filter) && /* @__PURE__ */ a("button", { className: "gs-filter-reset-btn", onClick: T, children: "RESET" }),
         /* @__PURE__ */ a("button", { className: "gs-filter-apply-btn", onClick: F, disabled: $, children: "APPLY" })
       ] })
     ] })
   ] }) });
 };
-xt("col-filter", zs);
-const Ws = ({ x: e, close: n, onWaiting: t }) => {
-  const { store: s, dispatch: o } = le(ae), { sheetReactive: i } = s, l = i.current, [f, h] = J(null), c = k(() => {
-    h(null), t == null || t(null), n();
+Et("col-filter", Us);
+const zs = ({ x: e, close: n, onWaiting: t }) => {
+  const { store: s, dispatch: o } = le(ae), { sheetReactive: i } = s, l = i.current, [h, f] = te(null), c = k(() => {
+    f(null), t == null || t(null), n();
   }, [n, t]);
-  if (Z(() => {
-    f && (t == null || t("Sorting…", c));
-  }, [f]), Z(() => {
-    if (!f)
+  if (W(() => {
+    h && (t == null || t("Sorting…", c));
+  }, [h]), W(() => {
+    if (!h)
       return;
     let y = !1;
     const g = () => {
-      y || !i.current || (o(Ct({ x: f.x, direction: f.direction })), t == null || t(null), h(null), n());
+      y || !i.current || (o(Ct({ x: h.x, direction: h.direction })), t == null || t(null), f(null), n());
     }, m = i.current;
     return m && (m.hasPendingCells() || m.registry.asyncPending.size > 0) ? m.waitForPending().then(g) : g(), () => {
       y = !0;
     };
-  }, [f]), !l)
+  }, [h]), !l)
     return null;
   const d = l.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), b = X.hasOperation(d == null ? void 0 : d.prevention, X.Sort);
   return /* @__PURE__ */ Y("li", { className: `gs-menu-item gs-column-menu-sort${b ? " gs-disabled" : ""}`, children: [
@@ -1825,7 +1825,7 @@ const Ws = ({ x: e, close: n, onWaiting: t }) => {
         {
           className: "gs-sort-btn gs-sort-btn-asc",
           onClick: (y) => {
-            y.stopPropagation(), b || h({ x: e, direction: "asc" });
+            y.stopPropagation(), b || f({ x: e, direction: "asc" });
           },
           disabled: b,
           children: "↓ A to Z"
@@ -1836,7 +1836,7 @@ const Ws = ({ x: e, close: n, onWaiting: t }) => {
         {
           className: "gs-sort-btn gs-sort-btn-desc",
           onClick: (y) => {
-            y.stopPropagation(), b || h({ x: e, direction: "desc" });
+            y.stopPropagation(), b || f({ x: e, direction: "desc" });
           },
           disabled: b,
           children: "↑ Z to A"
@@ -1845,21 +1845,21 @@ const Ws = ({ x: e, close: n, onWaiting: t }) => {
     ] })
   ] });
 };
-xt("col-sort", Ws);
+Et("col-sort", zs);
 const _s = ({ x: e, close: n }) => {
-  const { store: t, dispatch: s } = le(ae), { sheetReactive: o } = t, i = o.current, l = se(null), [f, h] = J("");
-  Z(() => {
+  const { store: t, dispatch: s } = le(ae), { sheetReactive: o } = t, i = o.current, l = re(null), [h, f] = te("");
+  W(() => {
     if (i) {
       const g = i.getCell({ y: 0, x: e }, { resolution: "SYSTEM" });
-      h((g == null ? void 0 : g.label) ?? "");
+      f((g == null ? void 0 : g.label) ?? "");
     }
   }, [e, i]);
   const c = k(() => {
     if (!i)
       return;
-    const g = Ee({ y: 0, x: e });
+    const g = xe({ y: 0, x: e });
     i.update({
-      diff: { [g]: { label: f || void 0 } },
+      diff: { [g]: { label: h || void 0 } },
       partial: !0,
       ignoreFields: [],
       undoReflection: {
@@ -1873,7 +1873,7 @@ const _s = ({ x: e, close: n }) => {
         choosing: t.choosing
       }
     }), s(Ne({ sheetReactive: { current: i } })), n();
-  }, [s, e, f, n, i, t.selectingZone, t.choosing]);
+  }, [s, e, h, n, i, t.selectingZone, t.choosing]);
   if (!i)
     return null;
   const d = i.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), b = X.hasOperation(d == null ? void 0 : d.prevention, X.SetLabel), y = wt(i, d == null ? void 0 : d.label, { y: 0, x: e }, e) ?? pe(e);
@@ -1886,9 +1886,9 @@ const _s = ({ x: e, close: n }) => {
         className: "gs-label-input",
         type: "text",
         placeholder: y,
-        value: f,
+        value: h,
         disabled: b,
-        onChange: (g) => h(g.target.value),
+        onChange: (g) => f(g.target.value),
         onKeyDown: (g) => {
           g.nativeEvent.isComposing || (g.key === "Enter" && c(), g.key === "Escape" && n());
         }
@@ -1897,9 +1897,9 @@ const _s = ({ x: e, close: n }) => {
     /* @__PURE__ */ a("button", { className: "gs-label-apply-btn", onClick: c, disabled: b, children: "UPDATE" })
   ] }) });
 };
-xt("col-label", _s);
+Et("col-label", _s);
 const js = () => {
-  const { store: e, dispatch: n } = le(ae), { columnMenuState: t, editorRef: s, colMenu: o } = e, i = e.sheetReactive.current, l = t == null ? void 0 : t.x, f = t == null ? void 0 : t.position, [h, c] = J(null), d = k(() => {
+  const { store: e, dispatch: n } = le(ae), { columnMenuState: t, editorRef: s, colMenu: o } = e, i = e.sheetReactive.current, l = t == null ? void 0 : t.x, h = t == null ? void 0 : t.position, [f, c] = te(null), d = k(() => {
     n(et(null)), O(s.current);
   }, [n, s]), b = k(
     (g, m) => {
@@ -1907,40 +1907,40 @@ const js = () => {
     },
     [d]
   );
-  if (!t || !i || l == null || !f)
+  if (!t || !i || l == null || !h)
     return null;
-  const y = Et(e, n, d);
+  const y = xt(e, n, d);
   return /* @__PURE__ */ Y(
     rt,
     {
       className: "gs-menu-modal gs-column-menu-modal",
-      onClick: (g) => (g.preventDefault(), h || d(), !1),
+      onClick: (g) => (g.preventDefault(), f || d(), !1),
       children: [
         /* @__PURE__ */ a(
           "div",
           {
             className: "gs-column-menu",
-            style: { top: f.y, left: f.x, display: h ? "none" : void 0 },
+            style: { top: h.y, left: h.x, display: f ? "none" : void 0 },
             onClick: (g) => g.stopPropagation(),
             children: /* @__PURE__ */ a("ul", { className: "gs-menu-items", children: o.map((g, m) => {
               var T;
               if (g.type === "component") {
                 if (!(!g.visible || g.visible(y, l)))
                   return null;
-                const M = Zs(g.componentId);
-                return M ? /* @__PURE__ */ a(M, { x: l, close: d, onWaiting: b }, m) : null;
+                const D = Ws(g.componentId);
+                return D ? /* @__PURE__ */ a(D, { x: l, close: d, onWaiting: b }, m) : null;
               }
               if (g.type === "divider")
                 return g.visible && !g.visible(y) ? null : /* @__PURE__ */ a(Tt, {}, m);
               if (!(!g.visible || g.visible(y, l)))
                 return null;
-              const A = ((T = g.disabled) == null ? void 0 : T.call(g, y, l)) ?? !1, x = typeof g.label == "function" ? g.label(y, l) : g.label, F = typeof g.shortcuts == "function" ? g.shortcuts(y, l) : g.shortcuts;
+              const M = ((T = g.disabled) == null ? void 0 : T.call(g, y, l)) ?? !1, E = typeof g.label == "function" ? g.label(y, l) : g.label, F = typeof g.shortcuts == "function" ? g.shortcuts(y, l) : g.shortcuts;
               return /* @__PURE__ */ a(
                 kt,
                 {
-                  label: x,
+                  label: E,
                   shortcuts: F,
-                  disabled: A,
+                  disabled: M,
                   testId: g.id ? `${g.id}-item` : void 0,
                   onClick: () => {
                     g.onClick(y, l), n(et(null));
@@ -1951,16 +1951,16 @@ const js = () => {
             }) })
           }
         ),
-        h && /* @__PURE__ */ Y(
+        f && /* @__PURE__ */ Y(
           "div",
           {
             className: "gs-column-menu gs-column-menu-waiting",
-            style: { top: f.y, left: f.x },
+            style: { top: h.y, left: h.x },
             onClick: (g) => g.stopPropagation(),
             children: [
-              /* @__PURE__ */ a("div", { className: "gs-waiting-message", children: h.message }),
+              /* @__PURE__ */ a("div", { className: "gs-waiting-message", children: f.message }),
               /* @__PURE__ */ a("div", { className: "gs-waiting-spinner" }),
-              /* @__PURE__ */ a("button", { className: "gs-waiting-cancel-btn", onClick: h.cancel, children: "CANCEL" })
+              /* @__PURE__ */ a("button", { className: "gs-waiting-cancel-btn", onClick: f.cancel, children: "CANCEL" })
             ]
           }
         )
@@ -1974,12 +1974,12 @@ function Vs(e, n, t, s, o) {
     return /* @__PURE__ */ a(Tt, {}, s);
   if (e.type === "component" || !(!e.visible || e.visible(n, t)))
     return null;
-  const l = ((d = e.disabled) == null ? void 0 : d.call(e, n, t)) ?? !1, f = typeof e.label == "function" ? e.label(n, t) : e.label, h = typeof e.shortcuts == "function" ? e.shortcuts(n, t) : e.shortcuts, c = e.checked != null ? e.checked(n, t) : void 0;
+  const l = ((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, c = e.checked != null ? e.checked(n, t) : void 0;
   return /* @__PURE__ */ a(
     kt,
     {
-      label: f,
-      shortcuts: h,
+      label: h,
+      shortcuts: f,
       disabled: l,
       checked: c,
       testId: e.id ? `${e.id}-item` : void 0,
@@ -1991,18 +1991,18 @@ function Vs(e, n, t, s, o) {
   );
 }
 const qs = () => {
-  const { store: e, dispatch: n } = le(ae), { rowMenuState: t, sheetReactive: s, editorRef: o, rowMenu: i } = e, l = s.current, f = t == null ? void 0 : t.y, h = t == null ? void 0 : t.position, c = () => {
+  const { store: e, dispatch: n } = le(ae), { rowMenuState: t, sheetReactive: s, editorRef: o, rowMenu: i } = e, l = s.current, h = t == null ? void 0 : t.y, f = t == null ? void 0 : t.position, c = () => {
     n(mt(null)), O(o.current);
   };
-  if (!t || !l || f == null || !h)
+  if (!t || !l || h == null || !f)
     return null;
-  const d = Et(e, n, c);
+  const d = xt(e, n, c);
   return /* @__PURE__ */ a(
     rt,
     {
       className: "gs-menu-modal gs-row-menu-modal",
       onClick: (b) => (b.preventDefault(), c(), !1),
-      children: /* @__PURE__ */ a("div", { className: "gs-row-menu", style: { top: h.y, left: h.x }, onClick: (b) => b.stopPropagation(), children: /* @__PURE__ */ a("ul", { className: "gs-menu-items", children: i.map((b, y) => Vs(b, d, f, y, c)) }) })
+      children: /* @__PURE__ */ a("div", { className: "gs-row-menu", style: { top: f.y, left: f.x }, onClick: (b) => b.stopPropagation(), children: /* @__PURE__ */ a("ul", { className: "gs-menu-items", children: i.map((b, y) => Vs(b, d, h, y, c)) }) })
     }
   );
 }, He = (e) => {
@@ -2013,23 +2013,23 @@ const qs = () => {
     return !!(n.buttons & 1) && n.button === 0;
   }
   return !1;
-}, he = (e) => {
+}, fe = (e) => {
   e.type.startsWith("touch") || e.preventDefault();
 }, Gs = nt(({ y: e, x: n }) => {
-  var oe;
-  const t = be(e), o = `${pe(n)}${t}`, { store: i, dispatch: l } = le(ae), f = se(!0), h = se(null), [c, d] = J(null), {
+  var Q;
+  const t = be(e), o = `${pe(n)}${t}`, { store: i, dispatch: l } = le(ae), h = re(!0), f = re(null), [c, d] = te(null), {
     sheetReactive: b,
     editingAddress: y,
     choosing: g,
     selectingZone: m,
     leftHeaderSelecting: p,
-    topHeaderSelecting: A,
-    editorRef: x,
+    topHeaderSelecting: M,
+    editorRef: E,
     autofillDraggingTo: F,
     contextMenu: T
-  } = i, S = b.current, M = st(i), $ = S == null ? void 0 : S.registry.lastFocused, P = ge(m), C = y === o, D = g.y === e && g.x === n, r = k(() => {
-    var V;
-    const w = (V = h.current) == null ? void 0 : V.getBoundingClientRect();
+  } = i, S = b.current, D = st(i), $ = S == null ? void 0 : S.registry.lastFocused, P = he(m), C = y === o, I = g.y === e && g.x === n, r = k(() => {
+    var K;
+    const w = (K = f.current) == null ? void 0 : K.getBoundingClientRect();
     if (w == null)
       return null;
     l(
@@ -2041,16 +2041,16 @@ const qs = () => {
       })
     );
   }, [l]);
-  Z(() => {
-    if (D && !f.current) {
+  W(() => {
+    if (I && !h.current) {
       r();
       return;
     }
-    f.current = !1;
-  }, [D, C, r]);
+    h.current = !1;
+  }, [I, C, r]);
   const u = S == null ? void 0 : S.getCell({ y: e, x: n }, { resolution: "SYSTEM" }), v = k(
     (w) => {
-      l(Ue({ value: w }));
+      l(Ze({ value: w }));
     },
     [l]
   ), N = k(
@@ -2059,95 +2059,95 @@ const qs = () => {
     },
     [l]
   );
-  let I = "", R;
+  let A = "", R;
   try {
     S && (R = S.render({ sheet: S, point: { y: e, x: n }, apply: N, value: void 0 }));
   } catch (w) {
-    es.is(w) ? (I = w.message, R = w.code) : (I = w.message, R = "#UNKNOWN");
+    es.is(w) ? (A = w.message, R = w.code) : (A = w.message, R = "#UNKNOWN");
   }
-  const [, H] = (S == null ? void 0 : S.getSolvedCache({ y: e, x: n })) ?? [void 0, void 0], G = ts.is(H), _ = x.current, re = !!(S != null && S.registry.editingAddress || y), ce = k(
+  const [, H] = (S == null ? void 0 : S.getSolvedCache({ y: e, x: n })) ?? [void 0, void 0], q = ts.is(H), _ = E.current, oe = !!(S != null && S.registry.editingAddress || y), ce = k(
     (w) => {
-      if (w.stopPropagation(), he(w), !S || !He(w) || !_)
+      if (w.stopPropagation(), fe(w), !S || !He(w) || !_)
         return !1;
       if (w.type.startsWith("touch"))
-        return re && _ && _.blur(), l(Xe({ y: e, x: n })), l(we({ startY: e, startX: n, endY: e, endX: n })), !0;
+        return oe && _ && _.blur(), l(Xe({ y: e, x: n })), l(we({ startY: e, startX: n, endY: e, endX: n })), !0;
       w.shiftKey ? l(me({ y: e, x: n })) : l(we({ startY: e, startX: n, endY: -1, endX: -1 })), l(ke(!0));
-      const V = `${S.sheetPrefix(!M)}${o}`;
-      return re && De({ input: $ || null, ref: V }) || (S.registry.lastFocused = _, O(_), l(ue("")), F) ? !1 : (re && v(_.value), w.shiftKey || l(Xe({ y: e, x: n })), !0);
+      const K = `${S.sheetPrefix(!D)}${o}`;
+      return oe && De({ input: $ || null, ref: K }) || (S.registry.lastFocused = _, O(_), l(ue("")), F) ? !1 : (oe && v(_.value), w.shiftKey || l(Xe({ y: e, x: n })), !0);
     },
-    [re, _, o, M, $, F, v, S]
+    [oe, _, o, D, $, F, v, S]
   ), B = k(
     (w) => {
       if (w.stopPropagation(), !w.type.startsWith("touch")) {
-        if (he(w), l(ke(!1)), F)
+        if (fe(w), l(ke(!1)), F)
           return l(bn(F)), O(_), !1;
-        re && l(me({ y: -1, x: -1 }));
+        oe && l(me({ y: -1, x: -1 }));
       }
     },
-    [F, re, _]
+    [F, oe, _]
   ), z = k(
     (w) => {
       if (!He(w) || w.type.startsWith("touch") || !S)
         return !1;
-      if (he(w), w.stopPropagation(), F)
-        return l(Ze({ x: n, y: e })), !1;
+      if (fe(w), w.stopPropagation(), F)
+        return l(We({ x: n, y: e })), !1;
       if (p)
         return l(me({ y: e, x: S.numCols })), !1;
-      if (A)
+      if (M)
         return l(me({ y: S.numRows, x: n })), !1;
-      if (re && !sn($ || null))
+      if (oe && !sn($ || null))
         return !1;
-      if (l(me({ y: e, x: n })), re) {
-        const V = ge({ ...m, endY: e, endX: n }), fe = `${S.sheetPrefix(!M)}${rn(V)}`;
-        De({ input: $ || null, ref: fe });
+      if (l(me({ y: e, x: n })), oe) {
+        const K = he({ ...m, endY: e, endX: n }), de = `${S.sheetPrefix(!D)}${rn(K)}`;
+        De({ input: $ || null, ref: de });
       }
       return !0;
     },
     [
       F,
       p,
-      A,
+      M,
       S,
-      re,
+      oe,
       $,
       m,
-      M
+      D
     ]
-  ), U = k(
+  ), Z = k(
     (w) => {
-      l(Ze({ x: n, y: e })), l(ke(!0)), w.stopPropagation();
+      l(We({ x: n, y: e })), l(ke(!0)), w.stopPropagation();
     },
     [l, n, e]
-  ), K = k(() => {
-    var V;
-    const w = (V = h.current) == null ? void 0 : V.getBoundingClientRect();
+  ), J = k(() => {
+    var K;
+    const w = (K = f.current) == null ? void 0 : K.getBoundingClientRect();
     w && d(ns(w));
-  }, []), W = k(() => {
+  }, []), j = k(() => {
     d(null);
-  }, []), Q = k(
-    (w) => T.length > 0 ? (w.stopPropagation(), he(w), l(We({ y: w.clientY, x: w.clientX })), !1) : !0,
+  }, []), U = k(
+    (w) => T.length > 0 ? (w.stopPropagation(), fe(w), l(ze({ y: w.clientY, x: w.clientX })), !1) : !0,
     [T.length]
-  ), j = k(
+  ), G = k(
     (w) => {
-      w.stopPropagation(), he(w), ue(o);
-      const V = document.createEvent("MouseEvents");
-      return V.initEvent("dblclick", !0, !0), _ == null || _.dispatchEvent(V), !1;
+      w.stopPropagation(), fe(w), ue(o);
+      const K = document.createEvent("MouseEvents");
+      return K.initEvent("dblclick", !0, !0), _ == null || _.dispatchEvent(K), !1;
     },
     [o, _]
-  ), L = $e(() => !C && D && P.bottom === -1 || P.bottom === e && P.right === n ? "gs-autofill-drag" : "gs-autofill-drag gs-hidden", [C, D, P]);
+  ), L = $e(() => !C && I && P.bottom === -1 || P.bottom === e && P.right === n ? "gs-autofill-drag" : "gs-autofill-drag gs-hidden", [C, I, P]);
   return S ? _ ? /* @__PURE__ */ a(
     "td",
     {
-      ref: h,
+      ref: f,
       "data-x": n,
       "data-y": e,
       "data-address": o,
-      className: `gs-cell ${rs(P, { y: e, x: n }) ? "gs-selecting" : ""} ${D ? "gs-choosing" : ""} ${C ? "gs-editing" : ""} ${G ? "gs-pending" : ""}`,
+      className: `gs-cell ${rs(P, { y: e, x: n }) ? "gs-selecting" : ""} ${I ? "gs-choosing" : ""} ${C ? "gs-editing" : ""} ${q ? "gs-pending" : ""}`,
       style: {
         ...u == null ? void 0 : u.style
       },
-      onContextMenu: Q,
-      onDoubleClick: j,
+      onContextMenu: U,
+      onDoubleClick: G,
       children: /* @__PURE__ */ Y(
         "div",
         {
@@ -2163,16 +2163,16 @@ const qs = () => {
                 className: "gs-cell-inner",
                 style: {
                   ...u == null ? void 0 : u.style,
-                  textAlign: ((oe = u == null ? void 0 : u.style) == null ? void 0 : oe.textAlign) || (u == null ? void 0 : u.justifyContent) || "left",
+                  textAlign: ((Q = u == null ? void 0 : u.style) == null ? void 0 : Q.textAlign) || (u == null ? void 0 : u.justifyContent) || "left",
                   alignItems: (u == null ? void 0 : u.alignItems) || "start"
                 },
                 children: [
-                  I && /* @__PURE__ */ a(
+                  A && /* @__PURE__ */ a(
                     "div",
                     {
                       className: "gs-formula-error-triangle",
-                      onMouseEnter: K,
-                      onMouseLeave: W
+                      onMouseEnter: J,
+                      onMouseLeave: j
                     }
                   ),
                   /* @__PURE__ */ a(
@@ -2190,7 +2190,7 @@ const qs = () => {
                 ]
               }
             ),
-            I && c && /* @__PURE__ */ a(
+            A && c && /* @__PURE__ */ a(
               "div",
               {
                 className: "gs-formula-error-tooltip",
@@ -2199,10 +2199,10 @@ const qs = () => {
                   left: c.x,
                   transform: ss(c.hAlign)
                 },
-                children: I
+                children: A
               }
             ),
-            /* @__PURE__ */ a("div", { className: L, onMouseDown: U })
+            /* @__PURE__ */ a("div", { className: L, onMouseDown: Z })
           ]
         }
       )
@@ -2215,9 +2215,9 @@ const qs = () => {
 }), Qs = 0.4, Js = 200;
 let Qt = (/* @__PURE__ */ new Date()).getTime(), Ke = 0;
 function Te({ style: e, horizontal: n = 0, vertical: t = 0, className: s = "" }) {
-  const o = se(null), { store: i, dispatch: l } = le(ae), {
-    tabularRef: f,
-    autofillDraggingTo: h,
+  const o = re(null), { store: i, dispatch: l } = le(ae), {
+    tabularRef: h,
+    autofillDraggingTo: f,
     dragging: c,
     selectingZone: d,
     editorRef: b,
@@ -2225,89 +2225,89 @@ function Te({ style: e, horizontal: n = 0, vertical: t = 0, className: s = "" })
     searchInputRef: g,
     editingAddress: m
   } = i, p = y.current;
-  let A = !1;
-  const x = st(i), F = !!(p != null && p.registry.editingAddress || m), T = k(
+  let M = !1;
+  const E = st(i), F = !!(p != null && p.registry.editingAddress || m), T = k(
     (r) => {
       if (!p)
         return { x: -1, y: -1 };
       if (n == 0 && t == 0) {
-        const I = f.current.getBoundingClientRect(), { left: R, top: H, right: G, bottom: _ } = I;
-        n = r.pageX > G ? 1 : r.pageX < R ? -1 : 0, n === 0 && (t = r.pageY > _ ? 1 : r.pageY < H ? -1 : 0);
+        const A = h.current.getBoundingClientRect(), { left: R, top: H, right: q, bottom: _ } = A;
+        n = r.pageX > q ? 1 : r.pageX < R ? -1 : 0, n === 0 && (t = r.pageY > _ ? 1 : r.pageY < H ? -1 : 0);
       }
-      const u = Lt(f.current);
+      const u = Lt(h.current);
       let { endX: v, endY: N } = d;
       return n ? v = n > 0 ? u.right : u.left : t && (N = t > 0 ? u.bottom : u.top), { x: v, y: N };
     },
     [p, n, t, d]
   ), S = k(
     (r) => {
-      if (!A || f.current === null || !p)
+      if (!M || h.current === null || !p)
         return;
       const u = (/* @__PURE__ */ new Date()).getTime();
-      u - Qt > 1e3 && (Ke = 0), Qt = u, f.current.scrollBy({
+      u - Qt > 1e3 && (Ke = 0), Qt = u, h.current.scrollBy({
         left: Ke * n,
         top: Ke * t
       }), O(b.current);
       const { x: v, y: N } = T(r);
-      if (h) {
-        const { y: I, x: R } = h;
-        l(Ze({ y: N === -1 ? I : N, x: v === -1 ? R : v }));
+      if (f) {
+        const { y: A, x: R } = f;
+        l(We({ y: N === -1 ? A : N, x: v === -1 ? R : v }));
       } else {
         if (F) {
-          const I = ge({ ...d, endY: N, endX: v }), R = p.sheetPrefix(!x), H = rn(I), G = `${R}${H}`;
-          De({ input: b.current, ref: G });
+          const A = he({ ...d, endY: N, endX: v }), R = p.sheetPrefix(!E), H = rn(A), q = `${R}${H}`;
+          De({ input: b.current, ref: q });
         }
         l(me({ y: N, x: v }));
       }
       Ke = Math.min(Ke + Qs, Js), o.current = requestAnimationFrame(() => S(r));
     },
     [
-      A,
+      M,
       p,
       n,
       t,
-      h,
+      f,
       F,
       d,
-      x,
+      E,
       T
     ]
-  ), M = k(
+  ), D = k(
     (r) => {
-      if (r.preventDefault(), r.stopPropagation(), !A) {
-        if (A = !0, n === 0 || t === 0) {
-          const u = f.current.getBoundingClientRect(), { left: v, top: N, right: I, bottom: R } = u;
-          n || (n = r.pageX > I ? 1 : r.pageX < v ? -1 : 0), n === 0 && (t || (t = r.pageY > R ? 1 : r.pageY < N ? -1 : 0));
+      if (r.preventDefault(), r.stopPropagation(), !M) {
+        if (M = !0, n === 0 || t === 0) {
+          const u = h.current.getBoundingClientRect(), { left: v, top: N, right: A, bottom: R } = u;
+          n || (n = r.pageX > A ? 1 : r.pageX < v ? -1 : 0), n === 0 && (t || (t = r.pageY > R ? 1 : r.pageY < N ? -1 : 0));
         }
         o.current = requestAnimationFrame(() => S(r));
       }
     },
-    [A, n, t, S]
+    [M, n, t, S]
   ), $ = k(() => {
-    o.current !== null && (cancelAnimationFrame(o.current), o.current = null), A = !1, os(g.current) || O(b.current);
+    o.current !== null && (cancelAnimationFrame(o.current), o.current = null), M = !1, os(g.current) || O(b.current);
   }, []), P = k(
     (r) => {
       r.preventDefault(), r.stopPropagation();
-      const u = Lt(f.current);
+      const u = Lt(h.current);
       if (u.bottom === -1 || u.right === -1)
         return;
       const { x: v, y: N } = T(r);
-      if (h) {
-        const { y: I, x: R } = h;
-        l(bn({ y: N === -1 ? I : N, x: v === -1 ? R : v })), O(b.current);
+      if (f) {
+        const { y: A, x: R } = f;
+        l(bn({ y: N === -1 ? A : N, x: v === -1 ? R : v })), O(b.current);
       } else
         F && l(me({ y: -1, x: -1 }));
     },
-    [h, F, T]
+    [f, F, T]
   ), C = k(
     (r) => {
       $(), l(ke(!1)), requestAnimationFrame(() => P(r));
     },
     [$, P]
-  ), D = k(() => {
+  ), I = k(() => {
     $();
   }, [$]);
-  return Z(() => $, [$]), !b.current || !c && !h ? /* @__PURE__ */ a("div", { className: `gs-scroll-handle gs-hidden ${s}` }) : /* @__PURE__ */ a(
+  return W(() => $, [$]), !b.current || !c && !f ? /* @__PURE__ */ a("div", { className: `gs-scroll-handle gs-hidden ${s}` }) : /* @__PURE__ */ a(
     "div",
     {
       style: e,
@@ -2315,8 +2315,8 @@ function Te({ style: e, horizontal: n = 0, vertical: t = 0, className: s = "" })
       onMouseUp: (r) => {
         C(r);
       },
-      onMouseEnter: M,
-      onMouseLeave: D
+      onMouseEnter: D,
+      onMouseLeave: I
     }
   );
 }
@@ -2325,23 +2325,23 @@ const er = nt(({ x: e }) => {
     sheetReactive: o,
     editingAddress: i,
     choosing: l,
-    selectingZone: f,
-    topHeaderSelecting: h,
+    selectingZone: h,
+    topHeaderSelecting: f,
     editorRef: c,
     autofillDraggingTo: d,
     dragging: b,
     contextMenu: y,
     columnMenuState: g
-  } = t, m = o.current, p = m == null ? void 0 : m.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), A = (p == null ? void 0 : p.width) || vt, x = !!(p != null && p.filter && p.filter.conditions.length > 0), F = st(t), T = m == null ? void 0 : m.registry.lastFocused, S = !!(m != null && m.registry.editingAddress || i), M = k(
+  } = t, m = o.current, p = m == null ? void 0 : m.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), M = (p == null ? void 0 : p.width) || vt, E = !!(p != null && p.filter && p.filter.conditions.length > 0), F = st(t), T = m == null ? void 0 : m.registry.lastFocused, S = !!(m != null && m.registry.editingAddress || i), D = k(
     (r) => {
-      s(Ue({ value: r, point: l }));
+      s(Ze({ value: r, point: l }));
     },
     [l]
   ), $ = k((r) => {
-    s(ht([e, r.clientX, r.clientX])), r.stopPropagation(), he(r);
+    s(ft([e, r.clientX, r.clientX])), r.stopPropagation(), fe(r);
   }, []), P = k(
     (r) => {
-      if (r.stopPropagation(), he(r), !He(r) || !m || b)
+      if (r.stopPropagation(), fe(r), !He(r) || !m || b)
         return !1;
       if (r.type.startsWith("touch"))
         return S && c.current && c.current.blur(), s(Xe({ y: 1, x: e })), s(we({ startY: 1, startX: e, endY: m.numRows, endX: e })), !0;
@@ -2349,13 +2349,13 @@ const er = nt(({ x: e }) => {
       const u = `${m.sheetPrefix(!F)}${n}:${n}`;
       if (S && De({ input: T || null, ref: u }))
         return s(we({ startY: m.numRows, startX: e, endY: 0, endX: e })), !1;
-      let v = r.shiftKey ? f.startX : e;
+      let v = r.shiftKey ? h.startX : e;
       return v === -1 && (v = l.x), s(
-        zt({
+        Ut({
           range: { start: v, end: e },
           numRows: m.numRows
         })
-      ), S && M((T == null ? void 0 : T.value) ?? ""), s(ue("")), s(ke(!0)), O(c.current), !d;
+      ), S && D((T == null ? void 0 : T.value) ?? ""), s(ue("")), s(ke(!0)), O(c.current), !d;
     },
     [
       b,
@@ -2363,28 +2363,28 @@ const er = nt(({ x: e }) => {
       F,
       n,
       T,
-      f,
+      h,
       l,
       d,
       c
     ]
   ), C = k(
     (r) => {
-      if (r.stopPropagation(), !r.type.startsWith("touch") && (he(r), s(ke(!1)), d))
+      if (r.stopPropagation(), !r.type.startsWith("touch") && (fe(r), s(ke(!1)), d))
         return O(c.current), !1;
     },
     [d]
-  ), D = wn((r) => {
+  ), I = wn((r) => {
     if (!He(r) || !m || r.type.startsWith("touch"))
       return !1;
-    if (he(r), r.stopPropagation(), d)
-      return s(Ze({ y: 1, x: e })), !1;
+    if (fe(r), r.stopPropagation(), d)
+      return s(We({ y: 1, x: e })), !1;
     if (S) {
-      const u = ge({ ...f, endY: 1, endX: e }), [v, N] = [pe(u.left), pe(u.right)], I = `${m.sheetPrefix(!F)}${v}:${N}`;
-      De({ input: T || null, ref: I });
+      const u = he({ ...h, endY: 1, endX: e }), [v, N] = [pe(u.left), pe(u.right)], A = `${m.sheetPrefix(!F)}${v}:${N}`;
+      De({ input: T || null, ref: A });
     }
     if (d == null) {
-      const { startY: u } = f;
+      const { startY: u } = h;
       s(u === 1 ? me({ y: m.numRows, x: e }) : me({ y: 1, x: e }));
     }
     return !1;
@@ -2393,16 +2393,16 @@ const er = nt(({ x: e }) => {
     "th",
     {
       "data-x": e,
-      className: `gs-th gs-th-top ${l.x === e ? "gs-choosing" : ""} ${Ae({ start: f.startX, end: f.endX }, e) ? h ? "gs-th-selecting" : "gs-selecting" : ""}`,
-      style: { ...p == null ? void 0 : p.style, width: A, minWidth: A, maxWidth: A },
-      onContextMenu: (r) => y.length > 0 ? (r.stopPropagation(), he(r), s(We({ y: r.clientY, x: r.clientX })), !1) : !0,
+      className: `gs-th gs-th-top ${l.x === e ? "gs-choosing" : ""} ${Ae({ start: h.startX, end: h.endX }, e) ? f ? "gs-th-selecting" : "gs-selecting" : ""}`,
+      style: { ...p == null ? void 0 : p.style, width: M, minWidth: M, maxWidth: M },
+      onContextMenu: (r) => y.length > 0 ? (r.stopPropagation(), fe(r), s(ze({ y: r.clientY, x: r.clientX })), !1) : !0,
       children: /* @__PURE__ */ a(
         "div",
         {
           className: "gs-th-inner-wrap",
           onMouseDown: P,
           onTouchStart: P,
-          onMouseEnter: D,
+          onMouseEnter: I,
           onMouseUp: C,
           children: /* @__PURE__ */ Y("div", { className: "gs-th-inner", style: { height: m.headerHeight, position: "relative" }, children: [
             /* @__PURE__ */ a(
@@ -2410,7 +2410,7 @@ const er = nt(({ x: e }) => {
               {
                 style: {
                   position: "absolute",
-                  zIndex: h ? -1 : 1
+                  zIndex: f ? -1 : 1
                 },
                 vertical: -1
               }
@@ -2425,7 +2425,7 @@ const er = nt(({ x: e }) => {
             !X.hasOperation(p == null ? void 0 : p.prevention, X.ColumnMenu) && /* @__PURE__ */ a(
               "button",
               {
-                className: `gs-menu-btn gs-column-menu-btn ${x ? "gs-filtered" : ""} ${(g == null ? void 0 : g.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: (r) => {
                   r.stopPropagation(), r.preventDefault(), r.currentTarget.dataset.pressX = String(r.clientX), r.currentTarget.dataset.pressY = String(r.clientY);
                 },
@@ -2435,7 +2435,7 @@ const er = nt(({ x: e }) => {
                   if (Math.abs(r.clientX - v) > 4 || Math.abs(r.clientY - N) > 4)
                     return;
                   const R = u.getBoundingClientRect();
-                  (g == null ? void 0 : g.x) === e ? s(et(null)) : (Ae({ start: f.startX, end: f.endX }, e) && f.startY === 1 && f.endY === m.numRows || s(zt({ range: { start: e, end: e }, numRows: m.numRows })), s(et({ x: e, position: { y: R.bottom, x: R.left } })));
+                  (g == null ? void 0 : g.x) === e ? s(et(null)) : (Ae({ 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(et({ x: e, position: { y: R.bottom, x: R.left } })));
                 },
                 children: "⋮"
               }
@@ -2465,80 +2465,80 @@ const er = nt(({ x: e }) => {
     choosing: o,
     editingAddress: i,
     selectingZone: l,
-    leftHeaderSelecting: f,
-    editorRef: h,
+    leftHeaderSelecting: h,
+    editorRef: f,
     sheetReactive: c,
     autofillDraggingTo: d,
     dragging: b,
     contextMenu: y,
     rowMenuState: g
-  } = t, m = c.current, p = m == null ? void 0 : m.getCell({ y: e, x: 0 }, { resolution: "SYSTEM" }), A = (p == null ? void 0 : p.height) || bt, x = st(t), F = m == null ? void 0 : m.registry.lastFocused, T = !!(m != null && m.registry.editingAddress || i), S = k(
+  } = t, m = c.current, p = m == null ? void 0 : m.getCell({ y: e, x: 0 }, { resolution: "SYSTEM" }), M = (p == null ? void 0 : p.height) || bt, E = st(t), F = m == null ? void 0 : m.registry.lastFocused, T = !!(m != null && m.registry.editingAddress || i), S = k(
     (r) => {
-      s(Ue({ value: r, point: o }));
+      s(Ze({ value: r, point: o }));
     },
     [o]
-  ), M = k((r) => {
-    s(ft([e, r.clientY, r.clientY])), r.stopPropagation(), he(r);
+  ), D = k((r) => {
+    s(ht([e, r.clientY, r.clientY])), r.stopPropagation(), fe(r);
   }, []), $ = k(
     (r) => {
-      if (r.stopPropagation(), he(r), !He(r) || !m || b)
+      if (r.stopPropagation(), fe(r), !He(r) || !m || b)
         return !1;
       if (r.type.startsWith("touch"))
-        return T && h.current && h.current.blur(), s(Xe({ y: e, x: 1 })), s(we({ startY: e, startX: 1, endY: e, endX: m.numCols })), !0;
+        return T && f.current && f.current.blur(), s(Xe({ y: e, x: 1 })), s(we({ startY: e, startX: 1, endY: e, endX: m.numCols })), !0;
       s(we({ startY: e, startX: 1, endY: e, endX: -1 }));
-      const u = `${m.sheetPrefix(!x)}${n}:${n}`;
+      const u = `${m.sheetPrefix(!E)}${n}:${n}`;
       if (T && De({ input: F || null, ref: u }))
         return s(we({ startY: e, startX: m.numCols, endY: e, endX: 0 })), !1;
       let v = r.shiftKey ? l.startY : e;
       return v === -1 && (v = o.y), s(
-        Wt({
+        zt({
           range: { start: v, end: e },
           numCols: m.numCols
         })
-      ), T && S((F == null ? void 0 : F.value) ?? ""), s(ue("")), s(ke(!0)), O(h.current), !d;
+      ), T && S((F == null ? void 0 : F.value) ?? ""), s(ue("")), s(ke(!0)), O(f.current), !d;
     },
     [
       b,
       T,
-      x,
+      E,
       n,
       F,
       l,
       o,
       d,
-      h
+      f
     ]
   ), P = k(
     (r) => {
-      if (r.stopPropagation(), !r.type.startsWith("touch") && (he(r), s(ke(!1)), d))
-        return O(h.current), !1;
+      if (r.stopPropagation(), !r.type.startsWith("touch") && (fe(r), s(ke(!1)), d))
+        return O(f.current), !1;
     },
     [d]
   ), C = wn((r) => {
     if (!He(r) || !m || r.type.startsWith("touch"))
       return !1;
-    if (he(r), r.stopPropagation(), d)
-      return s(Ze({ y: e, x: 1 })), !1;
+    if (fe(r), r.stopPropagation(), d)
+      return s(We({ y: e, x: 1 })), !1;
     if (T) {
-      const u = ge({ ...l, endY: e, endX: 1 }), [v, N] = [be(u.top), be(u.bottom)], I = `${m.sheetPrefix(!x)}${v}:${N}`;
-      De({ input: F || null, ref: I });
+      const u = he({ ...l, endY: e, endX: 1 }), [v, N] = [be(u.top), be(u.bottom)], A = `${m.sheetPrefix(!E)}${v}:${N}`;
+      De({ input: F || null, ref: A });
     }
     if (d == null) {
       const { startX: u } = l;
       s(u === 1 ? me({ y: e, x: m.numCols }) : me({ y: e, x: 1 }));
     }
     return !1;
-  }, 100), D = k(
-    (r) => y.length > 0 ? (r.stopPropagation(), he(r), s(We({ y: r.clientY, x: r.clientX })), !1) : !0,
+  }, 100), I = k(
+    (r) => y.length > 0 ? (r.stopPropagation(), fe(r), s(ze({ y: r.clientY, x: r.clientX })), !1) : !0,
     [y.length]
   );
   return m ? /* @__PURE__ */ a(
     "th",
     {
       "data-y": e,
-      className: `gs-th gs-th-left ${o.y === e ? "gs-choosing" : ""} ${Ae({ start: l.startY, end: l.endY }, e) ? f ? "gs-th-selecting" : "gs-selecting" : ""} ${p != null && p.filterFixed ? "gs-filter-fixed" : ""} ${p != null && p.sortFixed ? "gs-sort-fixed" : ""}`,
-      style: { ...p == null ? void 0 : p.style, height: A },
-      onContextMenu: D,
+      className: `gs-th gs-th-left ${o.y === e ? "gs-choosing" : ""} ${Ae({ start: l.startY, end: l.endY }, e) ? h ? "gs-th-selecting" : "gs-selecting" : ""} ${p != null && p.filterFixed ? "gs-filter-fixed" : ""} ${p != null && p.sortFixed ? "gs-sort-fixed" : ""}`,
+      style: { ...p == null ? void 0 : p.style, height: M },
+      onContextMenu: I,
       children: /* @__PURE__ */ a(
         "div",
         {
@@ -2553,7 +2553,7 @@ const er = nt(({ x: e }) => {
               {
                 style: {
                   position: "absolute",
-                  zIndex: f ? -1 : 1
+                  zIndex: h ? -1 : 1
                 },
                 horizontal: -1
               }
@@ -2572,7 +2572,7 @@ const er = nt(({ x: e }) => {
                   if (Math.abs(r.clientX - v) > 4 || Math.abs(r.clientY - N) > 4)
                     return;
                   const R = u.getBoundingClientRect();
-                  (g == null ? void 0 : g.y) === e ? s(mt(null)) : (Ae({ start: l.startY, end: l.endY }, e) && l.startX === 1 && l.endX === m.numCols || s(Wt({ range: { start: e, end: e }, numCols: m.numCols })), s(mt({ y: e, position: { y: R.bottom, x: R.right } })));
+                  (g == null ? void 0 : g.y) === e ? s(mt(null)) : (Ae({ start: l.startY, end: l.endY }, e) && l.startX === 1 && l.endX === m.numCols || s(zt({ range: { start: e, end: e }, numCols: m.numCols })), s(mt({ y: e, position: { y: R.bottom, x: R.right } })));
                 },
                 children: "⋮"
               }
@@ -2585,7 +2585,7 @@ const er = nt(({ x: e }) => {
               ${X.hasOperation(p == null ? void 0 : p.prevention, X.Resize) ? "gs-protected" : ""}
               ${b ? "gs-hidden" : ""}`,
                 style: { width: m.headerWidth },
-                onMouseDown: M
+                onMouseDown: D
               }
             )
           ] })
@@ -2595,14 +2595,14 @@ const er = nt(({ x: e }) => {
   ) : null;
 }), lt = "rgba(0, 119, 255, 1)", nr = "rgba(0, 119, 255, 0.6)", sr = "rgba(0, 128, 255, 0.2)", rr = "#0077ff", or = "#0077ff", ir = "rgba(0, 200, 100, 0.2)", lr = "#00aa78", ar = "#0077aa", Jt = (e, n, t, s, o, i) => {
   e.fillStyle = i, e.fillRect(n, t, s, o);
-}, yt = (e, n, t, s, o, i, l = 2, f = [], h) => {
-  h && (e.fillStyle = h, e.fillRect(n, t, s, o)), e.strokeStyle = i, e.lineWidth = l, e.setLineDash(f), e.strokeRect(n + l / 2, t + l / 2, s - l, o - l), e.setLineDash([]);
-}, qe = (e, n, t, s, o, i, l, f, h = 2, c = [], d) => {
+}, yt = (e, n, t, s, o, i, l = 2, h = [], f) => {
+  f && (e.fillStyle = f, e.fillRect(n, t, s, o)), e.strokeStyle = i, e.lineWidth = l, e.setLineDash(h), e.strokeRect(n + l / 2, t + l / 2, s - l, o - l), e.setLineDash([]);
+}, qe = (e, n, t, s, o, i, l, h, f = 2, c = [], d) => {
   const { top: b, left: y, bottom: g, right: m } = l;
   if (b === -1 || y === -1 || g === -1 || m === -1)
     return;
-  const p = Fe(n, { y: b, x: y }), A = Fe(n, { y: g, x: m }), x = p.left - s, F = p.top - t, T = A.right - s, S = A.bottom - t;
-  T < 0 || x > o || S < 0 || F > i || yt(e, x, F, T - x, S - F, f, h, c, d);
+  const p = Fe(n, { y: b, x: y }), M = Fe(n, { y: g, x: m }), E = p.left - s, F = p.top - t, T = M.right - s, S = M.bottom - t;
+  T < 0 || E > o || S < 0 || F > i || yt(e, E, F, T - E, S - F, h, f, c, d);
 }, cr = ({ refs: e = {} }) => {
   const { store: n } = le(ae), {
     sheetReactive: t,
@@ -2610,116 +2610,120 @@ const er = nt(({ x: e }) => {
     choosing: o,
     selectingZone: i,
     matchingCells: l,
-    matchingCellIndex: f,
-    autofillDraggingTo: h,
+    matchingCellIndex: h,
+    autofillDraggingTo: f,
     topHeaderSelecting: c,
     leftHeaderSelecting: d,
     mode: b,
     dragging: y
-  } = n, g = t.current, m = se(null), p = se(0), A = se(n);
-  A.current = n;
-  const x = k(() => {
+  } = n, g = t.current, m = re(null), p = re(0), M = re(n);
+  M.current = n;
+  const E = k(() => {
     if (!g || !s.current || !m.current)
       return;
-    const S = m.current, M = S.getContext("2d");
-    if (!M)
+    const S = m.current, D = S.getContext("2d");
+    if (!D)
       return;
-    const $ = s.current, P = window.devicePixelRatio || 1, C = $.clientWidth, D = $.clientHeight;
-    (S.width !== C * P || S.height !== D * P) && (S.style.width = `${C}px`, S.style.height = `${D}px`, S.width = C * P, S.height = D * P), M.setTransform(P, 0, 0, P, 0, 0), M.clearRect(0, 0, C, D);
-    const { registry: r } = g, u = $.scrollTop, v = $.scrollLeft, N = g.headerWidth, I = g.headerHeight;
-    M.save(), M.beginPath(), M.rect(N, I, C - N, D - I), M.clip();
-    const R = ge(i);
-    if (qe(M, g, u, v, C, D, R, nr, 1, [], sr), h) {
-      const B = new is(A.current, h);
-      qe(M, g, u, v, C, D, B.wholeArea, ar, 1, [5, 5]);
+    const $ = s.current, P = window.devicePixelRatio || 1, C = $.clientWidth, I = $.clientHeight;
+    (S.width !== C * P || S.height !== I * P) && (S.style.width = `${C}px`, S.style.height = `${I}px`, S.width = C * P, S.height = I * P), D.setTransform(P, 0, 0, P, 0, 0), D.clearRect(0, 0, C, I);
+    const { registry: r } = g, u = $.scrollTop, v = $.scrollLeft, N = g.headerWidth, A = g.headerHeight;
+    D.save(), D.beginPath(), D.rect(N, A, C - N, I - A), D.clip();
+    const R = he(i);
+    if (qe(D, g, u, v, C, I, R, nr, 1, [], sr), f) {
+      const B = new is(M.current, f);
+      qe(D, g, u, v, C, I, B.wholeArea, ar, 1, [5, 5]);
     }
     {
       const { y: B, x: z } = o;
       if (B !== -1 && z !== -1) {
-        const U = Fe(g, { y: B, x: z }), K = U.left - v, W = U.top - u;
-        yt(M, K, W, U.width, U.height, lt, 2, []);
+        const Z = Fe(g, { y: B, x: z }), J = Z.left - v, j = Z.top - u;
+        yt(D, J, j, Z.width, Z.height, lt, 2, []);
       }
     }
-    const { copyingSheetId: H, copyingZone: G, cutting: _ } = r;
+    const { copyingSheetId: H, copyingZone: q, cutting: _ } = r;
     if (g.id === H) {
-      const B = ge(G);
-      qe(M, g, u, v, C, D, B, _ ? or : rr, 2.5, _ ? [4, 4] : [6, 4]);
+      const B = he(q);
+      qe(D, g, u, v, C, I, B, _ ? or : rr, 2.5, _ ? [4, 4] : [6, 4]);
     }
     Object.entries(e).forEach(([B, z]) => {
-      const U = Ie[z % Ie.length];
+      const Z = Ie[z % Ie.length];
       try {
-        const K = g.rangeToArea(B);
-        qe(M, g, u, v, C, D, K, U, 2, [5, 5]);
+        const J = g.rangeToArea(B);
+        qe(D, g, u, v, C, I, J, Z, 2, [5, 5]);
       } catch {
       }
     }), l.forEach((B, z) => {
-      const { y: U, x: K } = Rt(B), W = Fe(g, { y: U, x: K }), Q = W.left - v, j = W.top - u;
-      if (Q + W.width < 0 || Q > C || j + W.height < 0 || j > D)
+      const { y: Z, x: J } = Rt(B), j = Fe(g, { y: Z, x: J }), U = j.left - v, G = j.top - u;
+      if (U + j.width < 0 || U > C || G + j.height < 0 || G > I)
         return;
-      const L = z === f;
+      const L = z === h;
       yt(
-        M,
-        Q,
-        j,
-        W.width,
-        W.height,
+        D,
+        U,
+        G,
+        j.width,
+        j.height,
         L ? lr : "transparent",
         L ? 2 : 0,
         [],
         ir
       );
-    }), M.restore();
-    const re = g.numCols, ce = g.numRows;
-    for (let B = 1; B <= re; B++) {
-      let z = null, U = null;
-      if (Ae({ start: i.startX, end: i.endX }, B) && (z = "rgba(80, 180, 255, 1)", U = c ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), o.x === B && (z = lt, U = c ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !z)
+    }), D.restore();
+    const oe = g.numCols, ce = g.numRows;
+    for (let B = 1; B <= oe; B++) {
+      let z = null, Z = null;
+      if (Ae({ start: i.startX, end: i.endX }, B) && (z = "rgba(80, 180, 255, 1)", Z = c ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), o.x === B && (z = lt, Z = c ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !z)
         continue;
-      const K = Fe(g, { y: 1, x: B }), W = K.left - v;
-      if (W + K.width < N || W > C)
+      const J = Fe(g, { y: 1, x: B }), j = J.left - v;
+      if (j + J.width < N || j > C)
         continue;
-      const Q = Math.max(W, N), j = Math.min(W + K.width, C) - Q;
-      j > 0 && (U && Jt(M, Q, 0, j, I, U), M.strokeStyle = z, M.lineWidth = 2, M.beginPath(), M.moveTo(Q, I + 1), M.lineTo(Q + j, I + 1), M.stroke());
+      const U = Math.max(j, N), G = Math.min(j + J.width, C) - U;
+      G > 0 && (Z && Jt(D, U, 0, G, A, Z), D.strokeStyle = z, D.lineWidth = 2, D.beginPath(), D.moveTo(U, A + 1), D.lineTo(U + G, A + 1), D.stroke());
     }
     for (let B = 1; B <= ce; B++) {
       if (g.isRowFiltered(B))
         continue;
-      let z = null, U = null;
-      if (Ae({ start: i.startY, end: i.endY }, B) && (z = "rgba(80, 180, 255, 1)", U = d ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), o.y === B && (z = lt, U = d ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !z)
+      let z = null, Z = null;
+      if (Ae({ start: i.startY, end: i.endY }, B) && (z = "rgba(80, 180, 255, 1)", Z = d ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), o.y === B && (z = lt, Z = d ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !z)
         continue;
-      const K = Fe(g, { y: B, x: 1 }), W = K.top - u;
-      if (W + K.height < I || W > D)
+      const J = Fe(g, { y: B, x: 1 }), j = J.top - u;
+      if (j + J.height < A || j > I)
         continue;
-      const Q = Math.max(W, I), j = Math.min(W + K.height, D) - Q;
-      j > 0 && (U && Jt(M, 0, Q, N, j, U), M.strokeStyle = z, M.lineWidth = 2, M.beginPath(), M.moveTo(N + 1, Q), M.lineTo(N + 1, Q + j), M.stroke());
+      const U = Math.max(j, A), G = Math.min(j + J.height, I) - U;
+      G > 0 && (Z && Jt(D, 0, U, N, G, Z), D.strokeStyle = z, D.lineWidth = 2, D.beginPath(), D.moveTo(N + 1, U), D.lineTo(N + 1, U + G), D.stroke());
     }
   }, [
     g,
+    // The Sheet instance is mutated in place, so its identity stays stable across structural
+    // changes (insert/remove rows & cols, resize, sort, filter). Depend on its monotonic version
+    // so the overlay redraws when the grid layout shifts; otherwise the old box stays misaligned.
+    g == null ? void 0 : g.currentVersion,
     s,
     o,
     i,
     l,
-    f,
     h,
+    f,
     c,
     d,
     b,
     y,
     e
   ]), F = k(() => {
-    cancelAnimationFrame(p.current), p.current = requestAnimationFrame(x);
-  }, [x]), T = k(() => {
-    x();
-  }, [x]);
-  return Z(() => (F(), () => cancelAnimationFrame(p.current)), [F]), Z(() => {
+    cancelAnimationFrame(p.current), p.current = requestAnimationFrame(E);
+  }, [E]), T = k(() => {
+    E();
+  }, [E]);
+  return W(() => (F(), () => cancelAnimationFrame(p.current)), [F]), W(() => {
     const S = s.current;
     if (!S)
       return;
     S.addEventListener("scroll", T);
-    const M = new ResizeObserver(() => x());
-    return M.observe(S), () => {
-      S.removeEventListener("scroll", T), M.disconnect();
+    const D = new ResizeObserver(() => E());
+    return D.observe(S), () => {
+      S.removeEventListener("scroll", T), D.disconnect();
     };
-  }, [s, T, x]), /* @__PURE__ */ a(
+  }, [s, T, E]), /* @__PURE__ */ a(
     "div",
     {
       style: {
@@ -2746,24 +2750,24 @@ const er = nt(({ x: e }) => {
     }
   );
 }, ur = () => {
-  var $, P, C, D, r, u, v, N, I;
-  const [e, n] = J({}), { store: t, dispatch: s } = le(ae), {
+  var $, P, C, I, r, u, v, N, A;
+  const [e, n] = te({}), { store: t, dispatch: s } = le(ae), {
     sheetReactive: o,
     choosing: i,
     editingAddress: l,
-    tabularRef: f,
-    mainRef: h,
+    tabularRef: h,
+    mainRef: f,
     sheetWidth: c,
     sheetHeight: d,
     inputting: b,
     leftHeaderSelecting: y,
     topHeaderSelecting: g,
     contextMenu: m
-  } = t, p = o.current, [A, x] = J(null), F = k((R) => {
+  } = t, p = o.current, [M, E] = te(null), F = k((R) => {
     R.preventDefault(), R.stopPropagation();
   }, []), T = k(
     (R) => {
-      p && x(Bt(p, R.currentTarget));
+      p && E(Bt(p, R.currentTarget));
     },
     [o]
   ), S = k(() => {
@@ -2778,45 +2782,47 @@ const er = nt(({ x: e }) => {
       );
     }));
   }, [o]);
-  Z(() => {
+  W(() => {
     if (!p)
       return;
     if (!(l && b.startsWith("="))) {
       n({}), p.registry.paletteBySheetName = {};
       return;
     }
-    const H = {}, G = {}, _ = new Ge(b.substring(1));
+    const H = {}, q = {}, _ = new Ge(b.substring(1));
     _.tokenize();
-    let re = 0;
+    let oe = 0;
     for (const ce of _.tokens)
       if (ce.type === "REF" || ce.type === "RANGE") {
         const B = ls(ce.stringify()), z = B.indexOf("!");
         if (z !== -1) {
-          const U = B.substring(0, z), K = B.substring(z + 1), W = as(U), Q = K.toUpperCase();
-          G[W] == null && (G[W] = {}), G[W][Q] == null && (G[W][Q] = re++);
+          const Z = B.substring(0, z), J = B.substring(z + 1), j = as(Z), U = J.toUpperCase();
+          q[j] == null && (q[j] = {}), q[j][U] == null && (q[j][U] = oe++);
         } else {
-          const U = B.toUpperCase();
-          H[U] == null && (H[U] = re++);
+          const Z = B.toUpperCase();
+          H[Z] == null && (H[Z] = oe++);
         }
       }
-    n(H), p.registry.paletteBySheetName = G;
-  }, [t.inputting, t.editingAddress, o]), Z(() => {
-    p && (p.registry.choosingAddress = Ee(i), p.registry.choosingSheetId = p.id);
-  }, [i]), Z(() => {
-    p && x(Bt(p, f.current));
+    n(H), p.registry.paletteBySheetName = q;
+  }, [t.inputting, t.editingAddress, o]), W(() => {
+    p && (p.registry.choosingAddress = xe(i), p.registry.choosingSheetId = p.id);
+  }, [i]), W(() => {
+    p && E(Bt(p, h.current));
   }, [
-    f.current,
+    h.current,
     o,
-    ($ = h.current) == null ? void 0 : $.clientHeight,
-    (P = h.current) == null ? void 0 : P.clientWidth,
+    ($ = f.current) == null ? void 0 : $.clientHeight,
+    (P = f.current) == null ? void 0 : P.clientWidth,
     d,
     c
-  ]), Z(() => {
-    const R = f.current;
+  ]), W(() => {
+    const R = h.current;
     if (R)
       return cs(R);
-  }, [o]);
-  const M = {
+  }, [o]), W(() => {
+    !p || !p.eager || !p.registry.ready || p.resolveAll();
+  }, [p, o]);
+  const D = {
     ...e,
     ...p ? p.registry.paletteBySheetName[p.name] : {}
   };
@@ -2828,7 +2834,7 @@ const er = nt(({ x: e }) => {
         width: c === -1 ? void 0 : Math.min(c, p.totalWidth),
         height: d === -1 ? void 0 : Math.min(d, p.totalHeight)
       },
-      ref: f,
+      ref: h,
       onMouseMove: F,
       onScroll: T,
       children: /* @__PURE__ */ Y(
@@ -2841,7 +2847,7 @@ const er = nt(({ x: e }) => {
             overflow: "clip"
           },
           children: [
-            /* @__PURE__ */ a(cr, { refs: M }),
+            /* @__PURE__ */ a(cr, { refs: D }),
             /* @__PURE__ */ Y("table", { className: "gs-table", children: [
               /* @__PURE__ */ a("thead", { className: "gs-thead", style: { height: p.headerHeight }, children: /* @__PURE__ */ Y("tr", { className: "gs-row", children: [
                 /* @__PURE__ */ a(
@@ -2870,11 +2876,11 @@ const er = nt(({ x: e }) => {
                           },
                           onMouseUp: (R) => {
                             R.stopPropagation();
-                            const H = R.currentTarget, G = Number(H.dataset.pressX ?? R.clientX), _ = Number(H.dataset.pressY ?? R.clientY);
-                            if (Math.abs(R.clientX - G) > 4 || Math.abs(R.clientY - _) > 4)
+                            const H = R.currentTarget, q = Number(H.dataset.pressX ?? R.clientX), _ = Number(H.dataset.pressY ?? R.clientY);
+                            if (Math.abs(R.clientX - q) > 4 || Math.abs(R.clientY - _) > 4)
                               return;
                             const ce = H.getBoundingClientRect();
-                            s(We({ y: ce.bottom, x: ce.left }));
+                            s(ze({ y: ce.bottom, x: ce.left }));
                           },
                           children: "⋮"
                         }
@@ -2886,15 +2892,15 @@ const er = nt(({ x: e }) => {
                   "th",
                   {
                     className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-left",
-                    style: { width: ((C = A == null ? void 0 : A.adjuster) == null ? void 0 : C.left) ?? 1 }
+                    style: { width: ((C = M == null ? void 0 : M.adjuster) == null ? void 0 : C.left) ?? 1 }
                   }
                 ),
-                (r = (D = A == null ? void 0 : A.xs) == null ? void 0 : D.map) == null ? void 0 : r.call(D, (R) => /* @__PURE__ */ a(er, { x: R }, R)),
+                (r = (I = M == null ? void 0 : M.xs) == null ? void 0 : I.map) == null ? void 0 : r.call(I, (R) => /* @__PURE__ */ a(er, { x: R }, R)),
                 /* @__PURE__ */ a(
                   "th",
                   {
                     className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-right",
-                    style: { width: (u = A == null ? void 0 : A.adjuster) == null ? void 0 : u.right }
+                    style: { width: (u = M == null ? void 0 : M.adjuster) == null ? void 0 : u.right }
                   }
                 )
               ] }) }),
@@ -2903,19 +2909,19 @@ const er = nt(({ x: e }) => {
                   "th",
                   {
                     className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-vertical",
-                    style: { height: ((v = A == null ? void 0 : A.adjuster) == null ? void 0 : v.top) ?? 1 }
+                    style: { height: ((v = M == null ? void 0 : M.adjuster) == null ? void 0 : v.top) ?? 1 }
                   }
                 ),
                 /* @__PURE__ */ a("td", { className: "gs-adjuster gs-adjuster-vertical" }),
-                (N = A == null ? void 0 : A.xs) == null ? void 0 : N.map((R) => /* @__PURE__ */ a("td", { className: "gs-adjuster gs-adjuster-vertical" }, R)),
+                (N = M == null ? void 0 : M.xs) == null ? void 0 : N.map((R) => /* @__PURE__ */ a("td", { className: "gs-adjuster gs-adjuster-vertical" }, R)),
                 /* @__PURE__ */ a("th", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-vertical" })
               ] }) }),
-              /* @__PURE__ */ a("tbody", { className: "gs-sheet-body-data", children: (I = A == null ? void 0 : A.ys) == null ? void 0 : I.map((R) => {
+              /* @__PURE__ */ a("tbody", { className: "gs-sheet-body-data", children: (A = M == null ? void 0 : M.ys) == null ? void 0 : A.map((R) => {
                 var H;
                 return /* @__PURE__ */ Y("tr", { className: `gs-row ${R % 2 === 0 ? "gs-row-even" : "gs-row-odd"}`, children: [
                   /* @__PURE__ */ a(tr, { y: R }),
                   /* @__PURE__ */ a("td", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-left" }),
-                  (H = A == null ? void 0 : A.xs) == null ? void 0 : H.map((G) => /* @__PURE__ */ a(Gs, { y: R, x: G }, G)),
+                  (H = M == null ? void 0 : M.xs) == null ? void 0 : H.map((q) => /* @__PURE__ */ a(Gs, { y: R, x: q }, q)),
                   /* @__PURE__ */ a("td", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-right" })
                 ] }, R);
               }) })
@@ -2926,8 +2932,8 @@ const er = nt(({ x: e }) => {
     }
   ) });
 }, dr = ({ ready: e }) => {
-  var L, oe;
-  const { store: n, dispatch: t } = le(ae), [s, o] = J(""), [i, l] = J(0), [f, h] = J(!1), {
+  var L, Q;
+  const { store: n, dispatch: t } = le(ae), [s, o] = te(""), [i, l] = te(0), [h, f] = te(!1), {
     choosing: c,
     selectingZone: d,
     editorRef: b,
@@ -2935,88 +2941,88 @@ const er = nt(({ x: e }) => {
     sheetReactive: g,
     inputting: m,
     editingAddress: p,
-    dragging: A
-  } = n, x = g.current, F = se(null), T = c.x === -1 ? "" : Ee(c), S = x == null ? void 0 : x.getCell(c, { resolution: "SYSTEM" }), M = (L = x == null ? void 0 : x.getSystem(c)) == null ? void 0 : L.spilledFrom, $ = M ? Rt(M) : void 0, P = $ != null ? Ee($) : void 0;
-  Z(() => {
-    var V;
-    if (!x)
+    dragging: M
+  } = n, E = g.current, F = re(null), T = c.x === -1 ? "" : xe(c), S = E == null ? void 0 : E.getCell(c, { resolution: "SYSTEM" }), D = (L = E == null ? void 0 : E.getSystem(c)) == null ? void 0 : L.spilledFrom, $ = D ? Rt(D) : void 0, P = $ != null ? xe($) : void 0;
+  W(() => {
+    var K;
+    if (!E)
       return;
-    let w = ((V = x.getCell(c, { resolution: "SYSTEM" })) == null ? void 0 : V.value) ?? "";
-    w = x.getSerializedValue({ point: c, cell: { ...S, value: w }, resolution: "RAW" }), y.current.value = w, o(w);
-  }, [T, x]);
+    let w = ((K = E.getCell(c, { resolution: "SYSTEM" })) == null ? void 0 : K.value) ?? "";
+    w = E.getSerializedValue({ point: c, cell: { ...S, value: w }, resolution: "RAW" }), y.current.value = w, o(w);
+  }, [T, E]);
   const C = k(
     (w) => {
-      s !== w && t(Ue({ value: w })), t(ue("")), O(b.current);
+      s !== w && t(Ze({ value: w })), t(ue("")), O(b.current);
     },
     [s]
   );
-  Z(() => {
-    const w = new ResizeObserver((V) => {
-      V.forEach(z);
+  W(() => {
+    const w = new ResizeObserver((K) => {
+      K.forEach(z);
     });
     return y.current && w.observe(y.current), () => {
       w.disconnect();
     };
   }, []);
-  const D = x == null ? void 0 : x.getPolicy(c), r = (D == null ? void 0 : D.getSelectOptions()) || [], {
+  const I = E == null ? void 0 : E.getPolicy(c), r = (I == null ? void 0 : I.getSelectOptions()) || [], {
     filteredOptions: u,
     selected: v,
     replaceWithOption: N,
-    handleArrowUp: I,
+    handleArrowUp: A,
     handleArrowDown: R,
     activeFunctionHelp: H,
-    activeArgIndex: G
+    activeArgIndex: q
   } = Cn({
     inputting: m,
     selectionStart: i,
     optionsAll: r,
-    functions: x == null ? void 0 : x.registry.functions
-  }), _ = se(!1), re = y.current, ce = k((w) => {
-    t(ee(w.currentTarget.value)), l(w.currentTarget.selectionStart);
+    functions: E == null ? void 0 : E.registry.functions
+  }), _ = re(!1), oe = y.current, ce = k((w) => {
+    t(ne(w.currentTarget.value)), l(w.currentTarget.selectionStart);
   }, []), B = k((w) => {
     l(w.currentTarget.selectionStart);
   }, []), z = k(() => {
     !F.current || !y.current || (F.current.style.height = `${y.current.clientHeight}px`, F.current.scrollLeft = y.current.scrollLeft, F.current.scrollTop = y.current.scrollTop);
-  }, []), U = k(
+  }, []), Z = k(
     (w) => {
-      !re || !x || (h(!0), t(ue(T)), x.registry.lastFocused = w.currentTarget);
+      !oe || !E || (f(!0), t(ue(T)), E.registry.lastFocused = w.currentTarget);
     },
-    [re, T, x]
+    [oe, T, E]
   );
   k(
     (w) => {
-      if (h(!1), w.currentTarget.value.startsWith("="))
+      if (f(!1), w.currentTarget.value.startsWith("="))
         return !0;
       p && C(w.currentTarget.value);
     },
     [p, C]
   );
-  const K = k(
+  const J = k(
     (w) => {
       if (w.nativeEvent.isComposing || _.current)
         return;
-      if (w.ctrlKey || !x)
+      if (w.ctrlKey || !E)
         return !0;
-      const V = w.currentTarget;
+      const K = w.currentTarget;
       if (tn(w, m))
-        return t(ee(V.value)), !1;
+        return t(ne(K.value)), !1;
       switch (w.key) {
         case "Tab":
           if (w.preventDefault(), u.length) {
-            const te = u[v];
-            if (te == null ? void 0 : te.isFunction) {
-              const { value: xe, selectionStart: _e } = N(te);
-              return t(ee(xe)), setTimeout(() => {
+            const ee = u[v];
+            if (ee == null ? void 0 : ee.isFunction) {
+              const { value: Ee, selectionStart: _e } = N(ee);
+              return t(ne(Ee)), setTimeout(() => {
                 y.current && (O(y.current), y.current.setSelectionRange(_e, _e));
               }, 0), !1;
             } else {
-              const xe = x.update({ diff: { [T]: { value: te.value } }, partial: !0 });
-              t(ze(xe.clone())), t(ue("")), t(ee(""));
+              const Ee = E.update({ diff: { [T]: { value: ee.value } }, partial: !0 });
+              t(Ue(Ee.clone())), t(ue("")), t(ne(""));
             }
           }
           break;
         case "ArrowUp":
-          if (I(w))
+          if (A(w))
             return !0;
           break;
         case "ArrowDown":
@@ -3025,22 +3031,22 @@ const er = nt(({ x: e }) => {
           break;
         case "Enter": {
           if (u.length) {
-            const te = u[v];
-            if (te != null && te.isFunction) {
-              const { value: ye, selectionStart: xe } = N(te);
-              return t(ee(ye)), setTimeout(() => {
-                y.current && (O(y.current), y.current.setSelectionRange(xe, xe));
+            const ee = u[v];
+            if (ee != null && ee.isFunction) {
+              const { value: ye, selectionStart: Ee } = N(ee);
+              return t(ne(ye)), setTimeout(() => {
+                y.current && (O(y.current), y.current.setSelectionRange(Ee, Ee));
               }, 0), w.preventDefault(), !1;
             }
           }
           if (w.altKey)
-            nn(V, `
+            nn(K, `
 `);
           else
-            return C(V.value), t(ee("")), t(
+            return C(K.value), t(ne("")), t(
               dt({
-                numRows: x.numRows,
-                numCols: x.numCols,
+                numRows: E.numRows,
+                numCols: E.numCols,
                 deltaY: 1,
                 deltaX: 0
               })
@@ -3048,7 +3054,7 @@ const er = nt(({ x: e }) => {
           break;
         }
         case "Escape": {
-          V.value = s, t(ee(s)), t(ue("")), w.preventDefault(), O(b.current);
+          K.value = s, t(ne(s)), t(ue("")), w.preventDefault(), O(b.current);
           break;
         }
         case "a":
@@ -3063,11 +3069,11 @@ const er = nt(({ x: e }) => {
             return !0;
           break;
       }
-      const fe = x.getCell(c, { resolution: "SYSTEM" });
-      return X.hasOperation(fe == null ? void 0 : fe.prevention, X.Write) && (console.warn("This cell is protected from writing."), w.preventDefault()), z(), !1;
+      const de = E.getCell(c, { resolution: "SYSTEM" });
+      return X.hasOperation(de == null ? void 0 : de.prevention, X.Write) && (console.warn("This cell is protected from writing."), w.preventDefault()), z(), !1;
     },
     [
-      x,
+      E,
       c,
       T,
       s,
@@ -3076,56 +3082,56 @@ const er = nt(({ x: e }) => {
       u,
       v,
       N,
-      I,
+      A,
       R,
       m
     ]
-  ), W = k(
-    (w, V) => {
+  ), j = k(
+    (w, K) => {
       w.preventDefault(), w.stopPropagation();
-      const fe = u[V];
-      if (fe.isFunction) {
-        const { value: te, selectionStart: ye } = N(fe);
-        C(te), t(ee(te)), setTimeout(() => {
+      const de = u[K];
+      if (de.isFunction) {
+        const { value: ee, selectionStart: ye } = N(de);
+        C(ee), t(ne(ee)), setTimeout(() => {
           y.current && (O(y.current), y.current.setSelectionRange(ye, ye));
         }, 0);
       }
     },
     [u, N, C, t]
-  ), Q = e ? {} : { visibility: "hidden" };
-  if (!x)
-    return /* @__PURE__ */ Y("label", { className: "gs-formula-bar gs-hidden", style: Q, children: [
+  ), U = e ? {} : { visibility: "hidden" };
+  if (!E)
+    return /* @__PURE__ */ Y("label", { className: "gs-formula-bar gs-hidden", style: U, children: [
       /* @__PURE__ */ a("div", { className: "gs-selecting-address" }),
       /* @__PURE__ */ a("div", { className: "gs-fx", children: "Fx" }),
       /* @__PURE__ */ a("div", { className: "gs-formula-bar-editor-inner", children: /* @__PURE__ */ a("textarea", {}) })
     ] });
-  const j = () => {
-    var te;
-    if (!f || typeof document > "u" || y.current !== document.activeElement)
+  const G = () => {
+    var ee;
+    if (!h || typeof document > "u" || y.current !== document.activeElement)
       return null;
-    const w = (te = y.current) == null ? void 0 : te.getBoundingClientRect();
+    const w = (ee = y.current) == null ? void 0 : ee.getBoundingClientRect();
     if (!w)
       return null;
-    const V = w.bottom, fe = w.left;
+    const K = w.bottom, de = w.left;
     return St(
       /* @__PURE__ */ Y(Re, { children: [
         H && u.length === 0 && (!d || d.endY === -1 && d.endX === -1) && /* @__PURE__ */ a(
           Nt,
           {
             activeFunctionGuide: H,
-            activeArgIndex: G,
-            top: V,
-            left: fe
+            activeArgIndex: q,
+            top: K,
+            left: de
           }
         ),
         u.length > 0 && c.x !== -1 && /* @__PURE__ */ a(
           Rn,
           {
             filteredOptions: u,
-            top: V,
-            left: fe,
+            top: K,
+            left: de,
             selected: v,
-            onOptionMouseDown: W
+            onOptionMouseDown: j
           }
         )
       ] }),
@@ -3138,7 +3144,7 @@ const er = nt(({ x: e }) => {
       className: "gs-formula-bar",
       "data-sheet-id": n.sheetId,
       "data-spill": P != null ? "true" : void 0,
-      style: Q,
+      style: U,
       children: [
         /* @__PURE__ */ a(Te, { style: { position: "absolute", left: 0, top: 0, zIndex: 2 }, vertical: -1 }),
         /* @__PURE__ */ a("div", { className: "gs-selecting-address", children: P ?? T }),
@@ -3150,10 +3156,10 @@ const er = nt(({ x: e }) => {
               className: "gs-editor-hl",
               ref: F,
               style: {
-                height: (oe = y.current) == null ? void 0 : oe.clientHeight,
+                height: (Q = y.current) == null ? void 0 : Q.clientHeight,
                 width: "100%"
               },
-              children: (S == null ? void 0 : S.formulaEnabled) ?? !0 ? En(m) : m
+              children: (S == null ? void 0 : S.formulaEnabled) ?? !0 ? xn(m) : m
             }
           ),
           /* @__PURE__ */ a(
@@ -3168,18 +3174,18 @@ const er = nt(({ x: e }) => {
               value: m,
               readOnly: P != null,
               onInput: ce,
-              onFocus: U,
+              onFocus: Z,
               onSelect: B,
               onPaste: (w) => {
                 w.stopPropagation();
               },
-              onKeyDown: K,
+              onKeyDown: J,
               onKeyUp: z,
               onCompositionStart: () => {
                 _.current = !0;
               },
               onCompositionEnd: (w) => {
-                _.current = !1, t(ee(w.currentTarget.value));
+                _.current = !1, t(ne(w.currentTarget.value));
               },
               onScroll: z,
               onMouseEnter: (w) => {
@@ -3190,7 +3196,7 @@ const er = nt(({ x: e }) => {
               }
             }
           ),
-          j()
+          G()
         ] })
       ]
     }
@@ -3215,35 +3221,35 @@ const er = nt(({ x: e }) => {
   /* @__PURE__ */ a("path", { stroke: "none", d: "M0 0h24v24H0z", fill: n }),
   /* @__PURE__ */ a("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", fill: n }),
   /* @__PURE__ */ a("path", { d: "M21 21l-6 -6", fill: n })
-] }), fr = ({ style: e, color: n = "none", size: t = 24 }) => /* @__PURE__ */ Y(Ln, { style: e, size: t, children: [
+] }), hr = ({ style: e, color: n = "none", size: t = 24 }) => /* @__PURE__ */ Y(Ln, { style: e, size: t, children: [
   /* @__PURE__ */ a("path", { stroke: "none", d: "M0 0h24v24H0z", fill: n }),
   /* @__PURE__ */ a("path", { d: "M18 6l-12 12", fill: n }),
   /* @__PURE__ */ a("path", { d: "M6 6l12 12", fill: n })
-] }), hr = () => {
+] }), fr = () => {
   const { store: e, dispatch: n } = le(ae), {
     rootRef: t,
     editorRef: s,
     searchInputRef: o,
     tabularRef: i,
     searchQuery: l,
-    searchCaseSensitive: f,
-    searchRegex: h,
+    searchCaseSensitive: h,
+    searchRegex: f,
     searchRange: c,
     selectingZone: d,
     matchingCellIndex: b,
     matchingCells: y,
     sheetReactive: g
   } = e, m = g.current, p = y[b];
-  Z(() => {
+  W(() => {
     if (!p || !m)
       return;
     const u = Rt(p);
     typeof u > "u" || us(m, i.current, u);
-  }, [l, b, f, h, m, i]);
-  const A = k((u) => {
+  }, [l, b, h, f, m, i]);
+  const M = k((u) => {
     const v = u.currentTarget.previousSibling;
     (v == null ? void 0 : v.nodeName) === "INPUT" && O(v);
-  }, []), x = k(() => {
+  }, []), E = k(() => {
     n(_t(1));
   }, []), F = k((u) => {
     n(Pe(u.currentTarget.value));
@@ -3257,48 +3263,48 @@ const er = nt(({ x: e }) => {
     },
     [s]
   ), S = k(() => {
-    n(Cs(!f));
-  }, [f]), M = k(() => {
-    n(Ss(!h));
-  }, [h]), $ = $e(() => {
+    n(Cs(!h));
+  }, [h]), D = k(() => {
+    n(Ss(!f));
+  }, [f]), $ = $e(() => {
     if (!d || ds(d))
       return !1;
-    const { startY: u, startX: v, endY: N, endX: I } = d;
-    return !(u === N && v === I);
+    const { startY: u, startX: v, endY: N, endX: A } = d;
+    return !(u === N && v === A);
   }, [d]), P = $e(() => {
     if (!d || !$)
       return "";
-    const { startY: u, startX: v, endY: N, endX: I } = d, R = `${pe(Math.min(v, I))}${be(Math.min(u, N))}`, H = `${pe(Math.max(v, I))}${be(Math.max(u, N))}`;
+    const { startY: u, startX: v, endY: N, endX: A } = d, R = `${pe(Math.min(v, A))}${be(Math.min(u, N))}`, H = `${pe(Math.max(v, A))}${be(Math.max(u, N))}`;
     return `${R}:${H}`;
   }, [d, $]), C = k(() => {
     if (c)
       n(jt(void 0));
     else if (d && $) {
-      const { startY: u, startX: v, endY: N, endX: I } = d;
+      const { startY: u, startX: v, endY: N, endX: A } = d;
       n(
         jt({
           startY: Math.min(u, N),
-          startX: Math.min(v, I),
+          startX: Math.min(v, A),
           endY: Math.max(u, N),
-          endX: Math.max(v, I)
+          endX: Math.max(v, A)
         })
       );
     }
-  }, [c, d, $]), D = $e(() => {
+  }, [c, d, $]), I = $e(() => {
     if (!c)
       return "";
-    const { startY: u, startX: v, endY: N, endX: I } = c, R = `${pe(v)}${be(u)}`, H = `${pe(I)}${be(N)}`;
+    const { startY: u, startX: v, endY: N, endX: A } = c, R = `${pe(v)}${be(u)}`, H = `${pe(A)}${be(N)}`;
     return `${R}:${H}`;
   }, [c]), r = k(() => {
     n(Pe(void 0)), O(s.current);
   }, [s]);
   return typeof l > "u" || t.current === null ? null : /* @__PURE__ */ Y("label", { className: `gs-search-bar ${y.length > 0 ? "gs-search-found" : ""}`, children: [
-    /* @__PURE__ */ Y("div", { className: "gs-search-progress", onClick: A, children: [
+    /* @__PURE__ */ Y("div", { className: "gs-search-progress", onClick: M, children: [
       y.length === 0 ? 0 : b + 1,
       " / ",
       y.length
     ] }),
-    /* @__PURE__ */ a("div", { className: "gs-search-bar-icon", onClick: x, children: /* @__PURE__ */ a(gr, { style: { verticalAlign: "middle", marginLeft: "5px" } }) }),
+    /* @__PURE__ */ a("div", { className: "gs-search-bar-icon", onClick: E, children: /* @__PURE__ */ a(gr, { style: { verticalAlign: "middle", marginLeft: "5px" } }) }),
     /* @__PURE__ */ Y("div", { className: "gs-search-input-wrapper", children: [
       /* @__PURE__ */ Y("div", { className: "gs-search-input-ghost", children: [
         /* @__PURE__ */ a("span", { className: "gs-search-ghost-text", children: l }),
@@ -3322,10 +3328,10 @@ const er = nt(({ x: e }) => {
         {
           className: "gs-search-button-on",
           onClick: C,
-          title: `Search range: ${D}`,
+          title: `Search range: ${I}`,
           children: [
             "in ",
-            D
+            I
           ]
         }
       ) }),
@@ -3336,7 +3342,7 @@ const er = nt(({ x: e }) => {
       /* @__PURE__ */ a("div", { className: "gs-search-button gs-search-casesensitive", children: /* @__PURE__ */ a(
         "span",
         {
-          className: `${f ? "gs-search-button-on" : ""}`,
+          className: `${h ? "gs-search-button-on" : ""}`,
           onClick: S,
           title: "Case sensitive",
           children: "Aa"
@@ -3345,16 +3351,16 @@ const er = nt(({ x: e }) => {
       /* @__PURE__ */ a("div", { className: "gs-search-button gs-search-regex", children: /* @__PURE__ */ a(
         "span",
         {
-          className: `${h ? "gs-search-button-on" : ""}`,
-          onClick: M,
+          className: `${f ? "gs-search-button-on" : ""}`,
+          onClick: D,
           title: "Regular expression",
           children: ".*"
         }
       ) })
     ] }),
-    /* @__PURE__ */ a("a", { className: "gs-search-close", onClick: r, children: /* @__PURE__ */ a(fr, { style: { verticalAlign: "middle" } }) })
+    /* @__PURE__ */ a("a", { className: "gs-search-close", onClick: r, children: /* @__PURE__ */ a(hr, { style: { verticalAlign: "middle" } }) })
   ] });
-}, kr = () => an(), mr = () => se(null), Tr = () => an(), pr = () => se(null);
+}, kr = () => an(), mr = () => re(null), Tr = () => an(), pr = () => re(null);
 function Ar({
   initialCells: e,
   sheetName: n = "",
@@ -3363,27 +3369,28 @@ function Ar({
   options: o = {},
   className: i,
   style: l,
-  book: f
+  book: h
 }) {
-  var B, z, U;
-  const { sheetResize: h, showFormulaBar: c = !0, mode: d = "light" } = o, b = se(null), y = se(null), g = se(null), m = se(null), p = se(null), A = se(null), x = se(null), F = mr(), T = t ?? F, S = pr(), M = s ?? S, $ = Ns({}), P = f ?? $, { registry: C } = P, [D] = J(() => n ? (C._componentSheetIds.has(n) || C._componentSheetIds.set(n, ++C.sheetHead), C._componentSheetIds.get(n)) : ++C.sheetHead), r = se(null), [u] = J(() => {
-    var w;
-    n || (n = `Sheet${D}`, console.debug("GridSheet: sheetName is not provided, using default name:", n));
-    const { limits: K, contextMenu: W, rowMenu: Q, colMenu: j } = o, L = new gs({
-      limits: K,
+  var Z, J, j;
+  const { sheetResize: f, showFormulaBar: c = !0, mode: d = "light" } = o, b = re(null), y = re(null), g = re(null), m = re(null), p = re(null), M = re(null), E = re(null), F = mr(), T = t ?? F, S = pr(), D = s ?? S, $ = Ns({}), P = h ?? $, { registry: C } = P, [I] = te(() => n ? (C._componentSheetIds.has(n) || C._componentSheetIds.set(n, ++C.sheetHead), C._componentSheetIds.get(n)) : ++C.sheetHead), r = re(null), [u] = te(() => {
+    var ee;
+    n || (n = `Sheet${I}`, console.debug("GridSheet: sheetName is not provided, using default name:", n));
+    const { limits: U, contextMenu: G, rowMenu: L, colMenu: Q, eager: w } = o, K = new gs({
+      limits: U,
       name: n,
-      registry: C
+      registry: C,
+      eager: w
     });
-    return L.id = D, C.sheetIdsByName[n] = D, L.initialize(e), (w = C.onInit) == null || w.call(C, { sheet: L }), L.setTotalSize(), r.current = L, {
-      sheetId: D,
+    return K.id = I, C.sheetIdsByName[n] = I, K.initialize(e), (ee = C.onInit) == null || ee.call(C, { sheet: K }), K.setTotalSize(), r.current = K, {
+      sheetId: I,
       sheetReactive: r,
       rootRef: b,
       flashRef: y,
       mainRef: g,
       searchInputRef: m,
       editorRef: p,
-      largeEditorRef: A,
-      tabularRef: x,
+      largeEditorRef: M,
+      tabularRef: E,
       choosing: { y: 1, x: 1 },
       inputting: "",
       selectingZone: { startY: 1, startX: 1, endY: -1, endX: -1 },
@@ -3402,9 +3409,9 @@ function Ar({
       searchRegex: !1,
       editingOnEnter: !0,
       contextMenuPosition: { y: -1, x: -1 },
-      contextMenu: W ?? Ls,
-      rowMenu: Q ?? Bs,
-      colMenu: j ?? Ks,
+      contextMenu: G ?? Ls,
+      rowMenu: L ?? Bs,
+      colMenu: Q ?? Ks,
       resizingPositionY: [-1, -1, -1],
       resizingPositionX: [-1, -1, -1],
       columnMenuState: null,
@@ -3413,86 +3420,99 @@ function Ar({
       mode: "light"
     };
   }), [v, N] = vs(
-    Es,
+    xs,
     u,
     () => u
   );
-  Z(() => {
-    fs();
+  W(() => {
+    hs();
   }, []);
-  const [I, R] = J((o == null ? void 0 : o.sheetHeight) || yr(e)), [H, G] = J((o == null ? void 0 : o.sheetWidth) || vr(e));
-  Z(() => {
-    const K = g.current;
-    if (!K)
+  const A = typeof o.sheetWidth == "string", R = typeof o.sheetHeight == "string", [H, q] = te(
+    typeof (o == null ? void 0 : o.sheetHeight) == "number" ? o.sheetHeight : yr(e)
+  ), [_, oe] = te(
+    typeof (o == null ? void 0 : o.sheetWidth) == "number" ? o.sheetWidth : vr(e)
+  );
+  W(() => {
+    const U = g.current;
+    if (!U)
       return;
-    let W = !0;
-    const Q = new ResizeObserver(() => {
-      if (W) {
-        W = !1;
+    let G = !0;
+    const L = new ResizeObserver(() => {
+      if (G && (G = !1, !A && !R))
         return;
-      }
-      const j = b.current;
-      R(j ? Math.min(K.clientHeight, j.clientHeight) : K.clientHeight), G(j ? Math.min(K.clientWidth, j.clientWidth) : K.clientWidth);
+      const Q = b.current;
+      q(Q ? Math.min(U.clientHeight, Q.clientHeight) : U.clientHeight), oe(Q ? Math.min(U.clientWidth, Q.clientWidth) : U.clientWidth);
     });
-    return Q.observe(K), () => Q.disconnect();
-  }, []), Z(() => {
-    o.sheetHeight && R(o.sheetHeight);
-  }, [o.sheetHeight]), Z(() => {
-    o.sheetWidth && G(o.sheetWidth);
+    return L.observe(U), () => L.disconnect();
+  }, [A, R]), W(() => {
+    typeof o.sheetHeight == "number" && q(o.sheetHeight);
+  }, [o.sheetHeight]), W(() => {
+    typeof o.sheetWidth == "number" && oe(o.sheetWidth);
   }, [o.sheetWidth]);
-  const [_, re] = J(!1);
-  Z(() => {
-    _ && re(!1);
+  const [ce, B] = te(!1);
+  W(() => {
+    ce && B(!1);
   });
-  const ce = k(
-    (K) => {
-      if (!xs(K.type)) {
-        N(K);
+  const z = k(
+    (U) => {
+      if (!Es(U.type)) {
+        N(U);
         return;
       }
-      re(!0), requestAnimationFrame(() => {
-        N(K);
+      B(!0), requestAnimationFrame(() => {
+        N(U);
       });
     },
     [N]
   );
-  return /* @__PURE__ */ a(ae.Provider, { value: { store: v, dispatch: ce }, children: /* @__PURE__ */ Y(
+  return /* @__PURE__ */ a(ae.Provider, { value: { store: v, dispatch: z }, children: /* @__PURE__ */ Y(
     "div",
     {
       className: `gs-root1 ${C.ready ? "gs-initialized" : ""}`,
       ref: b,
       "data-sheet-name": n,
       "data-mode": d,
-      "data-rows": ((B = v.sheetReactive.current) == null ? void 0 : B.numRows) ?? 0,
-      "data-cols": ((z = v.sheetReactive.current) == null ? void 0 : z.numCols) ?? 0,
+      "data-rows": ((Z = v.sheetReactive.current) == null ? void 0 : Z.numRows) ?? 0,
+      "data-cols": ((J = v.sheetReactive.current) == null ? void 0 : J.numCols) ?? 0,
+      style: A || R ? {
+        // inline-flex (when width isn't filled) keeps the prior shrink-to-content width.
+        display: A ? "flex" : "inline-flex",
+        flexDirection: "column",
+        ...A ? { width: o.sheetWidth } : null,
+        ...R ? { height: o.sheetHeight } : null
+      } : void 0,
       children: [
         /* @__PURE__ */ a("div", { className: "gs-flash-overlay", ref: y }),
         /* @__PURE__ */ a(Te, { style: { position: "fixed", top: 0, left: 0 } }),
         /* @__PURE__ */ a(Te, { style: { position: "absolute", zIndex: 4, right: 0, top: 0, width: 5 }, horizontal: 1 }),
         /* @__PURE__ */ a(Te, { style: { position: "absolute", zIndex: 4, left: 0, bottom: 0, height: 5 }, vertical: 1 }),
-        typeof v.searchQuery > "u" ? c && /* @__PURE__ */ a(dr, { ready: C.ready }) : /* @__PURE__ */ a(hr, {}),
+        typeof v.searchQuery > "u" ? c && /* @__PURE__ */ a(dr, { ready: C.ready }) : /* @__PURE__ */ a(fr, {}),
         /* @__PURE__ */ Y(
           "div",
           {
             className: `gs-main ${i || ""}`,
             ref: g,
             style: {
-              //width: '100%',
+              ...A ? { width: "100%" } : null,
               maxWidth: "100%",
-              maxHeight: g.current ? window.innerHeight - g.current.getBoundingClientRect().top : (((U = v.sheetReactive.current) == null ? void 0 : U.fullHeight) || 0) + 2,
-              resize: h,
+              // In fill-height mode the parent's height is the limit (flex:1 fills the remaining
+              // space below the formula bar); otherwise cap at the viewport bottom as before.
+              ...R ? { flex: 1, minHeight: 0, maxHeight: "100%" } : {
+                maxHeight: g.current ? window.innerHeight - g.current.getBoundingClientRect().top : (((j = v.sheetReactive.current) == null ? void 0 : j.fullHeight) || 0) + 2
+              },
+              resize: f,
               ...l
             },
             children: [
               /* @__PURE__ */ a(Ms, { mode: d }),
               /* @__PURE__ */ a(ur, {}),
-              /* @__PURE__ */ a(Ds, { ...o, sheetHeight: I, sheetWidth: H, sheetName: n, sheetRef: T, storeRef: M }),
-              /* @__PURE__ */ a(Us, {}),
+              /* @__PURE__ */ a(Ds, { ...o, sheetHeight: H, sheetWidth: _, sheetName: n, sheetRef: T, storeRef: D }),
+              /* @__PURE__ */ a(Zs, {}),
               /* @__PURE__ */ a(js, {}),
               /* @__PURE__ */ a(qs, {}),
               /* @__PURE__ */ a(Is, {}),
               /* @__PURE__ */ a(Fs, {}),
-              _ && /* @__PURE__ */ a("div", { className: "gs-loading-overlay", children: /* @__PURE__ */ a("div", { className: "gs-loading-spinner" }) })
+              ce && /* @__PURE__ */ a("div", { className: "gs-loading-overlay", children: /* @__PURE__ */ a("div", { className: "gs-loading-spinner" }) })
             ]
           }
         )
@@ -3501,24 +3521,24 @@ function Ar({
   ) });
 }
 const yr = (e) => {
-  var s, o, i, l, f;
+  var s, o, i, l, h;
   const n = on(e);
-  let t = ((s = e[0]) == null ? void 0 : s.height) ?? hs;
-  for (let h = 1; h <= n.numRows; h++) {
-    const c = be(h), d = ((o = e == null ? void 0 : e[c]) == null ? void 0 : o.height) || ((i = e == null ? void 0 : e["0" + c]) == null ? void 0 : i.height) || ((l = e == null ? void 0 : e[ms]) == null ? void 0 : l.height) || ((f = e == null ? void 0 : e.default) == null ? void 0 : f.height) || bt;
+  let t = ((s = e[0]) == null ? void 0 : s.height) ?? fs;
+  for (let f = 1; f <= n.numRows; f++) {
+    const c = be(f), d = ((o = e == null ? void 0 : e[c]) == null ? void 0 : o.height) || ((i = e == null ? void 0 : e["0" + c]) == null ? void 0 : i.height) || ((l = e == null ? void 0 : e[ms]) == null ? void 0 : l.height) || ((h = e == null ? void 0 : e.default) == null ? void 0 : h.height) || bt;
     if (t + d > Kt)
       return Kt;
     t += d;
   }
   return t + 3;
 }, vr = (e) => {
-  var s, o, i, l, f;
+  var s, o, i, l, h;
   const n = on(e);
   let t = ((s = e[0]) == null ? void 0 : s.width) ?? ps;
-  for (let h = 1; h <= n.numCols; h++) {
-    const c = pe(h), d = ((o = e == null ? void 0 : e[c]) == null ? void 0 : o.width) || ((i = e == null ? void 0 : e[c + "0"]) == null ? void 0 : i.width) || ((l = e == null ? void 0 : e[ys]) == null ? void 0 : l.width) || ((f = e == null ? void 0 : e.default) == null ? void 0 : f.width) || vt;
-    if (t + d > Zt)
-      return Zt;
+  for (let f = 1; f <= n.numCols; f++) {
+    const c = pe(f), d = ((o = e == null ? void 0 : e[c]) == null ? void 0 : o.width) || ((i = e == null ? void 0 : e[c + "0"]) == null ? void 0 : i.width) || ((l = e == null ? void 0 : e[ys]) == null ? void 0 : l.width) || ((h = e == null ? void 0 : e.default) == null ? void 0 : h.width) || vt;
+    if (t + d > Wt)
+      return Wt;
     t += d;
   }
   return t + 3;
@@ -3553,12 +3573,12 @@ export {
   kt as MenuItem,
   Lr as Pending,
   Br as PercentagePolicyMixin,
-  Er as PluginBase,
+  xr as PluginBase,
   Kr as Policy,
-  Zr as RangeEntity,
-  Ur as RefEntity,
-  zr as Registry,
-  Wr as Sheet,
+  Wr as RangeEntity,
+  Zr as RefEntity,
+  Ur as Registry,
+  zr as Sheet,
   _r as Spilling,
   jr as ThousandSeparatorPolicyMixin,
   Vr as Time,
@@ -3568,7 +3588,7 @@ export {
   Jr as addressesToAreas,
   eo as addressesToCols,
   to as addressesToRows,
-  xr as applyers,
+  Er as applyers,
   no as areaToRange,
   so as areaToZone,
   ro as buildInitialCells,
@@ -3580,13 +3600,13 @@ export {
   co as conditionArg,
   uo as createBook,
   go as createBooleanMask,
-  fo as createRegistry,
+  ho as createRegistry,
   kr as createSheetRef,
   Tr as createStoreRef,
   Ks as defaultColMenuDescriptors,
   Ls as defaultContextMenuDescriptors,
   Bs as defaultRowMenuDescriptors,
-  ho as eachMatrix,
+  fo as eachMatrix,
   mo as ensureBoolean,
   po as ensureDate,
   yo as ensureNumber,
@@ -3597,11 +3617,11 @@ export {
   Ro as operations,
   Co as p2a,
   So as r2y,
-  xt as registerMenuComponent,
+  Et as registerMenuComponent,
   No as rh,
   ks as sheet2csv,
-  Eo as stripMatrix,
-  xo as toCellCols,
+  xo as stripMatrix,
+  Eo as toCellCols,
   ko as toCellMatrix,
   To as toCellObject,
   Ao as toCellRows,
@@ -3609,7 +3629,7 @@ export {
   Do as toValueMatrix,
   Io as toValueObject,
   Fo as toValueRows,
-  ze as updateSheet,
+  Ue as updateSheet,
   Ns as useBook,
   Nr as useInitialPluginContext,
   kn as usePluginContext,