@sheetxl/studio-vanilla 0.7.28-beta.4 → 0.8.0-beta.1

package/browser/esm/{CRsnKeHAnKrWvuG52.mjs → C6CK_4GD9IpxKglV2.mjs}

@@ -1,30 +1,30 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
 *
 * (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 "./B_U_UpQXdbjNRthb.mjs";
-import { i as t, n, r } from "./DGfzktq0BrIwcb8j.mjs";
-import { A as i, R as a, _ as o, d as s, g as c, j as l, s as u, t as d, v as f } from "./BetL7yI63lEdQ0gM.mjs";
-import { r as p, t as m } from "./CXlA71yGA1Hqvp_S.mjs";
-import { $t as h, B as g, C as _, D as v, Dt as y, Et as b, G as x, K as S, N as C, Ot as ee, Rt as w, T, W as te, Xt as E, Y as ne, _ as D, b as O, c as k, ct as re, dt as ie, ft as ae, h as A, i as oe, it as se, m as j, n as ce, nt as le, ot as ue, p as M, rt as de, s as fe, st as pe, t as N, tt as P, v as me, w as he, x as ge, y as _e, yt as ve } from "./CJ-lOo2cXlcYrg2P.mjs";
-import { $ as ye, C as be, Ct as xe, D as F, Et as Se, F as Ce, H as we, I as Te, J as Ee, L as De, N as I, St as Oe, Tt as ke, V as Ae, _t as L, bt as je, ct as R, g as Me, k as Ne, lt as z, nt as Pe, s as Fe, st as Ie, ut as B, v as Le, vt as Re, yt as ze } from "./XBb7Mxqf0beXaSJt.mjs";
-import { D as Be, E as Ve, S as V, h as H, p as U, r as He, t as W } from "./DSWdYe7SDB5cYWo5.mjs";
-import { A as Ue, C as We, D as Ge, E as Ke, F as qe, I as Je, L as Ye, M as Xe, N as Ze, O as Qe, P as $e, S as G, T as et, _ as tt, a as nt, b as rt, c as it, d as at, f as ot, g as st, h as ct, i as lt, j as ut, k as dt, l as ft, m as pt, o as mt, p as ht, r as gt, s as _t, u as vt, v as yt, w as bt, y as xt } from "./DhgwMDb052opCiAA.mjs";
-import { n as St, t as Ct } from "./-9NsA_4pZqcEQBX7.mjs";
-import { t as K } from "./s4trFf5sOSGNEzr3.mjs";
-import { t as q } from "./D8zyGG6yt4CsyA8K.mjs";
-import { t as wt } from "./pFBVGSvmImMMDMuJ.mjs";
-import { $ as Tt, C as Et, Ct as Dt, D as Ot, Dt as kt, E as At, Ft as jt, G as Mt, Gt as Nt, H as Pt, K as Ft, Kt as It, L as Lt, N as Rt, Pt as zt, Q as Bt, R as Vt, Rt as Ht, St as Ut, Ut as Wt, V as Gt, X as Kt, Xt as qt, Yt as Jt, Z as Yt, Zt as Xt, at as Zt, b as Qt, c as $t, ct as en, d as tn, h as nn, jt as rn, k as an, m as on, o as sn, ot as cn, p as ln, pt as un, st as dn, t as fn, tt as pn, u as mn, v as hn, w as gn, xt as _n, y as vn } from "./Duo6t8_BzIiBDrFm.mjs";
-import { t as yn } from "./C3dXBjR3SrDCdJlm.mjs";
-import { n as bn } from "./DhW7Cqyuxk7D6zsW.mjs";
-import { t as xn } from "./hsy1zALC1oNNm5Sf.mjs";
-import { a as Sn, n as Cn } from "./C7xBBqvPqat9oEft.mjs";
-import { Mt as J, Q as wn, Ut as Tn, b as En, dt as Dn, q as Y, st as On, un as kn } from "./DimkHq0_x-d4uNdV.mjs";
-import { i as An } from "./BqMvXD8dX4ksYjnj.mjs";
-import { r as jn } from "./BUKNpzG26V0YaAzW.mjs";
-var Mn = Se(), X = e(t(), 1), Nn = X.createContext(null);
+import { r as e } from "./D9-wpGVbTS9rRpxx.mjs";
+import { i as t, n, r } from "./BjTf3XA9Swj0ngpH.mjs";
+import { A as i, R as a, _ as o, d as s, g as c, j as l, s as u, t as d, v as f } from "./CEN8dYSpN2oew8HH.mjs";
+import { r as p, t as m } from "./9_bymSfTn_rR_v6W.mjs";
+import { $t as h, B as g, C as _, D as v, Dt as y, Et as b, G as x, K as S, N as C, Ot as ee, Rt as w, T, W as te, Xt as E, Y as ne, _ as re, b as D, c as ie, ct as ae, dt as oe, ft as se, h as O, i as ce, it as le, m as k, n as ue, nt as de, ot as fe, p as A, rt as pe, s as me, st as he, t as j, tt as M, v as ge, w as _e, x as ve, y as ye, yt as be } from "./DFdU1DsC1lXOrejZ.mjs";
+import { $ as xe, C as Se, Ct as Ce, D as N, Et as we, F as Te, H as Ee, I as De, J as Oe, L as ke, N as P, St as Ae, Tt as je, V as Me, _t as F, bt as Ne, ct as I, g as Pe, k as Fe, lt as L, nt as Ie, s as Le, st as Re, ut as R, v as ze, vt as Be, yt as Ve } from "./Bl6bX86tSq8hfyb2.mjs";
+import { D as He, E as Ue, S as z, h as B, p as V, r as We, t as H } from "./DzDwSOBdJh_lx_NM.mjs";
+import { A as Ge, C as Ke, D as qe, E as Je, F as Ye, I as Xe, L as Ze, M as U, N as Qe, O as $e, P as et, S as W, T as tt, _ as nt, a as rt, b as it, c as at, d as ot, f as st, g as ct, h as lt, i as ut, j as dt, k as ft, l as pt, m as mt, o as ht, p as gt, r as _t, s as vt, u as yt, v as bt, w as xt, y as St } from "./B4h6iO7hQ9lCR7kj.mjs";
+import { n as Ct, t as wt } from "./fJ1McMt7xzRA_lUX.mjs";
+import { t as G } from "./CZWIS7FuqNjbheSw.mjs";
+import { t as K } from "./CsufM5aF6VTLKDWM.mjs";
+import { t as Tt } from "./7rixDGGrR72lXkMV.mjs";
+import { $ as Et, A as Dt, B as Ot, Ct as kt, D as At, Dt as jt, E as Mt, F as Nt, Ft as Pt, Gt as Ft, I as It, K as Lt, Kt as Rt, N as zt, O as Bt, Pt as Vt, Q as Ht, Rt as Ut, S as Wt, St as Gt, Ut as Kt, V as qt, W as Jt, X as Yt, Xt, Yt as Zt, Zt as Qt, _ as $t, a as en, ct as tn, et as nn, f as rn, jt as an, k as on, l as q, lt as sn, mt as cn, n as ln, nt as un, p as dn, pt as fn, r as pn, t as mn, u as hn, v as gn, w as _n, xt as vn } from "./-vgNEEXiEad4bltZ.mjs";
+import { t as yn } from "./B1NoGosH2YQh01g7.mjs";
+import { n as bn } from "./D_zNx76HGunFi7xJ.mjs";
+import { t as xn } from "./D3G3tI3DVCUF3Gdk.mjs";
+import { o as Sn, t as Cn } from "./D_t53-8k73CNpV-p.mjs";
+import { B as J, G as Y, I as wn, Q as Tn, Y as En, ct as Dn, dt as On, pt as kn } from "./At60x9FEPePwPP_J.mjs";
+import { i as An } from "./Cd8HXAJlflkkTXxc.mjs";
+import { r as jn } from "./nguMxPB9LKexKBRX.mjs";
+var Mn = we(), X = e(t(), 1), Nn = X.createContext(null);
 function Pn() {
 	return X.useContext(Nn);
 }
@@ -70,9 +70,9 @@ function Rn(e, t, n, r = !1) {
 	]);
 }
 function zn(e) {
-	let { children: t, theme: n, themeId: r } = e, i = D(Ln), a = Pn() || Ln, o = Rn(r, i, n), s = Rn(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
-		let t = D(), n = Re() || "", { 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};` : "", Oe(() => {
+	let { children: t, theme: n, themeId: r } = e, i = re(Ln), a = Pn() || Ln, o = Rn(r, i, n), s = Rn(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
+		let t = re(), n = Be() || "", { modularCssLayers: r } = e, i = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
+		return i = r && t === null ? typeof r == "string" ? r.replace(/mui(?!\.)/g, i) : `@layer ${i};` : "", Ae(() => {
 			let e = document.querySelector("head");
 			if (!e) return;
 			let t = e.firstChild;
@@ -81,15 +81,15 @@ function zn(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)(Ve, { styles: i }) : null;
+		}, [i, n]), i ? (0, Z.jsx)(Ue, { styles: i }) : null;
 	}(o);
 	return (0, Z.jsx)(In, {
 		theme: s,
 		children: (0, Z.jsx)(C.Provider, {
 			value: o,
-			children: (0, Z.jsx)(je, {
+			children: (0, Z.jsx)(Ne, {
 				value: c,
-				children: (0, Z.jsxs)(ze, {
+				children: (0, Z.jsxs)(Ve, {
 					value: r ? o[r].components : o.components,
 					children: [l, t]
 				})
@@ -250,12 +250,12 @@ function Jn(e) {
 		setColorScheme: x
 	};
 }
-var Yn = me(), Xn = Mn("div", {
+var Yn = ge(), Xn = Mn("div", {
 	name: "MuiStack",
 	slot: "Root"
 });
 function Zn(e) {
-	return xe({
+	return Ce({
 		props: e,
 		name: "MuiStack",
 		defaultTheme: Yn
@@ -275,7 +275,7 @@ var $n = ({ ownerState: e, theme: t }) => {
 		}), (e) => ({ flexDirection: e }))
 	};
 	if (e.spacing) {
-		let r = O(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 = T({
+		let r = D(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 = T({
 			values: e.direction,
 			base: i
 		}), o = T({
@@ -288,24 +288,24 @@ var $n = ({ ownerState: e, theme: t }) => {
 				a[e] = r;
 			}
 		}), n = v(n, _({ theme: t }, o, (t, n) => {
-			return e.useFlexGap ? { gap: ge(r, t) } : {
+			return e.useFlexGap ? { gap: ve(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]}`]: ge(r, t) }
+				}[i]}`]: ve(r, t) }
 			};
 			var i;
 		}));
 	}
-	return n = he(t.breakpoints, n), n;
+	return n = _e(t.breakpoints, n), n;
 };
 function er(e) {
-	return j("MuiAccordionSummary", e);
+	return k("MuiAccordionSummary", e);
 }
-var tr = M("MuiAccordionSummary", [
+var tr = A("MuiAccordionSummary", [
 	"root",
 	"expanded",
 	"focusVisible",
@@ -315,9 +315,9 @@ var tr = M("MuiAccordionSummary", [
 	"expandIconWrapper"
 ]);
 function nr(e) {
-	return j("MuiToggleButton", e);
+	return k("MuiToggleButton", e);
 }
-var rr = M("MuiToggleButton", [
+var rr = A("MuiToggleButton", [
 	"root",
 	"disabled",
 	"selected",
@@ -350,30 +350,30 @@ var { CssVarsProvider: ar, useColorScheme: or, getInitColorSchemeScript: sr } =
 	}, 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: ee } = e, w = X.useRef(!1), T = Pn(), te = X.useContext(l), E = !!te && !b, ne = X.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), D = ne[t], O = D || ne, { 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: M, colorScheme: de, setColorScheme: fe } = Jn({
-				supportedColorSchemes: A,
-				defaultLightColorScheme: oe,
-				defaultDarkColorScheme: se,
+			let { children: c, theme: f, modeStorageKey: p = r, colorSchemeStorageKey: m = i, disableTransitionOnChange: h = a, storageManager: g, storageWindow: _ = typeof window > "u" ? void 0 : window, documentNode: v = typeof document > "u" ? void 0 : document, colorSchemeNode: y = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: b = !1, disableStyleSheetGeneration: x = !1, defaultMode: S = "system", forceThemeRerender: C = !1, noSsr: ee } = e, w = X.useRef(!1), T = Pn(), te = X.useContext(l), E = !!te && !b, ne = X.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), re = ne[t], D = re || ne, { colorSchemes: ie = u, components: ae = d, cssVarPrefix: oe } = D, se = Object.keys(ie).filter((e) => !!ie[e]).join(","), O = X.useMemo(() => se.split(","), [se]), ce = typeof o == "string" ? o : o.light, le = typeof o == "string" ? o : o.dark, { mode: k, setMode: ue, systemMode: de, lightColorScheme: fe, darkColorScheme: A, colorScheme: pe, setColorScheme: me } = Jn({
+				supportedColorSchemes: O,
+				defaultLightColorScheme: ce,
+				defaultDarkColorScheme: le,
 				modeStorageKey: p,
 				colorSchemeStorageKey: m,
-				defaultMode: k[oe] && k[se] ? S : k[O.defaultColorScheme]?.palette?.mode || O.palette?.mode,
+				defaultMode: ie[ce] && ie[le] ? S : ie[D.defaultColorScheme]?.palette?.mode || D.palette?.mode,
 				storageManager: g,
 				storageWindow: _,
 				noSsr: ee
-			}), pe = j, N = de;
-			E && (pe = te.mode, N = te.colorScheme);
-			let P = N || O.defaultColorScheme;
-			O.vars && !C && (P = O.defaultColorScheme);
-			let me = X.useMemo(() => {
-				let e = O.generateThemeVars?.() || O.vars, t = {
-					...O,
-					components: re,
-					colorSchemes: k,
-					cssVarPrefix: ie,
+			}), he = k, j = pe;
+			E && (he = te.mode, j = te.colorScheme);
+			let M = j || D.defaultColorScheme;
+			D.vars && !C && (M = D.defaultColorScheme);
+			let ge = X.useMemo(() => {
+				let e = D.generateThemeVars?.() || D.vars, t = {
+					...D,
+					components: ae,
+					colorSchemes: ie,
+					cssVarPrefix: oe,
 					vars: e
 				};
-				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), P) {
-					let e = k[P];
+				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), M) {
+					let e = ie[M];
 					e && typeof e == "object" && Object.keys(e).forEach((n) => {
 						e[n] && typeof e[n] == "object" ? t[n] = {
 							...t[n],
@@ -383,31 +383,31 @@ var { CssVarsProvider: ar, useColorScheme: or, getInitColorSchemeScript: sr } =
 				}
 				return s ? s(t) : t;
 			}, [
-				O,
-				P,
-				re,
-				k,
-				ie
-			]), he = O.colorSchemeSelector;
-			Oe(() => {
-				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));
+				D,
+				M,
+				ae,
+				ie,
+				oe
+			]), _e = D.colorSchemeSelector;
+			Ae(() => {
+				if (j && y && _e && _e !== "media") {
+					let e = _e, t = _e;
+					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...O.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", j));
 					else {
-						let e = t.replace("%s", N).match(/\[([^\]]+)\]/);
+						let e = t.replace("%s", j).match(/\[([^\]]+)\]/);
 						if (e) {
 							let [t, n] = e[1].split("=");
-							n || A.forEach((e) => {
-								y.removeAttribute(t.replace(N, e));
+							n || O.forEach((e) => {
+								y.removeAttribute(t.replace(j, e));
 							}), y.setAttribute(t, n ? n.replace(/"|'/g, "") : "");
-						} else y.setAttribute(t, N);
+						} else y.setAttribute(t, j);
 					}
 				}
 			}, [
-				N,
-				he,
+				j,
+				_e,
 				y,
-				A
+				O
 			]), X.useEffect(() => {
 				let e;
 				if (h && w.current && v) {
@@ -420,41 +420,41 @@ var { CssVarsProvider: ar, useColorScheme: or, getInitColorSchemeScript: sr } =
 					clearTimeout(e);
 				};
 			}, [
-				N,
+				j,
 				h,
 				v
 			]), X.useEffect(() => (w.current = !0, () => {
 				w.current = !1;
 			}), []);
-			let ge = X.useMemo(() => ({
-				allColorSchemes: A,
-				colorScheme: N,
-				darkColorScheme: M,
-				lightColorScheme: ue,
-				mode: pe,
-				setColorScheme: fe,
-				setMode: ce,
-				systemMode: le
+			let ve = X.useMemo(() => ({
+				allColorSchemes: O,
+				colorScheme: j,
+				darkColorScheme: A,
+				lightColorScheme: fe,
+				mode: he,
+				setColorScheme: me,
+				setMode: ue,
+				systemMode: de
 			}), [
+				O,
+				j,
 				A,
-				N,
-				M,
-				ue,
-				pe,
 				fe,
-				ce,
-				le,
-				me.colorSchemeSelector
-			]), _e = !0;
-			(x || !1 === O.cssVariables || E && T?.cssVarPrefix === ie) && (_e = !1);
-			let ve = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(zn, {
-				themeId: D ? t : void 0,
-				theme: me,
+				he,
+				me,
+				ue,
+				de,
+				ge.colorSchemeSelector
+			]), ye = !0;
+			(x || !1 === D.cssVariables || E && T?.cssVarPrefix === oe) && (ye = !1);
+			let be = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(zn, {
+				themeId: re ? t : void 0,
+				theme: ge,
 				children: c
-			}), _e && (0, Z.jsx)(Be, { styles: me.generateStyleSheets?.() || [] })] });
-			return E ? ve : (0, Z.jsx)(l.Provider, {
-				value: ge,
-				children: ve
+			}), ye && (0, Z.jsx)(He, { styles: ge.generateStyleSheets?.() || [] })] });
+			return E ? be : (0, Z.jsx)(l.Provider, {
+				value: ve,
+				children: be
 			});
 		},
 		useColorScheme: () => X.useContext(l) || c,
@@ -484,7 +484,7 @@ var { CssVarsProvider: ar, useColorScheme: or, getInitColorSchemeScript: sr } =
 	};
 }({
 	themeId: g,
-	theme: () => oe({ cssVariables: !0 }),
+	theme: () => ce({ cssVariables: !0 }),
 	colorSchemeStorageKey: "mui-color-scheme",
 	modeStorageKey: "mui-mode",
 	defaultColorScheme: {
@@ -494,10 +494,10 @@ var { CssVarsProvider: ar, useColorScheme: or, getInitColorSchemeScript: sr } =
 	resolveTheme: (e) => {
 		let t = {
 			...e,
-			typography: fe(e.palette, e.typography)
+			typography: me(e.palette, e.typography)
 		};
 		return t.unstable_sx = function(e) {
-			return _e({
+			return ye({
 				sx: e,
 				theme: this
 			});
@@ -523,9 +523,9 @@ function lr({ theme: e, ...t }) {
 }
 var ur = X.createContext({});
 function dr(e) {
-	return j("MuiAccordion", e);
+	return k("MuiAccordion", e);
 }
-var fr = M("MuiAccordion", [
+var fr = A("MuiAccordion", [
 	"root",
 	"heading",
 	"rounded",
@@ -533,7 +533,7 @@ var fr = M("MuiAccordion", [
 	"disabled",
 	"gutters",
 	"region"
-]), pr = B(Ae, {
+]), pr = R(Me, {
 	name: "MuiAccordion",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -545,11 +545,11 @@ var fr = M("MuiAccordion", [
 			!n.disableGutters && t.gutters
 		];
 	}
-})(z(({ theme: e }) => {
+})(L(({ theme: e }) => {
 	let t = { duration: e.transitions.duration.shortest };
 	return {
 		position: "relative",
-		...Pe(e, ["margin"], t),
+		...Ie(e, ["margin"], t),
 		overflowAnchor: "none",
 		"&::before": {
 			position: "absolute",
@@ -560,7 +560,7 @@ var fr = M("MuiAccordion", [
 			content: "\"\"",
 			opacity: 1,
 			backgroundColor: (e.vars || e).palette.divider,
-			...Pe(e, ["opacity", "background-color"], t)
+			...Ie(e, ["opacity", "background-color"], t)
 		},
 		"&:first-of-type": { "&::before": { display: "none" } },
 		[`&.${fr.expanded}`]: {
@@ -571,7 +571,7 @@ var fr = M("MuiAccordion", [
 		},
 		[`&.${fr.disabled}`]: { backgroundColor: (e.vars || e).palette.action.disabledBackground }
 	};
-}), z(({ theme: e }) => ({ variants: [{
+}), L(({ theme: e }) => ({ variants: [{
 	props: (e) => !e.square,
 	style: {
 		borderRadius: 0,
@@ -591,17 +591,17 @@ var fr = M("MuiAccordion", [
 }, {
 	props: (e) => !e.disableGutters,
 	style: { [`&.${fr.expanded}`]: { margin: "16px 0" } }
-}] }))), mr = B("h3", {
+}] }))), mr = R("h3", {
 	name: "MuiAccordion",
 	slot: "Heading"
-})({ all: "unset" }), hr = B("div", {
+})({ all: "unset" }), hr = R("div", {
 	name: "MuiAccordion",
 	slot: "Region"
 })({}), gr = X.forwardRef(function(e, t) {
-	let n = R({
+	let n = I({
 		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] = Ee({
+	}), { 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] = Oe({
 		controlled: c,
 		default: a,
 		name: "Accordion",
@@ -629,7 +629,7 @@ var fr = M("MuiAccordion", [
 		expanded: p
 	}, b = ((e) => {
 		let { classes: t, square: n, expanded: r, disabled: i, disableGutters: a } = e;
-		return L({
+		return F({
 			root: [
 				"root",
 				!n && "rounded",
@@ -643,26 +643,26 @@ var fr = M("MuiAccordion", [
 	})(y), x = {
 		slots: u,
 		slotProps: d
-	}, [S, C] = we("root", {
+	}, [S, C] = Ee("root", {
 		elementType: pr,
 		externalForwardedProps: {
 			...x,
 			...f
 		},
-		className: A(b.root, i),
+		className: O(b.root, i),
 		shouldForwardComponentProp: !0,
 		ownerState: y,
 		ref: t
-	}), [ee, w] = we("heading", {
+	}), [ee, w] = Ee("heading", {
 		elementType: mr,
 		externalForwardedProps: x,
 		className: b.heading,
 		ownerState: y
-	}), [T, te] = we("transition", {
-		elementType: wt,
+	}), [T, te] = Ee("transition", {
+		elementType: Tt,
 		externalForwardedProps: x,
 		ownerState: y
-	}), [E, ne] = we("region", {
+	}), [E, ne] = Ee("region", {
 		elementType: hr,
 		externalForwardedProps: x,
 		ownerState: y,
@@ -693,35 +693,35 @@ var fr = M("MuiAccordion", [
 	});
 });
 function _r(e) {
-	return j("MuiAccordionDetails", e);
+	return k("MuiAccordionDetails", e);
 }
-M("MuiAccordionDetails", ["root"]);
-var vr = B("div", {
+A("MuiAccordionDetails", ["root"]);
+var vr = R("div", {
 	name: "MuiAccordionDetails",
 	slot: "Root"
-})(z(({ theme: e }) => ({ padding: e.spacing(1, 2, 2) }))), yr = X.forwardRef(function(e, t) {
-	let n = R({
+})(L(({ theme: e }) => ({ padding: e.spacing(1, 2, 2) }))), yr = X.forwardRef(function(e, t) {
+	let n = I({
 		props: e,
 		name: "MuiAccordionDetails"
 	}), { className: r, ...i } = n, a = n, o = ((e) => {
 		let { classes: t } = e;
-		return L({ root: ["root"] }, _r, t);
+		return F({ root: ["root"] }, _r, t);
 	})(a);
 	return (0, Z.jsx)(vr, {
-		className: A(o.root, r),
+		className: O(o.root, r),
 		ref: t,
 		ownerState: a,
 		...i
 	});
-}), br = B(De, {
+}), br = R(ke, {
 	name: "MuiAccordionSummary",
 	slot: "Root"
-})(z(({ theme: e }) => ({
+})(L(({ theme: e }) => ({
 	display: "flex",
 	width: "100%",
 	minHeight: 48,
 	padding: e.spacing(0, 2),
-	...Pe(e, ["min-height", "background-color"], { duration: e.transitions.duration.shortest }),
+	...Ie(e, ["min-height", "background-color"], { duration: e.transitions.duration.shortest }),
 	[`&.${tr.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus },
 	[`&.${tr.disabled}`]: { opacity: (e.vars || e).palette.action.disabledOpacity },
 	[`&:hover:not(.${tr.disabled})`]: { cursor: "pointer" },
