@sheetxl/studio-vanilla 0.6.0 → 0.6.1

package/cdn/assets/{B2qQ_pr3L0V7_-jl.js → DsxC1LQJZRPEIuw5.js}

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

package/cdn/assets/{Bbk0mC9hRXTtsemr.js → DvUXtWSxf_bCTxRB.js}

@@ -1,6 +1,6 @@
-import { g as c } from "./Bfx0vgiQHsXVZHq2.js";
+import { g as c } from "./V1O60EawETQshd2H.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.0
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.1
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{nWeZUNFKrAwJSZWx.js → DyTwA2p7RgzbdcfG.js}

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

package/{browser/esm/CnT3aGv91MjUR7Xr.mjs → cdn/assets/Dzd4I4XzZPf6k_dX.js}

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