@sheetxl/studio-vanilla 0.6.2 → 0.6.4

package/cdn/assets/{ChbnxCW9op1TE_R6.js → Dp_LPFvPc1MIziNH.js}

@@ -1,8 +1,8 @@
-import { a as L } from "./CYKEeFgyNQJZQyO1.js";
-import { ae as $t, af as qt, ag as Kt, ah as ht, ai as Xt, aj as Y, ak as Yt, al as Jt, am as Zt, an as Qt, r as X, E as eo, G as to, o as ft, Y as oo, B as ce, t as no, V as ro, ao as io, ap as lo, s as de, F as so, l as ao, x as co, aq as me, ar as uo, as as ho, at as N, au as U, av as fo } from "./DssGubz349nrgVK2.js";
-import { r as C, m as pt } from "./KEAmJmJsaZkdtjCl.js";
+import { a as L } from "./ESo6qTbjf45cfiLm.js";
+import { ae as $t, af as qt, ag as Kt, ah as ht, ai as Xt, aj as Y, ak as Yt, al as Jt, am as Zt, an as Qt, t as X, H as eo, L as to, p as ft, Y as oo, B as ce, x as no, W as ro, ao as io, ap as lo, v as de, l as so, o as ao, y as co, aq as me, ar as uo, as as ho, at as N, au as U, av as fo } from "./Dm24M4tfHrPDHOCg.js";
+import { r as C, m as pt } from "./BjUnH-Jak3KkxyMS.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.4
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -2052,7 +2052,7 @@ function Do(o) {
     return _;
   }, [n, e]), [s, c] = C.useState(null);
   C.useEffect(() => {
-    import("./D_OnPfW8CWa7lkfk.js").then((u) => {
+    import("./euIZeWiUlDt0TCHt.js").then((u) => {
       c(new u.default(a, { threshold: 0, ignoreLocation: !0, keys: ["label", "description"] }));
     });
   }, [a]);

package/cdn/assets/{DxXkMtC8qOgOTfUD.js → DrkxURYJO1rFt6Di.js}

@@ -1,6 +1,6 @@
-import { Y as le, M as S } from "./DssGubz349nrgVK2.js";
+import { Y as le, M as S } from "./Dm24M4tfHrPDHOCg.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.4
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -22,7 +22,7 @@ let R = null;
 async function me() {
   if (R) return R;
   try {
-    return await (await import("./BoalU0ca3sLtNj86.js")).initialize();
+    return await (await import("./CQaO6ZEvkHw2gfXL.js")).initialize();
   } catch (b) {
     throw R = null, b;
   } finally {
@@ -216,7 +216,7 @@ interface Promise<T> {
             c = t, l = s;
           });
           try {
-            const { initialize: t } = await import("./CxkcN5bbrQbP4sDl.js");
+            const { initialize: t } = await import("./BM0APYFIQHTGxxYF.js");
             return v = await t(), c(), v;
           } catch (t) {
             throw console.error("Failed to import or initialize esbuild:", t), M = null, l(t), t;

package/cdn/assets/{DLAVpyl2ff62sXEe.js → DsfC0KVaFX14vAIv.js}

@@ -1,19 +1,19 @@
-import { a as t } from "./CYKEeFgyNQJZQyO1.js";
-import { r as s } from "./KEAmJmJsaZkdtjCl.js";
-import { k as p, o as L, D as n, S as R, B as j, p as O, I as W, q, r as c, s as u, t as G, x as S, y as H } from "./DssGubz349nrgVK2.js";
+import { a as t } from "./ESo6qTbjf45cfiLm.js";
+import { r as s } from "./BjUnH-Jak3KkxyMS.js";
+import { T as p, p as L, N as n, S as R, B as j, q as O, I as W, s as q, t as c, v as u, x as G, y as S, z as H } from "./Dm24M4tfHrPDHOCg.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.4
  *
  * (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: l = 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) => {
-    C?.(a, e), h?.(e, e === g, e === l), m?.();
-  }, [a, C, m, h, g, l]), M = p(async (e) => {
-    e.keyCode === L.Enter && await x?.(a, null) !== !1 && y(l);
-  }, [a, y]), N = p((e) => {
-    k(e.target.value), x?.(e.target.value, null);
+  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, 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]), N = p(async (e) => {
+    e.keyCode === L.Enter && await x?.(a, null) !== !1 && y(r);
+  }, [a, y]), M = p((e) => {
+    v(e.target.value), x?.(e.target.value, null);
   }, [d]), V = p(async (e) => {
     let o = await Promise.resolve(d?.(e));
     try {
@@ -21,25 +21,25 @@ 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]), [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 = (r) => t.jsx(H, { value: r, children: r }, r), i = Object.keys(e).map((r) => o(e[r].formatType));
+  const z = 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));
     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 && 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: l, 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) => {
+  }, [T, 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: 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(G, { 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) => {
+  }, 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: M, onKeyDown: N, onContextMenu: (e) => {
     e.stopPropagation();
   } }) }), t.jsxs(j, { children: [t.jsx(S, { variant: "caption", component: "div", sx: { paddingLeft: (e) => e.spacing(2) }, children: "Preview" }), t.jsx(S, { variant: "body2", component: "div", sx: { borderRadius: (e) => `${e.shape.borderRadius}px`, padding: (e) => e.spacing(1), border: (e) => `1px solid ${e.palette.grey[400]}` }, children: E.getNumberFormat().displayText || "(empty)" })] })] }) });
 });

