@sheetxl/studio-vanilla 0.4.8 → 0.4.10

package/cdn/assets/{BgChN-ZVYUOMDX9_.js → CtQlXGkNWgI-vtGy.js}

@@ -1,10 +1,10 @@
 import { jsx as H, jsxs as We } from "react/jsx-runtime";
-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 "./B2hDWpWSEoChxhVY.js";
+import { c as to, g as oo, u as no, s as ro, l as io, aT as Q, m as lo, o as so, aU as ao, aV as co, a as Z, aA as uo, aB as ho, av as wt, Y 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 "./2-xJlw77WsCoyz09.js";
 import * as x from "react";
 import Ct, { useState as pe, useMemo as ko, useEffect as je, cloneElement as Oo } from "react";
-import { h as N } from "./tJI1G_FjDgqWo3rJ.js";
+import { h as N } from "./DYZjOnD8WWQkCYuH.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (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 q(o, e) {
+function K(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 ? q(n.style, t) : n.style;
+    if (n.isProcessed) r = t ? K(n.style, t) : n.style;
     else {
       const { variants: l, ...i } = n;
-      r = t ? q(K(i), t) : i;
+      r = t ? K(q(i), t) : i;
     }
     return xt(o, n.variants, [r], t);
   }
-  return n?.isProcessed ? t ? q(K(n.style), t) : n.style : t ? q(K(n), t) : n;
+  return n?.isProcessed ? t ? K(q(n.style), t) : n.style : t ? K(q(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 ? q(K(i.style(r)), n) : i.style(r))) : t.push(n ? q(K(i.style), n) : i.style);
+    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);
   }
   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: K(k), isProcessed: !0 };
+          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 = K(T.style));
+            typeof T.style != "function" && (T.style = q(T.style));
           }), P;
         }(b);
         return function(z) {
-          return R.variants ? ve(z, R, z.theme.modularCssLayers ? v : void 0) : z.theme.modularCssLayers ? q(R.style, v) : R.style;
+          return R.variants ? ve(z, R, z.theme.modularCssLayers ? v : void 0) : z.theme.modularCssLayers ? K(R.style, v) : R.style;
         };
       }
       return b;
@@ -371,7 +371,7 @@ function $e(o, e) {
   }
   return t;
 }
-function qe(o) {
+function Ke(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: qe(qe({}, 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: Ke(Ke({}, d), i) }, t(h));
   } }]);
 }();
 function Mt() {
@@ -491,7 +491,7 @@ function Te(o) {
   }
   return me;
 }
