@sheetxl/studio-vanilla 0.6.11 → 0.6.12

package/{browser/esm/BWVfVWPfko24QQTK.mjs → cdn/assets/Gg-pPE_6Nsgkhl6j.js}

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

package/cdn/assets/{L1HZTkI2V44CIIqF.js → KpqL_5GK5wD7HGlW.js}

@@ -1,14 +1,14 @@
-import { a as i } from "./rS6lMMOdCvbDI366.js";
-import { r as n } from "./CC_ssLj3EZenV9ci.js";
-import { T as e, p as q, l as z, h as E, q as K, x as R, r as O, aF as W, s as y } from "./D556jZ6f2NRUvUyF.js";
+import { a as i } from "./DQzcbKOoBbOJ0J0a.js";
+import { r as n } from "./DIey2xEJmI7O0YnZ.js";
+import { T as e, h as z, k as E, e as K, o as R, t as W, p as O, aF as q, s as y } from "./BaNoD-xiJQh3ZPmb.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.11
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (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: v, options: d = A, autoFocusSel: C = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...b } = w, [j, k] = n.useState(!1), [a, V] = n.useState(F), [D, B] = 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), [D, B] = n.useState(""), [H, L] = n.useState(!0), s = e(async (t, o) => {
     if (!p) return !0;
     const h = await p?.(t, o);
     B(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 === q.Enter && await s?.(a, null);
+    t.keyCode === z.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(z, { options: d, onDone: u, onOption: (t, o) => {
+  return i.jsx(E, { options: d, onDone: u, onOption: (t, o) => {
     o || f(t);
-  }, onValidateOption: $, cancelOption: g, defaultOption: m, autoFocusSel: C, ref: T, ...b, 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) => {
-    j || t.target?.select(), k(!0);
-  }, type: S, label: P, helperText: D || " ", sx: { width: "100%", "& .MuiFormHelperText-root": { marginTop: (t) => t.spacing(0.5), color: H ? void 0 : "error.main" } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { placeholder: v, 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) => {
+  }, onValidateOption: $, cancelOption: g, defaultOption: m, autoFocusSel: v, ref: T, ...C, 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) => {
+    b || t.target?.select(), j(!0);
+  }, type: S, label: P, helperText: D || " ", 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: 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) => {
     t.stopPropagation();
   } }) }) }) });
 }));

package/cdn/assets/{BKB3NbD6Z1Zx00fn.js → Npd571NhpOOtNve2.js}

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

package/cdn/assets/{DaB2B7Zar-aUVirp.js → OOEShXRM0SSzABgT.js}

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

package/cdn/assets/{B5ggAX8if47B8zgf.js → OnAC-8n9ixY--d3D.js}

@@ -1,13 +1,13 @@
-import { a as t } from "./rS6lMMOdCvbDI366.js";
-import { r as o } from "./CC_ssLj3EZenV9ci.js";
-import { D as E, R as p, w as b, T as V, p as le, G as ae, K as re, L as ce, h as O, N as g, O as m, P as pe, Q as j, U as de, x as Y, r as R, V as ue, W as fe, Y as xe, _ as ge, s as T, a0 as _, a1 as me, a2 as he, a3 as Oe, A as je, q as Ce, I as ye, S as be } from "./D556jZ6f2NRUvUyF.js";
+import { a as t } from "./DQzcbKOoBbOJ0J0a.js";
+import { r as o } from "./DIey2xEJmI7O0YnZ.js";
+import { y as E, z as p, w as b, T as V, h as le, D as ae, G as re, H as ce, e as O, J as g, K as m, L as pe, O as j, P as de, t as q, p as R, Q 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, x as je, o as Ce, I as ye, S as be } from "./BaNoD-xiJQh3ZPmb.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.11
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (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));
@@ -16,7 +16,7 @@ const Re = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7
     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 })] });
