@sheetxl/studio-vanilla 0.3.4 → 0.3.5

package/browser/esm/index.mjs

@@ -1,9 +1,9 @@
 import "react";
 import "react/jsx-runtime";
 import "react-dom/client";
-import { bH as i } from "./Bq_HFm6_6_ycs_gE.mjs";
+import { b6 as i } from "./CYXzmWJtZn5OJVBF.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/RWhi_dOrWDICNt1t.js → browser/esm/mq5uPzTIc1x8unBP.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.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/wziCLl5xvHu6Guu_.mjs

@@ -0,0 +1,22 @@
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import { memo as T, useState as i, useCallback as k } from "react";
+import { t as w, m as j, B as v, aP as y, at as B, au as F } from "./CYXzmWJtZn5OJVBF.mjs";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
+ *
+ * (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: o = d?.[0], cancelOption: s = "Cancel", sx: m, ...h } = u, [x, O] = i(!1), [n, b] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = w((a) => {
+    const g = { ...e, hasHeader: n, ranges: l };
+    c?.(a, a === s, a === o), r?.({ option: a, tableOptions: g });
+  }, [r, c, o, s, n, l, e]), D = k(async (a, g) => null, []);
+  return t(j, { title: "Insert Table", options: d, onDone: C, onValidateOption: D, defaultOption: o, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...h, children: N(v, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [t(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
+    x || a.target?.select(), O(!0);
+  } }), t(B, { control: t(F, { checked: n, onChange: () => b(!n) }), label: "Table has headers", labelPlacement: "end" })] }) });
+});
+export {
+  A as TableNewDialog,
+  A as default
+};

package/cdn/assets/{LxoKYdUqZ4Zgxjza.js → B41q92oKD_VR31Dd.js}

@@ -1,15 +1,15 @@
-import { Z as y, k as C } from "./U_ihCP2tbaRnqD2g.js";
+import { Workbook as y, IRange as C } from "@sheetxl/sdk";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const k = async (a, p) => {
-  const { trimLeadingBlankRow: i = !0, trimLeadingBlankColumn: u = !0, excludeHidden: h = !1, sheetKey: o = null, papaParseConfig: m = {} } = p || {}, f = await import("./C-oc6cc0wXRVBFx2.js").then((s) => s.p);
+  const { trimLeadingBlankRow: i = !0, trimLeadingBlankColumn: u = !0, excludeHidden: h = !1, sheetKey: r = null, papaParseConfig: m = {} } = p || {}, f = await import("./CsVV_QnEl77BQM3V.js").then((s) => s.p);
   if (!a) throw new Error("workbook must be specified");
   let t = null;
-  if (o === null ? t = a.getSelectedSheet() : typeof o == "number" ? t = a.getSheets().search()[o] : typeof o == "string" && (t = a.getSheets().getByName(o)), !t) throw new Error("invalid sheetKey specified");
+  if (r === null ? t = a.getSelectedSheet() : typeof r == "number" ? t = a.getSheets().search()[r] : typeof r == "string" && (t = a.getSheets().getByName(r)), !t) throw new Error("invalid sheetKey specified");
   let c = null;
   const d = [];
   let e = null, n = t.getUsedRange({ excludeHidden: h });
@@ -24,23 +24,23 @@ const k = async (a, p) => {
     const S = x.toTextUnformatted() ?? "";
     e.push(S);
   }, { includeEmpty: !0, address: null }), e && d.push(e);
-  const r = { ...m }, g = f.unparse(d, r);
+  const o = { ...m }, g = f.unparse(d, o);
   return new TextEncoder().encode(g);
