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

package/cdn/assets/{BrX2wKaY8H8My2Oe2.js → BZbIcyw3tiUx7ztK2.js}

@@ -1,32 +1,32 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.1
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.3
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { r as e } from "./BFWULyy65RLrorZ7.js";
-import { t } from "./DFDuIPMXHvVuEUbr.js";
-import { t as n } from "./BiDbxIo_Dg-LwZSG.js";
-import { t as r } from "./DM7EYwNo9Xadex4L.js";
-import { A as i, R as a, _ as o, d as s, g as c, j as l, s as u, t as d, v as f } from "./FxykwtLK380Ynhjh2.js";
-import { a as p, n as m } from "./CSfpN1f335foeZWr2.js";
-import { Y as h, Z as g, b as _, et as v, it as y, j as b, lt as x, nn as S } from "./C8V4AJb4DdsmksEn2.js";
-import { r as C, t as w } from "./BvkiXQcXBMKUOItw.js";
-import { $t as T, B as E, C as D, D as ee, Dt as te, Et as ne, G as O, K as re, N as ie, Ot as ae, Rt as k, T as A, W as oe, Xt as j, Y as se, _ as ce, b as le, c as ue, ct as de, dt as fe, ft as pe, h as M, i as N, it as me, m as P, n as he, nt as F, ot as ge, p as I, rt as _e, s as ve, st as ye, t as L, tt as be, v as xe, w as Se, x as Ce, y as we, yt as Te } from "./DM43PoUsN4Z2MKGv.js";
-import { $ as Ee, C as De, Ct as Oe, D as ke, Et as Ae, F as R, H as z, I as je, J as Me, L as Ne, N as B, St as Pe, Tt as Fe, V as Ie, _t as Le, bt as Re, ct as V, g as ze, k as Be, lt as H, nt as U, s as W, st as Ve, ut as G, v as He, vt as Ue, yt as We } from "./BWZ0ZtidQ4G3pcKO.js";
-import { D as Ge, E as Ke, S as qe, h as Je, p as K, r as Ye, t as q } from "./CDZEsA19vbvMOvWY.js";
-import { A as Xe, C as Ze, D as Qe, E as $e, M as et, N as tt, O as nt, S as rt, T as it, _ as at, a as ot, b as st, c as ct, d as lt, f as ut, g as dt, h as ft, i as pt, j as mt, k as ht, l as gt, m as _t, o as vt, p as yt, r as bt, s as xt, u as St, v as Ct, w as wt, x as Tt, y as Et } from "./BqujNTf--SuDncdC.js";
-import { n as Dt, t as Ot } from "./B2bOeapx8xiCLxqL.js";
-import { t as J } from "./BD5W4MjL2vYljVhR.js";
-import { t as Y } from "./BGYLyOTa6Y58vnCV.js";
-import { t as kt } from "./FR8EiuZjHCo_J-S2.js";
-import { A as At, Bt as jt, D as Mt, E as Nt, Ft as Pt, G as Ft, It, J as Lt, K as Rt, L as zt, M as Bt, Nt as Vt, Ot as Ht, Q as Ut, R as Wt, S as Gt, U as Kt, V as qt, Vt as Jt, W as Yt, Y as Xt, _t as Zt, c as Qt, dt as $t, ft as en, j as tn, k as nn, m as rn, nt as an, o as on, p as sn, pt as cn, q as ln, rt as un, s as dn, t as fn, u as pn, v as mn, w as hn, wt as gn, xt as _n, zt as vn } from "./Bh64Y2xehO25OC_t.js";
-import { t as yn } from "./Dd_TEe3cUSRc5o_s.js";
-import { n as bn } from "./DvjL9HtpbeTQiPsP.js";
-import { t as xn } from "./Yp8HnZ2LZWDER3Db.js";
-import { r as Sn } from "./DSwGGo-dqmuSJU4c2.js";
-import { i as Cn } from "./DnPzMeDwU1jIwV-F2.js";
-var wn = Ae(), X = e(t(), 1), Tn = X.createContext(null);
+import { r as e } from "./BbRZ0cO4t2haGX-o.js";
+import { t } from "./UtYZqTCpvZMQKdR8.js";
+import { t as n } from "./BdI4wcd4XWPgeQnl.js";
+import { t as r } from "./BDZq-VDymQAePI7X.js";
+import { A as i, R as a, _ as o, d as s, g as c, j as l, s as u, t as d, v as f } from "./Cjq-G2Seyww6IMSH2.js";
+import { a as p, n as m } from "./DhnxpW56CJ43gVOI2.js";
+import { I as h, J as g, Jt as _, T as v, lt as y, mt as b, nt as x, ot as S } from "./Cwee8HXWwJj0ASk32.js";
+import { t as C } from "./CNZeWICVX0x6E3-Z.js";
+import { r as w, t as ee } from "./Bv8Sjub_HtVCmnyZ.js";
+import { $t as T, B as E, C as D, D as te, Dt as ne, Et as O, G as k, K as re, N as ie, Ot as ae, Rt as A, T as oe, W as se, Xt as j, Y as ce, _ as le, b as ue, c as de, ct as fe, dt as pe, ft as me, h as M, i as he, it as ge, m as N, n as _e, nt as P, ot as ve, p as F, rt as ye, s as be, st as xe, t as I, tt as Se, v as Ce, w as we, x as Te, y as Ee, yt as De } from "./D-bML_q46je0p2os.js";
+import { $ as Oe, C as ke, Ct as Ae, D as je, Et as Me, F as L, H as R, I as Ne, J as Pe, L as Fe, N as z, St as Ie, Tt as Le, V as Re, _t as ze, bt as Be, ct as B, g as Ve, k as He, lt as V, nt as H, s as U, st as Ue, ut as W, v as We, vt as Ge, yt as Ke } from "./CaLQ8stna0cEenbY.js";
+import { D as qe, E as Je, S as Ye, h as G, p as K, r as Xe, t as q } from "./BV3cgeOVx6QLl85F.js";
+import { C as Ze, D as Qe, E as $e, M as et, N as tt, O as nt, S as rt, T as it, _ as at, a as ot, b as st, c as ct, d as lt, f as ut, g as dt, h as ft, i as pt, j as mt, l as ht, m as gt, n as _t, o as vt, p as yt, r as bt, s as xt, t as St, u as Ct, v as wt, w as Tt, x as Et, y as Dt } from "./-wn5AXVsNdciGzNx.js";
+import { n as Ot, t as kt } from "./DupOTk4J52hzKr6p.js";
+import { t as J } from "./C0ioCmY0K9GI3SiM.js";
+import { t as Y } from "./Cb1n0HtvwfvZOwZz.js";
+import { t as At } from "./CsfLKTLGWgDLWY2z.js";
+import { $ as jt, A as Mt, Bt as Nt, F as Pt, Ft, G as It, It as Lt, K as Rt, M as zt, Nt as Bt, O as Vt, Ot as Ht, P as Ut, V as Wt, Vt as Gt, X as Kt, Y as qt, Z as Jt, _ as Yt, _t as Xt, c as Zt, d as Qt, dt as $t, et as en, f as tn, ft as nn, l as rn, m as an, n as on, nt as sn, p as cn, pt as ln, q as un, r as dn, rt as fn, s as pn, t as mn, wt as hn, xt as gn, y as _n, z as vn, zt as yn } from "./3QC61uhcIBmRDR9w.js";
+import { t as bn } from "./s2fSOFCKUPsjfoxR.js";
+import { n as xn } from "./BGlQEwuUWK6Oz7bC.js";
+import { r as Sn } from "./CjO9u_nQjtCD7xTH2.js";
+import { i as Cn } from "./wBchGa30DBwJnPZQ2.js";
+var wn = Me(), X = e(t(), 1), Tn = X.createContext(null);
 function En() {
 	return X.useContext(Tn);
 }
