@sheetxl/studio-vanilla 0.4.14 → 0.4.15

package/{browser/esm/DXIWAG-DUKHzNlRl.mjs → cdn/assets/DT0kcrmyi0GrASFM.js}

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

package/cdn/assets/{DBpku3D2DSTmW4II.js → DTlKjG3w2RgTejVm.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -809,7 +809,7 @@ const Vt = Object.freeze({ compileTypescript: async function(e) {
   if (q && $t.deepEqual(q, e)) return ht;
   const t = await async function() {
     if (M) return M;
-    const { TypeScriptCompiler: n } = await import("./0fI22OQK5IczUH6s.js");
+    const { TypeScriptCompiler: n } = await import("./CxPN10OK3cql47vK.js");
     return M = new n(), M;
   }(), r = await t.compileModule(e);
   return ht = r, q = e, r;

package/cdn/assets/{D9eVsUckA6bWBHni.js → DVAgkqy1aZdEMIzM.js}

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

package/cdn/assets/{DHPHhaCxihdR9Hl6.js → DmSh4h3LBSgZNzzF.js}

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

package/cdn/assets/DmTmS8Vw_AvNiuzU.js

@@ -0,0 +1,50 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as E, useMemo as M, useState as x, useCallback as j } from "react";
+import { ap as r, b as S, B as V, d as $, T as z, e as h, a6 as C } from "./DPpga_z_sz7WeoGk.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
+ *
+ * (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 = E((O) => {
+  const { initialComments: T = null, onUpdateComments: m, context: b, onOption: u, onValidateOption: l, onDone: p, options: d = G, defaultOption: c = d?.[0], cancelOption: s = "Cancel", sx: k, ...w } = O, g = M(() => {
+    const n = T ?? b?.()?.getComments();
+    let t = "";
+    if (n && n.content && n.content.runs) {
+      const a = n.content.runs;
+      for (let o = 0; o < a.length; o++) {
+        const B = a[o];
+        t += B?.text;
+      }
+    }
+    return t;
+  }, []), [e, y] = x(g), [F, P] = x(!1), f = j(async (n, t) => null, []), v = r(async (n) => {
+    const t = e === "" ? [] : e.split(`
+`);
+    if (n !== s) {
+      const a = [];
+      for (let o = 0; o < t.length; o++) a.push({ text: t[o] });
+      m?.({ content: { runs: a } });
+    }
+    u?.(n, n === s, n === c), p?.();
+  }, [e, m, p, u, c, s]), D = r((n) => {
+    y(n.target.value), f(n.target.value, null);
+  }, [l]), I = r(async (n) => {
+    let t = await Promise.resolve(l?.(n));
+    try {
+      t !== !1 && (t = await f(e, n));
+    } catch {
+    }
+    return t ?? !0;
+  }, [l, e]);
+  return i(S, { title: (g ? "Edit" : "Insert") + " Comments", options: d, onDone: p, onOption: (n) => v(n), onValidateOption: I, defaultOption: c, cancelOption: s, autoFocusSel: ".autoFocus", sx: { width: "480px", ...k }, ...w, children: i(V, { sx: { paddingTop: (n) => n.spacing(1), paddingBottom: (n) => n.spacing(0), rowGap: (n) => n.spacing(1), display: "flex", flexDirection: "column" }, children: i($, { sx: { paddingTop: (n) => n.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(z, { label: "Comments", placeholder: "Enter a comment.", onFocus: (n) => {
+    F || n.target?.select(), P(!0);
+  }, sx: { "& .MuiFormHelperText-root": { marginTop: (n) => n.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (n) => n.spacing(1.25), paddingBottom: (n) => n.spacing(0.75), backgroundImage: `linear-gradient(${h("#fff", C(5))}, ${h("#fff", C(5))})` } } }, value: e, onChange: D, onContextMenu: (n) => {
+    n.stopPropagation();
+  } }) }) }) });
+});
+export {
+  U as CommentsDialog,
+  U as default
+};

package/{browser/esm/B4ji-HZTY0uvH8r7.mjs → cdn/assets/Do7w66ZbyFAW-Kvo.js}

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

package/cdn/assets/DoiUKE9bzdCohsIn.js

@@ -0,0 +1,58 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { memo as O, useState as r, useRef as M, useReducer as E, useMemo as A } from "react";
+import { aI as W, av as J, aJ as K, aK as Q, ap as x, a0 as V, a1 as k, B as n, aL as q, aM as G, aH as f, aN as U, aO as X, aP as y, ax as b, aQ as w, aR as S } from "./DPpga_z_sz7WeoGk.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const te = O((C) => {
+  const { title: v, onHide: N, autoFocusSel: R = ".range-input input", context: T, notifier: l = W, command: c, commands: d, ...D } = C, [F, g] = r(!1), [m, p] = r(!1), h = M(null), [Y, H] = E((e) => e + 1, 0), [B, { width: Z }] = J();
+  K(c);
+  const o = T ?? c.context(), t = o.table(), [I, P] = r(() => t ? o.getNames().getRanges(t.getRange()) : null), j = A(() => t?.getName() ?? "", [t]);
+  Q(o.table(), { onAnchorCoordsChange(e) {
+    P(o.getNames().getRanges(e.getRange()));
+  }, onProtectedChange(e) {
+    H();
+  } });
+  const L = x((e) => {
+    o?.table().setName(e);
+  }, [o]), z = x((e) => {
+    o?.table().resize(e.at(0));
+  }, [o]);
+  let u = null;
+  return o.table() || (u = a("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("div", { children: "No table selected" }) })), a(V, { ref: h, title: v ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: R, onHide: N, onFocus: () => g(!0), onBlur: (e) => {
+    h?.current?.contains(e.relatedTarget) || g(!1);
+  }, PaperProps: { elevation: F ? 3 : 1 }, ...D, children: s(k, { dividers: !0, ref: B, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [s(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: o.table() ? 1 : 0 }, children: [a(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: s(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a(q, { formName: "name", defaultInput: j, value: t?.getName() ?? "No table", onChangeInput: L, onValidate: (e) => {
+    t && t.getName().toLowerCase() === e.toLowerCase() || o?.getNames().validateName(e);
+  }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+    m || e.target?.select(), p(!0);
+  } }), a(G, { formName: "range", value: I, onChangeInput: z, resolvedAddress: o.getNames().getRanges.bind(o.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+    m || e.target?.select(), p(!0);
+  } })] }) }) }), s(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(f, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a(U, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
+    t.updateStyleOptions(e);
+  }, showHeaderRow: t?.getShowHeaders(), onShowHeaderRowChange: (e) => {
+    try {
+      t.setShowHeaders(e);
+    } catch (i) {
+      l.showError(i);
+    }
+  }, showTotalRow: t?.getShowTotals(), onShowTotalRowChange: (e) => {
+    try {
+      t.setShowTotals(e);
+    } catch (i) {
+      l.showError(i);
+    }
+  }, showFilterButton: t?.getFilter() ? t.getShowFilterButton() : null, onShowFilterButtonChange: (e) => {
+    try {
+      t.setShowFilterButton(e);
+    } catch (i) {
+      l.showError(i);
+    }
+  } }), a(n, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a(X, { table: t, styles: o.styles(), bodyStyle: o.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a(f, { orientation: "horizontal" }), s(n, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a(y, { variant: w.Menuitem, command: d.getCommand("convertTableToRange"), commandState: t, icon: b(a(S, {})) }), a(y, { variant: w.Menuitem, commandState: t, command: d.getCommand("deleteTable"), icon: b(a(S, {})) })] })] })] }), u] }) });
+});
+export {
+  te as TableDetailsWindow,
+  te as default
+};

