@sheetxl/studio-vanilla 0.3.4 → 0.3.6

package/cdn/assets/{BPStm90FUYfOgibU.js → BcGPdpUCizGdDlXm.js}

@@ -1,26 +1,26 @@
 import { jsx as i } from "react/jsx-runtime";
-import { memo as $, forwardRef as j, useState as s } from "react";
-import { p as n, d as z, n as K, B as R, e as W, T as q, f as x, g as A, E as y } from "./U_ihCP2tbaRnqD2g.js";
+import { memo as j, forwardRef as z, useState as s } from "react";
+import { T as n, s as E, b as K, B as R, F as W, a as X, c as x, X as q, e as y } from "./De8HwbKM7sZJMZSq.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.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const G = ["Input"], Y = $(j((w, J) => {
-  const { initialValue: T = "", onOption: F, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: I, inputType: P, inputPlaceHolder: v, options: d = G, autoFocusSel: C = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...b } = w, [k, V] = s(!1), [o, B] = s(T), [D, S] = s(""), [E, H] = s(!0), e = n(async (a, t) => {
+const A = ["Input"], Y = j(z((w, G) => {
+  const { initialValue: T = "", onOption: F, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: I, inputType: P, inputPlaceHolder: b, options: d = A, autoFocusSel: v = ".autoFocus", cancelOption: g, defaultOption: m = 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 H(O), O;
+    return L(O), O;
   }, [p]), f = n(async (a) => {
     l?.(o, a);
-  }, [o, l, u, F, g, m]), L = n(async (a) => {
-    a.keyCode === z.Enter && await e?.(o, null);
-  }, [o, f]), M = n((a) => {
+  }, [o, l, u, F, g, m]), 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 = n(async (a) => {
+  }, [r]), $ = n(async (a) => {
     let t = await e(o, a);
     try {
       t !== !1 && (t = await e(o, a));
@@ -30,9 +30,9 @@ const G = ["Input"], Y = $(j((w, J) => {
   }, [o, r]);
   return i(K, { options: d, onDone: u, onOption: (a, t) => {
     t || f(a);
-  }, onValidateOption: N, cancelOption: g, defaultOption: m, autoFocusSel: C, ...b, children: i(R, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0) }, children: i(W, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(q, { onFocus: (a) => {
+  }, onValidateOption: $, cancelOption: g, defaultOption: m, autoFocusSel: v, ...C, children: i(R, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0) }, children: i(W, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(X, { 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: E ? void 0 : "error.main" } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { placeholder: v, spellCheck: !1, autoComplete: "off", ...c, className: A("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: M, onKeyDown: L, onContextMenu: (a) => {
+  }, 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: q("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();
   } }) }) }) });
 }));

package/cdn/assets/Be-_CFU80fx1X1E9.js

@@ -0,0 +1,50 @@
+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 { w as l, av as K, b as _, B as P, F as S, aw as q, ax as A, c as p, ay as c, a as J, _ as D, az as Q } from "./De8HwbKM7sZJMZSq.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.6
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const U = ["Ok", "Cancel"], ea = G(($) => {
+  const { initialValue: I, context: h, onOption: b, onValidateOption: u, onInputOption: C, onDone: d, options: v = U, defaultOption: r = v?.[0], cancelOption: m = "Cancel", sx: N, ...V } = $, [e, T] = x(I), [j, z] = x(!1), g = O(async (a, o) => !0, []), y = l(async (a) => {
+    C?.(e, a), b?.(a, a === m, a === r), d?.();
+  }, [e, C, d, b, m, r]), B = l(async (a) => {
+    a.keyCode === K.Enter && await g?.(e, null) !== !1 && y(r);
+  }, [e, y]), M = l((a) => {
+    T(a.target.value), g?.(a.target.value, null);
+  }, [u]), E = l(async (a) => {
+    let o = await Promise.resolve(u?.(a));
+    try {
+      o !== !1 && (o = await Promise.resolve(g?.(e, a)) ?? !0);
+    } catch {
+    }
+    return o ?? !0;
+  }, [u]), [k, F] = x(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
+  H(() => {
+    F(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
+  }, [e]);
+  const L = w(() => {
+    const a = n.Styles.lookupPrimary(), o = (i) => t(Q, { value: i, children: i }, i), s = Object.keys(a).map((i) => o(a[i].formatType));
+    return s.push(o(n.Type.Custom)), s;
+  }, []), R = O((a) => {
+    const o = a.target.value;
+    F(o);
+    const s = n.Styles.lookupDefault(o);
+    s && T(s);
+  }, []), W = w(() => {
+    const a = h();
+    return a.createTemporaryCell({ value: a.getValue() ?? 12345, style: { numberFormat: e } });
+  }, [k, e, h]);
+  return t(_, { title: "Number Format", options: v, onDone: d, onOption: (a) => y(a), onValidateOption: E, defaultOption: r, cancelOption: m, autoFocusSel: ".autoFocus", sx: { width: "580px", ...N }, ...V, children: f(P, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [f(S, { sx: { minWidth: 135 }, size: "small", children: [t(q, { children: "Category" }), t(A, { value: k, label: "Category", onChange: R, sx: { backgroundImage: `linear-gradient(${p("#fff", c(5))}, ${p("#fff", c(5))})` }, children: L })] }), t(S, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t(J, { label: "Code", onFocus: (a) => {
+    j || a.target?.select(), z(!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(${p("#fff", c(5))}, ${p("#fff", c(5))})` } } }, value: e, onChange: M, onKeyDown: B, onContextMenu: (a) => {
+    a.stopPropagation();
+  } }) }), f(P, { children: [t(D, { variant: "caption", component: "div", sx: { paddingLeft: (a) => a.spacing(2) }, children: "Preview" }), t(D, { variant: "body2", component: "div", sx: { borderRadius: (a) => `${a.shape.borderRadius}px`, padding: (a) => a.spacing(1), border: (a) => `1px solid ${a.palette.grey[400]}` }, children: W.getNumberFormat().displayText || "(empty)" })] })] }) });
+});
+export {
+  ea as NumberFormatDialog,
+  ea as default
+};

package/cdn/assets/{CTdGamCv2VtpI05C.js → CIG-Y2tRBFYerBVK.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.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{s8U6UEvd4LQsvEnH.js → CRLFplTpJUvecqqq.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.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{BKDQtGZxRUUzBmnI.js → ChD-x-lrZKLslGbg.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.6
  *
  * (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("./De8HwbKM7sZJMZSq.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 {

package/cdn/assets/{COFTB6OufFls7NP1.js → CkMou3XlV2mmYqmq.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 m } from "react/jsx-runtime";
+import { useState as C } from "react";
+import { Sort as a, IRange as r } from "@sheetxl/sdk";
+import { w as O, b as S, B as b, at as s, au as l } from "./De8HwbKM7sZJMZSq.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.6
  *
  * (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: p, options: c, cell: u, onDone: d, ...h }) => {
+  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, ...h, children: m(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 { ...h.getDefaultSortCriteria(i, p).options, includeHidden: e.includeHidden, reverse: e.reverse, orientation: i };
+    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" })] }) });
 };
 export {
-  k as SortDialog,
-  k as default
+  D as SortDialog,
+  D as default
 };

package/cdn/assets/{BMb4pCD8O5vK2p1B.js → Cx6czat4u0MrS9wL.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, O as is, B as us, z as Su, d as ss, S as xt } from "./De8HwbKM7sZJMZSq.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.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{browser/esm/Dl02UNFD2tNwtHQ9.mjs → cdn/assets/D-GTj1DQOn_EIw_N.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.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{browser/esm/GbTp1_3jFZu0Ex24.mjs → cdn/assets/D0YFJdBci18KKVSS.js}

@@ -1,11 +1,11 @@
-import { Z as z } from "./Bq_HFm6_6_ycs_gE.mjs";
+import { Workbook as k } 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.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const j = async (g, p) => {
+const B = async (g, p) => {
   const i = await g.toJSON(), w = p?.whiteSpace ?? 0;
   let b;
   p?.beforeWrite?.(g, i), b = w === 0 ? JSON.stringify(i) : function(a, c = 2) {
@@ -51,7 +51,7 @@ const j = async (g, p) => {
     } }), n = new CompressionStream(c), o = r.pipeThrough(n);
     return (await new Response(o).blob()).arrayBuffer();
   }(y, typeof s == "string" ? s : void 0)), y;
-}, T = async (g, p) => {
+}, j = async (g, p) => {
   let i = g;
   (function(s) {
     if (s.byteLength < 4) return !1;
@@ -72,9 +72,9 @@ const j = async (g, p) => {
   }(i));
   let w = new TextDecoder().decode(i);
   const b = JSON.parse(w), y = { ...p?.constructorOptions ?? {}, json: b };
-  return new z(y);
+  return new k(y);
 };
 export {
-  T as fromBufferJSON,
-  j as toBufferJSON
+  j as fromBufferJSON,
+  B as toBufferJSON
 };

package/{browser/esm/C-oc6cc0wXRVBFx2.mjs → cdn/assets/DRX3PxyWmwYCO1oC.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.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{browser/esm/CZRLp5H9dSrMEgaI.mjs → cdn/assets/DS9Og6WSj_kNksiq.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 { w as u, b as L, B as S, aO as A, aP as G } from "./De8HwbKM7sZJMZSq.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.6
  *
  * (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(() => {
@@ -25,19 +25,19 @@ const M = ["Ok", "Cancel"], H = E((C) => {
     } catch (r) {
       s = r.message;
     }
-    b({ displayText: e, errorText: s });
+    w({ displayText: e, errorText: s });
   }, []), I = 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: 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);
   } })] }) });
 });
 export {
-  H as NamedReferenceDialog,
-  H as default
+  z as NamedReferenceDialog,
+  z as default
 };