@sheetxl/studio-vanilla 0.4.19 → 0.4.20

package/cdn/assets/{DovESggwbqQKJEkM.js → VYFESZA0Jc8C13ZT.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
+ * @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/{CqLIq6VVhQnv6ZP4.js → _sUvLBCLSPhV2gF6.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
+ * @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/CKwR5AWlnckKQRc-.mjs → cdn/assets/dWGGn8a_Ez8kVjgZ.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
+ * @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/{CN-UcSPqkcXnkJCx.js → dwY5oHtoGa_ktt9_.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
+ * @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/{pqikV5IyVMBYUDqP.js → giu63J2gO2p8JJIf.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
+ * @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/{6X4p3ajMgDNtcmLW.js → glJJyP0v0nlhAzqM.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
+ * @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/{_bKdjn1gFyUlsKF8.js → nsmFGDjpeUcAO4is.js}

@@ -1,47 +1,47 @@
 import { jsx as i, jsxs as p } from "react/jsx-runtime";
 import { memo as oe, useRef as C, useState as b, useEffect as L, useLayoutEffect as pe, useMemo as de } from "react";
-import { aP as P, aQ as c, F as R, P as z, 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, j as J, l 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, W as Se, Z as Ee } from "./Dj-9L-ifpIi1HChy.js";
+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.19
+ * @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 = P(i("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Ie = P(i("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), Le = P(i("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), Pe = P(i("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), $ = oe((S) => {
-  const { label: h, value: r, options: a, onSelect: d, tabIndex: T = 0, ...D } = S, [A, v] = b(() => 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 = z((u) => {
+  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(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))})` }, ...D, 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 De = { "By Rows": !0, "By Columns": !1 }, ie = (S, 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] === S) return d;
   }
 }, Me = oe((S) => {
-  const { replace: h = !1, findText: r, replaceText: a, findOptions: d, replaceOptions: T, title: D, onHide: A, onFindOrReplace: v, ...K } = S, s = C(null), u = C(null), B = C(null), H = C(null), j = C(null), N = C(null), U = (e, t) => {
+  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));
-  }, [Z, I] = b(!1), [V, le] = b(!1), [f, M] = b(h), [G, W] = b(!1), [X, Q] = 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 = z(async (e, t, n, F) => {
+  }, [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 v({ autoFocus: F, ...g });
-    W(ce === 0);
+    $(ce === 0);
   }, [o, v]);
   L(() => {
-    W(!1);
+    $(!1);
   }, [o, V, f]);
-  const Y = z((e, t) => {
+  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), U(e, F ? N.current : j.current)) : U(e, n ? H.current : B.current), E(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]), _ = C(null);
   pe(() => {
@@ -50,18 +50,18 @@ const De = { "By Rows": !0, "By Columns": !1 }, ie = (S, h) => {
       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 || _.current?.focus();
+    }), Z || _.current?.focus();
   }, [r, a, d, T]), L(() => {
     f ? (o.findOptions.fields[0], c.Content.Values) : I(!0);
   }, [f]), L(() => {
-    if (Z && 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", () => {
+    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 });
-  }, [Z, o]);
+  }, [U, o]);
   const [re, { width: q }] = fe();
-  return i(ge, { ref: _, title: D ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: A, onFocus: () => Q(!0), onBlur: () => {
-    Q(!1), W(!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) => {
+  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) => {
@@ -99,7 +99,7 @@ const De = { "By Rows": !0, "By Columns": !1 }, ie = (S, 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) => G ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => G ? `${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;
@@ -108,9 +108,9 @@ const De = { "By Rows": !0, "By Columns": !1 }, ie = (S, h) => {
     e.stopPropagation();
   } }), i(m, { selected: o.findOptions.reverse, onSelectToggle: (e) => {
     E(!1, !1);
-  }, touchRippleRef: B, label: "", shortcut: { key: "Enter", modifiers: [y.Shift] }, icon: x(o.findOptions.orientation !== R.Orientation.Column ? i(Fe, {}) : i(Pe, {})), disabled: !o.findText }), i(m, { selected: !o.findOptions.reverse, onSelectToggle: (e) => {
+  }, 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: H, 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: () => {
+  }, 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(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) => {
@@ -125,17 +125,17 @@ const De = { "By Rows": !0, "By Columns": !1 }, ie = (S, h) => {
     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: q >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [i($, { 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($, { label: "Search", value: o.findOptions.orientation !== R.Orientation.Column, options: De, 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;
     });
-  } }), i($, { label: "Look in", value: f && o.findOptions.fields?.[0] === c.Content.Values ? c.Content.Formulas : o.findOptions.fields?.[0], options: f ? se : ae, onSelect: (e) => {
+  } }), i(z, { label: "Look in", value: f && o.findOptions.fields?.[0] === c.Content.Values ? c.Content.Formulas : o.findOptions.fields?.[0], options: f ? se : ae, onSelect: (e) => {
     l((t) => {
       const n = { ...t };
       return n.findOptions.fields = [e], n;

package/{browser/esm/BHzg_9TpgdKnIlaX.mjs → cdn/assets/xbsV0YR05atX96kb.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
+ * @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.19
+ * @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/CSBAnGx7ebIRyjML.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.19
+ * @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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sheetxl/studio-vanilla",
   "description": "SheetXL Studio - Vanilla entry point for integrating SheetXL UI.",
-  "version": "0.4.19",
+  "version": "0.4.20",
   "license": "SEE LICENSE IN <LICENSE>",
   "type": "module",
   "main": "./browser/esm/index.mjs",
@@ -41,8 +41,8 @@
     "@mui/styled-engine": "^6.5.0",
     "@mui/system": "^6.5.0",
     "@mui/utils": "^6.4.9",
-    "@sheetxl/studio-mui": "^0.4.19",
-    "@sheetxl/sdk": "^0.4.19",
+    "@sheetxl/studio-mui": "^0.4.20",
+    "@sheetxl/sdk": "^0.4.20",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "csstype": "^3.1.3",