@sheetxl/studio-vanilla 0.4.18 → 0.4.20

package/cdn/assets/{D3HLd70Mn49YtP9N.js → DYE-hWYAUd_f6MX8.js}

@@ -1,37 +1,37 @@
 import { jsx as o, jsxs as A } from "react/jsx-runtime";
 import { memo as E, useMemo as O, useState as g, useCallback as P } from "react";
-import { ap as f, w as S, B as U, d as b, e as D, f as l, a6 as p } from "./DKwtBx9sOuW7Idh0.js";
+import { Q as f, $ as S, h as U, i as b, l as D, p as l, a0 as p } from "./BFvB3zk5mbav2VDI.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const V = ["Ok", "Cancel"], J = E((w) => {
-  const { initialHyperlink: t = null, initialDisplay: F = null, onUpdateHyperlink: m, context: s, onOption: x, onValidateOption: r, onDone: d, options: h = V, defaultOption: c = h?.[0], cancelOption: i = "Cancel", sx: H, ...I } = w, v = O(() => (t ?? s?.()?.getHyperlink()) !== null, []), y = O(() => {
-    let e = null, n = null;
-    t && (typeof t == "string" ? n = t : e = t);
+const V = ["Ok", "Cancel"], q = E((F) => {
+  const { initialHyperlink: n = null, initialDisplay: H = null, onUpdateHyperlink: m, context: s, onOption: x, onValidateOption: r, onDone: d, options: h = V, defaultOption: c = h?.[0], cancelOption: i = "Cancel", sx: I, ...v } = F, w = O(() => (n ?? s?.()?.getHyperlink()) !== null, []), y = O(() => {
+    let e = null, t = null;
+    n && (typeof n == "string" ? t = n : e = n);
     const C = e ?? s?.()?.getHyperlink();
-    return { address: n ?? C?.getAddress() ?? "", textToDisplay: C?.getDisplayText() ?? "" };
-  }, [t, s]), [a, M] = g(y.address), [u, B] = g(() => {
-    const e = s?.().toTextUnformatted() ?? F;
+    return { address: t ?? C?.getAddress() ?? "", textToDisplay: C?.getDisplayText() ?? "" };
+  }, [n, s]), [a, M] = g(y.address), [u, $] = g(() => {
+    const e = s?.().toTextUnformatted() ?? H;
     return e === y.address ? "" : e;
-  }), [$, k] = g(!1), L = P((e) => {
-    B(e.target.value);
-  }, []), T = P(async (e, n) => null, []), W = f(async (e) => {
+  }), [B, k] = g(!1), L = P((e) => {
+    $(e.target.value);
+  }, []), T = P(async (e, t) => null, []), W = f(async (e) => {
     e !== i && m?.(a === "" ? null : { address: a }, u), x?.(e, e === i, e === c), d?.();
   }, [a, u, m, d, x, c, i]), j = f((e) => {
     M(e.target.value), T(e.target.value, null);
   }, [r]), z = f(async (e) => {
-    let n = await Promise.resolve(r?.(e));
+    let t = await Promise.resolve(r?.(e));
     try {
-      n !== !1 && (n = await T(a, e));
+      t !== !1 && (t = await T(a, e));
     } catch {
     }
-    return n ?? !0;
+    return t ?? !0;
   }, [r]);
-  return o(S, { title: (v ? "Edit" : "Insert") + " Link", options: h, onDone: d, onOption: (e) => W(e), onValidateOption: z, defaultOption: c, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...H }, ...I, children: A(U, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [o(b, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: o(D, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (e) => {
-    $ || e.target?.select(), k(!0);
+  return o(S, { title: (w ? "Edit" : "Insert") + " Link", options: h, onDone: d, onOption: (e) => W(e), onValidateOption: z, defaultOption: c, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...I }, ...v, children: A(U, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [o(b, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: o(D, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (e) => {
+    B || e.target?.select(), k(!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(${l("#fff", p(5))}, ${l("#fff", p(5))})` } } }, value: a, onChange: j, onContextMenu: (e) => {
     e.stopPropagation();
   } }) }), o(b, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: o(D, { label: "Display Text", placeholder: a?.startsWith("#") ? a.substring(1) : a, onFocus: () => {
@@ -41,6 +41,6 @@ const V = ["Ok", "Cancel"], J = E((w) => {
   } }) })] }) });
 });
 export {
-  J as HyperlinkDialog,
-  J as default
+  q as HyperlinkDialog,
+  q as default
 };

package/{browser/esm/CDZyUGGXefQIk9bm.mjs → cdn/assets/DaoqFa2lhVoZvd16.js}

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

package/cdn/assets/DfpCefkqWIezzC8Z.js

@@ -0,0 +1,49 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { memo as G, useState as h, useCallback as F, useEffect as H, useMemo as w } from "react";
+import { Q as r, V as K, W as n, $ as Q, h as P, i as S, X, Z, p, a0 as c, l as q, a1 as $, a2 as A } from "./BFvB3zk5mbav2VDI.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const J = ["Ok", "Cancel"], aa = G((D) => {
+  const { initialValue: I, context: x, onOption: C, onValidateOption: u, onInputOption: b, onDone: d, options: v = J, defaultOption: l = v?.[0], cancelOption: m = "Cancel", sx: V, ...N } = D, [e, T] = h(I), [j, M] = h(!1), g = F(async (a, o) => !0, []), y = r(async (a) => {
+    b?.(e, a), C?.(a, a === m, a === l), d?.();
+  }, [e, b, d, C, m, l]), W = r(async (a) => {
+    a.keyCode === K.Enter && await g?.(e, null) !== !1 && y(l);
+  }, [e, y]), z = r((a) => {
+    T(a.target.value), g?.(a.target.value, null);
+  }, [u]), B = r(async (a) => {
+    let o = await Promise.resolve(u?.(a));
+    try {
+      o !== !1 && (o = await Promise.resolve(g?.(e, a)) ?? !0);
+    } catch {
+    }
+    return o ?? !0;
+  }, [u]), [k, O] = h(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
+  H(() => {
+    O(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
+  }, [e]);
+  const E = w(() => {
+    const a = n.Styles.lookupPrimary(), o = (i) => t(A, { value: i, children: i }, i), s = Object.keys(a).map((i) => o(a[i].formatType));
+    return s.push(o(n.Type.Custom)), s;
+  }, []), L = F((a) => {
+    const o = a.target.value;
+    O(o);
+    const s = n.Styles.lookupDefault(o);
+    s && T(s);
+  }, []), R = w(() => {
+    const a = x();
+    return a.createTemporaryCell({ value: a.getValue() ?? 12345, style: { numberFormat: e } });
+  }, [k, e, x]);
+  return t(Q, { title: "Number Format", options: v, onDone: d, onOption: (a) => y(a), onValidateOption: B, defaultOption: l, cancelOption: m, autoFocusSel: ".autoFocus", sx: { width: "580px", ...V }, ...N, children: f(P, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [f(S, { sx: { minWidth: 135 }, size: "small", children: [t(X, { children: "Category" }), t(Z, { value: k, label: "Category", onChange: L, sx: { backgroundImage: `linear-gradient(${p("#fff", c(5))}, ${p("#fff", c(5))})` }, children: E })] }), t(S, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t(q, { label: "Code", onFocus: (a) => {
+    j || a.target?.select(), M(!0);
+  }, sx: { "& .MuiFormHelperText-root": { marginTop: (a) => a.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (a) => a.spacing(1.25), paddingBottom: (a) => a.spacing(0.75), backgroundImage: `linear-gradient(${p("#fff", c(5))}, ${p("#fff", c(5))})` } } }, value: e, onChange: z, onKeyDown: W, onContextMenu: (a) => {
+    a.stopPropagation();
+  } }) }), f(P, { children: [t($, { variant: "caption", component: "div", sx: { paddingLeft: (a) => a.spacing(2) }, children: "Preview" }), t($, { variant: "body2", component: "div", sx: { borderRadius: (a) => `${a.shape.borderRadius}px`, padding: (a) => a.spacing(1), border: (a) => `1px solid ${a.palette.grey[400]}` }, children: R.getNumberFormat().displayText || "(empty)" })] })] }) });
+});
+export {
+  aa as NumberFormatDialog,
+  aa as default
+};

package/cdn/assets/{G6hbORyGPtwXe9ND.js → DgxaqoqInkc26SCt.js}

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

package/{browser/esm/CMOm6Fr6Oxj9RoGx.mjs → cdn/assets/DmXkRZFP-WnV2YT9.js}

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

package/cdn/assets/{Bl04bUHLpvVGX5_G.js → EN4PLLABu5llaV3T.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -13,7 +13,7 @@ const n = { reactUrl: "https://esm.sh/react@19.1.0", reactJsxTransform: "https:/
     t.type = "importmap", t.textContent = JSON.stringify({ imports: { react: c, "react/jsx-runtime": m, "react-dom": o, "react-dom/client": s } }), document.head.appendChild(t);
   }
   await new Promise((t) => setTimeout(t, 0));
-  const r = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./DKwtBx9sOuW7Idh0.js").then((t) => t.aX)]);
+  const r = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./BFvB3zk5mbav2VDI.js").then((t) => t.a$)]);
   return { React: r[0], ReactJSXTransform: r[1], ReactDOM: r[2], ReactDOMClient: r[3], StudioMUI: r[4] };
 })(), a));
 export {

package/{browser/esm/D4lCVoEMnY4LDOe_.mjs → cdn/assets/JdOvTKCcf5acl7vA.js}

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

package/{browser/esm/DrUhjclyQ_wtu3-o.mjs → cdn/assets/KUyPDaQO4D8lwO7O.js}

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

package/cdn/assets/{2iAyR3lqPTrC8fqX.js → LbFq2oCowUDgCX8L.js}

@@ -1,16 +1,16 @@
-import { jsx as d, jsxs as j } from "react/jsx-runtime";
-import { memo as k, useMemo as V, useState as p, useCallback as h } from "react";
-import { ap as u, w as E, B as M, aL as S, aM as A } from "./DKwtBx9sOuW7Idh0.js";
+import { jsx as d, jsxs as E } from "react/jsx-runtime";
+import { memo as L, useMemo as V, useState as p, useCallback as h } from "react";
+import { Q as u, $, h as k, a9 as S, aa as A } from "./BFvB3zk5mbav2VDI.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const G = ["Ok", "Cancel"], H = k((C) => {
-  const { value: a = null, context: t, onOption: c, onValidateOption: U, onDone: m, onUpdate: g, options: x = G, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: R, ...v } = C, y = V(() => t?.getNames().findValidName("Range1"), []), i = V(() => {
+const G = ["Ok", "Cancel"], z = L((C) => {
+  const { value: a = null, context: t, onOption: c, onValidateOption: M, onDone: m, onUpdate: g, options: x = G, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: R, ...v } = C, y = V(() => t?.getNames().findValidName("Range1"), []), i = V(() => {
     if (!a) return !0;
-  }, []), [n, w] = p({ displayText: a?.getName() ?? y, errorText: null }), [l, D] = p({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = p(!1), F = h(async (e) => !n.errorText && !l.errorText, [t]), B = u((e, s, r) => {
+  }, []), [n, w] = p({ displayText: a?.getName() ?? y, errorText: null }), [l, D] = p({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = p(!1), F = h(async (e) => !n.errorText && !l.errorText, [t]), I = u((e, s, r) => {
     if (!s) {
       let o = null;
       i ? o = t?.getNames().addReference(n?.displayText, l?.displayValue, !1) : (a.getType() === "reference" && a.doBatch(() => {
@@ -18,7 +18,7 @@ const G = ["Ok", "Cancel"], H = k((C) => {
       }, `Edit Named '${n?.displayText}'`), o = a), o && (o.select(), g(o, i));
     }
     c?.(e, s, r), m?.();
-  }, [t, n, l, m, c, f, N, g]), I = u((e) => {
+  }, [t, n, l, m, c, f, N, g]), b = u((e) => {
     let s = null;
     try {
       t?.getNames().validateName(e);
@@ -26,18 +26,18 @@ const G = ["Ok", "Cancel"], H = k((C) => {
       s = r.message;
     }
     w({ displayText: e, errorText: s });
-  }, []), L = u((e) => {
+  }, []), j = u((e) => {
     a && a.getName().toLowerCase() === e.toLowerCase() || t?.getNames().validateName(e);
-  }, [t, a]), b = h((e) => {
+  }, [t, a]), B = h((e) => {
     D({ displayValue: e ?? null, errorText: null });
   }, []);
-  return d(E, { title: (i ? "Define" : "Edit") + " Range", options: x, onOption: B, onValidateOption: F, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...R }, ...v, children: j(M, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [d(S, { formName: "name", defaultInput: y, value: n.displayText, onChangeInput: I, onValidate: L, onFocus: (e) => {
+  return d($, { title: (i ? "Define" : "Edit") + " Range", options: x, onOption: I, onValidateOption: F, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...R }, ...v, children: E(k, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [d(S, { formName: "name", defaultInput: y, value: n.displayText, onChangeInput: b, onValidate: j, onFocus: (e) => {
     T || e.target?.select(), O(!0);
-  } }), d(A, { formName: "range", value: l.displayValue, onChangeInput: b, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
+  } }), d(A, { formName: "range", value: l.displayValue, onChangeInput: B, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
     T || e.target?.select(), O(!0);
   } })] }) });
 });
 export {
-  H as NamedReferenceDialog,
-  H as default
+  z as NamedReferenceDialog,
+  z as default
 };

package/cdn/assets/{BdiazbVW7y4wMZzl.js → S2TZ7C9tQtDNeeGo.js}

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

package/cdn/assets/{BK-yXbGlmTLkEgUb.js → SPvRfEBpgC5rbgPz.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -10,7 +10,7 @@ class o {
   }
   async getWorkerWrapper() {
     if (this.workerWrapper) return this.workerWrapper;
-    const { createCompilerWorker: r } = await import("./Bo_VRKrnQCatQ2DP.js");
+    const { createCompilerWorker: r } = await import("./9GNkN_zTAHpnP-uq.js");
     return this.workerWrapper = await r(), this.workerWrapper;
   }
   async compileModule(r) {

package/cdn/assets/{BVuYSELkcKtUtWWL.js → SsQFeDXfmfXHyy1R.js}

@@ -1,6 +1,6 @@
-import { s as Gs, Q as D, F as ft, W as Ye, j as Ks, D as Xt, S as jn, n as zs, m as Vs, l as Xe, X as Hs, K as se, a as Ue, b as Fe } from "./DKwtBx9sOuW7Idh0.js";
+import { d as Gs, Y as D, k as ft, n as Ye, r as Ks, D as Xt, B as jn, c as zs, _ as Vs, f as Xe, e as Hs, K as se, g as Ue, y as Fe } from "./BFvB3zk5mbav2VDI.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{B0AMD95YmqvJGzKy.js → TP7wJaHcKRz3uH_W.js}

@@ -1,21 +1,21 @@
 import { jsx as i } from "react/jsx-runtime";
-import { memo as E, useMemo as M, useState as x, useCallback as j } from "react";
-import { ap as r, w as S, B as V, d as $, e as z, f as h, a6 as C } from "./DKwtBx9sOuW7Idh0.js";
+import { memo as B, useMemo as M, useState as x, useCallback as j } from "react";
+import { Q as r, $ as E, h as S, i as V, l as z, p as h, a0 as C } from "./BFvB3zk5mbav2VDI.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const G = ["Ok", "Cancel"], U = E((O) => {
-  const { initialComments: w = null, onUpdateComments: m, context: k, onOption: u, onValidateOption: l, onDone: p, options: d = G, defaultOption: c = d?.[0], cancelOption: s = "Cancel", sx: y, ...F } = O, g = M(() => {
-    const n = w ?? k?.()?.getComments();
+const G = ["Ok", "Cancel"], Q = B((O) => {
+  const { initialComments: k = null, onUpdateComments: m, context: w, onOption: u, onValidateOption: l, onDone: p, options: d = G, defaultOption: c = d?.[0], cancelOption: s = "Cancel", sx: y, ...F } = O, g = M(() => {
+    const n = k ?? w?.()?.getComments();
     let t = "";
     if (n && n.content && n.content.runs) {
       const a = n.content.runs;
       for (let o = 0; o < a.length; o++) {
-        const B = a[o];
-        t += B?.text;
+        const $ = a[o];
+        t += $?.text;
       }
     }
     return t;
@@ -38,13 +38,13 @@ const G = ["Ok", "Cancel"], U = E((O) => {
     }
     return t ?? !0;
   }, [l, e]);
-  return i(S, { title: (g ? "Edit" : "Insert") + " Comments", options: d, onDone: p, onOption: (n) => v(n), onValidateOption: I, defaultOption: c, cancelOption: s, autoFocusSel: ".autoFocus", sx: { width: "480px", ...y }, ...F, children: i(V, { sx: { paddingTop: (n) => n.spacing(1), paddingBottom: (n) => n.spacing(0), rowGap: (n) => n.spacing(1), display: "flex", flexDirection: "column" }, children: i($, { sx: { paddingTop: (n) => n.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(z, { label: "Comments", placeholder: "Enter a comment.", onFocus: (n) => {
+  return i(E, { title: (g ? "Edit" : "Insert") + " Comments", options: d, onDone: p, onOption: (n) => v(n), onValidateOption: I, defaultOption: c, cancelOption: s, autoFocusSel: ".autoFocus", sx: { width: "480px", ...y }, ...F, children: i(S, { sx: { paddingTop: (n) => n.spacing(1), paddingBottom: (n) => n.spacing(0), rowGap: (n) => n.spacing(1), display: "flex", flexDirection: "column" }, children: i(V, { sx: { paddingTop: (n) => n.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(z, { label: "Comments", placeholder: "Enter a comment.", onFocus: (n) => {
     T || n.target?.select(), b(!0);
   }, sx: { "& .MuiFormHelperText-root": { marginTop: (n) => n.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (n) => n.spacing(1.25), paddingBottom: (n) => n.spacing(0.75), backgroundImage: `linear-gradient(${h("#fff", C(5))}, ${h("#fff", C(5))})` } } }, value: e, onChange: D, onContextMenu: (n) => {
     n.stopPropagation();
   } }) }) }) });
 });
 export {
-  U as CommentsDialog,
-  U as default
+  Q as CommentsDialog,
+  Q as default
 };

package/cdn/assets/{BymCn9svILK2L_Q7.js → UhBzX4vQryCjy6ce.js}

@@ -1,6 +1,6 @@
-import { E as J } from "./DKwtBx9sOuW7Idh0.js";
+import { A as J } from "./BFvB3zk5mbav2VDI.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{browser/esm/DQVplFpK9A1EIvdK.mjs → cdn/assets/VYFESZA0Jc8C13ZT.js}

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

package/{browser/esm/ceMU_E2f1UyoBi26.mjs → cdn/assets/_sUvLBCLSPhV2gF6.js}

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

package/cdn/assets/{Bf3PbpdXr2YBd80R.js → dWGGn8a_Ez8kVjgZ.js}

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

package/cdn/assets/{DfPZoMGjJLY5lNfx.js → dwY5oHtoGa_ktt9_.js}

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

package/{browser/esm/Ba1zoBcKRW4R-TUZ.mjs → cdn/assets/giu63J2gO2p8JJIf.js}

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

package/{browser/esm/Dr0c_TBv01wBTYct.mjs → cdn/assets/glJJyP0v0nlhAzqM.js}

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

package/cdn/assets/{CohhK26gvXnWe0vC.js → nsmFGDjpeUcAO4is.js}

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

package/cdn/assets/{D8yWaZgP_m305Xdw.js → xbsV0YR05atX96kb.js}

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

package/cdn/index.js

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -114,7 +114,7 @@ const S = /* @__PURE__ */ new Map(), k = (e, o = {}) => {
 let d;
 const C = async (e) => {
   if (d) return d;
-  const { resolveDependencies: o } = await import("./assets/Bl04bUHLpvVGX5_G.js"), s = await o(typeof e == "object" ? e?.dependencies : void 0);
+  const { resolveDependencies: o } = await import("./assets/EN4PLLABu5llaV3T.js"), s = await o(typeof e == "object" ? e?.dependencies : void 0);
   return d = await (async (a, n) => {
     typeof n == "string" && (n = { selector: n });
     try {

package/cdn/loader.js

@@ -1,5 +1,5 @@
 (function(e){typeof define=="function"&&define.amd?define(e):e()})(function(){"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.