@sheetxl/studio-vanilla 0.4.12 → 0.4.13

package/cdn/assets/{CUc6gRjjRGTFWSHD.js → DUtu7r6CzW4dtW3E.js}

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

package/cdn/assets/{CiY3HumGDc_5bMtR.js → DXHirQMr483hJBil.js}

@@ -1,36 +1,36 @@
-import { a } from "./DDW1WJ2IM_9ZUfKm.js";
-import { r as n } from "./dk2teWHDODYNarJY.js";
-import { ae as L, a1 as O, af as E, ag as M, S as h, V as A, D as V, B as o, ah as W, ai as k, ad as u, aj as q, ak as G, al as f, a3 as y, am as b, an as j } from "./Jhm2DAcrfAqiM-Y-.js";
+import { a } from "./CR01MBraUPYPpwy4.js";
+import { r as o } from "./BlYoycYtR-sUp0iC.js";
+import { av as L, ai as E, aw as O, ax as A, ac as u, V as M, G as V, B as n, ay as W, az as k, au as h, aA as G, aB as q, aC as f, ak as y, aD as b, aE as w } from "./B_2bXmyji3Dr7LRM.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.13
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const Y = n.memo((w) => {
-  const { title: S, onHide: C, autoFocusSel: N = ".range-input input", context: R, notifier: l = L, command: r, commands: c, ...v } = w, [T, d] = n.useState(!1), [g, m] = n.useState(!1), x = n.useRef(null), [J, D] = n.useReducer((e) => e + 1, 0), [F, { width: K }] = O();
-  E(r);
-  const s = R ?? r.context(), t = s.table(), [B, H] = n.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), I = n.useMemo(() => t?.getName() ?? "", [t]);
-  M(s.table(), { onAnchorCoordsChange(e) {
+const Y = o.memo((j) => {
+  const { title: S, onHide: C, autoFocusSel: v = ".range-input input", context: N, notifier: l = L, command: r, commands: c, ...R } = j, [T, d] = o.useState(!1), [g, m] = o.useState(!1), x = o.useRef(null), [J, D] = o.useReducer((e) => e + 1, 0), [F, { width: K }] = E();
+  O(r);
+  const s = N ?? r.context(), t = s.table(), [B, H] = o.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), I = o.useMemo(() => t?.getName() ?? "", [t]);
+  A(s.table(), { onAnchorCoordsChange(e) {
     H(s.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
     D();
   } });
-  const P = h((e) => {
+  const P = u((e) => {
     s?.table().setName(e);
-  }, [s]), z = h((e) => {
+  }, [s]), z = u((e) => {
     s?.table().resize(e.at(0));
   }, [s]);
   let p = null;
-  return s.table() || (p = a.jsx("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", opacity: 1, display: "flex", alignItems: "center", justifyItems: "center", justifyContent: "center", boxSizing: "border-box" }, children: a.jsx("div", { children: "No table selected" }) })), a.jsx(A, { ref: x, title: S ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: N, onHide: C, onFocus: () => d(!0), onBlur: (e) => {
+  return s.table() || (p = a.jsx("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", opacity: 1, display: "flex", alignItems: "center", justifyItems: "center", justifyContent: "center", boxSizing: "border-box" }, children: a.jsx("div", { children: "No table selected" }) })), a.jsx(M, { ref: x, title: S ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: v, onHide: C, onFocus: () => d(!0), onBlur: (e) => {
     x?.current?.contains(e.relatedTarget) || d(!1);
-  }, PaperProps: { elevation: T ? 3 : 1 }, ...v, children: a.jsxs(V, { dividers: !0, ref: F, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [a.jsxs(o, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: s.table() ? 1 : 0 }, children: [a.jsx(o, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a.jsx(o, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: a.jsxs(o, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a.jsx(W, { formName: "name", defaultInput: I, value: t?.getName() ?? "No table", onChangeInput: P, onValidate: (e) => {
+  }, PaperProps: { elevation: T ? 3 : 1 }, ...R, children: a.jsxs(V, { dividers: !0, ref: F, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [a.jsxs(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: s.table() ? 1 : 0 }, children: [a.jsx(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a.jsx(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: a.jsxs(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a.jsx(W, { formName: "name", defaultInput: I, value: t?.getName() ?? "No table", onChangeInput: P, onValidate: (e) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || s?.getNames().validateName(e);
   }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     g || e.target?.select(), m(!0);
   } }), a.jsx(k, { formName: "range", value: B, onChangeInput: z, resolvedAddress: s.getNames().getRanges.bind(s.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     g || e.target?.select(), m(!0);
-  } })] }) }) }), a.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: [a.jsx(u, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a.jsx(q, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
+  } })] }) }) }), a.jsxs(n, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [a.jsx(h, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a.jsx(G, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
     t.updateStyleOptions(e);
   }, showHeaderRow: t?.getShowHeaders(), onShowHeaderRowChange: (e) => {
     try {
@@ -50,7 +50,7 @@ const Y = n.memo((w) => {
     } catch (i) {
       l.showError(i);
     }
-  } }), a.jsx(o, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a.jsx(G, { table: t, styles: s.styles(), bodyStyle: s.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a.jsx(u, { orientation: "horizontal" }), a.jsxs(o, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a.jsx(f, { variant: b.Menuitem, command: c.getCommand("convertTableToRange"), commandState: t, icon: y(a.jsx(j, {})) }), a.jsx(f, { variant: b.Menuitem, commandState: t, command: c.getCommand("deleteTable"), icon: y(a.jsx(j, {})) })] })] })] }), p] }) });
+  } }), a.jsx(n, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a.jsx(q, { table: t, styles: s.styles(), bodyStyle: s.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a.jsx(h, { orientation: "horizontal" }), a.jsxs(n, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a.jsx(f, { variant: b.Menuitem, command: c.getCommand("convertTableToRange"), commandState: t, icon: y(a.jsx(w, {})) }), a.jsx(f, { variant: b.Menuitem, commandState: t, command: c.getCommand("deleteTable"), icon: y(a.jsx(w, {})) })] })] })] }), p] }) });
 });
 export {
   Y as TableDetailsWindow,

package/cdn/assets/DXtbonLk2ESfF4Dh.js

@@ -0,0 +1,10 @@
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.13
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const e = { COMPLEX: { s: "Converts real and imaginary coefficients into a complex number", p: { realNum: { d: "is the real coefficient of the complex number" }, iNum: { d: "is the imaginary coefficient of the complex number" }, suffix: { d: "is the suffix for the imaginary component of the complex number", v: "i" } } }, IMABS: { s: "Returns the absolute value (modulus) of a complex number", p: { inumber: { d: "is a complex number for which you want the absolute value" } } }, IMAGINARY: { s: "Returns the imaginary coefficient of a complex number", p: { inumber: { d: "is a complex number for which you want the imaginary coefficient" } } }, IMARGUMENT: { s: "Returns the argument q, an angle expressed in radians", p: { inumber: { d: "is a complex number for which you want the argument" } } }, IMCONJUGATE: { s: "Returns the complex conjugate of a complex number", p: { inumber: { d: "is a complex number for which you want the conjugate" } } }, IMCOS: { s: "Returns the cosine of a complex number", p: { inumber: { d: "is a complex number for which you want the cosine" } } }, IMCOSH: { s: "Returns the hyperbolic cosine of a complex number", p: { inumber: { d: "is a complex number for which you want the hyperbolic cosine" } } }, IMCOT: { s: "Returns the cotangent of a complex number", p: { inumber: { d: "is a complex number for which you want the cotangent" } } }, IMCSC: { s: "Returns the cosecant of a complex number", p: { inumber: { d: "is a complex number for which you want the cosecant" } } }, IMCSCH: { s: "Returns the hyperbolic cosecant of a complex number", p: { inumber: { d: "is a complex number for which you want the hyperbolic cosecant" } } }, IMDIV: { s: "Returns the quotient of two complex numbers", p: { inumber1: { d: "is the complex numerator or dividend" }, inumber2: { d: "is the complex denominator or divisor" } } }, IMEXP: { s: "Returns the exponential of a complex number", p: { inumber: { d: "is a complex number for which you want the exponential" } } }, IMLN: { s: "Returns the exponential of a complex number", p: { inumber: { d: "is a complex number for which you want the exponential" } } }, IMLOG10: { s: "Returns the base-10 logarithm of a complex number", p: { inumber: { d: "is a complex number for which you want the common logarithm" } } }, IMLOG2: { s: "Returns the base-2 logarithm of a complex number", p: { inumber: { d: "is a complex number for which you want the base-2 logarithm" } } }, IMPOWER: { s: "Returns the base-2 logarithm of a complex number", p: { inumber: { d: "is a complex number for which you want the base-2 logarithm" }, number: {} } }, IMPRODUCT: { s: "Returns the product of 1 to 255 complex numbers", p: { inumber: { d: "inumber1,inumber2,... Inumber1, Inumber2,... are from 1 to 255 complex numbers to multiply." } } }, IMREAL: { s: "Returns the real coefficient of a complex number", p: { inumber: { d: "is a complex number for which you want the real coefficient" } } }, IMSEC: { s: "Returns the secant of a complex number", p: { inumber: { d: "is a complex number for which you want the secant" } } }, IMSECH: { s: "Returns the hyperbolic secant of a complex number", p: { inumber: { d: "is a complex number for which you want the hyperbolic secant" } } }, IMSIN: { s: "Returns the sine of a complex number", p: { inumber: { d: "is a complex number for which you want the sine" } } }, IMSINH: { s: "Returns the hyperbolic sine of a complex number", p: { inumber: { d: "is a complex number for which you want the hyperbolic sine" } } }, IMSQRT: { s: "Returns the square root of a complex number", p: { inumber: { d: "is a complex number for which you want the square root" } } }, IMSUB: { s: "Returns the difference of two complex numbers", p: { inumber1: { d: "is the complex number from which to subtract inumber2" }, inumber2: { d: "is the complex number to subtract from inumber1" } } }, IMSUM: { s: "Returns the sum of complex numbers", p: { inumber: { d: "inumber1,inumber2,... are from 1 to 255 complex numbers to add" } } }, IMTAN: { s: "Returns the tangent of a complex number", p: { inumber: { d: "is a complex number for which you want the tangent" } } } };
+export {
+  e as default
+};

package/cdn/assets/{CsjftXmSYQRHNKdq.js → Dr5X-ng9wbwUWVr4.js}

@@ -1,8 +1,8 @@
-import { a as i } from "./DDW1WJ2IM_9ZUfKm.js";
-import { r as n } from "./dk2teWHDODYNarJY.js";
-import { t as e, q as $, s as q, B as z, F as E, T as R, a as O, b as W, K as y } from "./Jhm2DAcrfAqiM-Y-.js";
+import { a as i } from "./CR01MBraUPYPpwy4.js";
+import { r as n } from "./BlYoycYtR-sUp0iC.js";
+import { t as e, q as $, s as q, B as z, F as E, T as R, a as O, b as W, K as y } from "./B_2bXmyji3Dr7LRM.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.13
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{BB66NDz7S3ocEfRB.js → DvFNLgeMJ9LdQROu.js}

@@ -1,34 +1,33 @@
-import { a as t } from "./DDW1WJ2IM_9ZUfKm.js";
-import { r as o } from "./dk2teWHDODYNarJY.js";
-import { ICell as p, IRange as b } from "@sheetxl/sdk";
-import { a0 as E, S as V, o as le, a1 as ae, V as re, D as ce, B as O, a2 as g, a3 as m, a4 as pe, a5 as j, a6 as de, T as Q, a as R, I as ue, a7 as fe, a8 as xe, a9 as ge, v, aa as Y, ab as me, ac as he, ad as Oe, $ as je, F as Ce, W as ye, X as be } from "./Jhm2DAcrfAqiM-Y-.js";
+import { a as t } from "./CR01MBraUPYPpwy4.js";
+import { r as o } from "./BlYoycYtR-sUp0iC.js";
+import { ag as E, ah as p, f as b, ac as V, H as ae, ai as le, V as re, G as ce, B as O, aj as g, ak as m, al as pe, am as j, an as de, T as Q, a as R, L as ue, ao as fe, ap as xe, aq as ge, P as T, ar as Y, as as me, at as he, au as Oe, af as je, F as Ce, ad as ye, ae as be } from "./B_2bXmyji3Dr7LRM.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.13
  *
  * (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"), 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));
+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: a, onSelect: d, tabIndex: C = 0, ...F } = v, [I, y] = o.useState(() => ee(c, a));
   o.useEffect(() => {
-    y(ee(c, l));
-  }, [c, l]);
-  const D = V((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: D, sx: { backgroundImage: `linear-gradient(${R("#fff", v(5))}, ${R("#fff", v(5))})` }, ...F, children: a })] });
+    y(ee(c, a));
+  }, [c, a]);
+  const L = V((u) => {
+    y(u.target.value), d?.(a[u.target.value]);
+  }, [d, a]), l = o.useMemo(() => Object.keys(a).map((u) => t.jsx(je, { value: u, children: u }, u)), [a]);
+  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: l })] });
 }), Z = { 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 = (T, h) => {
+const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
   const c = Object.keys(h);
-  for (let l = 0; l < c.length; l++) {
-    const d = c[l];
-    if (h[d] === T) return d;
+  for (let a = 0; a < c.length; a++) {
+    const d = c[a];
+    if (h[d] === v) return d;
   }
-}, De = 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), M = o.useRef(null), $ = o.useRef(null), z = o.useRef(null), B = o.useRef(null), H = (e, n) => {
+}, Ie = o.memo((v) => {
+  const { replace: h = !1, findText: c, replaceText: a, findOptions: d, replaceOptions: C, title: F, onHide: I, onFindOrReplace: y, ...L } = v, l = o.useRef(null), u = o.useRef(null), M = o.useRef(null), $ = o.useRef(null), z = o.useRef(null), B = o.useRef(null), H = (e, n) => {
     n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
-  }, [W, w] = o.useState(!1), [L, se] = o.useState(!1), [f, P] = o.useState(h), [N, A] = o.useState(!1), [U, X] = 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: Z.Sheet }), k = V(async (e, n, s, S) => {
+  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, P] = o.useState(h), [N, A] = 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: Z.Sheet }), k = V(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;
@@ -37,34 +36,34 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
   }, [i, y]);
   o.useEffect(() => {
     A(!1);
-  }, [i, L, f]);
-  const G = V((e, n) => {
-    if (e.keyCode === le.Enter) {
+  }, [i, D, f]);
+  const q = V((e, n) => {
+    if (e.keyCode === ae.Enter) {
       if (!i.findText) return;
       let s = !0, S = !1;
       e.shiftKey && (s = !1), n ? (e.ctrlKey && e.altKey && (S = !0), H(e, S ? B.current : z.current)) : H(e, s ? $.current : M.current), k(s, n, S, !1);
     }
-  }, [i]), q = o.useRef(null);
+  }, [i]), X = 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);
+      n.findText = c && c.length > 0 ? c : e.findText ?? "", w(!0), a !== void 0 && (n.replaceText = a), 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 && a === void 0);
       return s && P(s), n;
