@sheetxl/studio-vanilla 0.7.7 → 0.7.8

package/browser/esm/{TRoNOaX9xm77vhNo.mjs → BzTR8kMSaDX3bd5L.mjs}

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

package/browser/esm/{DXJ2nb7A-gJDYaOg.mjs → C0dfyIY5O4BDpDVb.mjs}

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

package/browser/esm/{DTbZV7szPb-PidC9.mjs → C2YGmSVkfFiTgQD3.mjs}

@@ -1,12 +1,12 @@
-import { r as a, H as D, j as n, O as N, B as S, _ as T, F as k, C as w } from "./IymOl6PCKM5cdD59.mjs";
+import { r as a, E as D, j as n, O as N, B as S, Z as T, F as k, C as w } from "./CdxM9Kp_JyOf23p8.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.7
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const F = ["Ok", "Cancel"], y = a.memo((g) => {
-  const { tableOptions: t, context: c, onOption: p, onValidateOption: H, onDone: r, options: d = F, defaultOption: o = d?.[0], cancelOption: l = "Cancel", sx: x, ...m } = g, [O, h] = a.useState(!1), [s, b] = a.useState(() => t?.hasHeader ?? !1), [i, f] = a.useState(() => t?.ranges ?? null), j = D((e) => {
+const F = ["Ok", "Cancel"], B = a.memo((g) => {
+  const { tableOptions: t, context: c, onOption: p, onValidateOption: v, onDone: r, options: d = F, defaultOption: o = d?.[0], cancelOption: l = "Cancel", sx: x, ...m } = g, [O, h] = a.useState(!1), [s, b] = a.useState(() => t?.hasHeader ?? !1), [i, f] = a.useState(() => t?.ranges ?? null), j = D((e) => {
     const u = { ...t, hasHeader: s, ranges: i };
     p?.(e, e === l, e === o), r?.({ option: e, tableOptions: u });
   }, [r, p, o, l, s, i, t]), C = a.useCallback(async (e, u) => null, []);
@@ -15,6 +15,6 @@ const F = ["Ok", "Cancel"], y = a.memo((g) => {
   } }), n.jsx(k, { control: n.jsx(w, { checked: s, onChange: () => b(!s) }), label: "Table has headers", labelPlacement: "end" })] }) });
 });
 export {
-  y as TableNewDialog,
-  y as default
+  B as TableNewDialog,
+  B as default
 };

package/browser/esm/{jHLE9-xV-wivIQzI.mjs → C32esUEYHpoosX3Y.mjs}

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

package/browser/esm/{C3WMLOorMvTnqgVk.mjs → C3xK2Xpqcj6reX4s.mjs}

