@gridsheet/preact-core 3.2.0 → 3.4.0

package/dist/index.js

@@ -1,14 +1,28 @@
 import { h, render } from "preact";
-import { calcSideStyle, clampPopup, clampLeft, zoneToArea, focus, Lexer, getFunctionHelps, expandInput, y2r, x2c, resetInput, handleFormulaQuoteAutoClose, areaToZone, insertTextAtCursor, operations, isRefInsertable, COLOR_PALETTE, DEFAULT_WIDTH, DEFAULT_HEIGHT, between, makeSequence, p2a, MIN_HEIGHT, MIN_WIDTH, zoneShape, getLabel, FormulaError, Pending, insertRef, areaToRange, calcBelowPosition, hAlignTransform, among, getAreaInTabular, isFocus, Autofill, getCellRectPositions, a2p, virtualize, stripAddressAbsolute, stripSheetName, preventSafariBounce, smartScroll, isZoneNotSelected, Sheet, embedStyle, getMaxSizesFromCells, HEADER_HEIGHT, DEFAULT_ROW_KEY, SHEET_HEIGHT, HEADER_WIDTH, DEFAULT_COL_KEY, SHEET_WIDTH } from "@gridsheet/core";
-import { BaseFunction, BaseFunctionAsync, DEFAULT_HISTORY_LIMIT, FormulaError as FormulaError2, FormulaParser, Lexer as Lexer2, Pending as Pending2, PercentagePolicyMixin, Policy, RangeEntity, RefEntity, Registry, Sheet as Sheet2, Spilling, ThousandSeparatorPolicyMixin, Time, ValueEntity, a2p as a2p2, aa2oa, addressesToAreas, addressesToCols, addressesToRows, areaToRange as areaToRange2, areaToZone as areaToZone2, buildInitialCells, buildInitialCellsFromOrigin, c2x, ch, check, conditionArg, createBook, createBooleanMask, createRegistry, eachMatrix, ensureBoolean, ensureDate, ensureNumber, ensureString, matrixShape, oa2aa, operations as operations2, p2a as p2a2, r2y, rh, stripMatrix, toCellCols, toCellMatrix, toCellObject, toCellRows, toValueCols, toValueMatrix, toValueObject, toValueRows, x2c as x2c2, y2r as y2r2, zoneToArea as zoneToArea2 } from "@gridsheet/core";
-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 { u as useBrowser, s as setEditingAddress, w as write, a as setInputting, b as updateSheet, r as redo, c as undo, d as cut, e as setSearchQuery, f as setEntering, g as copy, h as select, i as arrow, j as escape, k as clear, l as walk, p as paste, m as setEditorHovering, n as setStore, o as setResizingPositionY, q as setResizingPositionX, t as filterRows, v as sortRows, x as removeCols, y as removeRows, z as insertColsRight, A as insertColsLeft, B as insertRowsBelow, C as insertRowsAbove, D as setContextMenuPosition, E as setColumnMenu, F as setRowMenu, G as isXSheetFocused, H as setEditorRect, I as choose, J as drag, K as setDragging, L as submitAutofill, M as setAutofillDraggingTo, N as selectCols, O as useDebounceCallback, P as selectRows, Q as search, R as setSearchCaseSensitive, S as setSearchRegex, T as setSearchRange, U as useBook, V as reducer, W as isMutationAction } from "./hooks-ykrgAwg5.mjs";
-import { X } from "./hooks-ykrgAwg5.mjs";
+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-BTcuh87d.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-BTcuh87d.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,
@@ -25,14 +39,14 @@ const FunctionGuide = ({
     if (!el) {
       return;
     }
-    calcSideStyle(el);
+    fe(el);
   });
   useLayoutEffect(() => {
     const el = ref.current;
     if (!el || left === void 0) {
       return;
     }
-    clampPopup(el);
+    ue(el);
   });
   if (option) {
     return /* @__PURE__ */ jsxs(
@@ -150,7 +164,7 @@ const EditorOptions = ({
       return;
     }
     const width = ulRef.current.getBoundingClientRect().width;
-    setAdjustedLeft(clampLeft(left, width));
+    setAdjustedLeft(pe(left, width));
   }, [left, filteredOptions]);
   if (filteredOptions.length === 0) {
     return null;
@@ -178,7 +192,7 @@ const clip = (store) => {
     return { top: 0, left: 0, bottom: 0, right: 0 };
   }
   const { y, x } = choosing;
-  const selectingArea = zoneToArea(selectingZone);
+  const selectingArea = ks(selectingZone);
   let area = selectingArea;
   if (area.left === -1) {
     area = { top: y, left: x, bottom: y, right: x };
@@ -208,7 +222,7 @@ const clip = (store) => {
     ]);
   } else if (input != null) {
     input.value = tsv;
-    focus(input);
+    _(input);
     input.select();
     document.execCommand("copy");
     input.value = "";
@@ -299,7 +313,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
     if (isFormula && textBeforeCursor.length > 1) {
       try {
         const textToCursor = textBeforeCursor.slice(1);
-        const lexer = new Lexer(textToCursor);
+        const lexer = new te(textToCursor);
         lexer.tokenize();
         const functionStack = [];
         for (let i = 0; i < lexer.tokens.length; i++) {
@@ -326,7 +340,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
         }
         if (functionStack.length > 0) {
           const activeItem = functionStack[functionStack.length - 1];
-          const helps = getFunctionHelps(functions);
+          const helps = Dn(functions);
           activeArgIndex2 = activeItem.argIndex;
           activeFunctionHelp2 = helps.find((h2) => h2.name === activeItem.name.toUpperCase()) || null;
         }
@@ -341,7 +355,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
     let isOnAddress = false;
     if (isFormula) {
       try {
-        const fullLexer = new Lexer(inputting.slice(1));
+        const fullLexer = new te(inputting.slice(1));
         fullLexer.tokenize();
         let currentIndex = 1;
         for (const token of fullLexer.tokens) {
@@ -367,7 +381,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
     }
     if (isFormula && !isOnAddress) {
       if (currentWord.length > 0 && !hasOpenParenAssigned) {
-        filtered = getFunctionHelps(functions).map((help) => {
+        filtered = Dn(functions).map((help) => {
           const keywordLower = help.name.toLowerCase();
           const startsWith = keywordLower.startsWith(currentWord);
           const index = startsWith ? 0 : -1;
@@ -599,7 +613,7 @@ function parseStyleString(element) {
     if (rawKey === "height" || rawKey === "width") {
       return;
     }
-    const key = rawKey.trim().replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+    const key = rawKey.trim().replace(/-([a-z])/g, (_2, letter) => letter.toUpperCase());
     if (key === "float" || key === "display" || key.startsWith("padding")) {
       return;
     }
@@ -754,7 +768,10 @@ const Editor = ({ mode }) => {
     }
     const { bottom: top2, left: left2 } = rect;
     return createPortal(
-      /* @__PURE__ */ jsxs(Fragment, { children: [
+      // Portaled to <body>, outside .gs-root1 / .gs-editor, so carry data-mode
+      // here too — otherwise the theme-specific styles (e.g. the dark function
+      // guide) never match and the help renders with the light palette.
+      /* @__PURE__ */ jsxs("div", { className: "gs-editor-portal", "data-mode": mode, children: [
         activeFunctionHelp && filteredOptions.length === 0 && (!selectingZone || selectingZone.endY === -1 && selectingZone.endX === -1) && /* @__PURE__ */ jsx(
           FunctionGuide,
           {
@@ -799,7 +816,7 @@ const Editor = ({ mode }) => {
     functions: sheet == null ? void 0 : sheet.registry.functions
   });
   useEffect(() => {
-    focus(editorRef == null ? void 0 : editorRef.current);
+    _(editorRef == null ? void 0 : editorRef.current);
   }, [editorRef]);
   useEffect(() => {
     if (!sheet) {
@@ -824,11 +841,11 @@ const Editor = ({ mode }) => {
     sheet.registry.editingAddress = editingAddress;
   }, [editingAddress, sheet, sheetId]);
   useEffect(() => {
-    expandInput(editorRef.current);
+    oe(editorRef.current);
   }, [inputting, editingAddress, editorRef]);
   const { y, x } = choosing;
-  const rowId = `${y2r(y)}`;
-  const colId = x2c(x);
+  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 }, { resolution: "RAW" });
@@ -855,7 +872,7 @@ const Editor = ({ mode }) => {
           dispatch(setInputting(newValue));
           setTimeout(() => {
             if (editorRef.current) {
-              focus(editorRef.current);
+              _(editorRef.current);
               editorRef.current.setSelectionRange(newCursor, newCursor);
             }
           }, 0);
@@ -879,7 +896,7 @@ const Editor = ({ mode }) => {
     }
     setBefore(currentString);
     dispatch(setInputting(currentString));
-    resetInput(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;
@@ -903,7 +920,7 @@ const Editor = ({ mode }) => {
         });
       }
       const input = e.currentTarget;
-      if (handleFormulaQuoteAutoClose(e, inputting)) {
+      if (ae(e, inputting)) {
         dispatch(setInputting(input.value));
         return false;
       }
@@ -944,7 +961,7 @@ const Editor = ({ mode }) => {
                 return false;
               }
             } else if (e.altKey) {
-              insertTextAtCursor(input, "\n");
+              R(input, "\n");
               dispatch(setInputting(input.value));
               e.preventDefault();
               return false;
@@ -1013,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,
@@ -1027,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,
@@ -1044,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,
@@ -1058,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,
@@ -1094,13 +1131,23 @@ const Editor = ({ mode }) => {
             if (!editing) {
               e.preventDefault();
               const area = clip(store);
-              dispatch(copy(areaToZone(area)));
-              focus(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) {
@@ -1109,13 +1156,21 @@ const Editor = ({ mode }) => {
                 dispatch(setSearchQuery(""));
               }
               dispatch(setEntering(false));
-              requestAnimationFrame(() => focus(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) {
@@ -1159,8 +1214,8 @@ const Editor = ({ mode }) => {
             if (!editing) {
               e.preventDefault();
               const area = clip(store);
-              dispatch(cut(areaToZone(area)));
-              focus(input);
+              dispatch(cut(Pe(area)));
+              _(input);
               return false;
             }
           }
@@ -1190,7 +1245,7 @@ const Editor = ({ mode }) => {
       if (e.ctrlKey || e.metaKey) {
         return false;
       }
-      if (operations.hasOperation(cell == null ? void 0 : cell.prevention, operations.Write)) {
+      if (Mn.hasOperation(cell == null ? void 0 : cell.prevention, Mn.Write)) {
         console.warn("This cell is protected from writing.");
         return false;
       }
@@ -1231,7 +1286,7 @@ const Editor = ({ mode }) => {
   );
   const handleDoubleClick = useCallback(
     (e) => {
-      if (operations.hasOperation(cell == null ? void 0 : cell.prevention, operations.Write)) {
+      if (Mn.hasOperation(cell == null ? void 0 : cell.prevention, Mn.Write)) {
         console.warn("This cell is protected from writing.");
         return;
       }
@@ -1252,7 +1307,7 @@ const Editor = ({ mode }) => {
   const handleBlur = useCallback(
     (e) => {
       setIsFocused(false);
-      if (isRefInsertable(e.currentTarget)) {
+      if (ee(e.currentTarget)) {
         return true;
       } else {
         if (editing) {
@@ -1265,7 +1320,7 @@ const Editor = ({ mode }) => {
   );
   const handleChange = useCallback(
     (e) => {
-      if (operations.hasOperation(cell == null ? void 0 : cell.prevention, operations.Write)) {
+      if (Mn.hasOperation(cell == null ? void 0 : cell.prevention, Mn.Write)) {
         return;
       }
       dispatch(setInputting(e.currentTarget.value));
@@ -1302,7 +1357,7 @@ const Editor = ({ mode }) => {
     (e) => {
       var _a2, _b2;
       setShiftKey(false);
-      const selectingArea = zoneToArea(store.selectingZone);
+      const selectingArea = ks(store.selectingZone);
       (_b2 = sheet == null ? void 0 : (_a2 = sheet.registry).onKeyUp) == null ? void 0 : _b2.call(_a2, {
         e,
         points: {
@@ -1408,7 +1463,7 @@ const editorStyle = (text) => {
   if (text[0] !== "=") {
     return /* @__PURE__ */ jsx(Fragment, { children: text });
   }
-  const lexer = new Lexer(text.substring(1));
+  const lexer = new te(text.substring(1));
   lexer.tokenize();
   let palletIndex = 0;
   const exists = {};
@@ -1431,12 +1486,12 @@ const editorStyle = (text) => {
             {
               token,
               tokenKey,
-              color: COLOR_PALETTE[existsIndex % COLOR_PALETTE.length]
+              color: Pn[existsIndex % Pn.length]
             },
             tokenKey
           );
         }
-        const color = COLOR_PALETTE[palletIndex % COLOR_PALETTE.length];
+        const color = Pn[palletIndex % Pn.length];
         exists[normalizedToken] = palletIndex++;
         return /* @__PURE__ */ jsx(
           TokenSpan,
@@ -1501,6 +1556,116 @@ const StoreObserver = ({
   const { store, dispatch } = useContext(Context);
   const { sheetReactive } = store;
   const sheet = sheetReactive.current;
+  const dragRef = useRef({ store, dispatch });
+  dragRef.current = { store, dispatch };
+  useEffect(() => {
+    let raf = 0;
+    let running = false;
+    let dead = false;
+    let cx = 0;
+    let cy = 0;
+    let lastCell = "";
+    let lastExtend = 0;
+    const EDGE = 0;
+    const SPEED = 18;
+    const stop = () => {
+      running = false;
+      cancelAnimationFrame(raf);
+    };
+    const finish = () => {
+      if (dead) {
+        return;
+      }
+      dead = true;
+      stop();
+      const { store: s, dispatch: d } = dragRef.current;
+      if (s.autofillDraggingTo) {
+        d(submitAutofill(s.autofillDraggingTo));
+      }
+      if (s.dragging) {
+        d(setDragging(false));
+      }
+    };
+    const tick = () => {
+      var _a, _b;
+      if (dead || !running) {
+        return;
+      }
+      const { store: s, dispatch: d } = dragRef.current;
+      const el = (_a = s.tabularRef) == null ? void 0 : _a.current;
+      if (!el || !(s.dragging || s.autofillDraggingTo)) {
+        running = false;
+        return;
+      }
+      const r = el.getBoundingClientRect();
+      const dy = cy > r.bottom - EDGE ? SPEED : cy < r.top + EDGE ? -18 : 0;
+      const dx = cx > r.right - EDGE ? SPEED : cx < r.left + EDGE ? -18 : 0;
+      if (dy || dx) {
+        el.scrollTop += dy;
+        el.scrollLeft += dx;
+        const px = Math.min(Math.max(cx, r.left + 1), r.right - 1);
+        const py = Math.min(Math.max(cy, r.top + 1), r.bottom - 1);
+        const cell = (_b = document.elementFromPoint(px, py)) == null ? void 0 : _b.closest(".gs-cell");
+        if (cell) {
+          const y = Number(cell.dataset.y);
+          const x = Number(cell.dataset.x);
+          const key = y + ":" + x;
+          const now = performance.now();
+          if (!Number.isNaN(y) && !Number.isNaN(x) && key !== lastCell && now - lastExtend > 80) {
+            lastCell = key;
+            lastExtend = now;
+            d(s.autofillDraggingTo ? setAutofillDraggingTo({ x, y }) : drag({ y, x }));
+          }
+        }
+      }
+      raf = requestAnimationFrame(tick);
+    };
+    const onMove = (e) => {
+      if (e.buttons === 0) {
+        const { store: s2 } = dragRef.current;
+        if (!dead && (running || s2.autofillDraggingTo != null || s2.dragging)) {
+          finish();
+        }
+        return;
+      }
+      cx = e.clientX;
+      cy = e.clientY;
+      const { store: s } = dragRef.current;
+      if (!dead && !running && (s.dragging || s.autofillDraggingTo)) {
+        running = true;
+        lastCell = "";
+        raf = requestAnimationFrame(tick);
+      }
+    };
+    const onDown = () => {
+      dead = false;
+    };
+    const onUp = () => {
+      dead = true;
+      stop();
+      const { store: s, dispatch: d } = dragRef.current;
+      if (s.autofillDraggingTo) {
+        d(submitAutofill(s.autofillDraggingTo));
+      }
+      if (s.dragging) {
+        d(setDragging(false));
+      }
+    };
+    const onLeaveWindow = () => finish();
+    window.addEventListener("mousedown", onDown, true);
+    window.addEventListener("mousemove", onMove, true);
+    window.addEventListener("mouseup", onUp, true);
+    window.addEventListener("blur", onLeaveWindow);
+    document.addEventListener("mouseleave", onLeaveWindow);
+    return () => {
+      window.removeEventListener("mousedown", onDown, true);
+      window.removeEventListener("mousemove", onMove, true);
+      window.removeEventListener("mouseup", onUp, true);
+      window.removeEventListener("blur", onLeaveWindow);
+      document.removeEventListener("mouseleave", onLeaveWindow);
+      cancelAnimationFrame(raf);
+    };
+  }, []);
   useEffect(() => {
     if (!sheet) {
       return;
@@ -1591,30 +1756,30 @@ const Resizer = () => {
   }
   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) || DEFAULT_WIDTH;
-  const baseHeight = (cell == null ? void 0 : cell.height) || DEFAULT_HEIGHT;
+  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 = zoneToArea(selectingZone);
+    const selectingArea = ks(selectingZone);
     const { top, left, bottom, right } = selectingArea;
     const diff = {};
     if (x !== -1) {
       let xs = [x];
-      if (topHeaderSelecting && between({ start: left, end: right }, x)) {
-        xs = makeSequence(left, right + 1);
+      if (topHeaderSelecting && nn({ start: left, end: right }, x)) {
+        xs = cn(left, right + 1);
       }
       xs.forEach((x2) => {
-        diff[p2a({ y: 0, x: x2 })] = { width };
+        diff[M({ y: 0, x: x2 })] = { width };
       });
     }
     if (y !== -1) {
       let ys = [y];
-      if (leftHeaderSelecting && between({ start: top, end: bottom }, y)) {
-        ys = makeSequence(top, bottom + 1);
+      if (leftHeaderSelecting && nn({ start: top, end: bottom }, y)) {
+        ys = cn(top, bottom + 1);
       }
       ys.forEach((y2) => {
-        diff[p2a({ y: y2, x: 0 })] = { height };
+        diff[M({ y: y2, x: 0 })] = { height };
       });
     }
     sheet.update({
@@ -1630,21 +1795,21 @@ const Resizer = () => {
     );
     dispatch(setResizingPositionY([-1, -1, -1]));
     dispatch(setResizingPositionX([-1, -1, -1]));
-    focus(editorRef.current);
+    _(editorRef.current);
   };
   const handleResizeMove = (e) => {
     if (y !== -1) {
       let endY2 = e.clientY;
       const height2 = baseHeight + (endY2 - startY);
-      if (height2 < MIN_HEIGHT) {
-        endY2 += MIN_HEIGHT - height2;
+      if (height2 < qr) {
+        endY2 += qr - height2;
       }
       dispatch(setResizingPositionY([y, startY, endY2]));
     } else if (x !== -1) {
       let endX2 = e.clientX;
       const width2 = baseWidth + (endX2 - startX);
-      if (width2 < MIN_WIDTH) {
-        endX2 += MIN_WIDTH - width2;
+      if (width2 < Zr) {
+        endX2 += Zr - width2;
       }
       dispatch(setResizingPositionX([x, startX, endX2]));
     }
@@ -1701,14 +1866,14 @@ const Emitter = () => {
 const copier = async ({ store, dispatch }) => {
   const { editorRef } = store;
   const area = clip(store);
-  dispatch(copy(areaToZone(area)));
-  focus(editorRef.current);
+  dispatch(copy(Pe(area)));
+  _(editorRef.current);
 };
 const cutter = async ({ store, dispatch }) => {
   const { editorRef } = store;
   const area = clip(store);
-  dispatch(cut(areaToZone(area)));
-  focus(editorRef.current);
+  dispatch(cut(Pe(area)));
+  _(editorRef.current);
 };
 const paster = async ({ store, dispatch }, onlyValue = false) => {
   const { editorRef } = store;
@@ -1733,59 +1898,59 @@ const paster = async ({ store, dispatch }, onlyValue = false) => {
     }
   }
   dispatch(paste({ matrix: cells, onlyValue }));
-  focus(editorRef.current);
+  _(editorRef.current);
 };
 const undoer = async ({ store, dispatch }) => {
   const { editorRef } = store;
   dispatch(undo(null));
-  focus(editorRef.current);
+  _(editorRef.current);
 };
 const redoer = async ({ store, dispatch }) => {
   const { editorRef } = store;
   dispatch(redo(null));
-  focus(editorRef.current);
+  _(editorRef.current);
 };
 const rowsInserterAbove = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { top } = zoneToArea(selectingZone);
-  const numRows = zoneShape(selectingZone).rows;
+  const { top } = ks(selectingZone);
+  const numRows = an(selectingZone).rows;
   dispatch(insertRowsAbove({ numRows, y: top, operator: "USER" }));
-  focus(editorRef.current);
+  _(editorRef.current);
 };
 const rowsInserterBelow = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { bottom } = zoneToArea(selectingZone);
-  const numRows = zoneShape(selectingZone).rows;
+  const { bottom } = ks(selectingZone);
+  const numRows = an(selectingZone).rows;
   dispatch(insertRowsBelow({ numRows, y: bottom, operator: "USER" }));
-  focus(editorRef.current);
+  _(editorRef.current);
 };
 const colsInserterLeft = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { left } = zoneToArea(selectingZone);
-  const numCols = zoneShape(selectingZone).cols;
+  const { left } = ks(selectingZone);
+  const numCols = an(selectingZone).cols;
   dispatch(insertColsLeft({ numCols, x: left, operator: "USER" }));
-  focus(editorRef.current);
+  _(editorRef.current);
 };
 const colsInserterRight = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { right } = zoneToArea(selectingZone);
-  const numCols = zoneShape(selectingZone).cols;
+  const { right } = ks(selectingZone);
+  const numCols = an(selectingZone).cols;
   dispatch(insertColsRight({ numCols, x: right, operator: "USER" }));
-  focus(editorRef.current);
+  _(editorRef.current);
 };
 const rowsRemover = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { top } = zoneToArea(selectingZone);
-  const numRows = zoneShape(selectingZone).rows;
+  const { top } = ks(selectingZone);
+  const numRows = an(selectingZone).rows;
   dispatch(removeRows({ numRows, y: top, operator: "USER" }));
-  focus(editorRef.current);
+  _(editorRef.current);
 };
 const colsRemover = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { left } = zoneToArea(selectingZone);
-  const numCols = zoneShape(selectingZone).cols;
+  const { left } = ks(selectingZone);
+  const numCols = an(selectingZone).cols;
   dispatch(removeCols({ numCols, x: left, operator: "USER" }));
-  focus(editorRef.current);
+  _(editorRef.current);
 };
 const rowsSorterAsc = async ({ store, dispatch }, x) => {
   const sheet = store.sheetReactive.current;
@@ -1793,7 +1958,7 @@ const rowsSorterAsc = async ({ store, dispatch }, x) => {
     await sheet.waitForPending();
   }
   dispatch(sortRows({ x, direction: "asc" }));
-  focus(store.editorRef.current);
+  _(store.editorRef.current);
 };
 const rowsSorterDesc = async ({ store, dispatch }, x) => {
   const sheet = store.sheetReactive.current;
@@ -1801,7 +1966,7 @@ const rowsSorterDesc = async ({ store, dispatch }, x) => {
     await sheet.waitForPending();
   }
   dispatch(sortRows({ x, direction: "desc" }));
-  focus(store.editorRef.current);
+  _(store.editorRef.current);
 };
 const rowsFilterer = async ({ store, dispatch }, x, filter) => {
   const sheet = store.sheetReactive.current;
@@ -1809,42 +1974,42 @@ const rowsFilterer = async ({ store, dispatch }, x, filter) => {
     await sheet.waitForPending();
   }
   dispatch(filterRows({ x, filter }));
-  focus(store.editorRef.current);
+  _(store.editorRef.current);
 };
 const rowsFilterClearer = async ({ store, dispatch }, x) => {
   dispatch(filterRows({ x }));
-  focus(store.editorRef.current);
+  _(store.editorRef.current);
 };
 const rowSortFixedToggler = ({ store, dispatch }, y) => {
   const sheet = store.sheetReactive.current;
   if (!sheet) {
     return;
   }
-  const addr = p2a({ 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));
-  focus(store.editorRef.current);
+  _(store.editorRef.current);
 };
 const rowFilterFixedToggler = ({ store, dispatch }, y) => {
   const sheet = store.sheetReactive.current;
   if (!sheet) {
     return;
   }
-  const addr = p2a({ 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));
-  focus(store.editorRef.current);
+  _(store.editorRef.current);
 };
 const searcher = async ({ store, dispatch }) => {
   if (typeof store.searchQuery === "undefined") {
     dispatch(setSearchQuery(""));
   }
   dispatch(setEntering(false));
-  requestAnimationFrame(() => focus(store.searchInputRef.current));
+  requestAnimationFrame(() => _(store.searchInputRef.current));
 };
 const applyers = {
   copy: copier,
@@ -1909,92 +2074,92 @@ const defaultContextMenuDescriptors = [
   {
     id: "insert-rows-above",
     label: (ctx) => {
-      const n = zoneShape(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 = zoneShape(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 || operations.hasOperation(rowCell == null ? void 0 : rowCell.prevention, operations.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, zoneShape(ctx.selectingZone).rows)
+    onClick: (ctx) => ctx.insertRowsAbove(ctx.choosing.y, an(ctx.selectingZone).rows)
   },
   {
     id: "insert-rows-below",
     label: (ctx) => {
-      const n = zoneShape(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 = zoneShape(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 || operations.hasOperation(rowCell == null ? void 0 : rowCell.prevention, operations.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, zoneShape(ctx.selectingZone).rows)
+    onClick: (ctx) => ctx.insertRowsBelow(ctx.choosing.y, an(ctx.selectingZone).rows)
   },
   {
     id: "insert-cols-left",
     label: (ctx) => {
-      const n = zoneShape(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 = zoneShape(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 || operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.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, zoneShape(ctx.selectingZone).cols)
+    onClick: (ctx) => ctx.insertColsLeft(ctx.choosing.x, an(ctx.selectingZone).cols)
   },
   {
     id: "insert-cols-right",
     label: (ctx) => {
-      const n = zoneShape(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 = zoneShape(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 || operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.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, zoneShape(ctx.selectingZone).cols)
+    onClick: (ctx) => ctx.insertColsRight(ctx.choosing.x, an(ctx.selectingZone).cols)
   },
   {
     id: "remove-rows",
     label: (ctx) => {
-      const n = zoneShape(ctx.selectingZone).rows;
+      const n = an(ctx.selectingZone).rows;
       return `Remove ${n} row${n > 1 ? "s" : ""}`;
     },
     visible: (ctx) => ctx.leftHeaderSelecting,
     disabled: (ctx) => {
-      const n = zoneShape(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 || operations.hasOperation(rowCell == null ? void 0 : rowCell.prevention, operations.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, zoneShape(ctx.selectingZone).rows)
+    onClick: (ctx) => ctx.removeRows(ctx.choosing.y, an(ctx.selectingZone).rows)
   },
   {
     id: "remove-cols",
     label: (ctx) => {
-      const n = zoneShape(ctx.selectingZone).cols;
+      const n = an(ctx.selectingZone).cols;
       return `Remove ${n} column${n > 1 ? "s" : ""}`;
     },
     visible: (ctx) => ctx.topHeaderSelecting,
     disabled: (ctx) => {
-      const n = zoneShape(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 || operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.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, zoneShape(ctx.selectingZone).cols)
+    onClick: (ctx) => ctx.removeCols(ctx.choosing.x, an(ctx.selectingZone).cols)
   },
   { type: "divider" },
   {
@@ -2055,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 || operations.hasOperation(rowCell == null ? void 0 : rowCell.prevention, operations.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))
   },
@@ -2069,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 || operations.hasOperation(rowCell == null ? void 0 : rowCell.prevention, operations.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))
   },
@@ -2083,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 || operations.hasOperation(rowCell == null ? void 0 : rowCell.prevention, operations.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))
   },
@@ -2115,6 +2280,8 @@ const defaultRowMenuDescriptors = [
   }
 ];
 const defaultColMenuDescriptors = [
+  { type: "component", componentId: "col-label" },
+  { type: "divider" },
   { type: "component", componentId: "col-filter" },
   { type: "divider" },
   { type: "component", componentId: "col-sort" },
@@ -2154,7 +2321,7 @@ const defaultColMenuDescriptors = [
       const n = colInsertCount(ctx, x);
       const sheet = ctx.sheet;
       const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
-      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.InsertColsLeft);
+      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.InsertColsLeft);
     },
     onClick: (ctx, x) => ctx.insertColsLeft(x, colInsertCount(ctx, x))
   },
@@ -2168,7 +2335,7 @@ const defaultColMenuDescriptors = [
       const n = colInsertCount(ctx, x);
       const sheet = ctx.sheet;
       const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
-      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.InsertColsRight);
+      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.InsertColsRight);
     },
     onClick: (ctx, x) => ctx.insertColsRight(x, colInsertCount(ctx, x))
   },
@@ -2182,7 +2349,7 @@ const defaultColMenuDescriptors = [
       const n = colInsertCount(ctx, x);
       const sheet = ctx.sheet;
       const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
-      return sheet.minNumCols !== -1 && sheet.numCols - n < sheet.minNumCols || operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.RemoveCols);
+      return sheet.minNumCols !== -1 && sheet.numCols - n < sheet.minNumCols || Mn.hasOperation(colCell == null ? void 0 : colCell.prevention, Mn.RemoveCols);
     },
     onClick: (ctx, x) => ctx.removeCols(x, colInsertCount(ctx, x))
   },
@@ -2192,9 +2359,7 @@ const defaultColMenuDescriptors = [
     label: "Search",
     shortcuts: ["F"],
     onClick: (ctx) => ctx.search()
-  },
-  { type: "divider" },
-  { type: "component", componentId: "col-label" }
+  }
 ];
 function buildMenuContext(store, dispatch, close) {
   const props = { store, dispatch };
@@ -2250,7 +2415,7 @@ function buildMenuContext(store, dispatch, close) {
       if (!sheet) {
         return;
       }
-      const addr = p2a({ y: 0, x });
+      const addr = M({ y: 0, x });
       sheet.update({
         diff: { [addr]: { label: label || void 0 } },
         partial: true,
@@ -2312,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;
@@ -2319,7 +2607,7 @@ const ContextMenu = () => {
   const menuRef = useRef(null);
   useEffect(() => {
     if (menuRef.current) {
-      clampPopup(menuRef.current);
+      ue(menuRef.current);
     }
   });
   if (top === -1) {
@@ -2336,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 }) }) })
     }
   );
 };
@@ -2472,7 +2729,7 @@ const FilterSection = ({ x, close, onWaiting }) => {
       if (prev.length <= 1) {
         return [{ ...DEFAULT_CONDITION, value: [""] }];
       }
-      return prev.filter((_, i) => i !== index);
+      return prev.filter((_2, i) => i !== index);
     });
   }, []);
   const handleApplyFilter = useCallback(() => {
@@ -2498,7 +2755,7 @@ const FilterSection = ({ x, close, onWaiting }) => {
     return null;
   }
   const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
-  const filterDisabled = operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.Filter);
+  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: [
@@ -2637,7 +2894,7 @@ const SortSection = ({ x, close, onWaiting }) => {
     return null;
   }
   const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
-  const sortDisabled = operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.Sort);
+  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: [
@@ -2680,16 +2937,28 @@ const LabelSection = ({ x, close }) => {
   const labelInputRef = useRef(null);
   const [label, setLabel] = useState("");
   useEffect(() => {
+    var _a;
     if (sheet) {
       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) {
+      requestAnimationFrame(
+        () => requestAnimationFrame(() => {
+          const input = labelInputRef.current;
+          if (input) {
+            input.focus();
+            input.setSelectionRange(0, input.value.length);
+          }
+        })
+      );
+    }
   }, [x, sheet]);
   const handleApplyLabel = useCallback(() => {
     if (!sheet) {
       return;
     }
-    const address = p2a({ y: 0, x });
+    const address = M({ y: 0, x });
     sheet.update({
       diff: { [address]: { label: label || void 0 } },
       partial: true,
@@ -2712,8 +2981,8 @@ const LabelSection = ({ x, close }) => {
     return null;
   }
   const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
-  const labelDisabled = operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.SetLabel);
-  const labelPlaceholder = getLabel(sheet, colCell == null ? void 0 : colCell.label, { y: 0, x }, x) ?? x2c(x);
+  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(
@@ -2752,7 +3021,7 @@ const ColumnMenu = () => {
   const [waitingState, setWaitingState] = useState(null);
   const handleClose = useCallback(() => {
     dispatch(setColumnMenu(null));
-    focus(editorRef.current);
+    _(editorRef.current);
   }, [dispatch, editorRef]);
   const handleWaiting = useCallback(
     (message, cancel) => {
@@ -2786,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, x);
-                if (!visible2) {
-                  return null;
-                }
-                const Section = getMenuComponent(descriptor.componentId);
-                if (!Section) {
-                  return null;
-                }
-                return /* @__PURE__ */ jsx(Section, { x, 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, x);
-              if (!visible) {
-                return null;
-              }
-              const disabled = ((_a = descriptor.disabled) == null ? void 0 : _a.call(descriptor, ctx, x)) ?? false;
-              const label = typeof descriptor.label === "function" ? descriptor.label(ctx, x) : descriptor.label;
-              const shortcuts = typeof descriptor.shortcuts === "function" ? descriptor.shortcuts(ctx, x) : descriptor.shortcuts;
-              return /* @__PURE__ */ jsx(
-                MenuItem,
-                {
-                  label,
-                  shortcuts,
-                  disabled,
-                  testId: descriptor.id ? `${descriptor.id}-item` : void 0,
-                  onClick: () => {
-                    descriptor.onClick(ctx, x);
-                    dispatch(setColumnMenu(null));
-                  }
-                },
-                index
-              );
-            }) })
+            ) })
           }
         ),
         waitingState && /* @__PURE__ */ jsxs(
@@ -2846,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;
@@ -2886,7 +3095,7 @@ const RowMenu = () => {
   const position = rowMenuState == null ? void 0 : rowMenuState.position;
   const handleClose = () => {
     dispatch(setRowMenu(null));
-    focus(editorRef.current);
+    _(editorRef.current);
   };
   if (!rowMenuState || !sheet || y == null || !position) {
     return null;
@@ -2901,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 }) }) })
     }
   );
 };
@@ -2922,8 +3131,8 @@ const safePreventDefault = (e) => {
 };
 const Cell = memo(({ y, x }) => {
   var _a;
-  const rowId = y2r(y);
-  const colId = x2c(x);
+  const rowId = bt(y);
+  const colId = G(x);
   const address = `${colId}${rowId}`;
   const { store, dispatch } = useContext(Context);
   const isFirstPointed = useRef(true);
@@ -2943,7 +3152,7 @@ const Cell = memo(({ y, x }) => {
   const sheet = sheetReactive.current;
   const xSheetFocused = isXSheetFocused(store);
   const lastFocused = sheet == null ? void 0 : sheet.registry.lastFocused;
-  const selectingArea = zoneToArea(selectingZone);
+  const selectingArea = ks(selectingZone);
   const editing = editingAddress === address;
   const pointed = choosing.y === y && choosing.x === x;
   const _setEditorRect = useCallback(() => {
@@ -2988,7 +3197,7 @@ const Cell = memo(({ y, x }) => {
       rendered = sheet.render({ sheet, point: { y, x }, apply, value: void 0 });
     }
   } catch (e) {
-    if (FormulaError.is(e)) {
+    if (S.is(e)) {
       errorMessage = e.message;
       rendered = e.code;
     } else {
@@ -2997,7 +3206,7 @@ const Cell = memo(({ y, x }) => {
     }
   }
   const [, v] = (sheet == null ? void 0 : sheet.getSolvedCache({ y, x })) ?? [void 0, void 0];
-  const isPendingCell = Pending.is(v);
+  const isPendingCell = L.is(v);
   const input = editorRef.current;
   const editingAnywhere = !!((sheet == null ? void 0 : sheet.registry.editingAddress) || editingAddress);
   const handleDragStart = useCallback(
@@ -3029,13 +3238,13 @@ const Cell = memo(({ y, x }) => {
       dispatch(setDragging(true));
       const fullAddress = `${sheet.sheetPrefix(!xSheetFocused)}${address}`;
       if (editingAnywhere) {
-        const inserted = insertRef({ input: lastFocused || null, ref: fullAddress });
+        const inserted = q({ input: lastFocused || null, ref: fullAddress });
         if (inserted) {
           return false;
         }
       }
       sheet.registry.lastFocused = input;
-      focus(input);
+      _(input);
       dispatch(setEditingAddress(""));
       if (autofillDraggingTo) {
         return false;
@@ -3058,16 +3267,11 @@ const Cell = memo(({ y, x }) => {
       }
       safePreventDefault(e);
       dispatch(setDragging(false));
-      if (autofillDraggingTo) {
-        dispatch(submitAutofill(autofillDraggingTo));
-        focus(input);
-        return false;
-      }
       if (editingAnywhere) {
         dispatch(drag({ y: -1, x: -1 }));
       }
     },
-    [autofillDraggingTo, editingAnywhere, input]
+    [editingAnywhere]
   );
   const handleDragging = useCallback(
     (e) => {
@@ -3094,14 +3298,14 @@ const Cell = memo(({ y, x }) => {
         dispatch(drag({ y: sheet.numRows, x }));
         return false;
       }
-      if (editingAnywhere && !isRefInsertable(lastFocused || null)) {
+      if (editingAnywhere && !ee(lastFocused || null)) {
         return false;
       }
       dispatch(drag({ y, x }));
       if (editingAnywhere) {
-        const newArea = zoneToArea({ ...selectingZone, endY: y, endX: x });
-        const fullRange = `${sheet.sheetPrefix(!xSheetFocused)}${areaToRange(newArea)}`;
-        insertRef({ 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;
     },
@@ -3130,7 +3334,7 @@ const Cell = memo(({ y, x }) => {
     if (!rect) {
       return;
     }
-    setErrorTooltipPos(calcBelowPosition(rect));
+    setErrorTooltipPos(ce(rect));
   }, []);
   const handleErrorTriangleLeave = useCallback(() => {
     setErrorTooltipPos(null);
@@ -3184,7 +3388,7 @@ const Cell = memo(({ y, x }) => {
       "data-x": x,
       "data-y": y,
       "data-address": address,
-      className: `gs-cell ${among(selectingArea, { y, x }) ? "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
       },
@@ -3239,7 +3443,7 @@ const Cell = memo(({ y, x }) => {
                 style: {
                   top: errorTooltipPos.y + 4,
                   left: errorTooltipPos.x,
-                  transform: hAlignTransform(errorTooltipPos.hAlign)
+                  transform: be(errorTooltipPos.hAlign)
                 },
                 children: errorMessage
               }
@@ -3270,6 +3474,8 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
     editingAddress
   } = store;
   const sheet = sheetRef.current;
+  const storeRef = useRef(store);
+  storeRef.current = store;
   let isScrolling = false;
   const xSheetFocused = isXSheetFocused(store);
   const editingAnywhere = !!((sheet == null ? void 0 : sheet.registry.editingAddress) || editingAddress);
@@ -3286,7 +3492,7 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
           vertical = e.pageY > bottom ? 1 : e.pageY < top ? -1 : 0;
         }
       }
-      const area = getAreaInTabular(tabularRef.current);
+      const area = le(tabularRef.current);
       let { endX: x, endY: y } = selectingZone;
       if (horizontal) {
         x = horizontal > 0 ? area.right : area.left;
@@ -3302,6 +3508,15 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
       if (!isScrolling || tabularRef.current === null || !sheet) {
         return;
       }
+      const live = storeRef.current;
+      if (!live.dragging && !live.autofillDraggingTo) {
+        if (scrollRef.current !== null) {
+          cancelAnimationFrame(scrollRef.current);
+          scrollRef.current = null;
+        }
+        isScrolling = false;
+        return;
+      }
       const now = (/* @__PURE__ */ new Date()).getTime();
       if (now - lastScrollTime > 1e3) {
         currentSpeed = 0;
@@ -3311,18 +3526,18 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
         left: currentSpeed * horizontal,
         top: currentSpeed * vertical
       });
-      focus(editorRef.current);
+      _(editorRef.current);
       const { x, y } = getDestEdge(e);
-      if (autofillDraggingTo) {
-        const { y: curY, x: curX } = autofillDraggingTo;
+      if (live.autofillDraggingTo) {
+        const { y: curY, x: curX } = live.autofillDraggingTo;
         dispatch(setAutofillDraggingTo({ y: y === -1 ? curY : y, x: x === -1 ? curX : x }));
       } else {
         if (editingAnywhere) {
-          const newArea = zoneToArea({ ...selectingZone, endY: y, endX: x });
+          const newArea = ks({ ...selectingZone, endY: y, endX: x });
           const sheetPrefix = sheet.sheetPrefix(!xSheetFocused);
-          const sheetRange = areaToRange(newArea);
+          const sheetRange = rn(newArea);
           const fullRange = `${sheetPrefix}${sheetRange}`;
-          insertRef({ input: editorRef.current, ref: fullRange });
+          q({ input: editorRef.current, ref: fullRange });
         }
         dispatch(drag({ y, x }));
       }
@@ -3367,15 +3582,15 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
       scrollRef.current = null;
     }
     isScrolling = false;
-    if (!isFocus(searchInputRef.current)) {
-      focus(editorRef.current);
+    if (!re(searchInputRef.current)) {
+      _(editorRef.current);
     }
   }, []);
   const handleMouseUp = useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
-      const area = getAreaInTabular(tabularRef.current);
+      const area = le(tabularRef.current);
       if (area.bottom === -1 || area.right === -1) {
         return;
       }
@@ -3383,7 +3598,7 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
       if (autofillDraggingTo) {
         const { y: curY, x: curX } = autofillDraggingTo;
         dispatch(submitAutofill({ y: y === -1 ? curY : y, x: x === -1 ? curX : x }));
-        focus(editorRef.current);
+        _(editorRef.current);
       } else {
         if (editingAnywhere) {
           dispatch(drag({ y: -1, x: -1 }));
@@ -3425,7 +3640,7 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
   );
 }
 const HeaderCellTop = memo(({ x }) => {
-  const colId = x2c(x);
+  const colId = G(x);
   const { store, dispatch } = useContext(Context);
   const {
     sheetReactive: sheetRef,
@@ -3441,7 +3656,7 @@ const HeaderCellTop = memo(({ x }) => {
   } = store;
   const sheet = sheetRef.current;
   const col = sheet == null ? void 0 : sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
-  const width = (col == null ? void 0 : col.width) || DEFAULT_WIDTH;
+  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;
@@ -3478,7 +3693,7 @@ const HeaderCellTop = memo(({ x }) => {
       dispatch(select({ startY: 1, startX: x, endY: -1, endX: x }));
       const fullAddress = `${sheet.sheetPrefix(!xSheetFocused)}${colId}:${colId}`;
       if (editingAnywhere) {
-        const inserted = insertRef({ input: lastFocused || null, ref: fullAddress });
+        const inserted = q({ input: lastFocused || null, ref: fullAddress });
         if (inserted) {
           dispatch(select({ startY: sheet.numRows, startX: x, endY: 0, endX: x }));
           return false;
@@ -3499,7 +3714,7 @@ const HeaderCellTop = memo(({ x }) => {
       }
       dispatch(setEditingAddress(""));
       dispatch(setDragging(true));
-      focus(editorRef.current);
+      _(editorRef.current);
       if (autofillDraggingTo) {
         return false;
       }
@@ -3526,7 +3741,7 @@ const HeaderCellTop = memo(({ x }) => {
       safePreventDefault(e);
       dispatch(setDragging(false));
       if (autofillDraggingTo) {
-        focus(editorRef.current);
+        _(editorRef.current);
         return false;
       }
     },
@@ -3546,10 +3761,10 @@ const HeaderCellTop = memo(({ x }) => {
       return false;
     }
     if (editingAnywhere) {
-      const newArea = zoneToArea({ ...selectingZone, endY: 1, endX: x });
-      const [left, right] = [x2c(newArea.left), x2c(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}`;
-      insertRef({ input: lastFocused || null, ref: fullRange });
+      q({ input: lastFocused || null, ref: fullRange });
     }
     if (autofillDraggingTo == null) {
       const { startY } = selectingZone;
@@ -3571,8 +3786,25 @@ const HeaderCellTop = memo(({ x }) => {
     "th",
     {
       "data-x": x,
-      className: `gs-th gs-th-top ${choosing.x === x ? "gs-choosing" : ""} ${between({ start: selectingZone.startX, end: selectingZone.endX }, x) ? topHeaderSelecting ? "gs-th-selecting" : "gs-selecting" : ""}`,
+      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 (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 = nn({ start: selectingZone.startX, end: selectingZone.endX }, x) && selectingZone.startY === 1 && selectingZone.endY === sheet.numRows;
+        if (!alreadySelected) {
+          dispatch(selectCols({ range: { start: x, end: x }, numRows: sheet.numRows }));
+        }
+        dispatch(setColumnMenu({ x, position: { y: rect.bottom, x: rect.left }, focusLabel: true }));
+      },
       onContextMenu: (e) => {
         if (contextMenu.length > 0) {
           e.stopPropagation();
@@ -3602,7 +3834,7 @@ const HeaderCellTop = memo(({ x }) => {
               }
             ),
             (() => {
-              const displayedLabel = getLabel(sheet, col == null ? void 0 : col.label, { y: 0, x }, x) ?? 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 }),
@@ -3611,7 +3843,7 @@ const HeaderCellTop = memo(({ x }) => {
               }
               return displayedLabel;
             })(),
-            !operations.hasOperation(col == null ? void 0 : col.prevention, operations.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) === x ? "gs-active" : ""}`,
@@ -3634,7 +3866,7 @@ const HeaderCellTop = memo(({ x }) => {
                   if ((columnMenuState == null ? void 0 : columnMenuState.x) === x) {
                     dispatch(setColumnMenu(null));
                   } else {
-                    const alreadySelected = between({ start: selectingZone.startX, end: selectingZone.endX }, x) && 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: x, end: x }, numRows: sheet.numRows }));
                     }
@@ -3649,7 +3881,7 @@ const HeaderCellTop = memo(({ x }) => {
               {
                 className: `
               gs-resizer 
-              ${operations.hasOperation(col == null ? void 0 : col.prevention, operations.Resize) ? "gs-protected" : ""}
+              ${Mn.hasOperation(col == null ? void 0 : col.prevention, Mn.Resize) ? "gs-protected" : ""}
               ${dragging ? "gs-hidden" : ""}`,
                 style: { height: sheet.headerHeight },
                 onMouseDown: handleResizeMouseDown,
@@ -3663,7 +3895,7 @@ const HeaderCellTop = memo(({ x }) => {
   );
 });
 const HeaderCellLeft = memo(({ y }) => {
-  const rowId = `${y2r(y)}`;
+  const rowId = `${bt(y)}`;
   const { store, dispatch } = useContext(Context);
   const {
     choosing,
@@ -3679,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) || DEFAULT_HEIGHT;
+  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);
@@ -3715,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 = insertRef({ 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;
@@ -3736,7 +3968,7 @@ const HeaderCellLeft = memo(({ y }) => {
       }
       dispatch(setEditingAddress(""));
       dispatch(setDragging(true));
-      focus(editorRef.current);
+      _(editorRef.current);
       if (autofillDraggingTo) {
         return false;
       }
@@ -3763,7 +3995,7 @@ const HeaderCellLeft = memo(({ y }) => {
       safePreventDefault(e);
       dispatch(setDragging(false));
       if (autofillDraggingTo) {
-        focus(editorRef.current);
+        _(editorRef.current);
         return false;
       }
     },
@@ -3783,10 +4015,10 @@ const HeaderCellLeft = memo(({ y }) => {
       return false;
     }
     if (editingAnywhere) {
-      const newArea = zoneToArea({ ...selectingZone, endY: y, endX: 1 });
-      const [top, bottom] = [y2r(newArea.top), y2r(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}`;
-      insertRef({ input: lastFocused || null, ref: fullRange });
+      q({ input: lastFocused || null, ref: fullRange });
     }
     if (autofillDraggingTo == null) {
       const { startX } = selectingZone;
@@ -3817,7 +4049,7 @@ const HeaderCellLeft = memo(({ y }) => {
     "th",
     {
       "data-y": y,
-      className: `gs-th gs-th-left ${choosing.y === y ? "gs-choosing" : ""} ${between({ 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(
@@ -3839,8 +4071,8 @@ const HeaderCellLeft = memo(({ y }) => {
                 horizontal: -1
               }
             ),
-            getLabel(sheet, row == null ? void 0 : row.label, { y, x: 0 }, y) ?? rowId,
-            !operations.hasOperation(row == null ? void 0 : row.prevention, operations.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" : ""}`,
@@ -3863,7 +4095,7 @@ const HeaderCellLeft = memo(({ y }) => {
                   if ((rowMenuState == null ? void 0 : rowMenuState.y) === y) {
                     dispatch(setRowMenu(null));
                   } else {
-                    const alreadySelected = between({ 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 }));
                     }
@@ -3878,7 +4110,7 @@ const HeaderCellLeft = memo(({ y }) => {
               {
                 className: `
               gs-resizer
-              ${operations.hasOperation(row == null ? void 0 : row.prevention, operations.Resize) ? "gs-protected" : ""}
+              ${Mn.hasOperation(row == null ? void 0 : row.prevention, Mn.Resize) ? "gs-protected" : ""}
               ${dragging ? "gs-hidden" : ""}`,
                 style: { width: sheet.headerWidth },
                 onMouseDown: handleResizeMouseDown
@@ -3918,8 +4150,8 @@ const drawAreaRectViewport = (ctx, sheet, scrollTop, scrollLeft, viewW, viewH, a
   if (top === -1 || left === -1 || bottom === -1 || right === -1) {
     return;
   }
-  const topLeft = getCellRectPositions(sheet, { y: top, x: left });
-  const bottomRight = getCellRectPositions(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;
@@ -3971,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;
@@ -3979,16 +4211,16 @@ const CellStateOverlay = ({ refs = {} }) => {
     ctx.beginPath();
     ctx.rect(headerW, headerH, w - headerW, h2 - headerH);
     ctx.clip();
-    const selectingArea = zoneToArea(selectingZone);
+    const selectingArea = ks(selectingZone);
     drawAreaRectViewport(ctx, sheet, scrollTop, scrollLeft, w, h2, selectingArea, COLOR_SELECTED, 1, [], SELECTING_FILL);
     if (autofillDraggingTo) {
-      const autofill = new Autofill(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 } = choosing;
       if (y !== -1 && x !== -1) {
-        const pos = getCellRectPositions(sheet, { y, x });
+        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, []);
@@ -3996,13 +4228,13 @@ const CellStateOverlay = ({ refs = {} }) => {
     }
     const { copyingSheetId, copyingZone, cutting } = registry;
     if (sheet.id === copyingSheetId) {
-      const copyingArea = zoneToArea(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 = COLOR_PALETTE[i % COLOR_PALETTE.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]);
@@ -4010,8 +4242,8 @@ const CellStateOverlay = ({ refs = {} }) => {
       }
     });
     matchingCells.forEach((address, index) => {
-      const { y, x } = a2p(address);
-      const pos = getCellRectPositions(sheet, { y, x });
+      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) {
@@ -4031,12 +4263,12 @@ const CellStateOverlay = ({ refs = {} }) => {
       );
     });
     ctx.restore();
-    const numCols = sheet.numCols;
-    const numRows = sheet.numRows;
-    for (let x = 1; x <= numCols; x++) {
+    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 (between({ start: selectingZone.startX, end: selectingZone.endX }, x)) {
+      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)";
       }
@@ -4047,7 +4279,7 @@ const CellStateOverlay = ({ refs = {} }) => {
       if (!color) {
         continue;
       }
-      const pos = getCellRectPositions(sheet, { y: 1, x });
+      const pos = Q(sheet, { y: 1, x });
       const left = pos.left - scrollLeft;
       if (left + pos.width < headerW || left > w) {
         continue;
@@ -4066,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 (between({ 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)";
       }
@@ -4083,7 +4315,7 @@ const CellStateOverlay = ({ refs = {} }) => {
       if (!color) {
         continue;
       }
-      const pos = getCellRectPositions(sheet, { y, x: 1 });
+      const pos = Q(sheet, { y, x: 1 });
       const top = pos.top - scrollTop;
       if (top + pos.height < headerH || top > h2) {
         continue;
@@ -4217,7 +4449,7 @@ const Tabular = () => {
   const handleScroll = useCallback(
     (e) => {
       if (sheet) {
-        setVirtualized(virtualize(sheet, e.currentTarget));
+        setVirtualized(ne(sheet, e.currentTarget));
       }
     },
     [sheetReactive]
@@ -4251,17 +4483,17 @@ const Tabular = () => {
     }
     const palette2 = {};
     const paletteBySheetName = {};
-    const lexer = new Lexer(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 = stripAddressAbsolute(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 = stripSheetName(sheetName);
+          const stripped = bn(sheetName);
           const upperRef = ref.toUpperCase();
           if (paletteBySheetName[stripped] == null) {
             paletteBySheetName[stripped] = {};
@@ -4284,14 +4516,14 @@ const Tabular = () => {
     if (!sheet) {
       return;
     }
-    sheet.registry.choosingAddress = p2a(choosing);
+    sheet.registry.choosingAddress = M(choosing);
     sheet.registry.choosingSheetId = sheet.id;
   }, [choosing]);
   useEffect(() => {
     if (!sheet) {
       return;
     }
-    setVirtualized(virtualize(sheet, tabularRef.current));
+    setVirtualized(ne(sheet, tabularRef.current));
   }, [
     tabularRef.current,
     sheetReactive,
@@ -4305,7 +4537,7 @@ const Tabular = () => {
     if (!el) {
       return;
     }
-    return preventSafariBounce(el);
+    return Z(el);
   }, [sheetReactive]);
   useEffect(() => {
     if (!sheet || !sheet.eager || !sheet.registry.ready) {
@@ -4339,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: [
@@ -4452,11 +4686,11 @@ const FormulaBar = ({ ready }) => {
   } = store;
   const sheet = sheetRef.current;
   const hlRef = useRef(null);
-  const address = choosing.x === -1 ? "" : p2a(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 ? a2p(spilledFromAddress) : void 0;
-  const originAddress = originPoint != null ? p2a(originPoint) : void 0;
+  const originPoint = spilledFromAddress ? T(spilledFromAddress) : void 0;
+  const originAddress = originPoint != null ? M(originPoint) : void 0;
   useEffect(() => {
     var _a2;
     if (!sheet) {
@@ -4473,7 +4707,7 @@ const FormulaBar = ({ ready }) => {
         dispatch(write({ value }));
       }
       dispatch(setEditingAddress(""));
-      focus(editorRef.current);
+      _(editorRef.current);
     },
     [before]
   );
@@ -4554,10 +4788,6 @@ const FormulaBar = ({ ready }) => {
         return true;
       }
       const input = e.currentTarget;
-      if (handleFormulaQuoteAutoClose(e, inputting)) {
-        dispatch(setInputting(input.value));
-        return false;
-      }
       switch (e.key) {
         case "Tab":
           e.preventDefault();
@@ -4569,7 +4799,7 @@ const FormulaBar = ({ ready }) => {
               dispatch(setInputting(newValue));
               setTimeout(() => {
                 if (largeEditorRef.current) {
-                  focus(largeEditorRef.current);
+                  _(largeEditorRef.current);
                   largeEditorRef.current.setSelectionRange(newCursor, newCursor);
                 }
               }, 0);
@@ -4600,7 +4830,7 @@ const FormulaBar = ({ ready }) => {
               dispatch(setInputting(newValue));
               setTimeout(() => {
                 if (largeEditorRef.current) {
-                  focus(largeEditorRef.current);
+                  _(largeEditorRef.current);
                   largeEditorRef.current.setSelectionRange(newCursor, newCursor);
                 }
               }, 0);
@@ -4609,7 +4839,7 @@ const FormulaBar = ({ ready }) => {
             }
           }
           if (e.altKey) {
-            insertTextAtCursor(input, "\n");
+            R(input, "\n");
           } else {
             writeCell(input.value);
             dispatch(setInputting(""));
@@ -4631,7 +4861,7 @@ const FormulaBar = ({ ready }) => {
           dispatch(setInputting(before));
           dispatch(setEditingAddress(""));
           e.preventDefault();
-          focus(editorRef.current);
+          _(editorRef.current);
           break;
         }
         case "a":
@@ -4650,7 +4880,7 @@ const FormulaBar = ({ ready }) => {
           break;
       }
       const cell2 = sheet.getCell(choosing, { resolution: "SYSTEM" });
-      if (operations.hasOperation(cell2 == null ? void 0 : cell2.prevention, operations.Write)) {
+      if (Mn.hasOperation(cell2 == null ? void 0 : cell2.prevention, Mn.Write)) {
         console.warn("This cell is protected from writing.");
         e.preventDefault();
       }
@@ -4683,7 +4913,7 @@ const FormulaBar = ({ ready }) => {
         dispatch(setInputting(newValue));
         setTimeout(() => {
           if (largeEditorRef.current) {
-            focus(largeEditorRef.current);
+            _(largeEditorRef.current);
             largeEditorRef.current.setSelectionRange(newCursor, newCursor);
           }
         }, 0);
@@ -4858,15 +5088,15 @@ const SearchBar = () => {
     if (!matchingCell || !sheet) {
       return;
     }
-    const point = a2p(matchingCell);
+    const point = T(matchingCell);
     if (typeof point === "undefined") {
       return;
     }
-    smartScroll(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" && focus(input);
+    (input == null ? void 0 : input.nodeName) === "INPUT" && _(input);
   }, []);
   const handleSearchClick = useCallback(() => {
     dispatch(search(1));
@@ -4879,7 +5109,7 @@ const SearchBar = () => {
       if (e.key === "Escape") {
         const el = editorRef == null ? void 0 : editorRef.current;
         if (el) {
-          focus(el);
+          _(el);
         }
         dispatch(setSearchQuery(void 0));
       }
@@ -4906,7 +5136,7 @@ const SearchBar = () => {
     if (!selectingZone) {
       return false;
     }
-    if (isZoneNotSelected(selectingZone)) {
+    if (wn(selectingZone)) {
       return false;
     }
     const { startY, startX, endY, endX } = selectingZone;
@@ -4917,8 +5147,8 @@ const SearchBar = () => {
       return "";
     }
     const { startY, startX, endY, endX } = selectingZone;
-    const topLeft = `${x2c(Math.min(startX, endX))}${y2r(Math.min(startY, endY))}`;
-    const bottomRight = `${x2c(Math.max(startX, endX))}${y2r(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(() => {
@@ -4941,13 +5171,13 @@ const SearchBar = () => {
       return "";
     }
     const { startY, startX, endY, endX } = searchRange;
-    const topLeft = `${x2c(startX)}${y2r(startY)}`;
-    const bottomRight = `${x2c(endX)}${y2r(endY)}`;
+    const topLeft = `${G(startX)}${bt(startY)}`;
+    const bottomRight = `${G(endX)}${bt(endY)}`;
     return `${topLeft}:${bottomRight}`;
   }, [searchRange]);
   const handleCloseClick = useCallback(() => {
     dispatch(setSearchQuery(void 0));
-    focus(editorRef.current);
+    _(editorRef.current);
   }, [editorRef]);
   if (typeof searchQuery === "undefined") {
     return null;
@@ -5030,7 +5260,8 @@ function GridSheet({
   options = {},
   className,
   style,
-  book: initialBook
+  book: initialBook,
+  loading: loadingProp
 }) {
   var _a, _b, _c;
   const {
@@ -5042,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);
@@ -5084,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 Sheet({
+    const sheet = new Y({
       limits,
       name: sheetName,
       registry,
@@ -5134,7 +5365,8 @@ function GridSheet({
       columnMenuState: null,
       rowMenuState: null,
       editorHovering: true,
-      mode: "light"
+      mode: "light",
+      pendingAsyncOp: null
     };
     return store2;
   });
@@ -5144,7 +5376,7 @@ function GridSheet({
     () => initialState
   );
   useEffect(() => {
-    embedStyle();
+    me();
   }, []);
   const fillWidth = typeof options.sheetWidth === "string";
   const fillHeight = typeof options.sheetHeight === "string";
@@ -5198,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",
     {
@@ -5272,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
             ]
           }
         )
@@ -5282,13 +5579,13 @@ function GridSheet({
 }
 const estimateSheetHeight = (initialCells) => {
   var _a, _b, _c, _d, _e;
-  const auto = getMaxSizesFromCells(initialCells);
-  let estimatedHeight = ((_a = initialCells[0]) == null ? void 0 : _a.height) ?? HEADER_HEIGHT;
+  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 = y2r(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[DEFAULT_ROW_KEY]) == null ? void 0 : _d.height) || ((_e = initialCells == null ? void 0 : initialCells.default) == null ? void 0 : _e.height) || DEFAULT_HEIGHT;
-    if (estimatedHeight + height > SHEET_HEIGHT) {
-      return SHEET_HEIGHT;
+    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;
   }
@@ -5296,13 +5593,13 @@ const estimateSheetHeight = (initialCells) => {
 };
 const estimateSheetWidth = (initialCells) => {
   var _a, _b, _c, _d, _e;
-  const auto = getMaxSizesFromCells(initialCells);
-  let estimatedWidth = ((_a = initialCells[0]) == null ? void 0 : _a.width) ?? HEADER_WIDTH;
+  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 = x2c(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[DEFAULT_COL_KEY]) == null ? void 0 : _d.width) || ((_e = initialCells == null ? void 0 : initialCells.default) == null ? void 0 : _e.width) || DEFAULT_WIDTH;
-    if (estimatedWidth + width > SHEET_WIDTH) {
-      return SHEET_WIDTH;
+    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;
   }
@@ -5343,96 +5640,99 @@ function makeBorder(options) {
   return result;
 }
 export {
-  BaseFunction,
-  BaseFunctionAsync,
+  bi as BaseFunction,
+  bj as BaseFunctionAsync,
   CheckboxPolicyMixin,
   Children,
   Component,
-  DEFAULT_HISTORY_LIMIT,
-  FormulaError2 as FormulaError,
-  FormulaParser,
+  bA as DEFAULT_HISTORY_LIMIT,
+  S as FormulaError,
+  bk as FormulaParser,
   Fragment2 as Fragment,
   GridSheet,
-  Lexer2 as Lexer,
+  te as Lexer,
   MenuDivider,
   MenuItem,
-  Pending2 as Pending,
-  PercentagePolicyMixin,
+  L as Pending,
+  bz as PercentagePolicyMixin,
   PluginBase,
-  Policy,
+  bx as Policy,
+  ProgressOverlay,
   PureComponent,
-  RangeEntity,
-  RefEntity,
-  Registry,
-  Sheet2 as Sheet,
-  Spilling,
+  bn2 as RangeEntity,
+  bl as RefEntity,
+  b6 as Registry,
+  Y as Sheet,
+  bB as Spilling,
   StrictMode,
   Suspense,
   SuspenseList,
-  ThousandSeparatorPolicyMixin,
-  Time,
-  ValueEntity,
-  a2p2 as a2p,
-  aa2oa,
-  addressesToAreas,
-  addressesToCols,
-  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,
-  areaToRange2 as areaToRange,
-  areaToZone2 as areaToZone,
-  buildInitialCells,
-  buildInitialCellsFromOrigin,
-  c2x,
-  ch,
-  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,
-  conditionArg,
-  createBook,
-  createBooleanMask,
+  bv as conditionArg,
+  b7 as createBook,
+  bu as createBooleanMask,
   createContext2 as createContext,
   createElement,
   createFactory,
   createPortal2 as createPortal,
   createRef2 as createRef,
-  createRegistry,
+  b8 as createRegistry,
   createSheetRef,
   createStoreRef,
   defaultColMenuDescriptors,
   defaultContextMenuDescriptors,
   defaultRowMenuDescriptors,
-  eachMatrix,
-  ensureBoolean,
-  ensureDate,
-  ensureNumber,
-  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,
-  matrixShape,
+  aZ as matrixShape,
   memo2 as memo,
-  oa2aa,
-  operations2 as operations,
-  p2a2 as p2a,
-  r2y,
+  aV as oa2aa,
+  Mn as operations,
+  M as p2a,
+  b3 as r2y,
   registerMenuComponent,
   render,
-  rh,
+  b4 as rh,
   sheet2csv,
-  stripMatrix,
-  toCellCols,
-  toCellMatrix,
-  toCellObject,
-  toCellRows,
-  toValueCols,
-  toValueMatrix,
-  toValueObject,
-  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,
@@ -5441,7 +5741,7 @@ export {
   useContext2 as useContext,
   useDebugValue,
   useEffect2 as useEffect,
-  useImperativeHandle,
+  useImperativeHandle2 as useImperativeHandle,
   useInitialPluginContext,
   useLayoutEffect2 as useLayoutEffect,
   useMemo2 as useMemo,
@@ -5451,10 +5751,10 @@ export {
   useSheetRef,
   useState2 as useState,
   useStoreRef,
-  X as userActions,
+  bC as userActions,
   version,
-  x2c2 as x2c,
-  y2r2 as y2r,
-  zoneToArea2 as zoneToArea
+  G as x2c,
+  bt as y2r,
+  ks as zoneToArea
 };
 //# sourceMappingURL=index.js.map