@sheetxl/studio-vanilla 0.4.20 → 0.4.22

package/browser/esm/DgFIjoPrM5dmrLHT.mjs

@@ -0,0 +1,392 @@
+import { r as u, m as T } from "./B0A2aLiKDPGGU4k-.mjs";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.22
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+function me(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+}
+function ne(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function oe(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ne(Object(r), !0).forEach(function(n) {
+      me(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ne(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function ie(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = new Array(t); r < t; r++) n[r] = e[r];
+  return n;
+}
+function ye(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+}
+function ue(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function ce(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ue(Object(r), !0).forEach(function(n) {
+      ye(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ue(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function V(e) {
+  return function t() {
+    for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++) o[i] = arguments[i];
+    return o.length >= e.length ? e.apply(this, o) : function() {
+      for (var c = arguments.length, a = new Array(c), g = 0; g < c; g++) a[g] = arguments[g];
+      return t.apply(r, [].concat(o, a));
+    };
+  };
+}
+function U(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function z(e) {
+  return typeof e == "function";
+}
+var R = V(function(e, t) {
+  throw new Error(e[t] || e.default);
+})({ initialIsRequired: "initial state is required", initialType: "initial state should be an object", initialContent: "initial state shouldn't be an empty object", handlerType: "handler should be an object or a function", handlersType: "all handlers should be a functions", selectorType: "selector should be a function", changeType: "provided value of changes should be an object", changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state', default: "an unknown error accured in `state-local` package" }), ve = function(e, t) {
+  return U(t) || R("changeType"), Object.keys(t).some(function(r) {
+    return n = e, o = r, !Object.prototype.hasOwnProperty.call(n, o);
+    var n, o;
+  }) && R("changeField"), t;
+}, be = function(e) {
+  z(e) || R("selectorType");
+}, we = function(e) {
+  z(e) || U(e) || R("handlerType"), U(e) && Object.values(e).some(function(t) {
+    return !z(t);
+  }) && R("handlersType");
+}, Oe = function(e) {
+  var t;
+  e || R("initialIsRequired"), U(e) || R("initialType"), t = e, Object.keys(t).length || R("initialContent");
+};
+function je(e, t) {
+  return z(t) ? t(e.current) : t;
+}
+function Me(e, t) {
+  return e.current = ce(ce({}, e.current), t), t;
+}
+function Ee(e, t, r) {
+  return z(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
+    var o;
+    return (o = t[n]) === null || o === void 0 ? void 0 : o.call(t, e.current[n]);
+  }), r;
+}
+var Q, Pe = function(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  Oe(e), we(t);
+  var r = { current: e }, n = V(Ee)(r, t), o = V(Me)(r), i = V(ve)(e), c = V(je)(r);
+  return [function() {
+    var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(g) {
+      return g;
+    };
+    return be(a), a(r.current);
+  }, function(a) {
+    (function() {
+      for (var g = arguments.length, p = new Array(g), O = 0; O < g; O++) p[O] = arguments[O];
+      return function(b) {
+        return p.reduceRight(function(E, P) {
+          return P(E);
+        }, b);
+      };
+    })(n, o, i, c)(a);
+  }];
+}, se = { configIsRequired: "the configuration object is required", configType: "the configuration object should be an object", default: "an unknown error accured in `@monaco-editor/loader` package", deprecation: `Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  ` }, ae = (Q = function(e, t) {
+  throw new Error(e[t] || e.default);
+}, function e() {
+  for (var t = this, r = arguments.length, n = new Array(r), o = 0; o < r; o++) n[o] = arguments[o];
+  return n.length >= Q.length ? Q.apply(this, n) : function() {
+    for (var i = arguments.length, c = new Array(i), a = 0; a < i; a++) c[a] = arguments[a];
+    return e.apply(t, [].concat(n, c));
+  };
+})(se), Re = function(e) {
+  var t;
+  return e || ae("configIsRequired"), t = e, {}.toString.call(t).includes("Object") || ae("configType"), e.urls ? (console.warn(se.deprecation), { paths: { vs: e.urls.monacoBase } }) : e;
+};
+function fe(e, t) {
+  return Object.keys(t).forEach(function(r) {
+    t[r] instanceof Object && e[r] && Object.assign(t[r], fe(e[r], t[r]));
+  }), oe(oe({}, e), t);
+}
+var Se = { type: "cancelation", msg: "operation is manually canceled" };
+function W(e) {
+  var t = !1, r = new Promise(function(n, o) {
+    e.then(function(i) {
+      return t ? o(Se) : n(i);
+    }), e.catch(o);
+  });
+  return r.cancel = function() {
+    return t = !0;
+  }, r;
+}
+var X, de = function(e) {
+  if (Array.isArray(e)) return e;
+}(X = Pe({ config: { paths: { vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs" } }, isInitialized: !1, resolve: null, reject: null, monaco: null })) || function(e) {
+  if (typeof Symbol < "u" && Symbol.iterator in Object(e)) {
+    var t = [], r = !0, n = !1, o = void 0;
+    try {
+      for (var i, c = e[Symbol.iterator](); !(r = (i = c.next()).done) && (t.push(i.value), t.length !== 2); r = !0) ;
+    } catch (a) {
+      n = !0, o = a;
+    } finally {
+      try {
+        r || c.return == null || c.return();
+      } finally {
+        if (n) throw o;
+      }
+    }
+    return t;
+  }
+}(X) || function(e) {
+  if (e) {
+    if (typeof e == "string") return ie(e, 2);
+    var t = Object.prototype.toString.call(e).slice(8, -1);
+    return t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set" ? Array.from(e) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ie(e, 2) : void 0;
+  }
+}(X) || function() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}(), q = de[0], B = de[1];
+function ke(e) {
+  return document.body.appendChild(e);
+}
+function xe(e) {
+  var t, r, n = q(function(i) {
+    return { config: i.config, reject: i.reject };
+  }), o = (t = "".concat(n.config.paths.vs, "/loader.js"), r = document.createElement("script"), t && (r.src = t), r);
+  return o.onload = function() {
+    return e();
+  }, o.onerror = n.reject, o;
+}
+function Ie() {
+  var e = q(function(r) {
+    return { config: r.config, resolve: r.resolve, reject: r.reject };
+  }), t = window.require;
+  t.config(e.config), t(["vs/editor/editor.main"], function(r) {
+    ge(r), e.resolve(r);
+  }, function(r) {
+    e.reject(r);
+  });
+}
+function ge(e) {
+  q().monaco || B({ monaco: e });
+}
+var Z = new Promise(function(e, t) {
+  return B({ resolve: e, reject: t });
+}), Y = { config: function(e) {
+  var t = Re(e), r = t.monaco, n = function(o, i) {
+    if (o == null) return {};
+    var c, a, g = function(O, b) {
+      if (O == null) return {};
+      var E, P, S = {}, k = Object.keys(O);
+      for (P = 0; P < k.length; P++) E = k[P], b.indexOf(E) >= 0 || (S[E] = O[E]);
+      return S;
+    }(o, i);
+    if (Object.getOwnPropertySymbols) {
+      var p = Object.getOwnPropertySymbols(o);
+      for (a = 0; a < p.length; a++) c = p[a], i.indexOf(c) >= 0 || Object.prototype.propertyIsEnumerable.call(o, c) && (g[c] = o[c]);
+    }
+    return g;
+  }(t, ["monaco"]);
+  B(function(o) {
+    return { config: fe(o.config, n), monaco: r };
+  });
+}, init: function() {
+  var e = q(function(t) {
+    return { monaco: t.monaco, isInitialized: t.isInitialized, resolve: t.resolve };
+  });
+  if (!e.isInitialized) {
+    if (B({ isInitialized: !0 }), e.monaco) return e.resolve(e.monaco), W(Z);
+    if (window.monaco && window.monaco.editor) return ge(window.monaco), e.resolve(window.monaco), W(Z);
+    (function() {
+      for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++) r[n] = arguments[n];
+      return function(o) {
+        return r.reduceRight(function(i, c) {
+          return c(i);
+        }, o);
+      };
+    })(ke, xe)(Ie);
+  }
+  return W(Z);
+}, __getMonacoInstance: function() {
+  return q(function(e) {
+    return e.monaco;
+  });
+} }, Te = { display: "flex", position: "relative", textAlign: "initial" }, Ce = { width: "100%" }, Ae = { display: "none" }, De = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Ve = function({ children: e }) {
+  return T.createElement("div", { style: De.container }, e);
+}, pe = u.memo(function({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: i, wrapperProps: c }) {
+  return T.createElement("section", { style: { ...Te, width: e, height: t }, ...c }, !r && T.createElement(Ve, null, n), T.createElement("div", { ref: o, style: { ...Ce, ...!r && Ae }, className: i }));
+}), ee = function(e) {
+  u.useEffect(e, []);
+}, j = function(e, t, r = !0) {
+  let n = u.useRef(!0);
+  u.useEffect(n.current || !r ? () => {
+    n.current = !1;
+  } : e, t);
+};
+function L() {
+}
+function I(e, t, r, n) {
+  return i = n, (o = e).editor.getModel(le(o, i)) || function(c, a, g, p) {
+    return c.editor.createModel(a, g, p ? le(c, p) : void 0);
+  }(e, t, r, n);
+  var o, i;
+}
+function le(e, t) {
+  return e.Uri.parse(t);
+}
+var qe = u.memo(function({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: c, keepCurrentOriginalModel: a = !1, keepCurrentModifiedModel: g = !1, theme: p = "light", loading: O = "Loading...", options: b = {}, height: E = "100%", width: P = "100%", className: S, wrapperProps: k = {}, beforeMount: $ = L, onMount: G = L }) {
+  let [w, C] = u.useState(!1), [A, m] = u.useState(!0), y = u.useRef(null), f = u.useRef(null), D = u.useRef(null), v = u.useRef(G), l = u.useRef($), x = u.useRef(!1);
+  ee(() => {
+    let s = Y.init();
+    return s.then((d) => (f.current = d) && m(!1)).catch((d) => d?.type !== "cancelation" && console.error("Monaco initialization: error:", d)), () => y.current ? function() {
+      let d = y.current?.getModel();
+      a || d?.original?.dispose(), g || d?.modified?.dispose(), y.current?.dispose();
+    }() : s.cancel();
+  }), j(() => {
+    if (y.current && f.current) {
+      let s = y.current.getOriginalEditor(), d = I(f.current, e || "", n || r || "text", i || "");
+      d !== s.getModel() && s.setModel(d);
+    }
+  }, [i], w), j(() => {
+    if (y.current && f.current) {
+      let s = y.current.getModifiedEditor(), d = I(f.current, t || "", o || r || "text", c || "");
+      d !== s.getModel() && s.setModel(d);
+    }
+  }, [c], w), j(() => {
+    let s = y.current.getModifiedEditor();
+    s.getOption(f.current.editor.EditorOption.readOnly) ? s.setValue(t || "") : t !== s.getValue() && (s.executeEdits("", [{ range: s.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), s.pushUndoStop());
+  }, [t], w), j(() => {
+    y.current?.getModel()?.original.setValue(e || "");
+  }, [e], w), j(() => {
+    let { original: s, modified: d } = y.current.getModel();
+    f.current.editor.setModelLanguage(s, n || r || "text"), f.current.editor.setModelLanguage(d, o || r || "text");
+  }, [r, n, o], w), j(() => {
+    f.current?.editor.setTheme(p);
+  }, [p], w), j(() => {
+    y.current?.updateOptions(b);
+  }, [b], w);
+  let _ = u.useCallback(() => {
+    if (!f.current) return;
+    l.current(f.current);
+    let s = I(f.current, e || "", n || r || "text", i || ""), d = I(f.current, t || "", o || r || "text", c || "");
+    y.current?.setModel({ original: s, modified: d });
+  }, [r, t, o, e, n, i, c]), N = u.useCallback(() => {
+    !x.current && D.current && (y.current = f.current.editor.createDiffEditor(D.current, { automaticLayout: !0, ...b }), _(), f.current?.editor.setTheme(p), C(!0), x.current = !0);
+  }, [b, p, _]);
+  return u.useEffect(() => {
+    w && v.current(y.current, f.current);
+  }, [w]), u.useEffect(() => {
+    !A && !w && N();
+  }, [A, w, N]), T.createElement(pe, { width: P, height: E, isEditorReady: w, loading: O, _ref: D, className: S, wrapperProps: k });
+}), _e = function() {
+  let [e, t] = u.useState(Y.__getMonacoInstance());
+  return ee(() => {
+    let r;
+    return e || (r = Y.init(), r.then((n) => {
+      t(n);
+    })), () => r?.cancel();
+  }), e;
+}, F = /* @__PURE__ */ new Map(), Le = u.memo(function({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: c = "light", line: a, loading: g = "Loading...", options: p = {}, overrideServices: O = {}, saveViewState: b = !0, keepCurrentModel: E = !1, width: P = "100%", height: S = "100%", className: k, wrapperProps: $ = {}, beforeMount: G = L, onMount: w = L, onChange: C, onValidate: A = L }) {
+  let [m, y] = u.useState(!1), [f, D] = u.useState(!0), v = u.useRef(null), l = u.useRef(null), x = u.useRef(null), _ = u.useRef(w), N = u.useRef(G), s = u.useRef(), d = u.useRef(n), he = function(h) {
+    let M = u.useRef();
+    return u.useEffect(() => {
+      M.current = h;
+    }, [h]), M.current;
+  }(i), te = u.useRef(!1), H = u.useRef(!1);
+  ee(() => {
+    let h = Y.init();
+    return h.then((M) => (v.current = M) && D(!1)).catch((M) => M?.type !== "cancelation" && console.error("Monaco initialization: error:", M)), () => l.current ? (s.current?.dispose(), E ? b && F.set(i, l.current.saveViewState()) : l.current.getModel()?.dispose(), void l.current.dispose()) : h.cancel();
+  }), j(() => {
+    let h = I(v.current, e || n || "", t || o || "", i || r || "");
+    h !== l.current?.getModel() && (b && F.set(he, l.current?.saveViewState()), l.current?.setModel(h), b && l.current?.restoreViewState(F.get(i)));
+  }, [i], m), j(() => {
+    l.current?.updateOptions(p);
+  }, [p], m), j(() => {
+    !l.current || n === void 0 || (l.current.getOption(v.current.editor.EditorOption.readOnly) ? l.current.setValue(n) : n !== l.current.getValue() && (H.current = !0, l.current.executeEdits("", [{ range: l.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), l.current.pushUndoStop(), H.current = !1));
+  }, [n], m), j(() => {
+    let h = l.current?.getModel();
+    h && o && v.current?.editor.setModelLanguage(h, o);
+  }, [o], m), j(() => {
+    a !== void 0 && l.current?.revealLine(a);
+  }, [a], m), j(() => {
+    v.current?.editor.setTheme(c);
+  }, [c], m);
+  let re = u.useCallback(() => {
+    if (x.current && v.current && !te.current) {
+      N.current(v.current);
+      let h = i || r, M = I(v.current, n || e || "", t || o || "", h || "");
+      l.current = v.current?.editor.create(x.current, { model: M, automaticLayout: !0, ...p }, O), b && l.current.restoreViewState(F.get(h)), v.current.editor.setTheme(c), a !== void 0 && l.current.revealLine(a), y(!0), te.current = !0;
+    }
+  }, [e, t, r, n, o, i, p, O, b, c, a]);
+  return u.useEffect(() => {
+    m && _.current(l.current, v.current);
+  }, [m]), u.useEffect(() => {
+    !f && !m && re();
+  }, [f, m, re]), d.current = n, u.useEffect(() => {
+    m && C && (s.current?.dispose(), s.current = l.current?.onDidChangeModelContent((h) => {
+      H.current || C(l.current.getValue(), h);
+    }));
+  }, [m, C]), u.useEffect(() => {
+    if (m) {
+      let h = v.current.editor.onDidChangeMarkers((M) => {
+        let J = l.current.getModel()?.uri;
+        if (J && M.find((K) => K.path === J.path)) {
+          let K = v.current.editor.getModelMarkers({ resource: J });
+          A?.(K);
+        }
+      });
+      return () => {
+        h?.dispose();
+      };
+    }
+    return () => {
+    };
+  }, [m, A]), T.createElement(pe, { width: P, height: S, isEditorReady: m, loading: g, _ref: x, className: k, wrapperProps: $ });
+}), Ne = Le;
+export {
+  qe as DiffEditor,
+  Le as Editor,
+  Ne as default,
+  Y as loader,
+  _e as useMonaco
+};

package/{cdn/assets/giu63J2gO2p8JJIf.js → browser/esm/Dk_OZhcDLapTaNma.mjs}

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

package/{cdn/assets/CSDiL3gZro2_BYTj.js → browser/esm/Dp--KMDeqecbq_Wc.mjs}

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

package/browser/esm/Dva_qJrZGvFYbRxZ.mjs

@@ -0,0 +1,21 @@
+import { aa as o } from "./B0A2aLiKDPGGU4k-.mjs";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.22
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+let i = null, n = null, e = null;
+const a = Object.freeze({ compileTypescript: async function(t) {
+  if (!t?.source) return null;
+  if (n && o.deepEqual(n, t)) return i;
+  const l = await async function() {
+    if (e) return e;
+    const { TypeScriptCompiler: c } = await import("./Ba4SdTfCAvYS7a3O.mjs");
+    return e = new c(), e;
+  }(), r = await l.compileModule(t);
+  return i = r, n = t, r;
+} });
+export {
+  a as ScriptingUtils
+};

package/browser/esm/DxJfUV0HFQT8g6H_.mjs

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

package/browser/esm/{Dkf0_o7D9GkUfOZy.mjs → Dxqx7qwqE6wbYSpB.mjs}

@@ -1,54 +1,54 @@
-import { aP as E, j as t, r as o, aQ as p, i as b, t as M, w as le, J as ae, P as re, Q as ce, B as O, aR as g, a2 as m, aS as pe, aT as j, aU as de, a as J, b as R, ay as ue, aV as fe, aW as xe, aX as ge, U as T, aY as Y, aZ as me, a_ as he, Z as Oe, M as je, F as Ce, x as ye, A as be } from "./BJkeQi-0GTlyPsTT.mjs";
+import { i as E, j as t, r as o, k as p, w as b, c as M, t as le, l as ae, x as re, D as ce, B as O, E as g, p as m, y as pe, Z as j, n as de, f as Z, e as R, o as ue, q as fe, z as xe, A as ge, g as v, G as Q, H as me, V as he, J as Oe, M as je, d as Ce, I as ye, S as be } from "./B0A2aLiKDPGGU4k-.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.22
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const Re = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Te = E(t.jsx("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), ve = E(t.jsx("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), ke = E(t.jsx("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), K = o.memo((v) => {
-  const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...F } = v, [I, y] = o.useState(() => ee(c, l));
+const Re = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), ve = E(t.jsx("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), Te = E(t.jsx("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), ke = E(t.jsx("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), K = o.memo((T) => {
+  const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...F } = T, [I, y] = o.useState(() => ee(c, l));
   o.useEffect(() => {
     y(ee(c, l));
   }, [c, l]);
-  const L = M((u) => {
+  const D = M((u) => {
     y(u.target.value), d?.(l[u.target.value]);
   }, [d, l]), a = o.useMemo(() => Object.keys(l).map((u) => t.jsx(je, { value: u, children: u }, u)), [l]);
-  return t.jsxs(Ce, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(ye, { children: h }), t.jsx(be, { inputProps: { tabIndex: C }, value: I, label: h, onChange: L, sx: { backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, ...F, children: a })] });
-}), _ = { Workbook: "workbook", Sheet: "sheet" }, q = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
+  return t.jsxs(Ce, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(ye, { children: h }), t.jsx(be, { inputProps: { tabIndex: C }, value: I, label: h, onChange: D, sx: { backgroundImage: `linear-gradient(${R("#fff", v(5))}, ${R("#fff", v(5))})` }, ...F, children: a })] });
+}), Y = { Workbook: "workbook", Sheet: "sheet" }, _ = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
 delete te.Values;
-const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
+const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
   const c = Object.keys(h);
   for (let l = 0; l < c.length; l++) {
     const d = c[l];
-    if (h[d] === v) return d;
+    if (h[d] === T) return d;
   }
-}, Ee = o.memo((v) => {
-  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: F, onHide: I, onFindOrReplace: y, ...L } = v, a = o.useRef(null), u = o.useRef(null), V = o.useRef(null), z = o.useRef(null), B = o.useRef(null), H = o.useRef(null), $ = (e, n) => {
+}, Ee = o.memo((T) => {
+  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: F, onHide: I, onFindOrReplace: y, ...D } = T, a = o.useRef(null), u = o.useRef(null), V = o.useRef(null), H = o.useRef(null), $ = o.useRef(null), z = o.useRef(null), B = (e, n) => {
     n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
-  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, P] = o.useState(h), [N, A] = o.useState(!1), [U, Q] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: _.Sheet }), k = M(async (e, n, s, S) => {
+  }, [W, w] = o.useState(!1), [L, se] = o.useState(!1), [f, A] = o.useState(h), [N, P] = o.useState(!1), [G, U] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: Y.Sheet }), k = M(async (e, n, s, S) => {
     if (!y) return;
     const x = { ...i };
     x.replaceOptions = { ...x.replaceOptions }, x.findOptions = { ...x.findOptions }, x.replaceOptions.maxCount = s ? void 0 : 1, x.replace = n, n && i.findOptions.fields?.[0] === p.Content.Values && (x.findOptions.fields = [p.Content.Formulas]), x.findOptions.reverse = !e;
     const oe = await y({ autoFocus: S, ...x });
-    A(oe === 0);
+    P(oe === 0);
   }, [i, y]);
   o.useEffect(() => {
-    A(!1);
-  }, [i, D, f]);
-  const X = M((e, n) => {
+    P(!1);
+  }, [i, L, f]);
+  const q = M((e, n) => {
     if (e.keyCode === le.Enter) {
       if (!i.findText) return;
       let s = !0, S = !1;
-      e.shiftKey && (s = !1), n ? (e.ctrlKey && e.altKey && (S = !0), $(e, S ? H.current : B.current)) : $(e, s ? z.current : V.current), k(s, n, S, !1);
+      e.shiftKey && (s = !1), n ? (e.ctrlKey && e.altKey && (S = !0), B(e, S ? z.current : $.current)) : B(e, s ? H.current : V.current), k(s, n, S, !1);
     }
-  }, [i]), Z = o.useRef(null);
+  }, [i]), J = o.useRef(null);
   o.useLayoutEffect(() => {
     r((e) => {
       const n = { ...e };
       n.findText = c && c.length > 0 ? c : e.findText ?? "", w(!0), l !== void 0 && (n.replaceText = l), d && (n.findOptions = { ...n.findOptions, ...d }), n.replaceText || (n.replaceText = ""), n.replaceOptions && (n.replaceOptions = { ...n.replaceOptions }), C && (n.replaceOptions = { ...n.replaceOptions, ...C }), i.findOptions.fields?.[0] || (i.findOptions.fields = [p.Content.Formulas]);
       const s = !(!C && l === void 0);
-      return s && P(s), n;
-    }), U || Z.current?.focus();
+      return s && A(s), n;
+    }), G || J.current?.focus();
   }, [c, l, d, C]), o.useEffect(() => {
     f ? (i.findOptions.fields[0], p.Content.Values) : w(!0);
   }, [f]), o.useEffect(() => {
@@ -56,11 +56,11 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
       a.current?.select(), w(!1);
     }, { once: !0 });
   }, [W, i]);
-  const [ie, { width: G }] = ae();
-  return t.jsx(re, { ref: Z, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => Q(!0), onBlur: () => {
-    Q(!1), A(!1);
-  }, PaperProps: { elevation: U ? 3 : 1 }, ...L, children: t.jsxs(ce, { dividers: !0, ref: ie, 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) P(!0), a.current?.contains(document.activeElement) && u.current?.focus();
+  const [ie, { width: X }] = ae();
+  return t.jsx(re, { ref: J, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => U(!0), onBlur: () => {
+    U(!1), P(!1);
+  }, PaperProps: { elevation: G ? 3 : 1 }, ...D, children: t.jsxs(ce, { dividers: !0, ref: ie, 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) A(!0), a.current?.contains(document.activeElement) && u.current?.focus();
     else if (e.key === "f" && e.ctrlKey) a.current?.focus();
     else if (e.key === "c" && e.altKey) r((n) => {
       const s = { ...n };
@@ -78,11 +78,11 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
       });
     }
     e.preventDefault();
-  }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [t.jsx(g, { selected: D, onSelectToggle: (e) => {
+  }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [t.jsx(g, { selected: L, onSelectToggle: (e) => {
     se(e);
   }, preventFocus: !0, label: "Toggle Additional Options", icon: m(t.jsx(pe, {})) }), t.jsx(g, { selected: f, onSelectToggle: (e) => {
-    P(e);
-  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(J, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: G > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { draggable: !1, ref: a, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: t.jsx(ue, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: t.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [t.jsx(g, { selected: i.findOptions.matchCase, onSelectToggle: (e) => {
+    A(e);
+  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(Z, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: X > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", v(5))}, ${R("#fff", v(5))})` }, inputProps: { draggable: !1, ref: a, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: t.jsx(ue, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: t.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [t.jsx(g, { selected: i.findOptions.matchCase, onSelectToggle: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.matchCase = e, s;
@@ -102,28 +102,28 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
       const s = { ...n };
       return s.findText = e.target.value, s;
     });
-  }, onKeyDown: (e) => X(e, !1), onContextMenu: (e) => {
+  }, onKeyDown: (e) => q(e, !1), onContextMenu: (e) => {
     e.stopPropagation();
   } }), t.jsx(g, { selected: i.findOptions.reverse, onSelectToggle: (e) => {
     k(!1, !1);
   }, touchRippleRef: V, label: "", shortcut: { key: "Enter", modifiers: [j.Shift] }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(Re, {}) : t.jsx(ke, {})), disabled: !i.findText }), t.jsx(g, { selected: !i.findOptions.reverse, onSelectToggle: (e) => {
     k(!0, !1);
-  }, touchRippleRef: z, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(ve, {}) : t.jsx(Te, {})), disabled: !i.findText })] }), t.jsx(Y, { in: f, timeout: q, onExit: () => {
+  }, touchRippleRef: H, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(Te, {}) : t.jsx(ve, {})), disabled: !i.findText })] }), t.jsx(Q, { in: f, timeout: _, onExit: () => {
     a.current?.focus();
-  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(J, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { ref: u, className: "input", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1) }, value: i.replaceText ?? "", onChange: (e) => {
+  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(Z, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${R("#fff", v(5))}, ${R("#fff", v(5))})` }, inputProps: { ref: u, className: "input", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1) }, value: i.replaceText ?? "", onChange: (e) => {
     r((n) => {
       const s = { ...n };
       return s.replaceText = e.target.value, s;
     });
-  }, onKeyDown: (e) => X(e, !0), onContextMenu: (e) => {
+  }, onKeyDown: (e) => q(e, !0), onContextMenu: (e) => {
     e.stopPropagation();
   } }), t.jsx(g, { onSelectToggle: (e) => {
     k(!0, !0);
-  }, touchRippleRef: B, label: "Replace", shortcut: { key: "Enter" }, icon: m(t.jsx(me, {})), disabled: !i.findText }), t.jsx(g, { onSelectToggle: (e) => {
+  }, touchRippleRef: $, label: "Replace", shortcut: { key: "Enter" }, icon: m(t.jsx(me, {})), disabled: !i.findText }), t.jsx(g, { onSelectToggle: (e) => {
     k(!0, !0, !0);
-  }, touchRippleRef: H, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(Y, { in: D, timeout: q, onExit: () => {
+  }, touchRippleRef: z, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(Q, { in: L, timeout: _, onExit: () => {
     a.current?.focus();
-  }, children: t.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [t.jsx(Oe, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), t.jsxs(O, { sx: { display: "flex", flexDirection: G >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [t.jsx(K, { label: "Within", value: i.scope, options: _, onSelect: (e) => {
+  }, children: t.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [t.jsx(Oe, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), t.jsxs(O, { sx: { display: "flex", flexDirection: X >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [t.jsx(K, { label: "Within", value: i.scope, options: Y, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.scope = e, s;
@@ -142,6 +142,6 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
 });
 export {
   Ee as FindReplaceWindow,
-  _ as ScopeOptions,
+  Y as ScopeOptions,
   Ee as default
 };

package/{cdn/assets/D7bqIxhqlHgc3Fih.js → browser/esm/ObudKUELIfmbm87W.mjs}

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