-    }), U || q.current?.focus();
-  }, [c, l, d, C]), o.useEffect(() => {
+    }), G || X.current?.focus();
+  }, [c, a, d, C]), o.useEffect(() => {
     f ? (i.findOptions.fields[0], p.Content.Values) : w(!0);
   }, [f]), o.useEffect(() => {
-    if (W && a.current && i.findText === a.current.value) return a.current === document.activeElement || a.current.contains(document.activeElement) ? (a.current?.select(), void w(!1)) : void a.current.addEventListener("focus", () => {
-      a.current?.select(), w(!1);
+    if (W && l.current && i.findText === l.current.value) return l.current === document.activeElement || l.current.contains(document.activeElement) ? (l.current?.select(), void w(!1)) : void l.current.addEventListener("focus", () => {
+      l.current?.select(), w(!1);
     }, { once: !0 });
   }, [W, i]);
-  const [ie, { width: J }] = ae();
-  return t.jsx(re, { ref: q, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => X(!0), onBlur: () => {
-    X(!1), A(!1);
-  }, PaperProps: { elevation: U ? 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) P(!0), a.current?.contains(document.activeElement) && u.current?.focus();
-    else if (e.key === "f" && e.ctrlKey) a.current?.focus();
+  const [ie, { width: J }] = le();
+  return t.jsx(re, { ref: X, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => U(!0), onBlur: () => {
+    U(!1), A(!1);
+  }, PaperProps: { elevation: G ? 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), l.current?.contains(document.activeElement) && u.current?.focus();
+    else if (e.key === "f" && e.ctrlKey) l.current?.focus();
     else if (e.key === "c" && e.altKey) r((n) => {
       const s = { ...n };
       return s.findOptions.matchCase = !n.findOptions.matchCase, s;
@@ -81,11 +80,11 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, 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: L, 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: D, 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(Q, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: J > 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) => {
+  }, 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(Q, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: J > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { draggable: !1, ref: l, 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;
@@ -105,27 +104,27 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
       const s = { ...n };
       return s.findText = e.target.value, s;
     });
-  }, onKeyDown: (e) => G(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: M, 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: $, 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(Y, { 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(Q, { 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) => {
+  }, touchRippleRef: $, 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: _, onExit: () => {
+    l.current?.focus();
+  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(Q, { 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) => {
     r((n) => {
       const s = { ...n };
       return s.replaceText = e.target.value, s;
     });
-  }, onKeyDown: (e) => G(e, !0), onContextMenu: (e) => {
+  }, onKeyDown: (e) => q(e, !0), onContextMenu: (e) => {
     e.stopPropagation();
   } }), t.jsx(g, { onSelectToggle: (e) => {
     k(!0, !0);
   }, touchRippleRef: z, label: "Replace", shortcut: { key: "Enter" }, icon: m(t.jsx(me, {})), disabled: !i.findText }), t.jsx(g, { onSelectToggle: (e) => {
     k(!0, !0, !0);
-  }, touchRippleRef: B, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(Y, { in: L, timeout: _, onExit: () => {
-    a.current?.focus();
+  }, touchRippleRef: B, 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: _, onExit: () => {
+    l.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: J >= 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: Z, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
@@ -144,7 +143,7 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (T, h) => {
   } })] })] }) })] }) });
 });
 export {
-  De as FindReplaceWindow,
+  Ie as FindReplaceWindow,
   Z as ScopeOptions,
-  De as default
+  Ie as default
 };