@gridsheet/react-core 3.0.7 → 3.1.0

package/dist/index.js

@@ -1,8 +1,8 @@
 import { calcSideStyle as qn, clampPopup as en, clampLeft as Gn, zoneToArea as he, focus as O, Lexer as Ge, getFunctionHelps as Pt, expandInput as Qn, y2r as be, x2c as pe, resetInput as Jn, handleFormulaQuoteAutoClose as tn, areaToZone as Qe, insertTextAtCursor as nn, operations as X, isRefInsertable as sn, COLOR_PALETTE as Ie, DEFAULT_WIDTH as vt, DEFAULT_HEIGHT as bt, between as Ae, makeSequence as Xt, p2a as xe, MIN_HEIGHT as Ht, MIN_WIDTH as Ot, zoneShape as se, getLabel as wt, FormulaError as es, Pending as ts, insertRef as De, areaToRange as rn, calcBelowPosition as ns, hAlignTransform as ss, among as rs, getAreaInTabular as Lt, isFocus as os, Autofill as is, getCellRectPositions as Fe, a2p as Rt, virtualize as Bt, stripAddressAbsolute as ls, stripSheetName as as, preventSafariBounce as cs, smartScroll as us, isZoneNotSelected as ds, Sheet as gs, embedStyle as hs, getMaxSizesFromCells as on, HEADER_HEIGHT as fs, DEFAULT_ROW_KEY as ms, SHEET_HEIGHT as Kt, HEADER_WIDTH as ps, DEFAULT_COL_KEY as ys, SHEET_WIDTH as Wt } from "@gridsheet/core";
 import { BaseFunction as Yr, BaseFunctionAsync as $r, DEFAULT_HISTORY_LIMIT as Pr, FormulaError as Xr, FormulaParser as Hr, Lexer as Or, Pending as Lr, PercentagePolicyMixin as Br, Policy as Kr, RangeEntity as Wr, RefEntity as Zr, Registry as Ur, Sheet as zr, Spilling as _r, ThousandSeparatorPolicyMixin as jr, Time as Vr, ValueEntity as qr, a2p as Gr, aa2oa as Qr, addressesToAreas as Jr, addressesToCols as eo, addressesToRows as to, areaToRange as no, areaToZone as so, buildInitialCells as ro, buildInitialCellsFromOrigin as oo, c2x as io, ch as lo, check as ao, conditionArg as co, createBook as uo, createBooleanMask as go, createRegistry as ho, eachMatrix as fo, ensureBoolean as mo, ensureDate as po, ensureNumber as yo, ensureString as vo, matrixShape as bo, oa2aa as wo, operations as Ro, p2a as Co, r2y as So, rh as No, stripMatrix as xo, toCellCols as Eo, toCellMatrix as ko, toCellObject as To, toCellRows as Ao, toValueCols as Mo, toValueMatrix as Do, toValueObject as Io, toValueRows as Fo, x2c as Yo, y2r as $o, zoneToArea as Po } from "@gridsheet/core";
 import { jsxs as Y, jsx as a, Fragment as Re } from "react/jsx-runtime";