package/{browser/esm/fMopqw5lhLsGQIDL.mjs → cdn/assets/Dx0zoo9U_hFs7YxA.js}

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

package/cdn/assets/{CYKEeFgyNQJZQyO1.js → ESo6qTbjf45cfiLm.js}

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

package/cdn/assets/{BpoYc8uNlJIdcfJM.js → NNVwV-Jgrf4zhOot.js}

@@ -1,6 +1,6 @@
-import { Y as o } from "./DssGubz349nrgVK2.js";
+import { Y as o } from "./Dm24M4tfHrPDHOCg.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.4
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -11,7 +11,7 @@ const p = Object.freeze({ compileTypescript: async function(t) {
   if (n && o.deepEqual(n, t)) return i;
   const l = await async function() {
     if (e) return e;
-    const { TypeScriptCompiler: c } = await import("./yf-JwSDJrWcXRoIs.js");
+    const { TypeScriptCompiler: c } = await import("./C5HcNwtQCCCRFFOF.js");
     return e = new c(), e;
   }(), r = await l.compileModule(t);
   return i = r, n = t, r;

package/cdn/assets/{pP8HOgA7a1poVTXr.js → TguQ-N0Ymfvy3Jui.js}

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

package/cdn/assets/{BkMJU2EAYRp0XVwO.js → UXesOLOvLQd8UezZ.js}

@@ -1,36 +1,36 @@
-import { a as s } from "./CYKEeFgyNQJZQyO1.js";
-import { r as a } from "./KEAmJmJsaZkdtjCl.js";
-import { k as m, S as L, B as W, p as b, t as O, r as p, s as r } from "./DssGubz349nrgVK2.js";
+import { a as s } from "./ESo6qTbjf45cfiLm.js";
+import { r as n } from "./BjUnH-Jak3KkxyMS.js";
+import { T as m, S as L, B as W, q as b, x as O, t as p, v as r } from "./Dm24M4tfHrPDHOCg.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.4
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const z = ["Ok", "Cancel"], V = a.memo((P) => {
-  const { initialHyperlink: o = null, initialDisplay: D = null, onUpdateHyperlink: x, context: i, onOption: f, onValidateOption: d, onDone: u, options: h = z, defaultOption: c = h?.[0], cancelOption: l = "Cancel", sx: F, ...H } = P, I = a.useMemo(() => (o ?? i?.()?.getHyperlink()) !== null, []), k = a.useMemo(() => {
-    let e = null, n = null;
-    o && (typeof o == "string" ? n = o : e = o);
+const z = ["Ok", "Cancel"], V = n.memo((P) => {
+  const { initialHyperlink: o = null, initialDisplay: D = null, onUpdateHyperlink: x, context: i, onOption: f, onValidateOption: d, onDone: u, options: h = z, defaultOption: c = h?.[0], cancelOption: l = "Cancel", sx: v, ...F } = P, H = n.useMemo(() => (o ?? i?.()?.getHyperlink()) !== null, []), k = n.useMemo(() => {
+    let e = null, a = null;
+    o && (typeof o == "string" ? a = o : e = o);
     const C = e ?? i?.()?.getHyperlink();
-    return { address: n ?? C?.getAddress() ?? "", textToDisplay: C?.getDisplayText() ?? "" };
-  }, [o, i]), [t, j] = a.useState(k.address), [g, v] = a.useState(() => {
+    return { address: a ?? C?.getAddress() ?? "", textToDisplay: C?.getDisplayText() ?? "" };
+  }, [o, i]), [t, I] = n.useState(k.address), [g, j] = n.useState(() => {
     const e = i?.().toTextUnformatted() ?? D;
     return e === k.address ? "" : e;
-  }), [w, y] = a.useState(!1), M = a.useCallback((e) => {
-    v(e.target.value);
-  }, []), T = a.useCallback(async (e, n) => null, []), S = m(async (e) => {
+  }), [w, y] = n.useState(!1), M = n.useCallback((e) => {
+    j(e.target.value);
+  }, []), T = n.useCallback(async (e, a) => null, []), S = m(async (e) => {
     e !== l && x?.(t === "" ? null : { address: t }, g), f?.(e, e === l, e === c), u?.();
   }, [t, g, x, u, f, c, l]), B = m((e) => {
-    j(e.target.value), T(e.target.value, null);
+    I(e.target.value), T(e.target.value, null);
   }, [d]), $ = m(async (e) => {
-    let n = await Promise.resolve(d?.(e));
+    let a = await Promise.resolve(d?.(e));
     try {
-      n !== !1 && (n = await T(t, e));
+      a !== !1 && (a = await T(t, e));
     } catch {
     }
-    return n ?? !0;
+    return a ?? !0;
   }, [d]);
-  return s.jsx(L, { title: (I ? "Edit" : "Insert") + " Link", options: h, onDone: u, onOption: (e) => S(e), onValidateOption: $, defaultOption: c, cancelOption: l, autoFocusSel: ".autoFocus", sx: { width: "480px", ...F }, ...H, children: s.jsxs(W, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [s.jsx(b, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: s.jsx(O, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (e) => {
+  return s.jsx(L, { title: (H ? "Edit" : "Insert") + " Link", options: h, onDone: u, onOption: (e) => S(e), onValidateOption: $, defaultOption: c, cancelOption: l, autoFocusSel: ".autoFocus", sx: { width: "480px", ...v }, ...F, children: s.jsxs(W, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [s.jsx(b, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: s.jsx(O, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (e) => {
     w || e.target?.select(), y(!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(${p("#fff", r(5))}, ${p("#fff", r(5))})` } } }, value: t, onChange: B, onContextMenu: (e) => {
     e.stopPropagation();

package/cdn/assets/{Rt46uEndtDYMIr--.js → XcJJ_a5IJ1YgOul_.js}

@@ -1,36 +1,36 @@
-import { a } from "./CYKEeFgyNQJZQyO1.js";
-import { r as o } from "./KEAmJmJsaZkdtjCl.js";
-import { a4 as L, N as E, a5 as O, a6 as M, k as u, E as A, G as W, B as n, a7 as k, a8 as G, a3 as h, a9 as J, aa as V, ab as f, J as y, ac as b, ad as j } from "./DssGubz349nrgVK2.js";
+import { a } from "./ESo6qTbjf45cfiLm.js";
+import { r as o } from "./BjUnH-Jak3KkxyMS.js";
+import { a4 as z, G as O, a5 as E, a6 as M, T as u, H as A, L as W, B as n, a7 as G, a8 as V, a3 as h, a9 as k, aa as q, ab as f, O as y, ac as b, ad as j } from "./Dm24M4tfHrPDHOCg.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.4
  *
  * (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, ...v } = w, [T, d] = o.useState(!1), [g, m] = o.useState(!1), x = o.useRef(null), [q, D] = o.useReducer((e) => e + 1, 0), [F, { width: K }] = E();
-  O(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]);
+  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), [J, D] = o.useReducer((e) => e + 1, 0), [F, { width: K }] = 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) {
-    H(s.getNames().getRanges(e.getRange()));
+    B(s.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
     D();
   } });
   const P = u((e) => {
     s?.table().setName(e);
-  }, [s]), z = u((e) => {
+  }, [s]), L = u((e) => {
     s?.table().resize(e.at(0));
   }, [s]);
   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(A, { 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: T ? 3 : 1 }, ...v, 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) => {
+  }, 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) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || s?.getNames().validateName(e);
   }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     g || e.target?.select(), m(!0);
-  } }), a.jsx(G, { formName: "range", value: B, onChangeInput: z, resolvedAddress: s.getNames().getRanges.bind(s.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+  } }), a.jsx(V, { formName: "range", value: H, onChangeInput: L, 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(h, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a.jsx(J, { 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(k, { 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(V, { 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] }) });
+  } }), 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(q, { 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/{DURew7nXMIszC2PN.js → bzoFaTPsOkNM6b-q.js}

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

package/cdn/assets/{CGdRDAvFG3tOKemk.js → cEp9L01nLekgiF9x.js}

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

package/{browser/esm/D_OnPfW8CWa7lkfk.mjs → cdn/assets/euIZeWiUlDt0TCHt.js}

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

package/cdn/assets/{CALJhCkQiB5cpKOT.js → j4IyoNYp8IF40Q8T.js}

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

package/cdn/assets/{DTtLI_sp0bSozucP.js → k2OxnBkaD4yvARfd.js}

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

package/cdn/assets/{BtAmX0muLMn7EK51.js → q-BPyETPY3lfSoRm.js}

@@ -1,15 +1,15 @@
-import { a as l } from "./CYKEeFgyNQJZQyO1.js";
-import { r as s } from "./KEAmJmJsaZkdtjCl.js";
-import { k as u, S, B, p as M, t as E, r as h, s as C } from "./DssGubz349nrgVK2.js";
+import { a as l } from "./ESo6qTbjf45cfiLm.js";
+import { r as s } from "./BjUnH-Jak3KkxyMS.js";
+import { T as u, S, B, q as M, x as E, t as h, v as C } from "./Dm24M4tfHrPDHOCg.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.4
  *
  * (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: k = null, onUpdateComments: m, context: w, onOption: d, onValidateOption: p, onDone: c, options: g = V, defaultOption: r = g?.[0], cancelOption: i = "Cancel", sx: y, ...F } = O, f = s.useMemo(() => {
-    const t = k ?? w?.()?.getComments();
+const V = ["Ok", "Cancel"], G = s.memo((O) => {
+  const { initialComments: T = null, onUpdateComments: m, context: k, onOption: d, onValidateOption: p, onDone: c, options: g = V, defaultOption: r = g?.[0], cancelOption: i = "Cancel", sx: v, ...w } = O, f = s.useMemo(() => {
+    const t = T ?? k?.()?.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, P] = s.useState(f), [T, b] = s.useState(!1), x = s.useCallback(async (t, n) => null, []), j = u(async (t) => {
+  }, []), [e, y] = s.useState(f), [F, P] = s.useState(!1), x = s.useCallback(async (t, n) => null, []), b = u(async (t) => {
     const n = e === "" ? [] : e.split(`
 `);
     if (t !== i) {
@@ -28,8 +28,8 @@ const V = ["Ok", "Cancel"], H = s.memo((O) => {
       m?.({ content: { runs: a } });
     }
     d?.(t, t === i, t === r), c?.();
-  }, [e, m, c, d, r, i]), v = u((t) => {
-    P(t.target.value), x(t.target.value, null);
+  }, [e, m, c, d, r, i]), j = u((t) => {
+    y(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(S, { title: (f ? "Edit" : "Insert") + " Comments", options: g, onDone: c, onOption: (t) => j(t), onValidateOption: D, defaultOption: r, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...y }, ...F, children: l.jsx(B, { sx: { paddingTop: (t) => t.spacing(1), paddingBottom: (t) => t.spacing(0), rowGap: (t) => t.spacing(1), display: "flex", flexDirection: "column" }, children: l.jsx(M, { 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) => {
-    T || 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) => {
+  return l.jsx(S, { title: (f ? "Edit" : "Insert") + " Comments", options: g, onDone: c, onOption: (t) => b(t), onValidateOption: D, defaultOption: r, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...v }, ...w, children: l.jsx(B, { sx: { paddingTop: (t) => t.spacing(1), paddingBottom: (t) => t.spacing(0), rowGap: (t) => t.spacing(1), display: "flex", flexDirection: "column" }, children: l.jsx(M, { 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) => {
+    F || t.target?.select(), P(!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: j, onContextMenu: (t) => {
     t.stopPropagation();
   } }) }) }) });
 });
 export {
-  H as CommentsDialog,
-  H as default
+  G as CommentsDialog,
+  G as default
 };

package/cdn/assets/{Clmdp4AxvcKFZuGj.js → sIFC0Mpxbo4p3KuX.js}

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

package/cdn/assets/{D6zjoQjN7o39znIV.js → tzAtsVRq8fh0AQOk.js}

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

package/browser/cjs/BvXbrK0xo-zLA6Jz.cjs

@@ -1,12 +0,0 @@
-"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.2
- *
- * (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 J=require("./8H55Pwd9gKNy7eP9.cjs");exports.fromBufferJSON=async(w,l)=>{let u=w;(function(t){if(t.byteLength<4)return!1;const i=new Uint8Array(t),r={gzip:[31,139],zip:[80,75,3,4],bz2:[66,90,104],br:[206,178,207,129]},n=Object.keys(r);for(let f=0;f<n.length;f++){const o=n[f],e=r[o];let a=!0;for(let s=0;s<e.length;s++)if(i[s]!==e[s]){a=!1;break}if(a)return o}return!1})(u)&&(u=await async function(t,i="gzip"){let r;typeof SharedArrayBuffer<"u"&&t instanceof SharedArrayBuffer?(r=new ArrayBuffer(t.byteLength),new Uint8Array(r).set(new Uint8Array(t))):r=t;const n=new Blob([r]).stream(),f=new DecompressionStream(i),o=n.pipeThrough(f);return(await new Response(o).blob()).arrayBuffer()}(u));let b=new TextDecoder().decode(u);const g=JSON.parse(b),p={...l?.createWorkbookOptions??{},json:g};return new J.sy(p)},exports.toBufferJSON=async(w,l)=>{const u=await w.toJSON(),b=l?.whiteSpace??0;let g;l?.beforeWrite?.(w,u),g=b===0?JSON.stringify(u):function(i,r=2){const n=[];function f(o){const e=r*o;return n[e]===void 0&&(n[e]=" ".repeat(e)),n[e]}return function o(e,a,s,m){if(e==null||typeof e!="object")return JSON.stringify(e);const A=f(a),O=f(a+1);if(Array.isArray(e)){const c=e.length;if(c===0)return"[]";if(s!==0)return JSON.stringify(e);let y=`[
-`;for(let h=0;h<c;h++)y+=O+o(e[h],a+1,s+1,!0),h<c-1&&(y+=`,
-`);return y+=`
-`+A+"]",y}const B=Object.keys(e),d=B.length;if(d===0)return"{}";if(!(s<2))return JSON.stringify(e);let S=`{
-`;m||(s=0);for(let c=0;c<d;c++){const y=B[c];S+=O+JSON.stringify(y)+": "+o(e[y],a+1,s,!1),c<d-1&&(S+=`,
-`)}return S+=`
-`+A+"}",S}(i,0,0,!1)}(u,b);let p=new TextEncoder().encode(g).buffer;const t=l?.compress??!0;return t&&(p=await async function(i,r="gzip"){let n;typeof SharedArrayBuffer<"u"&&i instanceof SharedArrayBuffer?(n=new ArrayBuffer(i.byteLength),new Uint8Array(n).set(new Uint8Array(i))):n=i;const f=new ReadableStream({start(a){a.enqueue(n),a.close()}}),o=new CompressionStream(r),e=f.pipeThrough(o);return(await new Response(e).blob()).arrayBuffer()}(p,typeof t=="string"?t:void 0)),p};