@gridsheet/preact-core 3.3.0 → 3.4.1

package/dist/index.js

@@ -1,12 +1,28 @@
 import { h, render } from "preact";
-import { Z, e as ee, K, R as Rs, j, $ as $t, y as yn, u as useBrowser, s as setEditingAddress, N, W, w as write, a as setInputting, b as updateSheet, E as Et, _, V, r as redo, c as undo, d as cut, f as Ee, g as setSearchQuery, h as setEntering, i as copy, k as select, l as arrow, m as escape, n as clear, v, o as walk, p as pn, X, q as paste, t as setEditorHovering, x as _n, z as setStore, A as submitAutofill, B as setDragging, C as setAutofillDraggingTo, D as drag, F as jt, J, G as setResizingPositionY, H as setResizingPositionX, I as Vr, L as jr, M as D, P as Pr, O as kr, Q as filterRows, S as sortRows, T as Xr, U as removeCols, Y as removeRows, a0 as insertColsRight, a1 as insertColsLeft, a2 as insertRowsBelow, a3 as insertRowsAbove, a4 as setContextMenuPosition, a5 as Rn, a6 as setColumnMenu, a7 as setRowMenu, a8 as isXSheetFocused, a9 as setEditorRect, aa as x, ab as k, ac as choose, ad as Y, ae as zr, af as J$1, ag as oe, ah as Wr, ai as Q, aj as U, ak as selectCols, al as useDebounceCallback, am as selectRows, an as En, ao as O, ap as N$1, aq as q, ar as Br, as as on, at as $, au as G, av as search, aw as setSearchCaseSensitive, ax as setSearchRegex, ay as rn, az as setSearchRange, aA as useBook, aB as $$1, aC as reducer, aD as re, aE as isMutationAction, aF as Cs, aG as Re, aH as vt, aI as Dr, aJ as _e, aK as Dt, aL as vr } from "./hooks-DroLjp9H.mjs";
-import { b8, b9, bq, ba, bp, bn, bd, bb, aZ, br, bo, aU, bc, aN, aR, aS, aT, aO, aP, aV, aY, bi, bl, a_, bk, a$, bj, bg, bh, bf, be, aQ, aM, aW, aX, bm, b7, b4, b5, b6, b3, b0, b1, b2, bs } from "./hooks-DroLjp9H.mjs";
-import { jsxs, jsx, Fragment } from "preact/compat/jsx-runtime";
-import React, { createContext, useRef, useContext, useLayoutEffect, useState, useMemo, useCallback, createPortal, memo, useEffect, createRef, useReducer } from "preact/compat";
-import { Children, Component, Fragment as Fragment2, PureComponent, StrictMode, Suspense, SuspenseList, cloneElement, render as render2, createContext as createContext2, createElement, createFactory, createPortal as createPortal2, createRef as createRef2, findDOMNode, forwardRef, hydrate, isValidElement, lazy, memo as memo2, unmountComponentAtNode, unstable_batchedUpdates, useCallback as useCallback2, useContext as useContext2, useDebugValue, useEffect as useEffect2, useImperativeHandle, useLayoutEffect as useLayoutEffect2, useMemo as useMemo2, useReducer as useReducer2, useRef as useRef2, useState as useState2, version } from "preact/compat";
+import { f as fe, u as ue, p as pe, k as ks, _, t as te, D as Dn, a as useBrowser, s as setEditingAddress, o as oe, G, w as write, b as setInputting, c as updateSheet, d as bt, e as te$1, g as ae, r as redo, h as undo, i as cut, P as Pe, j as fillRight, l as setSearchQuery, m as setEntering, n as fillDown, q as copy, v as select, x as selectToDataEdge, y as arrow, z as escape, A as clear, R, B as walk, M as Mn, C as ee, E as paste, F as setEditorHovering, H as Pn, I as setStore, J as submitAutofill, K as setDragging, L as setAutofillDraggingTo, N as drag, O as he, Q as rt, S as setResizingPositionY, T as setResizingPositionX, U as nn, V as cn, W as M, X as qr, Z as Zr, Y as filterRows, $ as sortRows, a0 as an, a1 as removeCols, a2 as removeRows, a3 as insertColsRight, a4 as insertColsLeft, a5 as insertRowsBelow, a6 as insertRowsAbove, a7 as setContextMenuPosition, a8 as Ln, a9 as setColumnMenu, aa as setRowMenu, ab as isXSheetFocused, ac as setEditorRect, ad as S, ae as L, af as choose, ag as q, ah as rn, ai as ce, aj as be, ak as on, al as le, am as re, an as selectCols, ao as useDebounceCallback, ap as selectRows, aq as W, ar as Hn, as as Q, at as T, au as ge, av as se, aw as ne, ax as en, ay as bn, az as Z, aA as ie, aB as de, aC as search, aD as setSearchCaseSensitive, aE as setSearchRegex, aF as wn, aG as setSearchRange, aH as useBook, aI as Y, aJ as reducer, aK as me, aL as isAsyncMutationAction, aM as isMutationAction, aN as commitAsyncOp, aO as Hs, aP as $e, aQ as $t, aR as jr, aS as Le, aT as kt, aU as Gr } from "./hooks-BHtHkTAN.mjs";
+import { bi, bj, bA, bk, bz, bx, bn as bn2, bl, b6, bB, by, b1, bm, aW, a_, a$, b0, aX, aY, b2, b5, bs, bv, b7, bu, b8, bt as bt2, bq, br, bp, bo, aZ, aV, b3, b4, bw, bh, be as be2, bf, bg, bd, b9, ba, bb, bc, bC } from "./hooks-BHtHkTAN.mjs";
+import { jsx, jsxs, Fragment } from "preact/compat/jsx-runtime";
+import React, { createContext, forwardRef, useState, useImperativeHandle, useRef, useContext, useLayoutEffect, useMemo, useCallback, createPortal, memo, useEffect, createRef, useReducer } from "preact/compat";
+import { Children, Component, Fragment as Fragment2, PureComponent, StrictMode, Suspense, SuspenseList, cloneElement, render as render2, createContext as createContext2, createElement, createFactory, createPortal as createPortal2, createRef as createRef2, findDOMNode, forwardRef as forwardRef2, hydrate, isValidElement, lazy, memo as memo2, unmountComponentAtNode, unstable_batchedUpdates, useCallback as useCallback2, useContext as useContext2, useDebugValue, useEffect as useEffect2, useImperativeHandle as useImperativeHandle2, useLayoutEffect as useLayoutEffect2, useMemo as useMemo2, useReducer as useReducer2, useRef as useRef2, useState as useState2, version } from "preact/compat";
 const Context = createContext(
   {}
 );
+const ProgressOverlay = ({ progress, label = "Loading" }) => {
+  const determinate = progress != null;
+  const pct = determinate ? Math.max(0, Math.min(100, Math.round(progress * 100))) : 0;
+  return /* @__PURE__ */ jsx("div", { className: "gs-progress-overlay", children: /* @__PURE__ */ jsxs("div", { className: "gs-progress-box", children: [
+    /* @__PURE__ */ jsxs("div", { className: "gs-progress-head", children: [
+      /* @__PURE__ */ jsx("span", { className: "gs-loading-spinner" }),
+      /* @__PURE__ */ jsx("span", { children: determinate ? `${label}… ${pct}%` : `${label}…` })
+    ] }),
+    determinate && /* @__PURE__ */ jsx("div", { className: "gs-progress-track", children: /* @__PURE__ */ jsx("div", { className: "gs-progress-fill", style: { width: `${pct}%` } }) })
+  ] }) });
+};
+const AsyncProgressOverlay = forwardRef(({ label }, ref) => {
+  const [progress, setProgress] = useState(0);
+  useImperativeHandle(ref, () => ({ setProgress }), []);
+  return /* @__PURE__ */ jsx(ProgressOverlay, { progress, label });
+});
 const FunctionGuide = ({
   option,
   activeFunctionGuide,
@@ -23,14 +39,14 @@ const FunctionGuide = ({
     if (!el) {
       return;
     }
-    Z(el);
+    fe(el);
   });
   useLayoutEffect(() => {
     const el = ref.current;
     if (!el || left === void 0) {
       return;
     }
-    ee(el);
+    ue(el);
   });
   if (option) {
     return /* @__PURE__ */ jsxs(
@@ -48,7 +64,7 @@ const FunctionGuide = ({
           option.isFunction && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "gs-fn-guide1-example", children: option.example }),
             option.description && /* @__PURE__ */ jsx("div", { className: "gs-fn-guide1-desc", style: { whiteSpace: "pre-line" }, children: option.description }),
-            option.defs && option.defs.length > 0 && /* @__PURE__ */ jsx("div", { className: "gs-fn-guide1-args", children: option.defs.map((arg, j2) => {
+            option.defs && option.defs.length > 0 && /* @__PURE__ */ jsx("div", { className: "gs-fn-guide1-args", children: option.defs.map((arg, j) => {
               var _a;
               return /* @__PURE__ */ jsxs("div", { className: "gs-fn-guide1-arg", children: [
                 /* @__PURE__ */ jsx("span", { className: "gs-fn-guide1-arg-name", children: arg.name }),
@@ -59,7 +75,7 @@ const FunctionGuide = ({
                   " — ",
                   arg.description
                 ] })
-              ] }, j2);
+              ] }, j);
             }) })
           ] })
         ]
