@sheetxl/studio-vanilla 0.7.6 → 0.7.7

package/cdn/assets/{BACzy7WLUtqbx_4H.js → BD8BczjPJG9W-Wwx.js}

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

package/{browser/esm/Cck1ZCX3140-xMNV.mjs → cdn/assets/BEtGGlmsA5Vu0tOe.js}

@@ -1,16 +1,18 @@
-import { r as s, a as p, c as L, D as n, j as t, O as R, B as k, d as O, I as W, S as G, e as c, g as u, T as H, f as S, h as K } from "./Yx74P2tuzTl_vWeR.mjs";
+import { a as t } from "./DsmpINqpSKnRqkx4.js";
+import { r as s } from "./CN-ih7whNYnQh8PD.js";
+import { _ as p, E as L, a0 as n, $ as R, B as j, a1 as O, a2 as W, a3 as G, F as c, N as u, T as H, Q as F, a4 as K } from "./BCO9ENV5uM-3cC6k.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.7
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const q = ["Ok", "Cancel"], J = s.memo((F) => {
-  const { initialValue: w, context: f, onOption: h, onValidateOption: d, onInputOption: C, onDone: m, options: b = q, defaultOption: r = b?.[0], cancelOption: g = "Cancel", sx: P, ...D } = F, [a, v] = s.useState(w), [I, $] = s.useState(!1), x = s.useCallback(async (e, o) => !0, []), y = p(async (e) => {
+const Q = ["Ok", "Cancel"], J = s.memo((S) => {
+  const { initialValue: w, context: f, onOption: h, onValidateOption: d, onInputOption: C, onDone: m, options: b = Q, defaultOption: r = b?.[0], cancelOption: g = "Cancel", sx: $, ...D } = S, [a, v] = s.useState(w), [P, N] = s.useState(!1), x = s.useCallback(async (e, o) => !0, []), y = p(async (e) => {
     C?.(a, e), h?.(e, e === g, e === r), m?.();
-  }, [a, C, m, h, g, r]), M = p(async (e) => {
+  }, [a, C, m, h, g, r]), I = p(async (e) => {
     e.keyCode === L.Enter && await x?.(a, null) !== !1 && y(r);
-  }, [a, y]), N = p((e) => {
+  }, [a, y]), M = p((e) => {
     v(e.target.value), x?.(e.target.value, null);
   }, [d]), V = p(async (e) => {
     let o = await Promise.resolve(d?.(e));
@@ -19,27 +21,27 @@ const q = ["Ok", "Cancel"], J = s.memo((F) => {
     } catch {
     }
     return o ?? !0;
-  }, [d]), [T, j] = s.useState(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
+  }, [d]), [T, k] = s.useState(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
   s.useEffect(() => {
-    j(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
+    k(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
   }, [a]);
   const B = s.useMemo(() => {
     const e = n.Styles.lookupPrimary(), o = (l) => t.jsx(K, { value: l, children: l }, l), i = Object.keys(e).map((l) => o(e[l].formatType));
     return i.push(o(n.Type.Custom)), i;
-  }, []), z = s.useCallback((e) => {
+  }, []), E = s.useCallback((e) => {
     const o = e.target.value;
-    j(o);
+    k(o);
     const i = n.Styles.lookupDefault(o);
     i && v(i);
-  }, []), E = s.useMemo(() => {
+  }, []), z = s.useMemo(() => {
     const e = f();
     return e.createTemporaryCell({ value: e.getValue() ?? 12345, style: { numberFormat: a } });
   }, [T, a, f]);
-  return t.jsx(R, { title: "Number Format", options: b, onDone: m, onOption: (e) => y(e), onValidateOption: V, defaultOption: r, cancelOption: g, autoFocusSel: ".autoFocus", sx: { width: "580px", ...P }, ...D, children: t.jsxs(k, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [t.jsxs(O, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(W, { children: "Category" }), t.jsx(G, { value: T, label: "Category", onChange: z, sx: { backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` }, children: B })] }), t.jsx(O, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t.jsx(H, { label: "Code", onFocus: (e) => {
-    I || e.target?.select(), $(!0);
-  }, sx: { "& .MuiFormHelperText-root": { marginTop: (e) => e.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75), backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` } } }, value: a, onChange: N, onKeyDown: M, onContextMenu: (e) => {
+  return t.jsx(R, { title: "Number Format", options: b, onDone: m, onOption: (e) => y(e), onValidateOption: V, defaultOption: r, cancelOption: g, autoFocusSel: ".autoFocus", sx: { width: "580px", ...$ }, ...D, children: t.jsxs(j, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [t.jsxs(O, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(W, { children: "Category" }), t.jsx(G, { value: T, label: "Category", onChange: E, sx: { backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` }, children: B })] }), t.jsx(O, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t.jsx(H, { label: "Code", onFocus: (e) => {
+    P || e.target?.select(), N(!0);
+  }, sx: { "& .MuiFormHelperText-root": { marginTop: (e) => e.spacing(0.5) } }, slotProps: { inputLabel: { shrink: !0 }, htmlInput: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75), backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` } } }, value: a, onChange: M, onKeyDown: I, onContextMenu: (e) => {
     e.stopPropagation();
-  } }) }), t.jsxs(k, { children: [t.jsx(S, { variant: "caption", component: "div", sx: { paddingLeft: (e) => e.spacing(2) }, children: "Preview" }), t.jsx(S, { variant: "body2", component: "div", sx: { borderRadius: (e) => `${e.shape.borderRadius}px`, padding: (e) => e.spacing(1), border: (e) => `1px solid ${e.palette.grey[400]}` }, children: E.getNumberFormat().displayText || "(empty)" })] })] }) });
+  } }) }), t.jsxs(j, { children: [t.jsx(F, { variant: "caption", component: "div", sx: { paddingLeft: (e) => e.spacing(2) }, children: "Preview" }), t.jsx(F, { variant: "body2", component: "div", sx: { borderRadius: (e) => `${e.shape.borderRadius}px`, padding: (e) => e.spacing(1), border: (e) => `1px solid ${e.palette.grey[400]}` }, children: z.getNumberFormat().displayText || "(empty)" })] })] }) });
 });
 export {
   J as NumberFormatDialog,

package/cdn/assets/{Dqv_r2crwVb5hDRt.js → BQQZnaZ5HH_q0teH.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.7
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -13,7 +13,7 @@ const m = { reactUrl: "https://esm.sh/react@19.1.0", reactJsxTransform: "https:/
     t.type = "importmap", t.textContent = JSON.stringify({ imports: { react: c, "react/jsx-runtime": o, "react-dom": s, "react-dom/client": n } }), document.head.appendChild(t);
   }
   await new Promise((t) => setTimeout(t, 0));
-  const r = await Promise.all([import("./BXHEwZhPbMaOdb_Z.js").then((t) => t.R), import("./5dKHsl0r2V-JmyNP.js").then((t) => t.j), import("./DVE11KnTbk8UCl2L.js").then((t) => t.i), import("./C3urWNCGtWeKM42K.js").then((t) => t.c), import("./Bqca9Nkofzm6UFZ1.js").then((t) => t.aC)]);
+  const r = await Promise.all([import("./CN-ih7whNYnQh8PD.js").then((t) => t.R), import("./DsmpINqpSKnRqkx4.js").then((t) => t.j), import("./DRguekK_Q_Gd9dVv.js").then((t) => t.i), import("./DkqE2-qY8H9T98WT.js").then((t) => t.c), import("./BCO9ENV5uM-3cC6k.js").then((t) => t.at)]);
   return { React: r[0], ReactJSXTransform: r[1], ReactDOM: r[2], ReactDOMClient: r[3], StudioMUI: r[4] };
 })(), a));
 export {

package/cdn/assets/{8lSvXDLbx-eV1Nz0.js → BQWb7WJpQdUBKjqJ.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.7
  *
  * (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.7.6
+ * @license @sheetxl/primitives - Primitives - Base types for SheetXL functions. - v0.7.7
  *
  * (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 T;
   return r = typeof e == "string" ? rt.get(e) : ot.get(e), r || (r = T.Unknown), new r(t, n);
 }, T.getBuiltInById = (e) => Te.get(e) || xt;
 /**
- * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.7.6
+ * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.7.7
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -449,7 +449,7 @@ const Ft = Object.freeze([]), Dt = Object.freeze({}), ze = (e) => e, de = () =>
     ut(e[i], t?.[i], n) === null && (o = !0, delete e[i]);
   }
   return o && Object.keys(e).length === 0 ? null : void 0;
-}, Ke = typeof performance == "object" && typeof performance.now == "function" ? () => performance.now() : () => Date.now(), Ve = (e) => e == null, qe = (e, t) => !(t.left > e.right || t.right < e.left || t.top > e.bottom || t.bottom < e.top), Ge = !(typeof window > "u" || !window.document || !window.document.createElement), k = { Windows: "windows", MacOS: "macos", IOS: "ios", Linux: "linux", Android: "android", Safari: "safari", Firefox: "firefox", Node: "node", Unknown: "unknown" }, oe = () => {
+}, Ke = typeof performance == "object" && typeof performance.now == "function" ? () => performance.now() : () => Date.now(), Ve = (e) => e == null, Ge = (e, t) => !(t.left > e.right || t.right < e.left || t.top > e.bottom || t.bottom < e.top), qe = !(typeof window > "u" || !window.document || !window.document.createElement), k = { Windows: "windows", MacOS: "macos", IOS: "ios", Linux: "linux", Android: "android", Safari: "safari", Firefox: "firefox", Node: "node", Unknown: "unknown" }, oe = () => {
   if (dt()) return k.Node;
   const e = globalThis.navigator !== void 0 && globalThis.navigator.userAgent ? globalThis.navigator.userAgent.toLowerCase() : "";
   return e ? /(win32|win64|windows|wince)/i.test(e) ? k.Windows : /(macintosh|macintel|macppc|mac68k|macos)/i.test(e) ? k.MacOS : /(iphone|ipad|ipod)/i.test(e) ? k.IOS : /android/.test(e) ? k.Android : /linux/.test(e) ? k.Linux : /^((?!chrome|android|).)*safari/i.test(e) ? k.Safari : /^((?!chrome|android|Seamonkey).)*firefox/i.test(e) ? k.Firefox : k.Unknown : k.Unknown;
@@ -465,7 +465,7 @@ const We = (e, t = !1) => (document.hasFocus() || t) && (e === document.activeEl
   return Number.isFinite(t) ? t : 0;
 }, camelToPrettyCase: (e) => e.length === 1 ? e.toUpperCase() : e.replace(/([A-Z])/g, " $1").replace(/^./, function(t) {
   return t.toUpperCase();
-}).trim(), canUseDOM: Ge, cancelTimeout: (e) => {
+}).trim(), canUseDOM: qe, cancelTimeout: (e) => {
   cancelAnimationFrame(e.id);
 }, castToString: (e) => e == null || e === void 0 ? "" : typeof e != "string" ? "" + e : e, cloneObject: (e) => Ve(e) ? e : JSON.parse(JSON.stringify(e)), consoleWithNoSource: (...e) => new Promise((t) => {
   setTimeout(() => {
@@ -580,7 +580,7 @@ const We = (e, t = !1) => (document.hasFocus() || t) && (e === document.activeEl
 }, isNode: dt, isNullOrUndefined: Ve, isNumeric: (e) => {
   const t = 1 * e;
   return Number.isFinite(t) && typeof t == "number";
-}, isObject: ne, isPromiseLike: (e) => !!e && typeof e.then == "function", isRectInsideRect: (e, t) => e.top >= t.top && e.bottom <= t.bottom && e.left >= t.left && e.right <= t.right, isRectIntersect: qe, mergeContentful: (...e) => {
+}, isObject: ne, isPromiseLike: (e) => !!e && typeof e.then == "function", isRectInsideRect: (e, t) => e.top >= t.top && e.bottom <= t.bottom && e.left >= t.left && e.right <= t.right, isRectIntersect: Ge, mergeContentful: (...e) => {
   const t = e.length;
   if (t > 0 && e[t - 1] !== void 0 && !ne(e[t - 1])) return e[t - 1];
   let n = e[0] || {};
@@ -593,7 +593,7 @@ const We = (e, t = !1) => (document.hasFocus() || t) && (e === document.activeEl
     e();
   });
 }, openFileDialog: (e = "*.*") => new Promise((t, n) => {
-  if (!Ge) return void n("Unable to open dialog with no dom.");
+  if (!qe) return void n("Unable to open dialog with no dom.");
   const r = document.createElement("input");
   r.type = "file", r.accept = e;
   let o = null, a = !1;
@@ -647,7 +647,7 @@ const We = (e, t = !1) => (document.hasFocus() || t) && (e === document.activeEl
   return { ip: Math.trunc(e), fp: o, ipLength: Math.ceil(Math.log10(n + 1)), fpLength: a };
 }, subtractRect: (e, t, n = !1) => {
   if (!t) return [e];
-  if (!qe(e, t)) return [];
+  if (!Ge(e, t)) return [];
   const r = [];
   let o = e;
   const a = () => {
@@ -1085,9 +1085,9 @@ class tt {
 }
 var Ee;
 (Ee = tt || (tt = {})).ErrorMessages = mt, Ee.Global = new Ee();
-const qt = "__SHEETXL";
+const Gt = "__SHEETXL";
 let ee = null, le = null;
-async function Gt() {
+async function qt() {
   if (ee)
     return ee;
   if (le) {
@@ -1114,9 +1114,9 @@ const Wt = {
     target: "esnext"
   }
 };
-async function Yt(e, t, n = "/script.js", r = qt) {
+async function Yt(e, t, n = "/script.js", r = Gt) {
   try {
-    const o = await Gt(), a = "@sheetxl/primitives", i = \`
+    const o = await qt(), a = "@sheetxl/primitives", i = \`
       export const FormulaContext = globalThis.\${r}?.FormulaContext;
       export const ScalarType = globalThis.\${r}?.ScalarType;
       export const Observable = globalThis.\${r}?.Observable;
@@ -1323,8 +1323,8 @@ async function nn(e) {
         const M = s.typeName?.getText?.() ?? null, K = yt.get(M);
         let V = !1;
         K && (m.range = K, V = !0);
-        const q = Zt.get(M);
-        if (q && (m.scalar = q), q !== void 0 && (V = !0), P) {
+        const G = Zt.get(M);
+        if (G && (m.scalar = G), G !== void 0 && (V = !0), P) {
           const R = gt.get(M);
           if (R)
             return R;
@@ -1371,8 +1371,8 @@ async function nn(e) {
         }
         const V = {};
         c(s.type, V, m, !1), m.returnType = V;
-        const q = {};
-        fe(s) && (q.default = !0, u = P), Object.keys(q).length > 0 && (m.behavior = q), m.parameters = [];
+        const G = {};
+        fe(s) && (G.default = !0, u = P), Object.keys(G).length > 0 && (m.behavior = G), m.parameters = [];
         const H = /* @__PURE__ */ new Map();
         for (let R = 0; R < s.parameters.length; R++) {
           const b = s.parameters[R], N = {};
@@ -1398,8 +1398,8 @@ async function nn(e) {
           b.dotDotDotToken && (N.rest = !0), m.parameters.push(N);
           const C = { description: "" };
           L.parameters[N.name] = C;
-          const G = I.getSymbolAtLocation(b.name).getDocumentationComment(I);
-          G && G.length > 0 && G[0].text && (C.description = G[0].text), v !== void 0 && (C.defaultValue = v), H.set(N.name, N);
+          const q = I.getSymbolAtLocation(b.name).getDocumentationComment(I);
+          q && q.length > 0 && q[0].text && (C.description = q[0].text), v !== void 0 && (C.defaultValue = v), H.set(N.name, N);
         }
         if (s.jsDoc && s.jsDoc.length > 0) {
           const R = s.jsDoc;
@@ -1412,8 +1412,8 @@ async function nn(e) {
                 if (!v) continue;
                 v = v.toLowerCase();
                 let C = z.comment;
-                const G = v === "hidden";
-                if (!(typeof C != "string" && !G) && (typeof C == "string" && (C = C.replace(/[\\r\\n]+/g, "\\\\n").trim()), !(!G && C && (C = C.split(/\\\\n/)[0], !C || C.length === 0)))) {
+                const q = v === "hidden";
+                if (!(typeof C != "string" && !q) && (typeof C == "string" && (C = C.replace(/[\\r\\n]+/g, "\\\\n").trim()), !(!q && C && (C = C.split(/\\\\n/)[0], !C || C.length === 0)))) {
                   if (C && typeof C == "string") {
                     const O = /\\{@link(code|plain)?\\s+([^}|]+)(?:\\s*\\|\\s*([^}]+))?\\}/g;
                     let F, Z = C, te = [];
@@ -1574,7 +1574,7 @@ async function p() {
   return await l();
 }
 const l = async () => {
-  const { compileModule: e } = await import("./D6Bd-wh8DUctiTBq.js"), n = new u((t) => e(t));
+  const { compileModule: e } = await import("./BQ_uhzdW_ySk-rS3.js"), n = new u((t) => e(t));
   return await n.start(), n;
 };
 export {

package/cdn/assets/{D6Bd-wh8DUctiTBq.js → BQ_uhzdW_ySk-rS3.js}

@@ -1,6 +1,6 @@
-import { t as le, M as S } from "./Bqca9Nkofzm6UFZ1.js";
+import { t as le, M as S } from "./BCO9ENV5uM-3cC6k.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.7
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -22,7 +22,7 @@ let R = null;
 async function me() {
   if (R) return R;
   try {
-    return await (await import("./T7q0269_QPB8lCOv.js")).initialize();
+    return await (await import("./-dzuo_Wj7VBnGDUj.js")).initialize();
   } catch (b) {
     throw R = null, b;
   } finally {
@@ -216,7 +216,7 @@ interface Promise<T> {
             c = t, l = s;
           });
           try {
-            const { initialize: t } = await import("./CdWkJs6rYnFmetuJ.js");
+            const { initialize: t } = await import("./F9Cwy_aefTGi6WoG.js");
             return v = await t(), c(), v;
           } catch (t) {
             throw console.error("Failed to import or initialize esbuild:", t), M = null, l(t), t;

package/cdn/assets/{BNtLK4CbKRlPzlKT.js → BRK9zryqPcYCdqaH.js}

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

package/{browser/esm/BQEH9vzW6MLoEQpS.mjs → cdn/assets/BV7PHP-zb2ezFZwN.js}

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

package/cdn/assets/Bki_B5mRvivmATn8.js

@@ -0,0 +1,151 @@
+import { a as i } from "./DsmpINqpSKnRqkx4.js";
+import { r as s } from "./CN-ih7whNYnQh8PD.js";
+import { a5 as p, w as R, _ as W, E as le, a6 as ae, z as re, A as ce, B as O, a7 as g, K as m, a8 as y, T as Q, F as b, I as pe, N as v, a9 as X, aa as de, a4 as ue, a1 as fe, a2 as xe, a3 as ge } from "./BCO9ENV5uM-3cC6k.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.7
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const B = { width: "1.5rem", height: "1.5rem" }, M = s.memo((k) => {
+  const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...F } = k, [T, j] = s.useState(() => ee(c, l));
+  s.useEffect(() => {
+    j(ee(c, l));
+  }, [c, l]);
+  const K = W((u) => {
+    j(u.target.value), d?.(l[u.target.value]);
+  }, [d, l]), a = s.useMemo(() => Object.keys(l).map((u) => i.jsx(ue, { value: u, children: u }, u)), [l]);
+  return i.jsxs(fe, { sx: { minWidth: 135 }, size: "small", children: [i.jsx(xe, { children: h }), i.jsx(ge, { inputProps: { tabIndex: C }, value: T, label: h, onChange: K, sx: { backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` }, ...F, children: a })] });
+}), Y = { Workbook: "workbook", Sheet: "sheet" }, Z = { 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 me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
+  const c = Object.keys(h);
+  for (let l = 0; l < c.length; l++) {
+    const d = c[l];
+    if (h[d] === k) return d;
+  }
+}, Ce = s.memo((k) => {
+  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: F, onHide: T, onFindOrReplace: j, ...K } = k, a = s.useRef(null), u = s.useRef(null), $ = s.useRef(null), z = s.useRef(null), L = s.useRef(null), P = s.useRef(null), N = (e, n) => {
+    n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
+  }, [V, E] = s.useState(!1), [I, ie] = s.useState(!1), [f, D] = s.useState(h), [H, A] = s.useState(!1), [U, G] = s.useState(!1), [o, r] = s.useState({ replaceText: null, replace: h, replaceOptions: {}, findOptions: { text: null, matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [p.Content.Formulas] }, scope: Y.Sheet }), S = W(async (e, n, t, w) => {
+    if (!j) return;
+    const x = { ...o };
+    x.replaceOptions = { ...x.replaceOptions }, x.findOptions = { ...x.findOptions }, x.replaceOptions.maxCount = t ? void 0 : 1, x.replace = n, n && o.findOptions.fields?.[0] === p.Content.Values && (x.findOptions.fields = [p.Content.Formulas]), x.findOptions.reverse = !e;
+    const se = await j({ autoFocus: w, ...x });
+    A(se === 0);
+  }, [o, j]);
+  s.useEffect(() => {
+    A(!1);
+  }, [o, I, f]);
+  const _ = W((e, n) => {
+    if (e.keyCode === le.Enter) {
+      if (!o.findOptions.text) return;
+      let t = !0, w = !1;
+      e.shiftKey && (t = !1), n ? (e.ctrlKey && e.altKey && (w = !0), N(e, w ? P.current : L.current)) : N(e, t ? z.current : $.current), S(t, n, w, !1);
+    }
+  }, [o]), q = s.useRef(null);
+  s.useLayoutEffect(() => {
+    r((e) => {
+      const n = { ...e };
+      n.findOptions.text = c && c.length > 0 ? c : e.findOptions.text ?? "", E(!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 }), o.findOptions.fields?.[0] || (o.findOptions.fields = [p.Content.Formulas]);
+      const t = !(!C && l === void 0);
+      return t && D(t), n;
+    }), U || q.current?.focus();
+  }, [c, l, d, C]), s.useEffect(() => {
+    f ? (o.findOptions.fields[0], p.Content.Values) : E(!0);
+  }, [f]), s.useEffect(() => {
+    if (V && a.current && o.findOptions.text === a.current.value) return a.current === document.activeElement || a.current.contains(document.activeElement) ? (a.current?.select(), void E(!1)) : void a.current.addEventListener("focus", () => {
+      a.current?.select(), E(!1);
+    }, { once: !0 });
+  }, [V, o]);
+  const [oe, { width: J }] = ae();
+  return i.jsx(re, { ref: q, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: T, onFocus: () => G(!0), onBlur: () => {
+    G(!1), A(!1);
+  }, slotProps: { paper: { elevation: U ? 3 : 1 } }, ...K, children: i.jsxs(ce, { dividers: !0, ref: oe, 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) D(!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 t = { ...n };
+      return t.findOptions.matchCase = !n.findOptions.matchCase, t;
+    });
+    else if (e.key === "e" && e.altKey) r((n) => {
+      const t = { ...n };
+      return t.findOptions.matchEntireCell = !n.findOptions.matchEntireCell, t;
+    });
+    else {
+      if (e.key !== "r" || !e.altKey) return;
+      r((n) => {
+        const t = { ...n };
+        return t.findOptions.useRegex = !n.findOptions.useRegex, t;
+      });
+    }
+    e.preventDefault();
+  }, children: [i.jsxs(O, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [i.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [i.jsx(g, { selected: I, onSelectToggle: (e) => {
+    ie(e);
+  }, preventFocus: !0, label: "Toggle Additional Options", icon: i.jsx(m, { iconKey: "FindOptions" }) }), i.jsx(g, { selected: f, onSelectToggle: (e) => {
+    D(e);
+  }, preventFocus: !0, label: "Toggle Replace", icon: i.jsx(m, { iconKey: "FindReplaceToggle" }), shortcut: { key: f ? "F" : "H", modifiers: [y.Ctrl] } })] }), i.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [i.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [i.jsx(Q, { label: "Find", slotProps: { input: { sx: { paddingRight: (e) => e.spacing(1), minWidth: J > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` }, endAdornment: i.jsx(pe, { position: "end", children: i.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "2px" }, children: [i.jsx(g, { style: B, selected: o.findOptions.matchCase, onBlur: () => {
+    console.log("blur");
+  }, onSelectToggle: (e) => {
+    r((n) => {
+      const t = { ...n };
+      return t.findOptions.matchCase = e, t;
+    });
+  }, label: "Match Case", shortcut: { key: "C", modifiers: [y.Alt] }, icon: i.jsx(m, { iconKey: "FindCaseSensitive", size: "1rem" }) }), i.jsx(g, { style: B, selected: o.findOptions.matchEntireCell, onSelectToggle: (e) => {
+    r((n) => {
+      const t = { ...n };
+      return t.findOptions.matchEntireCell = e, t;
+    });
+  }, label: "Match Entire Cell", shortcut: { key: "E", modifiers: [y.Alt] }, icon: i.jsx(m, { iconKey: "FindWholeWord", size: "1rem" }) }), i.jsx(g, { style: B, selected: o.findOptions.useRegex, onSelectToggle: (e) => {
+    r((n) => {
+      const t = { ...n };
+      return t.findOptions.useRegex = e, t;
+    });
+  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [y.Alt] }, icon: i.jsx(m, { iconKey: "FindRegEx", size: "1rem" }) })] }) }) }, inputLabel: { shrink: !0 }, htmlInput: { 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) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => H ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => H ? `${e.palette.error.main} !important` : void 0 } }, value: o.findOptions.text ?? "", onChange: (e) => {
+    r((n) => {
+      const t = { ...n };
+      return t.findOptions.text = e.target.value, t;
+    });
+  }, onKeyDown: (e) => _(e, !1), onContextMenu: (e) => {
+    e.stopPropagation();
+  } }), i.jsx(g, { selected: o.findOptions.reverse, onSelectToggle: (e) => {
+    S(!1, !1);
+  }, touchRippleRef: $, label: "", shortcut: { key: "Enter", modifiers: [y.Shift] }, icon: i.jsx(m, { iconKey: o.findOptions.orientation !== R.Orientation.Column ? "ArrowBack" : "ArrowUpward" }), disabled: !o.findOptions.text }), i.jsx(g, { selected: !o.findOptions.reverse, onSelectToggle: (e) => {
+    S(!0, !1);
+  }, touchRippleRef: z, label: "Next Match", shortcut: { key: "Enter" }, icon: i.jsx(m, { iconKey: o.findOptions.orientation !== R.Orientation.Column ? "ArrowForward" : "ArrowDownward" }), disabled: !o.findOptions.text })] }), i.jsx(X, { in: f, timeout: Z, onExit: () => {
+    a.current?.focus();
+  }, children: i.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [i.jsx(Q, { label: "Replace", slotProps: { input: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` } }, inputLabel: { shrink: !0 }, htmlInput: { 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: o.replaceText ?? "", onChange: (e) => {
+    r((n) => {
+      const t = { ...n };
+      return t.replaceText = e.target.value, t;
+    });
+  }, onKeyDown: (e) => _(e, !0), onContextMenu: (e) => {
+    e.stopPropagation();
+  } }), i.jsx(g, { onSelectToggle: (e) => {
+    S(!0, !0);
+  }, touchRippleRef: L, label: "Replace", shortcut: { key: "Enter" }, icon: i.jsx(m, { iconKey: "FindReplace" }), disabled: !o.findOptions.text }), i.jsx(g, { onSelectToggle: (e) => {
+    S(!0, !0, !0);
+  }, touchRippleRef: P, label: "Replace All", shortcut: { key: "Enter", modifiers: [y.Ctrl, y.Alt] }, icon: i.jsx(m, { iconKey: "FindReplaceAll" }), disabled: !o.findOptions.text })] }) })] })] }), i.jsx(X, { in: I, timeout: Z, onExit: () => {
+    a.current?.focus();
+  }, children: i.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(1.5), marginTop: (e) => e.spacing(1) }, children: [i.jsx(de, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), i.jsxs(O, { sx: { display: "flex", flexDirection: J >= 383 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", gap: (e) => e.spacing(1), rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [i.jsx(M, { label: "Within", value: o.scope, options: Y, onSelect: (e) => {
+    r((n) => {
+      const t = { ...n };
+      return t.scope = e, t;
+    });
+  } }), i.jsx(M, { label: "Search", value: o.findOptions.orientation !== R.Orientation.Column, options: me, onSelect: (e) => {
+    r((n) => {
+      const t = { ...n };
+      return t.findOptions.orientation = e ? R.Orientation.Row : R.Orientation.Column, t;
+    });
+  } }), i.jsx(M, { label: "Look in", value: f && o.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : o.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
+    r((n) => {
+      const t = { ...n };
+      return t.findOptions.fields = [e], t;
+    });
+  } })] })] }) })] }) });
+});
+export {
+  Ce as FindReplaceWindow,
+  Y as ScopeOptions,
+  Ce as default
+};

package/cdn/assets/{DNDzb50fYztOU6sL.js → Bmaqrt1Afut_jxeE.js}

@@ -1,6 +1,6 @@
-import { r as u, m as T } from "./BXHEwZhPbMaOdb_Z.js";
+import { r as u, m as T } from "./CN-ih7whNYnQh8PD.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.7
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.