-import at, { createContext as ln, useRef as re, useContext as le, useLayoutEffect as ct, useState as ee, useMemo as $e, useCallback as k, memo as nt, useEffect as K, createRef as an, useReducer as vs } from "react";
-import { u as bs, s as de, w as Ze, a as te, b as Ue, r as ut, c as cn, d as un, e as Pe, f as dn, g as gn, h as we, i as je, j as ws, k as Zt, l as dt, p as gt, m as Je, n as Ne, o as ht, q as ft, t as Ye, v as Ct, x as hn, y as fn, z as mn, A as pn, B as yn, C as vn, D as ze, E as et, F as mt, G as st, H as Rs, I as Xe, J as me, K as ke, L as bn, M as We, N as Ut, O as wn, P as zt, Q as _t, R as Cs, S as Ss, T as jt, U as Ns, V as xs, W as Es } from "./hooks-CvkA2lFB.mjs";
+import at, { createContext as ln, useRef as re, useContext as le, useLayoutEffect as ct, useState as te, useMemo as $e, useCallback as k, memo as nt, useEffect as W, createRef as an, useReducer as vs } from "react";
+import { u as bs, s as ue, w as Ze, a as ne, b as Ue, r as ut, c as cn, d as un, e as Pe, f as dn, g as gn, h as we, i as je, j as ws, k as Zt, l as dt, p as gt, m as Je, n as Ne, o as ht, q as ft, t as Ye, v as Ct, x as hn, y as fn, z as mn, A as pn, B as yn, C as vn, D as ze, E as et, F as mt, G as st, H as Rs, I as Xe, J as me, K as ke, L as bn, M as We, N as Ut, O as wn, P as zt, Q as _t, R as Cs, S as Ss, T as jt, U as Ns, V as xs, W as Es } from "./hooks-CvkA2lFB.mjs";
 import { X as Ho } from "./hooks-CvkA2lFB.mjs";
 import { createPortal as St } from "react-dom";
 const ae = ln(
@@ -114,7 +114,7 @@ const ae = ln(
   selected: s,
   onOptionMouseDown: o
 }) => {
-  const i = re(null), [l, h] = ee(t);
+  const i = re(null), [l, h] = te(t);
   return ct(() => {
     if (!i.current)
       return;
@@ -212,7 +212,7 @@ const ae = ln(
       o.pop();
   return `<table>${o.map((i) => i.html).join("")}</table>`;
 }, Cn = ({ inputting: e, selectionStart: n, optionsAll: t, functions: s }) => {
-  const [o, i] = ee(0), { filteredOptions: l, matchParams: h, activeFunctionHelp: f, activeArgIndex: c } = $e(() => {
+  const [o, i] = te(0), { filteredOptions: l, matchParams: h, activeFunctionHelp: f, activeArgIndex: c } = $e(() => {
     var C, I;
     const g = e.startsWith("=");
     let m = null, p = 0;
@@ -480,7 +480,7 @@ const Nn = (e, n = "	") => {
   "UL"
 ]), Ms = ({ mode: e }) => {
   var Ft, Yt;
-  const { store: n, dispatch: t } = le(ae), [s, o] = ee(!1), [i, l] = ee(0), [h, f] = ee(!1), c = re(!1), {
+  const { store: n, dispatch: t } = le(ae), [s, o] = te(!1), [i, l] = te(0), [h, f] = te(!1), c = re(!1), {
     choosing: d,
     inputting: b,
     selectingZone: y,
@@ -511,7 +511,7 @@ const Nn = (e, n = "	") => {
           Nt,
           {
             activeFunctionGuide: B,
-            activeArgIndex: U,
+            activeArgIndex: z,
             top: V,
             left: ie
           }
@@ -539,27 +539,27 @@ const Nn = (e, n = "	") => {
     handleArrowUp: oe,
     handleArrowDown: ce,
     activeFunctionHelp: B,
-    activeArgIndex: U
+    activeArgIndex: z
   } = Cn({
     inputting: b,
     selectionStart: i,
     optionsAll: N,
     functions: r == null ? void 0 : r.registry.functions
   });
-  K(() => {
+  W(() => {
     O(T == null ? void 0 : T.current);
-  }, [T]), K(() => {
-    r && r.registry.lastFocused != null && r.registry.lastFocused === T.current && r.registry.lastFocused === S.current && t(de(""));
-  }, [r == null ? void 0 : r.registry.lastFocused, r, T, S, t]), K(() => {
+  }, [T]), W(() => {
+    r && r.registry.lastFocused != null && r.registry.lastFocused === T.current && r.registry.lastFocused === S.current && t(ue(""));
+  }, [r == null ? void 0 : r.registry.lastFocused, r, T, S, t]), W(() => {
     r && (r.registry.editingSheetId = C, r.registry.editingAddress = m);
-  }, [m, r, C]), K(() => {
+  }, [m, r, C]), W(() => {
     Qn(T.current);
   }, [b, m, T]);
-  const { y: W, x: J } = d, j = `${be(W)}`, G = `${pe(J)}${j}`, L = m === G, Q = r == null ? void 0 : r.getCell({ y: W, x: J }, { resolution: "RAW" }), w = r ? r.getSerializedValue({ point: d, cell: Q, resolution: "RAW" }) : "", [z, ue] = ee(w), ne = k(
+  const { y: Z, x: J } = d, j = `${be(Z)}`, G = `${pe(J)}${j}`, L = m === G, Q = r == null ? void 0 : r.getCell({ y: Z, x: J }, { resolution: "RAW" }), w = r ? r.getSerializedValue({ point: d, cell: Q, resolution: "RAW" }) : "", [K, de] = te(w), ee = k(
     (x) => {
-      z !== x && t(Ze({ value: x })), ue(x);
+      K !== x && t(Ze({ value: x })), de(x);
     },
-    [z, t]
+    [K, t]
   ), ye = k(
     (x) => {
       if (!r)
@@ -568,7 +568,7 @@ const Nn = (e, n = "	") => {
       if (V) {
         if (V.isFunction) {
           const { value: ie, selectionStart: ge } = _(V);
-          t(te(ie)), setTimeout(() => {
+          t(ne(ie)), setTimeout(() => {
             T.current && (O(T.current), T.current.setSelectionRange(ge, ge));
           }, 0);
         } else {
@@ -576,18 +576,18 @@ const Nn = (e, n = "	") => {
             diff: { [G]: { value: V.value } },
             partial: !0
           });
-          t(Ue(ie.clone())), t(de("")), t(te(""));
+          t(Ue(ie.clone())), t(ue("")), t(ne(""));
         }
         q(0);
       }
     },
-    [R, r, G, b, ne, t, T]
+    [R, r, G, b, ee, t, T]
   );
-  K(() => {
-    r && (ue(w), t(te(w)), Jn(T.current, r, d));
+  W(() => {
+    r && (de(w), t(ne(w)), Jn(T.current, r, d));
   }, [d, w, t, T, r]);
   const { y: Ee, x: _e, height: At, width: Mt } = g, Bn = w.split(`
-`).length, [Dt, It] = ee(!1), Kn = k(
+`).length, [Dt, It] = te(!1), Kn = k(
     (x) => {
       var ge, Oe, Me, Le, Be, $t;
       if (!r || x.nativeEvent.isComposing || c.current || Dt)
@@ -597,7 +597,7 @@ const Nn = (e, n = "	") => {
       }));
       const V = x.currentTarget;
       if (tn(x, b))
-        return t(te(V.value)), !1;
+        return t(ne(V.value)), !1;
       const ie = x.shiftKey;
       switch (x.key) {
         case "Tab":
@@ -607,7 +607,7 @@ const Nn = (e, n = "	") => {
               if (ye(H), ve)
                 return !1;
             } else
-              ne(V.value), t(de("")), t(te(""));
+              ee(V.value), t(ue("")), t(ne(""));
           return t(
             dt({
               numRows: r.numRows,
@@ -615,7 +615,7 @@ const Nn = (e, n = "	") => {
               deltaY: 0,
               deltaX: ie ? -1 : 1
             })
-          ), t(de("")), !1;
+          ), t(ue("")), !1;
         case "Enter":
           if (L)
             if (R.length) {
@@ -625,10 +625,10 @@ const Nn = (e, n = "	") => {
             } else {
               if (x.altKey)
                 return nn(V, `
-`), t(te(V.value)), x.preventDefault(), !1;
+`), t(ne(V.value)), x.preventDefault(), !1;
               if (x.nativeEvent.isComposing)
                 return !1;
-              ne(V.value), t(de("")), t(te(""));
+              ee(V.value), t(ue("")), t(ne(""));
             }
           else if ($ && y.endY === -1) {
             const ve = document.createEvent("MouseEvents");
@@ -644,11 +644,11 @@ const Nn = (e, n = "	") => {
           ), x.preventDefault(), !1;
         case "Backspace":
           if (!L)
-            return ((Me = r.getSystem({ y: W, x: J })) == null ? void 0 : Me.spilledFrom) != null ? (x.preventDefault(), !1) : (t(Zt(null)), t(te("")), !1);
+            return ((Me = r.getSystem({ y: Z, x: J })) == null ? void 0 : Me.spilledFrom) != null ? (x.preventDefault(), !1) : (t(Zt(null)), t(ne("")), !1);
           break;
         case "Delete":
           if (!L)
-            return ((Le = r.getSystem({ y: W, x: J })) == null ? void 0 : Le.spilledFrom) != null ? (x.preventDefault(), !1) : (t(Zt(null)), t(te("")), !1);
+            return ((Le = r.getSystem({ y: Z, x: J })) == null ? void 0 : Le.spilledFrom) != null ? (x.preventDefault(), !1) : (t(Zt(null)), t(ne("")), !1);
           break;
         case "Shift":
           return o(!0), !1;
@@ -661,7 +661,7 @@ const Nn = (e, n = "	") => {
         case "NumLock":
           return !1;
         case "Escape":
-          return t(ws(null)), t(Pe(void 0)), t(te(z)), !1;
+          return t(ws(null)), t(Pe(void 0)), t(ne(K)), !1;
         case "ArrowLeft":
           if (!L)
             return t(
@@ -743,7 +743,7 @@ const Nn = (e, n = "	") => {
         // R
         case "y":
           if ((x.ctrlKey || x.metaKey) && !L)
-            return x.preventDefault(), t(ut(null)), requestAnimationFrame(() => t(te(""))), !1;
+            return x.preventDefault(), t(ut(null)), requestAnimationFrame(() => t(ne(""))), !1;
           break;
         case "s":
           if ((x.ctrlKey || x.metaKey) && !L)
@@ -778,10 +778,10 @@ const Nn = (e, n = "	") => {
             return x.preventDefault(), x.shiftKey ? t(ut(null)) : t(cn(null)), !1;
           break;
         case ";":
-          (x.ctrlKey || x.metaKey) && (L || (x.preventDefault(), ne((/* @__PURE__ */ new Date()).toDateString())));
+          (x.ctrlKey || x.metaKey) && (L || (x.preventDefault(), ee((/* @__PURE__ */ new Date()).toDateString())));
           break;
       }
-      return x.ctrlKey || x.metaKey ? !1 : X.hasOperation(Q == null ? void 0 : Q.prevention, X.Write) ? (console.warn("This cell is protected from writing."), !1) : (t(de(G)), L || t(te("")), q(0), !1);
+      return x.ctrlKey || x.metaKey ? !1 : X.hasOperation(Q == null ? void 0 : Q.prevention, X.Write) ? (console.warn("This cell is protected from writing."), !1) : (t(ue(G)), L || t(ne("")), q(0), !1);
     },
     [
       Dt,
@@ -790,13 +790,13 @@ const Nn = (e, n = "	") => {
       H,
       $,
       y,
-      z,
+      K,
       r,
       d,
       n,
       Q,
       G,
-      ne,
+      ee,
       F,
       b
     ]
@@ -812,7 +812,7 @@ const Nn = (e, n = "	") => {
         return;
       }
       const V = x.currentTarget;
-      L || (t(te(w)), t(de(G)), requestAnimationFrame(() => {
+      L || (t(ne(w)), t(ue(G)), requestAnimationFrame(() => {
         V.style.width = `${V.scrollWidth}px`, V.style.height = `${V.scrollHeight}px`;
         const ie = new String(w).length;
         V.setSelectionRange(ie, ie);
@@ -823,12 +823,12 @@ const Nn = (e, n = "	") => {
     (x) => {
       if (f(!1), sn(x.currentTarget))
         return !0;
-      L && ne(x.currentTarget.value), t(de(""));
+      L && ee(x.currentTarget.value), t(ue(""));
     },
-    [L, ne, t]
+    [L, ee, t]
   ), zn = k(
     (x) => {
-      X.hasOperation(Q == null ? void 0 : Q.prevention, X.Write) || (t(te(x.currentTarget.value)), l(x.currentTarget.selectionStart), q(0));
+      X.hasOperation(Q == null ? void 0 : Q.prevention, X.Write) || (t(ne(x.currentTarget.value)), l(x.currentTarget.selectionStart), q(0));
     },
     [Q]
   ), _n = k(
@@ -909,10 +909,10 @@ const Nn = (e, n = "	") => {
               onKeyDown: Kn,
               onKeyUp: jn,
               onCompositionStart: () => {
-                c.current = !0, L || (t(de(G)), t(te("")));
+                c.current = !0, L || (t(ue(G)), t(ne("")));
               },
               onCompositionEnd: (x) => {
-                c.current = !1, t(te(x.currentTarget.value));
+                c.current = !1, t(ne(x.currentTarget.value));
               },
               onMouseEnter: () => {
                 t(Je(!0));
@@ -980,7 +980,7 @@ const Nn = (e, n = "	") => {
   ] });
 }, En = ln({});
 function Nr() {
-  const [e, n] = ee(void 0), [t, s] = ee();
+  const [e, n] = te(void 0), [t, s] = te();
   return {
     provided: !0,
     store: e,
@@ -1007,9 +1007,9 @@ const Ds = ({
   mode: l
 }) => {
   const { store: h, dispatch: f } = le(ae), { sheetReactive: c } = h, d = c.current;
-  K(() => {
+  W(() => {
     d && e && e !== d.name && (d.name = e, d.registry.sheetIdsByName[e] = d.id, delete d.registry.sheetIdsByName[d.prevName], d.prevName = e);
-  }, [e]), K(() => {
+  }, [e]), W(() => {
     if (!d)
       return;
     const { registry: g } = d;
@@ -1025,17 +1025,17 @@ const Ds = ({
       },
       dispatch: f
     });
-  }, [h, d, s, o]), K(() => {
+  }, [h, d, s, o]), W(() => {
     n && f(Ne({ sheetHeight: n }));
-  }, [n, f]), K(() => {
+  }, [n, f]), W(() => {
     t && f(Ne({ sheetWidth: t }));
-  }, [t]), K(() => {
+  }, [t]), W(() => {
     typeof i < "u" && f(Ne({ editingOnEnter: i }));
-  }, [i]), K(() => {
+  }, [i]), W(() => {
     l && f(Ne({ mode: l }));
   }, [l]);
   const [b, y] = kn();
-  return K(() => {
+  return W(() => {
     b && (y.setStore(h), y.setApply(() => f));
   }, [h, b, y]), /* @__PURE__ */ a(Re, {});
 }, Is = () => {
@@ -1106,7 +1106,7 @@ const Ds = ({
   );
 }, Fs = () => {
   const { store: e } = le(ae), { choosing: n, selectingZone: t, sheetReactive: s } = e, o = s.current;
-  return K(() => {
+  return W(() => {
     o != null && o.isInitialized && o.currentVersion > 0 && o.registry.onChange && o.registry.onChange({
       sheet: o,
       points: {
@@ -1115,7 +1115,7 @@ const Ds = ({
         selectingTo: { y: t.endY, x: t.endX }
       }
     });
-  }, [s]), K(() => {
+  }, [s]), W(() => {
     o && o.registry.onSelect && o.registry.onSelect({
       sheet: o,
       points: {
@@ -1620,7 +1620,7 @@ const kt = ({
   );
 }, Tt = () => /* @__PURE__ */ a("li", { className: "gs-menu-divider" }), Zs = () => {
   const { store: e, dispatch: n } = le(ae), { contextMenuPosition: t, contextMenu: s } = e, { y: o, x: i } = t, l = re(null);
-  if (K(() => {
+  if (W(() => {
     l.current && en(l.current);
   }), o === -1)
     return null;
@@ -1664,14 +1664,14 @@ const kt = ({
   includes: "Includes",
   excludes: "Excludes"
 }, Gt = ["blank", "nonblank"], Ve = { method: "eq", value: [""] }, Us = ({ x: e, close: n, onWaiting: t }) => {
-  const { store: s, dispatch: o } = le(ae), { sheetReactive: i } = s, l = i.current, [h, f] = ee([{ ...Ve }]), [c, d] = ee("or"), [b, y] = ee(null), g = k(
+  const { store: s, dispatch: o } = le(ae), { sheetReactive: i } = s, l = i.current, [h, f] = te([{ ...Ve }]), [c, d] = te("or"), [b, y] = te(null), g = k(
     (C) => {
       C && C.focus();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e]
   );
-  K(() => {
+  W(() => {
     if (l) {
       const C = l.getCell({ y: 0, x: e }, { resolution: "SYSTEM" }), I = C == null ? void 0 : C.filter;
       I && I.conditions.length > 0 ? (f(I.conditions.map((r) => ({ ...r, value: [...r.value] }))), d(I.mode || "or")) : (f([{ ...Ve, value: [""] }]), d("or"));
@@ -1680,9 +1680,9 @@ const kt = ({
   const m = k(() => {
     y(null), t == null || t(null), n();
   }, [n, t]);
-  K(() => {
+  W(() => {
     b && (t == null || t("Filtering…", m));
-  }, [b]), K(() => {
+  }, [b]), W(() => {
     if (!b)
       return;
     let C = !1;
@@ -1799,12 +1799,12 @@ const kt = ({
 };
 Et("col-filter", Us);
 const zs = ({ x: e, close: n, onWaiting: t }) => {
-  const { store: s, dispatch: o } = le(ae), { sheetReactive: i } = s, l = i.current, [h, f] = ee(null), c = k(() => {
+  const { store: s, dispatch: o } = le(ae), { sheetReactive: i } = s, l = i.current, [h, f] = te(null), c = k(() => {
     f(null), t == null || t(null), n();
   }, [n, t]);
-  if (K(() => {
+  if (W(() => {
     h && (t == null || t("Sorting…", c));
-  }, [h]), K(() => {
+  }, [h]), W(() => {
     if (!h)
       return;
     let y = !1;
@@ -1847,8 +1847,8 @@ const zs = ({ x: e, close: n, onWaiting: t }) => {
 };
 Et("col-sort", zs);
 const _s = ({ x: e, close: n }) => {
-  const { store: t, dispatch: s } = le(ae), { sheetReactive: o } = t, i = o.current, l = re(null), [h, f] = ee("");
-  K(() => {
+  const { store: t, dispatch: s } = le(ae), { sheetReactive: o } = t, i = o.current, l = re(null), [h, f] = te("");
+  W(() => {
     if (i) {
       const g = i.getCell({ y: 0, x: e }, { resolution: "SYSTEM" });
       f((g == null ? void 0 : g.label) ?? "");
@@ -1899,7 +1899,7 @@ const _s = ({ x: e, close: n }) => {
 };
 Et("col-label", _s);
 const js = () => {
-  const { store: e, dispatch: n } = le(ae), { columnMenuState: t, editorRef: s, colMenu: o } = e, i = e.sheetReactive.current, l = t == null ? void 0 : t.x, h = t == null ? void 0 : t.position, [f, c] = ee(null), d = k(() => {
+  const { store: e, dispatch: n } = le(ae), { columnMenuState: t, editorRef: s, colMenu: o } = e, i = e.sheetReactive.current, l = t == null ? void 0 : t.x, h = t == null ? void 0 : t.position, [f, c] = te(null), d = k(() => {
     n(et(null)), O(s.current);
   }, [n, s]), b = k(
     (g, m) => {
@@ -2017,7 +2017,7 @@ const qs = () => {
   e.type.startsWith("touch") || e.preventDefault();
 }, Gs = nt(({ y: e, x: n }) => {
   var Q;
-  const t = be(e), o = `${pe(n)}${t}`, { store: i, dispatch: l } = le(ae), h = re(!0), f = re(null), [c, d] = ee(null), {
+  const t = be(e), o = `${pe(n)}${t}`, { store: i, dispatch: l } = le(ae), h = re(!0), f = re(null), [c, d] = te(null), {
     sheetReactive: b,
     editingAddress: y,
     choosing: g,
@@ -2028,8 +2028,8 @@ const qs = () => {
     autofillDraggingTo: F,
     contextMenu: T
   } = i, S = b.current, D = st(i), $ = S == null ? void 0 : S.registry.lastFocused, P = he(m), C = y === o, I = g.y === e && g.x === n, r = k(() => {
-    var z;
-    const w = (z = f.current) == null ? void 0 : z.getBoundingClientRect();
+    var K;
+    const w = (K = f.current) == null ? void 0 : K.getBoundingClientRect();
     if (w == null)
       return null;
     l(
@@ -2041,7 +2041,7 @@ const qs = () => {
       })
     );
   }, [l]);
-  K(() => {
+  W(() => {
     if (I && !h.current) {
       r();
       return;
@@ -2072,8 +2072,8 @@ const qs = () => {
       if (w.type.startsWith("touch"))
         return oe && _ && _.blur(), l(Xe({ y: e, x: n })), l(we({ startY: e, startX: n, endY: e, endX: n })), !0;
       w.shiftKey ? l(me({ y: e, x: n })) : l(we({ startY: e, startX: n, endY: -1, endX: -1 })), l(ke(!0));
-      const z = `${S.sheetPrefix(!D)}${o}`;
-      return oe && De({ input: $ || null, ref: z }) || (S.registry.lastFocused = _, O(_), l(de("")), F) ? !1 : (oe && v(_.value), w.shiftKey || l(Xe({ y: e, x: n })), !0);
+      const K = `${S.sheetPrefix(!D)}${o}`;
+      return oe && De({ input: $ || null, ref: K }) || (S.registry.lastFocused = _, O(_), l(ue("")), F) ? !1 : (oe && v(_.value), w.shiftKey || l(Xe({ y: e, x: n })), !0);
     },
     [oe, _, o, D, $, F, v, S]
   ), B = k(
@@ -2085,7 +2085,7 @@ const qs = () => {
       }
     },
     [F, oe, _]
-  ), U = k(
+  ), z = k(
     (w) => {
       if (!He(w) || w.type.startsWith("touch") || !S)
         return !1;
@@ -2098,8 +2098,8 @@ const qs = () => {
       if (oe && !sn($ || null))
         return !1;
       if (l(me({ y: e, x: n })), oe) {
-        const z = he({ ...m, endY: e, endX: n }), ue = `${S.sheetPrefix(!D)}${rn(z)}`;
-        De({ input: $ || null, ref: ue });
+        const K = he({ ...m, endY: e, endX: n }), de = `${S.sheetPrefix(!D)}${rn(K)}`;
+        De({ input: $ || null, ref: de });
       }
       return !0;
     },
@@ -2113,25 +2113,25 @@ const qs = () => {
       m,
       D
     ]
-  ), W = k(
+  ), Z = k(
     (w) => {
       l(We({ x: n, y: e })), l(ke(!0)), w.stopPropagation();
     },
     [l, n, e]
   ), J = k(() => {
-    var z;
-    const w = (z = f.current) == null ? void 0 : z.getBoundingClientRect();
+    var K;
+    const w = (K = f.current) == null ? void 0 : K.getBoundingClientRect();
     w && d(ns(w));
   }, []), j = k(() => {
     d(null);
-  }, []), Z = k(
+  }, []), U = k(
     (w) => T.length > 0 ? (w.stopPropagation(), fe(w), l(ze({ y: w.clientY, x: w.clientX })), !1) : !0,
     [T.length]
   ), G = k(
     (w) => {
-      w.stopPropagation(), fe(w), de(o);
-      const z = document.createEvent("MouseEvents");
-      return z.initEvent("dblclick", !0, !0), _ == null || _.dispatchEvent(z), !1;
+      w.stopPropagation(), fe(w), ue(o);
+      const K = document.createEvent("MouseEvents");
+      return K.initEvent("dblclick", !0, !0), _ == null || _.dispatchEvent(K), !1;
     },
     [o, _]
   ), L = $e(() => !C && I && P.bottom === -1 || P.bottom === e && P.right === n ? "gs-autofill-drag" : "gs-autofill-drag gs-hidden", [C, I, P]);
@@ -2146,7 +2146,7 @@ const qs = () => {
       style: {
         ...u == null ? void 0 : u.style
       },
-      onContextMenu: Z,
+      onContextMenu: U,
       onDoubleClick: G,
       children: /* @__PURE__ */ Y(
         "div",
@@ -2154,7 +2154,7 @@ const qs = () => {
           className: "gs-cell-inner-wrap",
           onMouseDown: ce,
           onTouchStart: ce,
-          onMouseEnter: U,
+          onMouseEnter: z,
           onMouseUp: B,
           children: [
             /* @__PURE__ */ Y(
@@ -2202,7 +2202,7 @@ const qs = () => {
                 children: A
               }
             ),
-            /* @__PURE__ */ a("div", { className: L, onMouseDown: W })
+            /* @__PURE__ */ a("div", { className: L, onMouseDown: Z })
           ]
         }
       )
@@ -2307,7 +2307,7 @@ function Te({ style: e, horizontal: n = 0, vertical: t = 0, className: s = "" })
   ), I = k(() => {
     $();
   }, [$]);
-  return K(() => $, [$]), !b.current || !c && !f ? /* @__PURE__ */ a("div", { className: `gs-scroll-handle gs-hidden ${s}` }) : /* @__PURE__ */ a(
+  return W(() => $, [$]), !b.current || !c && !f ? /* @__PURE__ */ a("div", { className: `gs-scroll-handle gs-hidden ${s}` }) : /* @__PURE__ */ a(
     "div",
     {
       style: e,
@@ -2355,7 +2355,7 @@ const er = nt(({ x: e }) => {
           range: { start: v, end: e },
           numRows: m.numRows
         })
-      ), S && D((T == null ? void 0 : T.value) ?? ""), s(de("")), s(ke(!0)), O(c.current), !d;
+      ), S && D((T == null ? void 0 : T.value) ?? ""), s(ue("")), s(ke(!0)), O(c.current), !d;
     },
     [
       b,
@@ -2495,7 +2495,7 @@ const er = nt(({ x: e }) => {
           range: { start: v, end: e },
           numCols: m.numCols
         })
-      ), T && S((F == null ? void 0 : F.value) ?? ""), s(de("")), s(ke(!0)), O(f.current), !d;
+      ), T && S((F == null ? void 0 : F.value) ?? ""), s(ue("")), s(ke(!0)), O(f.current), !d;
     },
     [
       b,
@@ -2634,10 +2634,10 @@ const er = nt(({ x: e }) => {
       qe(D, g, u, v, C, I, B.wholeArea, ar, 1, [5, 5]);
     }
     {
-      const { y: B, x: U } = o;
-      if (B !== -1 && U !== -1) {
-        const W = Fe(g, { y: B, x: U }), J = W.left - v, j = W.top - u;
-        yt(D, J, j, W.width, W.height, lt, 2, []);
+      const { y: B, x: z } = o;
+      if (B !== -1 && z !== -1) {
+        const Z = Fe(g, { y: B, x: z }), J = Z.left - v, j = Z.top - u;
+        yt(D, J, j, Z.width, Z.height, lt, 2, []);
       }
     }
     const { copyingSheetId: H, copyingZone: q, cutting: _ } = r;
@@ -2645,21 +2645,21 @@ const er = nt(({ x: e }) => {
       const B = he(q);
       qe(D, g, u, v, C, I, B, _ ? or : rr, 2.5, _ ? [4, 4] : [6, 4]);
     }
-    Object.entries(e).forEach(([B, U]) => {
-      const W = Ie[U % Ie.length];
+    Object.entries(e).forEach(([B, z]) => {
+      const Z = Ie[z % Ie.length];
       try {
         const J = g.rangeToArea(B);
-        qe(D, g, u, v, C, I, J, W, 2, [5, 5]);
+        qe(D, g, u, v, C, I, J, Z, 2, [5, 5]);
       } catch {
       }
-    }), l.forEach((B, U) => {
-      const { y: W, x: J } = Rt(B), j = Fe(g, { y: W, x: J }), Z = j.left - v, G = j.top - u;
-      if (Z + j.width < 0 || Z > C || G + j.height < 0 || G > I)
+    }), l.forEach((B, z) => {
+      const { y: Z, x: J } = Rt(B), j = Fe(g, { y: Z, x: J }), U = j.left - v, G = j.top - u;
+      if (U + j.width < 0 || U > C || G + j.height < 0 || G > I)
         return;
-      const L = U === h;
+      const L = z === h;
       yt(
         D,
-        Z,
+        U,
         G,
         j.width,
         j.height,
@@ -2671,26 +2671,26 @@ const er = nt(({ x: e }) => {
     }), D.restore();
     const oe = g.numCols, ce = g.numRows;
     for (let B = 1; B <= oe; B++) {
-      let U = null, W = null;
-      if (Ae({ start: i.startX, end: i.endX }, B) && (U = "rgba(80, 180, 255, 1)", W = c ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), o.x === B && (U = lt, W = c ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !U)
+      let z = null, Z = null;
+      if (Ae({ start: i.startX, end: i.endX }, B) && (z = "rgba(80, 180, 255, 1)", Z = c ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), o.x === B && (z = lt, Z = c ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !z)
         continue;
       const J = Fe(g, { y: 1, x: B }), j = J.left - v;
       if (j + J.width < N || j > C)
         continue;
-      const Z = Math.max(j, N), G = Math.min(j + J.width, C) - Z;
-      G > 0 && (W && Jt(D, Z, 0, G, A, W), D.strokeStyle = U, D.lineWidth = 2, D.beginPath(), D.moveTo(Z, A + 1), D.lineTo(Z + G, A + 1), D.stroke());
+      const U = Math.max(j, N), G = Math.min(j + J.width, C) - U;
+      G > 0 && (Z && Jt(D, U, 0, G, A, Z), D.strokeStyle = z, D.lineWidth = 2, D.beginPath(), D.moveTo(U, A + 1), D.lineTo(U + G, A + 1), D.stroke());
     }
     for (let B = 1; B <= ce; B++) {
       if (g.isRowFiltered(B))
         continue;
-      let U = null, W = null;
-      if (Ae({ start: i.startY, end: i.endY }, B) && (U = "rgba(80, 180, 255, 1)", W = d ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), o.y === B && (U = lt, W = d ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !U)
+      let z = null, Z = null;
+      if (Ae({ start: i.startY, end: i.endY }, B) && (z = "rgba(80, 180, 255, 1)", Z = d ? "rgba(128, 128, 128, 0.25)" : "rgba(0, 119, 255, 0.05)"), o.y === B && (z = lt, Z = d ? "rgba(128, 128, 128, 0.45)" : "rgba(0, 119, 255, 0.15)"), !z)
         continue;
       const J = Fe(g, { y: B, x: 1 }), j = J.top - u;
       if (j + J.height < A || j > I)
         continue;
-      const Z = Math.max(j, A), G = Math.min(j + J.height, I) - Z;
-      G > 0 && (W && Jt(D, 0, Z, N, G, W), D.strokeStyle = U, D.lineWidth = 2, D.beginPath(), D.moveTo(N + 1, Z), D.lineTo(N + 1, Z + G), D.stroke());
+      const U = Math.max(j, A), G = Math.min(j + J.height, I) - U;
+      G > 0 && (Z && Jt(D, 0, U, N, G, Z), D.strokeStyle = z, D.lineWidth = 2, D.beginPath(), D.moveTo(N + 1, U), D.lineTo(N + 1, U + G), D.stroke());
     }
   }, [
     g,
@@ -2714,7 +2714,7 @@ const er = nt(({ x: e }) => {
   }, [E]), T = k(() => {
     E();
   }, [E]);
-  return K(() => (F(), () => cancelAnimationFrame(p.current)), [F]), K(() => {
+  return W(() => (F(), () => cancelAnimationFrame(p.current)), [F]), W(() => {
     const S = s.current;
     if (!S)
       return;
@@ -2751,7 +2751,7 @@ const er = nt(({ x: e }) => {
   );
 }, ur = () => {
   var $, P, C, I, r, u, v, N, A;
-  const [e, n] = ee({}), { store: t, dispatch: s } = le(ae), {
+  const [e, n] = te({}), { store: t, dispatch: s } = le(ae), {
     sheetReactive: o,
     choosing: i,
     editingAddress: l,
@@ -2763,7 +2763,7 @@ const er = nt(({ x: e }) => {
     leftHeaderSelecting: y,
     topHeaderSelecting: g,
     contextMenu: m
-  } = t, p = o.current, [M, E] = ee(null), F = k((R) => {
+  } = t, p = o.current, [M, E] = te(null), F = k((R) => {
     R.preventDefault(), R.stopPropagation();
   }, []), T = k(
     (R) => {
@@ -2782,7 +2782,7 @@ const er = nt(({ x: e }) => {
       );
     }));
   }, [o]);
-  K(() => {
+  W(() => {
     if (!p)
       return;
     if (!(l && b.startsWith("="))) {
@@ -2794,19 +2794,19 @@ const er = nt(({ x: e }) => {
     let oe = 0;
     for (const ce of _.tokens)
       if (ce.type === "REF" || ce.type === "RANGE") {
-        const B = ls(ce.stringify()), U = B.indexOf("!");
-        if (U !== -1) {
-          const W = B.substring(0, U), J = B.substring(U + 1), j = as(W), Z = J.toUpperCase();
-          q[j] == null && (q[j] = {}), q[j][Z] == null && (q[j][Z] = oe++);
+        const B = ls(ce.stringify()), z = B.indexOf("!");
+        if (z !== -1) {
+          const Z = B.substring(0, z), J = B.substring(z + 1), j = as(Z), U = J.toUpperCase();
+          q[j] == null && (q[j] = {}), q[j][U] == null && (q[j][U] = oe++);
         } else {
-          const W = B.toUpperCase();
-          H[W] == null && (H[W] = oe++);
+          const Z = B.toUpperCase();
+          H[Z] == null && (H[Z] = oe++);
         }
       }
     n(H), p.registry.paletteBySheetName = q;
-  }, [t.inputting, t.editingAddress, o]), K(() => {
+  }, [t.inputting, t.editingAddress, o]), W(() => {
     p && (p.registry.choosingAddress = xe(i), p.registry.choosingSheetId = p.id);
-  }, [i]), K(() => {
+  }, [i]), W(() => {
     p && E(Bt(p, h.current));
   }, [
     h.current,
@@ -2815,11 +2815,13 @@ const er = nt(({ x: e }) => {
     (P = f.current) == null ? void 0 : P.clientWidth,
     d,
     c
-  ]), K(() => {
+  ]), W(() => {
     const R = h.current;
     if (R)
       return cs(R);
-  }, [o]);
+  }, [o]), W(() => {
+    !p || !p.eager || !p.registry.ready || p.resolveAll();
+  }, [p, o]);
   const D = {
     ...e,
     ...p ? p.registry.paletteBySheetName[p.name] : {}
@@ -2931,7 +2933,7 @@ const er = nt(({ x: e }) => {
   ) });
 }, dr = ({ ready: e }) => {
   var L, Q;
-  const { store: n, dispatch: t } = le(ae), [s, o] = ee(""), [i, l] = ee(0), [h, f] = ee(!1), {
+  const { store: n, dispatch: t } = le(ae), [s, o] = te(""), [i, l] = te(0), [h, f] = te(!1), {
     choosing: c,
     selectingZone: d,
     editorRef: b,
@@ -2941,22 +2943,22 @@ const er = nt(({ x: e }) => {
     editingAddress: p,
     dragging: M
   } = n, E = g.current, F = re(null), T = c.x === -1 ? "" : xe(c), S = E == null ? void 0 : E.getCell(c, { resolution: "SYSTEM" }), D = (L = E == null ? void 0 : E.getSystem(c)) == null ? void 0 : L.spilledFrom, $ = D ? Rt(D) : void 0, P = $ != null ? xe($) : void 0;
-  K(() => {
-    var z;
+  W(() => {
+    var K;
     if (!E)
       return;
-    let w = ((z = E.getCell(c, { resolution: "SYSTEM" })) == null ? void 0 : z.value) ?? "";
+    let w = ((K = E.getCell(c, { resolution: "SYSTEM" })) == null ? void 0 : K.value) ?? "";
     w = E.getSerializedValue({ point: c, cell: { ...S, value: w }, resolution: "RAW" }), y.current.value = w, o(w);
   }, [T, E]);
   const C = k(
     (w) => {
-      s !== w && t(Ze({ value: w })), t(de("")), O(b.current);
+      s !== w && t(Ze({ value: w })), t(ue("")), O(b.current);
     },
     [s]
   );
-  K(() => {
-    const w = new ResizeObserver((z) => {
-      z.forEach(U);
+  W(() => {
+    const w = new ResizeObserver((K) => {
+      K.forEach(z);
     });
     return y.current && w.observe(y.current), () => {
       w.disconnect();
@@ -2976,14 +2978,14 @@ const er = nt(({ x: e }) => {
     optionsAll: r,
     functions: E == null ? void 0 : E.registry.functions
   }), _ = re(!1), oe = y.current, ce = k((w) => {
-    t(te(w.currentTarget.value)), l(w.currentTarget.selectionStart);
+    t(ne(w.currentTarget.value)), l(w.currentTarget.selectionStart);
   }, []), B = k((w) => {
     l(w.currentTarget.selectionStart);
-  }, []), U = k(() => {
+  }, []), z = k(() => {
     !F.current || !y.current || (F.current.style.height = `${y.current.clientHeight}px`, F.current.scrollLeft = y.current.scrollLeft, F.current.scrollTop = y.current.scrollTop);
-  }, []), W = k(
+  }, []), Z = k(
     (w) => {
-      !oe || !E || (f(!0), t(de(T)), E.registry.lastFocused = w.currentTarget);
+      !oe || !E || (f(!0), t(ue(T)), E.registry.lastFocused = w.currentTarget);
     },
     [oe, T, E]
   );
@@ -3001,21 +3003,21 @@ const er = nt(({ x: e }) => {
         return;
       if (w.ctrlKey || !E)
         return !0;
-      const z = w.currentTarget;
+      const K = w.currentTarget;
       if (tn(w, m))
-        return t(te(z.value)), !1;
+        return t(ne(K.value)), !1;
       switch (w.key) {
         case "Tab":
           if (w.preventDefault(), u.length) {
-            const ne = u[v];
-            if (ne == null ? void 0 : ne.isFunction) {
-              const { value: Ee, selectionStart: _e } = N(ne);
-              return t(te(Ee)), setTimeout(() => {
+            const ee = u[v];
+            if (ee == null ? void 0 : ee.isFunction) {
+              const { value: Ee, selectionStart: _e } = N(ee);
+              return t(ne(Ee)), setTimeout(() => {
                 y.current && (O(y.current), y.current.setSelectionRange(_e, _e));
               }, 0), !1;
             } else {
-              const Ee = E.update({ diff: { [T]: { value: ne.value } }, partial: !0 });
-              t(Ue(Ee.clone())), t(de("")), t(te(""));
+              const Ee = E.update({ diff: { [T]: { value: ee.value } }, partial: !0 });
+              t(Ue(Ee.clone())), t(ue("")), t(ne(""));
             }
           }
           break;
@@ -3029,19 +3031,19 @@ const er = nt(({ x: e }) => {
           break;
         case "Enter": {
           if (u.length) {
-            const ne = u[v];
-            if (ne != null && ne.isFunction) {
-              const { value: ye, selectionStart: Ee } = N(ne);
-              return t(te(ye)), setTimeout(() => {
+            const ee = u[v];
+            if (ee != null && ee.isFunction) {
+              const { value: ye, selectionStart: Ee } = N(ee);
+              return t(ne(ye)), setTimeout(() => {
                 y.current && (O(y.current), y.current.setSelectionRange(Ee, Ee));
               }, 0), w.preventDefault(), !1;
             }
           }
           if (w.altKey)
-            nn(z, `
+            nn(K, `
 `);
           else
-            return C(z.value), t(te("")), t(
+            return C(K.value), t(ne("")), t(
               dt({
                 numRows: E.numRows,
                 numCols: E.numCols,
@@ -3052,7 +3054,7 @@ const er = nt(({ x: e }) => {
           break;
         }
         case "Escape": {
-          z.value = s, t(te(s)), t(de("")), w.preventDefault(), O(b.current);
+          K.value = s, t(ne(s)), t(ue("")), w.preventDefault(), O(b.current);
           break;
         }
         case "a":
@@ -3067,8 +3069,8 @@ const er = nt(({ x: e }) => {
             return !0;
           break;
       }
-      const ue = E.getCell(c, { resolution: "SYSTEM" });
-      return X.hasOperation(ue == null ? void 0 : ue.prevention, X.Write) && (console.warn("This cell is protected from writing."), w.preventDefault()), U(), !1;
+      const de = E.getCell(c, { resolution: "SYSTEM" });
+      return X.hasOperation(de == null ? void 0 : de.prevention, X.Write) && (console.warn("This cell is protected from writing."), w.preventDefault()), z(), !1;
     },
     [
       E,
@@ -3076,7 +3078,7 @@ const er = nt(({ x: e }) => {
       T,
       s,
       C,
-      U,
+      z,
       u,
       v,
       N,
@@ -3085,32 +3087,32 @@ const er = nt(({ x: e }) => {
       m
     ]
   ), j = k(
-    (w, z) => {
+    (w, K) => {
       w.preventDefault(), w.stopPropagation();
-      const ue = u[z];
-      if (ue.isFunction) {
-        const { value: ne, selectionStart: ye } = N(ue);
-        C(ne), t(te(ne)), setTimeout(() => {
+      const de = u[K];
+      if (de.isFunction) {
+        const { value: ee, selectionStart: ye } = N(de);
+        C(ee), t(ne(ee)), setTimeout(() => {
           y.current && (O(y.current), y.current.setSelectionRange(ye, ye));
         }, 0);
       }
     },
     [u, N, C, t]
-  ), Z = e ? {} : { visibility: "hidden" };
+  ), U = e ? {} : { visibility: "hidden" };
   if (!E)
-    return /* @__PURE__ */ Y("label", { className: "gs-formula-bar gs-hidden", style: Z, children: [
+    return /* @__PURE__ */ Y("label", { className: "gs-formula-bar gs-hidden", style: U, children: [
       /* @__PURE__ */ a("div", { className: "gs-selecting-address" }),
       /* @__PURE__ */ a("div", { className: "gs-fx", children: "Fx" }),
       /* @__PURE__ */ a("div", { className: "gs-formula-bar-editor-inner", children: /* @__PURE__ */ a("textarea", {}) })
     ] });
   const G = () => {
-    var ne;
+    var ee;
     if (!h || typeof document > "u" || y.current !== document.activeElement)
       return null;
-    const w = (ne = y.current) == null ? void 0 : ne.getBoundingClientRect();
+    const w = (ee = y.current) == null ? void 0 : ee.getBoundingClientRect();
     if (!w)
       return null;
-    const z = w.bottom, ue = w.left;
+    const K = w.bottom, de = w.left;
     return St(
       /* @__PURE__ */ Y(Re, { children: [
         H && u.length === 0 && (!d || d.endY === -1 && d.endX === -1) && /* @__PURE__ */ a(
@@ -3118,16 +3120,16 @@ const er = nt(({ x: e }) => {
           {
             activeFunctionGuide: H,
             activeArgIndex: q,
-            top: z,
-            left: ue
+            top: K,
+            left: de
           }
         ),
         u.length > 0 && c.x !== -1 && /* @__PURE__ */ a(
           Rn,
           {
             filteredOptions: u,
-            top: z,
-            left: ue,
+            top: K,
+            left: de,
             selected: v,
             onOptionMouseDown: j
           }
@@ -3142,7 +3144,7 @@ const er = nt(({ x: e }) => {
       className: "gs-formula-bar",
       "data-sheet-id": n.sheetId,
       "data-spill": P != null ? "true" : void 0,
-      style: Z,
+      style: U,
       children: [
         /* @__PURE__ */ a(Te, { style: { position: "absolute", left: 0, top: 0, zIndex: 2 }, vertical: -1 }),
         /* @__PURE__ */ a("div", { className: "gs-selecting-address", children: P ?? T }),
@@ -3172,20 +3174,20 @@ const er = nt(({ x: e }) => {
               value: m,
               readOnly: P != null,
               onInput: ce,
-              onFocus: W,
+              onFocus: Z,
               onSelect: B,
               onPaste: (w) => {
                 w.stopPropagation();
               },
               onKeyDown: J,
-              onKeyUp: U,
+              onKeyUp: z,
               onCompositionStart: () => {
                 _.current = !0;
               },
               onCompositionEnd: (w) => {
-                _.current = !1, t(te(w.currentTarget.value));
+                _.current = !1, t(ne(w.currentTarget.value));
               },
-              onScroll: U,
+              onScroll: z,
               onMouseEnter: (w) => {
                 t(Je(!0));
               },
@@ -3238,7 +3240,7 @@ const er = nt(({ x: e }) => {
     matchingCells: y,
     sheetReactive: g
   } = e, m = g.current, p = y[b];
-  K(() => {
+  W(() => {
     if (!p || !m)
       return;
     const u = Rt(p);
@@ -3369,16 +3371,17 @@ function Ar({
   style: l,
   book: h
 }) {
-  var W, J, j;
-  const { sheetResize: f, showFormulaBar: c = !0, mode: d = "light" } = o, b = re(null), y = re(null), g = re(null), m = re(null), p = re(null), M = re(null), E = re(null), F = mr(), T = t ?? F, S = pr(), D = s ?? S, $ = Ns({}), P = h ?? $, { registry: C } = P, [I] = ee(() => n ? (C._componentSheetIds.has(n) || C._componentSheetIds.set(n, ++C.sheetHead), C._componentSheetIds.get(n)) : ++C.sheetHead), r = re(null), [u] = ee(() => {
-    var ue;
+  var Z, J, j;
+  const { sheetResize: f, showFormulaBar: c = !0, mode: d = "light" } = o, b = re(null), y = re(null), g = re(null), m = re(null), p = re(null), M = re(null), E = re(null), F = mr(), T = t ?? F, S = pr(), D = s ?? S, $ = Ns({}), P = h ?? $, { registry: C } = P, [I] = te(() => n ? (C._componentSheetIds.has(n) || C._componentSheetIds.set(n, ++C.sheetHead), C._componentSheetIds.get(n)) : ++C.sheetHead), r = re(null), [u] = te(() => {
+    var ee;
     n || (n = `Sheet${I}`, console.debug("GridSheet: sheetName is not provided, using default name:", n));
-    const { limits: Z, contextMenu: G, rowMenu: L, colMenu: Q } = o, w = new gs({
-      limits: Z,
+    const { limits: U, contextMenu: G, rowMenu: L, colMenu: Q, eager: w } = o, K = new gs({
+      limits: U,
       name: n,
-      registry: C
+      registry: C,
+      eager: w
     });
-    return w.id = I, C.sheetIdsByName[n] = I, w.initialize(e), (ue = C.onInit) == null || ue.call(C, { sheet: w }), w.setTotalSize(), r.current = w, {
+    return K.id = I, C.sheetIdsByName[n] = I, K.initialize(e), (ee = C.onInit) == null || ee.call(C, { sheet: K }), K.setTotalSize(), r.current = K, {
       sheetId: I,
       sheetReactive: r,
       rootRef: b,
@@ -3421,55 +3424,55 @@ function Ar({
     u,
     () => u
   );
-  K(() => {
+  W(() => {
     hs();
   }, []);
-  const A = typeof o.sheetWidth == "string", R = typeof o.sheetHeight == "string", [H, q] = ee(
+  const A = typeof o.sheetWidth == "string", R = typeof o.sheetHeight == "string", [H, q] = te(
     typeof (o == null ? void 0 : o.sheetHeight) == "number" ? o.sheetHeight : yr(e)
-  ), [_, oe] = ee(
+  ), [_, oe] = te(
     typeof (o == null ? void 0 : o.sheetWidth) == "number" ? o.sheetWidth : vr(e)
   );
-  K(() => {
-    const Z = g.current;
-    if (!Z)
+  W(() => {
+    const U = g.current;
+    if (!U)
       return;
     let G = !0;
     const L = new ResizeObserver(() => {
       if (G && (G = !1, !A && !R))
         return;
       const Q = b.current;
-      q(Q ? Math.min(Z.clientHeight, Q.clientHeight) : Z.clientHeight), oe(Q ? Math.min(Z.clientWidth, Q.clientWidth) : Z.clientWidth);
+      q(Q ? Math.min(U.clientHeight, Q.clientHeight) : U.clientHeight), oe(Q ? Math.min(U.clientWidth, Q.clientWidth) : U.clientWidth);
     });
-    return L.observe(Z), () => L.disconnect();
-  }, [A, R]), K(() => {
+    return L.observe(U), () => L.disconnect();
+  }, [A, R]), W(() => {
     typeof o.sheetHeight == "number" && q(o.sheetHeight);
-  }, [o.sheetHeight]), K(() => {
+  }, [o.sheetHeight]), W(() => {
     typeof o.sheetWidth == "number" && oe(o.sheetWidth);
   }, [o.sheetWidth]);
-  const [ce, B] = ee(!1);
-  K(() => {
+  const [ce, B] = te(!1);
+  W(() => {
     ce && B(!1);
   });
-  const U = k(
-    (Z) => {
-      if (!Es(Z.type)) {
-        N(Z);
+  const z = k(
+    (U) => {
+      if (!Es(U.type)) {
+        N(U);
         return;
       }
       B(!0), requestAnimationFrame(() => {
-        N(Z);
+        N(U);
       });
     },
     [N]
   );
-  return /* @__PURE__ */ a(ae.Provider, { value: { store: v, dispatch: U }, children: /* @__PURE__ */ Y(
+  return /* @__PURE__ */ a(ae.Provider, { value: { store: v, dispatch: z }, children: /* @__PURE__ */ Y(
     "div",
     {
       className: `gs-root1 ${C.ready ? "gs-initialized" : ""}`,
       ref: b,
       "data-sheet-name": n,
       "data-mode": d,
-      "data-rows": ((W = v.sheetReactive.current) == null ? void 0 : W.numRows) ?? 0,
+      "data-rows": ((Z = v.sheetReactive.current) == null ? void 0 : Z.numRows) ?? 0,
       "data-cols": ((J = v.sheetReactive.current) == null ? void 0 : J.numCols) ?? 0,
       style: A || R ? {
         // inline-flex (when width isn't filled) keeps the prior shrink-to-content width.