@sheetxl/studio-vanilla 0.4.17 → 0.4.19

package/browser/esm/{EGRuGzY71Uc8-VbG.mjs → CQJsDOnipkhuGkKg.mjs}

@@ -1,34 +1,34 @@
-import { r as n, ay as L, al as E, az as M, aA as O, af as u, j as a, X as A, M as W, B as o, aB as G, aC as V, ax as h, aD as X, aE as k, aF as f, an as y, aG as b, aH as j } from "./BWSCF1flfPXCBkXM.mjs";
+import { r as n, J as z, K as O, R as E, L as M, w as u, j as a, O as W, P as A, B as o, V, W as J, Z as h, _ as K, a0 as Z, a1 as f, a2 as y, a3 as b, a4 as j } from "./8F0vFRAXlzH-vmJl.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const Q = n.memo((w) => {
-  const { title: S, onHide: C, autoFocusSel: N = ".range-input input", context: R, notifier: l = L, command: r, commands: c, ...v } = w, [T, d] = n.useState(!1), [g, m] = n.useState(!1), x = n.useRef(null), [q, D] = n.useReducer((e) => e + 1, 0), [F, { width: J }] = E();
-  M(r);
-  const s = R ?? r.context(), t = s.table(), [B, H] = n.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), I = n.useMemo(() => t?.getName() ?? "", [t]);
-  O(s.table(), { onAnchorCoordsChange(e) {
+const G = n.memo((w) => {
+  const { title: S, onHide: C, autoFocusSel: R = ".range-input input", context: N, notifier: l = z, command: r, commands: c, ...v } = w, [T, d] = n.useState(!1), [g, m] = n.useState(!1), x = n.useRef(null), [_, D] = n.useReducer((e) => e + 1, 0), [F, { width: k }] = O();
+  E(r);
+  const s = N ?? r.context(), t = s.table(), [B, H] = n.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), P = n.useMemo(() => t?.getName() ?? "", [t]);
+  M(s.table(), { onAnchorCoordsChange(e) {
     H(s.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
     D();
   } });
-  const P = u((e) => {
+  const I = u((e) => {
     s?.table().setName(e);
-  }, [s]), z = u((e) => {
+  }, [s]), L = u((e) => {
     s?.table().resize(e.at(0));
   }, [s]);
   let p = null;
-  return s.table() || (p = a.jsx("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", opacity: 1, display: "flex", alignItems: "center", justifyItems: "center", justifyContent: "center", boxSizing: "border-box" }, children: a.jsx("div", { children: "No table selected" }) })), a.jsx(A, { ref: x, title: S ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: N, onHide: C, onFocus: () => d(!0), onBlur: (e) => {
+  return s.table() || (p = a.jsx("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", opacity: 1, display: "flex", alignItems: "center", justifyItems: "center", justifyContent: "center", boxSizing: "border-box" }, children: a.jsx("div", { children: "No table selected" }) })), a.jsx(W, { ref: x, title: S ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: R, onHide: C, onFocus: () => d(!0), onBlur: (e) => {
     x?.current?.contains(e.relatedTarget) || d(!1);
-  }, PaperProps: { elevation: T ? 3 : 1 }, ...v, children: a.jsxs(W, { dividers: !0, ref: F, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [a.jsxs(o, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: s.table() ? 1 : 0 }, children: [a.jsx(o, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a.jsx(o, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: a.jsxs(o, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a.jsx(G, { formName: "name", defaultInput: I, value: t?.getName() ?? "No table", onChangeInput: P, onValidate: (e) => {
+  }, PaperProps: { elevation: T ? 3 : 1 }, ...v, children: a.jsxs(A, { dividers: !0, ref: F, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [a.jsxs(o, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: s.table() ? 1 : 0 }, children: [a.jsx(o, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a.jsx(o, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: a.jsxs(o, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a.jsx(V, { formName: "name", defaultInput: P, value: t?.getName() ?? "No table", onChangeInput: I, onValidate: (e) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || s?.getNames().validateName(e);
   }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     g || e.target?.select(), m(!0);
-  } }), a.jsx(V, { formName: "range", value: B, onChangeInput: z, resolvedAddress: s.getNames().getRanges.bind(s.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+  } }), a.jsx(J, { formName: "range", value: B, onChangeInput: L, resolvedAddress: s.getNames().getRanges.bind(s.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     g || e.target?.select(), m(!0);
-  } })] }) }) }), a.jsxs(o, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [a.jsx(h, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a.jsx(X, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
+  } })] }) }) }), a.jsxs(o, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [a.jsx(h, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a.jsx(K, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
     t.updateStyleOptions(e);
   }, showHeaderRow: t?.getShowHeaders(), onShowHeaderRowChange: (e) => {
     try {
@@ -48,9 +48,9 @@ const Q = n.memo((w) => {
     } catch (i) {
       l.showError(i);
     }
-  } }), a.jsx(o, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a.jsx(k, { table: t, styles: s.styles(), bodyStyle: s.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a.jsx(h, { orientation: "horizontal" }), a.jsxs(o, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a.jsx(f, { variant: b.Menuitem, command: c.getCommand("convertTableToRange"), commandState: t, icon: y(a.jsx(j, {})) }), a.jsx(f, { variant: b.Menuitem, commandState: t, command: c.getCommand("deleteTable"), icon: y(a.jsx(j, {})) })] })] })] }), p] }) });
+  } }), a.jsx(o, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a.jsx(Z, { table: t, styles: s.styles(), bodyStyle: s.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a.jsx(h, { orientation: "horizontal" }), a.jsxs(o, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a.jsx(f, { variant: b.Menuitem, command: c.getCommand("convertTableToRange"), commandState: t, icon: y(a.jsx(j, {})) }), a.jsx(f, { variant: b.Menuitem, commandState: t, command: c.getCommand("deleteTable"), icon: y(a.jsx(j, {})) })] })] })] }), p] }) });
 });
 export {
-  Q as TableDetailsWindow,
-  Q as default
+  G as TableDetailsWindow,
+  G as default
 };