package/cdn/assets/{ChB-XZno7w9v221u.js → DrKm9mDEvFK0tW1J.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -47,7 +47,7 @@ class u {
   }
 }
 const s = `/**
- * @license @sheetxl/primitives - Primitives - Base types for SheetXL functions. - v0.4.14
+ * @license @sheetxl/primitives - Primitives - Base types for SheetXL functions. - v0.4.15
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -266,7 +266,7 @@ var v;
   return n = typeof e == "string" ? tt.get(e) : rt.get(e), n || (n = v.Unknown), new n(t, r);
 }, v.getBuiltInById = (e) => Te.get(e) || Et;
 /**
- * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.4.14
+ * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.4.15
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -1567,7 +1567,7 @@ async function p() {
   return await l();
 }
 const l = async () => {
-  const { compileModule: e } = await import("./CWkF-50YF43t7qge.js"), n = new u((t) => e(t));
+  const { compileModule: e } = await import("./ByGApkjEdqWJCmIL.js"), n = new u((t) => e(t));
   return await n.start(), n;
 };
 export {

package/cdn/assets/{BfFDvyaRcdKS0wPD.js → DrVjmz0t2Y2eHDvu.js}

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

package/cdn/assets/{BdFNxdtES-3_yQ9R.js → DxOr3qEZVibn2HK7.js}

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

package/{browser/esm/CN73n4VDayKh_l1J.mjs → cdn/assets/IWZ_bebXCJeQz19V.js}

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

package/cdn/assets/NPHYIK_SYI8TgWVt.js

@@ -0,0 +1,23 @@
+import { jsx as n, jsxs as C } from "react/jsx-runtime";
+import { useState as O } from "react";
+import { ao as a, ap as m, b, B as H, a7 as s, a8 as l, O as r } from "./DPpga_z_sz7WeoGk.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const x = ({ range: p, options: c, cell: h, onDone: d, ...v }) => {
+  const [t, o] = O(c ?? a.DefaultRangeOptions), u = m((e) => {
+    let i = null;
+    e === "Sort" && (i = { ...c, options: t }), d?.(i);
+  }, [t, d, c]);
+  return n(b, { title: "Sort", options: ["Sort", "Cancel"], onDone: u, ...v, children: C(H, { sx: { display: "flex", flexDirection: "column" }, children: [n(s, { control: n(l, { checked: !t.reverse, onChange: () => o((e) => ({ ...e, reverse: !e.reverse })) }), label: "Is Ascending", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.hasHeader, onChange: () => o((e) => ({ ...e, hasHeader: !e.hasHeader })) }), label: "Has Header", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity, onChange: () => o((e) => ({ ...e, collatorOptions: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity ? a.CaseInsensitiveOptions : a.CaseSensitiveOptions })) }), label: "Case Sensitive", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.orientation === r.Orientation.Row, onChange: () => o((e) => {
+    const i = e.orientation === r.Orientation.Row ? r.Orientation.Column : r.Orientation.Row;
+    return { ...p.getDefaultSortCriteria(i, h).options, includeHidden: e.includeHidden, reverse: e.reverse, orientation: i };
+  }) }), label: "Row Sort", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.includeHidden, onChange: () => o((e) => ({ ...e, includeHidden: !e.includeHidden })) }), label: "Include Hidden", labelPlacement: "end" })] }) });
+};
+export {
+  x as SortDialog,
+  x as default
+};

package/cdn/assets/{DgO85Q5iHe-ZmvtQ.js → ZciEgxXQYsHyV2gO.js}

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

package/cdn/assets/bGhAFgohHm88dsqJ.js

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

package/cdn/assets/{Zi3E5Kzxw2FPtLVL.js → clveP5QdWgiuzHNH.js}

@@ -1,6 +1,6 @@
-import { s as Gs, Y as D, k as ft, Z as Ye, e as Ks, D as Xt, H as jn, n as zs, p as Vs, l as Xe, c as Hs, K as se, Q as Ue, S as Fe } from "./EYTSqAG9YOdb1vKx.js";
+import { i as Gs, Y as D, a as ft, q as Ye, J as Ks, D as Xt, N as jn, n as zs, p as Vs, h as Xe, r as Hs, K as se, Q as Ue, _ as Fe } from "./DPpga_z_sz7WeoGk.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/sMpbLhp97YEbNwUD.js

@@ -0,0 +1,49 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { memo as q, useState as x, useCallback as F, useEffect as G, useMemo as w } from "react";
+import { ap as l, a2 as H, s as n, b as K, B as P, d as S, aq as A, ar as J, e as p, a6 as c, T as Q, a9 as D, as as U } from "./DPpga_z_sz7WeoGk.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const X = ["Ok", "Cancel"], aa = q(($) => {
+  const { initialValue: I, context: h, onOption: b, onValidateOption: u, onInputOption: C, onDone: d, options: v = X, defaultOption: r = v?.[0], cancelOption: m = "Cancel", sx: N, ...V } = $, [e, T] = x(I), [j, B] = x(!1), g = F(async (a, o) => !0, []), y = l(async (a) => {
+    C?.(e, a), b?.(a, a === m, a === r), d?.();
+  }, [e, C, d, b, m, r]), M = l(async (a) => {
+    a.keyCode === H.Enter && await g?.(e, null) !== !1 && y(r);
+  }, [e, y]), z = l((a) => {
+    T(a.target.value), g?.(a.target.value, null);
+  }, [u]), E = l(async (a) => {
+    let o = await Promise.resolve(u?.(a));
+    try {
+      o !== !1 && (o = await Promise.resolve(g?.(e, a)) ?? !0);
+    } catch {
+    }
+    return o ?? !0;
+  }, [u]), [k, O] = x(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
+  G(() => {
+    O(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
+  }, [e]);
+  const L = w(() => {
+    const a = n.Styles.lookupPrimary(), o = (i) => t(U, { value: i, children: i }, i), s = Object.keys(a).map((i) => o(a[i].formatType));
+    return s.push(o(n.Type.Custom)), s;
+  }, []), R = F((a) => {
+    const o = a.target.value;
+    O(o);
+    const s = n.Styles.lookupDefault(o);
+    s && T(s);
+  }, []), W = w(() => {
+    const a = h();
+    return a.createTemporaryCell({ value: a.getValue() ?? 12345, style: { numberFormat: e } });
+  }, [k, e, h]);
+  return t(K, { title: "Number Format", options: v, onDone: d, onOption: (a) => y(a), onValidateOption: E, defaultOption: r, cancelOption: m, autoFocusSel: ".autoFocus", sx: { width: "580px", ...N }, ...V, children: f(P, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [f(S, { sx: { minWidth: 135 }, size: "small", children: [t(A, { children: "Category" }), t(J, { value: k, label: "Category", onChange: R, sx: { backgroundImage: `linear-gradient(${p("#fff", c(5))}, ${p("#fff", c(5))})` }, children: L })] }), t(S, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t(Q, { label: "Code", onFocus: (a) => {
+    j || a.target?.select(), B(!0);
+  }, sx: { "& .MuiFormHelperText-root": { marginTop: (a) => a.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (a) => a.spacing(1.25), paddingBottom: (a) => a.spacing(0.75), backgroundImage: `linear-gradient(${p("#fff", c(5))}, ${p("#fff", c(5))})` } } }, value: e, onChange: z, onKeyDown: M, onContextMenu: (a) => {
+    a.stopPropagation();
+  } }) }), f(P, { children: [t(D, { variant: "caption", component: "div", sx: { paddingLeft: (a) => a.spacing(2) }, children: "Preview" }), t(D, { variant: "body2", component: "div", sx: { borderRadius: (a) => `${a.shape.borderRadius}px`, padding: (a) => a.spacing(1), border: (a) => `1px solid ${a.palette.grey[400]}` }, children: W.getNumberFormat().displayText || "(empty)" })] })] }) });
+});
+export {
+  aa as NumberFormatDialog,
+  aa as default
+};

package/cdn/index.js

@@ -1,19 +1,19 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const S = /* @__PURE__ */ new Map(), k = (e, n = {}) => {
-  const { message: t, icon: r, customElement: p, hide: m = !1, className: a, cssVars: f = {} } = n;
-  if (m) return;
-  const l = typeof e == "string" ? document.querySelector(e) : e;
-  if (!l) return void console.warn(`Element with selector "${e}" not found for panel.`);
-  let o;
-  if (h(e), p) o = p;
+const S = /* @__PURE__ */ new Map(), k = (e, o = {}) => {
+  const { message: s, icon: a, customElement: n, hide: i = !1, className: r, cssVars: f = {} } = o;
+  if (i) return;
+  const c = typeof e == "string" ? document.querySelector(e) : e;
+  if (!c) return void console.warn(`Element with selector "${e}" not found for panel.`);
+  let t;
+  if (m(e), n) t = n;
   else {
-    o = document.createElement("div"), o.className = a ? `sheetxl-panel ${a}` : "sheetxl-panel";
-    const u = Object.entries(f).map(([s, y]) => `--sheetxl-panel-${s}: ${y};`).join(" "), g = `
+    t = document.createElement("div"), t.className = r ? `sheetxl-panel ${r}` : "sheetxl-panel";
+    const u = Object.entries(f).map(([l, w]) => `--sheetxl-panel-${l}: ${w};`).join(" "), x = `
         @keyframes sheetxl-spin {
           from { transform: rotate(0deg); }
           to { transform: rotate(360deg); }
@@ -80,22 +80,22 @@ const S = /* @__PURE__ */ new Map(), k = (e, n = {}) => {
           text-align: center;
           margin: 0;
         }
-      `, d = document.createElement("style");
-    if (d.textContent = g, o.appendChild(d), r) {
-      const s = document.createElement("div");
-      s.className = "sheetxl-icon", typeof r == "string" ? s.innerHTML = r : r instanceof HTMLElement && s.appendChild(r), o.appendChild(s);
+      `, p = document.createElement("style");
+    if (p.textContent = x, t.appendChild(p), a) {
+      const l = document.createElement("div");
+      l.className = "sheetxl-icon", typeof a == "string" ? l.innerHTML = a : a instanceof HTMLElement && l.appendChild(a), t.appendChild(l);
     }
-    if (t) {
-      const s = document.createElement("div");
-      s.className = "sheetxl-message", s.textContent = t, o.appendChild(s);
+    if (s) {
+      const l = document.createElement("div");
+      l.className = "sheetxl-message", l.textContent = s, t.appendChild(l);
     }
-    u && (o.style.cssText += u), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && o.classList.add("dark");
+    u && (t.style.cssText += u), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && t.classList.add("dark");
   }
-  window.getComputedStyle(l).position === "static" && (l.style.position = "relative"), l.appendChild(o), S.set(e, o);
-}, h = (e) => {
-  const n = S.get(e);
-  n && n.parentNode && (n.parentNode.removeChild(n), S.delete(e));
-}, L = (e, n = {}) => {
+  window.getComputedStyle(c).position === "static" && (c.style.position = "relative"), c.appendChild(t), S.set(e, t);
+}, m = (e) => {
+  const o = S.get(e);
+  o && o.parentNode && (o.parentNode.removeChild(o), S.delete(e));
+}, b = (e, o = {}) => {
   k(e, { icon: `
       <svg width="24" height="24" viewBox="0 0 24 24" style="animation: sheetxl-spin 1s linear infinite;">
         <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.416" stroke-dashoffset="31.416">
@@ -103,69 +103,69 @@ const S = /* @__PURE__ */ new Map(), k = (e, n = {}) => {
           <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
         </circle>
       </svg>
-    `, className: "loading", ...n });
-}, b = (e, n = {}) => {
+    `, className: "loading", ...o });
+}, L = (e, o = {}) => {
   k(e, { message: "Failed to load SheetXL", icon: `
       <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
         <path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/>
       </svg>
-    `, className: "error", ...n });
-}, x = /* @__PURE__ */ new Map();
-let c;
-const C = async (e) => c || (c = await (async (n, t) => {
-  try {
-    if (t?.selector && L(t?.selector, t?.loading), !n) {
-      const { resolveDependencies: r } = await import("./assets/DnWjhq4ZlgIuFcii.js");
-      n = await r(t?.dependencies);
+    `, className: "error", ...o });
+}, g = /* @__PURE__ */ new Map();
+let d;
+const C = async (e) => {
+  if (d) return d;
+  const { resolveDependencies: o } = await import("./assets/ChzKnwtP8tCXlyQC.js"), s = await o(typeof e == "object" ? e?.dependencies : void 0);
+  return d = await (async (a, n) => {
+    typeof n == "string" && (n = { selector: n });
+    try {
+      if (n?.selector && b(n?.selector, n?.loading), !a) throw new Error("No runtime provided");
+      n?.licenseKey && await a.StudioMUI.LicenseManager.setLicenseKey(n.licenseKey), n?.selector && m(n?.selector);
+    } catch (i) {
+      throw n?.selector && (m(n.selector), L(n.selector, { message: `Failed to initialize: ${i instanceof Error ? i.message : String(i)}`, ...n?.error })), console.error("Failed to initialize:", i), i;
     }
-    t?.licenseKey && await n.StudioMUI.LicenseManager.setLicenseKey(t.licenseKey), t?.selector && h(t?.selector);
-  } catch (r) {
-    throw t?.selector && (h(t.selector), b(t.selector, { message: `Failed to initialize: ${r instanceof Error ? r.message : String(r)}`, ...t?.error })), console.error("Failed to initialize:", r), r;
-  }
-  return n;
-})(null, typeof e == "object" ? e : void 0), c), M = { attachStudio: async (e, n) => (c || (c = await C(e)), (async (t, r, p, m) => {
-  if (!r) throw new Error("Either a 'selector' or a 'InitializationOptions' must be provided to attach.");
-  const a = typeof r == "string" ? r : r.selector || "#sheetxl", f = typeof a == "string" ? document.querySelector(a) : a;
-  if (!f) throw new Error(`Element with selector "${a}" not found.`);
-  if (x.has(a) && x.get(a) !== null) throw new Error(`SheetXL already attached to "${a}". Detach first if you want to re-attach.`);
-  const l = typeof r == "object" ? r : null;
-  L(a, l?.loading);
+    return a;
+  })(s, e), d;
+}, M = { attachStudio: async (e, o) => (d || (d = await C(e)), (async (s, a, n, i) => {
+  if (!a) throw new Error("Either a 'selector' or a 'InitializationOptions' must be provided to attach.");
+  const r = typeof a == "string" ? a : a.selector || "#sheetxl", f = typeof r == "string" ? document.querySelector(r) : r;
+  if (!f) throw new Error(`Element with selector "${r}" not found.`);
+  if (g.has(r) && g.get(r) !== null) throw new Error(`SheetXL already attached to "${r}". Detach first if you want to re-attach.`);
+  const c = typeof a == "object" ? a : null;
+  b(r, c?.loading);
   try {
-    h(a);
-    const o = t.ReactDOMClient.createRoot(f), u = t.React.createRef(), g = t.StudioMUI[p];
-    let d = null;
-    await new Promise((v) => {
-      o.render(t.React.createElement(g, { ...m, ref: (i) => {
-        i && (d = i, v());
+    m(r);
+    const t = s.ReactDOMClient.createRoot(f), u = s.React.createRef(), x = s.StudioMUI[n];
+    let p = null;
+    await new Promise((y) => {
+      t.render(s.React.createElement(x, { ...i, ref: (h) => {
+        h && (p = h, y());
       } }));
     });
-    const y = { runtime: t, root: o };
-    x.set(a, y);
+    const w = { runtime: s, root: t };
+    g.set(r, w);
     let E = !1;
-    return new Proxy(d, { get(v, i, z) {
-      if (E) throw new Error(`SheetXL instance attached to "${a}" has been detached. Cannot access properties.`);
-      return i === "update" ? (N) => {
-        const $ = { ...m, ...N, ref: u };
-        return o.render(t.React.createElement(g, $)), Promise.resolve();
-      } : i === "detach" ? () => (x.delete(a), o.unmount(), E = !0, Promise.resolve()) : Reflect.get(v, i, z);
+    return new Proxy(p, { get(y, h, N) {
+      if (E) throw new Error(`SheetXL instance attached to "${r}" has been detached. Cannot access properties.`);
+      return h === "update" ? (z) => {
+        const $ = { ...i, ...z, ref: u };
+        return t.render(s.React.createElement(x, $)), Promise.resolve();
+      } : h === "detach" ? () => (g.delete(r), t.unmount(), E = !0, Promise.resolve()) : Reflect.get(y, h, N);
     } });
-  } catch (o) {
-    throw h(a), b(a, { message: `Failed to initialize: ${o instanceof Error ? o.message : String(o)}`, ...l?.error }), console.error("Failed to initialize:", o), o;
+  } catch (t) {
+    throw m(r), L(r, { message: `Failed to initialize: ${t instanceof Error ? t.message : String(t)}`, ...c?.error }), console.error("Failed to initialize:", t), t;
   }
-})(c, e, "Studio", n)), async initialize(e) {
+})(d, e, "Studio", o)), async initialize(e) {
   await C(e);
-} }, w = document.currentScript;
-if (w) {
-  console.log("SheetXL script tag:", w);
-  const e = w.dataset ? w.dataset.target : "#sheetxl";
-  document.querySelector(e) || console.error(`SheetXL: Target element "${e}" not found in the document.`), M.attachStudio(e, { autoFocus: !0 }).then((n) => {
-    console.log("SheetXL studio created and attached:", n);
-  }).catch((n) => {
-    console.error("Error creating SheetXL studio:", n);
+} }, v = document.currentScript;
+if (v) {
+  const e = v.dataset ? v.dataset.target : "#sheetxl";
+  document.querySelector(e) || console.error(`SheetXL: Target element "${e}" not found in the document.`), M.attachStudio(e, { autoFocus: !0 }).then((o) => {
+  }).catch((o) => {
+    console.error("Error creating SheetXL studio:", o);
   });
 }
-const X = M;
+const R = M;
 export {
-  X as SheetXL,
-  X as default
+  R as SheetXL,
+  R as default
 };

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.4.14
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
  *
  * (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.4.14",
+  "version": "0.4.15",
   "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.4.14",
-    "@sheetxl/sdk": "^0.4.14",
+    "@sheetxl/studio-mui": "^0.4.15",
+    "@sheetxl/sdk": "^0.4.15",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "csstype": "^3.1.3",

package/browser/cjs/1bCMnueqxHW3rn0c.cjs

@@ -1,6 +0,0 @@
-"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
- *
- * (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"});let s=null;const c={reactUrl:"https://esm.sh/react@19.1.0",reactJsxTransform:"https://esm.sh/react@19.1.0/jsx-runtime",reactDomUrl:"https://esm.sh/react-dom@19.1.0",reactDomUrlClient:"https://esm.sh/react-dom@19.1.0/client"};exports.resolveDependencies=t=>(t={...t,...c},s||(s=(async()=>{const n=t.reactUrl,o=t.reactDomUrl,a=t.reactDomUrlClient,i=t.reactJsxTransform;if(document.querySelector('script[type="importmap"]'))console.warn("SheetXL: Import map already exists. Skipping injection.");else{const e=document.createElement("script");e.type="importmap",e.textContent=JSON.stringify({imports:{react:n,"react/jsx-runtime":i,"react-dom":o,"react-dom/client":a}}),document.head.appendChild(e)}await new Promise(e=>setTimeout(e,0));const r=await Promise.all([Promise.resolve().then(()=>require("./DQGdVVTxixgptLdj.cjs")).then(e=>e.React),Promise.resolve().then(()=>require("./DQGdVVTxixgptLdj.cjs")).then(e=>e.ReactJSXTransform),Promise.resolve().then(()=>require("./DQGdVVTxixgptLdj.cjs")).then(e=>e.index),Promise.resolve().then(()=>require("./DQGdVVTxixgptLdj.cjs")).then(e=>e.ReactDOMClient),Promise.resolve().then(()=>require("./DQGdVVTxixgptLdj.cjs")).then(e=>e.StudioMUI)]);return{React:r[0],ReactJSXTransform:r[1],ReactDOM:r[2],ReactDOMClient:r[3],StudioMUI:r[4]}})(),s));