@@ -729,10 +729,10 @@ var vr = B("div", {
 		props: (e) => !e.disableGutters,
 		style: { [`&.${tr.expanded}`]: { minHeight: 64 } }
 	}]
-}))), xr = B("span", {
+}))), xr = R("span", {
 	name: "MuiAccordionSummary",
 	slot: "Content"
-})(z(({ theme: e }) => ({
+})(L(({ theme: e }) => ({
 	display: "flex",
 	textAlign: "start",
 	flexGrow: 1,
@@ -740,21 +740,21 @@ var vr = B("div", {
 	variants: [{
 		props: (e) => !e.disableGutters,
 		style: {
-			...Pe(e, ["margin"], { duration: e.transitions.duration.shortest }),
+			...Ie(e, ["margin"], { duration: e.transitions.duration.shortest }),
 			[`&.${tr.expanded}`]: { margin: "20px 0" }
 		}
 	}]
-}))), Sr = B("span", {
+}))), Sr = R("span", {
 	name: "MuiAccordionSummary",
 	slot: "ExpandIconWrapper"
-})(z(({ theme: e }) => ({
+})(L(({ theme: e }) => ({
 	display: "flex",
 	color: (e.vars || e).palette.action.active,
 	transform: "rotate(0deg)",
-	...Pe(e, "transform", { duration: e.transitions.duration.shortest }),
+	...Ie(e, "transform", { duration: e.transitions.duration.shortest }),
 	[`&.${tr.expanded}`]: { transform: "rotate(180deg)" }
 }))), Cr = X.forwardRef(function(e, t) {
-	let n = R({
+	let n = I({
 		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(ur), h = {
@@ -764,7 +764,7 @@ var vr = B("div", {
 		disableGutters: f
 	}, g = ((e) => {
 		let { classes: t, expanded: n, disabled: r, disableGutters: i } = e;
-		return L({
+		return F({
 			root: [
 				"root",
 				n && "expanded",
@@ -778,10 +778,10 @@ var vr = B("div", {
 	})(h), _ = {
 		slots: c,
 		slotProps: l
-	}, [v, y] = we("root", {
+	}, [v, y] = Ee("root", {
 		ref: t,
 		shouldForwardComponentProp: !0,
-		className: A(g.root, i),
+		className: O(g.root, i),
 		elementType: br,
 		externalForwardedProps: {
 			..._,
@@ -794,7 +794,7 @@ var vr = B("div", {
 			internalNativeButton: !0,
 			disabled: d,
 			"aria-expanded": p,
-			focusVisibleClassName: A(g.focusVisible, o)
+			focusVisibleClassName: O(g.focusVisible, o)
 		},
 		getSlotProps: (e) => ({
 			...e,
@@ -804,12 +804,12 @@ var vr = B("div", {
 				})(t);
 			}
 		})
-	}), [b, x] = we("content", {
+	}), [b, x] = Ee("content", {
 		className: g.content,
 		elementType: xr,
 		externalForwardedProps: _,
 		ownerState: h
-	}), [S, C] = we("expandIconWrapper", {
+	}), [S, C] = Ee("expandIconWrapper", {
 		className: g.expandIconWrapper,
 		elementType: Sr,
 		externalForwardedProps: _,
@@ -827,9 +827,9 @@ var vr = B("div", {
 	});
 });
 function wr(e) {
-	return j("MuiListSubheader", e);
+	return k("MuiListSubheader", e);
 }
-M("MuiListSubheader", [
+A("MuiListSubheader", [
 	"root",
 	"colorPrimary",
 	"colorInherit",
@@ -837,20 +837,20 @@ M("MuiListSubheader", [
 	"inset",
 	"sticky"
 ]);
-var Tr = B("li", {
+var Tr = R("li", {
 	name: "MuiListSubheader",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.color !== "default" && t[`color${Ie(n.color)}`],
+			n.color !== "default" && t[`color${Re(n.color)}`],
 			!n.disableGutters && t.gutters,
 			n.inset && t.inset,
 			!n.disableSticky && t.sticky
 		];
 	}
-})(z(({ theme: e }) => ({
+})(L(({ theme: e }) => ({
 	boxSizing: "border-box",
 	lineHeight: "48px",
 	listStyle: "none",
@@ -889,7 +889,7 @@ var Tr = B("li", {
 		}
 	]
 }))), Er = X.forwardRef(function(e, t) {
-	let n = R({
+	let n = I({
 		props: e,
 		name: "MuiListSubheader"
 	}), { className: r, color: i = "default", component: a = "li", disableGutters: o = !1, disableSticky: s = !1, inset: c = !1, ...l } = n, u = {
@@ -901,9 +901,9 @@ var Tr = B("li", {
 		inset: c
 	}, d = ((e) => {
 		let { classes: t, color: n, disableGutters: r, inset: i, disableSticky: a } = e;
-		return L({ root: [
+		return F({ root: [
 			"root",
-			n !== "default" && `color${Ie(n)}`,
+			n !== "default" && `color${Re(n)}`,
 			!r && "gutters",
 			i && "inset",
 			!a && "sticky"
@@ -911,21 +911,21 @@ var Tr = B("li", {
 	})(u);
 	return (0, Z.jsx)(Tr, {
 		as: a,
-		className: A(d.root, r),
+		className: O(d.root, r),
 		ref: t,
 		ownerState: u,
 		...l
 	});
 });
 function Dr(e) {
-	return j("MuiCard", e);
+	return k("MuiCard", e);
 }
-M("MuiCard", ["root"]);
-var Or = B(Ae, {
+A("MuiCard", ["root"]);
+var Or = R(Me, {
 	name: "MuiCard",
 	slot: "Root"
 })({ overflow: "hidden" }), kr = X.forwardRef(function(e, t) {
-	let n = R({
+	let n = I({
 		props: e,
 		name: "MuiCard"
 	}), { className: r, raised: i = !1, ...a } = n, o = {
@@ -933,10 +933,10 @@ var Or = B(Ae, {
 		raised: i
 	}, s = ((e) => {
 		let { classes: t } = e;
-		return L({ root: ["root"] }, Dr, t);
+		return F({ root: ["root"] }, Dr, t);
 	})(o);
 	return (0, Z.jsx)(Or, {
-		className: A(s.root, r),
+		className: O(s.root, r),
 		elevation: i ? 8 : void 0,
 		ref: t,
 		ownerState: o,
@@ -944,10 +944,10 @@ var Or = B(Ae, {
 	});
 });
 function Ar(e) {
-	return j("MuiCardActions", e);
+	return k("MuiCardActions", e);
 }
-M("MuiCardActions", ["root", "spacing"]);
-var jr = B("div", {
+A("MuiCardActions", ["root", "spacing"]);
+var jr = R("div", {
 	name: "MuiCardActions",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -963,7 +963,7 @@ var jr = B("div", {
 		style: { "& > :not(style) ~ :not(style)": { marginLeft: 8 } }
 	}]
 }), Mr = X.forwardRef(function(e, t) {
-	let n = R({
+	let n = I({
 		props: e,
 		name: "MuiCardActions"
 	}), { disableSpacing: r = !1, className: i, ...a } = n, o = {
@@ -971,15 +971,15 @@ var jr = B("div", {
 		disableSpacing: r
 	}, s = ((e) => {
 		let { classes: t, disableSpacing: n } = e;
-		return L({ root: ["root", !n && "spacing"] }, Ar, t);
+		return F({ root: ["root", !n && "spacing"] }, Ar, t);
 	})(o);
 	return (0, Z.jsx)(jr, {
-		className: A(s.root, i),
+		className: O(s.root, i),
 		ownerState: o,
 		ref: t,
 		...a
 	});
-}), Nr = typeof V({}) == "function", Pr = (e, t) => ({
+}), Nr = typeof z({}) == "function", Pr = (e, t) => ({
 	WebkitFontSmoothing: "antialiased",
 	MozOsxFontSmoothing: "grayscale",
 	boxSizing: "border-box",
@@ -1008,7 +1008,7 @@ var jr = B("div", {
 		...n
 	}, i = e.components?.MuiCssBaseline?.styleOverrides;
 	return i && (r = [r, i]), r;
-}, Lr = "mui-ecs", Rr = V(Nr ? ({ theme: e, enableColorScheme: t }) => Ir(e, t) : ({ theme: e }) => ((e) => {
+}, Lr = "mui-ecs", Rr = z(Nr ? ({ theme: e, enableColorScheme: t }) => Ir(e, t) : ({ theme: e }) => ((e) => {
 	let t = Ir(e, !1), n = Array.isArray(t) ? t[0] : t;
 	return !e.vars && n && (n.html[`:root:has(${Lr})`] = { colorScheme: e.palette.mode }), e.colorSchemes && Object.entries(e.colorSchemes).forEach(([t, r]) => {
 		let i = e.getColorSchemeSelector(t);
@@ -1016,7 +1016,7 @@ var jr = B("div", {
 	}), t;
 })(e));
 function zr(e) {
-	let { children: t, enableColorScheme: n = !1 } = R({
+	let { children: t, enableColorScheme: n = !1 } = I({
 		props: e,
 		name: "MuiCssBaseline"
 	});
@@ -1036,22 +1036,22 @@ var Br = function(e = {}) {
 			direction: o,
 			spacing: s,
 			useFlexGap: d
-		}, m = L({ root: ["root"] }, (e) => j(r, e), {});
+		}, m = F({ root: ["root"] }, (e) => k(r, e), {});
 		return (0, Z.jsx)(i, {
 			as: a,
 			ownerState: p,
 			ref: t,
-			className: A(m.root, u),
+			className: O(m.root, u),
 			...f,
 			children: c ? Qn(l, c) : l
 		});
 	});
 }({
-	createStyledComponent: B("div", {
+	createStyledComponent: R("div", {
 		name: "MuiStack",
 		slot: "Root"
 	}),
-	useThemeProps: (e) => R({
+	useThemeProps: (e) => I({
 		props: e,
 		name: "MuiStack"
 	})
@@ -1059,14 +1059,14 @@ var Br = function(e = {}) {
 function Ur(e, t) {
 	return t !== void 0 && e !== void 0 && (Array.isArray(t) ? t.includes(e) : e === t);
 }
-var Wr = B(De, {
+var Wr = R(ke, {
 	name: "MuiToggleButton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
-		return [t.root, t[`size${Ie(n.size)}`]];
+		return [t.root, t[`size${Re(n.size)}`]];
 	}
-})(z(({ theme: e }) => ({
+})(L(({ theme: e }) => ({
 	...e.typography.button,
 	borderRadius: (e.vars || e).shape.borderRadius,
 	padding: 11,
@@ -1093,7 +1093,7 @@ var Wr = B(De, {
 				}
 			} }
 		},
-		...Object.entries(e.palette).filter(Te()).map(([t]) => ({
+		...Object.entries(e.palette).filter(De()).map(([t]) => ({
 			props: { color: t },
 			style: { [`&.${rr.selected}`]: {
 				color: (e.vars || e).palette[t].main,
@@ -1124,8 +1124,8 @@ var Wr = B(De, {
 		}
 	]
 }))), Gr = X.forwardRef(function(e, t) {
-	let { value: n, ...r } = X.useContext(Vr), i = X.useContext(Hr), a = R({
-		props: ke({
+	let { value: n, ...r } = X.useContext(Vr), i = X.useContext(Hr), a = I({
+		props: je({
 			...r,
 			selected: Ur(e.value, n)
 		}, e),
@@ -1139,17 +1139,17 @@ var Wr = B(De, {
 		size: h
 	}, y = ((e) => {
 		let { classes: t, fullWidth: n, selected: r, disabled: i, size: a, color: o } = e;
-		return L({ root: [
+		return F({ root: [
 			"root",
 			r && "selected",
 			i && "disabled",
 			n && "fullWidth",
-			`size${Ie(a)}`,
+			`size${Re(a)}`,
 			o
 		] }, nr, t);
 	})(v), b = i || "";
 	return (0, Z.jsx)(Wr, {
-		className: A(r.className, y.root, s, b),
+		className: O(r.className, y.root, s, b),
 		internalNativeButton: !0,
 		disabled: l,
 		focusRipple: !u,
@@ -1166,9 +1166,9 @@ var Wr = B(De, {
 	});
 });
 function Kr(e) {
-	return j("MuiToggleButtonGroup", e);
+	return k("MuiToggleButtonGroup", e);
 }
-var Q = M("MuiToggleButtonGroup", [
+var Q = A("MuiToggleButtonGroup", [
 	"root",
 	"selected",
 	"horizontal",
@@ -1179,7 +1179,7 @@ var Q = M("MuiToggleButtonGroup", [
 	"firstButton",
 	"lastButton",
 	"middleButton"
-]), qr = B("div", {
+]), qr = R("div", {
 	name: "MuiToggleButtonGroup",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -1194,7 +1194,7 @@ var Q = M("MuiToggleButtonGroup", [
 			n.fullWidth && t.fullWidth
 		];
 	}
-})(z(({ theme: e }) => ({
+})(L(({ theme: e }) => ({
 	display: "inline-flex",
 	borderRadius: (e.vars || e).shape.borderRadius,
 	variants: [
@@ -1245,7 +1245,7 @@ var Q = M("MuiToggleButtonGroup", [
 		}
 	]
 }))), Jr = X.forwardRef(function(e, t) {
-	let n = R({
+	let n = I({
 		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 = {
@@ -1256,7 +1256,7 @@ var Q = M("MuiToggleButtonGroup", [
 		size: d
 	}, h = ((e) => {
 		let { classes: t, orientation: n, fullWidth: r, disabled: i } = e;
-		return L({
+		return F({
 			root: [
 				"root",
 				n,
@@ -1299,7 +1299,7 @@ var Q = M("MuiToggleButtonGroup", [
 	};
 	return (0, Z.jsx)(qr, {
 		role: "group",
-		className: A(h.root, i),
+		className: O(h.root, i),
 		ref: t,
 		ownerState: m,
 		...p,
@@ -1313,7 +1313,7 @@ var Q = M("MuiToggleButtonGroup", [
 	});
 }), Yr = e(n(), 1), Xr = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { workbook: n, descriptor: r, args: i, dragReorder: a, ...o } = e;
-	return (0, Z.jsx)(rt, {
+	return (0, Z.jsx)(it, {
 		ref: t,
 		workbook: n,
 		descriptor: (0, X.useMemo)(() => ((e) => {
@@ -1388,7 +1388,7 @@ var Q = M("MuiToggleButtonGroup", [
 Xr.displayName = "AnchorItemsPanel";
 var Zr = (0, X.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e;
-	return (0, Z.jsx)(K, {
+	return (0, Z.jsx)(G, {
 		size: "small",
 		type: "text",
 		placeholder: E()("condition.enterText"),
@@ -1402,7 +1402,7 @@ var Zr = (0, X.memo)((e) => {
 Zr.displayName = "StringOption";
 var Qr = (0, X.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e;
-	return (0, Z.jsx)(K, {
+	return (0, Z.jsx)(G, {
 		size: "small",
 		type: "number",
 		placeholder: E()("condition.enterNumber"),
@@ -1451,7 +1451,7 @@ var ti = (0, X.memo)((e) => {
 			items: r
 		}), o("");
 	};
-	return (0, Z.jsxs)(N, {
+	return (0, Z.jsxs)(j, {
 		...r,
 		style: {
 			display: "flex",
@@ -1461,17 +1461,17 @@ var ti = (0, X.memo)((e) => {
 			...r?.style
 		},
 		children: [
-			(0, Z.jsxs)(N, {
+			(0, Z.jsxs)(j, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(I, {
+				children: [(0, Z.jsx)(P, {
 					variant: "body2",
 					sx: { flexGrow: 1 },
 					children: i(s ? "condition.formulaMode" : "condition.listMode")
-				}), (0, Z.jsx)(F, {
+				}), (0, Z.jsx)(N, {
 					size: "small",
 					variant: "outlined",
 					onClick: () => {
@@ -1486,7 +1486,7 @@ var ti = (0, X.memo)((e) => {
 					children: i(s ? "condition.switchToList" : "condition.switchToFormula")
 				})]
 			}),
-			s && (0, Z.jsx)(K, {
+			s && (0, Z.jsx)(G, {
 				fullWidth: !0,
 				size: "small",
 				label: i("condition.formula"),
@@ -1503,12 +1503,12 @@ var ti = (0, X.memo)((e) => {
 				helperText: i("condition.formulaHelper")
 			}),
 			!s && (0, Z.jsxs)(Z.Fragment, { children: [
-				(0, Z.jsxs)(N, {
+				(0, Z.jsxs)(j, {
 					sx: {
 						display: "flex",
 						gap: 1
 					},
-					children: [(0, Z.jsx)(K, {
+					children: [(0, Z.jsx)(G, {
 						fullWidth: !0,
 						size: "small",
 						label: i("condition.addValue"),
@@ -1518,7 +1518,7 @@ var ti = (0, X.memo)((e) => {
 							e.key === "Enter" && l();
 						},
 						slotProps: { input: { sx: { backgroundColor: "background.paper" } } }
-					}), (0, Z.jsx)(Ce, {
+					}), (0, Z.jsx)(Te, {
 						color: "primary",
 						onClick: l,
 						disabled: !a.trim(),
@@ -1526,7 +1526,7 @@ var ti = (0, X.memo)((e) => {
 						children: (0, Z.jsx)(p, { iconKey: "Add" })
 					})]
 				}),
-				c.length > 0 && (0, Z.jsxs)(N, {
+				c.length > 0 && (0, Z.jsxs)(j, {
 					sx: {
 						p: 2,
 						backgroundColor: "background.paper",
@@ -1534,7 +1534,7 @@ var ti = (0, X.memo)((e) => {
 						borderColor: "divider",
 						borderRadius: 1
 					},
-					children: [(0, Z.jsx)(I, {
+					children: [(0, Z.jsx)(P, {
 						variant: "caption",
 						sx: {
 							mb: 1,
@@ -1547,7 +1547,7 @@ var ti = (0, X.memo)((e) => {
 						spacing: 1,
 						useFlexGap: !0,
 						sx: { flexWrap: "wrap" },
-						children: c.map((e, r) => (0, Z.jsx)(Ne, {
+						children: c.map((e, r) => (0, Z.jsx)(Fe, {
 							label: String(e),
 							onDelete: () => ((e) => {
 								let r = c.filter((t, n) => n !== e);
@@ -1561,7 +1561,7 @@ var ti = (0, X.memo)((e) => {
 						}, r))
 					})]
 				}),
-				c.length === 0 && (0, Z.jsx)(N, {
+				c.length === 0 && (0, Z.jsx)(j, {
 					sx: {
 						p: 3,
 						textAlign: "center",
@@ -1571,7 +1571,7 @@ var ti = (0, X.memo)((e) => {
 						borderColor: "divider",
 						borderStyle: "dashed"
 					},
-					children: (0, Z.jsx)(I, {
+					children: (0, Z.jsx)(P, {
 						variant: "body2",
 						sx: { color: "text.secondary" },
 						children: i("condition.noValues")
@@ -1583,12 +1583,12 @@ var ti = (0, X.memo)((e) => {
 });
 ti.displayName = "InSetOption";
 var ni = {}, ri = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = E(), s = t?.type ?? Y.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
+	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = E(), s = t?.type ?? J.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)(N, {
+	}), (0, Z.jsxs)(j, {
 		className: xn(r, ni.option),
 		...a,
 		sx: {
@@ -1597,10 +1597,10 @@ var ni = {}, ri = (0, X.memo)((e) => {
 			gap: .25,
 			...a?.sx
 		},
-		children: [(0, Z.jsx)(H, {
+		children: [(0, Z.jsx)(B, {
 			sx: { flex: .5 },
 			size: "small",
-			children: (0, Z.jsxs)(W, {
+			children: (0, Z.jsxs)(H, {
 				value: s,
 				sx: l,
 				IconComponent: (e) => (0, Z.jsx)(p, {
@@ -1612,15 +1612,15 @@ var ni = {}, ri = (0, X.memo)((e) => {
 					...t,
 					type: e.target.value
 				}),
-				children: [(0, Z.jsx)(q, {
-					value: Y.AverageType.Above,
+				children: [(0, Z.jsx)(K, {
+					value: J.AverageType.Above,
 					children: o("condition.above")
-				}), (0, Z.jsx)(q, {
-					value: Y.AverageType.Below,
+				}), (0, Z.jsx)(K, {
+					value: J.AverageType.Below,
 					children: o("condition.below")
 				})]
 			})
-		}), (0, Z.jsx)(K, {
+		}), (0, Z.jsx)(G, {
 			size: "small",
 			placeholder: o("condition.stdDevs"),
 			value: c,
@@ -1636,8 +1636,8 @@ var ni = {}, ri = (0, X.memo)((e) => {
 	});
 });
 ri.displayName = "AverageOption";
-var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOperatorNames.Icon, Y.BuiltInOperatorNames.Color]), si = (e, t, n, r = oi) => {
-	let i = t ?? Object.values(kn.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
+var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([J.BuiltInOperatorNames.Icon, J.BuiltInOperatorNames.Color]), si = (e, t, n, r = oi) => {
+	let i = t ?? Object.values(wn.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
 	return i.filter((t) => {
 		if (r.includes(t.getName())) return !1;
 		let n = t.acceptsList?.();
@@ -1652,7 +1652,7 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOpe
 		disableSticky: !0,
 		sx: ui,
 		children: n("condition.groupBasic")
-	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Z.jsx)(Xt, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(Er, {
+	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Z.jsx)(Qt, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(Er, {
 		disableSticky: !0,
 		sx: ui,
 		children: n("condition.groupCombine")
@@ -1680,15 +1680,15 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOpe
 				header: e("condition.period.day"),
 				options: [
 					{
-						value: Y.TimePeriodType.Today,
+						value: J.TimePeriodType.Today,
 						label: e("condition.period.today")
 					},
 					{
-						value: Y.TimePeriodType.Yesterday,
+						value: J.TimePeriodType.Yesterday,
 						label: e("condition.period.yesterday")
 					},
 					{
-						value: Y.TimePeriodType.Tomorrow,
+						value: J.TimePeriodType.Tomorrow,
 						label: e("condition.period.tomorrow")
 					}
 				]
@@ -1697,15 +1697,15 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOpe
 				header: e("condition.period.week"),
 				options: [
 					{
-						value: Y.TimePeriodType.ThisWeek,
+						value: J.TimePeriodType.ThisWeek,
 						label: e("condition.period.thisWeek")
 					},
 					{
-						value: Y.TimePeriodType.LastWeek,
+						value: J.TimePeriodType.LastWeek,
 						label: e("condition.period.lastWeek")
 					},
 					{
-						value: Y.TimePeriodType.NextWeek,
+						value: J.TimePeriodType.NextWeek,
 						label: e("condition.period.nextWeek")
 					}
 				]
@@ -1714,15 +1714,15 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOpe
 				header: e("condition.period.month"),
 				options: [
 					{
-						value: Y.TimePeriodType.ThisMonth,
+						value: J.TimePeriodType.ThisMonth,
 						label: e("condition.period.thisMonth")
 					},
 					{
-						value: Y.TimePeriodType.LastMonth,
+						value: J.TimePeriodType.LastMonth,
 						label: e("condition.period.lastMonth")
 					},
 					{
-						value: Y.TimePeriodType.NextMonth,
+						value: J.TimePeriodType.NextMonth,
 						label: e("condition.period.nextMonth")
 					}
 				]
@@ -1730,10 +1730,10 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOpe
 			{
 				header: e("condition.period.year"),
 				options: [{
-					value: Y.TimePeriodType.YearToDate,
+					value: J.TimePeriodType.YearToDate,
 					label: e("condition.period.yearToDate")
 				}, {
-					value: Y.TimePeriodType.LastYear,
+					value: J.TimePeriodType.LastYear,
 					label: e("condition.period.lastYear")
 				}]
 			},
@@ -1741,51 +1741,51 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOpe
 				header: e("condition.period.byMonth"),
 				options: [
 					{
-						value: Y.TimePeriodType.M1,
+						value: J.TimePeriodType.M1,
 						label: n(0)
 					},
 					{
-						value: Y.TimePeriodType.M2,
+						value: J.TimePeriodType.M2,
 						label: n(1)
 					},
 					{
-						value: Y.TimePeriodType.M3,
+						value: J.TimePeriodType.M3,
 						label: n(2)
 					},
 					{
-						value: Y.TimePeriodType.M4,
+						value: J.TimePeriodType.M4,
 						label: n(3)
 					},
 					{
-						value: Y.TimePeriodType.M5,
+						value: J.TimePeriodType.M5,
 						label: n(4)
 					},
 					{
-						value: Y.TimePeriodType.M6,
+						value: J.TimePeriodType.M6,
 						label: n(5)
 					},
 					{
-						value: Y.TimePeriodType.M7,
+						value: J.TimePeriodType.M7,
 						label: n(6)
 					},
 					{
-						value: Y.TimePeriodType.M8,
+						value: J.TimePeriodType.M8,
 						label: n(7)
 					},
 					{
-						value: Y.TimePeriodType.M9,
+						value: J.TimePeriodType.M9,
 						label: n(8)
 					},
 					{
-						value: Y.TimePeriodType.M10,
+						value: J.TimePeriodType.M10,
 						label: n(9)
 					},
 					{
-						value: Y.TimePeriodType.M11,
+						value: J.TimePeriodType.M11,
 						label: n(10)
 					},
 					{
-						value: Y.TimePeriodType.M12,
+						value: J.TimePeriodType.M12,
 						label: n(11)
 					}
 				]
@@ -1794,38 +1794,38 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOpe
 				header: e("condition.period.byQuarter"),
 				options: [
 					{
-						value: Y.TimePeriodType.ThisQuarter,
+						value: J.TimePeriodType.ThisQuarter,
 						label: e("condition.period.thisQuarter")
 					},
 					{
-						value: Y.TimePeriodType.LastQuarter,
+						value: J.TimePeriodType.LastQuarter,
 						label: e("condition.period.lastQuarter")
 					},
 					{
-						value: Y.TimePeriodType.NextQuarter,
+						value: J.TimePeriodType.NextQuarter,
 						label: e("condition.period.nextQuarter")
 					},
 					{
-						value: Y.TimePeriodType.Q1,
+						value: J.TimePeriodType.Q1,
 						label: e("condition.period.q1")
 					},
 					{
-						value: Y.TimePeriodType.Q2,
+						value: J.TimePeriodType.Q2,
 						label: e("condition.period.q2")
 					},
 					{
-						value: Y.TimePeriodType.Q3,
+						value: J.TimePeriodType.Q3,
 						label: e("condition.period.q3")
 					},
 					{
-						value: Y.TimePeriodType.Q4,
+						value: J.TimePeriodType.Q4,
 						label: e("condition.period.q4")
 					}
 				]
 			}
 		];
-	}(E(), w()), o = t?.type ?? Y.TimePeriodType.Today;
-	return (0, Z.jsx)(N, {
+	}(E(), w()), o = t?.type ?? J.TimePeriodType.Today;
+	return (0, Z.jsx)(j, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1833,9 +1833,9 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOpe
 			gap: 2,
 			...i?.sx
 		},
-		children: (0, Z.jsx)(H, {
+		children: (0, Z.jsx)(B, {
 			size: "small",
-			children: (0, Z.jsx)(W, {
+			children: (0, Z.jsx)(H, {
 				value: o,
 				sx: { backgroundColor: "background.paper" },
 				IconComponent: (e) => (0, Z.jsx)(p, {
@@ -1849,10 +1849,10 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOpe
 				disabled: r,
 				children: a.map((e, t) => {
 					let n = [];
-					return t > 0 && n.push((0, Z.jsx)(Xt, {}, `divider-${t}`)), n.push((0, Z.jsx)(Er, {
+					return t > 0 && n.push((0, Z.jsx)(Qt, {}, `divider-${t}`)), n.push((0, Z.jsx)(Er, {
 						sx: ui,
 						children: e.header
-					}, `header-${t}`)), e.options.map((e) => n.push((0, Z.jsx)(q, {
+					}, `header-${t}`)), e.options.map((e) => n.push((0, Z.jsx)(K, {
 						sx: di,
 						value: e.value,
 						children: e.label
@@ -1865,7 +1865,7 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([Y.BuiltInOpe
 fi.displayName = "TimePeriodOption";
 var pi = (0, X.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = E(), o = t?.top ?? !0, s = t?.limit ?? 10, c = t?.percent ?? !1;
-	return (0, Z.jsxs)(N, {
+	return (0, Z.jsxs)(j, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1874,10 +1874,10 @@ var pi = (0, X.memo)((e) => {
 			...i?.sx
 		},
 		children: [
-			(0, Z.jsx)(H, {
+			(0, Z.jsx)(B, {
 				size: "small",
 				sx: { flex: 1 },
-				children: (0, Z.jsxs)(W, {
+				children: (0, Z.jsxs)(H, {
 					value: o ? "top" : "bottom",
 					sx: { backgroundColor: "background.paper" },
 					IconComponent: (e) => (0, Z.jsx)(p, {
@@ -1889,16 +1889,16 @@ var pi = (0, X.memo)((e) => {
 						top: e.target.value === "top"
 					}),
 					disabled: r,
-					children: [(0, Z.jsx)(q, {
+					children: [(0, Z.jsx)(K, {
 						value: "top",
 						children: a("condition.top")
-					}), (0, Z.jsx)(q, {
+					}), (0, Z.jsx)(K, {
 						value: "bottom",
 						children: a("condition.bottom")
 					})]
 				})
 			}),
-			(0, Z.jsx)(K, {
+			(0, Z.jsx)(G, {
 				size: "small",
 				placeholder: "10",
 				value: s,
@@ -1914,10 +1914,10 @@ var pi = (0, X.memo)((e) => {
 				slotProps: { input: { sx: { backgroundColor: "background.paper" } } },
 				sx: { flex: .6 }
 			}),
-			(0, Z.jsx)(H, {
+			(0, Z.jsx)(B, {
 				size: "small",
 				sx: { flex: 1 },
-				children: (0, Z.jsxs)(W, {
+				children: (0, Z.jsxs)(H, {
 					value: c ? "percent" : "items",
 					sx: { backgroundColor: "background.paper" },
 					IconComponent: (e) => (0, Z.jsx)(p, {
@@ -1929,10 +1929,10 @@ var pi = (0, X.memo)((e) => {
 						percent: e.target.value === "percent"
 					}),
 					disabled: r,
-					children: [(0, Z.jsx)(q, {
+					children: [(0, Z.jsx)(K, {
 						value: "items",
 						children: a("condition.items")
-					}), (0, Z.jsx)(q, {
+					}), (0, Z.jsx)(K, {
 						value: "percent",
 						children: a("condition.percent")
 					})]
@@ -1944,7 +1944,7 @@ var pi = (0, X.memo)((e) => {
 pi.displayName = "TopNOption";
 var mi = (0, X.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = E();
-	return (0, Z.jsxs)(N, {
+	return (0, Z.jsxs)(j, {
 		...i,
 		sx: {
 			display: "flex",
@@ -2004,7 +2004,7 @@ hi.displayName = "ExpressionOption";
 var gi = (0, X.memo)((e) => {
 	let { value: t = null, selectors: n, onChange: r, title: i, allowNull: a = !1, readOnly: o = !1, ...s } = e, c = E(), l = i ?? c("condition.selectorTitle"), u = n.map((e) => {
 		let t = e.getName();
-		return (0, Z.jsx)(q, {
+		return (0, Z.jsx)(K, {
 			value: t,
 			children: e.getTitle?.() ?? e.getName()
 		}, t);
@@ -2013,10 +2013,10 @@ var gi = (0, X.memo)((e) => {
 		...d,
 		"& .MuiSelect-icon": { display: "none" },
 		"& .MuiOutlinedInput-notchedOutline": { borderColor: "action.disabled" }
-	}), (0, Z.jsxs)(H, {
+	}), (0, Z.jsxs)(B, {
 		size: "small",
 		...s,
-		children: [(0, Z.jsx)(U, { children: l }), (0, Z.jsxs)(W, {
+		children: [(0, Z.jsx)(V, { children: l }), (0, Z.jsxs)(H, {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: o,
@@ -2029,7 +2029,7 @@ var gi = (0, X.memo)((e) => {
 				r(i);
 			},
 			sx: d,
-			children: [a && (0, Z.jsx)(q, {
+			children: [a && (0, Z.jsx)(K, {
 				value: "null",
 				children: c("condition.anySelector")
 			}), u]
@@ -2042,15 +2042,15 @@ var _i = (0, X.memo)((e) => {
 	n.forEach((e) => {
 		u.set(e.getName(), e);
 	});
-	let d = ci(n, (e) => (0, Z.jsx)(q, {
+	let d = ci(n, (e) => (0, Z.jsx)(K, {
 		value: e.getName(),
 		sx: di,
 		children: e.getTitle?.()
 	}, e.getName()), s, c);
-	return (0, Z.jsxs)(H, {
+	return (0, Z.jsxs)(B, {
 		size: "small",
 		...o,
-		children: [(0, Z.jsx)(U, { children: l }), (0, Z.jsx)(W, {
+		children: [(0, Z.jsx)(V, { children: l }), (0, Z.jsx)(H, {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: a,
@@ -2075,10 +2075,10 @@ var vi = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { icon: n, tooltip: r, label: i, darkMode: a, propsPanel: o, value: s, operators: c, onChange: l, title: u, readOnly: d = !1, ...f } = e, m = E(), h = w();
 	u ?? m("condition.operatorTitle");
 	let g = n || (0, Z.jsx)(p, { iconKey: "Add" }), _ = (0, X.useRef)(l);
-	return _.current = l, (0, Z.jsx)(Ht, {
+	return _.current = l, (0, Z.jsx)(Ut, {
 		ref: t,
 		createPopupPanel: (0, X.useCallback)((e) => {
-			let { closeFloatAll: t } = e, n = ci(c, (e) => (0, Z.jsx)(q, {
+			let { closeFloatAll: t } = e, n = ci(c, (e) => (0, Z.jsx)(K, {
 				sx: di,
 				value: e.getName(),
 				onClick: () => {
@@ -2097,7 +2097,7 @@ var vi = (0, X.memo)((0, X.forwardRef)((e, t) => {
 				onKeyDown: (e) => {
 					e.which === b.Enter && t?.();
 				},
-				children: (0, Z.jsx)(He, {
+				children: (0, Z.jsx)(We, {
 					disablePadding: !0,
 					children: n
 				})
@@ -2115,7 +2115,7 @@ var vi = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	});
 })), yi = (0, X.memo)((e) => {
 	let { operator: t, inputs: n, onOptionChange: r, operators: i, selector: a, readOnly: o, ...s } = e, c = E(), 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)(N, {
+	return (0, Z.jsx)(j, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2187,7 +2187,7 @@ function Si(e) {
 }
 bi.displayName = "BooleanOption";
 var Ci = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = E(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Zt(), d = (0, X.useCallback)((e) => {
+	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = E(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Nt(), d = (0, X.useCallback)((e) => {
 		if (!u || e === null) return null;
 		let t = u.createCell({ value: e }), n = t.getValue();
 		return t.getType() === Cn.Number ? n : null;
@@ -2206,7 +2206,7 @@ var Ci = (0, X.memo)((e) => {
 	let g = function(e) {
 		return !e || isNaN(e.getTime()) ? "" : `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
 	}(p);
-	return (0, Z.jsxs)(N, {
+	return (0, Z.jsxs)(j, {
 		...o,
 		sx: {
 			display: "flex",
@@ -2238,7 +2238,7 @@ var Ci = (0, X.memo)((e) => {
 	});
 });
 Ci.displayName = "DateTimeOption";
-var wi = Y.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
+var wi = J.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 	wi.EqualTo,
 	wi.GreaterThan,
 	wi.GreaterThanEqualTo,
@@ -2253,7 +2253,7 @@ var wi = Y.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 		m,
 		g,
 		a
-	]), b = !g && y !== "list" && v > 360, x = P((e) => {
+	]), b = !g && y !== "list" && v > 360, x = M((e) => {
 		n({
 			operator: f,
 			param: e
@@ -2268,7 +2268,7 @@ var wi = Y.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 			option: h,
 			onOptionChange: x
 		}, t = !!f && Ti.has(f);
-		return y === Y.BuiltInSelectorNames.Number || y === Y.BuiltInSelectorNames.TextLength ? (0, Z.jsx)(t ? ei : Qr, { ...e }) : y === Y.BuiltInSelectorNames.Whole ? t ? (0, Z.jsx)(ei, { ...e }) : (0, Z.jsx)(Qr, {
+		return y === J.BuiltInSelectorNames.Number || y === J.BuiltInSelectorNames.TextLength ? (0, Z.jsx)(t ? ei : Qr, { ...e }) : y === J.BuiltInSelectorNames.Whole ? t ? (0, Z.jsx)(ei, { ...e }) : (0, Z.jsx)(Qr, {
 			...e,
 			placeholder: u("condition.enterWholeNumber"),
 			slotProps: { htmlInput: {
@@ -2285,18 +2285,18 @@ var wi = Y.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 					/^-?\d+$/.test(e.clipboardData.getData("text")) || e.preventDefault();
 				}
 			} }
-		}) : y === Y.BuiltInSelectorNames.Text ? (0, Z.jsx)(t ? ei : Zr, { ...e }) : y === Y.BuiltInSelectorNames.DateTime ? (0, Z.jsx)(Ci, {
+		}) : y === J.BuiltInSelectorNames.Text ? (0, Z.jsx)(t ? ei : Zr, { ...e }) : y === J.BuiltInSelectorNames.DateTime ? (0, Z.jsx)(Ci, {
 			...e,
 			allowFormula: t
-		}) : y === Y.BuiltInSelectorNames.Date ? (0, Z.jsx)(Ci, {
+		}) : y === J.BuiltInSelectorNames.Date ? (0, Z.jsx)(Ci, {
 			...e,
 			type: "date",
 			allowFormula: t
-		}) : y === Y.BuiltInSelectorNames.Time ? (0, Z.jsx)(Ci, {
+		}) : y === J.BuiltInSelectorNames.Time ? (0, Z.jsx)(Ci, {
 			...e,
 			type: "time",
 			allowFormula: t
-		}) : y === Y.BuiltInSelectorNames.List ? (0, Z.jsx)(ti, { ...e }) : y === Y.BuiltInSelectorNames.Logical ? (0, Z.jsx)(bi, { ...e }) : y === Y.BuiltInOperatorNames.Average ? (0, Z.jsx)(ri, { ...e }) : y === Y.BuiltInOperatorNames.TimePeriod ? (0, Z.jsx)(fi, { ...e }) : y === Y.BuiltInOperatorNames.TopN ? (0, Z.jsx)(pi, { ...e }) : y === Y.BuiltInOperatorNames.Between ? (0, Z.jsx)(mi, { ...e }) : y === Y.BuiltInOperatorNames.Expression ? (0, Z.jsx)(hi, { ...e }) : null;
+		}) : y === J.BuiltInSelectorNames.List ? (0, Z.jsx)(ti, { ...e }) : y === J.BuiltInSelectorNames.Logical ? (0, Z.jsx)(bi, { ...e }) : y === J.BuiltInOperatorNames.Average ? (0, Z.jsx)(ri, { ...e }) : y === J.BuiltInOperatorNames.TimePeriod ? (0, Z.jsx)(fi, { ...e }) : y === J.BuiltInOperatorNames.TopN ? (0, Z.jsx)(pi, { ...e }) : y === J.BuiltInOperatorNames.Between ? (0, Z.jsx)(mi, { ...e }) : y === J.BuiltInOperatorNames.Expression ? (0, Z.jsx)(hi, { ...e }) : null;
 	}, [
 		m,
 		g,
@@ -2316,7 +2316,7 @@ var wi = Y.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 			param: t
 		});
 	};
-	return (0, Z.jsx)(N, {
+	return (0, Z.jsx)(j, {
 		ref: _,
 		sx: {
 			display: "flex",
@@ -2329,7 +2329,7 @@ var wi = Y.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 			p: 1
 		},
 		...l,
-		children: b ? (0, Z.jsxs)(N, {
+		children: b ? (0, Z.jsxs)(j, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -2346,12 +2346,12 @@ var wi = Y.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 					readOnly: s
 				}),
 				S,
-				!s && !c && (0, Z.jsx)(Nt, {
+				!s && !c && (0, Z.jsx)(Ft, {
 					icon: (0, Z.jsx)(p, { iconKey: "Close" }),
 					onClick: r
 				})
 			]
-		}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsxs)(N, {
+		}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsxs)(j, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -2384,7 +2384,7 @@ var wi = Y.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 						});
 					}
 				}),
-				!s && !c && (0, Z.jsx)(Nt, {
+				!s && !c && (0, Z.jsx)(Ft, {
 					icon: (0, Z.jsx)(p, { iconKey: "Close" }),
 					disabled: s,
 					onClick: r
@@ -2419,7 +2419,7 @@ var Di = (0, X.memo)((e) => {
 			param: t.getParam()
 		} : null), g(t.isIncludeBlanks());
 	}, [t]);
-	let _ = (0, X.useMemo)(() => (s ?? Object.values(kn.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", u)), [s, u]), v = (0, X.useMemo)(() => o ?? Object.values(kn.BuiltInOperators), [o]), y = (0, X.useMemo)(() => si(d, v, u), [
+	let _ = (0, X.useMemo)(() => (s ?? Object.values(wn.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", u)), [s, u]), v = (0, X.useMemo)(() => o ?? Object.values(wn.BuiltInOperators), [o]), y = (0, X.useMemo)(() => si(d, v, u), [
 		d,
 		v,
 		u
@@ -2429,7 +2429,7 @@ var Di = (0, X.memo)((e) => {
 			...e
 		});
 	}, x = r;
-	return (0, Z.jsxs)(N, {
+	return (0, Z.jsxs)(j, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2489,7 +2489,7 @@ var Di = (0, X.memo)((e) => {
 				operators: y,
 				selector: d,
 				readOnly: a
-			}) : !a && (0, Z.jsx)(N, {
+			}) : !a && (0, Z.jsx)(j, {
 				sx: { display: "flex" },
 				children: (0, Z.jsx)(vi, {
 					label: l("condition.when"),
@@ -2504,8 +2504,8 @@ var Di = (0, X.memo)((e) => {
 					readOnly: a
 				})
 			}),
-			x && (0, Z.jsx)(Ct, {
-				control: (0, Z.jsx)(St, {
+			x && (0, Z.jsx)(wt, {
+				control: (0, Z.jsx)(Ct, {
 					checked: !h,
 					onChange: (e) => {
 						var t = !e.target.checked;
@@ -2525,7 +2525,7 @@ var Di = (0, X.memo)((e) => {
 Di.displayName = "ConditionEditor";
 var Oi = (0, X.memo)((e) => {
 	let { variant: t = "format", children: n, sx: r, ...i } = e;
-	return (0, Z.jsx)(N, {
+	return (0, Z.jsx)(j, {
 		className: `sxl-cf-rule-section sxl-cf-rule-section-${t}`,
 		sx: {
 			display: "flex",
@@ -2543,15 +2543,15 @@ var Oi = (0, X.memo)((e) => {
 	});
 });
 Oi.displayName = "RuleSection";
-var ki = new Tn("transparent"), Ai = {
+var ki = new En("transparent"), Ai = {
 	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")
-}, ji = (e) => e ? typeof e == "string" ? e : e.type === Dn.Type.None ? null : e.color ?? e.foreground ?? null : null, Mi = (e, t) => e === "auto" ? null : ut(e, t), Ni = (0, X.memo)((e) => {
-	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = E(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = et(), d = t?.font ?? null, m = (d?.weight ?? 400) >= 600, h = d?.style === wn.Style.Italic, g = !!d?.underline && d.underline !== wn.UnderlineStyle.None, _ = !!d?.strike, v = (e) => {
+}, ji = (e) => e ? typeof e == "string" ? e : e.type === On.Type.None ? null : e.color ?? e.foreground ?? null : null, Mi = (e, t) => e === "auto" ? null : dt(e, t), Ni = (0, X.memo)((e) => {
+	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = E(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = tt(), d = t?.font ?? null, m = (d?.weight ?? 400) >= 600, h = d?.style === Tn.Style.Italic, g = !!d?.underline && d.underline !== Tn.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 };
@@ -2571,13 +2571,13 @@ var ki = new Tn("transparent"), Ai = {
 	};
 	return (0, Z.jsxs)(Oi, {
 		...i,
-		children: [(0, Z.jsxs)(N, {
+		children: [(0, Z.jsxs)(j, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(N, {
+			children: [(0, Z.jsx)(j, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2585,9 +2585,9 @@ var ki = new Tn("transparent"), Ai = {
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: pn.map((e, t) => {
+				children: Mt.map((e, t) => {
 					let i = Mi(ji(e.style.fill), o), s = Mi(e.style.font?.color, o), c = e.style.border ? Mi(Object.values(e.style.border)[0]?.color, o) : null;
-					return (0, Z.jsx)(G, {
+					return (0, Z.jsx)(W, {
 						sheet: !0,
 						title: a(Ai[e.key] ?? e.key),
 						disabled: r,
@@ -2601,7 +2601,7 @@ var ki = new Tn("transparent"), Ai = {
 						children: "Aa"
 					}, t);
 				})
-			}), (0, Z.jsx)(G, {
+			}), (0, Z.jsx)(W, {
 				title: a("conditionalFormat.clearStyle"),
 				disabled: r || !t,
 				onClick: () => n(null),
@@ -2614,7 +2614,7 @@ var ki = new Tn("transparent"), Ai = {
 					size: 16
 				})
 			})]
-		}), (0, Z.jsxs)(N, {
+		}), (0, Z.jsxs)(j, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -2636,7 +2636,7 @@ var ki = new Tn("transparent"), Ai = {
 					sx: S,
 					selected: h,
 					disabled: r,
-					onChange: () => v({ style: h ? void 0 : wn.Style.Italic }),
+					onChange: () => v({ style: h ? void 0 : Tn.Style.Italic }),
 					children: (0, Z.jsx)(p, { iconKey: "TextItalic" })
 				}),
 				(0, Z.jsx)(Gr, {
@@ -2645,7 +2645,7 @@ var ki = new Tn("transparent"), Ai = {
 					sx: S,
 					selected: g,
 					disabled: r,
-					onChange: () => v({ underline: g ? void 0 : wn.UnderlineStyle.Single }),
+					onChange: () => v({ underline: g ? void 0 : Tn.UnderlineStyle.Single }),
 					children: (0, Z.jsx)(p, { iconKey: "TextUnderline" })
 				}),
 				(0, Z.jsx)(Gr, {
@@ -2657,7 +2657,7 @@ var ki = new Tn("transparent"), Ai = {
 					onChange: () => v({ strike: !_ || void 0 }),
 					children: (0, Z.jsx)(p, { iconKey: "TextStrike" })
 				}),
-				o && (0, Z.jsx)(mt, {
+				o && (0, Z.jsx)(ht, {
 					tooltip: a("conditionalFormat.border"),
 					selectedBorder: t?.border,
 					createBorder: (e) => o.getStyles().getNormal().createStyle({ border: e }).getBorder(),
@@ -2670,7 +2670,7 @@ var ki = new Tn("transparent"), Ai = {
 						e && Object.keys(e).length !== 0 ? r.border = e : delete r.border, n(Object.keys(r).length === 0 ? null : r);
 					})(e)
 				}),
-				(0, Z.jsx)(it, {
+				(0, Z.jsx)(at, {
 					icon: "fill.colored",
 					tooltip: a("conditionalFormat.fillColor"),
 					selectedColor: x,
@@ -2678,7 +2678,7 @@ var ki = new Tn("transparent"), Ai = {
 					onSelectColor: (e) => ((e) => {
 						let r = { ...t };
 						e ? r.fill = {
-							type: Dn.Type.Solid,
+							type: On.Type.Solid,
 							color: e.toString()
 						} : delete r.fill, n(Object.keys(r).length === 0 ? null : r);
 					})(e),
@@ -2687,11 +2687,11 @@ var ki = new Tn("transparent"), Ai = {
 						disableAlpha: !0,
 						autoColor: ki,
 						autoColorLabelKey: f("color.noFill"),
-						autoColorPosition: We.End,
+						autoColorPosition: Ke.End,
 						...u
 					}
 				}),
-				(0, Z.jsx)(it, {
+				(0, Z.jsx)(at, {
 					icon: "text.colored",
 					tooltip: a("conditionalFormat.fontColor"),
 					selectedColor: b,
@@ -2710,22 +2710,22 @@ var ki = new Tn("transparent"), Ai = {
 });
 Ni.displayName = "ConditionalFormatStylePicker";
 var Pi = {
-	[J.ColorStopType.AutoMin]: f("conditionalFormat.stopType.autoMin"),
-	[J.ColorStopType.AutoMax]: f("conditionalFormat.stopType.autoMax"),
-	[J.ColorStopType.Min]: f("conditionalFormat.stopType.min"),
-	[J.ColorStopType.Max]: f("conditionalFormat.stopType.max"),
-	[J.ColorStopType.Num]: f("conditionalFormat.stopType.num"),
-	[J.ColorStopType.Percent]: f("conditionalFormat.stopType.percent"),
-	[J.ColorStopType.Percentile]: f("conditionalFormat.stopType.percentile"),
-	[J.ColorStopType.Formula]: f("conditionalFormat.stopType.formula")
+	[Y.ColorStopType.AutoMin]: f("conditionalFormat.stopType.autoMin"),
+	[Y.ColorStopType.AutoMax]: f("conditionalFormat.stopType.autoMax"),
+	[Y.ColorStopType.Min]: f("conditionalFormat.stopType.min"),
+	[Y.ColorStopType.Max]: f("conditionalFormat.stopType.max"),
+	[Y.ColorStopType.Num]: f("conditionalFormat.stopType.num"),
+	[Y.ColorStopType.Percent]: f("conditionalFormat.stopType.percent"),
+	[Y.ColorStopType.Percentile]: f("conditionalFormat.stopType.percentile"),
+	[Y.ColorStopType.Formula]: f("conditionalFormat.stopType.formula")
 }, Fi = /* @__PURE__ */ new Set([
-	J.ColorStopType.AutoMin,
-	J.ColorStopType.AutoMax,
-	J.ColorStopType.Min,
-	J.ColorStopType.Max
+	Y.ColorStopType.AutoMin,
+	Y.ColorStopType.AutoMax,
+	Y.ColorStopType.Min,
+	Y.ColorStopType.Max
 ]), Ii = (0, X.memo)((e) => {
-	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = E(), { darkMode: d, toColor: f, propsColorPanel: p } = et(), m = n.type ?? J.ColorStopType.Num, h = !Fi.has(m), g = c || !h, _ = m === J.ColorStopType.Formula, v = n.color, y = a ? f(v) : null;
-	return (0, Z.jsxs)(N, {
+	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = E(), { darkMode: d, toColor: f, propsColorPanel: p } = tt(), m = n.type ?? Y.ColorStopType.Num, h = !Fi.has(m), g = c || !h, _ = m === Y.ColorStopType.Formula, v = n.color, y = a ? f(v) : null;
+	return (0, Z.jsxs)(j, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
@@ -2733,7 +2733,7 @@ var Pi = {
 		},
 		...l,
 		children: [
-			t !== void 0 && (0, Z.jsx)(I, {
+			t !== void 0 && (0, Z.jsx)(P, {
 				variant: "caption",
 				sx: {
 					color: "text.secondary",
@@ -2745,7 +2745,7 @@ var Pi = {
 				children: t
 			}),
 			o,
-			a && (0, Z.jsx)(it, {
+			a && (0, Z.jsx)(at, {
 				tooltip: u("conditionalFormat.stopColor"),
 				selectedColor: y,
 				disabled: c,
@@ -2761,7 +2761,7 @@ var Pi = {
 					...p
 				}
 			}),
-			s && (0, Z.jsxs)(W, {
+			s && (0, Z.jsxs)(H, {
 				size: "small",
 				value: n.exclusive ? "gt" : "gte",
 				disabled: c,
@@ -2773,15 +2773,15 @@ var Pi = {
 					flex: "0 0 auto",
 					backgroundColor: "background.paper"
 				},
-				children: [(0, Z.jsx)(q, {
+				children: [(0, Z.jsx)(K, {
 					value: "gte",
 					children: ">="
-				}), (0, Z.jsx)(q, {
+				}), (0, Z.jsx)(K, {
 					value: "gt",
 					children: ">"
 				})]
 			}),
-			(0, Z.jsx)(W, {
+			(0, Z.jsx)(H, {
 				size: "small",
 				value: m,
 				disabled: c,
@@ -2791,8 +2791,8 @@ var Pi = {
 						type: e
 					};
 					if (Fi.has(e)) delete t.value;
-					else if (t.value === void 0) t.value = e === J.ColorStopType.Formula ? "" : 0;
-					else if (e !== J.ColorStopType.Formula && typeof t.value == "string") {
+					else if (t.value === void 0) t.value = e === Y.ColorStopType.Formula ? "" : 0;
+					else if (e !== Y.ColorStopType.Formula && typeof t.value == "string") {
 						let e = Number(t.value);
 						t.value = Number.isFinite(e) ? e : 0;
 					}
@@ -2803,7 +2803,7 @@ var Pi = {
 					minWidth: 0,
 					backgroundColor: "background.paper"
 				},
-				children: i.map((e) => (0, Z.jsx)(q, {
+				children: i.map((e) => (0, Z.jsx)(K, {
 					value: e,
 					children: u(Pi[e])
 				}, e))
@@ -2829,7 +2829,7 @@ var Pi = {
 					minWidth: 0,
 					"& .MuiInputBase-root": { backgroundColor: g ? "action.disabledBackground" : "background.paper" }
 				}
-			}) : (0, Z.jsx)(K, {
+			}) : (0, Z.jsx)(G, {
 				size: "small",
 				type: "number",
 				placeholder: h ? void 0 : u("conditionalFormat.stopFromData"),
@@ -2857,32 +2857,32 @@ var Pi = {
 });
 Ii.displayName = "ScaleStopRow";
 var Li = [
-	J.ColorStopType.Min,
-	J.ColorStopType.Max,
-	J.ColorStopType.Num,
-	J.ColorStopType.Percent,
-	J.ColorStopType.Percentile,
-	J.ColorStopType.Formula
+	Y.ColorStopType.Min,
+	Y.ColorStopType.Max,
+	Y.ColorStopType.Num,
+	Y.ColorStopType.Percent,
+	Y.ColorStopType.Percentile,
+	Y.ColorStopType.Formula
 ], Ri = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = E(), { workbook: o, toColor: s } = et(), 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 = E(), { workbook: o, toColor: s } = tt(), 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)(N, {
+	return (0, Z.jsxs)(j, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 1
 		},
 		...i,
-		children: [(0, Z.jsx)(Oi, { children: (0, Z.jsxs)(N, {
+		children: [(0, Z.jsx)(Oi, { children: (0, Z.jsxs)(j, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(N, {
+			children: [(0, Z.jsx)(j, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2890,11 +2890,11 @@ var Li = [
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: un.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(G, {
+				children: gn.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(W, {
 					sheet: !0,
 					disabled: r,
 					onClick: () => n(structuredClone(e)),
-					children: (0, Z.jsx)(bt, { rows: xt(e.stops ?? [], dt, o) })
+					children: (0, Z.jsx)(xt, { rows: St(e.stops ?? [], ft, o) })
 				}, t))
 			}), (0, Z.jsxs)(Jr, {
 				exclusive: !0,
@@ -2912,7 +2912,7 @@ var Li = [
 								e = `#${r((t.red + n.red) / 2)}${r((t.green + n.green) / 2)}${r((t.blue + n.blue) / 2)}`;
 							}
 							r.splice(1, 0, {
-								type: J.ColorStopType.Percentile,
+								type: Y.ColorStopType.Percentile,
 								value: 50,
 								color: e
 							});
@@ -2963,26 +2963,26 @@ var Li = [
 });
 Ri.displayName = "ColorScaleRulePanel";
 var zi = [
-	J.ColorStopType.AutoMin,
-	J.ColorStopType.Min,
-	J.ColorStopType.Num,
-	J.ColorStopType.Percent,
-	J.ColorStopType.Percentile,
-	J.ColorStopType.Formula
+	Y.ColorStopType.AutoMin,
+	Y.ColorStopType.Min,
+	Y.ColorStopType.Num,
+	Y.ColorStopType.Percent,
+	Y.ColorStopType.Percentile,
+	Y.ColorStopType.Formula
 ], Bi = [
-	J.ColorStopType.AutoMax,
-	J.ColorStopType.Max,
-	J.ColorStopType.Num,
-	J.ColorStopType.Percent,
-	J.ColorStopType.Percentile,
-	J.ColorStopType.Formula
+	Y.ColorStopType.AutoMax,
+	Y.ColorStopType.Max,
+	Y.ColorStopType.Num,
+	Y.ColorStopType.Percent,
+	Y.ColorStopType.Percentile,
+	Y.ColorStopType.Formula
 ], Vi = "__auto__", Hi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = E(), { darkMode: o, toColor: s, propsColorPanel: c } = et(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), m = s(t.negativeBorderColor), h = t.gradient ?? !1, g = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = E(), { darkMode: o, toColor: s, propsColorPanel: c } = tt(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), m = s(t.negativeBorderColor), h = t.gradient ?? !1, g = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
 	}, _ = { backgroundColor: "background.paper" };
-	return (0, Z.jsxs)(N, {
+	return (0, Z.jsxs)(j, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2990,13 +2990,13 @@ var zi = [
 		},
 		...i,
 		children: [(0, Z.jsxs)(Oi, { children: [
-			(0, Z.jsxs)(N, {
+			(0, Z.jsxs)(j, {
 				sx: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(N, {
+				children: [(0, Z.jsx)(j, {
 					sx: {
 						flex: "1 1 auto",
 						minWidth: 0,
@@ -3004,7 +3004,7 @@ var zi = [
 						gap: .5,
 						flexWrap: "wrap"
 					},
-					children: gn.filter((e) => (e.gradient ?? !1) === h).map((e, t) => (0, Z.jsx)(G, {
+					children: Jt.filter((e) => (e.gradient ?? !1) === h).map((e, t) => (0, Z.jsx)(W, {
 						sheet: !0,
 						disabled: r,
 						onClick: () => g({
@@ -3012,7 +3012,7 @@ var zi = [
 							gradient: e.gradient,
 							borderColor: e.borderColor
 						}),
-						children: (0, Z.jsx)(bt, { rows: Ge(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
+						children: (0, Z.jsx)(xt, { rows: qe(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
 					}, t))
 				}), (0, Z.jsxs)(Jr, {
 					exclusive: !0,
@@ -3042,26 +3042,26 @@ var zi = [
 					})]
 				})]
 			}),
-			(0, Z.jsx)(Ct, {
-				control: (0, Z.jsx)(St, {
+			(0, Z.jsx)(wt, {
+				control: (0, Z.jsx)(Ct, {
 					size: "small",
 					checked: !1 === t.showValue,
 					disabled: r,
 					onChange: (e) => g({ showValue: !e.target.checked && void 0 })
 				}),
-				label: (0, Z.jsx)(I, {
+				label: (0, Z.jsx)(P, {
 					variant: "body2",
 					children: a("conditionalFormat.showBarsOnly")
 				})
 			}),
-			(0, Z.jsxs)(N, {
+			(0, Z.jsxs)(j, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: .5
 				},
 				children: [
-					(0, Z.jsx)(I, {
+					(0, Z.jsx)(P, {
 						variant: "caption",
 						sx: {
 							color: "text.secondary",
@@ -3069,7 +3069,7 @@ var zi = [
 						},
 						children: a("conditionalFormat.bar")
 					}),
-					(0, Z.jsx)(it, {
+					(0, Z.jsx)(at, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.barColor"),
 						selectedColor: u,
@@ -3081,7 +3081,7 @@ var zi = [
 							...c
 						}
 					}),
-					(0, Z.jsx)(it, {
+					(0, Z.jsx)(at, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.barBorderColor"),
 						selectedColor: f,
@@ -3095,14 +3095,14 @@ var zi = [
 					})
 				]
 			}),
-			(0, Z.jsxs)(N, {
+			(0, Z.jsxs)(j, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: .5
 				},
 				children: [
-					(0, Z.jsx)(I, {
+					(0, Z.jsx)(P, {
 						variant: "caption",
 						sx: {
 							color: "text.secondary",
@@ -3110,7 +3110,7 @@ var zi = [
 						},
 						children: a("conditionalFormat.negative")
 					}),
-					(0, Z.jsx)(it, {
+					(0, Z.jsx)(at, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.negativeColor"),
 						selectedColor: d ?? u,
@@ -3122,7 +3122,7 @@ var zi = [
 							...c
 						}
 					}),
-					(0, Z.jsx)(it, {
+					(0, Z.jsx)(at, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.negativeBorderColor"),
 						selectedColor: m ?? f,
@@ -3134,7 +3134,7 @@ var zi = [
 							...c
 						}
 					}),
-					(0, Z.jsx)(G, {
+					(0, Z.jsx)(W, {
 						title: a("conditionalFormat.sameAsPositive"),
 						disabled: r || !t.negativeFillColor && !t.negativeBorderColor,
 						onClick: () => g({
@@ -3152,19 +3152,19 @@ var zi = [
 					})
 				]
 			}),
-			(0, Z.jsxs)(N, {
+			(0, Z.jsxs)(j, {
 				sx: {
 					display: "flex",
 					gap: 1,
 					mt: .5
 				},
-				children: [(0, Z.jsxs)(H, {
+				children: [(0, Z.jsxs)(B, {
 					size: "small",
 					sx: {
 						flex: 1,
 						minWidth: 0
 					},
-					children: [(0, Z.jsx)(U, { children: a("conditionalFormat.axis") }), (0, Z.jsxs)(W, {
+					children: [(0, Z.jsx)(V, { children: a("conditionalFormat.axis") }), (0, Z.jsxs)(H, {
 						label: a("conditionalFormat.axis"),
 						value: t.axisPosition ?? Vi,
 						disabled: r,
@@ -3174,27 +3174,27 @@ var zi = [
 							g({ axisPosition: t === Vi ? void 0 : t });
 						},
 						children: [
-							(0, Z.jsx)(q, {
+							(0, Z.jsx)(K, {
 								value: Vi,
 								children: a("conditionalFormat.automatic")
 							}),
-							(0, Z.jsx)(q, {
+							(0, Z.jsx)(K, {
 								value: "middle",
 								children: a("conditionalFormat.axisMiddle")
 							}),
-							(0, Z.jsx)(q, {
+							(0, Z.jsx)(K, {
 								value: "none",
 								children: a("conditionalFormat.axisNone")
 							})
 						]
 					})]
-				}), (0, Z.jsxs)(H, {
+				}), (0, Z.jsxs)(B, {
 					size: "small",
 					sx: {
 						flex: 1,
 						minWidth: 0
 					},
-					children: [(0, Z.jsx)(U, { children: a("conditionalFormat.direction") }), (0, Z.jsxs)(W, {
+					children: [(0, Z.jsx)(V, { children: a("conditionalFormat.direction") }), (0, Z.jsxs)(H, {
 						label: a("conditionalFormat.direction"),
 						value: t.direction ?? Vi,
 						disabled: r,
@@ -3204,15 +3204,15 @@ var zi = [
 							g({ direction: t === Vi ? void 0 : t });
 						},
 						children: [
-							(0, Z.jsx)(q, {
+							(0, Z.jsx)(K, {
 								value: Vi,
 								children: a("conditionalFormat.automatic")
 							}),
-							(0, Z.jsx)(q, {
+							(0, Z.jsx)(K, {
 								value: "leftToRight",
 								children: a("conditionalFormat.leftToRight")
 							}),
-							(0, Z.jsx)(q, {
+							(0, Z.jsx)(K, {
 								value: "rightToLeft",
 								children: a("conditionalFormat.rightToLeft")
 							})
@@ -3224,7 +3224,7 @@ var zi = [
 			variant: "config",
 			children: [(0, Z.jsx)(Ii, {
 				label: a("conditionalFormat.stop.minimum"),
-				stop: l[0] ?? { type: J.ColorStopType.AutoMin },
+				stop: l[0] ?? { type: Y.ColorStopType.AutoMin },
 				allowedTypes: zi,
 				readOnly: r,
 				onStopChange: (e) => {
@@ -3233,12 +3233,12 @@ var zi = [
 				}
 			}), (0, Z.jsx)(Ii, {
 				label: a("conditionalFormat.stop.maximum"),
-				stop: l[1] ?? { type: J.ColorStopType.AutoMax },
+				stop: l[1] ?? { type: Y.ColorStopType.AutoMax },
 				allowedTypes: Bi,
 				readOnly: r,
 				onStopChange: (e) => {
 					let t = l.slice();
-					for (; t.length < 2;) t.push({ type: J.ColorStopType.AutoMax });
+					for (; t.length < 2;) t.push({ type: Y.ColorStopType.AutoMax });
 					t[1] = e, g({ stops: t });
 				}
 			})]
@@ -3254,14 +3254,14 @@ var Ui = f("conditionalFormat.noCellIcon"), Wi = f("conditionalFormat.cellIcon")
 	height: "26px"
 }, qi = (0, X.memo)((e) => {
 	let { icon: t, onPick: n } = e, r = E();
-	return (0, Z.jsxs)(N, {
+	return (0, Z.jsxs)(j, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "4px",
 			padding: "6px 8px"
 		},
-		children: [(0, Z.jsx)(G, {
+		children: [(0, Z.jsx)(W, {
 			sheet: !0,
 			title: r(Ui),
 			"aria-pressed": t === null,
@@ -3272,22 +3272,22 @@ var Ui = f("conditionalFormat.noCellIcon"), Wi = f("conditionalFormat.cellIcon")
 			onClick: () => {
 				n({ ...hn });
 			},
-			children: (0, Z.jsx)(Rt, {
+			children: (0, Z.jsx)(Ot, {
 				icons: [null],
 				size: 16
 			})
-		}), (0, Z.jsx)(N, {
+		}), (0, Z.jsx)(j, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: "repeat(8, auto)",
 				justifyContent: "start",
 				gap: "3px"
 			},
-			children: cn.map((e) => {
+			children: At.map((e) => {
 				let i = ((e, t) => !!e && e.iconKey === t.iconKey && e.color === t.color)(t, e.spec);
-				return (0, Z.jsx)(G, {
+				return (0, Z.jsx)(W, {
 					sheet: !0,
-					title: Ze(r, e.spec),
+					title: Qe(r, e.spec),
 					"aria-pressed": i,
 					sx: {
 						...Ki,
@@ -3299,7 +3299,7 @@ var Ui = f("conditionalFormat.noCellIcon"), Wi = f("conditionalFormat.cellIcon")
 							id: e.id
 						});
 					},
-					children: (0, Z.jsx)(Rt, {
+					children: (0, Z.jsx)(Ot, {
 						icons: [e.spec],
 						size: 16
 					})
@@ -3311,7 +3311,7 @@ var Ui = f("conditionalFormat.noCellIcon"), Wi = f("conditionalFormat.cellIcon")
 qi.displayName = "IconCatalogPanel";
 var Ji = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { icon: n, onPick: r, tooltip: i, ...a } = e, o = E();
-	return (0, Z.jsx)(Ht, {
+	return (0, Z.jsx)(Ut, {
 		ref: t,
 		createPopupPanel: (0, X.useCallback)((e) => {
 			let { closeFloat: t } = e, i = (0, Z.jsx)(qi, {
@@ -3320,13 +3320,13 @@ var Ji = (0, X.memo)((0, X.forwardRef)((e, t) => {
 					t?.(), r(e);
 				}
 			});
-			return jt({
+			return Pt({
 				...e,
 				children: i
 			});
 		}, [n, r]),
 		tooltip: i ?? o(Wi),
-		icon: (0, Z.jsx)(Rt, {
+		icon: (0, Z.jsx)(Ot, {
 			icons: [n],
 			size: 16
 		}),
@@ -3336,24 +3336,24 @@ var Ji = (0, X.memo)((0, X.forwardRef)((e, t) => {
 }));
 Ji.displayName = "IconPickerPopupButton";
 var Yi = [
-	J.ColorStopType.Percent,
-	J.ColorStopType.Num,
-	J.ColorStopType.Percentile,
-	J.ColorStopType.Formula
+	Y.ColorStopType.Percent,
+	Y.ColorStopType.Num,
+	Y.ColorStopType.Percentile,
+	Y.ColorStopType.Formula
 ], Xi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...a } = e, o = E(), s = t.iconSet ?? On.IconSet.TrafficLights3, c = Ot(s).length === 0, l = t.stops ?? [], u = l.length, d = Qt(t), f = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...a } = e, o = E(), s = t.iconSet ?? Dn.IconSet.TrafficLights3, c = It(s).length === 0, l = t.stops ?? [], u = l.length, d = Ht(t), f = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
 	}, p = (0, X.useCallback)((e) => {
-		let { closeFloat: t } = e, n = (0, Z.jsx)(ft, {
-			groups: Xe,
+		let { closeFloat: t } = e, n = (0, Z.jsx)(pt, {
+			groups: U,
 			disabled: r,
 			onPick: (e) => {
-				t?.(), e.type === J.ScaleType.IconSet && e.iconSet && ((e) => {
+				t?.(), e.type === Y.ScaleType.IconSet && e.iconSet && ((e) => {
 					if (e === s) return;
-					let t = Yt(e), n = l;
-					t !== l.length && (n = vn(t)), f({
+					let t = en(e), n = l;
+					t !== l.length && (n = rn(t)), f({
 						iconSet: e,
 						stops: n,
 						icon: void 0
@@ -3361,12 +3361,12 @@ var Yi = [
 				})(e.iconSet);
 			}
 		});
-		return jt({
+		return Pt({
 			...e,
 			children: n
 		});
 	}, [r, t]), m = i.camelToPrettyCase(s);
-	return (0, Z.jsxs)(N, {
+	return (0, Z.jsxs)(j, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -3374,29 +3374,29 @@ var Yi = [
 		},
 		...a,
 		children: [(0, Z.jsxs)(Oi, { children: [
-			(0, Z.jsx)(N, {
+			(0, Z.jsx)(j, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: 1
 				},
-				children: (0, Z.jsx)(Ht, {
+				children: (0, Z.jsx)(Ut, {
 					outlined: !0,
 					disabled: r,
 					label: m,
 					tooltip: m,
-					icon: (0, Z.jsx)(N, {
+					icon: (0, Z.jsx)(j, {
 						sx: {
 							width: "82px",
 							display: "flex",
 							justifyContent: "center"
 						},
-						children: c ? (0, Z.jsx)(I, {
+						children: c ? (0, Z.jsx)(P, {
 							variant: "caption",
 							noWrap: !0,
 							children: m
-						}) : (0, Z.jsx)(Rt, {
-							icons: Ot(s),
+						}) : (0, Z.jsx)(Ot, {
+							icons: It(s),
 							order: "descending",
 							size: 14,
 							gap: 3
@@ -3405,35 +3405,35 @@ var Yi = [
 					createPopupPanel: p
 				})
 			}),
-			c && (0, Z.jsx)(I, {
+			c && (0, Z.jsx)(P, {
 				variant: "caption",
 				sx: { color: "text.secondary" },
 				children: o("conditionalFormat.adoptedIconSet")
 			}),
-			(0, Z.jsxs)(N, {
+			(0, Z.jsxs)(j, {
 				sx: {
 					display: "flex",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(Ct, {
-					control: (0, Z.jsx)(St, {
+				children: [(0, Z.jsx)(wt, {
+					control: (0, Z.jsx)(Ct, {
 						size: "small",
 						checked: !1 === t.showValue,
 						disabled: r,
 						onChange: (e) => f({ showValue: !e.target.checked && void 0 })
 					}),
-					label: (0, Z.jsx)(I, {
+					label: (0, Z.jsx)(P, {
 						variant: "body2",
 						children: o("conditionalFormat.showIconsOnly")
 					})
-				}), (0, Z.jsx)(Ct, {
-					control: (0, Z.jsx)(St, {
+				}), (0, Z.jsx)(wt, {
+					control: (0, Z.jsx)(Ct, {
 						size: "small",
 						checked: t.reverse ?? !1,
 						disabled: r,
 						onChange: (e) => f({ reverse: !!e.target.checked || void 0 })
 					}),
-					label: (0, Z.jsx)(I, {
+					label: (0, Z.jsx)(P, {
 						variant: "body2",
 						children: o("conditionalFormat.reverseIcons")
 					})
@@ -3451,7 +3451,7 @@ var Yi = [
 					leading: (0, Z.jsx)(Ji, {
 						icon: d[i] ?? null,
 						disabled: r || c,
-						onPick: (e) => n(ln(t, a, e))
+						onPick: (e) => n(cn(t, a, e))
 					}),
 					onStopChange: (e) => {
 						let t = l.slice();
@@ -3463,15 +3463,15 @@ var Yi = [
 	});
 });
 Xi.displayName = "IconSetRulePanel";
-var Zi = (e, t, n) => ut(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
+var Zi = (e, t, n) => dt(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
 	if (!e) return n;
 	if (typeof e == "string") return Zi(e, t, n);
-	if (e.type === Dn.Type.None) return n;
+	if (e.type === On.Type.None) return n;
 	let r = e, i = e;
 	return Zi(i.foreground ?? r.color ?? i.background, t, n);
 }, $i = (0, X.memo)((e) => {
-	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = et();
-	Pt(t, "onAnyChange");
+	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = tt();
+	Bt(t, "onAnyChange");
 	let o = t.getScale(), s = t.getStyle(), c = (0, X.useMemo)(() => {
 		try {
 			return i?.getStyles().getNormal().getFont().toCSS("adaptive") ?? {};
@@ -3479,9 +3479,9 @@ var Zi = (e, t, n) => ut(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
 			return {};
 		}
 	}, [i, a]), l = (0, X.useMemo)(() => {
-		if (o?.type === J.ScaleType.ColorScale) return (0, Z.jsx)(bt, { rows: xt(o.stops ?? [], dt, i) });
-		if (o?.type === J.ScaleType.DataBar) return (0, Z.jsx)(bt, { rows: Ge(o, Zi(o.color, i, yt), o.borderColor ? Zi(o.borderColor, i, yt) : void 0) });
-		if (o?.type === J.ScaleType.IconSet) return (0, Z.jsx)(N, {
+		if (o?.type === Y.ScaleType.ColorScale) return (0, Z.jsx)(xt, { rows: St(o.stops ?? [], ft, i) });
+		if (o?.type === Y.ScaleType.DataBar) return (0, Z.jsx)(xt, { rows: qe(o, Zi(o.color, i, bt), o.borderColor ? Zi(o.borderColor, i, bt) : void 0) });
+		if (o?.type === Y.ScaleType.IconSet) return (0, Z.jsx)(j, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -3490,15 +3490,15 @@ var Zi = (e, t, n) => ut(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
 				height: "100%",
 				px: .5
 			},
-			children: (0, Z.jsx)(Rt, {
-				icons: Qt(o),
+			children: (0, Z.jsx)(Ot, {
+				icons: Ht(o),
 				order: "descending",
 				size: 14,
 				gap: 3
 			})
 		});
-		let e = s?.font, t = e?.underline && e.underline !== wn.UnderlineStyle.None;
-		return (0, Z.jsx)(N, {
+		let e = s?.font, t = e?.underline && e.underline !== Tn.UnderlineStyle.None;
+		return (0, Z.jsx)(j, {
 			sx: {
 				width: "100%",
 				height: "100%",
@@ -3507,13 +3507,13 @@ var Zi = (e, t, n) => ut(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
 				justifyContent: "center",
 				...c,
 				backgroundColor: Qi(s?.fill, i, "transparent"),
-				...e?.color && e.color !== "auto" ? { color: Zi(e.color, i, Ke) } : null,
+				...e?.color && e.color !== "auto" ? { color: Zi(e.color, i, Je) } : 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 ${Zi(Object.values(s.border)[0]?.color, i, Ue)}` : void 0,
+				outline: s?.border ? `1px solid ${Zi(Object.values(s.border)[0]?.color, i, Ge)}` : void 0,
 				outlineOffset: "-3px"
 			},
 			children: "Aa"
@@ -3526,7 +3526,7 @@ var Zi = (e, t, n) => ut(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
 		i,
 		a
 	]);
-	return (0, Z.jsx)(G, {
+	return (0, Z.jsx)(W, {
 		sheet: !0,
 		className: "sxl-cf-rule-preview",
 		sx: {
@@ -3540,8 +3540,8 @@ var Zi = (e, t, n) => ut(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
 });
 $i.displayName = "RulePreview";
 var ea = (0, X.memo)((e) => {
-	let { conditionalFormat: t, label: n, helperText: r } = e, i = E(), a = ue();
-	Pt(t, ["onAnchorCoordsChange", "onAnyChange"]);
+	let { conditionalFormat: t, label: n, helperText: r } = e, i = E(), a = fe();
+	Bt(t, ["onAnchorCoordsChange", "onAnyChange"]);
 	let o = t.getRanges();
 	return (0, Z.jsx)(jn, {
 		grammar: "reference",
@@ -3564,7 +3564,7 @@ var ea = (0, X.memo)((e) => {
 			if (n && !n.isInvalid()) try {
 				t.setRanges(n);
 			} catch (e) {
-				a.showMessage?.(e.message, { type: ie.Error });
+				a.showMessage?.(e.message, { type: oe.Error });
 			}
 		}, [t, a]),
 		label: n === void 0 ? i("conditionalFormat.applyTo") : n,
@@ -3580,18 +3580,18 @@ var ta = (e, t) => {
 	return r ? i.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
 }, na = {
 	classic: f("conditionalFormat.tab.classic"),
-	[J.ScaleType.ColorScale]: f("conditionalFormat.tab.colorScale"),
-	[J.ScaleType.DataBar]: f("conditionalFormat.tab.dataBars"),
-	[J.ScaleType.IconSet]: f("conditionalFormat.tab.iconSets")
+	[Y.ScaleType.ColorScale]: f("conditionalFormat.tab.colorScale"),
+	[Y.ScaleType.DataBar]: f("conditionalFormat.tab.dataBars"),
+	[Y.ScaleType.IconSet]: f("conditionalFormat.tab.iconSets")
 }, ra = (0, X.memo)((e) => {
 	let { conditionalFormat: t } = e, n = E();
-	Pt(t, "onAnyChange");
+	Bt(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)(Ae, {
+	return (0, Z.jsxs)(Me, {
 		tabIndex: 0,
-		className: tt["editor-panel"],
+		className: nt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -3603,7 +3603,7 @@ var ta = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Z.jsxs)(N, {
+			(0, Z.jsxs)(j, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -3611,7 +3611,7 @@ var ta = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Z.jsxs)(N, {
+				children: [(0, Z.jsxs)(j, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -3620,7 +3620,7 @@ var ta = (e, t) => {
 					children: [(0, Z.jsx)($i, {
 						conditionalFormat: t,
 						size: 48
-					}), (0, Z.jsx)(I, {
+					}), (0, Z.jsx)(P, {
 						variant: "body2",
 						sx: {
 							minWidth: 0,
@@ -3630,20 +3630,20 @@ var ta = (e, t) => {
 					})]
 				}), (0, Z.jsx)(ea, { conditionalFormat: t })]
 			}),
-			(0, Z.jsx)(Je, {
+			(0, Z.jsx)(Xe, {
 				value: s,
 				onChange: (e, n) => {
 					o || ((e) => {
 						if (e !== s) if (s === "classic" ? (c.current.condition = i?.toJSON() ?? null, c.current.style = a) : r && (c.current.scales[r.type] = r), e === "classic") t.update({
 							condition: c.current.condition ?? {
-								operator: Y.BuiltInOperatorNames.Between,
+								operator: J.BuiltInOperatorNames.Between,
 								param: null
 							},
 							style: c.current.style ?? null,
 							scale: null
 						});
 						else {
-							let n = c.current.scales[e] ?? (e === J.ScaleType.ColorScale ? tn() : e === J.ScaleType.DataBar ? mn() : Bt());
+							let n = c.current.scales[e] ?? (e === Y.ScaleType.ColorScale ? pn() : e === Y.ScaleType.DataBar ? qt() : dn());
 							t.update({
 								scale: n,
 								condition: null,
@@ -3666,7 +3666,7 @@ var ta = (e, t) => {
 						minWidth: 0
 					}
 				},
-				children: Object.keys(na).map((e) => (0, Z.jsx)(Ye, {
+				children: Object.keys(na).map((e) => (0, Z.jsx)(Ze, {
 					value: e,
 					label: n(na[e])
 				}, e))
@@ -3681,22 +3681,22 @@ var ta = (e, t) => {
 				readOnly: o,
 				onConditionChange: (e) => t.setCondition(e)
 			})] }),
-			r?.type === J.ScaleType.ColorScale && (0, Z.jsx)(Ri, {
+			r?.type === Y.ScaleType.ColorScale && (0, Z.jsx)(Ri, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === J.ScaleType.DataBar && (0, Z.jsx)(Hi, {
+			r?.type === Y.ScaleType.DataBar && (0, Z.jsx)(Hi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === J.ScaleType.IconSet && (0, Z.jsx)(Xi, {
+			r?.type === Y.ScaleType.IconSet && (0, Z.jsx)(Xi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			s === "classic" && (0, Z.jsx)(N, {
+			s === "classic" && (0, Z.jsx)(j, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -3704,8 +3704,8 @@ var ta = (e, t) => {
 					borderColor: "divider",
 					borderRadius: 1
 				},
-				children: (0, Z.jsx)(Ct, {
-					control: (0, Z.jsx)(St, {
+				children: (0, Z.jsx)(wt, {
+					control: (0, Z.jsx)(Ct, {
 						checked: t.isStopIfTrue(),
 						disabled: o,
 						onChange: (e) => t.setStopIfTrue(e.target.checked)
@@ -3719,7 +3719,7 @@ var ta = (e, t) => {
 ra.displayName = "ConditionalFormatEditorPanel";
 var ia = (0, X.memo)(({ item: e }) => {
 	let t = E();
-	return Pt(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(N, {
+	return Bt(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(j, {
 		sx: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -3731,7 +3731,7 @@ var ia = (0, X.memo)(({ item: e }) => {
 			borderRadius: 1,
 			color: "text.secondary"
 		},
-		children: (0, Z.jsx)(I, {
+		children: (0, Z.jsx)(P, {
 			variant: "caption",
 			children: t("conditionalFormat.stopIfTrue")
 		})
@@ -4693,7 +4693,7 @@ var vo = (0, X.memo)(_o), yo = qa({ wrappedRoot: {
 				className: Ao.actionRoot,
 				children: [
 					s ? null : i?.error,
-					(0, Z.jsx)(I, {
+					(0, Z.jsx)(P, {
 						variant: "body2",
 						component: "div",
 						className: Ao.typography,
@@ -4702,13 +4702,13 @@ var vo = (0, X.memo)(_o), yo = qa({ wrappedRoot: {
 					(0, Z.jsx)("div", { style: { flex: "1 1 auto" } }),
 					(0, Z.jsxs)("div", {
 						className: Ao.icons,
-						children: [g ? (0, Z.jsx)(Ce, {
+						children: [g ? (0, Z.jsx)(Te, {
 							"aria-label": l("toast.showMore"),
 							size: "small",
 							className: xn(Ao.expand, { [Ao.expandOpen]: f }),
 							onClick: _,
 							children: (0, Z.jsx)(p, { iconKey: "ExpandMore" })
-						}) : null, (0, Z.jsx)(Ce, {
+						}) : null, (0, Z.jsx)(Te, {
 							size: "small",
 							className: Ao.expand,
 							onClick: v,
@@ -4719,7 +4719,7 @@ var vo = (0, X.memo)(_o), yo = qa({ wrappedRoot: {
 						})]
 					})
 				]
-			}), g ? (0, Z.jsx)(wt, {
+			}), g ? (0, Z.jsx)(Tt, {
 				in: f,
 				timeout: "auto",
 				children: (0, Z.jsx)("div", {
@@ -4728,7 +4728,7 @@ var vo = (0, X.memo)(_o), yo = qa({ 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)(Ut, {
+					children: (0, Z.jsx)(Gt, {
 						error: o,
 						hideLineNumbers: !0
 					})
@@ -4738,10 +4738,10 @@ var vo = (0, X.memo)(_o), yo = qa({ wrappedRoot: {
 	});
 }));
 jo.displayName = "ToastError";
-var Mo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
+var Mo = (0, Z.jsx)(() => (0, Z.jsx)(ze, {
 	label: "SheetXL",
 	description: E()("logo.description"),
-	children: (0, Z.jsx)(N, {
+	children: (0, Z.jsx)(j, {
 		component: "a",
 		href: "https://www.sheetxl.com",
 		target: "_blank",
@@ -4754,14 +4754,14 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 			marginLeft: "6px",
 			cursor: "pointer"
 		},
-		children: (0, Z.jsx)(Ft, { style: {
+		children: (0, Z.jsx)(ln, { style: {
 			width: "24px",
 			height: "24px"
 		} })
 	})
 }), {}), No = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { workbook: n, className: r, logo: i = Mo, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = An(), d = u < 530, f = (0, X.useRef)(null);
-	return (0, Z.jsx)(N, {
+	return (0, Z.jsx)(j, {
 		...c,
 		ref: bn([
 			f,
@@ -4769,9 +4769,9 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 			t
 		]),
 		className: r,
-		children: Qe({
+		children: $e({
 			isCompact: d,
-			wrapperSelect: (e) => (0, Z.jsxs)(N, {
+			wrapperSelect: (e) => (0, Z.jsxs)(j, {
 				sx: {
 					display: "grid",
 					gridTemplateColumns: "1fr auto 1fr",
@@ -4782,7 +4782,7 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 					paddingRight: (e) => e.spacing(1)
 				},
 				children: [
-					(0, Z.jsxs)(N, {
+					(0, Z.jsxs)(j, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4790,7 +4790,7 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 							justifyContent: "start",
 							gap: (e) => e.spacing(.5)
 						},
-						children: [i, (0, Z.jsxs)(N, {
+						children: [i, (0, Z.jsxs)(j, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -4800,7 +4800,7 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 							children: [o, e]
 						})]
 					}),
-					(0, Z.jsx)(N, {
+					(0, Z.jsx)(j, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4811,7 +4811,7 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(Le, {
 						},
 						children: a
 					}),
-					(0, Z.jsx)(N, {
+					(0, Z.jsx)(j, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
@@ -4855,7 +4855,7 @@ function Po(e, t) {
 		};
 		n && (a.progress.onStart = n);
 		let s = -5;
-		return $t.read({
+		return q.read({
 			...a,
 			progress: {
 				async onStart(e, t) {
@@ -4875,7 +4875,7 @@ function Po(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: ie.Info });
+					c.showMessage(e, { type: oe.Info });
 				}
 			}
 		});
@@ -4893,11 +4893,11 @@ function Po(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 $t.writeAs(e, c, {
+			i = await q.writeAs(e, c, {
 				...s,
 				prompt: !0
 			});
-		} else i = await $t.write(e, void 0, s);
+		} else i = await q.write(e, void 0, s);
 		return !!i;
 	};
 	return e.updateCommand("newWorkbook", { callback: () => {
@@ -4913,9 +4913,9 @@ function Po(e, t) {
 			defaultOption: "Cancel"
 		}) !== "Close" || window.close();
 	} }), (async () => {
-		let t = await $t.getWriteFormats();
+		let t = await q.getWriteFormats();
 		if (l) return;
-		let i = $t.canWrite(), a = $t.canRead();
+		let i = q.canWrite(), a = q.canRead();
 		if (i) {
 			let r = (e) => {
 				let r = e ? t.find((t) => t.key === e) : void 0;
@@ -4998,8 +4998,8 @@ function Po(e, t) {
 			tags: ["noTransaction", "noRepeat"],
 			callback: async (e = null) => {
 				let t = e;
-				if (t || $t.canRead() || (t = await (async () => {
-					let e = await $t.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
+				if (t || q.canRead() || (t = await (async () => {
+					let e = await q.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
 					return d.openFileDialog(t.length ? t.join(",") : "*.*");
 				})(), t)) return m(t);
 			}
@@ -5085,8 +5085,8 @@ function Po(e, t) {
 	};
 }
 No.displayName = "StudioToolbar";
-var Fo = (0, X.lazy)(() => import("./D_8B8jIlshd3eTIO2.mjs"));
-lt();
+var Fo = (0, X.lazy)(() => import("./CPUlpDM6aAzZzCat2.mjs"));
+ut();
 var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 	let t = (e) => {
 		if (typeof e != "function") return e;
@@ -5115,9 +5115,9 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 	}
 	return { getAllCommands: () => r };
 }, Ro = (e) => {
-	let { children: t, workbook: n, setWorkbook: r, workbookTitle: i, isDirty: a } = e, o = ee.useCommandScope(), c = ue(), { showModal: l } = _n(), u = E(), d = (0, X.useRef)(a);
+	let { children: t, workbook: n, setWorkbook: r, workbookTitle: i, isDirty: a } = e, o = ee.useCommandScope(), c = fe(), { showModal: l } = vn(), u = E(), d = (0, X.useRef)(a);
 	d.current = a;
-	let p = P(() => {
+	let p = M(() => {
 		let e = o?.getRoot().getRegistry();
 		if (!e) return;
 		let t = l(Fo, {
@@ -5142,7 +5142,7 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 			} });
 		}(e, { showShortcuts: p }), () => e.remove();
 	}, [o, p]);
-	let m = qe("(prefers-color-scheme: dark)"), { themeMode: h } = de(), [g, _] = re(Mt.Mode, null), [v, b] = re(Mt.DarkGrid, !1), [x, S] = re(Mt.DarkImages, !1);
+	let m = Ye("(prefers-color-scheme: dark)"), { themeMode: h } = pe(), [g, _] = ae(mn.Mode, null), [v, b] = ae(mn.DarkGrid, !1), [x, S] = ae(mn.DarkImages, !1);
 	(0, X.useEffect)(() => {
 		if (!o) return;
 		let e = o.getRoot().contribution();
@@ -5184,7 +5184,7 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 		b,
 		S
 	]);
-	let [C, w] = re(y.Active, null), [T, te] = (0, X.useState)(() => s.getActive());
+	let [C, w] = ae(y.Active, null), [T, te] = (0, X.useState)(() => s.getActive());
 	(0, X.useEffect)(() => s.addChangeListener(te), []), (0, X.useEffect)(() => {
 		C && C !== s.getActive() && s.setActive(C);
 	}, [C]), (0, X.useEffect)(() => {
@@ -5208,7 +5208,7 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 		T,
 		w
 	]);
-	let { isFullscreenAvailable: ne, isFullscreenEnabled: D, toggleFullscreen: O } = se();
+	let { isFullscreenAvailable: ne, isFullscreenEnabled: re, toggleFullscreen: D } = le();
 	return (0, X.useEffect)(() => {
 		if (!o) return;
 		let e = o.getRoot().contribution();
@@ -5223,14 +5223,14 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 			});
 		}(e, {
 			isFullscreenAvailable: ne,
-			isFullscreenEnabled: D,
-			toggleFullscreen: O
+			isFullscreenEnabled: re,
+			toggleFullscreen: D
 		}), () => e.remove();
 	}, [
 		o,
 		ne,
-		D,
-		O
+		re,
+		D
 	]), (0, X.useEffect)(() => {
 		if (!o || !n) return;
 		let e = o.getRoot().contribution(), t = Po(e, {
@@ -5280,7 +5280,7 @@ var zo = ({ renderWorkbook: e }) => {
 			} else e.type === "dragleave" && i(null);
 			e.preventDefault();
 		}
-	}, [t]), o = P((e) => {
+	}, [t]), o = M((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;
@@ -5303,12 +5303,12 @@ var zo = ({ renderWorkbook: e }) => {
 					} }
 				});
 			} else {
-				if (!$t.canRead()) return;
+				if (!q.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)(N, {
+	}, [t, r]), s = (0, X.useMemo)(() => r && r.text ? (0, Z.jsx)(j, {
 		className: "drop-overlay",
 		sx: {
 			position: "absolute",
@@ -5322,7 +5322,7 @@ var zo = ({ renderWorkbook: e }) => {
 			background: (e) => e.palette.divider,
 			color: (e) => e.palette.primary.dark
 		},
-		children: (0, Z.jsx)(I, {
+		children: (0, Z.jsx)(P, {
 			variant: "h4",
 			children: r.text
 		})
@@ -5342,7 +5342,7 @@ var zo = ({ renderWorkbook: e }) => {
 	}), s] });
 }, Bo = (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)(en, {
+	return (0, Z.jsx)(Dt, {
 		initialAnchor: s,
 		children: (0, Z.jsx)(Ro, {
 			workbook: t,
@@ -5355,17 +5355,17 @@ var zo = ({ renderWorkbook: e }) => {
 });
 Bo.displayName = "CommandsWrapper";
 var Vo = {
-	sort: () => import("./DER7-kADXFnTmK-32.mjs"),
-	numberFormat: () => import("./DygUxASTETZM60uN2.mjs"),
-	hyperlink: () => import("./BT2mYkpZGrhWovkv2.mjs"),
-	comments: () => import("./Bz3-FDGVU67Izdnv2.mjs"),
-	find: () => import("./B6bX01HNxwBooBTX2.mjs"),
-	tableNew: () => import("./Bj3gyDL2ZJUDcxt72.mjs"),
-	namedDetails: () => import("./6A8iYjFWJzx5PaTP2.mjs"),
-	insertFunction: () => import("./Dwko6HB2zePBBeBu2.mjs"),
-	resizeHeader: () => import("./DHQcJqD-EtJ0Efug2.mjs"),
-	workbookStatistics: () => import("./BgwHVPZp494SgQ0d2.mjs"),
-	protectWorkbook: () => import("./Cye91DfKIFwRdDpF.mjs").then((e) => e.t).then((e) => e.n)
+	sort: () => import("./D4VqLbEWag8lTWzC2.mjs"),
+	numberFormat: () => import("./BQDXkeSabbxB5DUB2.mjs"),
+	hyperlink: () => import("./Cb-FUOYcyRSkHG6u2.mjs"),
+	comments: () => import("./3y_bCend8tkaewDG2.mjs"),
+	find: () => import("./DVQNQmjI2PKkwiOw2.mjs"),
+	tableNew: () => import("./Ckl3FLCOeqw7yhkP2.mjs"),
+	namedDetails: () => import("./DuPdSe-EXFTx9dsc2.mjs"),
+	insertFunction: () => import("./BceIETi6JJRW6Ss62.mjs"),
+	resizeHeader: () => import("./BqwvP0318zI2izeL2.mjs"),
+	workbookStatistics: () => import("./Blc1T4zLkp8bRC_n2.mjs"),
+	protectWorkbook: () => import("./BhxX7CZWSOlV2Dsz.mjs").then((e) => e.t).then((e) => e.n)
 }, Ho = ["find"], Uo = (0, X.memo)((e) => {
 	let { children: t } = e, n = ko(), r = n ? n.enqueueSnackbar : () => {}, a = n ? n.closeSnackbar : () => {}, [o, s] = (0, X.useState)({
 		isMounted: !1,
@@ -5383,7 +5383,7 @@ var Vo = {
 			...e,
 			isMounted: !1
 		}));
-	}, []), d = E(), f = i.EmptyObject, m = Dt(f), h = kt(f), g = qt(f), _ = (0, X.useRef)(!1);
+	}, []), d = E(), f = i.EmptyObject, m = kt(f), h = jt(f), g = Xt(f), _ = (0, X.useRef)(!1);
 	(0, X.useEffect)(() => {
 		if (_.current) return;
 		_.current = !0;
@@ -5400,14 +5400,14 @@ var Vo = {
 				e.add(t.onceKey), v.current = e;
 			}
 			let n = {
-				variant: t?.type ?? ie.Info,
+				variant: t?.type ?? oe.Info,
 				anchorOrigin: {
 					vertical: "top",
 					horizontal: "center"
 				},
 				preventDuplicate: t?.preventDuplicate,
-				persist: t?.persist ?? t?.type === ie.Error,
-				action: (e) => (0, Z.jsx)(Ce, {
+				persist: t?.persist ?? t?.type === oe.Error,
+				action: (e) => (0, Z.jsx)(Te, {
 					onClick: () => a(e),
 					children: (0, Z.jsx)(p, { iconKey: "Cancel" })
 				})
@@ -5440,13 +5440,13 @@ var Vo = {
 			showOptions: h,
 			showInput: g,
 			showError: (t) => {
-				let n, r = ie.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 = ie.Info), e(i, {
+				let n, r = oe.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 = oe.Info), e(i, {
 					type: r,
 					enqueueProps: { error: n }
 				});
 			}
-		}, n = new ae();
+		}, n = new se();
 		return n.setOverrides(t), n;
 	}, [d]);
 	(0, X.useEffect)(() => {
@@ -5484,8 +5484,8 @@ var Vo = {
 	}, [o]);
 	let [b, S] = (0, X.useState)(null);
 	return (0, X.useEffect)(() => {
-		o.starting.size !== 0 || o.running.size !== 0 ? S((0, Z.jsx)(rn, {
-			icon: (0, Z.jsx)(Jt, { sx: {
+		o.starting.size !== 0 || o.running.size !== 0 ? S((0, Z.jsx)(an, {
+			icon: (0, Z.jsx)(Zt, { sx: {
 				transform: "scale(0.7)",
 				marginLeft: "-6px"
 			} }),
@@ -5515,12 +5515,12 @@ var Vo = {
 });
 Uo.displayName = "StudioNotifierProvider";
 var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", Go = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = fn, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, m = u !== "right", g = (0, X.useMemo)(() => i.map((t) => {
+	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = un, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, m = u !== "right", g = (0, X.useMemo)(() => i.map((t) => {
 		let n = s.getRegisteredTaskPane(t);
 		if (!n) return null;
 		let r = n.getIcon?.();
 		typeof r == "string" && (r = (0, Z.jsx)(p, { iconKey: r }));
-		let i = t === o, a = r ? (0, Z.jsx)(N, {
+		let i = t === o, a = r ? (0, Z.jsx)(j, {
 			sx: {
 				display: "inline-block",
 				transform: m ? "rotate(-90deg)" : "rotate(90deg)",
@@ -5528,20 +5528,20 @@ var Wo = "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)(N, {
+		}) : null, c = !r || !l && i, u = (0, Z.jsx)(j, {
 			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)(N, {
+			children: (0, Z.jsx)(j, {
 				sx: {
 					overflow: "hidden",
 					minWidth: 0,
 					minHeight: 0
 				},
-				children: (0, Z.jsx)(I, {
+				children: (0, Z.jsx)(P, {
 					component: "div",
 					sx: {
 						textTransform: "none",
@@ -5554,13 +5554,13 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				})
 			})
 		});
-		return (0, Z.jsx)(Ye, {
+		return (0, Z.jsx)(Ze, {
 			value: t,
-			label: (0, Z.jsx)(Fe, {
+			label: (0, Z.jsx)(Le, {
 				disableInteractive: !0,
 				title: n.getTitle() ?? "",
 				placement: "left-start",
-				children: (0, Z.jsxs)(N, {
+				children: (0, Z.jsxs)(j, {
 					sx: {
 						padding: "0px 0px",
 						writingMode: m ? "vertical-lr" : "vertical-rl",
@@ -5592,7 +5592,7 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		l,
 		w()
 	]);
-	return (0, Z.jsx)(N, {
+	return (0, Z.jsx)(j, {
 		ref: h(t, () => ({ isTaskPaneStrip: () => !0 }), []),
 		className: (0, X.useMemo)(() => xn("taskpane-strip", d), [d]),
 		sx: {
@@ -5602,7 +5602,7 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 			...c
 		},
 		...f,
-		children: (0, Z.jsx)(Je, {
+		children: (0, Z.jsx)(Xe, {
 			orientation: "vertical",
 			variant: "scrollable",
 			value: o,
@@ -5622,7 +5622,7 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	});
 })), Ko = (e) => {
 	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, X.useRef)(null), c = E();
-	return (0, Z.jsx)(be, {
+	return (0, Z.jsx)(Se, {
 		className: xn({ "Mui-selected": a }),
 		sx: {
 			display: "flex",
@@ -5637,11 +5637,11 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				opacity: 1,
 				transitionDuration: (e) => e.transitions.duration.shortest / 2 + "ms"
 			},
-			backgroundColor: (e) => k(e.palette.action.hover, .03),
+			backgroundColor: (e) => ie(e.palette.action.hover, .03),
 			borderBottom: `solid ${Wo} 1px`
 		},
 		...o,
-		children: (0, Z.jsxs)(N, {
+		children: (0, Z.jsxs)(j, {
 			sx: {
 				display: "flex",
 				flex: "1 1 10%",
@@ -5652,15 +5652,15 @@ var Wo = "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)(N, {
+			children: [(0, Z.jsx)(j, {
 				sx: {
 					flex: "1 1 100%",
 					paddingLeft: (e) => e.spacing(1)
 				},
 				children: t
-			}), (0, Z.jsx)(Le, {
+			}), (0, Z.jsx)(ze, {
 				label: c("taskPane.close"),
-				children: (0, Z.jsx)(Ce, {
+				children: (0, Z.jsx)(Te, {
 					"aria-label": "close",
 					sx: { color: (e) => e.palette.text.icon ?? e.palette.action.active },
 					touchRippleRef: s,
@@ -5676,8 +5676,8 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		})
 	});
 }, qo = (0, X.forwardRef)((e, t) => {
-	let { model: n, side: r, ...i } = e, a = ce();
-	return (0, Z.jsx)(Lt, {
+	let { model: n, side: r, ...i } = e, a = ue();
+	return (0, Z.jsx)(nn, {
 		model: n,
 		ref: t,
 		propsFrame: { style: {
@@ -5703,14 +5703,14 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	display: "flex",
 	boxSizing: "border-box"
 }, Xo = (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] = re(s ?? null, Jo), h = ce(), [g, { width: _ }] = An(), 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] = ae(s ?? null, Jo), h = ue(), [g, { width: _ }] = An(), 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, ee = i, w = a, T = d !== "right", te = v ? "row" : "column", E = T && w ? "before" : "after", ne = `${te}:${E}`, D = s ? p[ne] : void 0, O = D == null ? ((e, t) => {
+	let C, ee = i, w = a, T = d !== "right", te = v ? "row" : "column", E = T && w ? "before" : "after", ne = `${te}:${E}`, re = s ? p[ne] : void 0, D = re == 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, ne) : `${D}%`, k = s || c ? (e) => {
+	})(o, ne) : `${re}%`, ie = s || c ? (e) => {
 		s && m((t) => ({
 			...t,
 			[ne]: e.percent
@@ -5726,7 +5726,7 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		paddingRight: "2px"
 	} }, n = {}, C = {
 		fixedPane: "before",
-		position: O,
+		position: D,
 		minBefore: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
 	}) : (n = { style: {
@@ -5737,10 +5737,10 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		marginRight: v ? "8px" : "4px"
 	} }, C = {
 		fixedPane: "after",
-		position: O,
+		position: D,
 		minAfter: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
-	}), (0, Z.jsx)(le, {
+	}), (0, Z.jsx)(de, {
 		ref: bn([
 			y,
 			g,
@@ -5753,7 +5753,7 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		} : Yo,
 		...f,
 		...C,
-		onPositionChange: k,
+		onPositionChange: ie,
 		propsResizer: {
 			className: xn("styled-resizer", "_styled-resizer_fdl5y_3"),
 			style: {
@@ -5773,9 +5773,9 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 Xo.displayName = "StudioSplitPane";
 var Zo = (0, X.memo)((e) => {
 	let { dataValidation: t } = e, n = E(), r = t.getRenderHints();
-	return Pt(t, "onAnyChange"), (0, Z.jsxs)(Ae, {
+	return Bt(t, "onAnyChange"), (0, Z.jsxs)(Me, {
 		tabIndex: 0,
-		className: tt["editor-panel"],
+		className: nt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -5787,9 +5787,9 @@ var Zo = (0, X.memo)((e) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Z.jsx)(N, {
+			(0, Z.jsx)(j, {
 				sx: { margin: (e) => e.spacing(1.25) },
-				children: (0, Z.jsx)(I, {
+				children: (0, Z.jsx)(P, {
 					variant: "body2",
 					sx: { color: "text.secondary" },
 					children: n("dataValidation.range", { range: t.getRanges().toString() })
@@ -5826,8 +5826,8 @@ var Zo = (0, X.memo)((e) => {
 						"& .MuiAccordionSummary-content": { my: 0 },
 						"&.Mui-expanded .MuiAccordionSummary-content": { my: 0 }
 					},
-					children: (0, Z.jsx)(Ct, {
-						control: (0, Z.jsx)(St, {
+					children: (0, Z.jsx)(wt, {
+						control: (0, Z.jsx)(Ct, {
 							checked: t.isShowPromptMessage(),
 							onChange: (e) => {
 								e.stopPropagation();
@@ -5849,14 +5849,14 @@ var Zo = (0, X.memo)((e) => {
 						flexDirection: "column",
 						gap: 2
 					},
-					children: [(0, Z.jsx)(K, {
+					children: [(0, Z.jsx)(G, {
 						size: "small",
 						label: n("dataValidation.title"),
 						value: t.getPromptTitle(),
 						onChange: (e) => t.setPromptTitle(e.target.value),
 						fullWidth: !0,
 						sx: { backgroundColor: "background.paper" }
-					}), (0, Z.jsx)(K, {
+					}), (0, Z.jsx)(G, {
 						size: "small",
 						label: n("dataValidation.message"),
 						value: t.getPromptMessage(),
@@ -5892,8 +5892,8 @@ var Zo = (0, X.memo)((e) => {
 						"& .MuiAccordionSummary-content": { my: 0 },
 						"&.Mui-expanded .MuiAccordionSummary-content": { my: 0 }
 					},
-					children: (0, Z.jsx)(Ct, {
-						control: (0, Z.jsx)(St, {
+					children: (0, Z.jsx)(wt, {
+						control: (0, Z.jsx)(Ct, {
 							checked: t.isShowAlertMessage(),
 							onChange: (e) => {
 								e.stopPropagation();
@@ -5916,31 +5916,31 @@ var Zo = (0, X.memo)((e) => {
 						gap: 2
 					},
 					children: [
-						(0, Z.jsxs)(H, {
+						(0, Z.jsxs)(B, {
 							fullWidth: !0,
 							size: "small",
 							sx: { backgroundColor: "background.paper" },
-							children: [(0, Z.jsx)(U, { children: n("dataValidation.alertStyle") }), (0, Z.jsxs)(W, {
+							children: [(0, Z.jsx)(V, { children: n("dataValidation.alertStyle") }), (0, Z.jsxs)(H, {
 								value: t.getAlertStyle(),
 								label: n("dataValidation.alertStyle"),
 								onChange: (e) => t.setAlertStyle(e.target.value),
 								children: [
-									(0, Z.jsx)(q, {
-										value: En.AlertStyle.Stop,
+									(0, Z.jsx)(K, {
+										value: kn.AlertStyle.Stop,
 										children: n("dataValidation.alertStop")
 									}),
-									(0, Z.jsx)(q, {
-										value: En.AlertStyle.Warning,
+									(0, Z.jsx)(K, {
+										value: kn.AlertStyle.Warning,
 										children: n("dataValidation.alertWarning")
 									}),
-									(0, Z.jsx)(q, {
-										value: En.AlertStyle.Information,
+									(0, Z.jsx)(K, {
+										value: kn.AlertStyle.Information,
 										children: n("dataValidation.alertInformation")
 									})
 								]
 							})]
 						}),
-						(0, Z.jsx)(K, {
+						(0, Z.jsx)(G, {
 							size: "small",
 							label: n("dataValidation.title"),
 							value: t.getAlertTitle(),
@@ -5948,7 +5948,7 @@ var Zo = (0, X.memo)((e) => {
 							fullWidth: !0,
 							sx: { backgroundColor: "background.paper" }
 						}),
-						(0, Z.jsx)(K, {
+						(0, Z.jsx)(G, {
 							size: "small",
 							label: n("dataValidation.message"),
 							value: t.getAlertMessage(),
@@ -5961,7 +5961,7 @@ var Zo = (0, X.memo)((e) => {
 					]
 				})]
 			}),
-			r.length > 0 && (0, Z.jsx)(N, {
+			r.length > 0 && (0, Z.jsx)(j, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -5970,8 +5970,8 @@ var Zo = (0, X.memo)((e) => {
 					borderColor: "divider",
 					borderRadius: 1
 				},
-				children: (0, Z.jsx)(Ct, {
-					control: (0, Z.jsx)(St, {
+				children: (0, Z.jsx)(wt, {
+					control: (0, Z.jsx)(Ct, {
 						checked: !t.isHideDropdown(),
 						onChange: (e) => t.setHideDropdown(!e.target.checked)
 					}),
@@ -6006,7 +6006,7 @@ var Qo = {
 	getCardTitle: (e, t) => e.getCondition()?.toString() ?? t("dataValidation.noCondition"),
 	CardBody: ({ item: e }) => {
 		let t = E();
-		return e.isShowPromptMessage() && e.getPromptTitle() ? (0, Z.jsx)(I, {
+		return e.isShowPromptMessage() && e.getPromptTitle() ? (0, Z.jsx)(P, {
 			variant: "caption",
 			sx: {
 				color: (e) => e.palette.text.secondary,
@@ -6029,7 +6029,7 @@ var Qo = {
 $o.displayName = "DataValidationDetailsPanel";
 var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 	let { protectedRange: t } = e, n = E();
-	Pt(t, "onAnyChange");
+	Bt(t, "onAnyChange");
 	let r = t.isProtected(), [i, a] = (0, X.useState)(() => t.getName()), [o] = (0, X.useState)(() => t.getName()), [s, c] = (0, X.useState)(null), [l, u] = (0, X.useState)(""), [d, f] = (0, X.useState)(!1), [m] = (0, X.useState)(() => t.hasPassword()), h = (() => {
 		try {
 			let e = t.getRanges();
@@ -6049,9 +6049,9 @@ var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 		}
 		else c(null);
 	};
-	return (0, Z.jsxs)(Ae, {
+	return (0, Z.jsxs)(Me, {
 		tabIndex: 0,
-		className: tt["editor-panel"],
+		className: nt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -6062,14 +6062,14 @@ var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 			borderRadius: (e) => e.spacing(1.25),
 			overflow: "auto"
 		},
-		children: [(0, Z.jsx)(N, {
+		children: [(0, Z.jsx)(j, {
 			sx: { margin: (e) => e.spacing(1.25) },
-			children: (0, Z.jsx)(I, {
+			children: (0, Z.jsx)(P, {
 				variant: "body2",
 				sx: { color: "text.secondary" },
 				children: n("protectedRange.range", { range: t.getRanges().toString() })
 			})
-		}), (0, Z.jsxs)(N, {
+		}), (0, Z.jsxs)(j, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -6077,7 +6077,7 @@ var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 				margin: (e) => e.spacing(1.25)
 			},
 			children: [
-				(0, Z.jsx)(K, {
+				(0, Z.jsx)(G, {
 					label: n("protectedRange.name"),
 					size: "small",
 					fullWidth: !0,
@@ -6093,7 +6093,7 @@ var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 						e.key === "Enter" && g();
 					}
 				}),
-				(0, Z.jsx)(K, {
+				(0, Z.jsx)(G, {
 					label: n("protectedRange.password"),
 					size: "small",
 					fullWidth: !0,
@@ -6112,7 +6112,7 @@ var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 						children: (0, Z.jsx)(p, { iconKey: "Lock" })
 					}) : void 0 } }
 				}),
-				m && !l ? (0, Z.jsx)(F, {
+				m && !l ? (0, Z.jsx)(N, {
 					size: "small",
 					color: "inherit",
 					disabled: r || d,
@@ -6125,7 +6125,7 @@ var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 					},
 					children: n("protectedRange.removePassword")
 				}) : null,
-				t.getSecurityDescriptor() ? (0, Z.jsx)(I, {
+				t.getSecurityDescriptor() ? (0, Z.jsx)(P, {
 					variant: "caption",
 					sx: {
 						color: "text.secondary",
@@ -6166,7 +6166,7 @@ var ns = {
 	getCardTitle: (e, t) => e.getName() || t("protectedRange.unnamed"),
 	CardBody: ({ item: e }) => {
 		let t = E();
-		return e.hasPassword() ? (0, Z.jsx)(I, {
+		return e.hasPassword() ? (0, Z.jsx)(P, {
 			variant: "caption",
 			sx: {
 				color: (e) => e.palette.text.secondary,
@@ -6185,7 +6185,7 @@ var ns = {
 		...r
 	});
 }));
-rs.displayName = "ProtectedRangeDetailsPanel", vt(), m.register("plugin-table", { icons: {} }), fn.registerTaskPane({
+rs.displayName = "ProtectedRangeDetailsPanel", yt(), m.register("plugin-table", { icons: {} }), un.registerTaskPane({
 	key: "dataValidationDetails",
 	getTitle: () => "Data Validation",
 	getIcon: () => "DataValidation",
@@ -6197,7 +6197,7 @@ rs.displayName = "ProtectedRangeDetailsPanel", vt(), m.register("plugin-table",
 			...a
 		});
 	}
-}, !0), fn.registerTaskPane({
+}, !0), un.registerTaskPane({
 	key: "conditionalFormatDetails",
 	getTitle: () => "Conditional Formatting",
 	getIcon: () => "FormatPaint",
@@ -6210,7 +6210,7 @@ rs.displayName = "ProtectedRangeDetailsPanel", vt(), m.register("plugin-table",
 			...o
 		});
 	}
-}, !0), fn.registerTaskPane({
+}, !0), un.registerTaskPane({
 	key: "protectedRangeDetails",
 	getTitle: () => "Allow Edit Ranges",
 	getIcon: () => "Lock",
@@ -6222,7 +6222,7 @@ rs.displayName = "ProtectedRangeDetailsPanel", vt(), m.register("plugin-table",
 			...a
 		});
 	}
-}, !0), gt(), ct();
+}, !0), _t(), lt();
 var is = () => {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
@@ -6242,129 +6242,129 @@ var is = () => {
 	let { colorSchemes: n, ...r } = e, a = n?.[t ? "dark" : "light"];
 	return a && typeof a == "object" ? i.deepMerge(r, a) : r;
 }, os = (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 = ot, propsDocumentError: g, propsTaskPaneArea: _, renderTaskPaneArea: v = ss, taskPaneSide: b = "right", onKeyDown: x, workbook: C, onWorkbookChange: w, logo: T, topLeft: te, topRight: E, muiTheme: D, tokens: O, cssBaseline: k, autoFocus: ie = !1, title: ae, onDirtyChange: A, propsDocumentTitle: oe, renderDocumentLoading: se = nt, propsDocumentLoading: j, propsWorkbook: ce, showFormulaBar: le, propsFormulaBar: ue, renderFormulaBar: M, editable: fe, showStatusBar: me, propsStatusBar: he, renderStatusBar: ge, propsToolbar: _e, renderToolbar: be, ...xe } = e, F = (0, X.useRef)(null), Se = (0, X.useRef)(null), Ce = (0, X.useRef)(null), we = P(() => {
-		Ce.current?.getNamedCollectionEditorElement?.()?.focus?.();
-	}, []), Te = P(d ?? (() => {}), [d]), Ee = P(A ?? (() => {}), [A]), De = oe?.placeHolder, [I] = re(Mt.Mode, void 0), { themeMode: Oe } = de({ mode: I ?? void 0 }), [ke] = re(y.Active, null), L = (0, X.useRef)(ke);
-	L.current = ke;
-	let je = ve(), R = (0, X.useMemo)(() => ({
-		light: Me(!1, i.deepMerge(as(D, !1), $e(je?.light))),
-		dark: Me(!0, i.deepMerge(as(D, !0), $e(je?.dark)))
+	let { className: n, sx: r, square: a, elevation: o, variant: c, style: l, onWorkbookLoad: u, onDocumentError: d, renderDocumentError: f = st, propsDocumentError: g, propsTaskPaneArea: _, renderTaskPaneArea: v = ss, taskPaneSide: b = "right", onKeyDown: x, workbook: C, onWorkbookChange: w, logo: T, topLeft: te, topRight: E, muiTheme: re, tokens: D, cssBaseline: ie, autoFocus: oe = !1, title: se, onDirtyChange: O, propsDocumentTitle: ce, renderDocumentLoading: le = rt, propsDocumentLoading: k, propsWorkbook: ue, showFormulaBar: de, propsFormulaBar: fe, renderFormulaBar: A, editable: me, showStatusBar: ge, propsStatusBar: _e, renderStatusBar: ve, propsToolbar: ye, renderToolbar: Se, ...Ce } = e, N = (0, X.useRef)(null), we = (0, X.useRef)(null), Te = (0, X.useRef)(null), Ee = M(() => {
+		Te.current?.getNamedCollectionEditorElement?.()?.focus?.();
+	}, []), De = M(d ?? (() => {}), [d]), Oe = M(O ?? (() => {}), [O]), ke = ce?.placeHolder, [P] = ae(mn.Mode, void 0), { themeMode: Ae } = pe({ mode: P ?? void 0 }), [je] = ae(y.Active, null), F = (0, X.useRef)(je);
+	F.current = je;
+	let Ne = be(), I = (0, X.useMemo)(() => ({
+		light: Pe(!1, i.deepMerge(as(re, !1), et(Ne?.light))),
+		dark: Pe(!0, i.deepMerge(as(re, !0), et(Ne?.dark)))
 	}), [
-		D,
-		je?.light,
-		je?.dark
-	]), Ne = Oe === "dark", z = ne("studio", (0, X.useId)()), Pe = (0, X.useMemo)(() => _t(R.light, R.dark, `.${z}`, O), [
-		R,
-		z,
-		O
-	]), Fe = (0, X.useMemo)(() => Vt("sxl-defaults", `.${z}`), [z]), Ie = Gt(), [B, Le] = (0, X.useState)(() => C ?? null);
+		re,
+		Ne?.light,
+		Ne?.dark
+	]), Fe = Ae === "dark", L = ne("studio", (0, X.useId)()), Ie = (0, X.useMemo)(() => vt(I.light, I.dark, `.${L}`, D), [
+		I,
+		L,
+		D
+	]), Le = (0, X.useMemo)(() => $t("sxl-defaults", `.${L}`), [L]), Re = Yt(), [R, ze] = (0, X.useState)(() => C ?? null);
 	(0, X.useEffect)(() => {
-		Le(C ?? null);
+		ze(C ?? null);
 	}, [C]);
-	let [Re, ze] = (0, X.useState)(0), Be = (0, X.useRef)(null);
-	Be.current ||= is();
-	let Ve = Et(B, {
-		io: $t,
-		defaultTheme: Ie.getDefaultTheme(),
-		reloadKey: Re
-	}), V = Ve.status === "loaded" ? Ve.workbook : null, H = (0, X.useMemo)(() => Ve.status === "error" ? {
+	let [Be, Ve] = (0, X.useState)(0), He = (0, X.useRef)(null);
+	He.current ||= is();
+	let Ue = fn(R, {
+		io: q,
+		defaultTheme: Re.getDefaultTheme(),
+		reloadKey: Be
+	}), z = Ue.status === "loaded" ? Ue.workbook : null, B = (0, X.useMemo)(() => Ue.status === "error" ? {
 		status: "error",
-		error: Ve.error
-	} : Ve.status === "loaded" ? {
+		error: Ue.error
+	} : Ue.status === "loaded" ? {
 		status: "loaded",
-		workbook: Ve.workbook
-	} : { status: "loading" }, [Ve]);
+		workbook: Ue.workbook
+	} : { status: "loading" }, [Ue]);
 	(0, X.useEffect)(() => {
-		Be.current.settled && (Be.current = is());
-	}, [B, Re]), (0, X.useEffect)(() => {
-		H.status === "loaded" ? Be.current.resolve(H.workbook) : H.status === "error" && (Te?.(H.error), Be.current.reject(H.error));
-	}, [H]);
-	let [U, He] = (0, X.useState)(null);
-	V && !U && He(V);
-	let W = V && U && V !== U ? V : null, Ue = (0, X.useRef)(W);
-	Ue.current = W;
-	let We = (0, X.useRef)(U);
-	We.current = U;
-	let Ge = (0, X.useRef)([]), Ke = (0, X.useCallback)((e) => {
-		let t = We.current;
-		t && Ge.current.push(t), Le(e);
+		He.current.settled && (He.current = is());
+	}, [R, Be]), (0, X.useEffect)(() => {
+		B.status === "loaded" ? He.current.resolve(B.workbook) : B.status === "error" && (De?.(B.error), He.current.reject(B.error));
+	}, [B]);
+	let [V, We] = (0, X.useState)(null);
+	z && !V && We(z);
+	let H = z && V && z !== V ? z : null, Ge = (0, X.useRef)(H);
+	Ge.current = H;
+	let Ke = (0, X.useRef)(V);
+	Ke.current = V;
+	let qe = (0, X.useRef)([]), Je = (0, X.useCallback)((e) => {
+		let t = Ke.current;
+		t && qe.current.push(t), ze(e);
 	}, []);
 	(0, X.useEffect)(() => {
-		let e = Ge.current;
+		let e = qe.current;
 		if (e.length !== 0) {
-			Ge.current = e.filter((e) => e === U);
+			qe.current = e.filter((e) => e === V);
 			for (let t = 0; t < e.length; t++) {
 				let n = e[t];
-				if (n !== U) try {
+				if (n !== V) try {
 					n.close();
 				} catch (e) {
 					console.warn("Unable to close the replaced workbook", e);
 				}
 			}
 		}
-	}, [U]);
-	let qe = fe ? null : U, Je = sn(), Ye = (0, X.useMemo)(() => qe ? nn(qe.getSelectedSheet(), { referenceMode: Je }) : null, [qe, Je]), Xe = fe ?? Ye, Ze = (0, X.useRef)(Xe);
-	Ze.current = Xe, (0, X.useEffect)(() => {
-		if (!Xe) return;
-		let e = Xe.getSession();
-		return Xe.subscribe(() => {
+	}, [V]);
+	let Ye = me ? null : V, Xe = Wt(), Ze = (0, X.useMemo)(() => Ye ? _n(Ye.getSelectedSheet(), { referenceMode: Xe }) : null, [Ye, Xe]), U = me ?? Ze, Qe = (0, X.useRef)(U);
+	Qe.current = U, (0, X.useEffect)(() => {
+		if (!U) return;
+		let e = U.getSession();
+		return U.subscribe(() => {
 			let t = e;
-			e = Xe.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && Ce.current?.contains?.(document.activeElement) && F.current?.focus();
+			e = U.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && Te.current?.contains?.(document.activeElement) && N.current?.focus();
 		});
-	}, [Xe]);
-	let Qe = an(U), { isDirty: G, saveState: et } = on(U, $t), tt = At(U), rt = (0, X.useRef)(et);
-	rt.current = et;
-	let it = (0, X.useCallback)(() => rt.current?.isDirty() ?? !1, []), ct = (0, X.useRef)(H);
-	ct.current = H;
-	let [lt, ut] = (0, X.useState)(null), dt = ae ?? oe?.title, [ft, mt] = (0, X.useState)(null);
-	(0, X.useEffect)(() => {
-		mt(null);
 	}, [U]);
-	let gt = dt ?? ft ?? Qe ?? "";
-	(0, X.useEffect)(() => {
-		Ee?.(G);
-	}, [G]);
-	let vt = P(w ?? (() => {}), [w]);
+	let $e = Lt(V), { isDirty: W, saveState: tt } = zt(V, q), nt = tn(V), it = (0, X.useRef)(tt);
+	it.current = tt;
+	let at = (0, X.useCallback)(() => it.current?.isDirty() ?? !1, []), lt = (0, X.useRef)(B);
+	lt.current = B;
+	let [ut, dt] = (0, X.useState)(null), ft = se ?? ce?.title, [pt, ht] = (0, X.useState)(null);
 	(0, X.useEffect)(() => {
-		vt?.(V);
+		ht(null);
 	}, [V]);
-	let yt = (0, X.useRef)(V);
-	yt.current = V, Pt(U, "onViewChange");
-	let bt = (0, X.useMemo)(() => (0, Z.jsx)(zt, {
+	let _t = ft ?? pt ?? $e ?? "";
+	(0, X.useEffect)(() => {
+		Oe?.(W);
+	}, [W]);
+	let yt = M(w ?? (() => {}), [w]);
+	(0, X.useEffect)(() => {
+		yt?.(z);
+	}, [z]);
+	let bt = (0, X.useRef)(z);
+	bt.current = z, Bt(V, "onViewChange");
+	let xt = (0, X.useMemo)(() => (0, Z.jsx)(Vt, {
 		groupKey: "helpOptions",
 		disableHover: !0,
 		sx: { padding: "0" },
 		propsButton: { sx: { maxHeight: "22px" } }
-	}), []), [xt, St] = (0, X.useState)(null), Ct = (0, X.useCallback)((e) => {
-		St(e);
+	}), []), [St, Ct] = (0, X.useState)(null), wt = (0, X.useCallback)((e) => {
+		Ct(e);
 	}, []);
 	(0, X.useEffect)(() => {
 		m.prefetch();
 	}, []);
-	let K = (0, X.useRef)(null);
-	K.current ||= is();
-	let q = (0, X.useRef)(null), wt = (0, X.useCallback)(() => q.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? K.current.promise, []), Dt = P(async (e) => {
-		let t = L.current;
-		t && t !== s.getActive() && await s.setActive(t), await ee.DefaultCommandCatalogService.prefetch(t ?? void 0), ut(e), q.current = e.source, K.current.settled || K.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), u?.(e);
+	let G = (0, X.useRef)(null);
+	G.current ||= is();
+	let K = (0, X.useRef)(null), Tt = (0, X.useCallback)(() => K.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? G.current.promise, []), Dt = M(async (e) => {
+		let t = F.current;
+		t && t !== s.getActive() && await s.setActive(t), await ee.DefaultCommandCatalogService.prefetch(t ?? void 0), dt(e), K.current = e.source, G.current.settled || G.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), u?.(e);
 	}, []), Ot = (0, X.useRef)(null), kt = (0, X.useCallback)((e) => {
 		let t = null, n = {
 			readOnly: !0,
-			...oe
+			...ce
 		};
-		return oe?.hidden || (t = (0, Z.jsx)(at, {
+		return ce?.hidden || (t = (0, Z.jsx)(ot, {
 			...n,
 			style: {
 				maxWidth: "100%",
-				...oe?.style
+				...ce?.style
 			},
-			workbook: e.workbook ?? F.current,
+			workbook: e.workbook ?? N.current,
 			ref: Ot,
-			title: gt,
-			modified: G,
-			encrypted: tt,
-			placeHolder: De,
+			title: _t,
+			modified: W,
+			encrypted: nt,
+			placeHolder: ke,
 			onTitleChange: (e) => {
-				mt(e), oe?.onTitleChange?.(e);
+				ht(e), ce?.onTitleChange?.(e);
 			}
 		})), (0, Z.jsx)(No, {
 			...e,
@@ -6375,26 +6375,26 @@ var is = () => {
 		});
 	}, [
 		T,
-		gt,
-		G,
-		tt,
-		oe,
+		_t,
+		W,
+		nt,
+		ce,
 		te,
 		E
 	]);
 	(0, X.useEffect)(() => {
-		let e = F.current;
+		let e = N.current;
 		if (!e) return;
 		let t = (e) => e.preventDefault();
 		return e.addEventListener("wheel", t, { passive: !1 }), () => {
 			e.removeEventListener("wheel", t);
 		};
-	}, [lt]);
-	let [jt, Nt] = (0, X.useState)(null);
+	}, [ut]);
+	let [At, jt] = (0, X.useState)(null);
 	(0, X.useEffect)(() => {
-		Nt(lt?.source?.getCommandScope?.() ?? null);
-	}, [lt]);
-	let Ft = (0, X.useMemo)(() => ({
+		jt(ut?.source?.getCommandScope?.() ?? null);
+	}, [ut]);
+	let Mt = (0, X.useMemo)(() => ({
 		"& .SnackbarContainer-root": { position: "absolute !important" },
 		"& .notistack-SnackbarContainer > div": { maxWidth: "min(100%, 720px)" },
 		"& .notistack-Snackbar": { minWidth: "unset" },
@@ -6408,49 +6408,49 @@ var is = () => {
 		},
 		"*": { userSelect: "none" },
 		...r
-	}), [r]), [Lt, Rt] = (0, X.useState)(null), [, Bt] = re(null, !1);
+	}), [r]), [Nt, Pt] = (0, X.useState)(null), [, Ft] = ae(null, !1);
 	(0, X.useEffect)(() => {
-		Bt(Lt != null);
-	}, [Lt, Bt]);
-	let Ht = (0, X.useCallback)((e) => v({
-		model: U,
+		Ft(Nt != null);
+	}, [Nt, Ft]);
+	let It = (0, X.useCallback)((e) => v({
+		model: V,
 		side: b,
 		...e,
 		..._
 	}), [
-		U,
+		V,
 		b,
 		_
-	]), Ut = h(t, () => ({
+	]), Ht = h(t, () => ({
 		isStudioElement: () => !0,
-		getWorkbookElement: () => F.current,
-		getWorkbook: () => yt.current ?? null,
-		isDirty: () => rt.current?.isDirty() ?? !1,
-		getEditable: () => Ze.current,
-		getFormulaBarElement: () => Ce.current ?? null,
-		focus: () => F.current?.focus(),
-		whenReady: () => (Be.current ||= is(), Be.current.promise),
-		getWorkbookState: () => ct.current,
-		retry: () => ze((e) => e + 1)
-	}), []), qt = (0, X.useRef)(!1), Jt = P((e, t) => {
-		t === Ue.current && requestAnimationFrame(() => requestAnimationFrame(() => {
-			t === Ue.current && (qt.current = Ut.current?.contains(document.activeElement) ?? !0, He(t), Dt(e));
+		getWorkbookElement: () => N.current,
+		getWorkbook: () => bt.current ?? null,
+		isDirty: () => it.current?.isDirty() ?? !1,
+		getEditable: () => Qe.current,
+		getFormulaBarElement: () => Te.current ?? null,
+		focus: () => N.current?.focus(),
+		whenReady: () => (He.current ||= is(), He.current.promise),
+		getWorkbookState: () => lt.current,
+		retry: () => Ve((e) => e + 1)
+	}), []), Ut = (0, X.useRef)(!1), Gt = M((e, t) => {
+		t === Ge.current && requestAnimationFrame(() => requestAnimationFrame(() => {
+			t === Ge.current && (Ut.current = Ht.current?.contains(document.activeElement) ?? !0, We(t), Dt(e));
 		}));
 	}, []);
 	(0, X.useEffect)(() => {
-		qt.current && (qt.current = !1, F.current?.focus());
-	}, [U]);
-	let Yt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), Xt = (0, X.useCallback)((e) => {
-		let { ref: t, ...n } = e, i = Ne ? R.dark : R.light, s = H.status === "error" ? f({
+		Ut.current && (Ut.current = !1, N.current?.focus());
+	}, [V]);
+	let qt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), Jt = (0, X.useCallback)((e) => {
+		let { ref: t, ...n } = e, i = Fe ? I.dark : I.light, s = B.status === "error" ? f({
 			...g,
 			style: {
 				width: "100%",
 				height: "100%",
 				...g?.style
 			},
-			error: H.error
+			error: B.error
 		}) : null;
-		if (s && !U) return (0, Z.jsx)(Ae, {
+		if (s && !V) return (0, Z.jsx)(Me, {
 			sx: r,
 			style: {
 				width: "100%",
@@ -6463,12 +6463,12 @@ var is = () => {
 			children: s
 		});
 		let l = null;
-		if (U) {
-			let e = U, r = e.getView(), a = le ?? r?.isShowFormulaBar(), o = me ?? r?.isShowStatusBar(), s = lt?.source ?? F.current, c = (be ?? kt)({
+		if (V) {
+			let e = V, r = e.getView(), a = de ?? r?.isShowFormulaBar(), o = ge ?? r?.isShowStatusBar(), s = ut?.source ?? N.current, c = (Se ?? kt)({
 				workbook: s,
-				..._e
-			}), u = a ? (M ?? ht)({
-				ref: Ce,
+				...ye
+			}), u = a ? (A ?? gt)({
+				ref: Te,
 				style: {
 					marginTop: i.spacing(.25),
 					marginLeft: i.spacing(1),
@@ -6476,38 +6476,38 @@ var is = () => {
 					marginBottom: i.spacing(.75)
 				},
 				workbook: e,
-				editable: Xe ?? void 0,
-				...ue,
+				editable: U ?? void 0,
+				...fe,
 				propsNamedCollectionEditor: {
 					restoreFocus: (e) => s?.focus(e),
-					...ue?.propsNamedCollectionEditor
+					...fe?.propsNamedCollectionEditor
 				}
-			}) : null, d = o ? (ge ?? pt)({
-				childrenEnd: bt,
-				...he
-			}) : null, f = (e, r) => (0, Z.jsx)(st, {
-				...ce,
+			}) : null, d = o ? (ve ?? mt)({
+				childrenEnd: xt,
+				..._e
+			}) : null, f = (e, r) => (0, Z.jsx)(ct, {
+				...ue,
 				tabIndex: 0,
-				autoFocus: !r && ie,
+				autoFocus: !r && oe,
 				workbook: e,
-				editable: r ? void 0 : Xe ?? void 0,
-				focusNameBox: r ? void 0 : we,
-				ref: r ? Se : bn([t, F]),
-				onWorkbookLoad: r ? (t) => Jt(t, e) : Dt,
+				editable: r ? void 0 : U ?? void 0,
+				focusNameBox: r ? void 0 : Ee,
+				ref: r ? we : bn([t, N]),
+				onWorkbookLoad: r ? (t) => Gt(t, e) : Dt,
 				onKeyDown: (e) => {
 					x?.(e);
 				},
-				propsWorkbookLoading: j,
-				renderWorkbookLoading: Yt,
+				propsWorkbookLoading: k,
+				renderWorkbookLoading: qt,
 				style: r ? {
-					...ce?.style,
+					...ue?.style,
 					position: "absolute",
 					inset: 0,
 					visibility: "hidden"
 				} : {
 					flex: "1 1 100%",
 					minHeight: 0,
-					...ce?.style
+					...ue?.style
 				},
 				onContextMenu: (e) => e.preventDefault(),
 				...r ? null : n
@@ -6519,7 +6519,7 @@ var is = () => {
 					flex: "1 1 100%",
 					minWidth: 0,
 					minHeight: 0,
-					...Kt({
+					...sn({
 						window: i.palette.background.default,
 						windowText: i.palette.text.primary
 					})
@@ -6530,9 +6530,9 @@ var is = () => {
 					(0, Z.jsx)(Xo, {
 						taskSide: b,
 						persistKey: "taskPanePosition",
-						sidebarElement: Lt ? (0, Z.jsx)(ee.CommandScopeProvider, {
-							scope: jt,
-							children: Lt
+						sidebarElement: Nt ? (0, Z.jsx)(ee.CommandScopeProvider, {
+							scope: At,
+							children: Nt
 						}) : void 0,
 						mainElement: (0, Z.jsxs)("div", {
 							style: {
@@ -6543,8 +6543,8 @@ var is = () => {
 								minWidth: 0,
 								minHeight: 0
 							},
-							children: [[f(U, !1), W ? f(W, !0) : null], (0, Z.jsx)(N, {
-								ref: Ct,
+							children: [[f(V, !1), H ? f(H, !0) : null], (0, Z.jsx)(j, {
+								ref: wt,
 								sx: {
 									position: "absolute",
 									top: "10%",
@@ -6561,9 +6561,9 @@ var is = () => {
 				]
 			});
 		}
-		let u = lt ? null : se({ ...j });
-		return (0, Z.jsxs)(Ae, {
-			sx: Ft,
+		let u = ut ? null : le({ ...k });
+		return (0, Z.jsxs)(Me, {
+			sx: Mt,
 			style: {
 				width: "100%",
 				height: "100%",
@@ -6579,7 +6579,7 @@ var is = () => {
 			variant: c,
 			children: [
 				l,
-				s ? (0, Z.jsx)(Ae, {
+				s ? (0, Z.jsx)(Me, {
 					style: {
 						position: "absolute",
 						inset: 0,
@@ -6596,59 +6596,59 @@ var is = () => {
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "center",
-						background: `var(--sxl-color-base-100, ${Ne ? "#121212" : "#fff"})`
+						background: `var(--sxl-color-base-100, ${Fe ? "#121212" : "#fff"})`
 					},
 					children: u
 				}) : null
 			]
 		});
 	}, [
+		B,
+		V,
 		H,
-		U,
-		W,
-		lt,
-		gt,
-		se,
-		j,
-		Yt,
-		ce,
-		xe,
+		ut,
+		_t,
+		le,
+		k,
+		qt,
+		ue,
+		Ce,
 		a,
 		o,
 		c,
-		bt,
+		xt,
 		f,
 		g,
 		kt,
-		Ft,
-		Lt,
+		Mt,
+		Nt,
 		b,
-		jt,
-		le,
-		ue,
-		M,
-		Xe,
-		me,
-		he,
+		At,
+		de,
+		fe,
+		A,
+		U,
 		ge,
 		_e,
-		be,
-		R,
-		Ne
-	]), Zt = (0, Z.jsx)(Oo, {
+		ve,
+		ye,
+		Se,
+		I,
+		Fe
+	]), Xt = (0, Z.jsx)(Oo, {
 		maxSnack: 3,
-		domRoot: xt ?? void 0,
+		domRoot: St ?? void 0,
 		anchorOrigin: {
 			vertical: "bottom",
 			horizontal: "right"
 		},
 		autoHideDuration: 3500,
 		onClose: (e, t, n) => {
-			F.current?.focus();
+			N.current?.focus();
 		},
 		Components: { error: jo },
 		iconVariant: {
-			success: (0, Z.jsx)(ye, {
+			success: (0, Z.jsx)(xe, {
 				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" })
 			}),
@@ -6657,32 +6657,32 @@ var is = () => {
 				style: { marginRight: "8px" }
 			})
 		},
-		children: (0, Z.jsx)(Tt, {
-			workbook: U,
-			children: (0, Z.jsx)(dn, {
-				renderArea: Ht,
+		children: (0, Z.jsx)(Et, {
+			workbook: V,
+			children: (0, Z.jsx)(on, {
+				renderArea: It,
 				onUpdateArea: (e) => {
-					Rt(e);
+					Pt(e);
 				},
-				children: (0, Z.jsx)(Wt, { children: (0, Z.jsx)(Uo, { children: (0, Z.jsx)(pe, { children: (0, Z.jsx)(S, { children: (0, Z.jsx)(Bo, {
-					workbook: U,
-					initialCommandAnchor: wt,
-					renderWorkbook: Xt,
-					setWorkbook: Ke,
-					titleWorkbook: gt,
-					setWorkbookTitle: mt,
+				children: (0, Z.jsx)(Kt, { children: (0, Z.jsx)(Uo, { children: (0, Z.jsx)(he, { children: (0, Z.jsx)(S, { children: (0, Z.jsx)(Bo, {
+					workbook: V,
+					initialCommandAnchor: Tt,
+					renderWorkbook: Jt,
+					setWorkbook: Je,
+					titleWorkbook: _t,
+					setWorkbookTitle: ht,
 					refDocumentTitle: Ot,
-					isDirty: it
+					isDirty: at
 				}) }) }) }) })
 			})
 		})
 	});
-	return Zt = (0, Z.jsxs)(lr, {
-		theme: Ne ? R.dark : R.light,
-		children: [k ? (0, Z.jsx)(zr, {}) : null, (0, Z.jsxs)("div", {
-			ref: Ut,
-			className: xn("sheetxl-studio", z, n),
-			"data-sxl-theme-mode": Ne ? "dark" : "light",
+	return Xt = (0, Z.jsxs)(lr, {
+		theme: Fe ? I.dark : I.light,
+		children: [ie ? (0, Z.jsx)(zr, {}) : null, (0, Z.jsxs)("div", {
+			ref: Ht,
+			className: xn("sheetxl-studio", L, n),
+			"data-sxl-theme-mode": Fe ? "dark" : "light",
 			style: {
 				display: "flex",
 				flexDirection: "column",
@@ -6694,19 +6694,19 @@ var is = () => {
 				position: "relative",
 				...l
 			},
-			...xe,
+			...Ce,
 			children: [
-				(0, Z.jsx)("style", { children: Pe }),
-				(0, Z.jsx)("style", { children: Fe }),
-				(0, Z.jsx)(It, {
-					themeScopeClass: z,
+				(0, Z.jsx)("style", { children: Ie }),
+				(0, Z.jsx)("style", { children: Le }),
+				(0, Z.jsx)(Rt, {
+					themeScopeClass: L,
 					themeSurface: "app",
-					themeMode: Oe,
-					children: Zt
+					themeMode: Ae,
+					children: Xt
 				})
 			]
 		})]
-	}), Zt;
+	}), Xt;
 }));
 os.displayName = "EagerStudio";
 var ss = (e) => (0, Z.jsx)(qo, { ...e });