-function Ke(o, e) {
+function qe(o, e) {
   var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(o);
@@ -504,9 +504,9 @@ function Ke(o, e) {
 function Xe(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Ke(Object(t), !0).forEach(function(n) {
+    e % 2 ? qe(Object(t), !0).forEach(function(n) {
       p(o, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : Ke(Object(t)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : qe(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 qo = (F = typeof window < "u" ? window : typeof self < "u" ? self : {}).requestAnimationFrame || F.webkitRequestAnimationFrame || F.mozRequestAnimationFrame || F.oRequestAnimationFrame || F.msRequestAnimationFrame || function(o) {
+var Ko = (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);
-}, Ko = F.cancelAnimationFrame || F.webkitCancelAnimationFrame || F.mozCancelAnimationFrame || F.oCancelAnimationFrame || F.msCancelAnimationFrame || function(o) {
+}, qo = F.cancelAnimationFrame || F.webkitCancelAnimationFrame || F.mozCancelAnimationFrame || F.oCancelAnimationFrame || F.msCancelAnimationFrame || function(o) {
   F.clearTimeout(o);
-}, tt = qo, Xo = Ko, oe = function(o) {
+}, tt = Ko, Xo = qo, 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 qt() {
+function Kt() {
   try {
     var o = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (qt = function() {
+  return (Kt = function() {
     return !!o;
   })();
 }
 $t.propTypes = {};
 var Se = function() {
   function o() {
-    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));
+    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));
     var e, t, n;
   }
   return D(o, x.Component), E(o);
@@ -1827,13 +1827,13 @@ function U(o) {
   }
   return o;
 }
-function Kt() {
+function qt() {
   try {
     var o = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Kt = function() {
+  return (qt = 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, 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 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 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("./BEFQcBJ71bA297Zu.js").then((u) => {
+    import("./S9fgUO7h8YgZxoKH.js").then((u) => {
       c(new u.default(a, { threshold: 0, ignoreLocation: !0, keys: ["label", "description"] }));
     });
   }, [a]);

package/{browser/esm/xlL3Ai-ka9qMVeua.mjs → cdn/assets/DIGFi66CQPMV3HsL.js}

@@ -1,6 +1,6 @@
 import { Workbook as J } from "@sheetxl/sdk";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{browser/esm/4C7Rg83L5RYFoOvl.mjs → cdn/assets/DK4S0DbayChkfTD6.js}

@@ -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 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 "./2RGq163l1wYJKGsa.mjs";
+import { aL as W, U as k, aM as Q, aN as U, w as x, aA as V, aB as q, B as n, aO as G, aP as J, ak as f, aQ as K, aR as X, ag as y, ah as b, ai as w, aS as S } from "./2-xJlw77WsCoyz09.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (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: 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 { title: N, onHide: R, autoFocusSel: v = ".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 }] = k();
+  Q(c);
   const o = T ?? c.context(), t = o.table(), [P, I] = r(() => t ? o.getNames().getRanges(t.getRange()) : null), j = E(() => t?.getName() ?? "", [t]);
-  V(o.table(), { onAnchorCoordsChange(e) {
+  U(o.table(), { onAnchorCoordsChange(e) {
     I(o.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
     B();
@@ -22,15 +22,15 @@ 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, { ref: h, title: N ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: v, onHide: R, 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(V, { 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) => {
+  }, PaperProps: { elevation: F ? 3 : 1 }, ...D, children: s(q, { 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(G, { formName: "name", defaultInput: j, value: t?.getName() ?? "No table", onChangeInput: L, 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(K, { formName: "range", value: P, onChangeInput: z, resolvedAddress: o.getNames().getRanges.bind(o.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+  } }), a(J, { formName: "range", value: P, onChangeInput: z, 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) => {
+  } })] }) }) }), 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(K, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
     t.updateStyleOptions(e);
   }, showHeaderRow: t?.getShowHeaders(), onShowHeaderRowChange: (e) => {
     try {

package/cdn/assets/{g4FhlroGKmJM7Utd.js → DQvsBz9F1GS_S7r9.js}

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

package/cdn/assets/{C5NMOq74C3Sme49x.js → DTOgv_zwXSur-yCq.js}

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as p } from "react/jsx-runtime";
 import { memo as oe, useRef as C, useState as b, useEffect as L, useLayoutEffect as pe, useMemo as de } from "react";
 import { ICell as c, IRange as R } from "@sheetxl/sdk";
-import { v as D, w as H, av as ue, Q as fe, aA as ge, aB as me, B as O, aC as m, ah as x, aD as xe, a8 as y, aE as he, T as _, a as k, aF as Oe, aG as Ce, aH as ye, aI as be, ay as w, aJ as ve, aK as Te, ak as Re, az as ke, F as we, aw as Ee, ax as Fe } from "./B2hDWpWSEoChxhVY.js";
-import { C as ee } from "./tJI1G_FjDgqWo3rJ.js";
+import { r as D, w as H, av as ue, U as fe, aA as ge, aB as me, B as O, aC as m, ah as x, aD as xe, a8 as y, aE as he, T as _, a as k, aF as Oe, aG as Ce, aH as ye, aI as be, ay as w, aJ as ve, aK as Te, ak as Re, az as ke, F as we, aw as Ee, ax as Fe } from "./2-xJlw77WsCoyz09.js";
+import { C as ee } from "./DYZjOnD8WWQkCYuH.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -27,9 +27,9 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
     if (h[d] === E) return d;
   }
 }, ze = oe((E) => {
-  const { replace: h = !1, findText: r, replaceText: a, findOptions: d, replaceOptions: v, title: A, onHide: K, onFindOrReplace: T, ...P } = E, s = C(null), u = C(null), $ = C(null), W = C(null), j = C(null), N = C(null), G = (e, t) => {
+  const { replace: h = !1, findText: r, replaceText: a, findOptions: d, replaceOptions: v, title: A, onHide: K, onFindOrReplace: T, ...P } = E, s = C(null), u = C(null), $ = C(null), W = C(null), j = C(null), N = C(null), U = (e, t) => {
     t && (t.start(e, { center: !1 }), setTimeout(() => t.stop(e), 180));
-  }, [J, I] = b(!1), [B, le] = b(!1), [f, M] = b(h), [Q, V] = b(!1), [U, X] = b(!1), [o, l] = b({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [c.Content.Formulas] }, scope: te.Sheet }), F = H(async (e, t, n, S) => {
+  }, [G, I] = b(!1), [B, le] = b(!1), [f, M] = b(h), [J, V] = b(!1), [X, q] = b(!1), [o, l] = b({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [c.Content.Formulas] }, scope: te.Sheet }), F = H(async (e, t, n, S) => {
     if (!T) return;
     const g = { ...o };
     g.replaceOptions = { ...g.replaceOptions }, g.findOptions = { ...g.findOptions }, g.replaceOptions.maxCount = n ? void 0 : 1, g.replace = t, t && o.findOptions.fields?.[0] === c.Content.Values && (g.findOptions.fields = [c.Content.Formulas]), g.findOptions.reverse = !e;
@@ -39,11 +39,11 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
   L(() => {
     V(!1);
   }, [o, B, f]);
-  const q = H((e, t) => {
+  const Q = H((e, t) => {
     if (e.keyCode === ue.Enter) {
       if (!o.findText) return;
       let n = !0, S = !1;
-      e.shiftKey && (n = !1), t ? (e.ctrlKey && e.altKey && (S = !0), G(e, S ? N.current : j.current)) : G(e, n ? W.current : $.current), F(n, t, S, !1);
+      e.shiftKey && (n = !1), t ? (e.ctrlKey && e.altKey && (S = !0), U(e, S ? N.current : j.current)) : U(e, n ? W.current : $.current), F(n, t, S, !1);
     }
   }, [o]), Y = C(null);
   pe(() => {
@@ -52,18 +52,18 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
       t.findText = r && r.length > 0 ? r : e.findText ?? "", I(!0), a !== void 0 && (t.replaceText = a), d && (t.findOptions = { ...t.findOptions, ...d }), t.replaceText || (t.replaceText = ""), t.replaceOptions && (t.replaceOptions = { ...t.replaceOptions }), v && (t.replaceOptions = { ...t.replaceOptions, ...v }), o.findOptions.fields?.[0] || (o.findOptions.fields = [c.Content.Formulas]);
       const n = !(!v && a === void 0);
       return n && M(n), t;
-    }), U || Y.current?.focus();
+    }), X || Y.current?.focus();
   }, [r, a, d, v]), L(() => {
     f ? (o.findOptions.fields[0], c.Content.Values) : I(!0);
   }, [f]), L(() => {
-    if (J && s.current && o.findText === s.current.value) return s.current === document.activeElement || s.current.contains(document.activeElement) ? (s.current?.select(), void I(!1)) : void s.current.addEventListener("focus", () => {
+    if (G && s.current && o.findText === s.current.value) return s.current === document.activeElement || s.current.contains(document.activeElement) ? (s.current?.select(), void I(!1)) : void s.current.addEventListener("focus", () => {
       s.current?.select(), I(!1);
     }, { once: !0 });
-  }, [J, o]);
+  }, [G, o]);
   const [re, { width: Z }] = fe();
-  return i(ge, { ref: Y, title: A ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: K, onFocus: () => X(!0), onBlur: () => {
-    X(!1), V(!1);
-  }, PaperProps: { elevation: U ? 3 : 1 }, ...P, children: p(me, { dividers: !0, ref: re, sx: { display: "flex", flexDirection: "column", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, onKeyDown: (e) => {
+  return i(ge, { ref: Y, title: A ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: K, onFocus: () => q(!0), onBlur: () => {
+    q(!1), V(!1);
+  }, PaperProps: { elevation: X ? 3 : 1 }, ...P, children: p(me, { dividers: !0, ref: re, sx: { display: "flex", flexDirection: "column", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, onKeyDown: (e) => {
     if (e.key === "h" && e.ctrlKey) M(!0), s.current?.contains(document.activeElement) && u.current?.focus();
     else if (e.key === "f" && e.ctrlKey) s.current?.focus();
     else if (e.key === "c" && e.altKey) l((t) => {
@@ -101,12 +101,12 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
       const n = { ...t };
       return n.findOptions.useRegex = e, n;
     });
-  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [y.Alt] }, icon: x(i(be, {})) })] }) }) }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => Q ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => Q ? `${e.palette.error.main} !important` : void 0 } }, value: o.findText ?? "", onChange: (e) => {
+  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [y.Alt] }, icon: x(i(be, {})) })] }) }) }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => J ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => J ? `${e.palette.error.main} !important` : void 0 } }, value: o.findText ?? "", onChange: (e) => {
     l((t) => {
       const n = { ...t };
       return n.findText = e.target.value, n;
     });
-  }, onKeyDown: (e) => q(e, !1), onContextMenu: (e) => {
+  }, onKeyDown: (e) => Q(e, !1), onContextMenu: (e) => {
     e.stopPropagation();
   } }), i(m, { selected: o.findOptions.reverse, onSelectToggle: (e) => {
     F(!1, !1);
@@ -119,7 +119,7 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
       const n = { ...t };
       return n.replaceText = e.target.value, n;
     });
-  }, onKeyDown: (e) => q(e, !0), onContextMenu: (e) => {
+  }, onKeyDown: (e) => Q(e, !0), onContextMenu: (e) => {
     e.stopPropagation();
   } }), i(m, { onSelectToggle: (e) => {
     F(!0, !0);