@sheetxl/studio-vanilla 0.6.8 → 0.6.10

package/cdn/assets/{CLLBiXnZaFLK9qAJ.js → BF6WdLb53619fhmh.js}

@@ -1,8 +1,8 @@
-import { a as t } from "./B969C0F_SSsr8Zc5.js";
-import { r as o } from "./B2yfFuEr6giDTnKh.js";
-import { t as E, v as p, w as b, T as V, g as le, x as ae, y as re, D as ce, B as O, G as g, H as m, L as pe, P as j, Q as de, p as J, l as R, R as ue, V as fe, U as xe, $ as ge, o as v, a0 as Y, a1 as me, a2 as he, a3 as Oe, s as je, h as Ce, I as ye, S as be } from "./CpV4Dryu4t4_XGaX.js";
+import { a as t } from "./BtkpXjQdEfwMz_hD.js";
+import { r as o } from "./ByVyOc_Wfxoli0qz.js";
+import { z as E, N as p, w as b, f as V, l as le, A as ae, D as re, G as ce, B as O, J as g, K as m, L as pe, O as j, P as de, v as q, s as R, R as ue, V as fe, Y as xe, $ as ge, t as v, a0 as Q, a1 as me, a2 as he, a3 as Oe, y as je, p as Ce, I as ye, S as be } from "./zNBEI-gsChScg_XZ.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -25,9 +25,9 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
     if (h[d] === T) return d;
   }
 }, Ie = o.memo((T) => {
-  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: F, onHide: I, onFindOrReplace: y, ...L } = T, 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) => {
+  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: F, onHide: I, onFindOrReplace: y, ...L } = T, a = o.useRef(null), u = o.useRef(null), B = o.useRef(null), M = o.useRef(null), $ = o.useRef(null), z = o.useRef(null), H = (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: Z.Sheet }), k = V(async (e, n, s, S) => {
+  }, [N, w] = o.useState(!1), [D, se] = o.useState(!1), [f, P] = o.useState(h), [W, A] = o.useState(!1), [G, U] = 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 = (T, h) => {
   o.useEffect(() => {
     A(!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), B(e, S ? z.current : $.current)) : B(e, s ? M.current : H.current), k(s, n, S, !1);
+      e.shiftKey && (s = !1), n ? (e.ctrlKey && e.altKey && (S = !0), H(e, S ? z.current : $.current)) : H(e, s ? M.current : B.current), k(s, n, S, !1);
     }
   }, [i]), X = o.useRef(null);
   o.useLayoutEffect(() => {
@@ -50,18 +50,18 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
       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 && P(s), n;
-    }), U || X.current?.focus();
+    }), G || X.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]);
-  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), A(!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) => {
+  }, [N, i]);
+  const [ie, { width: Y }] = ae();
+  return t.jsx(re, { ref: X, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => U(!0), onBlur: () => {
+    U(!1), A(!1);
+  }, PaperProps: { elevation: G ? 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();
     else if (e.key === "c" && e.altKey) r((n) => {
@@ -84,7 +84,7 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, 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(J, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: q > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", v(5))}, ${R("#fff", v(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: Y > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", v(5))}, ${R("#fff", v(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;
@@ -99,33 +99,33 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, 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;
     });
-  }, 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: 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) => {
+  }, touchRippleRef: B, 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: M, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(Te, {}) : t.jsx(ve, {})), 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(Te, {}) : t.jsx(ve, {})), disabled: !i.findText })] }), t.jsx(Q, { 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(J, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${R("#fff", v(5))}, ${R("#fff", v(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", v(5))}, ${R("#fff", v(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: $, label: "Replace", shortcut: { key: "Enter" }, icon: m(t.jsx(me, {})), disabled: !i.findText }), t.jsx(g, { onSelectToggle: (e) => {
     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: () => {
+  }, touchRippleRef: z, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(Q, { 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: Y >= 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) => {
     r((n) => {
       const s = { ...n };
       return s.scope = e, s;

package/{browser/esm/DuaF3ylbXGFvZSIS.mjs → cdn/assets/BFBktyVeZfebaxMi.js}

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

package/cdn/assets/{DLPL0BN1jCagoeeF.js → BNuPA_oBg4srK1FJ.js}

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

package/cdn/assets/{COL1hzit7RTYn1H8.js → BP0eUPf033LQ95cu.js}

@@ -1,19 +1,19 @@
-import { a as t } from "./B969C0F_SSsr8Zc5.js";
-import { r as s } from "./B2yfFuEr6giDTnKh.js";
-import { T as p, g as L, O as n, k as R, B as j, h as O, I as W, S as q, l as c, o as u, p as G, q as S, s as H } from "./CpV4Dryu4t4_XGaX.js";
+import { a as t } from "./BtkpXjQdEfwMz_hD.js";
+import { r as s } from "./ByVyOc_Wfxoli0qz.js";
+import { f as p, l as L, o as n, k as R, B as j, p as O, I as W, S as G, s as c, t as u, v as H, x as S, y as K } from "./zNBEI-gsChScg_XZ.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const K = ["Ok", "Cancel"], U = s.memo((F) => {
-  const { initialValue: w, context: f, onOption: h, onValidateOption: d, onInputOption: C, onDone: m, options: b = K, defaultOption: r = b?.[0], cancelOption: g = "Cancel", sx: P, ...D } = F, [a, k] = 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 === L.Enter && await x?.(a, null) !== !1 && y(r);
   }, [a, y]), N = p((e) => {
-    k(e.target.value), x?.(e.target.value, null);
+    v(e.target.value), x?.(e.target.value, null);
   }, [d]), V = p(async (e) => {
     let o = await Promise.resolve(d?.(e));
     try {
@@ -21,23 +21,23 @@ const K = ["Ok", "Cancel"], U = s.memo((F) => {
     } catch {
     }
     return o ?? !0;
-  }, [d]), [v, T] = 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(() => {
     T(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
   }, [a]);
   const B = s.useMemo(() => {
-    const e = n.Styles.lookupPrimary(), o = (l) => t.jsx(H, { 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;
   }, []), z = s.useCallback((e) => {
     const o = e.target.value;
     T(o);
     const i = n.Styles.lookupDefault(o);
-    i && k(i);
+    i && v(i);
   }, []), E = s.useMemo(() => {
     const e = f();
     return e.createTemporaryCell({ value: e.getValue() ?? 12345, style: { numberFormat: a } });
-  }, [v, 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(q, { value: v, label: "Category", onChange: z, sx: { backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` }, children: B })] }), t.jsx(O, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t.jsx(G, { 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: z, sx: { backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` }, children: B })] }), 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/{browser/esm/D_MtO6kKW24xV-W0.mjs → cdn/assets/BRJdKpw4o5h67GVo.js}

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

package/cdn/assets/{fvfDZivW0cwsOaKE.js → BRqFILsvETmivBIb.js}

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

package/cdn/assets/{B_xb7j5m4CnNhL56.js → BT1adEkJILqze6B0.js}

@@ -1,14 +1,14 @@
-import { a as s } from "./B969C0F_SSsr8Zc5.js";
-import { r as n } from "./B2yfFuEr6giDTnKh.js";
-import { T as e, g as z, k as E, B as K, h as R, p as W, l as O, aF as q, o as y } from "./CpV4Dryu4t4_XGaX.js";
+import { a as i } from "./BtkpXjQdEfwMz_hD.js";
+import { r as n } from "./ByVyOc_Wfxoli0qz.js";
+import { f as e, l as z, k as E, B as K, p as R, v as W, s as O, aF as q, t as y } from "./zNBEI-gsChScg_XZ.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
  *
  * (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: 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), i = e(async (t, o) => {
+const A = ["Input"], U = n.memo(n.forwardRef((w, F) => {
+  const { initialValue: T = "", onOption: v, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: I, inputType: P, inputPlaceHolder: S, options: d = A, autoFocusSel: k = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...C } = w, [b, j] = n.useState(!1), [a, V] = n.useState(T), [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 ?? "");
@@ -16,23 +16,23 @@ const A = ["Input"], U = n.memo(n.forwardRef((w, T) => {
     return L(x), x;
   }, [p]), f = e(async (t) => {
     l?.(a, t);
-  }, [a, l, u, I, g, m]), M = e(async (t) => {
-    t.keyCode === z.Enter && await i?.(a, null);
+  }, [a, l, u, v, g, m]), M = e(async (t) => {
+    t.keyCode === z.Enter && await s?.(a, null);
   }, [a, f]), N = e((t) => {
-    V(t.target.value), i?.(t.target.value, null);
+    V(t.target.value), s?.(t.target.value, null);
   }, [r]), $ = e(async (t) => {
-    let o = await i(a, t);
+    let o = await s(a, t);
     try {
-      o !== !1 && (o = await i(a, t));
+      o !== !1 && (o = await s(a, t));
     } catch {
     }
     return o ?? !0;
   }, [a, r]);
-  return s.jsx(E, { 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: v, ref: T, ...C, children: s.jsx(K, { sx: { paddingTop: (t) => t.spacing(1), paddingBottom: (t) => t.spacing(0) }, children: s.jsx(R, { sx: { paddingTop: (t) => t.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: s.jsx(W, { onFocus: (t) => {
+  }, onValidateOption: $, cancelOption: g, defaultOption: m, autoFocusSel: k, ref: F, ...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: 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: 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) => {
+  }, type: P, label: I, 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: S, 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/{Cb00heGGHcib78wa.js → BTLj2ZXBhagf3e0O.js}

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

package/{browser/esm/BsmwLgpQeALH-w3s.mjs → cdn/assets/BV4eu5AbQ4QSvOtp.js}

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