@sheetxl/studio-vanilla 0.8.0-beta.10 → 0.8.0-beta.11

package/browser/esm/{CtZPEkaldpJpoGtW.mjs → KG-A3VX4kcf2uLJI.mjs}

@@ -1,15 +1,15 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { r as e, t } from "./DLqc11Pf8vaE4Q5B.mjs";
-import { i as n, n as r, r as i } from "./C4VT6lNbpaDXCpBb.mjs";
-import { P as a } from "./CMxbiQ5J79M3n1tk.mjs";
-import { r as o } from "./D2aQPiGg0ZoMYzuf.mjs";
-import { $ as s, Q as c, Tt as l, Z as u, a as d, ct as f, et as p, l as m, m as h, mt as g, q as _, tt as v, v as y, z as b } from "./BThOwSja2ra4xejQ.mjs";
-import { A as x, D as S, E as C, F as w, I as T, L as E, M as D, N as O, O as k, P as A, R as j, S as M, T as N, _ as P, a as F, d as I, f as ee, g as L, i as te, j as ne, k as R, l as re, m as z, n as ie, r as ae, t as B, u as oe, v as V, w as se, x as ce, y as le, z as ue } from "./rkTVQiYG3wd8oPom.mjs";
+import { r as e, t } from "./D90zUAjsvdYt4zAc.mjs";
+import { i as n, n as r, r as i } from "./CFPaTEuxUxH48Dnc.mjs";
+import { W as a } from "./PD_ckP5IyZurtALu.mjs";
+import { r as o } from "./Q4gowihHveaVg346.mjs";
+import { D as s, Et as c, L as l, St as u, Tt as d, ct as f, d as p, ft as m, j as h, jt as g, mt as _, ut as v, vt as y, z as b } from "./DsHzYBPSadCXZi-n.mjs";
+import { A as x, D as S, E as C, F as w, I as T, L as E, M as D, N as O, O as k, P as A, R as j, S as M, T as N, _ as P, a as F, d as I, f as ee, g as L, i as te, j as ne, k as R, l as re, m as z, n as ie, r as ae, t as B, u as oe, v as V, w as se, x as ce, y as le, z as ue } from "./Cdg4TpupUeYIiz2B.mjs";
 var de, fe, pe = t((e) => {
 	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 	function b(e) {
@@ -4883,7 +4883,7 @@ function Da(e, t) {
 			active: e.palette.primary.main,
 			corner: e.palette.background.paper,
 			outline: !1
-		}, t || {}), _({
+		}, t || {}), g({
 			track: I(t.track, .2),
 			thumb: t.thumb,
 			button: t.button,
@@ -4935,7 +4935,7 @@ function Da(e, t) {
 	return a.getPlatform() === a.OSType.Firefox && (r["* .pseudo-scrollbar"] = { scrollbarColor: "var(--scrollbar-thumb-color) transparent" }, r["* .pseudo-scrollbar:hover:not([disabled])"] = { scrollbarColor: "var(--scrollbar-active-color) transparent" }), r;
 }
 var Oa = (0, H.forwardRef)((e, t) => {
-	let { slotProps: n, ...r } = e, { getPortalContainer: i, isFullscreen: a } = u();
+	let { slotProps: n, ...r } = e, { getPortalContainer: i, isFullscreen: a } = f();
 	return (0, U.jsx)(na, {
 		ref: t,
 		slotProps: {
@@ -5005,16 +5005,16 @@ var ka = (0, H.memo)((e) => {
 	let i = {};
 	for (let t = 0; e.modifiers && t < e.modifiers.length; t++) i[e.modifiers[t]] = !0;
 	let o = [], s = a.getPlatform() === a.OSType.MacOS || a.getPlatform() === a.OSType.IOS ? t("shortcut.modifier.cmd") : t("shortcut.modifier.ctrl");
-	return i?.[c.Ctrl] && (o.push((0, U.jsx)(ka, { modifier: n ? "^" : (0, U.jsx)("div", {
+	return i?.[v.Ctrl] && (o.push((0, U.jsx)(ka, { modifier: n ? "^" : (0, U.jsx)("div", {
 		style: { paddingRight: "1px" },
 		children: s
-	}) }, "ctrl")), o.push("+")), i?.[c.Alt] && (o.push((0, U.jsx)(ka, { modifier: n ? "⌥" : t("shortcut.modifier.alt") }, "alt")), o.push("+")), i?.[c.Shift] && (o.push((0, U.jsx)(ka, { modifier: n ? "⇧" : (0, U.jsx)("div", {
+	}) }, "ctrl")), o.push("+")), i?.[v.Alt] && (o.push((0, U.jsx)(ka, { modifier: n ? "⌥" : t("shortcut.modifier.alt") }, "alt")), o.push("+")), i?.[v.Shift] && (o.push((0, U.jsx)(ka, { modifier: n ? "⇧" : (0, U.jsx)("div", {
 		style: { paddingRight: "1px" },
 		children: t("shortcut.modifier.shift")
-	}) }, "shift")), o.push("+")), i?.[c.Meta] && (o.push((0, U.jsx)(ka, { modifier: n ? (0, U.jsx)("div", {
+	}) }, "shift")), o.push("+")), i?.[v.Meta] && (o.push((0, U.jsx)(ka, { modifier: n ? (0, U.jsx)("div", {
 		style: { paddingTop: "1px" },
 		children: "⌘"
-	}) : t("shortcut.modifier.meta") }, "meta")), o.push("+")), o.push((0, U.jsx)(ka, { modifier: b.toPrettyKeyCode(e.key) }, "character")), (0, U.jsx)(B, {
+	}) : t("shortcut.modifier.meta") }, "meta")), o.push("+")), o.push((0, U.jsx)(ka, { modifier: y.toPrettyKeyCode(e.key) }, "character")), (0, U.jsx)(B, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
@@ -5024,12 +5024,12 @@ var ka = (0, H.memo)((e) => {
 		children: o
 	}, r);
 }, ja = (0, H.memo)((0, H.forwardRef)((e, t) => {
-	let { disabled: n = !1, label: r, shortcut: i, chips: a, description: o, maxWidth: s = 280, useModifierSymbols: c = !1, children: l, simple: u, componentDisabled: d = !1, sx: f, ...p } = e, m = v(), h = null;
+	let { disabled: n = !1, label: r, shortcut: i, chips: a, description: o, maxWidth: s = 280, useModifierSymbols: c = !1, children: l, simple: u, componentDisabled: d = !1, sx: f, ...p } = e, m = _(), h = null;
 	i && (h = Aa(i, m, c));
-	let [g, _] = (0, H.useState)(null);
+	let [g, v] = (0, H.useState)(null);
 	return (0, H.useEffect)(() => {
 		Promise.resolve(r).then((e) => {
-			_(e);
+			v(e);
 		});
 	}, [r]), (0, U.jsx)(Oa, {
 		slotProps: { popper: {
@@ -5109,7 +5109,7 @@ var ka = (0, H.memo)((e) => {
 	"stackTrace.log": "Log error to console",
 	"stackTrace.moreFrames": "... and {count} more frames",
 	"window.close": "Close"
-}, { DefaultCommandCatalogService: Na } = f, Pa = !1;
+}, { DefaultCommandCatalogService: Na } = d, Pa = !1;
 function Fa() {
 	Pa || (Pa = !0, Na.registerFromManifest("@sheetxl/utils-mui", import.meta.url, { messages: Ma }));
 }
@@ -5690,15 +5690,15 @@ var xo = {
 	let n = ut({
 		props: e,
 		name: "MuiDialog"
-	}), r = ie(), i = v(), c = {
+	}), r = ie(), i = _(), u = {
 		enter: .66 * r.transitions.duration.enteringScreen,
 		exit: .66 * r.transitions.duration.leavingScreen
-	}, { title: f = "SheetXL", onCancel: p, onDone: _, onShow: b, onShown: x, onHide: S, onClose: C, open: w, autoFocusSel: T, children: E, transitionDuration: D = c, TransitionProps: O, slots: k = a.EmptyArray, slotProps: A = a.EmptyArray, sx: j, className: M, onMouseDown: N, initialPosition: P = Co, isModal: F = !1, suspendModal: ee = !1, restoreFocus: L = !0, disableAutoDestroy: te = !1, revealToken: ne, startHidden: R = !1, ...re } = n, z = k.transition ?? ui, ae = k.backdrop ?? pi, oe = k.paper ?? Vt, V = A.transition;
+	}, { title: d = "SheetXL", onCancel: g, onDone: v, onShow: y, onShown: x, onHide: S, onClose: C, open: w, autoFocusSel: T, children: E, transitionDuration: D = u, TransitionProps: O, slots: k = a.EmptyArray, slotProps: A = a.EmptyArray, sx: j, className: M, onMouseDown: N, initialPosition: P = Co, isModal: F = !1, suspendModal: ee = !1, restoreFocus: L = !0, disableAutoDestroy: te = !1, revealToken: ne, startHidden: R = !1, ...re } = n, z = k.transition ?? ui, ae = k.backdrop ?? pi, oe = k.paper ?? Vt, V = A.transition;
 	O && (V = {
 		...O,
 		...V
 	});
-	let se = A.backdrop, ce = A.paper, [le, ue] = (0, H.useState)(null), [de, fe] = (0, H.useState)(!1), [pe, me] = (0, H.useState)(!1), he = (0, H.useRef)(null), [ge, _e] = y(), ve = (0, H.useRef)(null), ye = (0, H.useRef)(null), [be, xe] = y(), Se = (0, H.useRef)(null), Ce = (0, H.useId)(), we = (0, H.useRef)(null);
+	let se = A.backdrop, ce = A.paper, [le, ue] = (0, H.useState)(null), [de, fe] = (0, H.useState)(!1), [pe, me] = (0, H.useState)(!1), he = (0, H.useRef)(null), [ge, _e] = h(), ve = (0, H.useRef)(null), ye = (0, H.useRef)(null), [be, xe] = h(), Se = (0, H.useRef)(null), Ce = (0, H.useId)(), we = (0, H.useRef)(null);
 	(0, H.useLayoutEffect)(() => {
 		if (!le || R) return;
 		let e = !!w;
@@ -5708,9 +5708,9 @@ var xo = {
 		le,
 		R
 	]);
-	let Te = h(() => {
-		p?.(), fe(!1);
-	}, [p]);
+	let Te = b(() => {
+		g?.(), fe(!1);
+	}, [g]);
 	(0, H.useLayoutEffect)(() => {
 		if (le) return;
 		let e = ve.current, t = Se.current;
@@ -5723,14 +5723,14 @@ var xo = {
 			y: s
 		});
 	});
-	let [Ee, De] = (0, H.useState)(!1), [Oe, ke] = (0, H.useState)(null), [Ae, Me] = (0, H.useState)(null), Ne = h((e) => {
+	let [Ee, De] = (0, H.useState)(!1), [Oe, ke] = (0, H.useState)(null), [Ae, Me] = (0, H.useState)(null), Ne = b((e) => {
 		if (Oe) return Oe.focus(e), !0;
 		if (T) {
 			let t = ye.current?.querySelectorAll?.(T);
 			if (t && t.length > 0) return t[0]?.focus?.(e), !0;
 		}
 		return ye.current?.focus?.(e), !1;
-	}, [Oe, T]), Pe = m(t, () => ({ focus: (e) => {
+	}, [Oe, T]), Pe = s(t, () => ({ focus: (e) => {
 		Ne(e);
 	} }), []), Fe = (0, H.useRef)(ne);
 	(0, H.useEffect)(() => {
@@ -5739,7 +5739,7 @@ var xo = {
 	let Ie = {
 		...V,
 		onExited: (e) => {
-			_?.(null), te || V?.onExited?.(e);
+			v?.(null), te || V?.onExited?.(e);
 		},
 		onExit: (e) => {
 			let t = Ae, n = typeof L == "function" ? L() : L;
@@ -5748,7 +5748,7 @@ var xo = {
 			}), S?.(), me(!1), V?.onExit?.(e);
 		},
 		onEntered: (e, t) => {
-			b?.(), V?.onEntered?.(e, t);
+			y?.(), V?.onEntered?.(e, t);
 		},
 		onEntering: (e, t) => {
 			me(!0), x?.(Pe.current);
@@ -5776,7 +5776,7 @@ var xo = {
 					position: "relative"
 				},
 				onKeyDown: (e) => {
-					e.which === g.Escape && (Te(), he.current?.start(e, { center: !1 }), setTimeout(() => he.current?.stop(e), 180)), e.stopPropagation();
+					e.which === c.Escape && (Te(), he.current?.start(e, { center: !1 }), setTimeout(() => he.current?.stop(e), 180)), e.stopPropagation();
 				},
 				children: (0, U.jsxs)(So, {
 					ref: Le,
@@ -5799,7 +5799,7 @@ var xo = {
 					PaperComponent: oe,
 					...re,
 					...ce,
-					children: [f ? (0, U.jsx)(Hi, {
+					children: [d ? (0, U.jsx)(Hi, {
 						className: da({ "Mui-selected": Ee }, "draggable-title"),
 						sx: {
 							cursor: "move",
@@ -5833,7 +5833,7 @@ var xo = {
 									flex: "1 1 100%",
 									paddingLeft: (e) => e.spacing(1)
 								},
-								children: f
+								children: d
 							}), (0, U.jsx)(ja, {
 								label: i("window.close"),
 								children: (0, U.jsx)(kn, {
@@ -5867,7 +5867,7 @@ var xo = {
 			...se?.sx
 		}
 	}));
-	let { getPortalContainer: Be } = u(), { className: Ve, attrs: He } = d(l()?.themeScope), Ue = ma([
+	let { getPortalContainer: Be } = f(), { className: Ve, attrs: He } = p(l()?.themeScope), Ue = ma([
 		Pe,
 		ge,
 		ve
@@ -5877,7 +5877,7 @@ var xo = {
 		...He,
 		sx: {
 			position: "fixed",
-			zIndex: s("popup"),
+			zIndex: m("popup"),
 			right: "0",
 			bottom: "0",
 			top: "0",
@@ -7061,12 +7061,12 @@ function ic(e = {}) {
 	};
 }
 var ac = ["Ok", "Cancel"], oc = {
-	[p.Info]: "ValidationInformation",
-	[p.Warning]: "ValidationWarning",
-	[p.Error]: "ValidationStop",
-	[p.Success]: "Check"
+	[u.Info]: "ValidationInformation",
+	[u.Warning]: "ValidationWarning",
+	[u.Error]: "ValidationStop",
+	[u.Success]: "Check"
 }, sc = (e) => typeof e == "string" ? e : e.id ?? e, cc = (e, t) => t !== void 0 && sc(e) === sc(t), lc = (e) => typeof e != "string" && (typeof e.disabled == "function" ? e.disabled() : !0 === e.disabled), uc = (0, H.memo)((0, H.forwardRef)((e, t) => {
-	let { description: n, type: r, icon: i, onCancel: a, onOption: s, onDone: c, onValidateOption: l, options: u = ac, autoFocusSel: d = ".defaultOption", defaultOption: f = u[0], cancelOption: p = "Cancel", autoFocus: m, children: _, ...y } = e, b = function(e = {}) {
+	let { description: n, type: r, icon: i, onCancel: a, onOption: s, onDone: l, onValidateOption: u, options: d = ac, autoFocusSel: f = ".defaultOption", defaultOption: p = d[0], cancelOption: m = "Cancel", autoFocus: h, children: g, ...v } = e, y = function(e = {}) {
 		let t = H.useRef(void 0), n = H.useRef(void 0), r = H.useRef(e.formControl), i = H.useRef(!!e.validate), [a, o] = H.useState(() => ({
 			...Y(rc),
 			isLoading: cs(e.defaultValues),
@@ -7163,43 +7163,43 @@ var ac = ["Ok", "Cancel"], oc = {
 			} });
 			return i;
 		})(a, s), [s, a]), t.current;
-	}({ shouldUseNativeValidation: !1 }), { handleSubmit: x, formState: S } = b, C = (0, H.useRef)(null), w = (0, H.useRef)(null), T = v(), E = (0, H.useMemo)(() => {
+	}({ shouldUseNativeValidation: !1 }), { handleSubmit: x, formState: S } = y, C = (0, H.useRef)(null), w = (0, H.useRef)(null), T = _(), E = (0, H.useMemo)(() => {
 		let e = typeof i == "string" ? i : i ? void 0 : oc[r];
 		return e ? (0, U.jsx)(o, {
 			iconKey: e,
 			size: 32,
 			ariaHidden: !0
 		}) : i ?? null;
-	}, [i, r]), D = h((e) => typeof e == "string" ? e === "Ok" ? T("dialog.ok") : e === "Cancel" ? T("dialog.cancel") : e : typeof e.label == "function" ? e.label() : e.label, [T]), O = (0, H.useRef)(null), [k, A] = (0, H.useState)(null), j = h(async (e) => {
+	}, [i, r]), D = b((e) => typeof e == "string" ? e === "Ok" ? T("dialog.ok") : e === "Cancel" ? T("dialog.cancel") : e : typeof e.label == "function" ? e.label() : e.label, [T]), O = (0, H.useRef)(null), [k, A] = (0, H.useState)(null), j = b(async (e) => {
 		let t = sc(e);
 		if (k !== null || lc(e)) return;
-		let n, r = cc(e, p);
+		let n, r = cc(e, m);
 		try {
-			if (A(t), n = !!r || (await Promise.resolve(l?.(t)) ?? !0), !0 !== n) return;
-			await Promise.resolve(s?.(t, r, cc(e, f))), c?.(t);
+			if (A(t), n = !!r || (await Promise.resolve(u?.(t)) ?? !0), !0 !== n) return;
+			await Promise.resolve(s?.(t, r, cc(e, p))), l?.(t);
 		} catch {} finally {
 			A(null);
 		}
 	}, [
 		s,
-		c,
 		l,
+		u,
+		m,
 		p,
-		f,
 		k
-	]), M = h((e, t) => {
+	]), M = b((e, t) => {
 		setTimeout(() => {
-			j(f);
+			j(p);
 		}, 180);
-	}, [j, f]), N = h(() => {
-		s?.(sc(p), !0, !1), a?.(), c?.(null);
+	}, [j, p]), N = b(() => {
+		s?.(sc(m), !0, !1), a?.(), l?.(null);
 	}, [
 		s,
-		p,
+		m,
 		a,
-		c
-	]), P = S && (Object.keys(S.errors).length > 0 || S.disabled || S.isSubmitting), F = h((e, t, n) => {
-		let r = cc(e, p), i = {
+		l
+	]), P = S && (Object.keys(S.errors).length > 0 || S.disabled || S.isSubmitting), F = b((e, t, n) => {
+		let r = cc(e, m), i = {
 			className: t ? "defaultOption" : "action",
 			type: t ? "submit" : "button",
 			style: { minWidth: "75px" },
@@ -7227,7 +7227,7 @@ var ac = ["Ok", "Cancel"], oc = {
 			children: [(0, U.jsx)("div", {
 				style: { visibility: o ? "hidden" : void 0 },
 				children: D(e)
-			}), l && !r ? (0, U.jsx)(wn, {
+			}), u && !r ? (0, U.jsx)(wn, {
 				size: 16,
 				color: "inherit",
 				style: { opacity: +!!o },
@@ -7242,22 +7242,22 @@ var ac = ["Ok", "Cancel"], oc = {
 			}) : null]
 		}, `action:${n}`);
 	}, [
-		u,
-		f,
+		d,
 		p,
+		m,
 		S,
 		D,
 		k
 	]), ee = (0, H.useMemo)(() => {
 		let e = [];
-		for (let t = 0; t < u.length; t++) {
-			let n = u[t], r = f === void 0 ? t === 0 : cc(n, f);
+		for (let t = 0; t < d.length; t++) {
+			let n = d[t], r = p === void 0 ? t === 0 : cc(n, p);
 			e.push(F(n, r, t));
 		}
 		return e;
 	}, [
-		u,
-		f,
+		d,
+		p,
 		S,
 		T,
 		k
@@ -7265,13 +7265,13 @@ var ac = ["Ok", "Cancel"], oc = {
 	return (0, U.jsx)(wo, {
 		onCancel: N,
 		initialPosition: { y: Lo === "touch" ? "15" : "35" },
-		onDone: c,
-		autoFocusSel: d,
+		onDone: l,
+		autoFocusSel: f,
 		isModal: !0,
 		ref: t,
-		...y,
+		...v,
 		children: (0, U.jsx)(Fs, {
-			...b,
+			...y,
 			children: (0, U.jsxs)("form", {
 				ref: O,
 				onSubmit: x(M),
@@ -7280,13 +7280,13 @@ var ac = ["Ok", "Cancel"], oc = {
 					onKeyDown: (e) => {
 						if (e.isDefaultPrevented()) return;
 						e.stopPropagation();
-						let t = null, n = null, r = e.which === g.Escape && p;
+						let t = null, n = null, r = e.which === c.Escape && m;
 						if (r) {
 							if (k !== null) return;
-							t = p, n = w;
+							t = m, n = w;
 						} else {
 							if (P || k !== null) return;
-							e.which === g.Enter && (t = f ?? u[0], n = C);
+							e.which === c.Enter && (t = p ?? d[0], n = C);
 						}
 						t && (n?.current?.start(e, { center: !1 }), setTimeout(() => {
 							n?.current?.stop(e), r && N();
@@ -7316,7 +7316,7 @@ var ac = ["Ok", "Cancel"], oc = {
 								sx: { alignSelf: "center" },
 								children: n
 							})]
-						}), _]
+						}), g]
 					})
 				}), (0, U.jsx)(Fi, {
 					sx: {