@gridsheet/preact-core 3.1.0 → 3.3.0

package/dist/index.js

@@ -1,11 +1,9 @@
 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 { Z, e as ee, K, R as Rs, j, $ as $t, y as yn, u as useBrowser, s as setEditingAddress, N, W, w as write, a as setInputting, b as updateSheet, E as Et, _, V, r as redo, c as undo, d as cut, f as Ee, g as setSearchQuery, h as setEntering, i as copy, k as select, l as arrow, m as escape, n as clear, v, o as walk, p as pn, X, q as paste, t as setEditorHovering, x as _n, z as setStore, A as submitAutofill, B as setDragging, C as setAutofillDraggingTo, D as drag, F as jt, J, G as setResizingPositionY, H as setResizingPositionX, I as Vr, L as jr, M as D, P as Pr, O as kr, Q as filterRows, S as sortRows, T as Xr, U as removeCols, Y as removeRows, a0 as insertColsRight, a1 as insertColsLeft, a2 as insertRowsBelow, a3 as insertRowsAbove, a4 as setContextMenuPosition, a5 as Rn, a6 as setColumnMenu, a7 as setRowMenu, a8 as isXSheetFocused, a9 as setEditorRect, aa as x, ab as k, ac as choose, ad as Y, ae as zr, af as J$1, ag as oe, ah as Wr, ai as Q, aj as U, ak as selectCols, al as useDebounceCallback, am as selectRows, an as En, ao as O, ap as N$1, aq as q, ar as Br, as as on, at as $, au as G, av as search, aw as setSearchCaseSensitive, ax as setSearchRegex, ay as rn, az as setSearchRange, aA as useBook, aB as $$1, aC as reducer, aD as re, aE as isMutationAction, aF as Cs, aG as Re, aH as vt, aI as Dr, aJ as _e, aK as Dt, aL as vr } from "./hooks-DroLjp9H.mjs";
+import { b8, b9, bq, ba, bp, bn, bd, bb, aZ, br, bo, aU, bc, aN, aR, aS, aT, aO, aP, aV, aY, bi, bl, a_, bk, a$, bj, bg, bh, bf, be, aQ, aM, aW, aX, bm, b7, b4, b5, b6, b3, b0, b1, b2, bs } from "./hooks-DroLjp9H.mjs";
 import { jsxs, jsx, Fragment } from "preact/compat/jsx-runtime";
 import React, { createContext, useRef, useContext, useLayoutEffect, useState, useMemo, useCallback, createPortal, memo, useEffect, createRef, useReducer } from "preact/compat";
 import { Children, Component, Fragment as Fragment2, PureComponent, StrictMode, Suspense, SuspenseList, cloneElement, render as render2, createContext as createContext2, createElement, createFactory, createPortal as createPortal2, createRef as createRef2, findDOMNode, forwardRef, hydrate, isValidElement, lazy, memo as memo2, unmountComponentAtNode, unstable_batchedUpdates, useCallback as useCallback2, useContext as useContext2, useDebugValue, useEffect as useEffect2, useImperativeHandle, useLayoutEffect as useLayoutEffect2, useMemo as useMemo2, useReducer as useReducer2, useRef as useRef2, useState as useState2, version } from "preact/compat";
-import { 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";
 const Context = createContext(
   {}
 );
@@ -25,14 +23,14 @@ const FunctionGuide = ({
     if (!el) {
       return;
     }
-    calcSideStyle(el);
+    Z(el);
   });
   useLayoutEffect(() => {
     const el = ref.current;
     if (!el || left === void 0) {
       return;
     }
-    clampPopup(el);
+    ee(el);
   });
   if (option) {
     return /* @__PURE__ */ jsxs(
@@ -50,7 +48,7 @@ const FunctionGuide = ({
           option.isFunction && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "gs-fn-guide1-example", children: option.example }),
             option.description && /* @__PURE__ */ jsx("div", { className: "gs-fn-guide1-desc", style: { whiteSpace: "pre-line" }, children: option.description }),
-            option.defs && option.defs.length > 0 && /* @__PURE__ */ jsx("div", { className: "gs-fn-guide1-args", children: option.defs.map((arg, j) => {
+            option.defs && option.defs.length > 0 && /* @__PURE__ */ jsx("div", { className: "gs-fn-guide1-args", children: option.defs.map((arg, j2) => {
               var _a;
               return /* @__PURE__ */ jsxs("div", { className: "gs-fn-guide1-arg", children: [
                 /* @__PURE__ */ jsx("span", { className: "gs-fn-guide1-arg-name", children: arg.name }),
@@ -61,7 +59,7 @@ const FunctionGuide = ({
                   " — ",
                   arg.description
                 ] })
-              ] }, j);
+              ] }, j2);
             }) })
           ] })
         ]
