@sheetxl/studio-vanilla 0.4.6 → 0.4.8

package/{cdn/assets/D7VphVLqKl6argvu.js → browser/esm/4C7Rg83L5RYFoOvl.mjs}

@@ -1,17 +1,17 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import { memo as O, useState as r, useRef as M, useReducer as A, useMemo as E } from "react";
-import { aL as W, V, aM as k, aN as Q, v as x, aA as q, aB as G, B as n, aO as J, aP as K, ak as f, aQ as U, aR as X, ag as y, ah as b, ai as w, aS as S } from "./mJrwxSI9ER8tcfM5.js";
+import { aL as Q, Q as W, aM as k, aN as V, w as x, aA as q, aB as G, B as n, aO as J, aP as K, ak as f, aQ as U, aR as X, ag as y, ah as b, ai as w, aS as S } from "./2RGq163l1wYJKGsa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const te = O((C) => {
-  const { title: v, onHide: N, autoFocusSel: R = ".range-input input", context: T, notifier: l = W, command: c, commands: d, ...D } = C, [F, g] = r(!1), [m, p] = r(!1), h = M(null), [Y, B] = A((e) => e + 1, 0), [H, { width: Z }] = V();
+  const { title: N, onHide: R, autoFocusSel: v = ".range-input input", context: T, notifier: l = Q, command: c, commands: d, ...D } = C, [F, g] = r(!1), [m, p] = r(!1), h = M(null), [Y, B] = A((e) => e + 1, 0), [H, { width: Z }] = W();
   k(c);
   const o = T ?? c.context(), t = o.table(), [P, I] = r(() => t ? o.getNames().getRanges(t.getRange()) : null), j = E(() => t?.getName() ?? "", [t]);
