@sheetxl/studio-vanilla 0.6.10 → 0.6.11

package/{browser/esm/DqP3p1zoTat8yx6H.mjs → cdn/assets/D6KyT1Esxw1TEgUu.js}

@@ -1,6 +1,6 @@
-import { r as ee } from "./DgDPGHEVBu1azYMt.mjs";
+import { r as ee } from "./CC_ssLj3EZenV9ci.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
+ * @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.

package/{browser/esm/DQfVUksWRbUp8Fig.mjs → cdn/assets/DJVSp6k73bUNcSEM.js}

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

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

@@ -1,17 +1,17 @@
-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";
+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";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
+ * @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.
  */
-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) => {
+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) => {
     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);
+    e.keyCode === H.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 q = ["Ok", "Cancel"], U = s.memo((F) => {
     } catch {
     }
     return o ?? !0;
-  }, [d]), [k, T] = s.useState(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
+  }, [d]), [T, k] = s.useState(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
   s.useEffect(() => {
-    T(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
+    k(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
   }, [a]);
-  const B = s.useMemo(() => {
-    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));
+  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));
     return i.push(o(n.Type.Custom)), i;
-  }, []), z = s.useCallback((e) => {
+  }, []), B = s.useCallback((e) => {
     const o = e.target.value;
-    T(o);
+    k(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 } });
-  }, [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) => {
+  }, [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) => {
     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();