@sheetxl/studio-vanilla 0.4.8 → 0.4.9

package/{browser/esm/xlL3Ai-ka9qMVeua.mjs → cdn/assets/DRL5s4S0fIXi1aU7.js}

@@ -1,6 +1,6 @@
 import { Workbook as J } from "@sheetxl/sdk";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @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.

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

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

package/cdn/assets/{DTvvMKZZfsVRhbow.js → DYkBvlMlZjOASUJs.js}

@@ -1,8 +1,8 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import { memo as O, useState as r, useRef as M, useReducer as A, useMemo as E } from "react";
-import { aL as Q, Q as W, aM as k, aN as V, w as x, aA as q, aB as G, B as n, aO as J, aP as K, ak as f, aQ as U, aR as X, ag as y, ah as b, ai as w, aS as S } from "./B2hDWpWSEoChxhVY.js";
+import { aL as Q, Q as W, aM as k, aN as V, w as x, aA as q, aB as G, B as n, aO as J, aP as K, ak as f, aQ as U, aR as X, ag as y, ah as b, ai as w, aS as S } from "./DKLitAhDj5Ibh2cc.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @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.

package/cdn/assets/{C5NMOq74C3Sme49x.js → ON5--a75QdEU99y_.js}

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as p } from "react/jsx-runtime";
 import { memo as oe, useRef as C, useState as b, useEffect as L, useLayoutEffect as pe, useMemo as de } from "react";
 import { ICell as c, IRange as R } from "@sheetxl/sdk";
-import { v as D, w as H, av as ue, Q as fe, aA as ge, aB as me, B as O, aC as m, ah as x, aD as xe, a8 as y, aE as he, T as _, a as k, aF as Oe, aG as Ce, aH as ye, aI as be, ay as w, aJ as ve, aK as Te, ak as Re, az as ke, F as we, aw as Ee, ax as Fe } from "./B2hDWpWSEoChxhVY.js";
-import { C as ee } from "./tJI1G_FjDgqWo3rJ.js";
+import { v as D, w as H, av as ue, Q as fe, aA as ge, aB as me, B as O, aC as m, ah as x, aD as xe, a8 as y, aE as he, T as _, a as k, aF as Oe, aG as Ce, aH as ye, aI as be, ay as w, aJ as ve, aK as Te, ak as Re, az as ke, F as we, aw as Ee, ax as Fe } from "./DKLitAhDj5Ibh2cc.js";
+import { C as ee } from "./d1PG-QPA1GcQ_RuH.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @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.

package/cdn/assets/{Dbd0AFDlzQDW0tOg.js → PIZDjyqIbvmHXs1T.js}

@@ -1,8 +1,8 @@
 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 { w as f, b as S, B as U, F as P, T as D, a as l, ay as p } from "./B2hDWpWSEoChxhVY.js";
+import { w as f, b as S, B as U, F as P, T as D, a as l, ay as p } from "./DKLitAhDj5Ibh2cc.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @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.

package/cdn/assets/{DuU1-7vd87A1wfGJ.js → TOkIJFYhNg78FdJa.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @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.
@@ -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("./B2hDWpWSEoChxhVY.js").then((e) => e.b6)]);
+  const o = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./DKLitAhDj5Ibh2cc.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/{g4FhlroGKmJM7Utd.js → b9dlFmoFz8tJhV0Z.js}

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as E, useMemo as M, useState as x, useCallback as j } from "react";
-import { w as r, b as S, B as V, F as $, T as z, a as h, ay as C } from "./B2hDWpWSEoChxhVY.js";
+import { w as r, b as S, B as V, F as $, T as z, a as h, ay as C } from "./DKLitAhDj5Ibh2cc.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @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.