@@ -72,9 +72,9 @@ function An(e, t, n, r = !1) {
 	]);
 }
 function jn(e) {
-	let { children: t, theme: n, themeId: r } = e, i = ce(kn), a = En() || kn, o = An(r, i, n), s = An(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
-		let t = ce(), n = Ue() || "", { 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};` : "", Pe(() => {
+	let { children: t, theme: n, themeId: r } = e, i = le(kn), a = En() || kn, o = An(r, i, n), s = An(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
+		let t = le(), n = Ge() || "", { 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};` : "", Ie(() => {
 			let e = document.querySelector("head");
 			if (!e) return;
 			let t = e.firstChild;
@@ -83,15 +83,15 @@ function jn(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)(Ke, { styles: i }) : null;
+		}, [i, n]), i ? (0, Z.jsx)(Je, { styles: i }) : null;
 	}(o);
 	return (0, Z.jsx)(On, {
 		theme: s,
 		children: (0, Z.jsx)(ie.Provider, {
 			value: o,
-			children: (0, Z.jsx)(Re, {
+			children: (0, Z.jsx)(Be, {
 				value: c,
-				children: (0, Z.jsxs)(We, {
+				children: (0, Z.jsxs)(Ke, {
 					value: r ? o[r].components : o.components,
 					children: [l, t]
 				})
@@ -252,12 +252,12 @@ function Bn(e) {
 		setColorScheme: x
 	};
 }
-var Vn = xe(), Hn = wn("div", {
+var Vn = Ce(), Hn = wn("div", {
 	name: "MuiStack",
 	slot: "Root"
 });
 function Un(e) {
-	return Oe({
+	return Ae({
 		props: e,
 		name: "MuiStack",
 		defaultTheme: Vn
@@ -271,16 +271,16 @@ var Gn = ({ ownerState: e, theme: t }) => {
 	let n = {
 		display: "flex",
 		flexDirection: "column",
-		...D({ theme: t }, A({
+		...D({ theme: t }, oe({
 			values: e.direction,
 			breakpoints: t.breakpoints.values
 		}), (e) => ({ flexDirection: e }))
 	};
 	if (e.spacing) {
-		let r = le(t), i = Object.keys(t.breakpoints.values).reduce((t, n) => ((typeof e.spacing == "object" && e.spacing[n] != null || typeof e.direction == "object" && e.direction[n] != null) && (t[n] = !0), t), {}), a = A({
+		let r = ue(t), i = Object.keys(t.breakpoints.values).reduce((t, n) => ((typeof e.spacing == "object" && e.spacing[n] != null || typeof e.direction == "object" && e.direction[n] != null) && (t[n] = !0), t), {}), a = oe({
 			values: e.direction,
 			base: i
-		}), o = A({
+		}), o = oe({
 			values: e.spacing,
 			base: i
 		});
@@ -289,25 +289,25 @@ var Gn = ({ ownerState: e, theme: t }) => {
 				let r = t > 0 ? a[n[t - 1]] : "column";
 				a[e] = r;
 			}
-		}), n = ee(n, D({ theme: t }, o, (t, n) => {
-			return e.useFlexGap ? { gap: Ce(r, t) } : {
+		}), n = te(n, D({ theme: t }, o, (t, n) => {
+			return e.useFlexGap ? { gap: Te(r, t) } : {
 				"& > :not(style):not(style)": { margin: 0 },
 				"& > :not(style) ~ :not(style)": { [`margin${i = n ? a[n] : e.direction, {
 					row: "Left",
 					"row-reverse": "Right",
 					column: "Top",
 					"column-reverse": "Bottom"
-				}[i]}`]: Ce(r, t) }
+				}[i]}`]: Te(r, t) }
 			};
 			var i;
 		}));
 	}
-	return n = Se(t.breakpoints, n), n;
+	return n = we(t.breakpoints, n), n;
 };
 function Kn(e) {
-	return P("MuiAccordionSummary", e);
+	return N("MuiAccordionSummary", e);
 }
-var qn = I("MuiAccordionSummary", [
+var qn = F("MuiAccordionSummary", [
 	"root",
 	"expanded",
 	"focusVisible",
@@ -317,9 +317,9 @@ var qn = I("MuiAccordionSummary", [
 	"expandIconWrapper"
 ]);
 function Jn(e) {
-	return P("MuiToggleButton", e);
+	return N("MuiToggleButton", e);
 }
-var Yn = I("MuiToggleButton", [
+var Yn = F("MuiToggleButton", [
 	"root",
 	"disabled",
 	"selected",
@@ -352,30 +352,30 @@ var { CssVarsProvider: Zn, useColorScheme: Qn, getInitColorSchemeScript: $n } =
 	}, 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 = En(), D = X.useContext(l), ee = !!D && !b, te = X.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), ne = te[t], O = ne || te, { colorSchemes: re = u, components: ie = d, cssVarPrefix: ae } = O, k = Object.keys(re).filter((e) => !!re[e]).join(","), A = X.useMemo(() => k.split(","), [k]), oe = typeof o == "string" ? o : o.light, j = typeof o == "string" ? o : o.dark, { mode: se, setMode: ce, systemMode: le, lightColorScheme: ue, darkColorScheme: de, colorScheme: fe, setColorScheme: pe } = Bn({
+			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, ee = X.useRef(!1), T = En(), E = X.useContext(l), D = !!E && !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, ae = Object.keys(k).filter((e) => !!k[e]).join(","), A = X.useMemo(() => ae.split(","), [ae]), oe = typeof o == "string" ? o : o.light, se = typeof o == "string" ? o : o.dark, { mode: j, setMode: ce, systemMode: le, lightColorScheme: ue, darkColorScheme: de, colorScheme: fe, setColorScheme: pe } = Bn({
 				supportedColorSchemes: A,
 				defaultLightColorScheme: oe,
-				defaultDarkColorScheme: j,
+				defaultDarkColorScheme: se,
 				modeStorageKey: p,
 				colorSchemeStorageKey: m,
-				defaultMode: re[oe] && re[j] ? S : re[O.defaultColorScheme]?.palette?.mode || O.palette?.mode,
+				defaultMode: k[oe] && k[se] ? S : k[O.defaultColorScheme]?.palette?.mode || O.palette?.mode,
 				storageManager: g,
 				storageWindow: _,
 				noSsr: w
-			}), M = se, N = fe;
-			ee && (M = D.mode, N = D.colorScheme);
-			let me = N || O.defaultColorScheme;
-			O.vars && !C && (me = O.defaultColorScheme);
-			let P = X.useMemo(() => {
+			}), me = j, M = fe;
+			D && (me = E.mode, M = E.colorScheme);
+			let he = M || O.defaultColorScheme;
+			O.vars && !C && (he = O.defaultColorScheme);
+			let ge = X.useMemo(() => {
 				let e = O.generateThemeVars?.() || O.vars, t = {
 					...O,
-					components: ie,
-					colorSchemes: re,
-					cssVarPrefix: ae,
+					components: re,
+					colorSchemes: k,
+					cssVarPrefix: ie,
 					vars: e
 				};
-				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), me) {
-					let e = re[me];
+				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), he) {
+					let e = k[he];
 					e && typeof e == "object" && Object.keys(e).forEach((n) => {
 						e[n] && typeof e[n] == "object" ? t[n] = {
 							...t[n],
@@ -386,33 +386,33 @@ var { CssVarsProvider: Zn, useColorScheme: Qn, getInitColorSchemeScript: $n } =
 				return s ? s(t) : t;
 			}, [
 				O,
-				me,
-				ie,
+				he,
 				re,
-				ae
-			]), he = O.colorSchemeSelector;
-			Pe(() => {
-				if (N && y && he && he !== "media") {
-					let e = he, t = he;
-					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...A.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", N));
+				k,
+				ie
+			]), N = O.colorSchemeSelector;
+			Ie(() => {
+				if (M && y && N && N !== "media") {
+					let e = N, t = N;
+					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...A.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", M));
 					else {
-						let e = t.replace("%s", N).match(/\[([^\]]+)\]/);
+						let e = t.replace("%s", M).match(/\[([^\]]+)\]/);
 						if (e) {
 							let [t, n] = e[1].split("=");
 							n || A.forEach((e) => {
-								y.removeAttribute(t.replace(N, e));
+								y.removeAttribute(t.replace(M, e));
 							}), y.setAttribute(t, n ? n.replace(/"|'/g, "") : "");
-						} else y.setAttribute(t, N);
+						} else y.setAttribute(t, M);
 					}
 				}
 			}, [
+				M,
 				N,
-				he,
 				y,
 				A
 			]), X.useEffect(() => {
 				let e;
-				if (h && T.current && v) {
+				if (h && ee.current && v) {
 					let t = v.createElement("style");
 					t.appendChild(v.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), v.head.appendChild(t), window.getComputedStyle(v.body), e = setTimeout(() => {
 						v.head.removeChild(t);
@@ -422,41 +422,41 @@ var { CssVarsProvider: Zn, useColorScheme: Qn, getInitColorSchemeScript: $n } =
 					clearTimeout(e);
 				};
 			}, [
-				N,
+				M,
 				h,
 				v
-			]), X.useEffect(() => (T.current = !0, () => {
-				T.current = !1;
+			]), X.useEffect(() => (ee.current = !0, () => {
+				ee.current = !1;
 			}), []);
-			let F = X.useMemo(() => ({
+			let _e = X.useMemo(() => ({
 				allColorSchemes: A,
-				colorScheme: N,
+				colorScheme: M,
 				darkColorScheme: de,
 				lightColorScheme: ue,
-				mode: M,
+				mode: me,
 				setColorScheme: pe,
 				setMode: ce,
 				systemMode: le
 			}), [
 				A,
-				N,
+				M,
 				de,
 				ue,
-				M,
+				me,
 				pe,
 				ce,
 				le,
-				P.colorSchemeSelector
-			]), ge = !0;
-			(x || !1 === O.cssVariables || ee && E?.cssVarPrefix === ae) && (ge = !1);
-			let I = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(jn, {
+				ge.colorSchemeSelector
+			]), P = !0;
+			(x || !1 === O.cssVariables || D && T?.cssVarPrefix === ie) && (P = !1);
+			let ve = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(jn, {
 				themeId: ne ? t : void 0,
-				theme: P,
+				theme: ge,
 				children: c
-			}), ge && (0, Z.jsx)(Ge, { styles: P.generateStyleSheets?.() || [] })] });
-			return ee ? I : (0, Z.jsx)(l.Provider, {
-				value: F,
-				children: I
+			}), P && (0, Z.jsx)(qe, { styles: ge.generateStyleSheets?.() || [] })] });
+			return D ? ve : (0, Z.jsx)(l.Provider, {
+				value: _e,
+				children: ve
 			});
 		},
 		useColorScheme: () => X.useContext(l) || c,
@@ -486,7 +486,7 @@ var { CssVarsProvider: Zn, useColorScheme: Qn, getInitColorSchemeScript: $n } =
 	};
 }({
 	themeId: E,
-	theme: () => N({ cssVariables: !0 }),
+	theme: () => he({ cssVariables: !0 }),
 	colorSchemeStorageKey: "mui-color-scheme",
 	modeStorageKey: "mui-mode",
 	defaultColorScheme: {
@@ -496,10 +496,10 @@ var { CssVarsProvider: Zn, useColorScheme: Qn, getInitColorSchemeScript: $n } =
 	resolveTheme: (e) => {
 		let t = {
 			...e,
-			typography: ve(e.palette, e.typography)
+			typography: be(e.palette, e.typography)
 		};
 		return t.unstable_sx = function(e) {
-			return we({
+			return Ee({
 				sx: e,
 				theme: this
 			});
@@ -525,9 +525,9 @@ function tr({ theme: e, ...t }) {
 }
 var nr = X.createContext({});
 function rr(e) {
-	return P("MuiAccordion", e);
+	return N("MuiAccordion", e);
 }
-var ir = I("MuiAccordion", [
+var ir = F("MuiAccordion", [
 	"root",
 	"heading",
 	"rounded",
@@ -535,7 +535,7 @@ var ir = I("MuiAccordion", [
 	"disabled",
 	"gutters",
 	"region"
-]), ar = G(Ie, {
+]), ar = W(Re, {
 	name: "MuiAccordion",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -547,11 +547,11 @@ var ir = I("MuiAccordion", [
 			!n.disableGutters && t.gutters
 		];
 	}
-})(H(({ theme: e }) => {
+})(V(({ theme: e }) => {
 	let t = { duration: e.transitions.duration.shortest };
 	return {
 		position: "relative",
-		...U(e, ["margin"], t),
+		...H(e, ["margin"], t),
 		overflowAnchor: "none",
 		"&::before": {
 			position: "absolute",
@@ -562,7 +562,7 @@ var ir = I("MuiAccordion", [
 			content: "\"\"",
 			opacity: 1,
 			backgroundColor: (e.vars || e).palette.divider,
-			...U(e, ["opacity", "background-color"], t)
+			...H(e, ["opacity", "background-color"], t)
 		},
 		"&:first-of-type": { "&::before": { display: "none" } },
 		[`&.${ir.expanded}`]: {
@@ -573,7 +573,7 @@ var ir = I("MuiAccordion", [
 		},
 		[`&.${ir.disabled}`]: { backgroundColor: (e.vars || e).palette.action.disabledBackground }
 	};
-}), H(({ theme: e }) => ({ variants: [{
+}), V(({ theme: e }) => ({ variants: [{
 	props: (e) => !e.square,
 	style: {
 		borderRadius: 0,
@@ -593,17 +593,17 @@ var ir = I("MuiAccordion", [
 }, {
 	props: (e) => !e.disableGutters,
 	style: { [`&.${ir.expanded}`]: { margin: "16px 0" } }
-}] }))), or = G("h3", {
+}] }))), or = W("h3", {
 	name: "MuiAccordion",
 	slot: "Heading"
-})({ all: "unset" }), sr = G("div", {
+})({ all: "unset" }), sr = W("div", {
 	name: "MuiAccordion",
 	slot: "Region"
 })({}), cr = X.forwardRef(function(e, t) {
-	let n = V({
+	let n = B({
 		props: e,
 		name: "MuiAccordion"
-	}), { children: r, className: i, defaultExpanded: a = !1, disabled: o = !1, disableGutters: s = !1, expanded: c, onChange: l, slots: u = {}, slotProps: d = {}, ...f } = n, [p, m] = Me({
+	}), { children: r, className: i, defaultExpanded: a = !1, disabled: o = !1, disableGutters: s = !1, expanded: c, onChange: l, slots: u = {}, slotProps: d = {}, ...f } = n, [p, m] = Pe({
 		controlled: c,
 		default: a,
 		name: "Accordion",
@@ -631,7 +631,7 @@ var ir = I("MuiAccordion", [
 		expanded: p
 	}, b = ((e) => {
 		let { classes: t, square: n, expanded: r, disabled: i, disableGutters: a } = e;
-		return Le({
+		return ze({
 			root: [
 				"root",
 				!n && "rounded",
@@ -645,7 +645,7 @@ var ir = I("MuiAccordion", [
 	})(y), x = {
 		slots: u,
 		slotProps: d
-	}, [S, C] = z("root", {
+	}, [S, C] = R("root", {
 		elementType: ar,
 		externalForwardedProps: {
 			...x,
@@ -655,16 +655,16 @@ var ir = I("MuiAccordion", [
 		shouldForwardComponentProp: !0,
 		ownerState: y,
 		ref: t
-	}), [w, T] = z("heading", {
+	}), [w, ee] = R("heading", {
 		elementType: or,
 		externalForwardedProps: x,
 		className: b.heading,
 		ownerState: y
-	}), [E, D] = z("transition", {
-		elementType: kt,
+	}), [T, E] = R("transition", {
+		elementType: At,
 		externalForwardedProps: x,
 		ownerState: y
-	}), [ee, te] = z("region", {
+	}), [D, te] = R("region", {
 		elementType: sr,
 		externalForwardedProps: x,
 		ownerState: y,
@@ -678,16 +678,16 @@ var ir = I("MuiAccordion", [
 	return (0, Z.jsxs)(S, {
 		...C,
 		children: [(0, Z.jsx)(w, {
-			...T,
+			...ee,
 			children: (0, Z.jsx)(nr.Provider, {
 				value: v,
 				children: g
 			})
-		}), (0, Z.jsx)(E, {
+		}), (0, Z.jsx)(T, {
 			in: p,
 			timeout: "auto",
-			...D,
-			children: (0, Z.jsx)(ee, {
+			...E,
+			children: (0, Z.jsx)(D, {
 				...te,
 				children: _
 			})
@@ -695,19 +695,19 @@ var ir = I("MuiAccordion", [
 	});
 });
 function lr(e) {
-	return P("MuiAccordionDetails", e);
+	return N("MuiAccordionDetails", e);
 }
-I("MuiAccordionDetails", ["root"]);
-var ur = G("div", {
+F("MuiAccordionDetails", ["root"]);
+var ur = W("div", {
 	name: "MuiAccordionDetails",
 	slot: "Root"
-})(H(({ theme: e }) => ({ padding: e.spacing(1, 2, 2) }))), dr = X.forwardRef(function(e, t) {
-	let n = V({
+})(V(({ theme: e }) => ({ padding: e.spacing(1, 2, 2) }))), dr = X.forwardRef(function(e, t) {
+	let n = B({
 		props: e,
 		name: "MuiAccordionDetails"
 	}), { className: r, ...i } = n, a = n, o = ((e) => {
 		let { classes: t } = e;
-		return Le({ root: ["root"] }, lr, t);
+		return ze({ root: ["root"] }, lr, t);
 	})(a);
 	return (0, Z.jsx)(ur, {
 		className: M(o.root, r),
@@ -715,15 +715,15 @@ var ur = G("div", {
 		ownerState: a,
 		...i
 	});
-}), fr = G(Ne, {
+}), fr = W(Fe, {
 	name: "MuiAccordionSummary",
 	slot: "Root"
-})(H(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	display: "flex",
 	width: "100%",
 	minHeight: 48,
 	padding: e.spacing(0, 2),
-	...U(e, ["min-height", "background-color"], { duration: e.transitions.duration.shortest }),
+	...H(e, ["min-height", "background-color"], { duration: e.transitions.duration.shortest }),
 	[`&.${qn.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus },
 	[`&.${qn.disabled}`]: { opacity: (e.vars || e).palette.action.disabledOpacity },
 	[`&:hover:not(.${qn.disabled})`]: { cursor: "pointer" },
@@ -731,10 +731,10 @@ var ur = G("div", {
 		props: (e) => !e.disableGutters,
 		style: { [`&.${qn.expanded}`]: { minHeight: 64 } }
 	}]
-}))), pr = G("span", {
+}))), pr = W("span", {
 	name: "MuiAccordionSummary",
 	slot: "Content"
-})(H(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	display: "flex",
 	textAlign: "start",
 	flexGrow: 1,
@@ -742,21 +742,21 @@ var ur = G("div", {
 	variants: [{
 		props: (e) => !e.disableGutters,
 		style: {
-			...U(e, ["margin"], { duration: e.transitions.duration.shortest }),
+			...H(e, ["margin"], { duration: e.transitions.duration.shortest }),
 			[`&.${qn.expanded}`]: { margin: "20px 0" }
 		}
 	}]
-}))), mr = G("span", {
+}))), mr = W("span", {
 	name: "MuiAccordionSummary",
 	slot: "ExpandIconWrapper"
-})(H(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	display: "flex",
 	color: (e.vars || e).palette.action.active,
 	transform: "rotate(0deg)",
-	...U(e, "transform", { duration: e.transitions.duration.shortest }),
+	...H(e, "transform", { duration: e.transitions.duration.shortest }),
 	[`&.${qn.expanded}`]: { transform: "rotate(180deg)" }
 }))), hr = X.forwardRef(function(e, t) {
-	let n = V({
+	let n = B({
 		props: e,
 		name: "MuiAccordionSummary"
 	}), { children: r, className: i, expandIcon: a, focusVisibleClassName: o, onClick: s, slots: c, slotProps: l, ...u } = n, { disabled: d = !1, disableGutters: f, expanded: p, toggle: m } = X.useContext(nr), h = {
@@ -766,7 +766,7 @@ var ur = G("div", {
 		disableGutters: f
 	}, g = ((e) => {
 		let { classes: t, expanded: n, disabled: r, disableGutters: i } = e;
-		return Le({
+		return ze({
 			root: [
 				"root",
 				n && "expanded",
@@ -780,7 +780,7 @@ var ur = G("div", {
 	})(h), _ = {
 		slots: c,
 		slotProps: l
-	}, [v, y] = z("root", {
+	}, [v, y] = R("root", {
 		ref: t,
 		shouldForwardComponentProp: !0,
 		className: M(g.root, i),
@@ -806,12 +806,12 @@ var ur = G("div", {
 				})(t);
 			}
 		})
-	}), [b, x] = z("content", {
+	}), [b, x] = R("content", {
 		className: g.content,
 		elementType: pr,
 		externalForwardedProps: _,
 		ownerState: h
-	}), [S, C] = z("expandIconWrapper", {
+	}), [S, C] = R("expandIconWrapper", {
 		className: g.expandIconWrapper,
 		elementType: mr,
 		externalForwardedProps: _,
@@ -829,9 +829,9 @@ var ur = G("div", {
 	});
 });
 function gr(e) {
-	return P("MuiListSubheader", e);
+	return N("MuiListSubheader", e);
 }
-I("MuiListSubheader", [
+F("MuiListSubheader", [
 	"root",
 	"colorPrimary",
 	"colorInherit",
@@ -839,20 +839,20 @@ I("MuiListSubheader", [
 	"inset",
 	"sticky"
 ]);
-var _r = G("li", {
+var _r = W("li", {
 	name: "MuiListSubheader",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.color !== "default" && t[`color${Ve(n.color)}`],
+			n.color !== "default" && t[`color${Ue(n.color)}`],
 			!n.disableGutters && t.gutters,
 			n.inset && t.inset,
 			!n.disableSticky && t.sticky
 		];
 	}
-})(H(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	boxSizing: "border-box",
 	lineHeight: "48px",
 	listStyle: "none",
@@ -891,7 +891,7 @@ var _r = G("li", {
 		}
 	]
 }))), vr = X.forwardRef(function(e, t) {
-	let n = V({
+	let n = B({
 		props: e,
 		name: "MuiListSubheader"
 	}), { className: r, color: i = "default", component: a = "li", disableGutters: o = !1, disableSticky: s = !1, inset: c = !1, ...l } = n, u = {
@@ -903,9 +903,9 @@ var _r = G("li", {
 		inset: c
 	}, d = ((e) => {
 		let { classes: t, color: n, disableGutters: r, inset: i, disableSticky: a } = e;
-		return Le({ root: [
+		return ze({ root: [
 			"root",
-			n !== "default" && `color${Ve(n)}`,
+			n !== "default" && `color${Ue(n)}`,
 			!r && "gutters",
 			i && "inset",
 			!a && "sticky"
@@ -920,14 +920,14 @@ var _r = G("li", {
 	});
 });
 function yr(e) {
-	return P("MuiCard", e);
+	return N("MuiCard", e);
 }
-I("MuiCard", ["root"]);
-var br = G(Ie, {
+F("MuiCard", ["root"]);
+var br = W(Re, {
 	name: "MuiCard",
 	slot: "Root"
 })({ overflow: "hidden" }), xr = X.forwardRef(function(e, t) {
-	let n = V({
+	let n = B({
 		props: e,
 		name: "MuiCard"
 	}), { className: r, raised: i = !1, ...a } = n, o = {
@@ -935,7 +935,7 @@ var br = G(Ie, {
 		raised: i
 	}, s = ((e) => {
 		let { classes: t } = e;
-		return Le({ root: ["root"] }, yr, t);
+		return ze({ root: ["root"] }, yr, t);
 	})(o);
 	return (0, Z.jsx)(br, {
 		className: M(s.root, r),
@@ -946,10 +946,10 @@ var br = G(Ie, {
 	});
 });
 function Sr(e) {
-	return P("MuiCardActions", e);
+	return N("MuiCardActions", e);
 }
-I("MuiCardActions", ["root", "spacing"]);
-var Cr = G("div", {
+F("MuiCardActions", ["root", "spacing"]);
+var Cr = W("div", {
 	name: "MuiCardActions",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -965,7 +965,7 @@ var Cr = G("div", {
 		style: { "& > :not(style) ~ :not(style)": { marginLeft: 8 } }
 	}]
 }), wr = X.forwardRef(function(e, t) {
-	let n = V({
+	let n = B({
 		props: e,
 		name: "MuiCardActions"
 	}), { disableSpacing: r = !1, className: i, ...a } = n, o = {
@@ -973,7 +973,7 @@ var Cr = G("div", {
 		disableSpacing: r
 	}, s = ((e) => {
 		let { classes: t, disableSpacing: n } = e;
-		return Le({ root: ["root", !n && "spacing"] }, Sr, t);
+		return ze({ root: ["root", !n && "spacing"] }, Sr, t);
 	})(o);
 	return (0, Z.jsx)(Cr, {
 		className: M(s.root, i),
@@ -981,7 +981,7 @@ var Cr = G("div", {
 		ref: t,
 		...a
 	});
-}), Tr = typeof qe({}) == "function", Er = (e, t) => ({
+}), Tr = typeof Ye({}) == "function", Er = (e, t) => ({
 	WebkitFontSmoothing: "antialiased",
 	MozOsxFontSmoothing: "grayscale",
 	boxSizing: "border-box",
@@ -1010,7 +1010,7 @@ var Cr = G("div", {
 		...n
 	}, i = e.components?.MuiCssBaseline?.styleOverrides;
 	return i && (r = [r, i]), r;
-}, kr = "mui-ecs", Ar = qe(Tr ? ({ theme: e, enableColorScheme: t }) => Or(e, t) : ({ theme: e }) => ((e) => {
+}, kr = "mui-ecs", Ar = Ye(Tr ? ({ theme: e, enableColorScheme: t }) => Or(e, t) : ({ theme: e }) => ((e) => {
 	let t = Or(e, !1), n = Array.isArray(t) ? t[0] : t;
 	return !e.vars && n && (n.html[`:root:has(${kr})`] = { colorScheme: e.palette.mode }), e.colorSchemes && Object.entries(e.colorSchemes).forEach(([t, r]) => {
 		let i = e.getColorSchemeSelector(t);
@@ -1018,7 +1018,7 @@ var Cr = G("div", {
 	}), t;
 })(e));
 function jr(e) {
-	let { children: t, enableColorScheme: n = !1 } = V({
+	let { children: t, enableColorScheme: n = !1 } = B({
 		props: e,
 		name: "MuiCssBaseline"
 	});
@@ -1038,7 +1038,7 @@ var Mr = function(e = {}) {
 			direction: o,
 			spacing: s,
 			useFlexGap: d
-		}, m = Le({ root: ["root"] }, (e) => P(r, e), {});
+		}, m = ze({ root: ["root"] }, (e) => N(r, e), {});
 		return (0, Z.jsx)(i, {
 			as: a,
 			ownerState: p,
@@ -1049,11 +1049,11 @@ var Mr = function(e = {}) {
 		});
 	});
 }({
-	createStyledComponent: G("div", {
+	createStyledComponent: W("div", {
 		name: "MuiStack",
 		slot: "Root"
 	}),
-	useThemeProps: (e) => V({
+	useThemeProps: (e) => B({
 		props: e,
 		name: "MuiStack"
 	})
@@ -1061,14 +1061,14 @@ var Mr = function(e = {}) {
 function Fr(e, t) {
 	return t !== void 0 && e !== void 0 && (Array.isArray(t) ? t.includes(e) : e === t);
 }
-var Ir = G(Ne, {
+var Ir = W(Fe, {
 	name: "MuiToggleButton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
-		return [t.root, t[`size${Ve(n.size)}`]];
+		return [t.root, t[`size${Ue(n.size)}`]];
 	}
-})(H(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	...e.typography.button,
 	borderRadius: (e.vars || e).shape.borderRadius,
 	padding: 11,
@@ -1095,7 +1095,7 @@ var Ir = G(Ne, {
 				}
 			} }
 		},
-		...Object.entries(e.palette).filter(je()).map(([t]) => ({
+		...Object.entries(e.palette).filter(Ne()).map(([t]) => ({
 			props: { color: t },
 			style: { [`&.${Yn.selected}`]: {
 				color: (e.vars || e).palette[t].main,
@@ -1126,8 +1126,8 @@ var Ir = G(Ne, {
 		}
 	]
 }))), Lr = X.forwardRef(function(e, t) {
-	let { value: n, ...r } = X.useContext(Nr), i = X.useContext(Pr), a = V({
-		props: Fe({
+	let { value: n, ...r } = X.useContext(Nr), i = X.useContext(Pr), a = B({
+		props: Le({
 			...r,
 			selected: Fr(e.value, n)
 		}, e),
@@ -1141,12 +1141,12 @@ var Ir = G(Ne, {
 		size: h
 	}, y = ((e) => {
 		let { classes: t, fullWidth: n, selected: r, disabled: i, size: a, color: o } = e;
-		return Le({ root: [
+		return ze({ root: [
 			"root",
 			r && "selected",
 			i && "disabled",
 			n && "fullWidth",
-			`size${Ve(a)}`,
+			`size${Ue(a)}`,
 			o
 		] }, Jn, t);
 	})(v), b = i || "";
@@ -1168,9 +1168,9 @@ var Ir = G(Ne, {
 	});
 });
 function Rr(e) {
-	return P("MuiToggleButtonGroup", e);
+	return N("MuiToggleButtonGroup", e);
 }
-var Q = I("MuiToggleButtonGroup", [
+var Q = F("MuiToggleButtonGroup", [
 	"root",
 	"selected",
 	"horizontal",
@@ -1181,7 +1181,7 @@ var Q = I("MuiToggleButtonGroup", [
 	"firstButton",
 	"lastButton",
 	"middleButton"
-]), zr = G("div", {
+]), zr = W("div", {
 	name: "MuiToggleButtonGroup",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -1196,7 +1196,7 @@ var Q = I("MuiToggleButtonGroup", [
 			n.fullWidth && t.fullWidth
 		];
 	}
-})(H(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	display: "inline-flex",
 	borderRadius: (e.vars || e).shape.borderRadius,
 	variants: [
@@ -1247,7 +1247,7 @@ var Q = I("MuiToggleButtonGroup", [
 		}
 	]
 }))), Br = X.forwardRef(function(e, t) {
-	let n = V({
+	let n = B({
 		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 = {
@@ -1258,7 +1258,7 @@ var Q = I("MuiToggleButtonGroup", [
 		size: d
 	}, h = ((e) => {
 		let { classes: t, orientation: n, fullWidth: r, disabled: i } = e;
-		return Le({
+		return ze({
 			root: [
 				"root",
 				n,
@@ -1315,7 +1315,7 @@ var Q = I("MuiToggleButtonGroup", [
 	});
 }), Vr = e(n(), 1), Hr = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { workbook: n, descriptor: r, args: i, dragReorder: a, ...o } = e;
-	return (0, Z.jsx)(_t, {
+	return (0, Z.jsx)(ut, {
 		ref: t,
 		workbook: n,
 		descriptor: (0, X.useMemo)(() => ((e) => {
@@ -1453,7 +1453,7 @@ var qr = (0, X.memo)((e) => {
 			items: r
 		}), o("");
 	};
-	return (0, Z.jsxs)(L, {
+	return (0, Z.jsxs)(I, {
 		...r,
 		style: {
 			display: "flex",
@@ -1463,17 +1463,17 @@ var qr = (0, X.memo)((e) => {
 			...r?.style
 		},
 		children: [
-			(0, Z.jsxs)(L, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(B, {
+				children: [(0, Z.jsx)(z, {
 					variant: "body2",
 					sx: { flexGrow: 1 },
 					children: i(s ? "condition.formulaMode" : "condition.listMode")
-				}), (0, Z.jsx)(ke, {
+				}), (0, Z.jsx)(je, {
 					size: "small",
 					variant: "outlined",
 					onClick: () => {
@@ -1505,7 +1505,7 @@ var qr = (0, X.memo)((e) => {
 				helperText: i("condition.formulaHelper")
 			}),
 			!s && (0, Z.jsxs)(Z.Fragment, { children: [
-				(0, Z.jsxs)(L, {
+				(0, Z.jsxs)(I, {
 					sx: {
 						display: "flex",
 						gap: 1
@@ -1520,15 +1520,15 @@ var qr = (0, X.memo)((e) => {
 							e.key === "Enter" && l();
 						},
 						slotProps: { input: { sx: { backgroundColor: "background.paper" } } }
-					}), (0, Z.jsx)(R, {
+					}), (0, Z.jsx)(L, {
 						color: "primary",
 						onClick: l,
 						disabled: !a.trim(),
 						sx: { backgroundColor: "background.paper" },
-						children: (0, Z.jsx)(C, { iconKey: "Add" })
+						children: (0, Z.jsx)(w, { iconKey: "Add" })
 					})]
 				}),
-				c.length > 0 && (0, Z.jsxs)(L, {
+				c.length > 0 && (0, Z.jsxs)(I, {
 					sx: {
 						p: 2,
 						backgroundColor: "background.paper",
@@ -1536,7 +1536,7 @@ var qr = (0, X.memo)((e) => {
 						borderColor: "divider",
 						borderRadius: 1
 					},
-					children: [(0, Z.jsx)(B, {
+					children: [(0, Z.jsx)(z, {
 						variant: "caption",
 						sx: {
 							mb: 1,
@@ -1549,7 +1549,7 @@ var qr = (0, X.memo)((e) => {
 						spacing: 1,
 						useFlexGap: !0,
 						sx: { flexWrap: "wrap" },
-						children: c.map((e, r) => (0, Z.jsx)(Be, {
+						children: c.map((e, r) => (0, Z.jsx)(He, {
 							label: String(e),
 							onDelete: () => ((e) => {
 								let r = c.filter((t, n) => n !== e);
@@ -1563,7 +1563,7 @@ var qr = (0, X.memo)((e) => {
 						}, r))
 					})]
 				}),
-				c.length === 0 && (0, Z.jsx)(L, {
+				c.length === 0 && (0, Z.jsx)(I, {
 					sx: {
 						p: 3,
 						textAlign: "center",
@@ -1573,7 +1573,7 @@ var qr = (0, X.memo)((e) => {
 						borderColor: "divider",
 						borderStyle: "dashed"
 					},
-					children: (0, Z.jsx)(B, {
+					children: (0, Z.jsx)(z, {
 						variant: "body2",
 						sx: { color: "text.secondary" },
 						children: i("condition.noValues")
@@ -1585,13 +1585,13 @@ var qr = (0, X.memo)((e) => {
 });
 qr.displayName = "InSetOption";
 var Jr = {}, Yr = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = j(), s = t?.type ?? b.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
+	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = j(), s = t?.type ?? h.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)(L, {
-		className: xn(r, Jr.option),
+	}), (0, Z.jsxs)(I, {
+		className: C(r, Jr.option),
 		...a,
 		sx: {
 			display: "flex",
@@ -1599,13 +1599,13 @@ var Jr = {}, Yr = (0, X.memo)((e) => {
 			gap: .25,
 			...a?.sx
 		},
-		children: [(0, Z.jsx)(Je, {
+		children: [(0, Z.jsx)(G, {
 			sx: { flex: .5 },
 			size: "small",
 			children: (0, Z.jsxs)(q, {
 				value: s,
 				sx: l,
-				IconComponent: (e) => (0, Z.jsx)(C, {
+				IconComponent: (e) => (0, Z.jsx)(w, {
 					iconKey: "ExpandMore",
 					...e
 				}),
@@ -1615,10 +1615,10 @@ var Jr = {}, Yr = (0, X.memo)((e) => {
 					type: e.target.value
 				}),
 				children: [(0, Z.jsx)(Y, {
-					value: b.AverageType.Above,
+					value: h.AverageType.Above,
 					children: o("condition.above")
 				}), (0, Z.jsx)(Y, {
-					value: b.AverageType.Below,
+					value: h.AverageType.Below,
 					children: o("condition.below")
 				})]
 			})
@@ -1638,7 +1638,7 @@ var Jr = {}, Yr = (0, X.memo)((e) => {
 	});
 });
 Yr.displayName = "AverageOption";
-var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOperatorNames.Icon, b.BuiltInOperatorNames.Color]), $r = (e, t, n, r = Qr) => {
+var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([h.BuiltInOperatorNames.Icon, h.BuiltInOperatorNames.Color]), $r = (e, t, n, r = Qr) => {
 	let i = t ?? Object.values(y.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
 	return i.filter((t) => {
 		if (r.includes(t.getName())) return !1;
@@ -1654,7 +1654,7 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOpe
 		disableSticky: !0,
 		sx: ni,
 		children: n("condition.groupBasic")
-	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Z.jsx)(Jt, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(vr, {
+	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Z.jsx)(Gt, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(vr, {
 		disableSticky: !0,
 		sx: ni,
 		children: n("condition.groupCombine")
@@ -1682,15 +1682,15 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOpe
 				header: e("condition.period.day"),
 				options: [
 					{
-						value: b.TimePeriodType.Today,
+						value: h.TimePeriodType.Today,
 						label: e("condition.period.today")
 					},
 					{
-						value: b.TimePeriodType.Yesterday,
+						value: h.TimePeriodType.Yesterday,
 						label: e("condition.period.yesterday")
 					},
 					{
-						value: b.TimePeriodType.Tomorrow,
+						value: h.TimePeriodType.Tomorrow,
 						label: e("condition.period.tomorrow")
 					}
 				]
@@ -1699,15 +1699,15 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOpe
 				header: e("condition.period.week"),
 				options: [
 					{
-						value: b.TimePeriodType.ThisWeek,
+						value: h.TimePeriodType.ThisWeek,
 						label: e("condition.period.thisWeek")
 					},
 					{
-						value: b.TimePeriodType.LastWeek,
+						value: h.TimePeriodType.LastWeek,
 						label: e("condition.period.lastWeek")
 					},
 					{
-						value: b.TimePeriodType.NextWeek,
+						value: h.TimePeriodType.NextWeek,
 						label: e("condition.period.nextWeek")
 					}
 				]
@@ -1716,15 +1716,15 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOpe
 				header: e("condition.period.month"),
 				options: [
 					{
-						value: b.TimePeriodType.ThisMonth,
+						value: h.TimePeriodType.ThisMonth,
 						label: e("condition.period.thisMonth")
 					},
 					{
-						value: b.TimePeriodType.LastMonth,
+						value: h.TimePeriodType.LastMonth,
 						label: e("condition.period.lastMonth")
 					},
 					{
-						value: b.TimePeriodType.NextMonth,
+						value: h.TimePeriodType.NextMonth,
 						label: e("condition.period.nextMonth")
 					}
 				]
@@ -1732,10 +1732,10 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOpe
 			{
 				header: e("condition.period.year"),
 				options: [{
-					value: b.TimePeriodType.YearToDate,
+					value: h.TimePeriodType.YearToDate,
 					label: e("condition.period.yearToDate")
 				}, {
-					value: b.TimePeriodType.LastYear,
+					value: h.TimePeriodType.LastYear,
 					label: e("condition.period.lastYear")
 				}]
 			},
@@ -1743,51 +1743,51 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOpe
 				header: e("condition.period.byMonth"),
 				options: [
 					{
-						value: b.TimePeriodType.M1,
+						value: h.TimePeriodType.M1,
 						label: n(0)
 					},
 					{
-						value: b.TimePeriodType.M2,
+						value: h.TimePeriodType.M2,
 						label: n(1)
 					},
 					{
-						value: b.TimePeriodType.M3,
+						value: h.TimePeriodType.M3,
 						label: n(2)
 					},
 					{
-						value: b.TimePeriodType.M4,
+						value: h.TimePeriodType.M4,
 						label: n(3)
 					},
 					{
-						value: b.TimePeriodType.M5,
+						value: h.TimePeriodType.M5,
 						label: n(4)
 					},
 					{
-						value: b.TimePeriodType.M6,
+						value: h.TimePeriodType.M6,
 						label: n(5)
 					},
 					{
-						value: b.TimePeriodType.M7,
+						value: h.TimePeriodType.M7,
 						label: n(6)
 					},
 					{
-						value: b.TimePeriodType.M8,
+						value: h.TimePeriodType.M8,
 						label: n(7)
 					},
 					{
-						value: b.TimePeriodType.M9,
+						value: h.TimePeriodType.M9,
 						label: n(8)
 					},
 					{
-						value: b.TimePeriodType.M10,
+						value: h.TimePeriodType.M10,
 						label: n(9)
 					},
 					{
-						value: b.TimePeriodType.M11,
+						value: h.TimePeriodType.M11,
 						label: n(10)
 					},
 					{
-						value: b.TimePeriodType.M12,
+						value: h.TimePeriodType.M12,
 						label: n(11)
 					}
 				]
@@ -1796,38 +1796,38 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOpe
 				header: e("condition.period.byQuarter"),
 				options: [
 					{
-						value: b.TimePeriodType.ThisQuarter,
+						value: h.TimePeriodType.ThisQuarter,
 						label: e("condition.period.thisQuarter")
 					},
 					{
-						value: b.TimePeriodType.LastQuarter,
+						value: h.TimePeriodType.LastQuarter,
 						label: e("condition.period.lastQuarter")
 					},
 					{
-						value: b.TimePeriodType.NextQuarter,
+						value: h.TimePeriodType.NextQuarter,
 						label: e("condition.period.nextQuarter")
 					},
 					{
-						value: b.TimePeriodType.Q1,
+						value: h.TimePeriodType.Q1,
 						label: e("condition.period.q1")
 					},
 					{
-						value: b.TimePeriodType.Q2,
+						value: h.TimePeriodType.Q2,
 						label: e("condition.period.q2")
 					},
 					{
-						value: b.TimePeriodType.Q3,
+						value: h.TimePeriodType.Q3,
 						label: e("condition.period.q3")
 					},
 					{
-						value: b.TimePeriodType.Q4,
+						value: h.TimePeriodType.Q4,
 						label: e("condition.period.q4")
 					}
 				]
 			}
 		];
-	}(j(), k()), o = t?.type ?? b.TimePeriodType.Today;
-	return (0, Z.jsx)(L, {
+	}(j(), A()), o = t?.type ?? h.TimePeriodType.Today;
+	return (0, Z.jsx)(I, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1835,12 +1835,12 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOpe
 			gap: 2,
 			...i?.sx
 		},
-		children: (0, Z.jsx)(Je, {
+		children: (0, Z.jsx)(G, {
 			size: "small",
 			children: (0, Z.jsx)(q, {
 				value: o,
 				sx: { backgroundColor: "background.paper" },
-				IconComponent: (e) => (0, Z.jsx)(C, {
+				IconComponent: (e) => (0, Z.jsx)(w, {
 					iconKey: "ExpandMore",
 					...e
 				}),
@@ -1851,7 +1851,7 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOpe
 				disabled: r,
 				children: a.map((e, t) => {
 					let n = [];
-					return t > 0 && n.push((0, Z.jsx)(Jt, {}, `divider-${t}`)), n.push((0, Z.jsx)(vr, {
+					return t > 0 && n.push((0, Z.jsx)(Gt, {}, `divider-${t}`)), n.push((0, Z.jsx)(vr, {
 						sx: ni,
 						children: e.header
 					}, `header-${t}`)), e.options.map((e) => n.push((0, Z.jsx)(Y, {
@@ -1867,7 +1867,7 @@ var Xr = 0, Zr = /* @__PURE__ */ new WeakMap(), Qr = Object.freeze([b.BuiltInOpe
 ii.displayName = "TimePeriodOption";
 var ai = (0, X.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = j(), o = t?.top ?? !0, s = t?.limit ?? 10, c = t?.percent ?? !1;
-	return (0, Z.jsxs)(L, {
+	return (0, Z.jsxs)(I, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1876,13 +1876,13 @@ var ai = (0, X.memo)((e) => {
 			...i?.sx
 		},
 		children: [
-			(0, Z.jsx)(Je, {
+			(0, Z.jsx)(G, {
 				size: "small",
 				sx: { flex: 1 },
 				children: (0, Z.jsxs)(q, {
 					value: o ? "top" : "bottom",
 					sx: { backgroundColor: "background.paper" },
-					IconComponent: (e) => (0, Z.jsx)(C, {
+					IconComponent: (e) => (0, Z.jsx)(w, {
 						iconKey: "ExpandMore",
 						...e
 					}),
@@ -1916,13 +1916,13 @@ var ai = (0, X.memo)((e) => {
 				slotProps: { input: { sx: { backgroundColor: "background.paper" } } },
 				sx: { flex: .6 }
 			}),
-			(0, Z.jsx)(Je, {
+			(0, Z.jsx)(G, {
 				size: "small",
 				sx: { flex: 1 },
 				children: (0, Z.jsxs)(q, {
 					value: c ? "percent" : "items",
 					sx: { backgroundColor: "background.paper" },
-					IconComponent: (e) => (0, Z.jsx)(C, {
+					IconComponent: (e) => (0, Z.jsx)(w, {
 						iconKey: "ExpandMore",
 						...e
 					}),
@@ -1946,7 +1946,7 @@ var ai = (0, X.memo)((e) => {
 ai.displayName = "TopNOption";
 var oi = (0, X.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = j();
-	return (0, Z.jsxs)(L, {
+	return (0, Z.jsxs)(I, {
 		...i,
 		sx: {
 			display: "flex",
@@ -2015,14 +2015,14 @@ var ci = (0, X.memo)((e) => {
 		...d,
 		"& .MuiSelect-icon": { display: "none" },
 		"& .MuiOutlinedInput-notchedOutline": { borderColor: "action.disabled" }
-	}), (0, Z.jsxs)(Je, {
+	}), (0, Z.jsxs)(G, {
 		size: "small",
 		...s,
 		children: [(0, Z.jsx)(K, { children: l }), (0, Z.jsxs)(q, {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: o,
-			IconComponent: (e) => (0, Z.jsx)(C, {
+			IconComponent: (e) => (0, Z.jsx)(w, {
 				iconKey: "ExpandMore",
 				...e
 			}),
@@ -2040,7 +2040,7 @@ var ci = (0, X.memo)((e) => {
 });
 ci.displayName = "SelectorSelect";
 var li = (0, X.memo)((e) => {
-	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = j(), c = k(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
+	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = j(), c = A(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
 	n.forEach((e) => {
 		u.set(e.getName(), e);
 	});
@@ -2049,14 +2049,14 @@ var li = (0, X.memo)((e) => {
 		sx: ri,
 		children: e.getTitle?.()
 	}, e.getName()), s, c);
-	return (0, Z.jsxs)(Je, {
+	return (0, Z.jsxs)(G, {
 		size: "small",
 		...o,
 		children: [(0, Z.jsx)(K, { children: l }), (0, Z.jsx)(q, {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: a,
-			IconComponent: (e) => (0, Z.jsx)(C, {
+			IconComponent: (e) => (0, Z.jsx)(w, {
 				iconKey: "ExpandMore",
 				...e
 			}),
@@ -2074,9 +2074,9 @@ var li = (0, X.memo)((e) => {
 });
 li.displayName = "OperatorSelect";
 var ui = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { icon: n, tooltip: r, label: i, darkMode: a, propsPanel: o, value: s, operators: c, onChange: l, title: u, readOnly: d = !1, ...f } = e, p = j(), m = k();
+	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 = j(), m = A();
 	u ?? p("condition.operatorTitle");
-	let h = n || (0, Z.jsx)(C, { iconKey: "Add" }), g = (0, X.useRef)(l);
+	let h = n || (0, Z.jsx)(w, { iconKey: "Add" }), g = (0, X.useRef)(l);
 	return g.current = l, (0, Z.jsx)(Ht, {
 		ref: t,
 		createPopupPanel: (0, X.useCallback)((e) => {
@@ -2097,9 +2097,9 @@ var ui = (0, X.memo)((0, X.forwardRef)((e, t) => {
 				},
 				...o,
 				onKeyDown: (e) => {
-					e.which === ne.Enter && t?.();
+					e.which === O.Enter && t?.();
 				},
-				children: (0, Z.jsx)(Ye, {
+				children: (0, Z.jsx)(Xe, {
 					disablePadding: !0,
 					children: n
 				})
@@ -2117,7 +2117,7 @@ var ui = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	});
 })), di = (0, X.memo)((e) => {
 	let { operator: t, inputs: n, onOptionChange: r, operators: i, selector: a, readOnly: o, ...s } = e, c = j(), 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)(L, {
+	return (0, Z.jsx)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2189,7 +2189,7 @@ function mi(e) {
 }
 fi.displayName = "BooleanOption";
 var hi = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = j(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Rt(), d = (0, X.useCallback)((e) => {
+	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = j(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = It(), d = (0, X.useCallback)((e) => {
 		if (!u || e === null) return null;
 		let t = u.createCell({ value: e }), n = t.getValue();
 		return t.getType() === m.Number ? n : null;
@@ -2208,7 +2208,7 @@ var hi = (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)(L, {
+	return (0, Z.jsxs)(I, {
 		...o,
 		sx: {
 			display: "flex",
@@ -2240,7 +2240,7 @@ var hi = (0, X.memo)((e) => {
 	});
 });
 hi.displayName = "DateTimeOption";
-var gi = b.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
+var gi = h.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
 	gi.EqualTo,
 	gi.GreaterThan,
 	gi.GreaterThanEqualTo,
@@ -2251,17 +2251,17 @@ var gi = b.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
 	gi.Before,
 	gi.BeforeEqualTo
 ]), vi = (0, X.memo)((e) => {
-	let { operatorParam: t, onOperatorParamChange: n, onRemove: r, operators: i, selector: a, operatorTitle: o, readOnly: s, required: c, ...l } = e, u = j(), 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: _ }] = Cn(), 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 = j(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, m = t?.param ?? null, g = !!p?.isCombinator?.(), [_, { width: v }] = Cn(), y = (0, X.useMemo)(() => !p || g ? null : p.getParamType?.(a ?? void 0) ?? null, [
 		p,
-		h,
+		g,
 		a
-	]), y = !h && v !== "list" && _ > 360, x = be((e) => {
+	]), b = !g && y !== "list" && v > 360, x = Se((e) => {
 		n({
 			operator: f,
 			param: e
 		});
 	}, [n, f]), S = (0, X.useMemo)(() => {
-		if (!p || h || !v) return null;
+		if (!p || g || !y) return null;
 		let e = {
 			sx: {
 				flex: .6,
@@ -2270,7 +2270,7 @@ var gi = b.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
 			option: m,
 			onOptionChange: x
 		}, t = !!f && _i.has(f);
-		return v === b.BuiltInSelectorNames.Number || v === b.BuiltInSelectorNames.TextLength ? (0, Z.jsx)(t ? Kr : Wr, { ...e }) : v === b.BuiltInSelectorNames.Whole ? t ? (0, Z.jsx)(Kr, { ...e }) : (0, Z.jsx)(Wr, {
+		return y === h.BuiltInSelectorNames.Number || y === h.BuiltInSelectorNames.TextLength ? (0, Z.jsx)(t ? Kr : Wr, { ...e }) : y === h.BuiltInSelectorNames.Whole ? t ? (0, Z.jsx)(Kr, { ...e }) : (0, Z.jsx)(Wr, {
 			...e,
 			placeholder: u("condition.enterWholeNumber"),
 			slotProps: { htmlInput: {
@@ -2287,28 +2287,28 @@ var gi = b.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
 					/^-?\d+$/.test(e.clipboardData.getData("text")) || e.preventDefault();
 				}
 			} }
-		}) : v === b.BuiltInSelectorNames.Text ? (0, Z.jsx)(t ? Kr : Ur, { ...e }) : v === b.BuiltInSelectorNames.DateTime ? (0, Z.jsx)(hi, {
+		}) : y === h.BuiltInSelectorNames.Text ? (0, Z.jsx)(t ? Kr : Ur, { ...e }) : y === h.BuiltInSelectorNames.DateTime ? (0, Z.jsx)(hi, {
 			...e,
 			allowFormula: t
-		}) : v === b.BuiltInSelectorNames.Date ? (0, Z.jsx)(hi, {
+		}) : y === h.BuiltInSelectorNames.Date ? (0, Z.jsx)(hi, {
 			...e,
 			type: "date",
 			allowFormula: t
-		}) : v === b.BuiltInSelectorNames.Time ? (0, Z.jsx)(hi, {
+		}) : y === h.BuiltInSelectorNames.Time ? (0, Z.jsx)(hi, {
 			...e,
 			type: "time",
 			allowFormula: t
-		}) : v === b.BuiltInSelectorNames.List ? (0, Z.jsx)(qr, { ...e }) : v === b.BuiltInSelectorNames.Logical ? (0, Z.jsx)(fi, { ...e }) : v === b.BuiltInOperatorNames.Average ? (0, Z.jsx)(Yr, { ...e }) : v === b.BuiltInOperatorNames.TimePeriod ? (0, Z.jsx)(ii, { ...e }) : v === b.BuiltInOperatorNames.TopN ? (0, Z.jsx)(ai, { ...e }) : v === b.BuiltInOperatorNames.Between ? (0, Z.jsx)(oi, { ...e }) : v === b.BuiltInOperatorNames.Expression ? (0, Z.jsx)(si, { ...e }) : null;
+		}) : y === h.BuiltInSelectorNames.List ? (0, Z.jsx)(qr, { ...e }) : y === h.BuiltInSelectorNames.Logical ? (0, Z.jsx)(fi, { ...e }) : y === h.BuiltInOperatorNames.Average ? (0, Z.jsx)(Yr, { ...e }) : y === h.BuiltInOperatorNames.TimePeriod ? (0, Z.jsx)(ii, { ...e }) : y === h.BuiltInOperatorNames.TopN ? (0, Z.jsx)(ai, { ...e }) : y === h.BuiltInOperatorNames.Between ? (0, Z.jsx)(oi, { ...e }) : y === h.BuiltInOperatorNames.Expression ? (0, Z.jsx)(si, { ...e }) : null;
 	}, [
 		p,
-		h,
-		v,
+		g,
+		y,
 		m,
 		u
-	]), w = (0, X.useMemo)(() => h && m ? Array.isArray(m) ? m : [m] : [], [h, m]), T = h && p?.getName() === "not", E = (e) => {
+	]), C = (0, X.useMemo)(() => g && m ? Array.isArray(m) ? m : [m] : [], [g, m]), ee = g && p?.getName() === "not", T = (e) => {
 		if (!e || e === p) return;
 		let t, r = !!e.isCombinator?.();
-		if (r && h) t = e.getName() === "not" ? w[0] ?? ti(e, i, a) : w.length > 0 ? w : ti(e, i, a);
+		if (r && g) t = e.getName() === "not" ? C[0] ?? ti(e, i, a) : C.length > 0 ? C : ti(e, i, a);
 		else {
 			let n = p?.getParamType?.(a ?? void 0) ?? null, o = e.getParamType?.(a ?? void 0) ?? null;
 			t = !r && o && o === n ? m : ti(e, i, a);
@@ -2318,8 +2318,8 @@ var gi = b.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
 			param: t
 		});
 	};
-	return (0, Z.jsx)(L, {
-		ref: g,
+	return (0, Z.jsx)(I, {
+		ref: _,
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2331,7 +2331,7 @@ var gi = b.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
 			p: 1
 		},
 		...l,
-		children: y ? (0, Z.jsxs)(L, {
+		children: b ? (0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -2344,16 +2344,16 @@ var gi = b.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
 					sx: { flex: .4 },
 					value: p,
 					operators: i,
-					onChange: E,
+					onChange: T,
 					readOnly: s
 				}),
 				S,
-				!s && !c && (0, Z.jsx)(Pt, {
-					icon: (0, Z.jsx)(C, { iconKey: "Close" }),
+				!s && !c && (0, Z.jsx)(Ft, {
+					icon: (0, Z.jsx)(w, { iconKey: "Close" }),
 					onClick: r
 				})
 			]
-		}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsxs)(L, {
+		}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -2366,17 +2366,17 @@ var gi = b.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
 					sx: { flex: 1 },
 					value: p,
 					operators: i,
-					onChange: E,
+					onChange: T,
 					readOnly: s
 				}),
-				h && !T && !s && (0, Z.jsx)(ui, {
+				g && !ee && !s && (0, Z.jsx)(ui, {
 					label: p?.getTitle?.(),
-					icon: (0, Z.jsx)(C, { iconKey: "Add" }),
+					icon: (0, Z.jsx)(w, { iconKey: "Add" }),
 					operators: i,
 					value: null,
 					onChange: (e) => {
 						if (!e) return;
-						let t = ti(e, i, a), r = [...w, {
+						let t = ti(e, i, a), r = [...C, {
 							operator: e?.getName() ?? null,
 							param: t
 						}];
@@ -2386,19 +2386,19 @@ var gi = b.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
 						});
 					}
 				}),
-				!s && !c && (0, Z.jsx)(Pt, {
-					icon: (0, Z.jsx)(C, { iconKey: "Close" }),
+				!s && !c && (0, Z.jsx)(Ft, {
+					icon: (0, Z.jsx)(w, { iconKey: "Close" }),
 					disabled: s,
 					onClick: r
 				})
 			]
-		}), h ? (0, Z.jsx)(di, {
+		}), g ? (0, Z.jsx)(di, {
 			operator: p,
-			inputs: w,
+			inputs: C,
 			onOptionChange: (e) => {
 				n({
 					operator: f,
-					param: T ? e[0] ?? null : e
+					param: ee ? e[0] ?? null : e
 				});
 			},
 			operators: i,
@@ -2409,7 +2409,7 @@ var gi = b.BuiltInOperatorNames, _i = /* @__PURE__ */ new Set([
 });
 vi.displayName = "OperatorAndParamEditor";
 var yi = (0, X.memo)((e) => {
-	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ...c } = e, l = j(), u = k(), [d, f] = (0, X.useState)(() => t?.getSelector() ?? null), [p, m] = (0, X.useState)(() => t?.getOperator() ? {
+	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ...c } = e, l = j(), u = A(), [d, f] = (0, X.useState)(() => t?.getSelector() ?? null), [p, m] = (0, X.useState)(() => t?.getOperator() ? {
 		operator: t.getOperator().getName(),
 		param: t.getParam()
 	} : null), [h, g] = (0, X.useState)(() => t?.isIncludeBlanks() ?? !1);
@@ -2431,7 +2431,7 @@ var yi = (0, X.memo)((e) => {
 			...e
 		});
 	}, S = r;
-	return (0, Z.jsxs)(L, {
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2491,7 +2491,7 @@ var yi = (0, X.memo)((e) => {
 				operators: b,
 				selector: d,
 				readOnly: a
-			}) : !a && (0, Z.jsx)(L, {
+			}) : !a && (0, Z.jsx)(I, {
 				sx: { display: "flex" },
 				children: (0, Z.jsx)(ui, {
 					label: l("condition.when"),
@@ -2506,8 +2506,8 @@ var yi = (0, X.memo)((e) => {
 					readOnly: a
 				})
 			}),
-			S && (0, Z.jsx)(Ot, {
-				control: (0, Z.jsx)(Dt, {
+			S && (0, Z.jsx)(kt, {
+				control: (0, Z.jsx)(Ot, {
 					checked: !h,
 					onChange: (e) => {
 						var t = !e.target.checked;
@@ -2527,7 +2527,7 @@ var yi = (0, X.memo)((e) => {
 yi.displayName = "ConditionEditor";
 var bi = (0, X.memo)((e) => {
 	let { variant: t = "format", children: n, sx: r, ...i } = e;
-	return (0, Z.jsx)(L, {
+	return (0, Z.jsx)(I, {
 		className: `sxl-cf-rule-section sxl-cf-rule-section-${t}`,
 		sx: {
 			display: "flex",
@@ -2545,41 +2545,41 @@ var bi = (0, X.memo)((e) => {
 	});
 });
 bi.displayName = "RuleSection";
-var xi = new _("transparent"), Si = {
+var xi = new v("transparent"), Si = {
 	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")
-}, Ci = (e) => e ? typeof e == "string" ? e : e.type === v.Type.None ? null : e.color ?? e.foreground ?? null : null, wi = (e, t) => e === "auto" ? null : ft(e, t), Ti = (0, X.memo)((e) => {
-	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = j(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = xt(), d = t?.font ?? null, p = (d?.weight ?? 400) >= 600, m = d?.style === h.Style.Italic, g = !!d?.underline && d.underline !== h.UnderlineStyle.None, _ = !!d?.strike, y = (e) => {
+}, Ci = (e) => e ? typeof e == "string" ? e : e.type === S.Type.None ? null : e.color ?? e.foreground ?? null : null, wi = (e, t) => e === "auto" ? null : yt(e, t), Ti = (0, X.memo)((e) => {
+	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = j(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = ot(), d = t?.font ?? null, p = (d?.weight ?? 400) >= 600, m = d?.style === g.Style.Italic, h = !!d?.underline && d.underline !== g.UnderlineStyle.None, _ = !!d?.strike, v = (e) => {
 		let r = { ...d };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		let i = { ...t };
 		Object.keys(r).length === 0 ? delete i.font : i.font = r, n(Object.keys(i).length === 0 ? null : i);
-	}, b = (0, X.useMemo)(() => o?.getStyles().getNormal().getFont().getColor(), [o, c]), x = (0, X.useMemo)(() => wi(d?.color, o), [
+	}, y = (0, X.useMemo)(() => o?.getStyles().getNormal().getFont().getColor(), [o, c]), b = (0, X.useMemo)(() => wi(d?.color, o), [
 		d?.color,
 		o,
 		c
-	]), S = (0, X.useMemo)(() => wi(Ci(t?.fill), o), [
+	]), x = (0, X.useMemo)(() => wi(Ci(t?.fill), o), [
 		t?.fill,
 		o,
 		c
-	]), w = {
+	]), C = {
 		padding: "4px",
 		border: "none",
 		borderRadius: 1
 	};
 	return (0, Z.jsxs)(bi, {
 		...i,
-		children: [(0, Z.jsxs)(L, {
+		children: [(0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(L, {
+			children: [(0, Z.jsx)(I, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2587,9 +2587,9 @@ var xi = new _("transparent"), Si = {
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: sn.map((e, t) => {
+				children: Vt.map((e, t) => {
 					let i = wi(Ci(e.style.fill), o), s = wi(e.style.font?.color, o), c = e.style.border ? wi(Object.values(e.style.border)[0]?.color, o) : null;
-					return (0, Z.jsx)(rt, {
+					return (0, Z.jsx)(st, {
 						sheet: !0,
 						title: a(Si[e.key] ?? e.key),
 						disabled: r,
@@ -2603,7 +2603,7 @@ var xi = new _("transparent"), Si = {
 						children: "Aa"
 					}, t);
 				})
-			}), (0, Z.jsx)(rt, {
+			}), (0, Z.jsx)(st, {
 				title: a("conditionalFormat.clearStyle"),
 				disabled: r || !t,
 				onClick: () => n(null),
@@ -2611,12 +2611,12 @@ var xi = new _("transparent"), Si = {
 					color: "text.secondary",
 					"&:disabled": { opacity: .4 }
 				},
-				children: (0, Z.jsx)(C, {
+				children: (0, Z.jsx)(w, {
 					iconKey: "ClearFormats",
 					size: 16
 				})
 			})]
-		}), (0, Z.jsxs)(L, {
+		}), (0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -2626,45 +2626,45 @@ var xi = new _("transparent"), Si = {
 				(0, Z.jsx)(Lr, {
 					value: "bold",
 					size: "small",
-					sx: w,
+					sx: C,
 					selected: p,
 					disabled: r,
-					onChange: () => y({ weight: p ? void 0 : 700 }),
-					children: (0, Z.jsx)(C, { iconKey: "TextBold" })
+					onChange: () => v({ weight: p ? void 0 : 700 }),
+					children: (0, Z.jsx)(w, { iconKey: "TextBold" })
 				}),
 				(0, Z.jsx)(Lr, {
 					value: "italic",
 					size: "small",
-					sx: w,
+					sx: C,
 					selected: m,
 					disabled: r,
-					onChange: () => y({ style: m ? void 0 : h.Style.Italic }),
-					children: (0, Z.jsx)(C, { iconKey: "TextItalic" })
+					onChange: () => v({ style: m ? void 0 : g.Style.Italic }),
+					children: (0, Z.jsx)(w, { iconKey: "TextItalic" })
 				}),
 				(0, Z.jsx)(Lr, {
 					value: "underline",
 					size: "small",
-					sx: w,
-					selected: g,
+					sx: C,
+					selected: h,
 					disabled: r,
-					onChange: () => y({ underline: g ? void 0 : h.UnderlineStyle.Single }),
-					children: (0, Z.jsx)(C, { iconKey: "TextUnderline" })
+					onChange: () => v({ underline: h ? void 0 : g.UnderlineStyle.Single }),
+					children: (0, Z.jsx)(w, { iconKey: "TextUnderline" })
 				}),
 				(0, Z.jsx)(Lr, {
 					value: "strike",
 					size: "small",
-					sx: w,
+					sx: C,
 					selected: _,
 					disabled: r,
-					onChange: () => y({ strike: !_ || void 0 }),
-					children: (0, Z.jsx)(C, { iconKey: "TextStrike" })
+					onChange: () => v({ strike: !_ || void 0 }),
+					children: (0, Z.jsx)(w, { iconKey: "TextStrike" })
 				}),
-				o && (0, Z.jsx)(St, {
+				o && (0, Z.jsx)(ct, {
 					tooltip: a("conditionalFormat.border"),
 					selectedBorder: t?.border,
 					createBorder: (e) => o.getStyles().getNormal().createStyle({ border: e }).getBorder(),
 					schemeLookup: s,
-					autoColor: b,
+					autoColor: y,
 					darkMode: l,
 					disabled: r,
 					onSelectBorder: (e) => ((e) => {
@@ -2672,15 +2672,15 @@ var xi = new _("transparent"), Si = {
 						e && Object.keys(e).length !== 0 ? r.border = e : delete r.border, n(Object.keys(r).length === 0 ? null : r);
 					})(e)
 				}),
-				(0, Z.jsx)(ut, {
+				(0, Z.jsx)(Ct, {
 					icon: "fill.colored",
 					tooltip: a("conditionalFormat.fillColor"),
-					selectedColor: S,
+					selectedColor: x,
 					disabled: r,
 					onSelectColor: (e) => ((e) => {
 						let r = { ...t };
 						e ? r.fill = {
-							type: v.Type.Solid,
+							type: S.Type.Solid,
 							color: e.toString()
 						} : delete r.fill, n(Object.keys(r).length === 0 ? null : r);
 					})(e),
@@ -2689,20 +2689,20 @@ var xi = new _("transparent"), Si = {
 						disableAlpha: !0,
 						autoColor: xi,
 						autoColorLabelKey: f("color.noFill"),
-						autoColorPosition: Et.End,
+						autoColorPosition: at.End,
 						...u
 					}
 				}),
-				(0, Z.jsx)(ut, {
+				(0, Z.jsx)(Ct, {
 					icon: "text.colored",
 					tooltip: a("conditionalFormat.fontColor"),
-					selectedColor: x,
+					selectedColor: b,
 					disabled: r,
-					onSelectColor: (e) => y({ color: e ? e.toString() : void 0 }),
+					onSelectColor: (e) => v({ color: e ? e.toString() : void 0 }),
 					darkMode: l,
 					propsPanel: {
 						disableAlpha: !0,
-						autoColor: b,
+						autoColor: y,
 						...u
 					}
 				})
@@ -2712,22 +2712,22 @@ var xi = new _("transparent"), Si = {
 });
 Ti.displayName = "ConditionalFormatStylePicker";
 var Ei = {
-	[x.ColorStopType.AutoMin]: f("conditionalFormat.stopType.autoMin"),
-	[x.ColorStopType.AutoMax]: f("conditionalFormat.stopType.autoMax"),
-	[x.ColorStopType.Min]: f("conditionalFormat.stopType.min"),
-	[x.ColorStopType.Max]: f("conditionalFormat.stopType.max"),
-	[x.ColorStopType.Num]: f("conditionalFormat.stopType.num"),
-	[x.ColorStopType.Percent]: f("conditionalFormat.stopType.percent"),
-	[x.ColorStopType.Percentile]: f("conditionalFormat.stopType.percentile"),
-	[x.ColorStopType.Formula]: f("conditionalFormat.stopType.formula")
+	[_.ColorStopType.AutoMin]: f("conditionalFormat.stopType.autoMin"),
+	[_.ColorStopType.AutoMax]: f("conditionalFormat.stopType.autoMax"),
+	[_.ColorStopType.Min]: f("conditionalFormat.stopType.min"),
+	[_.ColorStopType.Max]: f("conditionalFormat.stopType.max"),
+	[_.ColorStopType.Num]: f("conditionalFormat.stopType.num"),
+	[_.ColorStopType.Percent]: f("conditionalFormat.stopType.percent"),
+	[_.ColorStopType.Percentile]: f("conditionalFormat.stopType.percentile"),
+	[_.ColorStopType.Formula]: f("conditionalFormat.stopType.formula")
 }, Di = /* @__PURE__ */ new Set([
-	x.ColorStopType.AutoMin,
-	x.ColorStopType.AutoMax,
-	x.ColorStopType.Min,
-	x.ColorStopType.Max
+	_.ColorStopType.AutoMin,
+	_.ColorStopType.AutoMax,
+	_.ColorStopType.Min,
+	_.ColorStopType.Max
 ]), Oi = (0, X.memo)((e) => {
-	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, showExclusive: o = !1, readOnly: s, ...c } = e, l = j(), { darkMode: u, toColor: d, propsColorPanel: f } = xt(), p = n.type ?? x.ColorStopType.Num, m = !Di.has(p), h = s || !m, g = p === x.ColorStopType.Formula, _ = n.color, v = a ? d(_) : null;
-	return (0, Z.jsxs)(L, {
+	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, showExclusive: o = !1, readOnly: s, ...c } = e, l = j(), { darkMode: u, toColor: d, propsColorPanel: f } = ot(), p = n.type ?? _.ColorStopType.Num, m = !Di.has(p), h = s || !m, g = p === _.ColorStopType.Formula, v = n.color, y = a ? d(v) : null;
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
@@ -2735,7 +2735,7 @@ var Ei = {
 		},
 		...c,
 		children: [
-			(0, Z.jsx)(B, {
+			(0, Z.jsx)(z, {
 				variant: "caption",
 				sx: {
 					color: "text.secondary",
@@ -2746,9 +2746,9 @@ var Ei = {
 				},
 				children: t
 			}),
-			a && (0, Z.jsx)(ut, {
+			a && (0, Z.jsx)(Ct, {
 				tooltip: l("conditionalFormat.stopColor"),
-				selectedColor: v,
+				selectedColor: y,
 				disabled: s,
 				onSelectColor: (e) => {
 					e && r({
@@ -2792,8 +2792,8 @@ var Ei = {
 						type: e
 					};
 					if (Di.has(e)) delete t.value;
-					else if (t.value === void 0) t.value = e === x.ColorStopType.Formula ? "" : 0;
-					else if (e !== x.ColorStopType.Formula && typeof t.value == "string") {
+					else if (t.value === void 0) t.value = e === _.ColorStopType.Formula ? "" : 0;
+					else if (e !== _.ColorStopType.Formula && typeof t.value == "string") {
 						let e = Number(t.value);
 						t.value = Number.isFinite(e) ? e : 0;
 					}
@@ -2858,32 +2858,32 @@ var Ei = {
 });
 Oi.displayName = "ScaleStopRow";
 var ki = [
-	x.ColorStopType.Min,
-	x.ColorStopType.Max,
-	x.ColorStopType.Num,
-	x.ColorStopType.Percent,
-	x.ColorStopType.Percentile,
-	x.ColorStopType.Formula
+	_.ColorStopType.Min,
+	_.ColorStopType.Max,
+	_.ColorStopType.Num,
+	_.ColorStopType.Percent,
+	_.ColorStopType.Percentile,
+	_.ColorStopType.Formula
 ], Ai = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = j(), { workbook: o, toColor: s } = xt(), c = t.stops ?? [], l = c.length === 2 ? [f("conditionalFormat.stop.minimum"), f("conditionalFormat.stop.maximum")] : [
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = j(), { workbook: o, toColor: s } = ot(), 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)(L, {
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 1
 		},
 		...i,
-		children: [(0, Z.jsx)(bi, { children: (0, Z.jsxs)(L, {
+		children: [(0, Z.jsx)(bi, { children: (0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(L, {
+			children: [(0, Z.jsx)(I, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2891,11 +2891,11 @@ var ki = [
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: Kt.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(rt, {
+				children: qt.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(st, {
 					sheet: !0,
 					disabled: r,
 					onClick: () => n(structuredClone(e)),
-					children: (0, Z.jsx)($e, { rows: Tt(e.stops ?? [], gt, o) })
+					children: (0, Z.jsx)(Tt, { rows: Dt(e.stops ?? [], xt, o) })
 				}, t))
 			}), (0, Z.jsxs)(Br, {
 				exclusive: !0,
@@ -2913,7 +2913,7 @@ var ki = [
 								e = `#${r((t.red + n.red) / 2)}${r((t.green + n.green) / 2)}${r((t.blue + n.blue) / 2)}`;
 							}
 							r.splice(1, 0, {
-								type: x.ColorStopType.Percentile,
+								type: _.ColorStopType.Percentile,
 								value: 50,
 								color: e
 							});
@@ -2964,26 +2964,26 @@ var ki = [
 });
 Ai.displayName = "ColorScaleRulePanel";
 var ji = [
-	x.ColorStopType.AutoMin,
-	x.ColorStopType.Min,
-	x.ColorStopType.Num,
-	x.ColorStopType.Percent,
-	x.ColorStopType.Percentile,
-	x.ColorStopType.Formula
+	_.ColorStopType.AutoMin,
+	_.ColorStopType.Min,
+	_.ColorStopType.Num,
+	_.ColorStopType.Percent,
+	_.ColorStopType.Percentile,
+	_.ColorStopType.Formula
 ], Mi = [
-	x.ColorStopType.AutoMax,
-	x.ColorStopType.Max,
-	x.ColorStopType.Num,
-	x.ColorStopType.Percent,
-	x.ColorStopType.Percentile,
-	x.ColorStopType.Formula
+	_.ColorStopType.AutoMax,
+	_.ColorStopType.Max,
+	_.ColorStopType.Num,
+	_.ColorStopType.Percent,
+	_.ColorStopType.Percentile,
+	_.ColorStopType.Formula
 ], Ni = "__auto__", Pi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = j(), { darkMode: o, toColor: s, propsColorPanel: c } = xt(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), m = t.gradient ?? !1, h = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = j(), { darkMode: o, toColor: s, propsColorPanel: c } = ot(), 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)(L, {
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2991,13 +2991,13 @@ var ji = [
 		},
 		...i,
 		children: [(0, Z.jsxs)(bi, { children: [
-			(0, Z.jsxs)(L, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(L, {
+				children: [(0, Z.jsx)(I, {
 					sx: {
 						flex: "1 1 auto",
 						minWidth: 0,
@@ -3005,7 +3005,7 @@ var ji = [
 						gap: .5,
 						flexWrap: "wrap"
 					},
-					children: Yt.filter((e) => (e.gradient ?? !1) === m).map((e, t) => (0, Z.jsx)(rt, {
+					children: Kt.filter((e) => (e.gradient ?? !1) === m).map((e, t) => (0, Z.jsx)(st, {
 						sheet: !0,
 						disabled: r,
 						onClick: () => h({
@@ -3013,7 +3013,7 @@ var ji = [
 							gradient: e.gradient,
 							borderColor: e.borderColor
 						}),
-						children: (0, Z.jsx)($e, { rows: it(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
+						children: (0, Z.jsx)(Tt, { rows: Ze(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
 					}, t))
 				}), (0, Z.jsxs)(Br, {
 					exclusive: !0,
@@ -3043,26 +3043,26 @@ var ji = [
 					})]
 				})]
 			}),
-			(0, Z.jsx)(Ot, {
-				control: (0, Z.jsx)(Dt, {
+			(0, Z.jsx)(kt, {
+				control: (0, Z.jsx)(Ot, {
 					size: "small",
 					checked: !1 === t.showValue,
 					disabled: r,
 					onChange: (e) => h({ showValue: !e.target.checked && void 0 })
 				}),
-				label: (0, Z.jsx)(B, {
+				label: (0, Z.jsx)(z, {
 					variant: "body2",
 					children: a("conditionalFormat.showBarsOnly")
 				})
 			}),
-			(0, Z.jsxs)(L, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: .5
 				},
 				children: [
-					(0, Z.jsx)(B, {
+					(0, Z.jsx)(z, {
 						variant: "caption",
 						sx: {
 							color: "text.secondary",
@@ -3070,7 +3070,7 @@ var ji = [
 						},
 						children: a("conditionalFormat.bar")
 					}),
-					(0, Z.jsx)(ut, {
+					(0, Z.jsx)(Ct, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.barColor"),
 						selectedColor: u,
@@ -3082,7 +3082,7 @@ var ji = [
 							...c
 						}
 					}),
-					(0, Z.jsx)(ut, {
+					(0, Z.jsx)(Ct, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.barBorderColor"),
 						selectedColor: f,
@@ -3096,14 +3096,14 @@ var ji = [
 					})
 				]
 			}),
-			(0, Z.jsxs)(L, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: .5
 				},
 				children: [
-					(0, Z.jsx)(B, {
+					(0, Z.jsx)(z, {
 						variant: "caption",
 						sx: {
 							color: "text.secondary",
@@ -3111,7 +3111,7 @@ var ji = [
 						},
 						children: a("conditionalFormat.negative")
 					}),
-					(0, Z.jsx)(ut, {
+					(0, Z.jsx)(Ct, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.negativeColor"),
 						selectedColor: d ?? u,
@@ -3123,7 +3123,7 @@ var ji = [
 							...c
 						}
 					}),
-					(0, Z.jsx)(ut, {
+					(0, Z.jsx)(Ct, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.negativeBorderColor"),
 						selectedColor: p ?? f,
@@ -3135,7 +3135,7 @@ var ji = [
 							...c
 						}
 					}),
-					(0, Z.jsx)(rt, {
+					(0, Z.jsx)(st, {
 						title: a("conditionalFormat.sameAsPositive"),
 						disabled: r || !t.negativeFillColor && !t.negativeBorderColor,
 						onClick: () => h({
@@ -3146,20 +3146,20 @@ var ji = [
 							color: "text.secondary",
 							"&:disabled": { opacity: .4 }
 						},
-						children: (0, Z.jsx)(C, {
+						children: (0, Z.jsx)(w, {
 							iconKey: "ClearFormats",
 							size: 16
 						})
 					})
 				]
 			}),
-			(0, Z.jsxs)(L, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					gap: 1,
 					mt: .5
 				},
-				children: [(0, Z.jsxs)(Je, {
+				children: [(0, Z.jsxs)(G, {
 					size: "small",
 					sx: {
 						flex: 1,
@@ -3189,7 +3189,7 @@ var ji = [
 							})
 						]
 					})]
-				}), (0, Z.jsxs)(Je, {
+				}), (0, Z.jsxs)(G, {
 					size: "small",
 					sx: {
 						flex: 1,
@@ -3225,7 +3225,7 @@ var ji = [
 			variant: "config",
 			children: [(0, Z.jsx)(Oi, {
 				label: a("conditionalFormat.stop.minimum"),
-				stop: l[0] ?? { type: x.ColorStopType.AutoMin },
+				stop: l[0] ?? { type: _.ColorStopType.AutoMin },
 				allowedTypes: ji,
 				readOnly: r,
 				onStopChange: (e) => {
@@ -3234,12 +3234,12 @@ var ji = [
 				}
 			}), (0, Z.jsx)(Oi, {
 				label: a("conditionalFormat.stop.maximum"),
-				stop: l[1] ?? { type: x.ColorStopType.AutoMax },
+				stop: l[1] ?? { type: _.ColorStopType.AutoMax },
 				allowedTypes: Mi,
 				readOnly: r,
 				onStopChange: (e) => {
 					let t = l.slice();
-					for (; t.length < 2;) t.push({ type: x.ColorStopType.AutoMax });
+					for (; t.length < 2;) t.push({ type: _.ColorStopType.AutoMax });
 					t[1] = e, h({ stops: t });
 				}
 			})]
@@ -3253,20 +3253,20 @@ var Fi = {
 	indicators: f("conditionalFormat.iconGroup.indicators"),
 	ratings: f("conditionalFormat.iconGroup.ratings")
 }, Ii = [
-	x.ColorStopType.Percent,
-	x.ColorStopType.Num,
-	x.ColorStopType.Percentile,
-	x.ColorStopType.Formula
-], Li = new Set(Object.values(g.IconSet)), Ri = (0, X.memo)(({ set: e }) => {
-	let t = on(e);
-	return t.length === 0 ? null : (0, Z.jsx)(L, {
+	_.ColorStopType.Percent,
+	_.ColorStopType.Num,
+	_.ColorStopType.Percentile,
+	_.ColorStopType.Formula
+], Li = new Set(Object.values(x.IconSet)), Ri = (0, X.memo)(({ set: e }) => {
+	let t = Yt(e);
+	return t.length === 0 ? null : (0, Z.jsx)(I, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
 			gap: .75,
 			lineHeight: 1
 		},
-		children: t.map((e, t) => (0, Z.jsx)(C, {
+		children: t.map((e, t) => (0, Z.jsx)(w, {
 			iconKey: e.iconKey,
 			size: 16,
 			style: {
@@ -3278,7 +3278,7 @@ var Fi = {
 });
 Ri.displayName = "IconSetGlyphs";
 var zi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...a } = e, o = j(), s = t.iconSet ?? g.IconSet.TrafficLights3, c = !Li.has(s), l = t.stops ?? [], u = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...a } = e, o = j(), s = t.iconSet ?? x.IconSet.TrafficLights3, c = !Li.has(s), l = t.stops ?? [], u = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
@@ -3289,7 +3289,7 @@ var zi = (0, X.memo)((e) => {
 			disabled: !0,
 			children: i.camelToPrettyCase(s)
 		}, s));
-		for (let t of nn) {
+		for (let t of Pt) {
 			e.push((0, Z.jsx)(vr, {
 				disableSticky: !0,
 				sx: ni,
@@ -3304,11 +3304,11 @@ var zi = (0, X.memo)((e) => {
 						pl: 2,
 						py: .75
 					},
-					children: (0, Z.jsx)(W, {
+					children: (0, Z.jsx)(U, {
 						disableInteractive: !0,
 						placement: "right",
 						title: t,
-						children: (0, Z.jsx)(L, {
+						children: (0, Z.jsx)(I, {
 							sx: {
 								display: "flex",
 								alignItems: "center",
@@ -3326,7 +3326,7 @@ var zi = (0, X.memo)((e) => {
 		c,
 		s
 	]);
-	return (0, Z.jsxs)(L, {
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -3334,25 +3334,25 @@ var zi = (0, X.memo)((e) => {
 		},
 		...a,
 		children: [(0, Z.jsxs)(bi, { children: [
-			(0, Z.jsxs)(Je, {
+			(0, Z.jsxs)(G, {
 				size: "small",
 				fullWidth: !0,
 				children: [(0, Z.jsx)(K, { children: o("conditionalFormat.iconSet") }), (0, Z.jsx)(q, {
 					label: o("conditionalFormat.iconSet"),
 					value: s,
-					renderValue: (e) => (0, Z.jsx)(L, {
+					renderValue: (e) => (0, Z.jsx)(I, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
 							minHeight: "1.4375em"
 						},
-						children: on(e).length === 0 ? i.camelToPrettyCase(e) : (0, Z.jsx)(Ri, { set: e })
+						children: Yt(e).length === 0 ? i.camelToPrettyCase(e) : (0, Z.jsx)(Ri, { set: e })
 					}),
 					disabled: r || c,
 					sx: { backgroundColor: "background.paper" },
 					onChange: (e) => ((e) => {
-						let t = tn(e), n = l;
-						t !== l.length && (n = Wt(t)), u({
+						let t = Rt(e), n = l;
+						t !== l.length && (n = en(t)), u({
 							iconSet: e,
 							stops: n
 						});
@@ -3360,35 +3360,35 @@ var zi = (0, X.memo)((e) => {
 					children: d
 				})]
 			}),
-			c && (0, Z.jsx)(B, {
+			c && (0, Z.jsx)(z, {
 				variant: "caption",
 				sx: { color: "text.secondary" },
 				children: o("conditionalFormat.adoptedIconSet")
 			}),
-			(0, Z.jsxs)(L, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(Ot, {
-					control: (0, Z.jsx)(Dt, {
+				children: [(0, Z.jsx)(kt, {
+					control: (0, Z.jsx)(Ot, {
 						size: "small",
 						checked: !1 === t.showValue,
 						disabled: r,
 						onChange: (e) => u({ showValue: !e.target.checked && void 0 })
 					}),
-					label: (0, Z.jsx)(B, {
+					label: (0, Z.jsx)(z, {
 						variant: "body2",
 						children: o("conditionalFormat.showIconsOnly")
 					})
-				}), (0, Z.jsx)(Ot, {
-					control: (0, Z.jsx)(Dt, {
+				}), (0, Z.jsx)(kt, {
+					control: (0, Z.jsx)(Ot, {
 						size: "small",
 						checked: t.reverse ?? !1,
 						disabled: r,
 						onChange: (e) => u({ reverse: !!e.target.checked || void 0 })
 					}),
-					label: (0, Z.jsx)(B, {
+					label: (0, Z.jsx)(z, {
 						variant: "body2",
 						children: o("conditionalFormat.reverseIcons")
 					})
@@ -3411,15 +3411,15 @@ var zi = (0, X.memo)((e) => {
 	});
 });
 zi.displayName = "IconSetRulePanel";
-var Bi = (e, t, n) => ft(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
+var Bi = (e, t, n) => yt(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
 	if (!e) return n;
 	if (typeof e == "string") return Bi(e, t, n);
-	if (e.type === v.Type.None) return n;
+	if (e.type === S.Type.None) return n;
 	let r = e, i = e;
 	return Bi(i.foreground ?? r.color ?? i.background, t, n);
 }, Hi = (0, X.memo)((e) => {
-	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = xt();
-	fn(t, "onAnyChange");
+	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = ot();
+	mn(t, "onAnyChange");
 	let o = t.getScale(), s = t.getStyle(), c = (0, X.useMemo)(() => {
 		try {
 			return i?.getStyles().getNormal().getFont().toCSS("adaptive") ?? {};
@@ -3427,9 +3427,9 @@ var Bi = (e, t, n) => ft(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
 			return {};
 		}
 	}, [i, a]), l = (0, X.useMemo)(() => {
-		if (o?.type === x.ScaleType.ColorScale) return (0, Z.jsx)($e, { rows: Tt(o.stops ?? [], gt, i) });
-		if (o?.type === x.ScaleType.DataBar) return (0, Z.jsx)($e, { rows: it(o, Bi(o.color, i, ct), o.borderColor ? Bi(o.borderColor, i, ct) : void 0) });
-		if (o?.type === x.ScaleType.IconSet) {
+		if (o?.type === _.ScaleType.ColorScale) return (0, Z.jsx)(Tt, { rows: Dt(o.stops ?? [], xt, i) });
+		if (o?.type === _.ScaleType.DataBar) return (0, Z.jsx)(Tt, { rows: Ze(o, Bi(o.color, i, vt), o.borderColor ? Bi(o.borderColor, i, vt) : void 0) });
+		if (o?.type === _.ScaleType.IconSet) {
 			let e = o.stops?.length ?? 3, t = [
 				"#D6604D",
 				"#F5A623",
@@ -3437,13 +3437,13 @@ var Bi = (e, t, n) => ft(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
 				"#4472C4",
 				"#7F7F7F"
 			], n = [];
-			for (let r = 0; r < e; r++) n.push((0, Z.jsx)(L, { sx: {
+			for (let r = 0; r < e; r++) n.push((0, Z.jsx)(I, { sx: {
 				width: "12px",
 				height: "12px",
 				borderRadius: "50%",
 				backgroundColor: t[r % t.length]
 			} }, r));
-			return o.reverse && n.reverse(), (0, Z.jsx)(L, {
+			return o.reverse && n.reverse(), (0, Z.jsx)(I, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -3455,8 +3455,8 @@ var Bi = (e, t, n) => ft(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
 				children: n
 			});
 		}
-		let e = s?.font, t = e?.underline && e.underline !== h.UnderlineStyle.None;
-		return (0, Z.jsx)(L, {
+		let e = s?.font, t = e?.underline && e.underline !== g.UnderlineStyle.None;
+		return (0, Z.jsx)(I, {
 			sx: {
 				width: "100%",
 				height: "100%",
@@ -3465,13 +3465,13 @@ var Bi = (e, t, n) => ft(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
 				justifyContent: "center",
 				...c,
 				backgroundColor: Vi(s?.fill, i, "transparent"),
-				...e?.color && e.color !== "auto" ? { color: Bi(e.color, i, at) } : null,
+				...e?.color && e.color !== "auto" ? { color: Bi(e.color, i, ft) } : 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?.border ? `1px solid ${Bi(Object.values(s.border)[0]?.color, i, dt)}` : void 0,
+				outline: s?.border ? `1px solid ${Bi(Object.values(s.border)[0]?.color, i, gt)}` : void 0,
 				outlineOffset: "-3px"
 			},
 			children: "Aa"
@@ -3484,7 +3484,7 @@ var Bi = (e, t, n) => ft(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
 		i,
 		a
 	]);
-	return (0, Z.jsx)(rt, {
+	return (0, Z.jsx)(st, {
 		sheet: !0,
 		className: "sxl-cf-rule-preview",
 		sx: {
@@ -3498,8 +3498,8 @@ var Bi = (e, t, n) => ft(e, t)?.toCSS("adaptive") ?? n, Vi = (e, t, n) => {
 });
 Hi.displayName = "RulePreview";
 var Ui = (0, X.memo)((e) => {
-	let { conditionalFormat: t, label: n, helperText: r } = e, i = j(), a = ge();
-	fn(t, ["onAnchorCoordsChange", "onAnyChange"]);
+	let { conditionalFormat: t, label: n, helperText: r } = e, i = j(), a = ve();
+	mn(t, ["onAnchorCoordsChange", "onAnyChange"]);
 	let o = t.getRanges();
 	return (0, Z.jsx)(Sn, {
 		grammar: "reference",
@@ -3522,7 +3522,7 @@ var Ui = (0, X.memo)((e) => {
 			if (n && !n.isInvalid()) try {
 				t.setRanges(n);
 			} catch (e) {
-				a.showMessage?.(e.message, { type: fe.Error });
+				a.showMessage?.(e.message, { type: pe.Error });
 			}
 		}, [t, a]),
 		label: n === void 0 ? i("conditionalFormat.applyTo") : n,
@@ -3538,18 +3538,18 @@ var Wi = (e, t) => {
 	return r ? i.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
 }, Gi = {
 	classic: f("conditionalFormat.tab.classic"),
-	[x.ScaleType.ColorScale]: f("conditionalFormat.tab.colorScale"),
-	[x.ScaleType.DataBar]: f("conditionalFormat.tab.dataBars"),
-	[x.ScaleType.IconSet]: f("conditionalFormat.tab.iconSets")
+	[_.ScaleType.ColorScale]: f("conditionalFormat.tab.colorScale"),
+	[_.ScaleType.DataBar]: f("conditionalFormat.tab.dataBars"),
+	[_.ScaleType.IconSet]: f("conditionalFormat.tab.iconSets")
 }, Ki = (0, X.memo)((e) => {
 	let { conditionalFormat: t } = e, n = j();
-	fn(t, "onAnyChange");
+	mn(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 });
 	};
-	return (0, Z.jsxs)(Ie, {
+	return (0, Z.jsxs)(Re, {
 		tabIndex: 0,
-		className: yt["editor-panel"],
+		className: lt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -3561,7 +3561,7 @@ var Wi = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Z.jsxs)(L, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -3569,7 +3569,7 @@ var Wi = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Z.jsxs)(L, {
+				children: [(0, Z.jsxs)(I, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -3578,7 +3578,7 @@ var Wi = (e, t) => {
 					children: [(0, Z.jsx)(Hi, {
 						conditionalFormat: t,
 						size: 48
-					}), (0, Z.jsx)(B, {
+					}), (0, Z.jsx)(z, {
 						variant: "body2",
 						sx: {
 							minWidth: 0,
@@ -3594,14 +3594,14 @@ var Wi = (e, t) => {
 					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: b.BuiltInOperatorNames.Between,
+								operator: h.BuiltInOperatorNames.Between,
 								param: null
 							},
 							style: c.current.style ?? null,
 							scale: null
 						});
 						else {
-							let n = c.current.scales[e] ?? (e === x.ScaleType.ColorScale ? Xt() : e === x.ScaleType.DataBar ? Nt() : Ut());
+							let n = c.current.scales[e] ?? (e === _.ScaleType.ColorScale ? Mt() : e === _.ScaleType.DataBar ? Wt() : Ut());
 							t.update({
 								scale: n,
 								condition: null,
@@ -3639,22 +3639,22 @@ var Wi = (e, t) => {
 				readOnly: o,
 				onConditionChange: (e) => t.setCondition(e)
 			})] }),
-			r?.type === x.ScaleType.ColorScale && (0, Z.jsx)(Ai, {
+			r?.type === _.ScaleType.ColorScale && (0, Z.jsx)(Ai, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === x.ScaleType.DataBar && (0, Z.jsx)(Pi, {
+			r?.type === _.ScaleType.DataBar && (0, Z.jsx)(Pi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === x.ScaleType.IconSet && (0, Z.jsx)(zi, {
+			r?.type === _.ScaleType.IconSet && (0, Z.jsx)(zi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			s === "classic" && (0, Z.jsx)(L, {
+			s === "classic" && (0, Z.jsx)(I, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -3662,8 +3662,8 @@ var Wi = (e, t) => {
 					borderColor: "divider",
 					borderRadius: 1
 				},
-				children: (0, Z.jsx)(Ot, {
-					control: (0, Z.jsx)(Dt, {
+				children: (0, Z.jsx)(kt, {
+					control: (0, Z.jsx)(Ot, {
 						checked: t.isStopIfTrue(),
 						disabled: o,
 						onChange: (e) => t.setStopIfTrue(e.target.checked)
@@ -3677,7 +3677,7 @@ var Wi = (e, t) => {
 Ki.displayName = "ConditionalFormatEditorPanel";
 var qi = (0, X.memo)(({ item: e }) => {
 	let t = j();
-	return fn(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(L, {
+	return mn(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(I, {
 		sx: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -3689,7 +3689,7 @@ var qi = (0, X.memo)(({ item: e }) => {
 			borderRadius: 1,
 			color: "text.secondary"
 		},
-		children: (0, Z.jsx)(B, {
+		children: (0, Z.jsx)(z, {
 			variant: "caption",
 			children: t("conditionalFormat.stopIfTrue")
 		})
@@ -4645,7 +4645,7 @@ var oo = (0, X.memo)(ao), so = Ia({ wrappedRoot: {
 	}, [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)(Za, {
 		ref: t,
-		className: xn(yo.root, "error-snackbar"),
+		className: C(yo.root, "error-snackbar"),
 		children: (0, Z.jsxs)(xr, {
 			className: yo.card,
 			style: {
@@ -4657,7 +4657,7 @@ var oo = (0, X.memo)(ao), so = Ia({ wrappedRoot: {
 				className: yo.actionRoot,
 				children: [
 					s ? null : i?.error,
-					(0, Z.jsx)(B, {
+					(0, Z.jsx)(z, {
 						variant: "body2",
 						component: "div",
 						className: yo.typography,
@@ -4666,24 +4666,24 @@ var oo = (0, X.memo)(ao), so = Ia({ wrappedRoot: {
 					(0, Z.jsx)("div", { style: { flex: "1 1 auto" } }),
 					(0, Z.jsxs)("div", {
 						className: yo.icons,
-						children: [h ? (0, Z.jsx)(R, {
+						children: [h ? (0, Z.jsx)(L, {
 							"aria-label": l("toast.showMore"),
 							size: "small",
-							className: xn(yo.expand, { [yo.expandOpen]: f }),
+							className: C(yo.expand, { [yo.expandOpen]: f }),
 							onClick: g,
-							children: (0, Z.jsx)(C, { iconKey: "ExpandMore" })
-						}) : null, (0, Z.jsx)(R, {
+							children: (0, Z.jsx)(w, { iconKey: "ExpandMore" })
+						}) : null, (0, Z.jsx)(L, {
 							size: "small",
 							className: yo.expand,
 							onClick: _,
-							children: (0, Z.jsx)(C, {
+							children: (0, Z.jsx)(w, {
 								iconKey: "Close",
 								style: { transform: "scale(0.8)" }
 							})
 						})]
 					})
 				]
-			}), h ? (0, Z.jsx)(kt, {
+			}), h ? (0, Z.jsx)(At, {
 				in: f,
 				timeout: "auto",
 				children: (0, Z.jsx)("div", {
@@ -4692,7 +4692,7 @@ var oo = (0, X.memo)(ao), so = Ia({ wrappedRoot: {
 						backgroundColor: "color-mix(in srgb, var(--sxl-color-error) 90%, var(--sxl-color-base-100))",
 						borderTop: "1px solid var(--sxl-color-error)"
 					},
-					children: (0, Z.jsx)(en, {
+					children: (0, Z.jsx)(nn, {
 						error: o,
 						hideLineNumbers: !0
 					})
@@ -4702,10 +4702,10 @@ var oo = (0, X.memo)(ao), so = Ia({ wrappedRoot: {
 	});
 }));
 bo.displayName = "ToastError";
-var xo = (0, Z.jsx)(() => (0, Z.jsx)(He, {
+var xo = (0, Z.jsx)(() => (0, Z.jsx)(We, {
 	label: "SheetXL",
 	description: j()("logo.description"),
-	children: (0, Z.jsx)(L, {
+	children: (0, Z.jsx)(I, {
 		component: "a",
 		href: "https://www.sheetxl.com",
 		target: "_blank",
@@ -4718,24 +4718,24 @@ var xo = (0, Z.jsx)(() => (0, Z.jsx)(He, {
 			marginLeft: "6px",
 			cursor: "pointer"
 		},
-		children: (0, Z.jsx)(Ft, { style: {
+		children: (0, Z.jsx)(Jt, { style: {
 			width: "24px",
 			height: "24px"
 		} })
 	})
 }), {}), So = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { workbook: n, className: r, logo: i = xo, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = Cn(), d = u < 530, f = (0, X.useRef)(null);
-	return (0, Z.jsx)(L, {
+	return (0, Z.jsx)(I, {
 		...c,
-		ref: bn([
+		ref: xn([
 			f,
 			l,
 			t
 		]),
 		className: r,
-		children: vt({
+		children: pt({
 			isCompact: d,
-			wrapperSelect: (e) => (0, Z.jsxs)(L, {
+			wrapperSelect: (e) => (0, Z.jsxs)(I, {
 				sx: {
 					display: "grid",
 					gridTemplateColumns: "1fr auto 1fr",
@@ -4746,7 +4746,7 @@ var xo = (0, Z.jsx)(() => (0, Z.jsx)(He, {
 					paddingRight: (e) => e.spacing(1)
 				},
 				children: [
-					(0, Z.jsxs)(L, {
+					(0, Z.jsxs)(I, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4754,7 +4754,7 @@ var xo = (0, Z.jsx)(() => (0, Z.jsx)(He, {
 							justifyContent: "start",
 							gap: (e) => e.spacing(.5)
 						},
-						children: [i, (0, Z.jsxs)(L, {
+						children: [i, (0, Z.jsxs)(I, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -4764,7 +4764,7 @@ var xo = (0, Z.jsx)(() => (0, Z.jsx)(He, {
 							children: [o, e]
 						})]
 					}),
-					(0, Z.jsx)(L, {
+					(0, Z.jsx)(I, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4775,7 +4775,7 @@ var xo = (0, Z.jsx)(() => (0, Z.jsx)(He, {
 						},
 						children: a
 					}),
-					(0, Z.jsx)(L, {
+					(0, Z.jsx)(I, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
@@ -4819,7 +4819,7 @@ function Co(e, t) {
 		};
 		n && (a.progress.onStart = n);
 		let s = -5;
-		return Bt.read({
+		return un.read({
 			...a,
 			progress: {
 				async onStart(e, t) {
@@ -4839,7 +4839,7 @@ function Co(e, t) {
 					r?.(), i.length > 0 && (c.showMessage(o("workbook.importWarnings")), console.warn("Import warnings:\n" + i.join("\n")));
 				},
 				onWarning(e) {
-					c.showMessage(e, { type: fe.Info });
+					c.showMessage(e, { type: pe.Info });
 				}
 			}
 		});
@@ -4857,11 +4857,11 @@ function Co(e, t) {
 		};
 		if (n) {
 			let n = e.getOrigin(), r = t?.exts?.[0] ?? (n.getExtension() || "sxl"), c = `${a || n.getName() || o("workbook.defaultName")}.${r}`;
-			i = await Bt.writeAs(e, c, {
+			i = await un.writeAs(e, c, {
 				...s,
 				prompt: !0
 			});
-		} else i = await Bt.write(e, void 0, s);
+		} else i = await un.write(e, void 0, s);
 		return !!i;
 	};
 	return e.updateCommand("newWorkbook", { callback: () => {
@@ -4877,9 +4877,9 @@ function Co(e, t) {
 			defaultOption: "Cancel"
 		}) !== "Close" || window.close();
 	} }), (async () => {
-		let t = await Bt.getWriteFormats();
+		let t = await un.getWriteFormats();
 		if (l) return;
-		let i = Bt.canWrite(), a = Bt.canRead();
+		let i = un.canWrite(), a = un.canRead();
 		if (i) {
 			let r = (e) => {
 				let r = e ? t.find((t) => t.key === e) : void 0;
@@ -4962,8 +4962,8 @@ function Co(e, t) {
 			tags: ["noTransaction", "noRepeat"],
 			callback: async (e = null) => {
 				let t = e;
-				if (t || Bt.canRead() || (t = await (async () => {
-					let e = await Bt.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
+				if (t || un.canRead() || (t = await (async () => {
+					let e = await un.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
 					return d.openFileDialog(t.length ? t.join(",") : "*.*");
 				})(), t)) return m(t);
 			}
@@ -5049,8 +5049,8 @@ function Co(e, t) {
 	};
 }
 So.displayName = "StudioToolbar";
-var wo = (0, X.lazy)(() => import("./BdfjaNIltJNsXLvf2.js"));
-wt();
+var wo = (0, X.lazy)(() => import("./CeD6pRhoV1LfiJjD.js"));
+rt();
 var To = /* @__PURE__ */ new Set(["ui"]), Eo = (e) => {
 	let t = (e) => {
 		if (typeof e != "function") return e;
@@ -5079,9 +5079,9 @@ var To = /* @__PURE__ */ new Set(["ui"]), Eo = (e) => {
 	}
 	return { getAllCommands: () => r };
 }, Do = (e) => {
-	let { children: t, workbook: n, setWorkbook: r, workbookTitle: i, isDirty: a } = e, o = ae.useCommandScope(), c = ge(), { showModal: l } = $t(), u = j(), d = (0, X.useRef)(a);
+	let { children: t, workbook: n, setWorkbook: r, workbookTitle: i, isDirty: a } = e, o = ae.useCommandScope(), c = ve(), { showModal: l } = $t(), u = j(), d = (0, X.useRef)(a);
 	d.current = a;
-	let p = be(() => {
+	let p = Se(() => {
 		let e = o?.getRoot().getRegistry();
 		if (!e) return;
 		let t = l(wo, {
@@ -5106,7 +5106,7 @@ var To = /* @__PURE__ */ new Set(["ui"]), Eo = (e) => {
 			} });
 		}(e, { showShortcuts: p }), () => e.remove();
 	}, [o, p]);
-	let m = mt("(prefers-color-scheme: dark)"), { themeMode: h } = _e(), [g, _] = de(hn.Mode, null), [v, y] = de(hn.DarkGrid, !1), [b, x] = de(hn.DarkImages, !1);
+	let m = mt("(prefers-color-scheme: dark)"), { themeMode: h } = ye(), [g, _] = fe(rn.Mode, null), [v, y] = fe(rn.DarkGrid, !1), [b, x] = fe(rn.DarkImages, !1);
 	(0, X.useEffect)(() => {
 		if (!o) return;
 		let e = o.getRoot().contribution();
@@ -5148,8 +5148,8 @@ var To = /* @__PURE__ */ new Set(["ui"]), Eo = (e) => {
 		y,
 		x
 	]);
-	let [S, C] = de(te.Active, null), [w, T] = (0, X.useState)(() => s.getActive());
-	(0, X.useEffect)(() => s.addChangeListener(T), []), (0, X.useEffect)(() => {
+	let [S, C] = fe(ne.Active, null), [w, ee] = (0, X.useState)(() => s.getActive());
+	(0, X.useEffect)(() => s.addChangeListener(ee), []), (0, X.useEffect)(() => {
 		S && S !== s.getActive() && s.setActive(S);
 	}, [S]), (0, X.useEffect)(() => {
 		if (!o) return;
@@ -5172,7 +5172,7 @@ var To = /* @__PURE__ */ new Set(["ui"]), Eo = (e) => {
 		w,
 		C
 	]);
-	let { isFullscreenAvailable: E, isFullscreenEnabled: D, toggleFullscreen: ee } = me();
+	let { isFullscreenAvailable: T, isFullscreenEnabled: E, toggleFullscreen: D } = ge();
 	return (0, X.useEffect)(() => {
 		if (!o) return;
 		let e = o.getRoot().contribution();
@@ -5186,15 +5186,15 @@ var To = /* @__PURE__ */ new Set(["ui"]), Eo = (e) => {
 				}
 			});
 		}(e, {
-			isFullscreenAvailable: E,
-			isFullscreenEnabled: D,
-			toggleFullscreen: ee
+			isFullscreenAvailable: T,
+			isFullscreenEnabled: E,
+			toggleFullscreen: D
 		}), () => e.remove();
 	}, [
 		o,
+		T,
 		E,
-		D,
-		ee
+		D
 	]), (0, X.useEffect)(() => {
 		if (!o || !n) return;
 		let e = o.getRoot().contribution(), t = Co(e, {
@@ -5244,7 +5244,7 @@ var Oo = ({ renderWorkbook: e }) => {
 			} else e.type === "dragleave" && i(null);
 			e.preventDefault();
 		}
-	}, [t]), o = be((e) => {
+	}, [t]), o = Se((e) => {
 		if (r && t && (e.preventDefault(), e.stopPropagation(), i(null), e.dataTransfer.files && e.dataTransfer.files.length > 0)) {
 			let r = e.dataTransfer.files[0];
 			if (!r) return;
@@ -5267,12 +5267,12 @@ var Oo = ({ renderWorkbook: e }) => {
 					} }
 				});
 			} else {
-				if (!Bt.canRead()) return;
+				if (!un.canRead()) return;
 				let n = (e.dataTransfer.items?.[0])?.getAsFileSystemHandle?.();
 				n ? n.then((e) => t.execute("openWorkbook", e?.kind === "file" ? e : r)).catch(() => t.execute("openWorkbook", r)) : t.execute("openWorkbook", r);
 			}
 		}
-	}, [t, r]), s = (0, X.useMemo)(() => r && r.text ? (0, Z.jsx)(L, {
+	}, [t, r]), s = (0, X.useMemo)(() => r && r.text ? (0, Z.jsx)(I, {
 		className: "drop-overlay",
 		sx: {
 			position: "absolute",
@@ -5286,7 +5286,7 @@ var Oo = ({ renderWorkbook: e }) => {
 			background: (e) => e.palette.divider,
 			color: (e) => e.palette.primary.dark
 		},
-		children: (0, Z.jsx)(B, {
+		children: (0, Z.jsx)(z, {
 			variant: "h4",
 			children: r.text
 		})
@@ -5306,7 +5306,7 @@ var Oo = ({ renderWorkbook: e }) => {
 	}), s] });
 }, ko = (0, X.memo)((e) => {
 	let { workbook: t, setWorkbook: n, refDocumentTitle: r, titleWorkbook: i, setWorkbookTitle: a, isDirty: o, initialCommandAnchor: s, renderWorkbook: c } = e;
-	return (0, Z.jsx)(Lt, {
+	return (0, Z.jsx)(tn, {
 		initialAnchor: s,
 		children: (0, Z.jsx)(Do, {
 			workbook: t,
@@ -5319,17 +5319,17 @@ var Oo = ({ renderWorkbook: e }) => {
 });
 ko.displayName = "CommandsWrapper";
 var Ao = {
-	sort: () => import("./BlZs6OBbHaWLHdyw2.js"),
-	numberFormat: () => import("./385X3fXUstHKtEEF2.js"),
-	hyperlink: () => import("./Dz_GMq1kFESpvRRw2.js"),
-	comments: () => import("./Be9keF2r4uCzJZJx2.js"),
-	find: () => import("./D1zjNJZna0d4gavs2.js"),
-	tableNew: () => import("./BJ95rY1UBb83xuD52.js"),
-	namedDetails: () => import("./CLNQrXyj4goOCX7I2.js"),
-	insertFunction: () => import("./B0LfV8NixGPYcBo92.js"),
-	resizeHeader: () => import("./BsxzxAPB4jEzEk-H2.js"),
-	workbookStatistics: () => import("./BK7l8_lemkR1wuwy.js"),
-	protectWorkbook: () => import("./CW8lbman_jNmJl5d2.js").then((e) => e.t).then((e) => e.n)
+	sort: () => import("./-OScuzLTidF7HNaK2.js"),
+	numberFormat: () => import("./TO6gumfUOp2BgIlL.js"),
+	hyperlink: () => import("./C8lUc_Lc03y-Whne2.js"),
+	comments: () => import("./_5fYV4ZbX0S6MIpD2.js"),
+	find: () => import("./rT3DomLULA1xJhfY2.js"),
+	tableNew: () => import("./Dhmpgvzx9S-LYXr82.js"),
+	namedDetails: () => import("./CK4ZQnpkZHN03RHP2.js"),
+	insertFunction: () => import("./BWcc3hnnAhelxjOr2.js"),
+	resizeHeader: () => import("./ClkL86jz-4Gf_Uwg2.js"),
+	workbookStatistics: () => import("./ykS_w8WDHugwGY9S2.js"),
+	protectWorkbook: () => import("./dywzP082Q24_9Q5U2.js").then((e) => e.t).then((e) => e.n)
 }, jo = ["find"], Mo = (0, X.memo)((e) => {
 	let { children: t } = e, n = vo(), r = n ? n.enqueueSnackbar : () => {}, a = n ? n.closeSnackbar : () => {}, [o, s] = (0, X.useState)({
 		isMounted: !1,
@@ -5347,7 +5347,7 @@ var Ao = {
 			...e,
 			isMounted: !1
 		}));
-	}, []), d = j(), f = i.EmptyObject, p = cn(f), m = Zt(f), h = jt(f), g = (0, X.useRef)(!1);
+	}, []), d = j(), f = i.EmptyObject, p = ln(f), m = Xt(f), h = Nt(f), g = (0, X.useRef)(!1);
 	(0, X.useEffect)(() => {
 		if (g.current) return;
 		g.current = !0;
@@ -5364,16 +5364,16 @@ var Ao = {
 				e.add(t.onceKey), _.current = e;
 			}
 			let n = {
-				variant: t?.type ?? fe.Info,
+				variant: t?.type ?? pe.Info,
 				anchorOrigin: {
 					vertical: "top",
 					horizontal: "center"
 				},
 				preventDuplicate: t?.preventDuplicate,
-				persist: t?.persist ?? t?.type === fe.Error,
-				action: (e) => (0, Z.jsx)(R, {
+				persist: t?.persist ?? t?.type === pe.Error,
+				action: (e) => (0, Z.jsx)(L, {
 					onClick: () => a(e),
-					children: (0, Z.jsx)(C, { iconKey: "Cancel" })
+					children: (0, Z.jsx)(w, { iconKey: "Cancel" })
 				})
 			};
 			t?.enqueueProps && Object.assign(n, t.enqueueProps), e || console.log("message is 'null'", t), r(e ?? "Alert", n);
@@ -5404,20 +5404,20 @@ var Ao = {
 			showOptions: m,
 			showInput: h,
 			showError: (t) => {
-				let n, r = fe.Error, i = d("error.unknown");
-				typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = d(t.message))), t instanceof l && (r = fe.Info), e(i, {
+				let n, r = pe.Error, i = d("error.unknown");
+				typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = d(t.message))), t instanceof l && (r = pe.Info), e(i, {
 					type: r,
 					enqueueProps: { error: n }
 				});
 			}
-		}, n = new pe();
+		}, n = new me();
 		return n.setOverrides(t), n;
 	}, [d]);
 	(0, X.useEffect)(() => {
 		o.starting.size <= 0 || !o.isMounted || s((e) => {
 			let t = new Map(e.running);
 			return e.starting.forEach((e, n) => {
-				let r = oe(() => {
+				let r = se(() => {
 					s((e) => {
 						let t = new Map(e.running);
 						return t.delete(n), {
@@ -5448,8 +5448,8 @@ var Ao = {
 	}, [o]);
 	let [y, b] = (0, X.useState)(null);
 	return (0, X.useEffect)(() => {
-		o.starting.size !== 0 || o.running.size !== 0 ? b((0, Z.jsx)(_n, {
-			icon: (0, Z.jsx)(vn, { sx: {
+		o.starting.size !== 0 || o.running.size !== 0 ? b((0, Z.jsx)(gn, {
+			icon: (0, Z.jsx)(yn, { sx: {
 				transform: "scale(0.7)",
 				marginLeft: "-6px"
 			} }),
@@ -5472,19 +5472,19 @@ var Ao = {
 		o.running,
 		o.label,
 		o.progress
-	]), (0, Z.jsxs)(O, {
+	]), (0, Z.jsxs)(k, {
 		notifier: v,
 		children: [y, t]
 	});
 });
 Mo.displayName = "StudioNotifierProvider";
 var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", Po = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = dn, 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 = cn, 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)(C, { iconKey: r }));
-		let i = t === o, a = r ? (0, Z.jsx)(L, {
+		typeof r == "string" && (r = (0, Z.jsx)(w, { iconKey: r }));
+		let i = t === o, a = r ? (0, Z.jsx)(I, {
 			sx: {
 				display: "inline-block",
 				transform: p ? "rotate(-90deg)" : "rotate(90deg)",
@@ -5492,20 +5492,20 @@ var No = "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)(L, {
+		}) : null, c = !r || !l && i, u = (0, Z.jsx)(I, {
 			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)(L, {
+			children: (0, Z.jsx)(I, {
 				sx: {
 					overflow: "hidden",
 					minWidth: 0,
 					minHeight: 0
 				},
-				children: (0, Z.jsx)(B, {
+				children: (0, Z.jsx)(z, {
 					component: "div",
 					sx: {
 						textTransform: "none",
@@ -5520,11 +5520,11 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		});
 		return (0, Z.jsx)(tt, {
 			value: t,
-			label: (0, Z.jsx)(W, {
+			label: (0, Z.jsx)(U, {
 				disableInteractive: !0,
 				title: n.getTitle() ?? "",
 				placement: "left-start",
-				children: (0, Z.jsxs)(L, {
+				children: (0, Z.jsxs)(I, {
 					sx: {
 						padding: "0px 0px",
 						writingMode: p ? "vertical-lr" : "vertical-rl",
@@ -5544,7 +5544,7 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				minHeight: "0px",
 				borderRadius: "4px"
 			},
-			className: xn("taskpane-strip-item", { "Mui-selected": i }),
+			className: C("taskpane-strip-item", { "Mui-selected": i }),
 			onClick: () => e.onSelect(t)
 		}, t);
 	}), [
@@ -5554,11 +5554,11 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		s,
 		p,
 		l,
-		k()
+		A()
 	]);
-	return (0, Z.jsx)(L, {
+	return (0, Z.jsx)(I, {
 		ref: T(t, () => ({ isTaskPaneStrip: () => !0 }), []),
-		className: (0, X.useMemo)(() => xn("taskpane-strip", d), [d]),
+		className: (0, X.useMemo)(() => C("taskpane-strip", d), [d]),
 		sx: {
 			paddingLeft: p ? void 0 : "2px",
 			paddingRight: p ? "2px" : void 0,
@@ -5586,8 +5586,8 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	});
 })), Fo = (e) => {
 	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, X.useRef)(null), c = j();
-	return (0, Z.jsx)(De, {
-		className: xn({ "Mui-selected": a }),
+	return (0, Z.jsx)(ke, {
+		className: C({ "Mui-selected": a }),
 		sx: {
 			display: "flex",
 			flex: "1 1 %0",
@@ -5601,11 +5601,11 @@ var No = "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) => ue(e.palette.action.hover, .03),
+			backgroundColor: (e) => de(e.palette.action.hover, .03),
 			borderBottom: `solid ${No} 1px`
 		},
 		...o,
-		children: (0, Z.jsxs)(L, {
+		children: (0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				flex: "1 1 10%",
@@ -5616,15 +5616,15 @@ var No = "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)(L, {
+			children: [(0, Z.jsx)(I, {
 				sx: {
 					flex: "1 1 100%",
 					paddingLeft: (e) => e.spacing(1)
 				},
 				children: t
-			}), (0, Z.jsx)(He, {
+			}), (0, Z.jsx)(We, {
 				label: c("taskPane.close"),
-				children: (0, Z.jsx)(R, {
+				children: (0, Z.jsx)(L, {
 					"aria-label": "close",
 					sx: { color: (e) => e.palette.text.icon ?? e.palette.action.active },
 					touchRippleRef: s,
@@ -5634,14 +5634,14 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 					onPointerUp: () => {
 						r();
 					},
-					children: (0, Z.jsx)(C, { iconKey: "Close" })
+					children: (0, Z.jsx)(w, { iconKey: "Close" })
 				})
 			})]
 		})
 	});
 }, Io = (0, X.forwardRef)((e, t) => {
-	let { model: n, side: r, ...i } = e, a = he();
-	return (0, Z.jsx)(At, {
+	let { model: n, side: r, ...i } = e, a = _e();
+	return (0, Z.jsx)(jt, {
 		model: n,
 		ref: t,
 		propsFrame: { style: {
@@ -5667,30 +5667,30 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	display: "flex",
 	boxSizing: "border-box"
 }, zo = (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] = de(s ?? null, Lo), h = he(), [g, { width: _ }] = Cn(), 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] = fe(s ?? null, Lo), h = _e(), [g, { width: _ }] = Cn(), 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 w, ee = i, T = a, E = d !== "right", D = v ? "row" : "column", te = E && T ? "before" : "after", ne = `${D}:${te}`, O = s ? p[ne] : void 0, k = O == 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}%`, re = s || c ? (e) => {
+	})(o, ne) : `${O}%`, re = s || c ? (e) => {
 		s && m((t) => ({
 			...t,
-			[te]: e.percent
+			[ne]: e.percent
 		})), c?.(e, {
 			orientation: D,
-			side: ee,
-			key: te
+			side: te,
+			key: ne
 		});
 	} : void 0;
-	return E && T ? (w = a, T = i, r = { style: {
+	return E && T ? (ee = a, T = i, r = { style: {
 		flexDirection: "column",
 		boxSizing: "border-box",
 		paddingRight: "2px"
-	} }, n = {}, C = {
+	} }, n = {}, w = {
 		fixedPane: "before",
-		position: O,
+		position: k,
 		minBefore: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
 	}) : (n = { style: {
@@ -5699,13 +5699,13 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	} }, r = { style: {
 		marginLeft: v ? "0px" : "4px",
 		marginRight: v ? "8px" : "4px"
-	} }, C = {
+	} }, w = {
 		fixedPane: "after",
-		position: O,
+		position: k,
 		minAfter: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
-	}), (0, Z.jsx)(F, {
-		ref: bn([
+	}), (0, Z.jsx)(P, {
+		ref: xn([
 			y,
 			g,
 			t
@@ -5716,10 +5716,10 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 			...u
 		} : Ro,
 		...f,
-		...C,
+		...w,
 		onPositionChange: re,
 		propsResizer: {
-			className: xn("styled-resizer", "_styled-resizer_fdl5y_3"),
+			className: C("styled-resizer", "_styled-resizer_fdl5y_3"),
 			style: {
 				minWidth: v ? "7px" : void 0,
 				minHeight: v ? void 0 : "6px",
@@ -5728,7 +5728,7 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				maskPosition: E ? v ? "center center" : "bottom center" : v ? "left center" : "top center"
 			}
 		},
-		elementBefore: w,
+		elementBefore: ee,
 		propsPaneBefore: n,
 		elementAfter: T,
 		propsPaneAfter: r
@@ -5737,9 +5737,9 @@ var No = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 zo.displayName = "StudioSplitPane";
 var Bo = (0, X.memo)((e) => {
 	let { dataValidation: t } = e, n = j(), r = t.getRenderHints();
-	return fn(t, "onAnyChange"), (0, Z.jsxs)(Ie, {
+	return mn(t, "onAnyChange"), (0, Z.jsxs)(Re, {
 		tabIndex: 0,
-		className: yt["editor-panel"],
+		className: lt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -5751,9 +5751,9 @@ var Bo = (0, X.memo)((e) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Z.jsx)(L, {
+			(0, Z.jsx)(I, {
 				sx: { margin: (e) => e.spacing(1.25) },
-				children: (0, Z.jsx)(B, {
+				children: (0, Z.jsx)(z, {
 					variant: "body2",
 					sx: { color: "text.secondary" },
 					children: n("dataValidation.range", { range: t.getRanges().toString() })
@@ -5784,14 +5784,14 @@ var Bo = (0, X.memo)((e) => {
 					}
 				},
 				children: [(0, Z.jsx)(hr, {
-					expandIcon: (0, Z.jsx)(C, { iconKey: "ExpandMore" }),
+					expandIcon: (0, Z.jsx)(w, { iconKey: "ExpandMore" }),
 					sx: {
 						px: 2,
 						"& .MuiAccordionSummary-content": { my: 0 },
 						"&.Mui-expanded .MuiAccordionSummary-content": { my: 0 }
 					},
-					children: (0, Z.jsx)(Ot, {
-						control: (0, Z.jsx)(Dt, {
+					children: (0, Z.jsx)(kt, {
+						control: (0, Z.jsx)(Ot, {
 							checked: t.isShowPromptMessage(),
 							onChange: (e) => {
 								e.stopPropagation();
@@ -5850,14 +5850,14 @@ var Bo = (0, X.memo)((e) => {
 					}
 				},
 				children: [(0, Z.jsx)(hr, {
-					expandIcon: (0, Z.jsx)(C, { iconKey: "ExpandMore" }),
+					expandIcon: (0, Z.jsx)(w, { iconKey: "ExpandMore" }),
 					sx: {
 						px: 2,
 						"& .MuiAccordionSummary-content": { my: 0 },
 						"&.Mui-expanded .MuiAccordionSummary-content": { my: 0 }
 					},
-					children: (0, Z.jsx)(Ot, {
-						control: (0, Z.jsx)(Dt, {
+					children: (0, Z.jsx)(kt, {
+						control: (0, Z.jsx)(Ot, {
 							checked: t.isShowAlertMessage(),
 							onChange: (e) => {
 								e.stopPropagation();
@@ -5880,7 +5880,7 @@ var Bo = (0, X.memo)((e) => {
 						gap: 2
 					},
 					children: [
-						(0, Z.jsxs)(Je, {
+						(0, Z.jsxs)(G, {
 							fullWidth: !0,
 							size: "small",
 							sx: { backgroundColor: "background.paper" },
@@ -5890,15 +5890,15 @@ var Bo = (0, X.memo)((e) => {
 								onChange: (e) => t.setAlertStyle(e.target.value),
 								children: [
 									(0, Z.jsx)(Y, {
-										value: S.AlertStyle.Stop,
+										value: b.AlertStyle.Stop,
 										children: n("dataValidation.alertStop")
 									}),
 									(0, Z.jsx)(Y, {
-										value: S.AlertStyle.Warning,
+										value: b.AlertStyle.Warning,
 										children: n("dataValidation.alertWarning")
 									}),
 									(0, Z.jsx)(Y, {
-										value: S.AlertStyle.Information,
+										value: b.AlertStyle.Information,
 										children: n("dataValidation.alertInformation")
 									})
 								]
@@ -5925,7 +5925,7 @@ var Bo = (0, X.memo)((e) => {
 					]
 				})]
 			}),
-			r.length > 0 && (0, Z.jsx)(L, {
+			r.length > 0 && (0, Z.jsx)(I, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -5934,8 +5934,8 @@ var Bo = (0, X.memo)((e) => {
 					borderColor: "divider",
 					borderRadius: 1
 				},
-				children: (0, Z.jsx)(Ot, {
-					control: (0, Z.jsx)(Dt, {
+				children: (0, Z.jsx)(kt, {
+					control: (0, Z.jsx)(Ot, {
 						checked: !t.isHideDropdown(),
 						onChange: (e) => t.setHideDropdown(!e.target.checked)
 					}),
@@ -5970,7 +5970,7 @@ var Vo = {
 	getCardTitle: (e, t) => e.getCondition()?.toString() ?? t("dataValidation.noCondition"),
 	CardBody: ({ item: e }) => {
 		let t = j();
-		return e.isShowPromptMessage() && e.getPromptTitle() ? (0, Z.jsx)(B, {
+		return e.isShowPromptMessage() && e.getPromptTitle() ? (0, Z.jsx)(z, {
 			variant: "caption",
 			sx: {
 				color: (e) => e.palette.text.secondary,
@@ -5993,7 +5993,7 @@ var Vo = {
 Ho.displayName = "DataValidationDetailsPanel";
 var Uo = /* @__PURE__ */ new WeakMap(), Wo = (0, X.memo)((e) => {
 	let { protectedRange: t } = e, n = j();
-	fn(t, "onAnyChange");
+	mn(t, "onAnyChange");
 	let r = t.isProtected(), [i, a] = (0, X.useState)(() => t.getName()), [o] = (0, X.useState)(() => t.getName()), [s, c] = (0, X.useState)(null), [l, u] = (0, X.useState)(""), [d, f] = (0, X.useState)(!1), [p] = (0, X.useState)(() => t.hasPassword()), m = (() => {
 		try {
 			let e = t.getRanges();
@@ -6013,9 +6013,9 @@ var Uo = /* @__PURE__ */ new WeakMap(), Wo = (0, X.memo)((e) => {
 		}
 		else c(null);
 	};
-	return (0, Z.jsxs)(Ie, {
+	return (0, Z.jsxs)(Re, {
 		tabIndex: 0,
-		className: yt["editor-panel"],
+		className: lt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -6026,14 +6026,14 @@ var Uo = /* @__PURE__ */ new WeakMap(), Wo = (0, X.memo)((e) => {
 			borderRadius: (e) => e.spacing(1.25),
 			overflow: "auto"
 		},
-		children: [(0, Z.jsx)(L, {
+		children: [(0, Z.jsx)(I, {
 			sx: { margin: (e) => e.spacing(1.25) },
-			children: (0, Z.jsx)(B, {
+			children: (0, Z.jsx)(z, {
 				variant: "body2",
 				sx: { color: "text.secondary" },
 				children: n("protectedRange.range", { range: t.getRanges().toString() })
 			})
-		}), (0, Z.jsxs)(L, {
+		}), (0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -6071,12 +6071,12 @@ var Uo = /* @__PURE__ */ new WeakMap(), Wo = (0, X.memo)((e) => {
 						let n = e.target.value;
 						u(n), f(!1), n ? Uo.set(t, n) : Uo.delete(t);
 					},
-					slotProps: { input: { startAdornment: p && !d ? (0, Z.jsx)(yn, {
+					slotProps: { input: { startAdornment: p && !d ? (0, Z.jsx)(bn, {
 						position: "start",
-						children: (0, Z.jsx)(C, { iconKey: "Lock" })
+						children: (0, Z.jsx)(w, { iconKey: "Lock" })
 					}) : void 0 } }
 				}),
-				p && !l ? (0, Z.jsx)(ke, {
+				p && !l ? (0, Z.jsx)(je, {
 					size: "small",
 					color: "inherit",
 					disabled: r || d,
@@ -6089,7 +6089,7 @@ var Uo = /* @__PURE__ */ new WeakMap(), Wo = (0, X.memo)((e) => {
 					},
 					children: n("protectedRange.removePassword")
 				}) : null,
-				t.getSecurityDescriptor() ? (0, Z.jsx)(B, {
+				t.getSecurityDescriptor() ? (0, Z.jsx)(z, {
 					variant: "caption",
 					sx: {
 						color: "text.secondary",
@@ -6130,7 +6130,7 @@ var Go = {
 	getCardTitle: (e, t) => e.getName() || t("protectedRange.unnamed"),
 	CardBody: ({ item: e }) => {
 		let t = j();
-		return e.hasPassword() ? (0, Z.jsx)(B, {
+		return e.hasPassword() ? (0, Z.jsx)(z, {
 			variant: "caption",
 			sx: {
 				color: (e) => e.palette.text.secondary,
@@ -6149,7 +6149,7 @@ var Go = {
 		...r
 	});
 }));
-Ko.displayName = "ProtectedRangeDetailsPanel", Xe(), w.register("plugin-table", { icons: {} }), dn.registerTaskPane({
+Ko.displayName = "ProtectedRangeDetailsPanel", nt(), ee.register("plugin-table", { icons: {} }), cn.registerTaskPane({
 	key: "dataValidationDetails",
 	getTitle: () => "Data Validation",
 	getIcon: () => "DataValidation",
@@ -6161,7 +6161,7 @@ Ko.displayName = "ProtectedRangeDetailsPanel", Xe(), w.register("plugin-table",
 			...a
 		});
 	}
-}, !0), dn.registerTaskPane({
+}, !0), cn.registerTaskPane({
 	key: "conditionalFormatDetails",
 	getTitle: () => "Conditional Formatting",
 	getIcon: () => "FormatPaint",
@@ -6174,7 +6174,7 @@ Ko.displayName = "ProtectedRangeDetailsPanel", Xe(), w.register("plugin-table",
 			...o
 		});
 	}
-}, !0), dn.registerTaskPane({
+}, !0), cn.registerTaskPane({
 	key: "protectedRangeDetails",
 	getTitle: () => "Allow Edit Ranges",
 	getIcon: () => "Lock",
@@ -6186,7 +6186,7 @@ Ko.displayName = "ProtectedRangeDetailsPanel", Xe(), w.register("plugin-table",
 			...a
 		});
 	}
-}, !0), st(), pt();
+}, !0), wt(), _t();
 var qo = () => {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
@@ -6206,95 +6206,95 @@ var qo = () => {
 	let { colorSchemes: n, ...r } = e, a = n?.[t ? "dark" : "light"];
 	return a && typeof a == "object" ? i.deepMerge(r, a) : r;
 }, Yo = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { className: n, sx: r, square: a, elevation: o, variant: c, style: l, onWorkbookLoad: u, onDocumentError: d, renderDocumentError: f = Ct, propsDocumentError: p, propsTaskPaneArea: m, renderTaskPaneArea: h = Xo, taskPaneSide: g = "right", onKeyDown: _, workbook: v, onWorkbookChange: y, logo: b, topLeft: x, topRight: S, muiTheme: E, tokens: D, cssBaseline: ee, autoFocus: ne = !1, title: O, onDirtyChange: ie, propsDocumentTitle: k, renderDocumentLoading: A = ht, propsDocumentLoading: oe, propsWorkbook: j, showFormulaBar: ce, propsFormulaBar: le, renderFormulaBar: ue, editable: fe, showStatusBar: pe, propsStatusBar: M, renderStatusBar: N, propsToolbar: me, renderToolbar: P, ...he } = e, F = (0, X.useRef)(null), ge = (0, X.useRef)(null), I = (0, X.useRef)(null), ve = be(() => {
-		I.current?.getNamedCollectionEditorElement?.()?.focus?.();
-	}, []), xe = be(d ?? (() => {}), [d]), Se = be(ie ?? (() => {}), [ie]), Ce = k?.placeHolder, [we] = de(hn.Mode, void 0), { themeMode: De } = _e({ mode: we ?? void 0 }), [Oe] = de(te.Active, null), ke = (0, X.useRef)(Oe);
-	ke.current = Oe;
-	let Ae = Te(), R = (0, X.useMemo)(() => ({
-		light: ze(!1, i.deepMerge(Jo(E, !1), bt(Ae?.light))),
-		dark: ze(!0, i.deepMerge(Jo(E, !0), bt(Ae?.dark)))
+	let { className: n, sx: r, square: a, elevation: o, variant: c, style: l, onWorkbookLoad: u, onDocumentError: d, renderDocumentError: f = dt, propsDocumentError: p, propsTaskPaneArea: m, renderTaskPaneArea: h = Xo, taskPaneSide: g = "right", onKeyDown: _, workbook: v, onWorkbookChange: y, logo: b, topLeft: x, topRight: S, muiTheme: E, tokens: D, cssBaseline: te, autoFocus: O = !1, title: k, onDirtyChange: ie, propsDocumentTitle: A, renderDocumentLoading: oe = Qe, propsDocumentLoading: se, propsWorkbook: j, showFormulaBar: le, propsFormulaBar: ue, renderFormulaBar: de, editable: pe, showStatusBar: me, propsStatusBar: M, renderStatusBar: he, propsToolbar: ge, renderToolbar: N, ..._e } = e, P = (0, X.useRef)(null), ve = (0, X.useRef)(null), F = (0, X.useRef)(null), be = Se(() => {
+		F.current?.getNamedCollectionEditorElement?.()?.focus?.();
+	}, []), Ce = Se(d ?? (() => {}), [d]), we = Se(ie ?? (() => {}), [ie]), Te = A?.placeHolder, [Ee] = fe(rn.Mode, void 0), { themeMode: ke } = ye({ mode: Ee ?? void 0 }), [Ae] = fe(ne.Active, null), je = (0, X.useRef)(Ae);
+	je.current = Ae;
+	let Me = De(), L = (0, X.useMemo)(() => ({
+		light: Ve(!1, i.deepMerge(Jo(E, !1), St(Me?.light))),
+		dark: Ve(!0, i.deepMerge(Jo(E, !0), St(Me?.dark)))
 	}), [
 		E,
-		Ae?.light,
-		Ae?.dark
-	]), z = De === "dark", je = se("studio", (0, X.useId)()), Me = (0, X.useMemo)(() => lt(R.light, R.dark, `.${je}`, D), [
-		R,
-		je,
+		Me?.light,
+		Me?.dark
+	]), R = ke === "dark", Ne = ce("studio", (0, X.useId)()), Pe = (0, X.useMemo)(() => ht(L.light, L.dark, `.${Ne}`, D), [
+		L,
+		Ne,
 		D
-	]), Ne = (0, X.useMemo)(() => pn("sxl-defaults", `.${je}`), [je]), B = Gt(), [Pe, Fe] = (0, X.useState)(() => v ?? null);
+	]), Fe = (0, X.useMemo)(() => an("sxl-defaults", `.${Ne}`), [Ne]), z = pn(), [Ie, Le] = (0, X.useState)(() => v ?? null);
 	(0, X.useEffect)(() => {
-		Fe(v ?? null);
+		Le(v ?? null);
 	}, [v]);
-	let [Le, Re] = (0, X.useState)(0), V = (0, X.useRef)(null);
-	V.current ||= qo();
-	let Be = qt(Pe, {
-		io: Bt,
-		defaultTheme: B.getDefaultTheme(),
-		reloadKey: Le
-	}), H = Be.status === "loaded" ? Be.workbook : null, U = (0, X.useMemo)(() => Be.status === "error" ? {
+	let [ze, Be] = (0, X.useState)(0), B = (0, X.useRef)(null);
+	B.current ||= qo();
+	let He = vn(Ie, {
+		io: un,
+		defaultTheme: z.getDefaultTheme(),
+		reloadKey: ze
+	}), V = He.status === "loaded" ? He.workbook : null, H = (0, X.useMemo)(() => He.status === "error" ? {
 		status: "error",
-		error: Be.error
-	} : Be.status === "loaded" ? {
+		error: He.error
+	} : He.status === "loaded" ? {
 		status: "loaded",
-		workbook: Be.workbook
-	} : { status: "loading" }, [Be]);
+		workbook: He.workbook
+	} : { status: "loading" }, [He]);
 	(0, X.useEffect)(() => {
-		V.current.settled && (V.current = qo());
-	}, [Pe, Le]), (0, X.useEffect)(() => {
-		U.status === "loaded" ? V.current.resolve(U.workbook) : U.status === "error" && (xe?.(U.error), V.current.reject(U.error));
-	}, [U]);
-	let [W, Ve] = (0, X.useState)(null);
-	H && !W && Ve(H);
-	let G = H && W && H !== W ? H : null, He = (0, X.useRef)(G);
-	He.current = G;
-	let Ue = (0, X.useRef)(W);
-	Ue.current = W;
-	let We = (0, X.useRef)([]), Ge = (0, X.useCallback)((e) => {
-		let t = Ue.current;
-		t && We.current.push(t), Fe(e);
+		B.current.settled && (B.current = qo());
+	}, [Ie, ze]), (0, X.useEffect)(() => {
+		H.status === "loaded" ? B.current.resolve(H.workbook) : H.status === "error" && (Ce?.(H.error), B.current.reject(H.error));
+	}, [H]);
+	let [U, Ue] = (0, X.useState)(null);
+	V && !U && Ue(V);
+	let W = V && U && V !== U ? V : null, We = (0, X.useRef)(W);
+	We.current = W;
+	let Ge = (0, X.useRef)(U);
+	Ge.current = U;
+	let Ke = (0, X.useRef)([]), qe = (0, X.useCallback)((e) => {
+		let t = Ge.current;
+		t && Ke.current.push(t), Le(e);
 	}, []);
 	(0, X.useEffect)(() => {
-		let e = We.current;
+		let e = Ke.current;
 		if (e.length !== 0) {
-			We.current = e.filter((e) => e === W);
+			Ke.current = e.filter((e) => e === U);
 			for (let t = 0; t < e.length; t++) {
 				let n = e[t];
-				if (n !== W) try {
+				if (n !== U) try {
 					n.close();
 				} catch (e) {
 					console.warn("Unable to close the replaced workbook", e);
 				}
 			}
 		}
-	}, [W]);
-	let Ke = fe ? null : W, qe = un(), Je = (0, X.useMemo)(() => Ke ? Qt(Ke.getSelectedSheet(), { referenceMode: qe }) : null, [Ke, qe]), K = fe ?? Je, Ye = (0, X.useRef)(K);
-	Ye.current = K, (0, X.useEffect)(() => {
+	}, [U]);
+	let Je = pe ? null : U, Ye = fn(), G = (0, X.useMemo)(() => Je ? Zt(Je.getSelectedSheet(), { referenceMode: Ye }) : null, [Je, Ye]), K = pe ?? G, Xe = (0, X.useRef)(K);
+	Xe.current = K, (0, X.useEffect)(() => {
 		if (!K) return;
 		let e = K.getSession();
 		return K.subscribe(() => {
 			let t = e;
-			e = K.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && I.current?.contains?.(document.activeElement) && F.current?.focus();
+			e = K.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && F.current?.contains?.(document.activeElement) && P.current?.focus();
 		});
 	}, [K]);
-	let q = mn(W), { isDirty: Xe, saveState: $e } = rn(W, Bt), et = an(W), tt = (0, X.useRef)($e);
-	tt.current = $e;
-	let rt = (0, X.useCallback)(() => tt.current?.isDirty() ?? !1, []), it = (0, X.useRef)(U);
-	it.current = U;
-	let [at, st] = (0, X.useState)(null), ct = O ?? k?.title, [ut, dt] = (0, X.useState)(null);
+	let q = sn(U), { isDirty: Ze, saveState: et } = _n(U, un), tt = dn(U), nt = (0, X.useRef)(et);
+	nt.current = et;
+	let rt = (0, X.useCallback)(() => nt.current?.isDirty() ?? !1, []), at = (0, X.useRef)(H);
+	at.current = H;
+	let [ot, st] = (0, X.useState)(null), ct = k ?? A?.title, [lt, ut] = (0, X.useState)(null);
 	(0, X.useEffect)(() => {
-		dt(null);
-	}, [W]);
-	let ft = ct ?? ut ?? q ?? "";
+		ut(null);
+	}, [U]);
+	let ft = ct ?? lt ?? q ?? "";
 	(0, X.useEffect)(() => {
-		Se?.(Xe);
-	}, [Xe]);
-	let pt = be(y ?? (() => {}), [y]);
+		we?.(Ze);
+	}, [Ze]);
+	let pt = Se(y ?? (() => {}), [y]);
 	(0, X.useEffect)(() => {
-		pt?.(H);
-	}, [H]);
-	let mt = (0, X.useRef)(H);
-	mt.current = H, fn(W, "onViewChange");
-	let gt = (0, X.useMemo)(() => (0, Z.jsx)(gn, {
+		pt?.(V);
+	}, [V]);
+	let mt = (0, X.useRef)(V);
+	mt.current = V, mn(U, "onViewChange");
+	let gt = (0, X.useMemo)(() => (0, Z.jsx)(hn, {
 		groupKey: "helpOptions",
 		disableHover: !0,
 		sx: { padding: "0" },
@@ -6303,32 +6303,32 @@ var qo = () => {
 		vt(e);
 	}, []);
 	(0, X.useEffect)(() => {
-		w.prefetch();
+		ee.prefetch();
 	}, []);
 	let xt = (0, X.useRef)(null);
 	xt.current ||= qo();
-	let St = (0, X.useRef)(null), wt = (0, X.useCallback)(() => St.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? xt.current.promise, []), Tt = be(async (e) => {
-		let t = ke.current;
-		t && t !== s.getActive() && await s.setActive(t), await ae.DefaultCommandCatalogService.prefetch(t ?? void 0), st(e), St.current = e.source, xt.current.settled || xt.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), u?.(e);
-	}, []), Et = (0, X.useRef)(null), Dt = (0, X.useCallback)((e) => {
+	let Ct = (0, X.useRef)(null), wt = (0, X.useCallback)(() => Ct.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? xt.current.promise, []), Tt = Se(async (e) => {
+		let t = je.current;
+		t && t !== s.getActive() && await s.setActive(t), await ae.DefaultCommandCatalogService.prefetch(t ?? void 0), st(e), Ct.current = e.source, xt.current.settled || xt.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), u?.(e);
+	}, []), Dt = (0, X.useRef)(null), Ot = (0, X.useCallback)((e) => {
 		let t = null, n = {
 			readOnly: !0,
-			...k
+			...A
 		};
-		return k?.hidden || (t = (0, Z.jsx)(Ze, {
+		return A?.hidden || (t = (0, Z.jsx)(Et, {
 			...n,
 			style: {
 				maxWidth: "100%",
-				...k?.style
+				...A?.style
 			},
-			workbook: e.workbook ?? F.current,
-			ref: Et,
+			workbook: e.workbook ?? P.current,
+			ref: Dt,
 			title: ft,
-			modified: Xe,
-			encrypted: et,
-			placeHolder: Ce,
+			modified: Ze,
+			encrypted: tt,
+			placeHolder: Te,
 			onTitleChange: (e) => {
-				dt(e), k?.onTitleChange?.(e);
+				ut(e), A?.onTitleChange?.(e);
 			}
 		})), (0, Z.jsx)(So, {
 			...e,
@@ -6340,24 +6340,24 @@ var qo = () => {
 	}, [
 		b,
 		ft,
-		Xe,
-		et,
-		k,
+		Ze,
+		tt,
+		A,
 		x,
 		S
 	]);
 	(0, X.useEffect)(() => {
-		let e = F.current;
+		let e = P.current;
 		if (!e) return;
 		let t = (e) => e.preventDefault();
 		return e.addEventListener("wheel", t, { passive: !1 }), () => {
 			e.removeEventListener("wheel", t);
 		};
-	}, [at]);
-	let [Ot, J] = (0, X.useState)(null);
+	}, [ot]);
+	let [kt, J] = (0, X.useState)(null);
 	(0, X.useEffect)(() => {
-		J(at?.source?.getCommandScope?.() ?? null);
-	}, [at]);
+		J(ot?.source?.getCommandScope?.() ?? null);
+	}, [ot]);
 	let Y = (0, X.useMemo)(() => ({
 		"& .SnackbarContainer-root": { position: "absolute !important" },
 		"& .notistack-SnackbarContainer > div": { maxWidth: "min(100%, 720px)" },
@@ -6372,49 +6372,49 @@ var qo = () => {
 		},
 		"*": { userSelect: "none" },
 		...r
-	}), [r]), [kt, At] = (0, X.useState)(null), [, jt] = de(null, !1);
+	}), [r]), [At, jt] = (0, X.useState)(null), [, Mt] = fe(null, !1);
 	(0, X.useEffect)(() => {
-		jt(kt != null);
-	}, [kt, jt]);
+		Mt(At != null);
+	}, [At, Mt]);
 	let Nt = (0, X.useCallback)((e) => h({
-		model: W,
+		model: U,
 		side: g,
 		...e,
 		...m
 	}), [
-		W,
+		U,
 		g,
 		m
 	]), Pt = T(t, () => ({
 		isStudioElement: () => !0,
-		getWorkbookElement: () => F.current,
+		getWorkbookElement: () => P.current,
 		getWorkbook: () => mt.current ?? null,
-		isDirty: () => tt.current?.isDirty() ?? !1,
-		getEditable: () => Ye.current,
-		getFormulaBarElement: () => I.current ?? null,
-		focus: () => F.current?.focus(),
-		whenReady: () => (V.current ||= qo(), V.current.promise),
-		getWorkbookState: () => it.current,
-		retry: () => Re((e) => e + 1)
-	}), []), Ft = (0, X.useRef)(!1), Lt = be((e, t) => {
-		t === He.current && requestAnimationFrame(() => requestAnimationFrame(() => {
-			t === He.current && (Ft.current = Pt.current?.contains(document.activeElement) ?? !0, Ve(t), Tt(e));
+		isDirty: () => nt.current?.isDirty() ?? !1,
+		getEditable: () => Xe.current,
+		getFormulaBarElement: () => F.current ?? null,
+		focus: () => P.current?.focus(),
+		whenReady: () => (B.current ||= qo(), B.current.promise),
+		getWorkbookState: () => at.current,
+		retry: () => Be((e) => e + 1)
+	}), []), Ft = (0, X.useRef)(!1), It = Se((e, t) => {
+		t === We.current && requestAnimationFrame(() => requestAnimationFrame(() => {
+			t === We.current && (Ft.current = Pt.current?.contains(document.activeElement) ?? !0, Ue(t), Tt(e));
 		}));
 	}, []);
 	(0, X.useEffect)(() => {
-		Ft.current && (Ft.current = !1, F.current?.focus());
-	}, [W]);
-	let Rt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), Ht = (0, X.useCallback)((e) => {
-		let { ref: t, ...n } = e, i = z ? R.dark : R.light, s = U.status === "error" ? f({
+		Ft.current && (Ft.current = !1, P.current?.focus());
+	}, [U]);
+	let Rt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), Vt = (0, X.useCallback)((e) => {
+		let { ref: t, ...n } = e, i = R ? L.dark : L.light, s = H.status === "error" ? f({
 			...p,
 			style: {
 				width: "100%",
 				height: "100%",
 				...p?.style
 			},
-			error: U.error
+			error: H.error
 		}) : null;
-		if (s && !W) return (0, Z.jsx)(Ie, {
+		if (s && !U) return (0, Z.jsx)(Re, {
 			sx: r,
 			style: {
 				width: "100%",
@@ -6427,12 +6427,12 @@ var qo = () => {
 			children: s
 		});
 		let l = null;
-		if (W) {
-			let e = W, r = e.getView(), a = ce ?? r?.isShowFormulaBar(), o = pe ?? r?.isShowStatusBar(), s = at?.source ?? F.current, c = (P ?? Dt)({
+		if (U) {
+			let e = U, r = e.getView(), a = le ?? r?.isShowFormulaBar(), o = me ?? r?.isShowStatusBar(), s = ot?.source ?? P.current, c = (N ?? Ot)({
 				workbook: s,
-				...me
-			}), u = a ? (ue ?? Qe)({
-				ref: I,
+				...ge
+			}), u = a ? (de ?? it)({
+				ref: F,
 				style: {
 					marginTop: i.spacing(.25),
 					marginLeft: i.spacing(1),
@@ -6441,27 +6441,27 @@ var qo = () => {
 				},
 				workbook: e,
 				editable: K ?? void 0,
-				...le,
+				...ue,
 				propsNamedCollectionEditor: {
 					restoreFocus: (e) => s?.focus(e),
-					...le?.propsNamedCollectionEditor
+					...ue?.propsNamedCollectionEditor
 				}
-			}) : null, d = o ? (N ?? nt)({
+			}) : null, d = o ? (he ?? $e)({
 				childrenEnd: gt,
 				...M
-			}) : null, f = (e, r) => (0, Z.jsx)(ot, {
+			}) : null, f = (e, r) => (0, Z.jsx)(bt, {
 				...j,
 				tabIndex: 0,
-				autoFocus: !r && ne,
+				autoFocus: !r && O,
 				workbook: e,
 				editable: r ? void 0 : K ?? void 0,
-				focusNameBox: r ? void 0 : ve,
-				ref: r ? ge : bn([t, F]),
-				onWorkbookLoad: r ? (t) => Lt(t, e) : Tt,
+				focusNameBox: r ? void 0 : be,
+				ref: r ? ve : xn([t, P]),
+				onWorkbookLoad: r ? (t) => It(t, e) : Tt,
 				onKeyDown: (e) => {
 					_?.(e);
 				},
-				propsWorkbookLoading: oe,
+				propsWorkbookLoading: se,
 				renderWorkbookLoading: Rt,
 				style: r ? {
 					...j?.style,
@@ -6483,7 +6483,7 @@ var qo = () => {
 					flex: "1 1 100%",
 					minWidth: 0,
 					minHeight: 0,
-					...zt({
+					...on({
 						window: i.palette.background.default,
 						windowText: i.palette.text.primary
 					})
@@ -6494,9 +6494,9 @@ var qo = () => {
 					(0, Z.jsx)(zo, {
 						taskSide: g,
 						persistKey: "taskPanePosition",
-						sidebarElement: kt ? (0, Z.jsx)(ae.CommandScopeProvider, {
-							scope: Ot,
-							children: kt
+						sidebarElement: At ? (0, Z.jsx)(ae.CommandScopeProvider, {
+							scope: kt,
+							children: At
 						}) : void 0,
 						mainElement: (0, Z.jsxs)("div", {
 							style: {
@@ -6507,7 +6507,7 @@ var qo = () => {
 								minWidth: 0,
 								minHeight: 0
 							},
-							children: [[f(W, !1), G ? f(G, !0) : null], (0, Z.jsx)(L, {
+							children: [[f(U, !1), W ? f(W, !0) : null], (0, Z.jsx)(I, {
 								ref: yt,
 								sx: {
 									position: "absolute",
@@ -6525,8 +6525,8 @@ var qo = () => {
 				]
 			});
 		}
-		let u = at ? null : A({ ...oe });
-		return (0, Z.jsxs)(Ie, {
+		let u = ot ? null : oe({ ...se });
+		return (0, Z.jsxs)(Re, {
 			sx: Y,
 			style: {
 				width: "100%",
@@ -6543,7 +6543,7 @@ var qo = () => {
 			variant: c,
 			children: [
 				l,
-				s ? (0, Z.jsx)(Ie, {
+				s ? (0, Z.jsx)(Re, {
 					style: {
 						position: "absolute",
 						inset: 0,
@@ -6560,46 +6560,46 @@ var qo = () => {
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "center",
-						background: `var(--sxl-color-base-100, ${z ? "#121212" : "#fff"})`
+						background: `var(--sxl-color-base-100, ${R ? "#121212" : "#fff"})`
 					},
 					children: u
 				}) : null
 			]
 		});
 	}, [
+		H,
 		U,
 		W,
-		G,
-		at,
+		ot,
 		ft,
-		A,
 		oe,
+		se,
 		Rt,
 		j,
-		he,
+		_e,
 		a,
 		o,
 		c,
 		gt,
 		f,
 		p,
-		Dt,
+		Ot,
 		Y,
-		kt,
+		At,
 		g,
-		Ot,
-		ce,
+		kt,
 		le,
 		ue,
+		de,
 		K,
-		pe,
+		me,
 		M,
+		he,
+		ge,
 		N,
-		me,
-		P,
-		R,
-		z
-	]), Ut = (0, Z.jsx)(_o, {
+		L,
+		R
+	]), Ht = (0, Z.jsx)(_o, {
 		maxSnack: 3,
 		domRoot: _t ?? void 0,
 		anchorOrigin: {
@@ -6608,45 +6608,45 @@ var qo = () => {
 		},
 		autoHideDuration: 3500,
 		onClose: (e, t, n) => {
-			F.current?.focus();
+			P.current?.focus();
 		},
 		Components: { error: bo },
 		iconVariant: {
-			success: (0, Z.jsx)(Ee, {
+			success: (0, Z.jsx)(Oe, {
 				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)(C, {
+			error: (0, Z.jsx)(w, {
 				iconKey: "ErrorAlert",
 				style: { marginRight: "8px" }
 			})
 		},
-		children: (0, Z.jsx)(Mt, {
-			workbook: W,
-			children: (0, Z.jsx)(ln, {
+		children: (0, Z.jsx)(zt, {
+			workbook: U,
+			children: (0, Z.jsx)(Qt, {
 				renderArea: Nt,
 				onUpdateArea: (e) => {
-					At(e);
+					jt(e);
 				},
-				children: (0, Z.jsx)(Vt, { children: (0, Z.jsx)(Mo, { children: (0, Z.jsx)(ye, { children: (0, Z.jsx)(re, { children: (0, Z.jsx)(ko, {
-					workbook: W,
+				children: (0, Z.jsx)(Bt, { children: (0, Z.jsx)(Mo, { children: (0, Z.jsx)(xe, { children: (0, Z.jsx)(re, { children: (0, Z.jsx)(ko, {
+					workbook: U,
 					initialCommandAnchor: wt,
-					renderWorkbook: Ht,
-					setWorkbook: Ge,
+					renderWorkbook: Vt,
+					setWorkbook: qe,
 					titleWorkbook: ft,
-					setWorkbookTitle: dt,
-					refDocumentTitle: Et,
+					setWorkbookTitle: ut,
+					refDocumentTitle: Dt,
 					isDirty: rt
 				}) }) }) }) })
 			})
 		})
 	});
-	return Ut = (0, Z.jsxs)(tr, {
-		theme: z ? R.dark : R.light,
-		children: [ee ? (0, Z.jsx)(jr, {}) : null, (0, Z.jsxs)("div", {
+	return Ht = (0, Z.jsxs)(tr, {
+		theme: R ? L.dark : L.light,
+		children: [te ? (0, Z.jsx)(jr, {}) : null, (0, Z.jsxs)("div", {
 			ref: Pt,
-			className: xn("sheetxl-studio", je, n),
-			"data-sxl-theme-mode": z ? "dark" : "light",
+			className: C("sheetxl-studio", Ne, n),
+			"data-sxl-theme-mode": R ? "dark" : "light",
 			style: {
 				display: "flex",
 				flexDirection: "column",
@@ -6658,19 +6658,19 @@ var qo = () => {
 				position: "relative",
 				...l
 			},
-			...he,
+			..._e,
 			children: [
-				(0, Z.jsx)("style", { children: Me }),
-				(0, Z.jsx)("style", { children: Ne }),
-				(0, Z.jsx)(It, {
-					themeScopeClass: je,
+				(0, Z.jsx)("style", { children: Pe }),
+				(0, Z.jsx)("style", { children: Fe }),
+				(0, Z.jsx)(Lt, {
+					themeScopeClass: Ne,
 					themeSurface: "app",
-					themeMode: De,
-					children: Ut
+					themeMode: ke,
+					children: Ht
 				})
 			]
 		})]
-	}), Ut;
+	}), Ht;
 }));
 Yo.displayName = "EagerStudio";
 var Xo = (e) => (0, Z.jsx)(Io, { ...e });