package/{cdn/assets/CV0xwwpXwrx7cunJ.js → browser/esm/CTIgStBt9DOpau5q.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/CDhPfM0k-XhvF3vL.js → browser/esm/CXL9mY2kUT053cTN.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/BbCFZ7BuAewUhSlf.js → browser/esm/CZ54d8Ueai6uZgy6.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/Brn_BpM71L-VcKY7.js → browser/esm/CZM2uNUNI4W8qUw3.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/BfVOxqqljfUOpqSh.js → browser/esm/CaaAGrJF7OxdprqB.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{DQreQ06iRjaxCupi.mjs → CnRJWnfDHzunp3N5.mjs}

@@ -1,6 +1,6 @@
-import { $ as he } from "./CCcZRLXoZkTb7wNc.mjs";
+import { $ as he } from "./BY9rDUy2rHkqh6hH.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -234,7 +234,7 @@ let W = null;
 async function Te() {
   if (W) return W;
   try {
-    return await (await import("./CiVx0tO0V_4ToonT.mjs")).initialize();
+    return await (await import("./KcDpdRfEgTnFwlSh.mjs")).initialize();
   } catch (e) {
     throw W = null, e;
   } finally {
@@ -428,7 +428,7 @@ interface Promise<T> {
             g = o, m = h;
           });
           try {
-            const { initialize: o } = await import("./C48-m1iFvg6_12Uj.mjs");
+            const { initialize: o } = await import("./Df2lY3OJ73BCDQo6.mjs");
             return A = await o(), g(), A;
           } catch (o) {
             throw console.error("Failed to import or initialize esbuild:", o), H = null, m(o), o;

package/browser/esm/{CKWV0eStHBpV6av-.mjs → CpGYH9QSPqM4ejyF.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/DB7KGUAeBmMUb77y.js → browser/esm/CqLIq6VVhQnv6ZP4.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{Ctz5ddsRjB0hnLdi.mjs → CqTn7MLxDJZX7aIA.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/NZdHbcc4A8aR8z_P.js → browser/esm/D3RHh0FQuMAKk4JL.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{BBK3aWidGgBdiXPM.mjs → D8hxrXJDfvDRoouY.mjs}

@@ -1,67 +1,67 @@
-import { aj as E, j as t, r as o, ak as p, d as b, af as M, O as ae, al as le, X as re, M as ce, B as O, am as g, an as m, ao as pe, ap as j, aq as de, T as J, a as v, Q as ue, ar as fe, as as xe, at as ge, U as R, au as Y, av as me, aw as he, ax as Oe, ai as je, F as Ce, ag as ye, ah as be } from "./BWSCF1flfPXCBkXM.mjs";
+import { aP as E, j as t, r as o, aQ as p, h as b, w as M, E as le, K as ae, O as re, P as ce, B as O, aR as g, a2 as m, aS as pe, aT as j, aU as de, a as Y, b as R, ay as ue, aV as fe, aW as xe, aX as ge, U as T, aY as _, aZ as me, a_ as he, Z as Oe, M as je, F as Ce, I as ye, G as be } from "./8F0vFRAXlzH-vmJl.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const ve = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Re = E(t.jsx("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), Te = E(t.jsx("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), ke = E(t.jsx("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), K = o.memo((T) => {
-  const { label: h, value: c, options: a, onSelect: d, tabIndex: C = 0, ...F } = T, [I, y] = o.useState(() => ee(c, a));
+const Re = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Te = E(t.jsx("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), ve = E(t.jsx("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), ke = E(t.jsx("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), A = o.memo((v) => {
+  const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...F } = v, [I, y] = o.useState(() => ee(c, l));
   o.useEffect(() => {
-    y(ee(c, a));
-  }, [c, a]);
+    y(ee(c, l));
+  }, [c, l]);
   const L = M((u) => {
-    y(u.target.value), d?.(a[u.target.value]);
-  }, [d, a]), l = o.useMemo(() => Object.keys(a).map((u) => t.jsx(je, { value: u, children: u }, u)), [a]);
-  return t.jsxs(Ce, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(ye, { children: h }), t.jsx(be, { inputProps: { tabIndex: C }, value: I, label: h, onChange: L, sx: { backgroundImage: `linear-gradient(${v("#fff", R(5))}, ${v("#fff", R(5))})` }, ...F, children: l })] });
-}), Z = { Workbook: "workbook", Sheet: "sheet" }, _ = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
+    y(u.target.value), d?.(l[u.target.value]);
+  }, [d, l]), a = o.useMemo(() => Object.keys(l).map((u) => t.jsx(je, { value: u, children: u }, u)), [l]);
+  return t.jsxs(Ce, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(ye, { children: h }), t.jsx(be, { inputProps: { tabIndex: C }, value: I, label: h, onChange: L, sx: { backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, ...F, children: a })] });
+}), q = { Workbook: "workbook", Sheet: "sheet" }, J = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
 delete te.Values;