-}, B = async (a, p) => {
-  const { papaParseConfig: i, setValuesOptions: u, constructorOptions: h } = p ?? {}, o = await import("./C-oc6cc0wXRVBFx2.js").then((r) => r.p), m = new TextDecoder().decode(a);
+}, R = async (a, p) => {
+  const { papaParseConfig: i, setValuesOptions: u, constructorOptions: h } = p ?? {}, r = await import("./CsVV_QnEl77BQM3V.js").then((o) => o.p), m = new TextDecoder().decode(a);
   let f = -1;
   const t = new y(h), c = t.getSelectedSheet().getEntireRange().startIncrementalUpdates({ orientation: C.Orientation.Row }), d = p?.onProgress;
   let e = 0;
-  const n = { ...i, transform: (r, g) => {
-    i?.transform && (r = i.transform(r, g));
+  const n = { ...i, transform: (o, g) => {
+    i?.transform && (o = i.transform(o, g));
     const s = g;
     s === 0 && f++;
-    let l = r ?? "";
-    return c.pushAt(f, s, l), e++, e % 1e5 == 0 && d?.(e), r;
+    let l = o ?? "";
+    return c.pushAt(f, s, l), e++, e % 1e5 == 0 && d?.(e), o;
   } };
-  return o.parse(m, n).data, c.apply({ textParser: !0, ...u }), t;
+  return r.parse(m, n).data, c.apply({ textParser: !0, ...u }), t;
 };
 export {
-  B as fromBufferCSV,
+  R as fromBufferCSV,
   k as toBufferCSV
 };

package/cdn/assets/{BMb4pCD8O5vK2p1B.js → BOl7blN8JotSzCHJ.js}

@@ -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 { y as os, i as as, j as is, B as us, l as Su, o as ss, r as xt } from "./U_ihCP2tbaRnqD2g.js";
+import { D as os, E as as, c as is, B as us, I as Su, _ as ss, w as xt } from "./F-RqJeKWiW4i5344.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{browser/esm/Ddm9jggzrr5VJQ68.mjs → cdn/assets/Bs-psXrTRw1jFety.js}

@@ -1,18 +1,18 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { memo as O, useState as r, useRef as E, useReducer as M, useMemo as W } from "react";
-import { bk as A, ap as k, bl as q, bm as J, a7 as x, b9 as K, ba as V, B as n, bn as G, bo as Q, aN as b, bp as U, bq as X, aJ as f, aK as y, aL as w, br as S } from "./Bq_HFm6_6_ycs_gE.mjs";
+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, t 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 "./F-RqJeKWiW4i5344.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
  *
  * (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: N, onHide: v, autoFocusSel: R = ".range-input input", context: T, notifier: l = A, command: c, commands: d, ...D } = C, [F, g] = r(!1), [m, p] = r(!1), h = E(null), [Y, B] = M((e) => e + 1, 0), [H, { width: Z }] = k();
-  q(c);
-  const o = T ?? c.context(), t = o.table(), [I, P] = r(() => t ? o.getNames().getRanges(t.getRange()) : null), j = W(() => t?.getName() ?? "", [t]);
-  J(o.table(), { onAnchorCoordsChange(e) {
-    P(o.getNames().getRanges(e.getRange()));
+  const { title: N, onHide: R, autoFocusSel: v = ".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();
+  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) {
+    I(o.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
     B();
   } });
@@ -22,15 +22,15 @@ 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(K, { title: N ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: R, refWindow: h, onHide: v, 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, { title: N ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: v, refWindow: h, onHide: R, onFocus: () => g(!0), onBlur: (e) => {
     h?.current?.contains(e.relatedTarget) || g(!1);
-  }, PaperProps: { elevation: F ? 3 : 1 }, ...D, children: s(V, { 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(G, { formName: "name", defaultInput: j, value: t?.getName() ?? "No table", onChangeInput: L, onValidate: (e) => {
+  }, 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);
   }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     m || e.target?.select(), p(!0);
-  } }), a(Q, { formName: "range", value: I, onChangeInput: z, resolvedAddress: o.getNames().getRanges.bind(o.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+  } }), a(K, { formName: "range", value: P, onChangeInput: z, resolvedAddress: o.getNames().getRanges.bind(o.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     m || e.target?.select(), p(!0);
-  } })] }) }) }), s(n, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [a(b, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a(U, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
+  } })] }) }) }), s(n, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [a(f, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a(U, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
     t.updateStyleOptions(e);
   }, showHeaderRow: t?.getShowHeaders(), onShowHeaderRowChange: (e) => {
     try {
@@ -50,7 +50,7 @@ const te = O((C) => {
     } catch (i) {
       l.showError(i);
     }
-  } }), a(n, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a(X, { table: t, styles: o.styles(), bodyStyle: o.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a(b, { orientation: "horizontal" }), s(n, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a(f, { variant: w.Menuitem, command: d.getCommand("convertTableToRange"), commandState: t, icon: y(a(S, {})) }), a(f, { variant: w.Menuitem, commandState: t, command: d.getCommand("deleteTable"), icon: y(a(S, {})) })] })] })] }), u] }) });
+  } }), a(n, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a(X, { table: t, styles: o.styles(), bodyStyle: o.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a(f, { orientation: "horizontal" }), s(n, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a(y, { variant: w.Menuitem, command: d.getCommand("convertTableToRange"), commandState: t, icon: b(a(S, {})) }), a(y, { variant: w.Menuitem, commandState: t, command: d.getCommand("deleteTable"), icon: b(a(S, {})) })] })] })] }), u] }) });
 });
 export {
   te as TableDetailsWindow,

package/cdn/assets/{COFTB6OufFls7NP1.js → BzptX9H_YCM2l0DE.js}

@@ -1,23 +1,24 @@
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { aY as a, a7 as m, n as O, B as H, b1 as s, b2 as l, k as r } from "./U_ihCP2tbaRnqD2g.js";
+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 { t as O, m as S, B as g, at as s, au as l } from "./F-RqJeKWiW4i5344.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const k = ({ range: h, options: c, cell: p, onDone: d, ...v }) => {
-  const [t, o] = b(c ?? a.DefaultRangeOptions), u = m((e) => {
+const D = ({ range: m, options: c, cell: p, onDone: d, ...u }) => {
+  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(O, { title: "Sort", options: ["Sort", "Cancel"], onDone: u, ...v, children: C(H, { 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, ...u, children: h(g, { 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 { ...h.getDefaultSortCriteria(i, p).options, includeHidden: e.includeHidden, reverse: e.reverse, orientation: i };
+    return { ...m.getDefaultSortCriteria(i, p).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" })] }) });
 };
 export {
-  k as SortDialog,
-  k as default
+  D as SortDialog,
+  D as default
 };

package/cdn/assets/{s8U6UEvd4LQsvEnH.js → C60KakDbde-A4anI.js}

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

package/cdn/assets/C8omEbSXHWI_wNjp.js

@@ -0,0 +1,41 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as j, forwardRef as z, useState as s } from "react";
+import { T as n, s as E, m as G, B as K, F as R, a as W, b as x, X, G as y } from "./F-RqJeKWiW4i5344.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const q = ["Input"], Y = j(z((w, A) => {
+  const { initialValue: T = "", onOption: F, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: I, inputType: P, inputPlaceHolder: b, options: d = q, autoFocusSel: v = ".autoFocus", cancelOption: m, defaultOption: g = d?.[0], ...C } = w, [k, V] = s(!1), [o, B] = s(T), [D, S] = s(""), [H, L] = s(!0), e = n(async (a, t) => {
+    if (!p) return !0;
+    const h = await p?.(a, t);
+    S(h?.message ?? "");
+    const O = h?.valid ?? !0;
+    return L(O), O;
+  }, [p]), f = n(async (a) => {
+    l?.(o, a);
+  }, [o, l, u, F, m, g]), M = n(async (a) => {
+    a.keyCode === E.Enter && await e?.(o, null);
+  }, [o, f]), N = n((a) => {
+    B(a.target.value), e?.(a.target.value, null);
+  }, [r]), $ = n(async (a) => {
+    let t = await e(o, a);
+    try {
+      t !== !1 && (t = await e(o, a));
+    } catch {
+    }
+    return t ?? !0;
+  }, [o, r]);
+  return i(G, { options: d, onDone: u, onOption: (a, t) => {
+    t || f(a);
+  }, onValidateOption: $, cancelOption: m, defaultOption: g, autoFocusSel: v, ...C, children: i(K, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0) }, children: i(R, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(W, { onFocus: (a) => {
+    k || a.target?.select(), V(!0);
+  }, type: P, label: I, helperText: D || " ", sx: { width: "100%", "& .MuiFormHelperText-root": { marginTop: (a) => a.spacing(0.5), color: H ? void 0 : "error.main" } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { placeholder: b, spellCheck: !1, autoComplete: "off", ...c, className: X("autoFocus", c?.className), sx: { paddingTop: (a) => a.spacing(1.25), paddingBottom: (a) => a.spacing(0.75), backgroundImage: `linear-gradient(${x("#fff", y(5))}, ${x("#fff", y(5))})` } } }, value: o, onChange: N, onKeyDown: M, onContextMenu: (a) => {
+    a.stopPropagation();
+  } }) }) }) });
+}));
+export {
+  Y as default
+};

package/{browser/esm/CZRLp5H9dSrMEgaI.mjs → cdn/assets/CEXK9SXjFf1dGHZe.js}

@@ -1,16 +1,16 @@
 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 { a7 as u, n as L, B as S, bn as A, bo as G } from "./Bq_HFm6_6_ycs_gE.mjs";
+import { t as u, m as L, B as S, aO as A, aP as G } from "./F-RqJeKWiW4i5344.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const M = ["Ok", "Cancel"], H = E((C) => {
-  const { value: a = null, context: t, onOption: c, onValidateOption: U, 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(() => {
+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, b] = p({ displayText: a?.getName() ?? y, errorText: null }), [l, w] = p({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = p(!1), D = h(async (e) => !n.errorText && !l.errorText, [t]), F = u((e, s, r) => {
+  }, []), [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) {
       let o = null;
       i ? o = t?.getNames().addReference(n?.displayText, l?.displayValue, !1) : (a.getType() === "reference" && a.doBatch(() => {
@@ -18,26 +18,26 @@ const M = ["Ok", "Cancel"], H = E((C) => {
       }, `Edit Named '${n?.displayText}'`), o = a), o && (o.select(), g(o, i));
     }
     c?.(e, s, r), m?.();
-  }, [t, n, l, m, c, f, N, g]), B = u((e) => {
+  }, [t, n, l, m, c, f, N, g]), I = u((e) => {
     let s = null;
     try {
       t?.getNames().validateName(e);
     } catch (r) {
       s = r.message;
     }
-    b({ displayText: e, errorText: s });
-  }, []), I = u((e) => {
+    w({ displayText: e, errorText: s });
+  }, []), b = u((e) => {
     a && a.getName().toLowerCase() === e.toLowerCase() || t?.getNames().validateName(e);
   }, [t, a]), j = h((e) => {
-    w({ displayValue: e ?? null, errorText: null });
+    D({ displayValue: e ?? null, errorText: null });
   }, []);
-  return d(L, { title: (i ? "Define" : "Edit") + " Range", options: x, onOption: F, onValidateOption: D, 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) => {
+  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: I, onValidate: b, 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);
   } })] }) });
 });
 export {
-  H as NamedReferenceDialog,
-  H as default
+  z as NamedReferenceDialog,
+  z as default
 };

