@sheetxl/studio-vanilla 0.6.23 → 0.7.0

package/cdn/assets/{DsIWV8FV7AuOkn6f.js → C7A15ZGDwjElOXas.js}

@@ -1,14 +1,14 @@
-import { a } from "./BgBwX2GgS0mqpWSi.js";
-import { r as o } from "./mh1s6XrAoZfzQf27.js";
-import { a4 as L, z as O, a5 as A, a6 as E, T as u, A as M, D as W, B as n, a7 as G, a8 as V, a3 as h, a9 as k, aa as q, ab as f, G as y, ac as b, ad as j } from "./C6RdP2czDABcpX2T.js";
+import { a } from "./BA44HDNuJ3msFzwW.js";
+import { r as o } from "./BxbcMJZNRIcQjc83.js";
+import { a4 as L, y as O, a5 as A, a6 as E, T as u, A as M, D as W, B as n, a7 as K, a8 as V, a3 as h, a9 as k, aa as q, ab as f, K as y, ac as b, ad as j } from "./CGnW0_J6Q7r3xXEY.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.23
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const Y = o.memo((w) => {
-  const { title: S, onHide: C, autoFocusSel: N = ".range-input input", context: R, notifier: l = L, command: r, commands: c, ...T } = w, [v, d] = o.useState(!1), [g, m] = o.useState(!1), x = o.useRef(null), [J, D] = o.useReducer((e) => e + 1, 0), [F, { width: K }] = O();
+  const { title: S, onHide: C, autoFocusSel: N = ".range-input input", context: R, notifier: l = L, command: r, commands: c, ...T } = w, [v, d] = o.useState(!1), [g, m] = o.useState(!1), x = o.useRef(null), [G, D] = o.useReducer((e) => e + 1, 0), [F, { width: J }] = O();
   A(r);
   const s = R ?? r.context(), t = s.table(), [B, H] = o.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), I = o.useMemo(() => t?.getName() ?? "", [t]);
   E(s.table(), { onAnchorCoordsChange(e) {
@@ -24,7 +24,7 @@ const Y = o.memo((w) => {
   let p = null;
   return s.table() || (p = a.jsx("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", opacity: 1, display: "flex", alignItems: "center", justifyItems: "center", justifyContent: "center", boxSizing: "border-box" }, children: a.jsx("div", { children: "No table selected" }) })), a.jsx(M, { ref: x, title: S ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: N, onHide: C, onFocus: () => d(!0), onBlur: (e) => {
     x?.current?.contains(e.relatedTarget) || d(!1);
-  }, PaperProps: { elevation: v ? 3 : 1 }, ...T, children: a.jsxs(W, { dividers: !0, ref: F, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [a.jsxs(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: s.table() ? 1 : 0 }, children: [a.jsx(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a.jsx(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: a.jsxs(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a.jsx(G, { formName: "name", defaultInput: I, value: t?.getName() ?? "No table", onChangeInput: P, onValidate: (e) => {
+  }, PaperProps: { elevation: v ? 3 : 1 }, ...T, children: a.jsxs(W, { dividers: !0, ref: F, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [a.jsxs(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: s.table() ? 1 : 0 }, children: [a.jsx(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a.jsx(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: a.jsxs(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a.jsx(K, { formName: "name", defaultInput: I, value: t?.getName() ?? "No table", onChangeInput: P, onValidate: (e) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || s?.getNames().validateName(e);
   }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     g || e.target?.select(), m(!0);

package/cdn/assets/{Cr9ZeRvCcfsEwvct.js → CAMmY_Jsb7bOT0O4.js}

@@ -1,14 +1,14 @@
-import { a as i } from "./BgBwX2GgS0mqpWSi.js";
-import { r as n } from "./mh1s6XrAoZfzQf27.js";
-import { T as e, e as z, b as E, B as K, g as R, r as W, j as O, aF as q, o as y } from "./C6RdP2czDABcpX2T.js";
+import { a as i } from "./BA44HDNuJ3msFzwW.js";
+import { r as n } from "./BxbcMJZNRIcQjc83.js";
+import { T as e, f as q, k as z, B as E, g as K, q as R, l as O, aF as W, p as y } from "./CGnW0_J6Q7r3xXEY.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.23
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const A = ["Input"], U = n.memo(n.forwardRef((w, T) => {
-  const { initialValue: F = "", onOption: I, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: P, inputType: S, inputPlaceHolder: b, options: d = A, autoFocusSel: j = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...v } = w, [C, k] = n.useState(!1), [a, V] = n.useState(F), [B, D] = n.useState(""), [H, L] = n.useState(!0), s = e(async (t, o) => {
+  const { initialValue: F = "", onOption: I, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: P, inputType: S, inputPlaceHolder: k, options: d = A, autoFocusSel: v = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...C } = w, [b, j] = n.useState(!1), [a, V] = n.useState(F), [B, D] = n.useState(""), [H, L] = n.useState(!0), s = e(async (t, o) => {
     if (!p) return !0;
     const h = await p?.(t, o);
     D(h?.message ?? "");
@@ -17,7 +17,7 @@ const A = ["Input"], U = n.memo(n.forwardRef((w, T) => {
   }, [p]), f = e(async (t) => {
     l?.(a, t);
   }, [a, l, u, I, g, m]), M = e(async (t) => {
-    t.keyCode === z.Enter && await s?.(a, null);
+    t.keyCode === q.Enter && await s?.(a, null);
   }, [a, f]), N = e((t) => {
     V(t.target.value), s?.(t.target.value, null);
   }, [r]), $ = e(async (t) => {
@@ -28,11 +28,11 @@ const A = ["Input"], U = n.memo(n.forwardRef((w, T) => {
     }
     return o ?? !0;
   }, [a, r]);
-  return i.jsx(E, { options: d, onDone: u, onOption: (t, o) => {
+  return i.jsx(z, { options: d, onDone: u, onOption: (t, o) => {
     o || f(t);
-  }, onValidateOption: $, cancelOption: g, defaultOption: m, autoFocusSel: j, ref: T, ...v, children: i.jsx(K, { sx: { paddingTop: (t) => t.spacing(1), paddingBottom: (t) => t.spacing(0) }, children: i.jsx(R, { sx: { paddingTop: (t) => t.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i.jsx(W, { onFocus: (t) => {
-    C || t.target?.select(), k(!0);
-  }, type: S, label: P, helperText: B || " ", sx: { width: "100%", "& .MuiFormHelperText-root": { marginTop: (t) => t.spacing(0.5), color: H ? void 0 : "error.main" } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { placeholder: b, spellCheck: !1, autoComplete: "off", ...c, className: q("autoFocus", c?.className), sx: { paddingTop: (t) => t.spacing(1.25), paddingBottom: (t) => t.spacing(0.75), backgroundImage: `linear-gradient(${O("#fff", y(5))}, ${O("#fff", y(5))})` } } }, value: a, onChange: N, onKeyDown: M, onContextMenu: (t) => {
+  }, onValidateOption: $, cancelOption: g, defaultOption: m, autoFocusSel: v, ref: T, ...C, children: i.jsx(E, { sx: { paddingTop: (t) => t.spacing(1), paddingBottom: (t) => t.spacing(0) }, children: i.jsx(K, { sx: { paddingTop: (t) => t.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i.jsx(R, { onFocus: (t) => {
+    b || t.target?.select(), j(!0);
+  }, type: S, label: P, helperText: B || " ", sx: { width: "100%", "& .MuiFormHelperText-root": { marginTop: (t) => t.spacing(0.5), color: H ? void 0 : "error.main" } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { placeholder: k, spellCheck: !1, autoComplete: "off", ...c, className: W("autoFocus", c?.className), sx: { paddingTop: (t) => t.spacing(1.25), paddingBottom: (t) => t.spacing(0.75), backgroundImage: `linear-gradient(${O("#fff", y(5))}, ${O("#fff", y(5))})` } } }, value: a, onChange: N, onKeyDown: M, onContextMenu: (t) => {
     t.stopPropagation();
   } }) }) }) });
 }));

package/cdn/assets/{2aO8MzDhdgnOAG7o.js → CAnqPQOtGsmbDYt_.js}

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

package/cdn/assets/{ZFsrBTICAthKQWFI.js → CE4kaLvcNCiKug7v.js}

@@ -1,8 +1,8 @@
-import { a as t } from "./BgBwX2GgS0mqpWSi.js";
-import { r as o } from "./mh1s6XrAoZfzQf27.js";
-import { x as E, y as p, w as b, T as V, e as le, z as ae, A as re, D as ce, B as O, E as g, G as m, J as pe, K as j, L as de, r as Q, j as R, R as ue, V as fe, U as xe, W as ge, o as T, a0 as Y, a1 as me, a2 as he, a3 as Oe, t as je, g as Ce, I as ye, S as be } from "./C6RdP2czDABcpX2T.js";
+import { a as t } from "./BA44HDNuJ3msFzwW.js";
+import { r as o } from "./BxbcMJZNRIcQjc83.js";
+import { x as E, N as p, w as b, T as H, f as le, y as ae, A as re, D as ce, B as O, H as g, K as m, L as pe, O as j, Q as de, q as Y, l as R, R as ue, W as fe, Y as xe, $ as ge, p as T, a0 as J, a1 as me, a2 as he, a3 as Oe, s as je, g as Ce, h as ye, j as be } from "./CGnW0_J6Q7r3xXEY.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.23
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -12,7 +12,7 @@ const Re = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7
   o.useEffect(() => {
     y(ee(c, l));
   }, [c, l]);
-  const L = V((u) => {
+  const L = H((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), $ = o.useRef(null), z = o.useRef(null), B = o.useRef(null), H = (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), M = o.useRef(null), V = 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, K] = o.useState(!1), [U, G] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: Z.Sheet }), k = V(async (e, n, s, S) => {
+  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, A] = o.useState(h), [N, K] = o.useState(!1), [U, q] = 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) => {
     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,20 +37,20 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
   o.useEffect(() => {
     K(!1);
   }, [i, D, f]);
-  const J = V((e, n) => {
+  const G = H((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), H(e, S ? B.current : z.current)) : H(e, s ? $.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 ? V.current : M.current), k(s, n, S, !1);
     }
-  }, [i]), X = o.useRef(null);
+  }, [i]), Q = o.useRef(null);
   o.useLayoutEffect(() => {
     r((e) => {
       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;
-    }), U || X.current?.focus();
+    }), U || Q.current?.focus();
   }, [c, l, d, C]), o.useEffect(() => {
     f ? (i.findOptions.fields[0], p.Content.Values) : w(!0);
   }, [f]), o.useEffect(() => {
@@ -58,9 +58,9 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
       a.current?.select(), w(!1);
     }, { once: !0 });
   }, [W, i]);
-  const [ie, { width: q }] = ae();
-  return t.jsx(re, { ref: X, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => G(!0), onBlur: () => {
-    G(!1), K(!1);
+  const [ie, { width: X }] = ae();
+  return t.jsx(re, { ref: Q, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => q(!0), onBlur: () => {
+    q(!1), K(!1);
   }, PaperProps: { elevation: U ? 3 : 1 }, ...L, children: t.jsxs(ce, { dividers: !0, ref: ie, sx: { display: "flex", flexDirection: "column", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, onKeyDown: (e) => {
     if (e.key === "h" && e.ctrlKey) A(!0), a.current?.contains(document.activeElement) && u.current?.focus();
     else if (e.key === "f" && e.ctrlKey) a.current?.focus();
@@ -84,7 +84,7 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
     se(e);
   }, preventFocus: !0, label: "Toggle Additional Options", icon: m(t.jsx(pe, {})) }), t.jsx(g, { selected: f, onSelectToggle: (e) => {
     A(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(Q, { 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) => {
+  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(Y, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: X > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { draggable: !1, ref: a, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: t.jsx(ue, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: t.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [t.jsx(g, { selected: i.findOptions.matchCase, onSelectToggle: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.matchCase = e, s;
@@ -104,28 +104,28 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
       const s = { ...n };
       return s.findText = e.target.value, s;
     });
-  }, onKeyDown: (e) => J(e, !1), onContextMenu: (e) => {
+  }, onKeyDown: (e) => G(e, !1), onContextMenu: (e) => {
     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) => {
     k(!0, !1);
-  }, touchRippleRef: $, 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: 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(J, { 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(Q, { 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) => {
+  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(Y, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { ref: u, className: "input", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1) }, value: i.replaceText ?? "", onChange: (e) => {
     r((n) => {
       const s = { ...n };
       return s.replaceText = e.target.value, s;
     });
-  }, onKeyDown: (e) => J(e, !0), onContextMenu: (e) => {
+  }, onKeyDown: (e) => G(e, !0), onContextMenu: (e) => {
     e.stopPropagation();
   } }), t.jsx(g, { onSelectToggle: (e) => {
     k(!0, !0);
-  }, touchRippleRef: z, label: "Replace", shortcut: { key: "Enter" }, icon: m(t.jsx(me, {})), disabled: !i.findText }), t.jsx(g, { onSelectToggle: (e) => {
+  }, touchRippleRef: $, label: "Replace", shortcut: { key: "Enter" }, icon: m(t.jsx(me, {})), disabled: !i.findText }), t.jsx(g, { onSelectToggle: (e) => {
     k(!0, !0, !0);
-  }, touchRippleRef: B, 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: () => {
+  }, touchRippleRef: z, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(J, { 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(P, { 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: X >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [t.jsx(P, { label: "Within", value: i.scope, options: Z, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.scope = e, s;

package/cdn/assets/{Dv-xEX_EZuzOYEd2.js → CFgzitbhMHn8-gR7.js}

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