-const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
+const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
   const c = Object.keys(h);
-  for (let a = 0; a < c.length; a++) {
-    const d = c[a];
-    if (h[d] === T) return d;
+  for (let l = 0; l < c.length; l++) {
+    const d = c[l];
+    if (h[d] === v) return d;
   }
-}, Ee = o.memo((T) => {
-  const { replace: h = !1, findText: c, replaceText: a, findOptions: d, replaceOptions: C, title: F, onHide: I, onFindOrReplace: y, ...L } = T, l = o.useRef(null), u = o.useRef(null), V = o.useRef(null), z = o.useRef(null), B = o.useRef(null), H = o.useRef(null), $ = (e, n) => {
+}, Ee = o.memo((v) => {
+  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: F, onHide: I, onFindOrReplace: y, ...L } = v, a = o.useRef(null), u = o.useRef(null), V = o.useRef(null), z = o.useRef(null), B = o.useRef(null), H = o.useRef(null), $ = (e, n) => {
     n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
-  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, P] = o.useState(h), [N, A] = o.useState(!1), [U, X] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: Z.Sheet }), k = M(async (e, n, s, S) => {
+  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, P] = o.useState(h), [N, K] = o.useState(!1), [U, G] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: q.Sheet }), k = M(async (e, n, s, S) => {
     if (!y) return;
     const x = { ...i };
     x.replaceOptions = { ...x.replaceOptions }, x.findOptions = { ...x.findOptions }, x.replaceOptions.maxCount = s ? void 0 : 1, x.replace = n, n && i.findOptions.fields?.[0] === p.Content.Values && (x.findOptions.fields = [p.Content.Formulas]), x.findOptions.reverse = !e;
     const oe = await y({ autoFocus: S, ...x });
-    A(oe === 0);
+    K(oe === 0);
   }, [i, y]);
   o.useEffect(() => {
-    A(!1);
+    K(!1);
   }, [i, D, f]);