package/cdn/assets/{qchlbvmOxrybWJep.js → CPWh2H15145LP-d5.js}

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

package/cdn/assets/C_E1C68wCcRpC6XN.js

@@ -0,0 +1,46 @@
+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 { t as m, m as S, B as U, F as P, a as D, b as l, ay as p } from "./F-RqJeKWiW4i5344.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
+ *
+ * (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: H = null, onUpdateHyperlink: f, context: s, onOption: x, onValidateOption: r, onDone: d, options: h = V, defaultOption: c = h?.[0], cancelOption: i = "Cancel", sx: I, ...v } = F, w = 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() ?? H;
+    return a === y.address ? "" : a;
+  }), [$, k] = g(!1), L = O((a) => {
+    B(a.target.value);
+  }, []), T = O(async (a, t) => null, []), W = m(async (a) => {
+    a !== i && f?.(e === "" ? null : { address: e }, u), x?.(a, a === i, a === c), d?.();
+  }, [e, u, f, d, x, c, i]), j = m((a) => {
+    M(a.target.value), T(a.target.value, null);
+  }, [r]), z = m(async (a) => {
+    let t = await Promise.resolve(r?.(a));
+    try {
+      t !== !1 && (t = await T(e, a));
+    } catch {
+    }
+    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", ...I }, ...v, 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();
+  } }) }), o(P, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: o(D, { label: "Display Text", placeholder: e?.startsWith("#") ? e.substring(1) : e, onFocus: () => {
+    k(!0);
+  }, sx: { "& .MuiFormHelperText-root": { marginTop: (a) => a.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { 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: u, onChange: L, onContextMenu: (a) => {
+    a.stopPropagation();
+  } }) })] }) });
+});
+export {
+  J as HyperlinkDialog,
+  J as default
+};

package/cdn/assets/{BKDQtGZxRUUzBmnI.js → ClFGbVy7cnhMW-dO.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
  *
  * (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("./U_ihCP2tbaRnqD2g.js").then((e) => e.bH)]);
+  const o = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./F-RqJeKWiW4i5344.js").then((e) => e.b6)]);
   return console.log("SheetXL: Dependencies resolved:", o), { React: o[0], ReactJSXTransform: o[1], ReactDOM: o[2], ReactDOMClient: o[3], StudioMUI: o[4] };
 })(), r));
 export {