@sheetxl/studio-vanilla 0.4.9 → 0.4.10

package/cdn/assets/{d1PG-QPA1GcQ_RuH.js → DYZjOnD8WWQkCYuH.js}

@@ -1,11 +1,11 @@
 import { jsx as f, jsxs as ie, Fragment as Kt } from "react/jsx-runtime";
 import * as we from "react";
 import L, { memo as Me, forwardRef as le, useRef as se, useMemo as te, useState as re, useEffect as G, useLayoutEffect as dt, useCallback as ne, Component as Gt, createElement as he, createContext as yn, isValidElement as Zt, useContext as wn, cloneElement as vn } from "react";
-import { g as xt, e as yt, u as et, f as En, h as Cn, j as Sn, l as Dn, m as Tn, s as je, n as wt, o as vt, p as Tt, q as Mn, r as On, t as Xt, v as Ln, x as Wn, w as ae, U as Qt, D as Mt, W as pt, X as Nn, y as xe, z as Yt, A as An, B as me, V as Jt, C as Rn, E as mt, H as en, K as In, L as Pn, S as Fn, N as jn, O as Hn, Q as zn, Z as _n, _ as qn, c as Bn, $ as $n, a0 as ht, a1 as Vn, a2 as Un, a3 as Kn, a4 as Gn, a5 as Zn, a6 as Xn, J as Qn, a7 as ee, a8 as We, a9 as Ot, aa as Yn, ab as Jn, ac as eo, ad as to, ae as no, af as oo, ag as nt, ah as Ne, ai as ro, aj as ao, ak as io, al as so, am as Lt, an as Wt, ao as lo, ap as co, aq as uo, ar as po, as as Be } from "./DKLitAhDj5Ibh2cc.js";
+import { g as xt, c as yt, u as et, d as En, e as Cn, f as Sn, h as Dn, j as Tn, s as je, l as wt, m as vt, n as Tt, o as Mn, p as On, q as Xt, r as Ln, _ as Wn, w as ae, K as Qt, A as Mt, X as pt, Q as Nn, x as xe, y as Jt, z as An, B as me, C as Yt, D as Rn, H as mt, J as en, L as In, N as Pn, S as Fn, O as jn, R as Hn, U as zn, W as _n, Z as qn, b as Bn, $ as $n, a0 as ht, a1 as Vn, a2 as Un, a3 as Kn, a4 as Gn, a5 as Zn, a6 as Xn, Y as Qn, a7 as ee, a8 as We, a9 as Ot, aa as Jn, ab as Yn, ac as eo, ad as to, ae as no, af as oo, ag as nt, ah as Ne, ai as ro, aj as ao, ak as io, al as so, am as Lt, an as Wt, ao as lo, ap as co, aq as uo, ar as po, as as Be } from "./2-xJlw77WsCoyz09.js";
 import { createPortal as mo } from "react-dom";
 import { CommonUtils as ot, UndoManager as ho, Workbook as Nt, PartialError as fo } from "@sheetxl/sdk";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -31,23 +31,23 @@ const ko = je("div", { name: "MuiCollapse", slot: "Root", overridesResolver: (e,
   }), F = x((E, B) => {
     const $ = M();
     I.current && Q && (I.current.style.position = "");
-    const { duration: Y, easing: pe } = Tt({ style: h, timeout: d, easing: s }, { mode: "enter" });
+    const { duration: J, easing: pe } = Tt({ style: h, timeout: d, easing: s }, { mode: "enter" });
     if (d === "auto") {
       const ve = j.transitions.getAutoHeightDuration($);
       E.style.transitionDuration = `${ve}ms`, q.current = ve;
-    } else E.style.transitionDuration = typeof Y == "string" ? Y : `${Y}ms`;
+    } else E.style.transitionDuration = typeof J == "string" ? J : `${J}ms`;
     E.style[de] = `${$}px`, E.style.transitionTimingFunction = pe, k && k(E, B);
   }), H = x((E, B) => {
     E.style[de] = "auto", p && p(E, B);
   }), z = x((E) => {
     E.style[de] = `${M()}px`, w && w(E);
   }), ge = x(b), A = x((E) => {
-    const B = M(), { duration: $, easing: Y } = Tt({ style: h, timeout: d, easing: s }, { mode: "exit" });
+    const B = M(), { duration: $, easing: J } = Tt({ style: h, timeout: d, easing: s }, { mode: "exit" });
     if (d === "auto") {
       const pe = j.transitions.getAutoHeightDuration(B);
       E.style.transitionDuration = `${pe}ms`, q.current = pe;
     } else E.style.transitionDuration = typeof $ == "string" ? $ : `${$}ms`;
-    E.style[de] = K, E.style.transitionTimingFunction = Y, g && g(E);
+    E.style[de] = K, E.style.transitionTimingFunction = J, g && g(E);
   });
   return f(S, { in: c, onEnter: T, onEntered: H, onEntering: F, onExit: z, onExited: ge, onExiting: A, addEndListener: (E) => {
     d === "auto" && _.start(q.current || 0, E), t && t(P.current, E);
@@ -227,7 +227,7 @@ function It(e) {
 kt.bind({ g: 1 }), kt.bind({ k: 1 });
 var Pt = function() {
   return "";
-}, an = L.createContext({ enqueueSnackbar: Pt, closeSnackbar: Pt }), at = "@media (max-width:599.95px)", Ye = "@media (min-width:600px)", Ft = function(e) {
+}, an = L.createContext({ enqueueSnackbar: Pt, closeSnackbar: Pt }), at = "@media (max-width:599.95px)", Je = "@media (min-width:600px)", Ft = function(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }, Et = function(e) {
   return "" + Ft(e.vertical) + Ft(e.horizontal);
@@ -320,7 +320,7 @@ function bt(e, o) {
     };
   }, [e, o]);
 }
-function Je(e) {
+function Ye(e) {
   var o = e.timeout, r = e.style, t = r === void 0 ? {} : r, n = e.mode;
   return { duration: typeof o == "object" ? o[n] || 0 : o, easing: t.transitionTimingFunction, delay: t.transitionDelay };
 }
@@ -399,10 +399,10 @@ var cn = le(function(e, o) {
   }, [a, h]), he(Ct, Object.assign({ appear: !0, nodeRef: b, onEnter: function(d, S) {
     Ue(n, d), sn(d), c && c(d, S);
   }, onEntered: u, onEntering: function(d) {
-    var S = Je({ timeout: s, mode: "enter", style: W({}, i, { transitionTimingFunction: i?.transitionTimingFunction || "cubic-bezier(0.0, 0, 0.2, 1)" }) });
+    var S = Ye({ timeout: s, mode: "enter", style: W({}, i, { transitionTimingFunction: i?.transitionTimingFunction || "cubic-bezier(0.0, 0, 0.2, 1)" }) });
     d.style.webkitTransition = Te("-webkit-transform", S), d.style.transition = Te("transform", S), d.style.webkitTransform = "none", d.style.transform = "none";
   }, onExit: function(d) {
-    var S = Je({ timeout: s, mode: "exit", style: W({}, i, { transitionTimingFunction: i?.transitionTimingFunction || "cubic-bezier(0.4, 0, 0.6, 1)" }) });
+    var S = Ye({ timeout: s, mode: "exit", style: W({}, i, { transitionTimingFunction: i?.transitionTimingFunction || "cubic-bezier(0.4, 0, 0.6, 1)" }) });
     d.style.webkitTransition = Te("-webkit-transform", S), d.style.transition = Te("transform", S), Ue(n, d), p && p(d);
   }, onExited: function(d) {
     d.style.webkitTransition = "", d.style.transition = "", k && k(d);
@@ -443,13 +443,13 @@ var un = "notistack-CollapseWrapper", Po = function(e) {
   }, onEntered: function(c) {
     c.style.height = "auto";
   }, onEntering: function(c) {
-    var u = s(), p = Je({ timeout: 175, mode: "enter" }), k = p.duration, w = p.easing;
+    var u = s(), p = Ye({ timeout: 175, mode: "enter" }), k = p.duration, w = p.easing;
     c.style.transitionDuration = typeof k == "string" ? k : k + "ms", c.style.height = u + "px", c.style.transitionTimingFunction = w || "";
   }, onExit: function(c) {
     c.style.height = s() + "px";
   }, onExited: n, onExiting: function(c) {
     sn(c);
-    var u = Je({ timeout: 175, mode: "exit" }), p = u.duration, k = u.easing;
+    var u = Ye({ timeout: 175, mode: "exit" }), p = u.duration, k = u.easing;
     c.style.transitionDuration = typeof p == "string" ? p : p + "ms", c.style.height = it, c.style.transitionTimingFunction = k || "";
   }, nodeRef: i, timeout: 175 }, function(c, u) {
     return he("div", Object.assign({ ref: l, className: fe(_t.root, c === "entered" && _t.entered), style: W({ pointerEvents: "all", overflow: "hidden", minHeight: it, transition: Te("height") }, c === "entered" && { overflow: "visible" }, {}, c === "exited" && !t && { visibility: "hidden" }) }, u), he("div", { ref: a, className: un, style: { display: "flex", width: "100%" } }, r));
@@ -507,7 +507,7 @@ var st, pn = le(function(e, o) {
   } }), r);
 });
 pn.displayName = "Snackbar";
-var zo = ze({ root: (st = { display: "flex", flexWrap: "wrap", flexGrow: 1 }, st[Ye] = { flexGrow: "initial", minWidth: "288px" }, st) }), St = le(function(e, o) {
+var zo = ze({ root: (st = { display: "flex", flexWrap: "wrap", flexGrow: 1 }, st[Je] = { flexGrow: "initial", minWidth: "288px" }, st) }), St = le(function(e, o) {
   var r = e.className, t = He(e, ["className"]);
   return L.createElement("div", Object.assign({ ref: o, className: fe(zo.root, r) }, t));
 });
@@ -550,7 +550,7 @@ var Ie, lt, Ge, Ze, ct, _o = Me(mn), qo = ze({ wrappedRoot: { width: "100%", pos
   return L.createElement(dn, { in: t, onExited: j.onExited }, L.createElement(pn, { open: w, id: v.id, disableWindowBlurListener: d, autoHideDuration: v.autoHideDuration, className: fe(qo.wrappedRoot, k.root, k[Fo(v.anchorOrigin)]), SnackbarProps: b, onClose: a }, L.createElement(g, Object.assign({}, N, { appear: !0, in: w, onExit: j.onExit, onExited: i, onEnter: j.onEnter, onEntered: Fe([j.onEntered, function() {
     e.snack.requestClose && a(null, "instructed", e.snack.id);
   }], v.id) }), D || L.createElement(p, Object.assign({}, v)))));
-}, Pe = 20, ut = 6, $o = 2, Vt = "." + un, Xe = ze({ root: (Ie = { boxSizing: "border-box", display: "flex", maxHeight: "100%", position: "fixed", zIndex: 1400, height: "auto", width: "auto", transition: Te(["top", "right", "bottom", "left", "max-width"], { duration: 300, easing: "ease" }), pointerEvents: "none" }, Ie[Vt] = { padding: ut + "px 0px", transition: "padding 300ms ease 0ms" }, Ie.maxWidth = "calc(100% - " + 2 * Pe + "px)", Ie[at] = { width: "100%", maxWidth: "calc(100% - 32px)" }, Ie), rootDense: (lt = {}, lt[Vt] = { padding: $o + "px 0px" }, lt), top: { top: Pe - ut + "px", flexDirection: "column" }, bottom: { bottom: Pe - ut + "px", flexDirection: "column-reverse" }, left: (Ge = { left: Pe + "px" }, Ge[Ye] = { alignItems: "flex-start" }, Ge[at] = { left: "16px" }, Ge), right: (Ze = { right: Pe + "px" }, Ze[Ye] = { alignItems: "flex-end" }, Ze[at] = { right: "16px" }, Ze), center: (ct = { left: "50%", transform: "translateX(-50%)" }, ct[Ye] = { alignItems: "center" }, ct) }), Vo = Me(function(e) {
+}, Pe = 20, ut = 6, $o = 2, Vt = "." + un, Xe = ze({ root: (Ie = { boxSizing: "border-box", display: "flex", maxHeight: "100%", position: "fixed", zIndex: 1400, height: "auto", width: "auto", transition: Te(["top", "right", "bottom", "left", "max-width"], { duration: 300, easing: "ease" }), pointerEvents: "none" }, Ie[Vt] = { padding: ut + "px 0px", transition: "padding 300ms ease 0ms" }, Ie.maxWidth = "calc(100% - " + 2 * Pe + "px)", Ie[at] = { width: "100%", maxWidth: "calc(100% - 32px)" }, Ie), rootDense: (lt = {}, lt[Vt] = { padding: $o + "px 0px" }, lt), top: { top: Pe - ut + "px", flexDirection: "column" }, bottom: { bottom: Pe - ut + "px", flexDirection: "column-reverse" }, left: (Ge = { left: Pe + "px" }, Ge[Je] = { alignItems: "flex-start" }, Ge[at] = { left: "16px" }, Ge), right: (Ze = { right: Pe + "px" }, Ze[Je] = { alignItems: "flex-end" }, Ze[at] = { right: "16px" }, Ze), center: (ct = { left: "50%", transform: "translateX(-50%)" }, ct[Je] = { alignItems: "center" }, ct) }), Vo = Me(function(e) {
   var o = e.classes, r = o === void 0 ? {} : o, t = e.anchorOrigin, n = e.dense, a = e.children, i = fe("notistack-SnackbarContainer", Xe[t.vertical], Xe[t.horizontal], Xe.root, r.containerRoot, r["containerAnchorOrigin" + Et(t)], n && Xe.rootDense);
   return L.createElement("div", { className: i }, a);
 }), Ut = function(e) {
@@ -722,20 +722,20 @@ const bn = Me(le((e, o) => {
       const F = { ...M, onKeyDown: (H) => {
         u?.dispatchToFocusedCommand(H), H.isDefaultPrevented() || H.isPropagationStopped() || M?.onKeyDown?.(H);
       } };
-      return v(x, { sort: () => import("./B0w_moB3pDJd-a6V.js"), numberFormat: () => import("./BapFqJyAb3cblvJM.js"), hyperlink: () => import("./PIZDjyqIbvmHXs1T.js"), comments: () => import("./b9dlFmoFz8tJhV0Z.js"), find: () => import("./ON5--a75QdEU99y_.js"), tableDetails: () => import("./DYkBvlMlZjOASUJs.js"), tableNew: () => import("./BJVOhUH_XL03H6ZD.js"), namedDetails: () => import("./D0PaU6F-TNaTWj-a.js") }[x], F, T);
+      return v(x, { sort: () => import("./P7HeVw5SHROLSWBz.js"), numberFormat: () => import("./BG3YTMAzNKPRGoLs.js"), hyperlink: () => import("./CWLJZwD2GVXljoWG.js"), comments: () => import("./DQvsBz9F1GS_S7r9.js"), find: () => import("./DTOgv_zwXSur-yCq.js"), tableDetails: () => import("./DK4S0DbayChkfTD6.js"), tableNew: () => import("./S4Z0SN8x6EltjsHT.js"), namedDetails: () => import("./B-p1i2SNRMunPXCF.js") }[x], F, T);
     }, showOptions: N, showInputOptions: D, showError: (x) => {
       let M, T = Be.Error, F = "Unknown Error";
       typeof x == "string" ? F = x : x instanceof Error && (M = x, x.message && (F = x.message)), x instanceof fo && (T = Be.Info), V(F, { type: T, enqueueProps: { error: M } });
     } };
   }, []), I = ne(() => {
   }, []), q = ((V) => {
-    const { workbook: x, setWorkbook: M, importExportDisabled: T, workbookTitle: F = "export", setWorkbookTitle: H, notifier: z, requestWorkbookTitle: ge, themeOptions: A, undoManager: E, commands: B, onExecute: $ } = V, Y = ae(A?.onModeChange, [A?.onModeChange]), pe = ae(A?.onEnabledDarkGridChange, [A?.onEnabledDarkGridChange]), ve = ae(A?.onEnabledDarkImagesChange, [A?.onEnabledDarkImagesChange]), Ee = ae(async (R = null, oe = null) => {
+    const { workbook: x, setWorkbook: M, importExportDisabled: T, workbookTitle: F = "export", setWorkbookTitle: H, notifier: z, requestWorkbookTitle: ge, themeOptions: A, undoManager: E, commands: B, onExecute: $ } = V, J = ae(A?.onModeChange, [A?.onModeChange]), pe = ae(A?.onEnabledDarkGridChange, [A?.onEnabledDarkGridChange]), ve = ae(A?.onEnabledDarkImagesChange, [A?.onEnabledDarkImagesChange]), Ee = ae(async (R = null, oe = null) => {
       const O = [];
       let m, C = null, X = null;
       if (typeof R == "string" ? X = R : C = R, m = C ? R : await Qn.openFileDialog(X ?? xe.getAllReadFormatTypeAsString().join(",")), !m) return null;
-      const J = { source: m, createWorkbookOptions: oe, onWarning: (tt) => {
+      const Y = { source: m, createWorkbookOptions: oe, onWarning: (tt) => {
         O.push(tt);
-      } }, Le = await xe.read(J, z);
+      } }, Le = await xe.read(Y, z);
       return O.length > 0 && (z?.showMessage?.("Some elements were not able to be imported. See console for details."), console.warn(`Import warnings:
 ` + O.join(`
 `))), Le;
@@ -751,13 +751,13 @@ const bn = Me(le((e, o) => {
       T || (xe.getWriteFormats().forEach((O) => {
         const m = O.isDefault, C = { label: m ? "Save Workbook" : `Save Workbook as ${O.description}`, scopedLabels: { workbook: "Save", saveWorkbook: `as ${O.description}` }, tags: O.tags, description: `Save the workbook to the desktop${m ? "" : ` as ${O.description}`}.` };
         m && (C.shortcut = { key: "S", modifiers: [We.Ctrl] }, R.push(new ee("saveWorkbookAs", U, { label: "Save Workbook As…", scopedLabels: { workbook: "Save as…", saveWorkbook: "as…" }, shortcut: [{ key: "S", modifiers: [We.Shift, We.Ctrl] }, { key: "F12" }], description: "Save the workbook to the desktop with the provided name." }, () => {
-          _e(x, null, O).catch((J) => {
-            z?.showError?.(J);
+          _e(x, null, O).catch((Y) => {
+            z?.showError?.(Y);
           });
         })));
         const X = m ? "saveWorkbook" : `saveWorkbookAs${O.key}`;
-        R.push(new ee(X, U, C, (J) => {
-          _e(x, J ?? F, O).catch((Le) => {
+        R.push(new ee(X, U, C, (Y) => {
+          _e(x, Y ?? F, O).catch((Le) => {
             z?.showError?.(Le);
           });
         }));
@@ -766,14 +766,14 @@ const bn = Me(le((e, o) => {
         try {
           const C = await Ee(O, m);
           if (!C) return;
-          const X = C.title, J = C.workbook, Le = J.getSelectedSheet();
+          const X = C.title, Y = C.workbook, Le = Y.getSelectedSheet();
           if (C.formatType.mimeType === "text/csv") {
             const tt = x.findValidSheetName(X);
             await x.doBatch(async () => {
               const Dt = Le.getUsedRange();
               Dt ? await x.getSheets().add({ name: tt, autoSelect: !0 }).getRange({ colStart: 0, rowStart: 0, colEnd: 0, rowEnd: 0 }).copyFrom(Dt) : z?.showMessage("The file appears to be blank.");
             }, `Import CSV '${X}'`);
-          } else x?.close(), H?.(X), M(J);
+          } else x?.close(), H?.(X), M(Y);
         } catch (C) {
           z?.showError?.(C);
         }
@@ -799,27 +799,27 @@ const bn = Me(le((e, o) => {
       })];
     }, [x, F, z, T, A, B, E]), Z = te(() => {
       let R = null;
-      return R = B ? B.createChildGroup(U, "standaloneWorkbook", !1) : new Yt(U, "standaloneWorkbook"), R.addCommands(ke, !0), R;
+      return R = B ? B.createChildGroup(U, "standaloneWorkbook", !1) : new Jt(U, "standaloneWorkbook"), R.addCommands(ke, !0), R;
     }, [B, ke]);
-    Yn({ manager: E, commands: Z, notifier: z });
+    Jn({ manager: E, commands: Z, notifier: z });
     const { themeMode: Oe } = Qt();
     G(() => {
       if (!A || !Z) return;
       const R = A.mode === "dark" || !A.mode && Oe === "dark";
       Z.getCommand("themeMode").update({ state: A.mode ?? null, label: R ? "Dark Mode" : "Light Mode", scopedLabels: { appearance: R ? "Dark Mode" : "Light Mode" } }).updateCallback(() => {
-        Y(R ? pt.Light : pt.Dark);
+        J(R ? pt.Light : pt.Dark);
       }), Z.getCommand("defaultThemeMode").update({ state: !A.mode }).updateCallback(() => {
-        Y(null);
+        J(null);
       }), Z.getCommand("enableDarkGrid").update({ state: A.enableDarkGrid }).updateCallback(() => {
         pe(!A.enableDarkGrid);
       }), Z.getCommand("enableDarkImages").update({ state: A.enableDarkImages }).updateCallback(() => {
         ve(!A.enableDarkImages);
       });
     }, [Oe, A, ke]);
-    const { showModal: qe } = Jn();
+    const { showModal: qe } = Yn();
     return G(() => {
       const R = () => new Promise((oe, O) => {
-        const m = L.lazy(() => import("./D5exf1RvCqvUoJ3X.js")), C = qe(m, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
+        const m = L.lazy(() => import("./CtQlXGkNWgI-vtGy.js")), C = qe(m, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
           C.hide();
         }, TransitionProps: { onExited: () => {
           oe(!0);
@@ -848,7 +848,7 @@ const bn = Me(le((e, o) => {
   }, [y]);
   const [K, Q] = re(null);
   G(() => {
-    y.starting.size !== 0 || y.running.size !== 0 ? Q(f(Jt, { icon: f(eo, { sx: { transform: "scale(0.7)", marginLeft: "-6px" } }), panel: !0, label: y.label, onMount: d, onUnmount: S, sx: { position: "absolute", left: "0", top: "0", width: "100%", height: "100%", zIndex: "9999" } })) : Q(null);
+    y.starting.size !== 0 || y.running.size !== 0 ? Q(f(Yt, { icon: f(eo, { sx: { transform: "scale(0.7)", marginLeft: "-6px" } }), panel: !0, label: y.label, onMount: d, onUnmount: S, sx: { position: "absolute", left: "0", top: "0", width: "100%", height: "100%", zIndex: "9999" } })) : Q(null);
   }, [y.starting, y.running]);
   const de = te(() => f(to, { commands: q, disableHover: !0, sx: { padding: "0" }, buttonProps: { sx: { maxHeight: "22px" } } }), [q]), P = { notifier: _, commands: q };
   return r && (P.statusBarProps = { childrenEnd: de }), ie(Kt, { children: [K, s ? L.cloneElement(s, P) : null] });
@@ -871,7 +871,7 @@ const xn = Me(le((e, o) => {
       (async () => {
         try {
           let m, C = await Promise.resolve(H);
-          C && C.source && (C = await xe.read(C)), C.workbook ? (Y(C.title), m = C.workbook) : m = C, _?.(m), F({ workbook: m });
+          C && C.source && (C = await xe.read(C)), C.workbook ? (J(C.title), m = C.workbook) : m = C, _?.(m), F({ workbook: m });
         } catch (m) {
           _?.(null), F({ error: m });
         }
@@ -891,16 +891,16 @@ const xn = Me(le((e, o) => {
   }, [x, T, A]);
   const B = ae((m) => {
     m ? x.setRepeatableOperation({ description: m.label(), repeat: async () => m.execute() }) : x.setRepeatableOperation(null);
-  }, [x]), [$, Y] = re(d ?? v?.title ?? "");
+  }, [x]), [$, J] = re(d ?? v?.title ?? "");
   G(() => {
-    Y(d ?? v?.title ?? "");
+    J(d ?? v?.title ?? "");
   }, [d ?? v?.title]), G(() => {
     I?.($);
   }, [$]);
   const [pe, ve] = re(null), Ee = te(() => {
     const m = () => ({ contains: (C) => !0, focus() {
     } });
-    return h ? h.createChildGroup(m, "application", !1) : new Yt(m, "application");
+    return h ? h.createChildGroup(m, "application", !1) : new Jt(m, "application");
   }, [h]), _e = ae((m) => {
     ve(m.source.getViewportElement()), E(m), Ee.activate("sheet"), a?.(m);
   }, [Ee]);
@@ -910,7 +910,7 @@ const xn = Me(le((e, o) => {
   const U = se(null), ke = ne((m) => {
     let C = null;
     return v?.hidden || (C = f(An, { ...v, style: { maxWidth: "100%", ...v?.style }, workbook: j.current, ref: U, title: $, placeHolder: q, onTitleChange: (X) => {
-      Y(X);
+      J(X);
     } })), f(kn, { ...m, logo: w, mainElement: C, showFileMenu: !b, showAppearanceMenu: !!(P?.onEnabledDarkGridChange || P?.onEnabledDarkImagesChange || P?.onModeChange) });
   }, [w, $, v, P, b, Ee]);
   G(() => {
@@ -921,24 +921,24 @@ const xn = Me(le((e, o) => {
   }, []);
   const Z = te(() => {
     const m = { transparentBackground: !0 };
-    return f(me, { sx: t, style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, display: "flex", alignItems: "center", justifyContent: "center", ...n }, children: N?.(m) ?? f(Jt, { ...m }) });
+    return f(me, { sx: t, style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, display: "flex", alignItems: "center", justifyContent: "center", ...n }, children: N?.(m) ?? f(Yt, { ...m }) });
   }, [t, n, N]), Oe = ne(({ error: m }) => (i?.(m), f(s, { sx: t, style: n, error: m ?? "Unable to display empty workbook." })), [t, n, i]), qe = te(() => ({ ...t, "& .SnackbarContainer-root": { position: "absolute !important" }, "& .notistack-Snackbar": { minWidth: "unset" }, "& .notistack-MuiContent *": { fontFamily: (m) => m.typography.fontFamily }, "& #notistack-snackbar": { maxWidth: "560px", whiteSpace: "pre-wrap" }, "*": { userSelect: "none" } }), [t]), R = en([j, o]), oe = te(() => {
     if (!T) return Z;
     if (T.error || !T.workbook) return Oe({ error: T.error });
     let m = null, C = null, X = !1;
-    return P && (m = V ? P.dark : P.light, C = V && P.enableDarkGrid ? P.dark : P.light, X = P.enableDarkImages), f(Rn, { sx: qe, style: n, tabIndex: 0, autoFocus: !0, workbook: T.workbook, ref: R, renderToolbar: ke, onElementLoad: _e, onRepeatCommandChange: B, onKeyDown: (J) => {
-      c?.(J);
-    }, renderLoadingPanel: N, gridTheme: C, headersTheme: m, enableDarkImages: X, className: mt(r, "sheetxl-workbook"), onContextMenu: (J) => J.preventDefault(), ...D }, "WorkbookElement");
+    return P && (m = V ? P.dark : P.light, C = V && P.enableDarkGrid ? P.dark : P.light, X = P.enableDarkImages), f(Rn, { sx: qe, style: n, tabIndex: 0, autoFocus: !0, workbook: T.workbook, ref: R, renderToolbar: ke, onElementLoad: _e, onRepeatCommandChange: B, onKeyDown: (Y) => {
+      c?.(Y);
+    }, renderLoadingPanel: N, gridTheme: C, headersTheme: m, enableDarkImages: X, className: mt(r, "sheetxl-workbook"), onContextMenu: (Y) => Y.preventDefault(), ...D }, "WorkbookElement");
   }, [T, $, x, Z, N, P, D, ke, qe]);
   let O = f(No, { fallbackRender: Oe, children: f(Uo, { maxSnack: 3, domRoot: pe, anchorOrigin: { vertical: "bottom", horizontal: "right" }, autoHideDuration: 3500, onClose: (m, C, X) => {
     j.current?.focus();
-  }, Components: { error: fn }, iconVariant: { success: f(Fn, { style: { marginRight: "8px" }, children: f("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" }) }), error: f(Pn, { style: { marginRight: "8px" } }) }, children: f(In, { children: f(bn, { workbook: T?.workbook, setWorkbook: z, importExportDisabled: b, titlePlaceHolder: q, titleWorkbook: $, setWorkbookTitle: Y, refWorkbookTitle: U, commands: Ee, undoManager: x, themeOptions: P, children: oe }) }) }) });
+  }, Components: { error: fn }, iconVariant: { success: f(Fn, { style: { marginRight: "8px" }, children: f("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" }) }), error: f(Pn, { style: { marginRight: "8px" } }) }, children: f(In, { children: f(bn, { workbook: T?.workbook, setWorkbook: z, importExportDisabled: b, titlePlaceHolder: q, titleWorkbook: $, setWorkbookTitle: J, refWorkbookTitle: U, commands: Ee, undoManager: x, themeOptions: P, children: oe }) }) }) });
   return P && (O = ie(jn, { theme: V ? P.dark : P.light, children: [P.cssBaseline ? f(Oo, {}) : null, O] })), O;
 }));
 xn.displayName = "EagerStudio";
 const Go = Object.freeze(Object.defineProperty({ __proto__: null, default: xn }, Symbol.toStringTag, { value: "Module" })), er = Object.freeze(Object.defineProperty({ __proto__: null, E: Go, c: fe }, Symbol.toStringTag, { value: "Module" }));
 export {
   ft as C,
-  er as D,
+  er as a,
   fe as h
 };

package/cdn/assets/{DRmeb1VC4YCzKKWd.js → DhD48oFrbrnZ6Zg5.js}

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

package/{browser/esm/BfCWogOnq8R-c3dD.mjs → cdn/assets/DhyAyTCDkMBf392P.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -13,7 +13,7 @@ const 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("./DFQvqk5r1uf_z0h_.mjs").then((e) => e.b7)]);
+  const o = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./2-xJlw77WsCoyz09.js").then((e) => e.b6)]);
   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/cdn/assets/{B0w_moB3pDJd-a6V.js → P7HeVw5SHROLSWBz.js}

@@ -1,19 +1,19 @@
 import { jsx as n, jsxs as m } 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 "./DKLitAhDj5Ibh2cc.js";
+import { w as O, v as S, B as g, at as s, au as l } from "./2-xJlw77WsCoyz09.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const D = ({ range: p, options: c, cell: u, onDone: d, ...h }) => {
-  const [t, o] = C(c ?? a.DefaultRangeOptions), v = O((e) => {
+const D = ({ range: p, options: c, cell: u, onDone: d, ...v }) => {
+  const [t, o] = C(c ?? a.DefaultRangeOptions), h = O((e) => {
     let i = null;
     e === "Sort" && (i = { ...c, options: t }), d?.(i);
   }, [t, d, c]);
-  return n(S, { title: "Sort", options: ["Sort", "Cancel"], onDone: v, ...h, children: m(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) => {
+  return n(S, { title: "Sort", options: ["Sort", "Cancel"], onDone: h, ...v, children: m(g, { 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, 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" })] }) });

package/{browser/esm/CZVzRhflTpwAAl1o.mjs → cdn/assets/S4Z0SN8x6EltjsHT.js}

@@ -1,20 +1,20 @@
 import { jsx as o, jsxs as D } from "react/jsx-runtime";
 import { memo as N, useState as i, useCallback as T } from "react";
-import { w as k, b as j, B as v, aP as y, at as B, au as F } from "./DFQvqk5r1uf_z0h_.mjs";
+import { w as k, v, B as j, aP as y, at as B, au as F } from "./2-xJlw77WsCoyz09.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const H = ["Ok", "Cancel"], A = N((u) => {
-  const { tableOptions: e, context: p, onOption: c, onValidateOption: I, onDone: r, options: d = H, defaultOption: t = d?.[0], cancelOption: s = "Cancel", sx: m, ...b } = u, [h, x] = i(!1), [n, O] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = k((a) => {
+  const { tableOptions: e, context: p, onOption: c, onValidateOption: I, onDone: r, options: d = H, defaultOption: t = d?.[0], cancelOption: s = "Cancel", sx: m, ...h } = u, [x, O] = i(!1), [n, b] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = k((a) => {
     const g = { ...e, hasHeader: n, ranges: l };
     c?.(a, a === s, a === t), r?.({ option: a, tableOptions: g });
   }, [r, c, t, s, n, l, e]), w = T(async (a, g) => null, []);
-  return o(j, { title: "Insert Table", options: d, onDone: C, onValidateOption: w, defaultOption: t, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...b, children: D(v, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
-    h || a.target?.select(), x(!0);
-  } }), o(B, { control: o(F, { checked: n, onChange: () => O(!n) }), label: "Table has headers", labelPlacement: "end" })] }) });
+  return o(v, { title: "Insert Table", options: d, onDone: C, onValidateOption: w, defaultOption: t, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...h, children: D(j, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
+    x || a.target?.select(), O(!0);
+  } }), o(B, { control: o(F, { checked: n, onChange: () => b(!n) }), label: "Table has headers", labelPlacement: "end" })] }) });
 });
 export {
   A as TableNewDialog,

package/cdn/assets/{CxcLNXXaxyFyUzyb.js → S9fgUO7h8YgZxoKH.js}

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

package/{browser/esm/gsfI5CGYr7LCQxRx.mjs → cdn/assets/guYe4C_6pE93QsDV.js}

@@ -1,41 +1,41 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as z, forwardRef as E, useState as s } from "react";
-import { k as t, i as G, b as K, B as R, F as W, T as Y, a as x, G as q, Y as y } from "./DFQvqk5r1uf_z0h_.mjs";
+import { k as n, i as G, v as K, B as R, F as W, T as q, a as x, G as A, t as y } from "./2-xJlw77WsCoyz09.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const A = ["Input"], X = z(E((w, T) => {
-  const { initialValue: F = "", onOption: I, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: P, inputType: b, inputPlaceHolder: k, options: d = A, 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) => {
+const J = ["Input"], Y = z(E((w, T) => {
+  const { initialValue: F = "", onOption: v, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: I, inputType: P, inputPlaceHolder: k, options: d = J, autoFocusSel: C = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...b } = w, [V, B] = s(!1), [o, D] = s(F), [S, H] = s(""), [L, M] = s(!0), e = n(async (a, t) => {
     if (!p) return !0;
-    const h = await p?.(a, n);
+    const h = await p?.(a, t);
     H(h?.message ?? "");
     const O = h?.valid ?? !0;
     return M(O), O;
-  }, [p]), f = t(async (a) => {
+  }, [p]), f = n(async (a) => {
     l?.(o, a);
-  }, [o, l, u, I, g, m]), N = t(async (a) => {
+  }, [o, l, u, v, g, m]), N = n(async (a) => {
     a.keyCode === G.Enter && await e?.(o, null);
-  }, [o, f]), $ = t((a) => {
+  }, [o, f]), $ = n((a) => {
     D(a.target.value), e?.(a.target.value, null);
-  }, [r]), j = t(async (a) => {
-    let n = await e(o, a);
+  }, [r]), j = n(async (a) => {
+    let t = await e(o, a);
     try {
-      n !== !1 && (n = await e(o, a));
+      t !== !1 && (t = await e(o, a));
     } catch {
     }
-    return n ?? !0;
+    return t ?? !0;
   }, [o, r]);
-  return i(K, { options: d, onDone: u, 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(Y, { onFocus: (a) => {
+  return i(K, { options: d, onDone: u, onOption: (a, t) => {
+    t || f(a);
+  }, onValidateOption: j, cancelOption: g, defaultOption: m, autoFocusSel: C, ref: T, ...b, 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", ...c, className: q("autoFocus", c?.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) => {
+  }, type: P, label: I, 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", ...c, className: A("autoFocus", c?.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 {
-  X as default
+  Y as default
 };

package/cdn/index.js

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -115,7 +115,7 @@ let c;
 const C = async (e) => c || (c = await (async (n, t) => {
   try {
     if (t?.selector && k(t?.selector, t?.loading), !n) {
-      const { resolveDependencies: r } = await import("./assets/TOkIJFYhNg78FdJa.js");
+      const { resolveDependencies: r } = await import("./assets/DhyAyTCDkMBf392P.js");
       n = await r(t?.dependencies);
     }
     t?.licenseKey && await n.StudioMUI.LicenseManager.setLicenseKey(t.licenseKey), t?.selector && h(t?.selector);

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.9
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (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.9",
+  "version": "0.4.10",
   "license": "SEE LICENSE IN <LICENSE>",
   "type": "module",
   "main": "./browser/esm/index.mjs",
@@ -41,12 +41,12 @@
     "@mui/styled-engine": "^6.5.0",
     "@mui/system": "^6.5.0",
     "@mui/utils": "^6.4.9",
-    "@sheetxl/studio-mui": "^0.4.9",
+    "@sheetxl/studio-mui": "^0.4.10",
     "csstype": "^3.1.3",
     "http-server": "^14.1.1"
   },
   "peerDependencies": {
-    "@sheetxl/sdk": "^0.4.9",
+    "@sheetxl/sdk": "^0.4.10",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   }

package/types/index.d.ts

@@ -1,5 +1,5 @@
-import { IWorkbookElement as IWorkbookElement_2 } from '@sheetxl/studio-mui';
 import { sheetxlStudioMui } from '@sheetxl/studio-mui';
+import { StudioElement as StudioElement_2 } from '@sheetxl/studio-mui';
 import { StudioProps as StudioProps_2 } from '@sheetxl/studio-mui';
 
 /**
@@ -75,7 +75,7 @@ export declare interface ISheetXL {
      * @param props Optional properties to pass to the SheetXL React component.
      * @returns A promise that resolves to a function that, when called, will detach the SheetXL React component from the DOM element.
      */
-    attachStudio(selector: string | InitializationOptions, props?: StudioProps): Promise<IWorkbookElement & Attached<StudioProps>>;
+    attachStudio(selector: string | InitializationOptions, props?: StudioProps): Promise<StudioElement & Attached<StudioProps>>;
     /**
      * Initializes the SheetXL runtime with the provided options.
      *
@@ -88,13 +88,6 @@ export declare interface ISheetXL {
     initialize(options: InitializationOptions): Promise<void>;
 }
 
-/**
- * Reference to IWorkbookElement.
- *
- * @link [IWorkbookElement](../interfaces/_sheetxl_studio-mui.IWorkbookElement.html)
- */
-export declare type IWorkbookElement = IWorkbookElement_2;
-
 /**
  * Configuration for panels that appear during loading or error states.
  */
@@ -128,6 +121,13 @@ export declare interface PanelConfig {
 declare const SheetXL: ISheetXL;
 export default SheetXL;
 
+/**
+ * Reference to IWorkbookElement.
+ *
+ * @link [IWorkbookElement](../interfaces/_sheetxl_studio-mui.IWorkbookElement.html)
+ */
+export declare type StudioElement = StudioElement_2;
+
 /**
  * Reference to StudioMUI module.
  *

package/browser/cjs/5hPVyVAXmITQCRAG.cjs

@@ -1,6 +0,0 @@
-"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
- *
- * (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 p=require("react/jsx-runtime"),a=require("react"),n=require("./CalnqtYH48_x2rcI.cjs"),L=["Input"],N=a.memo(a.forwardRef((y,O)=>{const{initialValue:b="",onOption:k,onValidateOption:l,onInputOption:s,onValidateInputOption:r,onDone:u,inputProps:c,inputLabel:T,inputType:w,inputPlaceHolder:F,options:d=L,autoFocusSel:S=".autoFocus",cancelOption:g,defaultOption:f=d?.[0],...P}=y,[v,C]=a.useState(!1),[e,I]=a.useState(b),[j,V]=a.useState(""),[q,B]=a.useState(!0),i=n.kn(async(t,o)=>{if(!r)return!0;const h=await r?.(t,o);V(h?.message??"");const x=h?.valid??!0;return B(x),x},[r]),m=n.kn(async t=>{s?.(e,t)},[e,s,u,k,g,f]),D=n.kn(async t=>{t.keyCode===n.ir.Enter&&await i?.(e,null)},[e,m]),M=n.kn(t=>{I(t.target.value),i?.(t.target.value,null)},[l]),H=n.kn(async t=>{let o=await i(e,t);try{o!==!1&&(o=await i(e,t))}catch{}return o??!0},[e,l]);return p.jsx(n.b4,{options:d,onDone:u,onOption:(t,o)=>{o||m(t)},onValidateOption:H,cancelOption:g,defaultOption:f,autoFocusSel:S,ref:O,...P,children:p.jsx(n.Box,{sx:{paddingTop:t=>t.spacing(1),paddingBottom:t=>t.spacing(0)},children:p.jsx(n.FormControl,{sx:{paddingTop:t=>t.spacing(1.5),minWidth:135,width:"100%"},size:"small",children:p.jsx(n.TextField,{onFocus:t=>{v||t.target?.select(),C(!0)},type:w,label:T,helperText:j||" ",sx:{width:"100%","& .MuiFormHelperText-root":{marginTop:t=>t.spacing(.5),color:q?void 0:"error.main"}},InputLabelProps:{shrink:!0},InputProps:{inputProps:{placeholder:F,spellCheck:!1,autoComplete:"off",...c,className:n.Go("autoFocus",c?.className),sx:{paddingTop:t=>t.spacing(1.25),paddingBottom:t=>t.spacing(.75),backgroundImage:`linear-gradient(${n.alpha("#fff",n.Yb(5))}, ${n.alpha("#fff",n.Yb(5))})`}}},value:e,onChange:M,onKeyDown:D,onContextMenu:t=>{t.stopPropagation()}})})})})}));exports.default=N;