@sheetxl/studio-vanilla 0.3.4 → 0.3.6

package/{cdn/assets/DjHCn_TmfObC_aJ1.js → browser/esm/Bc8I4T3hDcq3Tbe7.mjs}

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

package/{cdn/assets/dQu9CDkkTpS5h580.js → browser/esm/BpIA1_q9rYZhuE_V.mjs}

@@ -1,15 +1,15 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as E, useMemo as M, useState as x, useCallback as j } from "react";
-import { a7 as r, n as S, B as V, e as $, T as z, f as h, b6 as C } from "./U_ihCP2tbaRnqD2g.js";
+import { w as r, b as S, B as V, F as $, a as z, c as h, ay as C } from "./DtS8vZkP_9xxg-8G.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.6
  *
  * (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();
+  const { initialComments: w = null, onUpdateComments: m, context: y, onOption: u, onValidateOption: l, onDone: p, options: d = G, defaultOption: c = d?.[0], cancelOption: s = "Cancel", sx: F, ...b } = O, g = M(() => {
+    const n = w ?? y?.()?.getComments();
     let t = "";
     if (n && n.content && n.content.runs) {
       const a = n.content.runs;
@@ -19,7 +19,7 @@ const G = ["Ok", "Cancel"], U = E((O) => {
       }
     }
     return t;
-  }, []), [e, y] = x(g), [F, P] = x(!1), f = j(async (n, t) => null, []), v = r(async (n) => {
+  }, []), [e, k] = x(g), [P, T] = x(!1), f = j(async (n, t) => null, []), v = r(async (n) => {
     const t = e === "" ? [] : e.split(`
 `);
     if (n !== s) {
@@ -29,7 +29,7 @@ const G = ["Ok", "Cancel"], U = E((O) => {
     }
     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);
+    k(n.target.value), f(n.target.value, null);
   }, [l]), I = r(async (n) => {
     let t = await Promise.resolve(l?.(n));
     try {
@@ -38,8 +38,8 @@ const G = ["Ok", "Cancel"], U = E((O) => {
     }
     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);
+  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", ...F }, ...b, 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) => {
+    P || n.target?.select(), T(!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();
   } }) }) }) });