@@ -80,25 +96,25 @@ const FunctionGuide = ({
             const args = activeFunctionGuide.defs ?? [];
             const numIterable = args.filter((a) => a.variadic).length;
             const variadicStart = args.length - numIterable;
-            return args.map((arg, j2) => {
+            return args.map((arg, j) => {
               let isActive;
               if (activeArgIndex < variadicStart) {
-                isActive = activeArgIndex === j2;
-              } else if (numIterable > 0 && j2 >= variadicStart) {
+                isActive = activeArgIndex === j;
+              } else if (numIterable > 0 && j >= variadicStart) {
                 const offset = (activeArgIndex - variadicStart) % numIterable;
-                isActive = j2 === variadicStart + offset;
+                isActive = j === variadicStart + offset;
               } else {
                 isActive = false;
               }
               return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-                j2 > 0 ? ", " : "",
+                j > 0 ? ", " : "",
                 /* @__PURE__ */ jsxs("span", { className: isActive ? "gs-active-arg" : "", children: [
                   arg.optional ? "[" : "",
                   arg.name,
                   arg.variadic ? ", ..." : "",
                   arg.optional ? "]" : ""
                 ] })
-              ] }, j2);
+              ] }, j);
             });
           })() }),
           (() => {
@@ -148,7 +164,7 @@ const EditorOptions = ({
       return;
     }
     const width = ulRef.current.getBoundingClientRect().width;
-    setAdjustedLeft(K(left, width));
+    setAdjustedLeft(pe(left, width));
   }, [left, filteredOptions]);
   if (filteredOptions.length === 0) {
     return null;
@@ -175,11 +191,11 @@ const clip = (store) => {
   if (!sheet) {
     return { top: 0, left: 0, bottom: 0, right: 0 };
   }
-  const { y, x: x2 } = choosing;
-  const selectingArea = Rs(selectingZone);
+  const { y, x } = choosing;
+  const selectingArea = ks(selectingZone);
   let area = selectingArea;
   if (area.left === -1) {
-    area = { top: y, left: x2, bottom: y, right: x2 };
+    area = { top: y, left: x, bottom: y, right: x };
   }
   const input = editorRef.current;
   const trimmed = sheet.trim(area);
@@ -206,7 +222,7 @@ const clip = (store) => {
     ]);
   } else if (input != null) {
     input.value = tsv;
-    j(input);
+    _(input);
     input.select();
     document.execCommand("copy");
     input.value = "";
@@ -231,8 +247,8 @@ const sheet2csv = (sheet, {
     }
     const cols = [];
     let rowIsEmpty = true;
-    for (let x2 = sheet.left; x2 <= sheet.right; x2++) {
-      const point = { y, x: x2 };
+    for (let x = sheet.left; x <= sheet.right; x++) {
+      const point = { y, x };
       const value = getter(sheet, point);
       if (value !== "") {
         rowIsEmpty = false;
@@ -267,8 +283,8 @@ const sheet2html = (sheet, {
     }
     const cols = [];
     let rowIsEmpty = true;
-    for (let x2 = sheet.left; x2 <= sheet.right; x2++) {
-      const point = { y, x: x2 };
+    for (let x = sheet.left; x <= sheet.right; x++) {
+      const point = { y, x };
       const value = getter(sheet, point);
       if (value !== "") {
         rowIsEmpty = false;
@@ -297,7 +313,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
     if (isFormula && textBeforeCursor.length > 1) {
       try {
         const textToCursor = textBeforeCursor.slice(1);
-        const lexer = new $t(textToCursor);
+        const lexer = new te(textToCursor);
         lexer.tokenize();
         const functionStack = [];
         for (let i = 0; i < lexer.tokens.length; i++) {
@@ -324,7 +340,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
         }
         if (functionStack.length > 0) {
           const activeItem = functionStack[functionStack.length - 1];
-          const helps = yn(functions);
+          const helps = Dn(functions);
           activeArgIndex2 = activeItem.argIndex;
           activeFunctionHelp2 = helps.find((h2) => h2.name === activeItem.name.toUpperCase()) || null;
         }
@@ -339,7 +355,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
     let isOnAddress = false;
     if (isFormula) {
       try {
-        const fullLexer = new $t(inputting.slice(1));
+        const fullLexer = new te(inputting.slice(1));
         fullLexer.tokenize();
         let currentIndex = 1;
         for (const token of fullLexer.tokens) {
@@ -365,7 +381,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
     }
     if (isFormula && !isOnAddress) {
       if (currentWord.length > 0 && !hasOpenParenAssigned) {
-        filtered = yn(functions).map((help) => {
+        filtered = Dn(functions).map((help) => {
           const keywordLower = help.name.toLowerCase();
           const startsWith = keywordLower.startsWith(currentWord);
           const index = startsWith ? 0 : -1;
@@ -515,7 +531,7 @@ const parseHTML = (html, onlyValue = false) => {
       }
       const cells = Array.from(row.querySelectorAll("td, th"));
       const result = [];
-      let j2 = 0;
+      let j = 0;
       for (const cell of cells) {
         const value = ((_b = cell.textContent) == null ? void 0 : _b.trim()) ?? "";
         const style = onlyValue ? void 0 : (() => {
@@ -523,7 +539,7 @@ const parseHTML = (html, onlyValue = false) => {
           const parentStyle = parseStyleString(cell);
           return { ...parentStyle, ...childStyle };
         })();
-        while (spans.has(`${i}-${++j2}`)) {
+        while (spans.has(`${i}-${++j}`)) {
           result.push({ value: "", style, skip: true });
         }
         result.push({ value, style });
@@ -531,7 +547,7 @@ const parseHTML = (html, onlyValue = false) => {
         const colSpan = parseInt(cell.getAttribute("colspan") ?? "1", 10);
         for (let r = 0; r < rowSpan; r++) {
           for (let c = 0; c < colSpan; c++) {
-            spans.add(`${i + r}-${j2 + c}`);
+            spans.add(`${i + r}-${j + c}`);
           }
         }
       }
@@ -800,7 +816,7 @@ const Editor = ({ mode }) => {
     functions: sheet == null ? void 0 : sheet.registry.functions
   });
   useEffect(() => {
-    j(editorRef == null ? void 0 : editorRef.current);
+    _(editorRef == null ? void 0 : editorRef.current);
   }, [editorRef]);
   useEffect(() => {
     if (!sheet) {
@@ -825,14 +841,14 @@ const Editor = ({ mode }) => {
     sheet.registry.editingAddress = editingAddress;
   }, [editingAddress, sheet, sheetId]);
   useEffect(() => {
-    N(editorRef.current);
+    oe(editorRef.current);
   }, [inputting, editingAddress, editorRef]);
-  const { y, x: x2 } = choosing;
-  const rowId = `${Et(y)}`;
-  const colId = W(x2);
+  const { y, x } = choosing;
+  const rowId = `${bt(y)}`;
+  const colId = G(x);
   const address = `${colId}${rowId}`;
   const editing = editingAddress === address;
-  const cell = sheet == null ? void 0 : sheet.getCell({ y, x: x2 }, { resolution: "RAW" });
+  const cell = sheet == null ? void 0 : sheet.getCell({ y, x }, { resolution: "RAW" });
   const currentString = sheet ? sheet.getSerializedValue({ point: choosing, cell, resolution: "RAW" }) : "";
   const [before, setBefore] = useState(currentString);
   const writeCell = useCallback(
@@ -856,7 +872,7 @@ const Editor = ({ mode }) => {
           dispatch(setInputting(newValue));
           setTimeout(() => {
             if (editorRef.current) {
-              j(editorRef.current);
+              _(editorRef.current);
               editorRef.current.setSelectionRange(newCursor, newCursor);
             }
           }, 0);
@@ -880,14 +896,14 @@ const Editor = ({ mode }) => {
     }
     setBefore(currentString);
     dispatch(setInputting(currentString));
-    _(editorRef.current, sheet, choosing);
+    te$1(editorRef.current, sheet, choosing);
   }, [choosing, currentString, dispatch, editorRef, sheet]);
   const { y: top, x: left, height, width } = editorRect;
   const numLines = currentString.split("\n").length;
   const [isKeyDown, setIsKeyDown] = useState(false);
   const handleKeyDown = useCallback(
     (e) => {
-      var _a2, _b2, _c, _d, _e2, _f;
+      var _a2, _b2, _c, _d, _e, _f;
       if (!sheet) {
         return;
       }
@@ -904,7 +920,7 @@ const Editor = ({ mode }) => {
         });
       }
       const input = e.currentTarget;
-      if (V(e, inputting)) {
+      if (ae(e, inputting)) {
         dispatch(setInputting(input.value));
         return false;
       }
@@ -945,7 +961,7 @@ const Editor = ({ mode }) => {
                 return false;
               }
             } else if (e.altKey) {
-              v(input, "\n");
+              R(input, "\n");
               dispatch(setInputting(input.value));
               e.preventDefault();
               return false;
@@ -976,7 +992,7 @@ const Editor = ({ mode }) => {
           return false;
         case "Backspace":
           if (!editing) {
-            if (((_c = sheet.getSystem({ y, x: x2 })) == null ? void 0 : _c.spilledFrom) != null) {
+            if (((_c = sheet.getSystem({ y, x })) == null ? void 0 : _c.spilledFrom) != null) {
               e.preventDefault();
               return false;
             }
@@ -987,7 +1003,7 @@ const Editor = ({ mode }) => {
           break;
         case "Delete":
           if (!editing) {
-            if (((_d = sheet.getSystem({ y, x: x2 })) == null ? void 0 : _d.spilledFrom) != null) {
+            if (((_d = sheet.getSystem({ y, x })) == null ? void 0 : _d.spilledFrom) != null) {
               e.preventDefault();
               return false;
             }
@@ -1014,6 +1030,11 @@ const Editor = ({ mode }) => {
           return false;
         case "ArrowLeft":
           if (!editing) {
+            if ((e.ctrlKey || e.metaKey) && shiftKey2) {
+              e.preventDefault();
+              dispatch(selectToDataEdge({ deltaY: 0, deltaX: -1 }));
+              return false;
+            }
             dispatch(
               arrow({
                 shiftKey: shiftKey2,
@@ -1028,6 +1049,11 @@ const Editor = ({ mode }) => {
           break;
         case "ArrowUp":
           if (!editing) {
+            if ((e.ctrlKey || e.metaKey) && shiftKey2) {
+              e.preventDefault();
+              dispatch(selectToDataEdge({ deltaY: -1, deltaX: 0 }));
+              return false;
+            }
             dispatch(
               arrow({
                 shiftKey: shiftKey2,
@@ -1045,6 +1071,11 @@ const Editor = ({ mode }) => {
           break;
         case "ArrowRight":
           if (!editing) {
+            if ((e.ctrlKey || e.metaKey) && shiftKey2) {
+              e.preventDefault();
+              dispatch(selectToDataEdge({ deltaY: 0, deltaX: 1 }));
+              return false;
+            }
             dispatch(
               arrow({
                 shiftKey: shiftKey2,
@@ -1059,6 +1090,11 @@ const Editor = ({ mode }) => {
           break;
         case "ArrowDown":
           if (!editing) {
+            if ((e.ctrlKey || e.metaKey) && shiftKey2) {
+              e.preventDefault();
+              dispatch(selectToDataEdge({ deltaY: 1, deltaX: 0 }));
+              return false;
+            }
             dispatch(
               arrow({
                 shiftKey: shiftKey2,
@@ -1095,13 +1131,23 @@ const Editor = ({ mode }) => {
             if (!editing) {
               e.preventDefault();
               const area = clip(store);
-              dispatch(copy(Ee(area)));
-              j(input);
+              dispatch(copy(Pe(area)));
+              _(input);
               return false;
             }
             return true;
           }
           break;
+        case "d":
+          if (e.ctrlKey || e.metaKey) {
+            if (!editing) {
+              e.preventDefault();
+              dispatch(fillDown(null));
+              requestAnimationFrame(() => dispatch(setInputting("")));
+              return false;
+            }
+          }
+          break;
         case "f":
           if (e.ctrlKey || e.metaKey) {
             if (!editing) {
@@ -1110,13 +1156,21 @@ const Editor = ({ mode }) => {
                 dispatch(setSearchQuery(""));
               }
               dispatch(setEntering(false));
-              requestAnimationFrame(() => j(searchInputRef.current));
+              requestAnimationFrame(() => _(searchInputRef.current));
               return false;
             }
           }
           break;
         case "r":
-        // R
+          if (e.ctrlKey || e.metaKey) {
+            if (!editing) {
+              e.preventDefault();
+              dispatch(fillRight(null));
+              requestAnimationFrame(() => dispatch(setInputting("")));
+              return false;
+            }
+          }
+          break;
         case "y":
           if (e.ctrlKey || e.metaKey) {
             if (!editing) {
@@ -1131,7 +1185,7 @@ const Editor = ({ mode }) => {
           if (e.ctrlKey || e.metaKey) {
             if (!editing) {
               e.preventDefault();
-              (_f = (_e2 = sheet.registry).onSave) == null ? void 0 : _f.call(_e2, {
+              (_f = (_e = sheet.registry).onSave) == null ? void 0 : _f.call(_e, {
                 sheet,
                 points: {
                   pointing: choosing,
@@ -1160,8 +1214,8 @@ const Editor = ({ mode }) => {
             if (!editing) {
               e.preventDefault();
               const area = clip(store);
-              dispatch(cut(Ee(area)));
-              j(input);
+              dispatch(cut(Pe(area)));
+              _(input);
               return false;
             }
           }
@@ -1191,7 +1245,7 @@ const Editor = ({ mode }) => {
       if (e.ctrlKey || e.metaKey) {
         return false;
       }
-      if (pn.hasOperation(cell == null ? void 0 : cell.prevention, pn.Write)) {
+      if (Mn.hasOperation(cell == null ? void 0 : cell.prevention, Mn.Write)) {
         console.warn("This cell is protected from writing.");
         return false;
       }
@@ -1232,7 +1286,7 @@ const Editor = ({ mode }) => {
   );
   const handleDoubleClick = useCallback(
     (e) => {
-      if (pn.hasOperation(cell == null ? void 0 : cell.prevention, pn.Write)) {
+      if (Mn.hasOperation(cell == null ? void 0 : cell.prevention, Mn.Write)) {
         console.warn("This cell is protected from writing.");
         return;
       }
@@ -1253,7 +1307,7 @@ const Editor = ({ mode }) => {
   const handleBlur = useCallback(
     (e) => {
       setIsFocused(false);
-      if (X(e.currentTarget)) {
+      if (ee(e.currentTarget)) {
         return true;
       } else {
         if (editing) {
@@ -1266,7 +1320,7 @@ const Editor = ({ mode }) => {
   );
   const handleChange = useCallback(
     (e) => {
-      if (pn.hasOperation(cell == null ? void 0 : cell.prevention, pn.Write)) {
+      if (Mn.hasOperation(cell == null ? void 0 : cell.prevention, Mn.Write)) {
         return;
       }
       dispatch(setInputting(e.currentTarget.value));
@@ -1303,7 +1357,7 @@ const Editor = ({ mode }) => {
     (e) => {
       var _a2, _b2;
       setShiftKey(false);
-      const selectingArea = Rs(store.selectingZone);
+      const selectingArea = ks(store.selectingZone);
       (_b2 = sheet == null ? void 0 : (_a2 = sheet.registry).onKeyUp) == null ? void 0 : _b2.call(_a2, {
         e,
         points: {
@@ -1409,7 +1463,7 @@ const editorStyle = (text) => {
   if (text[0] !== "=") {
     return /* @__PURE__ */ jsx(Fragment, { children: text });
   }
-  const lexer = new $t(text.substring(1));
+  const lexer = new te(text.substring(1));
   lexer.tokenize();
   let palletIndex = 0;
   const exists = {};
@@ -1432,12 +1486,12 @@ const editorStyle = (text) => {
             {
               token,
               tokenKey,
-              color: _n[existsIndex % _n.length]
+              color: Pn[existsIndex % Pn.length]
             },
             tokenKey
           );
         }
-        const color = _n[palletIndex % _n.length];
+        const color = Pn[palletIndex % Pn.length];
         exists[normalizedToken] = palletIndex++;
         return /* @__PURE__ */ jsx(
           TokenSpan,
@@ -1554,13 +1608,13 @@ const StoreObserver = ({
         const cell = (_b = document.elementFromPoint(px, py)) == null ? void 0 : _b.closest(".gs-cell");
         if (cell) {
           const y = Number(cell.dataset.y);
-          const x2 = Number(cell.dataset.x);
-          const key = y + ":" + x2;
+          const x = Number(cell.dataset.x);
+          const key = y + ":" + x;
           const now = performance.now();
-          if (!Number.isNaN(y) && !Number.isNaN(x2) && key !== lastCell && now - lastExtend > 80) {
+          if (!Number.isNaN(y) && !Number.isNaN(x) && key !== lastCell && now - lastExtend > 80) {
             lastCell = key;
             lastExtend = now;
-            d(s.autofillDraggingTo ? setAutofillDraggingTo({ x: x2, y }) : drag({ y, x: x2 }));
+            d(s.autofillDraggingTo ? setAutofillDraggingTo({ x, y }) : drag({ y, x }));
           }
         }
       }
@@ -1696,36 +1750,36 @@ const Resizer = () => {
   } = store;
   const sheet = sheetRef.current;
   const [y, startY, endY] = posY;
-  const [x2, startX, endX] = posX;
+  const [x, startX, endX] = posX;
   if (mainRef.current == null || editorRef.current == null || !sheet) {
     return /* @__PURE__ */ jsx("div", { className: "gs-resizing gs-hidden" });
   }
-  const cell = sheet.getCell({ y: y === -1 ? 0 : y, x: x2 === -1 ? 0 : x2 }, { resolution: "SYSTEM" });
+  const cell = sheet.getCell({ y: y === -1 ? 0 : y, x: x === -1 ? 0 : x }, { resolution: "SYSTEM" });
   const { y: offsetY, x: offsetX } = mainRef.current.getBoundingClientRect();
-  const baseWidth = (cell == null ? void 0 : cell.width) || jt;
-  const baseHeight = (cell == null ? void 0 : cell.height) || J;
+  const baseWidth = (cell == null ? void 0 : cell.width) || he;
+  const baseHeight = (cell == null ? void 0 : cell.height) || rt;
   const width = baseWidth + (endX - startX);
   const height = baseHeight + (endY - startY);
   const handleResizeEnd = () => {
-    const selectingArea = Rs(selectingZone);
+    const selectingArea = ks(selectingZone);
     const { top, left, bottom, right } = selectingArea;
     const diff = {};
-    if (x2 !== -1) {
-      let xs = [x2];
-      if (topHeaderSelecting && Vr({ start: left, end: right }, x2)) {
-        xs = jr(left, right + 1);
+    if (x !== -1) {
+      let xs = [x];
+      if (topHeaderSelecting && nn({ start: left, end: right }, x)) {
+        xs = cn(left, right + 1);
       }
-      xs.forEach((x22) => {
-        diff[D({ y: 0, x: x22 })] = { width };
+      xs.forEach((x2) => {
+        diff[M({ y: 0, x: x2 })] = { width };
       });
     }
     if (y !== -1) {
       let ys = [y];
-      if (leftHeaderSelecting && Vr({ start: top, end: bottom }, y)) {
-        ys = jr(top, bottom + 1);
+      if (leftHeaderSelecting && nn({ start: top, end: bottom }, y)) {
+        ys = cn(top, bottom + 1);
       }
       ys.forEach((y2) => {
-        diff[D({ y: y2, x: 0 })] = { height };
+        diff[M({ y: y2, x: 0 })] = { height };
       });
     }
     sheet.update({
@@ -1741,33 +1795,33 @@ const Resizer = () => {
     );
     dispatch(setResizingPositionY([-1, -1, -1]));
     dispatch(setResizingPositionX([-1, -1, -1]));
-    j(editorRef.current);
+    _(editorRef.current);
   };
   const handleResizeMove = (e) => {
     if (y !== -1) {
       let endY2 = e.clientY;
       const height2 = baseHeight + (endY2 - startY);
-      if (height2 < Pr) {
-        endY2 += Pr - height2;
+      if (height2 < qr) {
+        endY2 += qr - height2;
       }
       dispatch(setResizingPositionY([y, startY, endY2]));
-    } else if (x2 !== -1) {
+    } else if (x !== -1) {
       let endX2 = e.clientX;
       const width2 = baseWidth + (endX2 - startX);
-      if (width2 < kr) {
-        endX2 += kr - width2;
+      if (width2 < Zr) {
+        endX2 += Zr - width2;
       }
-      dispatch(setResizingPositionX([x2, startX, endX2]));
+      dispatch(setResizingPositionX([x, startX, endX2]));
     }
   };
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `gs-resizing ${y === -1 && x2 === -1 ? "gs-hidden" : ""}`,
+      className: `gs-resizing ${y === -1 && x === -1 ? "gs-hidden" : ""}`,
       onMouseUp: handleResizeEnd,
       onMouseMove: handleResizeMove,
       children: [
-        /* @__PURE__ */ jsx("div", { className: `gs-line-vertical ${x2 === -1 ? "gs-hidden" : ""}`, children: /* @__PURE__ */ jsx("div", { className: "gs-line", style: { width: 1, height: "100%", left: endX - offsetX }, children: /* @__PURE__ */ jsxs("span", { style: { left: "-50%" }, children: [
+        /* @__PURE__ */ jsx("div", { className: `gs-line-vertical ${x === -1 ? "gs-hidden" : ""}`, children: /* @__PURE__ */ jsx("div", { className: "gs-line", style: { width: 1, height: "100%", left: endX - offsetX }, children: /* @__PURE__ */ jsxs("span", { style: { left: "-50%" }, children: [
           width,
           "px"
         ] }) }) }),
@@ -1812,14 +1866,14 @@ const Emitter = () => {
 const copier = async ({ store, dispatch }) => {
   const { editorRef } = store;
   const area = clip(store);
-  dispatch(copy(Ee(area)));
-  j(editorRef.current);
+  dispatch(copy(Pe(area)));
+  _(editorRef.current);
 };
 const cutter = async ({ store, dispatch }) => {
   const { editorRef } = store;
   const area = clip(store);
-  dispatch(cut(Ee(area)));
-  j(editorRef.current);
+  dispatch(cut(Pe(area)));
+  _(editorRef.current);
 };
 const paster = async ({ store, dispatch }, onlyValue = false) => {
   const { editorRef } = store;
@@ -1844,118 +1898,118 @@ const paster = async ({ store, dispatch }, onlyValue = false) => {
     }
   }
   dispatch(paste({ matrix: cells, onlyValue }));
-  j(editorRef.current);
+  _(editorRef.current);
 };
 const undoer = async ({ store, dispatch }) => {
   const { editorRef } = store;
   dispatch(undo(null));
-  j(editorRef.current);
+  _(editorRef.current);
 };
 const redoer = async ({ store, dispatch }) => {
   const { editorRef } = store;
   dispatch(redo(null));
-  j(editorRef.current);
+  _(editorRef.current);
 };
 const rowsInserterAbove = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { top } = Rs(selectingZone);
-  const numRows = Xr(selectingZone).rows;
+  const { top } = ks(selectingZone);
+  const numRows = an(selectingZone).rows;
   dispatch(insertRowsAbove({ numRows, y: top, operator: "USER" }));
-  j(editorRef.current);
+  _(editorRef.current);
 };
 const rowsInserterBelow = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { bottom } = Rs(selectingZone);
-  const numRows = Xr(selectingZone).rows;
+  const { bottom } = ks(selectingZone);
+  const numRows = an(selectingZone).rows;
   dispatch(insertRowsBelow({ numRows, y: bottom, operator: "USER" }));
-  j(editorRef.current);
+  _(editorRef.current);
 };
 const colsInserterLeft = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { left } = Rs(selectingZone);
-  const numCols = Xr(selectingZone).cols;
+  const { left } = ks(selectingZone);
+  const numCols = an(selectingZone).cols;
   dispatch(insertColsLeft({ numCols, x: left, operator: "USER" }));
-  j(editorRef.current);
+  _(editorRef.current);
 };
 const colsInserterRight = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { right } = Rs(selectingZone);
-  const numCols = Xr(selectingZone).cols;
+  const { right } = ks(selectingZone);
+  const numCols = an(selectingZone).cols;
   dispatch(insertColsRight({ numCols, x: right, operator: "USER" }));
-  j(editorRef.current);
+  _(editorRef.current);
 };
 const rowsRemover = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { top } = Rs(selectingZone);
-  const numRows = Xr(selectingZone).rows;
+  const { top } = ks(selectingZone);
+  const numRows = an(selectingZone).rows;
   dispatch(removeRows({ numRows, y: top, operator: "USER" }));
-  j(editorRef.current);
+  _(editorRef.current);
 };
 const colsRemover = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { left } = Rs(selectingZone);
-  const numCols = Xr(selectingZone).cols;
+  const { left } = ks(selectingZone);
+  const numCols = an(selectingZone).cols;
   dispatch(removeCols({ numCols, x: left, operator: "USER" }));
-  j(editorRef.current);
+  _(editorRef.current);
 };
-const rowsSorterAsc = async ({ store, dispatch }, x2) => {
+const rowsSorterAsc = async ({ store, dispatch }, x) => {
   const sheet = store.sheetReactive.current;
   if (sheet && (sheet.hasPendingCells() || sheet.registry.asyncPending.size > 0)) {
     await sheet.waitForPending();
   }
-  dispatch(sortRows({ x: x2, direction: "asc" }));
-  j(store.editorRef.current);
+  dispatch(sortRows({ x, direction: "asc" }));
+  _(store.editorRef.current);
 };
-const rowsSorterDesc = async ({ store, dispatch }, x2) => {
+const rowsSorterDesc = async ({ store, dispatch }, x) => {
   const sheet = store.sheetReactive.current;
   if (sheet && (sheet.hasPendingCells() || sheet.registry.asyncPending.size > 0)) {
     await sheet.waitForPending();
   }
-  dispatch(sortRows({ x: x2, direction: "desc" }));
-  j(store.editorRef.current);
+  dispatch(sortRows({ x, direction: "desc" }));
+  _(store.editorRef.current);
 };
-const rowsFilterer = async ({ store, dispatch }, x2, filter) => {
+const rowsFilterer = async ({ store, dispatch }, x, filter) => {
   const sheet = store.sheetReactive.current;
   if (sheet && (sheet.hasPendingCells() || sheet.registry.asyncPending.size > 0)) {
     await sheet.waitForPending();
   }
-  dispatch(filterRows({ x: x2, filter }));
-  j(store.editorRef.current);
+  dispatch(filterRows({ x, filter }));
+  _(store.editorRef.current);
 };
-const rowsFilterClearer = async ({ store, dispatch }, x2) => {
-  dispatch(filterRows({ x: x2 }));
-  j(store.editorRef.current);
+const rowsFilterClearer = async ({ store, dispatch }, x) => {
+  dispatch(filterRows({ x }));
+  _(store.editorRef.current);
 };
 const rowSortFixedToggler = ({ store, dispatch }, y) => {
   const sheet = store.sheetReactive.current;
   if (!sheet) {
     return;
   }
-  const addr = D({ y, x: 0 });
+  const addr = M({ y, x: 0 });
   const rowCell = sheet.getCell({ y, x: 0 }, { resolution: "SYSTEM" });
   const next = !(rowCell == null ? void 0 : rowCell.sortFixed) || void 0;
   sheet.update({ diff: { [addr]: { sortFixed: next } }, partial: true });
   dispatch(updateSheet(sheet));
-  j(store.editorRef.current);
+  _(store.editorRef.current);
 };
 const rowFilterFixedToggler = ({ store, dispatch }, y) => {
   const sheet = store.sheetReactive.current;
   if (!sheet) {
     return;
   }
-  const addr = D({ y, x: 0 });
+  const addr = M({ y, x: 0 });
   const rowCell = sheet.getCell({ y, x: 0 }, { resolution: "SYSTEM" });
   const next = !(rowCell == null ? void 0 : rowCell.filterFixed) || void 0;
   sheet.update({ diff: { [addr]: { filterFixed: next } }, partial: true });
   dispatch(updateSheet(sheet));
-  j(store.editorRef.current);
+  _(store.editorRef.current);
 };
 const searcher = async ({ store, dispatch }) => {
   if (typeof store.searchQuery === "undefined") {
     dispatch(setSearchQuery(""));
   }
   dispatch(setEntering(false));
-  requestAnimationFrame(() => j(store.searchInputRef.current));
+  requestAnimationFrame(() => _(store.searchInputRef.current));
 };
 const applyers = {
   copy: copier,
@@ -1984,12 +2038,12 @@ const rowInsertCount = (ctx, y) => {
   const isFullRow = selectingZone.startX === 1 && selectingZone.endX === ctx.sheet.numCols;
   return isFullRow && y >= selStart && y <= selEnd ? selEnd - selStart + 1 : 1;
 };
-const colInsertCount = (ctx, x2) => {
+const colInsertCount = (ctx, x) => {
   const { selectingZone } = ctx;
   const selStart = Math.min(selectingZone.startX, selectingZone.endX);
   const selEnd = Math.max(selectingZone.startX, selectingZone.endX);
   const isFullCol = selectingZone.startY === 1 && selectingZone.endY === ctx.sheet.numRows;
-  return isFullCol && x2 >= selStart && x2 <= selEnd ? selEnd - selStart + 1 : 1;
+  return isFullCol && x >= selStart && x <= selEnd ? selEnd - selStart + 1 : 1;
 };
 const defaultContextMenuDescriptors = [
   {
@@ -2020,92 +2074,92 @@ const defaultContextMenuDescriptors = [
   {
     id: "insert-rows-above",
     label: (ctx) => {
-      const n = Xr(ctx.selectingZone).rows;
+      const n = an(ctx.selectingZone).rows;
       return `Insert ${n} row${n > 1 ? "s" : ""} above`;
     },
     visible: (ctx) => ctx.leftHeaderSelecting,
     disabled: (ctx) => {
-      const n = Xr(ctx.selectingZone).rows;
+      const n = an(ctx.selectingZone).rows;
       const sheet = ctx.sheet;
       const rowCell = sheet.getCell({ y: ctx.choosing.y, x: 0 }, { resolution: "SYSTEM" });
-      return sheet.maxNumRows !== -1 && sheet.numRows + n > sheet.maxNumRows || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.InsertRowsAbove);
+      return sheet.maxNumRows !== -1 && sheet.numRows + n > sheet.maxNumRows || Mn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, Mn.InsertRowsAbove);
     },
-    onClick: (ctx) => ctx.insertRowsAbove(ctx.choosing.y, Xr(ctx.selectingZone).rows)
+    onClick: (ctx) => ctx.insertRowsAbove(ctx.choosing.y, an(ctx.selectingZone).rows)
   },
   {
     id: "insert-rows-below",
     label: (ctx) => {
-      const n = Xr(ctx.selectingZone).rows;
+      const n = an(ctx.selectingZone).rows;
       return `Insert ${n} row${n > 1 ? "s" : ""} below`;
     },
     visible: (ctx) => ctx.leftHeaderSelecting,
     disabled: (ctx) => {
-      const n = Xr(ctx.selectingZone).rows;
+      const n = an(ctx.selectingZone).rows;
       const sheet = ctx.sheet;
       const rowCell = sheet.getCell({ y: ctx.choosing.y, x: 0 }, { resolution: "SYSTEM" });
-      return sheet.maxNumRows !== -1 && sheet.numRows + n > sheet.maxNumRows || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.InsertRowsBelow);
+      return sheet.maxNumRows !== -1 && sheet.numRows + n > sheet.maxNumRows || Mn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, Mn.InsertRowsBelow);
     },
-    onClick: (ctx) => ctx.insertRowsBelow(ctx.choosing.y, Xr(ctx.selectingZone).rows)
+    onClick: (ctx) => ctx.insertRowsBelow(ctx.choosing.y, an(ctx.selectingZone).rows)
   },
   {
     id: "insert-cols-left",
     label: (ctx) => {
-      const n = Xr(ctx.selectingZone).cols;
+      const n = an(ctx.selectingZone).cols;
       return `Insert ${n} column${n > 1 ? "s" : ""} left`;
     },
     visible: (ctx) => ctx.topHeaderSelecting,
     disabled: (ctx) => {
-      const n = Xr(ctx.selectingZone).cols;
+      const n = an(ctx.selectingZone).cols;
       const sheet = ctx.sheet;
       const colCell = sheet.getCell({ y: 0, x: ctx.choosing.x }, { resolution: "SYSTEM" });
-      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.InsertColsLeft);
+      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.InsertColsLeft);
     },
-    onClick: (ctx) => ctx.insertColsLeft(ctx.choosing.x, Xr(ctx.selectingZone).cols)
+    onClick: (ctx) => ctx.insertColsLeft(ctx.choosing.x, an(ctx.selectingZone).cols)
   },
   {
     id: "insert-cols-right",
     label: (ctx) => {
-      const n = Xr(ctx.selectingZone).cols;
+      const n = an(ctx.selectingZone).cols;
       return `Insert ${n} column${n > 1 ? "s" : ""} right`;
     },
     visible: (ctx) => ctx.topHeaderSelecting,
     disabled: (ctx) => {
-      const n = Xr(ctx.selectingZone).cols;
+      const n = an(ctx.selectingZone).cols;
       const sheet = ctx.sheet;
       const colCell = sheet.getCell({ y: 0, x: ctx.choosing.x }, { resolution: "SYSTEM" });
-      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.InsertColsRight);
+      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.InsertColsRight);
     },
-    onClick: (ctx) => ctx.insertColsRight(ctx.choosing.x, Xr(ctx.selectingZone).cols)
+    onClick: (ctx) => ctx.insertColsRight(ctx.choosing.x, an(ctx.selectingZone).cols)
   },
   {
     id: "remove-rows",
     label: (ctx) => {
-      const n = Xr(ctx.selectingZone).rows;
+      const n = an(ctx.selectingZone).rows;
       return `Remove ${n} row${n > 1 ? "s" : ""}`;
     },
     visible: (ctx) => ctx.leftHeaderSelecting,
     disabled: (ctx) => {
-      const n = Xr(ctx.selectingZone).rows;
+      const n = an(ctx.selectingZone).rows;
       const sheet = ctx.sheet;
       const rowCell = sheet.getCell({ y: ctx.choosing.y, x: 0 }, { resolution: "SYSTEM" });
-      return sheet.minNumRows !== -1 && sheet.numRows - n < sheet.minNumRows || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.RemoveRows);
+      return sheet.minNumRows !== -1 && sheet.numRows - n < sheet.minNumRows || Mn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, Mn.RemoveRows);
     },
-    onClick: (ctx) => ctx.removeRows(ctx.choosing.y, Xr(ctx.selectingZone).rows)
+    onClick: (ctx) => ctx.removeRows(ctx.choosing.y, an(ctx.selectingZone).rows)
   },
   {
     id: "remove-cols",
     label: (ctx) => {
-      const n = Xr(ctx.selectingZone).cols;
+      const n = an(ctx.selectingZone).cols;
       return `Remove ${n} column${n > 1 ? "s" : ""}`;
     },
     visible: (ctx) => ctx.topHeaderSelecting,
     disabled: (ctx) => {
-      const n = Xr(ctx.selectingZone).cols;
+      const n = an(ctx.selectingZone).cols;
       const sheet = ctx.sheet;
       const colCell = sheet.getCell({ y: 0, x: ctx.choosing.x }, { resolution: "SYSTEM" });
-      return sheet.minNumCols !== -1 && sheet.numCols - n < sheet.minNumCols || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.RemoveCols);
+      return sheet.minNumCols !== -1 && sheet.numCols - n < sheet.minNumCols || Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.RemoveCols);
     },
-    onClick: (ctx) => ctx.removeCols(ctx.choosing.x, Xr(ctx.selectingZone).cols)
+    onClick: (ctx) => ctx.removeCols(ctx.choosing.x, an(ctx.selectingZone).cols)
   },
   { type: "divider" },
   {
@@ -2166,7 +2220,7 @@ const defaultRowMenuDescriptors = [
       const n = rowInsertCount(ctx, y);
       const sheet = ctx.sheet;
       const rowCell = sheet.getCell({ y, x: 0 }, { resolution: "SYSTEM" });
-      return sheet.maxNumRows !== -1 && sheet.numRows + n > sheet.maxNumRows || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.InsertRowsAbove);
+      return sheet.maxNumRows !== -1 && sheet.numRows + n > sheet.maxNumRows || Mn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, Mn.InsertRowsAbove);
     },
     onClick: (ctx, y) => ctx.insertRowsAbove(y, rowInsertCount(ctx, y))
   },
@@ -2180,7 +2234,7 @@ const defaultRowMenuDescriptors = [
       const n = rowInsertCount(ctx, y);
       const sheet = ctx.sheet;
       const rowCell = sheet.getCell({ y, x: 0 }, { resolution: "SYSTEM" });
-      return sheet.maxNumRows !== -1 && sheet.numRows + n > sheet.maxNumRows || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.InsertRowsBelow);
+      return sheet.maxNumRows !== -1 && sheet.numRows + n > sheet.maxNumRows || Mn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, Mn.InsertRowsBelow);
     },
     onClick: (ctx, y) => ctx.insertRowsBelow(y, rowInsertCount(ctx, y))
   },
@@ -2194,7 +2248,7 @@ const defaultRowMenuDescriptors = [
       const n = rowInsertCount(ctx, y);
       const sheet = ctx.sheet;
       const rowCell = sheet.getCell({ y, x: 0 }, { resolution: "SYSTEM" });
-      return sheet.minNumRows !== -1 && sheet.numRows - n < sheet.minNumRows || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.RemoveRows);
+      return sheet.minNumRows !== -1 && sheet.numRows - n < sheet.minNumRows || Mn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, Mn.RemoveRows);
     },
     onClick: (ctx, y) => ctx.removeRows(y, rowInsertCount(ctx, y))
   },
@@ -2259,45 +2313,45 @@ const defaultColMenuDescriptors = [
   { type: "divider" },
   {
     id: "insert-cols-left",
-    label: (ctx, x2) => {
-      const n = colInsertCount(ctx, x2);
+    label: (ctx, x) => {
+      const n = colInsertCount(ctx, x);
       return `Insert ${n} column${n > 1 ? "s" : ""} left`;
     },
-    disabled: (ctx, x2) => {
-      const n = colInsertCount(ctx, x2);
+    disabled: (ctx, x) => {
+      const n = colInsertCount(ctx, x);
       const sheet = ctx.sheet;
-      const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
-      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.InsertColsLeft);
+      const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
+      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.InsertColsLeft);
     },
-    onClick: (ctx, x2) => ctx.insertColsLeft(x2, colInsertCount(ctx, x2))
+    onClick: (ctx, x) => ctx.insertColsLeft(x, colInsertCount(ctx, x))
   },
   {
     id: "insert-cols-right",
-    label: (ctx, x2) => {
-      const n = colInsertCount(ctx, x2);
+    label: (ctx, x) => {
+      const n = colInsertCount(ctx, x);
       return `Insert ${n} column${n > 1 ? "s" : ""} right`;
     },
-    disabled: (ctx, x2) => {
-      const n = colInsertCount(ctx, x2);
+    disabled: (ctx, x) => {
+      const n = colInsertCount(ctx, x);
       const sheet = ctx.sheet;
-      const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
-      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.InsertColsRight);
+      const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
+      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.InsertColsRight);
     },
-    onClick: (ctx, x2) => ctx.insertColsRight(x2, colInsertCount(ctx, x2))
+    onClick: (ctx, x) => ctx.insertColsRight(x, colInsertCount(ctx, x))
   },
   {
     id: "remove-cols",
-    label: (ctx, x2) => {
-      const n = colInsertCount(ctx, x2);
+    label: (ctx, x) => {
+      const n = colInsertCount(ctx, x);
       return `Remove ${n} column${n > 1 ? "s" : ""}`;
     },
-    disabled: (ctx, x2) => {
-      const n = colInsertCount(ctx, x2);
+    disabled: (ctx, x) => {
+      const n = colInsertCount(ctx, x);
       const sheet = ctx.sheet;
-      const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
-      return sheet.minNumCols !== -1 && sheet.numCols - n < sheet.minNumCols || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.RemoveCols);
+      const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
+      return sheet.minNumCols !== -1 && sheet.numCols - n < sheet.minNumCols || Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.RemoveCols);
     },
-    onClick: (ctx, x2) => ctx.removeCols(x2, colInsertCount(ctx, x2))
+    onClick: (ctx, x) => ctx.removeCols(x, colInsertCount(ctx, x))
   },
   { type: "divider" },
   {
@@ -2330,38 +2384,38 @@ function buildMenuContext(store, dispatch, close) {
     removeRows: (y, numRows) => {
       dispatch(removeRows({ numRows, y, operator: "USER" }));
     },
-    insertColsLeft: (x2, numCols) => {
-      dispatch(insertColsLeft({ numCols, x: x2, operator: "USER" }));
+    insertColsLeft: (x, numCols) => {
+      dispatch(insertColsLeft({ numCols, x, operator: "USER" }));
     },
-    insertColsRight: (x2, numCols) => {
-      dispatch(insertColsRight({ numCols, x: x2, operator: "USER" }));
+    insertColsRight: (x, numCols) => {
+      dispatch(insertColsRight({ numCols, x, operator: "USER" }));
     },
-    removeCols: (x2, numCols) => {
-      dispatch(removeCols({ numCols, x: x2, operator: "USER" }));
+    removeCols: (x, numCols) => {
+      dispatch(removeCols({ numCols, x, operator: "USER" }));
     },
-    sortRows: async (x2, direction) => {
+    sortRows: async (x, direction) => {
       if (direction === "asc") {
-        await rowsSorterAsc(props, x2);
+        await rowsSorterAsc(props, x);
       } else {
-        await rowsSorterDesc(props, x2);
+        await rowsSorterDesc(props, x);
       }
     },
-    filterRows: async (x2, filter) => {
+    filterRows: async (x, filter) => {
       if (filter) {
-        await rowsFilterer(props, x2, filter);
+        await rowsFilterer(props, x, filter);
       } else {
-        rowsFilterClearer(props, x2);
+        rowsFilterClearer(props, x);
       }
     },
-    clearFilter: (x2) => rowsFilterClearer(props, x2),
+    clearFilter: (x) => rowsFilterClearer(props, x),
     toggleSortFixed: (y) => rowSortFixedToggler(props, y),
     toggleFilterFixed: (y) => rowFilterFixedToggler(props, y),
     search: () => searcher(props),
-    updateColLabel: (x2, label) => {
+    updateColLabel: (x, label) => {
       if (!sheet) {
         return;
       }
-      const addr = D({ y: 0, x: x2 });
+      const addr = M({ y: 0, x });
       sheet.update({
         diff: { [addr]: { label: label || void 0 } },
         partial: true,
@@ -2412,10 +2466,10 @@ const MenuItem = ({
         shortcuts != null && shortcuts.length > 0 && /* @__PURE__ */ jsx("div", { className: "gs-menu-shortcut", children: shortcuts.map((shortcut, i) => /* @__PURE__ */ jsxs("span", { children: [
           i > 0 && /* @__PURE__ */ jsx("span", { className: "gs-menu-shortcut-sep", children: ", " }),
           /* @__PURE__ */ jsx("span", { className: "gs-menu-shortcut-badge", children: shortcut.split("+").map(
-            (part, j2, arr) => j2 < arr.length - 1 ? /* @__PURE__ */ jsxs("span", { children: [
+            (part, j, arr) => j < arr.length - 1 ? /* @__PURE__ */ jsxs("span", { children: [
               part,
               "+"
-            ] }, j2) : /* @__PURE__ */ jsx("span", { className: "gs-menu-underline", children: part }, j2)
+            ] }, j) : /* @__PURE__ */ jsx("span", { className: "gs-menu-underline", children: part }, j)
           ) })
         ] }, i)) })
       ]
@@ -2423,6 +2477,129 @@ const MenuItem = ({
   );
 };
 const MenuDivider = () => /* @__PURE__ */ jsx("li", { className: "gs-menu-divider" });
+const MenuNodes = ({ items, ctx, args, onSelect, renderComponent }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: items.map((d, i) => {
+    var _a, _b;
+    if (d.type === "divider") {
+      if (d.visible && !d.visible(ctx, ...args)) {
+        return null;
+      }
+      return /* @__PURE__ */ jsx(MenuDivider, {}, i);
+    }
+    if (d.type === "component") {
+      if (d.visible && !d.visible(ctx, ...args)) {
+        return null;
+      }
+      return renderComponent && d.componentId ? renderComponent(d.componentId, i) : null;
+    }
+    if (d.visible && !d.visible(ctx, ...args)) {
+      return null;
+    }
+    const label = typeof d.label === "function" ? d.label(ctx, ...args) : d.label ?? "";
+    const disabled = ((_a = d.disabled) == null ? void 0 : _a.call(d, ctx, ...args)) ?? false;
+    if (d.type === "submenu") {
+      return /* @__PURE__ */ jsx(
+        SubmenuNode,
+        {
+          label,
+          disabled,
+          testId: d.id,
+          items: d.children ?? [],
+          ctx,
+          args,
+          onSelect,
+          renderComponent
+        },
+        i
+      );
+    }
+    const shortcuts = typeof d.shortcuts === "function" ? d.shortcuts(ctx, ...args) : d.shortcuts;
+    const checked = (_b = d.checked) == null ? void 0 : _b.call(d, ctx, ...args);
+    return /* @__PURE__ */ jsx(
+      MenuItem,
+      {
+        label,
+        shortcuts,
+        disabled,
+        checked,
+        testId: d.id ? `${d.id}-item` : void 0,
+        onClick: () => {
+          var _a2;
+          (_a2 = d.onClick) == null ? void 0 : _a2.call(d, ctx, ...args);
+          onSelect();
+        }
+      },
+      i
+    );
+  }) });
+};
+const SubmenuNode = ({ label, disabled, testId, items, ctx, args, onSelect, renderComponent }) => {
+  const [open, setOpen] = useState(false);
+  const liRef = useRef(null);
+  const flyoutRef = useRef(null);
+  const [pos, setPos] = useState(null);
+  useLayoutEffect(() => {
+    if (!open || disabled) {
+      setPos(null);
+      return;
+    }
+    const li = liRef.current;
+    const fly = flyoutRef.current;
+    if (!li || !fly) {
+      return;
+    }
+    const p = li.getBoundingClientRect();
+    const f = fly.getBoundingClientRect();
+    const margin = 6;
+    let left = p.right;
+    if (left + f.width > window.innerWidth - margin) {
+      left = p.left - f.width;
+      if (left < margin) {
+        left = Math.max(margin, window.innerWidth - f.width - margin);
+      }
+    }
+    let top = p.top;
+    if (top + f.height > window.innerHeight - margin) {
+      top = window.innerHeight - f.height - margin;
+    }
+    if (top < margin) {
+      top = margin;
+    }
+    setPos({ left, top });
+  }, [open, disabled]);
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref: liRef,
+      className: `gs-menu-item gs-submenu-parent ${disabled ? "gs-disabled" : "gs-enabled"}`,
+      "data-testid": testId ? `${testId}-item` : void 0,
+      onMouseEnter: () => setOpen(true),
+      onMouseLeave: () => setOpen(false),
+      onClick: (e) => {
+        e.stopPropagation();
+        setOpen(true);
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "gs-menu-name", children: label }),
+        /* @__PURE__ */ jsx("span", { className: "gs-submenu-arrow", children: "▸" }),
+        open && !disabled && /* @__PURE__ */ jsx(
+          "ul",
+          {
+            ref: flyoutRef,
+            className: "gs-menu-items gs-submenu-flyout",
+            style: {
+              position: "fixed",
+              left: pos ? pos.left : -9999,
+              top: pos ? pos.top : -9999,
+              visibility: pos ? "visible" : "hidden"
+            },
+            children: /* @__PURE__ */ jsx(MenuNodes, { items, ctx, args, onSelect, renderComponent })
+          }
+        )
+      ]
+    }
+  );
+};
 const ContextMenu = () => {
   const { store, dispatch } = useContext(Context);
   const { contextMenuPosition, contextMenu } = store;
@@ -2430,7 +2607,7 @@ const ContextMenu = () => {
   const menuRef = useRef(null);
   useEffect(() => {
     if (menuRef.current) {
-      ee(menuRef.current);
+      ue(menuRef.current);
     }
   });
   if (top === -1) {
@@ -2447,38 +2624,7 @@ const ContextMenu = () => {
         close();
         return false;
       },
-      children: /* @__PURE__ */ jsx("div", { ref: menuRef, className: "gs-context-menu", style: { top, left }, children: /* @__PURE__ */ jsx("ul", { className: "gs-menu-items", children: contextMenu.map((d, i) => {
-        var _a, _b;
-        if (d.type === "divider") {
-          if (d.visible && !d.visible(ctx)) {
-            return null;
-          }
-          return /* @__PURE__ */ jsx(MenuDivider, {}, i);
-        }
-        if (d.type === "component") {
-          return null;
-        }
-        const visible = !d.visible || d.visible(ctx);
-        if (!visible) {
-          return null;
-        }
-        const disabled = ((_a = d.disabled) == null ? void 0 : _a.call(d, ctx)) ?? false;
-        const label = typeof d.label === "function" ? d.label(ctx) : d.label;
-        const shortcuts = typeof d.shortcuts === "function" ? d.shortcuts(ctx) : d.shortcuts;
-        const checked = (_b = d.checked) == null ? void 0 : _b.call(d, ctx);
-        return /* @__PURE__ */ jsx(
-          MenuItem,
-          {
-            label,
-            shortcuts,
-            disabled,
-            checked,
-            testId: d.id ? `${d.id}-item` : void 0,
-            onClick: () => d.onClick(ctx)
-          },
-          i
-        );
-      }) }) })
+      children: /* @__PURE__ */ jsx("div", { ref: menuRef, className: "gs-context-menu", style: { top, left }, children: /* @__PURE__ */ jsx("ul", { className: "gs-menu-items", children: /* @__PURE__ */ jsx(MenuNodes, { items: contextMenu, ctx, args: [], onSelect: close }) }) })
     }
   );
 };
@@ -2496,7 +2642,7 @@ const METHOD_LABELS = {
 };
 const NO_VALUE_METHODS = ["blank", "nonblank"];
 const DEFAULT_CONDITION = { method: "eq", value: [""] };
-const FilterSection = ({ x: x2, close, onWaiting }) => {
+const FilterSection = ({ x, close, onWaiting }) => {
   const { store, dispatch } = useContext(Context);
   const { sheetReactive: sheetRef } = store;
   const sheet = sheetRef.current;
@@ -2510,11 +2656,11 @@ const FilterSection = ({ x: x2, close, onWaiting }) => {
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [x2]
+    [x]
   );
   useEffect(() => {
     if (sheet) {
-      const colCell2 = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
+      const colCell2 = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
       const existing = colCell2 == null ? void 0 : colCell2.filter;
       if (existing && existing.conditions.length > 0) {
         setConditions(existing.conditions.map((c) => ({ ...c, value: [...c.value] })));
@@ -2524,7 +2670,7 @@ const FilterSection = ({ x: x2, close, onWaiting }) => {
         setMode("or");
       }
     }
-  }, [x2, sheet]);
+  }, [x, sheet]);
   const handleCancel = useCallback(() => {
     setPending(null);
     onWaiting == null ? void 0 : onWaiting(null);
@@ -2591,15 +2737,15 @@ const FilterSection = ({ x: x2, close, onWaiting }) => {
       if (NO_VALUE_METHODS.includes(c.method)) {
         return true;
       }
-      return c.value.some((v2) => v2.trim() !== "");
+      return c.value.some((v) => v.trim() !== "");
     });
-    setPending({ x: x2, conditions: valid, mode });
-  }, [x2, conditions, mode]);
+    setPending({ x, conditions: valid, mode });
+  }, [x, conditions, mode]);
   const handleResetColumn = useCallback(() => {
     setPending(null);
-    dispatch(filterRows({ x: x2 }));
+    dispatch(filterRows({ x }));
     close();
-  }, [dispatch, x2, close]);
+  }, [dispatch, x, close]);
   const handleResetAll = useCallback(() => {
     setPending(null);
     dispatch(filterRows({}));
@@ -2608,8 +2754,8 @@ const FilterSection = ({ x: x2, close, onWaiting }) => {
   if (!sheet) {
     return null;
   }
-  const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
-  const filterDisabled = pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.Filter);
+  const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
+  const filterDisabled = Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.Filter);
   const hasAnyFilter = sheet.hasActiveFilters();
   return /* @__PURE__ */ jsx("li", { className: `gs-column-menu-filter${filterDisabled ? " gs-disabled" : ""}`, children: /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "gs-filter-header", children: [
@@ -2701,7 +2847,7 @@ const FilterSection = ({ x: x2, close, onWaiting }) => {
   ] }) });
 };
 registerMenuComponent("col-filter", FilterSection);
-const SortSection = ({ x: x2, close, onWaiting }) => {
+const SortSection = ({ x, close, onWaiting }) => {
   const { store, dispatch } = useContext(Context);
   const { sheetReactive: sheetRef } = store;
   const sheet = sheetRef.current;
@@ -2747,8 +2893,8 @@ const SortSection = ({ x: x2, close, onWaiting }) => {
   if (!sheet) {
     return null;
   }
-  const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
-  const sortDisabled = pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.Sort);
+  const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
+  const sortDisabled = Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.Sort);
   return /* @__PURE__ */ jsxs("li", { className: `gs-menu-item gs-column-menu-sort${sortDisabled ? " gs-disabled" : ""}`, children: [
     /* @__PURE__ */ jsx("div", { className: "gs-menu-name", children: "Sort:" }),
     /* @__PURE__ */ jsxs("div", { className: "gs-sort-buttons", children: [
@@ -2759,7 +2905,7 @@ const SortSection = ({ x: x2, close, onWaiting }) => {
           onClick: (e) => {
             e.stopPropagation();
             if (!sortDisabled) {
-              setPending({ x: x2, direction: "asc" });
+              setPending({ x, direction: "asc" });
             }
           },
           disabled: sortDisabled,
@@ -2773,7 +2919,7 @@ const SortSection = ({ x: x2, close, onWaiting }) => {
           onClick: (e) => {
             e.stopPropagation();
             if (!sortDisabled) {
-              setPending({ x: x2, direction: "desc" });
+              setPending({ x, direction: "desc" });
             }
           },
           disabled: sortDisabled,
@@ -2784,7 +2930,7 @@ const SortSection = ({ x: x2, close, onWaiting }) => {
   ] });
 };
 registerMenuComponent("col-sort", SortSection);
-const LabelSection = ({ x: x2, close }) => {
+const LabelSection = ({ x, close }) => {
   const { store, dispatch } = useContext(Context);
   const { sheetReactive: sheetRef } = store;
   const sheet = sheetRef.current;
@@ -2793,7 +2939,7 @@ const LabelSection = ({ x: x2, close }) => {
   useEffect(() => {
     var _a;
     if (sheet) {
-      const colCell2 = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
+      const colCell2 = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
       setLabel((colCell2 == null ? void 0 : colCell2.label) ?? "");
     }
     if ((_a = store.columnMenuState) == null ? void 0 : _a.focusLabel) {
@@ -2807,12 +2953,12 @@ const LabelSection = ({ x: x2, close }) => {
         })
       );
     }
-  }, [x2, sheet]);
+  }, [x, sheet]);
   const handleApplyLabel = useCallback(() => {
     if (!sheet) {
       return;
     }
-    const address = D({ y: 0, x: x2 });
+    const address = M({ y: 0, x });
     sheet.update({
       diff: { [address]: { label: label || void 0 } },
       partial: true,
@@ -2830,13 +2976,13 @@ const LabelSection = ({ x: x2, close }) => {
     });
     dispatch(setStore({ sheetReactive: { current: sheet } }));
     close();
-  }, [dispatch, x2, label, close, sheet, store.selectingZone, store.choosing]);
+  }, [dispatch, x, label, close, sheet, store.selectingZone, store.choosing]);
   if (!sheet) {
     return null;
   }
-  const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
-  const labelDisabled = pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.SetLabel);
-  const labelPlaceholder = Rn(sheet, colCell == null ? void 0 : colCell.label, { y: 0, x: x2 }, x2) ?? W(x2);
+  const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
+  const labelDisabled = Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.SetLabel);
+  const labelPlaceholder = Ln(sheet, colCell == null ? void 0 : colCell.label, { y: 0, x }, x) ?? G(x);
   return /* @__PURE__ */ jsx("li", { className: `gs-menu-item gs-column-menu-label${labelDisabled ? " gs-disabled" : ""}`, children: /* @__PURE__ */ jsxs("label", { className: "gs-label-input-row", children: [
     /* @__PURE__ */ jsx("div", { className: "gs-label-input-label", children: "Label:" }),
     /* @__PURE__ */ jsx(
@@ -2870,12 +3016,12 @@ const ColumnMenu = () => {
   const { store, dispatch } = useContext(Context);
   const { columnMenuState, editorRef, colMenu } = store;
   const sheet = store.sheetReactive.current;
-  const x2 = columnMenuState == null ? void 0 : columnMenuState.x;
+  const x = columnMenuState == null ? void 0 : columnMenuState.x;
   const position = columnMenuState == null ? void 0 : columnMenuState.position;
   const [waitingState, setWaitingState] = useState(null);
   const handleClose = useCallback(() => {
     dispatch(setColumnMenu(null));
-    j(editorRef.current);
+    _(editorRef.current);
   }, [dispatch, editorRef]);
   const handleWaiting = useCallback(
     (message, cancel) => {
@@ -2887,7 +3033,7 @@ const ColumnMenu = () => {
     },
     [handleClose]
   );
-  if (!columnMenuState || !sheet || x2 == null || !position) {
+  if (!columnMenuState || !sheet || x == null || !position) {
     return null;
   }
   const ctx = buildMenuContext(store, dispatch, handleClose);
@@ -2909,47 +3055,19 @@ const ColumnMenu = () => {
             className: "gs-column-menu",
             style: { top: position.y, left: position.x, display: waitingState ? "none" : void 0 },
             onClick: (e) => e.stopPropagation(),
-            children: /* @__PURE__ */ jsx("ul", { className: "gs-menu-items", children: colMenu.map((descriptor, index) => {
-              var _a;
-              if (descriptor.type === "component") {
-                const visible2 = !descriptor.visible || descriptor.visible(ctx, x2);
-                if (!visible2) {
-                  return null;
-                }
-                const Section = getMenuComponent(descriptor.componentId);
-                if (!Section) {
-                  return null;
-                }
-                return /* @__PURE__ */ jsx(Section, { x: x2, close: handleClose, onWaiting: handleWaiting }, index);
-              }
-              if (descriptor.type === "divider") {
-                if (descriptor.visible && !descriptor.visible(ctx)) {
-                  return null;
+            children: /* @__PURE__ */ jsx("ul", { className: "gs-menu-items", children: /* @__PURE__ */ jsx(
+              MenuNodes,
+              {
+                items: colMenu,
+                ctx,
+                args: [x],
+                onSelect: () => dispatch(setColumnMenu(null)),
+                renderComponent: (componentId, key) => {
+                  const Section = getMenuComponent(componentId);
+                  return Section ? /* @__PURE__ */ jsx(Section, { x, close: handleClose, onWaiting: handleWaiting }, key) : null;
                 }
-                return /* @__PURE__ */ jsx(MenuDivider, {}, index);
-              }
-              const visible = !descriptor.visible || descriptor.visible(ctx, x2);
-              if (!visible) {
-                return null;
               }
-              const disabled = ((_a = descriptor.disabled) == null ? void 0 : _a.call(descriptor, ctx, x2)) ?? false;
-              const label = typeof descriptor.label === "function" ? descriptor.label(ctx, x2) : descriptor.label;
-              const shortcuts = typeof descriptor.shortcuts === "function" ? descriptor.shortcuts(ctx, x2) : descriptor.shortcuts;
-              return /* @__PURE__ */ jsx(
-                MenuItem,
-                {
-                  label,
-                  shortcuts,
-                  disabled,
-                  testId: descriptor.id ? `${descriptor.id}-item` : void 0,
-                  onClick: () => {
-                    descriptor.onClick(ctx, x2);
-                    dispatch(setColumnMenu(null));
-                  }
-                },
-                index
-              );
-            }) })
+            ) })
           }
         ),
         waitingState && /* @__PURE__ */ jsxs(
@@ -2969,38 +3087,6 @@ const ColumnMenu = () => {
     }
   );
 };
-function renderRowDescriptor(descriptor, ctx, y, index, close) {
-  var _a;
-  if (descriptor.type === "divider") {
-    return /* @__PURE__ */ jsx(MenuDivider, {}, index);
-  }
-  if (descriptor.type === "component") {
-    return null;
-  }
-  const visible = !descriptor.visible || descriptor.visible(ctx, y);
-  if (!visible) {
-    return null;
-  }
-  const disabled = ((_a = descriptor.disabled) == null ? void 0 : _a.call(descriptor, ctx, y)) ?? false;
-  const label = typeof descriptor.label === "function" ? descriptor.label(ctx, y) : descriptor.label;
-  const shortcuts = typeof descriptor.shortcuts === "function" ? descriptor.shortcuts(ctx, y) : descriptor.shortcuts;
-  const checked = descriptor.checked != null ? descriptor.checked(ctx, y) : void 0;
-  return /* @__PURE__ */ jsx(
-    MenuItem,
-    {
-      label,
-      shortcuts,
-      disabled,
-      checked,
-      testId: descriptor.id ? `${descriptor.id}-item` : void 0,
-      onClick: () => {
-        descriptor.onClick(ctx, y);
-        close();
-      }
-    },
-    index
-  );
-}
 const RowMenu = () => {
   const { store, dispatch } = useContext(Context);
   const { rowMenuState, sheetReactive: sheetRef, editorRef, rowMenu } = store;
@@ -3009,7 +3095,7 @@ const RowMenu = () => {
   const position = rowMenuState == null ? void 0 : rowMenuState.position;
   const handleClose = () => {
     dispatch(setRowMenu(null));
-    j(editorRef.current);
+    _(editorRef.current);
   };
   if (!rowMenuState || !sheet || y == null || !position) {
     return null;
@@ -3024,7 +3110,7 @@ const RowMenu = () => {
         handleClose();
         return false;
       },
-      children: /* @__PURE__ */ jsx("div", { className: "gs-row-menu", style: { top: position.y, left: position.x }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx("ul", { className: "gs-menu-items", children: rowMenu.map((descriptor, index) => renderRowDescriptor(descriptor, ctx, y, index, handleClose)) }) })
+      children: /* @__PURE__ */ jsx("div", { className: "gs-row-menu", style: { top: position.y, left: position.x }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx("ul", { className: "gs-menu-items", children: /* @__PURE__ */ jsx(MenuNodes, { items: rowMenu, ctx, args: [y], onSelect: handleClose }) }) })
     }
   );
 };
@@ -3043,10 +3129,10 @@ const safePreventDefault = (e) => {
     e.preventDefault();
   }
 };
-const Cell = memo(({ y, x: x$1 }) => {
+const Cell = memo(({ y, x }) => {
   var _a;
-  const rowId = Et(y);
-  const colId = W(x$1);
+  const rowId = bt(y);
+  const colId = G(x);
   const address = `${colId}${rowId}`;
   const { store, dispatch } = useContext(Context);
   const isFirstPointed = useRef(true);
@@ -3066,9 +3152,9 @@ const Cell = memo(({ y, x: x$1 }) => {
   const sheet = sheetReactive.current;
   const xSheetFocused = isXSheetFocused(store);
   const lastFocused = sheet == null ? void 0 : sheet.registry.lastFocused;
-  const selectingArea = Rs(selectingZone);
+  const selectingArea = ks(selectingZone);
   const editing = editingAddress === address;
-  const pointed = choosing.y === y && choosing.x === x$1;
+  const pointed = choosing.y === y && choosing.x === x;
   const _setEditorRect = useCallback(() => {
     var _a2;
     const rect = (_a2 = cellRef.current) == null ? void 0 : _a2.getBoundingClientRect();
@@ -3091,7 +3177,7 @@ const Cell = memo(({ y, x: x$1 }) => {
     }
     isFirstPointed.current = false;
   }, [pointed, editing, _setEditorRect]);
-  const cell = sheet == null ? void 0 : sheet.getCell({ y, x: x$1 }, { resolution: "SYSTEM" });
+  const cell = sheet == null ? void 0 : sheet.getCell({ y, x }, { resolution: "SYSTEM" });
   const writeCell = useCallback(
     (value) => {
       dispatch(write({ value }));
@@ -3108,10 +3194,10 @@ const Cell = memo(({ y, x: x$1 }) => {
   let rendered;
   try {
     if (sheet) {
-      rendered = sheet.render({ sheet, point: { y, x: x$1 }, apply, value: void 0 });
+      rendered = sheet.render({ sheet, point: { y, x }, apply, value: void 0 });
     }
   } catch (e) {
-    if (x.is(e)) {
+    if (S.is(e)) {
       errorMessage = e.message;
       rendered = e.code;
     } else {
@@ -3119,8 +3205,8 @@ const Cell = memo(({ y, x: x$1 }) => {
       rendered = "#UNKNOWN";
     }
   }
-  const [, v2] = (sheet == null ? void 0 : sheet.getSolvedCache({ y, x: x$1 })) ?? [void 0, void 0];
-  const isPendingCell = k.is(v2);
+  const [, v] = (sheet == null ? void 0 : sheet.getSolvedCache({ y, x })) ?? [void 0, void 0];
+  const isPendingCell = L.is(v);
   const input = editorRef.current;
   const editingAnywhere = !!((sheet == null ? void 0 : sheet.registry.editingAddress) || editingAddress);
   const handleDragStart = useCallback(
@@ -3140,25 +3226,25 @@ const Cell = memo(({ y, x: x$1 }) => {
         if (editingAnywhere && input) {
           input.blur();
         }
-        dispatch(choose({ y, x: x$1 }));
-        dispatch(select({ startY: y, startX: x$1, endY: y, endX: x$1 }));
+        dispatch(choose({ y, x }));
+        dispatch(select({ startY: y, startX: x, endY: y, endX: x }));
         return true;
       }
       if (e.shiftKey) {
-        dispatch(drag({ y, x: x$1 }));
+        dispatch(drag({ y, x }));
       } else {
-        dispatch(select({ startY: y, startX: x$1, endY: -1, endX: -1 }));
+        dispatch(select({ startY: y, startX: x, endY: -1, endX: -1 }));
       }
       dispatch(setDragging(true));
       const fullAddress = `${sheet.sheetPrefix(!xSheetFocused)}${address}`;
       if (editingAnywhere) {
-        const inserted = Y({ input: lastFocused || null, ref: fullAddress });
+        const inserted = q({ input: lastFocused || null, ref: fullAddress });
         if (inserted) {
           return false;
         }
       }
       sheet.registry.lastFocused = input;
-      j(input);
+      _(input);
       dispatch(setEditingAddress(""));
       if (autofillDraggingTo) {
         return false;
@@ -3167,7 +3253,7 @@ const Cell = memo(({ y, x: x$1 }) => {
         writeCell(input.value);
       }
       if (!e.shiftKey) {
-        dispatch(choose({ y, x: x$1 }));
+        dispatch(choose({ y, x }));
       }
       return true;
     },
@@ -3201,7 +3287,7 @@ const Cell = memo(({ y, x: x$1 }) => {
       safePreventDefault(e);
       e.stopPropagation();
       if (autofillDraggingTo) {
-        dispatch(setAutofillDraggingTo({ x: x$1, y }));
+        dispatch(setAutofillDraggingTo({ x, y }));
         return false;
       }
       if (leftHeaderSelecting) {
@@ -3209,17 +3295,17 @@ const Cell = memo(({ y, x: x$1 }) => {
         return false;
       }
       if (topHeaderSelecting) {
-        dispatch(drag({ y: sheet.numRows, x: x$1 }));
+        dispatch(drag({ y: sheet.numRows, x }));
         return false;
       }
-      if (editingAnywhere && !X(lastFocused || null)) {
+      if (editingAnywhere && !ee(lastFocused || null)) {
         return false;
       }
-      dispatch(drag({ y, x: x$1 }));
+      dispatch(drag({ y, x }));
       if (editingAnywhere) {
-        const newArea = Rs({ ...selectingZone, endY: y, endX: x$1 });
-        const fullRange = `${sheet.sheetPrefix(!xSheetFocused)}${zr(newArea)}`;
-        Y({ input: lastFocused || null, ref: fullRange });
+        const newArea = ks({ ...selectingZone, endY: y, endX: x });
+        const fullRange = `${sheet.sheetPrefix(!xSheetFocused)}${rn(newArea)}`;
+        q({ input: lastFocused || null, ref: fullRange });
       }
       return true;
     },
@@ -3236,11 +3322,11 @@ const Cell = memo(({ y, x: x$1 }) => {
   );
   const handleAutofillMouseDown = useCallback(
     (e) => {
-      dispatch(setAutofillDraggingTo({ x: x$1, y }));
+      dispatch(setAutofillDraggingTo({ x, y }));
       dispatch(setDragging(true));
       e.stopPropagation();
     },
-    [dispatch, x$1, y]
+    [dispatch, x, y]
   );
   const handleErrorTriangleEnter = useCallback(() => {
     var _a2;
@@ -3248,7 +3334,7 @@ const Cell = memo(({ y, x: x$1 }) => {
     if (!rect) {
       return;
     }
-    setErrorTooltipPos(J$1(rect));
+    setErrorTooltipPos(ce(rect));
   }, []);
   const handleErrorTriangleLeave = useCallback(() => {
     setErrorTooltipPos(null);
@@ -3281,7 +3367,7 @@ const Cell = memo(({ y, x: x$1 }) => {
     if (!editing && pointed && selectingArea.bottom === -1) {
       return "gs-autofill-drag";
     }
-    if (selectingArea.bottom === y && selectingArea.right === x$1) {
+    if (selectingArea.bottom === y && selectingArea.right === x) {
       return "gs-autofill-drag";
     }
     return "gs-autofill-drag gs-hidden";
@@ -3290,19 +3376,19 @@ const Cell = memo(({ y, x: x$1 }) => {
     return null;
   }
   if (!input) {
-    return /* @__PURE__ */ jsx("td", { "data-x": x$1, "data-y": y, "data-address": address, className: "gs-cell gs-hidden", children: /* @__PURE__ */ jsxs("div", { className: "gs-cell-inner-wrap", children: [
+    return /* @__PURE__ */ jsx("td", { "data-x": x, "data-y": y, "data-address": address, className: "gs-cell gs-hidden", children: /* @__PURE__ */ jsxs("div", { className: "gs-cell-inner-wrap", children: [
       /* @__PURE__ */ jsx("div", { className: "gs-cell-inner", children: /* @__PURE__ */ jsx("div", { className: "gs-cell-rendered" }) }),
       /* @__PURE__ */ jsx("div", { className: "gs-autofill-drag" })
-    ] }) }, x$1);
+    ] }) }, x);
   }
   return /* @__PURE__ */ jsx(
     "td",
     {
       ref: cellRef,
-      "data-x": x$1,
+      "data-x": x,
       "data-y": y,
       "data-address": address,
-      className: `gs-cell ${Wr(selectingArea, { y, x: x$1 }) ? "gs-selecting" : ""} ${pointed ? "gs-choosing" : ""} ${editing ? "gs-editing" : ""} ${isPendingCell ? "gs-pending" : ""}`,
+      className: `gs-cell ${on(selectingArea, { y, x }) ? "gs-selecting" : ""} ${pointed ? "gs-choosing" : ""} ${editing ? "gs-editing" : ""} ${isPendingCell ? "gs-pending" : ""}`,
       style: {
         ...cell == null ? void 0 : cell.style
       },
@@ -3357,7 +3443,7 @@ const Cell = memo(({ y, x: x$1 }) => {
                 style: {
                   top: errorTooltipPos.y + 4,
                   left: errorTooltipPos.x,
-                  transform: oe(errorTooltipPos.hAlign)
+                  transform: be(errorTooltipPos.hAlign)
                 },
                 children: errorMessage
               }
@@ -3367,7 +3453,7 @@ const Cell = memo(({ y, x: x$1 }) => {
         }
       )
     },
-    x$1
+    x
   );
 });
 const acceleration = 0.4;
@@ -3406,14 +3492,14 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
           vertical = e.pageY > bottom ? 1 : e.pageY < top ? -1 : 0;
         }
       }
-      const area = Q(tabularRef.current);
-      let { endX: x2, endY: y } = selectingZone;
+      const area = le(tabularRef.current);
+      let { endX: x, endY: y } = selectingZone;
       if (horizontal) {
-        x2 = horizontal > 0 ? area.right : area.left;
+        x = horizontal > 0 ? area.right : area.left;
       } else if (vertical) {
         y = vertical > 0 ? area.bottom : area.top;
       }
-      return { x: x2, y };
+      return { x, y };
     },
     [sheet, horizontal, vertical, selectingZone]
   );
@@ -3440,20 +3526,20 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
         left: currentSpeed * horizontal,
         top: currentSpeed * vertical
       });
-      j(editorRef.current);
-      const { x: x2, y } = getDestEdge(e);
+      _(editorRef.current);
+      const { x, y } = getDestEdge(e);
       if (live.autofillDraggingTo) {
         const { y: curY, x: curX } = live.autofillDraggingTo;
-        dispatch(setAutofillDraggingTo({ y: y === -1 ? curY : y, x: x2 === -1 ? curX : x2 }));
+        dispatch(setAutofillDraggingTo({ y: y === -1 ? curY : y, x: x === -1 ? curX : x }));
       } else {
         if (editingAnywhere) {
-          const newArea = Rs({ ...selectingZone, endY: y, endX: x2 });
+          const newArea = ks({ ...selectingZone, endY: y, endX: x });
           const sheetPrefix = sheet.sheetPrefix(!xSheetFocused);
-          const sheetRange = zr(newArea);
+          const sheetRange = rn(newArea);
           const fullRange = `${sheetPrefix}${sheetRange}`;
-          Y({ input: editorRef.current, ref: fullRange });
+          q({ input: editorRef.current, ref: fullRange });
         }
-        dispatch(drag({ y, x: x2 }));
+        dispatch(drag({ y, x }));
       }
       currentSpeed = Math.min(currentSpeed + acceleration, maxSpeed);
       scrollRef.current = requestAnimationFrame(() => scrollStep(e));
@@ -3496,23 +3582,23 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
       scrollRef.current = null;
     }
     isScrolling = false;
-    if (!U(searchInputRef.current)) {
-      j(editorRef.current);
+    if (!re(searchInputRef.current)) {
+      _(editorRef.current);
     }
   }, []);
   const handleMouseUp = useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
-      const area = Q(tabularRef.current);
+      const area = le(tabularRef.current);
       if (area.bottom === -1 || area.right === -1) {
         return;
       }
-      const { x: x2, y } = getDestEdge(e);
+      const { x, y } = getDestEdge(e);
       if (autofillDraggingTo) {
         const { y: curY, x: curX } = autofillDraggingTo;
-        dispatch(submitAutofill({ y: y === -1 ? curY : y, x: x2 === -1 ? curX : x2 }));
-        j(editorRef.current);
+        dispatch(submitAutofill({ y: y === -1 ? curY : y, x: x === -1 ? curX : x }));
+        _(editorRef.current);
       } else {
         if (editingAnywhere) {
           dispatch(drag({ y: -1, x: -1 }));
@@ -3553,8 +3639,8 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
     }
   );
 }
-const HeaderCellTop = memo(({ x: x2 }) => {
-  const colId = W(x2);
+const HeaderCellTop = memo(({ x }) => {
+  const colId = G(x);
   const { store, dispatch } = useContext(Context);
   const {
     sheetReactive: sheetRef,
@@ -3569,8 +3655,8 @@ const HeaderCellTop = memo(({ x: x2 }) => {
     columnMenuState
   } = store;
   const sheet = sheetRef.current;
-  const col = sheet == null ? void 0 : sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
-  const width = (col == null ? void 0 : col.width) || jt;
+  const col = sheet == null ? void 0 : sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
+  const width = (col == null ? void 0 : col.width) || he;
   const hasFilter = !!((col == null ? void 0 : col.filter) && col.filter.conditions.length > 0);
   const xSheetFocused = isXSheetFocused(store);
   const lastFocused = sheet == null ? void 0 : sheet.registry.lastFocused;
@@ -3582,7 +3668,7 @@ const HeaderCellTop = memo(({ x: x2 }) => {
     [choosing]
   );
   const handleResizeMouseDown = useCallback((e) => {
-    dispatch(setResizingPositionX([x2, e.clientX, e.clientX]));
+    dispatch(setResizingPositionX([x, e.clientX, e.clientX]));
     e.stopPropagation();
     safePreventDefault(e);
   }, []);
@@ -3600,26 +3686,26 @@ const HeaderCellTop = memo(({ x: x2 }) => {
         if (editingAnywhere && editorRef.current) {
           editorRef.current.blur();
         }
-        dispatch(choose({ y: 1, x: x2 }));
-        dispatch(select({ startY: 1, startX: x2, endY: sheet.numRows, endX: x2 }));
+        dispatch(choose({ y: 1, x }));
+        dispatch(select({ startY: 1, startX: x, endY: sheet.numRows, endX: x }));
         return true;
       }
-      dispatch(select({ startY: 1, startX: x2, endY: -1, endX: x2 }));
+      dispatch(select({ startY: 1, startX: x, endY: -1, endX: x }));
       const fullAddress = `${sheet.sheetPrefix(!xSheetFocused)}${colId}:${colId}`;
       if (editingAnywhere) {
-        const inserted = Y({ input: lastFocused || null, ref: fullAddress });
+        const inserted = q({ input: lastFocused || null, ref: fullAddress });
         if (inserted) {
-          dispatch(select({ startY: sheet.numRows, startX: x2, endY: 0, endX: x2 }));
+          dispatch(select({ startY: sheet.numRows, startX: x, endY: 0, endX: x }));
           return false;
         }
       }
-      let startX = e.shiftKey ? selectingZone.startX : x2;
+      let startX = e.shiftKey ? selectingZone.startX : x;
       if (startX === -1) {
         startX = choosing.x;
       }
       dispatch(
         selectCols({
-          range: { start: startX, end: x2 },
+          range: { start: startX, end: x },
           numRows: sheet.numRows
         })
       );
@@ -3628,7 +3714,7 @@ const HeaderCellTop = memo(({ x: x2 }) => {
       }
       dispatch(setEditingAddress(""));
       dispatch(setDragging(true));
-      j(editorRef.current);
+      _(editorRef.current);
       if (autofillDraggingTo) {
         return false;
       }
@@ -3655,7 +3741,7 @@ const HeaderCellTop = memo(({ x: x2 }) => {
       safePreventDefault(e);
       dispatch(setDragging(false));
       if (autofillDraggingTo) {
-        j(editorRef.current);
+        _(editorRef.current);
         return false;
       }
     },
@@ -3671,27 +3757,27 @@ const HeaderCellTop = memo(({ x: x2 }) => {
     safePreventDefault(e);
     e.stopPropagation();
     if (autofillDraggingTo) {
-      dispatch(setAutofillDraggingTo({ y: 1, x: x2 }));
+      dispatch(setAutofillDraggingTo({ y: 1, x }));
       return false;
     }
     if (editingAnywhere) {
-      const newArea = Rs({ ...selectingZone, endY: 1, endX: x2 });
-      const [left, right] = [W(newArea.left), W(newArea.right)];
+      const newArea = ks({ ...selectingZone, endY: 1, endX: x });
+      const [left, right] = [G(newArea.left), G(newArea.right)];
       const fullRange = `${sheet.sheetPrefix(!xSheetFocused)}${left}:${right}`;
-      Y({ input: lastFocused || null, ref: fullRange });
+      q({ input: lastFocused || null, ref: fullRange });
     }
     if (autofillDraggingTo == null) {
       const { startY } = selectingZone;
       if (startY === 1) {
-        dispatch(drag({ y: sheet.numRows, x: x2 }));
+        dispatch(drag({ y: sheet.numRows, x }));
       } else {
-        dispatch(drag({ y: 1, x: x2 }));
+        dispatch(drag({ y: 1, x }));
       }
     }
     return false;
   }, 100);
   if (!sheet) {
-    return /* @__PURE__ */ jsx("th", { "data-x": x2, className: "gs-th gs-th-top gs-hidden", children: /* @__PURE__ */ jsx("div", { className: "gs-th-inner-wrap", children: /* @__PURE__ */ jsxs("div", { className: "gs-th-inner", children: [
+    return /* @__PURE__ */ jsx("th", { "data-x": x, className: "gs-th gs-th-top gs-hidden", children: /* @__PURE__ */ jsx("div", { className: "gs-th-inner-wrap", children: /* @__PURE__ */ jsxs("div", { className: "gs-th-inner", children: [
       /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "absolute" }, vertical: -1 }),
       /* @__PURE__ */ jsx("div", { className: "gs-resizer" })
     ] }) }) });
@@ -3699,25 +3785,25 @@ const HeaderCellTop = memo(({ x: x2 }) => {
   return /* @__PURE__ */ jsx(
     "th",
     {
-      "data-x": x2,
-      className: `gs-th gs-th-top ${choosing.x === x2 ? "gs-choosing" : ""} ${Vr({ start: selectingZone.startX, end: selectingZone.endX }, x2) ? topHeaderSelecting ? "gs-th-selecting" : "gs-selecting" : ""}`,
+      "data-x": x,
+      className: `gs-th gs-th-top ${choosing.x === x ? "gs-choosing" : ""} ${nn({ start: selectingZone.startX, end: selectingZone.endX }, x) ? topHeaderSelecting ? "gs-th-selecting" : "gs-selecting" : ""}`,
       style: { ...col == null ? void 0 : col.style, width, minWidth: width, maxWidth: width },
       onDoubleClick: (e) => {
         const target = e.target;
         if (target.closest(".gs-resizer, .gs-menu-btn")) {
           return;
         }
-        if (pn.hasOperation(col == null ? void 0 : col.prevention, pn.ColumnMenu)) {
+        if (Mn.hasOperation(col == null ? void 0 : col.prevention, Mn.ColumnMenu)) {
           return;
         }
         e.stopPropagation();
         const inner = e.currentTarget.querySelector(".gs-th-inner");
         const rect = (inner ?? e.currentTarget).getBoundingClientRect();
-        const alreadySelected = Vr({ start: selectingZone.startX, end: selectingZone.endX }, x2) && selectingZone.startY === 1 && selectingZone.endY === sheet.numRows;
+        const alreadySelected = nn({ start: selectingZone.startX, end: selectingZone.endX }, x) && selectingZone.startY === 1 && selectingZone.endY === sheet.numRows;
         if (!alreadySelected) {
-          dispatch(selectCols({ range: { start: x2, end: x2 }, numRows: sheet.numRows }));
+          dispatch(selectCols({ range: { start: x, end: x }, numRows: sheet.numRows }));
         }
-        dispatch(setColumnMenu({ x: x2, position: { y: rect.bottom, x: rect.left }, focusLabel: true }));
+        dispatch(setColumnMenu({ x, position: { y: rect.bottom, x: rect.left }, focusLabel: true }));
       },
       onContextMenu: (e) => {
         if (contextMenu.length > 0) {
@@ -3748,7 +3834,7 @@ const HeaderCellTop = memo(({ x: x2 }) => {
               }
             ),
             (() => {
-              const displayedLabel = Rn(sheet, col == null ? void 0 : col.label, { y: 0, x: x2 }, x2) ?? colId;
+              const displayedLabel = Ln(sheet, col == null ? void 0 : col.label, { y: 0, x }, x) ?? colId;
               if (displayedLabel !== colId) {
                 return /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx("span", { className: "gs-col-addr", children: colId }),
@@ -3757,10 +3843,10 @@ const HeaderCellTop = memo(({ x: x2 }) => {
               }
               return displayedLabel;
             })(),
-            !pn.hasOperation(col == null ? void 0 : col.prevention, pn.ColumnMenu) && /* @__PURE__ */ jsx(
+            !Mn.hasOperation(col == null ? void 0 : col.prevention, Mn.ColumnMenu) && /* @__PURE__ */ jsx(
               "button",
               {
-                className: `gs-menu-btn gs-column-menu-btn ${hasFilter ? "gs-filtered" : ""} ${(columnMenuState == null ? void 0 : columnMenuState.x) === x2 ? "gs-active" : ""}`,
+                className: `gs-menu-btn gs-column-menu-btn ${hasFilter ? "gs-filtered" : ""} ${(columnMenuState == null ? void 0 : columnMenuState.x) === x ? "gs-active" : ""}`,
                 onMouseDown: (e) => {
                   e.stopPropagation();
                   e.preventDefault();
@@ -3777,14 +3863,14 @@ const HeaderCellTop = memo(({ x: x2 }) => {
                     return;
                   }
                   const rect = btn.getBoundingClientRect();
-                  if ((columnMenuState == null ? void 0 : columnMenuState.x) === x2) {
+                  if ((columnMenuState == null ? void 0 : columnMenuState.x) === x) {
                     dispatch(setColumnMenu(null));
                   } else {
-                    const alreadySelected = Vr({ start: selectingZone.startX, end: selectingZone.endX }, x2) && selectingZone.startY === 1 && selectingZone.endY === sheet.numRows;
+                    const alreadySelected = nn({ start: selectingZone.startX, end: selectingZone.endX }, x) && selectingZone.startY === 1 && selectingZone.endY === sheet.numRows;
                     if (!alreadySelected) {
-                      dispatch(selectCols({ range: { start: x2, end: x2 }, numRows: sheet.numRows }));
+                      dispatch(selectCols({ range: { start: x, end: x }, numRows: sheet.numRows }));
                     }
-                    dispatch(setColumnMenu({ x: x2, position: { y: rect.bottom, x: rect.left } }));
+                    dispatch(setColumnMenu({ x, position: { y: rect.bottom, x: rect.left } }));
                   }
                 },
                 children: "⋮"
@@ -3795,7 +3881,7 @@ const HeaderCellTop = memo(({ x: x2 }) => {
               {
                 className: `
               gs-resizer 
-              ${pn.hasOperation(col == null ? void 0 : col.prevention, pn.Resize) ? "gs-protected" : ""}
+              ${Mn.hasOperation(col == null ? void 0 : col.prevention, Mn.Resize) ? "gs-protected" : ""}
               ${dragging ? "gs-hidden" : ""}`,
                 style: { height: sheet.headerHeight },
                 onMouseDown: handleResizeMouseDown,
@@ -3809,7 +3895,7 @@ const HeaderCellTop = memo(({ x: x2 }) => {
   );
 });
 const HeaderCellLeft = memo(({ y }) => {
-  const rowId = `${Et(y)}`;
+  const rowId = `${bt(y)}`;
   const { store, dispatch } = useContext(Context);
   const {
     choosing,
@@ -3825,7 +3911,7 @@ const HeaderCellLeft = memo(({ y }) => {
   } = store;
   const sheet = sheetRef.current;
   const row = sheet == null ? void 0 : sheet.getCell({ y, x: 0 }, { resolution: "SYSTEM" });
-  const height = (row == null ? void 0 : row.height) || J;
+  const height = (row == null ? void 0 : row.height) || rt;
   const xSheetFocused = isXSheetFocused(store);
   const lastFocused = sheet == null ? void 0 : sheet.registry.lastFocused;
   const editingAnywhere = !!((sheet == null ? void 0 : sheet.registry.editingAddress) || editingAddress);
@@ -3861,7 +3947,7 @@ const HeaderCellLeft = memo(({ y }) => {
       dispatch(select({ startY: y, startX: 1, endY: y, endX: -1 }));
       const fullAddress = `${sheet.sheetPrefix(!xSheetFocused)}${rowId}:${rowId}`;
       if (editingAnywhere) {
-        const inserted = Y({ input: lastFocused || null, ref: fullAddress });
+        const inserted = q({ input: lastFocused || null, ref: fullAddress });
         if (inserted) {
           dispatch(select({ startY: y, startX: sheet.numCols, endY: y, endX: 0 }));
           return false;
@@ -3882,7 +3968,7 @@ const HeaderCellLeft = memo(({ y }) => {
       }
       dispatch(setEditingAddress(""));
       dispatch(setDragging(true));
-      j(editorRef.current);
+      _(editorRef.current);
       if (autofillDraggingTo) {
         return false;
       }
@@ -3909,7 +3995,7 @@ const HeaderCellLeft = memo(({ y }) => {
       safePreventDefault(e);
       dispatch(setDragging(false));
       if (autofillDraggingTo) {
-        j(editorRef.current);
+        _(editorRef.current);
         return false;
       }
     },
@@ -3929,10 +4015,10 @@ const HeaderCellLeft = memo(({ y }) => {
       return false;
     }
     if (editingAnywhere) {
-      const newArea = Rs({ ...selectingZone, endY: y, endX: 1 });
-      const [top, bottom] = [Et(newArea.top), Et(newArea.bottom)];
+      const newArea = ks({ ...selectingZone, endY: y, endX: 1 });
+      const [top, bottom] = [bt(newArea.top), bt(newArea.bottom)];
       const fullRange = `${sheet.sheetPrefix(!xSheetFocused)}${top}:${bottom}`;
-      Y({ input: lastFocused || null, ref: fullRange });
+      q({ input: lastFocused || null, ref: fullRange });
     }
     if (autofillDraggingTo == null) {
       const { startX } = selectingZone;
@@ -3963,7 +4049,7 @@ const HeaderCellLeft = memo(({ y }) => {
     "th",
     {
       "data-y": y,
-      className: `gs-th gs-th-left ${choosing.y === y ? "gs-choosing" : ""} ${Vr({ start: selectingZone.startY, end: selectingZone.endY }, y) ? leftHeaderSelecting ? "gs-th-selecting" : "gs-selecting" : ""} ${(row == null ? void 0 : row.filterFixed) ? "gs-filter-fixed" : ""} ${(row == null ? void 0 : row.sortFixed) ? "gs-sort-fixed" : ""}`,
+      className: `gs-th gs-th-left ${choosing.y === y ? "gs-choosing" : ""} ${nn({ start: selectingZone.startY, end: selectingZone.endY }, y) ? leftHeaderSelecting ? "gs-th-selecting" : "gs-selecting" : ""} ${(row == null ? void 0 : row.filterFixed) ? "gs-filter-fixed" : ""} ${(row == null ? void 0 : row.sortFixed) ? "gs-sort-fixed" : ""}`,
       style: { ...row == null ? void 0 : row.style, height },
       onContextMenu: handleContextMenu,
       children: /* @__PURE__ */ jsx(
@@ -3985,8 +4071,8 @@ const HeaderCellLeft = memo(({ y }) => {
                 horizontal: -1
               }
             ),
-            Rn(sheet, row == null ? void 0 : row.label, { y, x: 0 }, y) ?? rowId,
-            !pn.hasOperation(row == null ? void 0 : row.prevention, pn.RowMenu) && /* @__PURE__ */ jsx(
+            Ln(sheet, row == null ? void 0 : row.label, { y, x: 0 }, y) ?? rowId,
+            !Mn.hasOperation(row == null ? void 0 : row.prevention, Mn.RowMenu) && /* @__PURE__ */ jsx(
               "button",
               {
                 className: `gs-menu-btn gs-row-menu-btn ${(rowMenuState == null ? void 0 : rowMenuState.y) === y ? "gs-active" : ""}`,
@@ -4009,7 +4095,7 @@ const HeaderCellLeft = memo(({ y }) => {
                   if ((rowMenuState == null ? void 0 : rowMenuState.y) === y) {
                     dispatch(setRowMenu(null));
                   } else {
-                    const alreadySelected = Vr({ start: selectingZone.startY, end: selectingZone.endY }, y) && selectingZone.startX === 1 && selectingZone.endX === sheet.numCols;
+                    const alreadySelected = nn({ start: selectingZone.startY, end: selectingZone.endY }, y) && selectingZone.startX === 1 && selectingZone.endX === sheet.numCols;
                     if (!alreadySelected) {
                       dispatch(selectRows({ range: { start: y, end: y }, numCols: sheet.numCols }));
                     }
@@ -4024,7 +4110,7 @@ const HeaderCellLeft = memo(({ y }) => {
               {
                 className: `
               gs-resizer
-              ${pn.hasOperation(row == null ? void 0 : row.prevention, pn.Resize) ? "gs-protected" : ""}
+              ${Mn.hasOperation(row == null ? void 0 : row.prevention, Mn.Resize) ? "gs-protected" : ""}
               ${dragging ? "gs-hidden" : ""}`,
                 style: { width: sheet.headerWidth },
                 onMouseDown: handleResizeMouseDown
@@ -4044,19 +4130,19 @@ const COLOR_CUTTING = "#0077ff";
 const SEARCH_MATCHING_BACKGROUND = "rgba(0, 200, 100, 0.2)";
 const COLOR_SEARCH_MATCHING = "#00aa78";
 const COLOR_AUTOFILL = "#0077aa";
-const fillRect = (ctx, x2, y, width, height, color) => {
+const fillRect = (ctx, x, y, width, height, color) => {
   ctx.fillStyle = color;
-  ctx.fillRect(x2, y, width, height);
+  ctx.fillRect(x, y, width, height);
 };
-const drawRect = (ctx, x2, y, width, height, color, lineWidth = 2, dashPattern = [], fillColor) => {
+const drawRect = (ctx, x, y, width, height, color, lineWidth = 2, dashPattern = [], fillColor) => {
   if (fillColor) {
     ctx.fillStyle = fillColor;
-    ctx.fillRect(x2, y, width, height);
+    ctx.fillRect(x, y, width, height);
   }
   ctx.strokeStyle = color;
   ctx.lineWidth = lineWidth;
   ctx.setLineDash(dashPattern);
-  ctx.strokeRect(x2 + lineWidth / 2, y + lineWidth / 2, width - lineWidth, height - lineWidth);
+  ctx.strokeRect(x + lineWidth / 2, y + lineWidth / 2, width - lineWidth, height - lineWidth);
   ctx.setLineDash([]);
 };
 const drawAreaRectViewport = (ctx, sheet, scrollTop, scrollLeft, viewW, viewH, area, color, lineWidth = 2, dashPattern = [], fillColor) => {
@@ -4064,8 +4150,8 @@ const drawAreaRectViewport = (ctx, sheet, scrollTop, scrollLeft, viewW, viewH, a
   if (top === -1 || left === -1 || bottom === -1 || right === -1) {
     return;
   }
-  const topLeft = O(sheet, { y: top, x: left });
-  const bottomRight = O(sheet, { y: bottom, x: right });
+  const topLeft = Q(sheet, { y: top, x: left });
+  const bottomRight = Q(sheet, { y: bottom, x: right });
   const x1 = topLeft.left - scrollLeft;
   const y1 = topLeft.top - scrollTop;
   const x2 = bottomRight.right - scrollLeft;
@@ -4117,7 +4203,7 @@ const CellStateOverlay = ({ refs = {} }) => {
     ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
     ctx.clearRect(0, 0, w, h2);
     const { registry } = sheet;
-    const scrollTop = container.scrollTop;
+    const scrollTop = W(sheet, container.scrollTop, container.clientHeight);
     const scrollLeft = container.scrollLeft;
     const headerW = sheet.headerWidth;
     const headerH = sheet.headerHeight;
@@ -4125,16 +4211,16 @@ const CellStateOverlay = ({ refs = {} }) => {
     ctx.beginPath();
     ctx.rect(headerW, headerH, w - headerW, h2 - headerH);
     ctx.clip();
-    const selectingArea = Rs(selectingZone);
+    const selectingArea = ks(selectingZone);
     drawAreaRectViewport(ctx, sheet, scrollTop, scrollLeft, w, h2, selectingArea, COLOR_SELECTED, 1, [], SELECTING_FILL);
     if (autofillDraggingTo) {
-      const autofill = new En(storeRef.current, autofillDraggingTo);
+      const autofill = new Hn(storeRef.current, autofillDraggingTo);
       drawAreaRectViewport(ctx, sheet, scrollTop, scrollLeft, w, h2, autofill.wholeArea, COLOR_AUTOFILL, 1, [5, 5]);
     }
     {
-      const { y, x: x2 } = choosing;
-      if (y !== -1 && x2 !== -1) {
-        const pos = O(sheet, { y, x: x2 });
+      const { y, x } = choosing;
+      if (y !== -1 && x !== -1) {
+        const pos = Q(sheet, { y, x });
         const vx = pos.left - scrollLeft;
         const vy = pos.top - scrollTop;
         drawRect(ctx, vx, vy, pos.width, pos.height, COLOR_POINTED, 2, []);
@@ -4142,13 +4228,13 @@ const CellStateOverlay = ({ refs = {} }) => {
     }
     const { copyingSheetId, copyingZone, cutting } = registry;
     if (sheet.id === copyingSheetId) {
-      const copyingArea = Rs(copyingZone);
+      const copyingArea = ks(copyingZone);
       const color = cutting ? COLOR_CUTTING : COLOR_COPYING;
       const dashPattern = cutting ? [4, 4] : [6, 4];
       drawAreaRectViewport(ctx, sheet, scrollTop, scrollLeft, w, h2, copyingArea, color, 2.5, dashPattern);
     }
     Object.entries(refs).forEach(([ref, i]) => {
-      const palette = _n[i % _n.length];
+      const palette = Pn[i % Pn.length];
       try {
         const refArea = sheet.rangeToArea(ref);
         drawAreaRectViewport(ctx, sheet, scrollTop, scrollLeft, w, h2, refArea, palette, 2, [5, 5]);
@@ -4156,8 +4242,8 @@ const CellStateOverlay = ({ refs = {} }) => {
       }
     });
     matchingCells.forEach((address, index) => {
-      const { y, x: x2 } = N$1(address);
-      const pos = O(sheet, { y, x: x2 });
+      const { y, x } = T(address);
+      const pos = Q(sheet, { y, x });
       const vx = pos.left - scrollLeft;
       const vy = pos.top - scrollTop;
       if (vx + pos.width < 0 || vx > w || vy + pos.height < 0 || vy > h2) {
@@ -4177,23 +4263,23 @@ const CellStateOverlay = ({ refs = {} }) => {
       );
     });
     ctx.restore();
-    const numCols = sheet.numCols;
-    const numRows = sheet.numRows;
-    for (let x2 = 1; x2 <= numCols; x2++) {
+    const [firstCol, lastCol] = ge(sheet, scrollLeft, w);
+    const [firstRow, lastRow] = se(sheet, scrollTop, h2);
+    for (let x = firstCol; x <= lastCol; x++) {
       let color = null;
       let backgroundColor = null;
-      if (Vr({ start: selectingZone.startX, end: selectingZone.endX }, x2)) {
+      if (nn({ start: selectingZone.startX, end: selectingZone.endX }, x)) {
         color = "rgba(80, 180, 255, 1)";
         backgroundColor = topHeaderSelecting ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)";
       }
-      if (choosing.x === x2) {
+      if (choosing.x === x) {
         color = COLOR_POINTED;
         backgroundColor = topHeaderSelecting ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)";
       }
       if (!color) {
         continue;
       }
-      const pos = O(sheet, { y: 1, x: x2 });
+      const pos = Q(sheet, { y: 1, x });
       const left = pos.left - scrollLeft;
       if (left + pos.width < headerW || left > w) {
         continue;
@@ -4212,13 +4298,13 @@ const CellStateOverlay = ({ refs = {} }) => {
         ctx.stroke();
       }
     }
-    for (let y = 1; y <= numRows; y++) {
+    for (let y = firstRow; y <= lastRow; y++) {
       if (sheet.isRowFiltered(y)) {
         continue;
       }
       let color = null;
       let backgroundColor = null;
-      if (Vr({ start: selectingZone.startY, end: selectingZone.endY }, y)) {
+      if (nn({ start: selectingZone.startY, end: selectingZone.endY }, y)) {
         color = "rgba(80, 180, 255, 1)";
         backgroundColor = leftHeaderSelecting ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)";
       }
@@ -4229,7 +4315,7 @@ const CellStateOverlay = ({ refs = {} }) => {
       if (!color) {
         continue;
       }
-      const pos = O(sheet, { y, x: 1 });
+      const pos = Q(sheet, { y, x: 1 });
       const top = pos.top - scrollTop;
       if (top + pos.height < headerH || top > h2) {
         continue;
@@ -4318,7 +4404,7 @@ const CellStateOverlay = ({ refs = {} }) => {
   );
 };
 const Tabular = () => {
-  var _a, _b, _c, _d, _e2, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const [palette, setPalette] = useState({});
   const { store, dispatch } = useContext(Context);
   const {
@@ -4363,7 +4449,7 @@ const Tabular = () => {
   const handleScroll = useCallback(
     (e) => {
       if (sheet) {
-        setVirtualized(q(sheet, e.currentTarget));
+        setVirtualized(ne(sheet, e.currentTarget));
       }
     },
     [sheetReactive]
@@ -4397,17 +4483,17 @@ const Tabular = () => {
     }
     const palette2 = {};
     const paletteBySheetName = {};
-    const lexer = new $t(inputting.substring(1));
+    const lexer = new te(inputting.substring(1));
     lexer.tokenize();
     let i = 0;
     for (const token of lexer.tokens) {
       if (token.type === "REF" || token.type === "RANGE") {
-        const normalizedRef = Br(token.stringify());
+        const normalizedRef = en(token.stringify());
         const splitterIndex = normalizedRef.indexOf("!");
         if (splitterIndex !== -1) {
           const sheetName = normalizedRef.substring(0, splitterIndex);
           const ref = normalizedRef.substring(splitterIndex + 1);
-          const stripped = on(sheetName);
+          const stripped = bn(sheetName);
           const upperRef = ref.toUpperCase();
           if (paletteBySheetName[stripped] == null) {
             paletteBySheetName[stripped] = {};
@@ -4430,14 +4516,14 @@ const Tabular = () => {
     if (!sheet) {
       return;
     }
-    sheet.registry.choosingAddress = D(choosing);
+    sheet.registry.choosingAddress = M(choosing);
     sheet.registry.choosingSheetId = sheet.id;
   }, [choosing]);
   useEffect(() => {
     if (!sheet) {
       return;
     }
-    setVirtualized(q(sheet, tabularRef.current));
+    setVirtualized(ne(sheet, tabularRef.current));
   }, [
     tabularRef.current,
     sheetReactive,
@@ -4451,7 +4537,7 @@ const Tabular = () => {
     if (!el) {
       return;
     }
-    return $(el);
+    return Z(el);
   }, [sheetReactive]);
   useEffect(() => {
     if (!sheet || !sheet.eager || !sheet.registry.ready) {
@@ -4485,7 +4571,9 @@ const Tabular = () => {
           className: "gs-tabular-inner",
           style: {
             width: sheet.totalWidth,
-            height: sheet.totalHeight,
+            // Physical scroll height is capped below the browser's ~2^24px precision limit;
+            // virtualize() maps this back to the sheet's full virtual height (see SCROLL_CAP).
+            height: ie(sheet),
             overflow: "clip"
           },
           children: [
@@ -4543,7 +4631,7 @@ const Tabular = () => {
                     style: { width: ((_c = virtualized == null ? void 0 : virtualized.adjuster) == null ? void 0 : _c.left) ?? 1 }
                   }
                 ),
-                (_e2 = (_d = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _d.map) == null ? void 0 : _e2.call(_d, (x2) => /* @__PURE__ */ jsx(HeaderCellTop, { x: x2 }, x2)),
+                (_e = (_d = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _d.map) == null ? void 0 : _e.call(_d, (x) => /* @__PURE__ */ jsx(HeaderCellTop, { x }, x)),
                 /* @__PURE__ */ jsx(
                   "th",
                   {
@@ -4561,7 +4649,7 @@ const Tabular = () => {
                   }
                 ),
                 /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-vertical" }),
-                (_h = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _h.map((x2) => /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-vertical" }, x2)),
+                (_h = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _h.map((x) => /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-vertical" }, x)),
                 /* @__PURE__ */ jsx("th", { className: `gs-adjuster gs-adjuster-horizontal gs-adjuster-vertical` })
               ] }) }),
               /* @__PURE__ */ jsx("tbody", { className: "gs-sheet-body-data", children: (_i = virtualized == null ? void 0 : virtualized.ys) == null ? void 0 : _i.map((y) => {
@@ -4569,7 +4657,7 @@ const Tabular = () => {
                 return /* @__PURE__ */ jsxs("tr", { className: `gs-row ${y % 2 === 0 ? "gs-row-even" : "gs-row-odd"}`, children: [
                   /* @__PURE__ */ jsx(HeaderCellLeft, { y }),
                   /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-left" }),
-                  (_a2 = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _a2.map((x2) => /* @__PURE__ */ jsx(Cell, { y, x: x2 }, x2)),
+                  (_a2 = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _a2.map((x) => /* @__PURE__ */ jsx(Cell, { y, x }, x)),
                   /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-right" })
                 ] }, y);
               }) })
@@ -4598,11 +4686,11 @@ const FormulaBar = ({ ready }) => {
   } = store;
   const sheet = sheetRef.current;
   const hlRef = useRef(null);
-  const address = choosing.x === -1 ? "" : D(choosing);
+  const address = choosing.x === -1 ? "" : M(choosing);
   const cell = sheet == null ? void 0 : sheet.getCell(choosing, { resolution: "SYSTEM" });
   const spilledFromAddress = (_a = sheet == null ? void 0 : sheet.getSystem(choosing)) == null ? void 0 : _a.spilledFrom;
-  const originPoint = spilledFromAddress ? N$1(spilledFromAddress) : void 0;
-  const originAddress = originPoint != null ? D(originPoint) : void 0;
+  const originPoint = spilledFromAddress ? T(spilledFromAddress) : void 0;
+  const originAddress = originPoint != null ? M(originPoint) : void 0;
   useEffect(() => {
     var _a2;
     if (!sheet) {
@@ -4619,7 +4707,7 @@ const FormulaBar = ({ ready }) => {
         dispatch(write({ value }));
       }
       dispatch(setEditingAddress(""));
-      j(editorRef.current);
+      _(editorRef.current);
     },
     [before]
   );
@@ -4711,7 +4799,7 @@ const FormulaBar = ({ ready }) => {
               dispatch(setInputting(newValue));
               setTimeout(() => {
                 if (largeEditorRef.current) {
-                  j(largeEditorRef.current);
+                  _(largeEditorRef.current);
                   largeEditorRef.current.setSelectionRange(newCursor, newCursor);
                 }
               }, 0);
@@ -4742,7 +4830,7 @@ const FormulaBar = ({ ready }) => {
               dispatch(setInputting(newValue));
               setTimeout(() => {
                 if (largeEditorRef.current) {
-                  j(largeEditorRef.current);
+                  _(largeEditorRef.current);
                   largeEditorRef.current.setSelectionRange(newCursor, newCursor);
                 }
               }, 0);
@@ -4751,7 +4839,7 @@ const FormulaBar = ({ ready }) => {
             }
           }
           if (e.altKey) {
-            v(input, "\n");
+            R(input, "\n");
           } else {
             writeCell(input.value);
             dispatch(setInputting(""));
@@ -4773,7 +4861,7 @@ const FormulaBar = ({ ready }) => {
           dispatch(setInputting(before));
           dispatch(setEditingAddress(""));
           e.preventDefault();
-          j(editorRef.current);
+          _(editorRef.current);
           break;
         }
         case "a":
@@ -4792,7 +4880,7 @@ const FormulaBar = ({ ready }) => {
           break;
       }
       const cell2 = sheet.getCell(choosing, { resolution: "SYSTEM" });
-      if (pn.hasOperation(cell2 == null ? void 0 : cell2.prevention, pn.Write)) {
+      if (Mn.hasOperation(cell2 == null ? void 0 : cell2.prevention, Mn.Write)) {
         console.warn("This cell is protected from writing.");
         e.preventDefault();
       }
@@ -4825,7 +4913,7 @@ const FormulaBar = ({ ready }) => {
         dispatch(setInputting(newValue));
         setTimeout(() => {
           if (largeEditorRef.current) {
-            j(largeEditorRef.current);
+            _(largeEditorRef.current);
             largeEditorRef.current.setSelectionRange(newCursor, newCursor);
           }
         }, 0);
@@ -5000,15 +5088,15 @@ const SearchBar = () => {
     if (!matchingCell || !sheet) {
       return;
     }
-    const point = N$1(matchingCell);
+    const point = T(matchingCell);
     if (typeof point === "undefined") {
       return;
     }
-    G(sheet, tabularRef.current, point);
+    de(sheet, tabularRef.current, point);
   }, [searchQuery, matchingCellIndex, searchCaseSensitive, searchRegex, sheet, tabularRef]);
   const handleProgressClick = useCallback((e) => {
     const input = e.currentTarget.previousSibling;
-    (input == null ? void 0 : input.nodeName) === "INPUT" && j(input);
+    (input == null ? void 0 : input.nodeName) === "INPUT" && _(input);
   }, []);
   const handleSearchClick = useCallback(() => {
     dispatch(search(1));
@@ -5021,7 +5109,7 @@ const SearchBar = () => {
       if (e.key === "Escape") {
         const el = editorRef == null ? void 0 : editorRef.current;
         if (el) {
-          j(el);
+          _(el);
         }
         dispatch(setSearchQuery(void 0));
       }
@@ -5048,7 +5136,7 @@ const SearchBar = () => {
     if (!selectingZone) {
       return false;
     }
-    if (rn(selectingZone)) {
+    if (wn(selectingZone)) {
       return false;
     }
     const { startY, startX, endY, endX } = selectingZone;
@@ -5059,8 +5147,8 @@ const SearchBar = () => {
       return "";
     }
     const { startY, startX, endY, endX } = selectingZone;
-    const topLeft = `${W(Math.min(startX, endX))}${Et(Math.min(startY, endY))}`;
-    const bottomRight = `${W(Math.max(startX, endX))}${Et(Math.max(startY, endY))}`;
+    const topLeft = `${G(Math.min(startX, endX))}${bt(Math.min(startY, endY))}`;
+    const bottomRight = `${G(Math.max(startX, endX))}${bt(Math.max(startY, endY))}`;
     return `${topLeft}:${bottomRight}`;
   }, [selectingZone, hasSelection]);
   const handleRangeClick = useCallback(() => {
@@ -5083,13 +5171,13 @@ const SearchBar = () => {
       return "";
     }
     const { startY, startX, endY, endX } = searchRange;
-    const topLeft = `${W(startX)}${Et(startY)}`;
-    const bottomRight = `${W(endX)}${Et(endY)}`;
+    const topLeft = `${G(startX)}${bt(startY)}`;
+    const bottomRight = `${G(endX)}${bt(endY)}`;
     return `${topLeft}:${bottomRight}`;
   }, [searchRange]);
   const handleCloseClick = useCallback(() => {
     dispatch(setSearchQuery(void 0));
-    j(editorRef.current);
+    _(editorRef.current);
   }, [editorRef]);
   if (typeof searchQuery === "undefined") {
     return null;
@@ -5172,7 +5260,8 @@ function GridSheet({
   options = {},
   className,
   style,
-  book: initialBook
+  book: initialBook,
+  loading: loadingProp
 }) {
   var _a, _b, _c;
   const {
@@ -5184,16 +5273,16 @@ function GridSheet({
     formulaBarBorders = { all: true },
     matrixBorders = { all: true }
   } = options;
-  const bw = (b, side) => b[side] ?? b.all ?? false ? "1px" : "0";
+  const bw2 = (b, side) => b[side] ?? b.all ?? false ? "1px" : "0";
   const borderVars = {
-    "--gs-fb-bl": bw(formulaBarBorders, "left"),
-    "--gs-fb-bt": bw(formulaBarBorders, "top"),
-    "--gs-fb-br": bw(formulaBarBorders, "right"),
-    "--gs-fb-bb": bw(formulaBarBorders, "bottom"),
-    "--gs-mx-bl": bw(matrixBorders, "left"),
-    "--gs-mx-bt": bw(matrixBorders, "top"),
-    "--gs-mx-br": bw(matrixBorders, "right"),
-    "--gs-mx-bb": bw(matrixBorders, "bottom")
+    "--gs-fb-bl": bw2(formulaBarBorders, "left"),
+    "--gs-fb-bt": bw2(formulaBarBorders, "top"),
+    "--gs-fb-br": bw2(formulaBarBorders, "right"),
+    "--gs-fb-bb": bw2(formulaBarBorders, "bottom"),
+    "--gs-mx-bl": bw2(matrixBorders, "left"),
+    "--gs-mx-bt": bw2(matrixBorders, "top"),
+    "--gs-mx-br": bw2(matrixBorders, "right"),
+    "--gs-mx-bb": bw2(matrixBorders, "bottom")
   };
   const rootRef = useRef(null);
   const flashRef = useRef(null);
@@ -5226,7 +5315,7 @@ function GridSheet({
       console.debug("GridSheet: sheetName is not provided, using default name:", sheetName);
     }
     const { limits, contextMenu, rowMenu, colMenu, eager } = options;
-    const sheet = new $$1({
+    const sheet = new Y({
       limits,
       name: sheetName,
       registry,
@@ -5276,7 +5365,8 @@ function GridSheet({
       columnMenuState: null,
       rowMenuState: null,
       editorHovering: true,
-      mode: "light"
+      mode: "light",
+      pendingAsyncOp: null
     };
     return store2;
   });
@@ -5286,7 +5376,7 @@ function GridSheet({
     () => initialState
   );
   useEffect(() => {
-    re();
+    me();
   }, []);
   const fillWidth = typeof options.sheetWidth === "string";
   const fillHeight = typeof options.sheetHeight === "string";
@@ -5340,24 +5430,74 @@ function GridSheet({
     }
   }, [options.sheetWidth]);
   const [loading, setLoading] = useState(false);
-  useEffect(() => {
-    if (loading) {
-      setLoading(false);
-    }
-  });
+  const latestStoreRef = useRef(store);
+  latestStoreRef.current = store;
   const wrappedDispatch = useCallback(
     (action) => {
-      if (!isMutationAction(action.type)) {
+      const async = isAsyncMutationAction(action.type);
+      const mutating = isMutationAction(action.type);
+      if (latestStoreRef.current.pendingAsyncOp != null && (async || mutating)) {
+        return;
+      }
+      if (async) {
         dispatch(action);
         return;
       }
-      setLoading(true);
-      requestAnimationFrame(() => {
+      if (!mutating) {
         dispatch(action);
-      });
+        return;
+      }
+      setLoading(true);
+      requestAnimationFrame(
+        () => requestAnimationFrame(() => {
+          dispatch(action);
+          setLoading(false);
+        })
+      );
     },
     [dispatch]
   );
+  const overlayRef = useRef(null);
+  const pendingAsyncOp = store.pendingAsyncOp;
+  useEffect(() => {
+    if (pendingAsyncOp == null) {
+      return;
+    }
+    let cancelled = false;
+    const raf = requestAnimationFrame(
+      () => requestAnimationFrame(async () => {
+        var _a2;
+        if (cancelled) {
+          return;
+        }
+        try {
+          const nextSheet = await pendingAsyncOp.run((ratio) => {
+            var _a3;
+            (_a3 = overlayRef.current) == null ? void 0 : _a3.setProgress(ratio);
+          });
+          if (!cancelled) {
+            dispatch(
+              commitAsyncOp({
+                sheet: nextSheet,
+                selectingZone: pendingAsyncOp.selectingZone,
+                finalize: pendingAsyncOp.finalize
+              })
+            );
+            (_a2 = pendingAsyncOp.postCommit) == null ? void 0 : _a2.call(pendingAsyncOp);
+          }
+        } catch (e) {
+          console.error("[gridsheet] async op failed:", e);
+          if (!cancelled) {
+            dispatch(commitAsyncOp({ sheet: latestStoreRef.current.sheetReactive.current, selectingZone: pendingAsyncOp.selectingZone }));
+          }
+        }
+      })
+    );
+    return () => {
+      cancelled = true;
+      cancelAnimationFrame(raf);
+    };
+  }, [pendingAsyncOp, dispatch]);
   return /* @__PURE__ */ jsx(Context.Provider, { value: { store, dispatch: wrappedDispatch }, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5414,7 +5554,22 @@ function GridSheet({
               /* @__PURE__ */ jsx(RowMenu, {}),
               /* @__PURE__ */ jsx(Resizer, {}),
               /* @__PURE__ */ jsx(Emitter, {}),
-              loading && /* @__PURE__ */ jsx("div", { className: "gs-loading-overlay", children: /* @__PURE__ */ jsx("div", { className: "gs-loading-spinner" }) })
+              store.pendingAsyncOp != null ? (
+                // Chunked async mutation (large fill/paste): imperative progress, grid not re-rendered.
+                /* @__PURE__ */ jsx(AsyncProgressOverlay, { ref: overlayRef, label: store.pendingAsyncOp.label })
+              ) : loading ? (
+                // Internal sync mutation in flight: brief indeterminate spinner.
+                /* @__PURE__ */ jsx("div", { className: "gs-loading-overlay", children: /* @__PURE__ */ jsx("div", { className: "gs-loading-spinner" }) })
+              ) : loadingProp ? (
+                // Consumer-driven initial loading (data not ready yet).
+                /* @__PURE__ */ jsx(
+                  ProgressOverlay,
+                  {
+                    progress: typeof loadingProp === "object" ? loadingProp.progress ?? null : null,
+                    label: typeof loadingProp === "object" ? loadingProp.label : void 0
+                  }
+                )
+              ) : null
             ]
           }
         )
@@ -5423,28 +5578,28 @@ function GridSheet({
   ) });
 }
 const estimateSheetHeight = (initialCells) => {
-  var _a, _b, _c, _d, _e2;
-  const auto = Cs(initialCells);
-  let estimatedHeight = ((_a = initialCells[0]) == null ? void 0 : _a.height) ?? Re;
+  var _a, _b, _c, _d, _e;
+  const auto = Hs(initialCells);
+  let estimatedHeight = ((_a = initialCells[0]) == null ? void 0 : _a.height) ?? $e;
   for (let y = 1; y <= auto.numRows; y++) {
-    const row = Et(y);
-    const height = ((_b = initialCells == null ? void 0 : initialCells[row]) == null ? void 0 : _b.height) || ((_c = initialCells == null ? void 0 : initialCells["0" + row]) == null ? void 0 : _c.height) || ((_d = initialCells == null ? void 0 : initialCells[vt]) == null ? void 0 : _d.height) || ((_e2 = initialCells == null ? void 0 : initialCells.default) == null ? void 0 : _e2.height) || J;
-    if (estimatedHeight + height > Dr) {
-      return Dr;
+    const row = bt(y);
+    const height = ((_b = initialCells == null ? void 0 : initialCells[row]) == null ? void 0 : _b.height) || ((_c = initialCells == null ? void 0 : initialCells["0" + row]) == null ? void 0 : _c.height) || ((_d = initialCells == null ? void 0 : initialCells[$t]) == null ? void 0 : _d.height) || ((_e = initialCells == null ? void 0 : initialCells.default) == null ? void 0 : _e.height) || rt;
+    if (estimatedHeight + height > jr) {
+      return jr;
     }
     estimatedHeight += height;
   }
   return estimatedHeight + 3;
 };
 const estimateSheetWidth = (initialCells) => {
-  var _a, _b, _c, _d, _e2;
-  const auto = Cs(initialCells);
-  let estimatedWidth = ((_a = initialCells[0]) == null ? void 0 : _a.width) ?? _e;
-  for (let x2 = 1; x2 <= auto.numCols; x2++) {
-    const col = W(x2);
-    const width = ((_b = initialCells == null ? void 0 : initialCells[col]) == null ? void 0 : _b.width) || ((_c = initialCells == null ? void 0 : initialCells[col + "0"]) == null ? void 0 : _c.width) || ((_d = initialCells == null ? void 0 : initialCells[Dt]) == null ? void 0 : _d.width) || ((_e2 = initialCells == null ? void 0 : initialCells.default) == null ? void 0 : _e2.width) || jt;
-    if (estimatedWidth + width > vr) {
-      return vr;
+  var _a, _b, _c, _d, _e;
+  const auto = Hs(initialCells);
+  let estimatedWidth = ((_a = initialCells[0]) == null ? void 0 : _a.width) ?? Le;
+  for (let x = 1; x <= auto.numCols; x++) {
+    const col = G(x);
+    const width = ((_b = initialCells == null ? void 0 : initialCells[col]) == null ? void 0 : _b.width) || ((_c = initialCells == null ? void 0 : initialCells[col + "0"]) == null ? void 0 : _c.width) || ((_d = initialCells == null ? void 0 : initialCells[kt]) == null ? void 0 : _d.width) || ((_e = initialCells == null ? void 0 : initialCells.default) == null ? void 0 : _e.width) || he;
+    if (estimatedWidth + width > Gr) {
+      return Gr;
     }
     estimatedWidth += width;
   }
@@ -5485,96 +5640,99 @@ function makeBorder(options) {
   return result;
 }
 export {
-  b8 as BaseFunction,
-  b9 as BaseFunctionAsync,
+  bi as BaseFunction,
+  bj as BaseFunctionAsync,
   CheckboxPolicyMixin,
   Children,
   Component,
-  bq as DEFAULT_HISTORY_LIMIT,
-  x as FormulaError,
-  ba as FormulaParser,
+  bA as DEFAULT_HISTORY_LIMIT,
+  S as FormulaError,
+  bk as FormulaParser,
   Fragment2 as Fragment,
   GridSheet,
-  $t as Lexer,
+  te as Lexer,
   MenuDivider,
   MenuItem,
-  k as Pending,
-  bp as PercentagePolicyMixin,
+  L as Pending,
+  bz as PercentagePolicyMixin,
   PluginBase,
-  bn as Policy,
+  bx as Policy,
+  ProgressOverlay,
   PureComponent,
-  bd as RangeEntity,
-  bb as RefEntity,
-  aZ as Registry,
-  $$1 as Sheet,
-  br as Spilling,
+  bn2 as RangeEntity,
+  bl as RefEntity,
+  b6 as Registry,
+  Y as Sheet,
+  bB as Spilling,
   StrictMode,
   Suspense,
   SuspenseList,
-  bo as ThousandSeparatorPolicyMixin,
-  aU as Time,
-  bc as ValueEntity,
-  N$1 as a2p,
-  aN as aa2oa,
-  aR as addressesToAreas,
-  aS as addressesToCols,
-  aT as addressesToRows,
+  by as ThousandSeparatorPolicyMixin,
+  b1 as Time,
+  bm as ValueEntity,
+  T as a2p,
+  aW as aa2oa,
+  a_ as addressesToAreas,
+  a$ as addressesToCols,
+  b0 as addressesToRows,
   applyers,
-  zr as areaToRange,
-  Ee as areaToZone,
-  aO as buildInitialCells,
-  aP as buildInitialCellsFromOrigin,
-  aV as c2x,
-  aY as ch,
-  bi as check,
+  rn as areaToRange,
+  Pe as areaToZone,
+  aX as buildInitialCells,
+  aY as buildInitialCellsFromOrigin,
+  b2 as c2x,
+  b5 as ch,
+  bs as check,
   clip,
   cloneElement,
   render2 as compatRender,
-  bl as conditionArg,
-  a_ as createBook,
-  bk as createBooleanMask,
+  bv as conditionArg,
+  b7 as createBook,
+  bu as createBooleanMask,
   createContext2 as createContext,
   createElement,
   createFactory,
   createPortal2 as createPortal,
   createRef2 as createRef,
-  a$ as createRegistry,
+  b8 as createRegistry,
   createSheetRef,
   createStoreRef,
   defaultColMenuDescriptors,
   defaultContextMenuDescriptors,
   defaultRowMenuDescriptors,
-  bj as eachMatrix,
-  bg as ensureBoolean,
-  bh as ensureDate,
-  bf as ensureNumber,
-  be as ensureString,
+  bt2 as eachMatrix,
+  me as embedStyle,
+  bq as ensureBoolean,
+  br as ensureDate,
+  bp as ensureNumber,
+  bo as ensureString,
   findDOMNode,
-  forwardRef,
+  forwardRef2 as forwardRef,
   h,
   hydrate,
   isValidElement,
   lazy,
   makeBorder,
-  aQ as matrixShape,
+  aZ as matrixShape,
   memo2 as memo,
-  aM as oa2aa,
-  pn as operations,
-  D as p2a,
-  aW as r2y,
+  aV as oa2aa,
+  Mn as operations,
+  M as p2a,
+  b3 as r2y,
   registerMenuComponent,
   render,
-  aX as rh,
+  b4 as rh,
   sheet2csv,
-  bm as stripMatrix,
-  b7 as toCellCols,
-  b4 as toCellMatrix,
-  b5 as toCellObject,
-  b6 as toCellRows,
-  b3 as toValueCols,
-  b0 as toValueMatrix,
-  b1 as toValueObject,
-  b2 as toValueRows,
+  bw as stripMatrix,
+  bh as toCellCols,
+  be2 as toCellMatrix,
+  bf as toCellObject,
+  bg as toCellRows,
+  bd as toValueCols,
+  b9 as toValueMatrix,
+  ba as toValueMatrixAsync,
+  bb as toValueObject,
+  bc as toValueRows,
   unmountComponentAtNode,
   unstable_batchedUpdates,
   updateSheet,
@@ -5583,7 +5741,7 @@ export {
   useContext2 as useContext,
   useDebugValue,
   useEffect2 as useEffect,
-  useImperativeHandle,
+  useImperativeHandle2 as useImperativeHandle,
   useInitialPluginContext,
   useLayoutEffect2 as useLayoutEffect,
   useMemo2 as useMemo,
@@ -5593,10 +5751,10 @@ export {
   useSheetRef,
   useState2 as useState,
   useStoreRef,
-  bs as userActions,
+  bC as userActions,
   version,
-  W as x2c,
-  Et as y2r,
-  Rs as zoneToArea
+  G as x2c,
+  bt as y2r,
+  ks as zoneToArea
 };
 //# sourceMappingURL=index.js.map