@sheetxl/studio-vanilla 0.3.2 → 0.3.4

package/browser/esm/{Cux5PsvHYlpp5b2x.mjs → BfNo01-WwZl_5N1M.mjs}

@@ -1,10 +1,10 @@
-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 { E as xt, G as yt, H as Je, I as En, L as Cn, O as Sn, P as Ln, Q as Mn, Z as He, $ as wt, a0 as vt, a1 as Mt, a2 as Dn, a3 as Tn, a4 as Zt, a5 as On, a6 as Wn, a7 as ie, a8 as Qt, a9 as Dt, r as nt, aa as pt, ab as Fn, ac as Nn, l as Tt, ad as ye, ae as Xt, af as An, ag as Jt, ah as Rn, ai as mt, aj as Yt, ak as In, al as Pn, am as Hn, an as jn, ao as zn, ap as _n, aq as qn, c as xe, ar as Bn, J as Vn, as as $n, at as ht, au as Un, av as Gn, aw as Kn, ax as Zn, ay as Qn, az as Xn, A as Jn, aA as ee, aB as We, aC as Ot, aD as Yn, aE as eo, aF as to, aG as no, aH as oo, aI as ro, aJ as ot, aK as Fe, aL as ao, aM as io, aN as so, aO as lo, aP as Wt, aQ as Ft, aR as co, aS as uo, aT as po, aU as mo, aV as _e, aW as ho } from "./Cz7RSKUHlEt4Sy6b.mjs";
+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 { I as xt, K as yt, L as Je, M as En, N as Cn, Q as Sn, R as Ln, U as Mn, W as He, $ as wt, a0 as vt, a1 as Mt, a2 as Dn, a3 as Tn, a4 as Zt, a5 as On, a6 as Wn, a7 as ie, a8 as Qt, a9 as Dt, F as nt, aa as pt, ab as Fn, ac as Nn, Z as Tt, ad as ye, ae as Xt, af as Rn, ag as Jt, ah as An, ai as mt, aj as Yt, ak as In, al as Pn, am as Hn, an as jn, ao as zn, ap as _n, aq as qn, B as xe, ar as Bn, i as Vn, as as $n, at as ht, au as Un, av as Kn, aw as Gn, ax as Zn, ay as Qn, az as Xn, H as Jn, aA as ee, aB as We, aC as Ot, aD as Yn, aE as eo, aF as to, aG as no, aH as oo, aI as ro, aJ as ot, aK as Fe, aL as ao, aM as io, aN as so, aO as lo, aP as Wt, aQ as Ft, aR as co, aS as uo, aT as po, aU as mo, aV as _e, aW as ho } from "./Bq_HFm6_6_ycs_gE.mjs";
 import { createPortal as fo } from "react-dom";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -17,16 +17,16 @@ const ko = He("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 = He("div", { name: "MuiCollapse", slot: "Wrapper", overridesResolver: (e, o) => o.wrapper })({ display: "flex", width: "100%", variants: [{ props: { orientation: "horizontal" }, style: { width: "auto", height: "100%" } }] }), xo = He("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 = Je({ 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 = Je({ 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, A = { ...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), H = Sn(), q = Ln(), N = ve.useRef(null), z = ve.useRef(), G = typeof i == "number" ? `${i}px` : i, X = x === "horizontal", I = X ? "width" : "height", oe = ve.useRef(null), A = Mn(o, oe), E = (C) => (W) => {
+  })(A), H = Sn(), q = Ln(), N = ve.useRef(null), z = ve.useRef(), K = typeof i == "number" ? `${i}px` : i, X = x === "horizontal", I = X ? "width" : "height", oe = ve.useRef(null), R = 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[X ? "clientWidth" : "clientHeight"] : 0, P = E((C, W) => {
-    N.current && X && (N.current.style.position = "absolute"), C.style[I] = G, u && u(C, W);
+    N.current && X && (N.current.style.position = "absolute"), C.style[I] = K, u && u(C, W);
   }), D = E((C, W) => {
     const V = S();
     N.current && X && (N.current.style.position = "");
@@ -46,11 +46,11 @@ const ko = He("div", { name: "MuiCollapse", slot: "Root", overridesResolver: (e,
       const me = H.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: J, onExiting: j, 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: { [X ? "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: { [X ? "minWidth" : "minHeight"]: K, ...h }, ref: R, ownerState: { ...A, state: C }, ...V, children: g(bo, { ownerState: { ...A, state: C }, className: M.wrapper, ref: N, children: g(xo, { ownerState: { ...A, state: C }, className: M.wrapperInner, children: n }) }) }) });
 });
 function yo(e) {
   return xt("MuiCard", e);
@@ -97,7 +97,7 @@ function To(e) {
   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;
   }
@@ -149,7 +149,7 @@ function ge() {
   for (var e, o, r = 0, t = ""; r < arguments.length; ) (e = arguments[r++]) && (o = en(e)) && (t && (t += " "), t += o);
   return t;
 }
-let No = { data: "" }, Ao = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Ro = /\/\*[^]*?\*\/|  +/g, At = /\n+/g, we = (e, o) => {
+let No = { data: "" }, Ro = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Ao = /\/\*[^]*?\*\/|  +/g, Rt = /\n+/g, we = (e, o) => {
   let r = "", t = "", n = "";
   for (let a in e) {
     let i = e[a];
@@ -174,8 +174,8 @@ function kt(e) {
     })(m));
     if (!de[k]) {
       let d = m !== i ? i : ((L) => {
-        let w, R, M = [{}];
-        for (; w = Ao.exec(L.replace(Ro, "")); ) w[4] ? M.shift() : w[3] ? (R = w[3].replace(At, " ").trim(), M.unshift(M[0][R] = M[0][R] || {})) : M[0][w[1]] = w[2].replace(At, " ").trim();
+        let w, A, M = [{}];
+        for (; w = Ro.exec(L.replace(Ao, "")); ) w[4] ? M.shift() : w[3] ? (A = w[3].replace(Rt, " ").trim(), M.unshift(M[0][A] = M[0][A] || {})) : M[0][w[1]] = w[2].replace(Rt, " ").trim();
         return M[0];
       })(i);
       de[k] = we(u ? { ["@keyframes " + k]: d } : d, s ? "" : "." + k);
@@ -219,7 +219,7 @@ function je(e, o) {
   for (t = 0; t < a.length; t++) r = a[t], o.indexOf(r) >= 0 || (n[r] = e[r]);
   return n;
 }
-function Rt(e) {
+function At(e) {
   if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
@@ -373,17 +373,17 @@ 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 = je(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 d = function(w, A) {
         var M;
         function H() {
-          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);
+          }, A);
         }
-        return R === void 0 && (R = 166), H.clear = function() {
+        return A === void 0 && (A = 166), H.clear = function() {
           clearTimeout(M);
         }, H;
       }(function() {
@@ -393,7 +393,7 @@ 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);
@@ -468,7 +468,7 @@ function Pe(e, o) {
     };
   }, Ho);
 }
-var jo = typeof window < "u" ? dt : K;
+var jo = typeof window < "u" ? dt : G;
 function Bt(e) {
   var o = le(e);
   return jo(function() {
@@ -485,7 +485,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);
     };
@@ -495,7 +495,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);
     };
@@ -511,12 +511,12 @@ var zo = ze({ root: (st = { display: "flex", flexWrap: "wrap", flexGrow: 1 }, st
   return T.createElement("div", Object.assign({ ref: o, className: ge(zo.root, r) }, t));
 });
 St.displayName = "SnackbarContent";
-var Ae = ze({ root: { backgroundColor: "#313131", fontSize: "0.875rem", lineHeight: 1.43, letterSpacing: "0.01071em", color: "#fff", alignItems: "center", padding: "6px 16px", borderRadius: "4px", boxShadow: "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)" }, lessPadding: { paddingLeft: "20px" }, default: { backgroundColor: "#313131" }, success: { backgroundColor: "#43a047" }, error: { backgroundColor: "#d32f2f" }, warning: { backgroundColor: "#ff9800" }, info: { backgroundColor: "#2196f3" }, message: { display: "flex", alignItems: "center", padding: "8px 0" }, action: { display: "flex", alignItems: "center", marginLeft: "auto", paddingLeft: "16px", marginRight: "-8px" } }), Vt = "notistack-snackbar", pn = ce(function(e, o) {
+var Re = ze({ root: { backgroundColor: "#313131", fontSize: "0.875rem", lineHeight: 1.43, letterSpacing: "0.01071em", color: "#fff", alignItems: "center", padding: "6px 16px", borderRadius: "4px", boxShadow: "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)" }, lessPadding: { paddingLeft: "20px" }, default: { backgroundColor: "#313131" }, success: { backgroundColor: "#43a047" }, error: { backgroundColor: "#d32f2f" }, warning: { backgroundColor: "#ff9800" }, info: { backgroundColor: "#2196f3" }, message: { display: "flex", alignItems: "center", padding: "8px 0" }, action: { display: "flex", alignItems: "center", marginLeft: "auto", paddingLeft: "16px", marginRight: "-8px" } }), Vt = "notistack-snackbar", pn = ce(function(e, o) {
   var r = e.id, t = e.message, n = e.action, a = e.iconVariant, i = e.variant, l = e.hideIconVariant, s = e.style, c = e.className, u = a[i], m = n;
-  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));
+  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), Re.root, Re[i], c, !l && u && Re.lessPadding) }, T.createElement("div", { id: Vt, className: Re.message }, l ? null : u, t), m && T.createElement("div", { className: Re.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 Ae, 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) {
@@ -524,7 +524,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);
     };
@@ -535,22 +535,22 @@ 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) {
+      }).reduce(function(z, K) {
         var X;
-        return O({}, z, ((X = {})[G] = q[G], X));
+        return O({}, z, ((X = {})[K] = q[K], X));
       }, {});
     }(c);
-  }, [c]), y = s.open, b = s.SnackbarProps, f = s.TransitionComponent, x = s.TransitionProps, h = s.transitionDuration, d = s.disableWindowBlurListener, L = s.content, w = je(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;
+  }, [c]), y = s.open, b = s.SnackbarProps, f = s.TransitionComponent, x = s.TransitionProps, h = s.transitionDuration, d = s.disableWindowBlurListener, L = s.content, w = je(s, ["open", "SnackbarProps", "TransitionComponent", "TransitionProps", "transitionDuration", "disableWindowBlurListener", "content", "entered", "requestClose", "onEnter", "onEntered", "onExit", "onExited"]), A = O({ direction: (l = w.anchorOrigin, l.horizontal !== "center" ? qt[l.horizontal] : qt[l.vertical]), timeout: h }, x), M = L;
   typeof M == "function" && (M = M(w.id, w.message));
   var H = ["onEnter", "onEntered", "onExit", "onExited"].reduce(function(q, N) {
     var z;
     return O({}, q, ((z = {})[N] = Pe([e.snack[N], e[N]], w.id), z));
   }, {});
-  return T.createElement(un, { in: t, onExited: H.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: H.onExit, onExited: i, onEnter: H.onEnter, onEntered: Pe([H.onEntered, function() {
+  return T.createElement(un, { in: t, onExited: H.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({}, A, { appear: !0, in: y, onExit: H.onExit, onExited: i, onEnter: H.onEnter, onEntered: Pe([H.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[Qe] = { alignItems: "flex-start" }, Ue[at] = { left: "16px" }, Ue), right: (Ge = { right: Ie + "px" }, Ge[Qe] = { alignItems: "flex-end" }, Ge[at] = { right: "16px" }, Ge), center: (ct = { left: "50%", transform: "translateX(-50%)" }, ct[Qe] = { 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: (Ae = { 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" }, Ae[$t] = { padding: ut + "px 0px", transition: "padding 300ms ease 0ms" }, Ae.maxWidth = "calc(100% - " + 2 * Ie + "px)", Ae[at] = { width: "100%", maxWidth: "calc(100% - 32px)" }, Ae), 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[Qe] = { alignItems: "flex-start" }, Ue[at] = { left: "16px" }, Ue), right: (Ke = { right: Ie + "px" }, Ke[Qe] = { alignItems: "flex-end" }, Ke[at] = { right: "16px" }, Ke), center: (ct = { left: "50%", transform: "translateX(-50%)" }, ct[Qe] = { 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));
@@ -563,12 +563,12 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
         return function(h, d) {
           return d === void 0 && (d = !1), d ? O({}, be[h], {}, x[h], {}, f[h]) : h === "autoHideDuration" ? (M = f.autoHideDuration, H = x.autoHideDuration, (q = function(N) {
             return typeof N == "number" || N === null;
-          })(M) ? M : q(H) ? H : be.autoHideDuration) : h === "transitionDuration" ? (L = f.transitionDuration, w = x.transitionDuration, (R = function(N, z) {
-            return z.some(function(G) {
-              return typeof N === G;
+          })(M) ? M : q(H) ? H : be.autoHideDuration) : h === "transitionDuration" ? (L = f.transitionDuration, w = x.transitionDuration, (A = function(N, z) {
+            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, H, q;
+          })(L, ["string", "number"]) ? L : A(L, ["object"]) ? O({}, be.transitionDuration, {}, A(w, ["object"]) && w, {}, L) : A(w, ["string", "number"]) ? w : A(w, ["object"]) ? O({}, be.transitionDuration, {}, w) : be.transitionDuration) : f[h] || x[h] || be[h];
+          var L, w, A, M, H, q;
         };
       }(u, t.props), b = O({ id: k }, u, { message: l, open: !0, entered: !1, requestClose: !1, persist: y("persist"), action: y("action"), content: y("content"), variant: y("variant"), anchorOrigin: y("anchorOrigin"), disableWindowBlurListener: y("disableWindowBlurListener"), autoHideDuration: y("autoHideDuration"), hideIconVariant: y("hideIconVariant"), TransitionComponent: y("TransitionComponent"), transitionDuration: y("transitionDuration"), TransitionProps: y("TransitionProps", !0), iconVariant: y("iconVariant", !0), style: y("style", !0), SnackbarProps: y("SnackbarProps", !0), className: ge(t.props.className, u.className) });
       return b.persist && (b.autoHideDuration = void 0), t.setState(function(f) {
@@ -628,7 +628,7 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
         }) }));
         return l.queue.length === 0 ? l : t.handleDismissOldest(l);
       });
-    }, t.enqueueSnackbar, t.closeSnackbar, t.state = { snacks: [], queue: [], contextValue: { enqueueSnackbar: t.enqueueSnackbar.bind(Rt(t)), closeSnackbar: t.closeSnackbar.bind(Rt(t)) } }, t;
+    }, t.enqueueSnackbar, t.closeSnackbar, t.state = { snacks: [], queue: [], contextValue: { enqueueSnackbar: t.enqueueSnackbar.bind(At(t)), closeSnackbar: t.closeSnackbar.bind(At(t)) } }, t;
   }
   return on(o, e), o.prototype.render = function() {
     var r = this, t = this.state.contextValue, n = this.props, a = n.domRoot, i = n.children, l = n.dense, s = l !== void 0 && l, c = n.Components, u = c === void 0 ? {} : c, m = n.classes, k = this.state.snacks.reduce(function(b, f) {
@@ -644,21 +644,21 @@ 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_r6a8n_13", actionRoot: "_actionRoot_r6a8n_21", icons: "_icons_r6a8n_31", expand: "_expand_r6a8n_43", expandOpen: "_expandOpen_r6a8n_57", stackTraceContainer: "_stackTraceContainer_r6a8n_65" }, hn = ce((e, o) => {
+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) => {
   const { id: r, message: t, iconVariant: n, error: a, hideIconVariant: i, ...l } = e, { closeSnackbar: s } = mn(), c = Vn(), [u, m] = ae(!1), k = ne(() => {
     m((f) => !f);
   }, []), 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($n, { 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(Un, {}) }) : null, g(ht, { size: "small", className: pe.expand, style: { color: c.palette.action.active }, onClick: y, children: g(Gn, { 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] }) });
+  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($n, { 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(Un, {}) }) : null, g(ht, { size: "small", className: pe.expand, style: { color: c.palette.action.active }, onClick: y, children: g(Kn, { 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] }) });
 });
 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: ao.Menuitem, parentFloat: c.floatReference, commandHook: t, scope: n, disabled: a }, m = se(Gt, { children: [g(ot, { ...u, command: r.getCommand("newWorkbook"), icon: Fe(g(io, {})) }), g(so, { orientation: "horizontal" }), g(ot, { ...u, command: r.getCommand("openWorkbook"), icon: Fe(g(lo, {})) }), g(Wt, { ...u, commands: r, quickCommand: "saveWorkbook", icon: Fe(g(po, {})), createPopupPanel: (k) => {
+    const u = { variant: ao.Menuitem, parentFloat: c.floatReference, commandHook: t, scope: n, disabled: a }, m = se(Kt, { children: [g(ot, { ...u, command: r.getCommand("newWorkbook"), icon: Fe(g(io, {})) }), g(so, { orientation: "horizontal" }), g(ot, { ...u, command: r.getCommand("openWorkbook"), icon: Fe(g(lo, {})) }), g(Wt, { ...u, commands: r, quickCommand: "saveWorkbook", icon: Fe(g(po, {})), createPopupPanel: (k) => {
       const y = { ...u, parentFloat: k.floatReference, scope: "saveWorkbook" }, b = [];
       return ye.getWriteFormats().forEach((f) => {
         if (f.isDefault) return;
@@ -677,10 +677,10 @@ const fn = Me(ce((e, o) => {
   return g(Wt, { 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(mo, { className: "label", icon: null, label: s }) });
 }));
 fn.displayName = "StandaloneFileCommandButton";
-const Go = g(oo, { label: "SheetXL", description: "Visit me at sheetxl.com.", children: g(xe, { sx: { width: "24px", height: "24px", marginBottom: "4px", marginLeft: "6px" }, children: g(ro, { onClick: () => {
+const Ko = g(oo, { label: "SheetXL", description: "Visit me at sheetxl.com.", children: g(xe, { sx: { width: "24px", height: "24px", marginBottom: "4px", marginLeft: "6px" }, children: g(ro, { 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 } = zn(), [u, { width: m }] = _n(), 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 } = zn(), [u, { width: m }] = _n(), k = m < 530, y = i ? g(fn, { commands: r, commandHook: { beforeExecute() {
     c?.closeAll();
   }, onError(h, d, L) {
   } } }) : null, b = l ? g(qn, { commands: r, commandHook: { beforeExecute() {
@@ -694,11 +694,11 @@ const kn = Me(ce((e, o) => {
   const { workbook: r, setWorkbook: t, refWorkbookTitle: n, titleWorkbook: a, setWorkbookTitle: i, titlePlaceHolder: l, children: s, undoManager: c, commands: u, importExportDisabled: m, themeModeOptions: k } = e, y = mn(), b = y ? y.enqueueSnackbar : () => {
   }, f = y ? y.closeSnackbar : () => {
   }, [x, h] = ae({ isMounted: !1, label: null, starting: /* @__PURE__ */ new Map(), running: /* @__PURE__ */ new Map() }), d = ne(() => {
-    h((A) => ({ ...A, isMounted: !0 }));
+    h((R) => ({ ...R, isMounted: !0 }));
   }, []), L = ne(() => {
-    h((A) => ({ ...A, isMounted: !1 }));
-  }, []), w = Zn(), R = Qn(), M = Xn(), H = le(/* @__PURE__ */ new Set()), q = te(() => {
-    const A = (E, S) => {
+    h((R) => ({ ...R, isMounted: !1 }));
+  }, []), w = Zn(), A = Qn(), M = Xn(), H = le(/* @__PURE__ */ new Set()), q = te(() => {
+    const R = (E, S) => {
       if (S?.onceKey) {
         if (H.current.has(S.onceKey)) return;
         const D = new Set(H.current);
@@ -707,7 +707,7 @@ const kn = Me(ce((e, o) => {
       const P = { variant: S?.type ?? _e.Info, anchorOrigin: { vertical: "top", horizontal: "center" }, preventDuplicate: S?.preventDuplicate, persist: S?.persist ?? S?.type === _e.Error, action: (D) => g(ht, { onClick: () => f(D), children: g(Oo, {}) }) };
       S?.enqueueProps && Object.assign(P, S.enqueueProps), E || console.log("message is 'null'", S), b(E ?? "Alert", P);
     };
-    return { showMessage: A, showBusy: (E, S) => {
+    return { showMessage: R, showBusy: (E, S) => {
       let P = null;
       const D = new Promise((B) => {
         P = B;
@@ -720,14 +720,14 @@ 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("./CvbAyNJlfhcCYfDr.mjs"), numberFormat: () => import("./6nSiDtF6igNyrf2y.mjs"), hyperlink: () => import("./3VzVhIOnlmOZ-dBg.mjs"), comments: () => import("./B0DAlgwfAWOXvq4_.mjs"), find: () => import("./CMICZ36cqe6eEELU.mjs"), tableDetails: () => import("./Dq8duLxf4-Tuo_wV.mjs"), tableNew: () => import("./Bjtb8lG8j5lZLmPO.mjs"), namedDetails: () => import("./Dd9etqsWH04KVyov.mjs") }[E], D, P);
-    }, showOptions: R, showInputOptions: M, showError: (E) => {
+      return w(E, { sort: () => import("./Dq1oxXMudxqdJaKZ.mjs"), numberFormat: () => import("./Dz8v5MSOgkaH_zTd.mjs"), hyperlink: () => import("./im3UoVISx3VXhEFp.mjs"), comments: () => import("./BoL2rsWK1YyT1PP7.mjs"), find: () => import("./BNq1DlA_v8-hm8PQ.mjs"), tableDetails: () => import("./Ddm9jggzrr5VJQ68.mjs"), tableNew: () => import("./CKHDKAaHkwZHUkoS.mjs"), namedDetails: () => import("./CZRLp5H9dSrMEgaI.mjs") }[E], D, P);
+    }, showOptions: A, 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 ho && (P = _e.Info), A(D, { type: P, enqueueProps: { error: S } });
+      typeof E == "string" ? D = E : E instanceof Error && (S = E, E.message && (D = E.message)), E instanceof ho && (P = _e.Info), R(D, { type: P, enqueueProps: { error: S } });
     } };
   }, []), N = ne(() => {
-  }, []), z = ((A) => {
-    const { workbook: E, setWorkbook: S, importExportDisabled: P, workbookTitle: D = "export", setWorkbookTitle: B, notifier: _, requestWorkbookTitle: J, themeModeOptions: j, undoManager: C, commands: W, onExecute: V } = A, re = ie(j?.onForceModeChange, [j?.onForceModeChange]), me = ie(j?.onForceLightGridChange, [j?.onForceLightGridChange]), ue = ie(j?.onForceLightImagesChange, [j?.onForceLightImagesChange]), Ye = ie(async (F = null, Q = null) => {
+  }, []), z = ((R) => {
+    const { workbook: E, setWorkbook: S, importExportDisabled: P, workbookTitle: D = "export", setWorkbookTitle: B, notifier: _, requestWorkbookTitle: J, themeModeOptions: j, undoManager: C, commands: W, onExecute: V } = R, re = ie(j?.onForceModeChange, [j?.onForceModeChange]), me = ie(j?.onForceLightGridChange, [j?.onForceLightGridChange]), ue = ie(j?.onForceLightImagesChange, [j?.onForceLightImagesChange]), Ye = ie(async (F = null, Q = null) => {
       const p = [];
       let v, $ = null, Y = null;
       if (typeof F == "string" ? Y = F : $ = F, v = $ ? F : await Jn.openFileDialog(Y ?? ye.getAllReadFormatTypeAsString().join(",")), !v) return null;
@@ -801,7 +801,7 @@ const kn = Me(ce((e, o) => {
     }, [W, ke]);
     Yn({ manager: C, commands: Z, notifier: _ });
     const { themeMode: Te } = Qt();
-    K(() => {
+    G(() => {
       if (!j || !Z) return;
       const F = j.forceMode === "dark" || !j.forceMode && Te === "dark";
       Z.getCommand("themeMode").update({ state: j.forceMode ?? null, label: F ? "Dark Mode" : "Light Mode", scopedLabels: { appearance: F ? "Dark Mode" : "Light Mode" } }).updateCallback(() => {
@@ -815,9 +815,9 @@ const kn = Me(ce((e, o) => {
       });
     }, [Te, j, ke]);
     const { showModal: et } = eo();
-    return K(() => {
+    return G(() => {
       const F = () => new Promise((Q, p) => {
-        const v = T.lazy(() => import("./CMwrohupcgVf9ovx.mjs")), $ = et(v, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
+        const v = T.lazy(() => import("./Br4TnuxGRULZDhCA.mjs")), $ = et(v, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
           $.hide();
         }, TransitionProps: { onExited: () => {
           Q(!0);
@@ -825,15 +825,15 @@ const kn = Me(ce((e, o) => {
       });
       Z.getCommand("showKeyboardShortcuts").updateCallback(() => F()), Z.getCommand("help").updateCallback(() => F());
     }, [ke, Z]), Z;
-  })({ workbook: r, setWorkbook: t, importExportDisabled: m, workbookTitle: a, setWorkbookTitle: i, commands: u, requestWorkbookTitle: (A) => new Promise((E) => {
+  })({ workbook: r, setWorkbook: t, importExportDisabled: m, workbookTitle: a, setWorkbookTitle: i, commands: u, requestWorkbookTitle: (R) => new Promise((E) => {
     n.current ? n.current.requestWorkbookTitle((S, P) => {
       E(S);
-    }, { selectAll: !0, requestReason: A }) : E(l);
+    }, { selectAll: !0, requestReason: R }) : E(l);
   }), themeModeOptions: k, undoManager: c, notifier: q, onExecute: N });
-  K(() => {
-    x.starting.size <= 0 || !x.isMounted || h((A) => {
-      const E = new Map(A.running);
-      return A.starting.forEach((S, P) => {
+  G(() => {
+    x.starting.size <= 0 || !x.isMounted || h((R) => {
+      const E = new Map(R.running);
+      return R.starting.forEach((S, P) => {
         const D = () => {
           h((B) => {
             const _ = new Map(B.running);
@@ -841,20 +841,20 @@ const kn = Me(ce((e, o) => {
           });
         };
         E.set(P, D), S(D);
-      }), { ...A, starting: /* @__PURE__ */ new Map(), running: E };
+      }), { ...R, starting: /* @__PURE__ */ new Map(), running: E };
     });
   }, [x]);
-  const [G, X] = ae(null);
-  K(() => {
+  const [K, X] = ae(null);
+  G(() => {
     x.starting.size !== 0 || x.running.size !== 0 ? X(g(Jt, { icon: g(to, { 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" } })) : X(null);
   }, [x.starting, x.running]);
   const I = te(() => g(no, { 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), H = ie(k, [k]), q = ie(L ?? w?.onTitleChange, [L ?? w?.onTitleChange]), N = w?.placeHolder ?? "Untitled", z = f?.forceMode, { themeMode: G, source: X } = Qt({ mode: z }), I = te(() => ({ ...f, light: Dt(!1, nt.deepMerge(f?.theme ?? {}, f?.light ?? {})), dark: Dt(!0, nt.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, ...A } = e, M = le(null), H = ie(k, [k]), q = ie(L ?? w?.onTitleChange, [L ?? w?.onTitleChange]), N = w?.placeHolder ?? "Untitled", z = f?.forceMode, { themeMode: K, source: X } = Qt({ mode: z }), I = te(() => ({ ...f, light: Dt(!1, nt.deepMerge(f?.theme ?? {}, f?.light ?? {})), dark: Dt(!0, nt.deepMerge(f?.theme ?? {}, f?.dark ?? {})) }), [f]), oe = K === pt.Dark, [R, E] = ae(null);
+  G(() => {
     E(l ?? new Fn());
   }, [l]);
   const [S, P] = ae(null), [D, B] = ae(null), _ = Nn();
@@ -877,22 +877,22 @@ const bn = Me(ce((e, o) => {
     }
   }, [D]);
   const [J, j] = ae(null);
-  K(() => {
-    if (!A || !S) return;
-    A.clear();
+  G(() => {
+    if (!R || !S) return;
+    R.clear();
     const p = S?.workbook?.getTransactions();
     return p ? p.addListener({ onCommitEnd: (v) => {
-      v.getDescription() ? A.addUndoOperation({ description: v.getDescription(), undo: () => (p.revert(v.getId()), J.source?.focus(), () => {
+      v.getDescription() ? R.addUndoOperation({ description: v.getDescription(), undo: () => (p.revert(v.getId()), J.source?.focus(), () => {
         p.restore(v.getId()), J.source?.focus();
       }) }) : console.warn("commit has no description", v);
     } }) : void 0;
-  }, [A, S, J]);
+  }, [R, S, J]);
   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(() => {
+    p ? R.setRepeatableOperation({ description: p.label(), repeat: async () => p.execute() }) : R.setRepeatableOperation(null);
+  }, [R]), [W, V] = ae(d ?? w?.title ?? "");
+  G(() => {
     V(d ?? w?.title ?? "");
-  }, [d ?? w?.title]), K(() => {
+  }, [d ?? w?.title]), G(() => {
     q?.(W);
   }, [W]);
   const [re, me] = ae(null), ue = te(() => {
@@ -902,16 +902,16 @@ const bn = Me(ce((e, o) => {
   }, [h]), Ye = ie((p) => {
     me(p.source.getViewportElement()), j(p), ue.activate("sheet"), a?.(p);
   }, [ue]);
-  K(() => {
+  G(() => {
     J && x && J.source?.focus(typeof x == "object" ? x : void 0);
   }, [J]);
   const De = le(null), U = ne((p) => {
     let v = null;
-    return w?.hidden || (v = g(An, { ...w, style: { maxWidth: "100%", ...w?.style }, workbook: M.current, ref: De, title: W, placeHolder: N, onTitleChange: ($) => {
+    return w?.hidden || (v = g(Rn, { ...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);
@@ -921,19 +921,19 @@ const bn = Me(ce((e, o) => {
     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(Rn, { sx: Te, style: n, tabIndex: 0, autoFocus: !0, workbook: S.workbook, ref: et, renderToolbar: U, onElementLoad: Ye, onRepeatCommandChange: C, onKeyDown: (Y) => {
+    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]);
+    }, gridTheme: v, headersTheme: p, forceLightImages: $, className: mt(r, "sheetxl-workbook"), onContextMenu: (Y) => Y.preventDefault(), ...A }, "WorkbookElement");
+  }, [S, W, R, ke, I, A, U, Te]);
   let Q = g(Fo, { fallbackRender: Z, children: g(Uo, { maxSnack: 3, domRoot: re, anchorOrigin: { vertical: "bottom", horizontal: "right" }, autoHideDuration: 3500, onClose: (p, v, $) => {
     M.current?.focus();
-  }, Components: { error: hn }, iconVariant: { success: g(Hn, { style: { marginRight: "8px" }, children: g("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: g(Pn, { style: { marginRight: "8px" } }) }, children: g(In, { children: g(kn, { workbook: S?.workbook, setWorkbook: B, importExportDisabled: b, titlePlaceHolder: N, titleWorkbook: W, setWorkbookTitle: V, refWorkbookTitle: De, commands: ue, undoManager: A, themeModeOptions: I, children: F }) }) }) });
+  }, Components: { error: hn }, iconVariant: { success: g(Hn, { style: { marginRight: "8px" }, children: g("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: g(Pn, { style: { marginRight: "8px" } }) }, children: g(In, { children: g(kn, { workbook: S?.workbook, setWorkbook: B, importExportDisabled: b, titlePlaceHolder: N, titleWorkbook: W, setWorkbookTitle: V, refWorkbookTitle: De, commands: ue, undoManager: R, themeModeOptions: I, children: F }) }) }) });
   return I && (Q = se(jn, { theme: oe ? I.dark : I.light, children: [I.cssBaseline ? g(To, {}) : null, Q] })), Q;
 }));
 bn.displayName = "EagerStandaloneWorkbook";
-const Ko = Object.freeze(Object.defineProperty({ __proto__: null, default: bn }, Symbol.toStringTag, { value: "Module" })), Yo = 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" })), Yo = Object.freeze(Object.defineProperty({ __proto__: null, E: Go, c: ge }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Yo as B,
   ft as C,
+  Yo as D,
   ge as f
 };

package/browser/esm/{BbYZAR2suHjEBaES.mjs → BjLCBG20KyjNKCpy.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -13,7 +13,7 @@ const i = { reactUrl: "https://esm.sh/react@19.1.0", reactJsxTransform: "https:/
     e.type = "importmap", e.textContent = JSON.stringify({ imports: { react: n, "react/jsx-runtime": a, "react-dom": s, "react-dom/client": c } }), document.head.appendChild(e), console.log("SheetXL: Import map injected:", e.textContent);
   }
   await new Promise((e) => setTimeout(e, 0));
-  const o = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./Cz7RSKUHlEt4Sy6b.mjs").then((e) => e.bI)]);
+  const o = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./Bq_HFm6_6_ycs_gE.mjs").then((e) => e.bI)]);
   return console.log("SheetXL: Dependencies resolved:", o), { React: o[0], ReactJSXTransform: o[1], ReactDOM: o[2], ReactDOMClient: o[3], StudioMUI: o[4] };
 })(), r));
 export {

package/browser/esm/{B0DAlgwfAWOXvq4_.mjs → BoL2rsWK1YyT1PP7.mjs}

@@ -1,15 +1,15 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as E, useMemo as M, useState as x, useCallback as j } from "react";
-import { a7 as r, T as S, c as V, F as $, f as z, g as h, b6 as C } from "./Cz7RSKUHlEt4Sy6b.mjs";
+import { a7 as r, n as S, B as V, e as $, T as z, f as h, b6 as C } from "./Bq_HFm6_6_ycs_gE.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const G = ["Ok", "Cancel"], U = E((O) => {
-  const { initialComments: F = null, onUpdateComments: m, context: T, onOption: u, onValidateOption: l, onDone: p, options: d = G, defaultOption: c = d?.[0], cancelOption: s = "Cancel", sx: b, ...k } = O, g = M(() => {
-    const n = F ?? T?.()?.getComments();
+  const { initialComments: T = null, onUpdateComments: m, context: b, onOption: u, onValidateOption: l, onDone: p, options: d = G, defaultOption: c = d?.[0], cancelOption: s = "Cancel", sx: k, ...w } = O, g = M(() => {
+    const n = T ?? b?.()?.getComments();
     let t = "";
     if (n && n.content && n.content.runs) {
       const a = n.content.runs;
@@ -19,7 +19,7 @@ const G = ["Ok", "Cancel"], U = E((O) => {
       }
     }
     return t;
-  }, []), [e, w] = x(g), [y, P] = x(!1), f = j(async (n, t) => null, []), v = r(async (n) => {
+  }, []), [e, y] = x(g), [F, P] = x(!1), f = j(async (n, t) => null, []), v = r(async (n) => {
     const t = e === "" ? [] : e.split(`
 `);
     if (n !== s) {
@@ -29,7 +29,7 @@ const G = ["Ok", "Cancel"], U = E((O) => {
     }
     u?.(n, n === s, n === c), p?.();
   }, [e, m, p, u, c, s]), D = r((n) => {
-    w(n.target.value), f(n.target.value, null);
+    y(n.target.value), f(n.target.value, null);
   }, [l]), I = r(async (n) => {
     let t = await Promise.resolve(l?.(n));
     try {
@@ -38,8 +38,8 @@ const G = ["Ok", "Cancel"], U = E((O) => {
     }
     return t ?? !0;
   }, [l, e]);
-  return i(S, { title: (g ? "Edit" : "Insert") + " Comments", options: d, onDone: p, onOption: (n) => v(n), onValidateOption: I, defaultOption: c, cancelOption: s, autoFocusSel: ".autoFocus", sx: { width: "480px", ...b }, ...k, children: i(V, { sx: { paddingTop: (n) => n.spacing(1), paddingBottom: (n) => n.spacing(0), rowGap: (n) => n.spacing(1), display: "flex", flexDirection: "column" }, children: i($, { sx: { paddingTop: (n) => n.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(z, { label: "Comments", placeholder: "Enter a comment.", onFocus: (n) => {
-    y || n.target?.select(), P(!0);
+  return i(S, { title: (g ? "Edit" : "Insert") + " Comments", options: d, onDone: p, onOption: (n) => v(n), onValidateOption: I, defaultOption: c, cancelOption: s, autoFocusSel: ".autoFocus", sx: { width: "480px", ...k }, ...w, children: i(V, { sx: { paddingTop: (n) => n.spacing(1), paddingBottom: (n) => n.spacing(0), rowGap: (n) => n.spacing(1), display: "flex", flexDirection: "column" }, children: i($, { sx: { paddingTop: (n) => n.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(z, { label: "Comments", placeholder: "Enter a comment.", onFocus: (n) => {
+    F || n.target?.select(), P(!0);
   }, sx: { "& .MuiFormHelperText-root": { marginTop: (n) => n.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (n) => n.spacing(1.25), paddingBottom: (n) => n.spacing(0.75), backgroundImage: `linear-gradient(${h("#fff", C(5))}, ${h("#fff", C(5))})` } } }, value: e, onChange: D, onContextMenu: (n) => {
     n.stopPropagation();
   } }) }) }) });