package/browser/esm/{BjLCBG20KyjNKCpy.mjs → BwpZ-CB67KJ8A2Pd.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.6
  *
  * (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 i = { reactUrl: "https://esm.sh/react@19.1.0", reactJsxTransform: "https:/
     e.type = "importmap", e.textContent = JSON.stringify({ imports: { react: n, "react/jsx-runtime": a, "react-dom": s, "react-dom/client": c } }), document.head.appendChild(e), console.log("SheetXL: Import map injected:", e.textContent);
   }
   await new Promise((e) => setTimeout(e, 0));
-  const o = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./Bq_HFm6_6_ycs_gE.mjs").then((e) => e.bI)]);
+  const o = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./DtS8vZkP_9xxg-8G.mjs").then((e) => e.b7)]);
   return console.log("SheetXL: Dependencies resolved:", o), { React: o[0], ReactJSXTransform: o[1], ReactDOM: o[2], ReactDOMClient: o[3], StudioMUI: o[4] };
 })(), r));
 export {

package/browser/esm/{Dq1oxXMudxqdJaKZ.mjs → CAUWxMHzGpG7-P5A.mjs}

@@ -1,23 +1,24 @@
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { aY as a, a7 as m, n as O, B as H, b1 as s, b2 as l, k as r } from "./Bq_HFm6_6_ycs_gE.mjs";
+import { jsx as n, jsxs as h } from "react/jsx-runtime";
+import { useState as C } from "react";
+import { Sort as a, IRange as r } from "@sheetxl/sdk";
+import { w as O, b as S, B as b, at as s, au as l } from "./DtS8vZkP_9xxg-8G.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const k = ({ range: h, options: c, cell: p, onDone: d, ...u }) => {
-  const [t, o] = b(c ?? a.DefaultRangeOptions), v = m((e) => {
+const D = ({ range: p, options: c, cell: u, onDone: d, ...m }) => {
+  const [t, o] = C(c ?? a.DefaultRangeOptions), v = O((e) => {
     let i = null;
     e === "Sort" && (i = { ...c, options: t }), d?.(i);
   }, [t, d, c]);
-  return n(O, { title: "Sort", options: ["Sort", "Cancel"], onDone: v, ...u, 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) => {
+  return n(S, { title: "Sort", options: ["Sort", "Cancel"], onDone: v, ...m, children: h(b, { 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 { ...h.getDefaultSortCriteria(i, p).options, includeHidden: e.includeHidden, reverse: e.reverse, orientation: i };
+    return { ...p.getDefaultSortCriteria(i, u).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 {
-  k as SortDialog,
-  k as default
+  D as SortDialog,
+  D as default
 };

package/{cdn/assets/CGUSbWH383tudMFu.js → browser/esm/CFw_ZTxUHsgd5Pf5.mjs}

@@ -1,16 +1,16 @@
 import { jsx as d, jsxs as k } from "react/jsx-runtime";
 import { memo as E, useMemo as V, useState as p, useCallback as h } from "react";
-import { a7 as u, n as L, B as S, bn as A, bo as G } from "./U_ihCP2tbaRnqD2g.js";
+import { w as u, b as L, B as S, aO as A, aP as G } from "./DtS8vZkP_9xxg-8G.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const M = ["Ok", "Cancel"], H = E((C) => {
-  const { value: a = null, context: t, onOption: c, onValidateOption: U, onDone: m, onUpdate: g, options: x = M, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: R, ...v } = C, y = V(() => t?.getNames().findValidName("Range1"), []), i = V(() => {
+const M = ["Ok", "Cancel"], z = E((C) => {
+  const { value: a = null, context: t, onOption: c, onValidateOption: P, onDone: m, onUpdate: g, options: x = M, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: R, ...v } = C, y = V(() => t?.getNames().findValidName("Range1"), []), i = V(() => {
     if (!a) return !0;
-  }, []), [n, b] = p({ displayText: a?.getName() ?? y, errorText: null }), [l, w] = p({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = p(!1), D = h(async (e) => !n.errorText && !l.errorText, [t]), F = u((e, s, r) => {
+  }, []), [n, w] = p({ displayText: a?.getName() ?? y, errorText: null }), [l, D] = p({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = p(!1), F = h(async (e) => !n.errorText && !l.errorText, [t]), b = u((e, s, r) => {
     if (!s) {
       let o = null;
       i ? o = t?.getNames().addReference(n?.displayText, l?.displayValue, !1) : (a.getType() === "reference" && a.doBatch(() => {
@@ -25,19 +25,19 @@ const M = ["Ok", "Cancel"], H = E((C) => {
     } catch (r) {
       s = r.message;
     }
-    b({ displayText: e, errorText: s });
+    w({ displayText: e, errorText: s });
   }, []), I = u((e) => {
     a && a.getName().toLowerCase() === e.toLowerCase() || t?.getNames().validateName(e);
   }, [t, a]), j = h((e) => {
-    w({ displayValue: e ?? null, errorText: null });
+    D({ displayValue: e ?? null, errorText: null });
   }, []);
-  return d(L, { title: (i ? "Define" : "Edit") + " Range", options: x, onOption: F, onValidateOption: D, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...R }, ...v, children: k(S, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [d(A, { formName: "name", defaultInput: y, value: n.displayText, onChangeInput: B, onValidate: I, onFocus: (e) => {
+  return d(L, { title: (i ? "Define" : "Edit") + " Range", options: x, onOption: b, onValidateOption: F, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...R }, ...v, children: k(S, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [d(A, { formName: "name", defaultInput: y, value: n.displayText, onChangeInput: B, onValidate: I, onFocus: (e) => {
     T || e.target?.select(), O(!0);
   } }), d(G, { formName: "range", value: l.displayValue, onChangeInput: j, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
     T || e.target?.select(), O(!0);
   } })] }) });
 });
 export {
-  H as NamedReferenceDialog,
-  H as default
+  z as NamedReferenceDialog,
+  z as default
 };

package/browser/esm/{CTdGamCv2VtpI05C.mjs → CIG-Y2tRBFYerBVK.mjs}

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

package/browser/esm/{s8U6UEvd4LQsvEnH.mjs → CRLFplTpJUvecqqq.mjs}

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

package/browser/esm/{CeWIrhJ_bsxOl7mw.mjs → CanwhkFG9e2Ojys-.mjs}

@@ -1,7 +1,8 @@
-import { aX as k, w as T, aY as G, k as Q, V as W, aZ as C, a_ as tt, a$ as P, Y as et, H as Y, b0 as V } from "./Bq_HFm6_6_ycs_gE.mjs";
-import { c as x, b as f, r as L, t as rt, a as A, p as D, d as st } from "./DLJ1zBZE-WPdkpt2.mjs";
+import { Q as Y } from "./DtS8vZkP_9xxg-8G.mjs";
+import { c as x, b as f, r as I, t as Z, a as A, p as D, d as tt } from "./BWoHBg8cjtJL9xBv.mjs";
+import { IFont as k, IAutoFilter as T, Sort as G, IRange as et, AddressUtils as W, IFill as C, IStyle as rt, ITextFrame as P, FormulaError as st, IBorder as V } from "@sheetxl/sdk";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -211,7 +212,7 @@ class pt {
     return s.plotArea = r, r;
   }
 }
-class I {
+class L {
   EnumMappings() {
   }
   static fromOoxmlGradientType(t) {
@@ -236,7 +237,7 @@ class q {
   processStroke(t, e, s) {
     const r = {}, o = t.evaluate("ln", e);
     if (o) {
-      o.hasAttribute("algn") && (r.align = I.fromOoxmlAlignment(o.getAttribute("algn"))), o.hasAttribute("cap") && (r.lineCap = I.fromOoxmlLineCap(o.getAttribute("cap"))), o.hasAttribute("cmpd") && (r.compound = I.fromOoxmlCompound(o.getAttribute("cmpd"))), o.hasAttribute("w") && (r.width = rt(o.getAttribute("w")));
+      o.hasAttribute("algn") && (r.align = L.fromOoxmlAlignment(o.getAttribute("algn"))), o.hasAttribute("cap") && (r.lineCap = L.fromOoxmlLineCap(o.getAttribute("cap"))), o.hasAttribute("cmpd") && (r.compound = L.fromOoxmlCompound(o.getAttribute("cmpd"))), o.hasAttribute("w") && (r.width = Z(o.getAttribute("w")));
       const i = t.evaluate("miter", o);
       i && (r.lineJoin = "miter", i.hasAttribute("lim") && (r.miter = parseFloat(i.getAttribute("lim")))), t.evaluate("bevel", o) && (r.lineJoin = "bevel"), t.evaluate("round", o) && (r.lineJoin = "round");
       const n = t.evaluate("custDash", o);
@@ -308,7 +309,7 @@ class q {
     e.hasAttribute("flip") && (o.mirror = e.getAttribute("flip")), Object.keys(o).length > 0 && (s.tile = o);
     const i = t.evaluate("path", e);
     if (i) {
-      i.hasAttribute("path") && (s.type = I.fromOoxmlGradientType(i.getAttribute("path")));
+      i.hasAttribute("path") && (s.type = L.fromOoxmlGradientType(i.getAttribute("path")));
       const c = t.evaluate("fillToRect", i);
       c && (s.fillTo = this.getRect(c));
     }
@@ -885,7 +886,7 @@ class Ot {
       r.collatorOptions = n ? G.CaseSensitiveOptions : G.CaseInsensitiveOptions;
     }
     const o = e.getAttribute("sortMethod");
-    o != null && o !== "none" && (o === "stroke" ? r.collatorOptions = { ...r.collatorOptions, collation: "stroke" } : o === "pinYin" && (r.collatorOptions = { ...r.collatorOptions, collation: "pinyin" })), e.hasAttribute("columnSort") && f(e.getAttribute("columnSort")) && (r.orientation = Q.Orientation.Column);
+    o != null && o !== "none" && (o === "stroke" ? r.collatorOptions = { ...r.collatorOptions, collation: "stroke" } : o === "pinYin" && (r.collatorOptions = { ...r.collatorOptions, collation: "pinyin" })), e.hasAttribute("columnSort") && f(e.getAttribute("columnSort")) && (r.orientation = et.Orientation.Column);
     const i = W.fastStringToRange(r.ref);
     return this.processSortConditions(t, e, r, i), Object.keys(r).length > 0 && (s.sort = r), r;
   }
@@ -914,12 +915,12 @@ class Ot {
     return i.length > 0 && (s.fields = i), i;
   }
 }
-class Z {
+class Q {
   visit(t, e, s) {
   }
   processDataBarColor(t, e, s, r, o = "dk1") {
     if (!e) return;
-    const i = st((n) => e.getAttribute(n), o);
+    const i = tt((n) => e.getAttribute(n), o);
     return i && (s[r] = i), s;
   }
   processFonts(t, e, s) {
@@ -1055,7 +1056,7 @@ class Z {
     return n && this.processDataBarColor(t, n, i, "color"), Object.keys(i).length > 0 ? s[r] = i : null;
   }
 }
-class Tt extends Z {
+class Tt extends Q {
   visit(t, e, s) {
     this.processNumFmts(t, t.evaluate("numFmts", e), null), t.getVisitorParamsState().set("colorsToProcess", /* @__PURE__ */ new Set());
     const r = { fills: {}, fonts: {}, borders: {} };
@@ -1128,7 +1129,7 @@ class Tt extends Z {
     const n = e.getAttribute("xfId");
     if (n && o) {
       const c = o.get(parseInt(n));
-      c && c !== tt.BuiltInName.Normal && (s.named = c);
+      c && c !== rt.BuiltInName.Normal && (s.named = c);
     }
     const l = (c) => !(!i && e.hasAttribute(c)) || f(e.getAttribute("applyFont"));
     if (l("applyFont")) {
@@ -1255,7 +1256,7 @@ class Tt extends Z {
   afterVisit(t, e, s) {
   }
 }
-class Vt extends Z {
+class Vt extends Q {
   visit(t, e, s) {
     return this.processSheetRefs(t, t.evaluate("sheets", e), s), this.processBookViews(t, t.evaluate("bookViews", e), s), this.processDefinedNames(t, t.evaluate("definedNames", e), s), this.processCalcPr(t, t.evaluate("calcPr", e), s), this.processWorkbookProtection(t, t.evaluate("workbookProtection", e), s), this.processWorkbookPr(t, t.evaluate("workbookPr", e), s), s;
   }
@@ -1362,7 +1363,7 @@ class St {
     o.length > 0 && (s.columns = o);
   }
 }
-class kt {
+class xt {
   visit(t, e, s) {
     return s;
   }
@@ -1386,7 +1387,7 @@ class U {
     return r && (t.copyFromAttribute(r, "name", s), t.copyFromAttribute(r, "desc", s), t.copyFromAttribute(r, "hidden", s, "hidden", t.BOOLEAN_COPY), t.copyFromAttribute(r, "id", s)), s;
   }
 }
-class xt extends U {
+class kt extends U {
   visit(t, e, s) {
     if (!e) return;
     s = super.visit(t, e, s);
@@ -1433,7 +1434,7 @@ class z extends U {
     return s.content = { type: "sp", json: o }, o;
   }
 }
-class Lt extends U {
+class It extends U {
   visit(t, e, s) {
     if (!e) return;
     const r = super.visit(t, e, s), o = t.evaluate("nvPicPr/cNvPicPr", e);
@@ -1457,7 +1458,7 @@ class Lt extends U {
     return s.content = { type: "picture", json: l }, r;
   }
 }
-class It extends z {
+class Lt extends z {
   visit(t, e, s) {
     if (!e) return;
     s = super.visit(t, e, s);
@@ -1542,7 +1543,7 @@ class jt {
     if (e.type === "_error") {
       const s = e.errorType;
       if (s) try {
-        e = et.getBuiltInById(s + 1);
+        e = st.getBuiltInById(s + 1);
       } catch {
       }
     }
@@ -1600,7 +1601,7 @@ class Dt {
   visit(t, e, s) {
     if (!e) return;
     const r = {};
-    return t.copyFromAttribute(e, "id", r, "id", L), t.copyFromAttribute(e, "personId", r, "personId", L), t.copyFromAttribute(e, "ref", r), t.copyFromAttribute(e, "parentId", r, "parentId", L), t.copyFromAttribute(e, "dT", r), e.hasAttribute("done") && (r.done = f(e.getAttribute("done"))), s.push(r), r;
+    return t.copyFromAttribute(e, "id", r, "id", I), t.copyFromAttribute(e, "personId", r, "personId", I), t.copyFromAttribute(e, "ref", r), t.copyFromAttribute(e, "parentId", r, "parentId", I), t.copyFromAttribute(e, "dT", r), e.hasAttribute("done") && (r.done = f(e.getAttribute("done"))), s.push(r), r;
   }
 }
 class Mt {
@@ -1610,7 +1611,7 @@ class Mt {
       const n = o.item(i);
       if (n.nodeType === 1 && n.localName === "person") {
         const l = {};
-        t.copyFromAttribute(n, "id", l, "id", L), t.copyFromAttribute(n, "displayName", l), t.copyFromAttribute(n, "userId", l, "userId", L), t.copyFromAttribute(n, "providerId", l), r.push(l);
+        t.copyFromAttribute(n, "id", l, "id", I), t.copyFromAttribute(n, "displayName", l), t.copyFromAttribute(n, "userId", l, "userId", I), t.copyFromAttribute(n, "providerId", l), r.push(l);
       }
     }
     return r.length > 0 && (s.persons = r), r;
@@ -1622,9 +1623,9 @@ class zt {
     this.path = t, this.visitor = e;
   }
 }
-class Xt {
+class $t {
   constructor() {
-    this.visitorsByXmlTagName = /* @__PURE__ */ new Map(), this.scopedVisitorsByXmlTagName = /* @__PURE__ */ new Map(), this.visitorParamsState = null, this.registerVisitor("Relationships", new ct()), this.registerVisitor("spPr", new M()), this.registerVisitor("txBody", new F()), this.registerVisitor("txPr", new F()), this.registerVisitor("c:chartSpace", new ut()), this.registerVisitor("c:chartSpace", new ht(), "chart"), this.registerVisitor("c:plotArea", new pt()), this.registerVisitor("c:barChart", new gt()), this.registerVisitor("c:doughnutChart", new S()), this.registerVisitor("c:lineChart", new S()), this.registerVisitor("c:ofPieType", new S()), this.registerVisitor("c:pieChart", new S()), this.registerVisitor("c:scatterChart", new S()), this.registerVisitor("c:barChart", new N("dataLabels"), "dLbls"), this.registerVisitor("c:doughnutChart", new N("dataLabels"), "dLbls"), this.registerVisitor("c:lineChart", new N("dataLabels"), "dLbls"), this.registerVisitor("c:ofPieType", new N("dataLabels"), "dLbls"), this.registerVisitor("c:pieChart", new N("dataLabels"), "dLbls"), this.registerVisitor("c:scatterChart", new N("dataLabels"), "dLbls"), this.registerVisitor("c:ser", new dt()), this.registerVisitor("c:dPt", new mt()), this.registerVisitor("c:marker", new bt()), this.registerVisitor("c:catAx", new R()), this.registerVisitor("c:valAx", new R()), this.registerVisitor("c:dateAx", new R()), this.registerVisitor("c:majorGridlines", new j("gridLinesMajor")), this.registerVisitor("c:minorGridlines", new j("gridLinesMinor")), this.registerVisitor("c:chartSpace", null, "txPr"), this.registerVisitor("c:catAx", new F("labels.text"), "txPr"), this.registerVisitor("c:valAx", new F("labels.text"), "txPr"), this.registerVisitor("c:dateAx", new F("labels.text"), "txPr"), this.registerVisitor("c:legend", new At()), this.registerVisitor("c:legend", new F("labels.text"), "txPr"), this.registerVisitor("c:legendEntry", new ft()), this.registerVisitor("c:ser", new yt(), "extLst/ext/invertSolidFillFmt/spPr"), this.registerVisitor("c:ser", new N("labels"), "dLbls"), this.registerVisitor("c:dLbl", new N("points")), this.registerVisitor("c:title", new X()), this.registerVisitor("c:title", null, "tx/rich"), this.registerVisitor("c:title", null, "txPr"), this.registerVisitor("c:layout", new vt()), this.registerVisitor("c:dispUnits", new j("dispUnits")), this.registerVisitor("c:dispUnitsLbl", new X("displayUnitsLabel")), this.registerVisitor("c:dispUnitsLbl", new F(), "tx/rich"), this.registerVisitor("a:theme", new Ft()), this.registerVisitor("a:theme", new Ct(), "themeElements/clrScheme"), this.registerVisitor("a:theme", new wt(), "themeElements/fontScheme"), this.registerVisitor("autoFilter", new Nt()), this.registerVisitor("sortState", new Ot()), this.registerVisitor("s:workbook", new Vt()), this.registerVisitor("styleSheet", new Tt()), this.registerVisitor("table", new St()), this.registerVisitor("hlinkClick", new Pt()), this.registerVisitor("wsDr", new kt()), this.registerVisitor("twoCellAnchor", new E()), this.registerVisitor("oneCellAnchor", new E()), this.registerVisitor("absoluteAnchor", new E()), this.registerVisitor("graphicFrame", new xt()), this.registerVisitor("sp", new z()), this.registerVisitor("grpSp", new It()), this.registerVisitor("cxnSp", new Bt()), this.registerVisitor("pic", new Lt()), this.registerVisitor("rvStructures", new _t()), this.registerVisitor("rvData", new jt()), this.registerVisitor("comments", new Rt()), this.registerVisitor("commentList", new Et(), "comment"), this.registerVisitor("comment", new F("content"), "text"), this.registerVisitor("ThreadedComments", new Yt()), this.registerVisitor("threadedComment", new Dt()), this.registerVisitor("threadedComment", new F("content"), "text"), this.registerVisitor("personList", new Mt());
+    this.visitorsByXmlTagName = /* @__PURE__ */ new Map(), this.scopedVisitorsByXmlTagName = /* @__PURE__ */ new Map(), this.visitorParamsState = null, this.registerVisitor("Relationships", new ct()), this.registerVisitor("spPr", new M()), this.registerVisitor("txBody", new F()), this.registerVisitor("txPr", new F()), this.registerVisitor("c:chartSpace", new ut()), this.registerVisitor("c:chartSpace", new ht(), "chart"), this.registerVisitor("c:plotArea", new pt()), this.registerVisitor("c:barChart", new gt()), this.registerVisitor("c:doughnutChart", new S()), this.registerVisitor("c:lineChart", new S()), this.registerVisitor("c:ofPieType", new S()), this.registerVisitor("c:pieChart", new S()), this.registerVisitor("c:scatterChart", new S()), this.registerVisitor("c:barChart", new N("dataLabels"), "dLbls"), this.registerVisitor("c:doughnutChart", new N("dataLabels"), "dLbls"), this.registerVisitor("c:lineChart", new N("dataLabels"), "dLbls"), this.registerVisitor("c:ofPieType", new N("dataLabels"), "dLbls"), this.registerVisitor("c:pieChart", new N("dataLabels"), "dLbls"), this.registerVisitor("c:scatterChart", new N("dataLabels"), "dLbls"), this.registerVisitor("c:ser", new dt()), this.registerVisitor("c:dPt", new mt()), this.registerVisitor("c:marker", new bt()), this.registerVisitor("c:catAx", new R()), this.registerVisitor("c:valAx", new R()), this.registerVisitor("c:dateAx", new R()), this.registerVisitor("c:majorGridlines", new j("gridLinesMajor")), this.registerVisitor("c:minorGridlines", new j("gridLinesMinor")), this.registerVisitor("c:chartSpace", null, "txPr"), this.registerVisitor("c:catAx", new F("labels.text"), "txPr"), this.registerVisitor("c:valAx", new F("labels.text"), "txPr"), this.registerVisitor("c:dateAx", new F("labels.text"), "txPr"), this.registerVisitor("c:legend", new At()), this.registerVisitor("c:legend", new F("labels.text"), "txPr"), this.registerVisitor("c:legendEntry", new ft()), this.registerVisitor("c:ser", new yt(), "extLst/ext/invertSolidFillFmt/spPr"), this.registerVisitor("c:ser", new N("labels"), "dLbls"), this.registerVisitor("c:dLbl", new N("points")), this.registerVisitor("c:title", new X()), this.registerVisitor("c:title", null, "tx/rich"), this.registerVisitor("c:title", null, "txPr"), this.registerVisitor("c:layout", new vt()), this.registerVisitor("c:dispUnits", new j("dispUnits")), this.registerVisitor("c:dispUnitsLbl", new X("displayUnitsLabel")), this.registerVisitor("c:dispUnitsLbl", new F(), "tx/rich"), this.registerVisitor("a:theme", new Ft()), this.registerVisitor("a:theme", new Ct(), "themeElements/clrScheme"), this.registerVisitor("a:theme", new wt(), "themeElements/fontScheme"), this.registerVisitor("autoFilter", new Nt()), this.registerVisitor("sortState", new Ot()), this.registerVisitor("s:workbook", new Vt()), this.registerVisitor("styleSheet", new Tt()), this.registerVisitor("table", new St()), this.registerVisitor("hlinkClick", new Pt()), this.registerVisitor("wsDr", new xt()), this.registerVisitor("twoCellAnchor", new E()), this.registerVisitor("oneCellAnchor", new E()), this.registerVisitor("absoluteAnchor", new E()), this.registerVisitor("graphicFrame", new kt()), this.registerVisitor("sp", new z()), this.registerVisitor("grpSp", new Lt()), this.registerVisitor("cxnSp", new Bt()), this.registerVisitor("pic", new It()), this.registerVisitor("rvStructures", new _t()), this.registerVisitor("rvData", new jt()), this.registerVisitor("comments", new Rt()), this.registerVisitor("commentList", new Et(), "comment"), this.registerVisitor("comment", new F("content"), "text"), this.registerVisitor("ThreadedComments", new Yt()), this.registerVisitor("threadedComment", new Dt()), this.registerVisitor("threadedComment", new F("content"), "text"), this.registerVisitor("personList", new Mt());
   }
   registerVisitor(t, e, s = null) {
     t.indexOf(":") === -1 && (t = "*:" + t);
@@ -1697,6 +1698,6 @@ class Xt {
   }
 }
 export {
-  Xt as FromOOXMLConverter,
-  Xt as default
+  $t as FromOOXMLConverter,
+  $t as default
 };

package/browser/esm/CcGOjkDDVya2Ff-b.mjs

@@ -0,0 +1,50 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { memo as G, useState as x, useCallback as O, useEffect as H, useMemo as w } from "react";
+import { NumberFormat as n } from "@sheetxl/sdk";
+import { w as l, av as K, b as _, B as P, F as S, aw as q, ax as A, c as p, ay as c, a as J, _ as D, az as Q } from "./DtS8vZkP_9xxg-8G.mjs";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.6
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const U = ["Ok", "Cancel"], ea = G(($) => {
+  const { initialValue: I, context: h, onOption: b, onValidateOption: u, onInputOption: C, onDone: d, options: v = U, defaultOption: r = v?.[0], cancelOption: m = "Cancel", sx: N, ...V } = $, [e, T] = x(I), [j, z] = x(!1), g = O(async (a, o) => !0, []), y = l(async (a) => {
+    C?.(e, a), b?.(a, a === m, a === r), d?.();
+  }, [e, C, d, b, m, r]), B = l(async (a) => {
+    a.keyCode === K.Enter && await g?.(e, null) !== !1 && y(r);
+  }, [e, y]), M = 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, F] = x(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
+  H(() => {
+    F(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
+  }, [e]);
+  const L = w(() => {
+    const a = n.Styles.lookupPrimary(), o = (i) => t(Q, { value: i, children: i }, i), s = Object.keys(a).map((i) => o(a[i].formatType));
+    return s.push(o(n.Type.Custom)), s;
+  }, []), R = O((a) => {
+    const o = a.target.value;
+    F(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(_, { 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(q, { children: "Category" }), t(A, { 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(J, { label: "Code", onFocus: (a) => {
+    j || a.target?.select(), z(!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: M, onKeyDown: B, 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 {
+  ea as NumberFormatDialog,
+  ea as default
+};