-  const q = M((e, n) => {
-    if (e.keyCode === ae.Enter) {
+  const X = M((e, n) => {
+    if (e.keyCode === le.Enter) {
       if (!i.findText) return;
       let s = !0, S = !1;
       e.shiftKey && (s = !1), n ? (e.ctrlKey && e.altKey && (S = !0), $(e, S ? H.current : B.current)) : $(e, s ? z.current : V.current), k(s, n, S, !1);
     }
-  }, [i]), G = o.useRef(null);
+  }, [i]), Z = o.useRef(null);
   o.useLayoutEffect(() => {
     r((e) => {
       const n = { ...e };
-      n.findText = c && c.length > 0 ? c : e.findText ?? "", w(!0), a !== void 0 && (n.replaceText = a), d && (n.findOptions = { ...n.findOptions, ...d }), n.replaceText || (n.replaceText = ""), n.replaceOptions && (n.replaceOptions = { ...n.replaceOptions }), C && (n.replaceOptions = { ...n.replaceOptions, ...C }), i.findOptions.fields?.[0] || (i.findOptions.fields = [p.Content.Formulas]);
-      const s = !(!C && a === void 0);
+      n.findText = c && c.length > 0 ? c : e.findText ?? "", w(!0), l !== void 0 && (n.replaceText = l), d && (n.findOptions = { ...n.findOptions, ...d }), n.replaceText || (n.replaceText = ""), n.replaceOptions && (n.replaceOptions = { ...n.replaceOptions }), C && (n.replaceOptions = { ...n.replaceOptions, ...C }), i.findOptions.fields?.[0] || (i.findOptions.fields = [p.Content.Formulas]);
+      const s = !(!C && l === void 0);
       return s && P(s), n;
-    }), U || G.current?.focus();
-  }, [c, a, d, C]), o.useEffect(() => {
+    }), U || Z.current?.focus();
+  }, [c, l, d, C]), o.useEffect(() => {
     f ? (i.findOptions.fields[0], p.Content.Values) : w(!0);
   }, [f]), o.useEffect(() => {
-    if (W && l.current && i.findText === l.current.value) return l.current === document.activeElement || l.current.contains(document.activeElement) ? (l.current?.select(), void w(!1)) : void l.current.addEventListener("focus", () => {
-      l.current?.select(), w(!1);
+    if (W && a.current && i.findText === a.current.value) return a.current === document.activeElement || a.current.contains(document.activeElement) ? (a.current?.select(), void w(!1)) : void a.current.addEventListener("focus", () => {
+      a.current?.select(), w(!1);
     }, { once: !0 });
   }, [W, i]);
-  const [ie, { width: Q }] = le();
-  return t.jsx(re, { ref: G, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => X(!0), onBlur: () => {
-    X(!1), A(!1);
+  const [ie, { width: Q }] = ae();
+  return t.jsx(re, { ref: Z, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => G(!0), onBlur: () => {
+    G(!1), K(!1);
   }, PaperProps: { elevation: U ? 3 : 1 }, ...L, children: t.jsxs(ce, { dividers: !0, ref: ie, sx: { display: "flex", flexDirection: "column", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, onKeyDown: (e) => {
-    if (e.key === "h" && e.ctrlKey) P(!0), l.current?.contains(document.activeElement) && u.current?.focus();
-    else if (e.key === "f" && e.ctrlKey) l.current?.focus();
+    if (e.key === "h" && e.ctrlKey) P(!0), a.current?.contains(document.activeElement) && u.current?.focus();
+    else if (e.key === "f" && e.ctrlKey) a.current?.focus();
     else if (e.key === "c" && e.altKey) r((n) => {
       const s = { ...n };
       return s.findOptions.matchCase = !n.findOptions.matchCase, s;
@@ -82,7 +82,7 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
     se(e);
   }, preventFocus: !0, label: "Toggle Additional Options", icon: m(t.jsx(pe, {})) }), t.jsx(g, { selected: f, onSelectToggle: (e) => {
     P(e);
-  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(J, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: Q > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${v("#fff", R(5))}, ${v("#fff", R(5))})` }, inputProps: { draggable: !1, ref: l, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: t.jsx(ue, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: t.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [t.jsx(g, { selected: i.findOptions.matchCase, onSelectToggle: (e) => {
+  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(Y, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: Q > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { draggable: !1, ref: a, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: t.jsx(ue, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: t.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [t.jsx(g, { selected: i.findOptions.matchCase, onSelectToggle: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.matchCase = e, s;
@@ -102,38 +102,38 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
       const s = { ...n };
       return s.findText = e.target.value, s;
     });
-  }, onKeyDown: (e) => q(e, !1), onContextMenu: (e) => {
+  }, onKeyDown: (e) => X(e, !1), onContextMenu: (e) => {
     e.stopPropagation();
   } }), t.jsx(g, { selected: i.findOptions.reverse, onSelectToggle: (e) => {
     k(!1, !1);
-  }, touchRippleRef: V, label: "", shortcut: { key: "Enter", modifiers: [j.Shift] }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(ve, {}) : t.jsx(ke, {})), disabled: !i.findText }), t.jsx(g, { selected: !i.findOptions.reverse, onSelectToggle: (e) => {
+  }, touchRippleRef: V, label: "", shortcut: { key: "Enter", modifiers: [j.Shift] }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(Re, {}) : t.jsx(ke, {})), disabled: !i.findText }), t.jsx(g, { selected: !i.findOptions.reverse, onSelectToggle: (e) => {
     k(!0, !1);
-  }, touchRippleRef: z, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(Te, {}) : t.jsx(Re, {})), disabled: !i.findText })] }), t.jsx(Y, { in: f, timeout: _, onExit: () => {
-    l.current?.focus();
-  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(J, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${v("#fff", R(5))}, ${v("#fff", R(5))})` }, inputProps: { ref: u, className: "input", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1) }, value: i.replaceText ?? "", onChange: (e) => {
+  }, touchRippleRef: z, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(ve, {}) : t.jsx(Te, {})), disabled: !i.findText })] }), t.jsx(_, { in: f, timeout: J, onExit: () => {
+    a.current?.focus();
+  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(Y, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { ref: u, className: "input", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1) }, value: i.replaceText ?? "", onChange: (e) => {
     r((n) => {
       const s = { ...n };
       return s.replaceText = e.target.value, s;
     });
-  }, onKeyDown: (e) => q(e, !0), onContextMenu: (e) => {
+  }, onKeyDown: (e) => X(e, !0), onContextMenu: (e) => {
     e.stopPropagation();
   } }), t.jsx(g, { onSelectToggle: (e) => {
     k(!0, !0);
   }, touchRippleRef: B, label: "Replace", shortcut: { key: "Enter" }, icon: m(t.jsx(me, {})), disabled: !i.findText }), t.jsx(g, { onSelectToggle: (e) => {
     k(!0, !0, !0);
-  }, touchRippleRef: H, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(Y, { in: D, timeout: _, onExit: () => {
-    l.current?.focus();
-  }, children: t.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [t.jsx(Oe, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), t.jsxs(O, { sx: { display: "flex", flexDirection: Q >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [t.jsx(K, { label: "Within", value: i.scope, options: Z, onSelect: (e) => {
+  }, touchRippleRef: H, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(_, { in: D, timeout: J, onExit: () => {
+    a.current?.focus();
+  }, children: t.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [t.jsx(Oe, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), t.jsxs(O, { sx: { display: "flex", flexDirection: Q >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [t.jsx(A, { label: "Within", value: i.scope, options: q, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.scope = e, s;
     });
-  } }), t.jsx(K, { label: "Search", value: i.findOptions.orientation !== b.Orientation.Column, options: Se, onSelect: (e) => {
+  } }), t.jsx(A, { label: "Search", value: i.findOptions.orientation !== b.Orientation.Column, options: Se, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.orientation = e ? b.Orientation.Row : b.Orientation.Column, s;
     });
-  } }), t.jsx(K, { label: "Look in", value: f && i.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : i.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
+  } }), t.jsx(A, { label: "Look in", value: f && i.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : i.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.fields = [e], s;
@@ -142,6 +142,6 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
 });
 export {
   Ee as FindReplaceWindow,
-  Z as ScopeOptions,
+  q as ScopeOptions,
   Ee as default
 };

package/browser/esm/{BgOrmx5pwzxPjUy8.mjs → DMwYqCQzDDwbzt8K.mjs}

@@ -1,26 +1,26 @@
-import { r as n, af as x, j as o, p as L, B as U, F as b, T as O, a as p, U as r } from "./BWSCF1flfPXCBkXM.mjs";
+import { r as n, w as x, j as o, $ as L, B as U, F as b, a as O, b as p, U as r } from "./8F0vFRAXlzH-vmJl.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const W = ["Ok", "Cancel"], A = n.memo((P) => {
-  const { initialHyperlink: s = null, initialDisplay: D = null, onUpdateHyperlink: f, context: l, onOption: m, onValidateOption: d, onDone: u, options: h = W, defaultOption: c = h?.[0], cancelOption: i = "Cancel", sx: F, ...j } = P, H = n.useMemo(() => (s ?? l?.()?.getHyperlink()) !== null, []), k = n.useMemo(() => {
+  const { initialHyperlink: s = null, initialDisplay: D = null, onUpdateHyperlink: f, context: l, onOption: m, onValidateOption: d, onDone: u, options: h = W, defaultOption: c = h?.[0], cancelOption: i = "Cancel", sx: F, ...j } = P, w = n.useMemo(() => (s ?? l?.()?.getHyperlink()) !== null, []), k = n.useMemo(() => {
     let e = null, t = null;
     s && (typeof s == "string" ? t = s : e = s);
     const C = e ?? l?.()?.getHyperlink();
     return { address: t ?? C?.getAddress() ?? "", textToDisplay: C?.getDisplayText() ?? "" };
-  }, [s, l]), [a, I] = n.useState(k.address), [g, v] = n.useState(() => {
+  }, [s, l]), [a, H] = n.useState(k.address), [g, I] = n.useState(() => {
     const e = l?.().toTextUnformatted() ?? D;
     return e === k.address ? "" : e;
-  }), [w, y] = n.useState(!1), M = n.useCallback((e) => {
-    v(e.target.value);
-  }, []), T = n.useCallback(async (e, t) => null, []), B = x(async (e) => {
+  }), [v, y] = n.useState(!1), M = n.useCallback((e) => {
+    I(e.target.value);
+  }, []), T = n.useCallback(async (e, t) => null, []), $ = x(async (e) => {
     e !== i && f?.(a === "" ? null : { address: a }, g), m?.(e, e === i, e === c), u?.();
-  }, [a, g, f, u, m, c, i]), S = x((e) => {
-    I(e.target.value), T(e.target.value, null);
-  }, [d]), $ = x(async (e) => {
+  }, [a, g, f, u, m, c, i]), B = x((e) => {
+    H(e.target.value), T(e.target.value, null);
+  }, [d]), S = x(async (e) => {
     let t = await Promise.resolve(d?.(e));
     try {
       t !== !1 && (t = await T(a, e));
@@ -28,9 +28,9 @@ const W = ["Ok", "Cancel"], A = n.memo((P) => {
     }
     return t ?? !0;
   }, [d]);
-  return o.jsx(L, { title: (H ? "Edit" : "Insert") + " Link", options: h, onDone: u, onOption: (e) => B(e), onValidateOption: $, defaultOption: c, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...F }, ...j, children: o.jsxs(U, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [o.jsx(b, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: o.jsx(O, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (e) => {
-    w || e.target?.select(), y(!0);
-  }, sx: { "& .MuiFormHelperText-root": { marginTop: (e) => e.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75), backgroundImage: `linear-gradient(${p("#fff", r(5))}, ${p("#fff", r(5))})` } } }, value: a, onChange: S, onContextMenu: (e) => {
+  return o.jsx(L, { title: (w ? "Edit" : "Insert") + " Link", options: h, onDone: u, onOption: (e) => $(e), onValidateOption: S, defaultOption: c, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...F }, ...j, children: o.jsxs(U, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [o.jsx(b, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: o.jsx(O, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (e) => {
+    v || e.target?.select(), y(!0);
+  }, sx: { "& .MuiFormHelperText-root": { marginTop: (e) => e.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75), backgroundImage: `linear-gradient(${p("#fff", r(5))}, ${p("#fff", r(5))})` } } }, value: a, onChange: B, onContextMenu: (e) => {
     e.stopPropagation();
   } }) }), o.jsx(b, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: o.jsx(O, { label: "Display Text", placeholder: a?.startsWith("#") ? a.substring(1) : a, onFocus: () => {
     y(!0);

package/browser/esm/{hSuzTdYFfLJRtWwH.mjs → DNV2yXFlJ5hRF5ME.mjs}

@@ -1,17 +1,17 @@
-import { z as y, d as C } from "./BWSCF1flfPXCBkXM.mjs";
+import { g as y, h as C } from "./8F0vFRAXlzH-vmJl.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const k = async (a, p) => {
-  const { trimLeadingBlankRow: i = !0, trimLeadingBlankColumn: f = !0, excludeHidden: h = !1, sheetKey: o = null, papaParseConfig: m = {} } = p || {}, u = await import("./CKWV0eStHBpV6av-.mjs").then((s) => s.p);
+  const { trimLeadingBlankRow: i = !0, trimLeadingBlankColumn: f = !0, excludeHidden: h = !1, sheetKey: o = null, papaParseConfig: m = {} } = p || {}, u = await import("./CpGYH9QSPqM4ejyF.mjs").then((s) => s.p);
   if (!a) throw new Error("workbook must be specified");
   let t = null;
   if (o === null ? t = a.getSelectedSheet() : typeof o == "number" ? t = a.getSheets().search()[o] : typeof o == "string" && (t = a.getSheets().getByName(o)), !t) throw new Error("invalid sheetKey specified");
-  let d = null;
-  const c = [];
+  let c = null;
+  const d = [];
   let e = null, n = t.getUsedRange({ excludeHidden: h });
   if (!n) throw new Error("Nothing to export");
   if (!i || !f) {
@@ -20,25 +20,25 @@ const k = async (a, p) => {
   }
   n.forEach((s, l) => {
     const w = l.getCoords(), x = l.getCell();
-    d !== w.rowIndex && (e && c.push(e), e = [], d = w.rowIndex);
+    c !== w.rowIndex && (e && d.push(e), e = [], c = w.rowIndex);
     const S = x.toTextUnformatted() ?? "";
     e.push(S);
-  }, { includeEmpty: !0, address: null }), e && c.push(e);
-  const r = { ...m }, g = u.unparse(c, r);
+  }, { includeEmpty: !0, address: null }), e && d.push(e);
+  const r = { ...m }, g = u.unparse(d, r);
   return new TextEncoder().encode(g).buffer;
 }, b = async (a, p) => {
-  const { papaParseConfig: i, setValuesOptions: f, createWorkbookOptions: h } = p ?? {}, o = await import("./CKWV0eStHBpV6av-.mjs").then((r) => r.p), m = new TextDecoder().decode(a);
+  const { papaParseConfig: i, setValuesOptions: f, createWorkbookOptions: h } = p ?? {}, o = await import("./CpGYH9QSPqM4ejyF.mjs").then((r) => r.p), m = new TextDecoder().decode(a);
   let u = -1;
-  const t = new y(h), d = t.getSelectedSheet().getEntireRange().startIncrementalUpdates({ orientation: C.Orientation.Row }), c = p?.onProgress;
+  const t = new y(h), c = t.getSelectedSheet().getEntireRange().startIncrementalUpdates({ orientation: C.Orientation.Row }), d = p?.onProgress;
   let e = 0;
   const n = { ...i, transform: (r, g) => {
     i?.transform && (r = i.transform(r, g));
     const s = g;
     s === 0 && u++;
     let l = r ?? "";
-    return d.pushAt(u, s, l), e++, e % 1e5 == 0 && c?.(e), r;
+    return c.pushAt(u, s, l), e++, e % 1e5 == 0 && d?.(e), r;
   } };
-  return o.parse(m, n).data, d.apply({ textParser: !0, ...f }), t;
+  return o.parse(m, n).data, c.apply({ textParser: !0, ...f }), t;
 };
 export {
   b as fromBufferCSV,