@sheetxl/studio-vanilla 0.1.120 → 0.2.6

package/{build/cdn/assets/B-xPA1iq8nYLVg9o.js → cdn/assets/pVn5NzoIytNFyxQD.js}

@@ -1,10 +1,10 @@
 import { jsx as g, jsxs as se, Fragment as Gt } 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 { D as xt, E as yt, G as Je, N as En, P as Cn, V as Sn, W as Ln, X 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 Xt, a9 as Dt, r as nt, aa as pt, ab as Fn, ac as Nn, i as Tt, ad as ye, ae as Qt, 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, B 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 Xn, az as Qn, y 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 "./DSiWF1HJiVUXOUY0.js";
+import { D as xt, E as yt, G as Je, N as En, P as Cn, V as Sn, W as Ln, X 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 Xt, a9 as Dt, r as nt, aa as pt, ab as Fn, ac as Nn, i as Tt, ad as ye, ae as Qt, 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 Bn, B as xe, ar as qn, J as Vn, as as $n, at as ht, au as Un, av as Gn, aw as Kn, ax as Zn, ay as Xn, az as Qn, y 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 "./BiRC8tZJwbmk8f3d.js";
 import { createPortal as fo } from "react-dom";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.1.119
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.2.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -20,7 +20,7 @@ const ko = He("div", { name: "MuiCollapse", slot: "Root", overridesResolver: (e,
   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 { 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, Q = x === "horizontal", I = Q ? "width" : "height", oe = ve.useRef(null), A = Mn(o, oe), E = (C) => (W) => {
+  })(R), H = Sn(), B = 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) => {
     if (C) {
       const V = oe.current;
       W === void 0 ? C(V) : C(V, W);
@@ -36,7 +36,7 @@ const ko = He("div", { name: "MuiCollapse", slot: "Root", overridesResolver: (e,
       C.style.transitionDuration = `${ue}ms`, z.current = ue;
     } else C.style.transitionDuration = typeof re == "string" ? re : `${re}ms`;
     C.style[I] = `${V}px`, C.style.transitionTimingFunction = me, k && k(C, W);
-  }), B = E((C, W) => {
+  }), q = E((C, W) => {
     C.style[I] = "auto", m && m(C, W);
   }), _ = E((C) => {
     C.style[I] = `${S()}px`, y && y(C);
@@ -48,8 +48,8 @@ const ko = He("div", { name: "MuiCollapse", slot: "Root", overridesResolver: (e,
     } else C.style.transitionDuration = typeof V == "string" ? V : `${V}ms`;
     C.style[I] = G, 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);
+  return g(L, { in: c, onEnter: P, onEntered: q, onEntering: D, onExit: _, onExited: J, onExiting: j, addEndListener: (C) => {
+    d === "auto" && B.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 }) }) }) });
 });
 function yo(e) {
@@ -98,7 +98,7 @@ function To(e) {
 }
 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 };
 /**
- * @license @sheetxl/studio-mui - Studio - Spreadsheet UI built with SheetXL SDK using React & MUI. - v0.1.119
+ * @license @sheetxl/studio-mui - Studio - Spreadsheet UI built with SheetXL SDK using React & MUI. - v0.2.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -236,17 +236,17 @@ var It = function() {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }, Et = function(e) {
   return "" + Pt(e.vertical) + Pt(e.horizontal);
-}, qe = function(e) {
+}, Be = function(e) {
   return !!e || e === 0;
-}, Be = "unmounted", Ee = "exited", Ce = "entering", Ne = "entered", Ht = "exiting", Ct = function(e) {
+}, qe = "unmounted", Ee = "exited", Ce = "entering", Ne = "entered", Ht = "exiting", Ct = function(e) {
   function o(t) {
     var n;
     n = e.call(this, t) || this;
     var a, i = t.appear;
-    return n.appearStatus = null, t.in ? i ? (a = Ee, n.appearStatus = Ce) : a = Ne : a = t.unmountOnExit || t.mountOnEnter ? Be : Ee, n.state = { status: a }, n.nextCallback = null, n;
+    return n.appearStatus = null, t.in ? i ? (a = Ee, n.appearStatus = Ce) : a = Ne : a = t.unmountOnExit || t.mountOnEnter ? qe : Ee, n.state = { status: a }, n.nextCallback = null, n;
   }
   on(o, e), o.getDerivedStateFromProps = function(t, n) {
-    return t.in && n.status === Be ? { status: Ee } : null;
+    return t.in && n.status === qe ? { status: Ee } : null;
   };
   var r = o.prototype;
   return r.componentDidMount = function() {
@@ -264,7 +264,7 @@ var It = function() {
     var t = this.props.timeout, n = t, a = t;
     return t != null && typeof t != "number" && typeof t != "string" && (a = t.exit, n = t.enter), { exit: a, enter: n };
   }, r.updateStatus = function(t, n) {
-    t === void 0 && (t = !1), n !== null ? (this.cancelNextCallback(), n === Ce ? this.performEnter(t) : this.performExit()) : this.props.unmountOnExit && this.state.status === Ee && this.setState({ status: Be });
+    t === void 0 && (t = !1), n !== null ? (this.cancelNextCallback(), n === Ce ? this.performEnter(t) : this.performExit()) : this.props.unmountOnExit && this.state.status === Ee && this.setState({ status: qe });
   }, r.performEnter = function(t) {
     var n = this, a = this.props.enter, i = t, l = this.getTimeouts();
     t || a ? (this.props.onEnter && this.props.onEnter(this.node, i), this.safeSetState({ status: Ce }, function() {
@@ -304,7 +304,7 @@ var It = function() {
     this.node && !a ? (this.props.addEndListener && this.props.addEndListener(this.node, this.nextCallback), t != null && setTimeout(this.nextCallback, t)) : setTimeout(this.nextCallback, 0);
   }, r.render = function() {
     var t = this.state.status;
-    if (t === Be) return null;
+    if (t === qe) return null;
     var n = this.props;
     return (0, n.children)(t, je(n, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]));
   }, nn(o, [{ key: "node", get: function() {
@@ -384,9 +384,9 @@ var ln = ce(function(e, o) {
       var d = function(w, R) {
         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 B = this, N = arguments.length, z = new Array(N), G = 0; G < N; G++) z[G] = arguments[G];
           clearTimeout(M), M = setTimeout(function() {
-            w.apply(q, z);
+            w.apply(B, z);
           }, R);
         }
         return R === void 0 && (R = 166), H.clear = function() {
@@ -461,7 +461,7 @@ var cn = "notistack-CollapseWrapper", Io = function(e) {
   });
 });
 un.displayName = "Collapse";
-var qt = { right: "left", left: "right", bottom: "up", top: "down" }, Po = function(e) {
+var Bt = { right: "left", left: "right", bottom: "up", top: "down" }, Po = function(e) {
   return "anchorOrigin" + Et(e);
 }, Ho = function() {
 };
@@ -475,7 +475,7 @@ function Pe(e, o) {
   }, Ho);
 }
 var jo = typeof window < "u" ? dt : K;
-function Bt(e) {
+function qt(e) {
   var o = le(e);
   return jo(function() {
     o.current = e;
@@ -484,9 +484,9 @@ function Bt(e) {
   }, []);
 }
 var st, dn = ce(function(e, o) {
-  var r = e.children, t = e.className, n = e.autoHideDuration, a = e.disableWindowBlurListener, i = a !== void 0 && a, l = e.onClose, s = e.id, c = e.open, u = e.SnackbarProps, m = u === void 0 ? {} : u, k = le(), y = Bt(function() {
+  var r = e.children, t = e.className, n = e.autoHideDuration, a = e.disableWindowBlurListener, i = a !== void 0 && a, l = e.onClose, s = e.id, c = e.open, u = e.SnackbarProps, m = u === void 0 ? {} : u, k = le(), y = qt(function() {
     l && l.apply(void 0, arguments);
-  }), b = Bt(function(h) {
+  }), b = qt(function(h) {
     l && h != null && (k.current && clearTimeout(k.current), k.current = setTimeout(function() {
       y(null, "timeout", s);
     }, h));
@@ -522,11 +522,11 @@ 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, Ge, ct, _o = Me(pn), Bo = ze({ wrappedRoot: { width: "100%", position: "relative", transform: "translateX(0)", top: 0, right: 0, bottom: 0, left: 0, minWidth: "288px" } }), qo = 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) {
-        return !q;
+      n(function(B) {
+        return !B;
       });
     }, 125);
   }, []);
@@ -536,23 +536,23 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
     };
   }, []);
   var l, s = e.snack, c = e.classes, u = e.Component, m = u === void 0 ? _o : u, k = te(function() {
-    return function(q) {
-      q === void 0 && (q = {});
+    return function(B) {
+      B === void 0 && (B = {});
       var N = { containerRoot: !0, containerAnchorOriginTopCenter: !0, containerAnchorOriginBottomCenter: !0, containerAnchorOriginTopRight: !0, containerAnchorOriginBottomRight: !0, containerAnchorOriginTopLeft: !0, containerAnchorOriginBottomLeft: !0 };
-      return Object.keys(q).filter(function(z) {
+      return Object.keys(B).filter(function(z) {
         return !N[z];
       }).reduce(function(z, G) {
         var Q;
-        return O({}, z, ((Q = {})[G] = q[G], Q));
+        return O({}, z, ((Q = {})[G] = B[G], Q));
       }, {});
     }(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"]), R = O({ direction: (l = w.anchorOrigin, l.horizontal !== "center" ? Bt[l.horizontal] : Bt[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 H = ["onEnter", "onEntered", "onExit", "onExited"].reduce(function(B, N) {
     var z;
-    return O({}, q, ((z = {})[N] = Pe([e.snack[N], e[N]], w.id), z));
+    return O({}, B, ((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(Bo.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() {
     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) {
@@ -565,16 +565,16 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
     var t;
     return (t = e.call(this, r) || this).enqueueSnackbar = function(n, a) {
       if (a === void 0 && (a = {}), n == null) throw new Error("enqueueSnackbar called with invalid argument");
-      var i = Ut(n) ? n : a, l = Ut(n) ? n.message : n, s = i.key, c = i.preventDuplicate, u = je(i, ["key", "preventDuplicate"]), m = qe(s), k = m ? s : (/* @__PURE__ */ new Date()).getTime() + Math.random(), y = /* @__PURE__ */ function(f, x) {
+      var i = Ut(n) ? n : a, l = Ut(n) ? n.message : n, s = i.key, c = i.preventDuplicate, u = je(i, ["key", "preventDuplicate"]), m = Be(s), k = m ? s : (/* @__PURE__ */ new Date()).getTime() + Math.random(), y = /* @__PURE__ */ function(f, x) {
         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 d === void 0 && (d = !1), d ? O({}, be[h], {}, x[h], {}, f[h]) : h === "autoHideDuration" ? (M = f.autoHideDuration, H = x.autoHideDuration, (B = 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) {
+          })(M) ? M : B(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;
             });
           })(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;
+          var L, w, R, M, H, B;
         };
       }(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) {
@@ -604,7 +604,7 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
       });
       return O({}, n, { snacks: l });
     }, t.handleEnteredSnack = function(n, a, i) {
-      if (!qe(i)) throw new Error("handleEnteredSnack Cannot be called with undefined key");
+      if (!Be(i)) throw new Error("handleEnteredSnack Cannot be called with undefined key");
       t.setState(function(l) {
         return { snacks: l.snacks.map(function(s) {
           return s.id === i ? O({}, s, { entered: !0 }) : O({}, s);
@@ -625,9 +625,9 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
       var a = t.state.snacks.find(function(i) {
         return i.id === n;
       });
-      qe(n) && a && a.onClose && a.onClose(null, "instructed", n), t.handleCloseSnack(null, "instructed", n);
+      Be(n) && a && a.onClose && a.onClose(null, "instructed", n), t.handleCloseSnack(null, "instructed", n);
     }, t.handleExitedSnack = function(n, a) {
-      if (!qe(a)) throw new Error("handleExitedSnack Cannot be called with undefined key");
+      if (!Be(a)) throw new Error("handleExitedSnack Cannot be called with undefined key");
       t.setState(function(i) {
         var l = t.processQueue(O({}, i, { snacks: i.snacks.filter(function(s) {
           return s.id !== a;
@@ -643,7 +643,7 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
     }, {}), y = Object.keys(k).map(function(b) {
       var f = k[b], x = f[0];
       return T.createElement($o, { key: b, dense: s, anchorOrigin: x.anchorOrigin, classes: m }, f.map(function(h) {
-        return T.createElement(Bo, { key: h.id, snack: h, classes: m, Component: u[h.variant], onClose: r.handleCloseSnack, onEnter: r.props.onEnter, onExit: r.props.onExit, onExited: Pe([r.handleExitedSnack, r.props.onExited], h.id), onEntered: Pe([r.handleEnteredSnack, r.props.onEntered], h.id) });
+        return T.createElement(qo, { key: h.id, snack: h, classes: m, Component: u[h.variant], onClose: r.handleCloseSnack, onEnter: r.props.onEnter, onExit: r.props.onExit, onExited: Pe([r.handleExitedSnack, r.props.onExited], h.id), onEntered: Pe([r.handleEnteredSnack, r.props.onEntered], h.id) });
       }));
     });
     return T.createElement(rn.Provider, { value: t }, i, a ? fo(y, a) : y);
@@ -653,7 +653,7 @@ var Re, lt, Ue, Ge, ct, _o = Me(pn), qo = ze({ wrappedRoot: { width: "100%", pos
 }(Kt), 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(() => {
@@ -689,11 +689,11 @@ const Go = g(oo, { label: "SheetXL", description: "Visit me at sheetxl.com.", ch
   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() {
     c?.closeAll();
   }, onError(h, d, L) {
-  } } }) : null, b = l ? g(qn, { commands: r, commandHook: { beforeExecute() {
+  } } }) : null, b = l ? g(Bn, { 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: Yt([x, u, o]), ...s, children: Bn({ 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) => {
@@ -703,7 +703,7 @@ const kn = Me(ce((e, o) => {
     h((A) => ({ ...A, isMounted: !0 }));
   }, []), L = ne(() => {
     h((A) => ({ ...A, isMounted: !1 }));
-  }, []), w = Zn(), R = Xn(), M = Qn(), H = le(/* @__PURE__ */ new Set()), q = te(() => {
+  }, []), w = Zn(), R = Xn(), M = Qn(), H = le(/* @__PURE__ */ new Set()), B = te(() => {
     const A = (E, S) => {
       if (S?.onceKey) {
         if (H.current.has(S.onceKey)) return;
@@ -715,25 +715,25 @@ const kn = Me(ce((e, o) => {
     };
     return { showMessage: A, showBusy: (E, S) => {
       let P = null;
-      const D = new Promise((B) => {
-        P = B;
+      const D = new Promise((q) => {
+        P = q;
       });
-      return h((B) => {
-        const _ = new Map(B.starting);
-        return _.set(D, P), { ...B, label: E, starting: _ };
+      return h((q) => {
+        const _ = new Map(q.starting);
+        return _.set(D, P), { ...q, label: E, starting: _ };
       }), D;
     }, showWindow: (E, S, P) => {
-      const D = { ...S, onKeyDown: (B) => {
-        u?.dispatchToFocusedCommand(B), B.isDefaultPrevented() || B.isPropagationStopped() || S?.onKeyDown?.(B);
+      const D = { ...S, onKeyDown: (q) => {
+        u?.dispatchToFocusedCommand(q), q.isDefaultPrevented() || q.isPropagationStopped() || S?.onKeyDown?.(q);
       } };
-      return w(E, { sort: () => import("./BzbzNUMv3s_r-5Op.js"), numberFormat: () => import("./C_a3P_3P-60GObvQ.js"), hyperlink: () => import("./CiEnYhdqkcsUBwoC.js"), comments: () => import("./finUuZ0_ZCeBDN61.js"), find: () => import("./DMqyiEuKyEr3Cj77.js"), tableDetails: () => import("./Co5jWEdqy7WdCNy5.js"), tableNew: () => import("./Rxd1yGUf8y8PBHbK.js"), namedDetails: () => import("./BN66xGn_YfZ-2_Cf.js") }[E], D, P);
+      return w(E, { sort: () => import("./BdrLTIp3TGlo7A6b.js"), numberFormat: () => import("./CJLXmgmnLDb5s_w-.js"), hyperlink: () => import("./CHv1wkao8PUWKUlX.js"), comments: () => import("./NhJZbi8C3XVUAc8E.js"), find: () => import("./CU7RbiHI6vP_IkZQ.js"), tableDetails: () => import("./-Rg54EZZ0LSeNnnu.js"), tableNew: () => import("./DvNB6TTtIz2XUQBc.js"), namedDetails: () => import("./CQcz1CFhVvi7XYTe.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 ho && (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: 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, X = null) => {
+    const { workbook: E, setWorkbook: S, importExportDisabled: P, workbookTitle: D = "export", setWorkbookTitle: q, 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, X = 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;
@@ -777,7 +777,7 @@ const kn = Me(ce((e, o) => {
               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 '${Y}'`);
-          } else E?.close(), B?.(Y), S(he);
+          } else E?.close(), q?.(Y), S(he);
         } catch ($) {
           _?.showError?.($);
         }
@@ -823,7 +823,7 @@ const kn = Me(ce((e, o) => {
     const { showModal: et } = eo();
     return K(() => {
       const F = () => new Promise((X, p) => {
-        const v = T.lazy(() => import("./DXZd95jjH8Zq8Lod.js")), $ = et(v, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
+        const v = T.lazy(() => import("./D011zztsQTt5yuEi.js")), $ = et(v, { title: "Shortcut Keys Reference", commands: Z, onDone: () => {
           $.hide();
         }, TransitionProps: { onExited: () => {
           X(!0);
@@ -835,15 +835,15 @@ const kn = Me(ce((e, o) => {
     n.current ? n.current.requestWorkbookTitle((S, P) => {
       E(S);
     }, { selectAll: !0, requestReason: A }) : E(l);
-  }), themeModeOptions: k, undoManager: c, notifier: q, onExecute: N });
+  }), themeModeOptions: k, undoManager: c, notifier: B, onExecute: N });
   K(() => {
     x.starting.size <= 0 || !x.isMounted || h((A) => {
       const E = new Map(A.running);
       return A.starting.forEach((S, P) => {
         const D = () => {
-          h((B) => {
-            const _ = new Map(B.running);
-            return _.delete(P), { ...B, running: _ };
+          h((q) => {
+            const _ = new Map(q.running);
+            return _.delete(P), { ...q, running: _ };
           });
         };
         E.set(P, D), S(D);
@@ -854,21 +854,21 @@ const kn = Me(ce((e, o) => {
   K(() => {
     x.starting.size !== 0 || x.running.size !== 0 ? Q(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" } })) : Q(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 };
+  const I = te(() => g(no, { commands: z, disableHover: !0, sx: { padding: "0" }, buttonProps: { sx: { maxHeight: "22px" } } }), [z]), oe = { notifier: B, commands: z };
   return r && (oe.statusBarProps = { childrenEnd: I }), se(Gt, { children: [G, 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: Q } = Xt({ 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);
+  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]), B = 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, 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(() => {
     E(l ?? new Fn());
   }, [l]);
-  const [S, P] = ae(null), [D, B] = ae(null), _ = Nn();
+  const [S, P] = ae(null), [D, q] = ae(null), _ = Nn();
   dt(() => {
     if (!u || Object.keys(u).length === 0 && !nt.isPromiseLike(u)) {
       const p = { theme: _.getDefaultTheme(), ...m };
-      B(new Tt(p));
-    } else B(u);
+      q(new Tt(p));
+    } else q(u);
   }, [u]), dt(() => {
     if (D) {
       if (D instanceof Tt) return P({ workbook: D }), void (u !== D && H?.(D));
@@ -899,7 +899,7 @@ const bn = Me(ce((e, o) => {
   K(() => {
     V(d ?? w?.title ?? "");
   }, [d ?? w?.title]), K(() => {
-    q?.(W);
+    B?.(W);
   }, [W]);
   const [re, me] = ae(null), ue = te(() => {
     const p = () => ({ contains: (v) => !0, focus() {
@@ -933,13 +933,13 @@ const bn = Me(ce((e, o) => {
   }, [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();
-  }, 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: q, importExportDisabled: b, titlePlaceHolder: N, titleWorkbook: W, setWorkbookTitle: V, refWorkbookTitle: De, commands: ue, undoManager: A, themeModeOptions: I, children: F }) }) }) });
   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" })), Yo = Object.freeze(Object.defineProperty({ __proto__: null, E: Ko, c: ge }, Symbol.toStringTag, { value: "Module" }));
 export {
+  Yo as B,
   ft as C,
-  Yo as _,
   ge as f
 };

package/{build/cdn/assets/j5GLK6Binl4WgUyF.js → cdn/assets/szEWbn5GBdocnQ1T.js}

@@ -1,17 +1,17 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.1.119
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.2.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 /**
- * @license @sheetxl/studio-mui - Studio - Spreadsheet UI built with SheetXL SDK using React & MUI. - v0.1.119
+ * @license @sheetxl/studio-mui - Studio - Spreadsheet UI built with SheetXL SDK using React & MUI. - v0.2.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 /**
- * @license @sheetxl/io - IO - Import/Export Libraries for SheetXL. - v0.1.119
+ * @license @sheetxl/io - IO - Import/Export Libraries for SheetXL. - v0.2.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{build/browser/esm/CB3vxAczuZ9zcUys.mjs → cdn/assets/xEp0XqOf4vnZlc-n.js}

@@ -1,18 +1,18 @@
-import { i as z } from "./DUAV3BUbyH3eR2rZ.mjs";
+import { i as z } from "./BiRC8tZJwbmk8f3d.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.1.119
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.2.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 /**
- * @license @sheetxl/studio-mui - Studio - Spreadsheet UI built with SheetXL SDK using React & MUI. - v0.1.119
+ * @license @sheetxl/studio-mui - Studio - Spreadsheet UI built with SheetXL SDK using React & MUI. - v0.2.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 /**
- * @license @sheetxl/io - IO - Import/Export Libraries for SheetXL. - v0.1.119
+ * @license @sheetxl/io - IO - Import/Export Libraries for SheetXL. - v0.2.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{build/cdn → cdn}/index.js

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

package/{build/cdn → cdn}/loader.js

@@ -1,5 +1,5 @@
 (function(e){typeof define=="function"&&define.amd?define(e):e()})(function(){"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.1.119
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.2.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/package.json

@@ -1,60 +1,26 @@
 {
   "name": "@sheetxl/studio-vanilla",
   "description": "SheetXL Studio - Vanilla entry point for integrating SheetXL UI.",
-  "version": "0.1.120",
+  "version": "0.2.6",
   "license": "SEE LICENSE IN <LICENSE>",
-  "author": "Michael T Ford",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "build"
-  ],
   "type": "module",
   "exports": {
     ".": {
-      "development": "./src/index.ts",
-      "types": "./build/types/index.d.ts",
-      "cdn": "./build/cdn/index.js",
-      "import": {
-        "node": "./build/browser/esm/index.mjs",
-        "browser": "./build/browser/esm/index.mjs",
-        "default": "./build/browser/esm/index.mjs"
-      },
-      "require": {
-        "node": "./build/browser/cjs/index.cjs",
-        "browser": "./build/browser/cjs/index.cjs",
-        "default": "./build/browser/cjs/index.cjs"
-      }
+      "types": "./types/index.d.ts",
+      "browser": "./browser/esm/index.mjs",
+      "node": "./node/esm/index.mjs",
+      "import": "./browser/esm/index.mjs",
+      "require": "./browser/cjs/index.cjs",
+      "cdn": "./cdn/index.js"
     },
-    "./cdn": {
-      "import": "./build/browser/index.js"
-    },
-    "./loader.js": "./build/browser/loader.js"
-  },
-  "types": "./build/types/index.d.ts",
-  "main": "./build/cjs/index.cjs",
-  "module": "./build/esm/index.mjs",
-  "unpkg": "./build/cdn/index.js",
-  "jsdelivr": "./dist/cdn/index.js",
-  "dependencies": {
-    "@emotion/cache": "^11.14.0",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.2",
-    "@mui/material": "^6.4.2",
-    "@mui/styled-engine": "^6.4.2",
-    "@mui/system": "^6.4.2",
-    "@mui/utils": "^6.4.2",
-    "csstype": "^3.1.3",
-    "http-server": "^14.1.1",
-    "@sheetxl/studio-mui": "0.1.120"
-  },
-  "peerDependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "./cdn": "./cdn/index.js",
+    "./loader.js": "./cdn/loader.js"
   },
+  "types": "./types/index.d.ts",
+  "main": "./browser/cjs/index.cjs",
+  "module": "./browser/esm/index.mjs",
+  "unpkg": "./cdn/index.js",
+  "jsdelivr": "./cdn/index.js",
   "sideEffects": [
     "*.css",
     "**/*.css"
@@ -71,22 +37,21 @@
     "automation",
     "charting"
   ],
-  "scripts": {
-    "dev": "vite --port 4000",
-    "dev:open": "vite --port 4000 --open",
-    "dev:host": "vite --port 4000 --host",
-    "build": "pnpm run build:lib && pnpm run build:es && pnpm run build:iife",
-    "build:lib": "vite build --config vite.config.ts",
-    "build:es": "vite build --config vite.es.ts",
-    "build:iife": "vite build --config vite.iife.ts",
-    "build:tsdocs:json": "typedoc --json ../../build/docs/studio-vanilla.json --excludeInternal --tsconfig ./tsconfig.build.json",
-    "preview": "http-server build -p 4000 --cors",
-    "clean": "rimraf ./build",
-    "clean:all": "git clean -fdX .",
-    "release:update:package": "tsx ../../config/updateBuildPackageVersion.ts",
-    "lint": "eslint .",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "coverage": "vitest run --coverage"
+  "dependencies": {
+    "@emotion/cache": "^11.14.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^6.4.2",
+    "@mui/material": "^6.4.2",
+    "@mui/styled-engine": "^6.4.2",
+    "@mui/system": "^6.4.2",
+    "@mui/utils": "^6.4.2",
+    "@sheetxl/studio-mui": "^0.2.6",
+    "csstype": "^3.1.3",
+    "http-server": "^14.1.1"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   }
 }