@@ -1,15 +1,15 @@
-import { r as s, H as p, l as H, M as n, j as t, O as L, B as k, N as O, P as R, S as W, o as c, v as u, T as G, w as S, Q as K } from "./IymOl6PCKM5cdD59.mjs";
+import { r as s, E as p, l as K, K as n, j as t, O as L, B as k, M as O, N as R, S as W, n as c, v as u, T as G, w as S, P as H } from "./CdxM9Kp_JyOf23p8.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.7
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const Q = ["Ok", "Cancel"], A = s.memo((w) => {
-  const { initialValue: F, context: f, onOption: h, onValidateOption: d, onInputOption: C, onDone: m, options: b = Q, defaultOption: r = b?.[0], cancelOption: g = "Cancel", sx: P, ...D } = w, [a, v] = s.useState(F), [$, M] = s.useState(!1), x = s.useCallback(async (e, o) => !0, []), y = p(async (e) => {
+const q = ["Ok", "Cancel"], J = s.memo((w) => {
+  const { initialValue: F, context: f, onOption: h, onValidateOption: d, onInputOption: C, onDone: m, options: b = q, defaultOption: r = b?.[0], cancelOption: g = "Cancel", sx: P, ...D } = w, [a, v] = s.useState(F), [$, M] = 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]), N = p(async (e) => {
-    e.keyCode === H.Enter && await x?.(a, null) !== !1 && y(r);
+    e.keyCode === K.Enter && await x?.(a, null) !== !1 && y(r);
   }, [a, y]), I = p((e) => {
     v(e.target.value), x?.(e.target.value, null);
   }, [d]), V = p(async (e) => {
@@ -24,24 +24,24 @@ const Q = ["Ok", "Cancel"], A = s.memo((w) => {
     j(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
   }, [a]);
   const B = s.useMemo(() => {
-    const e = n.Styles.lookupPrimary(), o = (i) => t.jsx(K, { value: i, children: i }, i), l = Object.keys(e).map((i) => o(e[i].formatType));
+    const e = n.Styles.lookupPrimary(), o = (i) => t.jsx(H, { value: i, children: i }, i), l = Object.keys(e).map((i) => o(e[i].formatType));
     return l.push(o(n.Type.Custom)), l;
-  }, []), z = s.useCallback((e) => {
+  }, []), E = s.useCallback((e) => {
     const o = e.target.value;
     j(o);
     const l = n.Styles.lookupDefault(o);
     l && v(l);
-  }, []), 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(L, { 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(R, { children: "Category" }), t.jsx(W, { 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(G, { label: "Code", onFocus: (e) => {
+  return t.jsx(L, { 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(R, { children: "Category" }), t.jsx(W, { 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(G, { label: "Code", onFocus: (e) => {
     $ || e.target?.select(), M(!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: I, onKeyDown: N, 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(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: z.getNumberFormat().displayText || "(empty)" })] })] }) });
 });
 export {
-  A as NumberFormatDialog,
-  A as default
+  J as NumberFormatDialog,
+  J as default
 };

package/browser/esm/{Bf7V3mrqMy2JcLj6.mjs → CBcApePT9eJIfqcW.mjs}

@@ -1,20 +1,20 @@
-import { r as o, R as p, K as R, H as M, l as le, U as re, j as i, i as ae, k as ce, B as O, W as g, q as m, X as y, T as Y, o as b, I as pe, v, Y as Z, Z as de, Q as ue, N as fe, P as xe, S as ge } from "./IymOl6PCKM5cdD59.mjs";
+import { r as o, Q as p, G as R, E as W, l as le, R as re, j as i, i as ae, k as ce, B as O, U as g, q as m, X as y, T as Y, n as b, I as pe, v, W as J, Y as de, P as ue, M as fe, N as xe, S as ge } from "./CdxM9Kp_JyOf23p8.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.7
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.8
  *
  * (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" }, W = o.memo((k) => {
-  const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...E } = k, [F, j] = o.useState(() => ee(c, l));
+const B = { width: "1.5rem", height: "1.5rem" }, M = o.memo((k) => {
+  const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...w } = k, [E, j] = o.useState(() => ee(c, l));
   o.useEffect(() => {
     j(ee(c, l));
   }, [c, l]);
-  const K = M((u) => {
+  const K = W((u) => {
     j(u.target.value), d?.(l[u.target.value]);
   }, [d, l]), r = o.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: F, label: h, onChange: K, sx: { backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` }, ...E, children: r })] });
-}), J = { 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 };
+  return i.jsxs(fe, { sx: { minWidth: 135 }, size: "small", children: [i.jsx(xe, { children: h }), i.jsx(ge, { inputProps: { tabIndex: C }, value: E, label: h, onChange: K, sx: { backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` }, ...w, children: r })] });
+}), 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 me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
   const c = Object.keys(h);
@@ -23,42 +23,42 @@ const me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
     if (h[d] === k) return d;
   }
 }, Oe = o.memo((k) => {
-  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: E, onHide: F, onFindOrReplace: j, ...K } = k, r = o.useRef(null), u = o.useRef(null), P = o.useRef(null), $ = o.useRef(null), L = o.useRef(null), z = o.useRef(null), N = (e, n) => {
+  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: w, onHide: E, onFindOrReplace: j, ...K } = k, r = o.useRef(null), u = o.useRef(null), P = o.useRef(null), $ = o.useRef(null), L = o.useRef(null), z = o.useRef(null), N = (e, n) => {
     n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
-  }, [V, w] = o.useState(!1), [I, ie] = o.useState(!1), [f, D] = o.useState(h), [H, A] = o.useState(!1), [U, q] = o.useState(!1), [s, a] = o.useState({ replaceText: null, replace: h, replaceOptions: {}, findOptions: { text: null, matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [p.Content.Formulas] }, scope: J.Sheet }), S = M(async (e, n, t, T) => {
+  }, [V, T] = o.useState(!1), [I, ie] = o.useState(!1), [f, D] = o.useState(h), [H, A] = o.useState(!1), [U, G] = o.useState(!1), [s, a] = o.useState({ replaceText: null, replace: h, replaceOptions: {}, findOptions: { text: null, matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [p.Content.Formulas] }, scope: Z.Sheet }), S = W(async (e, n, t, F) => {
     if (!j) return;
     const x = { ...s };
     x.replaceOptions = { ...x.replaceOptions }, x.findOptions = { ...x.findOptions }, x.replaceOptions.maxCount = t ? void 0 : 1, x.replace = n, n && s.findOptions.fields?.[0] === p.Content.Values && (x.findOptions.fields = [p.Content.Formulas]), x.findOptions.reverse = !e;
-    const oe = await j({ autoFocus: T, ...x });
+    const oe = await j({ autoFocus: F, ...x });
     A(oe === 0);
   }, [s, j]);
   o.useEffect(() => {
     A(!1);
   }, [s, I, f]);
-  const G = M((e, n) => {
+  const q = W((e, n) => {
     if (e.keyCode === le.Enter) {
       if (!s.findOptions.text) return;
-      let t = !0, T = !1;
-      e.shiftKey && (t = !1), n ? (e.ctrlKey && e.altKey && (T = !0), N(e, T ? z.current : L.current)) : N(e, t ? $.current : P.current), S(t, n, T, !1);
+      let t = !0, F = !1;
+      e.shiftKey && (t = !1), n ? (e.ctrlKey && e.altKey && (F = !0), N(e, F ? z.current : L.current)) : N(e, t ? $.current : P.current), S(t, n, F, !1);
     }
   }, [s]), Q = o.useRef(null);
   o.useLayoutEffect(() => {
     a((e) => {
       const n = { ...e };
-      n.findOptions.text = c && c.length > 0 ? c : e.findOptions.text ?? "", 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 }), s.findOptions.fields?.[0] || (s.findOptions.fields = [p.Content.Formulas]);
+      n.findOptions.text = c && c.length > 0 ? c : e.findOptions.text ?? "", T(!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 }), s.findOptions.fields?.[0] || (s.findOptions.fields = [p.Content.Formulas]);
       const t = !(!C && l === void 0);
       return t && D(t), n;
     }), U || Q.current?.focus();
   }, [c, l, d, C]), o.useEffect(() => {
-    f ? (s.findOptions.fields[0], p.Content.Values) : w(!0);
+    f ? (s.findOptions.fields[0], p.Content.Values) : T(!0);
   }, [f]), o.useEffect(() => {
-    if (V && r.current && s.findOptions.text === r.current.value) return r.current === document.activeElement || r.current.contains(document.activeElement) ? (r.current?.select(), void w(!1)) : void r.current.addEventListener("focus", () => {
-      r.current?.select(), w(!1);
+    if (V && r.current && s.findOptions.text === r.current.value) return r.current === document.activeElement || r.current.contains(document.activeElement) ? (r.current?.select(), void T(!1)) : void r.current.addEventListener("focus", () => {
+      r.current?.select(), T(!1);
     }, { once: !0 });
   }, [V, s]);
   const [se, { width: X }] = re();
-  return i.jsx(ae, { ref: Q, title: E ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: F, onFocus: () => q(!0), onBlur: () => {
-    q(!1), A(!1);
+  return i.jsx(ae, { ref: Q, title: w ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: E, onFocus: () => G(!0), onBlur: () => {
+    G(!1), A(!1);
   }, slotProps: { paper: { elevation: U ? 3 : 1 } }, ...K, children: i.jsxs(ce, { dividers: !0, ref: se, 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), r.current?.contains(document.activeElement) && u.current?.focus();
     else if (e.key === "f" && e.ctrlKey) r.current?.focus();
@@ -104,38 +104,38 @@ const me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
       const t = { ...n };
       return t.findOptions.text = e.target.value, t;
     });
-  }, onKeyDown: (e) => G(e, !1), onContextMenu: (e) => {
+  }, onKeyDown: (e) => q(e, !1), onContextMenu: (e) => {
     e.stopPropagation();
   } }), i.jsx(g, { selected: s.findOptions.reverse, onSelectToggle: (e) => {
     S(!1, !1);
   }, touchRippleRef: P, label: "", shortcut: { key: "Enter", modifiers: [y.Shift] }, icon: i.jsx(m, { iconKey: s.findOptions.orientation !== R.Orientation.Column ? "ArrowBack" : "ArrowUpward" }), disabled: !s.findOptions.text }), i.jsx(g, { selected: !s.findOptions.reverse, onSelectToggle: (e) => {
     S(!0, !1);
-  }, touchRippleRef: $, label: "Next Match", shortcut: { key: "Enter" }, icon: i.jsx(m, { iconKey: s.findOptions.orientation !== R.Orientation.Column ? "ArrowForward" : "ArrowDownward" }), disabled: !s.findOptions.text })] }), i.jsx(Z, { in: f, timeout: _, onExit: () => {
+  }, touchRippleRef: $, label: "Next Match", shortcut: { key: "Enter" }, icon: i.jsx(m, { iconKey: s.findOptions.orientation !== R.Orientation.Column ? "ArrowForward" : "ArrowDownward" }), disabled: !s.findOptions.text })] }), i.jsx(J, { in: f, timeout: _, onExit: () => {
     r.current?.focus();
   }, children: i.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [i.jsx(Y, { 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: s.replaceText ?? "", onChange: (e) => {
     a((n) => {
       const t = { ...n };
       return t.replaceText = e.target.value, t;
     });
-  }, onKeyDown: (e) => G(e, !0), onContextMenu: (e) => {
+  }, onKeyDown: (e) => q(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: !s.findOptions.text }), i.jsx(g, { onSelectToggle: (e) => {
     S(!0, !0, !0);
-  }, touchRippleRef: z, label: "Replace All", shortcut: { key: "Enter", modifiers: [y.Ctrl, y.Alt] }, icon: i.jsx(m, { iconKey: "FindReplaceAll" }), disabled: !s.findOptions.text })] }) })] })] }), i.jsx(Z, { in: I, timeout: _, onExit: () => {
+  }, touchRippleRef: z, label: "Replace All", shortcut: { key: "Enter", modifiers: [y.Ctrl, y.Alt] }, icon: i.jsx(m, { iconKey: "FindReplaceAll" }), disabled: !s.findOptions.text })] }) })] })] }), i.jsx(J, { in: I, timeout: _, onExit: () => {
     r.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: X >= 383 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", gap: (e) => e.spacing(1), rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [i.jsx(W, { label: "Within", value: s.scope, options: J, onSelect: (e) => {
+  }, 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: X >= 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: s.scope, options: Z, onSelect: (e) => {
     a((n) => {
       const t = { ...n };
       return t.scope = e, t;
     });
-  } }), i.jsx(W, { label: "Search", value: s.findOptions.orientation !== R.Orientation.Column, options: me, onSelect: (e) => {
+  } }), i.jsx(M, { label: "Search", value: s.findOptions.orientation !== R.Orientation.Column, options: me, onSelect: (e) => {
     a((n) => {
       const t = { ...n };
       return t.findOptions.orientation = e ? R.Orientation.Row : R.Orientation.Column, t;
     });
-  } }), i.jsx(W, { label: "Look in", value: f && s.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : s.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
+  } }), i.jsx(M, { label: "Look in", value: f && s.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : s.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
     a((n) => {
       const t = { ...n };
       return t.findOptions.fields = [e], t;
@@ -144,6 +144,6 @@ const me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
 });
 export {
   Oe as FindReplaceWindow,
-  J as ScopeOptions,
+  Z as ScopeOptions,
   Oe as default
 };

package/{cdn/assets/CLZ1oiAIiDhUh4ww.js → browser/esm/CD8p14Wp3hhZOsNy.mjs}

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

package/{cdn/assets/DSGhERiou-5Ibeko.js → browser/esm/CLJbb3ejl1MXdPtA.mjs}

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

package/browser/esm/{qD_ZNq2dhIRKdKRj.mjs → CMxu9ILcsywmbTAm.mjs}

@@ -1,12 +1,12 @@
-import { r as n, H as p, j as r, O as b, B as k, $ as B, _ as I } from "./IymOl6PCKM5cdD59.mjs";
+import { r as n, E as p, j as r, O as b, B as k, _ as B, Z as E } from "./CdxM9Kp_JyOf23p8.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.7
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const E = ["Ok", "Cancel"], $ = n.memo((V) => {
-  const { value: a = null, context: t, onOption: c, onValidateOption: L, onDone: g, onUpdate: m, options: x = E, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: C, ...h } = V, y = n.useMemo(() => t?.getNames().findValidName("Range1"), []), d = n.useMemo(() => {
+const I = ["Ok", "Cancel"], A = n.memo((V) => {
+  const { value: a = null, context: t, onOption: c, onValidateOption: L, onDone: g, onUpdate: m, options: x = I, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: C, ...h } = V, y = n.useMemo(() => t?.getNames().findValidName("Range1"), []), d = n.useMemo(() => {
     if (!a) return !0;
   }, []), [l, R] = n.useState({ displayText: a?.getName() ?? y, errorText: null }), [s, v] = n.useState({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = n.useState(!1), j = n.useCallback(async (e) => !l.errorText && !s.errorText, [t]), w = p((e, o, u) => {
     if (!o) {
@@ -31,11 +31,11 @@ const E = ["Ok", "Cancel"], $ = n.memo((V) => {
   }, []);
   return r.jsx(b, { title: (d ? "Define" : "Edit") + " Range", options: x, onOption: w, onValidateOption: j, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...C }, ...h, children: r.jsxs(k, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [r.jsx(B, { formName: "name", defaultInput: y, value: l.displayText, onChangeInput: D, onValidate: F, onFocus: (e) => {
     T || e.target?.select(), O(!0);
-  } }), r.jsx(I, { formName: "range", value: s.displayValue, onChangeInput: S, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
+  } }), r.jsx(E, { formName: "range", value: s.displayValue, onChangeInput: S, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
     T || e.target?.select(), O(!0);
   } })] }) });
 });
 export {
-  $ as NamedReferenceDialog,
-  $ as default
+  A as NamedReferenceDialog,
+  A as default
 };

package/browser/esm/{DC1hfAh_7PsrjS9S.mjs → CO3_89fRzGLRFzFH.mjs}

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

package/browser/esm/{bfKo7TSL68OC9OZ8.mjs → CQuep8FzvblCAI6v.mjs}

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