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

package/cdn/assets/{DwiLonfLJkGM8c_i2.js → JGftuh24rk6BMfkr2.js}

@@ -1,25 +1,25 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.5
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.6
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { r as e } from "./CYsJALdAfHsvSsfO.js";
-import { t } from "./CxYIPOzcP70mE8ty.js";
-import { t as n } from "./BtC1CaZjkCNKOB_x.js";
-import { p as r, y as i } from "./I6hoqlf8ReojOl6S2.js";
-import { y as a } from "./lHtLCWS9jxiZzvGt2.js";
-import { Bt as o, Ct as s, Jt as c, Pt as l, Tt as u, U as d, X as f, jt as p, t as m, ut as h, wt as g } from "./QZtjqpJrLQtNbNwq.js";
-import { N as _, V as v, v as y } from "./DJXeHGaPVXVYlPh4.js";
-import { $ as b, $t as x, A as S, An as C, At as w, B as T, Bt as E, C as D, Ct as O, D as k, Dn as A, Dt as j, E as ee, En as te, F as ne, Fn as re, Ft as ie, G as ae, Gt as oe, H as se, Ht as ce, I as le, J as ue, K as de, Kt as fe, L as pe, M as me, Mn as he, Mt as ge, N as _e, Nt as ve, O as ye, Ot as be, P as M, Pn as N, Pt as xe, Q as Se, Qt as Ce, R as we, Rt as Te, S as Ee, Sn as De, St as Oe, T as ke, Tn as Ae, Tt as je, U as Me, Vt as Ne, Wt as Pe, X as Fe, Xt as Ie, Y as Le, Yt as Re, Z as ze, Zt as Be, _ as Ve, _n as He, an as Ue, at as We, b as Ge, bn as Ke, bt as qe, c as Je, cn as Ye, ct as Xe, d as Ze, en as Qe, f as $e, fn as et, ft as tt, g as nt, gt as rt, hn as it, ht as at, i as ot, in as st, jn as ct, jt as lt, k as ut, kn as dt, kt as ft, l as pt, ln as mt, lt as ht, m as gt, mn as _t, mt as vt, n as yt, nn as bt, nt as xt, o as St, on as Ct, ot as wt, p as Tt, pn as Et, pt as Dt, q as Ot, qt as kt, r as At, rn as jt, rt as Mt, s as Nt, sn as Pt, st as Ft, t as It, tn as Lt, tt as Rt, u as zt, un as Bt, ut as Vt, v as Ht, vn as Ut, vt as Wt, wn as Gt, x as Kt, xn as qt, xt as Jt, y as Yt, yn as Xt, yt as Zt, z as Qt, zt as $t } from "./aa5Vge2hHXpeHQv9.js";
-import { t as P } from "./DbmXbOECZu0Do014.js";
-import { C as F, D as en, F as tn, _ as nn, t as I, v as L, x as R, y as rn } from "./Bp_LNXqn6oIX3Fid.js";
-import { n as z, r as B, t as V } from "./b2vK8MBPEiSThFFJ.js";
-import { K as H, M as an, O as on, Q as sn, S as cn, X as ln, b as U, et as un, ot as dn, r as fn, u as pn } from "./DMPnZEIYOsBo9meY2.js";
-import { t as mn } from "./CX79dsSUsejpgy3I2.js";
-import { r as hn, t as gn } from "./DOVauj9y5INMkh2p2.js";
-import { a as _n, i as vn, n as yn, o as bn, r as xn, t as Sn } from "./CHS-pOLaI-3RNreZ2.js";
-import { t as Cn } from "./BNXRa9Q6esS40zrP2.js";
+import { r as e } from "./BXlBCVkeDEYvDBJB.js";
+import { t } from "./DFvNGCdvSx5VASsE.js";
+import { t as n } from "./BC5CAuRYyJJli2nd.js";
+import { p as r, y as i } from "./BYk8t-CVbU8h5jS62.js";
+import { B as a } from "./DEgXvxiW0vq9ppwM2.js";
+import { t as o } from "./Cw3vteUwx6OB-6Iy.js";
+import { Bt as s, Ct as c, Jt as l, Pt as u, Tt as d, U as f, X as p, jt as m, t as h, ut as g, wt as _ } from "./NaYNBS42-TDUcEoM.js";
+import { A as v, P as y, Q as b, U as x, at as S, b as C, dt as ee, et as w, q as T, wt as E, y as D } from "./D4a2UOIcVrZtupKH.js";
+import { N as O, V as te, v as k } from "./C8XBql0-rVxPPgdF.js";
+import { $ as A, $t as j, A as M, At as ne, B as re, Bt as ie, C as ae, Ct as oe, Dn as se, Dt as ce, E as le, Et as ue, F as de, Fn as fe, Ft as pe, G as me, Gt as he, H as ge, I as _e, In as ve, It as N, J as P, Kt as F, L as ye, Lt as be, M as xe, Mn as Se, Mt as Ce, N as we, Nn as Te, Nt as Ee, O as De, On as Oe, Ot as ke, Pn as Ae, Pt as je, Q as Me, Qt as Ne, R as Pe, Rt as Fe, S as Ie, Sn as Le, T as Re, Tn as ze, Tt as Be, Ut as Ve, V as He, Vt as Ue, W as We, Wt as Ge, Xt as Ke, Y as qe, Yt as Je, Z as Ye, Zt as Xe, _ as Ze, _n as Qe, _t as $e, a as et, an as tt, at as nt, b as rt, bn as it, bt as at, c as ot, cn as st, ct, d as lt, dn as ut, dt, en as ft, et as pt, ft as mt, g as ht, gn as gt, gt as _t, h as vt, hn as yt, ht as bt, i as xt, in as St, it as Ct, j as wt, jt as Tt, k as Et, kn as Dt, kt as Ot, ln as kt, lt as At, mn as jt, mt as Mt, n as Nt, nn as Pt, o as Ft, on as It, p as Lt, pn as Rt, pt as zt, q as Bt, qt as Vt, r as Ht, rn as Ut, rt as Wt, s as Gt, st as Kt, t as qt, tn as Jt, tt as Yt, u as Xt, un as Zt, ut as Qt, vt as $t, w as en, wn as tn, wt as nn, x as rn, xn as an, xt as on, y as sn, yn as cn, yt as ln, zt as un } from "./BmcgeYHDyFh865ey.js";
+import { t as I } from "./Dy9SlSZp3B0IfxZM.js";
+import { C as L, D as dn, F as fn, _ as pn, t as R, v as z, x as B, y as mn } from "./WkWv2DINRHwBdTOP.js";
+import { n as V, r as H, t as U } from "./GABbnj9qIWyEbare2.js";
+import { r as hn, t as gn } from "./AwPuLKuYMSM7s2v_2.js";
+import { t as _n } from "./C2cKoe4Zik7iVYe42.js";
+import { a as vn, i as yn, n as bn, o as xn, r as Sn, t as Cn } from "./DOFrZ-RMlv0mEbr62.js";
 var W = e(t(), 1), G = n();
 (function() {
 	try {
@@ -38,7 +38,7 @@ var K = Object.defineProperty, q = function(e) {
 		return i.state = t, window.dispatchEvent(i), r;
 	};
 };
-B && (q("pushState"), q("replaceState"));
+H && (q("pushState"), q("replaceState"));
 var J = function(e) {
 	var t = window.history, n = t.state, r = t.length, i = window.location;
 	return {
@@ -55,7 +55,7 @@ var J = function(e) {
 		protocol: i.protocol,
 		search: i.search
 	};
-}, Y = B && typeof Event == "function" ? function() {
+}, Y = H && typeof Event == "function" ? function() {
 	var e = (0, W.useState)(J("load")), t = e[0], n = e[1];
 	return (0, W.useEffect)(function() {
 		var e = function() {
@@ -65,8 +65,8 @@ var J = function(e) {
 		}, r = function() {
 			return n(J("replacestate"));
 		};
-		return V(window, "popstate", e), V(window, "pushstate", t), V(window, "replacestate", r), function() {
-			z(window, "popstate", e), z(window, "pushstate", t), z(window, "replacestate", r);
+		return U(window, "popstate", e), U(window, "pushstate", t), U(window, "replacestate", r), function() {
+			V(window, "popstate", e), V(window, "pushstate", t), V(window, "replacestate", r);
 		};
 	}, []), t;
 } : function() {
@@ -75,38 +75,38 @@ var J = function(e) {
 		length: 1
 	};
 }, X = (0, W.memo)((0, W.forwardRef)((e, t) => {
-	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, W.useState)([]), s = H.canWrite(), l = H.canRead();
+	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, W.useState)([]), s = E.canWrite(), c = E.canRead();
 	(0, W.useEffect)(() => {
 		let e = !0;
-		return H.getWriteFormats().then((t) => {
+		return E.getWriteFormats().then((t) => {
 			e && o(t);
 		}), () => {
 			e = !1;
 		};
 	}, []);
-	let u = cn(an()), d = (0, W.useMemo)(() => {
+	let u = S(y()), d = (0, W.useMemo)(() => {
 		if (a.length === 0) return null;
 		let e = u?.toLowerCase();
 		return (e ? a.find((t) => t.key.toLowerCase() === e) ?? a.find((t) => t.exts?.some((t) => t.toLowerCase() === e)) : void 0) ?? a.find((e) => e.exts?.some((e) => e.toLowerCase() === "sxl")) ?? a.find((e) => !e.advanced) ?? a[0];
-	}, [a, u]), [m] = c(d ? `saveWorkbookAs${d.key}` : []), _ = g(), v = _.resolveMembers("newWorkbookOptions") ?? ["newWorkbook"], y = f((e) => {
+	}, [a, u]), [f] = l(d ? `saveWorkbookAs${d.key}` : []), h = _(), v = h.resolveMembers("newWorkbookOptions") ?? ["newWorkbook"], b = p((e) => {
 		let t = {
-			variant: p.Menuitem,
+			variant: m.Menuitem,
 			groupKey: n,
 			disabled: r
 		}, i = (0, G.jsxs)(G.Fragment, { children: [
-			v.length > 1 ? (0, G.jsx)(R, {
+			v.length > 1 ? (0, G.jsx)(B, {
 				...t,
 				quickCommand: "newWorkbook",
 				createPopupPanel: (e) => {
-					let t = tn(v, {
-						variant: p.Menuitem,
+					let t = fn(v, {
+						variant: m.Menuitem,
 						dividerOrientation: "horizontal",
 						groupKey: "newWorkbookOptions",
-						registry: _,
+						registry: h,
 						propsCommandButton: { disabled: r },
 						propsCommandPopup: { disabled: r }
 					});
-					return I({
+					return R({
 						...e,
 						children: t,
 						onClick: () => {
@@ -114,28 +114,28 @@ var J = function(e) {
 						}
 					});
 				}
-			}) : (0, G.jsx)(L, {
+			}) : (0, G.jsx)(z, {
 				...t,
 				commandKey: "newWorkbook"
 			}),
-			(0, G.jsx)(F, { orientation: "horizontal" }),
-			l ? (0, G.jsx)(R, {
+			(0, G.jsx)(L, { orientation: "horizontal" }),
+			c ? (0, G.jsx)(B, {
 				...t,
 				quickCommand: "openWorkbook",
 				createPopupPanel: (e) => {
 					let n = {
 						...t,
 						groupKey: "openWorkbookOptions"
-					}, r = [(0, W.createElement)(L, {
+					}, r = [(0, W.createElement)(z, {
 						...n,
 						key: "device",
 						commandKey: "openWorkbook"
-					}), (0, W.createElement)(L, {
+					}), (0, W.createElement)(z, {
 						...n,
 						key: "web",
 						commandKey: "openWorkbookFromUrl"
 					})];
-					return I({
+					return R({
 						...e,
 						children: r,
 						onClick: () => {
@@ -144,28 +144,28 @@ var J = function(e) {
 					});
 				}
 			}) : null,
-			s && a.length > 0 ? (0, G.jsx)(R, {
+			s && a.length > 0 ? (0, G.jsx)(B, {
 				...t,
 				quickCommand: "saveWorkbook",
 				createPopupPanel: (e) => {
 					let n = {
 						...t,
 						groupKey: "saveWorkbookOptions"
-					}, r = [(0, W.createElement)(L, {
+					}, r = [(0, W.createElement)(z, {
 						...n,
 						key: "saveWorkbookAs",
 						commandKey: "saveWorkbookAs",
-						label: m?.getLabel("saveWorkbookOptions"),
-						icon: m?.getIcon("saveWorkbookOptions")
+						label: f?.getLabel("saveWorkbookOptions"),
+						icon: f?.getIcon("saveWorkbookOptions")
 					})], i = a.filter((e) => !e.advanced && e.key !== d?.key);
-					return i.length > 0 && r.push((0, G.jsx)(F, { orientation: "horizontal" }, "divider")), i.forEach((e) => {
+					return i.length > 0 && r.push((0, G.jsx)(L, { orientation: "horizontal" }, "divider")), i.forEach((e) => {
 						let t = e.key, i = `saveWorkbookAs${t}`;
-						r.push((0, W.createElement)(L, {
+						r.push((0, W.createElement)(z, {
 							...n,
 							key: t,
 							commandKey: i
 						}));
-					}), I({
+					}), R({
 						...e,
 						children: r,
 						onClick: () => {
@@ -175,7 +175,7 @@ var J = function(e) {
 				}
 			}) : null
 		] });
-		return I({
+		return R({
 			...e,
 			children: i,
 			onClick: (t) => {
@@ -187,15 +187,15 @@ var J = function(e) {
 		n,
 		a,
 		d,
-		m,
+		f,
 		v,
-		_
-	]), b = h("fileOptions"), x = b?.getLabel?.() ?? "File";
-	return (0, G.jsx)(R, {
+		h
+	]), x = g("fileOptions"), C = x?.getLabel?.() ?? "File";
+	return (0, G.jsx)(B, {
 		disabled: r,
 		groupKey: n,
-		label: x,
-		tooltip: b?.getDescription?.() ?? "Options for saving and loading the workbook.",
+		label: C,
+		tooltip: x?.getDescription?.() ?? "Options for saving and loading the workbook.",
 		sx: {
 			paddingBottom: "0px",
 			"& button": {
@@ -205,41 +205,41 @@ var J = function(e) {
 			}
 		},
 		...i,
-		createPopupPanel: y,
-		icon: (0, G.jsx)(rn, {
+		createPopupPanel: b,
+		icon: (0, G.jsx)(mn, {
 			className: "label",
 			icon: null,
-			label: x
+			label: C
 		})
 	});
 }));
 X.displayName = "FileCommandButton";
 var wn = (0, W.memo)((0, W.forwardRef)((e, t) => {
-	let { groupKey: n, disabled: r, ...i } = e, [a] = c(["themeMode"]), o = h("appearanceOptions"), s = f((e) => {
+	let { groupKey: n, disabled: r, ...i } = e, [a] = l(["themeMode"]), o = g("appearanceOptions"), s = p((e) => {
 		let t = {
-			variant: p.Menuitem,
+			variant: m.Menuitem,
 			groupKey: "appearanceOptions",
 			disabled: r
 		}, n = (0, G.jsxs)(G.Fragment, { children: [
-			(0, G.jsx)(L, {
+			(0, G.jsx)(z, {
 				...t,
 				commandKey: "themeMode"
 			}),
-			(0, G.jsx)(L, {
+			(0, G.jsx)(z, {
 				...t,
 				commandKey: "defaultThemeMode"
 			}),
-			(0, G.jsx)(F, { orientation: "horizontal" }),
-			(0, G.jsx)(L, {
+			(0, G.jsx)(L, { orientation: "horizontal" }),
+			(0, G.jsx)(z, {
 				...t,
 				commandKey: "enableDarkGrid"
 			}),
-			(0, G.jsx)(L, {
+			(0, G.jsx)(z, {
 				...t,
 				commandKey: "enableDarkImages"
 			})
 		] });
-		return I({
+		return R({
 			...e,
 			children: n
 		});
@@ -247,8 +247,8 @@ var wn = (0, W.memo)((0, W.forwardRef)((e, t) => {
 		r,
 		a,
 		n
-	]), l = a?.getState(), u = re("(prefers-color-scheme: dark)"), d = l === "dark" || l === null && u, m = a?.getState() !== null;
-	return (0, G.jsx)(R, {
+	]), c = a?.getState(), u = ve("(prefers-color-scheme: dark)"), d = c === "dark" || c === null && u, f = a?.getState() !== null;
+	return (0, G.jsx)(B, {
 		ref: t,
 		quickCommand: "themeMode",
 		createPopupPanel: s,
@@ -257,12 +257,12 @@ var wn = (0, W.memo)((0, W.forwardRef)((e, t) => {
 		onQuickClick: () => {
 			a?.execute(d ? "light" : "dark");
 		},
-		selected: m,
+		selected: f,
 		...i
 	});
 })), Z = (0, W.memo)((0, W.forwardRef)((e, t) => {
 	let { ...n } = e;
-	return (0, G.jsx)(en, {
+	return (0, G.jsx)(dn, {
 		ref: t,
 		groupKey: "insertFunctionSumOptions",
 		...n
@@ -280,8 +280,8 @@ var Tn = ((e, t) => {
 	PasswordDialog: () => Q,
 	default: () => Q
 }), Q = (e) => {
-	let t = u(), { description: n, requireCurrent: r = !1, onApply: i, title: a, sx: o, ...s } = e, [c, l] = (0, W.useState)(""), [d, f] = (0, W.useState)(""), [p, h] = (0, W.useState)(""), [g, v] = (0, W.useState)(!1), b = d === "", x = p !== d, S = !b && !x;
-	return (0, G.jsx)(y, {
+	let t = d(), { description: n, requireCurrent: r = !1, onApply: i, title: a, sx: o, ...s } = e, [c, l] = (0, W.useState)(""), [u, f] = (0, W.useState)(""), [p, m] = (0, W.useState)(""), [g, _] = (0, W.useState)(!1), v = u === "", y = p !== u, b = !v && !y;
+	return (0, G.jsx)(k, {
 		title: a ?? t(r ? "password.titleChange" : "password.title"),
 		options: ["Ok", "Cancel"],
 		defaultOption: "Ok",
@@ -291,12 +291,12 @@ var Tn = ((e, t) => {
 			width: "380px",
 			...o
 		},
-		onValidateOption: (e) => e === "Cancel" || (v(!0), S),
+		onValidateOption: (e) => e === "Cancel" || (_(!0), b),
 		onOption: (e, t) => {
-			if (!t && e === "Ok") return i(d, r ? c : void 0);
+			if (!t && e === "Ok") return i(u, r ? c : void 0);
 		},
 		...s,
-		children: (0, G.jsxs)(m, {
+		children: (0, G.jsxs)(h, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -304,12 +304,12 @@ var Tn = ((e, t) => {
 				paddingTop: (e) => e.spacing(1)
 			},
 			children: [
-				n ? (0, G.jsx)(_, {
+				n ? (0, G.jsx)(O, {
 					variant: "body2",
 					sx: { color: "text.secondary" },
 					children: n
 				}) : null,
-				r ? (0, G.jsx)(P, {
+				r ? (0, G.jsx)(I, {
 					type: "password",
 					size: "small",
 					label: t("password.current"),
@@ -324,13 +324,13 @@ var Tn = ((e, t) => {
 						}
 					}
 				}) : null,
-				(0, G.jsx)(P, {
+				(0, G.jsx)(I, {
 					type: "password",
 					size: "small",
 					label: t(r ? "password.new" : "password.label"),
-					value: d,
-					error: g && b,
-					helperText: g && b ? t("password.required") : " ",
+					value: u,
+					error: g && v,
+					helperText: g && v ? t("password.required") : " ",
 					onChange: (e) => f(e.target.value),
 					slotProps: {
 						inputLabel: { shrink: !0 },
@@ -341,14 +341,14 @@ var Tn = ((e, t) => {
 						}
 					}
 				}),
-				(0, G.jsx)(P, {
+				(0, G.jsx)(I, {
 					type: "password",
 					size: "small",
 					label: t("protection.passwordConfirm"),
 					value: p,
-					error: g && !b && x,
-					helperText: g && !b && x ? t("protection.passwordMismatch") : " ",
-					onChange: (e) => h(e.target.value),
+					error: g && !v && y,
+					helperText: g && !v && y ? t("protection.passwordMismatch") : " ",
+					onChange: (e) => m(e.target.value),
 					slotProps: {
 						inputLabel: { shrink: !0 },
 						htmlInput: {
@@ -360,18 +360,18 @@ var Tn = ((e, t) => {
 			]
 		})
 	});
-}, En = new Set("square.elevation.variant.title.onKeyDown.workbook.onWorkbookChange.onDocumentError.propsDocumentError.renderDocumentError.propsDocumentLoading.renderDocumentLoading.propsWorkbook.onWorkbookLoad.propsTaskPaneArea.renderTaskPaneArea.taskPaneSide.logo.onDirtyChange.propsDocumentTitle.showFormulaBar.propsFormulaBar.renderFormulaBar.editable.showStatusBar.propsStatusBar.renderStatusBar.propsToolbar.renderToolbar.topLeft.topRight.muiTheme.tokens.cssBaseline.autoFocus.licenseKey.prefetch".split(".")), Dn = () => (0, G.jsx)(G.Fragment, {}), On = r("studio:eagerStudio", () => import("./CED7roWwWtDJSGsI2.js"), { tier: "startup" }), kn = ({ error: e, onShown: t }) => ((0, W.useEffect)(() => {
+}, En = new Set("square.elevation.variant.title.onKeyDown.workbook.onWorkbookChange.onDocumentError.propsDocumentError.renderDocumentError.propsDocumentLoading.renderDocumentLoading.propsWorkbook.onWorkbookLoad.propsTaskPaneArea.renderTaskPaneArea.taskPaneSide.logo.onDirtyChange.propsDocumentTitle.showFormulaBar.propsFormulaBar.renderFormulaBar.editable.showStatusBar.propsStatusBar.renderStatusBar.propsToolbar.renderToolbar.topLeft.topRight.muiTheme.tokens.cssBaseline.autoFocus.licenseKey.prefetch".split(".")), Dn = () => (0, G.jsx)(G.Fragment, {}), On = r("studio:eagerStudio", () => import("./DQJgLUaP7Ha_fkvr2.js"), { tier: "startup" }), kn = ({ error: e, onShown: t }) => ((0, W.useEffect)(() => {
 	t();
-}, []), (0, G.jsx)(nn, { error: e })), $ = (0, W.memo)((0, W.forwardRef)((e, t) => {
-	let { sx: n, style: r, className: c, licenseKey: u, prefetch: f = "common", renderDocumentLoading: p = Kt, propsDocumentLoading: h, onWorkbookLoad: g, onDocumentError: _, ...y } = e, [b, x] = ((e) => {
+}, []), (0, G.jsx)(pn, { error: e })), $ = (0, W.memo)((0, W.forwardRef)((e, t) => {
+	let { sx: n, style: r, className: l, licenseKey: d, prefetch: p = "common", renderDocumentLoading: m = St, propsDocumentLoading: g, onWorkbookLoad: _, onDocumentError: v, ...y } = e, [b, x] = ((e) => {
 		let t = {}, n = {};
 		for (let r in e) (En.has(r) ? t : n)[r] = e[r];
 		return [t, n];
 	})(y);
-	u && a.setLicenseKey(u);
-	let [S] = o(U.Mode, dn[U.Mode]), { themeMode: C } = s({ mode: S ?? void 0 }), w = C === "dark", [T, E] = (0, W.useState)(null), D = l("studio", (0, W.useId)()), [O, k] = (0, W.useState)(!1), A = (0, W.useMemo)(() => !p || O ? null : (0, G.jsx)(v, {
+	d && a.setLicenseKey(d);
+	let [S] = s(C.Mode, ee[C.Mode]), { themeMode: w } = c({ mode: S ?? void 0 }), T = w === "dark", [E, D] = (0, W.useState)(null), O = u("studio", (0, W.useId)()), [k, A] = (0, W.useState)(!1), j = (0, W.useMemo)(() => !m || k ? null : (0, G.jsx)(te, {
 		style: {
-			backgroundColor: `var(--sxl-color-base-100, ${w ? "#121212" : "#fff"})`,
+			backgroundColor: `var(--sxl-color-base-100, ${T ? "#121212" : "#fff"})`,
 			inset: 0,
 			width: "100%",
 			height: "100%",
@@ -381,16 +381,16 @@ var Tn = ((e, t) => {
 			justifyContent: "center",
 			zIndex: 9900
 		},
-		children: p(h ?? {})
+		children: m(g ?? {})
 	}), [
-		p,
-		h,
-		w,
-		O
+		m,
+		g,
+		T,
+		k
 	]);
 	(0, W.useEffect)(() => {
-		if (!O || f === "none") return;
-		let e = f === "all" ? [
+		if (!k || p === "none") return;
+		let e = p === "all" ? [
 			"startup",
 			"common",
 			"rare"
@@ -405,15 +405,15 @@ var Tn = ((e, t) => {
 		return window.addEventListener("online", n), r?.addEventListener?.("change", n), () => {
 			t.abort(), window.removeEventListener("online", n), r?.removeEventListener?.("change", n);
 		};
-	}, [O, f]);
-	let j = (0, W.useMemo)(() => d(On.load, { renderError: (e) => (0, G.jsx)(kn, {
+	}, [k, p]);
+	let M = (0, W.useMemo)(() => f(On.load, { renderError: (e) => (0, G.jsx)(kn, {
 		error: e,
-		onShown: () => k(!0)
+		onShown: () => A(!0)
 	}) }), []);
-	return (0, G.jsxs)(m, {
-		ref: E,
-		className: mn("sheetxl-studio", D, c),
-		"data-sxl-theme-mode": C,
+	return (0, G.jsxs)(h, {
+		ref: D,
+		className: o("sheetxl-studio", O, l),
+		"data-sxl-theme-mode": w,
 		sx: n,
 		style: {
 			display: "flex",
@@ -430,22 +430,22 @@ var Tn = ((e, t) => {
 		...x,
 		children: [(0, G.jsx)(W.Suspense, {
 			fallback: null,
-			children: (0, G.jsx)(j, {
+			children: (0, G.jsx)(M, {
 				...b,
-				host: T,
-				scopeClass: D,
-				onWorkbookLoad: (e) => (requestAnimationFrame(() => requestAnimationFrame(() => k(!0))), g?.(e)),
-				onDocumentError: (e) => (k(!0), _?.(e)),
+				host: E,
+				scopeClass: O,
+				onWorkbookLoad: (e) => (requestAnimationFrame(() => requestAnimationFrame(() => A(!0))), _?.(e)),
+				onDocumentError: (e) => (A(!0), v?.(e)),
 				renderDocumentLoading: Dn,
 				ref: t
 			})
-		}), A]
+		}), j]
 	});
 }));
 $.displayName = "Studio";
 var An = (e = {}) => {
 	let { source: t, startWith: n, templatePath: r, onWorkbookLoad: i, documentTitle: a, confirmOnClose: o, keyboardGuard: s } = e, c = Y(), [l, u] = (0, W.useState)(null), [d, f] = (0, W.useState)(!1);
-	fn(on(l), d, {
+	x(T(l), d, {
 		documentTitle: a,
 		confirmOnClose: o,
 		keyboardGuard: s
@@ -470,7 +470,7 @@ var An = (e = {}) => {
 		e && m && e.getOrigin().setName(m), u(e);
 	}, [m]);
 	(0, W.useEffect)(() => {
-		n === "welcome" && p === void 0 && Oe(r);
+		n === "welcome" && p === void 0 && N(r);
 	}, [
 		n,
 		p,
@@ -493,4 +493,4 @@ var An = (e = {}) => {
 		])
 	};
 };
-export { M as AlignmentPanel, wn as AppearanceCommandButton, Fe as AutoColorPosition, lt as BorderCommandButton, Lt as BorderPanel, yt as BorderPopupButton, mt as BorderPreview, at as BorderStylePopupButton, Ot as BorderTemplateIcon, O as CalculationOptionsCommandButton, pt as CalculationRequiredStatus, b as CircularReferenceStatus, Je as ColorButton, Xe as ColorButtonList, Ie as ColorCommandButton, Yt as ColorPanel, _e as ColorPanelType, Ye as ColorPopupButton, j as ColumnMenu, C as DEFAULT_GRADIENT, pn as DefaultTaskPaneRegistry, bt as DefaultWorkbookToolbars, x as DocThemeCommandButton, Ut as DocumentTitle, Pt as ExternalLinkCardBody, ee as ExternalLinkChip, Dt as ExternalLinkLocation, de as ExternalLinkSettingsTab, It as ExternalLinksPanel, Te as ExternalLinksPlugin, et as ExternalLinksTaskPane, E as FORMAT_TAB_KEY, be as FORMAT_TASK_PANE_KEY, hn as FORMULA_FIELD_ABOVE_LABEL_HEIGHT, X as FileCommandButton, N as FillMenu, ht as FillPanel, He as FilterList, Zt as FontFamilyCommandButton, ze as FontPanel, Ke as FontSizeCommandButton, nt as FormatButtonGroup, Tt as FormatCellPreview, Rt as FormatNumberField, kt as FormatPlugin, Mt as FormatRow, A as FormatSection, _t as FormatTab, st as FormatTaskPane, k as FormulaBar, gn as FormulaField, bn as FunctionArgumentsPanel, Sn as FunctionSearchPanel, Wt as GradientEditor, xn as INSERT_FUNCTION_PAGE_CLASS, Cn as InputField, vt as InsertFunctionCommandPopupButton, vn as InsertFunctionOption, Z as InsertFunctionSumCommandPopupButton, yn as InsertFunctionWizard, a as LicenseManager, se as ManageProtectionTaskPane, gt as NAMED_TYPE_FORMULA, xt as NamedCollectionEditor, Nt as NamedDetailsPanel, Ft as NamedDetailsTaskPane, me as NamedEditorPanel, Ee as NamedPlugin, xe as NumberFormatCommandButton, Qe as NumberFormatOption, Me as NumberFormatPanel, ie as NumberStats, ve as PATTERN_GALLERY, D as PREVIEW_EDGES, Q as PasswordDialog, De as PasswordField, ct as PasteCommandButton, Re as PatternPopupButton, qt as PatternSwatch, Ze as PresetCellStylesCommandButton, wt as PresetTableStylesCommandButton, qe as ProtectedCellsPanel, oe as ProtectedRangeDetailsTaskPane, St as ProtectionPlugin, Be as SheetProtectionPanel, ce as SheetTabMenu, ke as SheetZoomCommandButton, ge as SheetZoomScale, we as SheetsAllMenu, te as StatusBar, $ as Studio, tt as StyledStrokeIcon, ne as TableDetailsPanel, Se as TableDetailsTaskPane, Vt as TablePlugin, Pe as TableStyleCanvasPreview, pe as TableStyleOptionsPanel, Ve as TableStylePreview, Ae as TextEffectsCommandButton, Qt as TextRotateGroupButton, Ge as ThemeSelectButton, S as ThemeSelectPanel, Bt as ThemeSelectPopupButton, Ct as UndoRedoCommandButton, jt as WalkingCopyCommandButton, Ht as WorkbookContextMenu, At as WorkbookElement, H as WorkbookIO, w as WorkbookProtectionPanel, he as WorkbookProtectionTab, ae as WorkbookStrip, ft as WorkbookToolbars, ot as createNamedDraft, Xt as createStudioThemeCSS, rt as createThemeFromMUITheme, ut as edgeAt, We as edgeLabel, T as expressionOf, $e as isEditableNamed, $t as numberFormatCategoryLabel, Et as numberFormatTypeLabel, dt as onReselect, _n as optionsForPage, zt as panelSx, Ue as patternLabel, ye as registerSheetCommandGroups, le as registerStudioCommandCatalogs, Jt as registerStudioCommandGroups, Ce as registerWorkbookCommandGroups, Le as renderWorkbookSheetTab, it as renderWorkbookToolbars, Ne as saveNamedDraft, sn as setPrintExamplesOnLoad, Tn as t, Gt as toGradientValue, fe as toPatternSlots, ue as tokensToMuiOptions, je as useFormatSelection, ln as useModelListener, un as useRangeListener, An as useStudioApp };
+export { pt as AlignmentPanel, wn as AppearanceCommandButton, Wt as AutoColorPosition, jt as BorderCommandButton, kt as BorderPanel, tt as BorderPopupButton, F as BorderPreview, Tt as BorderStylePopupButton, it as BorderTemplateIcon, Be as CalculationOptionsCommandButton, re as CalculationRequiredStatus, lt as CircularReferenceStatus, A as ColorButton, Kt as ColorButtonList, $t as ColorCommandButton, De as ColorPanel, Ft as ColorPanelType, Qt as ColorPopupButton, st as ColumnMenu, Xt as DEFAULT_GRADIENT, v as DefaultTaskPaneRegistry, ce as DefaultWorkbookToolbars, at as DocThemeCommandButton, Ee as DocumentTitle, We as ExternalLinkCardBody, qt as ExternalLinkChip, ne as ExternalLinkLocation, Rt as ExternalLinkSettingsTab, Ge as ExternalLinksPanel, Jt as ExternalLinksPlugin, ue as ExternalLinksTaskPane, Ue as FORMAT_TAB_KEY, Se as FORMAT_TASK_PANE_KEY, hn as FORMULA_FIELD_ABOVE_LABEL_HEIGHT, X as FileCommandButton, mt as FillMenu, ut as FillPanel, je as FilterList, oe as FontFamilyCommandButton, ct as FontPanel, he as FontSizeCommandButton, Je as FormatButtonGroup, _e as FormatCellPreview, Lt as FormatNumberField, nn as FormatPlugin, xt as FormatRow, Xe as FormatSection, Ut as FormatTab, ln as FormatTaskPane, Mt as FormulaBar, gn as FormulaField, xn as FunctionArgumentsPanel, Cn as FunctionSearchPanel, se as GradientEditor, Sn as INSERT_FUNCTION_PAGE_CLASS, _n as InputField, ke as InsertFunctionCommandPopupButton, yn as InsertFunctionOption, Z as InsertFunctionSumCommandPopupButton, bn as InsertFunctionWizard, a as LicenseManager, fe as ManageProtectionTaskPane, Vt as NAMED_TYPE_FORMULA, Ht as NamedCollectionEditor, rn as NamedDetailsPanel, wt as NamedDetailsTaskPane, ae as NamedEditorPanel, Zt as NamedPlugin, ie as NumberFormatCommandButton, on as NumberFormatOption, Ae as NumberFormatPanel, ze as NumberStats, be as PATTERN_GALLERY, Et as PREVIEW_EDGES, Q as PasswordDialog, Dt as PasswordField, P as PasteCommandButton, tn as PatternPopupButton, un as PatternSwatch, ht as PresetCellStylesCommandButton, xe as PresetTableStylesCommandButton, ge as ProtectedCellsPanel, ot as ProtectedRangeDetailsTaskPane, nt as ProtectionPlugin, Me as SheetProtectionPanel, en as SheetTabMenu, Te as SheetZoomCommandButton, _t as SheetZoomScale, Yt as SheetsAllMenu, Ke as StatusBar, $ as Studio, Nt as StyledStrokeIcon, Gt as TableDetailsPanel, Ct as TableDetailsTaskPane, At as TablePlugin, ye as TableStyleCanvasPreview, rt as TableStyleOptionsPanel, Ne as TableStylePreview, Oe as TextEffectsCommandButton, le as TextRotateGroupButton, M as ThemeSelectButton, zt as ThemeSelectPanel, dt as ThemeSelectPopupButton, Fe as UndoRedoCommandButton, ft as WalkingCopyCommandButton, we as WorkbookContextMenu, Le as WorkbookElement, E as WorkbookIO, qe as WorkbookProtectionPanel, et as WorkbookProtectionTab, Ie as WorkbookStrip, pe as WorkbookToolbars, Ze as createNamedDraft, Ve as createStudioThemeCSS, Ot as createThemeFromMUITheme, me as edgeLabel, yt as edgesAt, Pe as expressionOf, de as isEditableNamed, Qe as numberFormatCategoryLabel, It as numberFormatTypeLabel, vt as onReselect, vn as optionsForPage, He as panelSx, $e as patternLabel, bt as registerSheetCommandGroups, sn as registerStudioCommandCatalogs, an as registerStudioCommandGroups, gt as registerWorkbookCommandGroups, j as renderWorkbookSheetTab, Ce as renderWorkbookToolbars, Re as saveNamedDraft, D as setPrintExamplesOnLoad, Tn as t, Bt as toGradientValue, Pt as toPatternSlots, cn as tokensToMuiOptions, Ye as useFormatSelection, b as useModelListener, w as useRangeListener, An as useStudioApp };