-}), J = { Workbook: "workbook", Sheet: "sheet" }, Z = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
+}), Z = { Workbook: "workbook", Sheet: "sheet" }, _ = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
 delete te.Values;
 const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
   const c = Object.keys(h);
@@ -25,23 +25,23 @@ 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), B = o.useRef(null), H = o.useRef(null), $ = o.useRef(null), z = (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, P] = o.useState(h), [N, A] = 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: J.Sheet }), k = V(async (e, n, s, S) => {
+  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, P] = o.useState(h), [N, K] = o.useState(!1), [U, G] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: 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;
     const oe = await y({ autoFocus: S, ...x });
-    A(oe === 0);
+    K(oe === 0);
   }, [i, y]);
   o.useEffect(() => {
-    A(!1);
+    K(!1);
   }, [i, D, f]);
-  const q = V((e, n) => {
+  const J = 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), z(e, S ? $.current : H.current)) : z(e, s ? B.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]), Q = o.useRef(null);
   o.useLayoutEffect(() => {
@@ -60,7 +60,7 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
   }, [W, i]);
   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: () => G(!0), onBlur: () => {
-    G(!1), A(!1);
+    G(!1), K(!1);
   }, PaperProps: { elevation: U ? 3 : 1 }, ...L, children: t.jsxs(ce, { dividers: !0, ref: ie, sx: { display: "flex", flexDirection: "column", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, onKeyDown: (e) => {
     if (e.key === "h" && e.ctrlKey) P(!0), 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) => {
     P(e);
-  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(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) => {
+  }, 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: 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,38 +104,38 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
       const s = { ...n };
       return s.findText = e.target.value, s;
     });
-  }, onKeyDown: (e) => q(e, !1), onContextMenu: (e) => {
+  }, onKeyDown: (e) => J(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) => {
+  }, 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: B, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(ve, {}) : t.jsx(Te, {})), disabled: !i.findText })] }), t.jsx(_, { in: f, timeout: Z, 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(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) => {
+  }, 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) => {
     r((n) => {
       const s = { ...n };
       return s.replaceText = e.target.value, s;
     });
-  }, onKeyDown: (e) => q(e, !0), onContextMenu: (e) => {
+  }, onKeyDown: (e) => J(e, !0), onContextMenu: (e) => {
     e.stopPropagation();
   } }), t.jsx(g, { onSelectToggle: (e) => {
     k(!0, !0);
-  }, touchRippleRef: H, 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: $, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(_, { in: D, timeout: Z, onExit: () => {
+  }, 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: X >= 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: J, 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(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;
@@ -144,6 +144,6 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
 });
 export {
   Ie as FindReplaceWindow,
-  J as ScopeOptions,
+  Z as ScopeOptions,
   Ie as default
 };

package/cdn/assets/{Ds6-ZtMzNBnapRPR.js → XJNikNOEymEAtfjl.js}

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

package/{browser/esm/Ckz0-uTyB9pPnWVd.mjs → cdn/assets/ZR2RN4BOEE96xkBY.js}

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

package/cdn/assets/{DNwggyYaFafLdQV0.js → ZeZqdFUNRHKncGhU.js}

@@ -1,17 +1,17 @@
-import { a as t } from "./rS6lMMOdCvbDI366.js";
-import { r as s } from "./CC_ssLj3EZenV9ci.js";
-import { T as p, p as H, H as n, l as L, h as j, q as O, I as R, S as W, r as c, s as u, x as q, y as S, A } from "./D556jZ6f2NRUvUyF.js";
+import { a as t } from "./DQzcbKOoBbOJ0J0a.js";
+import { r as s } from "./DIey2xEJmI7O0YnZ.js";
+import { T as p, h as L, l as n, k as R, e as j, o as O, I as W, S as G, p as c, s as u, t as H, v as S, x as K } from "./BaNoD-xiJQh3ZPmb.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.11
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (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 = s.memo((F) => {
-  const { initialValue: w, context: f, onOption: h, onValidateOption: d, onInputOption: C, onDone: m, options: b = G, defaultOption: r = b?.[0], cancelOption: g = "Cancel", sx: P, ...D } = F, [a, v] = s.useState(w), [I, $] = s.useState(!1), x = s.useCallback(async (e, o) => !0, []), y = p(async (e) => {
+const q = ["Ok", "Cancel"], U = s.memo((F) => {
+  const { initialValue: w, context: f, onOption: h, onValidateOption: d, onInputOption: C, onDone: m, options: b = q, defaultOption: r = b?.[0], cancelOption: g = "Cancel", sx: P, ...D } = F, [a, v] = s.useState(w), [I, $] = s.useState(!1), x = s.useCallback(async (e, o) => !0, []), y = p(async (e) => {
     C?.(a, e), h?.(e, e === g, e === r), m?.();
   }, [a, C, m, h, g, r]), M = p(async (e) => {
-    e.keyCode === H.Enter && await x?.(a, null) !== !1 && y(r);
+    e.keyCode === L.Enter && await x?.(a, null) !== !1 && y(r);
   }, [a, y]), N = p((e) => {
     v(e.target.value), x?.(e.target.value, null);
   }, [d]), V = p(async (e) => {
@@ -21,23 +21,23 @@ const G = ["Ok", "Cancel"], U = s.memo((F) => {
     } catch {
     }
     return o ?? !0;
-  }, [d]), [T, k] = s.useState(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
+  }, [d]), [k, T] = s.useState(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
   s.useEffect(() => {
-    k(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
+    T(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
   }, [a]);
   const z = s.useMemo(() => {
-    const e = n.Styles.lookupPrimary(), o = (l) => t.jsx(A, { value: l, children: l }, l), i = Object.keys(e).map((l) => o(e[l].formatType));
+    const e = n.Styles.lookupPrimary(), o = (l) => t.jsx(K, { value: l, children: l }, l), i = Object.keys(e).map((l) => o(e[l].formatType));
     return i.push(o(n.Type.Custom)), i;
   }, []), B = s.useCallback((e) => {
     const o = e.target.value;
-    k(o);
+    T(o);
     const i = n.Styles.lookupDefault(o);
     i && v(i);
   }, []), E = s.useMemo(() => {
     const e = f();
     return e.createTemporaryCell({ value: e.getValue() ?? 12345, style: { numberFormat: a } });
-  }, [T, a, f]);
-  return t.jsx(L, { title: "Number Format", options: b, onDone: m, onOption: (e) => y(e), onValidateOption: V, defaultOption: r, cancelOption: g, autoFocusSel: ".autoFocus", sx: { width: "580px", ...P }, ...D, children: t.jsxs(j, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [t.jsxs(O, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(R, { children: "Category" }), t.jsx(W, { value: T, label: "Category", onChange: B, sx: { backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` }, children: z })] }), t.jsx(O, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t.jsx(q, { label: "Code", onFocus: (e) => {
+  }, [k, a, f]);
+  return t.jsx(R, { title: "Number Format", options: b, onDone: m, onOption: (e) => y(e), onValidateOption: V, defaultOption: r, cancelOption: g, autoFocusSel: ".autoFocus", sx: { width: "580px", ...P }, ...D, children: t.jsxs(j, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [t.jsxs(O, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(W, { children: "Category" }), t.jsx(G, { value: k, label: "Category", onChange: B, sx: { backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` }, children: z })] }), t.jsx(O, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t.jsx(H, { label: "Code", onFocus: (e) => {
     I || e.target?.select(), $(!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(${c("#fff", u(5))}, ${c("#fff", u(5))})` } } }, value: a, onChange: N, onKeyDown: M, onContextMenu: (e) => {
     e.stopPropagation();

package/cdn/assets/{CZ8wwk5mEEEIq0FP.js → aYMVmCGUoMrWBWdJ.js}

@@ -1,7 +1,7 @@
-import { g as f } from "./BA84bb8x6bfiOlla.js";
-import { r as s } from "./DaB2B7Zar-aUVirp.js";
+import { g as f } from "./Dq3Hgc9Lmm-1ayqr.js";
+import { r as s } from "./OOEShXRM0SSzABgT.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.11
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{4_eVc_NHveHr_iYh.js → fJPZ_Jd-HQOXASB4.js}

@@ -1,14 +1,14 @@
-import { a } from "./rS6lMMOdCvbDI366.js";
-import { r as o } from "./CC_ssLj3EZenV9ci.js";
-import { a4 as z, G as O, a5 as E, a6 as M, T as h, K as A, L as W, h as n, a7 as G, a8 as K, a3 as u, a9 as V, aa as k, ab as f, O as y, ac as b, ad as j } from "./D556jZ6f2NRUvUyF.js";
+import { a } from "./DQzcbKOoBbOJ0J0a.js";
+import { r as o } from "./DIey2xEJmI7O0YnZ.js";
+import { a4 as L, D as O, a5 as E, a6 as M, T as u, G as A, H as W, e as n, a7 as G, a8 as K, a3 as h, a9 as V, aa as k, ab as f, K as y, ac as b, ad as j } from "./BaNoD-xiJQh3ZPmb.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.11
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (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 = z, command: r, commands: c, ...T } = w, [v, d] = o.useState(!1), [g, m] = o.useState(!1), x = o.useRef(null), [q, D] = o.useReducer((e) => e + 1, 0), [F, { width: J }] = 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), [q, D] = o.useReducer((e) => e + 1, 0), [F, { width: J }] = O();
   E(r);
   const s = R ?? r.context(), t = s.table(), [H, B] = o.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), I = o.useMemo(() => t?.getName() ?? "", [t]);
   M(s.table(), { onAnchorCoordsChange(e) {
@@ -16,9 +16,9 @@ const Y = o.memo((w) => {
   }, onProtectedChange(e) {
     D();
   } });
-  const P = h((e) => {
+  const P = u((e) => {
     s?.table().setName(e);
-  }, [s]), L = h((e) => {
+  }, [s]), z = u((e) => {
     s?.table().resize(e.at(0));
   }, [s]);
   let p = null;
@@ -28,9 +28,9 @@ const Y = o.memo((w) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || s?.getNames().validateName(e);
   }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     g || e.target?.select(), m(!0);
-  } }), a.jsx(K, { formName: "range", value: H, onChangeInput: L, resolvedAddress: s.getNames().getRanges.bind(s.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+  } }), a.jsx(K, { formName: "range", value: H, onChangeInput: z, resolvedAddress: s.getNames().getRanges.bind(s.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     g || e.target?.select(), m(!0);
-  } })] }) }) }), a.jsxs(n, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [a.jsx(u, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a.jsx(V, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
+  } })] }) }) }), a.jsxs(n, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [a.jsx(h, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a.jsx(V, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
     t.updateStyleOptions(e);
   }, showHeaderRow: t?.getShowHeaders(), onShowHeaderRowChange: (e) => {
     try {
@@ -50,7 +50,7 @@ const Y = o.memo((w) => {
     } catch (i) {
       l.showError(i);
     }
-  } }), a.jsx(n, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a.jsx(k, { table: t, styles: s.styles(), bodyStyle: s.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a.jsx(u, { orientation: "horizontal" }), a.jsxs(n, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a.jsx(f, { variant: b.Menuitem, command: c.getCommand("convertTableToRange"), commandState: t, icon: y(a.jsx(j, {})) }), a.jsx(f, { variant: b.Menuitem, commandState: t, command: c.getCommand("deleteTable"), icon: y(a.jsx(j, {})) })] })] })] }), p] }) });
+  } }), a.jsx(n, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a.jsx(k, { table: t, styles: s.styles(), bodyStyle: s.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a.jsx(h, { orientation: "horizontal" }), a.jsxs(n, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a.jsx(f, { variant: b.Menuitem, command: c.getCommand("convertTableToRange"), commandState: t, icon: y(a.jsx(j, {})) }), a.jsx(f, { variant: b.Menuitem, commandState: t, command: c.getCommand("deleteTable"), icon: y(a.jsx(j, {})) })] })] })] }), p] }) });
 });
 export {
   Y as TableDetailsWindow,

package/cdn/assets/{BrEA-Ll98LSBU5pb.js → pVzsXwLrd5e4m33L.js}

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

package/cdn/assets/{B3lbG_j1N1BUm4A1.js → qxg4jdD-zZv0PRCg.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.11
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (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.6.11
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (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/CDl3cGYRe3FVTAa0.js"), s = await o(typeof e == "object" ? e?.dependencies : void 0);
+  const { resolveDependencies: o } = await import("./assets/Cv8DhxU4CydNjgYf.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.6.11
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (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.6.11",
+  "version": "0.6.12",
   "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.6.11",
-    "@sheetxl/sdk": "^0.6.11",
+    "@sheetxl/studio-mui": "^0.6.12",
+    "@sheetxl/sdk": "^0.6.12",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "csstype": "^3.1.3",

package/browser/cjs/BWTZzkrzhBVcZcVO.cjs

@@ -1,6 +0,0 @@
-"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.11
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./BykeMXuqQ1Tsu8VV.cjs"),l=({range:a,options:s,cell:c,onDone:r,...x})=>{const[n,t]=e.reactExports.useState(s??e.io$1.DefaultRangeOptions),d=e.T(o=>{let i=null;o==="Sort"&&(i={...s,options:n}),r?.(i)},[n,r,s]);return e.jsxRuntimeExports.jsx(e.k3,{title:"Sort",options:["Sort","Cancel"],onDone:d,...x,children:e.jsxRuntimeExports.jsxs(e.Box,{sx:{display:"flex",flexDirection:"column"},children:[e.jsxRuntimeExports.jsx(e.FormControlLabel,{control:e.jsxRuntimeExports.jsx(e.Checkbox,{checked:!n.reverse,onChange:()=>t(o=>({...o,reverse:!o.reverse}))}),label:"Is Ascending",labelPlacement:"end"}),e.jsxRuntimeExports.jsx(e.FormControlLabel,{control:e.jsxRuntimeExports.jsx(e.Checkbox,{checked:n.hasHeader,onChange:()=>t(o=>({...o,hasHeader:!o.hasHeader}))}),label:"Has Header",labelPlacement:"end"}),e.jsxRuntimeExports.jsx(e.FormControlLabel,{control:e.jsxRuntimeExports.jsx(e.Checkbox,{checked:n.collatorOptions?.sensitivity===e.io$1.CaseSensitiveOptions.sensitivity,onChange:()=>t(o=>({...o,collatorOptions:n.collatorOptions?.sensitivity===e.io$1.CaseSensitiveOptions.sensitivity?e.io$1.CaseInsensitiveOptions:e.io$1.CaseSensitiveOptions}))}),label:"Case Sensitive",labelPlacement:"end"}),e.jsxRuntimeExports.jsx(e.FormControlLabel,{control:e.jsxRuntimeExports.jsx(e.Checkbox,{checked:n.orientation===e.w.Orientation.Row,onChange:()=>t(o=>{const i=o.orientation===e.w.Orientation.Row?e.w.Orientation.Column:e.w.Orientation.Row;return{...a.getDefaultSortCriteria(i,c).options,includeHidden:o.includeHidden,reverse:o.reverse,orientation:i}})}),label:"Row Sort",labelPlacement:"end"}),e.jsxRuntimeExports.jsx(e.FormControlLabel,{control:e.jsxRuntimeExports.jsx(e.Checkbox,{checked:n.includeHidden,onChange:()=>t(o=>({...o,includeHidden:!o.includeHidden}))}),label:"Include Hidden",labelPlacement:"end"})]})})};exports.SortDialog=l,exports.default=l;