package/cdn/assets/{tJI1G_FjDgqWo3rJ.js → d1PG-QPA1GcQ_RuH.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 An, y as xe, z as Yt, A as Nn, 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 Ae, 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 "./B2hDWpWSEoChxhVY.js";
+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 { createPortal as mo } from "react-dom";
-import { CommonUtils as ot, UndoManager as ho, Workbook as At, PartialError as fo } from "@sheetxl/sdk";
+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.8
+ * @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.
@@ -18,10 +18,10 @@ const ko = je("div", { name: "MuiCollapse", slot: "Root", overridesResolver: (e,
   const { ownerState: r } = e;
   return [o.root, o[r.orientation], r.state === "entered" && o.entered, r.state === "exited" && !r.in && r.collapsedSize === "0px" && o.hidden];
 } })(Mn(({ theme: e }) => ({ height: 0, overflow: "hidden", transition: e.transitions.create("height"), variants: [{ props: { orientation: "horizontal" }, style: { height: "auto", width: 0, transition: e.transitions.create("width") } }, { props: { state: "entered" }, style: { height: "auto", overflow: "visible" } }, { props: { state: "entered", orientation: "horizontal" }, style: { width: "auto" } }, { props: ({ ownerState: o }) => o.state === "exited" && !o.in && o.collapsedSize === "0px", style: { visibility: "hidden" } }] }))), bo = je("div", { name: "MuiCollapse", slot: "Wrapper", overridesResolver: (e, o) => o.wrapper })({ display: "flex", width: "100%", variants: [{ props: { orientation: "horizontal" }, style: { width: "auto", height: "100%" } }] }), xo = je("div", { name: "MuiCollapse", slot: "WrapperInner", overridesResolver: (e, o) => o.wrapperInner })({ width: "100%", variants: [{ props: { orientation: "horizontal" }, style: { width: "auto", height: "100%" } }] }), ft = we.forwardRef(function(e, o) {
-  const r = et({ props: e, name: "MuiCollapse" }), { addEndListener: t, children: n, className: a, collapsedSize: i = "0px", component: l, easing: s, in: c, onEnter: u, onEntered: p, onEntering: k, onExit: w, onExited: b, onExiting: g, orientation: y = "vertical", style: h, timeout: d = En.standard, TransitionComponent: S = Cn, ...v } = r, A = { ...r, orientation: y, collapsedSize: i }, D = ((E) => {
+  const r = et({ props: e, name: "MuiCollapse" }), { addEndListener: t, children: n, className: a, collapsedSize: i = "0px", component: l, easing: s, in: c, onEnter: u, onEntered: p, onEntering: k, onExit: w, onExited: b, onExiting: g, orientation: y = "vertical", style: h, timeout: d = En.standard, TransitionComponent: S = Cn, ...v } = r, N = { ...r, orientation: y, collapsedSize: i }, D = ((E) => {
     const { orientation: B, classes: $ } = E;
     return vt({ root: ["root", `${B}`], entered: ["entered"], hidden: ["hidden"], wrapper: ["wrapper", `${B}`], wrapperInner: ["wrapperInner", `${B}`] }, go, $);
-  })(A), j = Sn(), _ = Dn(), I = we.useRef(null), q = we.useRef(), K = typeof i == "number" ? `${i}px` : i, Q = y === "horizontal", de = Q ? "width" : "height", P = we.useRef(null), V = Tn(o, P), x = (E) => (B) => {
+  })(N), j = Sn(), _ = Dn(), I = we.useRef(null), q = we.useRef(), K = typeof i == "number" ? `${i}px` : i, Q = y === "horizontal", de = Q ? "width" : "height", P = we.useRef(null), V = Tn(o, P), x = (E) => (B) => {
     if (E) {
       const $ = P.current;
       B === void 0 ? E($) : E($, B);
@@ -41,7 +41,7 @@ const ko = je("div", { name: "MuiCollapse", slot: "Root", overridesResolver: (e,
     E.style[de] = "auto", p && p(E, B);
   }), z = x((E) => {
     E.style[de] = `${M()}px`, w && w(E);
-  }), ge = x(b), N = x((E) => {
+  }), ge = x(b), A = x((E) => {
     const B = M(), { duration: $, easing: Y } = Tt({ style: h, timeout: d, easing: s }, { mode: "exit" });
     if (d === "auto") {
       const pe = j.transitions.getAutoHeightDuration(B);
@@ -49,9 +49,9 @@ const ko = je("div", { name: "MuiCollapse", slot: "Root", overridesResolver: (e,
     } else E.style.transitionDuration = typeof $ == "string" ? $ : `${$}ms`;
     E.style[de] = K, E.style.transitionTimingFunction = Y, g && g(E);
   });
-  return f(S, { in: c, onEnter: T, onEntered: H, onEntering: F, onExit: z, onExited: ge, onExiting: N, addEndListener: (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);
-  }, nodeRef: P, timeout: d === "auto" ? null : d, ...v, children: (E, { ownerState: B, ...$ }) => f(ko, { as: l, className: wt(D.root, a, { entered: D.entered, exited: !c && K === "0px" && D.hidden }[E]), style: { [Q ? "minWidth" : "minHeight"]: K, ...h }, ref: V, ownerState: { ...A, state: E }, ...$, children: f(bo, { ownerState: { ...A, state: E }, className: D.wrapper, ref: I, children: f(xo, { ownerState: { ...A, state: E }, className: D.wrapperInner, children: n }) }) }) });
+  }, nodeRef: P, timeout: d === "auto" ? null : d, ...v, children: (E, { ownerState: B, ...$ }) => f(ko, { as: l, className: wt(D.root, a, { entered: D.entered, exited: !c && K === "0px" && D.hidden }[E]), style: { [Q ? "minWidth" : "minHeight"]: K, ...h }, ref: V, ownerState: { ...N, state: E }, ...$, children: f(bo, { ownerState: { ...N, state: E }, className: D.wrapper, ref: I, children: f(xo, { ownerState: { ...N, state: E }, className: D.wrapperInner, children: n }) }) }) });
 });
 function yo(e) {
   return xt("MuiCard", e);
@@ -77,7 +77,7 @@ const Co = je("div", { name: "MuiCardActions", slot: "Root", overridesResolver:
     return vt({ root: ["root", !u && "spacing"] }, Eo, c);
   })(i);
   return f(Co, { className: wt(l.root, n), ownerState: i, ref: o, ...a });
-}), gt = typeof Xt({}) == "function", Do = (e, o) => ({ WebkitFontSmoothing: "antialiased", MozOsxFontSmoothing: "grayscale", boxSizing: "border-box", WebkitTextSizeAdjust: "100%", ...o && !e.vars && { colorScheme: e.palette.mode } }), To = (e) => ({ color: (e.vars || e).palette.text.primary, ...e.typography.body1, backgroundColor: (e.vars || e).palette.background.default, "@media print": { backgroundColor: (e.vars || e).palette.common.white } }), Nt = (e, o = !1) => {
+}), gt = typeof Xt({}) == "function", Do = (e, o) => ({ WebkitFontSmoothing: "antialiased", MozOsxFontSmoothing: "grayscale", boxSizing: "border-box", WebkitTextSizeAdjust: "100%", ...o && !e.vars && { colorScheme: e.palette.mode } }), To = (e) => ({ color: (e.vars || e).palette.text.primary, ...e.typography.body1, backgroundColor: (e.vars || e).palette.background.default, "@media print": { backgroundColor: (e.vars || e).palette.common.white } }), At = (e, o = !1) => {
   const r = {};
   o && e.colorSchemes && typeof e.getColorSchemeSelector == "function" && Object.entries(e.colorSchemes).forEach(([a, i]) => {
     const l = e.getColorSchemeSelector(a);
@@ -86,8 +86,8 @@ const Co = je("div", { name: "MuiCardActions", slot: "Root", overridesResolver:
   let t = { html: Do(e, o), "*, *::before, *::after": { boxSizing: "inherit" }, "strong, b": { fontWeight: e.typography.fontWeightBold }, body: { margin: 0, ...To(e), "&::backdrop": { backgroundColor: (e.vars || e).palette.background.default } }, ...r };
   const n = e.components?.MuiCssBaseline?.styleOverrides;
   return n && (t = [t, n]), t;
-}, Qe = "mui-ecs", Mo = Xt(gt ? ({ theme: e, enableColorScheme: o }) => Nt(e, o) : ({ theme: e }) => ((o) => {
-  const r = Nt(o, !1), t = Array.isArray(r) ? r[0] : r;
+}, Qe = "mui-ecs", Mo = Xt(gt ? ({ theme: e, enableColorScheme: o }) => At(e, o) : ({ theme: e }) => ((o) => {
+  const r = At(o, !1), t = Array.isArray(r) ? r[0] : r;
   return !o.vars && t && (t.html[`:root:has(${Qe})`] = { colorScheme: o.palette.mode }), o.colorSchemes && Object.entries(o.colorSchemes).forEach(([n, a]) => {
     const i = o.getColorSchemeSelector(n);
     i.startsWith("@") ? t[i] = { [`:root:not(:has(.${Qe}))`]: { colorScheme: a.palette?.mode } } : t[i.replace(/\s*&/, "")] = { [`&:not(:has(.${Qe}))`]: { colorScheme: a.palette?.mode } };
@@ -98,7 +98,7 @@ function Oo(e) {
   return ie(we.Fragment, { children: [gt && f(Mo, { enableColorScheme: t }), !gt && !t && f("span", { className: Qe, style: { display: "none" } }), r] });
 }
 const Lo = Ln(f("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z" }), "CancelOutlined"), Wo = yn(null), rt = { didCatch: !1, error: null };
-class Ao extends Gt {
+class No extends Gt {
   constructor(o) {
     super(o), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = rt;
   }
@@ -150,7 +150,7 @@ function fe() {
   for (var e, o, r = 0, t = ""; r < arguments.length; ) (e = arguments[r++]) && (o = tn(e)) && (t && (t += " "), t += o);
   return t;
 }
-let No = { data: "" }, Ro = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Io = /\/\*[^]*?\*\/|  +/g, Rt = /\n+/g, ye = (e, o) => {
+let Ao = { data: "" }, Ro = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Io = /\/\*[^]*?\*\/|  +/g, Rt = /\n+/g, ye = (e, o) => {
   let r = "", t = "", n = "";
   for (let a in e) {
     let i = e[a];
@@ -175,8 +175,8 @@ function kt(e) {
     })(p));
     if (!ce[k]) {
       let d = p !== i ? i : ((S) => {
-        let v, A, D = [{}];
-        for (; v = Ro.exec(S.replace(Io, "")); ) v[4] ? D.shift() : v[3] ? (A = v[3].replace(Rt, " ").trim(), D.unshift(D[0][A] = D[0][A] || {})) : D[0][v[1]] = v[2].replace(Rt, " ").trim();
+        let v, N, D = [{}];
+        for (; v = Ro.exec(S.replace(Io, "")); ) v[4] ? D.shift() : v[3] ? (N = v[3].replace(Rt, " ").trim(), D.unshift(D[0][N] = D[0][N] || {})) : D[0][v[1]] = v[2].replace(Rt, " ").trim();
         return D[0];
       })(i);
       ce[k] = ye(u ? { ["@keyframes " + k]: d } : d, s ? "" : "." + k);
@@ -191,7 +191,7 @@ function kt(e) {
       c = p ? "." + p : u && typeof u == "object" ? u.props ? "" : ye(u, "") : u === !1 ? "" : u;
     }
     return i + l + (c ?? "");
-  }, "")) : r.reduce((i, l) => Object.assign(i, l && l.call ? l(o.p) : l), {}) : r, ((i) => typeof window == "object" ? ((i ? i.querySelector("#_goober") : window._goober) || Object.assign((i || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : i || No)(o.target), o.g, o.o, o.k);
+  }, "")) : r.reduce((i, l) => Object.assign(i, l && l.call ? l(o.p) : l), {}) : r, ((i) => typeof window == "object" ? ((i ? i.querySelector("#_goober") : window._goober) || Object.assign((i || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : i || Ao)(o.target), o.g, o.o, o.k);
   var t, n, a;
 }
 function on(e, o, r) {
@@ -233,12 +233,12 @@ var Pt = function() {
   return "" + Ft(e.vertical) + Ft(e.horizontal);
 }, $e = function(e) {
   return !!e || e === 0;
-}, Ve = "unmounted", Ce = "exited", Se = "entering", Ne = "entered", jt = "exiting", Ct = function(e) {
+}, Ve = "unmounted", Ce = "exited", Se = "entering", Ae = "entered", jt = "exiting", Ct = function(e) {
   function o(t) {
     var n;
     n = e.call(this, t) || this;
     var a, i = t.appear;
-    return n.appearStatus = null, t.in ? i ? (a = Ce, n.appearStatus = Se) : a = Ne : a = t.unmountOnExit || t.mountOnEnter ? Ve : Ce, n.state = { status: a }, n.nextCallback = null, n;
+    return n.appearStatus = null, t.in ? i ? (a = Ce, n.appearStatus = Se) : a = Ae : a = t.unmountOnExit || t.mountOnEnter ? Ve : Ce, n.state = { status: a }, n.nextCallback = null, n;
   }
   rn(o, e), o.getDerivedStateFromProps = function(t, n) {
     return t.in && n.status === Ve ? { status: Ce } : null;
@@ -250,7 +250,7 @@ var Pt = function() {
     var n = null;
     if (t !== this.props) {
       var a = this.state.status;
-      this.props.in ? a !== Se && a !== Ne && (n = Se) : a !== Se && a !== Ne || (n = jt);
+      this.props.in ? a !== Se && a !== Ae && (n = Se) : a !== Se && a !== Ae || (n = jt);
     }
     this.updateStatus(!1, n);
   }, r.componentWillUnmount = function() {
@@ -264,11 +264,11 @@ var Pt = function() {
     var n = this, a = this.props.enter, i = t, l = this.getTimeouts();
     t || a ? (this.props.onEnter && this.props.onEnter(this.node, i), this.safeSetState({ status: Se }, function() {
       n.props.onEntering && n.props.onEntering(n.node, i), n.onTransitionEnd(l.enter, function() {
-        n.safeSetState({ status: Ne }, function() {
+        n.safeSetState({ status: Ae }, function() {
           n.props.onEntered && n.props.onEntered(n.node, i);
         });
       });
-    })) : this.safeSetState({ status: Ne }, function() {
+    })) : this.safeSetState({ status: Ae }, function() {
       n.props.onEntered && n.props.onEntered(n.node, i);
     });
   }, r.performExit = function() {
@@ -376,15 +376,15 @@ var cn = le(function(e, o) {
   }, [n]);
   return G(function() {
     if (!a && n !== "down" && n !== "right") {
-      var d = function(v, A) {
+      var d = function(v, N) {
         var D;
         function j() {
           for (var _ = this, I = arguments.length, q = new Array(I), K = 0; K < I; K++) q[K] = arguments[K];
           clearTimeout(D), D = setTimeout(function() {
             v.apply(_, q);
-          }, A);
+          }, N);
         }
-        return A === void 0 && (A = 166), j.clear = function() {
+        return N === void 0 && (N = 166), j.clear = function() {
           clearTimeout(D);
         }, j;
       }(function() {
@@ -541,13 +541,13 @@ var Ie, lt, Ge, Ze, ct, _o = Me(mn), qo = ze({ wrappedRoot: { width: "100%", pos
         return W({}, q, ((Q = {})[K] = _[K], Q));
       }, {});
     }(c);
-  }, [c]), w = s.open, b = s.SnackbarProps, g = s.TransitionComponent, y = s.TransitionProps, h = s.transitionDuration, d = s.disableWindowBlurListener, S = s.content, v = He(s, ["open", "SnackbarProps", "TransitionComponent", "TransitionProps", "transitionDuration", "disableWindowBlurListener", "content", "entered", "requestClose", "onEnter", "onEntered", "onExit", "onExited"]), A = W({ direction: (l = v.anchorOrigin, l.horizontal !== "center" ? qt[l.horizontal] : qt[l.vertical]), timeout: h }, y), D = S;
+  }, [c]), w = s.open, b = s.SnackbarProps, g = s.TransitionComponent, y = s.TransitionProps, h = s.transitionDuration, d = s.disableWindowBlurListener, S = s.content, v = He(s, ["open", "SnackbarProps", "TransitionComponent", "TransitionProps", "transitionDuration", "disableWindowBlurListener", "content", "entered", "requestClose", "onEnter", "onEntered", "onExit", "onExited"]), N = W({ direction: (l = v.anchorOrigin, l.horizontal !== "center" ? qt[l.horizontal] : qt[l.vertical]), timeout: h }, y), D = S;
   typeof D == "function" && (D = D(v.id, v.message));
   var j = ["onEnter", "onEntered", "onExit", "onExited"].reduce(function(_, I) {
     var q;
     return W({}, _, ((q = {})[I] = Fe([e.snack[I], e[I]], v.id), q));
   }, {});
-  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({}, A, { appear: !0, in: w, onExit: j.onExit, onExited: i, onEnter: j.onEnter, onEntered: Fe([j.onEntered, function() {
+  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) {
@@ -564,12 +564,12 @@ var Ie, lt, Ge, Ze, ct, _o = Me(mn), qo = ze({ wrappedRoot: { width: "100%", pos
         return function(h, d) {
           return d === void 0 && (d = !1), d ? W({}, be[h], {}, y[h], {}, g[h]) : h === "autoHideDuration" ? (D = g.autoHideDuration, j = y.autoHideDuration, (_ = function(I) {
             return typeof I == "number" || I === null;
-          })(D) ? D : _(j) ? j : be.autoHideDuration) : h === "transitionDuration" ? (S = g.transitionDuration, v = y.transitionDuration, (A = function(I, q) {
+          })(D) ? D : _(j) ? j : be.autoHideDuration) : h === "transitionDuration" ? (S = g.transitionDuration, v = y.transitionDuration, (N = function(I, q) {
             return q.some(function(K) {
               return typeof I === K;
             });
-          })(S, ["string", "number"]) ? S : A(S, ["object"]) ? W({}, be.transitionDuration, {}, A(v, ["object"]) && v, {}, S) : A(v, ["string", "number"]) ? v : A(v, ["object"]) ? W({}, be.transitionDuration, {}, v) : be.transitionDuration) : g[h] || y[h] || be[h];
-          var S, v, A, D, j, _;
+          })(S, ["string", "number"]) ? S : N(S, ["object"]) ? W({}, be.transitionDuration, {}, N(v, ["object"]) && v, {}, S) : N(v, ["string", "number"]) ? v : N(v, ["object"]) ? W({}, be.transitionDuration, {}, v) : be.transitionDuration) : g[h] || y[h] || be[h];
+          var S, v, N, D, j, _;
         };
       }(u, t.props), b = W({ id: k }, u, { message: l, open: !0, entered: !1, requestClose: !1, persist: w("persist"), action: w("action"), content: w("content"), variant: w("variant"), anchorOrigin: w("anchorOrigin"), disableWindowBlurListener: w("disableWindowBlurListener"), autoHideDuration: w("autoHideDuration"), hideIconVariant: w("hideIconVariant"), TransitionComponent: w("TransitionComponent"), transitionDuration: w("transitionDuration"), TransitionProps: w("TransitionProps", !0), iconVariant: w("iconVariant", !0), style: w("style", !0), SnackbarProps: w("SnackbarProps", !0), className: fe(t.props.className, u.className) });
       return b.persist && (b.autoHideDuration = void 0), t.setState(function(g) {
@@ -660,12 +660,12 @@ const ue = { card: "_card_1a398_7", actionRoot: "_actionRoot_1a398_11", icons: "
 fn.displayName = "ToastError";
 const gn = Me(le((e, o) => {
   const { commands: r, commandHook: t, scope: n = "workbook", disabled: a = !1, ...i } = e, l = ae((c) => {
-    const u = { variant: ro.Menuitem, parentFloat: c.floatReference, commandHook: t, scope: n, disabled: a }, p = ie(Kt, { children: [f(nt, { ...u, command: r.getCommand("newWorkbook"), icon: Ae(f(ao, {})) }), f(io, { orientation: "horizontal" }), f(nt, { ...u, command: r.getCommand("openWorkbook"), icon: Ae(f(so, {})) }), f(Lt, { ...u, commands: r, quickCommand: "saveWorkbook", icon: Ae(f(uo, {})), createPopupPanel: (k) => {
+    const u = { variant: ro.Menuitem, parentFloat: c.floatReference, commandHook: t, scope: n, disabled: a }, p = ie(Kt, { children: [f(nt, { ...u, command: r.getCommand("newWorkbook"), icon: Ne(f(ao, {})) }), f(io, { orientation: "horizontal" }), f(nt, { ...u, command: r.getCommand("openWorkbook"), icon: Ne(f(so, {})) }), f(Lt, { ...u, commands: r, quickCommand: "saveWorkbook", icon: Ne(f(uo, {})), createPopupPanel: (k) => {
       const w = { ...u, parentFloat: k.floatReference, scope: "saveWorkbook" }, b = [];
       return xe.getWriteFormats().forEach((g) => {
         if (g.isDefault) return;
         let y = null;
-        g.key === "CSV" ? y = Ae(f(lo, {})) : g.key === "Excel" && (y = Ae(f(co, {})));
+        g.key === "CSV" ? y = Ne(f(lo, {})) : g.key === "Excel" && (y = Ne(f(co, {})));
         const h = r.getCommand(`saveWorkbookAs${g.key}`);
         h ? b.push(he(nt, { ...w, key: g.key, command: h, icon: y })) : console.warn(`Unable to resolve command: 'saveWorkbookAs${g.key}'`);
       }), Wt({ ...k, children: b, onClick: () => {
@@ -699,7 +699,7 @@ const bn = Me(le((e, o) => {
     h((V) => ({ ...V, isMounted: !0 }));
   }, []), S = ne(() => {
     h((V) => ({ ...V, isMounted: !1 }));
-  }, []), v = Gn(), A = Zn(), D = Xn(), j = se(/* @__PURE__ */ new Set()), _ = te(() => {
+  }, []), v = Gn(), N = Zn(), D = Xn(), j = se(/* @__PURE__ */ new Set()), _ = te(() => {
     const V = (x, M) => {
       if (M?.onceKey) {
         if (j.current.has(M.onceKey)) return;
@@ -722,14 +722,14 @@ 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("./CtDntnnwJW1rZ3sM.js"), numberFormat: () => import("./DppHXtCDGzttFdS4.js"), hyperlink: () => import("./Dbd0AFDlzQDW0tOg.js"), comments: () => import("./g4FhlroGKmJM7Utd.js"), find: () => import("./C5NMOq74C3Sme49x.js"), tableDetails: () => import("./DTvvMKZZfsVRhbow.js"), tableNew: () => import("./O1XID2whLDb1cTWS.js"), namedDetails: () => import("./BXBP2rNGQxrgUPvU.js") }[x], F, T);
-    }, showOptions: A, showInputOptions: D, showError: (x) => {
+      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);
+    }, 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: N, undoManager: E, commands: B, onExecute: $ } = V, Y = ae(N?.onModeChange, [N?.onModeChange]), pe = ae(N?.onEnabledDarkGridChange, [N?.onEnabledDarkGridChange]), ve = ae(N?.onEnabledDarkImagesChange, [N?.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, 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 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;
@@ -786,7 +786,7 @@ const bn = Me(le((e, o) => {
         O && console.log("openWorkbookFromUrl", O);
       })));
       let oe = [];
-      return N && (oe = [new ee("themeMode", U, { label: "Light/Dark Mode", scopedLabels: { appearance: "Light/Dark Mode" }, description: "Toggle the application styling between light and dark mode." }), new ee("defaultThemeMode", U, { label: "Use System Light/Dark Mode", scopedLabels: { appearance: "Use System Default" }, description: "Use the system settings to determine styling for light and dark mode." }), new ee("enableDarkGrid", U, { label: "Enable Dark Grid", description: "Allow the grid to render in dark mode if dark mode is being used. This is ensures that the grid will render the colors as specified in another tools (for example Excel)." }), new ee("enableDarkImages", U, { label: "Enable Dark Images", description: "Allow the images to render in dark mode if dark mode is being used. This is ensures that the images will render the colors as specified in another tools (for example Excel). This only has any effect if the grid is in dark mode." })]), [...R, ...oe, new Ot("help", U, { label: "Show Help", description: "Provide Help.", shortcut: { key: "F1" } }, () => {
+      return A && (oe = [new ee("themeMode", U, { label: "Light/Dark Mode", scopedLabels: { appearance: "Light/Dark Mode" }, description: "Toggle the application styling between light and dark mode." }), new ee("defaultThemeMode", U, { label: "Use System Light/Dark Mode", scopedLabels: { appearance: "Use System Default" }, description: "Use the system settings to determine styling for light and dark mode." }), new ee("enableDarkGrid", U, { label: "Enable Dark Grid", description: "Allow the grid to render in dark mode if dark mode is being used. This is ensures that the grid will render the colors as specified in another tools (for example Excel)." }), new ee("enableDarkImages", U, { label: "Enable Dark Images", description: "Allow the images to render in dark mode if dark mode is being used. This is ensures that the images will render the colors as specified in another tools (for example Excel). This only has any effect if the grid is in dark mode." })]), [...R, ...oe, new Ot("help", U, { label: "Show Help", description: "Provide Help.", shortcut: { key: "F1" } }, () => {
       }), new Ot("showKeyboardShortcuts", U, { label: "Keyboard Shortcuts", description: "Show keyboard shortcuts.", shortcut: { key: "/", modifiers: [We.Ctrl] } }, () => {
       }), new ee("gotoUrlGithub", U, { label: "Github", description: "Download examples, explore source code, and leave a star." }, () => {
         window?.open("https://github.com/sheetxl/sheetxl");
@@ -797,29 +797,29 @@ const bn = Me(le((e, o) => {
       }), new ee("gotoUrlIssue", U, { label: "Create Issue", description: "Create an issue to identify a bug or a feature request." }, () => {
         window?.open("https://github.com/sheetxl/sheetxl/issues");
       })];
-    }, [x, F, z, T, N, B, E]), Z = te(() => {
+    }, [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;
     }, [B, ke]);
     Yn({ manager: E, commands: Z, notifier: z });
     const { themeMode: Oe } = Qt();
     G(() => {
-      if (!N || !Z) return;
-      const R = N.mode === "dark" || !N.mode && Oe === "dark";
-      Z.getCommand("themeMode").update({ state: N.mode ?? null, label: R ? "Dark Mode" : "Light Mode", scopedLabels: { appearance: R ? "Dark Mode" : "Light Mode" } }).updateCallback(() => {
+      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);
-      }), Z.getCommand("defaultThemeMode").update({ state: !N.mode }).updateCallback(() => {
+      }), Z.getCommand("defaultThemeMode").update({ state: !A.mode }).updateCallback(() => {
         Y(null);
-      }), Z.getCommand("enableDarkGrid").update({ state: N.enableDarkGrid }).updateCallback(() => {
-        pe(!N.enableDarkGrid);
-      }), Z.getCommand("enableDarkImages").update({ state: N.enableDarkImages }).updateCallback(() => {
-        ve(!N.enableDarkImages);
+      }), Z.getCommand("enableDarkGrid").update({ state: A.enableDarkGrid }).updateCallback(() => {
+        pe(!A.enableDarkGrid);
+      }), Z.getCommand("enableDarkImages").update({ state: A.enableDarkImages }).updateCallback(() => {
+        ve(!A.enableDarkImages);
       });
-    }, [Oe, N, ke]);
+    }, [Oe, A, ke]);
     const { showModal: qe } = Jn();
     return G(() => {
       const R = () => new Promise((oe, O) => {
-        const m = L.lazy(() => import("./BgChN-ZVYUOMDX9_.js")), C = qe(m, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
+        const m = L.lazy(() => import("./D5exf1RvCqvUoJ3X.js")), C = qe(m, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
           C.hide();
         }, TransitionProps: { onExited: () => {
           oe(!0);
@@ -855,19 +855,19 @@ const bn = Me(le((e, o) => {
 }));
 bn.displayName = "SnackbarAndCommandsWrapper";
 const xn = Me(le((e, o) => {
-  const { className: r, sx: t, style: n, onElementLoad: a, onError: i, undoManager: l, errorPanel: s = Wn, onKeyDown: c, workbook: u, createWorkbookOptions: p, onWorkbookChange: k, logo: w, importExportDisabled: b = !1, themeOptions: g, autoFocus: y = !1, commands: h, title: d, onTitleChange: S, titleProps: v, renderLoadingPanel: A, ...D } = e, j = se(null), _ = ae(k, [k]), I = ae(S ?? v?.onTitleChange, [S ?? v?.onTitleChange]), q = v?.placeHolder ?? "Untitled", K = g?.mode, { themeMode: Q, source: de } = Qt({ mode: K }), P = te(() => ({ ...g, light: Mt(!1, ot.deepMerge(g?.theme ?? {}, g?.light ?? {})), dark: Mt(!0, ot.deepMerge(g?.theme ?? {}, g?.dark ?? {})) }), [g]), V = Q === pt.Dark, [x, M] = re(null);
+  const { className: r, sx: t, style: n, onElementLoad: a, onError: i, undoManager: l, errorPanel: s = Wn, onKeyDown: c, workbook: u, createWorkbookOptions: p, onWorkbookChange: k, logo: w, importExportDisabled: b = !1, themeOptions: g, autoFocus: y = !1, commands: h, title: d, onTitleChange: S, titleProps: v, renderLoadingPanel: N, ...D } = e, j = se(null), _ = ae(k, [k]), I = ae(S ?? v?.onTitleChange, [S ?? v?.onTitleChange]), q = v?.placeHolder ?? "Untitled", K = g?.mode, { themeMode: Q, source: de } = Qt({ mode: K }), P = te(() => ({ ...g, light: Mt(!1, ot.deepMerge(g?.theme ?? {}, g?.light ?? {})), dark: Mt(!0, ot.deepMerge(g?.theme ?? {}, g?.dark ?? {})) }), [g]), V = Q === pt.Dark, [x, M] = re(null);
   G(() => {
     M(l ?? new ho());
   }, [l]);
-  const [T, F] = re(null), [H, z] = re(null), ge = An();
+  const [T, F] = re(null), [H, z] = re(null), ge = Nn();
   dt(() => {
     if (!u || Object.keys(u).length === 0 && !ot.isPromiseLike(u)) {
       const m = { theme: ge.getDefaultTheme(), ...p };
-      z(new At(m));
+      z(new Nt(m));
     } else z(u);
   }, [u]), dt(() => {
     if (H) {
-      if (H instanceof At) return F({ workbook: H }), void (u !== H && _?.(H));
+      if (H instanceof Nt) return F({ workbook: H }), void (u !== H && _?.(H));
       (async () => {
         try {
           let m, C = await Promise.resolve(H);
@@ -878,17 +878,17 @@ const xn = Me(le((e, o) => {
       })();
     }
   }, [H]);
-  const [N, E] = re(null);
+  const [A, E] = re(null);
   G(() => {
     if (!x || !T) return;
     x.clear();
     const m = T?.workbook?.getTransactions();
     return m ? m.addListener({ onCommitEnd: (C) => {
-      C.getDescription() ? x.addUndoOperation({ description: C.getDescription(), undo: () => (m.revert(C.getId()), N.source?.focus(), () => {
-        m.restore(C.getId()), N.source?.focus();
+      C.getDescription() ? x.addUndoOperation({ description: C.getDescription(), undo: () => (m.revert(C.getId()), A.source?.focus(), () => {
+        m.restore(C.getId()), A.source?.focus();
       }) }) : console.warn("commit has no description", C);
     } }) : void 0;
-  }, [x, T, N]);
+  }, [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 ?? "");
@@ -905,11 +905,11 @@ const xn = Me(le((e, o) => {
     ve(m.source.getViewportElement()), E(m), Ee.activate("sheet"), a?.(m);
   }, [Ee]);
   G(() => {
-    N && y && N.source?.focus(typeof y == "object" ? y : void 0);
-  }, [N]);
+    A && y && A.source?.focus(typeof y == "object" ? y : void 0);
+  }, [A]);
   const U = se(null), ke = ne((m) => {
     let C = null;
-    return v?.hidden || (C = f(Nn, { ...v, style: { maxWidth: "100%", ...v?.style }, workbook: j.current, ref: U, title: $, placeHolder: q, onTitleChange: (X) => {
+    return v?.hidden || (C = f(An, { ...v, style: { maxWidth: "100%", ...v?.style }, workbook: j.current, ref: U, title: $, placeHolder: q, onTitleChange: (X) => {
       Y(X);
     } })), f(kn, { ...m, logo: w, mainElement: C, showFileMenu: !b, showAppearanceMenu: !!(P?.onEnabledDarkGridChange || P?.onEnabledDarkImagesChange || P?.onModeChange) });
   }, [w, $, v, P, b, Ee]);
@@ -921,16 +921,16 @@ 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: A?.(m) ?? f(Jt, { ...m }) });
-  }, [t, n, A]), 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(() => {
+    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 }) });
+  }, [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: A, gridTheme: C, headersTheme: m, enableDarkImages: X, className: mt(r, "sheetxl-workbook"), onContextMenu: (J) => J.preventDefault(), ...D }, "WorkbookElement");
-  }, [T, $, x, Z, A, P, D, ke, qe]);
-  let O = f(Ao, { fallbackRender: Oe, children: f(Uo, { maxSnack: 3, domRoot: pe, anchorOrigin: { vertical: "bottom", horizontal: "right" }, autoHideDuration: 3500, onClose: (m, C, X) => {
+    }, renderLoadingPanel: N, gridTheme: C, headersTheme: m, enableDarkImages: X, className: mt(r, "sheetxl-workbook"), onContextMenu: (J) => J.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 }) }) }) });
   return P && (O = ie(jn, { theme: V ? P.dark : P.light, children: [P.cssBaseline ? f(Oo, {}) : null, O] })), O;
@@ -938,7 +938,7 @@ const xn = Me(le((e, 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 {
-  er as A,
   ft as C,
+  er as D,
   fe as h
 };

package/cdn/index.js

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @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.
@@ -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/DuU1-7vd87A1wfGJ.js");
+      const { resolveDependencies: r } = await import("./assets/TOkIJFYhNg78FdJa.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.8
+ * @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.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sheetxl/studio-vanilla",
   "description": "SheetXL Studio - Vanilla entry point for integrating SheetXL UI.",
-  "version": "0.4.8",
+  "version": "0.4.9",
   "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.8",
+    "@sheetxl/studio-mui": "^0.4.9",
     "csstype": "^3.1.3",
     "http-server": "^14.1.1"
   },
   "peerDependencies": {
-    "@sheetxl/sdk": "^0.4.8",
+    "@sheetxl/sdk": "^0.4.9",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   }