@sheetxl/studio-vanilla 0.7.28-beta.2 → 0.7.28-beta.3

package/browser/esm/{B6mzT3jt8PsKgBWH2.mjs → CI92jUOrJIKUlfGx2.mjs}

@@ -1,29 +1,29 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.2
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.3
 *
 * (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 "./Ccj-Gq_hyRtb93R-.mjs";
-import { i as t, n, r } from "./C8KBkOocNYDNWBDu.mjs";
-import { A as i, R as a, _ as o, d as s, g as c, j as l, s as u, t as d, v as f } from "./ioECgEEk-HCEo_qL.mjs";
-import { r as p, t as m } from "./AS-KiFBez1nwB_vC.mjs";
-import { $t as h, B as g, C as _, D as v, Dt as y, Et as b, G as x, K as S, N as C, Ot as ee, Rt as w, T, W as te, Xt as E, Y as ne, _ as D, b as O, c as k, ct as re, dt as ie, ft as ae, h as A, i as oe, it as se, m as j, n as ce, nt as le, ot as ue, p as M, rt as de, s as fe, st as pe, t as N, tt as P, v as me, w as he, x as ge, y as _e, yt as ve } from "./DvFh-0k-PvKrKwkt.mjs";
-import { $ as ye, C as be, Ct as xe, D as Se, Et as Ce, F as we, H as Te, I as Ee, J as De, L as Oe, N as F, St as ke, Tt as Ae, V as je, _t as I, bt as Me, ct as L, g as Ne, k as Pe, lt as R, nt as Fe, s as Ie, st as Le, ut as z, v as Re, vt as ze, yt as Be } from "./C5wklWg-nVHGfhda.mjs";
-import { D as Ve, E as He, S as B, h as V, p as H, r as Ue, t as U } from "./DMXx0lIMiLsQgbVK.mjs";
-import { A as We, D as Ge, E as Ke, M as qe, N as Je, O as Ye, P as Xe, S as Ze, T as Qe, _ as W, a as $e, b as et, c as tt, d as nt, f as G, g as rt, h as it, i as at, j as ot, k as st, l as ct, m as lt, o as ut, p as dt, r as ft, s as pt, u as mt, v as ht, w as gt, x as _t, y as vt } from "./B3N4rAHBBKghSNf-.mjs";
-import { n as yt, t as bt } from "./DBVG6J7cidK5K5QE.mjs";
-import { t as K } from "./BKY2gKXOB637hih-.mjs";
-import { t as q } from "./Bp1kaqNxSV0Hskwb.mjs";
-import { t as xt } from "./BwYNDge9HsfAlKEk.mjs";
-import { A as St, Bt as Ct, D as wt, E as Tt, Ft as Et, G as Dt, It as Ot, J as kt, K as At, L as jt, M as Mt, Nt, Ot as Pt, Q as Ft, R as It, S as Lt, U as Rt, V as zt, Vt as Bt, W as Vt, Y as Ht, _t as Ut, c as Wt, dt as Gt, ft as Kt, j as qt, k as Jt, m as Yt, nt as Xt, o as Zt, p as Qt, pt as $t, q as en, rt as tn, s as nn, t as rn, u as an, v as on, w as sn, wt as cn, xt as ln, zt as un } from "./CTpri2fSv5dZbUwJ.mjs";
-import { t as dn } from "./CbGZtQlImYkXEGhI.mjs";
-import { n as fn } from "./DpjPEgS5W70lK0GU.mjs";
-import { t as pn } from "./IPVHjbNIjyMsOxUR.mjs";
-import { a as mn, n as hn } from "./DqJYCOxMI0h7olt5.mjs";
-import { C as gn, F as J, H as _n, Z as vn, ct as Y, en as yn, it as bn, tt as xn } from "./BDJXGdb3hQGrna00.mjs";
-import { i as Sn } from "./BmNqTvvRVjF_c1qz.mjs";
-import { r as Cn } from "./9LhOHxxuP2jO-YDv.mjs";
+import { r as e } from "./BbRZ0cO4t2haGX-o.mjs";
+import { i as t, n, r } from "./swjGzqq7IK8YnHrV.mjs";
+import { A as i, R as a, _ as o, d as s, g as c, j as l, s as u, t as d, v as f } from "./Cjq-G2Seyww6IMSH.mjs";
+import { r as p, t as m } from "./DqfIf41HljTIhC84.mjs";
+import { $t as h, B as g, C as _, D as v, Dt as y, Et as b, G as x, K as S, N as C, Ot as ee, Rt as w, T, W as te, Xt as E, Y as ne, _ as D, b as O, c as k, ct as re, dt as ie, ft as ae, h as A, i as oe, it as se, m as j, n as ce, nt as le, ot as ue, p as M, rt as de, s as fe, st as pe, t as N, tt as P, v as me, w as he, x as ge, y as _e, yt as ve } from "./BDHrIbkTx7Ii0RYb.mjs";
+import { $ as ye, C as be, Ct as xe, D as Se, Et as Ce, F as we, H as Te, I as Ee, J as De, L as Oe, N as F, St as ke, Tt as Ae, V as je, _t as I, bt as Me, ct as L, g as Ne, k as Pe, lt as R, nt as Fe, s as Ie, st as Le, ut as z, v as Re, vt as ze, yt as Be } from "./CC52ynv81P-LwXRT.mjs";
+import { D as Ve, E as He, S as B, h as V, p as H, r as Ue, t as U } from "./Byl6FdOyv58rFwxZ.mjs";
+import { A as We, D as Ge, E as Ke, M as qe, N as Je, O as Ye, P as Xe, S as Ze, T as Qe, _ as W, a as $e, b as et, c as tt, d as nt, f as G, g as rt, h as it, i as at, j as ot, k as st, l as ct, m as lt, o as ut, p as dt, r as ft, s as pt, u as mt, v as ht, w as gt, x as _t, y as vt } from "./rnntZ_PYlojxr5c4.mjs";
+import { n as yt, t as bt } from "./DD-_f0jEXDy0dn6z.mjs";
+import { t as K } from "./Bxt5fHMZXudQ1QHA.mjs";
+import { t as q } from "./DwEiTFl_RN5oQzfh.mjs";
+import { t as xt } from "./Ci7qcrvyeBaD36sR.mjs";
+import { $ as St, A as Ct, Bt as wt, F as Tt, Ft as Et, G as Dt, It as Ot, K as kt, M as At, Nt as jt, O as Mt, Ot as Nt, P as Pt, V as Ft, Vt as It, X as Lt, Y as Rt, Z as zt, _ as Bt, _t as Vt, c as Ht, d as Ut, dt as Wt, et as Gt, f as Kt, ft as qt, l as Jt, m as Yt, n as Xt, nt as Zt, p as Qt, pt as $t, q as en, r as tn, rt as nn, s as rn, t as an, wt as on, xt as sn, y as cn, z as ln, zt as un } from "./CecKVsBMvvKuk2Og.mjs";
+import { t as dn } from "./CtZ4wSjG6QUWs7Nn.mjs";
+import { n as fn } from "./B1AbnDun66mq_S2f.mjs";
+import { t as pn } from "./CNZeWICVX0x6E3-Z.mjs";
+import { a as mn, n as hn } from "./DhnxpW56CJ43gVOI.mjs";
+import { I as J, J as gn, Jt as Y, T as _n, lt as vn, mt as yn, nt as bn, ot as xn } from "./Bs6uuY3i689nSdNa.mjs";
+import { i as Sn } from "./CEgIZKMC4XoMmPp5.mjs";
+import { r as Cn } from "./4-QoxOhoR614u5tO.mjs";
 var wn = Ce(), X = e(t(), 1), Tn = X.createContext(null);
 function En() {
 	return X.useContext(Tn);
@@ -1637,7 +1637,7 @@ var Jr = {}, Yr = (0, X.memo)((e) => {
 });
 Yr.displayName = "AverageOption";
 var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([J.BuiltInOperatorNames.Icon, J.BuiltInOperatorNames.Color]), $r = (e, t, n, r = Qr) => {
-	let i = t ?? Object.values(bn.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
+	let i = t ?? Object.values(vn.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
 	return i.filter((t) => {
 		if (r.includes(t.getName())) return !1;
 		let n = t.acceptsList?.();
@@ -1652,7 +1652,7 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([J.BuiltInOpe
 		disableSticky: !0,
 		sx: ni,
 		children: n("condition.groupBasic")
-	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Z.jsx)(Bt, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(vr, {
+	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Z.jsx)(It, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(vr, {
 		disableSticky: !0,
 		sx: ni,
 		children: n("condition.groupCombine")
@@ -1849,7 +1849,7 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([J.BuiltInOpe
 				disabled: r,
 				children: a.map((e, t) => {
 					let n = [];
-					return t > 0 && n.push((0, Z.jsx)(Bt, {}, `divider-${t}`)), n.push((0, Z.jsx)(vr, {
+					return t > 0 && n.push((0, Z.jsx)(It, {}, `divider-${t}`)), n.push((0, Z.jsx)(vr, {
 						sx: ni,
 						children: e.header
 					}, `header-${t}`)), e.options.map((e) => n.push((0, Z.jsx)(q, {
@@ -2075,7 +2075,7 @@ var ui = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { icon: n, tooltip: r, label: i, darkMode: a, propsPanel: o, value: s, operators: c, onChange: l, title: u, readOnly: d = !1, ...f } = e, m = E(), h = w();
 	u ?? m("condition.operatorTitle");
 	let g = n || (0, Z.jsx)(p, { iconKey: "Add" }), _ = (0, X.useRef)(l);
-	return _.current = l, (0, Z.jsx)(Pt, {
+	return _.current = l, (0, Z.jsx)(Nt, {
 		ref: t,
 		createPopupPanel: (0, X.useCallback)((e) => {
 			let { closeFloatAll: t } = e, n = ei(c, (e) => (0, Z.jsx)(q, {
@@ -2187,7 +2187,7 @@ function mi(e) {
 }
 fi.displayName = "BooleanOption";
 var hi = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = E(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = At(), d = (0, X.useCallback)((e) => {
+	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = E(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Dt(), d = (0, X.useCallback)((e) => {
 		if (!u || e === null) return null;
 		let t = u.createCell({ value: e }), n = t.getValue();
 		return t.getType() === hn.Number ? n : null;
@@ -2419,7 +2419,7 @@ var yi = (0, X.memo)((e) => {
 			param: t.getParam()
 		} : null), g(t.isIncludeBlanks());
 	}, [t]);
-	let _ = (0, X.useMemo)(() => (s ?? Object.values(bn.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", u)), [s, u]), v = (0, X.useMemo)(() => o ?? Object.values(bn.BuiltInOperators), [o]), y = (0, X.useMemo)(() => $r(d, v, u), [
+	let _ = (0, X.useMemo)(() => (s ?? Object.values(vn.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", u)), [s, u]), v = (0, X.useMemo)(() => o ?? Object.values(vn.BuiltInOperators), [o]), y = (0, X.useMemo)(() => $r(d, v, u), [
 		d,
 		v,
 		u
@@ -2543,7 +2543,7 @@ var bi = (0, X.memo)((e) => {
 	});
 });
 bi.displayName = "RuleSection";
-var xi = new gn("transparent"), Si = {
+var xi = new _n("transparent"), Si = {
 	lightRedFillDarkRedText: f("conditionalFormat.preset.lightRedFillDarkRedText"),
 	yellowFillDarkYellowText: f("conditionalFormat.preset.yellowFillDarkYellowText"),
 	greenFillDarkGreenText: f("conditionalFormat.preset.greenFillDarkGreenText"),
@@ -2551,7 +2551,7 @@ var xi = new gn("transparent"), Si = {
 	redText: f("conditionalFormat.preset.redText"),
 	redBorder: f("conditionalFormat.preset.redBorder")
 }, Ci = (e) => e ? typeof e == "string" ? e : e.type === xn.Type.None ? null : e.color ?? e.foreground ?? null : null, wi = (e, t) => e === "auto" ? null : it(e, t), Ti = (0, X.memo)((e) => {
-	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = E(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = pt(), d = t?.font ?? null, m = (d?.weight ?? 400) >= 600, h = d?.style === _n.Style.Italic, g = !!d?.underline && d.underline !== _n.UnderlineStyle.None, _ = !!d?.strike, v = (e) => {
+	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = E(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = pt(), d = t?.font ?? null, m = (d?.weight ?? 400) >= 600, h = d?.style === gn.Style.Italic, g = !!d?.underline && d.underline !== gn.UnderlineStyle.None, _ = !!d?.strike, v = (e) => {
 		let r = { ...d };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		let i = { ...t };
@@ -2585,7 +2585,7 @@ var xi = new gn("transparent"), Si = {
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: Qt.map((e, t) => {
+				children: Mt.map((e, t) => {
 					let i = wi(Ci(e.style.fill), o), s = wi(e.style.font?.color, o), c = e.style.border ? wi(Object.values(e.style.border)[0]?.color, o) : null;
 					return (0, Z.jsx)(Ze, {
 						sheet: !0,
@@ -2636,7 +2636,7 @@ var xi = new gn("transparent"), Si = {
 					sx: S,
 					selected: h,
 					disabled: r,
-					onChange: () => v({ style: h ? void 0 : _n.Style.Italic }),
+					onChange: () => v({ style: h ? void 0 : gn.Style.Italic }),
 					children: (0, Z.jsx)(p, { iconKey: "TextItalic" })
 				}),
 				(0, Z.jsx)(Lr, {
@@ -2645,7 +2645,7 @@ var xi = new gn("transparent"), Si = {
 					sx: S,
 					selected: g,
 					disabled: r,
-					onChange: () => v({ underline: g ? void 0 : _n.UnderlineStyle.Single }),
+					onChange: () => v({ underline: g ? void 0 : gn.UnderlineStyle.Single }),
 					children: (0, Z.jsx)(p, { iconKey: "TextUnderline" })
 				}),
 				(0, Z.jsx)(Lr, {
@@ -3003,7 +3003,7 @@ var ji = [
 						gap: .5,
 						flexWrap: "wrap"
 					},
-					children: Vt.filter((e) => (e.gradient ?? !1) === h).map((e, t) => (0, Z.jsx)(Ze, {
+					children: Lt.filter((e) => (e.gradient ?? !1) === h).map((e, t) => (0, Z.jsx)(Ze, {
 						sheet: !0,
 						disabled: r,
 						onClick: () => g({
@@ -3255,8 +3255,8 @@ var Fi = {
 	Y.ColorStopType.Num,
 	Y.ColorStopType.Percentile,
 	Y.ColorStopType.Formula
-], Li = new Set(Object.values(vn.IconSet)), Ri = (0, X.memo)(({ set: e }) => {
-	let t = Zt(e);
+], Li = new Set(Object.values(bn.IconSet)), Ri = (0, X.memo)(({ set: e }) => {
+	let t = Bt(e);
 	return t.length === 0 ? null : (0, Z.jsx)(N, {
 		sx: {
 			display: "flex",
@@ -3276,7 +3276,7 @@ var Fi = {
 });
 Ri.displayName = "IconSetGlyphs";
 var zi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...a } = e, o = E(), s = t.iconSet ?? vn.IconSet.TrafficLights3, c = !Li.has(s), l = t.stops ?? [], u = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...a } = e, o = E(), s = t.iconSet ?? bn.IconSet.TrafficLights3, c = !Li.has(s), l = t.stops ?? [], u = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
@@ -3287,7 +3287,7 @@ var zi = (0, X.memo)((e) => {
 			disabled: !0,
 			children: i.camelToPrettyCase(s)
 		}, s));
-		for (let t of Jt) {
+		for (let t of Tt) {
 			e.push((0, Z.jsx)(vr, {
 				disableSticky: !0,
 				sx: ni,
@@ -3344,13 +3344,13 @@ var zi = (0, X.memo)((e) => {
 							alignItems: "center",
 							minHeight: "1.4375em"
 						},
-						children: Zt(e).length === 0 ? i.camelToPrettyCase(e) : (0, Z.jsx)(Ri, { set: e })
+						children: Bt(e).length === 0 ? i.camelToPrettyCase(e) : (0, Z.jsx)(Ri, { set: e })
 					}),
 					disabled: r || c,
 					sx: { backgroundColor: "background.paper" },
 					onChange: (e) => ((e) => {
-						let t = qt(e), n = l;
-						t !== l.length && (n = It(t)), u({
+						let t = kt(e), n = l;
+						t !== l.length && (n = Gt(t)), u({
 							iconSet: e,
 							stops: n
 						});
@@ -3417,7 +3417,7 @@ var Bi = (e, t, n) => it(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
 	return Bi(i.foreground ?? r.color ?? i.background, t, n);
 }, Hi = (0, X.memo)((e) => {
 	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = pt();
-	rn(t, "onAnyChange");
+	an(t, "onAnyChange");
 	let o = t.getScale(), s = t.getStyle(), c = (0, X.useMemo)(() => {
 		try {
 			return i?.getStyles().getNormal().getFont().toCSS("adaptive") ?? {};
@@ -3453,7 +3453,7 @@ var Bi = (e, t, n) => it(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
 				children: n
 			});
 		}
-		let e = s?.font, t = e?.underline && e.underline !== _n.UnderlineStyle.None;
+		let e = s?.font, t = e?.underline && e.underline !== gn.UnderlineStyle.None;
 		return (0, Z.jsx)(N, {
 			sx: {
 				width: "100%",
@@ -3497,7 +3497,7 @@ var Bi = (e, t, n) => it(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
 Hi.displayName = "RulePreview";
 var Ui = (0, X.memo)((e) => {
 	let { conditionalFormat: t, label: n, helperText: r } = e, i = E(), a = ue();
-	rn(t, ["onAnchorCoordsChange", "onAnyChange"]);
+	an(t, ["onAnchorCoordsChange", "onAnyChange"]);
 	let o = t.getRanges();
 	return (0, Z.jsx)(Cn, {
 		grammar: "reference",
@@ -3541,7 +3541,7 @@ var Wi = (e, t) => {
 	[Y.ScaleType.IconSet]: f("conditionalFormat.tab.iconSets")
 }, Ki = (0, X.memo)((e) => {
 	let { conditionalFormat: t } = e, n = E();
-	rn(t, "onAnyChange");
+	an(t, "onAnyChange");
 	let r = t.getScale(), i = t.getCondition(), a = t.getStyle(), o = t.isProtected(), s = r?.type ?? "classic", c = (0, X.useRef)({ scales: {} }), l = (e) => {
 		t.update({ scale: e });
 	};
@@ -3599,7 +3599,7 @@ var Wi = (e, t) => {
 							scale: null
 						});
 						else {
-							let n = c.current.scales[e] ?? (e === Y.ScaleType.ColorScale ? Ht() : e === Y.ScaleType.DataBar ? Tt() : Ft());
+							let n = c.current.scales[e] ?? (e === Y.ScaleType.ColorScale ? Ct() : e === Y.ScaleType.DataBar ? Ft() : Pt());
 							t.update({
 								scale: n,
 								condition: null,
@@ -3675,7 +3675,7 @@ var Wi = (e, t) => {
 Ki.displayName = "ConditionalFormatEditorPanel";
 var qi = (0, X.memo)(({ item: e }) => {
 	let t = E();
-	return rn(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(N, {
+	return an(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(N, {
 		sx: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -4690,7 +4690,7 @@ var oo = (0, X.memo)(ao), so = Ia({ wrappedRoot: {
 						backgroundColor: "color-mix(in srgb, var(--sxl-color-error) 90%, var(--sxl-color-base-100))",
 						borderTop: "1px solid var(--sxl-color-error)"
 					},
-					children: (0, Z.jsx)(Kt, {
+					children: (0, Z.jsx)(qt, {
 						error: o,
 						hideLineNumbers: !0
 					})
@@ -4716,7 +4716,7 @@ var xo = (0, Z.jsx)(() => (0, Z.jsx)(Re, {
 			marginLeft: "6px",
 			cursor: "pointer"
 		},
-		children: (0, Z.jsx)(Dt, { style: {
+		children: (0, Z.jsx)(zt, { style: {
 			width: "24px",
 			height: "24px"
 		} })
@@ -4817,7 +4817,7 @@ function Co(e, t) {
 		};
 		n && (a.progress.onStart = n);
 		let s = -5;
-		return Mt.read({
+		return en.read({
 			...a,
 			progress: {
 				async onStart(e, t) {
@@ -4855,11 +4855,11 @@ function Co(e, t) {
 		};
 		if (n) {
 			let n = e.getOrigin(), r = t?.exts?.[0] ?? (n.getExtension() || "sxl"), c = `${a || n.getName() || o("workbook.defaultName")}.${r}`;
-			i = await Mt.writeAs(e, c, {
+			i = await en.writeAs(e, c, {
 				...s,
 				prompt: !0
 			});
-		} else i = await Mt.write(e, void 0, s);
+		} else i = await en.write(e, void 0, s);
 		return !!i;
 	};
 	return e.updateCommand("newWorkbook", { callback: () => {
@@ -4875,9 +4875,9 @@ function Co(e, t) {
 			defaultOption: "Cancel"
 		}) !== "Close" || window.close();
 	} }), (async () => {
-		let t = await Mt.getWriteFormats();
+		let t = await en.getWriteFormats();
 		if (l) return;
-		let i = Mt.canWrite(), a = Mt.canRead();
+		let i = en.canWrite(), a = en.canRead();
 		if (i) {
 			let r = (e) => {
 				let r = e ? t.find((t) => t.key === e) : void 0;
@@ -4960,8 +4960,8 @@ function Co(e, t) {
 			tags: ["noTransaction", "noRepeat"],
 			callback: async (e = null) => {
 				let t = e;
-				if (t || Mt.canRead() || (t = await (async () => {
-					let e = await Mt.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
+				if (t || en.canRead() || (t = await (async () => {
+					let e = await en.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
 					return d.openFileDialog(t.length ? t.join(",") : "*.*");
 				})(), t)) return m(t);
 			}
@@ -5047,7 +5047,7 @@ function Co(e, t) {
 	};
 }
 So.displayName = "StudioToolbar";
-var wo = (0, X.lazy)(() => import("./BZ6ssyp3xvgxb4Ux2.mjs"));
+var wo = (0, X.lazy)(() => import("./jvvKubD9MdvZCawH2.mjs"));
 Qe();
 var To = /* @__PURE__ */ new Set(["ui"]), Eo = (e) => {
 	let t = (e) => {
@@ -5077,7 +5077,7 @@ var To = /* @__PURE__ */ new Set(["ui"]), Eo = (e) => {
 	}
 	return { getAllCommands: () => r };
 }, Do = (e) => {
-	let { children: t, workbook: n, setWorkbook: r, workbookTitle: i, isDirty: a } = e, o = ee.useCommandScope(), c = ue(), { showModal: l } = Gt(), u = E(), d = (0, X.useRef)(a);
+	let { children: t, workbook: n, setWorkbook: r, workbookTitle: i, isDirty: a } = e, o = ee.useCommandScope(), c = ue(), { showModal: l } = Wt(), u = E(), d = (0, X.useRef)(a);
 	d.current = a;
 	let p = P(() => {
 		let e = o?.getRoot().getRegistry();
@@ -5104,7 +5104,7 @@ var To = /* @__PURE__ */ new Set(["ui"]), Eo = (e) => {
 			} });
 		}(e, { showShortcuts: p }), () => e.remove();
 	}, [o, p]);
-	let m = qe("(prefers-color-scheme: dark)"), { themeMode: h } = de(), [g, _] = re(sn.Mode, null), [v, b] = re(sn.DarkGrid, !1), [x, S] = re(sn.DarkImages, !1);
+	let m = qe("(prefers-color-scheme: dark)"), { themeMode: h } = de(), [g, _] = re(Jt.Mode, null), [v, b] = re(Jt.DarkGrid, !1), [x, S] = re(Jt.DarkImages, !1);
 	(0, X.useEffect)(() => {
 		if (!o) return;
 		let e = o.getRoot().contribution();
@@ -5265,7 +5265,7 @@ var Oo = ({ renderWorkbook: e }) => {
 					} }
 				});
 			} else {
-				if (!Mt.canRead()) return;
+				if (!en.canRead()) return;
 				let n = (e.dataTransfer.items?.[0])?.getAsFileSystemHandle?.();
 				n ? n.then((e) => t.execute("openWorkbook", e?.kind === "file" ? e : r)).catch(() => t.execute("openWorkbook", r)) : t.execute("openWorkbook", r);
 			}
@@ -5304,7 +5304,7 @@ var Oo = ({ renderWorkbook: e }) => {
 	}), s] });
 }, ko = (0, X.memo)((e) => {
 	let { workbook: t, setWorkbook: n, refDocumentTitle: r, titleWorkbook: i, setWorkbookTitle: a, isDirty: o, initialCommandAnchor: s, renderWorkbook: c } = e;
-	return (0, Z.jsx)(kt, {
+	return (0, Z.jsx)(Kt, {
 		initialAnchor: s,
 		children: (0, Z.jsx)(Do, {
 			workbook: t,
@@ -5317,17 +5317,17 @@ var Oo = ({ renderWorkbook: e }) => {
 });
 ko.displayName = "CommandsWrapper";
 var Ao = {
-	sort: () => import("./BVLamiPGpKQKiyPW2.mjs"),
-	numberFormat: () => import("./CukE7coIERV0PmeU2.mjs"),
-	hyperlink: () => import("./EHwbgKRgADVAwQbs2.mjs"),
-	comments: () => import("./Dr0aqIJxcsRdzQox2.mjs"),
-	find: () => import("./qxXoiVui214rfZng2.mjs"),
-	tableNew: () => import("./DRU8HlvNdJ-IdDad2.mjs"),
-	namedDetails: () => import("./GjOmlUOFqz90L-9x2.mjs"),
-	insertFunction: () => import("./DJoktru8Ln1idAEk2.mjs"),
-	resizeHeader: () => import("./B-cVGeAqeE1MJbcg2.mjs"),
-	workbookStatistics: () => import("./CZDNrQuttGG8SW_a2.mjs"),
-	protectWorkbook: () => import("./DnS-xX8jkMERhPbF.mjs").then((e) => e.n).then((e) => e.n)
+	sort: () => import("./Clu5SMZriAkKa_np2.mjs"),
+	numberFormat: () => import("./nBRFIzaPeMPPvIMQ2.mjs"),
+	hyperlink: () => import("./BibrryjUsSysyTSD2.mjs"),
+	comments: () => import("./C39fSQO6blxFky052.mjs"),
+	find: () => import("./IMAnmKax7yp8adEP2.mjs"),
+	tableNew: () => import("./UOfj2s5X9yjL1iLF2.mjs"),
+	namedDetails: () => import("./B4094aQR3Q4KhALV2.mjs"),
+	insertFunction: () => import("./BbgnnZj965cf_RAV2.mjs"),
+	resizeHeader: () => import("./yqwkS9EO5146-Xhf2.mjs"),
+	workbookStatistics: () => import("./yFD3mg0KbvkE3s1Y2.mjs"),
+	protectWorkbook: () => import("./BamGz0uoayfOfFJD.mjs").then((e) => e.t).then((e) => e.n)
 }, jo = ["find"], Mo = (0, X.memo)((e) => {
 	let { children: t } = e, n = vo(), r = n ? n.enqueueSnackbar : () => {}, a = n ? n.closeSnackbar : () => {}, [o, s] = (0, X.useState)({
 		isMounted: !1,
@@ -5345,7 +5345,7 @@ var Ao = {
 			...e,
 			isMounted: !1
 		}));
-	}, []), d = E(), f = i.EmptyObject, m = $t(f), h = Ut(f), g = Ct(f), _ = (0, X.useRef)(!1);
+	}, []), d = E(), f = i.EmptyObject, m = $t(f), h = Vt(f), g = wt(f), _ = (0, X.useRef)(!1);
 	(0, X.useEffect)(() => {
 		if (_.current) return;
 		_.current = !0;
@@ -5446,7 +5446,7 @@ var Ao = {
 	}, [o]);
 	let [b, S] = (0, X.useState)(null);
 	return (0, X.useEffect)(() => {
-		o.starting.size !== 0 || o.running.size !== 0 ? S((0, Z.jsx)(ln, {
+		o.starting.size !== 0 || o.running.size !== 0 ? S((0, Z.jsx)(sn, {
 			icon: (0, Z.jsx)(un, { sx: {
 				transform: "scale(0.7)",
 				marginLeft: "-6px"
@@ -5477,7 +5477,7 @@ var Ao = {
 });
 Mo.displayName = "StudioNotifierProvider";
 var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", Po = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = nn, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, m = u !== "right", g = (0, X.useMemo)(() => i.map((t) => {
+	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = Qt, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, m = u !== "right", g = (0, X.useMemo)(() => i.map((t) => {
 		let n = s.getRegisteredTaskPane(t);
 		if (!n) return null;
 		let r = n.getIcon?.();
@@ -5735,7 +5735,7 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 zo.displayName = "StudioSplitPane";
 var Bo = (0, X.memo)((e) => {
 	let { dataValidation: t } = e, n = E(), r = t.getRenderHints();
-	return rn(t, "onAnyChange"), (0, Z.jsxs)(je, {
+	return an(t, "onAnyChange"), (0, Z.jsxs)(je, {
 		tabIndex: 0,
 		className: dt["editor-panel"],
 		sx: {
@@ -5991,7 +5991,7 @@ var Vo = {
 Ho.displayName = "DataValidationDetailsPanel";
 var Uo = /* @__PURE__ */ new WeakMap(), Wo = (0, X.memo)((e) => {
 	let { protectedRange: t } = e, n = E();
-	rn(t, "onAnyChange");
+	an(t, "onAnyChange");
 	let r = t.isProtected(), [i, a] = (0, X.useState)(() => t.getName()), [o] = (0, X.useState)(() => t.getName()), [s, c] = (0, X.useState)(null), [l, u] = (0, X.useState)(""), [d, f] = (0, X.useState)(!1), [m] = (0, X.useState)(() => t.hasPassword()), h = (() => {
 		try {
 			let e = t.getRanges();
@@ -6147,7 +6147,7 @@ var Go = {
 		...r
 	});
 }));
-Ko.displayName = "ProtectedRangeDetailsPanel", ot(), m.register("plugin-table", { icons: {} }), nn.registerTaskPane({
+Ko.displayName = "ProtectedRangeDetailsPanel", ot(), m.register("plugin-table", { icons: {} }), Qt.registerTaskPane({
 	key: "dataValidationDetails",
 	getTitle: () => "Data Validation",
 	getIcon: () => "DataValidation",
@@ -6159,7 +6159,7 @@ Ko.displayName = "ProtectedRangeDetailsPanel", ot(), m.register("plugin-table",
 			...a
 		});
 	}
-}, !0), nn.registerTaskPane({
+}, !0), Qt.registerTaskPane({
 	key: "conditionalFormatDetails",
 	getTitle: () => "Conditional Formatting",
 	getIcon: () => "FormatPaint",
@@ -6172,7 +6172,7 @@ Ko.displayName = "ProtectedRangeDetailsPanel", ot(), m.register("plugin-table",
 			...o
 		});
 	}
-}, !0), nn.registerTaskPane({
+}, !0), Qt.registerTaskPane({
 	key: "protectedRangeDetails",
 	getTitle: () => "Allow Edit Ranges",
 	getIcon: () => "Lock",
@@ -6206,7 +6206,7 @@ var qo = () => {
 }, Yo = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { className: n, sx: r, square: a, elevation: o, variant: c, style: l, onWorkbookLoad: u, onDocumentError: d, renderDocumentError: f = ht, propsDocumentError: g, propsTaskPaneArea: _, renderTaskPaneArea: v = Xo, taskPaneSide: b = "right", onKeyDown: x, workbook: C, onWorkbookChange: w, logo: T, topLeft: te, topRight: E, muiTheme: D, tokens: O, cssBaseline: k, autoFocus: ie = !1, title: ae, onDirtyChange: A, propsDocumentTitle: oe, renderDocumentLoading: se = We, propsDocumentLoading: j, propsWorkbook: ce, showFormulaBar: le, propsFormulaBar: ue, renderFormulaBar: M, editable: fe, showStatusBar: me, propsStatusBar: he, renderStatusBar: ge, propsToolbar: _e, renderToolbar: be, ...xe } = e, Se = (0, X.useRef)(null), Ce = (0, X.useRef)(null), we = (0, X.useRef)(null), Te = P(() => {
 		we.current?.getNamedCollectionEditorElement?.()?.focus?.();
-	}, []), Ee = P(d ?? (() => {}), [d]), De = P(A ?? (() => {}), [A]), Oe = oe?.placeHolder, [F] = re(sn.Mode, void 0), { themeMode: ke } = de({ mode: F ?? void 0 }), [Ae] = re(y.Active, null), I = (0, X.useRef)(Ae);
+	}, []), Ee = P(d ?? (() => {}), [d]), De = P(A ?? (() => {}), [A]), Oe = oe?.placeHolder, [F] = re(Jt.Mode, void 0), { themeMode: ke } = de({ mode: F ?? void 0 }), [Ae] = re(y.Active, null), I = (0, X.useRef)(Ae);
 	I.current = Ae;
 	let Me = ve(), L = (0, X.useMemo)(() => ({
 		light: Ne(!1, i.deepMerge(Jo(D, !1), ft(Me?.light))),
@@ -6219,14 +6219,14 @@ var qo = () => {
 		L,
 		R,
 		O
-	]), Ie = (0, X.useMemo)(() => an("sxl-defaults", `.${R}`), [R]), Le = Lt(), [z, Re] = (0, X.useState)(() => C ?? null);
+	]), Ie = (0, X.useMemo)(() => Yt("sxl-defaults", `.${R}`), [R]), Le = rn(), [z, Re] = (0, X.useState)(() => C ?? null);
 	(0, X.useEffect)(() => {
 		Re(C ?? null);
 	}, [C]);
 	let [ze, Be] = (0, X.useState)(0), Ve = (0, X.useRef)(null);
 	Ve.current ||= qo();
-	let He = zt(z, {
-		io: Mt,
+	let He = ln(z, {
+		io: en,
 		defaultTheme: Le.getDefaultTheme(),
 		reloadKey: ze
 	}), B = He.status === "loaded" ? He.workbook : null, V = (0, X.useMemo)(() => He.status === "error" ? {
@@ -6265,7 +6265,7 @@ var qo = () => {
 			}
 		}
 	}, [H]);
-	let Xe = fe ? null : H, Ze = tn(), Qe = (0, X.useMemo)(() => Xe ? Wt(Xe.getSelectedSheet(), { referenceMode: Ze }) : null, [Xe, Ze]), W = fe ?? Qe, et = (0, X.useRef)(W);
+	let Xe = fe ? null : H, Ze = nn(), Qe = (0, X.useMemo)(() => Xe ? Ht(Xe.getSelectedSheet(), { referenceMode: Ze }) : null, [Xe, Ze]), W = fe ?? Qe, et = (0, X.useRef)(W);
 	et.current = W, (0, X.useEffect)(() => {
 		if (!W) return;
 		let e = W.getSession();
@@ -6274,7 +6274,7 @@ var qo = () => {
 			e = W.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && we.current?.contains?.(document.activeElement) && Se.current?.focus();
 		});
 	}, [W]);
-	let tt = on(H), { isDirty: G, saveState: rt } = Yt(H, Mt), it = Xt(H), at = (0, X.useRef)(rt);
+	let tt = Zt(H), { isDirty: G, saveState: rt } = cn(H, en), it = tn(H), at = (0, X.useRef)(rt);
 	at.current = rt;
 	let ot = (0, X.useCallback)(() => at.current?.isDirty() ?? !1, []), ct = (0, X.useRef)(V);
 	ct.current = V;
@@ -6291,8 +6291,8 @@ var qo = () => {
 		vt?.(B);
 	}, [B]);
 	let yt = (0, X.useRef)(B);
-	yt.current = B, rn(H, "onViewChange");
-	let bt = (0, X.useMemo)(() => (0, Z.jsx)(cn, {
+	yt.current = B, an(H, "onViewChange");
+	let bt = (0, X.useMemo)(() => (0, Z.jsx)(on, {
 		groupKey: "helpOptions",
 		disableHover: !0,
 		sx: { padding: "0" },
@@ -6305,10 +6305,10 @@ var qo = () => {
 	}, []);
 	let St = (0, X.useRef)(null);
 	St.current ||= qo();
-	let Ct = (0, X.useRef)(null), Tt = (0, X.useCallback)(() => Ct.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? St.current.promise, []), Et = P(async (e) => {
+	let Ct = (0, X.useRef)(null), wt = (0, X.useCallback)(() => Ct.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? St.current.promise, []), Tt = P(async (e) => {
 		let t = I.current;
 		t && t !== s.getActive() && await s.setActive(t), await ee.DefaultCommandCatalogService.prefetch(t ?? void 0), ut(e), Ct.current = e.source, St.current.settled || St.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), u?.(e);
-	}, []), Dt = (0, X.useRef)(null), kt = (0, X.useCallback)((e) => {
+	}, []), Et = (0, X.useRef)(null), Dt = (0, X.useCallback)((e) => {
 		let t = null, n = {
 			readOnly: !0,
 			...oe
@@ -6320,7 +6320,7 @@ var qo = () => {
 				...oe?.style
 			},
 			workbook: e.workbook ?? Se.current,
-			ref: Dt,
+			ref: Et,
 			title: _t,
 			modified: G,
 			encrypted: it,
@@ -6352,11 +6352,11 @@ var qo = () => {
 			e.removeEventListener("wheel", t);
 		};
 	}, [lt]);
-	let [At, Pt] = (0, X.useState)(null);
+	let [kt, Mt] = (0, X.useState)(null);
 	(0, X.useEffect)(() => {
-		Pt(lt?.source?.getCommandScope?.() ?? null);
+		Mt(lt?.source?.getCommandScope?.() ?? null);
 	}, [lt]);
-	let Ft = (0, X.useMemo)(() => ({
+	let Nt = (0, X.useMemo)(() => ({
 		"& .SnackbarContainer-root": { position: "absolute !important" },
 		"& .notistack-SnackbarContainer > div": { maxWidth: "min(100%, 720px)" },
 		"& .notistack-Snackbar": { minWidth: "unset" },
@@ -6370,11 +6370,11 @@ var qo = () => {
 		},
 		"*": { userSelect: "none" },
 		...r
-	}), [r]), [It, Rt] = (0, X.useState)(null), [, Bt] = re(null, !1);
+	}), [r]), [Pt, Ft] = (0, X.useState)(null), [, It] = re(null, !1);
 	(0, X.useEffect)(() => {
-		Bt(It != null);
-	}, [It, Bt]);
-	let Vt = (0, X.useCallback)((e) => v({
+		It(Pt != null);
+	}, [Pt, It]);
+	let Lt = (0, X.useCallback)((e) => v({
 		model: H,
 		side: b,
 		...e,
@@ -6383,7 +6383,7 @@ var qo = () => {
 		H,
 		b,
 		_
-	]), Ht = h(t, () => ({
+	]), Rt = h(t, () => ({
 		isStudioElement: () => !0,
 		getWorkbookElement: () => Se.current,
 		getWorkbook: () => yt.current ?? null,
@@ -6394,15 +6394,15 @@ var qo = () => {
 		whenReady: () => (Ve.current ||= qo(), Ve.current.promise),
 		getWorkbookState: () => ct.current,
 		retry: () => Be((e) => e + 1)
-	}), []), Ut = (0, X.useRef)(!1), Gt = P((e, t) => {
+	}), []), zt = (0, X.useRef)(!1), Bt = P((e, t) => {
 		t === Ge.current && requestAnimationFrame(() => requestAnimationFrame(() => {
-			t === Ge.current && (Ut.current = Ht.current?.contains(document.activeElement) ?? !0, Ue(t), Et(e));
+			t === Ge.current && (zt.current = Rt.current?.contains(document.activeElement) ?? !0, Ue(t), Tt(e));
 		}));
 	}, []);
 	(0, X.useEffect)(() => {
-		Ut.current && (Ut.current = !1, Se.current?.focus());
+		zt.current && (zt.current = !1, Se.current?.focus());
 	}, [H]);
-	let Kt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), qt = (0, X.useCallback)((e) => {
+	let Vt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), Wt = (0, X.useCallback)((e) => {
 		let { ref: t, ...n } = e, i = Pe ? L.dark : L.light, s = V.status === "error" ? f({
 			...g,
 			style: {
@@ -6426,7 +6426,7 @@ var qo = () => {
 		});
 		let l = null;
 		if (H) {
-			let e = H, r = e.getView(), a = le ?? r?.isShowFormulaBar(), o = me ?? r?.isShowStatusBar(), s = lt?.source ?? Se.current, c = (be ?? kt)({
+			let e = H, r = e.getView(), a = le ?? r?.isShowFormulaBar(), o = me ?? r?.isShowStatusBar(), s = lt?.source ?? Se.current, c = (be ?? Dt)({
 				workbook: s,
 				..._e
 			}), u = a ? (M ?? Ye)({
@@ -6455,12 +6455,12 @@ var qo = () => {
 				editable: r ? void 0 : W ?? void 0,
 				focusNameBox: r ? void 0 : Te,
 				ref: r ? Ce : fn([t, Se]),
-				onWorkbookLoad: r ? (t) => Gt(t, e) : Et,
+				onWorkbookLoad: r ? (t) => Bt(t, e) : Tt,
 				onKeyDown: (e) => {
 					x?.(e);
 				},
 				propsWorkbookLoading: j,
-				renderWorkbookLoading: Kt,
+				renderWorkbookLoading: Vt,
 				style: r ? {
 					...ce?.style,
 					position: "absolute",
@@ -6481,7 +6481,7 @@ var qo = () => {
 					flex: "1 1 100%",
 					minWidth: 0,
 					minHeight: 0,
-					...jt({
+					...Xt({
 						window: i.palette.background.default,
 						windowText: i.palette.text.primary
 					})
@@ -6492,9 +6492,9 @@ var qo = () => {
 					(0, Z.jsx)(zo, {
 						taskSide: b,
 						persistKey: "taskPanePosition",
-						sidebarElement: It ? (0, Z.jsx)(ee.CommandScopeProvider, {
-							scope: At,
-							children: It
+						sidebarElement: Pt ? (0, Z.jsx)(ee.CommandScopeProvider, {
+							scope: kt,
+							children: Pt
 						}) : void 0,
 						mainElement: (0, Z.jsxs)("div", {
 							style: {
@@ -6525,7 +6525,7 @@ var qo = () => {
 		}
 		let u = lt ? null : se({ ...j });
 		return (0, Z.jsxs)(je, {
-			sx: Ft,
+			sx: Nt,
 			style: {
 				width: "100%",
 				height: "100%",
@@ -6572,7 +6572,7 @@ var qo = () => {
 		_t,
 		se,
 		j,
-		Kt,
+		Vt,
 		ce,
 		xe,
 		a,
@@ -6581,11 +6581,11 @@ var qo = () => {
 		bt,
 		f,
 		g,
-		kt,
-		Ft,
-		It,
+		Dt,
+		Nt,
+		Pt,
 		b,
-		At,
+		kt,
 		le,
 		ue,
 		M,
@@ -6597,7 +6597,7 @@ var qo = () => {
 		be,
 		L,
 		Pe
-	]), Jt = (0, Z.jsx)(_o, {
+	]), Gt = (0, Z.jsx)(_o, {
 		maxSnack: 3,
 		domRoot: K ?? void 0,
 		anchorOrigin: {
@@ -6619,30 +6619,30 @@ var qo = () => {
 				style: { marginRight: "8px" }
 			})
 		},
-		children: (0, Z.jsx)(wt, {
+		children: (0, Z.jsx)(At, {
 			workbook: H,
-			children: (0, Z.jsx)(en, {
-				renderArea: Vt,
+			children: (0, Z.jsx)(Ut, {
+				renderArea: Lt,
 				onUpdateArea: (e) => {
-					Rt(e);
+					Ft(e);
 				},
-				children: (0, Z.jsx)(Nt, { children: (0, Z.jsx)(Mo, { children: (0, Z.jsx)(pe, { children: (0, Z.jsx)(S, { children: (0, Z.jsx)(ko, {
+				children: (0, Z.jsx)(jt, { children: (0, Z.jsx)(Mo, { children: (0, Z.jsx)(pe, { children: (0, Z.jsx)(S, { children: (0, Z.jsx)(ko, {
 					workbook: H,
-					initialCommandAnchor: Tt,
-					renderWorkbook: qt,
+					initialCommandAnchor: wt,
+					renderWorkbook: Wt,
 					setWorkbook: Je,
 					titleWorkbook: _t,
 					setWorkbookTitle: mt,
-					refDocumentTitle: Dt,
+					refDocumentTitle: Et,
 					isDirty: ot
 				}) }) }) }) })
 			})
 		})
 	});
-	return Jt = (0, Z.jsxs)(tr, {
+	return Gt = (0, Z.jsxs)(tr, {
 		theme: Pe ? L.dark : L.light,
 		children: [k ? (0, Z.jsx)(jr, {}) : null, (0, Z.jsxs)("div", {
-			ref: Ht,
+			ref: Rt,
 			className: pn("sheetxl-studio", R, n),
 			"data-sxl-theme-mode": Pe ? "dark" : "light",
 			style: {
@@ -6664,11 +6664,11 @@ var qo = () => {
 					themeScopeClass: R,
 					themeSurface: "app",
 					themeMode: ke,
-					children: Jt
+					children: Gt
 				})
 			]
 		})]
-	}), Jt;
+	}), Gt;
 }));
 Yo.displayName = "EagerStudio";
 var Xo = (e) => (0, Z.jsx)(Io, { ...e });