@sheetxl/studio-vanilla 0.4.7 → 0.4.9

package/{cdn/assets/CzeybhBUMRs64-Mp.js → browser/esm/C81J50HcankGTOIj.mjs}

@@ -1,6 +1,6 @@
 import C, { memo as ne, useState as _, useRef as m, useCallback as re, useEffect as S } from "react";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.7
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{CxesFvTfE_FHHeOa.mjs → CO_s27056nua6qzN.mjs}

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

package/browser/esm/{DnEhhjrb_iK5ugui.mjs → CPEjlDUTxckVS1rp.mjs}

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { memo as G, useState as x, useCallback as O, useEffect as H, useMemo as w } from "react";
 import { NumberFormat as n } from "@sheetxl/sdk";
-import { v as l, av as K, b as q, B as P, F as S, aw as A, ax as J, a as p, ay as c, T as Q, $, az as U } from "./f7jo5w0h4-vNZtjZ.mjs";
+import { w as l, av as K, b as q, B as P, F as S, aw as A, ax as J, a as p, ay as c, T as Q, $, az as U } from "./DFQvqk5r1uf_z0h_.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.7
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{DE0B_sDQJ2uyFacb.mjs → CY7astxzrfb7uZqy.mjs}

@@ -1,10 +1,10 @@
 import { jsx as H, jsxs as We } from "react/jsx-runtime";
-import { d as to, g as oo, u as no, s as ro, m as io, aT as Q, n as lo, p as so, aU as ao, aV as co, a as Z, aA as uo, aB as ho, av as wt, J as fo, B as he, T as po, aF as mo, a0 as go, a2 as vo, ay as fe, at as _o, au as So, $ as yo, aW as wo, aX as Co, aY as De, aZ as xo, a_ as Ro, a$ as bo, H as ye, b0 as To, b1 as zo, b2 as q, b3 as Io, b4 as V, b5 as Po } from "./f7jo5w0h4-vNZtjZ.mjs";
+import { e as to, g as oo, u as no, s as ro, n as io, aT as Q, o as lo, q as so, aU as ao, aV as co, a as Z, aA as uo, aB as ho, av as wt, J as fo, B as he, T as po, aF as mo, a0 as go, a2 as vo, ay as fe, at as _o, au as So, $ as yo, aW as wo, aX as Co, aY as De, aZ as xo, a_ as Ro, a$ as bo, E as ye, b0 as To, b1 as zo, b2 as K, b3 as Io, b4 as V, b5 as Po } from "./DFQvqk5r1uf_z0h_.mjs";
 import * as x from "react";
 import Ct, { useState as pe, useMemo as ko, useEffect as je, cloneElement as Oo } from "react";
