@sheetxl/studio-vanilla 0.8.0-beta.2 → 0.8.0-beta.4

package/cdn/assets/{ByHzW_x0qXsBJMwv2.js → DhJUo9PMmo1COlmU2.js}

@@ -1,29 +1,29 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.2
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
 *
 * (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 "./nBZATD4yR1W5D4Fi.js";
-import { t } from "./DoBxkE57H5PfH7Or.js";
-import { t as n } from "./BsGz_0JrhSfOZ24Q.js";
-import { t as r } from "./C3KIo0iwLXhIIMG8.js";
-import { C as i, G as a, O as o, R as s, U as c, W as l, c as u, g as d, s as f, y as p } from "./DuijhgjRhgWB9sCY2.js";
-import { i as m, t as h } from "./B50P0gSziuG68Umu2.js";
-import { E as g, It as _, V as v, an as y, b, i as x, ot as S, rn as C, tt as w, z as T } from "./BsHFBjNwTzc_CKLq2.js";
-import { r as E, t as D } from "./I2Cn0c2NkX845WIx.js";
-import { Bt as ee, Ft as te, Ht as ne, I as O, It as k, Kt as re, Nt as ie, Ot as A, Rt as ae, U as oe, Vt as se, W as ce, Wt as le, Xt as ue, _ as de, bt as j, c as fe, en as M, et as pe, gt as N, h as P, i as me, jt as F, k as he, m as ge, n as _e, p as ve, q as ye, rt as be, s as xe, t as I, tt as Se, y as Ce } from "./UNtnFd2ssTtnrqRp.js";
-import { $ as we, D as Te, F as Ee, I as De, L as Oe, N as L, S as ke, St as Ae, V as je, _t as Me, bt as Ne, ct as Pe, f as Fe, lt as Ie, s as Le, st as R, t as Re, ut as z, vt as B, wt as V, yt as H } from "./CWOPhBfYI6R0kz-p.js";
-import { A as ze, T as Be, _ as U, i as Ve, k as He, m as Ue, r as We, t as W } from "./CqI09iUEId8rHfJ9.js";
-import { Bn as Ge, Cn as G, Et as Ke, Fn as qe, I as Je, In as Ye, It as Xe, J as Ze, Jt as Qe, Ln as $e, Lt as et, Nn as tt, On as nt, Rn as rt, Rt as it, S as at, Ut as ot, V as st, W as ct, X as lt, _t as ut, a as K, cn as dt, dn as ft, dt as pt, et as mt, gn as ht, h as gt, hn as _t, it as vt, j as yt, n as bt, o as xt, qt as St, r as Ct, ut as wt, vn as Tt, w as Et, wt as Dt, x as Ot, xt as kt, yn as At, zn as jt } from "./B_sKE05xgjFFafjm.js";
-import { n as Mt, t as Nt } from "./CP0M0z_IaCwCMGNS.js";
-import { n as Pt, t as q } from "./DI4QTfUQPCjSn0kl.js";
-import { D as Ft, N as It, R as Lt, S as Rt, T as zt, c as Bt, f as Vt, g as Ht, h as Ut, i as Wt, l as Gt, m as Kt, o as qt, s as Jt, t as Yt, u as Xt } from "./CDijenaMI_dBIGU-.js";
-import { t as J } from "./C2X9NooB33IkSomz.js";
-import { a as Zt, i as Qt } from "./BKouftCLbhExXXXU.js";
-import { B as $t, C as en, E as tn, F as nn, P as rn, Q as an, R as on, S as sn, T as cn, Tt as ln, U as un, X as dn, _ as fn, c as pn, ct as mn, dt as hn, et as gn, f as _n, g as vn, ht as yn, k as bn, l as xn, mt as Sn, n as Cn, nt as wn, ot as Tn, p as En, pt as Dn, r as On, rt as kn, st as Y, v as An, vt as jn, x as Mn, y as Nn, yt as Pn } from "./CCTYceFrydwG3Vyt2.js";
-import { t as Fn } from "./B0FNPu0uhX_WW-aJ2.js";
-import { t as In } from "./BTB79KyzSZf-h-lm2.js";
+import { r as e } from "./7XkdeYBragcPQQS0.js";
+import { t } from "./TA52Zf5ZMCu6I721.js";
+import { t as n } from "./DW_9fxHbJWAA6hS7.js";
+import { t as r } from "./RnavifpmQlGK2gal.js";
+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 "./C62Y8jSQuT2_lqUs2.js";
+import { i as m, t as h } from "./DsGBg42mflMr5nWn2.js";
+import { B as g, S as _, Xt as v, _ as y, ct as b, d as x, it as S, l as C, r as w, sn as T } from "./D6g5-9e1xAhCBLKs2.js";
+import { a as E, t as D } from "./BZpQlzDFTqlBTj8r.js";
+import { r as O, t as ee } from "./POvNgF4k1Kibh6Db.js";
+import { $t as te, Bt as k, Ft as A, Gt as j, Ht as ne, I as re, Jt as M, Ot as N, St as ie, Tt as ae, Wt as oe, X as P, Y as se, Zt as ce, _ as le, c as ue, gt as de, h as F, i as fe, k as pe, m as I, mt as L, n as me, ot as he, p as ge, rn as _e, rt as ve, s as ye, st as be, t as R, tt as xe, y as Se, zt as Ce } from "./CdP9qTlDd3C1oYJE.js";
+import { $ as we, A as Te, C as Ee, D as De, E as Oe, F as ke, I as Ae, S as je, V as Me, W as Ne, Z as Pe, _ as Fe, b as Ie, bt as Le, ct as z, ft as Re, gt as ze, ht as Be, i as Ve, it as He, l as Ue, lt as B, m as We, mt as Ge, p as V, r as H, rt as Ke, st as U, t as qe, tt as Je, u as Ye, v as Xe, w as Ze, y as Qe, yt as $e, z as et } from "./Cr34xFdpfmYj3XVX.js";
+import { $ as tt, D as nt, F as rt, I as it, L as W, N as G, S as at, St as ot, V as st, _t as ct, bt as lt, ct as ut, f as dt, lt as ft, s as pt, st as K, t as mt, ut as ht, vt as gt, wt as _t, yt as vt } from "./C2-SeODnwo_GR5pz.js";
+import { A as yt, T as bt, _ as q, i as xt, k as St, m as Ct, r as wt, t as J } from "./DilLxTePPshHHpSq.js";
+import { Bn as Tt, Cn as Et, Et as Dt, Fn as Ot, I as kt, In as At, It as jt, J as Mt, Jt as Nt, Ln as Pt, Lt as Ft, Nn as It, On as Lt, Rn as Rt, Rt as zt, S as Bt, Ut as Vt, V as Ht, W as Ut, X as Wt, _t as Gt, a as Kt, cn as qt, dn as Jt, dt as Yt, et as Xt, gn as Zt, h as Qt, hn as $t, it as en, j as tn, n as nn, o as rn, qt as an, r as on, ut as sn, vn as cn, w as ln, wt as un, x as dn, xt as fn, yn as pn, zn as mn } from "./CU-pICtgXW5Kn0sP.js";
+import { n as hn, t as gn } from "./BXV_vaLwr-mEvH-k.js";
+import { n as _n, t as vn } from "./kgHG0ixsMXmNdu8U.js";
+import { D as yn, N as bn, R as xn, S as Sn, T as Cn, c as wn, f as Tn, g as En, h as Dn, i as On, l as kn, m as An, o as jn, s as Mn, t as Nn, u as Pn } from "./C5JHyXmpBXqT829C.js";
+import { t as Y } from "./Doj9y5S2cMVRtP1D.js";
+import { t as Fn } from "./BfZiZa7P8RpKrStu2.js";
+import { t as In } from "./BLKL_d2AFcnL6fbw2.js";
 var X = e(t(), 1), Ln = X.createContext(null);
 function Rn() {
 	return X.useContext(Ln);
@@ -70,9 +70,9 @@ function Hn(e, t, n, r = !1) {
 	]);
 }
 function Un(e) {
-	let { children: t, theme: n, themeId: r } = e, i = de(Vn), a = Rn() || Vn, o = Hn(r, i, n), s = Hn(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
-		let t = de(), n = B() || "", { 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};` : "", Ae(() => {
+	let { children: t, theme: n, themeId: r } = e, i = le(Vn), a = Rn() || Vn, o = Hn(r, i, n), s = Hn(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
+		let t = le(), n = gt() || "", { 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};` : "", ot(() => {
 			let e = document.querySelector("head");
 			if (!e) return;
 			let t = e.firstChild;
@@ -81,15 +81,15 @@ function Un(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, Z.jsx)(He, { styles: i }) : null;
+		}, [i, n]), i ? (0, Z.jsx)(St, { styles: i }) : null;
 	}(o);
 	return (0, Z.jsx)(Bn, {
 		theme: s,
-		children: (0, Z.jsx)(he.Provider, {
+		children: (0, Z.jsx)(pe.Provider, {
 			value: o,
-			children: (0, Z.jsx)(Ne, {
+			children: (0, Z.jsx)(lt, {
 				value: c,
-				children: (0, Z.jsxs)(H, {
+				children: (0, Z.jsxs)(vt, {
 					value: r ? o[r].components : o.components,
 					children: [l, t]
 				})
@@ -251,9 +251,9 @@ function Qn(e) {
 	};
 }
 function $n(e) {
-	return ge("MuiToggleButton", e);
+	return I("MuiToggleButton", e);
 }
-var er = ve("MuiToggleButton", [
+var er = ge("MuiToggleButton", [
 	"root",
 	"disabled",
 	"selected",
@@ -266,10 +266,10 @@ var er = ve("MuiToggleButton", [
 	"fullWidth"
 ]);
 function tr({ theme: e, ...t }) {
-	let n = "$$material" in e ? e[O] : void 0;
+	let n = "$$material" in e ? e[re] : void 0;
 	return (0, Z.jsx)(Un, {
 		...t,
-		themeId: n ? O : void 0,
+		themeId: n ? re : void 0,
 		theme: n || e
 	});
 }
@@ -286,30 +286,30 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 	}, l = X.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 = X.useRef(!1), E = Rn(), D = X.useContext(l), ee = !!D && !b, te = X.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), ne = te[t], O = ne || te, { colorSchemes: k = u, components: re = d, cssVarPrefix: ie } = O, A = Object.keys(k).filter((e) => !!k[e]).join(","), ae = X.useMemo(() => A.split(","), [A]), oe = typeof o == "string" ? o : o.light, se = typeof o == "string" ? o : o.dark, { mode: ce, setMode: le, systemMode: ue, lightColorScheme: de, darkColorScheme: j, colorScheme: fe, setColorScheme: M } = Qn({
-				supportedColorSchemes: ae,
-				defaultLightColorScheme: oe,
-				defaultDarkColorScheme: se,
+			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 = X.useRef(!1), E = Rn(), D = X.useContext(l), O = !!D && !b, ee = X.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), te = ee[t], k = te || ee, { colorSchemes: A = u, components: j = d, cssVarPrefix: ne } = k, re = Object.keys(A).filter((e) => !!A[e]).join(","), M = X.useMemo(() => re.split(","), [re]), N = typeof o == "string" ? o : o.light, ie = typeof o == "string" ? o : o.dark, { mode: ae, setMode: oe, systemMode: P, lightColorScheme: se, darkColorScheme: ce, colorScheme: le, setColorScheme: ue } = Qn({
+				supportedColorSchemes: M,
+				defaultLightColorScheme: N,
+				defaultDarkColorScheme: ie,
 				modeStorageKey: p,
 				colorSchemeStorageKey: m,
-				defaultMode: k[oe] && k[se] ? S : k[O.defaultColorScheme]?.palette?.mode || O.palette?.mode,
+				defaultMode: A[N] && A[ie] ? S : A[k.defaultColorScheme]?.palette?.mode || k.palette?.mode,
 				storageManager: g,
 				storageWindow: _,
 				noSsr: w
-			}), pe = ce, N = fe;
-			ee && (pe = D.mode, N = D.colorScheme);
-			let P = N || O.defaultColorScheme;
-			O.vars && !C && (P = O.defaultColorScheme);
-			let me = X.useMemo(() => {
-				let e = O.generateThemeVars?.() || O.vars, t = {
-					...O,
-					components: re,
-					colorSchemes: k,
-					cssVarPrefix: ie,
+			}), de = ae, F = le;
+			O && (de = D.mode, F = D.colorScheme);
+			let fe = F || k.defaultColorScheme;
+			k.vars && !C && (fe = k.defaultColorScheme);
+			let pe = X.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()), P) {
-					let e = k[P];
+				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), fe) {
+					let e = A[fe];
 					e && typeof e == "object" && Object.keys(e).forEach((n) => {
 						e[n] && typeof e[n] == "object" ? t[n] = {
 							...t[n],
@@ -319,31 +319,31 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 				}
 				return s ? s(t) : t;
 			}, [
-				O,
-				P,
-				re,
 				k,
-				ie
-			]), F = O.colorSchemeSelector;
-			Ae(() => {
-				if (N && y && F && F !== "media") {
-					let e = F, t = F;
-					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...ae.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", N));
+				fe,
+				j,
+				A,
+				ne
+			]), I = k.colorSchemeSelector;
+			ot(() => {
+				if (F && y && I && I !== "media") {
+					let e = I, t = I;
+					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", F));
 					else {
-						let e = t.replace("%s", N).match(/\[([^\]]+)\]/);
+						let e = t.replace("%s", F).match(/\[([^\]]+)\]/);
 						if (e) {
 							let [t, n] = e[1].split("=");
-							n || ae.forEach((e) => {
-								y.removeAttribute(t.replace(N, e));
+							n || M.forEach((e) => {
+								y.removeAttribute(t.replace(F, e));
 							}), y.setAttribute(t, n ? n.replace(/"|'/g, "") : "");
-						} else y.setAttribute(t, N);
+						} else y.setAttribute(t, F);
 					}
 				}
 			}, [
-				N,
 				F,
+				I,
 				y,
-				ae
+				M
 			]), X.useEffect(() => {
 				let e;
 				if (h && T.current && v) {
@@ -356,41 +356,41 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 					clearTimeout(e);
 				};
 			}, [
-				N,
+				F,
 				h,
 				v
 			]), X.useEffect(() => (T.current = !0, () => {
 				T.current = !1;
 			}), []);
-			let he = X.useMemo(() => ({
-				allColorSchemes: ae,
-				colorScheme: N,
-				darkColorScheme: j,
-				lightColorScheme: de,
-				mode: pe,
-				setColorScheme: M,
-				setMode: le,
-				systemMode: ue
+			let L = X.useMemo(() => ({
+				allColorSchemes: M,
+				colorScheme: F,
+				darkColorScheme: ce,
+				lightColorScheme: se,
+				mode: de,
+				setColorScheme: ue,
+				setMode: oe,
+				systemMode: P
 			}), [
-				ae,
-				N,
-				j,
-				de,
-				pe,
 				M,
-				le,
+				F,
+				ce,
+				se,
+				de,
 				ue,
-				me.colorSchemeSelector
-			]), ge = !0;
-			(x || !1 === O.cssVariables || ee && E?.cssVarPrefix === ie) && (ge = !1);
-			let _e = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(Un, {
-				themeId: ne ? t : void 0,
-				theme: me,
+				oe,
+				P,
+				pe.colorSchemeSelector
+			]), me = !0;
+			(x || !1 === k.cssVariables || O && E?.cssVarPrefix === ne) && (me = !1);
+			let he = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(Un, {
+				themeId: te ? t : void 0,
+				theme: pe,
 				children: c
-			}), ge && (0, Z.jsx)(ze, { styles: me.generateStyleSheets?.() || [] })] });
-			return ee ? _e : (0, Z.jsx)(l.Provider, {
-				value: he,
-				children: _e
+			}), me && (0, Z.jsx)(yt, { styles: pe.generateStyleSheets?.() || [] })] });
+			return O ? he : (0, Z.jsx)(l.Provider, {
+				value: L,
+				children: he
 			});
 		},
 		useColorScheme: () => X.useContext(l) || c,
@@ -419,8 +419,8 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 		})
 	};
 }({
-	themeId: O,
-	theme: () => me({ cssVariables: !0 }),
+	themeId: re,
+	theme: () => fe({ cssVariables: !0 }),
 	colorSchemeStorageKey: "mui-color-scheme",
 	modeStorageKey: "mui-mode",
 	defaultColorScheme: {
@@ -430,10 +430,10 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 	resolveTheme: (e) => {
 		let t = {
 			...e,
-			typography: xe(e.palette, e.typography)
+			typography: ye(e.palette, e.typography)
 		};
 		return t.unstable_sx = function(e) {
-			return Ce({
+			return Se({
 				sx: e,
 				theme: this
 			});
@@ -443,7 +443,7 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 function or({ theme: e, ...t }) {
 	let n = X.useMemo(() => {
 		if (typeof e == "function") return e;
-		let t = "$$material" in e ? e[O] : e;
+		let t = "$$material" in e ? e[re] : e;
 		return "colorSchemes" in t ? null : "vars" in t ? e : {
 			...e,
 			vars: null
@@ -458,9 +458,9 @@ function or({ theme: e, ...t }) {
 	});
 }
 function sr(e) {
-	return ge("MuiListSubheader", e);
+	return I("MuiListSubheader", e);
 }
-ve("MuiListSubheader", [
+ge("MuiListSubheader", [
 	"root",
 	"colorPrimary",
 	"colorInherit",
@@ -468,20 +468,20 @@ ve("MuiListSubheader", [
 	"inset",
 	"sticky"
 ]);
-var cr = z("li", {
+var cr = ht("li", {
 	name: "MuiListSubheader",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.color !== "default" && t[`color${R(n.color)}`],
+			n.color !== "default" && t[`color${K(n.color)}`],
 			!n.disableGutters && t.gutters,
 			n.inset && t.inset,
 			!n.disableSticky && t.sticky
 		];
 	}
-})(Ie(({ theme: e }) => ({
+})(ft(({ theme: e }) => ({
 	boxSizing: "border-box",
 	lineHeight: "48px",
 	listStyle: "none",
@@ -520,7 +520,7 @@ var cr = z("li", {
 		}
 	]
 }))), lr = X.forwardRef(function(e, t) {
-	let n = Pe({
+	let n = ut({
 		props: e,
 		name: "MuiListSubheader"
 	}), { className: r, color: i = "default", component: a = "li", disableGutters: o = !1, disableSticky: s = !1, inset: c = !1, ...l } = n, u = {
@@ -532,9 +532,9 @@ var cr = z("li", {
 		inset: c
 	}, d = ((e) => {
 		let { classes: t, color: n, disableGutters: r, inset: i, disableSticky: a } = e;
-		return Me({ root: [
+		return ct({ root: [
 			"root",
-			n !== "default" && `color${R(n)}`,
+			n !== "default" && `color${K(n)}`,
 			!r && "gutters",
 			i && "inset",
 			!a && "sticky"
@@ -542,21 +542,21 @@ var cr = z("li", {
 	})(u);
 	return (0, Z.jsx)(cr, {
 		as: a,
-		className: P(d.root, r),
+		className: F(d.root, r),
 		ref: t,
 		ownerState: u,
 		...l
 	});
 });
 function ur(e) {
-	return ge("MuiCard", e);
+	return I("MuiCard", e);
 }
-ve("MuiCard", ["root"]);
-var dr = z(je, {
+ge("MuiCard", ["root"]);
+var dr = ht(st, {
 	name: "MuiCard",
 	slot: "Root"
 })({ overflow: "hidden" }), fr = X.forwardRef(function(e, t) {
-	let n = Pe({
+	let n = ut({
 		props: e,
 		name: "MuiCard"
 	}), { className: r, raised: i = !1, ...a } = n, o = {
@@ -564,10 +564,10 @@ var dr = z(je, {
 		raised: i
 	}, s = ((e) => {
 		let { classes: t } = e;
-		return Me({ root: ["root"] }, ur, t);
+		return ct({ root: ["root"] }, ur, t);
 	})(o);
 	return (0, Z.jsx)(dr, {
-		className: P(s.root, r),
+		className: F(s.root, r),
 		elevation: i ? 8 : void 0,
 		ref: t,
 		ownerState: o,
@@ -575,10 +575,10 @@ var dr = z(je, {
 	});
 });
 function pr(e) {
-	return ge("MuiCardActions", e);
+	return I("MuiCardActions", e);
 }
-ve("MuiCardActions", ["root", "spacing"]);
-var mr = z("div", {
+ge("MuiCardActions", ["root", "spacing"]);
+var mr = ht("div", {
 	name: "MuiCardActions",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -594,7 +594,7 @@ var mr = z("div", {
 		style: { "& > :not(style) ~ :not(style)": { marginLeft: 8 } }
 	}]
 }), hr = X.forwardRef(function(e, t) {
-	let n = Pe({
+	let n = ut({
 		props: e,
 		name: "MuiCardActions"
 	}), { disableSpacing: r = !1, className: i, ...a } = n, o = {
@@ -602,15 +602,15 @@ var mr = z("div", {
 		disableSpacing: r
 	}, s = ((e) => {
 		let { classes: t, disableSpacing: n } = e;
-		return Me({ root: ["root", !n && "spacing"] }, pr, t);
+		return ct({ root: ["root", !n && "spacing"] }, pr, t);
 	})(o);
 	return (0, Z.jsx)(mr, {
-		className: P(s.root, i),
+		className: F(s.root, i),
 		ownerState: o,
 		ref: t,
 		...a
 	});
-}), gr = typeof Be({}) == "function", _r = (e, t) => ({
+}), gr = typeof bt({}) == "function", _r = (e, t) => ({
 	WebkitFontSmoothing: "antialiased",
 	MozOsxFontSmoothing: "grayscale",
 	boxSizing: "border-box",
@@ -639,7 +639,7 @@ var mr = z("div", {
 		...n
 	}, i = e.components?.MuiCssBaseline?.styleOverrides;
 	return i && (r = [r, i]), r;
-}, br = "mui-ecs", xr = Be(gr ? ({ theme: e, enableColorScheme: t }) => yr(e, t) : ({ theme: e }) => ((e) => {
+}, br = "mui-ecs", xr = bt(gr ? ({ theme: e, enableColorScheme: t }) => yr(e, t) : ({ theme: e }) => ((e) => {
 	let t = yr(e, !1), n = Array.isArray(t) ? t[0] : t;
 	return !e.vars && n && (n.html[`:root:has(${br})`] = { colorScheme: e.palette.mode }), e.colorSchemes && Object.entries(e.colorSchemes).forEach(([t, r]) => {
 		let i = e.getColorSchemeSelector(t);
@@ -647,7 +647,7 @@ var mr = z("div", {
 	}), t;
 })(e));
 function Sr(e) {
-	let { children: t, enableColorScheme: n = !1 } = Pe({
+	let { children: t, enableColorScheme: n = !1 } = ut({
 		props: e,
 		name: "MuiCssBaseline"
 	});
@@ -664,14 +664,14 @@ var Cr = X.createContext({}), wr = X.createContext(void 0);
 function Tr(e, t) {
 	return t !== void 0 && e !== void 0 && (Array.isArray(t) ? t.includes(e) : e === t);
 }
-var Er = z(Oe, {
+var Er = ht(W, {
 	name: "MuiToggleButton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
-		return [t.root, t[`size${R(n.size)}`]];
+		return [t.root, t[`size${K(n.size)}`]];
 	}
-})(Ie(({ theme: e }) => ({
+})(ft(({ theme: e }) => ({
 	...e.typography.button,
 	borderRadius: (e.vars || e).shape.borderRadius,
 	padding: 11,
@@ -698,7 +698,7 @@ var Er = z(Oe, {
 				}
 			} }
 		},
-		...Object.entries(e.palette).filter(De()).map(([t]) => ({
+		...Object.entries(e.palette).filter(it()).map(([t]) => ({
 			props: { color: t },
 			style: { [`&.${er.selected}`]: {
 				color: (e.vars || e).palette[t].main,
@@ -729,8 +729,8 @@ var Er = z(Oe, {
 		}
 	]
 }))), Dr = X.forwardRef(function(e, t) {
-	let { value: n, ...r } = X.useContext(Cr), i = X.useContext(wr), a = Pe({
-		props: V({
+	let { value: n, ...r } = X.useContext(Cr), i = X.useContext(wr), a = ut({
+		props: _t({
 			...r,
 			selected: Tr(e.value, n)
 		}, e),
@@ -744,17 +744,17 @@ var Er = z(Oe, {
 		size: h
 	}, y = ((e) => {
 		let { classes: t, fullWidth: n, selected: r, disabled: i, size: a, color: o } = e;
-		return Me({ root: [
+		return ct({ root: [
 			"root",
 			r && "selected",
 			i && "disabled",
 			n && "fullWidth",
-			`size${R(a)}`,
+			`size${K(a)}`,
 			o
 		] }, $n, t);
 	})(v), b = i || "";
 	return (0, Z.jsx)(Er, {
-		className: P(r.className, y.root, s, b),
+		className: F(r.className, y.root, s, b),
 		internalNativeButton: !0,
 		disabled: l,
 		focusRipple: !u,
@@ -771,9 +771,9 @@ var Er = z(Oe, {
 	});
 });
 function Or(e) {
-	return ge("MuiToggleButtonGroup", e);
+	return I("MuiToggleButtonGroup", e);
 }
-var Q = ve("MuiToggleButtonGroup", [
+var Q = ge("MuiToggleButtonGroup", [
 	"root",
 	"selected",
 	"horizontal",
@@ -784,7 +784,7 @@ var Q = ve("MuiToggleButtonGroup", [
 	"firstButton",
 	"lastButton",
 	"middleButton"
-]), kr = z("div", {
+]), kr = ht("div", {
 	name: "MuiToggleButtonGroup",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -799,7 +799,7 @@ var Q = ve("MuiToggleButtonGroup", [
 			n.fullWidth && t.fullWidth
 		];
 	}
-})(Ie(({ theme: e }) => ({
+})(ft(({ theme: e }) => ({
 	display: "inline-flex",
 	borderRadius: (e.vars || e).shape.borderRadius,
 	variants: [
@@ -850,7 +850,7 @@ var Q = ve("MuiToggleButtonGroup", [
 		}
 	]
 }))), Ar = X.forwardRef(function(e, t) {
-	let n = Pe({
+	let n = ut({
 		props: e,
 		name: "MuiToggleButtonGroup"
 	}), { children: r, className: i, color: a = "standard", disabled: o = !1, exclusive: s = !1, fullWidth: c = !1, onChange: l, orientation: u = "horizontal", size: d = "medium", value: f, ...p } = n, m = {
@@ -861,7 +861,7 @@ var Q = ve("MuiToggleButtonGroup", [
 		size: d
 	}, h = ((e) => {
 		let { classes: t, orientation: n, fullWidth: r, disabled: i } = e;
-		return Me({
+		return ct({
 			root: [
 				"root",
 				n,
@@ -904,7 +904,7 @@ var Q = ve("MuiToggleButtonGroup", [
 	};
 	return (0, Z.jsx)(kr, {
 		role: "group",
-		className: P(h.root, i),
+		className: F(h.root, i),
 		ref: t,
 		ownerState: m,
 		...p,
@@ -918,10 +918,10 @@ var Q = ve("MuiToggleButtonGroup", [
 	});
 }), jr = e(n(), 1), Mr = (0, X.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e;
-	return (0, Z.jsx)(q, {
+	return (0, Z.jsx)(vn, {
 		size: "small",
 		type: "text",
-		placeholder: M()("condition.enterText"),
+		placeholder: N()("condition.enterText"),
 		value: t ?? "",
 		onChange: (e) => n(String(e.target.value)),
 		disabled: r,
@@ -932,10 +932,10 @@ var Q = ve("MuiToggleButtonGroup", [
 Mr.displayName = "StringOption";
 var Nr = (0, X.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e;
-	return (0, Z.jsx)(q, {
+	return (0, Z.jsx)(vn, {
 		size: "small",
 		type: "number",
-		placeholder: M()("condition.enterNumber"),
+		placeholder: N()("condition.enterNumber"),
 		value: "" + (t ?? ""),
 		onChange: (e) => n(Number(e.target.value)),
 		disabled: r,
@@ -971,7 +971,7 @@ var Pr = (0, X.createContext)(null), Fr = (e) => {
 		anchor: n
 	};
 }, Lr = () => {
-	let e = Pn(), t = (0, X.useContext)(Pr), n = (0, X.useRef)(null), r = e ? Fr(e) : null, i = e?.getName() ?? null, a = (0, X.useMemo)(() => r && i ? {
+	let e = Le(), t = (0, X.useContext)(Pr), n = (0, X.useRef)(null), r = e ? Fr(e) : null, i = e?.getName() ?? null, a = (0, X.useMemo)(() => r && i ? {
 		...r,
 		scope: i
 	} : void 0, [
@@ -1009,7 +1009,7 @@ var Pr = (0, X.createContext)(null), Fr = (e) => {
 		a
 	]);
 }, Rr = (e, t) => e == null ? "" : e.isIFormula ? "=" + t.display(e) : typeof e == "boolean" ? e ? "TRUE" : "FALSE" : m.isError(e) ? e.getLabel() : String(e), zr = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = M(), o = Lr();
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = N(), o = Lr();
 	return (0, Z.jsx)(In, {
 		size: "small",
 		home: o.home,
@@ -1043,32 +1043,32 @@ var Br = (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 = y.parseListLiteral(e);
+	let r = g.parseListLiteral(e);
 	return r ? r.join(t) : e.length > 0 ? "=" + e : "";
 }, Vr = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, sx: a, ...o } = e, s = M(), c = Pn(), l = (0, X.useContext)(Pr), u = Lr(), d = x(c?.getWorkbook()?.getLocale() ?? "en").listSeparator, [f, p] = (0, X.useState)(null), m = t?.items, [h, g] = (0, X.useState)(null), _ = (0, X.useRef)(0);
+	let { option: t, onOptionChange: n, readOnly: r, sx: i, ...a } = e, o = N(), s = Le(), c = (0, X.useContext)(Pr), l = Lr(), u = w(s?.getWorkbook()?.getLocale() ?? "en").listSeparator, [d, p] = (0, X.useState)(null), m = t?.items, [h, _] = (0, X.useState)(null), v = (0, X.useRef)(0);
 	(0, X.useEffect)(() => {
-		if (!l?.getListItemsAt || !c) return void g(null);
-		let e = ++_.current, { rowIndex: t, colIndex: n } = Fr(c);
-		l.getListItemsAt(t, n).then((t) => {
-			e === _.current && g(t);
+		if (!c?.getListItemsAt || !s) return void _(null);
+		let e = ++v.current, { rowIndex: t, colIndex: n } = Fr(s);
+		c.getListItemsAt(t, n).then((t) => {
+			e === v.current && _(t);
 		}, () => {
-			e === _.current && g([]);
+			e === v.current && _([]);
 		});
 	}, [
-		l,
 		c,
+		s,
 		m
 	]);
-	let [v, b] = (0, X.useState)(null), { className: S } = k(ie()?.themeScope), C = (0, X.useMemo)(() => c?.getStyles().getNormal().getFont().toCSS("adaptive"), [c]), [w, D] = (0, X.useState)(null), ee = w ?? f;
-	return (0, Z.jsxs)(I, {
+	let [y, b] = (0, X.useState)(null), { className: x } = ie(A()?.themeScope), S = (0, X.useMemo)(() => s?.getStyles().getNormal().getFont().toCSS("adaptive"), [s]), [T, E] = (0, X.useState)(null), D = T ?? d;
+	return (0, Z.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			mt: .75,
-			...a
+			...i
 		},
-		children: [(0, Z.jsxs)(I, {
+		children: [(0, Z.jsxs)(R, {
 			sx: {
 				display: "flex",
 				alignItems: "stretch",
@@ -1076,8 +1076,8 @@ var Br = (e, t, n) => {
 			},
 			children: [(0, Z.jsx)(In, {
 				size: "small",
-				home: u.home,
-				value: Br(m, d, u),
+				home: l.home,
+				value: Br(m, u, l),
 				onChangeText: (e) => {
 					let r = ((e, t, n) => {
 						if (e.length === 0) return { items: "" };
@@ -1088,54 +1088,54 @@ var Br = (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;
-							})(T.parse(t.getExpression())) ? { error: i("condition.listSourceOneRange") } : { items: t.getExpression() };
+							})(C.parse(t.getExpression())) ? { error: f("condition.listSourceOneRange") } : { items: t.getExpression() };
 						}
-						let r = y.formatListLiteral(e.split(t));
-						return r === null ? { error: i("condition.listItemHasComma") } : { items: r };
-					})(e, d, u);
+						let r = g.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({
 						...t,
 						items: r.items
 					});
 				},
-				label: s("condition.listSource"),
-				placeholder: s("condition.enterListSource"),
+				label: o("condition.listSource"),
+				placeholder: o("condition.enterListSource"),
 				disabled: r,
 				fullWidth: !0,
 				equals: "literal",
 				pickAs: "absolute",
 				allowMulti: !1,
-				validationError: f,
-				onChangeError: D,
+				validationError: d,
+				onChangeError: E,
 				showError: !1,
 				helperText: null,
-				...o
-			}), h !== null && (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsx)(Te, {
+				...a
+			}), h !== null && (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsx)(nt, {
 				size: "small",
 				variant: "outlined",
 				color: "inherit",
 				onClick: (e) => b(e.currentTarget),
-				endIcon: (0, Z.jsx)(E, { iconKey: "ExpandMore" }),
+				endIcon: (0, Z.jsx)(O, { iconKey: "ExpandMore" }),
 				sx: {
 					flexShrink: 0,
 					width: "8.5em",
 					justifyContent: "space-between",
 					textTransform: "none"
 				},
-				children: (0, Z.jsx)(I, {
+				children: (0, Z.jsx)(R, {
 					component: "span",
 					sx: {
 						overflow: "hidden",
 						textOverflow: "ellipsis",
 						whiteSpace: "nowrap"
 					},
-					children: s("condition.listPreview", { count: h.length })
+					children: o("condition.listPreview", { count: h.length })
 				})
-			}), (0, Z.jsx)(We, {
-				open: !!v,
-				anchorEl: v,
+			}), (0, Z.jsx)(wt, {
+				open: !!y,
+				anchorEl: y,
 				onClose: () => b(null),
-				className: S,
+				className: x,
 				anchorOrigin: {
 					vertical: "bottom",
 					horizontal: "right"
@@ -1144,27 +1144,27 @@ var Br = (e, t, n) => {
 					vertical: "top",
 					horizontal: "right"
 				},
-				children: (0, Z.jsx)(Tn, {
+				children: (0, Z.jsx)(U, {
 					items: h,
-					minWidth: v?.getBoundingClientRect().width,
-					style: C,
+					minWidth: y?.getBoundingClientRect().width,
+					style: S,
 					onChoose: () => b(null)
 				})
 			})] })]
-		}), ee && (0, Z.jsx)(Pt, {
+		}), D && (0, Z.jsx)(_n, {
 			error: !0,
-			children: s(ee)
+			children: o(D)
 		})]
 	});
 });
 Vr.displayName = "ListSourceOption";
 var Hr = {}, Ur = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = M(), s = t?.type ?? S.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
+	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = N(), s = t?.type ?? b.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
 	return i && (l = {
 		...l,
 		"& .MuiSelect-icon": { display: "none" },
 		"& .MuiOutlinedInput-notchedOutline": { borderColor: "action.disabled" }
-	}), (0, Z.jsxs)(I, {
+	}), (0, Z.jsxs)(R, {
 		className: Fn(r, Hr.option),
 		...a,
 		sx: {
@@ -1173,13 +1173,13 @@ var Hr = {}, Ur = (0, X.memo)((e) => {
 			gap: .25,
 			...a?.sx
 		},
-		children: [(0, Z.jsx)(U, {
+		children: [(0, Z.jsx)(q, {
 			sx: { flex: .5 },
 			size: "small",
-			children: (0, Z.jsxs)(W, {
+			children: (0, Z.jsxs)(J, {
 				value: s,
 				sx: l,
-				IconComponent: (e) => (0, Z.jsx)(E, {
+				IconComponent: (e) => (0, Z.jsx)(O, {
 					iconKey: "ExpandMore",
 					...e
 				}),
@@ -1188,15 +1188,15 @@ var Hr = {}, Ur = (0, X.memo)((e) => {
 					...t,
 					type: e.target.value
 				}),
-				children: [(0, Z.jsx)(J, {
-					value: S.AverageType.Above,
+				children: [(0, Z.jsx)(Y, {
+					value: b.AverageType.Above,
 					children: o("condition.above")
-				}), (0, Z.jsx)(J, {
-					value: S.AverageType.Below,
+				}), (0, Z.jsx)(Y, {
+					value: b.AverageType.Below,
 					children: o("condition.below")
 				})]
 			})
-		}), (0, Z.jsx)(q, {
+		}), (0, Z.jsx)(vn, {
 			size: "small",
 			placeholder: o("condition.stdDevs"),
 			value: c,
@@ -1212,8 +1212,8 @@ var Hr = {}, Ur = (0, X.memo)((e) => {
 	});
 });
 Ur.displayName = "AverageOption";
-var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOperatorNames.Icon, S.BuiltInOperatorNames.Color]), qr = (e, t, n, r = Kr) => {
-	let i = t ?? Object.values(y.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
+var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([b.BuiltInOperatorNames.Icon, b.BuiltInOperatorNames.Color]), qr = (e, t, n, r = Kr) => {
+	let i = t ?? Object.values(g.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
 	return i.filter((t) => {
 		if (r.includes(t.getName())) return !1;
 		let n = t.acceptsList?.();
@@ -1228,7 +1228,7 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOpe
 		disableSticky: !0,
 		sx: Xr,
 		children: n("condition.groupBasic")
-	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Z.jsx)(ln, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(lr, {
+	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Z.jsx)(qe, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(lr, {
 		disableSticky: !0,
 		sx: Xr,
 		children: n("condition.groupCombine")
@@ -1256,15 +1256,15 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOpe
 				header: e("condition.period.day"),
 				options: [
 					{
-						value: S.TimePeriodType.Today,
+						value: b.TimePeriodType.Today,
 						label: e("condition.period.today")
 					},
 					{
-						value: S.TimePeriodType.Yesterday,
+						value: b.TimePeriodType.Yesterday,
 						label: e("condition.period.yesterday")
 					},
 					{
-						value: S.TimePeriodType.Tomorrow,
+						value: b.TimePeriodType.Tomorrow,
 						label: e("condition.period.tomorrow")
 					}
 				]
@@ -1273,15 +1273,15 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOpe
 				header: e("condition.period.week"),
 				options: [
 					{
-						value: S.TimePeriodType.ThisWeek,
+						value: b.TimePeriodType.ThisWeek,
 						label: e("condition.period.thisWeek")
 					},
 					{
-						value: S.TimePeriodType.LastWeek,
+						value: b.TimePeriodType.LastWeek,
 						label: e("condition.period.lastWeek")
 					},
 					{
-						value: S.TimePeriodType.NextWeek,
+						value: b.TimePeriodType.NextWeek,
 						label: e("condition.period.nextWeek")
 					}
 				]
@@ -1290,15 +1290,15 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOpe
 				header: e("condition.period.month"),
 				options: [
 					{
-						value: S.TimePeriodType.ThisMonth,
+						value: b.TimePeriodType.ThisMonth,
 						label: e("condition.period.thisMonth")
 					},
 					{
-						value: S.TimePeriodType.LastMonth,
+						value: b.TimePeriodType.LastMonth,
 						label: e("condition.period.lastMonth")
 					},
 					{
-						value: S.TimePeriodType.NextMonth,
+						value: b.TimePeriodType.NextMonth,
 						label: e("condition.period.nextMonth")
 					}
 				]
@@ -1306,10 +1306,10 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOpe
 			{
 				header: e("condition.period.year"),
 				options: [{
-					value: S.TimePeriodType.YearToDate,
+					value: b.TimePeriodType.YearToDate,
 					label: e("condition.period.yearToDate")
 				}, {
-					value: S.TimePeriodType.LastYear,
+					value: b.TimePeriodType.LastYear,
 					label: e("condition.period.lastYear")
 				}]
 			},
@@ -1317,51 +1317,51 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOpe
 				header: e("condition.period.byMonth"),
 				options: [
 					{
-						value: S.TimePeriodType.M1,
+						value: b.TimePeriodType.M1,
 						label: n(0)
 					},
 					{
-						value: S.TimePeriodType.M2,
+						value: b.TimePeriodType.M2,
 						label: n(1)
 					},
 					{
-						value: S.TimePeriodType.M3,
+						value: b.TimePeriodType.M3,
 						label: n(2)
 					},
 					{
-						value: S.TimePeriodType.M4,
+						value: b.TimePeriodType.M4,
 						label: n(3)
 					},
 					{
-						value: S.TimePeriodType.M5,
+						value: b.TimePeriodType.M5,
 						label: n(4)
 					},
 					{
-						value: S.TimePeriodType.M6,
+						value: b.TimePeriodType.M6,
 						label: n(5)
 					},
 					{
-						value: S.TimePeriodType.M7,
+						value: b.TimePeriodType.M7,
 						label: n(6)
 					},
 					{
-						value: S.TimePeriodType.M8,
+						value: b.TimePeriodType.M8,
 						label: n(7)
 					},
 					{
-						value: S.TimePeriodType.M9,
+						value: b.TimePeriodType.M9,
 						label: n(8)
 					},
 					{
-						value: S.TimePeriodType.M10,
+						value: b.TimePeriodType.M10,
 						label: n(9)
 					},
 					{
-						value: S.TimePeriodType.M11,
+						value: b.TimePeriodType.M11,
 						label: n(10)
 					},
 					{
-						value: S.TimePeriodType.M12,
+						value: b.TimePeriodType.M12,
 						label: n(11)
 					}
 				]
@@ -1370,38 +1370,38 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOpe
 				header: e("condition.period.byQuarter"),
 				options: [
 					{
-						value: S.TimePeriodType.ThisQuarter,
+						value: b.TimePeriodType.ThisQuarter,
 						label: e("condition.period.thisQuarter")
 					},
 					{
-						value: S.TimePeriodType.LastQuarter,
+						value: b.TimePeriodType.LastQuarter,
 						label: e("condition.period.lastQuarter")
 					},
 					{
-						value: S.TimePeriodType.NextQuarter,
+						value: b.TimePeriodType.NextQuarter,
 						label: e("condition.period.nextQuarter")
 					},
 					{
-						value: S.TimePeriodType.Q1,
+						value: b.TimePeriodType.Q1,
 						label: e("condition.period.q1")
 					},
 					{
-						value: S.TimePeriodType.Q2,
+						value: b.TimePeriodType.Q2,
 						label: e("condition.period.q2")
 					},
 					{
-						value: S.TimePeriodType.Q3,
+						value: b.TimePeriodType.Q3,
 						label: e("condition.period.q3")
 					},
 					{
-						value: S.TimePeriodType.Q4,
+						value: b.TimePeriodType.Q4,
 						label: e("condition.period.q4")
 					}
 				]
 			}
 		];
-	}(M(), A()), o = t?.type ?? S.TimePeriodType.Today;
-	return (0, Z.jsx)(I, {
+	}(N(), _e()), o = t?.type ?? b.TimePeriodType.Today;
+	return (0, Z.jsx)(R, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1409,12 +1409,12 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOpe
 			gap: 2,
 			...i?.sx
 		},
-		children: (0, Z.jsx)(U, {
+		children: (0, Z.jsx)(q, {
 			size: "small",
-			children: (0, Z.jsx)(W, {
+			children: (0, Z.jsx)(J, {
 				value: o,
 				sx: { backgroundColor: "background.paper" },
-				IconComponent: (e) => (0, Z.jsx)(E, {
+				IconComponent: (e) => (0, Z.jsx)(O, {
 					iconKey: "ExpandMore",
 					...e
 				}),
@@ -1425,10 +1425,10 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOpe
 				disabled: r,
 				children: a.map((e, t) => {
 					let n = [];
-					return t > 0 && n.push((0, Z.jsx)(ln, {}, `divider-${t}`)), n.push((0, Z.jsx)(lr, {
+					return t > 0 && n.push((0, Z.jsx)(qe, {}, `divider-${t}`)), n.push((0, Z.jsx)(lr, {
 						sx: Xr,
 						children: e.header
-					}, `header-${t}`)), e.options.map((e) => n.push((0, Z.jsx)(J, {
+					}, `header-${t}`)), e.options.map((e) => n.push((0, Z.jsx)(Y, {
 						sx: Zr,
 						value: e.value,
 						children: e.label
@@ -1440,8 +1440,8 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([S.BuiltInOpe
 });
 Qr.displayName = "TimePeriodOption";
 var $r = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = M(), o = t?.top ?? !0, s = t?.limit ?? 10, c = t?.percent ?? !1;
-	return (0, Z.jsxs)(I, {
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = N(), o = t?.top ?? !0, s = t?.limit ?? 10, c = t?.percent ?? !1;
+	return (0, Z.jsxs)(R, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1450,13 +1450,13 @@ var $r = (0, X.memo)((e) => {
 			...i?.sx
 		},
 		children: [
-			(0, Z.jsx)(U, {
+			(0, Z.jsx)(q, {
 				size: "small",
 				sx: { flex: 1 },
-				children: (0, Z.jsxs)(W, {
+				children: (0, Z.jsxs)(J, {
 					value: o ? "top" : "bottom",
 					sx: { backgroundColor: "background.paper" },
-					IconComponent: (e) => (0, Z.jsx)(E, {
+					IconComponent: (e) => (0, Z.jsx)(O, {
 						iconKey: "ExpandMore",
 						...e
 					}),
@@ -1465,16 +1465,16 @@ var $r = (0, X.memo)((e) => {
 						top: e.target.value === "top"
 					}),
 					disabled: r,
-					children: [(0, Z.jsx)(J, {
+					children: [(0, Z.jsx)(Y, {
 						value: "top",
 						children: a("condition.top")
-					}), (0, Z.jsx)(J, {
+					}), (0, Z.jsx)(Y, {
 						value: "bottom",
 						children: a("condition.bottom")
 					})]
 				})
 			}),
-			(0, Z.jsx)(q, {
+			(0, Z.jsx)(vn, {
 				size: "small",
 				placeholder: "10",
 				value: s,
@@ -1490,13 +1490,13 @@ var $r = (0, X.memo)((e) => {
 				slotProps: { input: { sx: { backgroundColor: "background.paper" } } },
 				sx: { flex: .6 }
 			}),
-			(0, Z.jsx)(U, {
+			(0, Z.jsx)(q, {
 				size: "small",
 				sx: { flex: 1 },
-				children: (0, Z.jsxs)(W, {
+				children: (0, Z.jsxs)(J, {
 					value: c ? "percent" : "items",
 					sx: { backgroundColor: "background.paper" },
-					IconComponent: (e) => (0, Z.jsx)(E, {
+					IconComponent: (e) => (0, Z.jsx)(O, {
 						iconKey: "ExpandMore",
 						...e
 					}),
@@ -1505,10 +1505,10 @@ var $r = (0, X.memo)((e) => {
 						percent: e.target.value === "percent"
 					}),
 					disabled: r,
-					children: [(0, Z.jsx)(J, {
+					children: [(0, Z.jsx)(Y, {
 						value: "items",
 						children: a("condition.items")
-					}), (0, Z.jsx)(J, {
+					}), (0, Z.jsx)(Y, {
 						value: "percent",
 						children: a("condition.percent")
 					})]
@@ -1519,8 +1519,8 @@ var $r = (0, X.memo)((e) => {
 });
 $r.displayName = "TopNOption";
 var ei = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = M();
-	return (0, Z.jsxs)(I, {
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = N();
+	return (0, Z.jsxs)(R, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1561,7 +1561,7 @@ var ei = (0, X.memo)((e) => {
 });
 ei.displayName = "BetweenOption";
 var ti = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = M(), o = Lr(), s = t?.isIFormula ? o.display(t) : t ?? "";
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = N(), o = Lr(), s = t?.isIFormula ? o.display(t) : t ?? "";
 	return (0, Z.jsx)(In, {
 		size: "small",
 		home: o.home,
@@ -1579,9 +1579,9 @@ var ti = (0, X.memo)((e) => {
 });
 ti.displayName = "ExpressionOption";
 var ni = (0, X.memo)((e) => {
-	let { value: t = null, selectors: n, onChange: r, title: i, allowNull: a = !1, readOnly: o = !1, ...s } = e, c = M(), l = i ?? c("condition.selectorTitle"), u = n.map((e) => {
+	let { value: t = null, selectors: n, onChange: r, title: i, allowNull: a = !1, readOnly: o = !1, ...s } = e, c = N(), l = i ?? c("condition.selectorTitle"), u = n.map((e) => {
 		let t = e.getName();
-		return (0, Z.jsx)(J, {
+		return (0, Z.jsx)(Y, {
 			value: t,
 			children: e.getTitle?.() ?? e.getName()
 		}, t);
@@ -1590,14 +1590,14 @@ var ni = (0, X.memo)((e) => {
 		...d,
 		"& .MuiSelect-icon": { display: "none" },
 		"& .MuiOutlinedInput-notchedOutline": { borderColor: "action.disabled" }
-	}), (0, Z.jsxs)(U, {
+	}), (0, Z.jsxs)(q, {
 		size: "small",
 		...s,
-		children: [(0, Z.jsx)(Ue, { children: l }), (0, Z.jsxs)(W, {
+		children: [(0, Z.jsx)(Ct, { children: l }), (0, Z.jsxs)(J, {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: o,
-			IconComponent: (e) => (0, Z.jsx)(E, {
+			IconComponent: (e) => (0, Z.jsx)(O, {
 				iconKey: "ExpandMore",
 				...e
 			}),
@@ -1606,7 +1606,7 @@ var ni = (0, X.memo)((e) => {
 				r(i);
 			},
 			sx: d,
-			children: [a && (0, Z.jsx)(J, {
+			children: [a && (0, Z.jsx)(Y, {
 				value: "null",
 				children: c("condition.anySelector")
 			}), u]
@@ -1615,23 +1615,23 @@ var ni = (0, X.memo)((e) => {
 });
 ni.displayName = "SelectorSelect";
 var ri = (0, X.memo)((e) => {
-	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = M(), c = A(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
+	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = N(), c = _e(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
 	n.forEach((e) => {
 		u.set(e.getName(), e);
 	});
-	let d = Jr(n, (e) => (0, Z.jsx)(J, {
+	let d = Jr(n, (e) => (0, Z.jsx)(Y, {
 		value: e.getName(),
 		sx: Zr,
 		children: e.getTitle?.()
 	}, e.getName()), s, c);
-	return (0, Z.jsxs)(U, {
+	return (0, Z.jsxs)(q, {
 		size: "small",
 		...o,
-		children: [(0, Z.jsx)(Ue, { children: l }), (0, Z.jsx)(W, {
+		children: [(0, Z.jsx)(Ct, { children: l }), (0, Z.jsx)(J, {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: a,
-			IconComponent: (e) => (0, Z.jsx)(E, {
+			IconComponent: (e) => (0, Z.jsx)(O, {
 				iconKey: "ExpandMore",
 				...e
 			}),
@@ -1649,13 +1649,13 @@ var ri = (0, X.memo)((e) => {
 });
 ri.displayName = "OperatorSelect";
 var ii = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { icon: n, tooltip: r, label: i, darkMode: a, propsPanel: o, value: s, operators: c, onChange: l, title: u, readOnly: d = !1, ...f } = e, p = M(), m = A();
+	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 = N(), m = _e();
 	u ?? p("condition.operatorTitle");
-	let h = n || (0, Z.jsx)(E, { iconKey: "Add" }), g = (0, X.useRef)(l);
-	return g.current = l, (0, Z.jsx)(Rt, {
+	let h = n || (0, Z.jsx)(O, { iconKey: "Add" }), g = (0, X.useRef)(l);
+	return g.current = l, (0, Z.jsx)(Sn, {
 		ref: t,
 		createPopupPanel: (0, X.useCallback)((e) => {
-			let { closeFloatAll: t } = e, n = Jr(c, (e) => (0, Z.jsx)(J, {
+			let { closeFloatAll: t } = e, n = Jr(c, (e) => (0, Z.jsx)(Y, {
 				sx: Zr,
 				value: e.getName(),
 				onClick: () => {
@@ -1672,9 +1672,9 @@ var ii = (0, X.memo)((0, X.forwardRef)((e, t) => {
 				},
 				...o,
 				onKeyDown: (e) => {
-					e.which === le.Enter && t?.();
+					e.which === ce.Enter && t?.();
 				},
-				children: (0, Z.jsx)(Ve, {
+				children: (0, Z.jsx)(xt, {
 					disablePadding: !0,
 					children: n
 				})
@@ -1691,8 +1691,8 @@ var ii = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		...f
 	});
 })), ai = (0, X.memo)((e) => {
-	let { operator: t, inputs: n, onOptionChange: r, operators: i, selector: a, readOnly: o, ...s } = e, c = M(), l = t.getName() === "not", u = l ? null : t.getName() === "and" ? c("condition.and") : c("condition.or"), d = l ? c("condition.not") : u;
-	return (0, Z.jsx)(I, {
+	let { operator: t, inputs: n, onOptionChange: r, operators: i, selector: a, readOnly: o, ...s } = e, c = N(), l = t.getName() === "not", u = l ? null : t.getName() === "and" ? c("condition.and") : c("condition.or"), d = l ? c("condition.not") : u;
+	return (0, Z.jsx)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -1731,7 +1731,7 @@ var ii = (0, X.memo)((0, X.forwardRef)((e, t) => {
 });
 ai.displayName = "CombinatorOption";
 var oi = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r } = e, i = M();
+	let { option: t, onOptionChange: n, readOnly: r } = e, i = N();
 	return (0, Z.jsxs)(Ar, {
 		exclusive: !0,
 		size: "small",
@@ -1764,7 +1764,7 @@ function ci(e) {
 }
 oi.displayName = "BooleanOption";
 var li = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = M(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Pn(), d = (0, X.useCallback)((e) => {
+	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = N(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Le(), d = (0, X.useCallback)((e) => {
 		if (!u || e === null) return null;
 		let t = u.createCell({ value: e }), n = t.getValue();
 		return t.getType() === h.Number ? n : null;
@@ -1783,7 +1783,7 @@ var li = (0, X.memo)((e) => {
 	let _ = function(e) {
 		return !e || isNaN(e.getTime()) ? "" : `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
 	}(p);
-	return (0, Z.jsxs)(I, {
+	return (0, Z.jsxs)(R, {
 		...o,
 		sx: {
 			display: "flex",
@@ -1815,7 +1815,7 @@ var li = (0, X.memo)((e) => {
 	});
 });
 li.displayName = "DateTimeOption";
-var ui = S.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
+var ui = b.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 	ui.EqualTo,
 	ui.GreaterThan,
 	ui.GreaterThanEqualTo,
@@ -1826,16 +1826,16 @@ var ui = S.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 	ui.Before,
 	ui.BeforeEqualTo
 ]), fi = (0, X.memo)((e) => {
-	let { operatorParam: t, onOperatorParamChange: n, onRemove: r, operators: i, selector: a, operatorTitle: o, readOnly: s, required: c, ...l } = e, u = M(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, m = t?.param ?? null, h = !!p?.isCombinator?.(), [g, { width: _ }] = Qt(), v = (0, X.useMemo)(() => !p || h ? 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 = N(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, m = t?.param ?? null, h = !!p?.isCombinator?.(), [g, { width: _ }] = E(), v = (0, X.useMemo)(() => !p || h ? null : p.getParamType?.(a ?? void 0) ?? null, [
 		p,
 		h,
 		a
-	]), y = !h && v !== "list" && _ > 360, b = j((e) => {
+	]), y = !h && v !== "list" && _ > 360, x = P((e) => {
 		n({
 			operator: f,
 			param: e
 		});
-	}, [n, f]), x = (0, X.useMemo)(() => {
+	}, [n, f]), S = (0, X.useMemo)(() => {
 		if (!p || h || !v) return null;
 		let e = {
 			sx: {
@@ -1843,9 +1843,9 @@ var ui = S.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 				minWidth: 0
 			},
 			option: m,
-			onOptionChange: b
+			onOptionChange: x
 		}, t = !!f && di.has(f);
-		return v === S.BuiltInSelectorNames.Number || v === S.BuiltInSelectorNames.TextLength ? (0, Z.jsx)(t ? zr : Nr, { ...e }) : v === S.BuiltInSelectorNames.Whole ? t ? (0, Z.jsx)(zr, { ...e }) : (0, Z.jsx)(Nr, {
+		return v === b.BuiltInSelectorNames.Number || v === b.BuiltInSelectorNames.TextLength ? (0, Z.jsx)(t ? zr : Nr, { ...e }) : v === b.BuiltInSelectorNames.Whole ? t ? (0, Z.jsx)(zr, { ...e }) : (0, Z.jsx)(Nr, {
 			...e,
 			placeholder: u("condition.enterWholeNumber"),
 			slotProps: { htmlInput: {
@@ -1862,18 +1862,18 @@ var ui = S.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 					/^-?\d+$/.test(e.clipboardData.getData("text")) || e.preventDefault();
 				}
 			} }
-		}) : v === S.BuiltInSelectorNames.Text ? (0, Z.jsx)(t ? zr : Mr, { ...e }) : v === S.BuiltInSelectorNames.DateTime ? (0, Z.jsx)(li, {
+		}) : v === b.BuiltInSelectorNames.Text ? (0, Z.jsx)(t ? zr : Mr, { ...e }) : v === b.BuiltInSelectorNames.DateTime ? (0, Z.jsx)(li, {
 			...e,
 			allowFormula: t
-		}) : v === S.BuiltInSelectorNames.Date ? (0, Z.jsx)(li, {
+		}) : v === b.BuiltInSelectorNames.Date ? (0, Z.jsx)(li, {
 			...e,
 			type: "date",
 			allowFormula: t
-		}) : v === S.BuiltInSelectorNames.Time ? (0, Z.jsx)(li, {
+		}) : v === b.BuiltInSelectorNames.Time ? (0, Z.jsx)(li, {
 			...e,
 			type: "time",
 			allowFormula: t
-		}) : v === S.BuiltInSelectorNames.List ? (0, Z.jsx)(Vr, { ...e }) : v === S.BuiltInSelectorNames.Logical ? (0, Z.jsx)(oi, { ...e }) : v === S.BuiltInOperatorNames.Average ? (0, Z.jsx)(Ur, { ...e }) : v === S.BuiltInOperatorNames.TimePeriod ? (0, Z.jsx)(Qr, { ...e }) : v === S.BuiltInOperatorNames.TopN ? (0, Z.jsx)($r, { ...e }) : v === S.BuiltInOperatorNames.Between ? (0, Z.jsx)(ei, { ...e }) : v === S.BuiltInOperatorNames.Expression ? (0, Z.jsx)(ti, { ...e }) : null;
+		}) : v === b.BuiltInSelectorNames.List ? (0, Z.jsx)(Vr, { ...e }) : v === b.BuiltInSelectorNames.Logical ? (0, Z.jsx)(oi, { ...e }) : v === b.BuiltInOperatorNames.Average ? (0, Z.jsx)(Ur, { ...e }) : v === b.BuiltInOperatorNames.TimePeriod ? (0, Z.jsx)(Qr, { ...e }) : v === b.BuiltInOperatorNames.TopN ? (0, Z.jsx)($r, { ...e }) : v === b.BuiltInOperatorNames.Between ? (0, Z.jsx)(ei, { ...e }) : v === b.BuiltInOperatorNames.Expression ? (0, Z.jsx)(ti, { ...e }) : null;
 	}, [
 		p,
 		h,
@@ -1893,7 +1893,7 @@ var ui = S.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 			param: t
 		});
 	};
-	return (0, Z.jsx)(I, {
+	return (0, Z.jsx)(R, {
 		ref: g,
 		sx: {
 			display: "flex",
@@ -1906,7 +1906,7 @@ var ui = S.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 			p: 1
 		},
 		...l,
-		children: y ? (0, Z.jsxs)(I, {
+		children: y ? (0, Z.jsxs)(R, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -1922,13 +1922,13 @@ var ui = S.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 					onChange: T,
 					readOnly: s
 				}),
-				x,
-				!s && !c && (0, Z.jsx)(zt, {
-					icon: (0, Z.jsx)(E, { iconKey: "Close" }),
+				S,
+				!s && !c && (0, Z.jsx)(Cn, {
+					icon: (0, Z.jsx)(O, { iconKey: "Close" }),
 					onClick: r
 				})
 			]
-		}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsxs)(I, {
+		}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsxs)(R, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -1946,7 +1946,7 @@ var ui = S.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 				}),
 				h && !w && !s && (0, Z.jsx)(ii, {
 					label: p?.getTitle?.(),
-					icon: (0, Z.jsx)(E, { iconKey: "Add" }),
+					icon: (0, Z.jsx)(O, { iconKey: "Add" }),
 					operators: i,
 					value: null,
 					onChange: (e) => {
@@ -1961,8 +1961,8 @@ var ui = S.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 						});
 					}
 				}),
-				!s && !c && (0, Z.jsx)(zt, {
-					icon: (0, Z.jsx)(E, { iconKey: "Close" }),
+				!s && !c && (0, Z.jsx)(Cn, {
+					icon: (0, Z.jsx)(O, { iconKey: "Close" }),
 					disabled: s,
 					onClick: r
 				})
@@ -1979,24 +1979,24 @@ var ui = S.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 			operators: i,
 			selector: a,
 			readOnly: s
-		}) : x] })
+		}) : S] })
 	});
 });
 fi.displayName = "OperatorAndParamEditor";
 var pi = (0, X.memo)((e) => {
-	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ranges: c, ...l } = e, u = M(), d = A(), [f, p] = (0, X.useState)(() => t?.getSelector() ?? null), [m, h] = (0, X.useState)(() => t?.getOperator() ? {
+	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ranges: c, ...l } = e, u = N(), d = _e(), [f, p] = (0, X.useState)(() => t?.getSelector() ?? null), [m, h] = (0, X.useState)(() => t?.getOperator() ? {
 		operator: t.getOperator().getName(),
 		param: t.getParam()
-	} : null), [g, _] = (0, X.useState)(() => t?.isIncludeBlanks() ?? !1);
+	} : null), [_, v] = (0, X.useState)(() => t?.isIncludeBlanks() ?? !1);
 	(0, X.useEffect)(() => {
 		if (!t) return p(null), void h(null);
 		let e = t.getOperator(), n = t.getSelector() ?? null;
 		p(n), h(e ? {
 			operator: e.getName(),
 			param: t.getParam()
-		} : null), _(t.isIncludeBlanks());
+		} : null), v(t.isIncludeBlanks());
 	}, [t]);
-	let v = (0, X.useMemo)(() => (s ?? Object.values(y.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", d)), [s, d]), b = (0, X.useMemo)(() => o ?? Object.values(y.BuiltInOperators), [o]), x = (0, X.useMemo)(() => qr(f, b, d), [
+	let y = (0, X.useMemo)(() => (s ?? Object.values(g.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", d)), [s, d]), b = (0, X.useMemo)(() => o ?? Object.values(g.BuiltInOperators), [o]), x = (0, X.useMemo)(() => qr(f, b, d), [
 		f,
 		b,
 		d
@@ -2011,10 +2011,10 @@ var pi = (0, X.memo)((e) => {
 		h(e), n?.({
 			selector: f,
 			...e,
-			includeBlanks: g
+			includeBlanks: _
 		});
 	}, D = r;
-	return (0, Z.jsxs)(I, {
+	return (0, Z.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2030,7 +2030,7 @@ var pi = (0, X.memo)((e) => {
 		children: [
 			(0, Z.jsx)(ni, {
 				title: i,
-				selectors: v,
+				selectors: y,
 				value: f,
 				onChange: (e) => {
 					m && S.current.set(C(f), m);
@@ -2064,13 +2064,13 @@ var pi = (0, X.memo)((e) => {
 							operator: null,
 							param: null
 						},
-						includeBlanks: g
+						includeBlanks: _
 					});
 				},
 				allowNull: !0,
 				readOnly: a
 			}),
-			m ? (0, Z.jsx)(I, {
+			m ? (0, Z.jsx)(R, {
 				ref: w,
 				sx: { display: "contents" },
 				children: (0, Z.jsx)(fi, {
@@ -2081,14 +2081,14 @@ var pi = (0, X.memo)((e) => {
 							selector: f,
 							operator: null,
 							param: null,
-							includeBlanks: g
+							includeBlanks: _
 						});
 					},
 					operators: x,
 					selector: f,
 					readOnly: a
 				})
-			}) : !a && (0, Z.jsx)(I, {
+			}) : !a && (0, Z.jsx)(R, {
 				sx: { display: "flex" },
 				children: (0, Z.jsx)(ii, {
 					label: u("condition.when"),
@@ -2103,12 +2103,12 @@ var pi = (0, X.memo)((e) => {
 					readOnly: a
 				})
 			}),
-			D && (0, Z.jsx)(Nt, {
-				control: (0, Z.jsx)(Mt, {
-					checked: g,
+			D && (0, Z.jsx)(gn, {
+				control: (0, Z.jsx)(hn, {
+					checked: _,
 					onChange: (e) => {
 						var t = e.target.checked;
-						_(t), n?.({
+						v(t), n?.({
 							selector: f,
 							...m,
 							includeBlanks: t
@@ -2124,7 +2124,7 @@ var pi = (0, X.memo)((e) => {
 pi.displayName = "ConditionEditor";
 var mi = (0, X.memo)((e) => {
 	let { variant: t = "format", children: n, sx: r, ...i } = e;
-	return (0, Z.jsx)(I, {
+	return (0, Z.jsx)(R, {
 		className: `sxl-cf-rule-section sxl-cf-rule-section-${t}`,
 		sx: {
 			display: "flex",
@@ -2142,41 +2142,41 @@ var mi = (0, X.memo)((e) => {
 	});
 });
 mi.displayName = "RuleSection";
-var hi = new C("transparent"), gi = {
-	lightRedFillDarkRedText: i("conditionalFormat.preset.lightRedFillDarkRedText"),
-	yellowFillDarkYellowText: i("conditionalFormat.preset.yellowFillDarkYellowText"),
-	greenFillDarkGreenText: i("conditionalFormat.preset.greenFillDarkGreenText"),
-	lightRedFill: i("conditionalFormat.preset.lightRedFill"),
-	redText: i("conditionalFormat.preset.redText"),
-	redBorder: i("conditionalFormat.preset.redBorder")
-}, _i = (e) => e ? typeof e == "string" ? e : e.type === g.Type.None ? null : e.color ?? e.foreground ?? null : null, vi = (e, t) => e === "auto" ? null : Xe(e, t), yi = (0, X.memo)((e) => {
-	let { format: t, onFormatChange: n, readOnly: r, ...a } = e, o = M(), { workbook: s, schemeLookup: c, themeKey: l, darkMode: u, propsColorPanel: d } = ut(), f = t?.font ?? null, p = (f?.weight ?? 400) >= 600, m = f?.style === b.Style.Italic, h = !!f?.underline && f.underline !== b.UnderlineStyle.None, _ = !!f?.strike, v = (e) => {
-		let r = { ...f };
+var hi = new T("transparent"), gi = {
+	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")
+}, _i = (e) => e ? typeof e == "string" ? e : e.type === _.Type.None ? null : e.color ?? e.foreground ?? null : null, vi = (e, t) => e === "auto" ? null : jt(e, t), yi = (0, X.memo)((e) => {
+	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = N(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = Gt(), d = t?.font ?? null, p = (d?.weight ?? 400) >= 600, m = d?.style === y.Style.Italic, h = !!d?.underline && d.underline !== y.UnderlineStyle.None, g = !!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 };
 		Object.keys(r).length === 0 ? delete i.font : i.font = r, n(Object.keys(i).length === 0 ? null : i);
-	}, y = (0, X.useMemo)(() => s?.getStyles().getNormal().getFont().getColor(), [s, l]), x = (0, X.useMemo)(() => vi(f?.color, s), [
-		f?.color,
-		s,
-		l
-	]), S = (0, X.useMemo)(() => vi(_i(t?.fill), s), [
+	}, b = (0, X.useMemo)(() => o?.getStyles().getNormal().getFont().getColor(), [o, c]), x = (0, X.useMemo)(() => vi(d?.color, o), [
+		d?.color,
+		o,
+		c
+	]), S = (0, X.useMemo)(() => vi(_i(t?.fill), o), [
 		t?.fill,
-		s,
-		l
+		o,
+		c
 	]), C = {
 		padding: "4px",
 		border: "none",
 		borderRadius: 1
 	};
 	return (0, Z.jsxs)(mi, {
-		...a,
-		children: [(0, Z.jsxs)(I, {
+		...i,
+		children: [(0, Z.jsxs)(R, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(I, {
+			children: [(0, Z.jsx)(R, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2184,36 +2184,36 @@ var hi = new C("transparent"), gi = {
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: gn.map((e, t) => {
-					let i = vi(_i(e.style.fill), s), a = vi(e.style.font?.color, s), c = e.style.borders ? vi(Object.values(e.style.borders)[0]?.color, s) : null;
-					return (0, Z.jsx)(K, {
+				children: Je.map((e, t) => {
+					let i = vi(_i(e.style.fill), o), s = vi(e.style.font?.color, o), c = e.style.borders ? vi(Object.values(e.style.borders)[0]?.color, o) : null;
+					return (0, Z.jsx)(Kt, {
 						sheet: !0,
-						title: o(gi[e.key] ?? e.key),
+						title: a(gi[e.key] ?? e.key),
 						disabled: r,
 						onClick: () => n(structuredClone(e.style)),
 						sx: {
 							backgroundColor: i?.toCSS("adaptive") ?? void 0,
-							color: a?.toCSS("adaptive") ?? void 0,
+							color: s?.toCSS("adaptive") ?? void 0,
 							outline: c ? `1px solid ${c.toCSS("adaptive")}` : void 0,
 							outlineOffset: "-3px"
 						},
 						children: "Aa"
 					}, t);
 				})
-			}), (0, Z.jsx)(K, {
-				title: o("conditionalFormat.clearStyle"),
+			}), (0, Z.jsx)(Kt, {
+				title: a("conditionalFormat.clearStyle"),
 				disabled: r || !t,
 				onClick: () => n(null),
 				sx: {
 					color: "text.secondary",
 					"&:disabled": { opacity: .4 }
 				},
-				children: (0, Z.jsx)(E, {
+				children: (0, Z.jsx)(O, {
 					iconKey: "ClearFormats",
 					size: 16
 				})
 			})]
-		}), (0, Z.jsxs)(I, {
+		}), (0, Z.jsxs)(R, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -2227,7 +2227,7 @@ var hi = new C("transparent"), gi = {
 					selected: p,
 					disabled: r,
 					onChange: () => v({ weight: p ? void 0 : 700 }),
-					children: (0, Z.jsx)(E, { iconKey: "TextBold" })
+					children: (0, Z.jsx)(O, { iconKey: "TextBold" })
 				}),
 				(0, Z.jsx)(Dr, {
 					value: "italic",
@@ -2235,8 +2235,8 @@ var hi = new C("transparent"), gi = {
 					sx: C,
 					selected: m,
 					disabled: r,
-					onChange: () => v({ style: m ? void 0 : b.Style.Italic }),
-					children: (0, Z.jsx)(E, { iconKey: "TextItalic" })
+					onChange: () => v({ style: m ? void 0 : y.Style.Italic }),
+					children: (0, Z.jsx)(O, { iconKey: "TextItalic" })
 				}),
 				(0, Z.jsx)(Dr, {
 					value: "underline",
@@ -2244,63 +2244,63 @@ var hi = new C("transparent"), gi = {
 					sx: C,
 					selected: h,
 					disabled: r,
-					onChange: () => v({ underline: h ? void 0 : b.UnderlineStyle.Single }),
-					children: (0, Z.jsx)(E, { iconKey: "TextUnderline" })
+					onChange: () => v({ underline: h ? void 0 : y.UnderlineStyle.Single }),
+					children: (0, Z.jsx)(O, { iconKey: "TextUnderline" })
 				}),
 				(0, Z.jsx)(Dr, {
 					value: "strike",
 					size: "small",
 					sx: C,
-					selected: _,
+					selected: g,
 					disabled: r,
-					onChange: () => v({ strike: !_ || void 0 }),
-					children: (0, Z.jsx)(E, { iconKey: "TextStrike" })
+					onChange: () => v({ strike: !g || void 0 }),
+					children: (0, Z.jsx)(O, { iconKey: "TextStrike" })
 				}),
-				s && (0, Z.jsx)(bt, {
-					tooltip: o("conditionalFormat.border"),
+				o && (0, Z.jsx)(nn, {
+					tooltip: a("conditionalFormat.border"),
 					selectedBorder: t?.borders,
-					createBorder: (e) => s.getStyles().getNormal().createStyle({ borders: e }).getBorders(),
-					schemeLookup: c,
-					autoColor: y,
-					darkMode: u,
+					createBorder: (e) => o.getStyles().getNormal().createStyle({ borders: e }).getBorders(),
+					schemeLookup: s,
+					autoColor: b,
+					darkMode: l,
 					disabled: r,
 					onSelectBorder: (e) => ((e) => {
 						let r = { ...t };
 						e && Object.keys(e).length !== 0 ? r.borders = e : delete r.borders, n(Object.keys(r).length === 0 ? null : r);
 					})(e)
 				}),
-				(0, Z.jsx)(dt, {
+				(0, Z.jsx)(qt, {
 					icon: "fill.colored",
-					tooltip: o("conditionalFormat.fillColor"),
+					tooltip: a("conditionalFormat.fillColor"),
 					selectedColor: S,
 					disabled: r,
 					onSelectColor: (e) => ((e) => {
 						let r = { ...t };
 						e ? r.fill = {
-							type: g.Type.Solid,
+							type: _.Type.Solid,
 							color: e.toString()
 						} : delete r.fill, n(Object.keys(r).length === 0 ? null : r);
 					})(e),
-					darkMode: u,
+					darkMode: l,
 					propsPanel: {
 						disableAlpha: !0,
 						autoColor: hi,
-						autoColorLabelKey: i("color.noFill"),
-						autoColorPosition: lt.End,
-						...d
+						autoColorLabelKey: f("color.noFill"),
+						autoColorPosition: Wt.End,
+						...u
 					}
 				}),
-				(0, Z.jsx)(dt, {
+				(0, Z.jsx)(qt, {
 					icon: "text.colored",
-					tooltip: o("conditionalFormat.fontColor"),
+					tooltip: a("conditionalFormat.fontColor"),
 					selectedColor: x,
 					disabled: r,
 					onSelectColor: (e) => v({ color: e ? e.toString() : void 0 }),
-					darkMode: u,
+					darkMode: l,
 					propsPanel: {
 						disableAlpha: !0,
-						autoColor: y,
-						...d
+						autoColor: b,
+						...u
 					}
 				})
 			]
@@ -2309,22 +2309,22 @@ var hi = new C("transparent"), gi = {
 });
 yi.displayName = "ConditionalFormatStylePicker";
 var bi = {
-	[_.ColorStopType.AutoMin]: i("conditionalFormat.stopType.autoMin"),
-	[_.ColorStopType.AutoMax]: i("conditionalFormat.stopType.autoMax"),
-	[_.ColorStopType.Min]: i("conditionalFormat.stopType.min"),
-	[_.ColorStopType.Max]: i("conditionalFormat.stopType.max"),
-	[_.ColorStopType.Num]: i("conditionalFormat.stopType.num"),
-	[_.ColorStopType.Percent]: i("conditionalFormat.stopType.percent"),
-	[_.ColorStopType.Percentile]: i("conditionalFormat.stopType.percentile"),
-	[_.ColorStopType.Formula]: i("conditionalFormat.stopType.formula")
+	[v.ColorStopType.AutoMin]: f("conditionalFormat.stopType.autoMin"),
+	[v.ColorStopType.AutoMax]: f("conditionalFormat.stopType.autoMax"),
+	[v.ColorStopType.Min]: f("conditionalFormat.stopType.min"),
+	[v.ColorStopType.Max]: f("conditionalFormat.stopType.max"),
+	[v.ColorStopType.Num]: f("conditionalFormat.stopType.num"),
+	[v.ColorStopType.Percent]: f("conditionalFormat.stopType.percent"),
+	[v.ColorStopType.Percentile]: f("conditionalFormat.stopType.percentile"),
+	[v.ColorStopType.Formula]: f("conditionalFormat.stopType.formula")
 }, xi = /* @__PURE__ */ new Set([
-	_.ColorStopType.AutoMin,
-	_.ColorStopType.AutoMax,
-	_.ColorStopType.Min,
-	_.ColorStopType.Max
+	v.ColorStopType.AutoMin,
+	v.ColorStopType.AutoMax,
+	v.ColorStopType.Min,
+	v.ColorStopType.Max
 ]), Si = (0, X.memo)((e) => {
-	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = M(), { darkMode: d, toColor: f, propsColorPanel: p } = ut(), m = Lr(), h = n.type ?? _.ColorStopType.Num, g = !xi.has(h), v = c || !g, y = h === _.ColorStopType.Formula, b = n.value?.isIFormula ? n.value : null, x = n.color, S = a ? f(x) : null;
-	return (0, Z.jsxs)(I, {
+	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = N(), { darkMode: d, toColor: f, propsColorPanel: p } = Gt(), m = Lr(), h = n.type ?? v.ColorStopType.Num, g = !xi.has(h), _ = c || !g, y = h === v.ColorStopType.Formula, b = n.value?.isIFormula ? n.value : null, x = n.color, S = a ? f(x) : null;
+	return (0, Z.jsxs)(R, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
@@ -2332,7 +2332,7 @@ var bi = {
 		},
 		...l,
 		children: [
-			t !== void 0 && (0, Z.jsx)(L, {
+			t !== void 0 && (0, Z.jsx)(G, {
 				variant: "caption",
 				sx: {
 					color: "text.secondary",
@@ -2344,7 +2344,7 @@ var bi = {
 				children: t
 			}),
 			o,
-			a && (0, Z.jsx)(dt, {
+			a && (0, Z.jsx)(qt, {
 				tooltip: u("conditionalFormat.stopColor"),
 				selectedColor: S,
 				disabled: c,
@@ -2360,7 +2360,7 @@ var bi = {
 					...p
 				}
 			}),
-			s && (0, Z.jsxs)(W, {
+			s && (0, Z.jsxs)(J, {
 				size: "small",
 				value: n.exclusive ? "gt" : "gte",
 				disabled: c,
@@ -2372,15 +2372,15 @@ var bi = {
 					flex: "0 0 auto",
 					backgroundColor: "background.paper"
 				},
-				children: [(0, Z.jsx)(J, {
+				children: [(0, Z.jsx)(Y, {
 					value: "gte",
 					children: ">="
-				}), (0, Z.jsx)(J, {
+				}), (0, Z.jsx)(Y, {
 					value: "gt",
 					children: ">"
 				})]
 			}),
-			(0, Z.jsx)(W, {
+			(0, Z.jsx)(J, {
 				size: "small",
 				value: h,
 				disabled: c,
@@ -2390,8 +2390,8 @@ var bi = {
 						type: e
 					};
 					if (xi.has(e)) delete t.value;
-					else if (t.value === void 0) t.value = e === _.ColorStopType.Formula ? "" : 0;
-					else if (e !== _.ColorStopType.Formula && typeof t.value != "number") {
+					else if (t.value === void 0) t.value = e === v.ColorStopType.Formula ? "" : 0;
+					else if (e !== v.ColorStopType.Formula && typeof t.value != "number") {
 						let e = typeof t.value == "string" ? Number(t.value) : NaN;
 						t.value = Number.isFinite(e) ? e : 0;
 					}
@@ -2402,7 +2402,7 @@ var bi = {
 					minWidth: 0,
 					backgroundColor: "background.paper"
 				},
-				children: i.map((e) => (0, Z.jsx)(J, {
+				children: i.map((e) => (0, Z.jsx)(Y, {
 					value: e,
 					children: u(bi[e])
 				}, e))
@@ -2418,7 +2418,7 @@ var bi = {
 					});
 				},
 				placeholder: u("conditionalFormat.enterFormula"),
-				disabled: v,
+				disabled: _,
 				equals: "bare",
 				pickAs: "absolute",
 				label: null,
@@ -2427,14 +2427,14 @@ var bi = {
 				sx: {
 					flex: "1 1 30%",
 					minWidth: 0,
-					"& .MuiInputBase-root": { backgroundColor: v ? "action.disabledBackground" : "background.paper" }
+					"& .MuiInputBase-root": { backgroundColor: _ ? "action.disabledBackground" : "background.paper" }
 				}
-			}) : (0, Z.jsx)(q, {
+			}) : (0, Z.jsx)(vn, {
 				size: "small",
 				type: "number",
 				placeholder: g ? void 0 : u("conditionalFormat.stopFromData"),
 				value: g ? `${n.value ?? ""}` : "",
-				disabled: v,
+				disabled: _,
 				onChange: (e) => {
 					let t = e.target.value;
 					r({
@@ -2445,11 +2445,11 @@ var bi = {
 				sx: {
 					flex: "1 1 30%",
 					minWidth: 0,
-					cursor: v ? "not-allowed" : void 0
+					cursor: _ ? "not-allowed" : void 0
 				},
 				slotProps: { input: { sx: {
-					backgroundColor: v ? "action.disabledBackground" : "background.paper",
-					cursor: v ? "not-allowed" : void 0
+					backgroundColor: _ ? "action.disabledBackground" : "background.paper",
+					cursor: _ ? "not-allowed" : void 0
 				} } }
 			})
 		]
@@ -2457,32 +2457,32 @@ var bi = {
 });
 Si.displayName = "ScaleStopRow";
 var Ci = [
-	_.ColorStopType.Min,
-	_.ColorStopType.Max,
-	_.ColorStopType.Num,
-	_.ColorStopType.Percent,
-	_.ColorStopType.Percentile,
-	_.ColorStopType.Formula
+	v.ColorStopType.Min,
+	v.ColorStopType.Max,
+	v.ColorStopType.Num,
+	v.ColorStopType.Percent,
+	v.ColorStopType.Percentile,
+	v.ColorStopType.Formula
 ], wi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...a } = e, o = M(), { workbook: s, toColor: c } = ut(), l = t.stops ?? [], u = l.length === 2 ? [i("conditionalFormat.stop.minimum"), i("conditionalFormat.stop.maximum")] : [
-		i("conditionalFormat.stop.minimum"),
-		i("conditionalFormat.stop.midpoint"),
-		i("conditionalFormat.stop.maximum")
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = N(), { workbook: o, toColor: s } = Gt(), 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, Z.jsxs)(I, {
+	return (0, Z.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 1
 		},
-		...a,
-		children: [(0, Z.jsx)(mi, { children: (0, Z.jsxs)(I, {
+		...i,
+		children: [(0, Z.jsx)(mi, { children: (0, Z.jsxs)(R, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(I, {
+			children: [(0, Z.jsx)(R, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2490,29 +2490,29 @@ var Ci = [
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: an.filter((e) => e.stops.length === (l.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(K, {
+				children: we.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(Kt, {
 					sheet: !0,
 					disabled: r,
 					onClick: () => n(structuredClone(e)),
-					children: (0, Z.jsx)(ot, { rows: gt(e.stops ?? [], G, s) })
+					children: (0, Z.jsx)(Vt, { rows: Qt(e.stops ?? [], Et, o) })
 				}, t))
 			}), (0, Z.jsxs)(Ar, {
 				exclusive: !0,
 				size: "small",
-				value: l.length === 2 ? 2 : 3,
+				value: c.length === 2 ? 2 : 3,
 				disabled: r,
 				onChange: (e, r) => {
 					r && ((e) => {
-						if (e === l.length || e !== 2 && e !== 3) return;
-						let r = l.slice();
+						if (e === c.length || e !== 2 && e !== 3) return;
+						let r = c.slice();
 						if (e === 3) {
-							let e = "#FFEB84", t = c(l[0]?.color ?? e)?.toRGBA(), n = c(l[l.length - 1]?.color ?? e)?.toRGBA();
+							let e = "#FFEB84", t = s(c[0]?.color ?? e)?.toRGBA(), n = s(c[c.length - 1]?.color ?? e)?.toRGBA();
 							if (t && n) {
 								let r = (e) => Math.round(e).toString(16).padStart(2, "0").toUpperCase();
 								e = `#${r((t.red + n.red) / 2)}${r((t.green + n.green) / 2)}${r((t.blue + n.blue) / 2)}`;
 							}
 							r.splice(1, 0, {
-								type: _.ColorStopType.Percentile,
+								type: v.ColorStopType.Percentile,
 								value: 50,
 								color: e
 							});
@@ -2531,7 +2531,7 @@ var Ci = [
 						pt: .25,
 						pb: .25
 					},
-					children: o("conditionalFormat.twoColor")
+					children: a("conditionalFormat.twoColor")
 				}), (0, Z.jsx)(Dr, {
 					value: 3,
 					sx: {
@@ -2539,19 +2539,19 @@ var Ci = [
 						pt: .25,
 						pb: .25
 					},
-					children: o("conditionalFormat.threeColor")
+					children: a("conditionalFormat.threeColor")
 				})]
 			})]
 		}) }), (0, Z.jsx)(mi, {
 			variant: "config",
-			children: l.map((e, i) => (0, Z.jsx)(Si, {
-				label: o(u[Math.min(i, u.length - 1)]),
+			children: c.map((e, i) => (0, Z.jsx)(Si, {
+				label: a(l[Math.min(i, l.length - 1)]),
 				stop: e,
 				allowedTypes: Ci,
 				showColor: !0,
 				readOnly: r,
 				onStopChange: (e) => {
-					let r = l.slice();
+					let r = c.slice();
 					r[i] = e, n({
 						...t,
 						stops: r
@@ -2563,26 +2563,26 @@ var Ci = [
 });
 wi.displayName = "ColorScaleRulePanel";
 var Ti = [
-	_.ColorStopType.AutoMin,
-	_.ColorStopType.Min,
-	_.ColorStopType.Num,
-	_.ColorStopType.Percent,
-	_.ColorStopType.Percentile,
-	_.ColorStopType.Formula
+	v.ColorStopType.AutoMin,
+	v.ColorStopType.Min,
+	v.ColorStopType.Num,
+	v.ColorStopType.Percent,
+	v.ColorStopType.Percentile,
+	v.ColorStopType.Formula
 ], Ei = [
-	_.ColorStopType.AutoMax,
-	_.ColorStopType.Max,
-	_.ColorStopType.Num,
-	_.ColorStopType.Percent,
-	_.ColorStopType.Percentile,
-	_.ColorStopType.Formula
+	v.ColorStopType.AutoMax,
+	v.ColorStopType.Max,
+	v.ColorStopType.Num,
+	v.ColorStopType.Percent,
+	v.ColorStopType.Percentile,
+	v.ColorStopType.Formula
 ], Di = "__auto__", Oi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = M(), { darkMode: o, toColor: s, propsColorPanel: c } = ut(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), m = t.gradient ?? !1, h = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = N(), { darkMode: o, toColor: s, propsColorPanel: c } = Gt(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), m = t.gradient ?? !1, h = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
 	}, g = { backgroundColor: "background.paper" };
-	return (0, Z.jsxs)(I, {
+	return (0, Z.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2590,13 +2590,13 @@ var Ti = [
 		},
 		...i,
 		children: [(0, Z.jsxs)(mi, { children: [
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(R, {
 				sx: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(I, {
+				children: [(0, Z.jsx)(R, {
 					sx: {
 						flex: "1 1 auto",
 						minWidth: 0,
@@ -2604,7 +2604,7 @@ var Ti = [
 						gap: .5,
 						flexWrap: "wrap"
 					},
-					children: hn.filter((e) => (e.gradient ?? !1) === m).map((e, t) => (0, Z.jsx)(K, {
+					children: Re.filter((e) => (e.gradient ?? !1) === m).map((e, t) => (0, Z.jsx)(Kt, {
 						sheet: !0,
 						disabled: r,
 						onClick: () => h({
@@ -2612,7 +2612,7 @@ var Ti = [
 							gradient: e.gradient,
 							borderColor: e.borderColor
 						}),
-						children: (0, Z.jsx)(ot, { rows: st(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
+						children: (0, Z.jsx)(Vt, { rows: Ht(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
 					}, t))
 				}), (0, Z.jsxs)(Ar, {
 					exclusive: !0,
@@ -2642,26 +2642,26 @@ var Ti = [
 					})]
 				})]
 			}),
-			(0, Z.jsx)(Nt, {
-				control: (0, Z.jsx)(Mt, {
+			(0, Z.jsx)(gn, {
+				control: (0, Z.jsx)(hn, {
 					size: "small",
 					checked: !1 === t.showValue,
 					disabled: r,
 					onChange: (e) => h({ showValue: !e.target.checked && void 0 })
 				}),
-				label: (0, Z.jsx)(L, {
+				label: (0, Z.jsx)(G, {
 					variant: "body2",
 					children: a("conditionalFormat.showBarsOnly")
 				})
 			}),
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(R, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: .5
 				},
 				children: [
-					(0, Z.jsx)(L, {
+					(0, Z.jsx)(G, {
 						variant: "caption",
 						sx: {
 							color: "text.secondary",
@@ -2669,7 +2669,7 @@ var Ti = [
 						},
 						children: a("conditionalFormat.bar")
 					}),
-					(0, Z.jsx)(dt, {
+					(0, Z.jsx)(qt, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.barColor"),
 						selectedColor: u,
@@ -2681,7 +2681,7 @@ var Ti = [
 							...c
 						}
 					}),
-					(0, Z.jsx)(dt, {
+					(0, Z.jsx)(qt, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.barBorderColor"),
 						selectedColor: f,
@@ -2695,14 +2695,14 @@ var Ti = [
 					})
 				]
 			}),
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(R, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: .5
 				},
 				children: [
-					(0, Z.jsx)(L, {
+					(0, Z.jsx)(G, {
 						variant: "caption",
 						sx: {
 							color: "text.secondary",
@@ -2710,7 +2710,7 @@ var Ti = [
 						},
 						children: a("conditionalFormat.negative")
 					}),
-					(0, Z.jsx)(dt, {
+					(0, Z.jsx)(qt, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.negativeColor"),
 						selectedColor: d ?? u,
@@ -2722,7 +2722,7 @@ var Ti = [
 							...c
 						}
 					}),
-					(0, Z.jsx)(dt, {
+					(0, Z.jsx)(qt, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.negativeBorderColor"),
 						selectedColor: p ?? f,
@@ -2734,7 +2734,7 @@ var Ti = [
 							...c
 						}
 					}),
-					(0, Z.jsx)(K, {
+					(0, Z.jsx)(Kt, {
 						title: a("conditionalFormat.sameAsPositive"),
 						disabled: r || !t.negativeFillColor && !t.negativeBorderColor,
 						onClick: () => h({
@@ -2745,26 +2745,26 @@ var Ti = [
 							color: "text.secondary",
 							"&:disabled": { opacity: .4 }
 						},
-						children: (0, Z.jsx)(E, {
+						children: (0, Z.jsx)(O, {
 							iconKey: "ClearFormats",
 							size: 16
 						})
 					})
 				]
 			}),
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(R, {
 				sx: {
 					display: "flex",
 					gap: 1,
 					mt: .5
 				},
-				children: [(0, Z.jsxs)(U, {
+				children: [(0, Z.jsxs)(q, {
 					size: "small",
 					sx: {
 						flex: 1,
 						minWidth: 0
 					},
-					children: [(0, Z.jsx)(Ue, { children: a("conditionalFormat.axis") }), (0, Z.jsxs)(W, {
+					children: [(0, Z.jsx)(Ct, { children: a("conditionalFormat.axis") }), (0, Z.jsxs)(J, {
 						label: a("conditionalFormat.axis"),
 						value: t.axisPosition ?? Di,
 						disabled: r,
@@ -2774,27 +2774,27 @@ var Ti = [
 							h({ axisPosition: t === Di ? void 0 : t });
 						},
 						children: [
-							(0, Z.jsx)(J, {
+							(0, Z.jsx)(Y, {
 								value: Di,
 								children: a("conditionalFormat.automatic")
 							}),
-							(0, Z.jsx)(J, {
+							(0, Z.jsx)(Y, {
 								value: "middle",
 								children: a("conditionalFormat.axisMiddle")
 							}),
-							(0, Z.jsx)(J, {
+							(0, Z.jsx)(Y, {
 								value: "none",
 								children: a("conditionalFormat.axisNone")
 							})
 						]
 					})]
-				}), (0, Z.jsxs)(U, {
+				}), (0, Z.jsxs)(q, {
 					size: "small",
 					sx: {
 						flex: 1,
 						minWidth: 0
 					},
-					children: [(0, Z.jsx)(Ue, { children: a("conditionalFormat.direction") }), (0, Z.jsxs)(W, {
+					children: [(0, Z.jsx)(Ct, { children: a("conditionalFormat.direction") }), (0, Z.jsxs)(J, {
 						label: a("conditionalFormat.direction"),
 						value: t.direction ?? Di,
 						disabled: r,
@@ -2804,15 +2804,15 @@ var Ti = [
 							h({ direction: t === Di ? void 0 : t });
 						},
 						children: [
-							(0, Z.jsx)(J, {
+							(0, Z.jsx)(Y, {
 								value: Di,
 								children: a("conditionalFormat.automatic")
 							}),
-							(0, Z.jsx)(J, {
+							(0, Z.jsx)(Y, {
 								value: "leftToRight",
 								children: a("conditionalFormat.leftToRight")
 							}),
-							(0, Z.jsx)(J, {
+							(0, Z.jsx)(Y, {
 								value: "rightToLeft",
 								children: a("conditionalFormat.rightToLeft")
 							})
@@ -2824,7 +2824,7 @@ var Ti = [
 			variant: "config",
 			children: [(0, Z.jsx)(Si, {
 				label: a("conditionalFormat.stop.minimum"),
-				stop: l[0] ?? { type: _.ColorStopType.AutoMin },
+				stop: l[0] ?? { type: v.ColorStopType.AutoMin },
 				allowedTypes: Ti,
 				readOnly: r,
 				onStopChange: (e) => {
@@ -2833,12 +2833,12 @@ var Ti = [
 				}
 			}), (0, Z.jsx)(Si, {
 				label: a("conditionalFormat.stop.maximum"),
-				stop: l[1] ?? { type: _.ColorStopType.AutoMax },
+				stop: l[1] ?? { type: v.ColorStopType.AutoMax },
 				allowedTypes: Ei,
 				readOnly: r,
 				onStopChange: (e) => {
 					let t = l.slice();
-					for (; t.length < 2;) t.push({ type: _.ColorStopType.AutoMax });
+					for (; t.length < 2;) t.push({ type: v.ColorStopType.AutoMax });
 					t[1] = e, h({ stops: t });
 				}
 			})]
@@ -2846,22 +2846,22 @@ var Ti = [
 	});
 });
 Oi.displayName = "DataBarRulePanel";
-var ki = i("conditionalFormat.noCellIcon"), Ai = i("conditionalFormat.cellIcon"), ji = {
+var ki = f("conditionalFormat.noCellIcon"), Ai = f("conditionalFormat.cellIcon"), ji = {
 	borderColor: "primary.main",
 	boxShadow: (e) => `inset 0 0 0 1px ${e.palette.primary.main}`
 }, Mi = {
 	width: "28px",
 	height: "26px"
 }, Ni = (0, X.memo)((e) => {
-	let { icon: t, onPick: n } = e, r = M();
-	return (0, Z.jsxs)(I, {
+	let { icon: t, onPick: n } = e, r = N();
+	return (0, Z.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "4px",
 			padding: "6px 8px"
 		},
-		children: [(0, Z.jsx)(K, {
+		children: [(0, Z.jsx)(Kt, {
 			sheet: !0,
 			title: r(ki),
 			"aria-pressed": t === null,
@@ -2870,24 +2870,24 @@ var ki = i("conditionalFormat.noCellIcon"), Ai = i("conditionalFormat.cellIcon")
 				...t === null ? ji : null
 			},
 			onClick: () => {
-				n({ ...pn });
+				n({ ...Ue });
 			},
-			children: (0, Z.jsx)(mn, {
+			children: (0, Z.jsx)(B, {
 				icons: [null],
 				size: 16
 			})
-		}), (0, Z.jsx)(I, {
+		}), (0, Z.jsx)(R, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: "repeat(8, auto)",
 				justifyContent: "start",
 				gap: "3px"
 			},
-			children: vn.map((e) => {
+			children: Fe.map((e) => {
 				let i = ((e, t) => !!e && e.iconKey === t.iconKey && e.color === t.color)(t, e.spec);
-				return (0, Z.jsx)(K, {
+				return (0, Z.jsx)(Kt, {
 					sheet: !0,
-					title: Et(r, e.spec),
+					title: ln(r, e.spec),
 					"aria-pressed": i,
 					sx: {
 						...Mi,
@@ -2899,7 +2899,7 @@ var ki = i("conditionalFormat.noCellIcon"), Ai = i("conditionalFormat.cellIcon")
 							id: e.id
 						});
 					},
-					children: (0, Z.jsx)(mn, {
+					children: (0, Z.jsx)(B, {
 						icons: [e.spec],
 						size: 16
 					})
@@ -2910,8 +2910,8 @@ var ki = i("conditionalFormat.noCellIcon"), Ai = i("conditionalFormat.cellIcon")
 });
 Ni.displayName = "IconCatalogPanel";
 var Pi = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { icon: n, onPick: r, tooltip: i, ...a } = e, o = M();
-	return (0, Z.jsx)(Rt, {
+	let { icon: n, onPick: r, tooltip: i, ...a } = e, o = N();
+	return (0, Z.jsx)(Sn, {
 		ref: t,
 		createPopupPanel: (0, X.useCallback)((e) => {
 			let { closeFloat: t } = e, i = (0, Z.jsx)(Ni, {
@@ -2920,13 +2920,13 @@ var Pi = (0, X.memo)((0, X.forwardRef)((e, t) => {
 					t?.(), r(e);
 				}
 			});
-			return Yt({
+			return Nn({
 				...e,
 				children: i
 			});
 		}, [n, r]),
 		tooltip: i ?? o(Ai),
-		icon: (0, Z.jsx)(mn, {
+		icon: (0, Z.jsx)(B, {
 			icons: [n],
 			size: 16
 		}),
@@ -2936,24 +2936,24 @@ var Pi = (0, X.memo)((0, X.forwardRef)((e, t) => {
 }));
 Pi.displayName = "IconPickerPopupButton";
 var Fi = [
-	_.ColorStopType.Percent,
-	_.ColorStopType.Num,
-	_.ColorStopType.Percentile,
-	_.ColorStopType.Formula
+	v.ColorStopType.Percent,
+	v.ColorStopType.Num,
+	v.ColorStopType.Percentile,
+	v.ColorStopType.Formula
 ], Ii = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = M(), o = t.iconSet ?? w.IconSet.TrafficLights3, c = rn(o).length === 0, l = t.stops ?? [], u = l.length, d = _n(t), f = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = N(), s = t.iconSet ?? S.IconSet.TrafficLights3, c = ke(s).length === 0, l = t.stops ?? [], u = l.length, d = V(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, X.useCallback)((e) => {
-		let { closeFloat: t } = e, n = (0, Z.jsx)(vt, {
-			groups: tt,
+		let { closeFloat: t } = e, n = (0, Z.jsx)(en, {
+			groups: It,
 			disabled: r,
 			onPick: (e) => {
-				t?.(), e.type === _.ScaleType.IconSet && e.iconSet && ((e) => {
-					if (e === o) return;
-					let t = Dn(e), n = l;
-					t !== l.length && (n = Sn(t)), f({
+				t?.(), e.type === v.ScaleType.IconSet && e.iconSet && ((e) => {
+					if (e === s) return;
+					let t = Ge(e), n = l;
+					t !== l.length && (n = Be(t)), f({
 						iconSet: e,
 						stops: n,
 						icon: void 0
@@ -2961,12 +2961,12 @@ var Fi = [
 				})(e.iconSet);
 			}
 		});
-		return Yt({
+		return Nn({
 			...e,
 			children: n
 		});
-	}, [r, t]), m = s.camelToPrettyCase(o);
-	return (0, Z.jsxs)(I, {
+	}, [r, t]), m = o.camelToPrettyCase(s);
+	return (0, Z.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2974,29 +2974,29 @@ var Fi = [
 		},
 		...i,
 		children: [(0, Z.jsxs)(mi, { children: [
-			(0, Z.jsx)(I, {
+			(0, Z.jsx)(R, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: 1
 				},
-				children: (0, Z.jsx)(Rt, {
+				children: (0, Z.jsx)(Sn, {
 					outlined: !0,
 					disabled: r,
 					label: m,
 					tooltip: m,
-					icon: (0, Z.jsx)(I, {
+					icon: (0, Z.jsx)(R, {
 						sx: {
 							width: "82px",
 							display: "flex",
 							justifyContent: "center"
 						},
-						children: c ? (0, Z.jsx)(L, {
+						children: c ? (0, Z.jsx)(G, {
 							variant: "caption",
 							noWrap: !0,
 							children: m
-						}) : (0, Z.jsx)(mn, {
-							icons: rn(o),
+						}) : (0, Z.jsx)(B, {
+							icons: ke(s),
 							order: "descending",
 							size: 14,
 							gap: 3
@@ -3005,35 +3005,35 @@ var Fi = [
 					createPopupPanel: p
 				})
 			}),
-			c && (0, Z.jsx)(L, {
+			c && (0, Z.jsx)(G, {
 				variant: "caption",
 				sx: { color: "text.secondary" },
 				children: a("conditionalFormat.adoptedIconSet")
 			}),
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(R, {
 				sx: {
 					display: "flex",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(Nt, {
-					control: (0, Z.jsx)(Mt, {
+				children: [(0, Z.jsx)(gn, {
+					control: (0, Z.jsx)(hn, {
 						size: "small",
 						checked: !1 === t.showValue,
 						disabled: r,
 						onChange: (e) => f({ showValue: !e.target.checked && void 0 })
 					}),
-					label: (0, Z.jsx)(L, {
+					label: (0, Z.jsx)(G, {
 						variant: "body2",
 						children: a("conditionalFormat.showIconsOnly")
 					})
-				}), (0, Z.jsx)(Nt, {
-					control: (0, Z.jsx)(Mt, {
+				}), (0, Z.jsx)(gn, {
+					control: (0, Z.jsx)(hn, {
 						size: "small",
 						checked: t.reverse ?? !1,
 						disabled: r,
 						onChange: (e) => f({ reverse: !!e.target.checked || void 0 })
 					}),
-					label: (0, Z.jsx)(L, {
+					label: (0, Z.jsx)(G, {
 						variant: "body2",
 						children: a("conditionalFormat.reverseIcons")
 					})
@@ -3051,7 +3051,7 @@ var Fi = [
 					leading: (0, Z.jsx)(Pi, {
 						icon: d[i] ?? null,
 						disabled: r || c,
-						onPick: (e) => n(cn(t, a, e))
+						onPick: (e) => n(Oe(t, a, e))
 					}),
 					onStopChange: (e) => {
 						let t = l.slice();
@@ -3063,15 +3063,15 @@ var Fi = [
 	});
 });
 Ii.displayName = "IconSetRulePanel";
-var Li = (e, t, n) => Xe(e, t)?.toCSS("adaptive") ?? n, Ri = (e, t, n) => {
+var Li = (e, t, n) => jt(e, t)?.toCSS("adaptive") ?? n, Ri = (e, t, n) => {
 	if (!e) return n;
 	if (typeof e == "string") return Li(e, t, n);
-	if (e.type === g.Type.None) return n;
+	if (e.type === _.Type.None) return n;
 	let r = e, i = e;
 	return Li(i.foreground ?? r.color ?? i.background, t, n);
 }, zi = (0, X.memo)((e) => {
-	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = ut();
-	wn(t, "onAnyChange");
+	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = Gt();
+	Ke(t, "onAnyChange");
 	let o = t.getScale(), s = t.getStyle(), c = (0, X.useMemo)(() => {
 		try {
 			return i?.getStyles().getNormal().getFont().toCSS("adaptive") ?? {};
@@ -3079,9 +3079,9 @@ var Li = (e, t, n) => Xe(e, t)?.toCSS("adaptive") ?? n, Ri = (e, t, n) => {
 			return {};
 		}
 	}, [i, a]), l = (0, X.useMemo)(() => {
-		if (o?.type === _.ScaleType.ColorScale) return (0, Z.jsx)(ot, { rows: gt(o.stops ?? [], G, i) });
-		if (o?.type === _.ScaleType.DataBar) return (0, Z.jsx)(ot, { rows: st(o, Li(o.color, i, Dt), o.borderColor ? Li(o.borderColor, i, Dt) : void 0) });
-		if (o?.type === _.ScaleType.IconSet) return (0, Z.jsx)(I, {
+		if (o?.type === v.ScaleType.ColorScale) return (0, Z.jsx)(Vt, { rows: Qt(o.stops ?? [], Et, i) });
+		if (o?.type === v.ScaleType.DataBar) return (0, Z.jsx)(Vt, { rows: Ht(o, Li(o.color, i, un), o.borderColor ? Li(o.borderColor, i, un) : void 0) });
+		if (o?.type === v.ScaleType.IconSet) return (0, Z.jsx)(R, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -3090,15 +3090,15 @@ var Li = (e, t, n) => Xe(e, t)?.toCSS("adaptive") ?? n, Ri = (e, t, n) => {
 				height: "100%",
 				px: .5
 			},
-			children: (0, Z.jsx)(mn, {
-				icons: _n(o),
+			children: (0, Z.jsx)(B, {
+				icons: V(o),
 				order: "descending",
 				size: 14,
 				gap: 3
 			})
 		});
-		let e = s?.font, t = e?.underline && e.underline !== b.UnderlineStyle.None;
-		return (0, Z.jsx)(I, {
+		let e = s?.font, t = e?.underline && e.underline !== y.UnderlineStyle.None;
+		return (0, Z.jsx)(R, {
 			sx: {
 				width: "100%",
 				height: "100%",
@@ -3107,13 +3107,13 @@ var Li = (e, t, n) => Xe(e, t)?.toCSS("adaptive") ?? n, Ri = (e, t, n) => {
 				justifyContent: "center",
 				...c,
 				backgroundColor: Ri(s?.fill, i, "transparent"),
-				...e?.color && e.color !== "auto" ? { color: Li(e.color, i, nt) } : null,
+				...e?.color && e.color !== "auto" ? { color: Li(e.color, i, Lt) } : 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 ${Li(Object.values(s.borders)[0]?.color, i, mt)}` : void 0,
+				outline: s?.borders ? `1px solid ${Li(Object.values(s.borders)[0]?.color, i, Xt)}` : void 0,
 				outlineOffset: "-3px"
 			},
 			children: "Aa"
@@ -3126,7 +3126,7 @@ var Li = (e, t, n) => Xe(e, t)?.toCSS("adaptive") ?? n, Ri = (e, t, n) => {
 		i,
 		a
 	]);
-	return (0, Z.jsx)(K, {
+	return (0, Z.jsx)(Kt, {
 		sheet: !0,
 		className: "sxl-cf-rule-preview",
 		sx: {
@@ -3143,20 +3143,20 @@ var Bi = (e, t) => {
 	let n = e.getCondition()?.toString();
 	if (n) return n;
 	let r = e.getScale();
-	return r ? s.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
+	return r ? o.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
 }, Vi = {
-	classic: i("conditionalFormat.tab.classic"),
-	[_.ScaleType.ColorScale]: i("conditionalFormat.tab.colorScale"),
-	[_.ScaleType.DataBar]: i("conditionalFormat.tab.dataBars"),
-	[_.ScaleType.IconSet]: i("conditionalFormat.tab.iconSets")
+	classic: f("conditionalFormat.tab.classic"),
+	[v.ScaleType.ColorScale]: f("conditionalFormat.tab.colorScale"),
+	[v.ScaleType.DataBar]: f("conditionalFormat.tab.dataBars"),
+	[v.ScaleType.IconSet]: f("conditionalFormat.tab.iconSets")
 }, Hi = (0, X.memo)((e) => {
-	let { conditionalFormat: t } = e, n = M();
-	wn(t, "onAnyChange");
+	let { conditionalFormat: t } = e, n = N();
+	Ke(t, "onAnyChange");
 	let r = t.getScale(), i = t.getCondition(), a = t.getStyle(), o = t.isProtected(), s = r?.type ?? "classic", c = (0, X.useRef)({ scales: {} }), l = (e) => {
 		t.update({ scale: e });
-	}, u = (0, Z.jsxs)(je, {
+	}, u = (0, Z.jsxs)(st, {
 		tabIndex: 0,
-		className: ht["editor-panel"],
+		className: Zt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -3168,7 +3168,7 @@ var Bi = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(R, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -3176,7 +3176,7 @@ var Bi = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Z.jsxs)(I, {
+				children: [(0, Z.jsxs)(R, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -3185,7 +3185,7 @@ var Bi = (e, t) => {
 					children: [(0, Z.jsx)(zi, {
 						conditionalFormat: t,
 						size: 48
-					}), (0, Z.jsx)(L, {
+					}), (0, Z.jsx)(G, {
 						variant: "body2",
 						sx: {
 							minWidth: 0,
@@ -3193,25 +3193,25 @@ var Bi = (e, t) => {
 						},
 						children: Bi(t, n)
 					})]
-				}), (0, Z.jsx)(et, {
+				}), (0, Z.jsx)(Ft, {
 					item: t,
 					label: n("conditionalFormat.applyTo")
 				})]
 			}),
-			(0, Z.jsx)(Ye, {
+			(0, Z.jsx)(At, {
 				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: S.BuiltInOperatorNames.Between,
+								operator: b.BuiltInOperatorNames.Between,
 								param: null
 							},
 							style: c.current.style ?? null,
 							scale: null
 						});
 						else {
-							let n = c.current.scales[e] ?? (e === _.ScaleType.ColorScale ? jn() : e === _.ScaleType.DataBar ? un() : bn());
+							let n = c.current.scales[e] ?? (e === v.ScaleType.ColorScale ? $e() : e === v.ScaleType.DataBar ? Ne() : Te());
 							t.update({
 								scale: n,
 								condition: null,
@@ -3234,7 +3234,7 @@ var Bi = (e, t) => {
 						minWidth: 0
 					}
 				},
-				children: Object.keys(Vi).map((e) => (0, Z.jsx)($e, {
+				children: Object.keys(Vi).map((e) => (0, Z.jsx)(Pt, {
 					value: e,
 					label: n(Vi[e])
 				}, e))
@@ -3250,22 +3250,22 @@ var Bi = (e, t) => {
 				readOnly: o,
 				onConditionChange: (e) => t.setCondition(e)
 			})] }),
-			r?.type === _.ScaleType.ColorScale && (0, Z.jsx)(wi, {
+			r?.type === v.ScaleType.ColorScale && (0, Z.jsx)(wi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === _.ScaleType.DataBar && (0, Z.jsx)(Oi, {
+			r?.type === v.ScaleType.DataBar && (0, Z.jsx)(Oi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === _.ScaleType.IconSet && (0, Z.jsx)(Ii, {
+			r?.type === v.ScaleType.IconSet && (0, Z.jsx)(Ii, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			s === "classic" && (0, Z.jsx)(I, {
+			s === "classic" && (0, Z.jsx)(R, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -3273,8 +3273,8 @@ var Bi = (e, t) => {
 					borderColor: "divider",
 					borderRadius: 1
 				},
-				children: (0, Z.jsx)(Nt, {
-					control: (0, Z.jsx)(Mt, {
+				children: (0, Z.jsx)(gn, {
+					control: (0, Z.jsx)(hn, {
 						checked: t.isStopIfTrue(),
 						disabled: o,
 						onChange: (e) => t.setStopIfTrue(e.target.checked)
@@ -3291,8 +3291,8 @@ var Bi = (e, t) => {
 });
 Hi.displayName = "ConditionalFormatEditorPanel";
 var Ui = (0, X.memo)(({ item: e }) => {
-	let t = M();
-	return wn(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(I, {
+	let t = N();
+	return Ke(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(R, {
 		sx: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -3304,34 +3304,34 @@ var Ui = (0, X.memo)(({ item: e }) => {
 			borderRadius: 1,
 			color: "text.secondary"
 		},
-		children: (0, Z.jsx)(L, {
+		children: (0, Z.jsx)(G, {
 			variant: "caption",
 			children: t("conditionalFormat.stopIfTrue")
 		})
 	});
 });
 Ui.displayName = "StopIfTrueBadge";
-var Wi = (0, X.memo)(({ item: e }) => (0, Z.jsx)(et, {
+var Wi = (0, X.memo)(({ item: e }) => (0, Z.jsx)(Ft, {
 	item: e,
-	label: M()("conditionalFormat.applyTo"),
+	label: N()("conditionalFormat.applyTo"),
 	helperText: null
 }));
 Wi.displayName = "ConditionalFormatCardRanges";
 var Gi = {
 	key: "conditional-format",
 	messageKeys: {
-		none: i("conditionalFormat.none"),
-		addPrompt: i("conditionalFormat.addPrompt"),
-		heading: i("conditionalFormat.heading"),
-		insert: i("conditionalFormat.insert"),
-		new: i("conditionalFormat.new"),
-		moveUp: i("conditionalFormat.moveUp"),
-		moveDown: i("conditionalFormat.moveDown"),
-		edit: i("conditionalFormat.edit"),
-		duplicate: i("conditionalFormat.duplicate"),
-		delete: i("conditionalFormat.delete"),
-		cancel: i("conditionalFormat.cancel"),
-		save: i("conditionalFormat.save")
+		none: f("conditionalFormat.none"),
+		addPrompt: f("conditionalFormat.addPrompt"),
+		heading: f("conditionalFormat.heading"),
+		insert: f("conditionalFormat.insert"),
+		new: f("conditionalFormat.new"),
+		moveUp: f("conditionalFormat.moveUp"),
+		moveDown: f("conditionalFormat.moveDown"),
+		edit: f("conditionalFormat.edit"),
+		duplicate: f("conditionalFormat.duplicate"),
+		delete: f("conditionalFormat.delete"),
+		cancel: f("conditionalFormat.cancel"),
+		save: f("conditionalFormat.save")
 	},
 	getCollection: (e) => e.getConditionalFormats(),
 	changeEvents: ["onConditionalFormatsChange"],
@@ -3357,7 +3357,7 @@ var Gi = {
 	EditorBody: ({ item: e }) => (0, Z.jsx)(Hi, { conditionalFormat: e })
 }, Ki = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { workbook: n, args: r, ...i } = e;
-	return (0, Z.jsx)(Qe, {
+	return (0, Z.jsx)(Nt, {
 		ref: t,
 		workbook: n,
 		descriptor: Gi,
@@ -4249,11 +4249,11 @@ var ro = (0, X.memo)(no), io = Na({ wrappedRoot: {
 	checkIcon: "_checkIcon_h0jnt_42",
 	button: "_button_h0jnt_47"
 }, _o = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { id: n, message: r, iconVariant: i, error: a, hideIconVariant: o, ...s } = e, c = M(), { closeSnackbar: l } = ho(), [u, f] = (0, X.useState)(!1), m = a ? d.collectErrorChain(a, !0)?.[0]?.error : void 0, h = m && !(m instanceof p), g = (0, X.useCallback)(() => {
-		f((e) => !e);
+	let { id: n, message: r, iconVariant: i, error: a, hideIconVariant: o, ...c } = e, u = N(), { closeSnackbar: d } = ho(), [f, p] = (0, X.useState)(!1), m = a ? s.collectErrorChain(a, !0)?.[0]?.error : void 0, h = m && !(m instanceof l), g = (0, X.useCallback)(() => {
+		p((e) => !e);
 	}, []), _ = (0, X.useCallback)(() => {
-		l(n);
-	}, [n, l]), v = m?.message;
+		d(n);
+	}, [n, d]), v = m?.message;
 	return !v && (0, X.isValidElement)(r) && (v = r), v || typeof r != "string" || (v = r), v ||= `Unknown Error: ${r}`, (0, Z.jsx)(Ja, {
 		ref: t,
 		className: Fn(go.root, "error-snackbar"),
@@ -4268,7 +4268,7 @@ var ro = (0, X.memo)(no), io = Na({ wrappedRoot: {
 				className: go.actionRoot,
 				children: [
 					o ? null : i?.error,
-					(0, Z.jsx)(L, {
+					(0, Z.jsx)(G, {
 						variant: "body2",
 						component: "div",
 						className: go.typography,
@@ -4277,25 +4277,25 @@ var ro = (0, X.memo)(no), io = Na({ wrappedRoot: {
 					(0, Z.jsx)("div", { style: { flex: "1 1 auto" } }),
 					(0, Z.jsxs)("div", {
 						className: go.icons,
-						children: [h ? (0, Z.jsx)(Ee, {
-							"aria-label": c("toast.showMore"),
+						children: [h ? (0, Z.jsx)(rt, {
+							"aria-label": u("toast.showMore"),
 							size: "small",
-							className: Fn(go.expand, { [go.expandOpen]: u }),
+							className: Fn(go.expand, { [go.expandOpen]: f }),
 							onClick: g,
-							children: (0, Z.jsx)(E, { iconKey: "ExpandMore" })
-						}) : null, (0, Z.jsx)(Ee, {
+							children: (0, Z.jsx)(O, { iconKey: "ExpandMore" })
+						}) : null, (0, Z.jsx)(rt, {
 							size: "small",
 							className: go.expand,
 							onClick: _,
-							children: (0, Z.jsx)(E, {
+							children: (0, Z.jsx)(O, {
 								iconKey: "Close",
 								style: { transform: "scale(0.8)" }
 							})
 						})]
 					})
 				]
-			}), h ? (0, Z.jsx)(Zt, {
-				in: u,
+			}), h ? (0, Z.jsx)(D, {
+				in: f,
 				timeout: "auto",
 				children: (0, Z.jsx)("div", {
 					className: go.stackTraceContainer,
@@ -4303,7 +4303,7 @@ var ro = (0, X.memo)(no), io = Na({ wrappedRoot: {
 						backgroundColor: "color-mix(in srgb, var(--sxl-color-error) 90%, var(--sxl-color-base-100))",
 						borderTop: "1px solid var(--sxl-color-error)"
 					},
-					children: (0, Z.jsx)(Bt, {
+					children: (0, Z.jsx)(wn, {
 						error: a,
 						hideLineNumbers: !0
 					})
@@ -4313,10 +4313,10 @@ var ro = (0, X.memo)(no), io = Na({ wrappedRoot: {
 	});
 }));
 _o.displayName = "ToastError";
-var vo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
+var vo = (0, Z.jsx)(() => (0, Z.jsx)(pt, {
 	label: "SheetXL",
-	description: M()("logo.description"),
-	children: (0, Z.jsx)(I, {
+	description: N()("logo.description"),
+	children: (0, Z.jsx)(R, {
 		component: "a",
 		href: "https://www.sheetxl.com",
 		target: "_blank",
@@ -4329,24 +4329,24 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 			marginLeft: "6px",
 			cursor: "pointer"
 		},
-		children: (0, Z.jsx)(An, { style: {
+		children: (0, Z.jsx)(Qe, { style: {
 			width: "24px",
 			height: "24px"
 		} })
 	})
 }), {}), yo = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { workbook: n, className: r, logo: i = vo, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = Qt(), d = u < 530, f = (0, X.useRef)(null);
-	return (0, Z.jsx)(I, {
+	let { workbook: n, className: r, logo: i = vo, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = E(), d = u < 530, f = (0, X.useRef)(null);
+	return (0, Z.jsx)(R, {
 		...c,
-		ref: ct([
+		ref: Ut([
 			f,
 			l,
 			t
 		]),
 		className: r,
-		children: _t({
+		children: $t({
 			isCompact: d,
-			wrapperSelect: (e) => (0, Z.jsxs)(I, {
+			wrapperSelect: (e) => (0, Z.jsxs)(R, {
 				sx: {
 					display: "grid",
 					gridTemplateColumns: "1fr auto 1fr",
@@ -4357,7 +4357,7 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 					paddingRight: (e) => e.spacing(1)
 				},
 				children: [
-					(0, Z.jsxs)(I, {
+					(0, Z.jsxs)(R, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4365,7 +4365,7 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 							justifyContent: "start",
 							gap: (e) => e.spacing(.5)
 						},
-						children: [i, (0, Z.jsxs)(I, {
+						children: [i, (0, Z.jsxs)(R, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -4375,7 +4375,7 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 							children: [o, e]
 						})]
 					}),
-					(0, Z.jsx)(I, {
+					(0, Z.jsx)(R, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4386,7 +4386,7 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 						},
 						children: a
 					}),
-					(0, Z.jsx)(I, {
+					(0, Z.jsx)(R, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
@@ -4402,9 +4402,9 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 yo.displayName = "StudioToolbar";
 var bo = (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-" + s.uuidV4(), "popup=true");
-}, xo = Jt(f("studio:shortcutKeysDialog", () => import("./BWtyERLPrUmI8Qbi2.js")).load);
-Je(), Ke();
+	e && n.searchParams.set("source", e), e && t && n.searchParams.set("title", t), window.open(n.toString(), "sheetxl-" + o.uuidV4(), "popup=true");
+}, xo = Mn(d("studio:shortcutKeysDialog", () => import("./BInccbDEuHGg1a2y2.js")).load);
+kt(), Dt();
 var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 	let t = (e) => {
 		if (typeof e != "function") return e;
@@ -4415,7 +4415,7 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 		}
 	}, n = (e, n) => {
 		let r = t(e);
-		return typeof r == "string" ? c(r, n, o.getActive()) : void 0;
+		return typeof r == "string" ? a(r, n, i.getActive()) : void 0;
 	}, r = [];
 	for (let i of e.names()) if (!So.has(i)) for (let a of e.keys(i)) {
 		let o = e.resolveDefinition(i, a);
@@ -4427,29 +4427,29 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 				getDescription: () => n(o?.description, o?.params) ?? "",
 				getShortcut: () => t(o?.shortcut) ?? null,
 				getScope: () => i,
-				getScopeLabel: () => ue.DefaultCommandCatalogService.getScopeLabel(i)
+				getScopeLabel: () => M.DefaultCommandCatalogService.getScopeLabel(i)
 			}
 		});
 	}
 	return { getAllCommands: () => r };
 }, wo = (e) => {
-	let { children: t, workbook: n, setWorkbook: r, workbookTitle: s, isDirty: c, refSave: l } = e, d = ue.useCommandScope(), f = pe(), { showModal: p } = Lt(), m = M(), h = (0, X.useRef)(c);
-	h.current = c;
-	let g = j(() => {
-		let e = d?.getRoot().getRegistry();
+	let { children: t, workbook: n, setWorkbook: r, workbookTitle: a, isDirty: o, refSave: s } = e, l = M.useCommandScope(), u = he(), { showModal: d } = xn(), m = N(), h = (0, X.useRef)(o);
+	h.current = o;
+	let g = P(() => {
+		let e = l?.getRoot().getRegistry();
 		if (!e) return;
-		let t = p(xo, {
+		let t = d(xo, {
 			title: m("dialog.shortcutKeys.title"),
 			commands: Co(e),
 			onDone: () => t.hide(),
 			onLoadError: (e) => {
-				t.destroy(), f.showError(e);
+				t.destroy(), u.showError(e);
 			}
 		});
-	}, [d, p]);
+	}, [l, d]);
 	(0, X.useEffect)(() => {
-		if (!d) return;
-		let e = d.getRoot().contribution();
+		if (!l) return;
+		let e = l.getRoot().contribution();
 		return function(e, t) {
 			let n = () => t.showShortcuts();
 			e.updateCommand("showKeyboardShortcuts", { callback: n }), e.updateCommand("help", { callback: n });
@@ -4462,11 +4462,11 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 				window?.open(n);
 			} });
 		}(e, { showShortcuts: g }), () => e.remove();
-	}, [d, g]);
-	let _ = qe("(prefers-color-scheme: dark)"), { themeMode: v } = te(), [y, b] = F(Nn.Mode, null), [x, S] = F(Nn.DarkGrid, !1), [C, w] = F(Nn.DarkImages, !1);
+	}, [l, g]);
+	let _ = Ot("(prefers-color-scheme: dark)"), { themeMode: v } = ae(), [y, b] = j(Ie.Mode, null), [x, S] = j(Ie.DarkGrid, !1), [C, w] = j(Ie.DarkImages, !1);
 	(0, X.useEffect)(() => {
-		if (!d) return;
-		let e = d.getRoot().contribution();
+		if (!l) return;
+		let e = l.getRoot().contribution();
 		return function(e, t) {
 			e.updateCommand("themeMode", {
 				state: t.mode ?? null,
@@ -4495,7 +4495,7 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 			setEnableDarkImages: w
 		}), () => e.remove();
 	}, [
-		d,
+		l,
 		y,
 		v,
 		_,
@@ -4505,12 +4505,12 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 		S,
 		w
 	]);
-	let [T, E] = F(ae.Active, null), [D, ee] = (0, X.useState)(() => o.getActive());
-	(0, X.useEffect)(() => o.addChangeListener(ee), []), (0, X.useEffect)(() => {
-		T && T !== o.getActive() && o.setActive(T);
+	let [T, E] = j(te.Active, null), [D, O] = (0, X.useState)(() => i.getActive());
+	(0, X.useEffect)(() => i.addChangeListener(O), []), (0, X.useEffect)(() => {
+		T && T !== i.getActive() && i.setActive(T);
 	}, [T]), (0, X.useEffect)(() => {
-		if (!d) return;
-		let e = d.getRoot().contribution();
+		if (!l) return;
+		let e = l.getRoot().contribution();
 		return function(e, t) {
 			e.updateCommand("language", {
 				state: t.active,
@@ -4525,71 +4525,71 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 			}
 		}), () => e.remove();
 	}, [
-		d,
+		l,
 		D,
 		E
 	]);
-	let { isFullscreenAvailable: ne, isFullscreenEnabled: O, toggleFullscreen: k } = N();
+	let { isFullscreenAvailable: ee, isFullscreenEnabled: k, toggleFullscreen: A } = L();
 	(0, X.useEffect)(() => {
-		if (!d) return;
-		let e = d.getRoot().contribution();
+		if (!l) return;
+		let e = l.getRoot().contribution();
 		return function(e, t) {
 			e.updateCommand("fullScreenToggle", {
 				state: t.isFullscreenEnabled,
-				disabledReasons: t.isFullscreenAvailable ? [] : [i("reason.fullscreenUnavailable")],
+				disabledReasons: t.isFullscreenAvailable ? [] : [f("reason.fullscreenUnavailable")],
 				icon: t.isFullscreenEnabled ? "FullScreenOff" : "FullScreen",
 				callback: () => {
 					t.toggleFullscreen();
 				}
 			});
 		}(e, {
-			isFullscreenAvailable: ne,
-			isFullscreenEnabled: O,
-			toggleFullscreen: k
+			isFullscreenAvailable: ee,
+			isFullscreenEnabled: k,
+			toggleFullscreen: A
 		}), () => e.remove();
 	}, [
-		d,
-		ne,
-		O,
-		k
+		l,
+		ee,
+		k,
+		A
 	]);
-	let re = fn(!0);
+	let ne = Xe(!0);
 	return (0, X.useEffect)(() => {
-		if (!d) return;
-		let e = d.getRoot().contribution();
+		if (!l) return;
+		let e = l.getRoot().contribution();
 		return function(e) {
 			e.updateCommand("protectWorkbook", {
 				tags: ["noTransaction", "noRepeat"],
 				callback: () => {
 					((e, t) => {
-						re.activate(e, t);
+						ne.activate(e, t);
 					})("manageProtection", { args: { tab: "workbook" } });
 				}
 			});
 		}(e), () => e.remove();
-	}, [d, re]), (0, X.useEffect)(() => {
-		if (!d || !n) return;
-		let e = d.getRoot().contribution(), t = function(e, t) {
-			let { workbook: n, setWorkbook: r, workbookTitle: o = "export", isDirty: s, notifier: c, refSave: l } = t, d = !1, f = async (e = null, t = null, n = null) => {
-				let r, i = [], o = {
+	}, [l, ne]), (0, X.useEffect)(() => {
+		if (!l || !n) return;
+		let e = l.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) => {
+				let r, i = [], a = {
 					source: e && typeof e != "string" ? e : null,
 					typedCreateWorkbookOptions: t ?? void 0,
 					onPassword: async ({ origin: e, validate: t }) => {
-						let n = await c.showInput({
-							title: a("dialog.password.title"),
-							description: a("dialog.password.open.description", { name: e.getName() ?? "" }),
+						let n = await o.showInput({
+							title: p("dialog.password.title"),
+							description: p("dialog.password.open.description", { name: e.getName() ?? "" }),
 							inputType: "password",
 							options: [{
 								id: "Open",
-								label: () => a("dialog.open")
+								label: () => p("dialog.open")
 							}, "Cancel"],
 							defaultOption: "Open",
 							onValidateInput: async (e, n) => n === void 0 ? { valid: !0 } : e ? await t(e) ? { valid: !0 } : {
 								valid: !1,
-								message: a("dialog.password.open.retry")
+								message: p("dialog.password.open.retry")
 							} : {
 								valid: !1,
-								message: a("dialog.password.open.required")
+								message: p("dialog.password.open.required")
 							}
 						});
 						return n?.option === "Open" ? n.input ?? null : null;
@@ -4598,13 +4598,13 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 						i.push(e);
 					} }
 				};
-				n && (o.progress.onStart = n);
+				n && (a.progress.onStart = n);
 				let s = -5;
-				return Y.read({
-					...o,
+				return z.read({
+					...a,
 					progress: {
 						async onStart(e, t) {
-							await o?.progress?.onStart?.(e, t), r = await c?.showBusy?.(a("workbook.opening", { name: e?.getName() ?? "" })), t && r?.setProgress?.(0, t);
+							await a?.progress?.onStart?.(e, t), r = await o?.showBusy?.(p("workbook.opening", { name: e?.getName() ?? "" })), t && r?.setProgress?.(0, t);
 						},
 						onProgress(e, t) {
 							if (!t) return;
@@ -4617,93 +4617,93 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 							n - s < 5 || (s = n, r?.setProgress?.(e, t));
 						},
 						onComplete() {
-							r?.(), i.length > 0 && (c.showMessage(a("workbook.importWarnings")), console.warn("Import warnings:\n" + i.join("\n")));
+							r?.(), i.length > 0 && (o.showMessage(p("workbook.importWarnings")), console.warn("Import warnings:\n" + i.join("\n")));
 						},
 						onWarning(e, t) {
-							o?.progress?.onWarning?.(e, t);
+							a?.progress?.onWarning?.(e, t);
 						}
 					}
 				});
-			}, p = async (e, t, n = !1, r) => {
-				let i, s, l = {
+			}, d = async (e, t, n = !1, r) => {
+				let a, s, c = {
 					format: t?.key,
 					progress: {
 						async onStart(e) {
-							i = await c?.showBusy?.(a("workbook.saving", { name: e?.getName() ?? "" }));
+							a = await o?.showBusy?.(p("workbook.saving", { name: e?.getName() ?? "" }));
 						},
 						onComplete() {
-							i?.();
+							a?.();
 						}
 					},
 					onWarnings: r ?? (async ({ warnings: e, origin: t, canCancel: n }) => {
-						i?.(), console.warn(`Not written to '${t.getName()}':\n${e.map((e) => `  ${e.message}`).join("\n")}`);
-						let r = a("dialog.writeWarnings.title"), o = t.getFormat(), s = (o ? (await Y.getWriteFormats({ search: o }))[0] : void 0)?.description ?? o ?? "", l = a("dialog.writeWarnings.keep");
-						return n ? await c.showOptions({
+						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 z.getWriteFormats({ search: i }))[0] : void 0)?.description ?? i ?? "", c = p("dialog.writeWarnings.keep");
+						return n ? await o.showOptions({
 							title: r,
-							type: ce.Warning,
-							description: `${a("dialog.writeWarnings.confirm", { format: s })}\n\n${l}`,
+							type: ve.Warning,
+							description: `${p("dialog.writeWarnings.confirm", { format: s })}\n\n${c}`,
 							options: [{
 								id: "Save",
-								label: () => a("dialog.save")
+								label: () => p("dialog.save")
 							}, "Cancel"],
 							defaultOption: "Cancel"
-						}) === "Save" && (i = await c?.showBusy?.(a("workbook.saving", { name: t?.getName() ?? "" })), !0) : (c.showOptions({
+						}) === "Save" && (a = await o?.showBusy?.(p("workbook.saving", { name: t?.getName() ?? "" })), !0) : (o.showOptions({
 							title: r,
-							type: ce.Warning,
-							description: `${a("dialog.writeWarnings.saved", { format: s })}\n\n${l}`,
+							type: ve.Warning,
+							description: `${p("dialog.writeWarnings.saved", { format: s })}\n\n${c}`,
 							options: ["Ok"]
 						}), !0);
 					})
 				};
 				if (n) {
-					let n = e.getOrigin(), r = t?.exts?.[0] ?? (n.getExtension() || "sxl"), i = `${o || n.getName() || a("workbook.defaultName")}.${r}`;
-					s = await Y.writeAs(e, i, {
-						...l,
+					let n = e.getOrigin(), r = t?.exts?.[0] ?? (n.getExtension() || "sxl"), a = `${i || n.getName() || p("workbook.defaultName")}.${r}`;
+					s = await z.writeAs(e, a, {
+						...c,
 						prompt: !0
 					});
-				} else s = await Y.write(e, void 0, l);
+				} else s = await z.write(e, void 0, c);
 				return s;
 			}, m = null;
 			return e.updateCommand("newWorkbook", { callback: async (e) => {
-				let t = Y.canRead() && !s();
+				let t = z.canRead() && !a();
 				e?.source ? t && m ? await m({
 					url: e.source,
 					title: e.title
 				}) : bo(e.source, e.title) : t ? r({}) : bo();
 			} }), e.updateCommand("closeWorkbook", { callback: async () => {
-				s() && await c.showOptions({
-					title: a("dialog.confirm.title"),
-					description: a("dialog.unsavedChanges"),
+				a() && await o.showOptions({
+					title: p("dialog.confirm.title"),
+					description: p("dialog.unsavedChanges"),
 					options: [{
 						id: "Close",
-						label: () => a("dialog.close")
+						label: () => p("dialog.close")
 					}, "Cancel"],
 					defaultOption: "Cancel"
 				}) !== "Close" || window.close();
 			} }), (async () => {
-				let t = await Y.getWriteFormats();
-				if (d) return;
-				let o = Y.canWrite(), h = Y.canRead();
-				if (o) {
+				let t = await z.getWriteFormats();
+				if (l) return;
+				let i = z.canWrite(), h = z.canRead();
+				if (i) {
 					let r = (e) => {
 						let r = e ? t.find((t) => t.key === e) : void 0;
-						p(n, r, !0).catch((e) => c.showError(e));
+						d(n, r, !0).catch((e) => o.showError(e));
 					};
 					e.updateCommand("saveWorkbook", { callback: () => {
-						p(n, void 0, !1).catch((e) => c.showError(e));
-					} }), l && (l.current = (e) => p(n, void 0, !1, e?.onWarnings)), e.updateCommand("saveWorkbookAs", { callback: (e) => {
+						d(n, void 0, !1).catch((e) => o.showError(e));
+					} }), s && (s.current = (e) => d(n, void 0, !1, e?.onWarnings)), e.updateCommand("saveWorkbookAs", { callback: (e) => {
 						r(e);
 					} });
 					for (let n of t) {
 						let t = n.key;
 						e.updateCommand(`saveWorkbookAs${t}`, {
-							label: () => a("command.saveAsFormat.label", { format: n.description }),
+							label: () => p("command.saveAsFormat.label", { format: n.description }),
 							groupLabels: {
-								workbook: () => a("command.saveAsFormat.workbook", { format: n.description }),
-								saveWorkbookOptions: () => a("command.saveAsFormat.compact", { format: n.description })
+								workbook: () => p("command.saveAsFormat.workbook", { format: n.description }),
+								saveWorkbookOptions: () => p("command.saveAsFormat.compact", { format: n.description })
 							},
 							tags: n.tags,
-							description: () => a("command.saveAsFormat", { format: n.description }),
+							description: () => p("command.saveAsFormat", { format: n.description }),
 							icon: t === "CSV" ? "FileDownloadAsCSV" : t === "Excel" ? "FileDownloadAsExcel" : "FileDownloadAsSheet",
 							callback: () => {
 								r(t);
@@ -4717,46 +4717,46 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 						...n.options
 					} };
 					try {
-						let r = "", a = await f(e, t, async (e) => {
+						let r = "", i = await u(e, t, async (e) => {
 							r = e?.getName() ?? "";
 						});
-						if (!a) return;
-						let o = a.getSheets().getItems();
+						if (!i) return;
+						let a = i.getSheets().getItems();
 						await n.doBatch(async () => {
-							for (let e = 0; e < o.length; e++) {
-								let t = o[e], i = o.length === 1 ? r : t.getName(), a = n.findValidSheetName(i);
+							for (let e = 0; e < a.length; e++) {
+								let t = a[e], i = a.length === 1 ? r : t.getName(), o = n.findValidSheetName(i);
 								await n.getSheets().add({
-									name: a,
-									autoSelect: e === o.length - 1
+									name: o,
+									autoSelect: e === a.length - 1
 								}).getEntireRange().copyFrom(t.getEntireRange());
 							}
-						}, i("op.importData")), a.close();
+						}, f("op.importData")), i.close();
 					} catch (e) {
-						c.showError(e);
+						o.showError(e);
 					}
 				};
 				if (e.updateCommand("insertDataFromFile", {
 					tags: ["noTransaction", "noRepeat"],
 					callback: async (e = null) => {
 						let t = e;
-						if (t || Y.canRead() || (t = await (async () => {
-							let e = await Y.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
-							return u.openFileDialog(t.length ? t.join(",") : "*.*");
+						if (t || z.canRead() || (t = await (async () => {
+							let e = await z.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
+							return c.openFileDialog(t.length ? t.join(",") : "*.*");
 						})(), t)) return g(t);
 					}
 				}), e.updateCommand("insertDataFromURL", {
 					tags: ["noTransaction", "noRepeat"],
 					callback: async (e) => {
 						if (!e) {
-							let t = await c.showInput({
-								title: a("dialog.importFromWeb.title"),
-								description: a("dialog.importFromWeb.description"),
-								inputLabel: a("dialog.webAddress.inputLabel"),
+							let t = await o.showInput({
+								title: p("dialog.importFromWeb.title"),
+								description: p("dialog.importFromWeb.description"),
+								inputLabel: p("dialog.webAddress.inputLabel"),
 								initialValue: "https://www.sheetxl.com/docs/examples/financial-calculators.xlsx",
 								propsInput: { style: { minWidth: "440px" } },
 								options: [{
 									id: "Import",
-									label: () => a("dialog.import")
+									label: () => p("dialog.import")
 								}]
 							});
 							if (t.option !== "Import") return;
@@ -4768,16 +4768,16 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 							let n = await t.blob(), r = decodeURIComponent(e.split("/").pop()?.split("?")[0] || "") || "import.xlsx";
 							await g(new File([n], r, { type: n.type }));
 						} catch (e) {
-							c.showError(e);
+							o.showError(e);
 						}
 					}
 				}), h) {
-					let t = async () => !s() || await c.showOptions({
-						title: a("dialog.confirm.title"),
-						description: a("dialog.unsavedChanges"),
+					let t = async () => !a() || await o.showOptions({
+						title: p("dialog.confirm.title"),
+						description: p("dialog.unsavedChanges"),
 						options: [{
 							id: "Open",
-							label: () => a("dialog.open")
+							label: () => p("dialog.open")
 						}, "Cancel"],
 						defaultOption: "Cancel"
 					}) === "Open", i = async (e = null) => {
@@ -4786,11 +4786,11 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 							...n.options
 						} };
 						try {
-							let n = await f(e, t);
+							let n = await u(e, t);
 							if (!n) return;
 							r(n);
 						} catch (e) {
-							c.showError(e);
+							o.showError(e);
 						}
 					};
 					e.updateCommand("openWorkbook", { callback: async (e = null) => {
@@ -4798,15 +4798,15 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 					} }), m = async (e) => {
 						let n = typeof e == "string" ? e : e?.url, r = typeof e == "string" ? void 0 : e?.title;
 						if (!n) {
-							let e = await c.showInput({
-								title: a("dialog.openFromWeb.title"),
-								description: a("dialog.openFromWeb.description"),
-								inputLabel: a("dialog.webAddress.inputLabel"),
+							let e = await o.showInput({
+								title: p("dialog.openFromWeb.title"),
+								description: p("dialog.openFromWeb.description"),
+								inputLabel: p("dialog.webAddress.inputLabel"),
 								initialValue: "https://www.sheetxl.com/docs/examples/financial-calculators.xlsx",
 								propsInput: { style: { minWidth: "440px" } },
 								options: [{
 									id: "Open",
-									label: () => a("dialog.open")
+									label: () => p("dialog.open")
 								}]
 							});
 							if (e.option !== "Open") return;
@@ -4818,36 +4818,36 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 							let t = await e.blob(), a = decodeURIComponent(n.split("/").pop()?.split("?")[0] || "") || "workbook.xlsx", o = a.match(/\.[^/.]+$/)?.[0] ?? "", s = r ? `${r}${o}` : a;
 							await i(new File([t], s, { type: t.type }));
 						} catch (e) {
-							c.showError(e);
+							o.showError(e);
 						}
 					}, e.updateCommand("openWorkbookFromUrl", { callback: m });
 				}
 			})(), () => {
-				d = !0, l && (l.current = null);
+				l = !0, s && (s.current = null);
 			};
 		}(e, {
 			workbook: n,
 			setWorkbook: r,
-			workbookTitle: s ?? void 0,
+			workbookTitle: a ?? void 0,
 			isDirty: () => h.current?.() ?? !1,
-			notifier: f,
-			refSave: l
+			notifier: u,
+			refSave: s
 		});
 		return () => {
 			t(), e.remove();
 		};
 	}, [
-		d,
+		l,
 		n,
 		r,
-		s,
-		f,
-		l
+		a,
+		u,
+		s
 	]), t;
 };
 wo.displayName = "StudioCommandProvider";
 var To = ({ renderWorkbook: e }) => {
-	let t = ue.useCommandResolver(), n = (0, X.useRef)(null), r = M(), [i, a] = (0, X.useState)(null), o = (0, X.useCallback)((e) => {
+	let t = M.useCommandResolver(), n = (0, X.useRef)(null), r = N(), [i, a] = (0, X.useState)(null), o = (0, X.useCallback)((e) => {
 		let n = e.dataTransfer;
 		if (t && n) {
 			if (e.type === "dragenter" || e.type === "dragover") {
@@ -4863,7 +4863,7 @@ var To = ({ renderWorkbook: e }) => {
 			}
 			e.preventDefault();
 		}
-	}, [t]), s = j((e) => {
+	}, [t]), s = P((e) => {
 		e.preventDefault();
 		let r = i;
 		if (a(null), r && t && (e.stopPropagation(), e.dataTransfer.files && e.dataTransfer.files.length > 0)) {
@@ -4888,7 +4888,7 @@ var To = ({ renderWorkbook: e }) => {
 					} }
 				});
 			} else {
-				if (!Y.canRead()) return;
+				if (!z.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);
 			}
@@ -4896,7 +4896,7 @@ var To = ({ renderWorkbook: e }) => {
 	}, [t, i]), c = (0, X.useMemo)(() => {
 		if (!i) return null;
 		let e = i === "insertImage";
-		return (0, Z.jsx)(I, {
+		return (0, Z.jsx)(R, {
 			className: "drop-overlay",
 			sx: {
 				position: "absolute",
@@ -4907,12 +4907,12 @@ var To = ({ renderWorkbook: e }) => {
 				display: "flex",
 				justifyContent: "center",
 				alignItems: "center",
-				backgroundColor: (e) => fe(e.palette.primary.main, .46),
+				backgroundColor: (e) => ue(e.palette.primary.main, .46),
 				outline: (e) => `2px dashed ${e.palette.primary.main}`,
 				outlineOffset: "-6px",
 				borderRadius: 2
 			},
-			children: (0, Z.jsxs)(je, {
+			children: (0, Z.jsxs)(st, {
 				elevation: 6,
 				sx: {
 					display: "flex",
@@ -4924,11 +4924,11 @@ var To = ({ renderWorkbook: e }) => {
 					color: "text.primary",
 					"& .drop-overlay-icon": { color: "primary.main" }
 				},
-				children: [(0, Z.jsx)(E, {
+				children: [(0, Z.jsx)(O, {
 					iconKey: e ? "InsertImage" : "FileOpen",
 					className: "drop-overlay-icon",
 					size: 32
-				}), (0, Z.jsx)(L, {
+				}), (0, Z.jsx)(G, {
 					variant: "h6",
 					component: "span",
 					children: r(e ? "drop.insertImage" : "drop.open")
@@ -4951,7 +4951,7 @@ var To = ({ renderWorkbook: e }) => {
 	}), c] });
 }, Eo = (0, X.memo)((e) => {
 	let { workbook: t, setWorkbook: n, refDocumentTitle: r, titleWorkbook: i, setWorkbookTitle: a, isDirty: o, initialCommandAnchor: s, renderWorkbook: c, refSave: l } = e;
-	return (0, Z.jsx)(kn, {
+	return (0, Z.jsx)(He, {
 		initialAnchor: s,
 		children: (0, Z.jsx)(wo, {
 			workbook: t,
@@ -4965,22 +4965,22 @@ var To = ({ renderWorkbook: e }) => {
 });
 Eo.displayName = "CommandsWrapper";
 var Do = {
-	sort: f("studio:sortDialog", () => import("./gJT4n5za0DqWXFK12.js"), { tier: "common" }).load,
-	hyperlink: f("studio:hyperlinkDialog", () => import("./CzEHYpK2SYTRpxDm2.js"), { tier: "common" }).load,
-	comments: f("studio:commentsDialog", () => import("./QT-5i27zeGPhkyui2.js"), { tier: "common" }).load,
-	find: f("studio:findReplaceWindow", () => import("./BNm-ZCOBoBRceGXA2.js"), { tier: "common" }).load,
-	tableNew: f("studio:tableNewDialog", () => import("./DmQ4uKOlhrcJfgk82.js"), { tier: "common" }).load,
-	namedDetails: f("studio:namedReferenceDialog", () => import("./CUTnOs5iWyc3J2cN2.js")).load,
-	insertFunction: f("studio:insertFunctionDialog", () => import("./CPjsJ0CY-AurDJgm2.js"), { tier: "common" }).load,
-	resizeHeader: f("studio:resizeHeaderDialog", () => import("./BPOi08RtEmQdlbtS2.js")).load,
-	fillSeries: f("studio:fillSeriesDialog", () => import("./Ifw8W-tqHjQnCWZO2.js")).load,
-	workbookStatistics: f("studio:workbookStatisticsDialog", () => import("./B66--qmqjDI4V95v2.js")).load,
-	password: f("studio:passwordDialog", () => import("./DIlrvTRlRll76TiE2.js").then((e) => e.t)).load
+	sort: d("studio:sortDialog", () => import("./BNSYILHKGtNTW6AH2.js"), { tier: "common" }).load,
+	hyperlink: d("studio:hyperlinkDialog", () => import("./ByMjPzoTrB6veNzc2.js"), { tier: "common" }).load,
+	comments: d("studio:commentsDialog", () => import("./3o0o7-MzWgSJRADP2.js"), { tier: "common" }).load,
+	find: d("studio:findReplaceWindow", () => import("./61OH_HiXgmNuRUDx2.js"), { tier: "common" }).load,
+	tableNew: d("studio:tableNewDialog", () => import("./DLBKxOA2T_WJvvvH2.js"), { tier: "common" }).load,
+	namedDetails: d("studio:namedReferenceDialog", () => import("./C1HfU9WnOyE_81Y22.js")).load,
+	insertFunction: d("studio:insertFunctionDialog", () => import("./BljA9tG92oDDEqjC2.js"), { tier: "common" }).load,
+	resizeHeader: d("studio:resizeHeaderDialog", () => import("./CX7_0zQyYWqVfYUE2.js")).load,
+	fillSeries: d("studio:fillSeriesDialog", () => import("./CZuu-bOdg704oDMV2.js")).load,
+	workbookStatistics: d("studio:workbookStatisticsDialog", () => import("./BEcgIVa19rKPTwlt2.js")).load,
+	password: d("studio:passwordDialog", () => import("./DE2W5y4QJln8ofNW2.js").then((e) => e.t)).load
 }, Oo = ["find"], ko = (0, X.memo)((e) => {
-	let { children: t } = e, n = ho(), r = n ? n.enqueueSnackbar : () => {}, i = n ? n.closeSnackbar : () => {}, a = (0, X.useRef)(/* @__PURE__ */ new Set()), o = (0, X.useRef)(null), c = (0, X.useRef)(null), [u, d] = (0, X.useState)({
+	let { children: t } = e, n = ho(), r = n ? n.enqueueSnackbar : () => {}, i = n ? n.closeSnackbar : () => {}, a = (0, X.useRef)(/* @__PURE__ */ new Set()), s = (0, X.useRef)(null), c = (0, X.useRef)(null), [l, d] = (0, X.useState)({
 		label: null,
 		progress: null
-	}), f = M(), p = s.EmptyObject, m = Kt(p), h = Ht(p), g = Gt(p), _ = (0, X.useRef)(!1);
+	}), f = N(), p = o.EmptyObject, m = An(p), h = En(p), g = kn(p), _ = (0, X.useRef)(!1);
 	(0, X.useEffect)(() => {
 		if (_.current) return;
 		_.current = !0;
@@ -4990,7 +4990,7 @@ var Do = {
 		return () => n(r);
 	}, []);
 	let v = (0, X.useRef)(/* @__PURE__ */ new Set());
-	return (0, Z.jsxs)(se, {
+	return (0, Z.jsxs)(xe, {
 		notifier: (0, X.useMemo)(() => {
 			let e = (e, t) => {
 				if (t?.onceKey) {
@@ -4999,16 +4999,16 @@ var Do = {
 					e.add(t.onceKey), v.current = e;
 				}
 				let n = {
-					variant: t?.type ?? ce.Info,
+					variant: t?.type ?? ve.Info,
 					anchorOrigin: {
 						vertical: "top",
 						horizontal: "center"
 					},
 					preventDuplicate: t?.preventDuplicate,
-					persist: t?.persist ?? t?.type === ce.Error,
-					action: (e) => (0, Z.jsx)(Ee, {
+					persist: t?.persist ?? t?.type === ve.Error,
+					action: (e) => (0, Z.jsx)(rt, {
 						onClick: () => i(e),
-						children: (0, Z.jsx)(E, { iconKey: "Cancel" })
+						children: (0, Z.jsx)(O, { iconKey: "Cancel" })
 					})
 				};
 				t?.enqueueProps && Object.assign(n, t.enqueueProps), e || console.log("message is 'null'", t), r(e ?? "Alert", n);
@@ -5020,8 +5020,8 @@ var Do = {
 						...t,
 						label: e
 					});
-					let r = oe(() => {
-						a.current.delete(n) && (a.current.size > 0 || (Ut(o.current), c.current = null, d((e) => e.label === null && e.progress === null ? e : {
+					let r = k(() => {
+						a.current.delete(n) && (a.current.size > 0 || (Dn(s.current), c.current = null, d((e) => e.label === null && e.progress === null ? e : {
 							label: null,
 							progress: null
 						})));
@@ -5032,11 +5032,11 @@ var Do = {
 							progress: n
 						});
 					}, (e) => {
-						c.current = e, typeof e == "string" ? Wt(o.current, e) : d((t) => ({
+						c.current = e, typeof e == "string" ? On(s.current, e) : d((t) => ({
 							...t,
 							label: e
 						}));
-					}), i = Wt(o.current, typeof e == "string" ? e : void 0);
+					}), i = On(s.current, typeof e == "string" ? e : void 0);
 					return i ? i.then(() => r) : r;
 				},
 				showWindow: (e, t) => {
@@ -5051,25 +5051,25 @@ var Do = {
 				showOptions: h,
 				showInput: g,
 				showError: (t) => {
-					let n, r = ce.Error, i = f("error.unknown");
-					typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = f(t.message))), t instanceof l && (r = ce.Info), e(i, {
+					let n, r = ve.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 = ve.Info), e(i, {
 						type: r,
 						enqueueProps: { error: n }
 					});
 				}
-			}, n = new ne();
+			}, n = new Ce();
 			return n.setOverrides(t), n;
 		}, [f]),
-		children: [(0, X.useMemo)(() => (0, Z.jsx)(qt, {
-			ref: o,
+		children: [(0, X.useMemo)(() => (0, Z.jsx)(jn, {
+			ref: s,
 			autoStart: !1,
-			icon: (0, Z.jsx)(Vt, { sx: {
+			icon: (0, Z.jsx)(Tn, { sx: {
 				transform: "scale(0.7)",
 				marginLeft: "-6px"
 			} }),
 			panel: !0,
-			label: u.label ?? (typeof c.current == "string" ? c.current : void 0),
-			progress: u.progress,
+			label: l.label ?? (typeof c.current == "string" ? c.current : void 0),
+			progress: l.progress,
 			sx: {
 				position: "absolute",
 				left: "0",
@@ -5079,17 +5079,17 @@ var Do = {
 				zIndex: "9999",
 				pointerEvents: "none"
 			}
-		}), [u.label, u.progress]), t]
+		}), [l.label, l.progress]), t]
 	});
 });
 ko.displayName = "StudioNotifierProvider";
 var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", jo = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = on, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", m = (0, X.useMemo)(() => i.map((t) => {
+	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = et, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", m = (0, X.useMemo)(() => i.map((t) => {
 		let n = s.getRegisteredTaskPane(t);
 		if (!n) return null;
 		let r = n.getIcon?.();
-		typeof r == "string" && (r = (0, Z.jsx)(E, { iconKey: r }));
-		let i = t === o, a = r ? (0, Z.jsx)(I, {
+		typeof r == "string" && (r = (0, Z.jsx)(O, { iconKey: r }));
+		let i = t === o, a = r ? (0, Z.jsx)(R, {
 			sx: {
 				display: "inline-block",
 				transform: p ? "rotate(-90deg)" : "rotate(90deg)",
@@ -5097,20 +5097,20 @@ var Ao = "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, Z.jsx)(I, {
+		}) : null, c = !r || !l && i, u = (0, Z.jsx)(R, {
 			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, Z.jsx)(I, {
+			children: (0, Z.jsx)(R, {
 				sx: {
 					overflow: "hidden",
 					minWidth: 0,
 					minHeight: 0
 				},
-				children: (0, Z.jsx)(L, {
+				children: (0, Z.jsx)(G, {
 					component: "div",
 					sx: {
 						textTransform: "none",
@@ -5123,13 +5123,13 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				})
 			})
 		});
-		return (0, Z.jsx)($e, {
+		return (0, Z.jsx)(Pt, {
 			value: t,
-			label: (0, Z.jsx)(Fe, {
+			label: (0, Z.jsx)(dt, {
 				disableInteractive: !0,
 				title: n.getTitle() ?? "",
 				placement: "left-start",
-				children: (0, Z.jsxs)(I, {
+				children: (0, Z.jsxs)(R, {
 					sx: {
 						padding: "0px 0px",
 						writingMode: p ? "vertical-lr" : "vertical-rl",
@@ -5159,10 +5159,10 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		s,
 		p,
 		l,
-		A()
+		_e()
 	]);
-	return (0, Z.jsx)(I, {
-		ref: Se(t, () => ({ isTaskPaneStrip: () => !0 }), []),
+	return (0, Z.jsx)(R, {
+		ref: be(t, () => ({ isTaskPaneStrip: () => !0 }), []),
 		className: (0, X.useMemo)(() => Fn("taskpane-strip", d), [d]),
 		sx: {
 			paddingLeft: p ? void 0 : "2px",
@@ -5171,7 +5171,7 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 			...c
 		},
 		...f,
-		children: (0, Z.jsx)(Ye, {
+		children: (0, Z.jsx)(At, {
 			orientation: "vertical",
 			variant: "scrollable",
 			value: o,
@@ -5190,8 +5190,8 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		})
 	});
 })), Mo = (e) => {
-	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, X.useRef)(null), c = M();
-	return (0, Z.jsx)(ke, {
+	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, X.useRef)(null), c = N();
+	return (0, Z.jsx)(at, {
 		className: Fn({ "Mui-selected": a }),
 		sx: {
 			display: "flex",
@@ -5206,11 +5206,11 @@ var Ao = "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) => fe(e.palette.action.hover, .03),
+			backgroundColor: (e) => ue(e.palette.action.hover, .03),
 			borderBottom: `solid ${Ao} 1px`
 		},
 		...o,
-		children: (0, Z.jsxs)(I, {
+		children: (0, Z.jsxs)(R, {
 			sx: {
 				display: "flex",
 				flex: "1 1 10%",
@@ -5221,15 +5221,15 @@ var Ao = "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, Z.jsx)(I, {
+			children: [(0, Z.jsx)(R, {
 				sx: {
 					flex: "1 1 100%",
 					paddingLeft: (e) => e.spacing(1)
 				},
 				children: t
-			}), (0, Z.jsx)(Le, {
+			}), (0, Z.jsx)(pt, {
 				label: c("taskPane.close"),
-				children: (0, Z.jsx)(Ee, {
+				children: (0, Z.jsx)(rt, {
 					"aria-label": "close",
 					sx: { color: (e) => e.palette.text.icon ?? e.palette.action.active },
 					touchRippleRef: s,
@@ -5239,14 +5239,14 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 					onPointerUp: () => {
 						r();
 					},
-					children: (0, Z.jsx)(E, { iconKey: "Close" })
+					children: (0, Z.jsx)(O, { iconKey: "Close" })
 				})
 			})]
 		})
 	});
 }, No = (0, X.forwardRef)((e, t) => {
-	let { model: n, side: r, ...i } = e, a = _e();
-	return (0, Z.jsx)(Cn, {
+	let { model: n, side: r, ...i } = e, a = me();
+	return (0, Z.jsx)(H, {
 		model: n,
 		ref: t,
 		propsFrame: { style: {
@@ -5272,30 +5272,30 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	display: "flex",
 	boxSizing: "border-box"
 }, Io = (0, X.memo)((0, X.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] = F(s ?? null, Po), h = _e(), [g, { width: _ }] = Qt(), v = _ > 530 || _ === 0, y = (0, X.useRef)(null), b = null, x = 4, S = 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] = j(s ?? null, Po), h = me(), [g, { width: _ }] = E(), v = _ > 530 || _ === 0, y = (0, X.useRef)(null), b = null, x = 4, S = 13;
 	v ? b = "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" : (b = "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", x = 13, S = 4);
-	let C, w = i, T = a, E = d !== "right", D = v ? "row" : "column", ee = E && T ? "before" : "after", te = `${D}:${ee}`, ne = s ? p[te] : void 0, O = ne == null ? ((e, t) => {
+	let C, w = i, T = a, D = d !== "right", O = v ? "row" : "column", ee = D && T ? "before" : "after", te = `${O}:${ee}`, k = s ? p[te] : void 0, A = k == 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, te) : `${ne}%`, k = s || c ? (e) => {
+	})(o, te) : `${k}%`, ne = s || c ? (e) => {
 		s && m((t) => ({
 			...t,
 			[te]: e.percent
 		})), c?.(e, {
-			orientation: D,
+			orientation: O,
 			side: ee,
 			key: te
 		});
 	} : void 0;
-	return E && T ? (w = a, T = i, r = { style: {
+	return D && T ? (w = a, T = i, r = { style: {
 		flexDirection: "column",
 		boxSizing: "border-box",
 		paddingRight: "2px"
 	} }, n = {}, C = {
 		fixedPane: "before",
-		position: O,
+		position: A,
 		minBefore: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
 	}) : (n = { style: {
@@ -5306,11 +5306,11 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		marginRight: v ? "8px" : "4px"
 	} }, C = {
 		fixedPane: "after",
-		position: O,
+		position: A,
 		minAfter: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
-	}), (0, Z.jsx)(re, {
-		ref: ct([
+	}), (0, Z.jsx)(oe, {
+		ref: Ut([
 			y,
 			g,
 			t
@@ -5322,7 +5322,7 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		} : Fo,
 		...f,
 		...C,
-		onPositionChange: k,
+		onPositionChange: ne,
 		propsResizer: {
 			className: Fn("styled-resizer", "_styled-resizer_fdl5y_3"),
 			style: {
@@ -5330,7 +5330,7 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				minHeight: v ? void 0 : "6px",
 				maskImage: `url("data:image/svg+xml,%3Csvg width='${x}' height='${S}' viewBox='0 0 ${x} ${S}' version='1.1' fill='${h.palette.text.icon ?? h.palette.action.active}' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='${b}' /%3E%3C/svg%3E%0A")`,
 				maskRepeat: "no-repeat",
-				maskPosition: E ? v ? "center center" : "bottom center" : v ? "left center" : "top center"
+				maskPosition: D ? v ? "center center" : "bottom center" : v ? "left center" : "top center"
 			}
 		},
 		elementBefore: w,
@@ -5340,7 +5340,7 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	});
 }));
 Io.displayName = "StudioSplitPane";
-var Lo = S.BuiltInSelectorNames, Ro = {
+var Lo = b.BuiltInSelectorNames, Ro = {
 	[Lo.Whole]: "FormulaMathTrig",
 	[Lo.Number]: "IncreaseDecimal",
 	[Lo.List]: "Menu",
@@ -5352,15 +5352,15 @@ var Lo = S.BuiltInSelectorNames, Ro = {
 	let t = e.getCondition();
 	if (!t) return "DataValidation";
 	let n = t.toJSON();
-	return n.operator === S.BuiltInOperatorNames.Expression ? "FormulaCustom" : typeof n.selector == "string" && Ro[n.selector] || "DataValidation";
-}, Bo = (0, X.memo)(({ dataValidation: e, size: t = 28 }) => (wn(e, "onAnyChange"), (0, Z.jsx)(K, {
+	return n.operator === b.BuiltInOperatorNames.Expression ? "FormulaCustom" : typeof n.selector == "string" && Ro[n.selector] || "DataValidation";
+}, Bo = (0, X.memo)(({ dataValidation: e, size: t = 28 }) => (Ke(e, "onAnyChange"), (0, Z.jsx)(Kt, {
 	className: "sxl-dv-icon",
 	sx: {
 		width: "auto",
 		minWidth: 1.7 * t + "px",
 		height: `${t}px`
 	},
-	children: (0, Z.jsx)(E, {
+	children: (0, Z.jsx)(O, {
 		iconKey: zo(e),
 		size: Math.round(.6 * t),
 		ariaHidden: !0
@@ -5371,8 +5371,8 @@ var Vo = (e, t) => {
 	let n = e.getCondition();
 	if (!n) return t("dataValidation.anyValue");
 	let r = n.toJSON();
-	if (r.operator === S.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
-	if (r.selector === S.BuiltInSelectorNames.List && r.operator === S.BuiltInOperatorNames.InSet) {
+	if (r.operator === b.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
+	if (r.selector === b.BuiltInSelectorNames.List && r.operator === b.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(", "),
@@ -5382,14 +5382,14 @@ var Vo = (e, t) => {
 	}
 	return n.toString();
 }, Ho = {
-	[v.AlertStyle.Stop]: "ValidationStop",
-	[v.AlertStyle.Warning]: "ValidationWarning",
-	[v.AlertStyle.Information]: "ValidationInformation"
+	[x.AlertStyle.Stop]: "ValidationStop",
+	[x.AlertStyle.Warning]: "ValidationWarning",
+	[x.AlertStyle.Information]: "ValidationInformation"
 }, Uo = {
-	[v.AlertStyle.Stop]: i("dataValidation.alertStop"),
-	[v.AlertStyle.Warning]: i("dataValidation.alertWarning"),
-	[v.AlertStyle.Information]: i("dataValidation.alertInformation")
-}, Wo = ({ checked: e, onCheckedChange: t, label: n, readOnly: r, children: i }) => (0, Z.jsxs)(Ge, {
+	[x.AlertStyle.Stop]: f("dataValidation.alertStop"),
+	[x.AlertStyle.Warning]: f("dataValidation.alertWarning"),
+	[x.AlertStyle.Information]: f("dataValidation.alertInformation")
+}, Wo = ({ checked: e, onCheckedChange: t, label: n, readOnly: r, children: i }) => (0, Z.jsxs)(Tt, {
 	expanded: e,
 	onChange: (e, n) => {
 		r || t(n);
@@ -5408,15 +5408,15 @@ var Vo = (e, t) => {
 			mb: 1
 		}
 	},
-	children: [(0, Z.jsx)(rt, {
-		expandIcon: (0, Z.jsx)(E, { iconKey: "ExpandMore" }),
+	children: [(0, Z.jsx)(Rt, {
+		expandIcon: (0, Z.jsx)(O, { iconKey: "ExpandMore" }),
 		sx: {
 			px: 2,
 			"& .MuiAccordionSummary-content": { my: 0 },
 			"&.Mui-expanded .MuiAccordionSummary-content": { my: 0 }
 		},
-		children: (0, Z.jsx)(Nt, {
-			control: (0, Z.jsx)(Mt, {
+		children: (0, Z.jsx)(gn, {
+			control: (0, Z.jsx)(hn, {
 				checked: e,
 				disabled: r,
 				onChange: (e) => {
@@ -5427,7 +5427,7 @@ var Vo = (e, t) => {
 			label: n,
 			onClick: (e) => e.stopPropagation()
 		})
-	}), (0, Z.jsx)(jt, {
+	}), (0, Z.jsx)(mn, {
 		sx: {
 			pl: 2,
 			pr: 2,
@@ -5440,11 +5440,11 @@ var Vo = (e, t) => {
 		children: i
 	})]
 }), Go = (0, X.memo)((e) => {
-	let { dataValidation: t } = e, n = M();
-	wn(t, "onAnyChange");
-	let r = t.isProtected(), i = t.getRenderHints().includes("list"), a = (0, Z.jsxs)(je, {
+	let { dataValidation: t } = e, n = N();
+	Ke(t, "onAnyChange");
+	let r = t.isProtected(), i = t.getRenderHints().includes("list"), a = (0, Z.jsxs)(st, {
 		tabIndex: 0,
-		className: ht["editor-panel"],
+		className: Zt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -5456,7 +5456,7 @@ var Vo = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(R, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -5464,7 +5464,7 @@ var Vo = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Z.jsxs)(I, {
+				children: [(0, Z.jsxs)(R, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -5473,7 +5473,7 @@ var Vo = (e, t) => {
 					children: [(0, Z.jsx)(Bo, {
 						dataValidation: t,
 						size: 48
-					}), (0, Z.jsx)(L, {
+					}), (0, Z.jsx)(G, {
 						variant: "body2",
 						sx: {
 							minWidth: 0,
@@ -5481,7 +5481,7 @@ var Vo = (e, t) => {
 						},
 						children: Vo(t, n)
 					})]
-				}), (0, Z.jsx)(et, {
+				}), (0, Z.jsx)(Ft, {
 					item: t,
 					label: n("dataValidation.applyTo")
 				})]
@@ -5500,7 +5500,7 @@ var Vo = (e, t) => {
 					t.setCondition(n);
 				}
 			}),
-			i && (0, Z.jsx)(I, {
+			i && (0, Z.jsx)(R, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -5508,8 +5508,8 @@ var Vo = (e, t) => {
 					borderColor: "divider",
 					borderRadius: 1
 				},
-				children: (0, Z.jsx)(Nt, {
-					control: (0, Z.jsx)(Mt, {
+				children: (0, Z.jsx)(gn, {
+					control: (0, Z.jsx)(hn, {
 						checked: !t.isHideDropdown(),
 						disabled: r,
 						onChange: (e) => t.setHideDropdown(!e.target.checked)
@@ -5522,7 +5522,7 @@ var Vo = (e, t) => {
 				onCheckedChange: (e) => t.setShowPromptMessage(e),
 				label: n("dataValidation.prompt"),
 				readOnly: r,
-				children: [(0, Z.jsx)(q, {
+				children: [(0, Z.jsx)(vn, {
 					size: "small",
 					label: n("dataValidation.title"),
 					value: t.getPromptTitle(),
@@ -5531,7 +5531,7 @@ var Vo = (e, t) => {
 					fullWidth: !0,
 					slotProps: { htmlInput: { maxLength: 32 } },
 					sx: { backgroundColor: "background.paper" }
-				}), (0, Z.jsx)(q, {
+				}), (0, Z.jsx)(vn, {
 					size: "small",
 					label: n("dataValidation.message"),
 					value: t.getPromptMessage(),
@@ -5550,31 +5550,31 @@ var Vo = (e, t) => {
 				label: n("dataValidation.alert"),
 				readOnly: r,
 				children: [
-					(0, Z.jsxs)(U, {
+					(0, Z.jsxs)(q, {
 						fullWidth: !0,
 						size: "small",
 						disabled: r,
 						sx: { backgroundColor: "background.paper" },
-						children: [(0, Z.jsx)(Ue, { children: n("dataValidation.alertStyle") }), (0, Z.jsx)(W, {
+						children: [(0, Z.jsx)(Ct, { children: n("dataValidation.alertStyle") }), (0, Z.jsx)(J, {
 							value: t.getAlertStyle(),
 							label: n("dataValidation.alertStyle"),
 							onChange: (e) => t.setAlertStyle(e.target.value),
-							renderValue: (e) => (0, Z.jsxs)(I, {
+							renderValue: (e) => (0, Z.jsxs)(R, {
 								sx: {
 									display: "flex",
 									alignItems: "center",
 									gap: 1
 								},
-								children: [(0, Z.jsx)(E, {
+								children: [(0, Z.jsx)(O, {
 									iconKey: Ho[e],
 									size: 18,
 									ariaHidden: !0
 								}), n(Uo[e])]
 							}),
-							children: Object.keys(Ho).map((e) => (0, Z.jsxs)(J, {
+							children: Object.keys(Ho).map((e) => (0, Z.jsxs)(Y, {
 								value: e,
 								sx: { gap: 1 },
-								children: [(0, Z.jsx)(E, {
+								children: [(0, Z.jsx)(O, {
 									iconKey: Ho[e],
 									size: 18,
 									ariaHidden: !0
@@ -5582,7 +5582,7 @@ var Vo = (e, t) => {
 							}, e))
 						})]
 					}),
-					(0, Z.jsx)(q, {
+					(0, Z.jsx)(vn, {
 						size: "small",
 						label: n("dataValidation.title"),
 						value: t.getAlertTitle(),
@@ -5592,7 +5592,7 @@ var Vo = (e, t) => {
 						slotProps: { htmlInput: { maxLength: 32 } },
 						sx: { backgroundColor: "background.paper" }
 					}),
-					(0, Z.jsx)(q, {
+					(0, Z.jsx)(vn, {
 						size: "small",
 						label: n("dataValidation.message"),
 						value: t.getAlertMessage(),
@@ -5614,7 +5614,7 @@ var Vo = (e, t) => {
 	});
 });
 Go.displayName = "DataValidationEditorPanel";
-var Ko = ({ children: e }) => (0, Z.jsx)(I, {
+var Ko = ({ children: e }) => (0, Z.jsx)(R, {
 	sx: {
 		display: "inline-flex",
 		alignItems: "center",
@@ -5625,15 +5625,15 @@ var Ko = ({ children: e }) => (0, Z.jsx)(I, {
 		borderRadius: 1,
 		color: "text.secondary"
 	},
-	children: (0, Z.jsx)(L, {
+	children: (0, Z.jsx)(G, {
 		variant: "caption",
 		children: e
 	})
 }), qo = (0, X.memo)(({ item: e }) => {
-	let t = M();
-	wn(e, "onAnyChange");
+	let t = N();
+	Ke(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, Z.jsx)(I, {
+	return e.isShowPromptMessage() && e.getPromptTitle() && n.push(t("dataValidation.promptPrefix", { title: e.getPromptTitle() })), e.getCondition() && (e.isShowAlertMessage() ? e.getAlertStyle() === x.AlertStyle.Warning ? n.push(t("dataValidation.alertWarning")) : e.getAlertStyle() === x.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, Z.jsx)(R, {
 		sx: {
 			display: "flex",
 			flexWrap: "wrap",
@@ -5643,27 +5643,27 @@ var Ko = ({ children: e }) => (0, Z.jsx)(I, {
 	});
 });
 qo.displayName = "DataValidationCardBody";
-var Jo = (0, X.memo)(({ item: e }) => (0, Z.jsx)(et, {
+var Jo = (0, X.memo)(({ item: e }) => (0, Z.jsx)(Ft, {
 	item: e,
-	label: M()("dataValidation.applyTo"),
+	label: N()("dataValidation.applyTo"),
 	helperText: null
 }));
 Jo.displayName = "DataValidationCardRanges";
 var Yo = {
 	key: "data-validation",
 	messageKeys: {
-		none: i("dataValidation.none"),
-		addPrompt: i("dataValidation.addPrompt"),
-		heading: i("dataValidation.heading"),
-		insert: i("dataValidation.insert"),
-		new: i("dataValidation.new"),
-		moveUp: i("dataValidation.moveUp"),
-		moveDown: i("dataValidation.moveDown"),
-		edit: i("dataValidation.edit"),
-		duplicate: i("dataValidation.duplicate"),
-		delete: i("dataValidation.delete"),
-		cancel: i("dataValidation.cancel"),
-		save: i("dataValidation.save")
+		none: f("dataValidation.none"),
+		addPrompt: f("dataValidation.addPrompt"),
+		heading: f("dataValidation.heading"),
+		insert: f("dataValidation.insert"),
+		new: f("dataValidation.new"),
+		moveUp: f("dataValidation.moveUp"),
+		moveDown: f("dataValidation.moveDown"),
+		edit: f("dataValidation.edit"),
+		duplicate: f("dataValidation.duplicate"),
+		delete: f("dataValidation.delete"),
+		cancel: f("dataValidation.cancel"),
+		save: f("dataValidation.save")
 	},
 	getCollection: (e) => e.getDataValidations(),
 	changeEvents: ["onDataValidationsChange"],
@@ -5673,7 +5673,7 @@ var Yo = {
 	},
 	applyNewDefaults: (e) => {
 		e.update({
-			alertStyle: v.AlertStyle.Stop,
+			alertStyle: x.AlertStyle.Stop,
 			showAlertMessage: !0
 		});
 	},
@@ -5690,7 +5690,7 @@ var Yo = {
 	EditorBody: ({ item: e }) => (0, Z.jsx)(Go, { dataValidation: e })
 }, Xo = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { workbook: n, args: r, ...i } = e;
-	return (0, Z.jsx)(Qe, {
+	return (0, Z.jsx)(Nt, {
 		ref: t,
 		workbook: n,
 		descriptor: Yo,
@@ -5699,7 +5699,7 @@ var Yo = {
 		...i
 	});
 }));
-Xo.displayName = "DataValidationDetailsPanel", wt(), D.register("plugin-table", { icons: {} }), on.registerTaskPane({
+Xo.displayName = "DataValidationDetailsPanel", sn(), ee.register("plugin-table", { icons: {} }), et.registerTaskPane({
 	key: "dataValidationDetails",
 	getTitle: () => "Data Validation",
 	getIcon: () => "DataValidation",
@@ -5712,7 +5712,7 @@ Xo.displayName = "DataValidationDetailsPanel", wt(), D.register("plugin-table",
 			...o
 		});
 	}
-}, !0), on.registerTaskPane({
+}, !0), et.registerTaskPane({
 	key: "conditionalFormatDetails",
 	getTitle: () => "Conditional Formatting",
 	getIcon: () => "FormatPaint",
@@ -5725,7 +5725,7 @@ Xo.displayName = "DataValidationDetailsPanel", wt(), D.register("plugin-table",
 			...o
 		});
 	}
-}, !0), xt(), at(), it(), St(), kt();
+}, !0), rn(), Bt(), zt(), an(), fn();
 var Zo = () => {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
@@ -5743,133 +5743,133 @@ var Zo = () => {
 }, Qo = (e, t) => {
 	if (!e) return {};
 	let { colorSchemes: n, ...r } = e, i = n?.[t ? "dark" : "light"];
-	return i && typeof i == "object" ? s.deepMerge(r, i) : r;
+	return i && typeof i == "object" ? o.deepMerge(r, i) : r;
 }, $o = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { host: n, scopeClass: r, square: i, elevation: a, variant: c, onWorkbookLoad: l, onDocumentError: u, renderDocumentError: d = yt, propsDocumentError: f, propsTaskPaneArea: p, renderTaskPaneArea: m = es, taskPaneSide: h = "right", onKeyDown: g, workbook: _, onWorkbookChange: v, logo: y, topLeft: b, topRight: x, muiTheme: S, tokens: C, cssBaseline: w, autoFocus: T = !1, title: ne, onDirtyChange: O, propsDocumentTitle: k, renderDocumentLoading: re = Ot, propsDocumentLoading: ie, propsWorkbook: A, showFormulaBar: oe, propsFormulaBar: se, renderFormulaBar: ce, editable: le, showStatusBar: de, propsStatusBar: fe, renderStatusBar: M, propsToolbar: pe, renderToolbar: N } = e, P = (0, X.useRef)(null), me = (0, X.useRef)(null), he = (0, X.useRef)(null), ge = j(() => {
+	let { host: n, scopeClass: r, square: a, elevation: s, variant: c, onWorkbookLoad: l, onDocumentError: u, renderDocumentError: d = tn, propsDocumentError: f, propsTaskPaneArea: p, renderTaskPaneArea: m = es, taskPaneSide: h = "right", onKeyDown: g, workbook: _, onWorkbookChange: v, logo: y, topLeft: b, topRight: x, muiTheme: S, tokens: C, cssBaseline: w, autoFocus: T = !1, title: E, onDirtyChange: D, propsDocumentTitle: k, renderDocumentLoading: A = dn, propsDocumentLoading: re, propsWorkbook: N, showFormulaBar: ie, propsFormulaBar: oe, renderFormulaBar: ce, editable: le, showStatusBar: ue, propsStatusBar: F, renderStatusBar: fe, propsToolbar: pe, renderToolbar: I } = e, L = (0, X.useRef)(null), me = (0, X.useRef)(null), he = (0, X.useRef)(null), ge = P(() => {
 		he.current?.getNamedCollectionEditorElement?.()?.focus?.();
-	}, []), _e = j(u ?? (() => {}), [u]), ve = j(O ?? (() => {}), [O]), xe = k?.placeHolder, [Ce] = F(Nn.Mode, void 0), { themeMode: Te } = te({ mode: Ce ?? void 0 }), [Ee] = F(ae.Active, null), De = (0, X.useRef)(Ee);
-	De.current = Ee;
-	let Oe = ee(), L = (0, X.useMemo)(() => ({
-		light: Re(!1, s.deepMerge(Qo(S, !1), Ze(Oe?.light))),
-		dark: Re(!0, s.deepMerge(Qo(S, !0), Ze(Oe?.dark)))
+	}, []), _e = P(u ?? (() => {}), [u]), ve = P(D ?? (() => {}), [D]), ye = k?.placeHolder, [xe] = j(Ie.Mode, void 0), { themeMode: Se } = ae({ mode: xe ?? void 0 }), [Ce] = j(te.Active, null), we = (0, X.useRef)(Ce);
+	we.current = Ce;
+	let Te = ne(), Oe = (0, X.useMemo)(() => ({
+		light: mt(!1, o.deepMerge(Qo(S, !1), Mt(Te?.light))),
+		dark: mt(!0, o.deepMerge(Qo(S, !0), Mt(Te?.dark)))
 	}), [
 		S,
-		Oe?.light,
-		Oe?.dark
-	]), ke = Te === "dark", Ae = (0, X.useMemo)(() => At(L.light, L.dark, `.${r}`, C), [
-		L,
+		Te?.light,
+		Te?.dark
+	]), ke = Se === "dark", Ne = (0, X.useMemo)(() => pn(Oe.light, Oe.dark, `.${r}`, C), [
+		Oe,
 		r,
 		C
-	]), Me = (0, X.useMemo)(() => nn("sxl-defaults", `.${r}`), [r]), Ne = On(), [Pe, Fe] = (0, X.useState)(() => _ ?? null);
+	]), Fe = (0, X.useMemo)(() => Ae("sxl-defaults", `.${r}`), [r]), Le = Ve(), [Re, Be] = (0, X.useState)(() => _ ?? null);
 	(0, X.useEffect)(() => {
-		Fe(_ ?? null);
+		Be(_ ?? null);
 	}, [_]);
-	let [Ie, Le] = (0, X.useState)(0), R = (0, X.useRef)(null);
-	R.current ||= Zo();
-	let z = dn(Pe, {
-		io: Y,
-		defaultTheme: Ne.getDefaultTheme(),
-		reloadKey: Ie
-	}), B = z.status === "loaded" ? z.workbook : null, V = (0, X.useMemo)(() => z.status === "error" ? {
+	let [He, Ue] = (0, X.useState)(0), B = (0, X.useRef)(null);
+	B.current ||= Zo();
+	let Ge = Pe(Re, {
+		io: z,
+		defaultTheme: Le.getDefaultTheme(),
+		reloadKey: He
+	}), V = Ge.status === "loaded" ? Ge.workbook : null, H = (0, X.useMemo)(() => Ge.status === "error" ? {
 		status: "error",
-		error: z.error
-	} : z.status === "loaded" ? {
+		error: Ge.error
+	} : Ge.status === "loaded" ? {
 		status: "loaded",
-		workbook: z.workbook
-	} : { status: "loading" }, [z]);
+		workbook: Ge.workbook
+	} : { status: "loading" }, [Ge]);
 	(0, X.useEffect)(() => {
-		R.current.settled && (R.current = Zo());
-	}, [Pe, Ie]), (0, X.useEffect)(() => {
-		V.status === "loaded" ? R.current.resolve(V.workbook) : V.status === "error" && (_e?.(V.error), R.current.reject(V.error));
-	}, [V]);
-	let [H, ze] = (0, X.useState)(null);
-	B && !H && ze(B);
-	let Be = B && H && B !== H ? B : null, U = (0, X.useRef)(Be);
-	U.current = Be;
-	let Ve = (0, X.useRef)(H);
-	Ve.current = H;
-	let He = (0, X.useRef)([]), Ue = (0, X.useCallback)((e) => {
-		let t = Ve.current;
-		t && He.current.push(t), Fe(e);
+		B.current.settled && (B.current = Zo());
+	}, [Re, He]), (0, X.useEffect)(() => {
+		H.status === "loaded" ? B.current.resolve(H.workbook) : H.status === "error" && (_e?.(H.error), B.current.reject(H.error));
+	}, [H]);
+	let [U, qe] = (0, X.useState)(null);
+	V && !U && qe(V);
+	let Je = V && U && V !== U ? V : null, Xe = (0, X.useRef)(Je);
+	Xe.current = Je;
+	let Qe = (0, X.useRef)(U);
+	Qe.current = U;
+	let $e = (0, X.useRef)([]), et = (0, X.useCallback)((e) => {
+		let t = Qe.current;
+		t && $e.current.push(t), Be(e);
 	}, []);
 	(0, X.useEffect)(() => {
-		let e = He.current;
+		let e = $e.current;
 		if (e.length !== 0) {
-			He.current = e.filter((e) => e === H);
+			$e.current = e.filter((e) => e === U);
 			for (let t = 0; t < e.length; t++) {
 				let n = e[t];
-				if (n !== H) try {
+				if (n !== U) try {
 					n.close();
 				} catch (e) {
 					console.warn("Unable to close the replaced workbook", e);
 				}
 			}
 		}
-	}, [H]);
-	let We = le ? null : H, W = En(), Ge = (0, X.useMemo)(() => We ? $t(We.getSelectedSheet(), { referenceMode: W }) : null, [We, W]), G = le ?? Ge, Ke = (0, X.useRef)(G);
-	Ke.current = G, (0, X.useEffect)(() => {
-		if (!G) return;
-		let e = G.getSession();
-		return G.subscribe(() => {
+	}, [U]);
+	let nt = le ? null : U, rt = We(), it = (0, X.useMemo)(() => nt ? Me(nt.getSelectedSheet(), { referenceMode: rt }) : null, [nt, rt]), W = le ?? it, G = (0, X.useRef)(W);
+	G.current = W, (0, X.useEffect)(() => {
+		if (!W) return;
+		let e = W.getSession();
+		return W.subscribe(() => {
 			let t = e;
-			e = G.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && he.current?.contains?.(document.activeElement) && P.current?.focus();
+			e = W.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && he.current?.contains?.(document.activeElement) && L.current?.focus();
 		});
-	}, [G]);
-	let qe = en(H), { isDirty: Je, saveState: Ye } = sn(H, Y), Xe = xn(H), Qe = (0, X.useRef)(Ye), $e = (0, X.useRef)(null);
-	Qe.current = Ye;
-	let et = (0, X.useCallback)(() => Qe.current?.isDirty() ?? !1, []), tt = (0, X.useRef)(V);
-	tt.current = V;
-	let [nt, rt] = (0, X.useState)(null), it = ne ?? k?.title, [at, ot] = (0, X.useState)(null);
+	}, [W]);
+	let at = Ze(U), { isDirty: ot, saveState: ct } = Ee(U, z), lt = Ye(U), ut = (0, X.useRef)(ct), dt = (0, X.useRef)(null);
+	ut.current = ct;
+	let ft = (0, X.useCallback)(() => ut.current?.isDirty() ?? !1, []), pt = (0, X.useRef)(H);
+	pt.current = H;
+	let [K, ht] = (0, X.useState)(null), gt = E ?? k?.title, [_t, vt] = (0, X.useState)(null);
 	(0, X.useEffect)(() => {
-		ot(null);
-	}, [H]);
-	let st = it ?? at ?? qe ?? "";
+		vt(null);
+	}, [U]);
+	let yt = gt ?? _t ?? at ?? "";
 	(0, X.useEffect)(() => {
-		ve?.(Je);
-	}, [Je]);
-	let lt = j(v ?? (() => {}), [v]);
+		ve?.(ot);
+	}, [ot]);
+	let bt = P(v ?? (() => {}), [v]);
 	(0, X.useEffect)(() => {
-		lt?.(B);
-	}, [B]);
-	let ut = (0, X.useRef)(B);
-	ut.current = B, wn(H, "onViewChange");
-	let K = (0, X.useMemo)(() => (0, Z.jsx)(Ft, {
+		bt?.(V);
+	}, [V]);
+	let q = (0, X.useRef)(V);
+	q.current = V, Ke(U, "onViewChange");
+	let xt = (0, X.useMemo)(() => (0, Z.jsx)(yn, {
 		groupKey: "helpOptions",
 		disableHover: !0,
 		sx: { padding: "0" },
 		propsButton: { sx: { maxHeight: "22px" } }
-	}), []), [dt, mt] = (0, X.useState)(null), ht = (0, X.useCallback)((e) => {
-		mt(e);
+	}), []), [St, Ct] = (0, X.useState)(null), wt = (0, X.useCallback)((e) => {
+		Ct(e);
 	}, []);
 	(0, X.useEffect)(() => {
-		D.prefetch().catch((e) => {
+		ee.prefetch().catch((e) => {
 			console.warn("Icons could not be loaded:", e);
 		});
 	}, []);
-	let gt = (0, X.useRef)(null);
-	gt.current ||= Zo();
-	let _t = (0, X.useRef)(null), vt = (0, X.useCallback)(() => _t.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? gt.current.promise, []), bt = j(async (e) => {
-		let t = De.current;
-		t && t !== o.getActive() && await o.setActive(t), await ue.DefaultCommandCatalogService.prefetch(t ?? void 0), rt(e), _t.current = e.source, gt.current.settled || gt.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), l?.(e);
-	}, []), xt = (0, X.useRef)(null), St = (0, X.useCallback)((e) => {
+	let J = (0, X.useRef)(null);
+	J.current ||= Zo();
+	let Tt = (0, X.useRef)(null), Et = (0, X.useCallback)(() => Tt.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? J.current.promise, []), Dt = P(async (e) => {
+		let t = we.current;
+		t && t !== i.getActive() && await i.setActive(t), await M.DefaultCommandCatalogService.prefetch(t ?? void 0), ht(e), Tt.current = e.source, J.current.settled || J.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), l?.(e);
+	}, []), Ot = (0, X.useRef)(null), kt = (0, X.useCallback)((e) => {
 		let t = null, n = {
 			readOnly: !0,
 			...k
 		};
-		return k?.hidden || (t = (0, Z.jsx)(Tt, {
+		return k?.hidden || (t = (0, Z.jsx)(cn, {
 			...n,
 			style: {
 				maxWidth: "100%",
 				...k?.style
 			},
-			workbook: e.workbook ?? P.current,
-			ref: xt,
-			title: st,
-			modified: Je,
-			encrypted: Xe,
-			placeHolder: xe,
+			workbook: e.workbook ?? L.current,
+			ref: Ot,
+			title: yt,
+			modified: ot,
+			encrypted: lt,
+			placeHolder: ye,
 			onTitleChange: (e) => {
-				ot(e), k?.onTitleChange?.(e);
+				vt(e), k?.onTitleChange?.(e);
 			}
 		})), (0, Z.jsx)(yo, {
 			...e,
@@ -5880,26 +5880,26 @@ var Zo = () => {
 		});
 	}, [
 		y,
-		st,
-		Je,
-		Xe,
+		yt,
+		ot,
+		lt,
 		k,
 		b,
 		x
 	]);
 	(0, X.useEffect)(() => {
-		let e = P.current;
+		let e = L.current;
 		if (!e) return;
 		let t = (e) => e.preventDefault();
 		return e.addEventListener("wheel", t, { passive: !1 }), () => {
 			e.removeEventListener("wheel", t);
 		};
-	}, [nt]);
-	let [wt, Et] = (0, X.useState)(null);
+	}, [K]);
+	let [At, jt] = (0, X.useState)(null);
 	(0, X.useEffect)(() => {
-		Et(nt?.source?.getCommandScope?.() ?? null);
-	}, [nt]);
-	let Dt = (0, X.useMemo)(() => ({
+		jt(K?.source?.getCommandScope?.() ?? null);
+	}, [K]);
+	let Nt = (0, X.useMemo)(() => ({
 		"& .SnackbarContainer-root": { position: "absolute !important" },
 		"& .notistack-SnackbarContainer > div": { maxWidth: "min(100%, 720px)" },
 		"& .notistack-Snackbar": { minWidth: "unset" },
@@ -5912,55 +5912,55 @@ var Zo = () => {
 			whiteSpace: "pre-wrap"
 		},
 		"*": { userSelect: "none" }
-	}), []), [kt, jt] = (0, X.useState)(null), [, Mt] = F(null, !1);
+	}), []), [Pt, Ft] = (0, X.useState)(null), [, It] = j(null, !1);
 	(0, X.useEffect)(() => {
-		Mt(kt != null);
-	}, [kt, Mt]);
-	let Nt = (0, X.useCallback)((e) => m({
-		model: H,
+		It(Pt != null);
+	}, [Pt, It]);
+	let Lt = (0, X.useCallback)((e) => m({
+		model: U,
 		side: h,
 		...e,
 		...p
 	}), [
-		H,
+		U,
 		h,
 		p
-	]), Pt = (0, X.useRef)(n);
-	Pt.current = n, Se(t, () => ({
+	]), Rt = (0, X.useRef)(n);
+	Rt.current = n, be(t, () => ({
 		isStudioElement: () => !0,
 		save: (e) => {
-			let t = $e.current;
+			let t = dt.current;
 			return t ? t(e) : Promise.reject(Error("The studio cannot save: no workbook, or the backing store cannot write."));
 		},
-		getWorkbookElement: () => P.current,
-		getWorkbook: () => ut.current ?? null,
-		isDirty: () => Qe.current?.isDirty() ?? !1,
-		getEditable: () => Ke.current,
+		getWorkbookElement: () => L.current,
+		getWorkbook: () => q.current ?? null,
+		isDirty: () => ut.current?.isDirty() ?? !1,
+		getEditable: () => G.current,
 		getFormulaBarElement: () => he.current ?? null,
-		focus: () => P.current?.focus(),
-		whenReady: () => (R.current ||= Zo(), R.current.promise),
-		getWorkbookState: () => tt.current,
-		retry: () => Le((e) => e + 1)
+		focus: () => L.current?.focus(),
+		whenReady: () => (B.current ||= Zo(), B.current.promise),
+		getWorkbookState: () => pt.current,
+		retry: () => Ue((e) => e + 1)
 	}), [], n);
-	let q = (0, X.useRef)(!1), Lt = j((e, t) => {
-		t === U.current && requestAnimationFrame(() => requestAnimationFrame(() => {
-			t === U.current && (q.current = Pt.current?.contains(document.activeElement) ?? !0, ze(t), bt(e));
+	let zt = (0, X.useRef)(!1), Bt = P((e, t) => {
+		t === Xe.current && requestAnimationFrame(() => requestAnimationFrame(() => {
+			t === Xe.current && (zt.current = Rt.current?.contains(document.activeElement) ?? !0, qe(t), Dt(e));
 		}));
 	}, []);
 	(0, X.useEffect)(() => {
-		q.current && (q.current = !1, P.current?.focus());
-	}, [H]);
-	let Rt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), zt = (0, X.useCallback)((e) => {
-		let { ref: t, ...n } = e, r = ke ? L.dark : L.light, o = V.status === "error" ? d({
+		zt.current && (zt.current = !1, L.current?.focus());
+	}, [U]);
+	let Vt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), Ht = (0, X.useCallback)((e) => {
+		let { ref: t, ...n } = e, r = ke ? Oe.dark : Oe.light, i = H.status === "error" ? d({
 			...f,
 			style: {
 				width: "100%",
 				height: "100%",
 				...f?.style
 			},
-			error: V.error
+			error: H.error
 		}) : null;
-		if (o && !H) return (0, Z.jsx)(je, {
+		if (i && !U) return (0, Z.jsx)(st, {
 			style: {
 				width: "100%",
 				height: "100%",
@@ -5969,14 +5969,14 @@ var Zo = () => {
 				alignItems: "stretch",
 				justifyContent: "stretch"
 			},
-			children: o
+			children: i
 		});
-		let s = null;
-		if (H) {
-			let e = H, i = e.getView(), a = oe ?? i?.isShowFormulaBar(), o = de ?? i?.isShowStatusBar(), c = nt?.source ?? P.current, l = (N ?? St)({
+		let o = null;
+		if (U) {
+			let e = U, i = e.getView(), a = ie ?? i?.isShowFormulaBar(), s = ue ?? i?.isShowStatusBar(), c = K?.source ?? L.current, l = (I ?? kt)({
 				workbook: c,
 				...pe
-			}), u = a ? (ce ?? pt)({
+			}), u = a ? (ce ?? Yt)({
 				ref: he,
 				style: {
 					marginTop: r.spacing(.25),
@@ -5985,50 +5985,50 @@ var Zo = () => {
 					marginBottom: r.spacing(.75)
 				},
 				workbook: e,
-				editable: G ?? void 0,
-				...se,
+				editable: W ?? void 0,
+				...oe,
 				propsNamedCollectionEditor: {
 					restoreFocus: (e) => c?.focus(e),
-					...se?.propsNamedCollectionEditor
+					...oe?.propsNamedCollectionEditor
 				}
-			}) : null, d = o ? (M ?? ft)({
-				childrenEnd: K,
-				...fe
-			}) : null, f = (e, r) => (0, Z.jsx)(Ct, {
-				...A,
+			}) : null, d = s ? (fe ?? Jt)({
+				childrenEnd: xt,
+				...F
+			}) : null, f = (e, r) => (0, Z.jsx)(on, {
+				...N,
 				tabIndex: 0,
 				autoFocus: !r && T,
 				workbook: e,
-				editable: r ? void 0 : G ?? void 0,
+				editable: r ? void 0 : W ?? void 0,
 				focusNameBox: r ? void 0 : ge,
-				ref: r ? me : ct([t, P]),
-				onWorkbookLoad: r ? (t) => Lt(t, e) : bt,
+				ref: r ? me : Ut([t, L]),
+				onWorkbookLoad: r ? (t) => Bt(t, e) : Dt,
 				onKeyDown: (e) => {
 					g?.(e);
 				},
-				propsWorkbookLoading: ie,
-				renderWorkbookLoading: Rt,
+				propsWorkbookLoading: re,
+				renderWorkbookLoading: Vt,
 				style: r ? {
-					...A?.style,
+					...N?.style,
 					position: "absolute",
 					inset: 0,
 					visibility: "hidden"
 				} : {
 					flex: "1 1 100%",
 					minHeight: 0,
-					...A?.style
+					...N?.style
 				},
 				onContextMenu: (e) => e.preventDefault(),
 				...r ? null : n
 			}, e.getId());
-			s = (0, Z.jsxs)("div", {
+			o = (0, Z.jsxs)("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					flex: "1 1 100%",
 					minWidth: 0,
 					minHeight: 0,
-					...tn({
+					...De({
 						window: r.palette.background.default,
 						windowText: r.palette.text.primary
 					})
@@ -6039,9 +6039,9 @@ var Zo = () => {
 					(0, Z.jsx)(Io, {
 						taskSide: h,
 						persistKey: "taskPanePosition",
-						sidebarElement: kt ? (0, Z.jsx)(ue.CommandScopeProvider, {
-							scope: wt,
-							children: kt
+						sidebarElement: Pt ? (0, Z.jsx)(M.CommandScopeProvider, {
+							scope: At,
+							children: Pt
 						}) : void 0,
 						mainElement: (0, Z.jsxs)("div", {
 							style: {
@@ -6052,8 +6052,8 @@ var Zo = () => {
 								minWidth: 0,
 								minHeight: 0
 							},
-							children: [[f(H, !1), Be ? f(Be, !0) : null], (0, Z.jsx)(I, {
-								ref: ht,
+							children: [[f(U, !1), Je ? f(Je, !0) : null], (0, Z.jsx)(R, {
+								ref: wt,
 								sx: {
 									position: "absolute",
 									top: "10%",
@@ -6070,9 +6070,9 @@ var Zo = () => {
 				]
 			});
 		}
-		let l = nt ? null : re({ ...ie });
-		return (0, Z.jsxs)(je, {
-			sx: Dt,
+		let l = K ? null : A({ ...re });
+		return (0, Z.jsxs)(st, {
+			sx: Nt,
 			style: {
 				width: "100%",
 				height: "100%",
@@ -6083,12 +6083,12 @@ var Zo = () => {
 				backgroundColor: "var(--sxl-color-base-200)"
 			},
 			className: "eager-studio",
-			square: i,
-			elevation: a,
+			square: a,
+			elevation: s,
 			variant: c,
 			children: [
-				s,
-				o ? (0, Z.jsx)(je, {
+				o,
+				i ? (0, Z.jsx)(st, {
 					style: {
 						position: "absolute",
 						inset: 0,
@@ -6096,7 +6096,7 @@ var Zo = () => {
 						alignItems: "stretch",
 						justifyContent: "stretch"
 					},
-					children: o
+					children: i
 				}) : null,
 				l ? (0, Z.jsx)("div", {
 					style: {
@@ -6112,94 +6112,94 @@ var Zo = () => {
 			]
 		});
 	}, [
-		V,
 		H,
-		Be,
-		nt,
-		st,
-		re,
-		ie,
-		Rt,
+		U,
+		Je,
+		K,
+		yt,
 		A,
-		i,
+		re,
+		Vt,
+		N,
 		a,
+		s,
 		c,
-		K,
+		xt,
 		d,
 		f,
-		St,
-		Dt,
 		kt,
+		Nt,
+		Pt,
 		h,
-		wt,
+		At,
+		ie,
 		oe,
-		se,
 		ce,
-		G,
-		de,
+		W,
+		ue,
+		F,
 		fe,
-		M,
 		pe,
-		N,
-		L,
+		I,
+		Oe,
 		ke
-	]), Bt = (0, Z.jsx)(mo, {
+	]), Wt = (0, Z.jsx)(mo, {
 		maxSnack: 3,
-		domRoot: dt ?? void 0,
+		domRoot: St ?? void 0,
 		anchorOrigin: {
 			vertical: "bottom",
 			horizontal: "right"
 		},
 		autoHideDuration: 3500,
 		onClose: (e, t, n) => {
-			P.current?.focus();
+			L.current?.focus();
 		},
 		Components: { error: _o },
 		iconVariant: {
-			success: (0, Z.jsx)(we, {
+			success: (0, Z.jsx)(tt, {
 				style: { marginRight: "8px" },
 				children: (0, Z.jsx)("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" })
 			}),
-			error: (0, Z.jsx)(E, {
+			error: (0, Z.jsx)(O, {
 				iconKey: "ErrorAlert",
 				style: { marginRight: "8px" }
 			})
 		},
-		children: (0, Z.jsx)(yn, {
-			workbook: H,
-			children: (0, Z.jsx)(Mn, {
-				renderArea: Nt,
+		children: (0, Z.jsx)(ze, {
+			workbook: U,
+			children: (0, Z.jsx)(je, {
+				renderArea: Lt,
 				onUpdateArea: (e) => {
-					jt(e);
+					Ft(e);
 				},
-				children: (0, Z.jsx)(Xt, { children: (0, Z.jsx)(ko, { children: (0, Z.jsx)(ye, { children: (0, Z.jsx)(be, { children: (0, Z.jsx)(Eo, {
-					workbook: H,
-					initialCommandAnchor: vt,
-					renderWorkbook: zt,
-					setWorkbook: Ue,
-					titleWorkbook: st,
-					setWorkbookTitle: ot,
-					refDocumentTitle: xt,
-					isDirty: et,
-					refSave: $e
+				children: (0, Z.jsx)(Pn, { children: (0, Z.jsx)(ko, { children: (0, Z.jsx)(de, { children: (0, Z.jsx)(se, { children: (0, Z.jsx)(Eo, {
+					workbook: U,
+					initialCommandAnchor: Et,
+					renderWorkbook: Ht,
+					setWorkbook: et,
+					titleWorkbook: yt,
+					setWorkbookTitle: vt,
+					refDocumentTitle: Ot,
+					isDirty: ft,
+					refSave: dt
 				}) }) }) }) })
 			})
 		})
 	});
-	return Bt = (0, Z.jsxs)(or, {
-		theme: ke ? L.dark : L.light,
+	return Wt = (0, Z.jsxs)(or, {
+		theme: ke ? Oe.dark : Oe.light,
 		children: [
 			w ? (0, Z.jsx)(Sr, {}) : null,
-			(0, Z.jsx)("style", { children: Ae }),
-			(0, Z.jsx)("style", { children: Me }),
-			(0, Z.jsx)(It, {
+			(0, Z.jsx)("style", { children: Ne }),
+			(0, Z.jsx)("style", { children: Fe }),
+			(0, Z.jsx)(bn, {
 				themeScopeClass: r,
 				themeSurface: "app",
-				themeMode: Te,
-				children: Bt
+				themeMode: Se,
+				children: Wt
 			})
 		]
-	}), Bt;
+	}), Wt;
 }));
 $o.displayName = "EagerStudio";
 var es = (e) => (0, Z.jsx)(No, { ...e });