@sheetxl/studio-vanilla 0.4.14 → 0.4.16

package/cdn/assets/{ChB-XZno7w9v221u.js → DZyvhfi33GteuMM3.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.16
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -47,7 +47,7 @@ class u {
   }
 }
 const s = `/**
- * @license @sheetxl/primitives - Primitives - Base types for SheetXL functions. - v0.4.14
+ * @license @sheetxl/primitives - Primitives - Base types for SheetXL functions. - v0.4.16
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -266,7 +266,7 @@ var v;
   return n = typeof e == "string" ? tt.get(e) : rt.get(e), n || (n = v.Unknown), new n(t, r);
 }, v.getBuiltInById = (e) => Te.get(e) || Et;
 /**
- * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.4.14
+ * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.4.16
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -1567,7 +1567,7 @@ async function p() {
   return await l();
 }
 const l = async () => {
-  const { compileModule: e } = await import("./CWkF-50YF43t7qge.js"), n = new u((t) => e(t));
+  const { compileModule: e } = await import("./CWgLS_jMj5DNrggO.js"), n = new u((t) => e(t));
   return await n.start(), n;
 };
 export {

package/cdn/assets/{BPen6C7JE2sWVgdi.js → D_SW7AJGTxZZhEhN.js}

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

package/cdn/assets/{BvYUsRgBXLSuaQ-S.js → Ddco0tbzyQ9zfvAR.js}

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

package/cdn/assets/{0fI22OQK5IczUH6s.js → DdjDNvycthoT3npY.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.16
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -10,7 +10,7 @@ class o {
   }
   async getWorkerWrapper() {
     if (this.workerWrapper) return this.workerWrapper;
-    const { createCompilerWorker: r } = await import("./ChB-XZno7w9v221u.js");
+    const { createCompilerWorker: r } = await import("./DZyvhfi33GteuMM3.js");
     return this.workerWrapper = await r(), this.workerWrapper;
   }
   async compileModule(r) {

package/cdn/assets/{wV8riZWKJE7AoKQk.js → DhtBGaXEjpSpeQD2.js}

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

package/cdn/assets/{wxvli1IH1NkfqE6-.js → DmeMooAnq1CVPk8s.js}

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

package/{browser/esm/B_pEA9HeXKvEOCdS.mjs → cdn/assets/DnDDStLug64LBv-3.js}

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

package/{browser/esm/BzE-61bmpRQzEVPt.mjs → cdn/assets/DrT_zO6kt_14yLBZ.js}

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

package/{browser/esm/B4ji-HZTY0uvH8r7.mjs → cdn/assets/DwUhQt38jwVGevvy.js}

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

package/{browser/esm/Cmtx4dAVZrwq5cVO.mjs → cdn/assets/IF2d9xZoQ-KwvBKh.js}

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

package/{browser/esm/CN73n4VDayKh_l1J.mjs → cdn/assets/PzttknQejK9onrpS.js}

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

package/cdn/assets/{CITPwlsNzJvv551I.js → TM6K2pq3Dcv9IkuU.js}

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

package/cdn/assets/UYuqeLmzk4CZISVt.js

@@ -0,0 +1,50 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as j, useMemo as E, useState as x, useCallback as M } from "react";
+import { ap as r, f as S, B as V, g as $, i as z, j as h, a6 as C } from "./Bjv69OWhcDpPMIFg.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.16
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const G = ["Ok", "Cancel"], U = j((O) => {
+  const { initialComments: k = null, onUpdateComments: m, context: w, onOption: u, onValidateOption: l, onDone: p, options: d = G, defaultOption: c = d?.[0], cancelOption: s = "Cancel", sx: y, ...F } = O, g = E(() => {
+    const n = k ?? w?.()?.getComments();
+    let t = "";
+    if (n && n.content && n.content.runs) {
+      const a = n.content.runs;
+      for (let o = 0; o < a.length; o++) {
+        const B = a[o];
+        t += B?.text;
+      }
+    }
+    return t;
+  }, []), [e, P] = x(g), [T, b] = x(!1), f = M(async (n, t) => null, []), v = r(async (n) => {
+    const t = e === "" ? [] : e.split(`
+`);
+    if (n !== s) {
+      const a = [];
+      for (let o = 0; o < t.length; o++) a.push({ text: t[o] });
+      m?.({ content: { runs: a } });
+    }
+    u?.(n, n === s, n === c), p?.();
+  }, [e, m, p, u, c, s]), D = r((n) => {
+    P(n.target.value), f(n.target.value, null);
+  }, [l]), I = r(async (n) => {
+    let t = await Promise.resolve(l?.(n));
+    try {
+      t !== !1 && (t = await f(e, n));
+    } catch {
+    }
+    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", ...y }, ...F, 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) => {
+    T || n.target?.select(), b(!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();
+  } }) }) }) });
+});
+export {
+  U as CommentsDialog,
+  U as default
+};

package/{browser/esm/BIUVt79NHXdZx2Dz.mjs → cdn/assets/mMMnv_KWRsRe75FG.js}

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

package/cdn/assets/{C28AZ0Rwo79iGg0v.js → q0yHqQ5GBeLgY-gd.js}

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

package/cdn/assets/sZe9Sjpn-rLq53T6.js

@@ -0,0 +1,41 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as z, forwardRef as A, useState as s } from "react";
+import { d as t, e as E, f as K, B as R, g as W, i as q, j as x, l as G, A as y } from "./Bjv69OWhcDpPMIFg.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.16
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const J = ["Input"], Y = z(A((w, T) => {
+  const { initialValue: F = "", onOption: I, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: P, inputType: v, inputPlaceHolder: C, options: d = J, autoFocusSel: b = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...k } = w, [V, B] = s(!1), [o, D] = s(F), [S, j] = s(""), [H, L] = s(!0), e = t(async (a, n) => {
+    if (!p) return !0;
+    const h = await p?.(a, n);
+    j(h?.message ?? "");
+    const O = h?.valid ?? !0;
+    return L(O), O;
+  }, [p]), f = t(async (a) => {
+    l?.(o, a);
+  }, [o, l, u, I, g, m]), M = t(async (a) => {
+    a.keyCode === E.Enter && await e?.(o, null);
+  }, [o, f]), N = t((a) => {
+    D(a.target.value), e?.(a.target.value, null);
+  }, [r]), $ = t(async (a) => {
+    let n = await e(o, a);
+    try {
+      n !== !1 && (n = await e(o, a));
+    } catch {
+    }
+    return n ?? !0;
+  }, [o, r]);
+  return i(K, { options: d, onDone: u, onOption: (a, n) => {
+    n || f(a);
+  }, onValidateOption: $, cancelOption: g, defaultOption: m, autoFocusSel: b, ref: T, ...k, children: i(R, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0) }, children: i(W, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(q, { onFocus: (a) => {
+    V || a.target?.select(), B(!0);
+  }, type: v, label: P, helperText: S || " ", sx: { width: "100%", "& .MuiFormHelperText-root": { marginTop: (a) => a.spacing(0.5), color: H ? void 0 : "error.main" } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { placeholder: C, spellCheck: !1, autoComplete: "off", ...c, className: G("autoFocus", c?.className), sx: { paddingTop: (a) => a.spacing(1.25), paddingBottom: (a) => a.spacing(0.75), backgroundImage: `linear-gradient(${x("#fff", y(5))}, ${x("#fff", y(5))})` } } }, value: o, onChange: N, onKeyDown: M, onContextMenu: (a) => {
+    a.stopPropagation();
+  } }) }) }) });
+}));
+export {
+  Y as default
+};

package/cdn/index.js

@@ -1,19 +1,19 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.16
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const S = /* @__PURE__ */ new Map(), k = (e, n = {}) => {
-  const { message: t, icon: r, customElement: p, hide: m = !1, className: a, cssVars: f = {} } = n;
-  if (m) return;
-  const l = typeof e == "string" ? document.querySelector(e) : e;
-  if (!l) return void console.warn(`Element with selector "${e}" not found for panel.`);
-  let o;
-  if (h(e), p) o = p;
+const S = /* @__PURE__ */ new Map(), k = (e, o = {}) => {
+  const { message: s, icon: a, customElement: n, hide: i = !1, className: r, cssVars: f = {} } = o;
+  if (i) return;
+  const c = typeof e == "string" ? document.querySelector(e) : e;
+  if (!c) return void console.warn(`Element with selector "${e}" not found for panel.`);
+  let t;
+  if (m(e), n) t = n;
   else {
-    o = document.createElement("div"), o.className = a ? `sheetxl-panel ${a}` : "sheetxl-panel";
-    const u = Object.entries(f).map(([s, y]) => `--sheetxl-panel-${s}: ${y};`).join(" "), g = `
+    t = document.createElement("div"), t.className = r ? `sheetxl-panel ${r}` : "sheetxl-panel";
+    const u = Object.entries(f).map(([l, w]) => `--sheetxl-panel-${l}: ${w};`).join(" "), x = `
         @keyframes sheetxl-spin {
           from { transform: rotate(0deg); }
           to { transform: rotate(360deg); }
@@ -80,22 +80,22 @@ const S = /* @__PURE__ */ new Map(), k = (e, n = {}) => {
           text-align: center;
           margin: 0;
         }
-      `, d = document.createElement("style");
-    if (d.textContent = g, o.appendChild(d), r) {
-      const s = document.createElement("div");
-      s.className = "sheetxl-icon", typeof r == "string" ? s.innerHTML = r : r instanceof HTMLElement && s.appendChild(r), o.appendChild(s);
+      `, p = document.createElement("style");
+    if (p.textContent = x, t.appendChild(p), a) {
+      const l = document.createElement("div");
+      l.className = "sheetxl-icon", typeof a == "string" ? l.innerHTML = a : a instanceof HTMLElement && l.appendChild(a), t.appendChild(l);
     }
-    if (t) {
-      const s = document.createElement("div");
-      s.className = "sheetxl-message", s.textContent = t, o.appendChild(s);
+    if (s) {
+      const l = document.createElement("div");
+      l.className = "sheetxl-message", l.textContent = s, t.appendChild(l);
     }
-    u && (o.style.cssText += u), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && o.classList.add("dark");
+    u && (t.style.cssText += u), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && t.classList.add("dark");
   }
-  window.getComputedStyle(l).position === "static" && (l.style.position = "relative"), l.appendChild(o), S.set(e, o);
-}, h = (e) => {
-  const n = S.get(e);
-  n && n.parentNode && (n.parentNode.removeChild(n), S.delete(e));
-}, L = (e, n = {}) => {
+  window.getComputedStyle(c).position === "static" && (c.style.position = "relative"), c.appendChild(t), S.set(e, t);
+}, m = (e) => {
+  const o = S.get(e);
+  o && o.parentNode && (o.parentNode.removeChild(o), S.delete(e));
+}, b = (e, o = {}) => {
   k(e, { icon: `
       <svg width="24" height="24" viewBox="0 0 24 24" style="animation: sheetxl-spin 1s linear infinite;">
         <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.416" stroke-dashoffset="31.416">
@@ -103,69 +103,69 @@ const S = /* @__PURE__ */ new Map(), k = (e, n = {}) => {
           <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
         </circle>
       </svg>
-    `, className: "loading", ...n });
-}, b = (e, n = {}) => {
+    `, className: "loading", ...o });
+}, L = (e, o = {}) => {
   k(e, { message: "Failed to load SheetXL", icon: `
       <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
         <path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/>
       </svg>
-    `, className: "error", ...n });
-}, x = /* @__PURE__ */ new Map();
-let c;
-const C = async (e) => c || (c = await (async (n, t) => {
-  try {
-    if (t?.selector && L(t?.selector, t?.loading), !n) {
-      const { resolveDependencies: r } = await import("./assets/DnWjhq4ZlgIuFcii.js");
-      n = await r(t?.dependencies);
+    `, className: "error", ...o });
+}, g = /* @__PURE__ */ new Map();
+let d;
+const C = async (e) => {
+  if (d) return d;
+  const { resolveDependencies: o } = await import("./assets/CQeDWMJhZEMvysUh.js"), s = await o(typeof e == "object" ? e?.dependencies : void 0);
+  return d = await (async (a, n) => {
+    typeof n == "string" && (n = { selector: n });
+    try {
+      if (n?.selector && b(n?.selector, n?.loading), !a) throw new Error("No runtime provided");
+      n?.licenseKey && await a.StudioMUI.LicenseManager.setLicenseKey(n.licenseKey), n?.selector && m(n?.selector);
+    } catch (i) {
+      throw n?.selector && (m(n.selector), L(n.selector, { message: `Failed to initialize: ${i instanceof Error ? i.message : String(i)}`, ...n?.error })), console.error("Failed to initialize:", i), i;
     }
-    t?.licenseKey && await n.StudioMUI.LicenseManager.setLicenseKey(t.licenseKey), t?.selector && h(t?.selector);
-  } catch (r) {
-    throw t?.selector && (h(t.selector), b(t.selector, { message: `Failed to initialize: ${r instanceof Error ? r.message : String(r)}`, ...t?.error })), console.error("Failed to initialize:", r), r;
-  }
-  return n;
-})(null, typeof e == "object" ? e : void 0), c), M = { attachStudio: async (e, n) => (c || (c = await C(e)), (async (t, r, p, m) => {
-  if (!r) throw new Error("Either a 'selector' or a 'InitializationOptions' must be provided to attach.");
-  const a = typeof r == "string" ? r : r.selector || "#sheetxl", f = typeof a == "string" ? document.querySelector(a) : a;
-  if (!f) throw new Error(`Element with selector "${a}" not found.`);
-  if (x.has(a) && x.get(a) !== null) throw new Error(`SheetXL already attached to "${a}". Detach first if you want to re-attach.`);
-  const l = typeof r == "object" ? r : null;
-  L(a, l?.loading);
+    return a;
+  })(s, e), d;
+}, M = { attachStudio: async (e, o) => (d || (d = await C(e)), (async (s, a, n, i) => {
+  if (!a) throw new Error("Either a 'selector' or a 'InitializationOptions' must be provided to attach.");
+  const r = typeof a == "string" ? a : a.selector || "#sheetxl", f = typeof r == "string" ? document.querySelector(r) : r;
+  if (!f) throw new Error(`Element with selector "${r}" not found.`);
+  if (g.has(r) && g.get(r) !== null) throw new Error(`SheetXL already attached to "${r}". Detach first if you want to re-attach.`);
+  const c = typeof a == "object" ? a : null;
+  b(r, c?.loading);
   try {
-    h(a);
-    const o = t.ReactDOMClient.createRoot(f), u = t.React.createRef(), g = t.StudioMUI[p];
-    let d = null;
-    await new Promise((v) => {
-      o.render(t.React.createElement(g, { ...m, ref: (i) => {
-        i && (d = i, v());
+    m(r);
+    const t = s.ReactDOMClient.createRoot(f), u = s.React.createRef(), x = s.StudioMUI[n];
+    let p = null;
+    await new Promise((y) => {
+      t.render(s.React.createElement(x, { ...i, ref: (h) => {
+        h && (p = h, y());
       } }));
     });
-    const y = { runtime: t, root: o };
-    x.set(a, y);
+    const w = { runtime: s, root: t };
+    g.set(r, w);
     let E = !1;
-    return new Proxy(d, { get(v, i, z) {
-      if (E) throw new Error(`SheetXL instance attached to "${a}" has been detached. Cannot access properties.`);
-      return i === "update" ? (N) => {
-        const $ = { ...m, ...N, ref: u };
-        return o.render(t.React.createElement(g, $)), Promise.resolve();
-      } : i === "detach" ? () => (x.delete(a), o.unmount(), E = !0, Promise.resolve()) : Reflect.get(v, i, z);
+    return new Proxy(p, { get(y, h, N) {
+      if (E) throw new Error(`SheetXL instance attached to "${r}" has been detached. Cannot access properties.`);
+      return h === "update" ? (z) => {
+        const $ = { ...i, ...z, ref: u };
+        return t.render(s.React.createElement(x, $)), Promise.resolve();
+      } : h === "detach" ? () => (g.delete(r), t.unmount(), E = !0, Promise.resolve()) : Reflect.get(y, h, N);
     } });
-  } catch (o) {
-    throw h(a), b(a, { message: `Failed to initialize: ${o instanceof Error ? o.message : String(o)}`, ...l?.error }), console.error("Failed to initialize:", o), o;
+  } catch (t) {
+    throw m(r), L(r, { message: `Failed to initialize: ${t instanceof Error ? t.message : String(t)}`, ...c?.error }), console.error("Failed to initialize:", t), t;
   }
-})(c, e, "Studio", n)), async initialize(e) {
+})(d, e, "Studio", o)), async initialize(e) {
   await C(e);
-} }, w = document.currentScript;
-if (w) {
-  console.log("SheetXL script tag:", w);
-  const e = w.dataset ? w.dataset.target : "#sheetxl";
-  document.querySelector(e) || console.error(`SheetXL: Target element "${e}" not found in the document.`), M.attachStudio(e, { autoFocus: !0 }).then((n) => {
-    console.log("SheetXL studio created and attached:", n);
-  }).catch((n) => {
-    console.error("Error creating SheetXL studio:", n);
+} }, v = document.currentScript;
+if (v) {
+  const e = v.dataset ? v.dataset.target : "#sheetxl";
+  document.querySelector(e) || console.error(`SheetXL: Target element "${e}" not found in the document.`), M.attachStudio(e, { autoFocus: !0 }).then((o) => {
+  }).catch((o) => {
+    console.error("Error creating SheetXL studio:", o);
   });
 }
-const X = M;
+const R = M;
 export {
-  X as SheetXL,
-  X as default
+  R as SheetXL,
+  R as default
 };

package/cdn/loader.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sheetxl/studio-vanilla",
   "description": "SheetXL Studio - Vanilla entry point for integrating SheetXL UI.",
-  "version": "0.4.14",
+  "version": "0.4.16",
   "license": "SEE LICENSE IN <LICENSE>",
   "type": "module",
   "main": "./browser/esm/index.mjs",
@@ -41,8 +41,8 @@
     "@mui/styled-engine": "^6.5.0",
     "@mui/system": "^6.5.0",
     "@mui/utils": "^6.4.9",
-    "@sheetxl/studio-mui": "^0.4.14",
-    "@sheetxl/sdk": "^0.4.14",
+    "@sheetxl/studio-mui": "^0.4.16",
+    "@sheetxl/sdk": "^0.4.16",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "csstype": "^3.1.3",

package/browser/cjs/1bCMnueqxHW3rn0c.cjs

@@ -1,6 +0,0 @@
-"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let s=null;const c={reactUrl:"https://esm.sh/react@19.1.0",reactJsxTransform:"https://esm.sh/react@19.1.0/jsx-runtime",reactDomUrl:"https://esm.sh/react-dom@19.1.0",reactDomUrlClient:"https://esm.sh/react-dom@19.1.0/client"};exports.resolveDependencies=t=>(t={...t,...c},s||(s=(async()=>{const n=t.reactUrl,o=t.reactDomUrl,a=t.reactDomUrlClient,i=t.reactJsxTransform;if(document.querySelector('script[type="importmap"]'))console.warn("SheetXL: Import map already exists. Skipping injection.");else{const e=document.createElement("script");e.type="importmap",e.textContent=JSON.stringify({imports:{react:n,"react/jsx-runtime":i,"react-dom":o,"react-dom/client":a}}),document.head.appendChild(e)}await new Promise(e=>setTimeout(e,0));const r=await Promise.all([Promise.resolve().then(()=>require("./DQGdVVTxixgptLdj.cjs")).then(e=>e.React),Promise.resolve().then(()=>require("./DQGdVVTxixgptLdj.cjs")).then(e=>e.ReactJSXTransform),Promise.resolve().then(()=>require("./DQGdVVTxixgptLdj.cjs")).then(e=>e.index),Promise.resolve().then(()=>require("./DQGdVVTxixgptLdj.cjs")).then(e=>e.ReactDOMClient),Promise.resolve().then(()=>require("./DQGdVVTxixgptLdj.cjs")).then(e=>e.StudioMUI)]);return{React:r[0],ReactJSXTransform:r[1],ReactDOM:r[2],ReactDOMClient:r[3],StudioMUI:r[4]}})(),s));

package/browser/cjs/BQ4QeJYaIhLaInyR.cjs

@@ -1,6 +0,0 @@
-"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DQGdVVTxixgptLdj.cjs"),K=require("./CXIHULOe7x4DYKXw.cjs"),_=e.createSvgIcon(e.jsxRuntimeExports.jsx("path",{d:"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"}),"ArrowBack"),J=e.createSvgIcon(e.jsxRuntimeExports.jsx("path",{d:"m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z"}),"ArrowDownward"),Q=e.createSvgIcon(e.jsxRuntimeExports.jsx("path",{d:"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}),"ArrowForward"),Y=e.createSvgIcon(e.jsxRuntimeExports.jsx("path",{d:"m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"}),"ArrowUpward"),T=e.reactExports.memo(g=>{const{label:d,value:a,options:i,onSelect:x,tabIndex:f=0,...h}=g,[O,m]=e.reactExports.useState(()=>H(a,i));e.reactExports.useEffect(()=>{m(H(a,i))},[a,i]);const v=e.fe(p=>{m(p.target.value),x?.(i[p.target.value])},[x,i]),r=e.reactExports.useMemo(()=>Object.keys(i).map(p=>e.jsxRuntimeExports.jsx(e.MenuItem,{value:p,children:p},p)),[i]);return e.jsxRuntimeExports.jsxs(e.FormControl,{sx:{minWidth:135},size:"small",children:[e.jsxRuntimeExports.jsx(e.InputLabel,{children:d}),e.jsxRuntimeExports.jsx(e.Select,{inputProps:{tabIndex:f},value:O,label:d,onChange:v,sx:{backgroundImage:`linear-gradient(${e.alpha("#fff",e.$n(5))}, ${e.alpha("#fff",e.$n(5))})`},...h,children:r})]})}),S={Workbook:"workbook",Sheet:"sheet"},z={enter:140,exit:140},N={Formulas:e.Oe$1.Content.Formulas,Values:e.Oe$1.Content.Values,Notes:e.Oe$1.Content.Notes,Comments:e.Oe$1.Content.Comments},q={...N};delete q.Values;const Z={"By Rows":!0,"By Columns":!1},H=(g,d)=>{const a=Object.keys(d);for(let i=0;i<a.length;i++){const x=a[i];if(d[x]===g)return x}},W=e.reactExports.memo(g=>{const{replace:d=!1,findText:a,replaceText:i,findOptions:x,replaceOptions:f,title:h,onHide:O,onFindOrReplace:m,...v}=g,r=e.reactExports.useRef(null),p=e.reactExports.useRef(null),k=e.reactExports.useRef(null),F=e.reactExports.useRef(null),$=e.reactExports.useRef(null),w=e.reactExports.useRef(null),I=(t,n)=>{n&&(n.start(t,{center:!1}),setTimeout(()=>n.stop(t),180))},[D,R]=e.reactExports.useState(!1),[C,U]=e.reactExports.useState(!1),[c,y]=e.reactExports.useState(d),[V,b]=e.reactExports.useState(!1),[B,L]=e.reactExports.useState(!1),[o,l]=e.reactExports.useState({findText:null,replaceText:null,replace:d,replaceOptions:{},findOptions:{matchCase:!1,matchEntireCell:!1,useRegex:!1,orientation:e.F.Orientation.Row,fields:[e.Oe$1.Content.Formulas]},scope:S.Sheet}),j=e.fe(async(t,n,s,E)=>{if(!m)return;const u={...o};u.replaceOptions={...u.replaceOptions},u.findOptions={...u.findOptions},u.replaceOptions.maxCount=s?void 0:1,u.replace=n,n&&o.findOptions.fields?.[0]===e.Oe$1.Content.Values&&(u.findOptions.fields=[e.Oe$1.Content.Formulas]),u.findOptions.reverse=!t;const X=await m({autoFocus:E,...u});b(X===0)},[o,m]);e.reactExports.useEffect(()=>{b(!1)},[o,C,c]);const P=e.fe((t,n)=>{if(t.keyCode===e.rn.Enter){if(!o.findText)return;let s=!0,E=!1;t.shiftKey&&(s=!1),n?(t.ctrlKey&&t.altKey&&(E=!0),I(t,E?w.current:$.current)):I(t,s?F.current:k.current),j(s,n,E,!1)}},[o]),A=e.reactExports.useRef(null);e.reactExports.useLayoutEffect(()=>{l(t=>{const n={...t};n.findText=a&&a.length>0?a:t.findText??"",R(!0),i!==void 0&&(n.replaceText=i),x&&(n.findOptions={...n.findOptions,...x}),n.replaceText||(n.replaceText=""),n.replaceOptions&&(n.replaceOptions={...n.replaceOptions}),f&&(n.replaceOptions={...n.replaceOptions,...f}),o.findOptions.fields?.[0]||(o.findOptions.fields=[e.Oe$1.Content.Formulas]);const s=!(!f&&i===void 0);return s&&y(s),n}),B||A.current?.focus()},[a,i,x,f]),e.reactExports.useEffect(()=>{c?(o.findOptions.fields[0],e.Oe$1.Content.Values):R(!0)},[c]),e.reactExports.useEffect(()=>{if(D&&r.current&&o.findText===r.current.value)return r.current===document.activeElement||r.current.contains(document.activeElement)?(r.current?.select(),void R(!1)):void r.current.addEventListener("focus",()=>{r.current?.select(),R(!1)},{once:!0})},[D,o]);const[G,{width:M}]=e.vc();return e.jsxRuntimeExports.jsx(e.dS,{ref:A,title:h??(c?"Find & Replace":"Find"),initialPosition:{y:"35"},autoFocusSel:".input",onHide:O,onFocus:()=>L(!0),onBlur:()=>{L(!1),b(!1)},PaperProps:{elevation:B?3:1},...v,children:e.jsxRuntimeExports.jsxs(e.DialogContent,{dividers:!0,ref:G,sx:{display:"flex",flexDirection:"column",paddingLeft:t=>t.spacing(1.5),paddingRight:t=>t.spacing(1.5)},onKeyDown:t=>{if(t.key==="h"&&t.ctrlKey)y(!0),r.current?.contains(document.activeElement)&&p.current?.focus();else if(t.key==="f"&&t.ctrlKey)r.current?.focus();else if(t.key==="c"&&t.altKey)l(n=>{const s={...n};return s.findOptions.matchCase=!n.findOptions.matchCase,s});else if(t.key==="e"&&t.altKey)l(n=>{const s={...n};return s.findOptions.matchEntireCell=!n.findOptions.matchEntireCell,s});else{if(t.key!=="r"||!t.altKey)return;l(n=>{const s={...n};return s.findOptions.useRegex=!n.findOptions.useRegex,s})}t.preventDefault()},children:[e.jsxRuntimeExports.jsxs(e.Box,{sx:{display:"flex",flexDirection:"row",gap:t=>t.spacing(1)},children:[e.jsxRuntimeExports.jsxs(e.Box,{sx:{display:"flex",flexDirection:"row",alignItems:"start",gap:t=>t.spacing(.25),paddingTop:"3px"},children:[e.jsxRuntimeExports.jsx(e.Vx,{selected:C,onSelectToggle:t=>{U(t)},preventFocus:!0,label:"Toggle Additional Options",icon:e.ve(e.jsxRuntimeExports.jsx(e.ER,{}))}),e.jsxRuntimeExports.jsx(e.Vx,{selected:c,onSelectToggle:t=>{y(t)},preventFocus:!0,label:"Toggle Replace",icon:e.ve(e.jsxRuntimeExports.jsx(e._R,{})),shortcut:{key:c?"F":"H",modifiers:[e.De.Ctrl]}})]}),e.jsxRuntimeExports.jsxs(e.Box,{sx:{display:"flex",flexDirection:"column",maxWidth:"100%",boxSizing:"border-box"},children:[e.jsxRuntimeExports.jsxs(e.Box,{sx:{display:"flex",flexDirection:"row",alignItems:"center"},children:[e.jsxRuntimeExports.jsx(e.TextField,{label:"Find",InputLabelProps:{shrink:!0},InputProps:{sx:{paddingRight:t=>t.spacing(1),minWidth:M>460?"20em":void 0,backgroundImage:`linear-gradient(${e.alpha("#fff",e.$n(5))}, ${e.alpha("#fff",e.$n(5))})`},inputProps:{draggable:!1,ref:r,className:"input",autoFocus:!0,spellCheck:!1,autoComplete:"off",sx:{paddingTop:t=>t.spacing(1.25),paddingBottom:t=>t.spacing(.75)}},endAdornment:e.jsxRuntimeExports.jsx(e.InputAdornment,{sx:{transform:"scale(0.75) translateX(16px)"},position:"end",children:e.jsxRuntimeExports.jsxs(e.Box,{sx:{display:"flex",alignItems:"center",flexDirection:"row",gap:"1px"},children:[e.jsxRuntimeExports.jsx(e.Vx,{selected:o.findOptions.matchCase,onSelectToggle:t=>{l(n=>{const s={...n};return s.findOptions.matchCase=t,s})},label:"Match Case",shortcut:{key:"C",modifiers:[e.De.Alt]},icon:e.ve(e.jsxRuntimeExports.jsx(e.TR,{}))}),e.jsxRuntimeExports.jsx(e.Vx,{selected:o.findOptions.matchEntireCell,onSelectToggle:t=>{l(n=>{const s={...n};return s.findOptions.matchEntireCell=t,s})},label:"Match Entire Cell",shortcut:{key:"E",modifiers:[e.De.Alt]},icon:e.ve(e.jsxRuntimeExports.jsx(e.MR,{}))}),e.jsxRuntimeExports.jsx(e.Vx,{selected:o.findOptions.useRegex,onSelectToggle:t=>{l(n=>{const s={...n};return s.findOptions.useRegex=t,s})},label:"Use Regular Expression",shortcut:{key:"R",modifiers:[e.De.Alt]},icon:e.ve(e.jsxRuntimeExports.jsx(e.DR,{}))})]})})},sx:{flex:"1 1 100%",marginRight:t=>t.spacing(1),"& .MuiOutlinedInput-notchedOutline":{borderColor:t=>V?`${t.palette.error.main} !important`:void 0},"& .MuiInputLabel-outlined":{color:t=>V?`${t.palette.error.main} !important`:void 0}},value:o.findText??"",onChange:t=>{l(n=>{const s={...n};return s.findText=t.target.value,s})},onKeyDown:t=>P(t,!1),onContextMenu:t=>{t.stopPropagation()}}),e.jsxRuntimeExports.jsx(e.Vx,{selected:o.findOptions.reverse,onSelectToggle:t=>{j(!1,!1)},touchRippleRef:k,label:"",shortcut:{key:"Enter",modifiers:[e.De.Shift]},icon:e.ve(o.findOptions.orientation!==e.F.Orientation.Column?e.jsxRuntimeExports.jsx(_,{}):e.jsxRuntimeExports.jsx(Y,{})),disabled:!o.findText}),e.jsxRuntimeExports.jsx(e.Vx,{selected:!o.findOptions.reverse,onSelectToggle:t=>{j(!0,!1)},touchRippleRef:F,label:"Next Match",shortcut:{key:"Enter"},icon:e.ve(o.findOptions.orientation!==e.F.Orientation.Column?e.jsxRuntimeExports.jsx(Q,{}):e.jsxRuntimeExports.jsx(J,{})),disabled:!o.findText})]}),e.jsxRuntimeExports.jsx(K.Collapse,{in:c,timeout:z,onExit:()=>{r.current?.focus()},children:e.jsxRuntimeExports.jsxs(e.Box,{sx:{display:"flex",flexDirection:"row",alignItems:"center",marginTop:t=>t.spacing(2)},children:[e.jsxRuntimeExports.jsx(e.TextField,{label:"Replace",InputLabelProps:{shrink:!0},InputProps:{sx:{paddingRight:t=>t.spacing(1),backgroundImage:`linear-gradient(${e.alpha("#fff",e.$n(5))}, ${e.alpha("#fff",e.$n(5))})`},inputProps:{ref:p,className:"input",spellCheck:!1,autoComplete:"off",sx:{paddingTop:t=>t.spacing(1.25),paddingBottom:t=>t.spacing(.75)}}},sx:{flex:"1 1 100%",marginRight:t=>t.spacing(1)},value:o.replaceText??"",onChange:t=>{l(n=>{const s={...n};return s.replaceText=t.target.value,s})},onKeyDown:t=>P(t,!0),onContextMenu:t=>{t.stopPropagation()}}),e.jsxRuntimeExports.jsx(e.Vx,{onSelectToggle:t=>{j(!0,!0)},touchRippleRef:$,label:"Replace",shortcut:{key:"Enter"},icon:e.ve(e.jsxRuntimeExports.jsx(e.Bv,{})),disabled:!o.findText}),e.jsxRuntimeExports.jsx(e.Vx,{onSelectToggle:t=>{j(!0,!0,!0)},touchRippleRef:w,label:"Replace All",shortcut:{key:"Enter",modifiers:[e.De.Ctrl,e.De.Alt]},icon:e.ve(e.jsxRuntimeExports.jsx(e.RR,{})),disabled:!o.findText})]})})]})]}),e.jsxRuntimeExports.jsx(K.Collapse,{in:C,timeout:z,onExit:()=>{r.current?.focus()},children:e.jsxRuntimeExports.jsxs(e.Box,{sx:{minHeight:"10px",flex:"1 1 100%",display:"flex",flexDirection:"column",gap:t=>t.spacing(.5),marginTop:t=>t.spacing(1)},children:[e.jsxRuntimeExports.jsx(e.$t,{orientation:"horizontal",sx:{marginBottom:t=>t.spacing(1.5)}}),e.jsxRuntimeExports.jsxs(e.Box,{sx:{display:"flex",flexDirection:M>=413?"row":"column",justifyContent:"space-evenly",alignItems:"center",rowGap:t=>t.spacing(2)},tabIndex:-1,children:[e.jsxRuntimeExports.jsx(T,{label:"Within",value:o.scope,options:S,onSelect:t=>{l(n=>{const s={...n};return s.scope=t,s})}}),e.jsxRuntimeExports.jsx(T,{label:"Search",value:o.findOptions.orientation!==e.F.Orientation.Column,options:Z,onSelect:t=>{l(n=>{const s={...n};return s.findOptions.orientation=t?e.F.Orientation.Row:e.F.Orientation.Column,s})}}),e.jsxRuntimeExports.jsx(T,{label:"Look in",value:c&&o.findOptions.fields?.[0]===e.Oe$1.Content.Values?e.Oe$1.Content.Formulas:o.findOptions.fields?.[0],options:c?q:N,onSelect:t=>{l(n=>{const s={...n};return s.findOptions.fields=[t],s})}})]})]})})]})})});exports.FindReplaceWindow=W,exports.ScopeOptions=S,exports.default=W;