-  Q(o.table(), { onAnchorCoordsChange(e) {
+  V(o.table(), { onAnchorCoordsChange(e) {
     I(o.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
     B();
@@ -22,7 +22,7 @@ const te = O((C) => {
     o?.table().resize(e.at(0));
   }, [o]);
   let u = null;
-  return o.table() || (u = a("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("div", { children: "No table selected" }) })), a(q, { title: v ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: R, refWindow: h, onHide: N, onFocus: () => g(!0), onBlur: (e) => {
+  return o.table() || (u = a("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("div", { children: "No table selected" }) })), a(q, { ref: h, title: N ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: v, onHide: R, onFocus: () => g(!0), onBlur: (e) => {
     h?.current?.contains(e.relatedTarget) || g(!1);
   }, PaperProps: { elevation: F ? 3 : 1 }, ...D, children: s(G, { dividers: !0, ref: H, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [s(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: o.table() ? 1 : 0 }, children: [a(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: s(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a(J, { formName: "name", defaultInput: j, value: t?.getName() ?? "No table", onChangeInput: L, onValidate: (e) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || o?.getNames().validateName(e);

package/browser/esm/{BEb33qzyvFCELL-3.mjs → 6KgR81NK4yzANTBT.mjs}

@@ -1,18 +1,18 @@
-import { jsx as o, jsxs as N } from "react/jsx-runtime";
-import { memo as T, useState as i, useCallback as k } from "react";
-import { v, b as w, B as j, aP as y, at as B, au as F } from "./DpJ6rBC_S3qKpTTz.mjs";
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import { memo as N, useState as i, useCallback as T } from "react";
+import { w as k, b as j, B as v, aP as y, at as B, au as F } from "./2RGq163l1wYJKGsa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const H = ["Ok", "Cancel"], A = T((u) => {
-  const { tableOptions: e, context: p, onOption: c, onValidateOption: I, onDone: r, options: d = H, defaultOption: t = d?.[0], cancelOption: s = "Cancel", sx: m, ...b } = u, [h, x] = i(!1), [n, O] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = v((a) => {
+const H = ["Ok", "Cancel"], A = N((u) => {
+  const { tableOptions: e, context: p, onOption: c, onValidateOption: I, onDone: r, options: d = H, defaultOption: t = d?.[0], cancelOption: s = "Cancel", sx: m, ...b } = u, [h, x] = i(!1), [n, O] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = k((a) => {
     const g = { ...e, hasHeader: n, ranges: l };
     c?.(a, a === s, a === t), r?.({ option: a, tableOptions: g });
-  }, [r, c, t, s, n, l, e]), D = k(async (a, g) => null, []);
-  return o(w, { title: "Insert Table", options: d, onDone: C, onValidateOption: D, defaultOption: t, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...b, children: N(j, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
+  }, [r, c, t, s, n, l, e]), w = T(async (a, g) => null, []);
+  return o(j, { title: "Insert Table", options: d, onDone: C, onValidateOption: w, defaultOption: t, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...b, children: D(v, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
     h || a.target?.select(), x(!0);
   } }), o(B, { control: o(F, { checked: n, onChange: () => O(!n) }), label: "Table has headers", labelPlacement: "end" })] }) });
 });

package/{cdn/assets/BWgkRW6hv3jQZREe.js → browser/esm/B1CYiJmSpyx4TD5r.mjs}

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as p } from "react/jsx-runtime";
 import { memo as oe, useRef as C, useState as b, useEffect as L, useLayoutEffect as pe, useMemo as de } from "react";
 import { ICell as c, IRange as R } from "@sheetxl/sdk";
-import { t as D, v as H, av as ue, V as fe, aA as ge, aB as me, B as O, aC as m, ah as x, aD as xe, a8 as y, aE as he, T as _, a as k, aF as Oe, aG as Ce, aH as ye, aI as be, ay as w, aJ as ve, aK as Te, ak as Re, az as ke, F as we, aw as Ee, ax as Fe } from "./mJrwxSI9ER8tcfM5.js";
-import { C as ee } from "./YtJ5y2-cVhR5MGYz.js";
+import { v as D, w as H, av as ue, Q as fe, aA as ge, aB as me, B as O, aC as m, ah as x, aD as xe, a8 as y, aE as he, T as _, a as k, aF as Oe, aG as Ce, aH as ye, aI as be, ay as w, aJ as ve, aK as Te, ak as Re, az as ke, F as we, aw as Ee, ax as Fe } from "./2RGq163l1wYJKGsa.mjs";
+import { C as ee } from "./cSe92c0HnvbRwiVM.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -29,17 +29,17 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
 }, ze = oe((E) => {
   const { replace: h = !1, findText: r, replaceText: a, findOptions: d, replaceOptions: v, title: A, onHide: K, onFindOrReplace: T, ...P } = E, s = C(null), u = C(null), $ = C(null), W = C(null), j = C(null), N = C(null), G = (e, t) => {
     t && (t.start(e, { center: !1 }), setTimeout(() => t.stop(e), 180));
-  }, [J, I] = b(!1), [V, le] = b(!1), [f, B] = b(h), [U, M] = b(!1), [X, q] = b(!1), [o, l] = b({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [c.Content.Formulas] }, scope: te.Sheet }), F = H(async (e, t, n, S) => {
+  }, [J, I] = b(!1), [B, le] = b(!1), [f, M] = b(h), [Q, V] = b(!1), [U, X] = b(!1), [o, l] = b({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [c.Content.Formulas] }, scope: te.Sheet }), F = H(async (e, t, n, S) => {
     if (!T) return;
     const g = { ...o };
     g.replaceOptions = { ...g.replaceOptions }, g.findOptions = { ...g.findOptions }, g.replaceOptions.maxCount = n ? void 0 : 1, g.replace = t, t && o.findOptions.fields?.[0] === c.Content.Values && (g.findOptions.fields = [c.Content.Formulas]), g.findOptions.reverse = !e;
     const ce = await T({ autoFocus: S, ...g });
-    M(ce === 0);
+    V(ce === 0);
   }, [o, T]);
   L(() => {
-    M(!1);
-  }, [o, V, f]);
-  const Q = H((e, t) => {
+    V(!1);
+  }, [o, B, f]);
+  const q = H((e, t) => {
     if (e.keyCode === ue.Enter) {
       if (!o.findText) return;
       let n = !0, S = !1;
@@ -51,8 +51,8 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
       const t = { ...e };
       t.findText = r && r.length > 0 ? r : e.findText ?? "", I(!0), a !== void 0 && (t.replaceText = a), d && (t.findOptions = { ...t.findOptions, ...d }), t.replaceText || (t.replaceText = ""), t.replaceOptions && (t.replaceOptions = { ...t.replaceOptions }), v && (t.replaceOptions = { ...t.replaceOptions, ...v }), o.findOptions.fields?.[0] || (o.findOptions.fields = [c.Content.Formulas]);
       const n = !(!v && a === void 0);
-      return n && B(n), t;
-    }), X || Y.current?.focus();
+      return n && M(n), t;
+    }), U || Y.current?.focus();
   }, [r, a, d, v]), L(() => {
     f ? (o.findOptions.fields[0], c.Content.Values) : I(!0);
   }, [f]), L(() => {
@@ -61,10 +61,10 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
     }, { once: !0 });
   }, [J, o]);
   const [re, { width: Z }] = fe();
-  return i(ge, { title: A ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", refWindow: Y, onHide: K, onFocus: () => q(!0), onBlur: () => {
-    q(!1), M(!1);
-  }, PaperProps: { elevation: X ? 3 : 1 }, ...P, children: p(me, { dividers: !0, ref: re, 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) B(!0), s.current?.contains(document.activeElement) && u.current?.focus();
+  return i(ge, { ref: Y, title: A ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: K, onFocus: () => X(!0), onBlur: () => {
+    X(!1), V(!1);
+  }, PaperProps: { elevation: U ? 3 : 1 }, ...P, children: p(me, { dividers: !0, ref: re, 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) M(!0), s.current?.contains(document.activeElement) && u.current?.focus();
     else if (e.key === "f" && e.ctrlKey) s.current?.focus();
     else if (e.key === "c" && e.altKey) l((t) => {
       const n = { ...t };
@@ -82,10 +82,10 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
       });
     }
     e.preventDefault();
-  }, children: [p(O, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [p(O, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [i(m, { selected: V, onSelectToggle: (e) => {
+  }, children: [p(O, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [p(O, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [i(m, { selected: B, onSelectToggle: (e) => {
     le(e);
   }, preventFocus: !0, label: "Toggle Additional Options", icon: x(i(xe, {})) }), i(m, { selected: f, onSelectToggle: (e) => {
-    B(e);
+    M(e);
   }, preventFocus: !0, label: "Toggle Replace", icon: x(i(he, {})), shortcut: { key: f ? "F" : "H", modifiers: [y.Ctrl] } })] }), p(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [p(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [i(_, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: Z > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${k("#fff", w(5))}, ${k("#fff", w(5))})` }, inputProps: { draggable: !1, ref: s, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: i(Oe, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: p(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [i(m, { selected: o.findOptions.matchCase, onSelectToggle: (e) => {
     l((t) => {
       const n = { ...t };
@@ -101,12 +101,12 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
       const n = { ...t };
       return n.findOptions.useRegex = e, n;
     });
-  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [y.Alt] }, icon: x(i(be, {})) })] }) }) }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => U ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => U ? `${e.palette.error.main} !important` : void 0 } }, value: o.findText ?? "", onChange: (e) => {
+  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [y.Alt] }, icon: x(i(be, {})) })] }) }) }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => Q ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => Q ? `${e.palette.error.main} !important` : void 0 } }, value: o.findText ?? "", onChange: (e) => {
     l((t) => {
       const n = { ...t };
       return n.findText = e.target.value, n;
     });
-  }, onKeyDown: (e) => Q(e, !1), onContextMenu: (e) => {
+  }, onKeyDown: (e) => q(e, !1), onContextMenu: (e) => {
     e.stopPropagation();
   } }), i(m, { selected: o.findOptions.reverse, onSelectToggle: (e) => {
     F(!1, !1);
@@ -119,13 +119,13 @@ const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
       const n = { ...t };
       return n.replaceText = e.target.value, n;
     });
-  }, onKeyDown: (e) => Q(e, !0), onContextMenu: (e) => {
+  }, onKeyDown: (e) => q(e, !0), onContextMenu: (e) => {
     e.stopPropagation();
   } }), i(m, { onSelectToggle: (e) => {
     F(!0, !0);
   }, touchRippleRef: j, label: "Replace", shortcut: { key: "Enter" }, icon: x(i(ve, {})), disabled: !o.findText }), i(m, { onSelectToggle: (e) => {
     F(!0, !0, !0);
-  }, touchRippleRef: N, label: "Replace All", shortcut: { key: "Enter", modifiers: [y.Ctrl, y.Alt] }, icon: x(i(Te, {})), disabled: !o.findText })] }) })] })] }), i(ee, { in: V, timeout: ne, onExit: () => {
+  }, touchRippleRef: N, label: "Replace All", shortcut: { key: "Enter", modifiers: [y.Ctrl, y.Alt] }, icon: x(i(Te, {})), disabled: !o.findText })] }) })] })] }), i(ee, { in: B, timeout: ne, onExit: () => {
     s.current?.focus();
   }, children: p(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [i(Re, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), p(O, { sx: { display: "flex", flexDirection: Z >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [i(z, { label: "Within", value: o.scope, options: te, onSelect: (e) => {
     l((t) => {

package/{cdn/assets/Mf5PGnpvo2ab2ron.js → browser/esm/B7qUiL1xPnzfOHZw.mjs}

@@ -1,6 +1,6 @@
 import C, { memo as ne, useState as _, useRef as m, useCallback as re, useEffect as S } from "react";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/AWcFdkqHbjuM31T8.js → browser/esm/BEFQcBJ71bA297Zu.mjs}

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

package/browser/esm/{BcNJxq2cuxPkAW4q.mjs → BEIn7yNWsHNJisB6.mjs}

@@ -1,8 +1,8 @@
-import { J as Y } from "./DpJ6rBC_S3qKpTTz.mjs";
-import { c as x, b as f, r as I, t as Z, a as A, p as D, d as tt } from "./D0GrOZjFUR2HlnMz.mjs";
+import { J as Y } from "./2RGq163l1wYJKGsa.mjs";
+import { c as x, b as f, r as I, t as Z, a as A, p as D, d as tt } from "./CDkmbShJijwq4EBo.mjs";
 import { IFont as k, IAutoFilter as T, Sort as G, IRange as et, AddressUtils as W, IFill as C, IStyle as rt, ITextFrame as P, FormulaError as st, IBorder as V } from "@sheetxl/sdk";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{DfNICWSvz9QDZQhb.mjs → BM74iVi-iQkHbrfo.mjs}

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { memo as G, useState as x, useCallback as O, useEffect as H, useMemo as w } from "react";
 import { NumberFormat as n } from "@sheetxl/sdk";
-import { v as l, av as K, b as q, B as P, F as S, aw as A, ax as J, a as p, ay as c, T as Q, $, az as U } from "./DpJ6rBC_S3qKpTTz.mjs";
+import { w as l, av as K, b as q, B as P, F as S, aw as A, ax as J, a as p, ay as c, T as Q, $, az as U } from "./2RGq163l1wYJKGsa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{Cj2uX_OMjmaU3fNR.mjs → BP8kNG31HYSkk1VW.mjs}

@@ -1,10 +1,10 @@
 import { jsx as H, jsxs as We } from "react/jsx-runtime";
-import { d as to, g as oo, u as no, s as ro, m as io, aT as Q, n as lo, p as so, aU as ao, aV as co, a as Z, aA as uo, aB as ho, av as wt, J as fo, B as he, T as po, aF as mo, a0 as go, a2 as vo, ay as fe, at as _o, au as So, $ as yo, aW as wo, aX as Co, aY as De, aZ as xo, a_ as Ro, a$ as bo, H as ye, b0 as To, b1 as zo, b2 as K, b3 as Io, b4 as V, b5 as Po } from "./DpJ6rBC_S3qKpTTz.mjs";
+import { e as to, g as oo, u as no, s as ro, n as io, aT as Q, o as lo, q as so, aU as ao, aV as co, a as Z, aA as uo, aB as ho, av as wt, J as fo, B as he, T as po, aF as mo, a0 as go, a2 as vo, ay as fe, at as _o, au as So, $ as yo, aW as wo, aX as Co, aY as De, aZ as xo, a_ as Ro, a$ as bo, E as ye, b0 as To, b1 as zo, b2 as K, b3 as Io, b4 as V, b5 as Po } from "./2RGq163l1wYJKGsa.mjs";
 import * as x from "react";
 import Ct, { useState as pe, useMemo as ko, useEffect as je, cloneElement as Oo } from "react";
-import { f as N } from "./C3Oq5rZbPE2to2eI.mjs";
+import { h as N } from "./cSe92c0HnvbRwiVM.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -2110,13 +2110,13 @@ class ln extends Ct.PureComponent {
     super(...arguments), this.getRowClassName = ({ index: e }) => {
       const { onRowClick: t } = this.props;
       return ye(Qt, se, { [eo]: e !== -1 && t != null });
-    }, this.cellRenderer = ({ cellData: e, columnIndex: t, dataKey: n }) => {
-      const { columns: r, rowHeight: l, onRowClick: i } = this.props;
-      let a = e, s = { height: l, paddingRight: "2px", paddingTop: "0px", paddingBottom: "0px" };
-      return n === "shortcut" ? a = To(e) : n === "description" && (s = { ...s, fontSize: ".75rem", display: "block", paddingTop: "4px", whiteSpace: "pre-line" }), H(Fe, { component: "div", className: ye(Me, se, { [Le]: i == null }), variant: "body", style: s, align: t != null && r[t].numeric ? "right" : "left", children: a });
-    }, this.headerRenderer = ({ label: e, columnIndex: t }) => {
-      const { headerHeight: n, columns: r } = this.props;
-      return H(Fe, { component: "div", className: ye(Me, se, Le), variant: "head", sx: { height: n, backgroundColor: (l) => l.palette.grey[300] }, align: r[t].numeric ? "right" : "left", children: H("span", { children: e }) });
+    }, this.cellRenderer = ({ cellData: e, dataKey: t, columnIndex: n, width: r }) => {
+      const { columns: l, rowHeight: i, onRowClick: a } = this.props;
+      let s = e, c = { height: i, paddingRight: "2px", paddingTop: "0px", paddingBottom: "0px", minWidth: `${r}px`, maxWidth: `${r}px` };
+      return t === "shortcut" ? s = To(e) : t === "description" && (c = { ...c, fontSize: ".75rem", display: "block", paddingTop: "4px", whiteSpace: "pre-line" }), H(Fe, { component: "div", className: ye(Me, se, { [Le]: a == null }), variant: "body", style: c, align: n != null && l[n].numeric ? "right" : "left", children: s });
+    }, this.headerRenderer = ({ label: e, columnIndex: t, width: n }) => {
+      const { headerHeight: r, columns: l } = this.props, i = l[t];
+      return H(Fe, { component: "div", className: ye(Me, se, Le), variant: "head", sx: { width: n, height: r, backgroundColor: (a) => a.palette.grey[300] }, align: i.numeric ? "right" : "left", children: H("span", { children: i.label }) });
     };
   }
   static {
@@ -2126,7 +2126,7 @@ class ln extends Ct.PureComponent {
     const { columns: e, rowHeight: t, headerHeight: n, ...r } = this.props;
     return H(Ot, { children: ({ height: l, width: i }) => H(Oe, { height: l, width: i, rowHeight: t, gridStyle: { direction: "inherit" }, headerHeight: n, ...r, rowClassName: this.getRowClassName, children: e.map(({ dataKey: a, width: s, widthLess: c, ...d }, h) => {
       const f = c ? i - c : s;
-      return H(Se, { headerRenderer: (u) => this.headerRenderer({ ...u, columnIndex: h }), className: se, cellRenderer: this.cellRenderer, dataKey: a, width: f, ...d }, a);
+      return H(Se, { style: { flex: `1 1 ${f}px` }, headerRenderer: (u) => this.headerRenderer({ ...u, width: f, columnIndex: h }), className: se, cellDataGetter: ({ rowData: u, columnData: v, dataKey: m }) => u[m], cellRenderer: (u) => this.cellRenderer({ ...u, width: f, columnIndex: h }), dataKey: a, width: f, ...d }, a);
     }) }) });
   }
 }
@@ -2147,7 +2147,7 @@ function an(o) {
     return v;
   }, [n, e]), [s, c] = pe(null);
   je(() => {
-    import("./AWcFdkqHbjuM31T8.mjs").then((u) => {
+    import("./BEFQcBJ71bA297Zu.mjs").then((u) => {
       c(new u.default(a, { threshold: 0, ignoreLocation: !0, keys: ["label", "description"] }));
     });
   }, [a]);

package/browser/esm/{DmlVS3gIBTC4kUV7.mjs → CA_DRvBOFOlhezCt.mjs}

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

package/browser/esm/{D0GrOZjFUR2HlnMz.mjs → CDkmbShJijwq4EBo.mjs}

@@ -1,7 +1,7 @@
 import { NumberFormat as Ht, ScalarType as Ft, ResourceCollection as vs, Tuple as Ss, IAutoFilter as Jt, AddressUtils as at, CoordUtils as De, FormulaError as Cs, IRange as ks, CommonUtils as es, Theme as As, JSONStableStringify as Es, Workbook as Ds, IColor as Ps, OutOfBoundsError as Os } from "@sheetxl/sdk";
-import { J as cs } from "./DpJ6rBC_S3qKpTTz.mjs";
+import { J as cs } from "./2RGq163l1wYJKGsa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -897,14 +897,14 @@ class Bt {
 const Ks = (i, t, s) => {
   if (i[0].value[0] === i[1].value[0]) return t;
 }, ls = { colStart: 0, colEnd: 0, rowStart: 0, rowEnd: 0 }, ri = Object.freeze(Object.defineProperty({ __proto__: null, fromBufferXLSX: async (i, t) => {
-  const { password: s, onWarning: o, constructorOptions: n = {}, ...a } = t ?? {}, c = import("./DB6PulwZ7VZjKPA8.mjs"), m = import("./BcNJxq2cuxPkAW4q.mjs");
+  const { password: s, onWarning: o, createWorkbookOptions: n = {}, ...a } = t ?? {}, c = import("./DyUvHYGMNA9W2zL6.mjs"), m = import("./BEIn7yNWsHNJisB6.mjs");
   let v = null;
   try {
     v = new DOMParser();
   } catch {
   }
   let b = null;
-  v || (b = import("./B10LhnZcMt1ayTsN.mjs").then((u) => u.i));
+  v || (b = import("./DnWiOUNTPvi_llPT.mjs").then((u) => u.i));
   let x = null, E = null, y = null;
   try {
     const u = await Promise.all([c, m, b]);
@@ -1311,7 +1311,7 @@ const Ks = (i, t, s) => {
           }, W), _t = ns(R, ce), xt = await (async (V, U = 8388608) => {
             await (async () => {
               if (typeof ReadableStream > "u") if (typeof window > "u") {
-                const { ReadableStream: J } = await import("./nPC0QB7Y32vNdKJ6.mjs");
+                const { ReadableStream: J } = await import("./CjVsKZEPAncg5mIk.mjs");
                 globalThis.ReadableStream = J;
               } else console.warn("Browser does not support ReadableStream; consider loading a polyfill.");
             })();
@@ -1409,7 +1409,7 @@ const Ks = (i, t, s) => {
     throw u instanceof Os && (D = "Unable to open XLSX. There are too many rows or columns."), new Error(D, { cause: u });
   }
 }, toBufferXLSX: async (i, t) => {
-  const s = await import("./DB6PulwZ7VZjKPA8.mjs"), o = await i.toJSON(!0), n = s.utils.book_new();
+  const s = await import("./DyUvHYGMNA9W2zL6.mjs"), o = await i.toJSON(!0), n = s.utils.book_new();
   for (let a = 0; a < o.sheets.length; a++) {
     const c = o.sheets[a], m = s.utils.json_to_sheet([{}]);
     s.utils.book_append_sheet(n, m, c.name);

package/browser/esm/{DzTywDe5V3E28PWl.mjs → CPi83FXApMlTaVbs.mjs}

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

package/browser/esm/{CyTYBSnJvDp00EQS.mjs → C_hRuPoaT857EnC1.mjs}

@@ -1,20 +1,20 @@
 import { jsx as o, jsxs as A } from "react/jsx-runtime";
 import { memo as E, useMemo as b, useState as g, useCallback as O } from "react";
-import { v as f, b as S, B as U, F as P, T as D, a as l, ay as p } from "./DpJ6rBC_S3qKpTTz.mjs";
+import { w as f, b as S, B as U, F as P, T as D, a as l, ay as p } from "./2RGq163l1wYJKGsa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const V = ["Ok", "Cancel"], J = E((F) => {
-  const { initialHyperlink: n = null, initialDisplay: v = null, onUpdateHyperlink: m, context: s, onOption: x, onValidateOption: r, onDone: d, options: h = V, defaultOption: c = h?.[0], cancelOption: i = "Cancel", sx: H, ...I } = F, w = b(() => (n ?? s?.()?.getHyperlink()) !== null, []), y = b(() => {
+  const { initialHyperlink: n = null, initialDisplay: w = null, onUpdateHyperlink: m, context: s, onOption: x, onValidateOption: r, onDone: d, options: h = V, defaultOption: c = h?.[0], cancelOption: i = "Cancel", sx: H, ...I } = F, v = b(() => (n ?? s?.()?.getHyperlink()) !== null, []), y = b(() => {
     let a = null, t = null;
     n && (typeof n == "string" ? t = n : a = n);
     const C = a ?? s?.()?.getHyperlink();
     return { address: t ?? C?.getAddress() ?? "", textToDisplay: C?.getDisplayText() ?? "" };
   }, [n, s]), [e, M] = g(y.address), [u, B] = g(() => {
-    const a = s?.().toTextUnformatted() ?? v;
+    const a = s?.().toTextUnformatted() ?? w;
     return a === y.address ? "" : a;
   }), [$, k] = g(!1), L = O((a) => {
     B(a.target.value);
@@ -30,7 +30,7 @@ const V = ["Ok", "Cancel"], J = E((F) => {
     }
     return t ?? !0;
   }, [r]);
-  return o(S, { title: (w ? "Edit" : "Insert") + " Link", options: h, onDone: d, onOption: (a) => W(a), onValidateOption: z, defaultOption: c, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...H }, ...I, children: A(U, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(P, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: o(D, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (a) => {
+  return o(S, { title: (v ? "Edit" : "Insert") + " Link", options: h, onDone: d, onOption: (a) => W(a), onValidateOption: z, defaultOption: c, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...H }, ...I, children: A(U, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(P, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: o(D, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (a) => {
     $ || a.target?.select(), k(!0);
   }, sx: { "& .MuiFormHelperText-root": { marginTop: (a) => a.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (a) => a.spacing(1.25), paddingBottom: (a) => a.spacing(0.75), backgroundImage: `linear-gradient(${l("#fff", p(5))}, ${l("#fff", p(5))})` } } }, value: e, onChange: j, onContextMenu: (a) => {
     a.stopPropagation();

package/browser/esm/{nPC0QB7Y32vNdKJ6.mjs → CjVsKZEPAncg5mIk.mjs}

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

package/browser/esm/{Ka_EOSR_2pEe_9bW.mjs → Ckz080o58XOgRhqj.mjs}

@@ -1,8 +1,8 @@
 import { jsx as z, jsxs as lt } from "react/jsx-runtime";
 import k, { memo as es, useState as pe, useCallback as de, useLayoutEffect as rs, PureComponent as mt, Component as _t, isValidElement as ns } from "react";
-import { M as os, E as as, I as is, B as us, P as Su, c as ss, S as xt } from "./DpJ6rBC_S3qKpTTz.mjs";
+import { M as os, c as as, I as is, B as us, P as Su, R as ss, d as xt } from "./2RGq163l1wYJKGsa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{BefI9PT_BgRNGb7_.mjs → ClXspoNrNV-A8BaL.mjs}

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as z, forwardRef as E, useState as s } from "react";
-import { k as t, i as G, b as K, B as R, F as W, T as Y, a as x, G as q, Y as y } from "./DpJ6rBC_S3qKpTTz.mjs";
+import { k as t, i as G, b as K, B as R, F as W, T as Y, a as x, G as q, Y as y } from "./2RGq163l1wYJKGsa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{bnNlX3wyLfzCzkPl.mjs → DQ0Li3WfKbZxSFuB.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (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 i = { reactUrl: "https://esm.sh/react@19.1.0", reactJsxTransform: "https:/
     e.type = "importmap", e.textContent = JSON.stringify({ imports: { react: n, "react/jsx-runtime": a, "react-dom": s, "react-dom/client": c } }), document.head.appendChild(e), console.log("SheetXL: Import map injected:", e.textContent);
   }
   await new Promise((e) => setTimeout(e, 0));
-  const o = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./DpJ6rBC_S3qKpTTz.mjs").then((e) => e.b7)]);
+  const o = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./2RGq163l1wYJKGsa.mjs").then((e) => e.b7)]);
   return console.log("SheetXL: Dependencies resolved:", o), { React: o[0], ReactJSXTransform: o[1], ReactDOM: o[2], ReactDOMClient: o[3], StudioMUI: o[4] };
 })(), r));
 export {

package/browser/esm/{yULhUqAUufR5kUwn.mjs → DXyJaUwHLq39-Jfa.mjs}

@@ -1,19 +1,19 @@
 import { jsx as n, jsxs as h } from "react/jsx-runtime";
 import { useState as C } from "react";
 import { Sort as a, IRange as r } from "@sheetxl/sdk";
-import { v as O, b as S, B as b, at as s, au as l } from "./DpJ6rBC_S3qKpTTz.mjs";
+import { w as O, b as S, B as b, at as s, au as l } from "./2RGq163l1wYJKGsa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const D = ({ range: p, options: c, cell: u, onDone: d, ...v }) => {
-  const [t, o] = C(c ?? a.DefaultRangeOptions), m = O((e) => {
+const D = ({ range: p, options: c, cell: u, onDone: d, ...m }) => {
+  const [t, o] = C(c ?? a.DefaultRangeOptions), v = O((e) => {
     let i = null;
     e === "Sort" && (i = { ...c, options: t }), d?.(i);
   }, [t, d, c]);
-  return n(S, { title: "Sort", options: ["Sort", "Cancel"], onDone: m, ...v, children: h(b, { sx: { display: "flex", flexDirection: "column" }, children: [n(s, { control: n(l, { checked: !t.reverse, onChange: () => o((e) => ({ ...e, reverse: !e.reverse })) }), label: "Is Ascending", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.hasHeader, onChange: () => o((e) => ({ ...e, hasHeader: !e.hasHeader })) }), label: "Has Header", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity, onChange: () => o((e) => ({ ...e, collatorOptions: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity ? a.CaseInsensitiveOptions : a.CaseSensitiveOptions })) }), label: "Case Sensitive", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.orientation === r.Orientation.Row, onChange: () => o((e) => {
+  return n(S, { title: "Sort", options: ["Sort", "Cancel"], onDone: v, ...m, children: h(b, { sx: { display: "flex", flexDirection: "column" }, children: [n(s, { control: n(l, { checked: !t.reverse, onChange: () => o((e) => ({ ...e, reverse: !e.reverse })) }), label: "Is Ascending", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.hasHeader, onChange: () => o((e) => ({ ...e, hasHeader: !e.hasHeader })) }), label: "Has Header", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity, onChange: () => o((e) => ({ ...e, collatorOptions: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity ? a.CaseInsensitiveOptions : a.CaseSensitiveOptions })) }), label: "Case Sensitive", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.orientation === r.Orientation.Row, onChange: () => o((e) => {
     const i = e.orientation === r.Orientation.Row ? r.Orientation.Column : r.Orientation.Row;
     return { ...p.getDefaultSortCriteria(i, u).options, includeHidden: e.includeHidden, reverse: e.reverse, orientation: i };
   }) }), label: "Row Sort", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.includeHidden, onChange: () => o((e) => ({ ...e, includeHidden: !e.includeHidden })) }), label: "Include Hidden", labelPlacement: "end" })] }) });

package/{cdn/assets/C_kr_6FpZ17pfLXi.js → browser/esm/D_FC0zteMRPriWTD.mjs}

@@ -1,7 +1,7 @@
 import * as Je from "react";
 import { createElement as $r, forwardRef as Ya, useRef as Xa, useImperativeHandle as Wa, useEffect as Ha } from "react";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{B10LhnZcMt1ayTsN.mjs → DnWiOUNTPvi_llPT.mjs}

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

package/browser/esm/{DB6PulwZ7VZjKPA8.mjs → DyUvHYGMNA9W2zL6.mjs}

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

package/browser/esm/{anzhTAYYl_AYExOH.mjs → EUFvcP5R4HFDLn2V.mjs}

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