@@ -82,25 +80,25 @@ const FunctionGuide = ({
             const args = activeFunctionGuide.defs ?? [];
             const numIterable = args.filter((a) => a.variadic).length;
             const variadicStart = args.length - numIterable;
-            return args.map((arg, j) => {
+            return args.map((arg, j2) => {
               let isActive;
               if (activeArgIndex < variadicStart) {
-                isActive = activeArgIndex === j;
-              } else if (numIterable > 0 && j >= variadicStart) {
+                isActive = activeArgIndex === j2;
+              } else if (numIterable > 0 && j2 >= variadicStart) {
                 const offset = (activeArgIndex - variadicStart) % numIterable;
-                isActive = j === variadicStart + offset;
+                isActive = j2 === variadicStart + offset;
               } else {
                 isActive = false;
               }
               return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-                j > 0 ? ", " : "",
+                j2 > 0 ? ", " : "",
                 /* @__PURE__ */ jsxs("span", { className: isActive ? "gs-active-arg" : "", children: [
                   arg.optional ? "[" : "",
                   arg.name,
                   arg.variadic ? ", ..." : "",
                   arg.optional ? "]" : ""
                 ] })
-              ] }, j);
+              ] }, j2);
             });
           })() }),
           (() => {
@@ -150,7 +148,7 @@ const EditorOptions = ({
       return;
     }
     const width = ulRef.current.getBoundingClientRect().width;
-    setAdjustedLeft(clampLeft(left, width));
+    setAdjustedLeft(K(left, width));
   }, [left, filteredOptions]);
   if (filteredOptions.length === 0) {
     return null;
@@ -177,11 +175,11 @@ const clip = (store) => {
   if (!sheet) {
     return { top: 0, left: 0, bottom: 0, right: 0 };
   }
-  const { y, x } = choosing;
-  const selectingArea = zoneToArea(selectingZone);
+  const { y, x: x2 } = choosing;
+  const selectingArea = Rs(selectingZone);
   let area = selectingArea;
   if (area.left === -1) {
-    area = { top: y, left: x, bottom: y, right: x };
+    area = { top: y, left: x2, bottom: y, right: x2 };
   }
   const input = editorRef.current;
   const trimmed = sheet.trim(area);
@@ -208,7 +206,7 @@ const clip = (store) => {
     ]);
   } else if (input != null) {
     input.value = tsv;
-    focus(input);
+    j(input);
     input.select();
     document.execCommand("copy");
     input.value = "";
@@ -233,8 +231,8 @@ const sheet2csv = (sheet, {
     }
     const cols = [];
     let rowIsEmpty = true;
-    for (let x = sheet.left; x <= sheet.right; x++) {
-      const point = { y, x };
+    for (let x2 = sheet.left; x2 <= sheet.right; x2++) {
+      const point = { y, x: x2 };
       const value = getter(sheet, point);
       if (value !== "") {
         rowIsEmpty = false;
@@ -269,8 +267,8 @@ const sheet2html = (sheet, {
     }
     const cols = [];
     let rowIsEmpty = true;
-    for (let x = sheet.left; x <= sheet.right; x++) {
-      const point = { y, x };
+    for (let x2 = sheet.left; x2 <= sheet.right; x2++) {
+      const point = { y, x: x2 };
       const value = getter(sheet, point);
       if (value !== "") {
         rowIsEmpty = false;
@@ -299,7 +297,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 $t(textToCursor);
         lexer.tokenize();
         const functionStack = [];
         for (let i = 0; i < lexer.tokens.length; i++) {
@@ -326,7 +324,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
         }
         if (functionStack.length > 0) {
           const activeItem = functionStack[functionStack.length - 1];
-          const helps = getFunctionHelps(functions);
+          const helps = yn(functions);
           activeArgIndex2 = activeItem.argIndex;
           activeFunctionHelp2 = helps.find((h2) => h2.name === activeItem.name.toUpperCase()) || null;
         }
@@ -341,7 +339,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
     let isOnAddress = false;
     if (isFormula) {
       try {
-        const fullLexer = new Lexer(inputting.slice(1));
+        const fullLexer = new $t(inputting.slice(1));
         fullLexer.tokenize();
         let currentIndex = 1;
         for (const token of fullLexer.tokens) {
@@ -367,7 +365,7 @@ const useAutocomplete = ({ inputting, selectionStart, optionsAll, functions }) =
     }
     if (isFormula && !isOnAddress) {
       if (currentWord.length > 0 && !hasOpenParenAssigned) {
-        filtered = getFunctionHelps(functions).map((help) => {
+        filtered = yn(functions).map((help) => {
           const keywordLower = help.name.toLowerCase();
           const startsWith = keywordLower.startsWith(currentWord);
           const index = startsWith ? 0 : -1;
@@ -517,7 +515,7 @@ const parseHTML = (html, onlyValue = false) => {
       }
       const cells = Array.from(row.querySelectorAll("td, th"));
       const result = [];
-      let j = 0;
+      let j2 = 0;
       for (const cell of cells) {
         const value = ((_b = cell.textContent) == null ? void 0 : _b.trim()) ?? "";
         const style = onlyValue ? void 0 : (() => {
@@ -525,7 +523,7 @@ const parseHTML = (html, onlyValue = false) => {
           const parentStyle = parseStyleString(cell);
           return { ...parentStyle, ...childStyle };
         })();
-        while (spans.has(`${i}-${++j}`)) {
+        while (spans.has(`${i}-${++j2}`)) {
           result.push({ value: "", style, skip: true });
         }
         result.push({ value, style });
@@ -533,7 +531,7 @@ const parseHTML = (html, onlyValue = false) => {
         const colSpan = parseInt(cell.getAttribute("colspan") ?? "1", 10);
         for (let r = 0; r < rowSpan; r++) {
           for (let c = 0; c < colSpan; c++) {
-            spans.add(`${i + r}-${j + c}`);
+            spans.add(`${i + r}-${j2 + c}`);
           }
         }
       }
@@ -599,7 +597,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 +752,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 +800,7 @@ const Editor = ({ mode }) => {
     functions: sheet == null ? void 0 : sheet.registry.functions
   });
   useEffect(() => {
-    focus(editorRef == null ? void 0 : editorRef.current);
+    j(editorRef == null ? void 0 : editorRef.current);
   }, [editorRef]);
   useEffect(() => {
     if (!sheet) {
@@ -824,14 +825,14 @@ const Editor = ({ mode }) => {
     sheet.registry.editingAddress = editingAddress;
   }, [editingAddress, sheet, sheetId]);
   useEffect(() => {
-    expandInput(editorRef.current);
+    N(editorRef.current);
   }, [inputting, editingAddress, editorRef]);
-  const { y, x } = choosing;
-  const rowId = `${y2r(y)}`;
-  const colId = x2c(x);
+  const { y, x: x2 } = choosing;
+  const rowId = `${Et(y)}`;
+  const colId = W(x2);
   const address = `${colId}${rowId}`;
   const editing = editingAddress === address;
-  const cell = sheet == null ? void 0 : sheet.getCell({ y, x }, { resolution: "RAW" });
+  const cell = sheet == null ? void 0 : sheet.getCell({ y, x: x2 }, { resolution: "RAW" });
   const currentString = sheet ? sheet.getSerializedValue({ point: choosing, cell, resolution: "RAW" }) : "";
   const [before, setBefore] = useState(currentString);
   const writeCell = useCallback(
@@ -855,7 +856,7 @@ const Editor = ({ mode }) => {
           dispatch(setInputting(newValue));
           setTimeout(() => {
             if (editorRef.current) {
-              focus(editorRef.current);
+              j(editorRef.current);
               editorRef.current.setSelectionRange(newCursor, newCursor);
             }
           }, 0);
@@ -879,14 +880,14 @@ const Editor = ({ mode }) => {
     }
     setBefore(currentString);
     dispatch(setInputting(currentString));
-    resetInput(editorRef.current, sheet, choosing);
+    _(editorRef.current, sheet, choosing);
   }, [choosing, currentString, dispatch, editorRef, sheet]);
   const { y: top, x: left, height, width } = editorRect;
   const numLines = currentString.split("\n").length;
   const [isKeyDown, setIsKeyDown] = useState(false);
   const handleKeyDown = useCallback(
     (e) => {
-      var _a2, _b2, _c, _d, _e, _f;
+      var _a2, _b2, _c, _d, _e2, _f;
       if (!sheet) {
         return;
       }
@@ -903,7 +904,7 @@ const Editor = ({ mode }) => {
         });
       }
       const input = e.currentTarget;
-      if (handleFormulaQuoteAutoClose(e, inputting)) {
+      if (V(e, inputting)) {
         dispatch(setInputting(input.value));
         return false;
       }
@@ -944,7 +945,7 @@ const Editor = ({ mode }) => {
                 return false;
               }
             } else if (e.altKey) {
-              insertTextAtCursor(input, "\n");
+              v(input, "\n");
               dispatch(setInputting(input.value));
               e.preventDefault();
               return false;
@@ -975,7 +976,7 @@ const Editor = ({ mode }) => {
           return false;
         case "Backspace":
           if (!editing) {
-            if (((_c = sheet.getSystem({ y, x })) == null ? void 0 : _c.spilledFrom) != null) {
+            if (((_c = sheet.getSystem({ y, x: x2 })) == null ? void 0 : _c.spilledFrom) != null) {
               e.preventDefault();
               return false;
             }
@@ -986,7 +987,7 @@ const Editor = ({ mode }) => {
           break;
         case "Delete":
           if (!editing) {
-            if (((_d = sheet.getSystem({ y, x })) == null ? void 0 : _d.spilledFrom) != null) {
+            if (((_d = sheet.getSystem({ y, x: x2 })) == null ? void 0 : _d.spilledFrom) != null) {
               e.preventDefault();
               return false;
             }
@@ -1094,8 +1095,8 @@ const Editor = ({ mode }) => {
             if (!editing) {
               e.preventDefault();
               const area = clip(store);
-              dispatch(copy(areaToZone(area)));
-              focus(input);
+              dispatch(copy(Ee(area)));
+              j(input);
               return false;
             }
             return true;
@@ -1109,7 +1110,7 @@ const Editor = ({ mode }) => {
                 dispatch(setSearchQuery(""));
               }
               dispatch(setEntering(false));
-              requestAnimationFrame(() => focus(searchInputRef.current));
+              requestAnimationFrame(() => j(searchInputRef.current));
               return false;
             }
           }
@@ -1130,7 +1131,7 @@ const Editor = ({ mode }) => {
           if (e.ctrlKey || e.metaKey) {
             if (!editing) {
               e.preventDefault();
-              (_f = (_e = sheet.registry).onSave) == null ? void 0 : _f.call(_e, {
+              (_f = (_e2 = sheet.registry).onSave) == null ? void 0 : _f.call(_e2, {
                 sheet,
                 points: {
                   pointing: choosing,
@@ -1159,8 +1160,8 @@ const Editor = ({ mode }) => {
             if (!editing) {
               e.preventDefault();
               const area = clip(store);
-              dispatch(cut(areaToZone(area)));
-              focus(input);
+              dispatch(cut(Ee(area)));
+              j(input);
               return false;
             }
           }
@@ -1190,7 +1191,7 @@ const Editor = ({ mode }) => {
       if (e.ctrlKey || e.metaKey) {
         return false;
       }
-      if (operations.hasOperation(cell == null ? void 0 : cell.prevention, operations.Write)) {
+      if (pn.hasOperation(cell == null ? void 0 : cell.prevention, pn.Write)) {
         console.warn("This cell is protected from writing.");
         return false;
       }
@@ -1231,7 +1232,7 @@ const Editor = ({ mode }) => {
   );
   const handleDoubleClick = useCallback(
     (e) => {
-      if (operations.hasOperation(cell == null ? void 0 : cell.prevention, operations.Write)) {
+      if (pn.hasOperation(cell == null ? void 0 : cell.prevention, pn.Write)) {
         console.warn("This cell is protected from writing.");
         return;
       }
@@ -1252,7 +1253,7 @@ const Editor = ({ mode }) => {
   const handleBlur = useCallback(
     (e) => {
       setIsFocused(false);
-      if (isRefInsertable(e.currentTarget)) {
+      if (X(e.currentTarget)) {
         return true;
       } else {
         if (editing) {
@@ -1265,7 +1266,7 @@ const Editor = ({ mode }) => {
   );
   const handleChange = useCallback(
     (e) => {
-      if (operations.hasOperation(cell == null ? void 0 : cell.prevention, operations.Write)) {
+      if (pn.hasOperation(cell == null ? void 0 : cell.prevention, pn.Write)) {
         return;
       }
       dispatch(setInputting(e.currentTarget.value));
@@ -1302,7 +1303,7 @@ const Editor = ({ mode }) => {
     (e) => {
       var _a2, _b2;
       setShiftKey(false);
-      const selectingArea = zoneToArea(store.selectingZone);
+      const selectingArea = Rs(store.selectingZone);
       (_b2 = sheet == null ? void 0 : (_a2 = sheet.registry).onKeyUp) == null ? void 0 : _b2.call(_a2, {
         e,
         points: {
@@ -1408,7 +1409,7 @@ const editorStyle = (text) => {
   if (text[0] !== "=") {
     return /* @__PURE__ */ jsx(Fragment, { children: text });
   }
-  const lexer = new Lexer(text.substring(1));
+  const lexer = new $t(text.substring(1));
   lexer.tokenize();
   let palletIndex = 0;
   const exists = {};
@@ -1431,12 +1432,12 @@ const editorStyle = (text) => {
             {
               token,
               tokenKey,
-              color: COLOR_PALETTE[existsIndex % COLOR_PALETTE.length]
+              color: _n[existsIndex % _n.length]
             },
             tokenKey
           );
         }
-        const color = COLOR_PALETTE[palletIndex % COLOR_PALETTE.length];
+        const color = _n[palletIndex % _n.length];
         exists[normalizedToken] = palletIndex++;
         return /* @__PURE__ */ jsx(
           TokenSpan,
@@ -1491,6 +1492,8 @@ const StoreObserver = ({
   sheetName,
   sheetHeight,
   sheetWidth,
+  fixedWidth,
+  fixedHeight,
   sheetRef,
   storeRef,
   editingOnEnter,
@@ -1499,6 +1502,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 x2 = Number(cell.dataset.x);
+          const key = y + ":" + x2;
+          const now = performance.now();
+          if (!Number.isNaN(y) && !Number.isNaN(x2) && key !== lastCell && now - lastExtend > 80) {
+            lastCell = key;
+            lastExtend = now;
+            d(s.autofillDraggingTo ? setAutofillDraggingTo({ x: x2, y }) : drag({ y, x: x2 }));
+          }
+        }
+      }
+      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;
@@ -1546,6 +1659,9 @@ const StoreObserver = ({
       dispatch(setStore({ sheetWidth }));
     }
   }, [sheetWidth]);
+  useEffect(() => {
+    dispatch(setStore({ fixedWidth: !!fixedWidth, fixedHeight: !!fixedHeight }));
+  }, [fixedWidth, fixedHeight]);
   useEffect(() => {
     if (typeof editingOnEnter !== "undefined") {
       dispatch(setStore({ editingOnEnter }));
@@ -1580,36 +1696,36 @@ const Resizer = () => {
   } = store;
   const sheet = sheetRef.current;
   const [y, startY, endY] = posY;
-  const [x, startX, endX] = posX;
+  const [x2, startX, endX] = posX;
   if (mainRef.current == null || editorRef.current == null || !sheet) {
     return /* @__PURE__ */ jsx("div", { className: "gs-resizing gs-hidden" });
   }
-  const cell = sheet.getCell({ y: y === -1 ? 0 : y, x: x === -1 ? 0 : x }, { resolution: "SYSTEM" });
+  const cell = sheet.getCell({ y: y === -1 ? 0 : y, x: x2 === -1 ? 0 : x2 }, { 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) || jt;
+  const baseHeight = (cell == null ? void 0 : cell.height) || J;
   const width = baseWidth + (endX - startX);
   const height = baseHeight + (endY - startY);
   const handleResizeEnd = () => {
-    const selectingArea = zoneToArea(selectingZone);
+    const selectingArea = Rs(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 (x2 !== -1) {
+      let xs = [x2];
+      if (topHeaderSelecting && Vr({ start: left, end: right }, x2)) {
+        xs = jr(left, right + 1);
       }
-      xs.forEach((x2) => {
-        diff[p2a({ y: 0, x: x2 })] = { width };
+      xs.forEach((x22) => {
+        diff[D({ y: 0, x: x22 })] = { width };
       });
     }
     if (y !== -1) {
       let ys = [y];
-      if (leftHeaderSelecting && between({ start: top, end: bottom }, y)) {
-        ys = makeSequence(top, bottom + 1);
+      if (leftHeaderSelecting && Vr({ start: top, end: bottom }, y)) {
+        ys = jr(top, bottom + 1);
       }
       ys.forEach((y2) => {
-        diff[p2a({ y: y2, x: 0 })] = { height };
+        diff[D({ y: y2, x: 0 })] = { height };
       });
     }
     sheet.update({
@@ -1625,33 +1741,33 @@ const Resizer = () => {
     );
     dispatch(setResizingPositionY([-1, -1, -1]));
     dispatch(setResizingPositionX([-1, -1, -1]));
-    focus(editorRef.current);
+    j(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 < Pr) {
+        endY2 += Pr - height2;
       }
       dispatch(setResizingPositionY([y, startY, endY2]));
-    } else if (x !== -1) {
+    } else if (x2 !== -1) {
       let endX2 = e.clientX;
       const width2 = baseWidth + (endX2 - startX);
-      if (width2 < MIN_WIDTH) {
-        endX2 += MIN_WIDTH - width2;
+      if (width2 < kr) {
+        endX2 += kr - width2;
       }
-      dispatch(setResizingPositionX([x, startX, endX2]));
+      dispatch(setResizingPositionX([x2, startX, endX2]));
     }
   };
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `gs-resizing ${y === -1 && x === -1 ? "gs-hidden" : ""}`,
+      className: `gs-resizing ${y === -1 && x2 === -1 ? "gs-hidden" : ""}`,
       onMouseUp: handleResizeEnd,
       onMouseMove: handleResizeMove,
       children: [
-        /* @__PURE__ */ jsx("div", { className: `gs-line-vertical ${x === -1 ? "gs-hidden" : ""}`, children: /* @__PURE__ */ jsx("div", { className: "gs-line", style: { width: 1, height: "100%", left: endX - offsetX }, children: /* @__PURE__ */ jsxs("span", { style: { left: "-50%" }, children: [
+        /* @__PURE__ */ jsx("div", { className: `gs-line-vertical ${x2 === -1 ? "gs-hidden" : ""}`, children: /* @__PURE__ */ jsx("div", { className: "gs-line", style: { width: 1, height: "100%", left: endX - offsetX }, children: /* @__PURE__ */ jsxs("span", { style: { left: "-50%" }, children: [
           width,
           "px"
         ] }) }) }),
@@ -1696,14 +1812,14 @@ const Emitter = () => {
 const copier = async ({ store, dispatch }) => {
   const { editorRef } = store;
   const area = clip(store);
-  dispatch(copy(areaToZone(area)));
-  focus(editorRef.current);
+  dispatch(copy(Ee(area)));
+  j(editorRef.current);
 };
 const cutter = async ({ store, dispatch }) => {
   const { editorRef } = store;
   const area = clip(store);
-  dispatch(cut(areaToZone(area)));
-  focus(editorRef.current);
+  dispatch(cut(Ee(area)));
+  j(editorRef.current);
 };
 const paster = async ({ store, dispatch }, onlyValue = false) => {
   const { editorRef } = store;
@@ -1728,118 +1844,118 @@ const paster = async ({ store, dispatch }, onlyValue = false) => {
     }
   }
   dispatch(paste({ matrix: cells, onlyValue }));
-  focus(editorRef.current);
+  j(editorRef.current);
 };
 const undoer = async ({ store, dispatch }) => {
   const { editorRef } = store;
   dispatch(undo(null));
-  focus(editorRef.current);
+  j(editorRef.current);
 };
 const redoer = async ({ store, dispatch }) => {
   const { editorRef } = store;
   dispatch(redo(null));
-  focus(editorRef.current);
+  j(editorRef.current);
 };
 const rowsInserterAbove = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { top } = zoneToArea(selectingZone);
-  const numRows = zoneShape(selectingZone).rows;
+  const { top } = Rs(selectingZone);
+  const numRows = Xr(selectingZone).rows;
   dispatch(insertRowsAbove({ numRows, y: top, operator: "USER" }));
-  focus(editorRef.current);
+  j(editorRef.current);
 };
 const rowsInserterBelow = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { bottom } = zoneToArea(selectingZone);
-  const numRows = zoneShape(selectingZone).rows;
+  const { bottom } = Rs(selectingZone);
+  const numRows = Xr(selectingZone).rows;
   dispatch(insertRowsBelow({ numRows, y: bottom, operator: "USER" }));
-  focus(editorRef.current);
+  j(editorRef.current);
 };
 const colsInserterLeft = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { left } = zoneToArea(selectingZone);
-  const numCols = zoneShape(selectingZone).cols;
+  const { left } = Rs(selectingZone);
+  const numCols = Xr(selectingZone).cols;
   dispatch(insertColsLeft({ numCols, x: left, operator: "USER" }));
-  focus(editorRef.current);
+  j(editorRef.current);
 };
 const colsInserterRight = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { right } = zoneToArea(selectingZone);
-  const numCols = zoneShape(selectingZone).cols;
+  const { right } = Rs(selectingZone);
+  const numCols = Xr(selectingZone).cols;
   dispatch(insertColsRight({ numCols, x: right, operator: "USER" }));
-  focus(editorRef.current);
+  j(editorRef.current);
 };
 const rowsRemover = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { top } = zoneToArea(selectingZone);
-  const numRows = zoneShape(selectingZone).rows;
+  const { top } = Rs(selectingZone);
+  const numRows = Xr(selectingZone).rows;
   dispatch(removeRows({ numRows, y: top, operator: "USER" }));
-  focus(editorRef.current);
+  j(editorRef.current);
 };
 const colsRemover = async ({ store, dispatch }) => {
   const { selectingZone, editorRef } = store;
-  const { left } = zoneToArea(selectingZone);
-  const numCols = zoneShape(selectingZone).cols;
+  const { left } = Rs(selectingZone);
+  const numCols = Xr(selectingZone).cols;
   dispatch(removeCols({ numCols, x: left, operator: "USER" }));
-  focus(editorRef.current);
+  j(editorRef.current);
 };
-const rowsSorterAsc = async ({ store, dispatch }, x) => {
+const rowsSorterAsc = async ({ store, dispatch }, x2) => {
   const sheet = store.sheetReactive.current;
   if (sheet && (sheet.hasPendingCells() || sheet.registry.asyncPending.size > 0)) {
     await sheet.waitForPending();
   }
-  dispatch(sortRows({ x, direction: "asc" }));
-  focus(store.editorRef.current);
+  dispatch(sortRows({ x: x2, direction: "asc" }));
+  j(store.editorRef.current);
 };
-const rowsSorterDesc = async ({ store, dispatch }, x) => {
+const rowsSorterDesc = async ({ store, dispatch }, x2) => {
   const sheet = store.sheetReactive.current;
   if (sheet && (sheet.hasPendingCells() || sheet.registry.asyncPending.size > 0)) {
     await sheet.waitForPending();
   }
-  dispatch(sortRows({ x, direction: "desc" }));
-  focus(store.editorRef.current);
+  dispatch(sortRows({ x: x2, direction: "desc" }));
+  j(store.editorRef.current);
 };
-const rowsFilterer = async ({ store, dispatch }, x, filter) => {
+const rowsFilterer = async ({ store, dispatch }, x2, filter) => {
   const sheet = store.sheetReactive.current;
   if (sheet && (sheet.hasPendingCells() || sheet.registry.asyncPending.size > 0)) {
     await sheet.waitForPending();
   }
-  dispatch(filterRows({ x, filter }));
-  focus(store.editorRef.current);
+  dispatch(filterRows({ x: x2, filter }));
+  j(store.editorRef.current);
 };
-const rowsFilterClearer = async ({ store, dispatch }, x) => {
-  dispatch(filterRows({ x }));
-  focus(store.editorRef.current);
+const rowsFilterClearer = async ({ store, dispatch }, x2) => {
+  dispatch(filterRows({ x: x2 }));
+  j(store.editorRef.current);
 };
 const rowSortFixedToggler = ({ store, dispatch }, y) => {
   const sheet = store.sheetReactive.current;
   if (!sheet) {
     return;
   }
-  const addr = p2a({ y, x: 0 });
+  const addr = D({ 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);
+  j(store.editorRef.current);
 };
 const rowFilterFixedToggler = ({ store, dispatch }, y) => {
   const sheet = store.sheetReactive.current;
   if (!sheet) {
     return;
   }
-  const addr = p2a({ y, x: 0 });
+  const addr = D({ 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);
+  j(store.editorRef.current);
 };
 const searcher = async ({ store, dispatch }) => {
   if (typeof store.searchQuery === "undefined") {
     dispatch(setSearchQuery(""));
   }
   dispatch(setEntering(false));
-  requestAnimationFrame(() => focus(store.searchInputRef.current));
+  requestAnimationFrame(() => j(store.searchInputRef.current));
 };
 const applyers = {
   copy: copier,
@@ -1868,12 +1984,12 @@ const rowInsertCount = (ctx, y) => {
   const isFullRow = selectingZone.startX === 1 && selectingZone.endX === ctx.sheet.numCols;
   return isFullRow && y >= selStart && y <= selEnd ? selEnd - selStart + 1 : 1;
 };
-const colInsertCount = (ctx, x) => {
+const colInsertCount = (ctx, x2) => {
   const { selectingZone } = ctx;
   const selStart = Math.min(selectingZone.startX, selectingZone.endX);
   const selEnd = Math.max(selectingZone.startX, selectingZone.endX);
   const isFullCol = selectingZone.startY === 1 && selectingZone.endY === ctx.sheet.numRows;
-  return isFullCol && x >= selStart && x <= selEnd ? selEnd - selStart + 1 : 1;
+  return isFullCol && x2 >= selStart && x2 <= selEnd ? selEnd - selStart + 1 : 1;
 };
 const defaultContextMenuDescriptors = [
   {
@@ -1904,92 +2020,92 @@ const defaultContextMenuDescriptors = [
   {
     id: "insert-rows-above",
     label: (ctx) => {
-      const n = zoneShape(ctx.selectingZone).rows;
+      const n = Xr(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 = Xr(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 || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.InsertRowsAbove);
     },
-    onClick: (ctx) => ctx.insertRowsAbove(ctx.choosing.y, zoneShape(ctx.selectingZone).rows)
+    onClick: (ctx) => ctx.insertRowsAbove(ctx.choosing.y, Xr(ctx.selectingZone).rows)
   },
   {
     id: "insert-rows-below",
     label: (ctx) => {
-      const n = zoneShape(ctx.selectingZone).rows;
+      const n = Xr(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 = Xr(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 || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.InsertRowsBelow);
     },
-    onClick: (ctx) => ctx.insertRowsBelow(ctx.choosing.y, zoneShape(ctx.selectingZone).rows)
+    onClick: (ctx) => ctx.insertRowsBelow(ctx.choosing.y, Xr(ctx.selectingZone).rows)
   },
   {
     id: "insert-cols-left",
     label: (ctx) => {
-      const n = zoneShape(ctx.selectingZone).cols;
+      const n = Xr(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 = Xr(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 || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.InsertColsLeft);
     },
-    onClick: (ctx) => ctx.insertColsLeft(ctx.choosing.x, zoneShape(ctx.selectingZone).cols)
+    onClick: (ctx) => ctx.insertColsLeft(ctx.choosing.x, Xr(ctx.selectingZone).cols)
   },
   {
     id: "insert-cols-right",
     label: (ctx) => {
-      const n = zoneShape(ctx.selectingZone).cols;
+      const n = Xr(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 = Xr(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 || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.InsertColsRight);
     },
-    onClick: (ctx) => ctx.insertColsRight(ctx.choosing.x, zoneShape(ctx.selectingZone).cols)
+    onClick: (ctx) => ctx.insertColsRight(ctx.choosing.x, Xr(ctx.selectingZone).cols)
   },
   {
     id: "remove-rows",
     label: (ctx) => {
-      const n = zoneShape(ctx.selectingZone).rows;
+      const n = Xr(ctx.selectingZone).rows;
       return `Remove ${n} row${n > 1 ? "s" : ""}`;
     },
     visible: (ctx) => ctx.leftHeaderSelecting,
     disabled: (ctx) => {
-      const n = zoneShape(ctx.selectingZone).rows;
+      const n = Xr(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 || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.RemoveRows);
     },
-    onClick: (ctx) => ctx.removeRows(ctx.choosing.y, zoneShape(ctx.selectingZone).rows)
+    onClick: (ctx) => ctx.removeRows(ctx.choosing.y, Xr(ctx.selectingZone).rows)
   },
   {
     id: "remove-cols",
     label: (ctx) => {
-      const n = zoneShape(ctx.selectingZone).cols;
+      const n = Xr(ctx.selectingZone).cols;
       return `Remove ${n} column${n > 1 ? "s" : ""}`;
     },
     visible: (ctx) => ctx.topHeaderSelecting,
     disabled: (ctx) => {
-      const n = zoneShape(ctx.selectingZone).cols;
+      const n = Xr(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 || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.RemoveCols);
     },
-    onClick: (ctx) => ctx.removeCols(ctx.choosing.x, zoneShape(ctx.selectingZone).cols)
+    onClick: (ctx) => ctx.removeCols(ctx.choosing.x, Xr(ctx.selectingZone).cols)
   },
   { type: "divider" },
   {
@@ -2050,7 +2166,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 || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.InsertRowsAbove);
     },
     onClick: (ctx, y) => ctx.insertRowsAbove(y, rowInsertCount(ctx, y))
   },
@@ -2064,7 +2180,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 || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.InsertRowsBelow);
     },
     onClick: (ctx, y) => ctx.insertRowsBelow(y, rowInsertCount(ctx, y))
   },
@@ -2078,7 +2194,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 || pn.hasOperation(rowCell == null ? void 0 : rowCell.prevention, pn.RemoveRows);
     },
     onClick: (ctx, y) => ctx.removeRows(y, rowInsertCount(ctx, y))
   },
@@ -2110,6 +2226,8 @@ const defaultRowMenuDescriptors = [
   }
 ];
 const defaultColMenuDescriptors = [
+  { type: "component", componentId: "col-label" },
+  { type: "divider" },
   { type: "component", componentId: "col-filter" },
   { type: "divider" },
   { type: "component", componentId: "col-sort" },
@@ -2141,45 +2259,45 @@ const defaultColMenuDescriptors = [
   { type: "divider" },
   {
     id: "insert-cols-left",
-    label: (ctx, x) => {
-      const n = colInsertCount(ctx, x);
+    label: (ctx, x2) => {
+      const n = colInsertCount(ctx, x2);
       return `Insert ${n} column${n > 1 ? "s" : ""} left`;
     },
-    disabled: (ctx, x) => {
-      const n = colInsertCount(ctx, x);
+    disabled: (ctx, x2) => {
+      const n = colInsertCount(ctx, x2);
       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);
+      const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
+      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.InsertColsLeft);
     },
-    onClick: (ctx, x) => ctx.insertColsLeft(x, colInsertCount(ctx, x))
+    onClick: (ctx, x2) => ctx.insertColsLeft(x2, colInsertCount(ctx, x2))
   },
   {
     id: "insert-cols-right",
-    label: (ctx, x) => {
-      const n = colInsertCount(ctx, x);
+    label: (ctx, x2) => {
+      const n = colInsertCount(ctx, x2);
       return `Insert ${n} column${n > 1 ? "s" : ""} right`;
     },
-    disabled: (ctx, x) => {
-      const n = colInsertCount(ctx, x);
+    disabled: (ctx, x2) => {
+      const n = colInsertCount(ctx, x2);
       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);
+      const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
+      return sheet.maxNumCols !== -1 && sheet.numCols + n > sheet.maxNumCols || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.InsertColsRight);
     },
-    onClick: (ctx, x) => ctx.insertColsRight(x, colInsertCount(ctx, x))
+    onClick: (ctx, x2) => ctx.insertColsRight(x2, colInsertCount(ctx, x2))
   },
   {
     id: "remove-cols",
-    label: (ctx, x) => {
-      const n = colInsertCount(ctx, x);
+    label: (ctx, x2) => {
+      const n = colInsertCount(ctx, x2);
       return `Remove ${n} column${n > 1 ? "s" : ""}`;
     },
-    disabled: (ctx, x) => {
-      const n = colInsertCount(ctx, x);
+    disabled: (ctx, x2) => {
+      const n = colInsertCount(ctx, x2);
       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);
+      const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
+      return sheet.minNumCols !== -1 && sheet.numCols - n < sheet.minNumCols || pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.RemoveCols);
     },
-    onClick: (ctx, x) => ctx.removeCols(x, colInsertCount(ctx, x))
+    onClick: (ctx, x2) => ctx.removeCols(x2, colInsertCount(ctx, x2))
   },
   { type: "divider" },
   {
@@ -2187,9 +2305,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 };
@@ -2214,38 +2330,38 @@ function buildMenuContext(store, dispatch, close) {
     removeRows: (y, numRows) => {
       dispatch(removeRows({ numRows, y, operator: "USER" }));
     },
-    insertColsLeft: (x, numCols) => {
-      dispatch(insertColsLeft({ numCols, x, operator: "USER" }));
+    insertColsLeft: (x2, numCols) => {
+      dispatch(insertColsLeft({ numCols, x: x2, operator: "USER" }));
     },
-    insertColsRight: (x, numCols) => {
-      dispatch(insertColsRight({ numCols, x, operator: "USER" }));
+    insertColsRight: (x2, numCols) => {
+      dispatch(insertColsRight({ numCols, x: x2, operator: "USER" }));
     },
-    removeCols: (x, numCols) => {
-      dispatch(removeCols({ numCols, x, operator: "USER" }));
+    removeCols: (x2, numCols) => {
+      dispatch(removeCols({ numCols, x: x2, operator: "USER" }));
     },
-    sortRows: async (x, direction) => {
+    sortRows: async (x2, direction) => {
       if (direction === "asc") {
-        await rowsSorterAsc(props, x);
+        await rowsSorterAsc(props, x2);
       } else {
-        await rowsSorterDesc(props, x);
+        await rowsSorterDesc(props, x2);
       }
     },
-    filterRows: async (x, filter) => {
+    filterRows: async (x2, filter) => {
       if (filter) {
-        await rowsFilterer(props, x, filter);
+        await rowsFilterer(props, x2, filter);
       } else {
-        rowsFilterClearer(props, x);
+        rowsFilterClearer(props, x2);
       }
     },
-    clearFilter: (x) => rowsFilterClearer(props, x),
+    clearFilter: (x2) => rowsFilterClearer(props, x2),
     toggleSortFixed: (y) => rowSortFixedToggler(props, y),
     toggleFilterFixed: (y) => rowFilterFixedToggler(props, y),
     search: () => searcher(props),
-    updateColLabel: (x, label) => {
+    updateColLabel: (x2, label) => {
       if (!sheet) {
         return;
       }
-      const addr = p2a({ y: 0, x });
+      const addr = D({ y: 0, x: x2 });
       sheet.update({
         diff: { [addr]: { label: label || void 0 } },
         partial: true,
@@ -2296,10 +2412,10 @@ const MenuItem = ({
         shortcuts != null && shortcuts.length > 0 && /* @__PURE__ */ jsx("div", { className: "gs-menu-shortcut", children: shortcuts.map((shortcut, i) => /* @__PURE__ */ jsxs("span", { children: [
           i > 0 && /* @__PURE__ */ jsx("span", { className: "gs-menu-shortcut-sep", children: ", " }),
           /* @__PURE__ */ jsx("span", { className: "gs-menu-shortcut-badge", children: shortcut.split("+").map(
-            (part, j, arr) => j < arr.length - 1 ? /* @__PURE__ */ jsxs("span", { children: [
+            (part, j2, arr) => j2 < arr.length - 1 ? /* @__PURE__ */ jsxs("span", { children: [
               part,
               "+"
-            ] }, j) : /* @__PURE__ */ jsx("span", { className: "gs-menu-underline", children: part }, j)
+            ] }, j2) : /* @__PURE__ */ jsx("span", { className: "gs-menu-underline", children: part }, j2)
           ) })
         ] }, i)) })
       ]
@@ -2314,7 +2430,7 @@ const ContextMenu = () => {
   const menuRef = useRef(null);
   useEffect(() => {
     if (menuRef.current) {
-      clampPopup(menuRef.current);
+      ee(menuRef.current);
     }
   });
   if (top === -1) {
@@ -2380,7 +2496,7 @@ const METHOD_LABELS = {
 };
 const NO_VALUE_METHODS = ["blank", "nonblank"];
 const DEFAULT_CONDITION = { method: "eq", value: [""] };
-const FilterSection = ({ x, close, onWaiting }) => {
+const FilterSection = ({ x: x2, close, onWaiting }) => {
   const { store, dispatch } = useContext(Context);
   const { sheetReactive: sheetRef } = store;
   const sheet = sheetRef.current;
@@ -2394,11 +2510,11 @@ const FilterSection = ({ x, close, onWaiting }) => {
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [x]
+    [x2]
   );
   useEffect(() => {
     if (sheet) {
-      const colCell2 = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
+      const colCell2 = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
       const existing = colCell2 == null ? void 0 : colCell2.filter;
       if (existing && existing.conditions.length > 0) {
         setConditions(existing.conditions.map((c) => ({ ...c, value: [...c.value] })));
@@ -2408,7 +2524,7 @@ const FilterSection = ({ x, close, onWaiting }) => {
         setMode("or");
       }
     }
-  }, [x, sheet]);
+  }, [x2, sheet]);
   const handleCancel = useCallback(() => {
     setPending(null);
     onWaiting == null ? void 0 : onWaiting(null);
@@ -2467,7 +2583,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(() => {
@@ -2475,15 +2591,15 @@ const FilterSection = ({ x, close, onWaiting }) => {
       if (NO_VALUE_METHODS.includes(c.method)) {
         return true;
       }
-      return c.value.some((v) => v.trim() !== "");
+      return c.value.some((v2) => v2.trim() !== "");
     });
-    setPending({ x, conditions: valid, mode });
-  }, [x, conditions, mode]);
+    setPending({ x: x2, conditions: valid, mode });
+  }, [x2, conditions, mode]);
   const handleResetColumn = useCallback(() => {
     setPending(null);
-    dispatch(filterRows({ x }));
+    dispatch(filterRows({ x: x2 }));
     close();
-  }, [dispatch, x, close]);
+  }, [dispatch, x2, close]);
   const handleResetAll = useCallback(() => {
     setPending(null);
     dispatch(filterRows({}));
@@ -2492,8 +2608,8 @@ const FilterSection = ({ x, close, onWaiting }) => {
   if (!sheet) {
     return null;
   }
-  const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
-  const filterDisabled = operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.Filter);
+  const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
+  const filterDisabled = pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.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: [
@@ -2585,7 +2701,7 @@ const FilterSection = ({ x, close, onWaiting }) => {
   ] }) });
 };
 registerMenuComponent("col-filter", FilterSection);
-const SortSection = ({ x, close, onWaiting }) => {
+const SortSection = ({ x: x2, close, onWaiting }) => {
   const { store, dispatch } = useContext(Context);
   const { sheetReactive: sheetRef } = store;
   const sheet = sheetRef.current;
@@ -2631,8 +2747,8 @@ const SortSection = ({ x, close, onWaiting }) => {
   if (!sheet) {
     return null;
   }
-  const colCell = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
-  const sortDisabled = operations.hasOperation(colCell == null ? void 0 : colCell.prevention, operations.Sort);
+  const colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
+  const sortDisabled = pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.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: [
@@ -2643,7 +2759,7 @@ const SortSection = ({ x, close, onWaiting }) => {
           onClick: (e) => {
             e.stopPropagation();
             if (!sortDisabled) {
-              setPending({ x, direction: "asc" });
+              setPending({ x: x2, direction: "asc" });
             }
           },
           disabled: sortDisabled,
@@ -2657,7 +2773,7 @@ const SortSection = ({ x, close, onWaiting }) => {
           onClick: (e) => {
             e.stopPropagation();
             if (!sortDisabled) {
-              setPending({ x, direction: "desc" });
+              setPending({ x: x2, direction: "desc" });
             }
           },
           disabled: sortDisabled,
@@ -2668,23 +2784,35 @@ const SortSection = ({ x, close, onWaiting }) => {
   ] });
 };
 registerMenuComponent("col-sort", SortSection);
-const LabelSection = ({ x, close }) => {
+const LabelSection = ({ x: x2, close }) => {
   const { store, dispatch } = useContext(Context);
   const { sheetReactive: sheetRef } = store;
   const sheet = sheetRef.current;
   const labelInputRef = useRef(null);
   const [label, setLabel] = useState("");
   useEffect(() => {
+    var _a;
     if (sheet) {
-      const colCell2 = sheet.getCell({ y: 0, x }, { resolution: "SYSTEM" });
+      const colCell2 = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
       setLabel((colCell2 == null ? void 0 : colCell2.label) ?? "");
     }
-  }, [x, sheet]);
+    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);
+          }
+        })
+      );
+    }
+  }, [x2, sheet]);
   const handleApplyLabel = useCallback(() => {
     if (!sheet) {
       return;
     }
-    const address = p2a({ y: 0, x });
+    const address = D({ y: 0, x: x2 });
     sheet.update({
       diff: { [address]: { label: label || void 0 } },
       partial: true,
@@ -2702,13 +2830,13 @@ const LabelSection = ({ x, close }) => {
     });
     dispatch(setStore({ sheetReactive: { current: sheet } }));
     close();
-  }, [dispatch, x, label, close, sheet, store.selectingZone, store.choosing]);
+  }, [dispatch, x2, label, close, sheet, store.selectingZone, store.choosing]);
   if (!sheet) {
     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 colCell = sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
+  const labelDisabled = pn.hasOperation(colCell == null ? void 0 : colCell.prevention, pn.SetLabel);
+  const labelPlaceholder = Rn(sheet, colCell == null ? void 0 : colCell.label, { y: 0, x: x2 }, x2) ?? W(x2);
   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(
@@ -2742,12 +2870,12 @@ const ColumnMenu = () => {
   const { store, dispatch } = useContext(Context);
   const { columnMenuState, editorRef, colMenu } = store;
   const sheet = store.sheetReactive.current;
-  const x = columnMenuState == null ? void 0 : columnMenuState.x;
+  const x2 = columnMenuState == null ? void 0 : columnMenuState.x;
   const position = columnMenuState == null ? void 0 : columnMenuState.position;
   const [waitingState, setWaitingState] = useState(null);
   const handleClose = useCallback(() => {
     dispatch(setColumnMenu(null));
-    focus(editorRef.current);
+    j(editorRef.current);
   }, [dispatch, editorRef]);
   const handleWaiting = useCallback(
     (message, cancel) => {
@@ -2759,7 +2887,7 @@ const ColumnMenu = () => {
     },
     [handleClose]
   );
-  if (!columnMenuState || !sheet || x == null || !position) {
+  if (!columnMenuState || !sheet || x2 == null || !position) {
     return null;
   }
   const ctx = buildMenuContext(store, dispatch, handleClose);
@@ -2784,7 +2912,7 @@ const ColumnMenu = () => {
             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);
+                const visible2 = !descriptor.visible || descriptor.visible(ctx, x2);
                 if (!visible2) {
                   return null;
                 }
@@ -2792,7 +2920,7 @@ const ColumnMenu = () => {
                 if (!Section) {
                   return null;
                 }
-                return /* @__PURE__ */ jsx(Section, { x, close: handleClose, onWaiting: handleWaiting }, index);
+                return /* @__PURE__ */ jsx(Section, { x: x2, close: handleClose, onWaiting: handleWaiting }, index);
               }
               if (descriptor.type === "divider") {
                 if (descriptor.visible && !descriptor.visible(ctx)) {
@@ -2800,13 +2928,13 @@ const ColumnMenu = () => {
                 }
                 return /* @__PURE__ */ jsx(MenuDivider, {}, index);
               }
-              const visible = !descriptor.visible || descriptor.visible(ctx, x);
+              const visible = !descriptor.visible || descriptor.visible(ctx, x2);
               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;
+              const disabled = ((_a = descriptor.disabled) == null ? void 0 : _a.call(descriptor, ctx, x2)) ?? false;
+              const label = typeof descriptor.label === "function" ? descriptor.label(ctx, x2) : descriptor.label;
+              const shortcuts = typeof descriptor.shortcuts === "function" ? descriptor.shortcuts(ctx, x2) : descriptor.shortcuts;
               return /* @__PURE__ */ jsx(
                 MenuItem,
                 {
@@ -2815,7 +2943,7 @@ const ColumnMenu = () => {
                   disabled,
                   testId: descriptor.id ? `${descriptor.id}-item` : void 0,
                   onClick: () => {
-                    descriptor.onClick(ctx, x);
+                    descriptor.onClick(ctx, x2);
                     dispatch(setColumnMenu(null));
                   }
                 },
@@ -2881,7 +3009,7 @@ const RowMenu = () => {
   const position = rowMenuState == null ? void 0 : rowMenuState.position;
   const handleClose = () => {
     dispatch(setRowMenu(null));
-    focus(editorRef.current);
+    j(editorRef.current);
   };
   if (!rowMenuState || !sheet || y == null || !position) {
     return null;
@@ -2915,10 +3043,10 @@ const safePreventDefault = (e) => {
     e.preventDefault();
   }
 };
-const Cell = memo(({ y, x }) => {
+const Cell = memo(({ y, x: x$1 }) => {
   var _a;
-  const rowId = y2r(y);
-  const colId = x2c(x);
+  const rowId = Et(y);
+  const colId = W(x$1);
   const address = `${colId}${rowId}`;
   const { store, dispatch } = useContext(Context);
   const isFirstPointed = useRef(true);
@@ -2938,9 +3066,9 @@ 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 = Rs(selectingZone);
   const editing = editingAddress === address;
-  const pointed = choosing.y === y && choosing.x === x;
+  const pointed = choosing.y === y && choosing.x === x$1;
   const _setEditorRect = useCallback(() => {
     var _a2;
     const rect = (_a2 = cellRef.current) == null ? void 0 : _a2.getBoundingClientRect();
@@ -2963,7 +3091,7 @@ const Cell = memo(({ y, x }) => {
     }
     isFirstPointed.current = false;
   }, [pointed, editing, _setEditorRect]);
-  const cell = sheet == null ? void 0 : sheet.getCell({ y, x }, { resolution: "SYSTEM" });
+  const cell = sheet == null ? void 0 : sheet.getCell({ y, x: x$1 }, { resolution: "SYSTEM" });
   const writeCell = useCallback(
     (value) => {
       dispatch(write({ value }));
@@ -2980,10 +3108,10 @@ const Cell = memo(({ y, x }) => {
   let rendered;
   try {
     if (sheet) {
-      rendered = sheet.render({ sheet, point: { y, x }, apply, value: void 0 });
+      rendered = sheet.render({ sheet, point: { y, x: x$1 }, apply, value: void 0 });
     }
   } catch (e) {
-    if (FormulaError.is(e)) {
+    if (x.is(e)) {
       errorMessage = e.message;
       rendered = e.code;
     } else {
@@ -2991,8 +3119,8 @@ const Cell = memo(({ y, x }) => {
       rendered = "#UNKNOWN";
     }
   }
-  const [, v] = (sheet == null ? void 0 : sheet.getSolvedCache({ y, x })) ?? [void 0, void 0];
-  const isPendingCell = Pending.is(v);
+  const [, v2] = (sheet == null ? void 0 : sheet.getSolvedCache({ y, x: x$1 })) ?? [void 0, void 0];
+  const isPendingCell = k.is(v2);
   const input = editorRef.current;
   const editingAnywhere = !!((sheet == null ? void 0 : sheet.registry.editingAddress) || editingAddress);
   const handleDragStart = useCallback(
@@ -3012,25 +3140,25 @@ const Cell = memo(({ y, x }) => {
         if (editingAnywhere && input) {
           input.blur();
         }
-        dispatch(choose({ y, x }));
-        dispatch(select({ startY: y, startX: x, endY: y, endX: x }));
+        dispatch(choose({ y, x: x$1 }));
+        dispatch(select({ startY: y, startX: x$1, endY: y, endX: x$1 }));
         return true;
       }
       if (e.shiftKey) {
-        dispatch(drag({ y, x }));
+        dispatch(drag({ y, x: x$1 }));
       } else {
-        dispatch(select({ startY: y, startX: x, endY: -1, endX: -1 }));
+        dispatch(select({ startY: y, startX: x$1, endY: -1, endX: -1 }));
       }
       dispatch(setDragging(true));
       const fullAddress = `${sheet.sheetPrefix(!xSheetFocused)}${address}`;
       if (editingAnywhere) {
-        const inserted = insertRef({ input: lastFocused || null, ref: fullAddress });
+        const inserted = Y({ input: lastFocused || null, ref: fullAddress });
         if (inserted) {
           return false;
         }
       }
       sheet.registry.lastFocused = input;
-      focus(input);
+      j(input);
       dispatch(setEditingAddress(""));
       if (autofillDraggingTo) {
         return false;
@@ -3039,7 +3167,7 @@ const Cell = memo(({ y, x }) => {
         writeCell(input.value);
       }
       if (!e.shiftKey) {
-        dispatch(choose({ y, x }));
+        dispatch(choose({ y, x: x$1 }));
       }
       return true;
     },
@@ -3053,16 +3181,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) => {
@@ -3078,7 +3201,7 @@ const Cell = memo(({ y, x }) => {
       safePreventDefault(e);
       e.stopPropagation();
       if (autofillDraggingTo) {
-        dispatch(setAutofillDraggingTo({ x, y }));
+        dispatch(setAutofillDraggingTo({ x: x$1, y }));
         return false;
       }
       if (leftHeaderSelecting) {
@@ -3086,17 +3209,17 @@ const Cell = memo(({ y, x }) => {
         return false;
       }
       if (topHeaderSelecting) {
-        dispatch(drag({ y: sheet.numRows, x }));
+        dispatch(drag({ y: sheet.numRows, x: x$1 }));
         return false;
       }
-      if (editingAnywhere && !isRefInsertable(lastFocused || null)) {
+      if (editingAnywhere && !X(lastFocused || null)) {
         return false;
       }
-      dispatch(drag({ y, x }));
+      dispatch(drag({ y, x: x$1 }));
       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 = Rs({ ...selectingZone, endY: y, endX: x$1 });
+        const fullRange = `${sheet.sheetPrefix(!xSheetFocused)}${zr(newArea)}`;
+        Y({ input: lastFocused || null, ref: fullRange });
       }
       return true;
     },
@@ -3113,11 +3236,11 @@ const Cell = memo(({ y, x }) => {
   );
   const handleAutofillMouseDown = useCallback(
     (e) => {
-      dispatch(setAutofillDraggingTo({ x, y }));
+      dispatch(setAutofillDraggingTo({ x: x$1, y }));
       dispatch(setDragging(true));
       e.stopPropagation();
     },
-    [dispatch, x, y]
+    [dispatch, x$1, y]
   );
   const handleErrorTriangleEnter = useCallback(() => {
     var _a2;
@@ -3125,7 +3248,7 @@ const Cell = memo(({ y, x }) => {
     if (!rect) {
       return;
     }
-    setErrorTooltipPos(calcBelowPosition(rect));
+    setErrorTooltipPos(J$1(rect));
   }, []);
   const handleErrorTriangleLeave = useCallback(() => {
     setErrorTooltipPos(null);
@@ -3158,7 +3281,7 @@ const Cell = memo(({ y, x }) => {
     if (!editing && pointed && selectingArea.bottom === -1) {
       return "gs-autofill-drag";
     }
-    if (selectingArea.bottom === y && selectingArea.right === x) {
+    if (selectingArea.bottom === y && selectingArea.right === x$1) {
       return "gs-autofill-drag";
     }
     return "gs-autofill-drag gs-hidden";
@@ -3167,19 +3290,19 @@ const Cell = memo(({ y, x }) => {
     return null;
   }
   if (!input) {
-    return /* @__PURE__ */ jsx("td", { "data-x": x, "data-y": y, "data-address": address, className: "gs-cell gs-hidden", children: /* @__PURE__ */ jsxs("div", { className: "gs-cell-inner-wrap", children: [
+    return /* @__PURE__ */ jsx("td", { "data-x": x$1, "data-y": y, "data-address": address, className: "gs-cell gs-hidden", children: /* @__PURE__ */ jsxs("div", { className: "gs-cell-inner-wrap", children: [
       /* @__PURE__ */ jsx("div", { className: "gs-cell-inner", children: /* @__PURE__ */ jsx("div", { className: "gs-cell-rendered" }) }),
       /* @__PURE__ */ jsx("div", { className: "gs-autofill-drag" })
-    ] }) }, x);
+    ] }) }, x$1);
   }
   return /* @__PURE__ */ jsx(
     "td",
     {
       ref: cellRef,
-      "data-x": x,
+      "data-x": x$1,
       "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 ${Wr(selectingArea, { y, x: x$1 }) ? "gs-selecting" : ""} ${pointed ? "gs-choosing" : ""} ${editing ? "gs-editing" : ""} ${isPendingCell ? "gs-pending" : ""}`,
       style: {
         ...cell == null ? void 0 : cell.style
       },
@@ -3234,7 +3357,7 @@ const Cell = memo(({ y, x }) => {
                 style: {
                   top: errorTooltipPos.y + 4,
                   left: errorTooltipPos.x,
-                  transform: hAlignTransform(errorTooltipPos.hAlign)
+                  transform: oe(errorTooltipPos.hAlign)
                 },
                 children: errorMessage
               }
@@ -3244,7 +3367,7 @@ const Cell = memo(({ y, x }) => {
         }
       )
     },
-    x
+    x$1
   );
 });
 const acceleration = 0.4;
@@ -3265,6 +3388,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);
@@ -3281,14 +3406,14 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
           vertical = e.pageY > bottom ? 1 : e.pageY < top ? -1 : 0;
         }
       }
-      const area = getAreaInTabular(tabularRef.current);
-      let { endX: x, endY: y } = selectingZone;
+      const area = Q(tabularRef.current);
+      let { endX: x2, endY: y } = selectingZone;
       if (horizontal) {
-        x = horizontal > 0 ? area.right : area.left;
+        x2 = horizontal > 0 ? area.right : area.left;
       } else if (vertical) {
         y = vertical > 0 ? area.bottom : area.top;
       }
-      return { x, y };
+      return { x: x2, y };
     },
     [sheet, horizontal, vertical, selectingZone]
   );
@@ -3297,6 +3422,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;
@@ -3306,20 +3440,20 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
         left: currentSpeed * horizontal,
         top: currentSpeed * vertical
       });
-      focus(editorRef.current);
-      const { x, y } = getDestEdge(e);
-      if (autofillDraggingTo) {
-        const { y: curY, x: curX } = autofillDraggingTo;
-        dispatch(setAutofillDraggingTo({ y: y === -1 ? curY : y, x: x === -1 ? curX : x }));
+      j(editorRef.current);
+      const { x: x2, y } = getDestEdge(e);
+      if (live.autofillDraggingTo) {
+        const { y: curY, x: curX } = live.autofillDraggingTo;
+        dispatch(setAutofillDraggingTo({ y: y === -1 ? curY : y, x: x2 === -1 ? curX : x2 }));
       } else {
         if (editingAnywhere) {
-          const newArea = zoneToArea({ ...selectingZone, endY: y, endX: x });
+          const newArea = Rs({ ...selectingZone, endY: y, endX: x2 });
           const sheetPrefix = sheet.sheetPrefix(!xSheetFocused);
-          const sheetRange = areaToRange(newArea);
+          const sheetRange = zr(newArea);
           const fullRange = `${sheetPrefix}${sheetRange}`;
-          insertRef({ input: editorRef.current, ref: fullRange });
+          Y({ input: editorRef.current, ref: fullRange });
         }
-        dispatch(drag({ y, x }));
+        dispatch(drag({ y, x: x2 }));
       }
       currentSpeed = Math.min(currentSpeed + acceleration, maxSpeed);
       scrollRef.current = requestAnimationFrame(() => scrollStep(e));
@@ -3362,23 +3496,23 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
       scrollRef.current = null;
     }
     isScrolling = false;
-    if (!isFocus(searchInputRef.current)) {
-      focus(editorRef.current);
+    if (!U(searchInputRef.current)) {
+      j(editorRef.current);
     }
   }, []);
   const handleMouseUp = useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
-      const area = getAreaInTabular(tabularRef.current);
+      const area = Q(tabularRef.current);
       if (area.bottom === -1 || area.right === -1) {
         return;
       }
-      const { x, y } = getDestEdge(e);
+      const { x: x2, y } = getDestEdge(e);
       if (autofillDraggingTo) {
         const { y: curY, x: curX } = autofillDraggingTo;
-        dispatch(submitAutofill({ y: y === -1 ? curY : y, x: x === -1 ? curX : x }));
-        focus(editorRef.current);
+        dispatch(submitAutofill({ y: y === -1 ? curY : y, x: x2 === -1 ? curX : x2 }));
+        j(editorRef.current);
       } else {
         if (editingAnywhere) {
           dispatch(drag({ y: -1, x: -1 }));
@@ -3401,7 +3535,9 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
   useEffect(() => {
     return stopScroll;
   }, [stopScroll]);
-  if (!editorRef.current || !dragging && !autofillDraggingTo) {
+  const t = tabularRef.current;
+  const cannotScrollHere = !!t && (horizontal > 0 && t.scrollLeft + t.clientWidth >= t.scrollWidth - 1 || horizontal < 0 && t.scrollLeft <= 0 || vertical > 0 && t.scrollTop + t.clientHeight >= t.scrollHeight - 1 || vertical < 0 && t.scrollTop <= 0);
+  if (!editorRef.current || !dragging && !autofillDraggingTo || cannotScrollHere) {
     return /* @__PURE__ */ jsx("div", { className: `gs-scroll-handle gs-hidden ${className}` });
   }
   return /* @__PURE__ */ jsx(
@@ -3417,8 +3553,8 @@ function ScrollHandle({ style, horizontal = 0, vertical = 0, className = "" }) {
     }
   );
 }
-const HeaderCellTop = memo(({ x }) => {
-  const colId = x2c(x);
+const HeaderCellTop = memo(({ x: x2 }) => {
+  const colId = W(x2);
   const { store, dispatch } = useContext(Context);
   const {
     sheetReactive: sheetRef,
@@ -3433,8 +3569,8 @@ const HeaderCellTop = memo(({ x }) => {
     columnMenuState
   } = 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 col = sheet == null ? void 0 : sheet.getCell({ y: 0, x: x2 }, { resolution: "SYSTEM" });
+  const width = (col == null ? void 0 : col.width) || jt;
   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;
@@ -3446,7 +3582,7 @@ const HeaderCellTop = memo(({ x }) => {
     [choosing]
   );
   const handleResizeMouseDown = useCallback((e) => {
-    dispatch(setResizingPositionX([x, e.clientX, e.clientX]));
+    dispatch(setResizingPositionX([x2, e.clientX, e.clientX]));
     e.stopPropagation();
     safePreventDefault(e);
   }, []);
@@ -3464,26 +3600,26 @@ const HeaderCellTop = memo(({ x }) => {
         if (editingAnywhere && editorRef.current) {
           editorRef.current.blur();
         }
-        dispatch(choose({ y: 1, x }));
-        dispatch(select({ startY: 1, startX: x, endY: sheet.numRows, endX: x }));
+        dispatch(choose({ y: 1, x: x2 }));
+        dispatch(select({ startY: 1, startX: x2, endY: sheet.numRows, endX: x2 }));
         return true;
       }
-      dispatch(select({ startY: 1, startX: x, endY: -1, endX: x }));
+      dispatch(select({ startY: 1, startX: x2, endY: -1, endX: x2 }));
       const fullAddress = `${sheet.sheetPrefix(!xSheetFocused)}${colId}:${colId}`;
       if (editingAnywhere) {
-        const inserted = insertRef({ input: lastFocused || null, ref: fullAddress });
+        const inserted = Y({ input: lastFocused || null, ref: fullAddress });
         if (inserted) {
-          dispatch(select({ startY: sheet.numRows, startX: x, endY: 0, endX: x }));
+          dispatch(select({ startY: sheet.numRows, startX: x2, endY: 0, endX: x2 }));
           return false;
         }
       }
-      let startX = e.shiftKey ? selectingZone.startX : x;
+      let startX = e.shiftKey ? selectingZone.startX : x2;
       if (startX === -1) {
         startX = choosing.x;
       }
       dispatch(
         selectCols({
-          range: { start: startX, end: x },
+          range: { start: startX, end: x2 },
           numRows: sheet.numRows
         })
       );
@@ -3492,7 +3628,7 @@ const HeaderCellTop = memo(({ x }) => {
       }
       dispatch(setEditingAddress(""));
       dispatch(setDragging(true));
-      focus(editorRef.current);
+      j(editorRef.current);
       if (autofillDraggingTo) {
         return false;
       }
@@ -3519,7 +3655,7 @@ const HeaderCellTop = memo(({ x }) => {
       safePreventDefault(e);
       dispatch(setDragging(false));
       if (autofillDraggingTo) {
-        focus(editorRef.current);
+        j(editorRef.current);
         return false;
       }
     },
@@ -3535,27 +3671,27 @@ const HeaderCellTop = memo(({ x }) => {
     safePreventDefault(e);
     e.stopPropagation();
     if (autofillDraggingTo) {
-      dispatch(setAutofillDraggingTo({ y: 1, x }));
+      dispatch(setAutofillDraggingTo({ y: 1, x: x2 }));
       return false;
     }
     if (editingAnywhere) {
-      const newArea = zoneToArea({ ...selectingZone, endY: 1, endX: x });
-      const [left, right] = [x2c(newArea.left), x2c(newArea.right)];
+      const newArea = Rs({ ...selectingZone, endY: 1, endX: x2 });
+      const [left, right] = [W(newArea.left), W(newArea.right)];
       const fullRange = `${sheet.sheetPrefix(!xSheetFocused)}${left}:${right}`;
-      insertRef({ input: lastFocused || null, ref: fullRange });
+      Y({ input: lastFocused || null, ref: fullRange });
     }
     if (autofillDraggingTo == null) {
       const { startY } = selectingZone;
       if (startY === 1) {
-        dispatch(drag({ y: sheet.numRows, x }));
+        dispatch(drag({ y: sheet.numRows, x: x2 }));
       } else {
-        dispatch(drag({ y: 1, x }));
+        dispatch(drag({ y: 1, x: x2 }));
       }
     }
     return false;
   }, 100);
   if (!sheet) {
-    return /* @__PURE__ */ jsx("th", { "data-x": x, className: "gs-th gs-th-top gs-hidden", children: /* @__PURE__ */ jsx("div", { className: "gs-th-inner-wrap", children: /* @__PURE__ */ jsxs("div", { className: "gs-th-inner", children: [
+    return /* @__PURE__ */ jsx("th", { "data-x": x2, className: "gs-th gs-th-top gs-hidden", children: /* @__PURE__ */ jsx("div", { className: "gs-th-inner-wrap", children: /* @__PURE__ */ jsxs("div", { className: "gs-th-inner", children: [
       /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "absolute" }, vertical: -1 }),
       /* @__PURE__ */ jsx("div", { className: "gs-resizer" })
     ] }) }) });
@@ -3563,9 +3699,26 @@ const HeaderCellTop = memo(({ x }) => {
   return /* @__PURE__ */ jsx(
     "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" : ""}`,
+      "data-x": x2,
+      className: `gs-th gs-th-top ${choosing.x === x2 ? "gs-choosing" : ""} ${Vr({ start: selectingZone.startX, end: selectingZone.endX }, x2) ? topHeaderSelecting ? "gs-th-selecting" : "gs-selecting" : ""}`,
       style: { ...col == null ? void 0 : col.style, width, minWidth: width, maxWidth: width },
+      onDoubleClick: (e) => {
+        const target = e.target;
+        if (target.closest(".gs-resizer, .gs-menu-btn")) {
+          return;
+        }
+        if (pn.hasOperation(col == null ? void 0 : col.prevention, pn.ColumnMenu)) {
+          return;
+        }
+        e.stopPropagation();
+        const inner = e.currentTarget.querySelector(".gs-th-inner");
+        const rect = (inner ?? e.currentTarget).getBoundingClientRect();
+        const alreadySelected = Vr({ start: selectingZone.startX, end: selectingZone.endX }, x2) && selectingZone.startY === 1 && selectingZone.endY === sheet.numRows;
+        if (!alreadySelected) {
+          dispatch(selectCols({ range: { start: x2, end: x2 }, numRows: sheet.numRows }));
+        }
+        dispatch(setColumnMenu({ x: x2, position: { y: rect.bottom, x: rect.left }, focusLabel: true }));
+      },
       onContextMenu: (e) => {
         if (contextMenu.length > 0) {
           e.stopPropagation();
@@ -3595,7 +3748,7 @@ const HeaderCellTop = memo(({ x }) => {
               }
             ),
             (() => {
-              const displayedLabel = getLabel(sheet, col == null ? void 0 : col.label, { y: 0, x }, x) ?? colId;
+              const displayedLabel = Rn(sheet, col == null ? void 0 : col.label, { y: 0, x: x2 }, x2) ?? colId;
               if (displayedLabel !== colId) {
                 return /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx("span", { className: "gs-col-addr", children: colId }),
@@ -3604,10 +3757,10 @@ const HeaderCellTop = memo(({ x }) => {
               }
               return displayedLabel;
             })(),
-            !operations.hasOperation(col == null ? void 0 : col.prevention, operations.ColumnMenu) && /* @__PURE__ */ jsx(
+            !pn.hasOperation(col == null ? void 0 : col.prevention, pn.ColumnMenu) && /* @__PURE__ */ jsx(
               "button",
               {
-                className: `gs-menu-btn gs-column-menu-btn ${hasFilter ? "gs-filtered" : ""} ${(columnMenuState == null ? void 0 : columnMenuState.x) === x ? "gs-active" : ""}`,
+                className: `gs-menu-btn gs-column-menu-btn ${hasFilter ? "gs-filtered" : ""} ${(columnMenuState == null ? void 0 : columnMenuState.x) === x2 ? "gs-active" : ""}`,
                 onMouseDown: (e) => {
                   e.stopPropagation();
                   e.preventDefault();
@@ -3624,14 +3777,14 @@ const HeaderCellTop = memo(({ x }) => {
                     return;
                   }
                   const rect = btn.getBoundingClientRect();
-                  if ((columnMenuState == null ? void 0 : columnMenuState.x) === x) {
+                  if ((columnMenuState == null ? void 0 : columnMenuState.x) === x2) {
                     dispatch(setColumnMenu(null));
                   } else {
-                    const alreadySelected = between({ start: selectingZone.startX, end: selectingZone.endX }, x) && selectingZone.startY === 1 && selectingZone.endY === sheet.numRows;
+                    const alreadySelected = Vr({ start: selectingZone.startX, end: selectingZone.endX }, x2) && selectingZone.startY === 1 && selectingZone.endY === sheet.numRows;
                     if (!alreadySelected) {
-                      dispatch(selectCols({ range: { start: x, end: x }, numRows: sheet.numRows }));
+                      dispatch(selectCols({ range: { start: x2, end: x2 }, numRows: sheet.numRows }));
                     }
-                    dispatch(setColumnMenu({ x, position: { y: rect.bottom, x: rect.left } }));
+                    dispatch(setColumnMenu({ x: x2, position: { y: rect.bottom, x: rect.left } }));
                   }
                 },
                 children: "⋮"
@@ -3642,7 +3795,7 @@ const HeaderCellTop = memo(({ x }) => {
               {
                 className: `
               gs-resizer 
-              ${operations.hasOperation(col == null ? void 0 : col.prevention, operations.Resize) ? "gs-protected" : ""}
+              ${pn.hasOperation(col == null ? void 0 : col.prevention, pn.Resize) ? "gs-protected" : ""}
               ${dragging ? "gs-hidden" : ""}`,
                 style: { height: sheet.headerHeight },
                 onMouseDown: handleResizeMouseDown,
@@ -3656,7 +3809,7 @@ const HeaderCellTop = memo(({ x }) => {
   );
 });
 const HeaderCellLeft = memo(({ y }) => {
-  const rowId = `${y2r(y)}`;
+  const rowId = `${Et(y)}`;
   const { store, dispatch } = useContext(Context);
   const {
     choosing,
@@ -3672,7 +3825,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) || J;
   const xSheetFocused = isXSheetFocused(store);
   const lastFocused = sheet == null ? void 0 : sheet.registry.lastFocused;
   const editingAnywhere = !!((sheet == null ? void 0 : sheet.registry.editingAddress) || editingAddress);
@@ -3708,7 +3861,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 = Y({ input: lastFocused || null, ref: fullAddress });
         if (inserted) {
           dispatch(select({ startY: y, startX: sheet.numCols, endY: y, endX: 0 }));
           return false;
@@ -3729,7 +3882,7 @@ const HeaderCellLeft = memo(({ y }) => {
       }
       dispatch(setEditingAddress(""));
       dispatch(setDragging(true));
-      focus(editorRef.current);
+      j(editorRef.current);
       if (autofillDraggingTo) {
         return false;
       }
@@ -3756,7 +3909,7 @@ const HeaderCellLeft = memo(({ y }) => {
       safePreventDefault(e);
       dispatch(setDragging(false));
       if (autofillDraggingTo) {
-        focus(editorRef.current);
+        j(editorRef.current);
         return false;
       }
     },
@@ -3776,10 +3929,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 = Rs({ ...selectingZone, endY: y, endX: 1 });
+      const [top, bottom] = [Et(newArea.top), Et(newArea.bottom)];
       const fullRange = `${sheet.sheetPrefix(!xSheetFocused)}${top}:${bottom}`;
-      insertRef({ input: lastFocused || null, ref: fullRange });
+      Y({ input: lastFocused || null, ref: fullRange });
     }
     if (autofillDraggingTo == null) {
       const { startX } = selectingZone;
@@ -3810,7 +3963,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" : ""} ${Vr({ start: selectingZone.startY, end: selectingZone.endY }, y) ? leftHeaderSelecting ? "gs-th-selecting" : "gs-selecting" : ""} ${(row == null ? void 0 : row.filterFixed) ? "gs-filter-fixed" : ""} ${(row == null ? void 0 : row.sortFixed) ? "gs-sort-fixed" : ""}`,
       style: { ...row == null ? void 0 : row.style, height },
       onContextMenu: handleContextMenu,
       children: /* @__PURE__ */ jsx(
@@ -3832,8 +3985,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(
+            Rn(sheet, row == null ? void 0 : row.label, { y, x: 0 }, y) ?? rowId,
+            !pn.hasOperation(row == null ? void 0 : row.prevention, pn.RowMenu) && /* @__PURE__ */ jsx(
               "button",
               {
                 className: `gs-menu-btn gs-row-menu-btn ${(rowMenuState == null ? void 0 : rowMenuState.y) === y ? "gs-active" : ""}`,
@@ -3856,7 +4009,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 = Vr({ 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 }));
                     }
@@ -3871,7 +4024,7 @@ const HeaderCellLeft = memo(({ y }) => {
               {
                 className: `
               gs-resizer
-              ${operations.hasOperation(row == null ? void 0 : row.prevention, operations.Resize) ? "gs-protected" : ""}
+              ${pn.hasOperation(row == null ? void 0 : row.prevention, pn.Resize) ? "gs-protected" : ""}
               ${dragging ? "gs-hidden" : ""}`,
                 style: { width: sheet.headerWidth },
                 onMouseDown: handleResizeMouseDown
@@ -3891,19 +4044,19 @@ const COLOR_CUTTING = "#0077ff";
 const SEARCH_MATCHING_BACKGROUND = "rgba(0, 200, 100, 0.2)";
 const COLOR_SEARCH_MATCHING = "#00aa78";
 const COLOR_AUTOFILL = "#0077aa";
-const fillRect = (ctx, x, y, width, height, color) => {
+const fillRect = (ctx, x2, y, width, height, color) => {
   ctx.fillStyle = color;
-  ctx.fillRect(x, y, width, height);
+  ctx.fillRect(x2, y, width, height);
 };
-const drawRect = (ctx, x, y, width, height, color, lineWidth = 2, dashPattern = [], fillColor) => {
+const drawRect = (ctx, x2, y, width, height, color, lineWidth = 2, dashPattern = [], fillColor) => {
   if (fillColor) {
     ctx.fillStyle = fillColor;
-    ctx.fillRect(x, y, width, height);
+    ctx.fillRect(x2, y, width, height);
   }
   ctx.strokeStyle = color;
   ctx.lineWidth = lineWidth;
   ctx.setLineDash(dashPattern);
-  ctx.strokeRect(x + lineWidth / 2, y + lineWidth / 2, width - lineWidth, height - lineWidth);
+  ctx.strokeRect(x2 + lineWidth / 2, y + lineWidth / 2, width - lineWidth, height - lineWidth);
   ctx.setLineDash([]);
 };
 const drawAreaRectViewport = (ctx, sheet, scrollTop, scrollLeft, viewW, viewH, area, color, lineWidth = 2, dashPattern = [], fillColor) => {
@@ -3911,8 +4064,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 = O(sheet, { y: top, x: left });
+  const bottomRight = O(sheet, { y: bottom, x: right });
   const x1 = topLeft.left - scrollLeft;
   const y1 = topLeft.top - scrollTop;
   const x2 = bottomRight.right - scrollLeft;
@@ -3972,16 +4125,16 @@ const CellStateOverlay = ({ refs = {} }) => {
     ctx.beginPath();
     ctx.rect(headerW, headerH, w - headerW, h2 - headerH);
     ctx.clip();
-    const selectingArea = zoneToArea(selectingZone);
+    const selectingArea = Rs(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 En(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 { y, x: x2 } = choosing;
+      if (y !== -1 && x2 !== -1) {
+        const pos = O(sheet, { y, x: x2 });
         const vx = pos.left - scrollLeft;
         const vy = pos.top - scrollTop;
         drawRect(ctx, vx, vy, pos.width, pos.height, COLOR_POINTED, 2, []);
@@ -3989,13 +4142,13 @@ const CellStateOverlay = ({ refs = {} }) => {
     }
     const { copyingSheetId, copyingZone, cutting } = registry;
     if (sheet.id === copyingSheetId) {
-      const copyingArea = zoneToArea(copyingZone);
+      const copyingArea = Rs(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 = _n[i % _n.length];
       try {
         const refArea = sheet.rangeToArea(ref);
         drawAreaRectViewport(ctx, sheet, scrollTop, scrollLeft, w, h2, refArea, palette, 2, [5, 5]);
@@ -4003,8 +4156,8 @@ const CellStateOverlay = ({ refs = {} }) => {
       }
     });
     matchingCells.forEach((address, index) => {
-      const { y, x } = a2p(address);
-      const pos = getCellRectPositions(sheet, { y, x });
+      const { y, x: x2 } = N$1(address);
+      const pos = O(sheet, { y, x: x2 });
       const vx = pos.left - scrollLeft;
       const vy = pos.top - scrollTop;
       if (vx + pos.width < 0 || vx > w || vy + pos.height < 0 || vy > h2) {
@@ -4026,21 +4179,21 @@ const CellStateOverlay = ({ refs = {} }) => {
     ctx.restore();
     const numCols = sheet.numCols;
     const numRows = sheet.numRows;
-    for (let x = 1; x <= numCols; x++) {
+    for (let x2 = 1; x2 <= numCols; x2++) {
       let color = null;
       let backgroundColor = null;
-      if (between({ start: selectingZone.startX, end: selectingZone.endX }, x)) {
+      if (Vr({ start: selectingZone.startX, end: selectingZone.endX }, x2)) {
         color = "rgba(80, 180, 255, 1)";
         backgroundColor = topHeaderSelecting ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)";
       }
-      if (choosing.x === x) {
+      if (choosing.x === x2) {
         color = COLOR_POINTED;
         backgroundColor = topHeaderSelecting ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)";
       }
       if (!color) {
         continue;
       }
-      const pos = getCellRectPositions(sheet, { y: 1, x });
+      const pos = O(sheet, { y: 1, x: x2 });
       const left = pos.left - scrollLeft;
       if (left + pos.width < headerW || left > w) {
         continue;
@@ -4065,7 +4218,7 @@ const CellStateOverlay = ({ refs = {} }) => {
       }
       let color = null;
       let backgroundColor = null;
-      if (between({ start: selectingZone.startY, end: selectingZone.endY }, y)) {
+      if (Vr({ 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)";
       }
@@ -4076,7 +4229,7 @@ const CellStateOverlay = ({ refs = {} }) => {
       if (!color) {
         continue;
       }
-      const pos = getCellRectPositions(sheet, { y, x: 1 });
+      const pos = O(sheet, { y, x: 1 });
       const top = pos.top - scrollTop;
       if (top + pos.height < headerH || top > h2) {
         continue;
@@ -4165,7 +4318,7 @@ const CellStateOverlay = ({ refs = {} }) => {
   );
 };
 const Tabular = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e2, _f, _g, _h, _i;
   const [palette, setPalette] = useState({});
   const { store, dispatch } = useContext(Context);
   const {
@@ -4176,6 +4329,8 @@ const Tabular = () => {
     mainRef,
     sheetWidth,
     sheetHeight,
+    fixedWidth,
+    fixedHeight,
     inputting,
     leftHeaderSelecting,
     topHeaderSelecting,
@@ -4183,6 +4338,24 @@ const Tabular = () => {
   } = store;
   const sheet = sheetReactive.current;
   const [virtualized, setVirtualized] = useState(null);
+  useEffect(() => {
+    const t = tabularRef.current;
+    const m = mainRef.current;
+    if (!t || !m) {
+      return;
+    }
+    const raf = requestAnimationFrame(() => {
+      const ox = String(t.scrollWidth > t.clientWidth + 1);
+      const oy = String(t.scrollHeight > t.clientHeight + 1);
+      if (m.getAttribute("data-overflow-x") !== ox) {
+        m.setAttribute("data-overflow-x", ox);
+      }
+      if (m.getAttribute("data-overflow-y") !== oy) {
+        m.setAttribute("data-overflow-y", oy);
+      }
+    });
+    return () => cancelAnimationFrame(raf);
+  });
   const handleMouseMove = useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -4190,7 +4363,7 @@ const Tabular = () => {
   const handleScroll = useCallback(
     (e) => {
       if (sheet) {
-        setVirtualized(virtualize(sheet, e.currentTarget));
+        setVirtualized(q(sheet, e.currentTarget));
       }
     },
     [sheetReactive]
@@ -4224,17 +4397,17 @@ const Tabular = () => {
     }
     const palette2 = {};
     const paletteBySheetName = {};
-    const lexer = new Lexer(inputting.substring(1));
+    const lexer = new $t(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 = Br(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 = on(sheetName);
           const upperRef = ref.toUpperCase();
           if (paletteBySheetName[stripped] == null) {
             paletteBySheetName[stripped] = {};
@@ -4257,14 +4430,14 @@ const Tabular = () => {
     if (!sheet) {
       return;
     }
-    sheet.registry.choosingAddress = p2a(choosing);
+    sheet.registry.choosingAddress = D(choosing);
     sheet.registry.choosingSheetId = sheet.id;
   }, [choosing]);
   useEffect(() => {
     if (!sheet) {
       return;
     }
-    setVirtualized(virtualize(sheet, tabularRef.current));
+    setVirtualized(q(sheet, tabularRef.current));
   }, [
     tabularRef.current,
     sheetReactive,
@@ -4278,7 +4451,7 @@ const Tabular = () => {
     if (!el) {
       return;
     }
-    return preventSafariBounce(el);
+    return $(el);
   }, [sheetReactive]);
   useEffect(() => {
     if (!sheet || !sheet.eager || !sheet.registry.ready) {
@@ -4298,8 +4471,10 @@ const Tabular = () => {
     {
       className: "gs-tabular",
       style: {
-        width: sheetWidth === -1 ? void 0 : Math.min(sheetWidth, sheet.totalWidth),
-        height: sheetHeight === -1 ? void 0 : Math.min(sheetHeight, sheet.totalHeight)
+        // When a size is explicitly configured, keep that box so a smaller grid can be
+        // centered within it (see .gs-tabular in tabular.less); otherwise shrink to fit.
+        width: sheetWidth === -1 ? void 0 : fixedWidth ? sheetWidth : Math.min(sheetWidth, sheet.totalWidth),
+        height: sheetHeight === -1 ? void 0 : fixedHeight ? sheetHeight : Math.min(sheetHeight, sheet.totalHeight)
       },
       ref: tabularRef,
       onMouseMove: handleMouseMove,
@@ -4368,7 +4543,7 @@ const Tabular = () => {
                     style: { width: ((_c = virtualized == null ? void 0 : virtualized.adjuster) == null ? void 0 : _c.left) ?? 1 }
                   }
                 ),
-                (_e = (_d = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _d.map) == null ? void 0 : _e.call(_d, (x) => /* @__PURE__ */ jsx(HeaderCellTop, { x }, x)),
+                (_e2 = (_d = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _d.map) == null ? void 0 : _e2.call(_d, (x2) => /* @__PURE__ */ jsx(HeaderCellTop, { x: x2 }, x2)),
                 /* @__PURE__ */ jsx(
                   "th",
                   {
@@ -4386,7 +4561,7 @@ const Tabular = () => {
                   }
                 ),
                 /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-vertical" }),
-                (_h = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _h.map((x) => /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-vertical" }, x)),
+                (_h = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _h.map((x2) => /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-vertical" }, x2)),
                 /* @__PURE__ */ jsx("th", { className: `gs-adjuster gs-adjuster-horizontal gs-adjuster-vertical` })
               ] }) }),
               /* @__PURE__ */ jsx("tbody", { className: "gs-sheet-body-data", children: (_i = virtualized == null ? void 0 : virtualized.ys) == null ? void 0 : _i.map((y) => {
@@ -4394,7 +4569,7 @@ const Tabular = () => {
                 return /* @__PURE__ */ jsxs("tr", { className: `gs-row ${y % 2 === 0 ? "gs-row-even" : "gs-row-odd"}`, children: [
                   /* @__PURE__ */ jsx(HeaderCellLeft, { y }),
                   /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-left" }),
-                  (_a2 = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _a2.map((x) => /* @__PURE__ */ jsx(Cell, { y, x }, x)),
+                  (_a2 = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _a2.map((x2) => /* @__PURE__ */ jsx(Cell, { y, x: x2 }, x2)),
                   /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-right" })
                 ] }, y);
               }) })
@@ -4423,11 +4598,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 ? "" : D(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 ? N$1(spilledFromAddress) : void 0;
+  const originAddress = originPoint != null ? D(originPoint) : void 0;
   useEffect(() => {
     var _a2;
     if (!sheet) {
@@ -4444,7 +4619,7 @@ const FormulaBar = ({ ready }) => {
         dispatch(write({ value }));
       }
       dispatch(setEditingAddress(""));
-      focus(editorRef.current);
+      j(editorRef.current);
     },
     [before]
   );
@@ -4525,10 +4700,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();
@@ -4540,7 +4711,7 @@ const FormulaBar = ({ ready }) => {
               dispatch(setInputting(newValue));
               setTimeout(() => {
                 if (largeEditorRef.current) {
-                  focus(largeEditorRef.current);
+                  j(largeEditorRef.current);
                   largeEditorRef.current.setSelectionRange(newCursor, newCursor);
                 }
               }, 0);
@@ -4571,7 +4742,7 @@ const FormulaBar = ({ ready }) => {
               dispatch(setInputting(newValue));
               setTimeout(() => {
                 if (largeEditorRef.current) {
-                  focus(largeEditorRef.current);
+                  j(largeEditorRef.current);
                   largeEditorRef.current.setSelectionRange(newCursor, newCursor);
                 }
               }, 0);
@@ -4580,7 +4751,7 @@ const FormulaBar = ({ ready }) => {
             }
           }
           if (e.altKey) {
-            insertTextAtCursor(input, "\n");
+            v(input, "\n");
           } else {
             writeCell(input.value);
             dispatch(setInputting(""));
@@ -4602,7 +4773,7 @@ const FormulaBar = ({ ready }) => {
           dispatch(setInputting(before));
           dispatch(setEditingAddress(""));
           e.preventDefault();
-          focus(editorRef.current);
+          j(editorRef.current);
           break;
         }
         case "a":
@@ -4621,7 +4792,7 @@ const FormulaBar = ({ ready }) => {
           break;
       }
       const cell2 = sheet.getCell(choosing, { resolution: "SYSTEM" });
-      if (operations.hasOperation(cell2 == null ? void 0 : cell2.prevention, operations.Write)) {
+      if (pn.hasOperation(cell2 == null ? void 0 : cell2.prevention, pn.Write)) {
         console.warn("This cell is protected from writing.");
         e.preventDefault();
       }
@@ -4654,7 +4825,7 @@ const FormulaBar = ({ ready }) => {
         dispatch(setInputting(newValue));
         setTimeout(() => {
           if (largeEditorRef.current) {
-            focus(largeEditorRef.current);
+            j(largeEditorRef.current);
             largeEditorRef.current.setSelectionRange(newCursor, newCursor);
           }
         }, 0);
@@ -4666,7 +4837,7 @@ const FormulaBar = ({ ready }) => {
   if (!sheet) {
     return /* @__PURE__ */ jsxs("label", { className: "gs-formula-bar gs-hidden", style, children: [
       /* @__PURE__ */ jsx("div", { className: "gs-selecting-address" }),
-      /* @__PURE__ */ jsx("div", { className: "gs-fx", children: "Fx" }),
+      /* @__PURE__ */ jsx("div", { className: "gs-fx", children: "fx" }),
       /* @__PURE__ */ jsx("div", { className: "gs-formula-bar-editor-inner", children: /* @__PURE__ */ jsx("textarea", {}) })
     ] });
   }
@@ -4719,7 +4890,7 @@ const FormulaBar = ({ ready }) => {
       children: [
         /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "absolute", left: 0, top: 0, zIndex: 2 }, vertical: -1 }),
         /* @__PURE__ */ jsx("div", { className: "gs-selecting-address", children: originAddress != null ? originAddress : address }),
-        /* @__PURE__ */ jsx("div", { className: "gs-fx", children: "Fx" }),
+        /* @__PURE__ */ jsx("div", { className: "gs-fx", children: "fx" }),
         /* @__PURE__ */ jsxs("div", { className: "gs-formula-bar-editor-inner", children: [
           /* @__PURE__ */ jsx(
             "div",
@@ -4829,15 +5000,15 @@ const SearchBar = () => {
     if (!matchingCell || !sheet) {
       return;
     }
-    const point = a2p(matchingCell);
+    const point = N$1(matchingCell);
     if (typeof point === "undefined") {
       return;
     }
-    smartScroll(sheet, tabularRef.current, point);
+    G(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" && j(input);
   }, []);
   const handleSearchClick = useCallback(() => {
     dispatch(search(1));
@@ -4850,7 +5021,7 @@ const SearchBar = () => {
       if (e.key === "Escape") {
         const el = editorRef == null ? void 0 : editorRef.current;
         if (el) {
-          focus(el);
+          j(el);
         }
         dispatch(setSearchQuery(void 0));
       }
@@ -4877,7 +5048,7 @@ const SearchBar = () => {
     if (!selectingZone) {
       return false;
     }
-    if (isZoneNotSelected(selectingZone)) {
+    if (rn(selectingZone)) {
       return false;
     }
     const { startY, startX, endY, endX } = selectingZone;
@@ -4888,8 +5059,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 = `${W(Math.min(startX, endX))}${Et(Math.min(startY, endY))}`;
+    const bottomRight = `${W(Math.max(startX, endX))}${Et(Math.max(startY, endY))}`;
     return `${topLeft}:${bottomRight}`;
   }, [selectingZone, hasSelection]);
   const handleRangeClick = useCallback(() => {
@@ -4912,13 +5083,13 @@ const SearchBar = () => {
       return "";
     }
     const { startY, startX, endY, endX } = searchRange;
-    const topLeft = `${x2c(startX)}${y2r(startY)}`;
-    const bottomRight = `${x2c(endX)}${y2r(endY)}`;
+    const topLeft = `${W(startX)}${Et(startY)}`;
+    const bottomRight = `${W(endX)}${Et(endY)}`;
     return `${topLeft}:${bottomRight}`;
   }, [searchRange]);
   const handleCloseClick = useCallback(() => {
     dispatch(setSearchQuery(void 0));
-    focus(editorRef.current);
+    j(editorRef.current);
   }, [editorRef]);
   if (typeof searchQuery === "undefined") {
     return null;
@@ -5004,7 +5175,26 @@ function GridSheet({
   book: initialBook
 }) {
   var _a, _b, _c;
-  const { sheetResize, showFormulaBar = true, mode = "light" } = options;
+  const {
+    sheetResize,
+    showFormulaBar = true,
+    mode = "light",
+    density = "compact",
+    gridLines = "all",
+    formulaBarBorders = { all: true },
+    matrixBorders = { all: true }
+  } = options;
+  const bw = (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")
+  };
   const rootRef = useRef(null);
   const flashRef = useRef(null);
   const mainRef = useRef(null);
@@ -5036,7 +5226,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 $$1({
       limits,
       name: sheetName,
       registry,
@@ -5069,6 +5259,8 @@ function GridSheet({
       dragging: false,
       sheetHeight: 0,
       sheetWidth: 0,
+      fixedWidth: false,
+      fixedHeight: false,
       entering: false,
       matchingCells: [],
       matchingCellIndex: 0,
@@ -5094,10 +5286,17 @@ function GridSheet({
     () => initialState
   );
   useEffect(() => {
-    embedStyle();
+    re();
   }, []);
   const fillWidth = typeof options.sheetWidth === "string";
   const fillHeight = typeof options.sheetHeight === "string";
+  const matrixAlignment = options.matrixAlignment ?? "none";
+  const centersWidth = matrixAlignment === "horizontal" || matrixAlignment === "both";
+  const centersHeight = matrixAlignment === "vertical" || matrixAlignment === "both";
+  const [resizedWidth, setResizedWidth] = useState(false);
+  const [resizedHeight, setResizedHeight] = useState(false);
+  const fixedWidth = centersWidth && (options.sheetWidth != null || resizedWidth);
+  const fixedHeight = centersHeight && (options.sheetHeight != null || resizedHeight);
   const [sheetHeight, setSheetHeight] = useState(
     typeof (options == null ? void 0 : options.sheetHeight) === "number" ? options.sheetHeight : estimateSheetHeight(initialCells)
   );
@@ -5111,6 +5310,12 @@ function GridSheet({
     }
     let first = true;
     const ro = new ResizeObserver(() => {
+      if (el.style.width) {
+        setResizedWidth(true);
+      }
+      if (el.style.height) {
+        setResizedHeight(true);
+      }
       if (first) {
         first = false;
         if (!fillWidth && !fillHeight) {
@@ -5160,15 +5365,19 @@ function GridSheet({
       ref: rootRef,
       "data-sheet-name": sheetName,
       "data-mode": mode,
+      "data-density": density,
+      "data-gridlines": gridLines,
+      "data-matrix-align": matrixAlignment,
       "data-rows": ((_a = store.sheetReactive.current) == null ? void 0 : _a.numRows) ?? 0,
       "data-cols": ((_b = store.sheetReactive.current) == null ? void 0 : _b.numCols) ?? 0,
       style: fillWidth || fillHeight ? {
+        ...borderVars,
         // inline-flex (when width isn't filled) keeps the prior shrink-to-content width.
         display: fillWidth ? "flex" : "inline-flex",
         flexDirection: "column",
         ...fillWidth ? { width: options.sheetWidth } : null,
         ...fillHeight ? { height: options.sheetHeight } : null
-      } : void 0,
+      } : borderVars,
       children: [
         /* @__PURE__ */ jsx("div", { className: "gs-flash-overlay", ref: flashRef }),
         /* @__PURE__ */ jsx(ScrollHandle, { style: { position: "fixed", top: 0, left: 0 } }),
@@ -5194,7 +5403,12 @@ function GridSheet({
             children: [
               /* @__PURE__ */ jsx(Editor, { mode }),
               /* @__PURE__ */ jsx(Tabular, {}),
-              /* @__PURE__ */ jsx(StoreObserver, { ...{ ...options, sheetHeight, sheetWidth, sheetName, sheetRef, storeRef } }),
+              /* @__PURE__ */ jsx(
+                StoreObserver,
+                {
+                  ...{ ...options, sheetHeight, sheetWidth, fixedWidth, fixedHeight, sheetName, sheetRef, storeRef }
+                }
+              ),
               /* @__PURE__ */ jsx(ContextMenu, {}),
               /* @__PURE__ */ jsx(ColumnMenu, {}),
               /* @__PURE__ */ jsx(RowMenu, {}),
@@ -5209,28 +5423,28 @@ 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;
+  var _a, _b, _c, _d, _e2;
+  const auto = Cs(initialCells);
+  let estimatedHeight = ((_a = initialCells[0]) == null ? void 0 : _a.height) ?? Re;
   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 = Et(y);
+    const height = ((_b = initialCells == null ? void 0 : initialCells[row]) == null ? void 0 : _b.height) || ((_c = initialCells == null ? void 0 : initialCells["0" + row]) == null ? void 0 : _c.height) || ((_d = initialCells == null ? void 0 : initialCells[vt]) == null ? void 0 : _d.height) || ((_e2 = initialCells == null ? void 0 : initialCells.default) == null ? void 0 : _e2.height) || J;
+    if (estimatedHeight + height > Dr) {
+      return Dr;
     }
     estimatedHeight += height;
   }
   return estimatedHeight + 3;
 };
 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;
-  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;
+  var _a, _b, _c, _d, _e2;
+  const auto = Cs(initialCells);
+  let estimatedWidth = ((_a = initialCells[0]) == null ? void 0 : _a.width) ?? _e;
+  for (let x2 = 1; x2 <= auto.numCols; x2++) {
+    const col = W(x2);
+    const width = ((_b = initialCells == null ? void 0 : initialCells[col]) == null ? void 0 : _b.width) || ((_c = initialCells == null ? void 0 : initialCells[col + "0"]) == null ? void 0 : _c.width) || ((_d = initialCells == null ? void 0 : initialCells[Dt]) == null ? void 0 : _d.width) || ((_e2 = initialCells == null ? void 0 : initialCells.default) == null ? void 0 : _e2.width) || jt;
+    if (estimatedWidth + width > vr) {
+      return vr;
     }
     estimatedWidth += width;
   }
@@ -5271,70 +5485,70 @@ function makeBorder(options) {
   return result;
 }
 export {
-  BaseFunction,
-  BaseFunctionAsync,
+  b8 as BaseFunction,
+  b9 as BaseFunctionAsync,
   CheckboxPolicyMixin,
   Children,
   Component,
-  DEFAULT_HISTORY_LIMIT,
-  FormulaError2 as FormulaError,
-  FormulaParser,
+  bq as DEFAULT_HISTORY_LIMIT,
+  x as FormulaError,
+  ba as FormulaParser,
   Fragment2 as Fragment,
   GridSheet,
-  Lexer2 as Lexer,
+  $t as Lexer,
   MenuDivider,
   MenuItem,
-  Pending2 as Pending,
-  PercentagePolicyMixin,
+  k as Pending,
+  bp as PercentagePolicyMixin,
   PluginBase,
-  Policy,
+  bn as Policy,
   PureComponent,
-  RangeEntity,
-  RefEntity,
-  Registry,
-  Sheet2 as Sheet,
-  Spilling,
+  bd as RangeEntity,
+  bb as RefEntity,
+  aZ as Registry,
+  $$1 as Sheet,
+  br as Spilling,
   StrictMode,
   Suspense,
   SuspenseList,
-  ThousandSeparatorPolicyMixin,
-  Time,
-  ValueEntity,
-  a2p2 as a2p,
-  aa2oa,
-  addressesToAreas,
-  addressesToCols,
-  addressesToRows,
+  bo as ThousandSeparatorPolicyMixin,
+  aU as Time,
+  bc as ValueEntity,
+  N$1 as a2p,
+  aN as aa2oa,
+  aR as addressesToAreas,
+  aS as addressesToCols,
+  aT as addressesToRows,
   applyers,
-  areaToRange2 as areaToRange,
-  areaToZone2 as areaToZone,
-  buildInitialCells,
-  buildInitialCellsFromOrigin,
-  c2x,
-  ch,
-  check,
+  zr as areaToRange,
+  Ee as areaToZone,
+  aO as buildInitialCells,
+  aP as buildInitialCellsFromOrigin,
+  aV as c2x,
+  aY as ch,
+  bi as check,
   clip,
   cloneElement,
   render2 as compatRender,
-  conditionArg,
-  createBook,
-  createBooleanMask,
+  bl as conditionArg,
+  a_ as createBook,
+  bk as createBooleanMask,
   createContext2 as createContext,
   createElement,
   createFactory,
   createPortal2 as createPortal,
   createRef2 as createRef,
-  createRegistry,
+  a$ as createRegistry,
   createSheetRef,
   createStoreRef,
   defaultColMenuDescriptors,
   defaultContextMenuDescriptors,
   defaultRowMenuDescriptors,
-  eachMatrix,
-  ensureBoolean,
-  ensureDate,
-  ensureNumber,
-  ensureString,
+  bj as eachMatrix,
+  bg as ensureBoolean,
+  bh as ensureDate,
+  bf as ensureNumber,
+  be as ensureString,
   findDOMNode,
   forwardRef,
   h,
@@ -5342,25 +5556,25 @@ export {
   isValidElement,
   lazy,
   makeBorder,
-  matrixShape,
+  aQ as matrixShape,
   memo2 as memo,
-  oa2aa,
-  operations2 as operations,
-  p2a2 as p2a,
-  r2y,
+  aM as oa2aa,
+  pn as operations,
+  D as p2a,
+  aW as r2y,
   registerMenuComponent,
   render,
-  rh,
+  aX as rh,
   sheet2csv,
-  stripMatrix,
-  toCellCols,
-  toCellMatrix,
-  toCellObject,
-  toCellRows,
-  toValueCols,
-  toValueMatrix,
-  toValueObject,
-  toValueRows,
+  bm as stripMatrix,
+  b7 as toCellCols,
+  b4 as toCellMatrix,
+  b5 as toCellObject,
+  b6 as toCellRows,
+  b3 as toValueCols,
+  b0 as toValueMatrix,
+  b1 as toValueObject,
+  b2 as toValueRows,
   unmountComponentAtNode,
   unstable_batchedUpdates,
   updateSheet,
@@ -5379,10 +5593,10 @@ export {
   useSheetRef,
   useState2 as useState,
   useStoreRef,
-  X as userActions,
+  bs as userActions,
   version,
-  x2c2 as x2c,
-  y2r2 as y2r,
-  zoneToArea2 as zoneToArea
+  W as x2c,
+  Et as y2r,
+  Rs as zoneToArea
 };
 //# sourceMappingURL=index.js.map