-import { f as N } from "./6w21A0XUkGBQu8-3.mjs";
+import { h as N } from "./BkGQPKMRPIVUVTLO.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.7
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -33,7 +33,7 @@ const Ao = to("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "s
 function we(o) {
   return o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as";
 }
-function K(o, e) {
+function q(o, e) {
   return e && o && typeof o == "object" && o.styles && !o.styles.startsWith("@layer") && (o.styles = `@layer ${e}{${String(o.styles)}}`), o;
 }
 function Wo(o) {
@@ -44,14 +44,14 @@ function ve(o, e, t) {
   if (Array.isArray(n)) return n.flatMap((r) => ve(o, r, t));
   if (Array.isArray(n?.variants)) {
     let r;
-    if (n.isProcessed) r = t ? K(n.style, t) : n.style;
+    if (n.isProcessed) r = t ? q(n.style, t) : n.style;
     else {
       const { variants: l, ...i } = n;
-      r = t ? K(q(i), t) : i;
+      r = t ? q(K(i), t) : i;
     }
     return xt(o, n.variants, [r], t);
   }
-  return n?.isProcessed ? t ? K(q(n.style), t) : n.style : t ? K(q(n), t) : n;
+  return n?.isProcessed ? t ? q(K(n.style), t) : n.style : t ? q(K(n), t) : n;
 }
 function xt(o, e, t = [], n = void 0) {
   let r;
@@ -60,7 +60,7 @@ function xt(o, e, t = [], n = void 0) {
     if (typeof i.props == "function") {
       if (r ??= { ...o, ...o.ownerState, ownerState: o.ownerState }, !i.props(r)) continue;
     } else for (const a in i.props) if (o[a] !== i.props[a] && o.ownerState?.[a] !== i.props[a]) continue e;
-    typeof i.style == "function" ? (r ??= { ...o, ...o.ownerState, ownerState: o.ownerState }, t.push(n ? K(q(i.style(r)), n) : i.style(r))) : t.push(n ? K(q(i.style), n) : i.style);
+    typeof i.style == "function" ? (r ??= { ...o, ...o.ownerState, ownerState: o.ownerState }, t.push(n ? q(K(i.style(r)), n) : i.style(r))) : t.push(n ? q(K(i.style), n) : i.style);
   }
   return t;
 }
@@ -89,13 +89,13 @@ const jo = function(o = {}) {
       };
       if (zo(b)) {
         const R = function(z) {
-          const { variants: I, ...k } = z, P = { variants: I, style: q(k), isProcessed: !0 };
+          const { variants: I, ...k } = z, P = { variants: I, style: K(k), isProcessed: !0 };
           return P.style === k || I && I.forEach((T) => {
-            typeof T.style != "function" && (T.style = q(T.style));
+            typeof T.style != "function" && (T.style = K(T.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 R.variants ? ve(z, R, z.theme.modularCssLayers ? v : void 0) : z.theme.modularCssLayers ? q(R.style, v) : R.style;
         };
       }
       return b;
@@ -371,7 +371,7 @@ function $e(o, e) {
   }
   return t;
 }
-function Ke(o) {
+function qe(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? $e(Object(t), !0).forEach(function(n) {
@@ -415,7 +415,7 @@ var Ot = function() {
     this._detectElementResize && this._parentNode && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize);
   } }, { key: "render", value: function() {
     var e = this.props, t = e.children, n = e.className, r = e.disableHeight, l = e.disableWidth, i = e.style, a = this.state, s = a.height, c = a.width, d = { overflow: "visible" }, h = {};
-    return r || (d.height = 0, h.height = s), l || (d.width = 0, h.width = c), x.createElement("div", { className: n, ref: this._setRef, style: Ke(Ke({}, d), i) }, t(h));
+    return r || (d.height = 0, h.height = s), l || (d.width = 0, h.width = c), x.createElement("div", { className: n, ref: this._setRef, style: qe(qe({}, d), i) }, t(h));
   } }]);
 }();
 function Mt() {
@@ -491,7 +491,7 @@ function Te(o) {
   }
   return me;
 }
-function qe(o, e) {
+function Ke(o, e) {
   var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(o);
@@ -504,9 +504,9 @@ function qe(o, e) {
 function Xe(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? qe(Object(t), !0).forEach(function(n) {
+    e % 2 ? Ke(Object(t), !0).forEach(function(n) {
       p(o, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : qe(Object(t)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : Ke(Object(t)).forEach(function(n) {
       Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
@@ -878,11 +878,11 @@ function et(o) {
   var e = o.cellSize, t = o.cellSizeAndPositionManager, n = o.previousCellsCount, r = o.previousCellSize, l = o.previousScrollToAlignment, i = o.previousScrollToIndex, a = o.previousSize, s = o.scrollOffset, c = o.scrollToAlignment, d = o.scrollToIndex, h = o.size, f = o.sizeJustIncreasedFromZero, u = o.updateScrollIndexCallback, v = t.getCellCount(), m = d >= 0 && d < v;
   m && (h !== a || f || !r || typeof e == "number" && e !== r || c !== l || d !== i) ? u(d) : !m && v > 0 && (h < a || v < n) && s > t.getTotalSize() - h && u(v - 1);
 }
-var Ko = (F = typeof window < "u" ? window : typeof self < "u" ? self : {}).requestAnimationFrame || F.webkitRequestAnimationFrame || F.mozRequestAnimationFrame || F.oRequestAnimationFrame || F.msRequestAnimationFrame || function(o) {
+var qo = (F = typeof window < "u" ? window : typeof self < "u" ? self : {}).requestAnimationFrame || F.webkitRequestAnimationFrame || F.mozRequestAnimationFrame || F.oRequestAnimationFrame || F.msRequestAnimationFrame || function(o) {
   return F.setTimeout(o, 1e3 / 60);
-}, qo = F.cancelAnimationFrame || F.webkitCancelAnimationFrame || F.mozCancelAnimationFrame || F.oCancelAnimationFrame || F.msCancelAnimationFrame || function(o) {
+}, Ko = F.cancelAnimationFrame || F.webkitCancelAnimationFrame || F.mozCancelAnimationFrame || F.oCancelAnimationFrame || F.msCancelAnimationFrame || function(o) {
   F.clearTimeout(o);
-}, tt = Ko, Xo = qo, oe = function(o) {
+}, tt = qo, Xo = Ko, oe = function(o) {
   return Xo(o.id);
 }, Ge = function(o, e) {
   var t;
@@ -1788,20 +1788,20 @@ function $t(o) {
   var e = o.sortDirection, t = N("ReactVirtualized__Table__sortableHeaderIcon", { "ReactVirtualized__Table__sortableHeaderIcon--ASC": e === de, "ReactVirtualized__Table__sortableHeaderIcon--DESC": e === ke });
   return x.createElement("svg", { className: t, width: 18, height: 18, viewBox: "0 0 24 24" }, e === de ? x.createElement("path", { d: "M7 14l5-5 5 5z" }) : x.createElement("path", { d: "M7 10l5 5 5-5z" }), x.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }));
 }
-function Kt() {
+function qt() {
   try {
     var o = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Kt = function() {
+  return (qt = function() {
     return !!o;
   })();
 }
 $t.propTypes = {};
 var Se = function() {
   function o() {
-    return A(this, o), e = this, n = arguments, t = O(t = o), W(e, Kt() ? Reflect.construct(t, n || [], O(e).constructor) : t.apply(e, n));
+    return A(this, o), e = this, n = arguments, t = O(t = o), W(e, qt() ? Reflect.construct(t, n || [], O(e).constructor) : t.apply(e, n));
     var e, t, n;
   }
   return D(o, x.Component), E(o);
@@ -1827,13 +1827,13 @@ function U(o) {
   }
   return o;
 }
-function qt() {
+function Kt() {
   try {
     var o = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (qt = function() {
+  return (Kt = function() {
     return !!o;
   })();
 }
@@ -1850,7 +1850,7 @@ p(Se, "defaultProps", { cellDataGetter: function(o) {
 var Oe = function() {
   function o(e) {
     var t, n, r, l;
-    return A(this, o), n = this, l = [e], r = O(r = o), (t = W(n, qt() ? Reflect.construct(r, l || [], O(n).constructor) : r.apply(n, l))).state = { scrollbarWidth: 0 }, t._createColumn = t._createColumn.bind(t), t._createRow = t._createRow.bind(t), t._onScroll = t._onScroll.bind(t), t._onSectionRendered = t._onSectionRendered.bind(t), t._setRef = t._setRef.bind(t), t._setGridElementRef = t._setGridElementRef.bind(t), t;
+    return A(this, o), n = this, l = [e], r = O(r = o), (t = W(n, Kt() ? Reflect.construct(r, l || [], O(n).constructor) : r.apply(n, l))).state = { scrollbarWidth: 0 }, t._createColumn = t._createColumn.bind(t), t._createRow = t._createRow.bind(t), t._onScroll = t._onScroll.bind(t), t._onSectionRendered = t._onSectionRendered.bind(t), t._setRef = t._setRef.bind(t), t._setGridElementRef = t._setGridElementRef.bind(t), t;
   }
   return D(o, x.PureComponent), E(o, [{ key: "forceUpdateGrid", value: function() {
     this.Grid && this.Grid.forceUpdate();
@@ -2147,7 +2147,7 @@ function an(o) {
     return v;
   }, [n, e]), [s, c] = pe(null);
   je(() => {
-    import("./CHsVgElx78EEmCPY.mjs").then((u) => {
+    import("./CxcLNXXaxyFyUzyb.mjs").then((u) => {
       c(new u.default(a, { threshold: 0, ignoreLocation: !0, keys: ["label", "description"] }));
     });
   }, [a]);

package/{cdn/assets/CGL2dNgGZEziA1cG.js → browser/esm/CZVzRhflTpwAAl1o.mjs}

@@ -1,18 +1,18 @@
-import { jsx as o, jsxs as N } from "react/jsx-runtime";
-import { memo as T, useState as i, useCallback as k } from "react";
-import { v, b as w, B as j, aP as y, at as B, au as F } from "./CUqr4I0B5RzMvyfH.js";
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import { memo as N, useState as i, useCallback as T } from "react";
+import { w as k, b as j, B as v, aP as y, at as B, au as F } from "./DFQvqk5r1uf_z0h_.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.7
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const H = ["Ok", "Cancel"], A = T((u) => {
-  const { tableOptions: e, context: p, onOption: c, onValidateOption: I, onDone: r, options: d = H, defaultOption: t = d?.[0], cancelOption: s = "Cancel", sx: m, ...b } = u, [h, x] = i(!1), [n, O] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = v((a) => {
+const H = ["Ok", "Cancel"], A = N((u) => {
+  const { tableOptions: e, context: p, onOption: c, onValidateOption: I, onDone: r, options: d = H, defaultOption: t = d?.[0], cancelOption: s = "Cancel", sx: m, ...b } = u, [h, x] = i(!1), [n, O] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = k((a) => {
     const g = { ...e, hasHeader: n, ranges: l };
     c?.(a, a === s, a === t), r?.({ option: a, tableOptions: g });
-  }, [r, c, t, s, n, l, e]), D = k(async (a, g) => null, []);
-  return o(w, { title: "Insert Table", options: d, onDone: C, onValidateOption: D, defaultOption: t, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...b, children: N(j, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
+  }, [r, c, t, s, n, l, e]), w = T(async (a, g) => null, []);
+  return o(j, { title: "Insert Table", options: d, onDone: C, onValidateOption: w, defaultOption: t, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...b, children: D(v, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
     h || a.target?.select(), x(!0);
   } }), o(B, { control: o(F, { checked: n, onChange: () => O(!n) }), label: "Table has headers", labelPlacement: "end" })] }) });
 });

package/browser/esm/{BepIgOjpel6ND31E.mjs → CaWZXQsmKl4hTNq5.mjs}

@@ -1,12 +1,12 @@
-import { Workbook as y, IRange as C } from "@sheetxl/sdk";
+import { Workbook as y, IRange as k } from "@sheetxl/sdk";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.7
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const k = async (a, p) => {
-  const { trimLeadingBlankRow: i = !0, trimLeadingBlankColumn: u = !0, excludeHidden: h = !1, sheetKey: r = null, papaParseConfig: m = {} } = p || {}, f = await import("./CSnM9G1CZ81wivjo.mjs").then((s) => s.p);
+const E = async (a, p) => {
+  const { trimLeadingBlankRow: i = !0, trimLeadingBlankColumn: f = !0, excludeHidden: h = !1, sheetKey: r = null, papaParseConfig: m = {} } = p || {}, u = await import("./BD9GKsR-k4aEK2tx.mjs").then((s) => s.p);
   if (!a) throw new Error("workbook must be specified");
   let t = null;
   if (r === null ? t = a.getSelectedSheet() : typeof r == "number" ? t = a.getSheets().search()[r] : typeof r == "string" && (t = a.getSheets().getByName(r)), !t) throw new Error("invalid sheetKey specified");
@@ -14,8 +14,8 @@ const k = async (a, p) => {
   const d = [];
   let e = null, n = t.getUsedRange({ excludeHidden: h });
   if (!n) throw new Error("Nothing to export");
-  if (!i || !u) {
-    const s = i ? n.getRowStart() : 0, l = u ? n.getColumnStart() : 0;
+  if (!i || !f) {
+    const s = i ? n.getRowStart() : 0, l = f ? n.getColumnStart() : 0;
     n = n.getOffsetTo(s, l);
   }
   n.forEach((s, l) => {
@@ -24,23 +24,23 @@ const k = async (a, p) => {
     const S = x.toTextUnformatted() ?? "";
     e.push(S);
   }, { includeEmpty: !0, address: null }), e && d.push(e);
-  const o = { ...m }, g = f.unparse(d, o);
+  const o = { ...m }, g = u.unparse(d, o);
   return new TextEncoder().encode(g).buffer;
-}, R = async (a, p) => {
-  const { papaParseConfig: i, setValuesOptions: u, constructorOptions: h } = p ?? {}, r = await import("./CSnM9G1CZ81wivjo.mjs").then((o) => o.p), m = new TextDecoder().decode(a);
-  let f = -1;
-  const t = new y(h), c = t.getSelectedSheet().getEntireRange().startIncrementalUpdates({ orientation: C.Orientation.Row }), d = p?.onProgress;
+}, b = async (a, p) => {
+  const { papaParseConfig: i, setValuesOptions: f, createWorkbookOptions: h } = p ?? {}, r = await import("./BD9GKsR-k4aEK2tx.mjs").then((o) => o.p), m = new TextDecoder().decode(a);
+  let u = -1;
+  const t = new y(h), c = t.getSelectedSheet().getEntireRange().startIncrementalUpdates({ orientation: k.Orientation.Row }), d = p?.onProgress;
   let e = 0;
   const n = { ...i, transform: (o, g) => {
     i?.transform && (o = i.transform(o, g));
     const s = g;
-    s === 0 && f++;
+    s === 0 && u++;
     let l = o ?? "";
-    return c.pushAt(f, s, l), e++, e % 1e5 == 0 && d?.(e), o;
+    return c.pushAt(u, s, l), e++, e % 1e5 == 0 && d?.(e), o;
   } };
-  return r.parse(m, n).data, c.apply({ textParser: !0, ...u }), t;
+  return r.parse(m, n).data, c.apply({ textParser: !0, ...f }), t;
 };
 export {
-  R as fromBufferCSV,
-  k as toBufferCSV
+  b as fromBufferCSV,
+  E as toBufferCSV
 };

package/{cdn/assets/CHsVgElx78EEmCPY.js → browser/esm/CxcLNXXaxyFyUzyb.mjs}

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

package/{cdn/assets/Cjl-eP68w6LXe0zR.js → browser/esm/D0icxW0WVNoeVRLH.mjs}

@@ -1,17 +1,17 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import { memo as O, useState as r, useRef as M, useReducer as A, useMemo as E } from "react";
-import { aL as W, V, aM as k, aN as Q, v as x, aA as q, aB as G, B as n, aO as J, aP as K, ak as f, aQ as U, aR as X, ag as y, ah as b, ai as w, aS as S } from "./CUqr4I0B5RzMvyfH.js";
+import { aL as Q, Q as W, aM as k, aN as V, w as x, aA as q, aB as G, B as n, aO as J, aP as K, ak as f, aQ as U, aR as X, ag as y, ah as b, ai as w, aS as S } from "./DFQvqk5r1uf_z0h_.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.7
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
  *
  * (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, B] = A((e) => e + 1, 0), [H, { width: Z }] = V();
+  const { title: N, onHide: R, autoFocusSel: v = ".range-input input", context: T, notifier: l = Q, command: c, commands: d, ...D } = C, [F, g] = r(!1), [m, p] = r(!1), h = M(null), [Y, B] = A((e) => e + 1, 0), [H, { width: Z }] = W();
   k(c);
   const o = T ?? c.context(), t = o.table(), [P, I] = r(() => t ? o.getNames().getRanges(t.getRange()) : null), j = E(() => t?.getName() ?? "", [t]);
-  Q(o.table(), { onAnchorCoordsChange(e) {
+  V(o.table(), { onAnchorCoordsChange(e) {
     I(o.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
     B();
@@ -22,7 +22,7 @@ const te = O((C) => {
     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(q, { title: v ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: R, refWindow: h, 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: N ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: v, onHide: R, onFocus: () => g(!0), onBlur: (e) => {
     h?.current?.contains(e.relatedTarget) || g(!1);
   }, PaperProps: { elevation: F ? 3 : 1 }, ...D, children: s(G, { dividers: !0, ref: H, 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: L, onValidate: (e) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || o?.getNames().validateName(e);