@sheetxl/studio-vanilla 0.4.18 → 0.4.20

package/cdn/assets/{CEYK9DvYOF2aliP4.js → CO9eLmNMi1heLPMx.js}

@@ -1,9 +1,9 @@
 import { jsx as H, jsxs as We } from "react/jsx-runtime";
-import { G as to, H as oo, J as no, M as ro, O as io, P as Q, U as lo, V as so, Z as ao, $ as co, f as Z, a0 as uo, a1 as ho, a2 as wt, I as fo, B as he, e as po, a3 as mo, a4 as go, a5 as vo, a6 as fe, a7 as _o, a8 as So, a9 as yo, aa as wo, ab as Co, ac as De, ad as xo, ae as Ro, af as bo, ag as ye, ah as To, ai as zo, aj as q, ak as Io, al as N, am as V, an as Po } from "./DKwtBx9sOuW7Idh0.js";
+import { an as to, ao as oo, ap as no, aq as ro, ar as io, as as Q, at as lo, au as so, av as ao, aw as co, p as Z, a7 as uo, a8 as ho, V as wt, ax as fo, h as he, l as po, ay as mo, az as go, aA as vo, a0 as fe, R as _o, U as So, a1 as yo, aB as wo, aC as Co, aD as De, aE as xo, aF as Ro, aG as bo, aH as ye, aI as zo, aJ as To, aK as q, aL as Io, aM as N, aN as V, aO as Po } from "./BFvB3zk5mbav2VDI.js";
 import * as x from "react";
 import Ct, { useState as pe, useMemo as ko, useEffect as je, cloneElement as Oo } from "react";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -23,8 +23,8 @@ const Ao = to("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "s
   let _ = a;
   m === "td" ? _ = void 0 : !_ && v && (_ = "col");
   const S = d || u && u.variant, y = { ...t, align: n, component: m, padding: i || (f && f.padding ? f.padding : "normal"), size: s || (f && f.size ? f.size : "medium"), sortDirection: c, stickyHeader: S === "head" && f && f.stickyHeader, variant: S }, g = ((C) => {
-    const { classes: b, variant: R, align: z, padding: I, size: k, stickyHeader: P } = C, T = { root: ["root", R, P && "stickyHeader", z !== "inherit" && `align${Q(z)}`, I !== "normal" && `padding${Q(I)}`, `size${Q(k)}`] };
-    return lo(T, Go, b);
+    const { classes: b, variant: R, align: T, padding: I, size: k, stickyHeader: P } = C, z = { root: ["root", R, P && "stickyHeader", T !== "inherit" && `align${Q(T)}`, I !== "normal" && `padding${Q(I)}`, `size${Q(k)}`] };
+    return lo(z, Go, b);
   })(y);
   let w = null;
   return c && (w = c === "asc" ? "ascending" : "descending"), H(Eo, { as: m, ref: e, className: io(g.root, r), "aria-sort": w, scope: _, ownerState: y, ...h });
@@ -86,35 +86,35 @@ const jo = function(o = {}) {
       if (typeof b == "function") return function(R) {
         return ve(R, b, R.theme.modularCssLayers ? v : void 0);
       };
-      if (zo(b)) {
-        const R = function(z) {
-          const { variants: I, ...k } = z, P = { variants: I, style: q(k), isProcessed: !0 };
-          return P.style === k || I && I.forEach((T) => {
-            typeof T.style != "function" && (T.style = q(T.style));
+      if (To(b)) {
+        const R = function(T) {
+          const { variants: I, ...k } = T, P = { variants: I, style: q(k), isProcessed: !0 };
+          return P.style === k || I && I.forEach((z) => {
+            typeof z.style != "function" && (z.style = q(z.style));
           }), P;
         }(b);
-        return function(z) {
-          return R.variants ? ve(z, R, z.theme.modularCssLayers ? v : void 0) : z.theme.modularCssLayers ? K(R.style, v) : R.style;
+        return function(T) {
+          return R.variants ? ve(T, R, T.theme.modularCssLayers ? v : void 0) : T.theme.modularCssLayers ? K(R.style, v) : R.style;
         };
       }
       return b;
     }, C = (...b) => {
-      const R = [], z = b.map(w), I = [];
-      if (R.push(l), s && f && I.push(function(T) {
-        const L = T.theme, G = L.components?.[s]?.styleOverrides;
+      const R = [], T = b.map(w), I = [];
+      if (R.push(l), s && f && I.push(function(z) {
+        const L = z.theme, G = L.components?.[s]?.styleOverrides;
         if (!G) return null;
         const B = {};
-        for (const He in G) B[He] = ve(T, G[He], T.theme.modularCssLayers ? "theme" : void 0);
-        return f(T, B);
-      }), s && !m && I.push(function(T) {
-        const L = T.theme, G = L?.components?.[s]?.variants;
-        return G ? xt(T, G, [], T.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), _ || I.push(De), Array.isArray(z[0])) {
-        const T = z.shift(), L = new Array(R.length).fill(""), G = new Array(I.length).fill("");
+        for (const He in G) B[He] = ve(z, G[He], z.theme.modularCssLayers ? "theme" : void 0);
+        return f(z, B);
+      }), s && !m && I.push(function(z) {
+        const L = z.theme, G = L?.components?.[s]?.variants;
+        return G ? xt(z, G, [], z.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), _ || I.push(De), Array.isArray(T[0])) {
+        const z = T.shift(), L = new Array(R.length).fill(""), G = new Array(I.length).fill("");
         let B;
-        B = [...L, ...T, ...G], B.raw = [...L, ...T.raw, ...G], R.unshift(B);
+        B = [...L, ...z, ...G], B.raw = [...L, ...z.raw, ...G], R.unshift(B);
       }
-      const k = [...R, ...z, ...I], P = g(...k);
+      const k = [...R, ...T, ...I], P = g(...k);
       return i.muiName && (P.muiName = i.muiName), P;
     };
     return g.withConfig && (C.withConfig = g.withConfig), C;
@@ -178,12 +178,12 @@ function bt() {
   var o = this.constructor.getDerivedStateFromProps(this.props, this.state);
   o != null && this.setState(o);
 }
-function Tt(o) {
+function zt(o) {
   this.setState(function(e) {
     return this.constructor.getDerivedStateFromProps(o, e) ?? null;
   }.bind(this));
 }
-function zt(o, e) {
+function Tt(o, e) {
   try {
     var t = this.props, n = this.state;
     this.props = o, this.state = e, this.__reactInternalSnapshotFlag = !0, this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(t, n);
@@ -208,9 +208,9 @@ function ue(o) {
 The above lifecycles should be removed. Learn more about this warning here:
 https://fb.me/react-async-component-lifecycle-hooks`);
   }
-  if (typeof o.getDerivedStateFromProps == "function" && (e.componentWillMount = bt, e.componentWillReceiveProps = Tt), typeof e.getSnapshotBeforeUpdate == "function") {
+  if (typeof o.getDerivedStateFromProps == "function" && (e.componentWillMount = bt, e.componentWillReceiveProps = zt), typeof e.getSnapshotBeforeUpdate == "function") {
     if (typeof e.componentDidUpdate != "function") throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");
-    e.componentWillUpdate = zt;
+    e.componentWillUpdate = Tt;
     var a = e.componentDidUpdate;
     e.componentDidUpdate = function(s, c, d) {
       var h = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : d;
@@ -250,7 +250,7 @@ function It() {
     return !!o;
   })();
 }
-bt.__suppressDeprecationWarning = !0, Tt.__suppressDeprecationWarning = !0, zt.__suppressDeprecationWarning = !0;
+bt.__suppressDeprecationWarning = !0, zt.__suppressDeprecationWarning = !0, Tt.__suppressDeprecationWarning = !0;
 var Ve = function() {
   function o() {
     var e, t, n, r;
@@ -336,14 +336,14 @@ function Pt(o, e) {
         var C = g.ownerDocument, b = t.getComputedStyle(g);
         b && b.position == "static" && (g.style.position = "relative"), function(I) {
           if (!I.getElementById("detectElementResize")) {
-            var k = (S || "") + ".resize-triggers { " + (y || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', P = I.head || I.getElementsByTagName("head")[0], T = I.createElement("style");
-            T.id = "detectElementResize", T.type = "text/css", o != null && T.setAttribute("nonce", o), T.styleSheet ? T.styleSheet.cssText = k : T.appendChild(I.createTextNode(k)), P.appendChild(T);
+            var k = (S || "") + ".resize-triggers { " + (y || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', P = I.head || I.getElementsByTagName("head")[0], z = I.createElement("style");
+            z.id = "detectElementResize", z.type = "text/css", o != null && z.setAttribute("nonce", o), z.styleSheet ? z.styleSheet.cssText = k : z.appendChild(I.createTextNode(k)), P.appendChild(z);
           }
         }(C), g.__resizeLast__ = {}, g.__resizeListeners__ = [], (g.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
         var R = C.createElement("div");
         R.className = "expand-trigger", R.appendChild(C.createElement("div"));
-        var z = C.createElement("div");
-        z.className = "contract-trigger", g.__resizeTriggers__.appendChild(R), g.__resizeTriggers__.appendChild(z), g.appendChild(g.__resizeTriggers__), a(g), g.addEventListener("scroll", s, !0), h && (g.__resizeTriggers__.__animationListener__ = function(I) {
+        var T = C.createElement("div");
+        T.className = "contract-trigger", g.__resizeTriggers__.appendChild(R), g.__resizeTriggers__.appendChild(T), g.appendChild(g.__resizeTriggers__), a(g), g.addEventListener("scroll", s, !0), h && (g.__resizeTriggers__.__animationListener__ = function(I) {
           I.animationName == _ && a(g);
         }, g.__resizeTriggers__.addEventListener(h, g.__resizeTriggers__.__animationListener__));
       }
@@ -483,7 +483,7 @@ function te() {
 p(Fo, "__internalCellMeasurerFlag", !1);
 const No = !(typeof window > "u" || !window.document || !window.document.createElement);
 var me;
-function Te(o) {
+function ze(o) {
   if ((!me && me !== 0 || o) && No) {
     var e = document.createElement("div");
     e.style.position = "absolute", e.style.top = "-9999px", e.style.width = "50px", e.style.height = "50px", e.style.overflow = "scroll", document.body.appendChild(e), me = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
@@ -547,13 +547,13 @@ var ne = "requested", _e = function() {
         }
         e._invokeOnScrollMemoizer({ scrollLeft: y, scrollTop: g, totalWidth: S, totalHeight: _ });
       }
-    }), e._scrollbarSize = Te(), e._scrollbarSize === void 0 ? (e._scrollbarSizeMeasured = !1, e._scrollbarSize = 0) : e._scrollbarSizeMeasured = !0, e;
+    }), e._scrollbarSize = ze(), e._scrollbarSize === void 0 ? (e._scrollbarSizeMeasured = !1, e._scrollbarSize = 0) : e._scrollbarSizeMeasured = !0, e;
   }
   return D(o, x.PureComponent), E(o, [{ key: "recomputeCellSizesAndPositions", value: function() {
     this._calculateSizeAndPositionDataOnNextUpdate = !0, this.forceUpdate();
   } }, { key: "componentDidMount", value: function() {
     var e = this.props, t = e.cellLayoutManager, n = e.scrollLeft, r = e.scrollToCell, l = e.scrollTop;
-    this._scrollbarSizeMeasured || (this._scrollbarSize = Te(), this._scrollbarSizeMeasured = !0, this.setState({})), r >= 0 ? this._updateScrollPositionForScrollToCell() : (n >= 0 || l >= 0) && this._setScrollPosition({ scrollLeft: n, scrollTop: l }), this._invokeOnSectionRenderedHelper();
+    this._scrollbarSizeMeasured || (this._scrollbarSize = ze(), this._scrollbarSizeMeasured = !0, this.setState({})), r >= 0 ? this._updateScrollPositionForScrollToCell() : (n >= 0 || l >= 0) && this._setScrollPosition({ scrollLeft: n, scrollTop: l }), this._invokeOnSectionRenderedHelper();
     var i = t.getTotalSize(), a = i.height, s = i.width;
     this._invokeOnScrollMemoizer({ scrollLeft: n || 0, scrollTop: l || 0, totalHeight: a, totalWidth: s });
   } }, { key: "componentDidUpdate", value: function(e, t) {
@@ -564,8 +564,8 @@ var ne = "requested", _e = function() {
   } }, { key: "render", value: function() {
     var e = this.props, t = e.autoHeight, n = e.cellCount, r = e.cellLayoutManager, l = e.className, i = e.height, a = e.horizontalOverscanSize, s = e.id, c = e.noContentRenderer, d = e.style, h = e.verticalOverscanSize, f = e.width, u = this.state, v = u.isScrolling, m = u.scrollLeft, _ = u.scrollTop;
     (this._lastRenderedCellCount !== n || this._lastRenderedCellLayoutManager !== r || this._calculateSizeAndPositionDataOnNextUpdate) && (this._lastRenderedCellCount = n, this._lastRenderedCellLayoutManager = r, this._calculateSizeAndPositionDataOnNextUpdate = !1, r.calculateSizeAndPositionData());
-    var S = r.getTotalSize(), y = S.height, g = S.width, w = Math.max(0, m - a), C = Math.max(0, _ - h), b = Math.min(g, m + f + a), R = Math.min(y, _ + i + h), z = i > 0 && f > 0 ? r.cellRenderers({ height: R - C, isScrolling: v, width: b - w, x: w, y: C }) : [], I = { boxSizing: "border-box", direction: "ltr", height: t ? "auto" : i, position: "relative", WebkitOverflowScrolling: "touch", width: f, willChange: "transform" }, k = y > i ? this._scrollbarSize : 0, P = g > f ? this._scrollbarSize : 0;
-    return I.overflowX = g + k <= f ? "hidden" : "auto", I.overflowY = y + P <= i ? "hidden" : "auto", x.createElement("div", { ref: this._setScrollingContainerRef, "aria-label": this.props["aria-label"], className: N("ReactVirtualized__Collection", l), id: s, onScroll: this._onScroll, role: "grid", style: Xe(Xe({}, I), d), tabIndex: 0 }, n > 0 && x.createElement("div", { className: "ReactVirtualized__Collection__innerScrollContainer", style: { height: y, maxHeight: y, maxWidth: g, overflow: "hidden", pointerEvents: v ? "none" : "", width: g } }, z), n === 0 && c());
+    var S = r.getTotalSize(), y = S.height, g = S.width, w = Math.max(0, m - a), C = Math.max(0, _ - h), b = Math.min(g, m + f + a), R = Math.min(y, _ + i + h), T = i > 0 && f > 0 ? r.cellRenderers({ height: R - C, isScrolling: v, width: b - w, x: w, y: C }) : [], I = { boxSizing: "border-box", direction: "ltr", height: t ? "auto" : i, position: "relative", WebkitOverflowScrolling: "touch", width: f, willChange: "transform" }, k = y > i ? this._scrollbarSize : 0, P = g > f ? this._scrollbarSize : 0;
+    return I.overflowX = g + k <= f ? "hidden" : "auto", I.overflowY = y + P <= i ? "hidden" : "auto", x.createElement("div", { ref: this._setScrollingContainerRef, "aria-label": this.props["aria-label"], className: N("ReactVirtualized__Collection", l), id: s, onScroll: this._onScroll, role: "grid", style: Xe(Xe({}, I), d), tabIndex: 0 }, n > 0 && x.createElement("div", { className: "ReactVirtualized__Collection__innerScrollContainer", style: { height: y, maxHeight: y, maxWidth: g, overflow: "hidden", pointerEvents: v ? "none" : "", width: g } }, T), n === 0 && c());
   } }, { key: "_enablePointerEventsAfterDelay", value: function() {
     var e = this;
     this._disablePointerEventsTimeoutId && clearTimeout(this._disablePointerEventsTimeoutId), this._disablePointerEventsTimeoutId = setTimeout(function() {
@@ -1006,8 +1006,8 @@ var nt = "requested", $ = function() {
   } }, { key: "render", value: function() {
     var e = this.props, t = e.autoContainerWidth, n = e.autoHeight, r = e.autoWidth, l = e.className, i = e.containerProps, a = e.containerRole, s = e.containerStyle, c = e.height, d = e.id, h = e.noContentRenderer, f = e.role, u = e.style, v = e.tabIndex, m = e.width, _ = this.state, S = _.instanceProps, y = _.needToResetStyleCache, g = this._isScrolling(), w = { boxSizing: "border-box", direction: "ltr", height: n ? "auto" : c, position: "relative", width: r ? "auto" : m, WebkitOverflowScrolling: "touch", willChange: "transform" };
     y && (this._styleCache = {}), this.state.isScrolling || this._resetStyleCache(), this._calculateChildrenToRender(this.props, this.state);
-    var C = S.columnSizeAndPositionManager.getTotalSize(), b = S.rowSizeAndPositionManager.getTotalSize(), R = b > c ? S.scrollbarSize : 0, z = C > m ? S.scrollbarSize : 0;
-    z === this._horizontalScrollBarSize && R === this._verticalScrollBarSize || (this._horizontalScrollBarSize = z, this._verticalScrollBarSize = R, this._scrollbarPresenceChanged = !0), w.overflowX = C + R <= m ? "hidden" : "auto", w.overflowY = b + z <= c ? "hidden" : "auto";
+    var C = S.columnSizeAndPositionManager.getTotalSize(), b = S.rowSizeAndPositionManager.getTotalSize(), R = b > c ? S.scrollbarSize : 0, T = C > m ? S.scrollbarSize : 0;
+    T === this._horizontalScrollBarSize && R === this._verticalScrollBarSize || (this._horizontalScrollBarSize = T, this._verticalScrollBarSize = R, this._scrollbarPresenceChanged = !0), w.overflowX = C + R <= m ? "hidden" : "auto", w.overflowY = b + T <= c ? "hidden" : "auto";
     var I = this._childrenToDisplay, k = I.length === 0 && c > 0 && m > 0;
     return x.createElement("div", V({ ref: this._setScrollingContainerRef }, i, { "aria-label": this.props["aria-label"], "aria-readonly": this.props["aria-readonly"], className: N("ReactVirtualized__Grid", l), id: d, onScroll: this._onScroll, role: f, style: j(j({}, w), u), tabIndex: v }), I.length > 0 && x.createElement("div", { className: "ReactVirtualized__Grid__innerScrollContainer", role: a, style: j({ width: t ? "auto" : C, height: b, maxWidth: C, maxHeight: b, overflow: "hidden", pointerEvents: g ? "none" : "", position: "relative" }, s) }, I), k && h());
   } }, { key: "_calculateChildrenToRender", value: function() {
@@ -1015,22 +1015,22 @@ var nt = "requested", $ = function() {
     if (this._childrenToDisplay = [], a > 0 && f > 0) {
       var w = _.columnSizeAndPositionManager.getVisibleCellRange({ containerSize: f, offset: y }), C = _.rowSizeAndPositionManager.getVisibleCellRange({ containerSize: a, offset: S }), b = _.columnSizeAndPositionManager.getOffsetAdjustment({ containerSize: f, offset: y }), R = _.rowSizeAndPositionManager.getOffsetAdjustment({ containerSize: a, offset: S });
       this._renderedColumnStartIndex = w.start, this._renderedColumnStopIndex = w.stop, this._renderedRowStartIndex = C.start, this._renderedRowStopIndex = C.stop;
-      var z = c({ direction: "horizontal", cellCount: l, overscanCellsCount: s, scrollDirection: v, startIndex: typeof w.start == "number" ? w.start : 0, stopIndex: typeof w.stop == "number" ? w.stop : -1 }), I = c({ direction: "vertical", cellCount: h, overscanCellsCount: d, scrollDirection: m, startIndex: typeof C.start == "number" ? C.start : 0, stopIndex: typeof C.stop == "number" ? C.stop : -1 }), k = z.overscanStartIndex, P = z.overscanStopIndex, T = I.overscanStartIndex, L = I.overscanStopIndex;
+      var T = c({ direction: "horizontal", cellCount: l, overscanCellsCount: s, scrollDirection: v, startIndex: typeof w.start == "number" ? w.start : 0, stopIndex: typeof w.stop == "number" ? w.stop : -1 }), I = c({ direction: "vertical", cellCount: h, overscanCellsCount: d, scrollDirection: m, startIndex: typeof C.start == "number" ? C.start : 0, stopIndex: typeof C.stop == "number" ? C.stop : -1 }), k = T.overscanStartIndex, P = T.overscanStopIndex, z = I.overscanStartIndex, L = I.overscanStopIndex;
       if (i) {
         if (!i.hasFixedHeight()) {
-          for (var G = T; G <= L; G++) if (!i.has(G, 0)) {
+          for (var G = z; G <= L; G++) if (!i.has(G, 0)) {
             k = 0, P = l - 1;
             break;
           }
         }
         if (!i.hasFixedWidth()) {
           for (var B = k; B <= P; B++) if (!i.has(0, B)) {
-            T = 0, L = h - 1;
+            z = 0, L = h - 1;
             break;
           }
         }
       }
-      this._childrenToDisplay = r({ cellCache: this._cellCache, cellRenderer: n, columnSizeAndPositionManager: _.columnSizeAndPositionManager, columnStartIndex: k, columnStopIndex: P, deferredMeasurementCache: i, horizontalOffsetAdjustment: b, isScrolling: g, isScrollingOptOut: u, parent: this, rowSizeAndPositionManager: _.rowSizeAndPositionManager, rowStartIndex: T, rowStopIndex: L, scrollLeft: y, scrollTop: S, styleCache: this._styleCache, verticalOffsetAdjustment: R, visibleColumnIndices: w, visibleRowIndices: C }), this._columnStartIndex = k, this._columnStopIndex = P, this._rowStartIndex = T, this._rowStopIndex = L;
+      this._childrenToDisplay = r({ cellCache: this._cellCache, cellRenderer: n, columnSizeAndPositionManager: _.columnSizeAndPositionManager, columnStartIndex: k, columnStopIndex: P, deferredMeasurementCache: i, horizontalOffsetAdjustment: b, isScrolling: g, isScrollingOptOut: u, parent: this, rowSizeAndPositionManager: _.rowSizeAndPositionManager, rowStartIndex: z, rowStopIndex: L, scrollLeft: y, scrollTop: S, styleCache: this._styleCache, verticalOffsetAdjustment: R, visibleColumnIndices: w, visibleRowIndices: C }), this._columnStartIndex = k, this._columnStopIndex = P, this._rowStartIndex = z, this._rowStopIndex = L;
     }
   } }, { key: "_debounceScrollEnded", value: function() {
     var e = this.props.scrollingResetTimeInterval;
@@ -1126,16 +1126,16 @@ function Ht(o) {
   var e = o.cellCount, t = o.overscanCellsCount, n = o.scrollDirection, r = o.startIndex, l = o.stopIndex;
   return t = Math.max(1, t), n === 1 ? { overscanStartIndex: Math.max(0, r - 1), overscanStopIndex: Math.min(e - 1, l + t) } : { overscanStartIndex: Math.max(0, r - t), overscanStopIndex: Math.min(e - 1, l + 1) };
 }
-function ze(o, e) {
+function Te(o, e) {
   (e == null || e > o.length) && (e = o.length);
   for (var t = 0, n = Array(e); t < e; t++) n[t] = o[t];
   return n;
 }
 function Wt(o, e) {
   if (o) {
-    if (typeof o == "string") return ze(o, e);
+    if (typeof o == "string") return Te(o, e);
     var t = {}.toString.call(o).slice(8, -1);
-    return t === "Object" && o.constructor && (t = o.constructor.name), t === "Map" || t === "Set" ? Array.from(o) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ze(o, e) : void 0;
+    return t === "Object" && o.constructor && (t = o.constructor.name), t === "Map" || t === "Set" ? Array.from(o) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Te(o, e) : void 0;
   }
 }
 function Dt() {
@@ -1150,13 +1150,13 @@ function Dt() {
 }
 p($, "defaultProps", { "aria-label": "grid", "aria-readonly": !0, autoContainerWidth: !1, autoHeight: !1, autoWidth: !1, cellRangeRenderer: function(o) {
   for (var e = o.cellCache, t = o.cellRenderer, n = o.columnSizeAndPositionManager, r = o.columnStartIndex, l = o.columnStopIndex, i = o.deferredMeasurementCache, a = o.horizontalOffsetAdjustment, s = o.isScrolling, c = o.isScrollingOptOut, d = o.parent, h = o.rowSizeAndPositionManager, f = o.rowStartIndex, u = o.rowStopIndex, v = o.styleCache, m = o.verticalOffsetAdjustment, _ = o.visibleColumnIndices, S = o.visibleRowIndices, y = [], g = n.areOffsetsAdjusted() || h.areOffsetsAdjusted(), w = !s && !g, C = f; C <= u; C++) for (var b = h.getSizeAndPositionOfCell(C), R = r; R <= l; R++) {
-    var z = n.getSizeAndPositionOfCell(R), I = R >= _.start && R <= _.stop && C >= S.start && C <= S.stop, k = "".concat(C, "-").concat(R), P = void 0;
-    w && v[k] ? P = v[k] : i && !i.has(C, R) ? P = { height: "auto", left: 0, position: "absolute", top: 0, width: "auto" } : (P = { height: b.size, left: z.offset + a, position: "absolute", top: b.offset + m, width: z.size }, v[k] = P);
-    var T = { columnIndex: R, isScrolling: s, isVisible: I, key: k, parent: d, rowIndex: C, style: P }, L = void 0;
-    !c && !s || a || m ? L = t(T) : (e[k] || (e[k] = t(T)), L = e[k]), L != null && L !== !1 && (L.props.role || (L = Ct.cloneElement(L, { role: "gridcell" })), y.push(L));
+    var T = n.getSizeAndPositionOfCell(R), I = R >= _.start && R <= _.stop && C >= S.start && C <= S.stop, k = "".concat(C, "-").concat(R), P = void 0;
+    w && v[k] ? P = v[k] : i && !i.has(C, R) ? P = { height: "auto", left: 0, position: "absolute", top: 0, width: "auto" } : (P = { height: b.size, left: T.offset + a, position: "absolute", top: b.offset + m, width: T.size }, v[k] = P);
+    var z = { columnIndex: R, isScrolling: s, isVisible: I, key: k, parent: d, rowIndex: C, style: P }, L = void 0;
+    !c && !s || a || m ? L = t(z) : (e[k] || (e[k] = t(z)), L = e[k]), L != null && L !== !1 && (L.props.role || (L = Ct.cloneElement(L, { role: "gridcell" })), y.push(L));
   }
   return y;
-}, containerRole: "row", containerStyle: {}, estimatedColumnSize: 100, estimatedRowSize: 30, getScrollbarSize: Te, noContentRenderer: function() {
+}, containerRole: "row", containerStyle: {}, estimatedColumnSize: 100, estimatedRowSize: 30, getScrollbarSize: ze, noContentRenderer: function() {
   return null;
 }, onScroll: function() {
 }, onScrollbarPresenceChange: function() {
@@ -1197,14 +1197,14 @@ var rt = function() {
         S.push({ startIndex: y, stopIndex: g });
       }
       if (S.length) for (var R = S[0]; R.stopIndex - R.startIndex + 1 < v && R.startIndex > 0; ) {
-        var z = R.startIndex - 1;
-        if (u({ index: z })) break;
-        R.startIndex = z;
+        var T = R.startIndex - 1;
+        if (u({ index: T })) break;
+        R.startIndex = T;
       }
       return S;
     }({ isRowLoaded: i, minimumBatchSize: a, rowCount: s, startIndex: Math.max(0, e - c), stopIndex: Math.min(s - 1, t + c) }), h = (n = []).concat.apply(n, function(f) {
       return function(u) {
-        if (Array.isArray(u)) return ze(u);
+        if (Array.isArray(u)) return Te(u);
       }(f) || function(u) {
         if (typeof Symbol < "u" && u[Symbol.iterator] != null || u["@@iterator"] != null) return Array.from(u);
       }(f) || Wt(f) || function() {
@@ -1532,10 +1532,10 @@ var ut = function() {
   } }, { key: "componentWillUnmount", value: function() {
     this._debounceResetIsScrollingId && oe(this._debounceResetIsScrollingId);
   } }, { key: "render", value: function() {
-    var e, t = this, n = this.props, r = n.autoHeight, l = n.cellCount, i = n.cellMeasurerCache, a = n.cellRenderer, s = n.className, c = n.height, d = n.id, h = n.keyMapper, f = n.overscanByPixels, u = n.role, v = n.style, m = n.tabIndex, _ = n.width, S = n.rowDirection, y = this.state, g = y.isScrolling, w = y.scrollTop, C = [], b = this._getEstimatedTotalHeight(), R = this._positionCache.shortestColumnSize, z = this._positionCache.count, I = 0;
-    if (this._positionCache.range(Math.max(0, w - f), c + 2 * f, function(T, L, G) {
-      e === void 0 ? (I = T, e = T) : (I = Math.min(I, T), e = Math.max(e, T)), C.push(a({ index: T, isScrolling: g, key: h(T), parent: t, style: p(p(p(p({ height: i.getHeight(T) }, S === "ltr" ? "left" : "right", L), "position", "absolute"), "top", G), "width", i.getWidth(T)) }));
-    }), R < w + c + f && z < l) for (var k = Math.min(l - z, Math.ceil((w + c + f - R) / i.defaultHeight * _ / i.defaultWidth)), P = z; P < z + k; P++) e = P, C.push(a({ index: P, isScrolling: g, key: h(P), parent: this, style: { width: i.getWidth(P) } }));
+    var e, t = this, n = this.props, r = n.autoHeight, l = n.cellCount, i = n.cellMeasurerCache, a = n.cellRenderer, s = n.className, c = n.height, d = n.id, h = n.keyMapper, f = n.overscanByPixels, u = n.role, v = n.style, m = n.tabIndex, _ = n.width, S = n.rowDirection, y = this.state, g = y.isScrolling, w = y.scrollTop, C = [], b = this._getEstimatedTotalHeight(), R = this._positionCache.shortestColumnSize, T = this._positionCache.count, I = 0;
+    if (this._positionCache.range(Math.max(0, w - f), c + 2 * f, function(z, L, G) {
+      e === void 0 ? (I = z, e = z) : (I = Math.min(I, z), e = Math.max(e, z)), C.push(a({ index: z, isScrolling: g, key: h(z), parent: t, style: p(p(p(p({ height: i.getHeight(z) }, S === "ltr" ? "left" : "right", L), "position", "absolute"), "top", G), "width", i.getWidth(z)) }));
+    }), R < w + c + f && T < l) for (var k = Math.min(l - T, Math.ceil((w + c + f - R) / i.defaultHeight * _ / i.defaultWidth)), P = T; P < T + k; P++) e = P, C.push(a({ index: P, isScrolling: g, key: h(P), parent: this, style: { width: i.getWidth(P) } }));
     return this._startIndex = I, this._stopIndex = e, x.createElement("div", { ref: this._setScrollingContainerRef, "aria-label": this.props["aria-label"], className: N("ReactVirtualized__Masonry", s), id: d, onScroll: this._onScroll, role: u, style: Zo({ boxSizing: "border-box", direction: "ltr", height: r ? "auto" : c, overflowX: "hidden", overflowY: b < c ? "hidden" : "auto", position: "relative", width: _, WebkitOverflowScrolling: "touch", willChange: "transform" }, v), tabIndex: m }, x.createElement("div", { className: "ReactVirtualized__Masonry__innerScrollContainer", style: { width: "100%", height: b, maxWidth: "100%", maxHeight: b, overflow: "hidden", pointerEvents: g ? "none" : "", position: "relative" } }, C));
   } }, { key: "_checkInvalidateOnUpdate", value: function() {
     if (typeof this._invalidateOnUpdateStartIndex == "number") {
@@ -1886,8 +1886,8 @@ var Oe = function() {
   } }, { key: "render", value: function() {
     var e = this, t = this.props, n = t.children, r = t.className, l = t.disableHeader, i = t.gridClassName, a = t.gridStyle, s = t.headerHeight, c = t.headerRowRenderer, d = t.height, h = t.id, f = t.noRowsRenderer, u = t.rowClassName, v = t.rowStyle, m = t.scrollToIndex, _ = t.style, S = t.width, y = this.state.scrollbarWidth, g = l ? d : d - s, w = typeof u == "function" ? u({ index: -1 }) : u, C = typeof v == "function" ? v({ index: -1 }) : v;
     return this._cachedColumnStyles = [], x.Children.toArray(n).forEach(function(b, R) {
-      var z = e._getFlexStyleForColumn(b, b.props.style || Se.defaultProps.style);
-      e._cachedColumnStyles[R] = U({ overflow: "hidden" }, z);
+      var T = e._getFlexStyleForColumn(b, b.props.style || Se.defaultProps.style);
+      e._cachedColumnStyles[R] = U({ overflow: "hidden" }, T);
     }), x.createElement("div", { "aria-label": this.props["aria-label"], "aria-labelledby": this.props["aria-labelledby"], "aria-colcount": x.Children.toArray(n).length, "aria-rowcount": this.props.rowCount, className: N("ReactVirtualized__Table", r), id: h, role: "grid", style: _ }, !l && c({ className: N("ReactVirtualized__Table__headerRow", w), columns: this._getHeaderColumns(), style: U({ height: s, overflow: "hidden", paddingRight: y, width: S }, C) }), x.createElement($, V({}, this.props, { elementRef: this._setGridElementRef, "aria-readonly": null, autoContainerWidth: !0, className: N("ReactVirtualized__Table__Grid", i), cellRenderer: this._createRow, columnWidth: S, columnCount: 1, height: g, id: void 0, noContentRenderer: f, onScroll: this._onScroll, onSectionRendered: this._onSectionRendered, ref: this._setRef, role: "rowgroup", scrollbarWidth: y, scrollToRow: m, style: U(U({}, a), {}, { overflowX: "hidden" }) })));
   } }, { key: "_createColumn", value: function(e) {
     var t = e.column, n = e.columnIndex, r = e.isScrolling, l = e.parent, i = e.rowData, a = e.rowIndex, s = this.props.onColumnClick, c = t.props, d = c.cellDataGetter, h = c.cellRenderer, f = c.className, u = c.columnData, v = c.dataKey, m = c.id, _ = h({ cellData: d({ columnData: u, dataKey: v, rowData: i }), columnData: u, columnIndex: n, dataKey: v, isScrolling: r, parent: l, rowData: i, rowIndex: a }), S = this._cachedColumnStyles[n], y = typeof _ == "string" ? _ : null;
@@ -1895,10 +1895,10 @@ var Oe = function() {
       s && s({ columnData: u, dataKey: v, event: g });
     }, role: "gridcell", style: S, title: y }, _);
   } }, { key: "_createHeader", value: function(e) {
-    var t, n, r, l, i, a = e.column, s = e.index, c = this.props, d = c.headerClassName, h = c.headerStyle, f = c.onHeaderClick, u = c.sort, v = c.sortBy, m = c.sortDirection, _ = a.props, S = _.columnData, y = _.dataKey, g = _.defaultSortDirection, w = _.disableSort, C = _.headerRenderer, b = _.id, R = _.label, z = !w && u, I = N("ReactVirtualized__Table__headerColumn", d, a.props.headerClassName, { ReactVirtualized__Table__sortableHeaderColumn: z }), k = this._getFlexStyleForColumn(a, U(U({}, h), a.props.headerStyle)), P = C({ columnData: S, dataKey: y, disableSort: w, label: R, sortBy: v, sortDirection: m });
-    if (z || f) {
-      var T = v !== y ? g : m === ke ? de : ke, L = function(G) {
-        z && u({ defaultSortDirection: g, event: G, sortBy: y, sortDirection: T }), f && f({ columnData: S, dataKey: y, event: G });
+    var t, n, r, l, i, a = e.column, s = e.index, c = this.props, d = c.headerClassName, h = c.headerStyle, f = c.onHeaderClick, u = c.sort, v = c.sortBy, m = c.sortDirection, _ = a.props, S = _.columnData, y = _.dataKey, g = _.defaultSortDirection, w = _.disableSort, C = _.headerRenderer, b = _.id, R = _.label, T = !w && u, I = N("ReactVirtualized__Table__headerColumn", d, a.props.headerClassName, { ReactVirtualized__Table__sortableHeaderColumn: T }), k = this._getFlexStyleForColumn(a, U(U({}, h), a.props.headerStyle)), P = C({ columnData: S, dataKey: y, disableSort: w, label: R, sortBy: v, sortDirection: m });
+    if (T || f) {
+      var z = v !== y ? g : m === ke ? de : ke, L = function(G) {
+        T && u({ defaultSortDirection: g, event: G, sortBy: y, sortDirection: z }), f && f({ columnData: S, dataKey: y, event: G });
       };
       i = a.props["aria-label"] || R || y, l = "none", r = 0, t = L, n = function(G) {
         G.key !== "Enter" && G.key !== " " || L(G);
@@ -1908,8 +1908,8 @@ var Oe = function() {
   } }, { key: "_createRow", value: function(e) {
     var t = this, n = e.rowIndex, r = e.isScrolling, l = e.key, i = e.parent, a = e.style, s = this.props, c = s.children, d = s.onRowClick, h = s.onRowDoubleClick, f = s.onRowRightClick, u = s.onRowMouseOver, v = s.onRowMouseOut, m = s.rowClassName, _ = s.rowGetter, S = s.rowRenderer, y = s.rowStyle, g = this.state.scrollbarWidth, w = typeof m == "function" ? m({ index: n }) : m, C = typeof y == "function" ? y({ index: n }) : y, b = _({ index: n }), R = x.Children.toArray(c).map(function(k, P) {
       return t._createColumn({ column: k, columnIndex: P, isScrolling: r, parent: i, rowData: b, rowIndex: n, scrollbarWidth: g });
-    }), z = N("ReactVirtualized__Table__row", w), I = U(U({}, a), {}, { height: this._getRowHeight(n), overflow: "hidden", paddingRight: g }, C);
-    return S({ className: z, columns: R, index: n, isScrolling: r, key: l, onRowClick: d, onRowDoubleClick: h, onRowRightClick: f, onRowMouseOver: u, onRowMouseOut: v, rowData: b, style: I });
+    }), T = N("ReactVirtualized__Table__row", w), I = U(U({}, a), {}, { height: this._getRowHeight(n), overflow: "hidden", paddingRight: g }, C);
+    return S({ className: T, columns: R, index: n, isScrolling: r, key: l, onRowClick: d, onRowDoubleClick: h, onRowRightClick: f, onRowMouseOver: u, onRowMouseOut: v, rowData: b, style: I });
   } }, { key: "_getFlexStyleForColumn", value: function(e) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = "".concat(e.props.flexGrow, " ").concat(e.props.flexShrink, " ").concat(e.props.width, "px"), r = U(U({}, t), {}, { flex: n, msFlex: n, WebkitFlex: n });
     return e.props.maxWidth && (r.maxWidth = e.props.maxWidth), e.props.minWidth && (r.minWidth = e.props.minWidth), r;
@@ -2112,7 +2112,7 @@ class ln extends Ct.PureComponent {
     }, this.cellRenderer = ({ cellData: e, dataKey: t, columnIndex: n, width: r }) => {
       const { columns: l, rowHeight: i, onRowClick: a } = this.props;
       let s = e, c = { height: i, paddingRight: "2px", paddingTop: "0px", paddingBottom: "0px", minWidth: `${r}px`, maxWidth: `${r}px` };
-      return t === "shortcut" ? s = To(e) : t === "description" && (c = { ...c, fontSize: ".75rem", display: "block", paddingTop: "4px", whiteSpace: "pre-line" }), H(Fe, { component: "div", className: ye(Me, se, { [Le]: a == null }), variant: "body", style: c, align: n != null && l[n].numeric ? "right" : "left", children: s });
+      return t === "shortcut" ? s = zo(e) : t === "description" && (c = { ...c, fontSize: ".75rem", display: "block", paddingTop: "4px", whiteSpace: "pre-line" }), H(Fe, { component: "div", className: ye(Me, se, { [Le]: a == null }), variant: "body", style: c, align: n != null && l[n].numeric ? "right" : "left", children: s });
     }, this.headerRenderer = ({ label: e, columnIndex: t, width: n }) => {
       const { headerHeight: r, columns: l } = this.props, i = l[t];
       return H(Fe, { component: "div", className: ye(Me, se, Le), variant: "head", sx: { width: n, height: r, backgroundColor: (a) => a.palette.grey[300] }, align: i.numeric ? "right" : "left", children: H("span", { children: i.label }) });
@@ -2146,7 +2146,7 @@ function an(o) {
     return v;
   }, [n, e]), [s, c] = pe(null);
   je(() => {
-    import("./BhbkPgJwl4jaDSzR.js").then((u) => {
+    import("./Bz0TojPavQ5NTjyD.js").then((u) => {
       c(new u.default(a, { threshold: 0, ignoreLocation: !0, keys: ["label", "description"] }));
     });
   }, [a]);

package/cdn/assets/{BMBbzBmQDD3qfrC_.js → CPchasanZLQiASse.js}

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

package/cdn/assets/{BTqkZMCBSrMnTAqH.js → CSDiL3gZro2_BYTj.js}

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

package/cdn/assets/{9GPlJgQk7sO4IoM0.js → CXSiJ-t5xz78GMwK.js}

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

package/cdn/assets/{BreZJXfyH5me-yuL.js → Cc_7h2P328hlBcqK.js}

@@ -1,6 +1,6 @@
-import { $ as he } from "./EaD0stepDrgc5Mud.js";
+import { $ as he } from "./C-saEYaoPI4gaVAh.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -234,7 +234,7 @@ let W = null;
 async function Te() {
   if (W) return W;
   try {
-    return await (await import("./DrUhjclyQ_wtu3-o.js")).initialize();
+    return await (await import("./KUyPDaQO4D8lwO7O.js")).initialize();
   } catch (e) {
     throw W = null, e;
   } finally {
@@ -428,7 +428,7 @@ interface Promise<T> {
             g = o, m = h;
           });
           try {
-            const { initialize: o } = await import("./DsqPwYh5PBMY_OEg.js");
+            const { initialize: o } = await import("./2vIB3gG-Ct-P7aHY.js");
             return A = await o(), g(), A;
           } catch (o) {
             throw console.error("Failed to import or initialize esbuild:", o), H = null, m(o), o;

package/cdn/assets/{D4VxZs0rJs1pmmty.js → CmLCIveZbsUFrSOH.js}

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

package/{browser/esm/uyob4I3lZHZmcM_z.mjs → cdn/assets/CpDyqZXpstRo2buW.js}

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

package/cdn/assets/{BjxqTRb2Ea-4O_Cu.js → Cv2EzXYuphY8Hlz2.js}

@@ -1,23 +1,23 @@
 import { jsx as n, jsxs as C } from "react/jsx-runtime";
 import { useState as m } from "react";
-import { ao as a, ap as O, w as H, B as S, a7 as s, a8 as l, k as r } from "./DKwtBx9sOuW7Idh0.js";
+import { P as a, Q as O, $ as b, h as H, R as s, U as l, b as r } from "./BFvB3zk5mbav2VDI.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const k = ({ range: p, options: c, cell: h, onDone: d, ...v }) => {
+const x = ({ range: h, options: c, cell: p, onDone: d, ...v }) => {
   const [t, o] = m(c ?? a.DefaultRangeOptions), u = O((e) => {
     let i = null;
     e === "Sort" && (i = { ...c, options: t }), d?.(i);
   }, [t, d, c]);
-  return n(H, { title: "Sort", options: ["Sort", "Cancel"], onDone: u, ...v, children: C(S, { sx: { display: "flex", flexDirection: "column" }, children: [n(s, { control: n(l, { checked: !t.reverse, onChange: () => o((e) => ({ ...e, reverse: !e.reverse })) }), label: "Is Ascending", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.hasHeader, onChange: () => o((e) => ({ ...e, hasHeader: !e.hasHeader })) }), label: "Has Header", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity, onChange: () => o((e) => ({ ...e, collatorOptions: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity ? a.CaseInsensitiveOptions : a.CaseSensitiveOptions })) }), label: "Case Sensitive", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.orientation === r.Orientation.Row, onChange: () => o((e) => {
+  return n(b, { title: "Sort", options: ["Sort", "Cancel"], onDone: u, ...v, children: C(H, { sx: { display: "flex", flexDirection: "column" }, children: [n(s, { control: n(l, { checked: !t.reverse, onChange: () => o((e) => ({ ...e, reverse: !e.reverse })) }), label: "Is Ascending", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.hasHeader, onChange: () => o((e) => ({ ...e, hasHeader: !e.hasHeader })) }), label: "Has Header", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity, onChange: () => o((e) => ({ ...e, collatorOptions: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity ? a.CaseInsensitiveOptions : a.CaseSensitiveOptions })) }), label: "Case Sensitive", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.orientation === r.Orientation.Row, onChange: () => o((e) => {
     const i = e.orientation === r.Orientation.Row ? r.Orientation.Column : r.Orientation.Row;
-    return { ...p.getDefaultSortCriteria(i, h).options, includeHidden: e.includeHidden, reverse: e.reverse, orientation: i };
+    return { ...h.getDefaultSortCriteria(i, p).options, includeHidden: e.includeHidden, reverse: e.reverse, orientation: i };
   }) }), label: "Row Sort", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.includeHidden, onChange: () => o((e) => ({ ...e, includeHidden: !e.includeHidden })) }), label: "Include Hidden", labelPlacement: "end" })] }) });
 };
 export {
-  k as SortDialog,
-  k as default
+  x as SortDialog,
+  x as default
 };

package/cdn/assets/{B-zR0P7K9TTIqb3N.js → Cz1EUITrDS2M-lu2.js}

@@ -1,8 +1,8 @@
 import { jsx as z, jsxs as lt } from "react/jsx-runtime";
 import k, { memo as es, useState as pe, useCallback as de, useLayoutEffect as rs, PureComponent as mt, Component as _t, isValidElement as ns } from "react";
-import { i as os, o as as, p as is, B as us, q as Su, r as ss, t as xt } from "./DKwtBx9sOuW7Idh0.js";
+import { u as os, v as as, w as is, h as us, x as Su, z as ss, S as xt } from "./BFvB3zk5mbav2VDI.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{BNyNoLgd3hytW2dX.js → D7bqIxhqlHgc3Fih.js}

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

package/cdn/assets/{BCmdSl8UKJV-mbUP.js → DDWoPuN8AcPJHNxL.js}

@@ -1,34 +1,34 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { memo as O, useState as r, useRef as M, useReducer as E, useMemo as A } from "react";
-import { aI as W, av as J, aJ as K, aK as Q, ap as x, a0 as V, a1 as k, B as n, aL as q, aM as G, aH as f, aN as U, aO as X, aP as y, ax as b, aQ as w, aR as S } from "./DKwtBx9sOuW7Idh0.js";
+import { memo as O, useState as r, useRef as E, useReducer as M, useMemo as A } from "react";
+import { a3 as W, a4 as Q, a5 as V, a6 as k, Q as x, a7 as q, a8 as G, h as n, a9 as J, aa as K, ab as f, ac as U, ad as X, ae as y, af as b, ag as w, ah as S } from "./BFvB3zk5mbav2VDI.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const te = O((C) => {
-  const { title: v, onHide: N, autoFocusSel: R = ".range-input input", context: T, notifier: l = W, command: c, commands: d, ...D } = C, [F, g] = r(!1), [m, p] = r(!1), h = M(null), [Y, H] = E((e) => e + 1, 0), [B, { width: Z }] = J();
-  K(c);
+  const { title: v, onHide: N, autoFocusSel: R = ".range-input input", context: T, notifier: l = W, command: c, commands: d, ...D } = C, [F, g] = r(!1), [m, p] = r(!1), h = E(null), [Y, H] = M((e) => e + 1, 0), [B, { width: Z }] = Q();
+  V(c);
   const o = T ?? c.context(), t = o.table(), [I, P] = r(() => t ? o.getNames().getRanges(t.getRange()) : null), j = A(() => t?.getName() ?? "", [t]);
-  Q(o.table(), { onAnchorCoordsChange(e) {
+  k(o.table(), { onAnchorCoordsChange(e) {
     P(o.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
     H();
   } });
-  const L = x((e) => {
+  const z = x((e) => {
     o?.table().setName(e);
-  }, [o]), z = x((e) => {
+  }, [o]), L = x((e) => {
     o?.table().resize(e.at(0));
   }, [o]);
   let u = null;
-  return o.table() || (u = a("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", opacity: 1, display: "flex", alignItems: "center", justifyItems: "center", justifyContent: "center", boxSizing: "border-box" }, children: a("div", { children: "No table selected" }) })), a(V, { ref: h, title: v ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: R, onHide: N, onFocus: () => g(!0), onBlur: (e) => {
+  return o.table() || (u = a("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", opacity: 1, display: "flex", alignItems: "center", justifyItems: "center", justifyContent: "center", boxSizing: "border-box" }, children: a("div", { children: "No table selected" }) })), a(q, { ref: h, title: v ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: R, onHide: N, onFocus: () => g(!0), onBlur: (e) => {
     h?.current?.contains(e.relatedTarget) || g(!1);
-  }, PaperProps: { elevation: F ? 3 : 1 }, ...D, children: s(k, { dividers: !0, ref: B, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [s(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: o.table() ? 1 : 0 }, children: [a(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: s(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a(q, { formName: "name", defaultInput: j, value: t?.getName() ?? "No table", onChangeInput: L, onValidate: (e) => {
+  }, PaperProps: { elevation: F ? 3 : 1 }, ...D, children: s(G, { dividers: !0, ref: B, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [s(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: o.table() ? 1 : 0 }, children: [a(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: s(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a(J, { formName: "name", defaultInput: j, value: t?.getName() ?? "No table", onChangeInput: z, onValidate: (e) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || o?.getNames().validateName(e);
   }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     m || e.target?.select(), p(!0);
-  } }), a(G, { formName: "range", value: I, onChangeInput: z, resolvedAddress: o.getNames().getRanges.bind(o.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+  } }), a(K, { formName: "range", value: I, onChangeInput: L, resolvedAddress: o.getNames().getRanges.bind(o.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     m || e.target?.select(), p(!0);
   } })] }) }) }), s(n, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [a(f, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a(U, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
     t.updateStyleOptions(e);

package/{browser/esm/Cr99yWq8so0mdyPz.mjs → cdn/assets/DJx6S7TOhQyWdjS5.js}

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

package/cdn/assets/DU8_1yjWbaEkXcbL.js

@@ -0,0 +1,12 @@
+import { q as k, a as r, M as s } from "./BFvB3zk5mbav2VDI.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+export {
+  k as DefaultWorkbookIO,
+  r as IOUtils,
+  s as WorkbookIO
+};

package/{browser/esm/Bu1DrN7ddrdJf4-t.mjs → cdn/assets/DWnopZ6R26qNLVyV.js}

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