@sheetxl/studio-vanilla 0.8.0-beta.3 → 0.8.0-beta.5

package/cdn/assets/{CcXDdl0SsmyEFtmU.js → DJXeHGaPVXVYlPh4.js}

@@ -1,16 +1,16 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.3
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.5
 *
 * (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 "./CVbPAnmNN3TxMkq4.js";
-import { t as n } from "./CYFmWcVbnUCDPJ8m.js";
-import { t as r } from "./CLEhV4ZVh2Jf4WLI.js";
-import { t as i } from "./BUeKY15yUtNX2nYg.js";
-import { z as a } from "./DB_I2ygTnDxYiYyc2.js";
-import { r as o } from "./CwGEi_5ErUTrkWRj.js";
-import { A as s, At as c, B as l, C as u, D as d, E as f, F as p, I as m, It as h, M as g, N as _, Nt as v, O as y, P as b, S as x, T as S, W as C, Wt as w, Xt as T, Z as E, a as D, bt as O, c as k, d as A, en as j, g as M, h as N, i as P, j as F, k as I, l as L, m as R, n as ee, p as z, qt as te, r as ne, t as B, tt as re, v as ie, w as ae, x as oe, y as se } from "./DW3_Jr-4VdZZqNEg.js";
+import { r as e, t } from "./CYsJALdAfHsvSsfO.js";
+import { t as n } from "./CxYIPOzcP70mE8ty.js";
+import { t as r } from "./B3q6CHSdywBA_IuW.js";
+import { t as i } from "./BtC1CaZjkCNKOB_x.js";
+import { I as a } from "./I6hoqlf8ReojOl6S2.js";
+import { r as o } from "./DeBFiQAoGIJi-RTE.js";
+import { A as s, C as c, D as l, E as u, Et as d, F as f, Gt as p, I as m, M as h, Mt as g, N as _, O as v, P as y, Rt as b, S as x, T as S, Tt as C, X as w, Y as T, Yt as E, Z as D, a as O, bt as k, c as A, d as j, g as M, h as N, i as P, j as F, k as I, l as L, m as R, n as ee, ot as te, p as z, r as ne, t as B, tt as re, v as ie, w as ae, x as oe, y as se } from "./QZtjqpJrLQtNbNwq.js";
 var ce, le, ue = 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) {
@@ -133,13 +133,13 @@ var ce, le, ue = t((e) => {
 	var n = arguments;
 	if (t == null || !F.call(t, "css")) return V.createElement.apply(void 0, n);
 	var r = n.length, i = Array(r);
-	i[0] = y, i[1] = s(e, t);
+	i[0] = v, i[1] = s(e, t);
 	for (var a = 2; a < r; a++) i[a] = n[a];
 	return V.createElement.apply(null, i);
 });
 ce = pe ||= {}, le ||= ce.JSX ||= {};
-var me = g(function(e, t) {
-	var n = e.styles, r = b([n], void 0, V.useContext(I)), i = V.useRef();
+var me = h(function(e, t) {
+	var n = e.styles, r = y([n], void 0, V.useContext(I)), i = V.useRef();
 	return _(function() {
 		var e = t.key + "-global", n = new t.sheet.constructor({
 			key: e,
@@ -152,11 +152,11 @@ var me = g(function(e, t) {
 		};
 	}, [t]), _(function() {
 		var e = i.current, n = e[0];
-		e[1] ? e[1] = !1 : (r.next !== void 0 && p(t, r.next, !0), n.tags.length && (n.before = n.tags[n.tags.length - 1].nextElementSibling, n.flush()), t.insert("", r, n, !1));
+		e[1] ? e[1] = !1 : (r.next !== void 0 && f(t, r.next, !0), n.tags.length && (n.before = n.tags[n.tags.length - 1].nextElementSibling, n.flush()), t.insert("", r, n, !1));
 	}, [t, r.name]), null;
 });
 function he() {
-	return b([...arguments]);
+	return y([...arguments]);
 }
 function ge() {
 	var e = he.apply(void 0, arguments), t = "animation-" + e.name;
@@ -172,11 +172,11 @@ function ge() {
 function _e(e) {
 	let { variants: t, ...n } = e, r = {
 		variants: t,
-		style: f(n),
+		style: u(n),
 		isProcessed: !0
 	};
 	return r.style === n || t && t.forEach((e) => {
-		typeof e.style != "function" && (e.style = f(e.style));
+		typeof e.style != "function" && (e.style = u(e.style));
 	}), r;
 }
 var ve = ie();
@@ -197,11 +197,11 @@ function Se(e, t, n) {
 		if (r.isProcessed) t = n ? be(r.style, n) : r.style;
 		else {
 			let { variants: e, ...i } = r;
-			t = n ? be(f(i), n) : i;
+			t = n ? be(u(i), n) : i;
 		}
 		return Ce(e, r.variants, [t], n);
 	}
-	return r?.isProcessed ? n ? be(f(r.style), n) : r.style : n ? be(f(r), n) : r;
+	return r?.isProcessed ? n ? be(u(r.style), n) : r.style : n ? be(u(r), n) : r;
 }
 function Ce(e, t, n = [], r = void 0) {
 	let i;
@@ -218,7 +218,7 @@ function Ce(e, t, n = [], r = void 0) {
 			...e,
 			...e.ownerState,
 			ownerState: e.ownerState
-		}, n.push(r ? be(f(o.style(i)), r) : o.style(i))) : n.push(r ? be(f(o.style), r) : o.style);
+		}, n.push(r ? be(u(o.style(i)), r) : o.style(i))) : n.push(r ? be(u(o.style), r) : o.style);
 	}
 	return n;
 }
@@ -352,14 +352,14 @@ var We = (e) => Ue(e) && e !== "classes", W = function(e = {}) {
 	}
 	return (e, t = {}) => {
 		S(e, (e) => e.filter((e) => e !== se));
-		let { name: n, slot: o, skipVariantsResolver: s, skipSx: c, overridesResolver: l = xe(we(o)), ...u } = t, f = n && n.startsWith("Mui") || o ? "components" : "custom", p = s === void 0 ? o && o !== "Root" && o !== "root" || !1 : s, m = c || !1, h = ye;
+		let { name: n, slot: o, skipVariantsResolver: s, skipSx: c, overridesResolver: u = xe(we(o)), ...d } = t, f = n && n.startsWith("Mui") || o ? "components" : "custom", p = s === void 0 ? o && o !== "Root" && o !== "root" || !1 : s, m = c || !1, h = ye;
 		o === "Root" || o === "root" ? h = r : o ? h = i : function(e) {
 			return typeof e == "string" && e.charCodeAt(0) > 96;
 		}(e) && (h = void 0);
-		let g = d(e, {
+		let g = l(e, {
 			shouldForwardProp: h,
 			label: void 0,
-			...u
+			...d
 		}), _ = (e) => {
 			if (e.__emotion_real === e) return e;
 			if (typeof e == "function") return function(t) {
@@ -374,12 +374,12 @@ var We = (e) => Ue(e) && e !== "classes", W = function(e = {}) {
 			return e;
 		}, v = (...t) => {
 			let r = [], i = t.map(_), o = [];
-			if (r.push(a), n && l && o.push(function(e) {
+			if (r.push(a), n && u && o.push(function(e) {
 				let t = e.theme.components?.[n]?.styleOverrides;
 				if (!t) return null;
 				let r = {};
 				for (let n in t) r[n] = Se(e, t[n], e.theme.modularCssLayers ? "theme" : void 0);
-				return l(e, r);
+				return u(e, r);
 			}), n && !p && o.push(function(e) {
 				let t = e.theme?.components?.[n]?.variants;
 				return t ? Ce(e, t, [], e.theme.modularCssLayers ? "theme" : void 0) : null;
@@ -935,7 +935,7 @@ var It = W("div", {
 			...c === "elevation" && {
 				"--Paper-shadow": (r.vars || r).shadows[o],
 				...r.vars && { "--Paper-overlay": r.vars.overlays?.[o] },
-				...!r.vars && r.palette.mode === "dark" && { "--Paper-overlay": `linear-gradient(${k("#fff", D(o))}, ${k("#fff", D(o))})` }
+				...!r.vars && r.palette.mode === "dark" && { "--Paper-overlay": `linear-gradient(${A("#fff", O(o))}, ${A("#fff", O(o))})` }
 			},
 			...l.style
 		}
@@ -1406,9 +1406,9 @@ var an = z("MuiButtonBase", [
 	let n = Ke({
 		props: e,
 		name: "MuiButtonBase"
-	}), { action: r, centerRipple: i = !1, children: a, className: o, component: s = "button", disabled: c = !1, disableRipple: l = !1, disableTouchRipple: u = !1, focusRipple: d = !1, focusVisibleClassName: f, focusableWhenDisabled: p, suppressFocusVisible: m = !1, internalNativeButton: h, LinkComponent: g = "a", nativeButton: _, onBlur: v, onClick: y, onContextMenu: b, onDragLeave: x, onFocus: S, onFocusVisible: C, onKeyDown: w, onKeyUp: T, onMouseDown: E, onMouseLeave: D, onMouseUp: O, onTouchEnd: k, onTouchMove: A, onTouchStart: j, tabIndex: M = 0, TouchRippleProps: P, touchRippleRef: F, type: I, ...L } = n, R = !!(L.href || L.to), ee = !!L.formAction, z = s;
-	z === "button" && R && (z = g);
-	let te = typeof z == "string" ? z === "button" : h ?? !1, ne = _ ?? te, B = Vt.use(), re = qe(B.ref, F), [ie, ae] = V.useState(!1);
+	}), { action: r, centerRipple: i = !1, children: a, className: o, component: s = "button", disabled: c = !1, disableRipple: l = !1, disableTouchRipple: u = !1, focusRipple: d = !1, focusVisibleClassName: f, focusableWhenDisabled: p, suppressFocusVisible: m = !1, internalNativeButton: h, LinkComponent: g = "a", nativeButton: _, onBlur: v, onClick: y, onContextMenu: b, onDragLeave: x, onFocus: S, onFocusVisible: C, onKeyDown: w, onKeyUp: T, onMouseDown: E, onMouseLeave: D, onMouseUp: O, onTouchEnd: k, onTouchMove: A, onTouchStart: j, tabIndex: M = 0, TouchRippleProps: P, touchRippleRef: F, type: I, ...L } = n, R = !!(L.href || L.to), ee = !!L.formAction, te = s;
+	te === "button" && R && (te = g);
+	let z = typeof te == "string" ? te === "button" : h ?? !1, ne = _ ?? z, B = Vt.use(), re = qe(B.ref, F), [ie, ae] = V.useState(!1);
 	(c || m) && ie && ae(!1);
 	let oe = ht((e) => {
 		d && !e.repeat && ie && e.key === " " && B.stop(e, () => {
@@ -1421,8 +1421,8 @@ var an = z("MuiButtonBase", [
 	}), { getButtonProps: ce, rootRef: le } = Bt({
 		nativeButton: ne,
 		nativeButtonProp: _,
-		internalNativeButton: te,
-		allowInferredHostMismatch: R || typeof z == "string",
+		internalNativeButton: z,
+		allowInferredHostMismatch: R || typeof te == "string",
 		disabled: c,
 		type: I,
 		hasFormAction: ee,
@@ -1474,7 +1474,7 @@ var an = z("MuiButtonBase", [
 		return n && !i && r && (o.root += ` ${r}`), o;
 	})(Ee);
 	return (0, U.jsxs)(on, {
-		as: z,
+		as: te,
 		className: N(De.root, o),
 		ownerState: Ee,
 		onBlur: Ce,
@@ -2544,12 +2544,12 @@ var Pr = {
 				var k = b === "y" ? "top" : Nn, A = b === "y" ? jn : Mn, j = b === "y" ? "height" : "width", M = S[b], N = M + g[k], P = M - g[A], F = p ? -w[j] / 2 : 0, I = v === "start" ? C[j] : w[j], L = v === "start" ? -w[j] : -C[j], R = t.elements.arrow, ee = p && R ? $n(R) : {
 					width: 0,
 					height: 0
-				}, z = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : {
+				}, te = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : {
 					top: 0,
 					right: 0,
 					bottom: 0,
 					left: 0
-				}, te = z[k], ne = z[A], B = cr(0, C[j], ee[j]), re = y ? C[j] / 2 - F - B - te - E.mainAxis : I - B - te - E.mainAxis, ie = y ? -C[j] / 2 + F + B + ne + E.mainAxis : L + B + ne + E.mainAxis, ae = t.elements.arrow && or(t.elements.arrow), oe = ae ? b === "y" ? ae.clientTop || 0 : ae.clientLeft || 0 : 0, se = D?.[b] ?? 0, ce = M + ie - se, le = cr(p ? Jn(N, M + re - se - oe) : N, M, p ? qn(P, ce) : P);
+				}, z = te[k], ne = te[A], B = cr(0, C[j], ee[j]), re = y ? C[j] / 2 - F - B - z - E.mainAxis : I - B - z - E.mainAxis, ie = y ? -C[j] / 2 + F + B + ne + E.mainAxis : L + B + ne + E.mainAxis, ae = t.elements.arrow && or(t.elements.arrow), oe = ae ? b === "y" ? ae.clientTop || 0 : ae.clientLeft || 0 : 0, se = D?.[b] ?? 0, ce = M + ie - se, le = cr(p ? Jn(N, M + re - se - oe) : N, M, p ? qn(P, ce) : P);
 				S[b] = le, O[b] = le - M;
 			}
 			if (s) {
@@ -3340,7 +3340,7 @@ var ri = V.forwardRef(function(e, t) {
 				})(t);
 			}
 		})
-	}), [ee, z] = Pt("label", {
+	}), [ee, te] = Pt("label", {
 		elementType: ti,
 		externalForwardedProps: I,
 		ownerState: k,
@@ -3352,7 +3352,7 @@ var ri = V.forwardRef(function(e, t) {
 		children: [
 			P || F,
 			(0, U.jsx)(ee, {
-				...z,
+				...te,
 				children: d
 			}),
 			M
@@ -4451,21 +4451,21 @@ var Qi = V.forwardRef(function(e, t) {
 	let n = Ke({
 		props: e,
 		name: "MuiTooltip"
-	}), { arrow: r = !1, children: i, classes: a, describeChild: o = !1, disableFocusListener: s = !1, disableHoverListener: c = !1, disableInteractive: l = !1, disableTouchListener: u = !1, enterDelay: d = 100, enterNextDelay: f = 0, enterTouchDelay: p = 700, followCursor: m = !1, id: h, leaveDelay: g = 0, leaveTouchDelay: _ = 1500, onClose: v, onOpen: y, open: b, placement: x = "bottom", slotProps: S = {}, slots: C = {}, title: w, ...T } = n, E = V.isValidElement(i) ? i : (0, U.jsx)("span", { children: i }), D = ee(), [O, k] = V.useState(), [A, j] = V.useState(null), M = V.useRef(!1), P = l || m, F = Gt(), I = Gt(), L = Gt(), R = Gt(), [z, te] = mt({
+	}), { arrow: r = !1, children: i, classes: a, describeChild: o = !1, disableFocusListener: s = !1, disableHoverListener: c = !1, disableInteractive: l = !1, disableTouchListener: u = !1, enterDelay: d = 100, enterNextDelay: f = 0, enterTouchDelay: p = 700, followCursor: m = !1, id: h, leaveDelay: g = 0, leaveTouchDelay: _ = 1500, onClose: v, onOpen: y, open: b, placement: x = "bottom", slotProps: S = {}, slots: C = {}, title: w, ...T } = n, E = V.isValidElement(i) ? i : (0, U.jsx)("span", { children: i }), D = ee(), [O, k] = V.useState(), [A, j] = V.useState(null), M = V.useRef(!1), P = l || m, F = Gt(), I = Gt(), L = Gt(), R = Gt(), [te, z] = mt({
 		controlled: b,
 		default: !1,
 		name: "Tooltip",
 		state: "open"
-	}), ne = z, B = ft(h), re = V.useRef(), ie = ht(() => {
+	}), ne = te, B = ft(h), re = V.useRef(), ie = ht(() => {
 		re.current !== void 0 && (document.body.style.WebkitUserSelect = re.current, re.current = void 0), R.clear();
 	});
 	V.useEffect(() => ie, [ie]);
 	let ae = (e) => {
-		Yi.clear(), Ji = !0, te(!0), y && !ne && y(e);
+		Yi.clear(), Ji = !0, z(!0), y && !ne && y(e);
 	}, oe = ht((e) => {
 		Yi.start(800 + g, () => {
 			Ji = !1;
-		}), te(!1), v && ne && v(e), F.start(D.transitions.duration.shortest, () => {
+		}), z(!1), v && ne && v(e), F.start(D.transitions.duration.shortest, () => {
 			M.current = !1;
 		});
 	}), se = (e) => {
@@ -4739,7 +4739,7 @@ var la = parseInt(V.version.split(".")[0], 10) >= 19 ? function(e) {
 	let r = n !== "dark";
 	t < 0 && (r = !r, t *= -1), e = Sa(e);
 	try {
-		return r ? L(e, Math.max(0, Math.min(1, 1 * t))) : A(e, Math.max(0, Math.min(1, 1.5 * t)));
+		return r ? L(e, Math.max(0, Math.min(1, 1 * t))) : j(e, Math.max(0, Math.min(1, 1.5 * t)));
 	} catch {
 		return e;
 	}
@@ -4753,8 +4753,8 @@ var la = parseInt(V.version.split(".")[0], 10) >= 19 ? function(e) {
 		palette: {
 			mode: e ? "dark" : "light",
 			text: {
-				secondary: e ? n.palette.text.secondary : k(n.palette.text.secondary, .75),
-				icon: e ? k(n.palette.text.secondary, .7) : k(n.palette.text.primary, .75)
+				secondary: e ? n.palette.text.secondary : A(n.palette.text.secondary, .75),
+				icon: e ? A(n.palette.text.secondary, .7) : A(n.palette.text.primary, .75)
 			}
 		},
 		components: {
@@ -4846,18 +4846,18 @@ var la = parseInt(V.version.split(".")[0], 10) >= 19 ? function(e) {
 			} }
 		}
 	}, a = i;
-	return t && (a = u(i, t)), P(a);
+	return t && (a = c(i, t)), P(a);
 };
 function Ta(e, t) {
 	let n = function(e, t) {
-		return t = u({
+		return t = c({
 			track: Ca(e.palette.background.paper, .05, e?.palette.mode),
 			thumb: Ca(e.palette.background.paper, .3, e?.palette.mode),
 			active: e.palette.primary.main,
 			corner: e.palette.background.paper,
 			outline: !1
-		}, t || {}), l({
-			track: k(t.track, .2),
+		}, t || {}), T({
+			track: A(t.track, .2),
 			thumb: t.thumb,
 			button: t.button,
 			active: t.active,
@@ -4908,7 +4908,7 @@ function Ta(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 Ea = (0, V.forwardRef)((e, t) => {
-	let { slotProps: n, ...r } = e, { getPortalContainer: i, isFullscreen: a } = E();
+	let { slotProps: n, ...r } = e, { getPortalContainer: i, isFullscreen: a } = D();
 	return (0, U.jsx)(Qi, {
 		ref: t,
 		slotProps: {
@@ -4934,11 +4934,11 @@ var Da = (0, V.memo)((e) => {
 			borderLeftWidth: "1px",
 			borderRightWidth: "1px",
 			borderBottomWidth: "2px",
-			borderTopColor: (e) => k(e.palette.background.paper, e.palette.action.disabledOpacity),
-			borderLeftColor: (e) => k(e.palette.background.paper, e.palette.action.disabledOpacity),
-			borderRightColor: (e) => k(e.palette.background.paper, e.palette.action.disabledOpacity),
-			borderBottomColor: (e) => k(e.palette.background.paper, 1 - e.palette.action.disabledOpacity),
-			backgroundColor: (e) => k(e.palette.action.hover, e.palette.action.disabledOpacity),
+			borderTopColor: (e) => A(e.palette.background.paper, e.palette.action.disabledOpacity),
+			borderLeftColor: (e) => A(e.palette.background.paper, e.palette.action.disabledOpacity),
+			borderRightColor: (e) => A(e.palette.background.paper, e.palette.action.disabledOpacity),
+			borderBottomColor: (e) => A(e.palette.background.paper, 1 - e.palette.action.disabledOpacity),
+			backgroundColor: (e) => A(e.palette.action.hover, e.palette.action.disabledOpacity),
 			paddingLeft: "4px",
 			paddingRight: "4px",
 			minHeight: "1.6em",
@@ -4978,16 +4978,16 @@ var Da = (0, V.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)(Da, { modifier: n ? "^" : (0, U.jsx)("div", {
+	return i?.[b.Ctrl] && (o.push((0, U.jsx)(Da, { modifier: n ? "^" : (0, U.jsx)("div", {
 		style: { paddingRight: "1px" },
 		children: s
-	}) }, "ctrl")), o.push("+")), i?.[c.Alt] && (o.push((0, U.jsx)(Da, { modifier: n ? "⌥" : t("shortcut.modifier.alt") }, "alt")), o.push("+")), i?.[c.Shift] && (o.push((0, U.jsx)(Da, { modifier: n ? "⇧" : (0, U.jsx)("div", {
+	}) }, "ctrl")), o.push("+")), i?.[b.Alt] && (o.push((0, U.jsx)(Da, { modifier: n ? "⌥" : t("shortcut.modifier.alt") }, "alt")), o.push("+")), i?.[b.Shift] && (o.push((0, U.jsx)(Da, { 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)(Da, { modifier: n ? (0, U.jsx)("div", {
+	}) }, "shift")), o.push("+")), i?.[b.Meta] && (o.push((0, U.jsx)(Da, { modifier: n ? (0, U.jsx)("div", {
 		style: { paddingTop: "1px" },
 		children: "⌘"
-	}) : t("shortcut.modifier.meta") }, "meta")), o.push("+")), o.push((0, U.jsx)(Da, { modifier: te.toPrettyKeyCode(e.key) }, "character")), (0, U.jsx)(B, {
+	}) : t("shortcut.modifier.meta") }, "meta")), o.push("+")), o.push((0, U.jsx)(Da, { modifier: d.toPrettyKeyCode(e.key) }, "character")), (0, U.jsx)(B, {
 		sx: {
 			display: "flex",
 			alignItems: "center"
@@ -4995,7 +4995,7 @@ var Da = (0, V.memo)((e) => {
 		children: o
 	}, r);
 }, ka = (0, V.memo)((0, V.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 = j(), 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 = C(), h = null;
 	i && (h = Oa(i, m, c));
 	let [g, _] = (0, V.useState)(null);
 	return (0, V.useEffect)(() => {
@@ -5080,7 +5080,7 @@ var Da = (0, V.memo)((e) => {
 	"stackTrace.log": "Log error to console",
 	"stackTrace.moreFrames": "... and {count} more frames",
 	"window.close": "Close"
-}, { DefaultCommandCatalogService: ja } = T, Ma = !1;
+}, { DefaultCommandCatalogService: ja } = p, Ma = !1;
 function Na() {
 	Ma || (Ma = !0, ja.registerFromManifest("@sheetxl/utils-mui", import.meta.url, { messages: Aa }));
 }
@@ -5661,25 +5661,25 @@ var yo = {
 	let n = ot({
 		props: e,
 		name: "MuiDialog"
-	}), r = ee(), i = j(), s = {
+	}), r = ee(), i = C(), s = {
 		enter: .66 * r.transitions.duration.enteringScreen,
 		exit: .66 * r.transitions.duration.leavingScreen
-	}, { title: c = "SheetXL", onCancel: l, onDone: u, onShow: d, onShown: f, onHide: p, onClose: m, open: g, autoFocusSel: _, children: y, transitionDuration: b = s, TransitionProps: x, slots: S = a.EmptyArray, slotProps: C = a.EmptyArray, sx: T, className: D, onMouseDown: A, initialPosition: M = xo, isModal: N = !1, suspendModal: P = !1, restoreFocus: F = !0, disableAutoDestroy: I = !1, revealToken: L, startHidden: R = !1, ...z } = n, te = S.transition ?? oi, ne = S.backdrop ?? li, ie = S.paper ?? Lt, ae = C.transition;
-	x && (ae = {
-		...x,
+	}, { title: c = "SheetXL", onCancel: l, onDone: u, onShow: d, onShown: f, onHide: p, onClose: m, open: h, autoFocusSel: _, children: v, transitionDuration: y = s, TransitionProps: b, slots: x = a.EmptyArray, slotProps: S = a.EmptyArray, sx: T, className: O, onMouseDown: j, initialPosition: M = xo, isModal: N = !1, suspendModal: P = !1, restoreFocus: F = !0, disableAutoDestroy: I = !1, revealToken: L, startHidden: R = !1, ...z } = n, ne = x.transition ?? oi, re = x.backdrop ?? li, ie = x.paper ?? Lt, ae = S.transition;
+	b && (ae = {
+		...b,
 		...ae
 	});
-	let oe = C.backdrop, se = C.paper, [ce, le] = (0, V.useState)(null), [ue, de] = (0, V.useState)(!1), [fe, pe] = (0, V.useState)(!1), me = (0, V.useRef)(null), [he, ge] = ma(), _e = (0, V.useRef)(null), ve = (0, V.useRef)(null), [ye, be] = ma(), xe = (0, V.useRef)(null), Se = (0, V.useId)(), Ce = (0, V.useRef)(null);
+	let oe = S.backdrop, se = S.paper, [ce, le] = (0, V.useState)(null), [ue, de] = (0, V.useState)(!1), [fe, pe] = (0, V.useState)(!1), me = (0, V.useRef)(null), [he, ge] = ma(), _e = (0, V.useRef)(null), ve = (0, V.useRef)(null), [ye, be] = ma(), xe = (0, V.useRef)(null), Se = (0, V.useId)(), Ce = (0, V.useRef)(null);
 	(0, V.useLayoutEffect)(() => {
 		if (!ce || R) return;
-		let e = !!g;
+		let e = !!h;
 		Ce.current !== e && (Ce.current = e, de(e));
 	}, [
-		g,
+		h,
 		ce,
 		R
 	]);
-	let we = O(() => {
+	let we = w(() => {
 		l?.(), de(!1);
 	}, [l]);
 	(0, V.useLayoutEffect)(() => {
@@ -5694,14 +5694,14 @@ var yo = {
 			y: s
 		});
 	});
-	let [H, Te] = (0, V.useState)(!1), [Ee, Oe] = (0, V.useState)(null), [ke, Ae] = (0, V.useState)(null), je = O((e) => {
+	let [H, Te] = (0, V.useState)(!1), [Ee, Oe] = (0, V.useState)(null), [ke, Ae] = (0, V.useState)(null), je = w((e) => {
 		if (Ee) return Ee.focus(e), !0;
 		if (_) {
 			let t = ve.current?.querySelectorAll?.(_);
 			if (t && t.length > 0) return t[0]?.focus?.(e), !0;
 		}
 		return ve.current?.focus?.(e), !1;
-	}, [Ee, _]), Me = re(t, () => ({ focus: (e) => {
+	}, [Ee, _]), Me = te(t, () => ({ focus: (e) => {
 		je(e);
 	} }), []), Ne = (0, V.useRef)(L);
 	(0, V.useEffect)(() => {
@@ -5733,9 +5733,9 @@ var yo = {
 		disableAutoFocus: !0,
 		disableEnforceFocus: !H,
 		disableRestoreFocus: !0 !== F,
-		children: (0, U.jsx)(te, {
+		children: (0, U.jsx)(ne, {
 			in: ue,
-			timeout: b,
+			timeout: y,
 			role: "presentation",
 			...Pe,
 			children: (0, U.jsx)(B, {
@@ -5747,19 +5747,19 @@ var yo = {
 					position: "relative"
 				},
 				onKeyDown: (e) => {
-					e.which === w.Escape && (we(), me.current?.start(e, { center: !1 }), setTimeout(() => me.current?.stop(e), 180)), e.stopPropagation();
+					e.which === E.Escape && (we(), me.current?.start(e, { center: !1 }), setTimeout(() => me.current?.stop(e), 180)), e.stopPropagation();
 				},
 				children: (0, U.jsxs)(bo, {
 					ref: la([xe, t]),
-					className: sa({ "Mui-focusVisible": H }, D, "draggable"),
+					className: sa({ "Mui-focusVisible": H }, O, "draggable"),
 					sx: {
 						"& *": (e) => Ta(e),
 						pointerEvents: "auto",
 						userSelect: "none",
 						backgroundColor: "var(--sxl-color-elevated, var(--sxl-color-base-100))",
 						border: "1px solid var(--sxl-color-elevated-border, transparent)",
-						"&:hover:not([disabled]):not(.Mui-focusVisible)": { outline: (e) => `solid ${k(e.palette.text?.primary, .2)} 1px` },
-						"&.Mui-focusVisible": { outline: (e) => `solid ${k(e.palette.text?.primary, .2)} 1px` },
+						"&:hover:not([disabled]):not(.Mui-focusVisible)": { outline: (e) => `solid ${A(e.palette.text?.primary, .2)} 1px` },
+						"&.Mui-focusVisible": { outline: (e) => `solid ${A(e.palette.text?.primary, .2)} 1px` },
 						position: "absolute",
 						maxWidth: "100%",
 						...T
@@ -5785,7 +5785,7 @@ var yo = {
 								opacity: 1,
 								transitionDuration: (e) => e.transitions.duration.shortest / 2 + "ms"
 							},
-							backgroundColor: (e) => k(e.palette.action.hover, .03)
+							backgroundColor: (e) => A(e.palette.action.hover, .03)
 						},
 						ref: ye,
 						children: (0, U.jsxs)(B, {
@@ -5819,12 +5819,12 @@ var yo = {
 								})
 							})]
 						})
-					}) : null, y]
+					}) : null, v]
 				})
 			})
 		})
 	}), Ie = null;
-	N && !P && (Ie = (0, U.jsx)(ne, {
+	N && !P && (Ie = (0, U.jsx)(re, {
 		...oe,
 		open: ue,
 		onMouseDown: (e) => {
@@ -5838,7 +5838,7 @@ var yo = {
 			...oe?.sx
 		}
 	}));
-	let { getPortalContainer: Le } = E(), { className: Re, attrs: ze } = h(v()?.themeScope);
+	let { getPortalContainer: Le } = D(), { className: Re, attrs: ze } = k(g()?.themeScope);
 	return (0, De.createPortal)((0, U.jsxs)(B, {
 		className: sa("MuiModal-root", Re),
 		...ze,
@@ -6385,12 +6385,12 @@ function Zs(e = {}) {
 			});
 			if (J(i)) for (let e in i) {
 				let t = i[e];
-				t && z(`${Ys}.${e}`, {
+				t && te(`${Ys}.${e}`, {
 					message: os(t.message) ? t.message : "",
 					type: t.type || Yo
 				});
 			}
-			else os(i) || !i ? z(Ys, {
+			else os(i) || !i ? te(Ys, {
 				message: i || "",
 				type: Yo
 			}) : ee(Ys);
@@ -6569,7 +6569,7 @@ function Zs(e = {}) {
 				errors: n.errors
 			});
 		}) : (n.errors = {}, g.state.next({ errors: n.errors }));
-	}, z = (e, t, i) => {
+	}, te = (e, t, i) => {
 		let a = (Z(r, e, { _f: {} })._f || {}).ref, { ref: o, message: s, type: c, ...l } = Z(n.errors, e) || {};
 		Q(n.errors, e, {
 			...l,
@@ -6580,7 +6580,7 @@ function Zs(e = {}) {
 			errors: n.errors,
 			isValid: !1
 		}), i && i.shouldFocus && a && a.focus && a.focus();
-	}, te = (e) => {
+	}, z = (e) => {
 		let t = !!e.formState?.values;
 		t && u++;
 		let { unsubscribe: r } = g.state.subscribe({ next: (t) => {
@@ -6755,8 +6755,8 @@ function Zs(e = {}) {
 			unregister: ne,
 			getFieldState: R,
 			handleSubmit: ae,
-			setError: z,
-			_subscribe: te,
+			setError: te,
+			_subscribe: z,
 			_runSchema: E,
 			_updateIsValidating: x,
 			_focusError: ie,
@@ -6854,7 +6854,7 @@ function Zs(e = {}) {
 		subscribe: (e) => (o.mount = !0, h = {
 			...h,
 			...e.formState
-		}, te({
+		}, z({
 			...e,
 			formState: {
 				...p,
@@ -6912,7 +6912,7 @@ function Zs(e = {}) {
 		},
 		clearErrors: ee,
 		unregister: ne,
-		setError: z,
+		setError: te,
 		setFocus: (e, t = {}) => {
 			let n = Z(r, e), i = n && n._f;
 			if (i) {
@@ -6930,10 +6930,10 @@ function Zs(e = {}) {
 	};
 }
 var Qs = ["Ok", "Cancel"], $s = {
-	[C.Info]: "ValidationInformation",
-	[C.Warning]: "ValidationWarning",
-	[C.Error]: "ValidationStop",
-	[C.Success]: "Check"
+	[re.Info]: "ValidationInformation",
+	[re.Warning]: "ValidationWarning",
+	[re.Error]: "ValidationStop",
+	[re.Success]: "Check"
 }, ec = (e) => typeof e == "string" ? e : e.id ?? e, tc = (e, t) => t !== void 0 && ec(e) === ec(t), nc = (e) => typeof e != "string" && (typeof e.disabled == "function" ? e.disabled() : !0 === e.disabled), rc = (0, V.memo)((0, V.forwardRef)((e, t) => {
 	let { description: n, type: r, icon: i, onCancel: a, onOption: s, onDone: c, onValidateOption: l, options: u = Qs, autoFocusSel: d = ".defaultOption", defaultOption: f = u[0], cancelOption: p = "Cancel", autoFocus: m, children: h, ...g } = e, _ = function(e = {}) {
 		let t = V.useRef(void 0), n = V.useRef(void 0), r = V.useRef(e.formControl), [i, a] = V.useState(() => ({
@@ -6998,22 +6998,22 @@ var Qs = ["Ok", "Cancel"], $s = {
 			} });
 			return i;
 		})(i, o), [o, i]), t.current;
-	}({ shouldUseNativeValidation: !1 }), { handleSubmit: v, formState: y } = _, b = (0, V.useRef)(null), x = (0, V.useRef)(null), S = j(), C = (0, V.useMemo)(() => {
+	}({ shouldUseNativeValidation: !1 }), { handleSubmit: v, formState: y } = _, b = (0, V.useRef)(null), x = (0, V.useRef)(null), S = C(), T = (0, V.useMemo)(() => {
 		let e = typeof i == "string" ? i : i ? void 0 : $s[r];
 		return e ? (0, U.jsx)(o, {
 			iconKey: e,
 			size: 32,
 			ariaHidden: !0
 		}) : i ?? null;
-	}, [i, r]), T = O((e) => typeof e == "string" ? e === "Ok" ? S("dialog.ok") : e === "Cancel" ? S("dialog.cancel") : e : typeof e.label == "function" ? e.label() : e.label, [S]), E = (0, V.useRef)(null), [D, A] = (0, V.useState)(null), M = O(async (e) => {
+	}, [i, r]), D = w((e) => typeof e == "string" ? e === "Ok" ? S("dialog.ok") : e === "Cancel" ? S("dialog.cancel") : e : typeof e.label == "function" ? e.label() : e.label, [S]), O = (0, V.useRef)(null), [k, j] = (0, V.useState)(null), M = w(async (e) => {
 		let t = ec(e);
-		if (D !== null || nc(e)) return;
+		if (k !== null || nc(e)) return;
 		let n, r = tc(e, p);
 		try {
-			if (A(t), n = !!r || (await Promise.resolve(l?.(t)) ?? !0), !0 !== n) return;
+			if (j(t), n = !!r || (await Promise.resolve(l?.(t)) ?? !0), !0 !== n) return;
 			await Promise.resolve(s?.(t, r, tc(e, f))), c?.(t);
 		} catch {} finally {
-			A(null);
+			j(null);
 		}
 	}, [
 		s,
@@ -7021,19 +7021,19 @@ var Qs = ["Ok", "Cancel"], $s = {
 		l,
 		p,
 		f,
-		D
-	]), N = O((e, t) => {
+		k
+	]), N = w((e, t) => {
 		setTimeout(() => {
 			M(f);
 		}, 180);
-	}, [M, f]), P = O(() => {
+	}, [M, f]), P = w(() => {
 		s?.(ec(p), !0, !1), a?.(), c?.(null);
 	}, [
 		s,
 		p,
 		a,
 		c
-	]), F = y && (Object.keys(y.errors).length > 0 || y.disabled || y.isSubmitting), I = O((e, t, n) => {
+	]), F = y && (Object.keys(y.errors).length > 0 || y.disabled || y.isSubmitting), I = w((e, t, n) => {
 		let r = tc(e, p), i = {
 			className: t ? "defaultOption" : "action",
 			type: t ? "submit" : "button",
@@ -7043,11 +7043,11 @@ var Qs = ["Ok", "Cancel"], $s = {
 			}
 		}, a = typeof e == "string" ? void 0 : e.renderButton;
 		if (a) return (0, U.jsx)(V.Fragment, { children: a(i, t) }, `action:${n}`);
-		let o = D !== null && tc(e, D), s = {
+		let o = k !== null && tc(e, k), s = {
 			className: t ? "defaultOption" : "action",
 			variant: t ? "contained" : "outlined",
 			size: "small",
-			disabled: !r && (F || nc(e)) || D !== null && !o,
+			disabled: !r && (F || nc(e)) || k !== null && !o,
 			color: "primary",
 			...i
 		};
@@ -7061,7 +7061,7 @@ var Qs = ["Ok", "Cancel"], $s = {
 			...s,
 			children: [(0, U.jsx)("div", {
 				style: { visibility: o ? "hidden" : void 0 },
-				children: T(e)
+				children: D(e)
 			}), l && !r ? (0, U.jsx)(bn, {
 				size: 16,
 				color: "inherit",
@@ -7081,8 +7081,8 @@ var Qs = ["Ok", "Cancel"], $s = {
 		f,
 		p,
 		y,
-		T,
-		D
+		D,
+		k
 	]), L = (0, V.useMemo)(() => {
 		let e = [];
 		for (let t = 0; t < u.length; t++) {
@@ -7095,7 +7095,7 @@ var Qs = ["Ok", "Cancel"], $s = {
 		f,
 		y,
 		S,
-		D
+		k
 	]);
 	return (0, U.jsx)(So, {
 		onCancel: P,
@@ -7108,20 +7108,20 @@ var Qs = ["Ok", "Cancel"], $s = {
 		children: (0, U.jsx)(js, {
 			..._,
 			children: (0, U.jsxs)("form", {
-				ref: E,
+				ref: O,
 				onSubmit: v(N),
 				children: [(0, U.jsx)(Ii, {
 					dividers: !0,
 					onKeyDown: (e) => {
 						if (e.isDefaultPrevented()) return;
 						e.stopPropagation();
-						let t = null, n = null, r = e.which === w.Escape && p;
+						let t = null, n = null, r = e.which === E.Escape && p;
 						if (r) {
-							if (D !== null) return;
+							if (k !== null) return;
 							t = p, n = x;
 						} else {
-							if (F || D !== null) return;
-							e.which === w.Enter && (t = f ?? u[0], n = b);
+							if (F || k !== null) return;
+							e.which === E.Enter && (t = f ?? u[0], n = b);
 						}
 						t && (n?.current?.start(e, { center: !1 }), setTimeout(() => {
 							n?.current?.stop(e), r && P();
@@ -7132,7 +7132,7 @@ var Qs = ["Ok", "Cancel"], $s = {
 							display: "flex",
 							flexDirection: "column",
 							whiteSpace: "pre-wrap",
-							rowGap: (e) => e.spacing(C || n ? 1.5 : 0)
+							rowGap: (e) => e.spacing(T || n ? 1.5 : 0)
 						},
 						children: [(0, U.jsxs)(B, {
 							sx: {
@@ -7141,12 +7141,12 @@ var Qs = ["Ok", "Cancel"], $s = {
 								alignItems: "flex-start",
 								columnGap: (e) => e.spacing(2)
 							},
-							children: [C ? (0, U.jsx)(B, {
+							children: [T ? (0, U.jsx)(B, {
 								sx: {
 									display: "flex",
 									flex: "none"
 								},
-								children: C
+								children: T
 							}) : null, (0, U.jsx)(An, {
 								sx: { alignSelf: "center" },
 								children: n
@@ -7159,7 +7159,7 @@ var Qs = ["Ok", "Cancel"], $s = {
 						paddingBottom: (e) => e.spacing(1),
 						paddingLeft: (e) => e.spacing(1),
 						paddingRight: (e) => e.spacing(1),
-						backgroundColor: (e) => k(e.palette.action.hover, .03)
+						backgroundColor: (e) => A(e.palette.action.hover, .03)
 					},
 					children: L
 				})]