@sheetxl/studio-vanilla 0.6.20 → 0.6.22

package/cdn/assets/{C6J0fCCQgBJUxTnK.js → BhXl6kgtfDELGc7Y.js}

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

package/cdn/assets/{DwqIT9OfaRURwAJz.js → BtuAztDAEeeNX9PJ.js}

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

package/cdn/assets/{BQ1p-2tgEULVGw7-.js → BvSZ3pOl8MO1ojuV.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.20
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.22
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -47,7 +47,7 @@ class u {
   }
 }
 const s = `/**
- * @license @sheetxl/primitives - Primitives - Base types for SheetXL functions. - v0.6.20
+ * @license @sheetxl/primitives - Primitives - Base types for SheetXL functions. - v0.6.22
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -266,7 +266,7 @@ var T;
   return r = typeof e == "string" ? rt.get(e) : ot.get(e), r || (r = T.Unknown), new r(t, n);
 }, T.getBuiltInById = (e) => Te.get(e) || xt;
 /**
- * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.6.20
+ * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.6.22
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -1574,7 +1574,7 @@ async function p() {
   return await l();
 }
 const l = async () => {
-  const { compileModule: e } = await import("./N62VK8D_cBTAT2XQ.js"), n = new u((t) => e(t));
+  const { compileModule: e } = await import("./8k8XLuxD4dRmHrJp.js"), n = new u((t) => e(t));
   return await n.start(), n;
 };
 export {

package/cdn/assets/{V3-bkRlm8M87qz1t.js → By2g1uWCbTNWnZ-4.js}

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

package/cdn/assets/{Bw2Grx_mgFq1FZ7D.js → C4hFiOBg7MizingG.js}

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

package/cdn/assets/{mUPX0FQAAhyiFtls.js → C62gCU_O9H5emoM3.js}

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

package/{browser/esm/BdgtWo6kMY1Mxgsz.mjs → cdn/assets/CGYnhM5Uwy5M95II.js}

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

package/cdn/assets/{DWAiV2t7HmWrzSot.js → CLggQnHoiynUhOYq.js}

@@ -1,6 +1,6 @@
-import { r as m } from "./DcDPUzrz2Qe5MEmJ.js";
+import { r as m } from "./BGDlAIdAEpikZle2.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.20
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.22
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{sSrV_d7rjfFplwhr.js → CNUvlAwVXOfQ_TAf.js}

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

package/cdn/assets/{DZTwcgnnXwnBu2d_.js → CS1z63oIhoibaWFw.js}

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

package/cdn/assets/{DSIXcrd29PMigN7Y.js → CS8A_hU53N0hpssr.js}

@@ -1,6 +1,6 @@
-import { z as Ot, M as Lt, ax as ye, ay as be, az as Mt, aA as wt, X as te, aB as xe, aC as we, aw as ve, aD as Se, Z as ee, w as Ce, aE as ke, n as Ae } from "./GXdJegzHdJNtvKhw.js";
+import { p as Ot, M as Lt, ax as ye, ay as be, az as Mt, aA as wt, X as te, aB as xe, aC as we, aw as ve, aD as Se, Z as ee, w as Ce, aE as ke, n as Ae } from "./B_x9--X1TCglS38Z.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.20
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.22
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -1059,14 +1059,14 @@ const Ge = (i, t, s) => {
     ct ? n?.onText(d) : l || s?.onText(d);
   } };
 }, es = Object.freeze(Object.defineProperty({ __proto__: null, fromBufferXLSX: async (i, t) => {
-  const { password: s, onWarning: o, createWorkbookOptions: n = {}, ...a } = t ?? {}, l = import("./DSIwLtgpWto5xiT8.js"), g = import("./BWMw2ie0rrgnRMa4.js");
+  const { password: s, onWarning: o, createWorkbookOptions: n = {}, ...a } = t ?? {}, l = import("./ACzTDBOZu2QggLan.js"), g = import("./BTTmilibd6YyQodm.js");
   let S = null;
   try {
     S = new DOMParser();
   } catch {
   }
   let b = null;
-  S || (b = import("./VGokVUZM02qlImrG.js").then((u) => u.i));
+  S || (b = import("./CaAT7fCkOz1aHYsz.js").then((u) => u.i));
   let x = null, C = null, w = null;
   try {
     const u = await Promise.all([l, g, b]);
@@ -1310,7 +1310,7 @@ const Ge = (i, t, s) => {
           }, _), st = he(p, gt), it = await (async (k, B = 8388608) => {
             await (async () => {
               if (typeof ReadableStream > "u") if (typeof window > "u") {
-                const { ReadableStream: rt } = await import("./bVXoA_TW765SVczB.js");
+                const { ReadableStream: rt } = await import("./B3vCOXIc_9BlptE9.js");
                 globalThis.ReadableStream = rt;
               } else console.warn("Browser does not support ReadableStream; consider loading a polyfill.");
             })();
@@ -1409,7 +1409,7 @@ const Ge = (i, t, s) => {
     throw u instanceof ke && (A = "Unable to open XLSX. There are too many rows or columns."), new Error(A, { cause: u });
   }
 }, toBufferXLSX: async (i, t) => {
-  const s = await import("./DSIwLtgpWto5xiT8.js"), o = await i.toJSON(!0), n = s.utils.book_new();
+  const s = await import("./ACzTDBOZu2QggLan.js"), o = await i.toJSON(!0), n = s.utils.book_new();
   for (let a = 0; a < o.sheets.length; a++) {
     const l = o.sheets[a], g = s.utils.json_to_sheet([{}]);
     s.utils.book_append_sheet(n, g, l.name);

package/{browser/esm/CZ-Tzx9g328jH3ED.mjs → cdn/assets/CWBEP_P9qvHjyx5s.js}

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

package/cdn/assets/{odOFb6rje98fVZFb.js → C_9IxP_gcSyFKcRZ.js}

@@ -1,18 +1,18 @@
-import { a as t } from "./B8J7yiYf0VzRs20S.js";
-import { r as o } from "./DvfKQuymBpVlqnBA.js";
-import { A as E, D as p, w as b, T as H, j as le, E as ae, G as re, H as ce, B as O, J as g, L as m, N as pe, O as j, Q as de, t as X, p as R, R as ue, U as fe, W as xe, $ as ge, q as T, a0 as Y, a1 as me, a2 as he, a3 as Oe, y as je, l as Ce, I as ye, S as be } from "./GXdJegzHdJNtvKhw.js";
+import { a as t } from "./B_UPGRPAlT5odAXT.js";
+import { r as o } from "./DTrwjiQe27HohbpS.js";
+import { D as E, E as p, w as b, T as V, o as le, G as ae, H as re, J as ce, B as O, K as g, L as m, N as pe, O as j, Q as de, t as X, r as R, R as ue, V as fe, U as xe, $ as ge, s as T, a0 as Y, a1 as me, a2 as he, a3 as Oe, y as je, q as Ce, I as ye, S as be } from "./B_x9--X1TCglS38Z.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.20
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.22
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-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"), K = o.memo((v) => {
+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, l));
   }, [c, l]);
-  const L = H((u) => {
+  const L = V((u) => {
     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 })] });
@@ -25,9 +25,9 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
     if (h[d] === v) return d;
   }
 }, Ie = 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), M = o.useRef(null), V = o.useRef(null), $ = o.useRef(null), z = o.useRef(null), B = (e, n) => {
+  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), H = o.useRef(null), M = o.useRef(null), $ = o.useRef(null), z = o.useRef(null), B = (e, n) => {
     n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
-  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, A] = o.useState(h), [N, P] = 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: Z.Sheet }), k = H(async (e, n, s, S) => {
+  }, [N, w] = o.useState(!1), [D, se] = o.useState(!1), [f, K] = o.useState(h), [W, P] = 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: Z.Sheet }), k = V(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;
@@ -37,11 +37,11 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
   o.useEffect(() => {
     P(!1);
   }, [i, D, f]);
-  const q = H((e, n) => {
+  const q = V((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), B(e, S ? z.current : $.current)) : B(e, s ? V.current : M.current), k(s, n, S, !1);
+      e.shiftKey && (s = !1), n ? (e.ctrlKey && e.altKey && (S = !0), B(e, S ? z.current : $.current)) : B(e, s ? M.current : H.current), k(s, n, S, !1);
     }
   }, [i]), J = o.useRef(null);
   o.useLayoutEffect(() => {
@@ -49,20 +49,20 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
       const n = { ...e };
       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 && A(s), n;
+      return s && K(s), n;
     }), U || J.current?.focus();
   }, [c, l, d, C]), o.useEffect(() => {
     f ? (i.findOptions.fields[0], p.Content.Values) : w(!0);
   }, [f]), o.useEffect(() => {
-    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", () => {
+    if (N && 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]);
+  }, [N, i]);
   const [ie, { width: Q }] = ae();
   return t.jsx(re, { ref: J, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => G(!0), onBlur: () => {
     G(!1), P(!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) A(!0), a.current?.contains(document.activeElement) && u.current?.focus();
+    if (e.key === "h" && e.ctrlKey) K(!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 };
@@ -83,7 +83,7 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
   }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [t.jsx(g, { selected: D, onSelectToggle: (e) => {
     se(e);
   }, preventFocus: !0, label: "Toggle Additional Options", icon: m(t.jsx(pe, {})) }), t.jsx(g, { selected: f, onSelectToggle: (e) => {
-    A(e);
+    K(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(X, { 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 };
@@ -99,7 +99,7 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
       const s = { ...n };
       return s.findOptions.useRegex = e, s;
     });
-  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [j.Alt] }, icon: m(t.jsx(ge, {})) })] }) }) }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => N ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => N ? `${e.palette.error.main} !important` : void 0 } }, value: i.findText ?? "", onChange: (e) => {
+  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [j.Alt] }, icon: m(t.jsx(ge, {})) })] }) }) }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => W ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => W ? `${e.palette.error.main} !important` : void 0 } }, value: i.findText ?? "", onChange: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findText = e.target.value, s;
@@ -108,9 +108,9 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
     e.stopPropagation();
   } }), t.jsx(g, { selected: i.findOptions.reverse, onSelectToggle: (e) => {
     k(!1, !1);
-  }, touchRippleRef: M, 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) => {
+  }, touchRippleRef: H, 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: V, 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(Y, { in: f, timeout: _, onExit: () => {
+  }, touchRippleRef: M, 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(Y, { in: f, timeout: _, onExit: () => {
     a.current?.focus();
   }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(X, { 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) => {
@@ -125,17 +125,17 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
     k(!0, !0, !0);
   }, touchRippleRef: z, 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: () => {
     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(K, { label: "Within", value: i.scope, options: Z, onSelect: (e) => {
+  }, 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: Z, 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;

package/cdn/assets/{VGokVUZM02qlImrG.js → CaAT7fCkOz1aHYsz.js}

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

package/{browser/esm/Co_9N9SdyYNe72f9.mjs → cdn/assets/Che2OGxljvVdrQ0I.js}

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