@sheetxl/studio-vanilla 0.4.8 → 0.4.10

package/browser/esm/{cSe92c0HnvbRwiVM.mjs → D9x-Q8y57gePf-tE.mjs}

@@ -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 "./2RGq163l1wYJKGsa.mjs";
+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 "./CHNPjJxb0GY_naLa.mjs";
 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.10
  *
  * (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);
@@ -31,27 +31,27 @@ 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), N = x((E) => {
-    const B = M(), { duration: $, easing: Y } = Tt({ style: h, timeout: d, easing: s }, { mode: "exit" });
+  }), ge = x(b), A = x((E) => {
+    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: 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) {
@@ -227,18 +227,18 @@ 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);
 }, $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() {
@@ -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 };
 }
@@ -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() {
@@ -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));
 });
@@ -541,16 +541,16 @@ 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) {
+}, 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) {
@@ -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,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("./DXyJaUwHLq39-Jfa.mjs"), numberFormat: () => import("./BM74iVi-iQkHbrfo.mjs"), hyperlink: () => import("./C_hRuPoaT857EnC1.mjs"), comments: () => import("./CA_DRvBOFOlhezCt.mjs"), find: () => import("./B1CYiJmSpyx4TD5r.mjs"), tableDetails: () => import("./4C7Rg83L5RYFoOvl.mjs"), tableNew: () => import("./6KgR81NK4yzANTBT.mjs"), namedDetails: () => import("./EUFvcP5R4HFDLn2V.mjs") }[x], F, T);
-    }, showOptions: A, showInputOptions: D, showError: (x) => {
+      return v(x, { sort: () => import("./qVAHcpq07IhtAaQc.mjs"), numberFormat: () => import("./BAOzSQdzHl43K9Hd.mjs"), hyperlink: () => import("./C18A_DcIEHNYBDvR.mjs"), comments: () => import("./Ln2ZalJgj1CiJJue.mjs"), find: () => import("./D1e_ccSgcNXvWHgy.mjs"), tableDetails: () => import("./DamiTeQsSMP2Cwld.mjs"), tableNew: () => import("./B9bN60uAvy62vnwt.mjs"), namedDetails: () => import("./C7FoKZbSzjvuY3UB.mjs") }[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, 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);
         }
@@ -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;
+      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 (!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(() => {
-        Y(R ? pt.Light : pt.Dark);
-      }), Z.getCommand("defaultThemeMode").update({ state: !N.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);
+      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(() => {
+        J(R ? pt.Light : pt.Dark);
+      }), Z.getCommand("defaultThemeMode").update({ state: !A.mode }).updateCallback(() => {
+        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, N, ke]);
-    const { showModal: qe } = Jn();
+    }, [Oe, A, ke]);
+    const { showModal: qe } = Yn();
     return G(() => {
       const R = () => new Promise((oe, O) => {
-        const m = L.lazy(() => import("./BP8kNG31HYSkk1VW.mjs")), C = qe(m, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
+        const m = L.lazy(() => import("./D47D26mVYSAdb5C8.mjs")), C = qe(m, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
           C.hide();
         }, TransitionProps: { onExited: () => {
           oe(!0);
@@ -848,69 +848,69 @@ 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] });
 }));
 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);
-          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 });
         }
       })();
     }
   }, [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 ?? "");
+  }, [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]);
   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) => {
-      Y(X);
+    return v?.hidden || (C = f(An, { ...v, style: { maxWidth: "100%", ...v?.style }, workbook: j.current, ref: U, title: $, placeHolder: q, onTitleChange: (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: 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(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: 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) => {
+    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 {
-  er as A,
   ft as C,
+  er as a,
   fe as h
 };

package/{cdn/assets/CLA1BGtRbWm0K0U0.js → browser/esm/DHhXutXh7b5LsU1m.mjs}

@@ -1,8 +1,8 @@
 import { jsx as z, jsxs as lt } from "react/jsx-runtime";
 import k, { memo as es, useState as pe, useCallback as de, useLayoutEffect as rs, PureComponent as mt, Component as _t, isValidElement as ns } from "react";
-import { M as os, c as as, I as is, B as us, P as Su, R as ss, d as xt } from "./B2hDWpWSEoChxhVY.js";
+import { M as os, b as as, P as is, B as us, V as Su, I as ss, E as xt } from "./CHNPjJxb0GY_naLa.mjs";
 /**
- * @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.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

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

@@ -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.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.