@sheetxl/studio-vanilla 0.8.0-beta.7 → 0.8.0-beta.9

package/browser/esm/{BxhPqvaARsOu1pOy2.mjs → D1jTquzDJ_dOLWn32.mjs}

@@ -1,27 +1,27 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.7
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.9
 *
 * (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 "./DyQEm0-NZ41L--1K.mjs";
-import { i as t, n, r } from "./ZMzJhKJMzHflPVYY.mjs";
-import { D as i, G as a, I as o, N as s, b as c, c as l, o as u, p as d, q as f, r as p } from "./DmxxEaNdjPB6nBgy.mjs";
-import { r as m, t as h } from "./BmHI7i54YtVAcFrP.mjs";
-import { Bt as g, Ct as _, Ft as v, Gt as y, Ht as b, I as x, It as S, J as C, Mt as w, Tt as T, X as E, Yt as D, Zt as ee, _ as te, at as ne, bt as O, c as k, et as A, h as j, ht as re, i as M, k as N, m as ie, n as ae, nn as P, ot as oe, p as se, pt as ce, s as le, t as F, tt as I, y as L, zt as ue } from "./q9O6l04D06PeFt9r.mjs";
-import { t as R } from "./ooQCodfB4ck6IWqw.mjs";
-import { a as z, t as de } from "./B4OkD-x-7fL0aUxy.mjs";
-import { i as fe, t as B } from "./B1ZEbc_b-Hug9WON.mjs";
-import { A as pe, C as me, X as he, h as ge, nn as _e, p as ve, q as V, sn as H, tt as U, w as ye } from "./Cl_mxlCr73V-Yg6k.mjs";
-import { $ as be, Ct as W, E as xe, Et as Se, J as Ce, K as we, L as Te, Ot as Ee, P as De, Q as Oe, S as ke, W as Ae, _ as je, _t as Me, at as Ne, ct as Pe, d as Fe, dt as Ie, et as Le, g as Re, h as ze, k as Be, l as Ve, m as He, mt as Ue, o as G, ot as We, r as K, rt as Ge, t as Ke, ut as qe, v as Je, vt as Ye, wt as Xe, x as Ze, xt as Qe, yt as $e } from "./BZvD2AxAqbnxspY6.mjs";
-import { $ as et, D as tt, F as nt, N as q, S as rt, St as it, V as at, _t as ot, bt as st, ct, f as lt, lt as ut, s as dt, st as ft, t as pt, ut as mt, vt as ht, yt as gt } from "./BuBAtTrlYVvU86de.mjs";
-import { A as _t, E as vt, a as yt, h as bt, i as xt, j as St, t as J, v as Ct } from "./CY8tngENYkEZn2SB.mjs";
-import { $t as wt, B as Tt, Bn as Et, Ct as Dt, Et as Ot, Gn as kt, Hn as Y, Kn as At, L as jt, Ln as Mt, Lt as Nt, M as Pt, Mt as Ft, P as It, T as Lt, Un as Rt, Vn as zt, W as Bt, Wn as Vt, Wt as Ht, X as Ut, Z as Wt, an as Gt, b as Kt, f as qt, g as Jt, gt as Yt, h as Xt, it as Zt, k as Qt, kn as $t, ln as en, mn as tn, n as nn, nn as rn, nt as an, o as on, ot as sn, pn as cn, qn as ln, qt as un, rt as dn, t as fn, tn as pn, tt as mn, v as hn, y as gn } from "./BJXpsm4jy1MQEydA.mjs";
-import { n as _n, t as vn } from "./1Xvtgcae3VR_6R8I.mjs";
-import { n as yn, t as bn } from "./DsGyEBTgXCOEpB4D.mjs";
-import { D as xn, N as Sn, R as Cn, S as wn, T as Tn, c as En, f as Dn, g as On, h as kn, i as An, l as jn, m as Mn, o as Nn, s as Pn, t as Fn, u as In } from "./DU8ox87tBW2BnWct.mjs";
-import { t as X } from "./BefWPzywuI_Ptwju.mjs";
-import { t as Ln } from "./DZUjFTXDHp2HSvYN.mjs";
+import { r as e } from "./4Ah98p4lGiqrlbx6.mjs";
+import { i as t, n, r } from "./CRFwpUUcSI_tqcjz.mjs";
+import { D as i, G as a, I as o, N as s, b as c, c as l, o as u, p as d, q as f, r as p } from "./CzCX-Wad3yMcEHob.mjs";
+import { r as m, t as h } from "./Bh63JoX4eBlOHfnf.mjs";
+import { Bt as g, Ct as _, Ft as v, Gt as y, Ht as b, I as x, It as S, J as C, Mt as w, Tt as T, X as E, Yt as D, Zt as ee, _ as O, at as te, bt as k, c as A, et as j, h as ne, ht as re, i as ie, k as M, m as ae, n as oe, nn as N, ot as se, p as ce, pt as le, s as ue, t as P, tt as F, y as I, zt as de } from "./Dx_rx7X79sTRpl4o.mjs";
+import { t as L } from "./C_0vyfGPMnLDdlSb.mjs";
+import { a as R, t as fe } from "./DW3HvTGIMKSU5-rE.mjs";
+import { i as pe, t as z } from "./2F7YZkGv5ARgpyZp.mjs";
+import { E as me, Rt as B, Z as he, _ as ge, a as _e, en as ve, m as ye, nt as V, r as be, v as H } from "./B6hXpbUeJ5Oyyttd.mjs";
+import { $ as xe, A as Se, At as Ce, B as U, C as we, Ct as Te, Et as Ee, H as De, K as Oe, Mt as ke, N as Ae, Nt as je, O as Me, Ot as Ne, R as Pe, S as Fe, T as Ie, _t as Le, a as Re, bt as ze, d as Be, dt as Ve, ft as He, gt as W, it as G, jt as Ue, kt as We, n as Ge, o as Ke, ot as qe, p as Je, r as Ye, rt as Xe, st as Ze, t as Qe, vt as K, z as $e } from "./CI2gMVZhmhMTMxzw.mjs";
+import { $ as et, D as tt, F as nt, N as q, S as rt, St as it, V as at, _t as ot, bt as st, ct, f as lt, lt as ut, s as dt, st as ft, t as pt, ut as mt, vt as ht, yt as gt } from "./Dc-ACeeHSIUlPwwK.mjs";
+import { D as _t, E as vt, T as yt, a as bt, h as xt, i as St, t as J, v as Ct } from "./D_wBIcd-JG6pjL6X.mjs";
+import { A as wt, B as Tt, Bn as Et, C as Dt, D as Ot, Dt as kt, E as At, F as jt, Gn as Mt, Hn as Y, Ht as Nt, Kn as Pt, Ln as Ft, Lt as It, Nt as Lt, O as Rt, Ot as zt, P as Bt, Pn as Vt, S as Ht, St as Ut, U as Wt, Un as Gt, Vn as Kt, Wn as qt, Zt as Jt, at as Yt, c as Xt, d as Zt, et as Qt, hn as $t, in as en, it as tn, kt as nn, n as rn, nt as an, on, pt as sn, q as cn, qn as ln, r as un, tt as dn, vt as fn, w as pn, wt as mn, yn as hn, z as gn } from "./naRjzZqPt0JSdeaD.mjs";
+import { n as _n, t as vn } from "./C8rk3b1et4kn4nmh.mjs";
+import { n as yn, t as bn } from "./2wA_KrUFQ1jrFBd9.mjs";
+import { D as xn, N as Sn, R as Cn, S as wn, T as Tn, c as En, f as Dn, g as On, h as kn, i as An, l as jn, m as Mn, o as Nn, s as Pn, t as Fn, u as In } from "./Oi3vEmqVfUYeowoU.mjs";
+import { t as X } from "./BU7mp3uhAKScJeIR.mjs";
+import { t as Ln } from "./DhElOu55OpNI63fY.mjs";
 var Z = e(t(), 1), Rn = Z.createContext(null);
 function zn() {
 	return Z.useContext(Rn);
@@ -68,8 +68,8 @@ function Un(e, t, n, r = !1) {
 	]);
 }
 function Wn(e) {
-	let { children: t, theme: n, themeId: r } = e, i = te(Hn), a = zn() || Hn, o = Un(r, i, n), s = Un(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
-		let t = te(), n = ht() || "", { modularCssLayers: r } = e, i = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
+	let { children: t, theme: n, themeId: r } = e, i = O(Hn), a = zn() || Hn, o = Un(r, i, n), s = Un(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
+		let t = O(), n = ht() || "", { modularCssLayers: r } = e, i = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
 		return i = r && t === null ? typeof r == "string" ? r.replace(/mui(?!\.)/g, i) : `@layer ${i};` : "", it(() => {
 			let e = document.querySelector("head");
 			if (!e) return;
@@ -79,11 +79,11 @@ function Wn(e) {
 				let r = document.createElement("style");
 				r.setAttribute("data-mui-layer-order", n), r.textContent = i, e.prepend(r);
 			} else e.querySelector(`style[data-mui-layer-order="${n}"]`)?.remove();
-		}, [i, n]), i ? (0, Q.jsx)(_t, { styles: i }) : null;
+		}, [i, n]), i ? (0, Q.jsx)(vt, { styles: i }) : null;
 	}(o);
 	return (0, Q.jsx)(Vn, {
 		theme: s,
-		children: (0, Q.jsx)(N.Provider, {
+		children: (0, Q.jsx)(M.Provider, {
 			value: o,
 			children: (0, Q.jsx)(st, {
 				value: c,
@@ -269,30 +269,30 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 	}, l = Z.createContext(void 0), u = {}, d = {}, f = typeof o == "string" ? o : o.light, p = typeof o == "string" ? o : o.dark;
 	return {
 		CssVarsProvider: function(e) {
-			let { children: c, theme: f, modeStorageKey: p = r, colorSchemeStorageKey: m = i, disableTransitionOnChange: h = a, storageManager: g, storageWindow: _ = typeof window > "u" ? void 0 : window, documentNode: v = typeof document > "u" ? void 0 : document, colorSchemeNode: y = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: b = !1, disableStyleSheetGeneration: x = !1, defaultMode: S = "system", forceThemeRerender: C = !1, noSsr: w } = e, T = Z.useRef(!1), E = zn(), D = Z.useContext(l), ee = !!D && !b, te = Z.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), ne = te[t], O = ne || te, { colorSchemes: k = u, components: A = d, cssVarPrefix: j } = O, re = Object.keys(k).filter((e) => !!k[e]).join(","), M = Z.useMemo(() => re.split(","), [re]), N = typeof o == "string" ? o : o.light, ie = typeof o == "string" ? o : o.dark, { mode: ae, setMode: P, systemMode: oe, lightColorScheme: se, darkColorScheme: ce, colorScheme: le, setColorScheme: F } = $n({
-				supportedColorSchemes: M,
-				defaultLightColorScheme: N,
-				defaultDarkColorScheme: ie,
+			let { children: c, theme: f, modeStorageKey: p = r, colorSchemeStorageKey: m = i, disableTransitionOnChange: h = a, storageManager: g, storageWindow: _ = typeof window > "u" ? void 0 : window, documentNode: v = typeof document > "u" ? void 0 : document, colorSchemeNode: y = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: b = !1, disableStyleSheetGeneration: x = !1, defaultMode: S = "system", forceThemeRerender: C = !1, noSsr: w } = e, T = Z.useRef(!1), E = zn(), D = Z.useContext(l), ee = !!D && !b, O = Z.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), te = O[t], k = te || O, { colorSchemes: A = u, components: j = d, cssVarPrefix: ne } = k, re = Object.keys(A).filter((e) => !!A[e]).join(","), ie = Z.useMemo(() => re.split(","), [re]), M = typeof o == "string" ? o : o.light, ae = typeof o == "string" ? o : o.dark, { mode: oe, setMode: N, systemMode: se, lightColorScheme: ce, darkColorScheme: le, colorScheme: ue, setColorScheme: P } = $n({
+				supportedColorSchemes: ie,
+				defaultLightColorScheme: M,
+				defaultDarkColorScheme: ae,
 				modeStorageKey: p,
 				colorSchemeStorageKey: m,
-				defaultMode: k[N] && k[ie] ? S : k[O.defaultColorScheme]?.palette?.mode || O.palette?.mode,
+				defaultMode: A[M] && A[ae] ? S : A[k.defaultColorScheme]?.palette?.mode || k.palette?.mode,
 				storageManager: g,
 				storageWindow: _,
 				noSsr: w
-			}), I = ae, L = le;
-			ee && (I = D.mode, L = D.colorScheme);
-			let ue = L || O.defaultColorScheme;
-			O.vars && !C && (ue = O.defaultColorScheme);
-			let R = Z.useMemo(() => {
-				let e = O.generateThemeVars?.() || O.vars, t = {
-					...O,
-					components: A,
-					colorSchemes: k,
-					cssVarPrefix: j,
+			}), F = oe, I = ue;
+			ee && (F = D.mode, I = D.colorScheme);
+			let de = I || k.defaultColorScheme;
+			k.vars && !C && (de = k.defaultColorScheme);
+			let L = Z.useMemo(() => {
+				let e = k.generateThemeVars?.() || k.vars, t = {
+					...k,
+					components: j,
+					colorSchemes: A,
+					cssVarPrefix: ne,
 					vars: e
 				};
-				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), ue) {
-					let e = k[ue];
+				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), de) {
+					let e = A[de];
 					e && typeof e == "object" && Object.keys(e).forEach((n) => {
 						e[n] && typeof e[n] == "object" ? t[n] = {
 							...t[n],
@@ -302,31 +302,31 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 				}
 				return s ? s(t) : t;
 			}, [
-				O,
-				ue,
-				A,
 				k,
-				j
-			]), z = O.colorSchemeSelector;
+				de,
+				j,
+				A,
+				ne
+			]), R = k.colorSchemeSelector;
 			it(() => {
-				if (L && y && z && z !== "media") {
-					let e = z, t = z;
-					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...M.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", L));
+				if (I && y && R && R !== "media") {
+					let e = R, t = R;
+					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...ie.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", I));
 					else {
-						let e = t.replace("%s", L).match(/\[([^\]]+)\]/);
+						let e = t.replace("%s", I).match(/\[([^\]]+)\]/);
 						if (e) {
 							let [t, n] = e[1].split("=");
-							n || M.forEach((e) => {
-								y.removeAttribute(t.replace(L, e));
+							n || ie.forEach((e) => {
+								y.removeAttribute(t.replace(I, e));
 							}), y.setAttribute(t, n ? n.replace(/"|'/g, "") : "");
-						} else y.setAttribute(t, L);
+						} else y.setAttribute(t, I);
 					}
 				}
 			}, [
-				L,
-				z,
+				I,
+				R,
 				y,
-				M
+				ie
 			]), Z.useEffect(() => {
 				let e;
 				if (h && T.current && v) {
@@ -339,41 +339,41 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 					clearTimeout(e);
 				};
 			}, [
-				L,
+				I,
 				h,
 				v
 			]), Z.useEffect(() => (T.current = !0, () => {
 				T.current = !1;
 			}), []);
-			let de = Z.useMemo(() => ({
-				allColorSchemes: M,
-				colorScheme: L,
-				darkColorScheme: ce,
-				lightColorScheme: se,
-				mode: I,
-				setColorScheme: F,
-				setMode: P,
-				systemMode: oe
+			let fe = Z.useMemo(() => ({
+				allColorSchemes: ie,
+				colorScheme: I,
+				darkColorScheme: le,
+				lightColorScheme: ce,
+				mode: F,
+				setColorScheme: P,
+				setMode: N,
+				systemMode: se
 			}), [
-				M,
-				L,
-				ce,
-				se,
+				ie,
 				I,
+				le,
+				ce,
 				F,
 				P,
-				oe,
-				R.colorSchemeSelector
-			]), fe = !0;
-			(x || !1 === O.cssVariables || ee && E?.cssVarPrefix === j) && (fe = !1);
-			let B = (0, Q.jsxs)(Z.Fragment, { children: [(0, Q.jsx)(Wn, {
-				themeId: ne ? t : void 0,
-				theme: R,
+				N,
+				se,
+				L.colorSchemeSelector
+			]), pe = !0;
+			(x || !1 === k.cssVariables || ee && E?.cssVarPrefix === ne) && (pe = !1);
+			let z = (0, Q.jsxs)(Z.Fragment, { children: [(0, Q.jsx)(Wn, {
+				themeId: te ? t : void 0,
+				theme: L,
 				children: c
-			}), fe && (0, Q.jsx)(St, { styles: R.generateStyleSheets?.() || [] })] });
-			return ee ? B : (0, Q.jsx)(l.Provider, {
-				value: de,
-				children: B
+			}), pe && (0, Q.jsx)(_t, { styles: L.generateStyleSheets?.() || [] })] });
+			return ee ? z : (0, Q.jsx)(l.Provider, {
+				value: fe,
+				children: z
 			});
 		},
 		useColorScheme: () => Z.useContext(l) || c,
@@ -403,7 +403,7 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 	};
 }({
 	themeId: x,
-	theme: () => M({ cssVariables: !0 }),
+	theme: () => ie({ cssVariables: !0 }),
 	colorSchemeStorageKey: "mui-color-scheme",
 	modeStorageKey: "mui-mode",
 	defaultColorScheme: {
@@ -413,10 +413,10 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 	resolveTheme: (e) => {
 		let t = {
 			...e,
-			typography: le(e.palette, e.typography)
+			typography: ue(e.palette, e.typography)
 		};
 		return t.unstable_sx = function(e) {
-			return L({
+			return I({
 				sx: e,
 				theme: this
 			});
@@ -441,9 +441,9 @@ function ar({ theme: e, ...t }) {
 	});
 }
 function or(e) {
-	return ie("MuiListSubheader", e);
+	return ae("MuiListSubheader", e);
 }
-se("MuiListSubheader", [
+ce("MuiListSubheader", [
 	"root",
 	"colorPrimary",
 	"colorInherit",
@@ -525,16 +525,16 @@ var sr = mt("li", {
 	})(u);
 	return (0, Q.jsx)(sr, {
 		as: a,
-		className: j(d.root, r),
+		className: ne(d.root, r),
 		ref: t,
 		ownerState: u,
 		...l
 	});
 });
 function lr(e) {
-	return ie("MuiCard", e);
+	return ae("MuiCard", e);
 }
-se("MuiCard", ["root"]);
+ce("MuiCard", ["root"]);
 var ur = mt(at, {
 	name: "MuiCard",
 	slot: "Root"
@@ -550,7 +550,7 @@ var ur = mt(at, {
 		return ot({ root: ["root"] }, lr, t);
 	})(o);
 	return (0, Q.jsx)(ur, {
-		className: j(s.root, r),
+		className: ne(s.root, r),
 		elevation: i ? 8 : void 0,
 		ref: t,
 		ownerState: o,
@@ -558,9 +558,9 @@ var ur = mt(at, {
 	});
 });
 function fr(e) {
-	return ie("MuiCardActions", e);
+	return ae("MuiCardActions", e);
 }
-se("MuiCardActions", ["root", "spacing"]);
+ce("MuiCardActions", ["root", "spacing"]);
 var pr = mt("div", {
 	name: "MuiCardActions",
 	slot: "Root",
@@ -588,12 +588,12 @@ var pr = mt("div", {
 		return ot({ root: ["root", !n && "spacing"] }, fr, t);
 	})(o);
 	return (0, Q.jsx)(pr, {
-		className: j(s.root, i),
+		className: ne(s.root, i),
 		ownerState: o,
 		ref: t,
 		...a
 	});
-}), hr = typeof vt({}) == "function", gr = (e, t) => ({
+}), hr = typeof yt({}) == "function", gr = (e, t) => ({
 	WebkitFontSmoothing: "antialiased",
 	MozOsxFontSmoothing: "grayscale",
 	boxSizing: "border-box",
@@ -622,7 +622,7 @@ var pr = mt("div", {
 		...n
 	}, i = e.components?.MuiCssBaseline?.styleOverrides;
 	return i && (r = [r, i]), r;
-}, yr = "mui-ecs", br = vt(hr ? ({ theme: e, enableColorScheme: t }) => vr(e, t) : ({ theme: e }) => ((e) => {
+}, yr = "mui-ecs", br = yt(hr ? ({ theme: e, enableColorScheme: t }) => vr(e, t) : ({ theme: e }) => ((e) => {
 	let t = vr(e, !1), n = Array.isArray(t) ? t[0] : t;
 	return !e.vars && n && (n.html[`:root:has(${yr})`] = { colorScheme: e.palette.mode }), e.colorSchemes && Object.entries(e.colorSchemes).forEach(([t, r]) => {
 		let i = e.getColorSchemeSelector(t);
@@ -698,7 +698,7 @@ var Tr = (0, Z.createContext)(null), Er = (e) => {
 		anchor: n
 	};
 }, Or = () => {
-	let e = Ee(), t = (0, Z.useContext)(Tr), n = (0, Z.useRef)(null), r = e ? Er(e) : null, i = e?.getName() ?? null, a = (0, Z.useMemo)(() => r && i ? {
+	let e = Ne(), t = (0, Z.useContext)(Tr), n = (0, Z.useRef)(null), r = e ? Er(e) : null, i = e?.getName() ?? null, a = (0, Z.useMemo)(() => r && i ? {
 		...r,
 		scope: i
 	} : void 0, [
@@ -735,7 +735,7 @@ var Tr = (0, Z.createContext)(null), Er = (e) => {
 		t,
 		a
 	]);
-}, kr = (e, t) => !!t && typeof e == "string" && !e.startsWith("="), Ar = (e, t, n, r) => e == null ? "" : e.isIFormula ? "=" + t.display(e) : typeof e == "boolean" ? e ? "TRUE" : "FALSE" : fe.isError(e) ? e.getLabel() : r && typeof e == "number" ? ((e, t, n) => {
+}, kr = (e, t) => !!t && typeof e == "string" && !e.startsWith("="), Ar = (e, t, n, r) => e == null ? "" : e.isIFormula ? "=" + t.display(e) : typeof e == "boolean" ? e ? "TRUE" : "FALSE" : pe.isError(e) ? e.getLabel() : r && typeof e == "number" ? ((e, t, n) => {
 	if (!e || t < 0) return String(t);
 	let r, i = t >= 1;
 	return r = n !== "time" || i ? Number.isInteger(t) ? "Short Date" : i ? "Short DateTime" : "Long Time" : "Long Time", e.createCell({
@@ -753,13 +753,13 @@ var Tr = (0, Z.createContext)(null), Er = (e) => {
 	if (r) return ((e, t) => {
 		if (!e) return null;
 		let n = e.createCell({ value: t }, void 0, { textParser: !0 });
-		return n.getType() === B.Number ? n.getValue() : null;
+		return n.getType() === z.Number ? n.getValue() : null;
 	})(n, i) ?? e;
 	let a = Number(i);
 	return Number.isFinite(a) ? a : e;
 }, Mr = (0, Z.memo)((e) => {
-	let { option: t, onOptionChange: n, literal: r, readOnly: i, ...a } = e, o = T(), s = Ee(), c = Or(), l = (0, Z.useRef)(""), u = (0, Z.useRef)(null);
-	return Zt(() => {
+	let { option: t, onOptionChange: n, literal: r, readOnly: i, ...a } = e, o = T(), s = Ne(), c = Or(), l = (0, Z.useRef)(""), u = (0, Z.useRef)(null);
+	return Jt(() => {
 		let e = u.current;
 		return !e || !e.error && (e.dirty ? (e.commit(), !kr(jr(l.current, c, s, r), r)) : !kr(t, r));
 	}), (0, Q.jsx)(Ln, {
@@ -794,10 +794,10 @@ var Nr = (e, t, n) => {
 	if (e == null) return "";
 	if (e.isIFormula) return "=" + n.display(e);
 	if (Array.isArray(e)) return e.map((e) => String(e ?? "")).join(t);
-	let r = ye.parseListLiteral(e);
+	let r = me.parseListLiteral(e);
 	return r ? r.join(t) : e.length > 0 ? "=" + e : "";
 }, Pr = (0, Z.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, sx: i, ...a } = e, o = T(), s = Ee(), c = (0, Z.useContext)(Tr), l = Or(), u = _e(s?.getWorkbook()?.getLocale() ?? "en").listSeparator, [d, p] = (0, Z.useState)(null), h = t?.items, [g, _] = (0, Z.useState)(null), v = (0, Z.useRef)(0);
+	let { option: t, onOptionChange: n, readOnly: r, sx: i, ...a } = e, o = T(), s = Ne(), c = (0, Z.useContext)(Tr), l = Or(), u = ve(s?.getWorkbook()?.getLocale() ?? "en").listSeparator, [d, p] = (0, Z.useState)(null), h = t?.items, [g, _] = (0, Z.useState)(null), v = (0, Z.useRef)(0);
 	(0, Z.useEffect)(() => {
 		if (!c?.getListItemsAt || !s) return void _(null);
 		let e = ++v.current, { rowIndex: t, colIndex: n } = Er(s);
@@ -811,15 +811,15 @@ var Nr = (e, t, n) => {
 		s,
 		h
 	]);
-	let [y, b] = (0, Z.useState)(null), { className: x } = O(w()?.themeScope), S = (0, Z.useMemo)(() => s?.getStyles().getNormal().getFont().toCSS("adaptive"), [s]), [C, E] = (0, Z.useState)(null), D = C ?? d;
-	return (0, Q.jsxs)(F, {
+	let [y, b] = (0, Z.useState)(null), { className: x } = k(w()?.themeScope), S = (0, Z.useMemo)(() => s?.getStyles().getNormal().getFont().toCSS("adaptive"), [s]), [C, E] = (0, Z.useState)(null), D = C ?? d;
+	return (0, Q.jsxs)(P, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			mt: .75,
 			...i
 		},
-		children: [(0, Q.jsxs)(F, {
+		children: [(0, Q.jsxs)(P, {
 			sx: {
 				display: "flex",
 				alignItems: "stretch",
@@ -839,9 +839,9 @@ var Nr = (e, t, n) => {
 								let t = e;
 								for (; t?.type === "paren" && t.inputs?.length === 1;) t = t.inputs[0];
 								return t?.type === "list" || t?.type === "paren" && (t.inputs?.length ?? 0) > 1;
-							})(me.parse(t.getExpression())) ? { error: f("condition.listSourceOneRange") } : { items: t.getExpression() };
+							})(be.parse(t.getExpression())) ? { error: f("condition.listSourceOneRange") } : { items: t.getExpression() };
 						}
-						let r = ye.formatListLiteral(e.split(t));
+						let r = me.formatListLiteral(e.split(t));
 						return r === null ? { error: f("condition.listItemHasComma") } : { items: r };
 					})(e, u, l);
 					p(r.error ?? null), r.items !== void 0 && n({
@@ -873,7 +873,7 @@ var Nr = (e, t, n) => {
 					justifyContent: "space-between",
 					textTransform: "none"
 				},
-				children: (0, Q.jsx)(F, {
+				children: (0, Q.jsx)(P, {
 					component: "span",
 					sx: {
 						overflow: "hidden",
@@ -882,7 +882,7 @@ var Nr = (e, t, n) => {
 					},
 					children: o("condition.listPreview", { count: g.length })
 				})
-			}), (0, Q.jsx)(xt, {
+			}), (0, Q.jsx)(St, {
 				open: !!y,
 				anchorEl: y,
 				onClose: () => b(null),
@@ -895,7 +895,7 @@ var Nr = (e, t, n) => {
 					vertical: "top",
 					horizontal: "right"
 				},
-				children: (0, Q.jsx)(Ae, {
+				children: (0, Q.jsx)(Xe, {
 					items: g,
 					minWidth: y?.getBoundingClientRect().width,
 					style: S,
@@ -910,13 +910,13 @@ var Nr = (e, t, n) => {
 });
 Pr.displayName = "ListSourceOption";
 var Fr = {}, Ir = (0, Z.memo)((e) => {
-	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = T(), s = t?.type ?? U.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
+	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = T(), s = t?.type ?? V.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
 	return i && (l = {
 		...l,
 		"& .MuiSelect-icon": { display: "none" },
 		"& .MuiOutlinedInput-notchedOutline": { borderColor: "action.disabled" }
-	}), (0, Q.jsxs)(F, {
-		className: R(r, Fr.option),
+	}), (0, Q.jsxs)(P, {
+		className: L(r, Fr.option),
 		...a,
 		sx: {
 			display: "flex",
@@ -940,10 +940,10 @@ var Fr = {}, Ir = (0, Z.memo)((e) => {
 					type: e.target.value
 				}),
 				children: [(0, Q.jsx)(X, {
-					value: U.AverageType.Above,
+					value: V.AverageType.Above,
 					children: o("condition.above")
 				}), (0, Q.jsx)(X, {
-					value: U.AverageType.Below,
+					value: V.AverageType.Below,
 					children: o("condition.below")
 				})]
 			})
@@ -963,8 +963,8 @@ var Fr = {}, Ir = (0, Z.memo)((e) => {
 	});
 });
 Ir.displayName = "AverageOption";
-var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([U.BuiltInOperatorNames.Icon, U.BuiltInOperatorNames.Color]), Br = (e, t, n, r = zr) => {
-	let i = t ?? Object.values(ye.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
+var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([V.BuiltInOperatorNames.Icon, V.BuiltInOperatorNames.Color]), Br = (e, t, n, r = zr) => {
+	let i = t ?? Object.values(me.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
 	return i.filter((t) => {
 		if (r.includes(t.getName())) return !1;
 		let n = t.acceptsList?.();
@@ -979,7 +979,7 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([U.BuiltInOpe
 		disableSticky: !0,
 		sx: Ur,
 		children: n("condition.groupBasic")
-	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Q.jsx)(Ke, {}, "__divider")), o.length > 0 && (s.push((0, Q.jsx)(cr, {
+	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Q.jsx)(Qe, {}, "__divider")), o.length > 0 && (s.push((0, Q.jsx)(cr, {
 		disableSticky: !0,
 		sx: Ur,
 		children: n("condition.groupCombine")
@@ -1007,15 +1007,15 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([U.BuiltInOpe
 				header: e("condition.period.day"),
 				options: [
 					{
-						value: U.TimePeriodType.Today,
+						value: V.TimePeriodType.Today,
 						label: e("condition.period.today")
 					},
 					{
-						value: U.TimePeriodType.Yesterday,
+						value: V.TimePeriodType.Yesterday,
 						label: e("condition.period.yesterday")
 					},
 					{
-						value: U.TimePeriodType.Tomorrow,
+						value: V.TimePeriodType.Tomorrow,
 						label: e("condition.period.tomorrow")
 					}
 				]
@@ -1024,15 +1024,15 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([U.BuiltInOpe
 				header: e("condition.period.week"),
 				options: [
 					{
-						value: U.TimePeriodType.ThisWeek,
+						value: V.TimePeriodType.ThisWeek,
 						label: e("condition.period.thisWeek")
 					},
 					{
-						value: U.TimePeriodType.LastWeek,
+						value: V.TimePeriodType.LastWeek,
 						label: e("condition.period.lastWeek")
 					},
 					{
-						value: U.TimePeriodType.NextWeek,
+						value: V.TimePeriodType.NextWeek,
 						label: e("condition.period.nextWeek")
 					}
 				]
@@ -1041,15 +1041,15 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([U.BuiltInOpe
 				header: e("condition.period.month"),
 				options: [
 					{
-						value: U.TimePeriodType.ThisMonth,
+						value: V.TimePeriodType.ThisMonth,
 						label: e("condition.period.thisMonth")
 					},
 					{
-						value: U.TimePeriodType.LastMonth,
+						value: V.TimePeriodType.LastMonth,
 						label: e("condition.period.lastMonth")
 					},
 					{
-						value: U.TimePeriodType.NextMonth,
+						value: V.TimePeriodType.NextMonth,
 						label: e("condition.period.nextMonth")
 					}
 				]
@@ -1057,10 +1057,10 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([U.BuiltInOpe
 			{
 				header: e("condition.period.year"),
 				options: [{
-					value: U.TimePeriodType.YearToDate,
+					value: V.TimePeriodType.YearToDate,
 					label: e("condition.period.yearToDate")
 				}, {
-					value: U.TimePeriodType.LastYear,
+					value: V.TimePeriodType.LastYear,
 					label: e("condition.period.lastYear")
 				}]
 			},
@@ -1068,51 +1068,51 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([U.BuiltInOpe
 				header: e("condition.period.byMonth"),
 				options: [
 					{
-						value: U.TimePeriodType.M1,
+						value: V.TimePeriodType.M1,
 						label: n(0)
 					},
 					{
-						value: U.TimePeriodType.M2,
+						value: V.TimePeriodType.M2,
 						label: n(1)
 					},
 					{
-						value: U.TimePeriodType.M3,
+						value: V.TimePeriodType.M3,
 						label: n(2)
 					},
 					{
-						value: U.TimePeriodType.M4,
+						value: V.TimePeriodType.M4,
 						label: n(3)
 					},
 					{
-						value: U.TimePeriodType.M5,
+						value: V.TimePeriodType.M5,
 						label: n(4)
 					},
 					{
-						value: U.TimePeriodType.M6,
+						value: V.TimePeriodType.M6,
 						label: n(5)
 					},
 					{
-						value: U.TimePeriodType.M7,
+						value: V.TimePeriodType.M7,
 						label: n(6)
 					},
 					{
-						value: U.TimePeriodType.M8,
+						value: V.TimePeriodType.M8,
 						label: n(7)
 					},
 					{
-						value: U.TimePeriodType.M9,
+						value: V.TimePeriodType.M9,
 						label: n(8)
 					},
 					{
-						value: U.TimePeriodType.M10,
+						value: V.TimePeriodType.M10,
 						label: n(9)
 					},
 					{
-						value: U.TimePeriodType.M11,
+						value: V.TimePeriodType.M11,
 						label: n(10)
 					},
 					{
-						value: U.TimePeriodType.M12,
+						value: V.TimePeriodType.M12,
 						label: n(11)
 					}
 				]
@@ -1121,38 +1121,38 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([U.BuiltInOpe
 				header: e("condition.period.byQuarter"),
 				options: [
 					{
-						value: U.TimePeriodType.ThisQuarter,
+						value: V.TimePeriodType.ThisQuarter,
 						label: e("condition.period.thisQuarter")
 					},
 					{
-						value: U.TimePeriodType.LastQuarter,
+						value: V.TimePeriodType.LastQuarter,
 						label: e("condition.period.lastQuarter")
 					},
 					{
-						value: U.TimePeriodType.NextQuarter,
+						value: V.TimePeriodType.NextQuarter,
 						label: e("condition.period.nextQuarter")
 					},
 					{
-						value: U.TimePeriodType.Q1,
+						value: V.TimePeriodType.Q1,
 						label: e("condition.period.q1")
 					},
 					{
-						value: U.TimePeriodType.Q2,
+						value: V.TimePeriodType.Q2,
 						label: e("condition.period.q2")
 					},
 					{
-						value: U.TimePeriodType.Q3,
+						value: V.TimePeriodType.Q3,
 						label: e("condition.period.q3")
 					},
 					{
-						value: U.TimePeriodType.Q4,
+						value: V.TimePeriodType.Q4,
 						label: e("condition.period.q4")
 					}
 				]
 			}
 		];
-	}(T(), P()), o = t?.type ?? U.TimePeriodType.Today;
-	return (0, Q.jsx)(F, {
+	}(T(), N()), o = t?.type ?? V.TimePeriodType.Today;
+	return (0, Q.jsx)(P, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1176,7 +1176,7 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([U.BuiltInOpe
 				disabled: r,
 				children: a.map((e, t) => {
 					let n = [];
-					return t > 0 && n.push((0, Q.jsx)(Ke, {}, `divider-${t}`)), n.push((0, Q.jsx)(cr, {
+					return t > 0 && n.push((0, Q.jsx)(Qe, {}, `divider-${t}`)), n.push((0, Q.jsx)(cr, {
 						sx: Ur,
 						children: e.header
 					}, `header-${t}`)), e.options.map((e) => n.push((0, Q.jsx)(X, {
@@ -1192,7 +1192,7 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([U.BuiltInOpe
 Gr.displayName = "TimePeriodOption";
 var Kr = (0, Z.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = T(), o = t?.top ?? !0, s = t?.limit ?? 10, c = t?.percent ?? !1;
-	return (0, Q.jsxs)(F, {
+	return (0, Q.jsxs)(P, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1272,13 +1272,13 @@ Kr.displayName = "TopNOption";
 var qr = (0, Z.memo)((e) => {
 	let { option: t, onOptionChange: n, selector: r, readOnly: i, ...a } = e, o = T(), s = ((e) => {
 		switch (e?.getName()) {
-			case U.BuiltInSelectorNames.Date: return "date";
-			case U.BuiltInSelectorNames.Time: return "time";
-			case U.BuiltInSelectorNames.DateTime: return "dateTime";
+			case V.BuiltInSelectorNames.Date: return "date";
+			case V.BuiltInSelectorNames.Time: return "time";
+			case V.BuiltInSelectorNames.DateTime: return "dateTime";
 			default: return;
 		}
 	})(r);
-	return (0, Q.jsxs)(F, {
+	return (0, Q.jsxs)(P, {
 		...a,
 		sx: {
 			display: "flex",
@@ -1353,7 +1353,7 @@ var Yr = (0, Z.memo)((e) => {
 	}), (0, Q.jsxs)(Ct, {
 		size: "small",
 		...s,
-		children: [(0, Q.jsx)(bt, { children: l }), (0, Q.jsxs)(J, {
+		children: [(0, Q.jsx)(xt, { children: l }), (0, Q.jsxs)(J, {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: o,
@@ -1375,7 +1375,7 @@ var Yr = (0, Z.memo)((e) => {
 });
 Yr.displayName = "SelectorSelect";
 var Xr = (0, Z.memo)((e) => {
-	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = T(), c = P(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
+	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = T(), c = N(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
 	n.forEach((e) => {
 		u.set(e.getName(), e);
 	});
@@ -1387,7 +1387,7 @@ var Xr = (0, Z.memo)((e) => {
 	return (0, Q.jsxs)(Ct, {
 		size: "small",
 		...o,
-		children: [(0, Q.jsx)(bt, { children: l }), (0, Q.jsx)(J, {
+		children: [(0, Q.jsx)(xt, { children: l }), (0, Q.jsx)(J, {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: a,
@@ -1409,7 +1409,7 @@ var Xr = (0, Z.memo)((e) => {
 });
 Xr.displayName = "OperatorSelect";
 var Zr = (0, Z.memo)((0, Z.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, p = T(), h = P();
+	let { icon: n, tooltip: r, label: i, darkMode: a, propsPanel: o, value: s, operators: c, onChange: l, title: u, readOnly: d = !1, ...f } = e, p = T(), h = N();
 	u ?? p("condition.operatorTitle");
 	let g = n || (0, Q.jsx)(m, { iconKey: "Add" }), _ = (0, Z.useRef)(l);
 	return _.current = l, (0, Q.jsx)(wn, {
@@ -1434,7 +1434,7 @@ var Zr = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 				onKeyDown: (e) => {
 					e.which === D.Enter && t?.();
 				},
-				children: (0, Q.jsx)(yt, {
+				children: (0, Q.jsx)(bt, {
 					disablePadding: !0,
 					children: n
 				})
@@ -1452,7 +1452,7 @@ var Zr = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 	});
 })), Qr = (0, Z.memo)((e) => {
 	let { operator: t, inputs: n, onOptionChange: r, operators: i, selector: a, readOnly: o, ...s } = e, c = T(), l = t.getName() === "not", u = l ? null : t.getName() === "and" ? c("condition.and") : c("condition.or"), d = l ? c("condition.not") : u;
-	return (0, Q.jsx)(F, {
+	return (0, Q.jsx)(P, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -1492,7 +1492,7 @@ var Zr = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 Qr.displayName = "CombinatorOption";
 var $r = (0, Z.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r } = e, i = T();
-	return (0, Q.jsxs)(zt, {
+	return (0, Q.jsxs)(Kt, {
 		exclusive: !0,
 		size: "small",
 		value: t ?? !0,
@@ -1524,10 +1524,10 @@ function ti(e) {
 }
 $r.displayName = "BooleanOption";
 var ni = (0, Z.memo)((e) => {
-	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = T(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Ee(), d = (0, Z.useCallback)((e) => {
+	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = T(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Ne(), d = (0, Z.useCallback)((e) => {
 		if (!u || e === null) return null;
 		let t = u.createCell({ value: e }), n = t.getValue();
-		return t.getType() === B.Number ? n : null;
+		return t.getType() === z.Number ? n : null;
 	}, [u]), f = (0, Z.useCallback)((e) => u ? u.createCell({
 		value: e,
 		style: { numberFormat: "Short DateTime" }
@@ -1543,7 +1543,7 @@ var ni = (0, Z.memo)((e) => {
 	let g = function(e) {
 		return !e || isNaN(e.getTime()) ? "" : `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
 	}(p);
-	return (0, Q.jsxs)(F, {
+	return (0, Q.jsxs)(P, {
 		...o,
 		sx: {
 			display: "flex",
@@ -1575,7 +1575,7 @@ var ni = (0, Z.memo)((e) => {
 	});
 });
 ni.displayName = "DateTimeOption";
-var ri = U.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
+var ri = V.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 	ri.EqualTo,
 	ri.GreaterThan,
 	ri.GreaterThanEqualTo,
@@ -1586,7 +1586,7 @@ var ri = U.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 	ri.Before,
 	ri.BeforeEqualTo
 ]), ai = (0, Z.memo)((e) => {
-	let { operatorParam: t, onOperatorParamChange: n, onRemove: r, operators: i, selector: a, operatorTitle: o, readOnly: s, required: c, ...l } = e, u = T(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, h = t?.param ?? null, g = !!p?.isCombinator?.(), [_, { width: v }] = z(), y = (0, Z.useMemo)(() => !p || g ? null : p.getParamType?.(a ?? void 0) ?? null, [
+	let { operatorParam: t, onOperatorParamChange: n, onRemove: r, operators: i, selector: a, operatorTitle: o, readOnly: s, required: c, ...l } = e, u = T(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, h = t?.param ?? null, g = !!p?.isCombinator?.(), [_, { width: v }] = R(), y = (0, Z.useMemo)(() => !p || g ? null : p.getParamType?.(a ?? void 0) ?? null, [
 		p,
 		g,
 		a
@@ -1605,7 +1605,7 @@ var ri = U.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 			option: h,
 			onOptionChange: x
 		}, t = !!f && ii.has(f);
-		return y === U.BuiltInSelectorNames.Number || y === U.BuiltInSelectorNames.TextLength ? (0, Q.jsx)(t ? Mr : wr, { ...e }) : y === U.BuiltInSelectorNames.Whole ? t ? (0, Q.jsx)(Mr, { ...e }) : (0, Q.jsx)(wr, {
+		return y === V.BuiltInSelectorNames.Number || y === V.BuiltInSelectorNames.TextLength ? (0, Q.jsx)(t ? Mr : wr, { ...e }) : y === V.BuiltInSelectorNames.Whole ? t ? (0, Q.jsx)(Mr, { ...e }) : (0, Q.jsx)(wr, {
 			...e,
 			placeholder: u("condition.enterWholeNumber"),
 			slotProps: { htmlInput: {
@@ -1622,21 +1622,21 @@ var ri = U.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 					/^-?\d+$/.test(e.clipboardData.getData("text")) || e.preventDefault();
 				}
 			} }
-		}) : y === U.BuiltInSelectorNames.Text ? (0, Q.jsx)(t ? Mr : Cr, { ...e }) : y === U.BuiltInSelectorNames.DateTime ? (0, Q.jsx)(ni, {
+		}) : y === V.BuiltInSelectorNames.Text ? (0, Q.jsx)(t ? Mr : Cr, { ...e }) : y === V.BuiltInSelectorNames.DateTime ? (0, Q.jsx)(ni, {
 			...e,
 			allowFormula: t
-		}) : y === U.BuiltInSelectorNames.Date ? (0, Q.jsx)(ni, {
+		}) : y === V.BuiltInSelectorNames.Date ? (0, Q.jsx)(ni, {
 			...e,
 			type: "date",
 			allowFormula: t
-		}) : y === U.BuiltInSelectorNames.Time ? (0, Q.jsx)(ni, {
+		}) : y === V.BuiltInSelectorNames.Time ? (0, Q.jsx)(ni, {
 			...e,
 			type: "time",
 			allowFormula: t
-		}) : y === U.BuiltInSelectorNames.List ? (0, Q.jsx)(Pr, { ...e }) : y === U.BuiltInSelectorNames.Logical ? (0, Q.jsx)($r, { ...e }) : y === U.BuiltInOperatorNames.Average ? (0, Q.jsx)(Ir, { ...e }) : y === U.BuiltInOperatorNames.TimePeriod ? (0, Q.jsx)(Gr, { ...e }) : y === U.BuiltInOperatorNames.TopN ? (0, Q.jsx)(Kr, { ...e }) : y === U.BuiltInOperatorNames.Between ? (0, Q.jsx)(qr, {
+		}) : y === V.BuiltInSelectorNames.List ? (0, Q.jsx)(Pr, { ...e }) : y === V.BuiltInSelectorNames.Logical ? (0, Q.jsx)($r, { ...e }) : y === V.BuiltInOperatorNames.Average ? (0, Q.jsx)(Ir, { ...e }) : y === V.BuiltInOperatorNames.TimePeriod ? (0, Q.jsx)(Gr, { ...e }) : y === V.BuiltInOperatorNames.TopN ? (0, Q.jsx)(Kr, { ...e }) : y === V.BuiltInOperatorNames.Between ? (0, Q.jsx)(qr, {
 			...e,
 			selector: a
-		}) : y === U.BuiltInOperatorNames.Expression ? (0, Q.jsx)(Jr, { ...e }) : null;
+		}) : y === V.BuiltInOperatorNames.Expression ? (0, Q.jsx)(Jr, { ...e }) : null;
 	}, [
 		p,
 		g,
@@ -1657,7 +1657,7 @@ var ri = U.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 			param: t
 		});
 	};
-	return (0, Q.jsx)(F, {
+	return (0, Q.jsx)(P, {
 		ref: _,
 		sx: {
 			display: "flex",
@@ -1670,7 +1670,7 @@ var ri = U.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 			p: 1
 		},
 		...l,
-		children: b ? (0, Q.jsxs)(F, {
+		children: b ? (0, Q.jsxs)(P, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -1692,7 +1692,7 @@ var ri = U.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 					onClick: r
 				})
 			]
-		}) : (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsxs)(F, {
+		}) : (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsxs)(P, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -1748,7 +1748,7 @@ var ri = U.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 });
 ai.displayName = "OperatorAndParamEditor";
 var oi = (0, Z.memo)((e) => {
-	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ranges: c, ...l } = e, u = T(), d = P(), [f, p] = (0, Z.useState)(() => t?.getSelector() ?? null), [m, h] = (0, Z.useState)(() => t?.getOperator() ? {
+	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ranges: c, ...l } = e, u = T(), d = N(), [f, p] = (0, Z.useState)(() => t?.getSelector() ?? null), [m, h] = (0, Z.useState)(() => t?.getOperator() ? {
 		operator: t.getOperator().getName(),
 		param: t.getParam()
 	} : null), [g, _] = (0, Z.useState)(() => t?.isIncludeBlanks() ?? !1);
@@ -1760,7 +1760,7 @@ var oi = (0, Z.memo)((e) => {
 			param: t.getParam()
 		} : null), _(t.isIncludeBlanks());
 	}, [t]);
-	let v = (0, Z.useMemo)(() => (s ?? Object.values(ye.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", d)), [s, d]), y = (0, Z.useMemo)(() => o ?? Object.values(ye.BuiltInOperators), [o]), b = (0, Z.useMemo)(() => Br(f, y, d), [
+	let v = (0, Z.useMemo)(() => (s ?? Object.values(me.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", d)), [s, d]), y = (0, Z.useMemo)(() => o ?? Object.values(me.BuiltInOperators), [o]), b = (0, Z.useMemo)(() => Br(f, y, d), [
 		f,
 		y,
 		d
@@ -1778,7 +1778,7 @@ var oi = (0, Z.memo)((e) => {
 			includeBlanks: g
 		});
 	}, D = r;
-	return (0, Q.jsxs)(F, {
+	return (0, Q.jsxs)(P, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -1834,7 +1834,7 @@ var oi = (0, Z.memo)((e) => {
 				allowNull: !0,
 				readOnly: a
 			}),
-			m ? (0, Q.jsx)(F, {
+			m ? (0, Q.jsx)(P, {
 				ref: C,
 				sx: { display: "contents" },
 				children: (0, Q.jsx)(ai, {
@@ -1852,7 +1852,7 @@ var oi = (0, Z.memo)((e) => {
 					selector: f,
 					readOnly: a
 				})
-			}) : !a && (0, Q.jsx)(F, {
+			}) : !a && (0, Q.jsx)(P, {
 				sx: { display: "flex" },
 				children: (0, Q.jsx)(Zr, {
 					label: u("condition.when"),
@@ -1888,7 +1888,7 @@ var oi = (0, Z.memo)((e) => {
 oi.displayName = "ConditionEditor";
 var si = (0, Z.memo)((e) => {
 	let { variant: t = "format", children: n, sx: r, ...i } = e;
-	return (0, Q.jsx)(F, {
+	return (0, Q.jsx)(P, {
 		className: `sxl-cf-rule-section sxl-cf-rule-section-${t}`,
 		sx: {
 			display: "flex",
@@ -1906,15 +1906,15 @@ var si = (0, Z.memo)((e) => {
 	});
 });
 si.displayName = "RuleSection";
-var ci = new pe("transparent"), li = {
+var ci = new _e("transparent"), li = {
 	lightRedFillDarkRedText: f("conditionalFormat.preset.lightRedFillDarkRedText"),
 	yellowFillDarkYellowText: f("conditionalFormat.preset.yellowFillDarkYellowText"),
 	greenFillDarkGreenText: f("conditionalFormat.preset.greenFillDarkGreenText"),
 	lightRedFill: f("conditionalFormat.preset.lightRedFill"),
 	redText: f("conditionalFormat.preset.redText"),
 	redBorder: f("conditionalFormat.preset.redBorder")
-}, ui = (e) => e ? typeof e == "string" ? e : e.type === ge.Type.None ? null : e.color ?? e.foreground ?? null : null, di = (e, t) => e === "auto" ? null : jt(e, t), fi = (0, Z.memo)((e) => {
-	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = T(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = Bt(), d = t?.font ?? null, p = (d?.weight ?? 400) >= 600, h = d?.style === ve.Style.Italic, g = !!d?.underline && d.underline !== ve.UnderlineStyle.None, _ = !!d?.strike, v = (e) => {
+}, ui = (e) => e ? typeof e == "string" ? e : e.type === ge.Type.None ? null : e.color ?? e.foreground ?? null : null, di = (e, t) => e === "auto" ? null : Ft(e, t), fi = (0, Z.memo)((e) => {
+	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = T(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = Xt(), d = t?.font ?? null, p = (d?.weight ?? 400) >= 600, h = d?.style === ye.Style.Italic, g = !!d?.underline && d.underline !== ye.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 };
@@ -1934,13 +1934,13 @@ var ci = new pe("transparent"), li = {
 	};
 	return (0, Q.jsxs)(si, {
 		...i,
-		children: [(0, Q.jsxs)(F, {
+		children: [(0, Q.jsxs)(P, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Q.jsx)(F, {
+			children: [(0, Q.jsx)(P, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -1948,9 +1948,9 @@ var ci = new pe("transparent"), li = {
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: Xe.map((e, t) => {
+				children: Ge.map((e, t) => {
 					let i = di(ui(e.style.fill), o), s = di(e.style.font?.color, o), c = e.style.borders ? di(Object.values(e.style.borders)[0]?.color, o) : null;
-					return (0, Q.jsx)(cn, {
+					return (0, Q.jsx)(rn, {
 						sheet: !0,
 						title: a(li[e.key] ?? e.key),
 						disabled: r,
@@ -1964,7 +1964,7 @@ var ci = new pe("transparent"), li = {
 						children: "Aa"
 					}, t);
 				})
-			}), (0, Q.jsx)(cn, {
+			}), (0, Q.jsx)(rn, {
 				title: a("conditionalFormat.clearStyle"),
 				disabled: r || !t,
 				onClick: () => n(null),
@@ -1977,7 +1977,7 @@ var ci = new pe("transparent"), li = {
 					size: 16
 				})
 			})]
-		}), (0, Q.jsxs)(F, {
+		}), (0, Q.jsxs)(P, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -1999,7 +1999,7 @@ var ci = new pe("transparent"), li = {
 					sx: S,
 					selected: h,
 					disabled: r,
-					onChange: () => v({ style: h ? void 0 : ve.Style.Italic }),
+					onChange: () => v({ style: h ? void 0 : ye.Style.Italic }),
 					children: (0, Q.jsx)(m, { iconKey: "TextItalic" })
 				}),
 				(0, Q.jsx)(Y, {
@@ -2008,7 +2008,7 @@ var ci = new pe("transparent"), li = {
 					sx: S,
 					selected: g,
 					disabled: r,
-					onChange: () => v({ underline: g ? void 0 : ve.UnderlineStyle.Single }),
+					onChange: () => v({ underline: g ? void 0 : ye.UnderlineStyle.Single }),
 					children: (0, Q.jsx)(m, { iconKey: "TextUnderline" })
 				}),
 				(0, Q.jsx)(Y, {
@@ -2020,7 +2020,7 @@ var ci = new pe("transparent"), li = {
 					onChange: () => v({ strike: !_ || void 0 }),
 					children: (0, Q.jsx)(m, { iconKey: "TextStrike" })
 				}),
-				o && (0, Q.jsx)(wt, {
+				o && (0, Q.jsx)(kt, {
 					tooltip: a("conditionalFormat.border"),
 					selectedBorder: t?.borders,
 					createBorder: (e) => o.getStyles().getNormal().createStyle({ borders: e }).getBorders(),
@@ -2033,7 +2033,7 @@ var ci = new pe("transparent"), li = {
 						e && Object.keys(e).length !== 0 ? r.borders = e : delete r.borders, n(Object.keys(r).length === 0 ? null : r);
 					})(e)
 				}),
-				(0, Q.jsx)(Ot, {
+				(0, Q.jsx)(en, {
 					icon: "fill.colored",
 					tooltip: a("conditionalFormat.fillColor"),
 					selectedColor: x,
@@ -2050,11 +2050,11 @@ var ci = new pe("transparent"), li = {
 						disableAlpha: !0,
 						autoColor: ci,
 						autoColorLabelKey: f("color.noFill"),
-						autoColorPosition: nn.End,
+						autoColorPosition: mn.End,
 						...u
 					}
 				}),
-				(0, Q.jsx)(Ot, {
+				(0, Q.jsx)(en, {
 					icon: "text.colored",
 					tooltip: a("conditionalFormat.fontColor"),
 					selectedColor: b,
@@ -2087,8 +2087,8 @@ var pi = {
 	H.ColorStopType.Min,
 	H.ColorStopType.Max
 ]), hi = (0, Z.memo)((e) => {
-	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = T(), { darkMode: d, toColor: f, propsColorPanel: p } = Bt(), m = Or(), h = n.type ?? H.ColorStopType.Num, g = !mi.has(h), _ = c || !g, v = h === H.ColorStopType.Formula, y = n.value?.isIFormula ? n.value : null, b = n.color, x = a ? f(b) : null;
-	return (0, Q.jsxs)(F, {
+	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = T(), { darkMode: d, toColor: f, propsColorPanel: p } = Xt(), m = Or(), h = n.type ?? H.ColorStopType.Num, g = !mi.has(h), _ = c || !g, v = h === H.ColorStopType.Formula, y = n.value?.isIFormula ? n.value : null, b = n.color, x = a ? f(b) : null;
+	return (0, Q.jsxs)(P, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
@@ -2108,7 +2108,7 @@ var pi = {
 				children: t
 			}),
 			o,
-			a && (0, Q.jsx)(Ot, {
+			a && (0, Q.jsx)(en, {
 				tooltip: u("conditionalFormat.stopColor"),
 				selectedColor: x,
 				disabled: c,
@@ -2228,25 +2228,25 @@ var gi = [
 	H.ColorStopType.Percentile,
 	H.ColorStopType.Formula
 ], _i = (0, Z.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = T(), { workbook: o, toColor: s } = Bt(), c = t.stops ?? [], l = c.length === 2 ? [f("conditionalFormat.stop.minimum"), f("conditionalFormat.stop.maximum")] : [
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = T(), { workbook: o, toColor: s } = Xt(), c = t.stops ?? [], l = c.length === 2 ? [f("conditionalFormat.stop.minimum"), f("conditionalFormat.stop.maximum")] : [
 		f("conditionalFormat.stop.minimum"),
 		f("conditionalFormat.stop.midpoint"),
 		f("conditionalFormat.stop.maximum")
 	];
-	return (0, Q.jsxs)(F, {
+	return (0, Q.jsxs)(P, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 1
 		},
 		...i,
-		children: [(0, Q.jsx)(si, { children: (0, Q.jsxs)(F, {
+		children: [(0, Q.jsx)(si, { children: (0, Q.jsxs)(P, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Q.jsx)(F, {
+			children: [(0, Q.jsx)(P, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2254,13 +2254,13 @@ var gi = [
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: Ve.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Q.jsx)(cn, {
+				children: ze.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Q.jsx)(rn, {
 					sheet: !0,
 					disabled: r,
 					onClick: () => n(structuredClone(e)),
-					children: (0, Q.jsx)(Qt, { rows: sn(e.stops ?? [], Xt, o) })
+					children: (0, Q.jsx)(Tt, { rows: sn(e.stops ?? [], an, o) })
 				}, t))
-			}), (0, Q.jsxs)(zt, {
+			}), (0, Q.jsxs)(Kt, {
 				exclusive: !0,
 				size: "small",
 				value: c.length === 2 ? 2 : 3,
@@ -2341,12 +2341,12 @@ var vi = [
 	H.ColorStopType.Percentile,
 	H.ColorStopType.Formula
 ], bi = "__auto__", xi = (0, Z.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = T(), { darkMode: o, toColor: s, propsColorPanel: c } = Bt(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), h = t.gradient ?? !1, g = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = T(), { darkMode: o, toColor: s, propsColorPanel: c } = Xt(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), h = t.gradient ?? !1, g = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
 	}, _ = { backgroundColor: "background.paper" };
-	return (0, Q.jsxs)(F, {
+	return (0, Q.jsxs)(P, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2354,13 +2354,13 @@ var vi = [
 		},
 		...i,
 		children: [(0, Q.jsxs)(si, { children: [
-			(0, Q.jsxs)(F, {
+			(0, Q.jsxs)(P, {
 				sx: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 1
 				},
-				children: [(0, Q.jsx)(F, {
+				children: [(0, Q.jsx)(P, {
 					sx: {
 						flex: "1 1 auto",
 						minWidth: 0,
@@ -2368,7 +2368,7 @@ var vi = [
 						gap: .5,
 						flexWrap: "wrap"
 					},
-					children: K.filter((e) => (e.gradient ?? !1) === h).map((e, t) => (0, Q.jsx)(cn, {
+					children: xe.filter((e) => (e.gradient ?? !1) === h).map((e, t) => (0, Q.jsx)(rn, {
 						sheet: !0,
 						disabled: r,
 						onClick: () => g({
@@ -2376,9 +2376,9 @@ var vi = [
 							gradient: e.gradient,
 							borderColor: e.borderColor
 						}),
-						children: (0, Q.jsx)(Qt, { rows: gn(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
+						children: (0, Q.jsx)(Tt, { rows: fn(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
 					}, t))
-				}), (0, Q.jsxs)(zt, {
+				}), (0, Q.jsxs)(Kt, {
 					exclusive: !0,
 					size: "small",
 					value: h,
@@ -2418,7 +2418,7 @@ var vi = [
 					children: a("conditionalFormat.showBarsOnly")
 				})
 			}),
-			(0, Q.jsxs)(F, {
+			(0, Q.jsxs)(P, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -2433,7 +2433,7 @@ var vi = [
 						},
 						children: a("conditionalFormat.bar")
 					}),
-					(0, Q.jsx)(Ot, {
+					(0, Q.jsx)(en, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.barColor"),
 						selectedColor: u,
@@ -2445,7 +2445,7 @@ var vi = [
 							...c
 						}
 					}),
-					(0, Q.jsx)(Ot, {
+					(0, Q.jsx)(en, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.barBorderColor"),
 						selectedColor: f,
@@ -2459,7 +2459,7 @@ var vi = [
 					})
 				]
 			}),
-			(0, Q.jsxs)(F, {
+			(0, Q.jsxs)(P, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -2474,7 +2474,7 @@ var vi = [
 						},
 						children: a("conditionalFormat.negative")
 					}),
-					(0, Q.jsx)(Ot, {
+					(0, Q.jsx)(en, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.negativeColor"),
 						selectedColor: d ?? u,
@@ -2486,7 +2486,7 @@ var vi = [
 							...c
 						}
 					}),
-					(0, Q.jsx)(Ot, {
+					(0, Q.jsx)(en, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.negativeBorderColor"),
 						selectedColor: p ?? f,
@@ -2498,7 +2498,7 @@ var vi = [
 							...c
 						}
 					}),
-					(0, Q.jsx)(cn, {
+					(0, Q.jsx)(rn, {
 						title: a("conditionalFormat.sameAsPositive"),
 						disabled: r || !t.negativeFillColor && !t.negativeBorderColor,
 						onClick: () => g({
@@ -2516,7 +2516,7 @@ var vi = [
 					})
 				]
 			}),
-			(0, Q.jsxs)(F, {
+			(0, Q.jsxs)(P, {
 				sx: {
 					display: "flex",
 					gap: 1,
@@ -2528,7 +2528,7 @@ var vi = [
 						flex: 1,
 						minWidth: 0
 					},
-					children: [(0, Q.jsx)(bt, { children: a("conditionalFormat.axis") }), (0, Q.jsxs)(J, {
+					children: [(0, Q.jsx)(xt, { children: a("conditionalFormat.axis") }), (0, Q.jsxs)(J, {
 						label: a("conditionalFormat.axis"),
 						value: t.axisPosition ?? bi,
 						disabled: r,
@@ -2558,7 +2558,7 @@ var vi = [
 						flex: 1,
 						minWidth: 0
 					},
-					children: [(0, Q.jsx)(bt, { children: a("conditionalFormat.direction") }), (0, Q.jsxs)(J, {
+					children: [(0, Q.jsx)(xt, { children: a("conditionalFormat.direction") }), (0, Q.jsxs)(J, {
 						label: a("conditionalFormat.direction"),
 						value: t.direction ?? bi,
 						disabled: r,
@@ -2618,14 +2618,14 @@ var Si = f("conditionalFormat.noCellIcon"), Ci = f("conditionalFormat.cellIcon")
 	height: "26px"
 }, Ei = (0, Z.memo)((e) => {
 	let { icon: t, onPick: n } = e, r = T();
-	return (0, Q.jsxs)(F, {
+	return (0, Q.jsxs)(P, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "4px",
 			padding: "6px 8px"
 		},
-		children: [(0, Q.jsx)(cn, {
+		children: [(0, Q.jsx)(rn, {
 			sheet: !0,
 			title: r(Si),
 			"aria-pressed": t === null,
@@ -2634,24 +2634,24 @@ var Si = f("conditionalFormat.noCellIcon"), Ci = f("conditionalFormat.cellIcon")
 				...t === null ? wi : null
 			},
 			onClick: () => {
-				n({ ...Be });
+				n({ ...Ue });
 			},
-			children: (0, Q.jsx)(Le, {
+			children: (0, Q.jsx)(U, {
 				icons: [null],
 				size: 16
 			})
-		}), (0, Q.jsx)(F, {
+		}), (0, Q.jsx)(P, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: "repeat(8, auto)",
 				justifyContent: "start",
 				gap: "3px"
 			},
-			children: Ie.map((e) => {
+			children: $e.map((e) => {
 				let i = ((e, t) => !!e && e.iconKey === t.iconKey && e.color === t.color)(t, e.spec);
-				return (0, Q.jsx)(cn, {
+				return (0, Q.jsx)(rn, {
 					sheet: !0,
-					title: fn(r, e.spec),
+					title: Ut(r, e.spec),
 					"aria-pressed": i,
 					sx: {
 						...Ti,
@@ -2663,7 +2663,7 @@ var Si = f("conditionalFormat.noCellIcon"), Ci = f("conditionalFormat.cellIcon")
 							id: e.id
 						});
 					},
-					children: (0, Q.jsx)(Le, {
+					children: (0, Q.jsx)(U, {
 						icons: [e.spec],
 						size: 16
 					})
@@ -2690,7 +2690,7 @@ var Di = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 			});
 		}, [n, r]),
 		tooltip: i ?? o(Ci),
-		icon: (0, Q.jsx)(Le, {
+		icon: (0, Q.jsx)(U, {
 			icons: [n],
 			size: 16
 		}),
@@ -2705,19 +2705,19 @@ var Oi = [
 	H.ColorStopType.Percentile,
 	H.ColorStopType.Formula
 ], ki = (0, Z.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = T(), s = t.iconSet ?? he.IconSet.TrafficLights3, c = Qe(s).length === 0, l = t.stops ?? [], u = l.length, d = $e(t), f = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = T(), s = t.iconSet ?? he.IconSet.TrafficLights3, c = we(s).length === 0, l = t.stops ?? [], u = l.length, d = Ae(t), f = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
 	}, p = (0, Z.useCallback)((e) => {
-		let { closeFloat: t } = e, n = (0, Q.jsx)(Gt, {
-			groups: pn,
+		let { closeFloat: t } = e, n = (0, Q.jsx)(It, {
+			groups: zt,
 			disabled: r,
 			onPick: (e) => {
 				t?.(), e.type === H.ScaleType.IconSet && e.iconSet && ((e) => {
 					if (e === s) return;
-					let t = ze(e), n = l;
-					t !== l.length && (n = ke(t)), f({
+					let t = Oe(e), n = l;
+					t !== l.length && (n = He(t)), f({
 						iconSet: e,
 						stops: n,
 						icon: void 0
@@ -2730,7 +2730,7 @@ var Oi = [
 			children: n
 		});
 	}, [r, t]), m = o.camelToPrettyCase(s);
-	return (0, Q.jsxs)(F, {
+	return (0, Q.jsxs)(P, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2738,7 +2738,7 @@ var Oi = [
 		},
 		...i,
 		children: [(0, Q.jsxs)(si, { children: [
-			(0, Q.jsx)(F, {
+			(0, Q.jsx)(P, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -2749,7 +2749,7 @@ var Oi = [
 					disabled: r,
 					label: m,
 					tooltip: m,
-					icon: (0, Q.jsx)(F, {
+					icon: (0, Q.jsx)(P, {
 						sx: {
 							width: "82px",
 							display: "flex",
@@ -2759,8 +2759,8 @@ var Oi = [
 							variant: "caption",
 							noWrap: !0,
 							children: m
-						}) : (0, Q.jsx)(Le, {
-							icons: Qe(s),
+						}) : (0, Q.jsx)(U, {
+							icons: we(s),
 							order: "descending",
 							size: 14,
 							gap: 3
@@ -2774,7 +2774,7 @@ var Oi = [
 				sx: { color: "text.secondary" },
 				children: a("conditionalFormat.adoptedIconSet")
 			}),
-			(0, Q.jsxs)(F, {
+			(0, Q.jsxs)(P, {
 				sx: {
 					display: "flex",
 					gap: 1
@@ -2815,7 +2815,7 @@ var Oi = [
 					leading: (0, Q.jsx)(Di, {
 						icon: d[i] ?? null,
 						disabled: r || c,
-						onPick: (e) => n(G(t, a, e))
+						onPick: (e) => n(We(t, a, e))
 					}),
 					onStopChange: (e) => {
 						let t = l.slice();
@@ -2827,15 +2827,15 @@ var Oi = [
 	});
 });
 ki.displayName = "IconSetRulePanel";
-var Ai = (e, t, n) => jt(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
+var Ai = (e, t, n) => Ft(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
 	if (!e) return n;
 	if (typeof e == "string") return Ai(e, t, n);
 	if (e.type === ge.Type.None) return n;
 	let r = e, i = e;
 	return Ai(i.foreground ?? r.color ?? i.background, t, n);
 }, Mi = (0, Z.memo)((e) => {
-	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = Bt();
-	Ue(t, "onAnyChange");
+	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = Xt();
+	Te(t, "onAnyChange");
 	let o = t.getScale(), s = t.getStyle(), c = (0, Z.useMemo)(() => {
 		try {
 			return i?.getStyles().getNormal().getFont().toCSS("adaptive") ?? {};
@@ -2843,9 +2843,9 @@ var Ai = (e, t, n) => jt(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
 			return {};
 		}
 	}, [i, a]), l = (0, Z.useMemo)(() => {
-		if (o?.type === H.ScaleType.ColorScale) return (0, Q.jsx)(Qt, { rows: sn(o.stops ?? [], Xt, i) });
-		if (o?.type === H.ScaleType.DataBar) return (0, Q.jsx)(Qt, { rows: gn(o, Ai(o.color, i, Pt), o.borderColor ? Ai(o.borderColor, i, Pt) : void 0) });
-		if (o?.type === H.ScaleType.IconSet) return (0, Q.jsx)(F, {
+		if (o?.type === H.ScaleType.ColorScale) return (0, Q.jsx)(Tt, { rows: sn(o.stops ?? [], an, i) });
+		if (o?.type === H.ScaleType.DataBar) return (0, Q.jsx)(Tt, { rows: fn(o, Ai(o.color, i, dn), o.borderColor ? Ai(o.borderColor, i, dn) : void 0) });
+		if (o?.type === H.ScaleType.IconSet) return (0, Q.jsx)(P, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -2854,15 +2854,15 @@ var Ai = (e, t, n) => jt(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
 				height: "100%",
 				px: .5
 			},
-			children: (0, Q.jsx)(Le, {
-				icons: $e(o),
+			children: (0, Q.jsx)(U, {
+				icons: Ae(o),
 				order: "descending",
 				size: 14,
 				gap: 3
 			})
 		});
-		let e = s?.font, t = e?.underline && e.underline !== ve.UnderlineStyle.None;
-		return (0, Q.jsx)(F, {
+		let e = s?.font, t = e?.underline && e.underline !== ye.UnderlineStyle.None;
+		return (0, Q.jsx)(P, {
 			sx: {
 				width: "100%",
 				height: "100%",
@@ -2871,13 +2871,13 @@ var Ai = (e, t, n) => jt(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
 				justifyContent: "center",
 				...c,
 				backgroundColor: ji(s?.fill, i, "transparent"),
-				...e?.color && e.color !== "auto" ? { color: Ai(e.color, i, Wt) } : null,
+				...e?.color && e.color !== "auto" ? { color: Ai(e.color, i, Yt) } : null,
 				...e?.weight ? { fontWeight: e.weight } : null,
 				...e?.style ? { fontStyle: e.style } : null,
 				textDecoration: [t ? "underline" : "", e?.strike ? "line-through" : ""].join(" ").trim() || "none",
 				fontSize: `${Math.round(.5 * n)}px`,
 				lineHeight: 1,
-				outline: s?.borders ? `1px solid ${Ai(Object.values(s.borders)[0]?.color, i, Mt)}` : void 0,
+				outline: s?.borders ? `1px solid ${Ai(Object.values(s.borders)[0]?.color, i, Dt)}` : void 0,
 				outlineOffset: "-3px"
 			},
 			children: "Aa"
@@ -2890,7 +2890,7 @@ var Ai = (e, t, n) => jt(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
 		i,
 		a
 	]);
-	return (0, Q.jsx)(cn, {
+	return (0, Q.jsx)(rn, {
 		sheet: !0,
 		className: "sxl-cf-rule-preview",
 		sx: {
@@ -2915,12 +2915,12 @@ var Ni = (e, t) => {
 	[H.ScaleType.IconSet]: f("conditionalFormat.tab.iconSets")
 }, Fi = (0, Z.memo)((e) => {
 	let { conditionalFormat: t } = e, n = T();
-	Ue(t, "onAnyChange");
+	Te(t, "onAnyChange");
 	let r = t.getScale(), i = t.getCondition(), a = t.getStyle(), o = t.isProtected(), s = r?.type ?? "classic", c = (0, Z.useRef)({ scales: {} }), l = (e) => {
 		t.update({ scale: e });
 	}, u = (0, Q.jsxs)(at, {
 		tabIndex: 0,
-		className: an["editor-panel"],
+		className: Bt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -2932,7 +2932,7 @@ var Ni = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Q.jsxs)(F, {
+			(0, Q.jsxs)(P, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -2940,7 +2940,7 @@ var Ni = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Q.jsxs)(F, {
+				children: [(0, Q.jsxs)(P, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -2957,25 +2957,25 @@ var Ni = (e, t) => {
 						},
 						children: Ni(t, n)
 					})]
-				}), (0, Q.jsx)(It, {
+				}), (0, Q.jsx)(Wt, {
 					item: t,
 					label: n("conditionalFormat.applyTo")
 				})]
 			}),
-			(0, Q.jsx)(Rt, {
+			(0, Q.jsx)(Gt, {
 				value: s,
 				onChange: (e, n) => {
 					o || ((e) => {
 						if (e !== s) if (s === "classic" ? (c.current.condition = i?.toJSON() ?? null, c.current.style = a) : r && (c.current.scales[r.type] = r), e === "classic") t.update({
 							condition: c.current.condition ?? {
-								operator: U.BuiltInOperatorNames.Between,
+								operator: V.BuiltInOperatorNames.Between,
 								param: null
 							},
 							style: c.current.style ?? null,
 							scale: null
 						});
 						else {
-							let n = c.current.scales[e] ?? (e === H.ScaleType.ColorScale ? Ne() : e === H.ScaleType.DataBar ? Ze() : xe());
+							let n = c.current.scales[e] ?? (e === H.ScaleType.ColorScale ? G() : e === H.ScaleType.DataBar ? W() : Ze());
 							t.update({
 								scale: n,
 								condition: null,
@@ -2998,7 +2998,7 @@ var Ni = (e, t) => {
 						minWidth: 0
 					}
 				},
-				children: Object.keys(Pi).map((e) => (0, Q.jsx)(Vt, {
+				children: Object.keys(Pi).map((e) => (0, Q.jsx)(qt, {
 					value: e,
 					label: n(Pi[e])
 				}, e))
@@ -3029,7 +3029,7 @@ var Ni = (e, t) => {
 				onScaleChange: l,
 				readOnly: o
 			}),
-			s === "classic" && (0, Q.jsx)(F, {
+			s === "classic" && (0, Q.jsx)(P, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -3056,7 +3056,7 @@ var Ni = (e, t) => {
 Fi.displayName = "ConditionalFormatEditorPanel";
 var Ii = (0, Z.memo)(({ item: e }) => {
 	let t = T();
-	return Ue(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Q.jsx)(F, {
+	return Te(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Q.jsx)(P, {
 		sx: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -3075,7 +3075,7 @@ var Ii = (0, Z.memo)(({ item: e }) => {
 	});
 });
 Ii.displayName = "StopIfTrueBadge";
-var Li = (0, Z.memo)(({ item: e }) => (0, Q.jsx)(It, {
+var Li = (0, Z.memo)(({ item: e }) => (0, Q.jsx)(Wt, {
 	item: e,
 	label: T()("conditionalFormat.applyTo"),
 	helperText: null
@@ -3122,7 +3122,7 @@ var Ri = {
 	EditorBody: ({ item: e }) => (0, Q.jsx)(Fi, { conditionalFormat: e })
 }, zi = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 	let { workbook: n, args: r, ...i } = e;
-	return (0, Q.jsx)(Ht, {
+	return (0, Q.jsx)(Ot, {
 		ref: t,
 		workbook: n,
 		descriptor: Ri,
@@ -4021,7 +4021,7 @@ var Xa = (0, Z.memo)(Ya), Za = Ea({ wrappedRoot: {
 	}, [n, d]), y = h?.message;
 	return !y && (0, Z.isValidElement)(r) && (y = r), y || typeof r != "string" || (y = r), y ||= `Unknown Error: ${r}`, (0, Q.jsx)(Va, {
 		ref: t,
-		className: R(co.root, "error-snackbar"),
+		className: L(co.root, "error-snackbar"),
 		children: (0, Q.jsxs)(dr, {
 			className: co.card,
 			style: {
@@ -4045,7 +4045,7 @@ var Xa = (0, Z.memo)(Ya), Za = Ea({ wrappedRoot: {
 						children: [g ? (0, Q.jsx)(nt, {
 							"aria-label": u("toast.showMore"),
 							size: "small",
-							className: R(co.expand, { [co.expandOpen]: f }),
+							className: L(co.expand, { [co.expandOpen]: f }),
 							onClick: _,
 							children: (0, Q.jsx)(m, { iconKey: "ExpandMore" })
 						}) : null, (0, Q.jsx)(nt, {
@@ -4059,7 +4059,7 @@ var Xa = (0, Z.memo)(Ya), Za = Ea({ wrappedRoot: {
 						})]
 					})
 				]
-			}), g ? (0, Q.jsx)(de, {
+			}), g ? (0, Q.jsx)(fe, {
 				in: f,
 				timeout: "auto",
 				children: (0, Q.jsx)("div", {
@@ -4081,7 +4081,7 @@ lo.displayName = "ToastError";
 var uo = (0, Q.jsx)(() => (0, Q.jsx)(dt, {
 	label: "SheetXL",
 	description: T()("logo.description"),
-	children: (0, Q.jsx)(F, {
+	children: (0, Q.jsx)(P, {
 		component: "a",
 		href: "https://www.sheetxl.com",
 		target: "_blank",
@@ -4094,24 +4094,24 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(dt, {
 			marginLeft: "6px",
 			cursor: "pointer"
 		},
-		children: (0, Q.jsx)(Ye, { style: {
+		children: (0, Q.jsx)(Be, { style: {
 			width: "24px",
 			height: "24px"
 		} })
 	})
 }), {}), fo = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
-	let { workbook: n, className: r, logo: i = uo, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = z(), d = u < 530, f = (0, Z.useRef)(null);
-	return (0, Q.jsx)(F, {
+	let { workbook: n, className: r, logo: i = uo, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = R(), d = u < 530, f = (0, Z.useRef)(null);
+	return (0, Q.jsx)(P, {
 		...c,
-		ref: Yt([
+		ref: hn([
 			f,
 			l,
 			t
 		]),
 		className: r,
-		children: $t({
+		children: jt({
 			isCompact: d,
-			wrapperSelect: (e) => (0, Q.jsxs)(F, {
+			wrapperSelect: (e) => (0, Q.jsxs)(P, {
 				sx: {
 					display: "grid",
 					gridTemplateColumns: "1fr auto 1fr",
@@ -4122,7 +4122,7 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(dt, {
 					paddingRight: (e) => e.spacing(1)
 				},
 				children: [
-					(0, Q.jsxs)(F, {
+					(0, Q.jsxs)(P, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4130,7 +4130,7 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(dt, {
 							justifyContent: "start",
 							gap: (e) => e.spacing(.5)
 						},
-						children: [i, (0, Q.jsxs)(F, {
+						children: [i, (0, Q.jsxs)(P, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -4140,7 +4140,7 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(dt, {
 							children: [o, e]
 						})]
 					}),
-					(0, Q.jsx)(F, {
+					(0, Q.jsx)(P, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4151,7 +4151,7 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(dt, {
 						},
 						children: a
 					}),
-					(0, Q.jsx)(F, {
+					(0, Q.jsx)(P, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
@@ -4168,8 +4168,8 @@ fo.displayName = "StudioToolbar";
 var po = (e, t) => {
 	let n = new URL(window.location.pathname, window.location.origin);
 	e && n.searchParams.set("source", e), e && t && n.searchParams.set("title", t), window.open(n.toString(), "sheetxl-" + o.uuidV4(), "popup=true");
-}, mo = Pn(d("studio:shortcutKeysDialog", () => import("./RP044HPTvZ7fRPp62.mjs")).load);
-tn(), hn();
+}, mo = Pn(d("studio:shortcutKeysDialog", () => import("./CK37hazurRQUhGh82.mjs")).load);
+un(), $t();
 var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 	let t = (e) => {
 		if (typeof e != "function") return e;
@@ -4198,7 +4198,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 	}
 	return { getAllCommands: () => r };
 }, _o = (e) => {
-	let { children: t, workbook: n, setWorkbook: r, workbookTitle: a, isDirty: o, refSave: s, fullscreenTarget: l } = e, u = y.useCommandScope(), d = ne(), { showModal: m } = Cn(), h = T(), v = (0, Z.useRef)(o);
+	let { children: t, workbook: n, setWorkbook: r, workbookTitle: a, isDirty: o, refSave: s, fullscreenTarget: l } = e, u = y.useCommandScope(), d = te(), { showModal: m } = Cn(), h = T(), v = (0, Z.useRef)(o);
 	v.current = o;
 	let b = E(() => {
 		let e = u?.getRoot().getRegistry();
@@ -4228,7 +4228,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 			} });
 		}(e, { showShortcuts: b }), () => e.remove();
 	}, [u, b]);
-	let x = Et("(prefers-color-scheme: dark)"), { themeMode: S } = _(), [C, w] = g(Me.Mode, Re[Me.Mode]), [D, te] = g(Me.DarkGrid, Re[Me.DarkGrid]), [O, k] = g(Me.DarkImages, Re[Me.DarkImages]);
+	let x = Et("(prefers-color-scheme: dark)"), { themeMode: S } = _(), [C, w] = g(Se.Mode, Ye[Se.Mode]), [D, O] = g(Se.DarkGrid, Ye[Se.DarkGrid]), [k, A] = g(Se.DarkImages, Ye[Se.DarkImages]);
 	(0, Z.useEffect)(() => {
 		if (!u) return;
 		let e = u.getRoot().contribution();
@@ -4255,9 +4255,9 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 			isDark: C === "dark" || !C && S === "dark",
 			systemDefaultDark: x,
 			enableDarkGrid: D,
-			setEnableDarkGrid: te,
-			enableDarkImages: O,
-			setEnableDarkImages: k
+			setEnableDarkGrid: O,
+			enableDarkImages: k,
+			setEnableDarkImages: A
 		}), () => e.remove();
 	}, [
 		u,
@@ -4265,15 +4265,15 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 		S,
 		x,
 		D,
-		O,
+		k,
 		w,
-		te,
-		k
+		O,
+		A
 	]);
-	let [A, j] = g(ee.Active, null), [re, M] = (0, Z.useState)(() => i.getActive());
-	(0, Z.useEffect)(() => i.addChangeListener(M), []), (0, Z.useEffect)(() => {
-		A && A !== i.getActive() && i.setActive(A);
-	}, [A]), (0, Z.useEffect)(() => {
+	let [j, ne] = g(ee.Active, null), [re, ie] = (0, Z.useState)(() => i.getActive());
+	(0, Z.useEffect)(() => i.addChangeListener(ie), []), (0, Z.useEffect)(() => {
+		j && j !== i.getActive() && i.setActive(j);
+	}, [j]), (0, Z.useEffect)(() => {
 		if (!u) return;
 		let e = u.getRoot().contribution();
 		return function(e, t) {
@@ -4286,15 +4286,15 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 		}(e, {
 			active: re,
 			setActive: (e) => {
-				j(e);
+				ne(e);
 			}
 		}), () => e.remove();
 	}, [
 		u,
 		re,
-		j
+		ne
 	]);
-	let { isFullscreenAvailable: N, isFullscreenEnabled: ie, toggleFullscreen: ae } = ce({ target: (0, Z.useMemo)(() => ({ current: l ?? null }), [l]) });
+	let { isFullscreenAvailable: M, isFullscreenEnabled: ae, toggleFullscreen: oe } = le({ target: (0, Z.useMemo)(() => ({ current: l ?? null }), [l]) });
 	(0, Z.useEffect)(() => {
 		if (!u) return;
 		let e = u.getRoot().contribution();
@@ -4308,17 +4308,17 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 				}
 			});
 		}(e, {
-			isFullscreenAvailable: N,
-			isFullscreenEnabled: ie,
-			toggleFullscreen: ae
+			isFullscreenAvailable: M,
+			isFullscreenEnabled: ae,
+			toggleFullscreen: oe
 		}), () => e.remove();
 	}, [
 		u,
-		N,
-		ie,
-		ae
+		M,
+		ae,
+		oe
 	]);
-	let P = qe(!0);
+	let N = Pe(!0);
 	return (0, Z.useEffect)(() => {
 		if (!u) return;
 		let e = u.getRoot().contribution();
@@ -4327,12 +4327,12 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 				tags: ["noTransaction", "noRepeat"],
 				callback: () => {
 					((e, t) => {
-						P.activate(e, t);
+						N.activate(e, t);
 					})("manageProtection", { args: { tab: "workbook" } });
 				}
 			});
 		}(e), () => e.remove();
-	}, [u, P]), (0, Z.useEffect)(() => {
+	}, [u, N]), (0, Z.useEffect)(() => {
 		if (!u || !n) return;
 		let e = u.getRoot().contribution(), t = function(e, t) {
 			let { workbook: n, setWorkbook: r, workbookTitle: i = "export", isDirty: a, notifier: o, refSave: s } = t, l = !1, u = async (e = null, t = null, n = null) => {
@@ -4365,7 +4365,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 				};
 				n && (a.progress.onStart = n);
 				let s = -5;
-				return W.read({
+				return K.read({
 					...a,
 					progress: {
 						async onStart(e, t) {
@@ -4402,10 +4402,10 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 					},
 					onWarnings: r ?? (async ({ warnings: e, origin: t, canCancel: n }) => {
 						a?.(), console.warn(`Not written to '${t.getName()}':\n${e.map((e) => `  ${e.message}`).join("\n")}`);
-						let r = p("dialog.writeWarnings.title"), i = t.getFormat(), s = (i ? (await W.getWriteFormats({ search: i }))[0] : void 0)?.description ?? i ?? "", c = p("dialog.writeWarnings.keep");
+						let r = p("dialog.writeWarnings.title"), i = t.getFormat(), s = (i ? (await K.getWriteFormats({ search: i }))[0] : void 0)?.description ?? i ?? "", c = p("dialog.writeWarnings.keep");
 						return n ? await o.showOptions({
 							title: r,
-							type: I.Warning,
+							type: F.Warning,
 							description: `${p("dialog.writeWarnings.confirm", { format: s })}\n\n${c}`,
 							options: [{
 								id: "Save",
@@ -4414,7 +4414,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 							defaultOption: "Cancel"
 						}) === "Save" && (a = await o?.showBusy?.(p("workbook.saving", { name: t?.getName() ?? "" })), !0) : (o.showOptions({
 							title: r,
-							type: I.Warning,
+							type: F.Warning,
 							description: `${p("dialog.writeWarnings.saved", { format: s })}\n\n${c}`,
 							options: ["Ok"]
 						}), !0);
@@ -4422,15 +4422,15 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 				};
 				if (n) {
 					let n = e.getOrigin(), r = t?.exts?.[0] ?? (n.getExtension() || "sxl"), a = `${i || n.getName() || p("workbook.defaultName")}.${r}`;
-					s = await W.writeAs(e, a, {
+					s = await K.writeAs(e, a, {
 						...c,
 						prompt: !0
 					});
-				} else s = await W.write(e, void 0, c);
+				} else s = await K.write(e, void 0, c);
 				return s;
 			}, m = null;
 			return e.updateCommand("newWorkbook", { callback: async (e) => {
-				let t = W.canRead() && !a();
+				let t = K.canRead() && !a();
 				e?.source ? t && m ? await m({
 					url: e.source,
 					title: e.title
@@ -4446,9 +4446,9 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 					defaultOption: "Cancel"
 				}) !== "Close" || window.close();
 			} }), (async () => {
-				let t = await W.getWriteFormats();
+				let t = await K.getWriteFormats();
 				if (l) return;
-				let i = W.canWrite(), h = W.canRead();
+				let i = K.canWrite(), h = K.canRead();
 				if (i) {
 					let r = (e) => {
 						let r = e ? t.find((t) => t.key === e) : void 0;
@@ -4504,8 +4504,8 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 					tags: ["noTransaction", "noRepeat"],
 					callback: async (e = null) => {
 						let t = e;
-						if (t || W.canRead() || (t = await (async () => {
-							let e = await W.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
+						if (t || K.canRead() || (t = await (async () => {
+							let e = await K.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
 							return c.openFileDialog(t.length ? t.join(",") : "*.*");
 						})(), t)) return g(t);
 					}
@@ -4653,7 +4653,7 @@ var vo = ({ renderWorkbook: e }) => {
 					} }
 				});
 			} else {
-				if (!W.canRead()) return;
+				if (!K.canRead()) return;
 				let n = e.dataTransfer.items?.[0], i = typeof window < "u" && window.isSecureContext ? n?.getAsFileSystemHandle?.() : void 0;
 				i ? i.then((e) => t.execute("openWorkbook", e?.kind === "file" ? e : r)).catch(() => t.execute("openWorkbook", r)) : t.execute("openWorkbook", r);
 			}
@@ -4661,7 +4661,7 @@ var vo = ({ renderWorkbook: e }) => {
 	}, [t, i]), c = (0, Z.useMemo)(() => {
 		if (!i) return null;
 		let e = i === "insertImage";
-		return (0, Q.jsx)(F, {
+		return (0, Q.jsx)(P, {
 			className: "drop-overlay",
 			sx: {
 				position: "absolute",
@@ -4672,7 +4672,7 @@ var vo = ({ renderWorkbook: e }) => {
 				display: "flex",
 				justifyContent: "center",
 				alignItems: "center",
-				backgroundColor: (e) => k(e.palette.primary.main, .46),
+				backgroundColor: (e) => A(e.palette.primary.main, .46),
 				outline: (e) => `2px dashed ${e.palette.primary.main}`,
 				outlineOffset: "-6px",
 				borderRadius: 2
@@ -4716,7 +4716,7 @@ var vo = ({ renderWorkbook: e }) => {
 	}), c] });
 }, yo = (0, Z.memo)((e) => {
 	let { workbook: t, setWorkbook: n, refDocumentTitle: r, titleWorkbook: i, setWorkbookTitle: a, isDirty: o, initialCommandAnchor: s, renderWorkbook: c, refSave: l, host: u } = e;
-	return (0, Q.jsx)(we, {
+	return (0, Q.jsx)(Re, {
 		initialAnchor: s,
 		children: (0, Q.jsx)(_o, {
 			workbook: t,
@@ -4731,16 +4731,17 @@ var vo = ({ renderWorkbook: e }) => {
 });
 yo.displayName = "CommandsWrapper";
 var bo = {
-	sort: d("studio:sortDialog", () => import("./DfDgl_4vSuF3nubw2.mjs"), { tier: "common" }).load,
-	hyperlink: d("studio:hyperlinkDialog", () => import("./rFUbFjv5JlDQ1yJw2.mjs"), { tier: "common" }).load,
-	find: d("studio:findReplaceWindow", () => import("./CtIl_LU__yf7i0CI2.mjs"), { tier: "common" }).load,
-	tableNew: d("studio:tableNewDialog", () => import("./BDFm0nphkYgT4nS22.mjs"), { tier: "common" }).load,
-	namedDetails: d("studio:namedReferenceDialog", () => import("./BcO0tjxUkaw8VKEE2.mjs")).load,
-	insertFunction: d("studio:insertFunctionDialog", () => import("./CBv1rU3xPDQ-215V2.mjs"), { tier: "common" }).load,
-	resizeHeader: d("studio:resizeHeaderDialog", () => import("./KH2MZAMxGzfVMoKB2.mjs")).load,
-	fillSeries: d("studio:fillSeriesDialog", () => import("./C7926vmEK1-oM95A2.mjs")).load,
-	workbookStatistics: d("studio:workbookStatisticsDialog", () => import("./BzY-TCedGBSg3UzZ2.mjs")).load,
-	password: d("studio:passwordDialog", () => import("./Bb-mZ1cMsciuz4ww.mjs").then((e) => e.n).then((e) => e.t)).load
+	sort: d("studio:sortDialog", () => import("./Dy92PkC2HNPr3NUS2.mjs"), { tier: "common" }).load,
+	hyperlink: d("studio:hyperlinkDialog", () => import("./D1Jl06sXpn8zZgdb2.mjs"), { tier: "common" }).load,
+	find: d("studio:findReplaceWindow", () => import("./BcaaTjcuVt3Oji-Y2.mjs"), { tier: "common" }).load,
+	tableNew: d("studio:tableNewDialog", () => import("./Do9KFjmpgHDzEREb2.mjs"), { tier: "common" }).load,
+	namedDetails: d("studio:namedReferenceDialog", () => import("./DkzeehP-6WrvoENP2.mjs")).load,
+	insertFunction: d("studio:insertFunctionDialog", () => import("./ByGJD0lWglnYtMOB2.mjs"), { tier: "common" }).load,
+	resizeHeader: d("studio:resizeHeaderDialog", () => import("./BFrhIhjN1UwpjBcV2.mjs")).load,
+	outlineSettings: d("studio:outlineSettingsDialog", () => import("./NICR6e-cHnVuaN672.mjs")).load,
+	fillSeries: d("studio:fillSeriesDialog", () => import("./D2Fopvel0AE5OMJ82.mjs")).load,
+	workbookStatistics: d("studio:workbookStatisticsDialog", () => import("./Biy4xNo0ds01Jy6T2.mjs")).load,
+	password: d("studio:passwordDialog", () => import("./C8_izylh6h0mCmn0.mjs").then((e) => e.n).then((e) => e.t)).load
 }, xo = ["find"], So = (0, Z.memo)((e) => {
 	let { children: t } = e, n = so(), r = n ? n.enqueueSnackbar : () => {}, i = n ? n.closeSnackbar : () => {}, a = (0, Z.useRef)(/* @__PURE__ */ new Set()), s = (0, Z.useRef)(null), c = (0, Z.useRef)(null), [l, d] = (0, Z.useState)({
 		label: null,
@@ -4755,7 +4756,7 @@ var bo = {
 		return () => n(r);
 	}, []);
 	let b = (0, Z.useRef)(/* @__PURE__ */ new Set());
-	return (0, Q.jsxs)(A, {
+	return (0, Q.jsxs)(j, {
 		notifier: (0, Z.useMemo)(() => {
 			let e = (e, t) => {
 				if (t?.onceKey) {
@@ -4764,13 +4765,13 @@ var bo = {
 					e.add(t.onceKey), b.current = e;
 				}
 				let n = {
-					variant: t?.type ?? I.Info,
+					variant: t?.type ?? F.Info,
 					anchorOrigin: {
 						vertical: "top",
 						horizontal: "center"
 					},
 					preventDuplicate: t?.preventDuplicate,
-					persist: t?.persist ?? t?.type === I.Error,
+					persist: t?.persist ?? t?.type === F.Error,
 					action: (e) => (0, Q.jsx)(nt, {
 						onClick: () => i(e),
 						children: (0, Q.jsx)(m, { iconKey: "Cancel" })
@@ -4816,8 +4817,8 @@ var bo = {
 				showOptions: g,
 				showInput: _,
 				showError: (t) => {
-					let n, r = I.Error, i = f("error.unknown");
-					typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = f(t.message))), t instanceof u && (r = I.Info), e(i, {
+					let n, r = F.Error, i = f("error.unknown");
+					typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = f(t.message))), t instanceof u && (r = F.Info), e(i, {
 						type: r,
 						enqueueProps: { error: n }
 					});
@@ -4849,12 +4850,12 @@ var bo = {
 });
 So.displayName = "StudioNotifierProvider";
 var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", wo = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
-	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = Pe, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", h = (0, Z.useMemo)(() => i.map((t) => {
+	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = Me, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", h = (0, Z.useMemo)(() => i.map((t) => {
 		let n = s.getRegisteredTaskPane(t);
 		if (!n) return null;
 		let r = n.getIcon?.();
 		typeof r == "string" && (r = (0, Q.jsx)(m, { iconKey: r }));
-		let i = t === o, a = r ? (0, Q.jsx)(F, {
+		let i = t === o, a = r ? (0, Q.jsx)(P, {
 			sx: {
 				display: "inline-block",
 				transform: p ? "rotate(-90deg)" : "rotate(90deg)",
@@ -4862,14 +4863,14 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				color: (e) => e.palette.text.secondary
 			},
 			children: r
-		}) : null, c = !r || !l && i, u = (0, Q.jsx)(F, {
+		}) : null, c = !r || !l && i, u = (0, Q.jsx)(P, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: c ? "1fr" : "0fr",
 				opacity: +!!c,
 				transition: (e) => e.transitions.create(["grid-template-columns", "opacity"], { duration: e.transitions.duration.short })
 			},
-			children: (0, Q.jsx)(F, {
+			children: (0, Q.jsx)(P, {
 				sx: {
 					overflow: "hidden",
 					minWidth: 0,
@@ -4888,13 +4889,13 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				})
 			})
 		});
-		return (0, Q.jsx)(Vt, {
+		return (0, Q.jsx)(qt, {
 			value: t,
 			label: (0, Q.jsx)(lt, {
 				disableInteractive: !0,
 				title: n.getTitle() ?? "",
 				placement: "left-start",
-				children: (0, Q.jsxs)(F, {
+				children: (0, Q.jsxs)(P, {
 					sx: {
 						padding: "0px 0px",
 						writingMode: p ? "vertical-lr" : "vertical-rl",
@@ -4914,7 +4915,7 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				minHeight: "0px",
 				borderRadius: "4px"
 			},
-			className: R("taskpane-strip-item", { "Mui-selected": i }),
+			className: L("taskpane-strip-item", { "Mui-selected": i }),
 			onClick: () => e.onSelect(t)
 		}, t);
 	}), [
@@ -4924,11 +4925,11 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		s,
 		p,
 		l,
-		P()
+		N()
 	]);
-	return (0, Q.jsx)(F, {
-		ref: oe(t, () => ({ isTaskPaneStrip: () => !0 }), []),
-		className: (0, Z.useMemo)(() => R("taskpane-strip", d), [d]),
+	return (0, Q.jsx)(P, {
+		ref: se(t, () => ({ isTaskPaneStrip: () => !0 }), []),
+		className: (0, Z.useMemo)(() => L("taskpane-strip", d), [d]),
 		sx: {
 			paddingLeft: p ? void 0 : "2px",
 			paddingRight: p ? "2px" : void 0,
@@ -4936,7 +4937,7 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 			...c
 		},
 		...f,
-		children: (0, Q.jsx)(Rt, {
+		children: (0, Q.jsx)(Gt, {
 			orientation: "vertical",
 			variant: "scrollable",
 			value: o,
@@ -4957,7 +4958,7 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 })), To = (e) => {
 	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, Z.useRef)(null), c = T();
 	return (0, Q.jsx)(rt, {
-		className: R({ "Mui-selected": a }),
+		className: L({ "Mui-selected": a }),
 		sx: {
 			display: "flex",
 			flex: "1 1 %0",
@@ -4971,11 +4972,11 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				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),
 			borderBottom: `solid ${Co} 1px`
 		},
 		...o,
-		children: (0, Q.jsxs)(F, {
+		children: (0, Q.jsxs)(P, {
 			sx: {
 				display: "flex",
 				flex: "1 1 10%",
@@ -4986,7 +4987,7 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				marginLeft: (e) => e.spacing(1),
 				marginRight: (e) => e.spacing(1)
 			},
-			children: [(0, Q.jsx)(F, {
+			children: [(0, Q.jsx)(P, {
 				sx: {
 					flex: "1 1 100%",
 					paddingLeft: (e) => e.spacing(1)
@@ -5010,8 +5011,8 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		})
 	});
 }, Eo = (0, Z.forwardRef)((e, t) => {
-	let { model: n, side: r, ...i } = e, a = ae();
-	return (0, Q.jsx)(Oe, {
+	let { model: n, side: r, ...i } = e, a = oe();
+	return (0, Q.jsx)(Ie, {
 		model: n,
 		ref: t,
 		propsFrame: { style: {
@@ -5037,21 +5038,21 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	display: "flex",
 	boxSizing: "border-box"
 }, ko = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
-	let n, r, { mainElement: i, sidebarElement: a, position: o, persistKey: s, onPositionChange: c, className: l, style: u, taskSide: d = "right", ...f } = e, [p, m] = g(s ?? null, Do), h = ae(), [_, { width: v }] = z(), y = v > 530 || v === 0, x = (0, Z.useRef)(null), S = null, C = 4, w = 13;
+	let n, r, { mainElement: i, sidebarElement: a, position: o, persistKey: s, onPositionChange: c, className: l, style: u, taskSide: d = "right", ...f } = e, [p, m] = g(s ?? null, Do), h = oe(), [_, { width: v }] = R(), y = v > 530 || v === 0, x = (0, Z.useRef)(null), S = null, C = 4, w = 13;
 	y ? S = "m 3.6261898,11.36243 c 0,0.88365 -0.71627,1.59991 -1.59991,1.59991 -0.8836498,0 -1.60004965,-0.71626 -1.60004965,-1.59991 0,-0.88365 0.71639985,-1.6000508 1.60004965,-1.6000508 0.88364,0 1.59991,0.7164008 1.59991,1.6000508 m 0,-4.881294 c 0,0.88364 -0.71627,1.60004 -1.59991,1.60004 -0.8836498,0 -1.60004965,-0.7164 -1.60004965,-1.60004 0,-0.88365 0.71639985,-1.60005 1.60004965,-1.60005 0.88364,0 1.59991,0.7164 1.59991,1.60005 m 0,-4.881226 c 0,0.88365 -0.71627,1.60005 -1.59991,1.60005 C 1.14263,3.19996 0.42623015,2.48356 0.42623015,1.59991 0.42623015,0.71626 1.14263,0 2.0262798,0 c 0.88364,0 1.59991,0.71626 1.59991,1.59991" : (S = "M 1.59991,3.62619 C 0.71626,3.62619 0,2.90992 0,2.02628 0,1.1426301 0.71626,0.42623015 1.59991,0.42623015 c 0.88365,0 1.6000508,0.71639995 1.6000508,1.60004985 0,0.88364 -0.7164008,1.59991 -1.6000508,1.59991 m 4.881294,0 c -0.88364,0 -1.60004,-0.71627 -1.60004,-1.59991 0,-0.8836499 0.7164,-1.60004985 1.60004,-1.60004985 0.88365,0 1.60005,0.71639995 1.60005,1.60004985 0,0.88364 -0.7164,1.59991 -1.60005,1.59991 m 4.881226,0 c -0.88365,0 -1.60005,-0.71627 -1.60005,-1.59991 0,-0.8836499 0.7164,-1.60004985 1.60005,-1.60004985 0.88365,0 1.59991,0.71639995 1.59991,1.60004985 0,0.88364 -0.71626,1.59991 -1.59991,1.59991", C = 13, w = 4);
-	let T, E = i, D = a, ee = d !== "right", te = y ? "row" : "column", ne = ee && D ? "before" : "after", O = `${te}:${ne}`, k = s ? p[O] : void 0, A = k == null ? ((e, t) => {
+	let T, E = i, D = a, ee = d !== "right", O = y ? "row" : "column", te = ee && D ? "before" : "after", k = `${O}:${te}`, A = s ? p[k] : void 0, j = A == null ? ((e, t) => {
 		if (e == null) return "40%";
 		if (typeof e == "number" || typeof e == "string") return e;
 		let n = e[t];
 		return n == null ? "40%" : `${n}%`;
-	})(o, O) : `${k}%`, j = s || c ? (e) => {
+	})(o, k) : `${A}%`, ne = s || c ? (e) => {
 		s && m((t) => ({
 			...t,
-			[O]: e.percent
+			[k]: e.percent
 		})), c?.(e, {
-			orientation: te,
-			side: ne,
-			key: O
+			orientation: O,
+			side: te,
+			key: k
 		});
 	} : void 0;
 	return ee && D ? (E = a, D = i, r = { style: {
@@ -5060,7 +5061,7 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		paddingRight: "2px"
 	} }, n = {}, T = {
 		fixedPane: "before",
-		position: A,
+		position: j,
 		minBefore: y ? "280px" : "120px",
 		splitDirection: y ? "row" : "column"
 	}) : (n = { style: {
@@ -5071,11 +5072,11 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		marginRight: y ? "8px" : "4px"
 	} }, T = {
 		fixedPane: "after",
-		position: A,
+		position: j,
 		minAfter: y ? "280px" : "120px",
 		splitDirection: y ? "row" : "column"
 	}), (0, Q.jsx)(b, {
-		ref: Yt([
+		ref: hn([
 			x,
 			_,
 			t
@@ -5087,9 +5088,9 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		} : Oo,
 		...f,
 		...T,
-		onPositionChange: j,
+		onPositionChange: ne,
 		propsResizer: {
-			className: R("styled-resizer", "_styled-resizer_fdl5y_3"),
+			className: L("styled-resizer", "_styled-resizer_fdl5y_3"),
 			style: {
 				minWidth: y ? "7px" : void 0,
 				minHeight: y ? void 0 : "6px",
@@ -5105,7 +5106,7 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	});
 }));
 ko.displayName = "StudioSplitPane";
-var Ao = U.BuiltInSelectorNames, jo = {
+var Ao = V.BuiltInSelectorNames, jo = {
 	[Ao.Whole]: "FormulaMathTrig",
 	[Ao.Number]: "IncreaseDecimal",
 	[Ao.List]: "Menu",
@@ -5117,8 +5118,8 @@ var Ao = U.BuiltInSelectorNames, jo = {
 	let t = e.getCondition();
 	if (!t) return "DataValidation";
 	let n = t.toJSON();
-	return n.operator === U.BuiltInOperatorNames.Expression ? "FormulaCustom" : typeof n.selector == "string" && jo[n.selector] || "DataValidation";
-}, No = (0, Z.memo)(({ dataValidation: e, size: t = 28 }) => (Ue(e, "onAnyChange"), (0, Q.jsx)(cn, {
+	return n.operator === V.BuiltInOperatorNames.Expression ? "FormulaCustom" : typeof n.selector == "string" && jo[n.selector] || "DataValidation";
+}, No = (0, Z.memo)(({ dataValidation: e, size: t = 28 }) => (Te(e, "onAnyChange"), (0, Q.jsx)(rn, {
 	className: "sxl-dv-icon",
 	sx: {
 		width: "auto",
@@ -5136,8 +5137,8 @@ var Po = (e, t) => {
 	let n = e.getCondition();
 	if (!n) return t("dataValidation.anyValue");
 	let r = n.toJSON();
-	if (r.operator === U.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
-	if (r.selector === U.BuiltInSelectorNames.List && r.operator === U.BuiltInOperatorNames.InSet) {
+	if (r.operator === V.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
+	if (r.selector === V.BuiltInSelectorNames.List && r.operator === V.BuiltInOperatorNames.InSet) {
 		let e = r.param?.items, n = Array.isArray(e) ? e.map((e) => String(e ?? "")) : typeof e == "string" ? ((e) => e.length < 2 || !e.startsWith("\"") || !e.endsWith("\"") ? null : e.slice(1, -1).replace(/""/g, "\"").split(",").map((e) => e.trimStart()))(e) : null;
 		if (n) return t("dataValidation.titleList", {
 			items: n.slice(0, 3).join(", "),
@@ -5147,13 +5148,13 @@ var Po = (e, t) => {
 	}
 	return n.toString();
 }, Fo = {
-	[V.AlertStyle.Stop]: "ValidationStop",
-	[V.AlertStyle.Warning]: "ValidationWarning",
-	[V.AlertStyle.Information]: "ValidationInformation"
+	[B.AlertStyle.Stop]: "ValidationStop",
+	[B.AlertStyle.Warning]: "ValidationWarning",
+	[B.AlertStyle.Information]: "ValidationInformation"
 }, Io = {
-	[V.AlertStyle.Stop]: f("dataValidation.alertStop"),
-	[V.AlertStyle.Warning]: f("dataValidation.alertWarning"),
-	[V.AlertStyle.Information]: f("dataValidation.alertInformation")
+	[B.AlertStyle.Stop]: f("dataValidation.alertStop"),
+	[B.AlertStyle.Warning]: f("dataValidation.alertWarning"),
+	[B.AlertStyle.Information]: f("dataValidation.alertInformation")
 }, Lo = ({ checked: e, onCheckedChange: t, label: n, readOnly: r, children: i }) => (0, Q.jsxs)(ln, {
 	expanded: e,
 	onChange: (e, n) => {
@@ -5173,7 +5174,7 @@ var Po = (e, t) => {
 			mb: 1
 		}
 	},
-	children: [(0, Q.jsx)(kt, {
+	children: [(0, Q.jsx)(Mt, {
 		expandIcon: (0, Q.jsx)(m, { iconKey: "ExpandMore" }),
 		sx: {
 			px: 2,
@@ -5192,7 +5193,7 @@ var Po = (e, t) => {
 			label: n,
 			onClick: (e) => e.stopPropagation()
 		})
-	}), (0, Q.jsx)(At, {
+	}), (0, Q.jsx)(Pt, {
 		sx: {
 			pl: 2,
 			pr: 2,
@@ -5206,10 +5207,10 @@ var Po = (e, t) => {
 	})]
 }), Ro = (0, Z.memo)((e) => {
 	let { dataValidation: t } = e, n = T();
-	Ue(t, "onAnyChange");
+	Te(t, "onAnyChange");
 	let r = t.isProtected(), i = t.getRenderHints().includes("list"), a = (0, Q.jsxs)(at, {
 		tabIndex: 0,
-		className: an["editor-panel"],
+		className: Bt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -5221,7 +5222,7 @@ var Po = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Q.jsxs)(F, {
+			(0, Q.jsxs)(P, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -5229,7 +5230,7 @@ var Po = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Q.jsxs)(F, {
+				children: [(0, Q.jsxs)(P, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -5246,7 +5247,7 @@ var Po = (e, t) => {
 						},
 						children: Po(t, n)
 					})]
-				}), (0, Q.jsx)(It, {
+				}), (0, Q.jsx)(Wt, {
 					item: t,
 					label: n("dataValidation.applyTo")
 				})]
@@ -5265,7 +5266,7 @@ var Po = (e, t) => {
 					t.setCondition(n);
 				}
 			}),
-			i && (0, Q.jsx)(F, {
+			i && (0, Q.jsx)(P, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -5320,11 +5321,11 @@ var Po = (e, t) => {
 						size: "small",
 						disabled: r,
 						sx: { backgroundColor: "background.paper" },
-						children: [(0, Q.jsx)(bt, { children: n("dataValidation.alertStyle") }), (0, Q.jsx)(J, {
+						children: [(0, Q.jsx)(xt, { children: n("dataValidation.alertStyle") }), (0, Q.jsx)(J, {
 							value: t.getAlertStyle(),
 							label: n("dataValidation.alertStyle"),
 							onChange: (e) => t.setAlertStyle(e.target.value),
-							renderValue: (e) => (0, Q.jsxs)(F, {
+							renderValue: (e) => (0, Q.jsxs)(P, {
 								sx: {
 									display: "flex",
 									alignItems: "center",
@@ -5379,7 +5380,7 @@ var Po = (e, t) => {
 	});
 });
 Ro.displayName = "DataValidationEditorPanel";
-var zo = ({ children: e }) => (0, Q.jsx)(F, {
+var zo = ({ children: e }) => (0, Q.jsx)(P, {
 	sx: {
 		display: "inline-flex",
 		alignItems: "center",
@@ -5396,9 +5397,9 @@ var zo = ({ children: e }) => (0, Q.jsx)(F, {
 	})
 }), Bo = (0, Z.memo)(({ item: e }) => {
 	let t = T();
-	Ue(e, "onAnyChange");
+	Te(e, "onAnyChange");
 	let n = [];
-	return e.isShowPromptMessage() && e.getPromptTitle() && n.push(t("dataValidation.promptPrefix", { title: e.getPromptTitle() })), e.getCondition() && (e.isShowAlertMessage() ? e.getAlertStyle() === V.AlertStyle.Warning ? n.push(t("dataValidation.alertWarning")) : e.getAlertStyle() === V.AlertStyle.Information && n.push(t("dataValidation.alertInformation")) : n.push(t("dataValidation.badgeNoAlert"))), e.isHideDropdown() && e.getRenderHints().includes("list") && n.push(t("dataValidation.badgeDropdownHidden")), n.length === 0 ? null : (0, Q.jsx)(F, {
+	return e.isShowPromptMessage() && e.getPromptTitle() && n.push(t("dataValidation.promptPrefix", { title: e.getPromptTitle() })), e.getCondition() && (e.isShowAlertMessage() ? e.getAlertStyle() === B.AlertStyle.Warning ? n.push(t("dataValidation.alertWarning")) : e.getAlertStyle() === B.AlertStyle.Information && n.push(t("dataValidation.alertInformation")) : n.push(t("dataValidation.badgeNoAlert"))), e.isHideDropdown() && e.getRenderHints().includes("list") && n.push(t("dataValidation.badgeDropdownHidden")), n.length === 0 ? null : (0, Q.jsx)(P, {
 		sx: {
 			display: "flex",
 			flexWrap: "wrap",
@@ -5408,7 +5409,7 @@ var zo = ({ children: e }) => (0, Q.jsx)(F, {
 	});
 });
 Bo.displayName = "DataValidationCardBody";
-var Vo = (0, Z.memo)(({ item: e }) => (0, Q.jsx)(It, {
+var Vo = (0, Z.memo)(({ item: e }) => (0, Q.jsx)(Wt, {
 	item: e,
 	label: T()("dataValidation.applyTo"),
 	helperText: null
@@ -5439,7 +5440,7 @@ var Ho = {
 	validate: (e) => e.getCondition()?.validate() ?? null,
 	applyNewDefaults: (e) => {
 		e.update({
-			alertStyle: V.AlertStyle.Stop,
+			alertStyle: B.AlertStyle.Stop,
 			showAlertMessage: !0
 		});
 	},
@@ -5456,7 +5457,7 @@ var Ho = {
 	EditorBody: ({ item: e }) => (0, Q.jsx)(Ro, { dataValidation: e })
 }, Uo = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 	let { workbook: n, args: r, ...i } = e;
-	return (0, Q.jsx)(Ht, {
+	return (0, Q.jsx)(Ot, {
 		ref: t,
 		workbook: n,
 		descriptor: Ho,
@@ -5465,7 +5466,7 @@ var Ho = {
 		...i
 	});
 }));
-Uo.displayName = "DataValidationDetailsPanel", rn(), h.register("plugin-table", { icons: {} }), Pe.registerTaskPane({
+Uo.displayName = "DataValidationDetailsPanel", nn(), h.register("plugin-table", { icons: {} }), Me.registerTaskPane({
 	key: "dataValidationDetails",
 	getTitle: () => "Data Validation",
 	getIcon: () => "DataValidation",
@@ -5478,7 +5479,7 @@ Uo.displayName = "DataValidationDetailsPanel", rn(), h.register("plugin-table",
 			...o
 		});
 	}
-}, !0), Pe.registerTaskPane({
+}, !0), Me.registerTaskPane({
 	key: "conditionalFormatDetails",
 	getTitle: () => "Conditional Formatting",
 	getIcon: () => "FormatPaint",
@@ -5491,7 +5492,7 @@ Uo.displayName = "DataValidationDetailsPanel", rn(), h.register("plugin-table",
 			...o
 		});
 	}
-}, !0), Ft(), Dt(), dn(), Jt(), Kt(), mn();
+}, !0), Zt(), Nt(), wt(), pn(), on(), Rt();
 var Wo = () => {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
@@ -5511,32 +5512,32 @@ var Wo = () => {
 	let { colorSchemes: n, ...r } = e, i = n?.[t ? "dark" : "light"];
 	return i && typeof i == "object" ? o.deepMerge(r, i) : r;
 }, Ko = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
-	let { host: n, scopeClass: r, square: a, elevation: s, variant: c, onWorkbookLoad: l, onDocumentError: u, renderDocumentError: d = un, propsDocumentError: f, propsTaskPaneArea: p, renderTaskPaneArea: v = qo, taskPaneSide: b = "right", onKeyDown: x, workbook: S, onWorkbookChange: w, logo: T, topLeft: D, topRight: te, muiTheme: ne, tokens: O, cssBaseline: k, autoFocus: A = !1, title: j, onDirtyChange: M, propsDocumentTitle: N, renderDocumentLoading: ie = Tt, propsDocumentLoading: ae, propsWorkbook: P, showFormulaBar: se, propsFormulaBar: ce, renderFormulaBar: le, editable: I, showStatusBar: L, propsStatusBar: R, renderStatusBar: z, propsToolbar: de, renderToolbar: fe } = e, B = (0, Z.useRef)(null), pe = (0, Z.useRef)(null), me = (0, Z.useRef)(null), he = E(() => {
-		me.current?.getNamedCollectionEditorElement?.()?.focus?.();
-	}, []), ge = E(u ?? (() => {}), [u]), _e = E(M ?? (() => {}), [M]), ve = N?.placeHolder, [V] = g(Me.Mode, Re[Me.Mode]), { themeMode: H } = _({ mode: V ?? void 0 }), [U] = g(ee.Active, null), ye = (0, Z.useRef)(U);
-	ye.current = U;
-	let xe = ue(), we = (0, Z.useMemo)(() => ({
-		light: pt(!1, o.deepMerge(Go(ne, !1), en(xe?.light))),
-		dark: pt(!0, o.deepMerge(Go(ne, !0), en(xe?.dark)))
+	let { host: n, scopeClass: r, square: a, elevation: s, variant: c, onWorkbookLoad: l, onDocumentError: u, renderDocumentError: d = Ht, propsDocumentError: f, propsTaskPaneArea: p, renderTaskPaneArea: v = qo, taskPaneSide: b = "right", onKeyDown: x, workbook: S, onWorkbookChange: w, logo: T, topLeft: D, topRight: O, muiTheme: te, tokens: k, cssBaseline: A, autoFocus: j = !1, title: ne, onDirtyChange: ie, propsDocumentTitle: M, renderDocumentLoading: ae = tn, propsDocumentLoading: oe, propsWorkbook: N, showFormulaBar: ce, propsFormulaBar: le, renderFormulaBar: ue, editable: F, showStatusBar: I, propsStatusBar: L, renderStatusBar: R, propsToolbar: fe, renderToolbar: pe } = e, z = (0, Z.useRef)(null), me = (0, Z.useRef)(null), B = (0, Z.useRef)(null), he = E(() => {
+		B.current?.getNamedCollectionEditorElement?.()?.focus?.();
+	}, []), ge = E(u ?? (() => {}), [u]), _e = E(ie ?? (() => {}), [ie]), ve = M?.placeHolder, [ye] = g(Se.Mode, Ye[Se.Mode]), { themeMode: V } = _({ mode: ye ?? void 0 }), [be] = g(ee.Active, null), H = (0, Z.useRef)(be);
+	H.current = be;
+	let xe = de(), U = (0, Z.useMemo)(() => ({
+		light: pt(!1, o.deepMerge(Go(te, !1), Vt(xe?.light))),
+		dark: pt(!0, o.deepMerge(Go(te, !0), Vt(xe?.dark)))
 	}), [
-		ne,
+		te,
 		xe?.light,
 		xe?.dark
-	]), Ee = H === "dark", Oe = (0, Z.useMemo)(() => Nt(we.light, we.dark, `.${r}`, O), [
-		we,
+	]), we = V === "dark", Oe = (0, Z.useMemo)(() => cn(U.light, U.dark, `.${r}`, k), [
+		U,
 		r,
-		O
-	]), ke = (0, Z.useMemo)(() => He("sxl-defaults", `.${r}`), [r]), Ae = We(), [Ne, Pe] = (0, Z.useState)(() => S ?? null);
+		k
+	]), Ae = (0, Z.useMemo)(() => Le("sxl-defaults", `.${r}`), [r]), Me = Fe(), [Ne, Pe] = (0, Z.useState)(() => S ?? null);
 	(0, Z.useEffect)(() => {
 		Pe(S ?? null);
 	}, [S]);
-	let [Ie, Le] = (0, Z.useState)(0), ze = (0, Z.useRef)(null);
+	let [Ie, Re] = (0, Z.useState)(0), ze = (0, Z.useRef)(null);
 	ze.current ||= Wo();
-	let Be = Ce(Ne, {
-		io: W,
-		defaultTheme: Ae.getDefaultTheme(),
+	let Be = De(Ne, {
+		io: K,
+		defaultTheme: Me.getDefaultTheme(),
 		reloadKey: Ie
-	}), Ve = Be.status === "loaded" ? Be.workbook : null, G = (0, Z.useMemo)(() => Be.status === "error" ? {
+	}), He = Be.status === "loaded" ? Be.workbook : null, W = (0, Z.useMemo)(() => Be.status === "error" ? {
 		status: "error",
 		error: Be.error
 	} : Be.status === "loaded" ? {
@@ -5546,14 +5547,14 @@ var Wo = () => {
 	(0, Z.useEffect)(() => {
 		ze.current.settled && (ze.current = Wo());
 	}, [Ne, Ie]), (0, Z.useEffect)(() => {
-		G.status === "loaded" ? ze.current.resolve(G.workbook) : G.status === "error" && (ge?.(G.error), ze.current.reject(G.error));
-	}, [G]);
-	let [K, Ke] = (0, Z.useState)(null);
-	Ve && !K && Ke(Ve);
-	let qe = Ve && K && Ve !== K ? Ve : null, Ye = (0, Z.useRef)(qe);
-	Ye.current = qe;
-	let Xe = (0, Z.useRef)(K);
-	Xe.current = K;
+		W.status === "loaded" ? ze.current.resolve(W.workbook) : W.status === "error" && (ge?.(W.error), ze.current.reject(W.error));
+	}, [W]);
+	let [G, Ue] = (0, Z.useState)(null);
+	He && !G && Ue(He);
+	let We = He && G && He !== G ? He : null, Ge = (0, Z.useRef)(We);
+	Ge.current = We;
+	let Xe = (0, Z.useRef)(G);
+	Xe.current = G;
 	let Ze = (0, Z.useRef)([]), Qe = (0, Z.useCallback)((e) => {
 		let t = Xe.current;
 		t && Ze.current.push(t), Pe(e);
@@ -5561,44 +5562,44 @@ var Wo = () => {
 	(0, Z.useEffect)(() => {
 		let e = Ze.current;
 		if (e.length !== 0) {
-			Ze.current = e.filter((e) => e === K);
+			Ze.current = e.filter((e) => e === G);
 			for (let t = 0; t < e.length; t++) {
 				let n = e[t];
-				if (n !== K) try {
+				if (n !== G) try {
 					n.close();
 				} catch (e) {
 					console.warn("Unable to close the replaced workbook", e);
 				}
 			}
 		}
-	}, [K]);
-	let $e = I ? null : K, tt = je(), nt = (0, Z.useMemo)(() => $e ? be($e.getSelectedSheet(), { referenceMode: tt }) : null, [$e, tt]), q = I ?? nt, rt = (0, Z.useRef)(q);
+	}, [G]);
+	let $e = F ? null : G, tt = Ve(), nt = (0, Z.useMemo)(() => $e ? qe($e.getSelectedSheet(), { referenceMode: tt }) : null, [$e, tt]), q = F ?? nt, rt = (0, Z.useRef)(q);
 	rt.current = q, (0, Z.useEffect)(() => {
 		if (!q) return;
 		let e = q.getSession();
 		return q.subscribe(() => {
 			let t = e;
-			e = q.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && me.current?.contains?.(document.activeElement) && B.current?.focus();
+			e = q.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && B.current?.contains?.(document.activeElement) && z.current?.focus();
 		});
 	}, [q]);
-	let it = Te(K), { isDirty: ot, saveState: st } = De(K, W), ct = Je(K), lt = (0, Z.useRef)(st), ut = (0, Z.useRef)(null);
+	let it = ke(G), { isDirty: ot, saveState: st } = Ee(G, K), ct = Ce(G), lt = (0, Z.useRef)(st), ut = (0, Z.useRef)(null);
 	lt.current = st;
-	let dt = (0, Z.useCallback)(() => lt.current?.isDirty() ?? !1, []), ft = (0, Z.useRef)(G);
-	ft.current = G;
-	let [mt, ht] = (0, Z.useState)(null), gt = j ?? N?.title, [_t, vt] = (0, Z.useState)(null);
+	let dt = (0, Z.useCallback)(() => lt.current?.isDirty() ?? !1, []), ft = (0, Z.useRef)(W);
+	ft.current = W;
+	let [mt, ht] = (0, Z.useState)(null), gt = ne ?? M?.title, [_t, vt] = (0, Z.useState)(null);
 	(0, Z.useEffect)(() => {
 		vt(null);
-	}, [K]);
+	}, [G]);
 	let yt = gt ?? _t ?? it ?? "";
 	(0, Z.useEffect)(() => {
 		_e?.(ot);
 	}, [ot]);
 	let bt = E(w ?? (() => {}), [w]);
 	(0, Z.useEffect)(() => {
-		bt?.(Ve);
-	}, [Ve]);
-	let xt = (0, Z.useRef)(Ve);
-	xt.current = Ve, Ue(K, "onViewChange");
+		bt?.(He);
+	}, [He]);
+	let xt = (0, Z.useRef)(He);
+	xt.current = He, Te(G, "onViewChange");
 	let St = (0, Z.useMemo)(() => (0, Q.jsx)(xn, {
 		groupKey: "helpOptions",
 		disableHover: !0,
@@ -5612,60 +5613,60 @@ var Wo = () => {
 			console.warn("Icons could not be loaded:", e);
 		});
 	}, []);
-	let Et = (0, Z.useRef)(null);
-	Et.current ||= Wo();
-	let Dt = (0, Z.useRef)(null), Ot = (0, Z.useCallback)(() => Dt.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? Et.current.promise, []), kt = E(async (e) => {
-		let t = ye.current;
-		t && t !== i.getActive() && await i.setActive(t), await y.DefaultCommandCatalogService.prefetch(t ?? void 0), ht(e), Dt.current = e.source, Et.current.settled || Et.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), l?.(e);
-	}, []), Y = (0, Z.useRef)(null), At = (0, Z.useCallback)((e) => {
+	let Tt = (0, Z.useRef)(null);
+	Tt.current ||= Wo();
+	let Et = (0, Z.useRef)(null), Dt = (0, Z.useCallback)(() => Et.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? Tt.current.promise, []), Ot = E(async (e) => {
+		let t = H.current;
+		t && t !== i.getActive() && await i.setActive(t), await y.DefaultCommandCatalogService.prefetch(t ?? void 0), ht(e), Et.current = e.source, Tt.current.settled || Tt.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), l?.(e);
+	}, []), kt = (0, Z.useRef)(null), jt = (0, Z.useCallback)((e) => {
 		let t = null, n = {
 			readOnly: !0,
-			...N
+			...M
 		};
-		return N?.hidden || (t = (0, Q.jsx)(Ut, {
+		return M?.hidden || (t = (0, Q.jsx)(Lt, {
 			...n,
 			style: {
 				maxWidth: "100%",
-				...N?.style
+				...M?.style
 			},
-			workbook: e.workbook ?? B.current,
-			ref: Y,
+			workbook: e.workbook ?? z.current,
+			ref: kt,
 			title: yt,
 			modified: ot,
 			encrypted: ct,
 			placeHolder: ve,
 			onTitleChange: (e) => {
-				vt(e), N?.onTitleChange?.(e);
+				vt(e), M?.onTitleChange?.(e);
 			}
 		})), (0, Q.jsx)(fo, {
 			...e,
 			logo: T,
 			mainElement: t,
 			startElement: D,
-			endElement: te
+			endElement: O
 		});
 	}, [
 		T,
 		yt,
 		ot,
 		ct,
-		N,
+		M,
 		D,
-		te
+		O
 	]);
 	(0, Z.useEffect)(() => {
-		let e = B.current;
+		let e = z.current;
 		if (!e) return;
 		let t = (e) => e.preventDefault();
 		return e.addEventListener("wheel", t, { passive: !1 }), () => {
 			e.removeEventListener("wheel", t);
 		};
 	}, [mt]);
-	let [jt, Mt] = (0, Z.useState)(null);
+	let [Mt, Y] = (0, Z.useState)(null);
 	(0, Z.useEffect)(() => {
-		Mt(mt?.source?.getCommandScope?.() ?? null);
+		Y(mt?.source?.getCommandScope?.() ?? null);
 	}, [mt]);
-	let Pt = (0, Z.useMemo)(() => ({
+	let Nt = (0, Z.useMemo)(() => ({
 		"& .SnackbarContainer-root": { position: "absolute !important" },
 		"& .notistack-SnackbarContainer > div": { maxWidth: "min(100%, 720px)" },
 		"& .notistack-Snackbar": { minWidth: "unset" },
@@ -5678,55 +5679,55 @@ var Wo = () => {
 			whiteSpace: "pre-wrap"
 		},
 		"*": { userSelect: "none" }
-	}), []), [Ft, It] = (0, Z.useState)(null), [, Rt] = g(null, !1);
+	}), []), [Pt, Ft] = (0, Z.useState)(null), [, It] = g(null, !1);
 	(0, Z.useEffect)(() => {
-		Rt(Ft != null);
-	}, [Ft, Rt]);
-	let zt = (0, Z.useCallback)((e) => v({
-		model: K,
+		It(Pt != null);
+	}, [Pt, It]);
+	let Rt = (0, Z.useCallback)((e) => v({
+		model: G,
 		side: b,
 		...e,
 		...p
 	}), [
-		K,
+		G,
 		b,
 		p
-	]), Bt = (0, Z.useRef)(n);
-	Bt.current = n, oe(t, () => ({
+	]), zt = (0, Z.useRef)(n);
+	zt.current = n, se(t, () => ({
 		isStudioElement: () => !0,
 		save: (e) => {
 			let t = ut.current;
 			return t ? t(e) : Promise.reject(Error("The studio cannot save: no workbook, or the backing store cannot write."));
 		},
-		getWorkbookElement: () => B.current,
+		getWorkbookElement: () => z.current,
 		getWorkbook: () => xt.current ?? null,
 		isDirty: () => lt.current?.isDirty() ?? !1,
 		getEditable: () => rt.current,
-		getFormulaBarElement: () => me.current ?? null,
-		focus: () => B.current?.focus(),
+		getFormulaBarElement: () => B.current ?? null,
+		focus: () => z.current?.focus(),
 		whenReady: () => (ze.current ||= Wo(), ze.current.promise),
 		getWorkbookState: () => ft.current,
-		retry: () => Le((e) => e + 1)
+		retry: () => Re((e) => e + 1)
 	}), [], n);
-	let Vt = (0, Z.useRef)(!1), Ht = E((e, t) => {
-		t === Ye.current && requestAnimationFrame(() => requestAnimationFrame(() => {
-			t === Ye.current && (Vt.current = Bt.current?.contains(document.activeElement) ?? !0, Ke(t), kt(e));
+	let Bt = (0, Z.useRef)(!1), Ut = E((e, t) => {
+		t === Ge.current && requestAnimationFrame(() => requestAnimationFrame(() => {
+			t === Ge.current && (Bt.current = zt.current?.contains(document.activeElement) ?? !0, Ue(t), Ot(e));
 		}));
 	}, []);
 	(0, Z.useEffect)(() => {
-		Vt.current && (Vt.current = !1, B.current?.focus());
-	}, [K]);
+		Bt.current && (Bt.current = !1, z.current?.focus());
+	}, [G]);
 	let Wt = (0, Z.useCallback)(() => (0, Q.jsx)(Q.Fragment, {}), []), Gt = (0, Z.useCallback)((e) => {
-		let { ref: t, ...n } = e, r = Ee ? we.dark : we.light, i = G.status === "error" ? d({
+		let { ref: t, ...n } = e, r = we ? U.dark : U.light, i = W.status === "error" ? d({
 			...f,
 			style: {
 				width: "100%",
 				height: "100%",
 				...f?.style
 			},
-			error: G.error
+			error: W.error
 		}) : null;
-		if (i && !K) return (0, Q.jsx)(at, {
+		if (i && !G) return (0, Q.jsx)(at, {
 			style: {
 				width: "100%",
 				height: "100%",
@@ -5738,12 +5739,12 @@ var Wo = () => {
 			children: i
 		});
 		let o = null;
-		if (K) {
-			let e = K, i = e.getView(), a = se ?? i?.isShowFormulaBar(), s = L ?? i?.isShowStatusBar(), c = mt?.source ?? B.current, l = (fe ?? At)({
+		if (G) {
+			let e = G, i = e.getView(), a = ce ?? i?.isShowFormulaBar(), s = I ?? i?.isShowStatusBar(), c = mt?.source ?? z.current, l = (pe ?? jt)({
 				workbook: c,
-				...de
-			}), u = a ? (le ?? qt)({
-				ref: me,
+				...fe
+			}), u = a ? (ue ?? Qt)({
+				ref: B,
 				style: {
 					marginTop: r.spacing(.25),
 					marginLeft: r.spacing(1),
@@ -5752,37 +5753,37 @@ var Wo = () => {
 				},
 				workbook: e,
 				editable: q ?? void 0,
-				...ce,
+				...le,
 				propsNamedCollectionEditor: {
 					restoreFocus: (e) => c?.focus(e),
-					...ce?.propsNamedCollectionEditor
+					...le?.propsNamedCollectionEditor
 				}
-			}) : null, d = s ? (z ?? on)({
+			}) : null, d = s ? (R ?? At)({
 				childrenEnd: St,
-				...R
-			}) : null, f = (e, r) => (0, Q.jsx)(Lt, {
-				...P,
+				...L
+			}) : null, f = (e, r) => (0, Q.jsx)(gn, {
+				...N,
 				tabIndex: 0,
-				autoFocus: !r && A,
+				autoFocus: !r && j,
 				workbook: e,
 				editable: r ? void 0 : q ?? void 0,
 				focusNameBox: r ? void 0 : he,
-				ref: r ? pe : Yt([t, B]),
-				onWorkbookLoad: r ? (t) => Ht(t, e) : kt,
+				ref: r ? me : hn([t, z]),
+				onWorkbookLoad: r ? (t) => Ut(t, e) : Ot,
 				onKeyDown: (e) => {
 					x?.(e);
 				},
-				propsWorkbookLoading: ae,
+				propsWorkbookLoading: oe,
 				renderWorkbookLoading: Wt,
 				style: r ? {
-					...P?.style,
+					...N?.style,
 					position: "absolute",
 					inset: 0,
 					visibility: "hidden"
 				} : {
 					flex: "1 1 100%",
 					minHeight: 0,
-					...P?.style
+					...N?.style
 				},
 				onContextMenu: (e) => e.preventDefault(),
 				...r ? null : n
@@ -5794,7 +5795,7 @@ var Wo = () => {
 					flex: "1 1 100%",
 					minWidth: 0,
 					minHeight: 0,
-					...Fe({
+					...Ke({
 						window: r.palette.background.default,
 						windowText: r.palette.text.primary
 					})
@@ -5805,9 +5806,9 @@ var Wo = () => {
 					(0, Q.jsx)(ko, {
 						taskSide: b,
 						persistKey: "taskPanePosition",
-						sidebarElement: Ft ? (0, Q.jsx)(y.CommandScopeProvider, {
-							scope: jt,
-							children: Ft
+						sidebarElement: Pt ? (0, Q.jsx)(y.CommandScopeProvider, {
+							scope: Mt,
+							children: Pt
 						}) : void 0,
 						mainElement: (0, Q.jsxs)("div", {
 							style: {
@@ -5818,7 +5819,7 @@ var Wo = () => {
 								minWidth: 0,
 								minHeight: 0
 							},
-							children: [[f(K, !1), qe ? f(qe, !0) : null], (0, Q.jsx)(F, {
+							children: [[f(G, !1), We ? f(We, !0) : null], (0, Q.jsx)(P, {
 								ref: wt,
 								sx: {
 									position: "absolute",
@@ -5836,9 +5837,9 @@ var Wo = () => {
 				]
 			});
 		}
-		let l = mt ? null : ie({ ...ae });
+		let l = mt ? null : ae({ ...oe });
 		return (0, Q.jsxs)(at, {
-			sx: Pt,
+			sx: Nt,
 			style: {
 				width: "100%",
 				height: "100%",
@@ -5871,44 +5872,44 @@ var Wo = () => {
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "center",
-						background: `var(--sxl-color-base-100, ${Ee ? "#121212" : "#fff"})`
+						background: `var(--sxl-color-base-100, ${we ? "#121212" : "#fff"})`
 					},
 					children: l
 				}) : null
 			]
 		});
 	}, [
+		W,
 		G,
-		K,
-		qe,
+		We,
 		mt,
 		yt,
-		ie,
 		ae,
+		oe,
 		Wt,
-		P,
+		N,
 		a,
 		s,
 		c,
 		St,
 		d,
 		f,
-		At,
+		jt,
+		Nt,
 		Pt,
-		Ft,
 		b,
-		jt,
-		se,
+		Mt,
 		ce,
 		le,
+		ue,
 		q,
+		I,
 		L,
 		R,
-		z,
-		de,
 		fe,
-		we,
-		Ee
+		pe,
+		U,
+		we
 	]), Kt = (0, Q.jsx)(oo, {
 		maxSnack: 3,
 		domRoot: J ?? void 0,
@@ -5918,7 +5919,7 @@ var Wo = () => {
 		},
 		autoHideDuration: 3500,
 		onClose: (e, t, n) => {
-			B.current?.focus();
+			z.current?.focus();
 		},
 		Components: { error: lo },
 		iconVariant: {
@@ -5931,21 +5932,21 @@ var Wo = () => {
 				style: { marginRight: "8px" }
 			})
 		},
-		children: (0, Q.jsx)(Se, {
-			workbook: K,
-			children: (0, Q.jsx)(Ge, {
-				renderArea: zt,
+		children: (0, Q.jsx)(Je, {
+			workbook: G,
+			children: (0, Q.jsx)(je, {
+				renderArea: Rt,
 				onUpdateArea: (e) => {
-					It(e);
+					Ft(e);
 				},
 				children: (0, Q.jsx)(In, { children: (0, Q.jsx)(So, { children: (0, Q.jsx)(re, { children: (0, Q.jsx)(C, { children: (0, Q.jsx)(yo, {
-					workbook: K,
-					initialCommandAnchor: Ot,
+					workbook: G,
+					initialCommandAnchor: Dt,
 					renderWorkbook: Gt,
 					setWorkbook: Qe,
 					titleWorkbook: yt,
 					setWorkbookTitle: vt,
-					refDocumentTitle: Y,
+					refDocumentTitle: kt,
 					isDirty: dt,
 					refSave: ut,
 					host: n
@@ -5954,15 +5955,15 @@ var Wo = () => {
 		})
 	});
 	return Kt = (0, Q.jsxs)(ar, {
-		theme: Ee ? we.dark : we.light,
+		theme: we ? U.dark : U.light,
 		children: [
-			k ? (0, Q.jsx)(xr, {}) : null,
+			A ? (0, Q.jsx)(xr, {}) : null,
 			(0, Q.jsx)("style", { children: Oe }),
-			(0, Q.jsx)("style", { children: ke }),
+			(0, Q.jsx)("style", { children: Ae }),
 			(0, Q.jsx)(Sn, {
 				themeScopeClass: r,
 				themeSurface: "app",
-				themeMode: H,
+				themeMode: V,
 				children: Kt
 			})
 		]