@sheetxl/studio-vanilla 0.3.18 → 0.3.20

package/cdn/assets/{IXjjn0b7hP-r-rz5.js → B5zelATPrbDla2Iy.js}

@@ -1,11 +1,11 @@
-import { jsx as g, jsxs as se, Fragment as Gt } from "react/jsx-runtime";
+import { jsx as g, jsxs as se, Fragment as Kt } from "react/jsx-runtime";
 import * as ve from "react";
-import T, { memo as Me, forwardRef as ce, useRef as le, useMemo as te, useState as ae, useEffect as K, useLayoutEffect as dt, useCallback as ne, Component as Kt, createElement as fe, createContext as xn, useContext as yn, isValidElement as wn, cloneElement as vn } from "react";
-import { g as xt, f as yt, u as Ye, h as En, i as Cn, j as Sn, k as Ln, l as Mn, m as je, n as wt, o as vt, p as Mt, q as Dn, P as Tn, r as Zt, t as On, v as Wn, w as ie, x as Xt, I as Dt, U as pt, y as Fn, Z as ye, A as Qt, C as Nn, G as Yt, H as An, J as mt, K as Jt, L as Rn, R as In, M as Pn, N as jn, V as Hn, W as zn, $ as _n, B as xe, Y as qn, E as Bn, _ as Vn, a0 as ht, a1 as $n, a2 as Un, a3 as Gn, a4 as Kn, a5 as Zn, a6 as Xn, Q as Qn, a7 as ee, a8 as We, a9 as Tt, aa as Yn, ab as Jn, ac as eo, ad as to, ae as no, af as oo, ag as nt, ah as Fe, ai as ro, aj as ao, ak as io, al as so, am as Ot, an as Wt, ao as lo, ap as co, aq as uo, ar as po, as as _e } from "./CXyKsX-Rk4hkAgns.js";
+import T, { memo as Me, forwardRef as ce, useRef as le, useMemo as te, useState as ae, useEffect as G, useLayoutEffect as dt, useCallback as ne, Component as Gt, createElement as fe, createContext as xn, useContext as yn, isValidElement as wn, cloneElement as vn } from "react";
+import { g as xt, d as yt, u as Qe, e as En, f as Cn, h as Sn, j as Ln, l as Mn, s as je, m as wt, n as vt, o as Mt, p as Dn, q as Tn, r as Zt, t as On, x as Wn, v as ie, U as Xt, D as Dt, W as pt, X as Fn, w as ye, y as Jt, z as Nn, A as Qt, C as An, H as mt, K as Yt, L as Rn, N as In, O as Pn, Q as jn, R as Hn, V as zn, Z as _n, B as xe, _ as qn, E as Bn, $ as Vn, a0 as ht, a1 as $n, a2 as Un, a3 as Kn, a4 as Gn, a5 as Zn, a6 as Xn, J as Jn, a7 as ee, a8 as We, a9 as Tt, aa as Qn, ab as Yn, ac as eo, ad as to, ae as no, af as oo, ag as nt, ah as Fe, ai as ro, aj as ao, ak as io, al as so, am as Ot, an as Wt, ao as lo, ap as co, aq as uo, ar as po, as as _e } from "./CyUSCTdWkG7ZxVra.js";
 import { createPortal as mo } from "react-dom";
 import { CommonUtils as ot, UndoManager as ho, Workbook as Ft, PartialError as fo } from "@sheetxl/sdk";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -18,19 +18,19 @@ 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];
 } })(Dn(({ 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 = ve.forwardRef(function(e, o) {
-  const r = Ye({ props: e, name: "MuiCollapse" }), { addEndListener: t, children: n, className: a, collapsedSize: i = "0px", component: l, easing: s, in: c, onEnter: u, onEntered: m, onEntering: k, onExit: y, onExited: b, onExiting: f, orientation: x = "vertical", style: h, timeout: d = En.standard, TransitionComponent: L = Cn, ...w } = r, R = { ...r, orientation: x, collapsedSize: i }, M = ((C) => {
+  const r = Qe({ props: e, name: "MuiCollapse" }), { addEndListener: t, children: n, className: a, collapsedSize: i = "0px", component: l, easing: s, in: c, onEnter: u, onEntered: m, onEntering: k, onExit: y, onExited: b, onExiting: f, orientation: x = "vertical", style: h, timeout: d = En.standard, TransitionComponent: L = Cn, ...w } = r, R = { ...r, orientation: x, collapsedSize: i }, M = ((C) => {
     const { orientation: W, classes: V } = C;
     return vt({ root: ["root", `${W}`], entered: ["entered"], hidden: ["hidden"], wrapper: ["wrapper", `${W}`], wrapperInner: ["wrapperInner", `${W}`] }, go, V);
-  })(R), j = Sn(), q = Ln(), N = ve.useRef(null), z = ve.useRef(), G = typeof i == "number" ? `${i}px` : i, Q = x === "horizontal", I = Q ? "width" : "height", oe = ve.useRef(null), A = Mn(o, oe), E = (C) => (W) => {
+  })(R), j = Sn(), q = Ln(), N = ve.useRef(null), z = ve.useRef(), K = typeof i == "number" ? `${i}px` : i, J = x === "horizontal", I = J ? "width" : "height", oe = ve.useRef(null), A = Mn(o, oe), E = (C) => (W) => {
     if (C) {
       const V = oe.current;
       W === void 0 ? C(V) : C(V, W);
     }
-  }, S = () => N.current ? N.current[Q ? "clientWidth" : "clientHeight"] : 0, P = E((C, W) => {
-    N.current && Q && (N.current.style.position = "absolute"), C.style[I] = G, u && u(C, W);
+  }, S = () => N.current ? N.current[J ? "clientWidth" : "clientHeight"] : 0, P = E((C, W) => {
+    N.current && J && (N.current.style.position = "absolute"), C.style[I] = K, u && u(C, W);
   }), D = E((C, W) => {
     const V = S();
-    N.current && Q && (N.current.style.position = "");
+    N.current && J && (N.current.style.position = "");
     const { duration: re, easing: me } = Mt({ style: h, timeout: d, easing: s }, { mode: "enter" });
     if (d === "auto") {
       const ue = j.transitions.getAutoHeightDuration(V);
@@ -41,24 +41,24 @@ const ko = je("div", { name: "MuiCollapse", slot: "Root", overridesResolver: (e,
     C.style[I] = "auto", m && m(C, W);
   }), _ = E((C) => {
     C.style[I] = `${S()}px`, y && y(C);
-  }), Y = E(b), H = E((C) => {
+  }), Q = E(b), H = E((C) => {
     const W = S(), { duration: V, easing: re } = Mt({ style: h, timeout: d, easing: s }, { mode: "exit" });
     if (d === "auto") {
       const me = j.transitions.getAutoHeightDuration(W);
       C.style.transitionDuration = `${me}ms`, z.current = me;
     } else C.style.transitionDuration = typeof V == "string" ? V : `${V}ms`;
-    C.style[I] = G, C.style.transitionTimingFunction = re, f && f(C);
+    C.style[I] = K, C.style.transitionTimingFunction = re, f && f(C);
   });
-  return g(L, { in: c, onEnter: P, onEntered: B, onEntering: D, onExit: _, onExited: Y, onExiting: H, addEndListener: (C) => {
+  return g(L, { in: c, onEnter: P, onEntered: B, onEntering: D, onExit: _, onExited: Q, onExiting: H, addEndListener: (C) => {
     d === "auto" && q.start(z.current || 0, C), t && t(oe.current, C);
-  }, nodeRef: oe, timeout: d === "auto" ? null : d, ...w, children: (C, { ownerState: W, ...V }) => g(ko, { as: l, className: wt(M.root, a, { entered: M.entered, exited: !c && G === "0px" && M.hidden }[C]), style: { [Q ? "minWidth" : "minHeight"]: G, ...h }, ref: A, ownerState: { ...R, state: C }, ...V, children: g(bo, { ownerState: { ...R, state: C }, className: M.wrapper, ref: N, children: g(xo, { ownerState: { ...R, state: C }, className: M.wrapperInner, children: n }) }) }) });
+  }, nodeRef: oe, timeout: d === "auto" ? null : d, ...w, children: (C, { ownerState: W, ...V }) => g(ko, { as: l, className: wt(M.root, a, { entered: M.entered, exited: !c && K === "0px" && M.hidden }[C]), style: { [J ? "minWidth" : "minHeight"]: K, ...h }, ref: A, ownerState: { ...R, state: C }, ...V, children: g(bo, { ownerState: { ...R, state: C }, className: M.wrapper, ref: N, children: g(xo, { ownerState: { ...R, state: C }, className: M.wrapperInner, children: n }) }) }) });
 });
 function yo(e) {
   return xt("MuiCard", e);
 }
 ft && (ft.muiSupportAuto = !0), yt("MuiCard", ["root"]);
 const wo = je(Tn, { name: "MuiCard", slot: "Root", overridesResolver: (e, o) => o.root })({ overflow: "hidden" }), vo = ve.forwardRef(function(e, o) {
-  const r = Ye({ props: e, name: "MuiCard" }), { className: t, raised: n = !1, ...a } = r, i = { ...r, raised: n }, l = ((s) => {
+  const r = Qe({ props: e, name: "MuiCard" }), { className: t, raised: n = !1, ...a } = r, i = { ...r, raised: n }, l = ((s) => {
     const { classes: c } = s;
     return vt({ root: ["root"] }, yo, c);
   })(i);
@@ -72,7 +72,7 @@ const Co = je("div", { name: "MuiCardActions", slot: "Root", overridesResolver:
   const { ownerState: r } = e;
   return [o.root, !r.disableSpacing && o.spacing];
 } })({ display: "flex", alignItems: "center", padding: 8, variants: [{ props: { disableSpacing: !1 }, style: { "& > :not(style) ~ :not(style)": { marginLeft: 8 } } }] }), So = ve.forwardRef(function(e, o) {
-  const r = Ye({ props: e, name: "MuiCardActions" }), { disableSpacing: t = !1, className: n, ...a } = r, i = { ...r, disableSpacing: t }, l = ((s) => {
+  const r = Qe({ props: e, name: "MuiCardActions" }), { disableSpacing: t = !1, className: n, ...a } = r, i = { ...r, disableSpacing: t }, l = ((s) => {
     const { classes: c, disableSpacing: u } = s;
     return vt({ root: ["root", !u && "spacing"] }, Eo, c);
   })(i);
@@ -94,11 +94,11 @@ const Co = je("div", { name: "MuiCardActions", slot: "Root", overridesResolver:
   }), r;
 })(e));
 function To(e) {
-  const o = Ye({ props: e, name: "MuiCssBaseline" }), { children: r, enableColorScheme: t = !1 } = o;
+  const o = Qe({ props: e, name: "MuiCssBaseline" }), { children: r, enableColorScheme: t = !1 } = o;
   return se(ve.Fragment, { children: [gt && g(Do, { enableColorScheme: t }), !gt && !t && g("span", { className: Ze, style: { display: "none" } }), r] });
 }
 const Oo = On(g("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 = xn(null), rt = { didCatch: !1, error: null };
-class Fo extends Kt {
+class Fo extends Gt {
   constructor(o) {
     super(o), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = rt;
   }
@@ -320,7 +320,7 @@ function bt(e, o) {
     };
   }, [e, o]);
 }
-function Qe(e) {
+function Je(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 };
 }
@@ -374,12 +374,12 @@ var ln = ce(function(e, o) {
   var r = e.children, t = e.direction, n = t === void 0 ? "down" : t, a = e.in, i = e.style, l = e.timeout, s = l === void 0 ? 0 : l, c = e.onEnter, u = e.onEntered, m = e.onExit, k = e.onExited, y = He(e, ["children", "direction", "in", "style", "timeout", "onEnter", "onEntered", "onExit", "onExited"]), b = le(null), f = bt(r.ref, b), x = bt(f, o), h = ne(function() {
     b.current && Ve(n, b.current);
   }, [n]);
-  return K(function() {
+  return G(function() {
     if (!a && n !== "down" && n !== "right") {
       var d = function(w, R) {
         var M;
         function j() {
-          for (var q = this, N = arguments.length, z = new Array(N), G = 0; G < N; G++) z[G] = arguments[G];
+          for (var q = this, N = arguments.length, z = new Array(N), K = 0; K < N; K++) z[K] = arguments[K];
           clearTimeout(M), M = setTimeout(function() {
             w.apply(q, z);
           }, R);
@@ -394,15 +394,15 @@ var ln = ce(function(e, o) {
         d.clear(), L.removeEventListener("resize", d);
       };
     }
-  }, [n, a]), K(function() {
+  }, [n, a]), G(function() {
     a || h();
   }, [a, h]), fe(Ct, Object.assign({ appear: !0, nodeRef: b, onEnter: function(d, L) {
     Ve(n, d), an(d), c && c(d, L);
   }, onEntered: u, onEntering: function(d) {
-    var L = Qe({ timeout: s, mode: "enter", style: O({}, i, { transitionTimingFunction: i?.transitionTimingFunction || "cubic-bezier(0.0, 0, 0.2, 1)" }) });
+    var L = Je({ timeout: s, mode: "enter", style: O({}, i, { transitionTimingFunction: i?.transitionTimingFunction || "cubic-bezier(0.0, 0, 0.2, 1)" }) });
     d.style.webkitTransition = Le("-webkit-transform", L), d.style.transition = Le("transform", L), d.style.webkitTransform = "none", d.style.transform = "none";
   }, onExit: function(d) {
-    var L = Qe({ timeout: s, mode: "exit", style: O({}, i, { transitionTimingFunction: i?.transitionTimingFunction || "cubic-bezier(0.4, 0, 0.6, 1)" }) });
+    var L = Je({ timeout: s, mode: "exit", style: O({}, i, { transitionTimingFunction: i?.transitionTimingFunction || "cubic-bezier(0.4, 0, 0.6, 1)" }) });
     d.style.webkitTransition = Le("-webkit-transform", L), d.style.transition = Le("transform", L), Ve(n, d), m && m(d);
   }, onExited: function(d) {
     d.style.webkitTransition = "", d.style.transition = "", k && k(d);
@@ -443,13 +443,13 @@ var cn = "notistack-CollapseWrapper", Io = function(e) {
   }, onEntered: function(c) {
     c.style.height = "auto";
   }, onEntering: function(c) {
-    var u = s(), m = Qe({ timeout: 175, mode: "enter" }), k = m.duration, y = m.easing;
+    var u = s(), m = Je({ timeout: 175, mode: "enter" }), k = m.duration, y = m.easing;
     c.style.transitionDuration = typeof k == "string" ? k : k + "ms", c.style.height = u + "px", c.style.transitionTimingFunction = y || "";
   }, onExit: function(c) {
     c.style.height = s() + "px";
   }, onExited: n, onExiting: function(c) {
     an(c);
-    var u = Qe({ timeout: 175, mode: "exit" }), m = u.duration, k = u.easing;
+    var u = Je({ timeout: 175, mode: "exit" }), m = u.duration, k = u.easing;
     c.style.transitionDuration = typeof m == "string" ? m : m + "ms", c.style.height = it, c.style.transitionTimingFunction = k || "";
   }, nodeRef: i, timeout: 175 }, function(c, u) {
     return fe("div", Object.assign({ ref: l, className: ge(_t.root, c === "entered" && _t.entered), style: O({ pointerEvents: "all", overflow: "hidden", minHeight: it, transition: Le("height") }, c === "entered" && { overflow: "visible" }, {}, c === "exited" && !t && { visibility: "hidden" }) }, u), fe("div", { ref: a, className: cn, style: { display: "flex", width: "100%" } }, r));
@@ -469,7 +469,7 @@ function Pe(e, o) {
     };
   }, jo);
 }
-var Ho = typeof window < "u" ? dt : K;
+var Ho = typeof window < "u" ? dt : G;
 function Bt(e) {
   var o = le(e);
   return Ho(function() {
@@ -486,7 +486,7 @@ var st, dn = ce(function(e, o) {
       y(null, "timeout", s);
     }, h));
   });
-  K(function() {
+  G(function() {
     return c && b(n), function() {
       k.current && clearTimeout(k.current);
     };
@@ -496,7 +496,7 @@ var st, dn = ce(function(e, o) {
   }, x = ne(function() {
     n != null && b(0.5 * n);
   }, [n, b]);
-  return K(function() {
+  return G(function() {
     if (!i && c) return window.addEventListener("focus", x), window.addEventListener("blur", f), function() {
       window.removeEventListener("focus", x), window.removeEventListener("blur", f);
     };
@@ -517,7 +517,7 @@ var Ae = ze({ root: { backgroundColor: "#313131", fontSize: "0.875rem", lineHeig
   return typeof m == "function" && (m = m(r)), T.createElement(St, { ref: o, role: "alert", "aria-describedby": Vt, style: s, className: ge("notistack-MuiContent", Io(i), Ae.root, Ae[i], c, !l && u && Ae.lessPadding) }, T.createElement("div", { id: Vt, className: Ae.message }, l ? null : u, t), m && T.createElement("div", { className: Ae.action }, m));
 });
 pn.displayName = "MaterialDesignContent";
-var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", position: "relative", transform: "translateX(0)", top: 0, right: 0, bottom: 0, left: 0, minWidth: "288px" } }), Bo = function(e) {
+var Re, lt, Ue, Ke, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", position: "relative", transform: "translateX(0)", top: 0, right: 0, bottom: 0, left: 0, minWidth: "288px" } }), Bo = function(e) {
   var o = le(), r = ae(!0), t = r[0], n = r[1], a = Pe([e.snack.onClose, e.onClose]), i = ne(function() {
     o.current = setTimeout(function() {
       n(function(q) {
@@ -525,7 +525,7 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
       });
     }, 125);
   }, []);
-  K(function() {
+  G(function() {
     return function() {
       o.current && clearTimeout(o.current);
     };
@@ -536,9 +536,9 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
       var N = { containerRoot: !0, containerAnchorOriginTopCenter: !0, containerAnchorOriginBottomCenter: !0, containerAnchorOriginTopRight: !0, containerAnchorOriginBottomRight: !0, containerAnchorOriginTopLeft: !0, containerAnchorOriginBottomLeft: !0 };
       return Object.keys(q).filter(function(z) {
         return !N[z];
-      }).reduce(function(z, G) {
-        var Q;
-        return O({}, z, ((Q = {})[G] = q[G], Q));
+      }).reduce(function(z, K) {
+        var J;
+        return O({}, z, ((J = {})[K] = q[K], J));
       }, {});
     }(c);
   }, [c]), y = s.open, b = s.SnackbarProps, f = s.TransitionComponent, x = s.TransitionProps, h = s.transitionDuration, d = s.disableWindowBlurListener, L = s.content, w = He(s, ["open", "SnackbarProps", "TransitionComponent", "TransitionProps", "transitionDuration", "disableWindowBlurListener", "content", "entered", "requestClose", "onEnter", "onEntered", "onExit", "onExited"]), R = O({ direction: (l = w.anchorOrigin, l.horizontal !== "center" ? qt[l.horizontal] : qt[l.vertical]), timeout: h }, x), M = L;
@@ -550,8 +550,8 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
   return T.createElement(un, { in: t, onExited: j.onExited }, T.createElement(dn, { open: y, id: w.id, disableWindowBlurListener: d, autoHideDuration: w.autoHideDuration, className: ge(qo.wrappedRoot, k.root, k[Po(w.anchorOrigin)]), SnackbarProps: b, onClose: a }, T.createElement(f, Object.assign({}, R, { appear: !0, in: y, onExit: j.onExit, onExited: i, onEnter: j.onEnter, onEntered: Pe([j.onEntered, function() {
     e.snack.requestClose && a(null, "instructed", e.snack.id);
   }], w.id) }), M || T.createElement(m, Object.assign({}, w)))));
-}, Ie = 20, ut = 6, Vo = 2, $t = "." + cn, Ke = ze({ root: (Re = { boxSizing: "border-box", display: "flex", maxHeight: "100%", position: "fixed", zIndex: 1400, height: "auto", width: "auto", transition: Le(["top", "right", "bottom", "left", "max-width"], { duration: 300, easing: "ease" }), pointerEvents: "none" }, Re[$t] = { padding: ut + "px 0px", transition: "padding 300ms ease 0ms" }, Re.maxWidth = "calc(100% - " + 2 * Ie + "px)", Re[at] = { width: "100%", maxWidth: "calc(100% - 32px)" }, Re), rootDense: (lt = {}, lt[$t] = { padding: Vo + "px 0px" }, lt), top: { top: Ie - ut + "px", flexDirection: "column" }, bottom: { bottom: Ie - ut + "px", flexDirection: "column-reverse" }, left: (Ue = { left: Ie + "px" }, Ue[Xe] = { alignItems: "flex-start" }, Ue[at] = { left: "16px" }, Ue), right: (Ge = { right: Ie + "px" }, Ge[Xe] = { alignItems: "flex-end" }, Ge[at] = { right: "16px" }, Ge), center: (ct = { left: "50%", transform: "translateX(-50%)" }, ct[Xe] = { alignItems: "center" }, ct) }), $o = Me(function(e) {
-  var o = e.classes, r = o === void 0 ? {} : o, t = e.anchorOrigin, n = e.dense, a = e.children, i = ge("notistack-SnackbarContainer", Ke[t.vertical], Ke[t.horizontal], Ke.root, r.containerRoot, r["containerAnchorOrigin" + Et(t)], n && Ke.rootDense);
+}, Ie = 20, ut = 6, Vo = 2, $t = "." + cn, Ge = ze({ root: (Re = { boxSizing: "border-box", display: "flex", maxHeight: "100%", position: "fixed", zIndex: 1400, height: "auto", width: "auto", transition: Le(["top", "right", "bottom", "left", "max-width"], { duration: 300, easing: "ease" }), pointerEvents: "none" }, Re[$t] = { padding: ut + "px 0px", transition: "padding 300ms ease 0ms" }, Re.maxWidth = "calc(100% - " + 2 * Ie + "px)", Re[at] = { width: "100%", maxWidth: "calc(100% - 32px)" }, Re), rootDense: (lt = {}, lt[$t] = { padding: Vo + "px 0px" }, lt), top: { top: Ie - ut + "px", flexDirection: "column" }, bottom: { bottom: Ie - ut + "px", flexDirection: "column-reverse" }, left: (Ue = { left: Ie + "px" }, Ue[Xe] = { alignItems: "flex-start" }, Ue[at] = { left: "16px" }, Ue), right: (Ke = { right: Ie + "px" }, Ke[Xe] = { alignItems: "flex-end" }, Ke[at] = { right: "16px" }, Ke), center: (ct = { left: "50%", transform: "translateX(-50%)" }, ct[Xe] = { alignItems: "center" }, ct) }), $o = Me(function(e) {
+  var o = e.classes, r = o === void 0 ? {} : o, t = e.anchorOrigin, n = e.dense, a = e.children, i = ge("notistack-SnackbarContainer", Ge[t.vertical], Ge[t.horizontal], Ge.root, r.containerRoot, r["containerAnchorOrigin" + Et(t)], n && Ge.rootDense);
   return T.createElement("div", { className: i }, a);
 }), Ut = function(e) {
   return !(typeof e == "string" || wn(e));
@@ -565,8 +565,8 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
           return d === void 0 && (d = !1), d ? O({}, be[h], {}, x[h], {}, f[h]) : h === "autoHideDuration" ? (M = f.autoHideDuration, j = x.autoHideDuration, (q = function(N) {
             return typeof N == "number" || N === null;
           })(M) ? M : q(j) ? j : be.autoHideDuration) : h === "transitionDuration" ? (L = f.transitionDuration, w = x.transitionDuration, (R = function(N, z) {
-            return z.some(function(G) {
-              return typeof N === G;
+            return z.some(function(K) {
+              return typeof N === K;
             });
           })(L, ["string", "number"]) ? L : R(L, ["object"]) ? O({}, be.transitionDuration, {}, R(w, ["object"]) && w, {}, L) : R(w, ["string", "number"]) ? w : R(w, ["object"]) ? O({}, be.transitionDuration, {}, w) : be.transitionDuration) : f[h] || x[h] || be[h];
           var L, w, R, M, j, q;
@@ -645,7 +645,7 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
   }, nn(o, [{ key: "maxSnack", get: function() {
     return this.props.maxSnack || be.maxSnack;
   } }]), o;
-}(Kt), mn = function() {
+}(Gt), mn = function() {
   return yn(rn);
 };
 const pe = { card: "_card_1a398_7", actionRoot: "_actionRoot_1a398_11", icons: "_icons_1a398_16", expand: "_expand_1a398_22", expandOpen: "_expandOpen_1a398_29", stackTraceContainer: "_stackTraceContainer_1a398_33" }, hn = ce((e, o) => {
@@ -654,12 +654,12 @@ const pe = { card: "_card_1a398_7", actionRoot: "_actionRoot_1a398_11", icons: "
   }, []), y = ne(() => {
     s(r);
   }, [r, s]), b = a?.message || String(t);
-  return g(St, { ref: o, className: mt(pe.root, "error-snackbar"), children: se(vo, { className: pe.card, style: { backgroundColor: c.palette.error.dark, border: `1px solid ${c.palette.error.dark}` }, children: [se(So, { className: pe.actionRoot, children: [i ? null : n?.error, g(Vn, { variant: "body2", component: "div", className: pe.typography, style: { color: c.palette.text.primary }, children: b }), g("div", { style: { flex: "1 1 auto" } }), se("div", { className: pe.icons, children: [a ? g(ht, { "aria-label": "Show more", size: "small", className: mt(pe.expand, { [pe.expandOpen]: u }), style: { color: c.palette.action.active }, onClick: k, children: g($n, {}) }) : null, g(ht, { size: "small", className: pe.expand, style: { color: c.palette.action.active }, onClick: y, children: g(Un, { fontSize: "small" }) })] })] }), a ? g(ft, { in: u, timeout: "auto", unmountOnExit: !0, children: g("div", { className: pe.stackTraceContainer, style: { backgroundColor: c.palette.error.light, borderTop: `1px solid ${c.palette.error.main}` }, children: g(Gn, { error: a, hideLineNumbers: !0 }) }) }) : null] }) });
+  return g(St, { ref: o, className: mt(pe.root, "error-snackbar"), children: se(vo, { className: pe.card, style: { backgroundColor: c.palette.error.dark, border: `1px solid ${c.palette.error.dark}` }, children: [se(So, { className: pe.actionRoot, children: [i ? null : n?.error, g(Vn, { variant: "body2", component: "div", className: pe.typography, style: { color: c.palette.text.primary }, children: b }), g("div", { style: { flex: "1 1 auto" } }), se("div", { className: pe.icons, children: [a ? g(ht, { "aria-label": "Show more", size: "small", className: mt(pe.expand, { [pe.expandOpen]: u }), style: { color: c.palette.action.active }, onClick: k, children: g($n, {}) }) : null, g(ht, { size: "small", className: pe.expand, style: { color: c.palette.action.active }, onClick: y, children: g(Un, { fontSize: "small" }) })] })] }), a ? g(ft, { in: u, timeout: "auto", unmountOnExit: !0, children: g("div", { className: pe.stackTraceContainer, style: { backgroundColor: c.palette.error.light, borderTop: `1px solid ${c.palette.error.main}` }, children: g(Kn, { error: a, hideLineNumbers: !0 }) }) }) : null] }) });
 });
 hn.displayName = "ToastError";
 const fn = Me(ce((e, o) => {
   const { commands: r, commandHook: t, scope: n = "workbook", disabled: a = !1, ...i } = e, l = ie((c) => {
-    const u = { variant: ro.Menuitem, parentFloat: c.floatReference, commandHook: t, scope: n, disabled: a }, m = se(Gt, { children: [g(nt, { ...u, command: r.getCommand("newWorkbook"), icon: Fe(g(ao, {})) }), g(io, { orientation: "horizontal" }), g(nt, { ...u, command: r.getCommand("openWorkbook"), icon: Fe(g(so, {})) }), g(Ot, { ...u, commands: r, quickCommand: "saveWorkbook", icon: Fe(g(uo, {})), createPopupPanel: (k) => {
+    const u = { variant: ro.Menuitem, parentFloat: c.floatReference, commandHook: t, scope: n, disabled: a }, m = se(Kt, { children: [g(nt, { ...u, command: r.getCommand("newWorkbook"), icon: Fe(g(ao, {})) }), g(io, { orientation: "horizontal" }), g(nt, { ...u, command: r.getCommand("openWorkbook"), icon: Fe(g(so, {})) }), g(Ot, { ...u, commands: r, quickCommand: "saveWorkbook", icon: Fe(g(uo, {})), createPopupPanel: (k) => {
       const y = { ...u, parentFloat: k.floatReference, scope: "saveWorkbook" }, b = [];
       return ye.getWriteFormats().forEach((f) => {
         if (f.isDefault) return;
@@ -678,17 +678,17 @@ const fn = Me(ce((e, o) => {
   return g(Ot, { commands: r, disabled: a, commandHook: t, scope: n, label: s, tooltip: "Options for saving and loading the workbook.", sx: { paddingBottom: "0px", "& button": { paddingTop: "0px", paddingBottom: "0px", height: (c) => `calc(1.25rem + ${c.spacing(2)}px)` } }, ...i, createPopupPanel: l, icon: g(po, { className: "label", icon: null, label: s }) });
 }));
 fn.displayName = "StandaloneFileCommandButton";
-const Go = g(no, { label: "SheetXL", description: "Visit me at sheetxl.com.", children: g(xe, { sx: { width: "24px", height: "24px", marginBottom: "4px", marginLeft: "6px" }, children: g(oo, { onClick: () => {
+const Ko = g(no, { label: "SheetXL", description: "Visit me at sheetxl.com.", children: g(xe, { sx: { width: "24px", height: "24px", marginBottom: "4px", marginLeft: "6px" }, children: g(oo, { onClick: () => {
   window?.open("https://www.sheetxl.com", "_blank");
 }, style: { width: "24px", height: "24px", cursor: "pointer" } }) }) }), gn = Me(ce((e, o) => {
-  const { commands: r, workbook: t, logo: n = Go, mainElement: a, showFileMenu: i = !0, showAppearanceMenu: l = !0, ...s } = e, { reference: c } = Hn(), [u, { width: m }] = zn(), k = m < 530, y = i ? g(fn, { commands: r, commandHook: { beforeExecute() {
+  const { commands: r, workbook: t, logo: n = Ko, mainElement: a, showFileMenu: i = !0, showAppearanceMenu: l = !0, ...s } = e, { reference: c } = Hn(), [u, { width: m }] = zn(), k = m < 530, y = i ? g(fn, { commands: r, commandHook: { beforeExecute() {
     c?.closeAll();
   }, onError(h, d, L) {
   } } }) : null, b = l ? g(_n, { commands: r, commandHook: { beforeExecute() {
     c?.closeAll();
   }, onError(h, d, L) {
   } } }) : null, f = te(() => ({ paddingLeft: (h) => h.spacing(1), paddingRight: (h) => h.spacing(1) }), []), x = le(null);
-  return g(xe, { ref: Jt([x, u, o]), ...s, children: qn({ commands: r, renderCompact: k, workbook: t, selectWrapper: (h) => se(xe, { sx: { display: "flex", flex: "1", flexDirection: "row", alignItems: "stretch", gap: (d) => d.spacing(1), paddingLeft: (d) => d.spacing(1), paddingRight: (d) => d.spacing(1) }, children: [se(xe, { sx: { display: "flex", flexDirection: "row", alignItems: "center", flex: "1 1 100%", gap: (d) => d.spacing(0.5) }, children: [n, se(xe, { sx: { display: "flex", flexDirection: "row", alignItems: "center", gap: (d) => d.spacing(0.25) }, children: [y, h] })] }), g(xe, { sx: { display: "flex", flexDirection: "row", flex: "1 1 300%", overflow: "hidden", alignItems: "center", justifyContent: "center" }, children: a }), g(xe, { sx: { display: "flex", alignItems: "center", justifyContent: "end", flex: k && !b ? "0 0 auto" : "1 1 100%" }, children: b })] }), selectProps: f, toolbarsProps: { Home: { sx: {} } } }) });
+  return g(xe, { ref: Yt([x, u, o]), ...s, children: qn({ commands: r, renderCompact: k, workbook: t, selectWrapper: (h) => se(xe, { sx: { display: "flex", flex: "1", flexDirection: "row", alignItems: "stretch", gap: (d) => d.spacing(1), paddingLeft: (d) => d.spacing(1), paddingRight: (d) => d.spacing(1) }, children: [se(xe, { sx: { display: "flex", flexDirection: "row", alignItems: "center", flex: "1 1 100%", gap: (d) => d.spacing(0.5) }, children: [n, se(xe, { sx: { display: "flex", flexDirection: "row", alignItems: "center", gap: (d) => d.spacing(0.25) }, children: [y, h] })] }), g(xe, { sx: { display: "flex", flexDirection: "row", flex: "1 1 300%", overflow: "hidden", alignItems: "center", justifyContent: "center" }, children: a }), g(xe, { sx: { display: "flex", alignItems: "center", justifyContent: "end", flex: k && !b ? "0 0 auto" : "1 1 100%" }, children: b })] }), selectProps: f, toolbarsProps: { Home: { sx: {} } } }) });
 }));
 gn.displayName = "StandaloneWorkbookToolbar";
 const kn = Me(ce((e, o) => {
@@ -698,7 +698,7 @@ const kn = Me(ce((e, o) => {
     h((A) => ({ ...A, isMounted: !0 }));
   }, []), L = ne(() => {
     h((A) => ({ ...A, isMounted: !1 }));
-  }, []), w = Kn(), R = Zn(), M = Xn(), j = le(/* @__PURE__ */ new Set()), q = te(() => {
+  }, []), w = Gn(), R = Zn(), M = Xn(), j = le(/* @__PURE__ */ new Set()), q = te(() => {
     const A = (E, S) => {
       if (S?.onceKey) {
         if (j.current.has(S.onceKey)) return;
@@ -721,17 +721,17 @@ const kn = Me(ce((e, o) => {
       const D = { ...S, onKeyDown: (B) => {
         u?.dispatchToFocusedCommand(B), B.isDefaultPrevented() || B.isPropagationStopped() || S?.onKeyDown?.(B);
       } };
-      return w(E, { sort: () => import("./BKj70d8kss8lWQ5j.js"), numberFormat: () => import("./D0Cgu7sUw30-mnqB.js"), hyperlink: () => import("./c46EuNJ8AHDaEf22.js"), comments: () => import("./DcwFhmc6DauSay_m.js"), find: () => import("./JWXHlKikGyP_aFCO.js"), tableDetails: () => import("./B048AhsMgarmATbo.js"), tableNew: () => import("./Bwmetegu2MJ05lq3.js"), namedDetails: () => import("./BfCDUWippQ188QJ_.js") }[E], D, P);
+      return w(E, { sort: () => import("./pgLOdNAK0tTv9jW5.js"), numberFormat: () => import("./C6y3ZvDtBqiKjmQR.js"), hyperlink: () => import("./DresaRXt2fvt83HL.js"), comments: () => import("./BziPRQRGrFtCnyRv.js"), find: () => import("./DYYGpOI8W9jNCrTX.js"), tableDetails: () => import("./TLsARwdDVPeqjguR.js"), tableNew: () => import("./zMYtuFnY5e4kuvlC.js"), namedDetails: () => import("./CbXEnmr2CeR0TImv.js") }[E], D, P);
     }, showOptions: R, showInputOptions: M, showError: (E) => {
       let S, P = _e.Error, D = "Unknown Error";
       typeof E == "string" ? D = E : E instanceof Error && (S = E, E.message && (D = E.message)), E instanceof fo && (P = _e.Info), A(D, { type: P, enqueueProps: { error: S } });
     } };
   }, []), N = ne(() => {
   }, []), z = ((A) => {
-    const { workbook: E, setWorkbook: S, importExportDisabled: P, workbookTitle: D = "export", setWorkbookTitle: B, notifier: _, requestWorkbookTitle: Y, themeModeOptions: H, undoManager: C, commands: W, onExecute: V } = A, re = ie(H?.onForceModeChange, [H?.onForceModeChange]), me = ie(H?.onForceLightGridChange, [H?.onForceLightGridChange]), ue = ie(H?.onForceLightImagesChange, [H?.onForceLightImagesChange]), Je = ie(async (F = null, X = null) => {
+    const { workbook: E, setWorkbook: S, importExportDisabled: P, workbookTitle: D = "export", setWorkbookTitle: B, notifier: _, requestWorkbookTitle: Q, themeModeOptions: H, undoManager: C, commands: W, onExecute: V } = A, re = ie(H?.onForceModeChange, [H?.onForceModeChange]), me = ie(H?.onForceLightGridChange, [H?.onForceLightGridChange]), ue = ie(H?.onForceLightImagesChange, [H?.onForceLightImagesChange]), Ye = ie(async (F = null, X = null) => {
       const p = [];
-      let v, $ = null, J = null;
-      if (typeof F == "string" ? J = F : $ = F, v = $ ? F : await Qn.openFileDialog(J ?? ye.getAllReadFormatTypeAsString().join(",")), !v) return null;
+      let v, $ = null, Y = null;
+      if (typeof F == "string" ? Y = F : $ = F, v = $ ? F : await Jn.openFileDialog(Y ?? ye.getAllReadFormatTypeAsString().join(",")), !v) return null;
       const he = { source: v, constructorOptions: X, onWarning: (tt) => {
         p.push(tt);
       } }, Oe = await ye.read(he, _);
@@ -739,12 +739,12 @@ const kn = Me(ce((e, o) => {
 ` + p.join(`
 `))), Oe;
     }, [V, _, E]), De = ie(async (F, X, p) => {
-      if (!X && Y) {
-        const v = await Y("Enter Workbook name to " + (p.isDefault ? "Save." : `Export as ${p.description}.`));
+      if (!X && Q) {
+        const v = await Q("Enter Workbook name to " + (p.isDefault ? "Save." : `Export as ${p.description}.`));
         return v !== null && ye.writeFile(v, F, { formatType: p.key });
       }
       return ye.writeFile(X, F, { formatType: p.key });
-    }, [_, E, Y]), U = ne(() => ({ contains: (F) => !0, focus() {
+    }, [_, E, Q]), U = ne(() => ({ contains: (F) => !0, focus() {
     } }), []), ke = te(() => {
       const F = [];
       P || (ye.getWriteFormats().forEach((p) => {
@@ -754,8 +754,8 @@ const kn = Me(ce((e, o) => {
             _?.showError?.(he);
           });
         })));
-        const J = v ? "saveWorkbook" : `saveWorkbookAs${p.key}`;
-        F.push(new ee(J, U, $, (he) => {
+        const Y = v ? "saveWorkbook" : `saveWorkbookAs${p.key}`;
+        F.push(new ee(Y, U, $, (he) => {
           De(E, he ?? D, p).catch((Oe) => {
             _?.showError?.(Oe);
           });
@@ -763,16 +763,16 @@ const kn = Me(ce((e, o) => {
       }), F.push(new ee("openWorkbook", U, { label: "Open Workbook…", scopedLabels: { workbook: "Open…" }, description: "Open a workbook from the desktop.", shortcut: { key: "O", modifiers: [We.Ctrl] } }, async (p = null) => {
         const v = { date1904: E.isDate1904(), ...E.options };
         try {
-          const $ = await Je(p, v);
+          const $ = await Ye(p, v);
           if (!$) return;
-          const J = $.title, he = $.workbook, Oe = he.getSelectedSheet();
+          const Y = $.title, he = $.workbook, Oe = he.getSelectedSheet();
           if ($.formatType.mimeType === "text/csv") {
-            const tt = E.findValidSheetName(J);
+            const tt = E.findValidSheetName(Y);
             await E.doBatch(async () => {
               const Lt = Oe.getUsedRange();
               Lt ? await E.getSheets().add({ name: tt, autoSelect: !0 }).getRange({ colStart: 0, rowStart: 0, colEnd: 0, rowEnd: 0 }).copyFrom(Lt) : _?.showMessage("The file appears to be blank.");
-            }, `Import CSV '${J}'`);
-          } else E?.close(), B?.(J), S(he);
+            }, `Import CSV '${Y}'`);
+          } else E?.close(), B?.(Y), S(he);
         } catch ($) {
           _?.showError?.($);
         }
@@ -798,11 +798,11 @@ const kn = Me(ce((e, o) => {
       })];
     }, [E, D, _, P, H, W, C]), Z = te(() => {
       let F = null;
-      return F = W ? W.createChildGroup(U, "standaloneWorkbook", !1) : new Qt(U, "standaloneWorkbook"), F.addCommands(ke, !0), F;
+      return F = W ? W.createChildGroup(U, "standaloneWorkbook", !1) : new Jt(U, "standaloneWorkbook"), F.addCommands(ke, !0), F;
     }, [W, ke]);
-    Yn({ manager: C, commands: Z, notifier: _ });
+    Qn({ manager: C, commands: Z, notifier: _ });
     const { themeMode: Te } = Xt();
-    K(() => {
+    G(() => {
       if (!H || !Z) return;
       const F = H.forceMode === "dark" || !H.forceMode && Te === "dark";
       Z.getCommand("themeMode").update({ state: H.forceMode ?? null, label: F ? "Dark Mode" : "Light Mode", scopedLabels: { appearance: F ? "Dark Mode" : "Light Mode" } }).updateCallback(() => {
@@ -815,10 +815,10 @@ const kn = Me(ce((e, o) => {
         ue(!H.forceLightImages);
       });
     }, [Te, H, ke]);
-    const { showModal: et } = Jn();
-    return K(() => {
+    const { showModal: et } = Yn();
+    return G(() => {
       const F = () => new Promise((X, p) => {
-        const v = T.lazy(() => import("./DpXpV2Nd-U9CeW99.js")), $ = et(v, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
+        const v = T.lazy(() => import("./BSsHFJzgfxmp5r7_.js")), $ = et(v, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
           $.hide();
         }, TransitionProps: { onExited: () => {
           X(!0);
@@ -831,7 +831,7 @@ const kn = Me(ce((e, o) => {
       E(S);
     }, { selectAll: !0, requestReason: A }) : E(l);
   }), themeModeOptions: k, undoManager: c, notifier: q, onExecute: N });
-  K(() => {
+  G(() => {
     x.starting.size <= 0 || !x.isMounted || h((A) => {
       const E = new Map(A.running);
       return A.starting.forEach((S, P) => {
@@ -845,17 +845,17 @@ const kn = Me(ce((e, o) => {
       }), { ...A, starting: /* @__PURE__ */ new Map(), running: E };
     });
   }, [x]);
-  const [G, Q] = ae(null);
-  K(() => {
-    x.starting.size !== 0 || x.running.size !== 0 ? Q(g(Yt, { icon: g(eo, { sx: { transform: "scale(0.7)", marginLeft: "-6px" } }), panel: !0, label: x.label, onMount: d, onUnmount: L, sx: { position: "absolute", left: "0", top: "0", width: "100%", height: "100%", zIndex: "9999" } })) : Q(null);
+  const [K, J] = ae(null);
+  G(() => {
+    x.starting.size !== 0 || x.running.size !== 0 ? J(g(Qt, { icon: g(eo, { sx: { transform: "scale(0.7)", marginLeft: "-6px" } }), panel: !0, label: x.label, onMount: d, onUnmount: L, sx: { position: "absolute", left: "0", top: "0", width: "100%", height: "100%", zIndex: "9999" } })) : J(null);
   }, [x.starting, x.running]);
   const I = te(() => g(to, { commands: z, disableHover: !0, sx: { padding: "0" }, buttonProps: { sx: { maxHeight: "22px" } } }), [z]), oe = { notifier: q, commands: z };
-  return r && (oe.statusBarProps = { childrenEnd: I }), se(Gt, { children: [G, s ? T.cloneElement(s, oe) : null] });
+  return r && (oe.statusBarProps = { childrenEnd: I }), se(Kt, { children: [K, s ? T.cloneElement(s, oe) : null] });
 }));
 kn.displayName = "SnackbarAndCommandsWrapper";
 const bn = Me(ce((e, o) => {
-  const { className: r, sx: t, style: n, onElementLoad: a, onError: i, undoManager: l, errorPanel: s = Wn, onKeyDown: c, workbook: u, createWorkbookOptions: m, onWorkbookChange: k, logo: y, importExportDisabled: b = !1, themeModeOptions: f, autoFocus: x = !1, commands: h, title: d, onTitleChange: L, titleProps: w, ...R } = e, M = le(null), j = ie(k, [k]), q = ie(L ?? w?.onTitleChange, [L ?? w?.onTitleChange]), N = w?.placeHolder ?? "Untitled", z = f?.forceMode, { themeMode: G, source: Q } = Xt({ mode: z }), I = te(() => ({ ...f, light: Dt(!1, ot.deepMerge(f?.theme ?? {}, f?.light ?? {})), dark: Dt(!0, ot.deepMerge(f?.theme ?? {}, f?.dark ?? {})) }), [f]), oe = G === pt.Dark, [A, E] = ae(null);
-  K(() => {
+  const { className: r, sx: t, style: n, onElementLoad: a, onError: i, undoManager: l, errorPanel: s = Wn, onKeyDown: c, workbook: u, createWorkbookOptions: m, onWorkbookChange: k, logo: y, importExportDisabled: b = !1, themeModeOptions: f, autoFocus: x = !1, commands: h, title: d, onTitleChange: L, titleProps: w, ...R } = e, M = le(null), j = ie(k, [k]), q = ie(L ?? w?.onTitleChange, [L ?? w?.onTitleChange]), N = w?.placeHolder ?? "Untitled", z = f?.forceMode, { themeMode: K, source: J } = Xt({ mode: z }), I = te(() => ({ ...f, light: Dt(!1, ot.deepMerge(f?.theme ?? {}, f?.light ?? {})), dark: Dt(!0, ot.deepMerge(f?.theme ?? {}, f?.dark ?? {})) }), [f]), oe = K === pt.Dark, [A, E] = ae(null);
+  G(() => {
     E(l ?? new ho());
   }, [l]);
   const [S, P] = ae(null), [D, B] = ae(null), _ = Fn();
@@ -877,54 +877,54 @@ const bn = Me(ce((e, o) => {
       })();
     }
   }, [D]);
-  const [Y, H] = ae(null);
-  K(() => {
+  const [Q, H] = ae(null);
+  G(() => {
     if (!A || !S) return;
     A.clear();
     const p = S?.workbook?.getTransactions();
     return p ? p.addListener({ onCommitEnd: (v) => {
-      v.getDescription() ? A.addUndoOperation({ description: v.getDescription(), undo: () => (p.revert(v.getId()), Y.source?.focus(), () => {
-        p.restore(v.getId()), Y.source?.focus();
+      v.getDescription() ? A.addUndoOperation({ description: v.getDescription(), undo: () => (p.revert(v.getId()), Q.source?.focus(), () => {
+        p.restore(v.getId()), Q.source?.focus();
       }) }) : console.warn("commit has no description", v);
     } }) : void 0;
-  }, [A, S, Y]);
+  }, [A, S, Q]);
   const C = ie((p) => {
     p ? A.setRepeatableOperation({ description: p.label(), repeat: async () => p.execute() }) : A.setRepeatableOperation(null);
   }, [A]), [W, V] = ae(d ?? w?.title ?? "");
-  K(() => {
+  G(() => {
     V(d ?? w?.title ?? "");
-  }, [d ?? w?.title]), K(() => {
+  }, [d ?? w?.title]), G(() => {
     q?.(W);
   }, [W]);
   const [re, me] = ae(null), ue = te(() => {
     const p = () => ({ contains: (v) => !0, focus() {
     } });
-    return h ? h.createChildGroup(p, "application", !1) : new Qt(p, "application");
-  }, [h]), Je = ie((p) => {
+    return h ? h.createChildGroup(p, "application", !1) : new Jt(p, "application");
+  }, [h]), Ye = ie((p) => {
     me(p.source.getViewportElement()), H(p), ue.activate("sheet"), a?.(p);
   }, [ue]);
-  K(() => {
-    Y && x && Y.source?.focus(typeof x == "object" ? x : void 0);
-  }, [Y]);
+  G(() => {
+    Q && x && Q.source?.focus(typeof x == "object" ? x : void 0);
+  }, [Q]);
   const De = le(null), U = ne((p) => {
     let v = null;
     return w?.hidden || (v = g(Nn, { ...w, style: { maxWidth: "100%", ...w?.style }, workbook: M.current, ref: De, title: W, placeHolder: N, onTitleChange: ($) => {
       V($);
     } })), g(gn, { ...p, logo: y, mainElement: v, showFileMenu: !b, showAppearanceMenu: !!(I?.onForceLightGridChange || I?.onForceLightImagesChange || I?.onForceModeChange) });
   }, [y, W, w, I, b, ue]);
-  K(() => {
+  G(() => {
     const p = (v) => v.preventDefault();
     return M.current?.addEventListener("wheel", p, { passive: !1 }), () => {
       M.current?.removeEventListener("wheel", p);
     };
   }, []);
-  const ke = te(() => g(Yt, { transparentBackground: !0, sx: t, style: n }), [t, n]), Z = ne(({ error: p }) => (i?.(p), g(s, { sx: t, style: n, error: p ?? "Unable to display empty workbook." })), [t, n, i]), Te = te(() => ({ ...t, "& .SnackbarContainer-root": { position: "absolute !important" }, "& .notistack-Snackbar": { minWidth: "unset" }, "& .notistack-MuiContent *": { fontFamily: (p) => p.typography.fontFamily }, "& #notistack-snackbar": { maxWidth: "560px", whiteSpace: "pre-wrap" }, "*": { userSelect: "none" } }), [t]), et = Jt([M, o]), F = te(() => {
+  const ke = te(() => g(Qt, { transparentBackground: !0, sx: t, style: n }), [t, n]), Z = ne(({ error: p }) => (i?.(p), g(s, { sx: t, style: n, error: p ?? "Unable to display empty workbook." })), [t, n, i]), Te = te(() => ({ ...t, "& .SnackbarContainer-root": { position: "absolute !important" }, "& .notistack-Snackbar": { minWidth: "unset" }, "& .notistack-MuiContent *": { fontFamily: (p) => p.typography.fontFamily }, "& #notistack-snackbar": { maxWidth: "560px", whiteSpace: "pre-wrap" }, "*": { userSelect: "none" } }), [t]), et = Yt([M, o]), F = te(() => {
     if (!S) return ke;
     if (S.error || !S.workbook) return Z({ error: S.error });
     let p = null, v = null, $ = !1;
-    return I && (p = oe ? I.dark : I.light, v = oe && !I.forceLightGrid ? I.dark : I.light, $ = I.forceLightImages), g(An, { sx: Te, style: n, tabIndex: 0, autoFocus: !0, workbook: S.workbook, ref: et, renderToolbar: U, onElementLoad: Je, onRepeatCommandChange: C, onKeyDown: (J) => {
-      c?.(J);
-    }, gridTheme: v, headersTheme: p, forceLightImages: $, className: mt(r, "sheetxl-workbook"), onContextMenu: (J) => J.preventDefault(), ...R }, "WorkbookElement");
+    return I && (p = oe ? I.dark : I.light, v = oe && !I.forceLightGrid ? I.dark : I.light, $ = I.forceLightImages), g(An, { sx: Te, style: n, tabIndex: 0, autoFocus: !0, workbook: S.workbook, ref: et, renderToolbar: U, onElementLoad: Ye, onRepeatCommandChange: C, onKeyDown: (Y) => {
+      c?.(Y);
+    }, gridTheme: v, headersTheme: p, forceLightImages: $, className: mt(r, "sheetxl-workbook"), onContextMenu: (Y) => Y.preventDefault(), ...R }, "WorkbookElement");
   }, [S, W, A, ke, I, R, U, Te]);
   let X = g(Fo, { fallbackRender: Z, children: g(Uo, { maxSnack: 3, domRoot: re, anchorOrigin: { vertical: "bottom", horizontal: "right" }, autoHideDuration: 3500, onClose: (p, v, $) => {
     M.current?.focus();
@@ -932,9 +932,9 @@ const bn = Me(ce((e, o) => {
   return I && (X = se(jn, { theme: oe ? I.dark : I.light, children: [I.cssBaseline ? g(To, {}) : null, X] })), X;
 }));
 bn.displayName = "EagerStandaloneWorkbook";
-const Ko = Object.freeze(Object.defineProperty({ __proto__: null, default: bn }, Symbol.toStringTag, { value: "Module" })), er = Object.freeze(Object.defineProperty({ __proto__: null, E: Ko, c: ge }, Symbol.toStringTag, { value: "Module" }));
+const Go = Object.freeze(Object.defineProperty({ __proto__: null, default: bn }, Symbol.toStringTag, { value: "Module" })), er = Object.freeze(Object.defineProperty({ __proto__: null, E: Go, c: ge }, Symbol.toStringTag, { value: "Module" }));
 export {
+  er as B,
   ft as C,
-  er as a,
   ge as f
 };

package/cdn/assets/{Z1hTdWF7Gnd7lwEi.js → B6bM984q736FqYsz.js}

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

package/cdn/assets/B7jQrPqkaYVNv-as.js

@@ -0,0 +1,84 @@
+import { Workbook as J } from "@sheetxl/sdk";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.20
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const k = async (p, l) => {
+  const c = await p.toJSON(), b = l?.whiteSpace ?? 0;
+  let g;
+  l?.beforeWrite?.(p, c), g = b === 0 ? JSON.stringify(c) : function(i, r = 2) {
+    const n = [];
+    function s(o) {
+      const e = r * o;
+      return n[e] === void 0 && (n[e] = " ".repeat(e)), n[e];
+    }
+    return function o(e, f, a, B) {
+      if (e == null || typeof e != "object") return JSON.stringify(e);
+      const A = s(f), d = s(f + 1);
+      if (Array.isArray(e)) {
+        const u = e.length;
+        if (u === 0) return "[]";
+        if (a !== 0) return JSON.stringify(e);
+        let y = `[
+`;
+        for (let h = 0; h < u; h++) y += d + o(e[h], f + 1, a + 1, !0), h < u - 1 && (y += `,
+`);
+        return y += `
+` + A + "]", y;
+      }
+      const m = Object.keys(e), O = m.length;
+      if (O === 0) return "{}";
+      if (!(a < 2)) return JSON.stringify(e);
+      let S = `{
+`;
+      B || (a = 0);
+      for (let u = 0; u < O; u++) {
+        const y = m[u];
+        S += d + JSON.stringify(y) + ": " + o(e[y], f + 1, a, !1), u < O - 1 && (S += `,
+`);
+      }
+      return S += `
+` + A + "}", S;
+    }(i, 0, 0, !1);
+  }(c, b);
+  let w = new TextEncoder().encode(g).buffer;
+  const t = l?.compress ?? !0;
+  return t && (w = await async function(i, r = "gzip") {
+    let n;
+    i instanceof SharedArrayBuffer ? (n = new ArrayBuffer(i.byteLength), new Uint8Array(n).set(new Uint8Array(i))) : n = i;
+    const s = new ReadableStream({ start(f) {
+      f.enqueue(n), f.close();
+    } }), o = new CompressionStream(r), e = s.pipeThrough(o);
+    return (await new Response(e).blob()).arrayBuffer();
+  }(w, typeof t == "string" ? t : void 0)), w;
+}, z = async (p, l) => {
+  let c = p;
+  (function(t) {
+    if (t.byteLength < 4) return !1;
+    const i = new Uint8Array(t), r = { gzip: [31, 139], zip: [80, 75, 3, 4], bz2: [66, 90, 104], br: [206, 178, 207, 129] }, n = Object.keys(r);
+    for (let s = 0; s < n.length; s++) {
+      const o = n[s], e = r[o];
+      let f = !0;
+      for (let a = 0; a < e.length; a++) if (i[a] !== e[a]) {
+        f = !1;
+        break;
+      }
+      if (f) return o;
+    }
+    return !1;
+  })(c) && (c = await async function(t, i = "gzip") {
+    let r;
+    t instanceof SharedArrayBuffer ? (r = new ArrayBuffer(t.byteLength), new Uint8Array(r).set(new Uint8Array(t))) : r = t;
+    const n = new Blob([r]).stream(), s = new DecompressionStream(i), o = n.pipeThrough(s);
+    return (await new Response(o).blob()).arrayBuffer();
+  }(c));
+  let b = new TextDecoder().decode(c);
+  const g = JSON.parse(b), w = { ...l?.constructorOptions ?? {}, json: g };
+  return new J(w);
+};
+export {
+  z as fromBufferJSON,
+  k as toBufferJSON
+};