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

package/cdn/assets/{B2BvBxjz3Kfii_Gn2.js → DVS_5oDniuAFH3vT2.js}

@@ -1,32 +1,32 @@
 /**
-* @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.js";
-import { t } from "./BynqRVXFRplO7XgC.js";
-import { t as n } from "./DiKc6jzGM1isrN02.js";
-import { t as r } from "./B0N6rTGGJN2DZPaf.js";
-import { A as i, R as a, _ as o, d as s, g as c, j as l, s as u, t as d, v as f } from "./BetL7yI63lEdQ0gM2.js";
-import { a as p, n as m } from "./C7xBBqvPqat9oEft2.js";
-import { Mt as h, Q as g, Ut as _, b as v, dt as y, q as b, st as x, un as S } from "./NZO3-fDBtqhmCsbB2.js";
-import { t as C } from "./hsy1zALC1oNNm5Sf.js";
-import { r as w, t as ee } from "./DeFts-aGqB-RDuV1.js";
-import { $t as T, B as E, C as D, D as te, Dt as ne, Et as O, G as k, K as re, N as ie, Ot as ae, Rt as A, T as oe, W as se, Xt as j, Y as ce, _ as le, b as ue, c as de, ct as fe, dt as pe, ft as me, h as M, i as he, it as ge, m as N, n as _e, nt as P, ot as ve, p as F, rt as ye, s as be, st as xe, t as I, tt as Se, v as Ce, w as we, x as Te, y as Ee, yt as De } from "./DW2yQm-sEcHogX7E.js";
-import { $ as Oe, At as ke, B as Ae, Bt as je, E as Me, Et as Ne, F as Pe, Ft as Fe, G as Ie, H as L, Ht as Le, J as Re, M as ze, Mt as Be, N as Ve, Nt as He, O as Ue, P as We, Q as Ge, St as Ke, Tt as qe, Vt as Je, W as Ye, Y as Xe, _ as Ze, _t as Qe, a as $e, et as R, i as z, it as B, jt as et, k as tt, lt as nt, m as rt, o as it, ot as at, pt as ot, q as st, qt as ct, rt as lt, st as ut, u as dt, v as ft, vt as pt, x as V, xt as mt, zt as ht } from "./BdhFhDEa7Xed6dFE.js";
-import { $ as gt, C as _t, Ct as vt, D as yt, Et as bt, F as xt, H as St, I as Ct, J as wt, L as Tt, N as H, St as Et, Tt as Dt, V as Ot, _t as U, bt as kt, ct as W, g as At, k as jt, lt as Mt, nt as Nt, s as Pt, st as Ft, ut as G, v as It, vt as Lt, yt as Rt } from "./Bj8bWbLg1IY965tK.js";
-import { D as zt, E as Bt, S as Vt, h as K, p as Ht, r as Ut, t as q } from "./KJzdwvEWwCwAXuo4.js";
-import { A as Wt, C as Gt, D as Kt, E as qt, F as Jt, I as Yt, M as Xt, N as Zt, O as Qt, P as $t, S as en, T as tn, _ as nn, a as rn, b as an, c as on, d as sn, f as cn, g as ln, h as un, i as dn, j as fn, k as pn, l as mn, m as hn, o as gn, p as _n, r as vn, s as yn, u as bn, v as xn, w as Sn, x as Cn, y as wn } from "./HeznPoDlSj26Q4lq.js";
-import { n as Tn, t as En } from "./DaX0_AkJxkaUnNT7.js";
-import { t as J } from "./DlLXCXDokJ72EW-E.js";
-import { t as Y } from "./BOTU30yJHbaNehFS.js";
-import { t as Dn } from "./Cb71rZAQvCk3wnfp.js";
-import { t as On } from "./BIPjogMyMmLRly43.js";
-import { n as kn } from "./omgRvCRxe7suvog8.js";
-import { r as An } from "./Dhq9e6LCpmlIkFod.js";
-import { i as jn } from "./XSUr59k0gaFIS1Qf2.js";
-var Mn = bt(), X = e(t(), 1), Nn = X.createContext(null);
+import { r as e } from "./D9-wpGVbTS9rRpxx.js";
+import { t } from "./DnzDlqizzNkbhJP7.js";
+import { t as n } from "./j8nXVEYbO2kPuEYQ.js";
+import { t as r } from "./CBuvbUg67ah_3BOZ.js";
+import { o as i, t as a } from "./D_t53-8k73CNpV-p2.js";
+import { A as o, R as s, _ as c, d as l, g as u, j as d, s as f, t as p, v as m } from "./CEN8dYSpN2oew8HH2.js";
+import { B as h, G as g, I as _, Q as v, Y as y, ct as b, dt as x, pt as S } from "./Crkvq5j5KIa6eTLI2.js";
+import { r as C, t as w } from "./EjOJX5m8OEL-IjPB.js";
+import { $t as T, B as E, C as D, D as ee, Dt as te, Et as ne, G as O, K as re, N as ie, Ot as ae, Rt as k, T as oe, W as se, Xt as A, Y as ce, _ as le, b as ue, c as de, ct as fe, dt as pe, ft as me, h as j, i as M, it as he, m as N, n as ge, nt as _e, ot as ve, p as P, rt as ye, s as be, st as xe, t as F, tt as Se, v as Ce, w as we, x as Te, y as Ee, yt as De } from "./BNybEGR813e3aNIv.js";
+import { $ as Oe, C as ke, Ct as Ae, D as je, Et as Me, F as I, H as L, I as Ne, J as Pe, L as Fe, N as R, St as Ie, Tt as Le, V as Re, _t as z, bt as ze, ct as B, g as Be, k as Ve, lt as V, nt as H, s as U, st as He, ut as W, v as Ue, vt as We, yt as Ge } from "./iXWgTu3qpYZHcx1J.js";
+import { D as Ke, E as qe, S as Je, h as Ye, p as G, r as Xe, t as K } from "./DKeLjEJPO9nT3bpr.js";
+import { A as Ze, C as Qe, D as $e, E as et, F as tt, I as nt, O as rt, P as it, S as at, T as ot, _ as st, a as ct, b as lt, c as ut, d as dt, f as ft, g as pt, h as mt, i as ht, j as gt, k as _t, l as vt, m as yt, n as bt, o as xt, p as St, r as Ct, s as wt, t as Tt, u as Et, v as Dt, w as Ot, x as kt, y as At } from "./DC9obE_EVmxtvXCf.js";
+import { n as jt, t as q } from "./c6VvwMHfXubjjtyj.js";
+import { t as J } from "./D1MA2ed2cLMt7hV9.js";
+import { t as Y } from "./Ce5A_D4YBgi_s2KF.js";
+import { t as Mt } from "./DTCtbG90ip7Z7LaG.js";
+import { $ as Nt, A as Pt, B as Ft, Ct as It, D as Lt, Dt as Rt, E as zt, F as Bt, Ft as Vt, Gt as Ht, I as Ut, K as Wt, Kt as Gt, N as Kt, O as qt, Pt as Jt, Q as Yt, Rt as Xt, S as Zt, St as Qt, Ut as $t, V as en, W as tn, X as nn, Xt as rn, Yt as an, Zt as on, _ as sn, a as cn, ct as ln, et as un, f as dn, jt as fn, k as pn, l as mn, lt as hn, mt as gn, n as _n, nt as vn, p as yn, pt as bn, r as xn, t as Sn, u as Cn, v as wn, w as Tn, xt as En } from "./DvItgGbf8IOWPyxd.js";
+import { t as Dn } from "./CHttngK66Ido5dWW.js";
+import { n as On } from "./BVgTMDEoPgsWFmku.js";
+import { t as kn } from "./D3G3tI3DVCUF3Gdk2.js";
+import { i as An } from "./D_HeH7AJqWoxehn52.js";
+import { r as jn } from "./c7aIqKLOO4pvUsV12.js";
+var Mn = Me(), X = e(t(), 1), Nn = X.createContext(null);
 function Pn() {
 	return X.useContext(Nn);
 }
@@ -73,8 +73,8 @@ function Rn(e, t, n, r = !1) {
 }
 function zn(e) {
 	let { children: t, theme: n, themeId: r } = e, i = le(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 = le(), n = Lt() || "", { 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};` : "", Et(() => {
+		let t = le(), n = We() || "", { modularCssLayers: r } = e, i = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
+		return i = r && t === null ? typeof r == "string" ? r.replace(/mui(?!\.)/g, i) : `@layer ${i};` : "", Ie(() => {
 			let e = document.querySelector("head");
 			if (!e) return;
 			let t = e.firstChild;
@@ -83,15 +83,15 @@ function 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)(Bt, { styles: i }) : null;
+		}, [i, n]), i ? (0, Z.jsx)(qe, { styles: i }) : null;
 	}(o);
 	return (0, Z.jsx)(In, {
 		theme: s,
 		children: (0, Z.jsx)(ie.Provider, {
 			value: o,
-			children: (0, Z.jsx)(kt, {
+			children: (0, Z.jsx)(ze, {
 				value: c,
-				children: (0, Z.jsxs)(Rt, {
+				children: (0, Z.jsxs)(Ge, {
 					value: r ? o[r].components : o.components,
 					children: [l, t]
 				})
@@ -257,7 +257,7 @@ var Yn = Ce(), Xn = Mn("div", {
 	slot: "Root"
 });
 function Zn(e) {
-	return vt({
+	return Ae({
 		props: e,
 		name: "MuiStack",
 		defaultTheme: Yn
@@ -289,7 +289,7 @@ var $n = ({ ownerState: e, theme: t }) => {
 				let r = t > 0 ? a[n[t - 1]] : "column";
 				a[e] = r;
 			}
-		}), n = te(n, D({ theme: t }, o, (t, n) => {
+		}), n = ee(n, D({ theme: t }, o, (t, n) => {
 			return e.useFlexGap ? { gap: Te(r, t) } : {
 				"& > :not(style):not(style)": { margin: 0 },
 				"& > :not(style) ~ :not(style)": { [`margin${i = n ? a[n] : e.direction, {
@@ -307,7 +307,7 @@ var $n = ({ ownerState: e, theme: t }) => {
 function er(e) {
 	return N("MuiAccordionSummary", e);
 }
-var tr = F("MuiAccordionSummary", [
+var tr = P("MuiAccordionSummary", [
 	"root",
 	"expanded",
 	"focusVisible",
@@ -319,7 +319,7 @@ var tr = F("MuiAccordionSummary", [
 function nr(e) {
 	return N("MuiToggleButton", e);
 }
-var rr = F("MuiToggleButton", [
+var rr = P("MuiToggleButton", [
 	"root",
 	"disabled",
 	"selected",
@@ -352,30 +352,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: w } = e, ee = X.useRef(!1), T = Pn(), E = X.useContext(l), D = !!E && !b, te = X.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), ne = te[t], O = ne || te, { colorSchemes: k = u, components: re = d, cssVarPrefix: ie } = O, ae = Object.keys(k).filter((e) => !!k[e]).join(","), A = X.useMemo(() => ae.split(","), [ae]), oe = typeof o == "string" ? o : o.light, se = typeof o == "string" ? o : o.dark, { mode: j, setMode: ce, systemMode: le, lightColorScheme: ue, darkColorScheme: de, colorScheme: fe, setColorScheme: pe } = 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: w } = e, T = X.useRef(!1), E = Pn(), D = X.useContext(l), ee = !!D && !b, te = X.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), ne = te[t], O = ne || te, { colorSchemes: re = u, components: ie = d, cssVarPrefix: ae } = O, k = Object.keys(re).filter((e) => !!re[e]).join(","), oe = X.useMemo(() => k.split(","), [k]), se = typeof o == "string" ? o : o.light, A = typeof o == "string" ? o : o.dark, { mode: ce, setMode: le, systemMode: ue, lightColorScheme: de, darkColorScheme: fe, colorScheme: pe, setColorScheme: me } = Jn({
+				supportedColorSchemes: oe,
+				defaultLightColorScheme: se,
+				defaultDarkColorScheme: A,
 				modeStorageKey: p,
 				colorSchemeStorageKey: m,
-				defaultMode: k[oe] && k[se] ? S : k[O.defaultColorScheme]?.palette?.mode || O.palette?.mode,
+				defaultMode: re[se] && re[A] ? S : re[O.defaultColorScheme]?.palette?.mode || O.palette?.mode,
 				storageManager: g,
 				storageWindow: _,
 				noSsr: w
-			}), me = j, M = fe;
-			D && (me = E.mode, M = E.colorScheme);
+			}), j = ce, M = pe;
+			ee && (j = D.mode, M = D.colorScheme);
 			let he = M || O.defaultColorScheme;
 			O.vars && !C && (he = O.defaultColorScheme);
-			let ge = X.useMemo(() => {
+			let N = X.useMemo(() => {
 				let e = O.generateThemeVars?.() || O.vars, t = {
 					...O,
-					components: re,
-					colorSchemes: k,
-					cssVarPrefix: ie,
+					components: ie,
+					colorSchemes: re,
+					cssVarPrefix: ae,
 					vars: e
 				};
 				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), he) {
-					let e = k[he];
+					let e = re[he];
 					e && typeof e == "object" && Object.keys(e).forEach((n) => {
 						e[n] && typeof e[n] == "object" ? t[n] = {
 							...t[n],
@@ -387,19 +387,19 @@ var { CssVarsProvider: ar, useColorScheme: or, getInitColorSchemeScript: sr } =
 			}, [
 				O,
 				he,
+				ie,
 				re,
-				k,
-				ie
-			]), N = O.colorSchemeSelector;
-			Et(() => {
-				if (M && y && N && N !== "media") {
-					let e = N, t = N;
-					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...A.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", M));
+				ae
+			]), ge = O.colorSchemeSelector;
+			Ie(() => {
+				if (M && y && ge && ge !== "media") {
+					let e = ge, t = ge;
+					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...oe.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", M));
 					else {
 						let e = t.replace("%s", M).match(/\[([^\]]+)\]/);
 						if (e) {
 							let [t, n] = e[1].split("=");
-							n || A.forEach((e) => {
+							n || oe.forEach((e) => {
 								y.removeAttribute(t.replace(M, e));
 							}), y.setAttribute(t, n ? n.replace(/"|'/g, "") : "");
 						} else y.setAttribute(t, M);
@@ -407,12 +407,12 @@ var { CssVarsProvider: ar, useColorScheme: or, getInitColorSchemeScript: sr } =
 				}
 			}, [
 				M,
-				N,
+				ge,
 				y,
-				A
+				oe
 			]), X.useEffect(() => {
 				let e;
-				if (h && ee.current && v) {
+				if (h && T.current && v) {
 					let t = v.createElement("style");
 					t.appendChild(v.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), v.head.appendChild(t), window.getComputedStyle(v.body), e = setTimeout(() => {
 						v.head.removeChild(t);
@@ -425,38 +425,38 @@ var { CssVarsProvider: ar, useColorScheme: or, getInitColorSchemeScript: sr } =
 				M,
 				h,
 				v
-			]), X.useEffect(() => (ee.current = !0, () => {
-				ee.current = !1;
+			]), X.useEffect(() => (T.current = !0, () => {
+				T.current = !1;
 			}), []);
 			let _e = X.useMemo(() => ({
-				allColorSchemes: A,
+				allColorSchemes: oe,
 				colorScheme: M,
-				darkColorScheme: de,
-				lightColorScheme: ue,
-				mode: me,
-				setColorScheme: pe,
-				setMode: ce,
-				systemMode: le
+				darkColorScheme: fe,
+				lightColorScheme: de,
+				mode: j,
+				setColorScheme: me,
+				setMode: le,
+				systemMode: ue
 			}), [
-				A,
+				oe,
 				M,
+				fe,
 				de,
-				ue,
+				j,
 				me,
-				pe,
-				ce,
 				le,
-				ge.colorSchemeSelector
-			]), P = !0;
-			(x || !1 === O.cssVariables || D && T?.cssVarPrefix === ie) && (P = !1);
-			let ve = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(zn, {
+				ue,
+				N.colorSchemeSelector
+			]), ve = !0;
+			(x || !1 === O.cssVariables || ee && E?.cssVarPrefix === ae) && (ve = !1);
+			let P = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(zn, {
 				themeId: ne ? t : void 0,
-				theme: ge,
+				theme: N,
 				children: c
-			}), P && (0, Z.jsx)(zt, { styles: ge.generateStyleSheets?.() || [] })] });
-			return D ? ve : (0, Z.jsx)(l.Provider, {
+			}), ve && (0, Z.jsx)(Ke, { styles: N.generateStyleSheets?.() || [] })] });
+			return ee ? P : (0, Z.jsx)(l.Provider, {
 				value: _e,
-				children: ve
+				children: P
 			});
 		},
 		useColorScheme: () => X.useContext(l) || c,
@@ -486,7 +486,7 @@ var { CssVarsProvider: ar, useColorScheme: or, getInitColorSchemeScript: sr } =
 	};
 }({
 	themeId: E,
-	theme: () => he({ cssVariables: !0 }),
+	theme: () => M({ cssVariables: !0 }),
 	colorSchemeStorageKey: "mui-color-scheme",
 	modeStorageKey: "mui-mode",
 	defaultColorScheme: {
@@ -527,7 +527,7 @@ var ur = X.createContext({});
 function dr(e) {
 	return N("MuiAccordion", e);
 }
-var fr = F("MuiAccordion", [
+var fr = P("MuiAccordion", [
 	"root",
 	"heading",
 	"rounded",
@@ -535,7 +535,7 @@ var fr = F("MuiAccordion", [
 	"disabled",
 	"gutters",
 	"region"
-]), pr = G(Ot, {
+]), pr = W(Re, {
 	name: "MuiAccordion",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -547,11 +547,11 @@ var fr = F("MuiAccordion", [
 			!n.disableGutters && t.gutters
 		];
 	}
-})(Mt(({ theme: e }) => {
+})(V(({ theme: e }) => {
 	let t = { duration: e.transitions.duration.shortest };
 	return {
 		position: "relative",
-		...Nt(e, ["margin"], t),
+		...H(e, ["margin"], t),
 		overflowAnchor: "none",
 		"&::before": {
 			position: "absolute",
@@ -562,7 +562,7 @@ var fr = F("MuiAccordion", [
 			content: "\"\"",
 			opacity: 1,
 			backgroundColor: (e.vars || e).palette.divider,
-			...Nt(e, ["opacity", "background-color"], t)
+			...H(e, ["opacity", "background-color"], t)
 		},
 		"&:first-of-type": { "&::before": { display: "none" } },
 		[`&.${fr.expanded}`]: {
@@ -573,7 +573,7 @@ var fr = F("MuiAccordion", [
 		},
 		[`&.${fr.disabled}`]: { backgroundColor: (e.vars || e).palette.action.disabledBackground }
 	};
-}), Mt(({ theme: e }) => ({ variants: [{
+}), V(({ theme: e }) => ({ variants: [{
 	props: (e) => !e.square,
 	style: {
 		borderRadius: 0,
@@ -593,17 +593,17 @@ var fr = F("MuiAccordion", [
 }, {
 	props: (e) => !e.disableGutters,
 	style: { [`&.${fr.expanded}`]: { margin: "16px 0" } }
-}] }))), mr = G("h3", {
+}] }))), mr = W("h3", {
 	name: "MuiAccordion",
 	slot: "Heading"
-})({ all: "unset" }), hr = G("div", {
+})({ all: "unset" }), hr = W("div", {
 	name: "MuiAccordion",
 	slot: "Region"
 })({}), gr = X.forwardRef(function(e, t) {
-	let n = W({
+	let n = B({
 		props: e,
 		name: "MuiAccordion"
-	}), { children: r, className: i, defaultExpanded: a = !1, disabled: o = !1, disableGutters: s = !1, expanded: c, onChange: l, slots: u = {}, slotProps: d = {}, ...f } = n, [p, m] = wt({
+	}), { children: r, className: i, defaultExpanded: a = !1, disabled: o = !1, disableGutters: s = !1, expanded: c, onChange: l, slots: u = {}, slotProps: d = {}, ...f } = n, [p, m] = Pe({
 		controlled: c,
 		default: a,
 		name: "Accordion",
@@ -631,7 +631,7 @@ var fr = F("MuiAccordion", [
 		expanded: p
 	}, b = ((e) => {
 		let { classes: t, square: n, expanded: r, disabled: i, disableGutters: a } = e;
-		return U({
+		return z({
 			root: [
 				"root",
 				!n && "rounded",
@@ -645,26 +645,26 @@ var fr = F("MuiAccordion", [
 	})(y), x = {
 		slots: u,
 		slotProps: d
-	}, [S, C] = St("root", {
+	}, [S, C] = L("root", {
 		elementType: pr,
 		externalForwardedProps: {
 			...x,
 			...f
 		},
-		className: M(b.root, i),
+		className: j(b.root, i),
 		shouldForwardComponentProp: !0,
 		ownerState: y,
 		ref: t
-	}), [w, ee] = St("heading", {
+	}), [w, T] = L("heading", {
 		elementType: mr,
 		externalForwardedProps: x,
 		className: b.heading,
 		ownerState: y
-	}), [T, E] = St("transition", {
-		elementType: Dn,
+	}), [E, D] = L("transition", {
+		elementType: Mt,
 		externalForwardedProps: x,
 		ownerState: y
-	}), [D, te] = St("region", {
+	}), [ee, te] = L("region", {
 		elementType: hr,
 		externalForwardedProps: x,
 		ownerState: y,
@@ -678,16 +678,16 @@ var fr = F("MuiAccordion", [
 	return (0, Z.jsxs)(S, {
 		...C,
 		children: [(0, Z.jsx)(w, {
-			...ee,
+			...T,
 			children: (0, Z.jsx)(ur.Provider, {
 				value: v,
 				children: g
 			})
-		}), (0, Z.jsx)(T, {
+		}), (0, Z.jsx)(E, {
 			in: p,
 			timeout: "auto",
-			...E,
-			children: (0, Z.jsx)(D, {
+			...D,
+			children: (0, Z.jsx)(ee, {
 				...te,
 				children: _
 			})
@@ -697,33 +697,33 @@ var fr = F("MuiAccordion", [
 function _r(e) {
 	return N("MuiAccordionDetails", e);
 }
-F("MuiAccordionDetails", ["root"]);
-var vr = G("div", {
+P("MuiAccordionDetails", ["root"]);
+var vr = W("div", {
 	name: "MuiAccordionDetails",
 	slot: "Root"
-})(Mt(({ theme: e }) => ({ padding: e.spacing(1, 2, 2) }))), yr = X.forwardRef(function(e, t) {
-	let n = W({
+})(V(({ theme: e }) => ({ padding: e.spacing(1, 2, 2) }))), yr = X.forwardRef(function(e, t) {
+	let n = B({
 		props: e,
 		name: "MuiAccordionDetails"
 	}), { className: r, ...i } = n, a = n, o = ((e) => {
 		let { classes: t } = e;
-		return U({ root: ["root"] }, _r, t);
+		return z({ root: ["root"] }, _r, t);
 	})(a);
 	return (0, Z.jsx)(vr, {
-		className: M(o.root, r),
+		className: j(o.root, r),
 		ref: t,
 		ownerState: a,
 		...i
 	});
-}), br = G(Tt, {
+}), br = W(Fe, {
 	name: "MuiAccordionSummary",
 	slot: "Root"
-})(Mt(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	display: "flex",
 	width: "100%",
 	minHeight: 48,
 	padding: e.spacing(0, 2),
-	...Nt(e, ["min-height", "background-color"], { duration: e.transitions.duration.shortest }),
+	...H(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" },
@@ -731,10 +731,10 @@ var vr = G("div", {
 		props: (e) => !e.disableGutters,
 		style: { [`&.${tr.expanded}`]: { minHeight: 64 } }
 	}]
-}))), xr = G("span", {
+}))), xr = W("span", {
 	name: "MuiAccordionSummary",
 	slot: "Content"
-})(Mt(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	display: "flex",
 	textAlign: "start",
 	flexGrow: 1,
@@ -742,21 +742,21 @@ var vr = G("div", {
 	variants: [{
 		props: (e) => !e.disableGutters,
 		style: {
-			...Nt(e, ["margin"], { duration: e.transitions.duration.shortest }),
+			...H(e, ["margin"], { duration: e.transitions.duration.shortest }),
 			[`&.${tr.expanded}`]: { margin: "20px 0" }
 		}
 	}]
-}))), Sr = G("span", {
+}))), Sr = W("span", {
 	name: "MuiAccordionSummary",
 	slot: "ExpandIconWrapper"
-})(Mt(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	display: "flex",
 	color: (e.vars || e).palette.action.active,
 	transform: "rotate(0deg)",
-	...Nt(e, "transform", { duration: e.transitions.duration.shortest }),
+	...H(e, "transform", { duration: e.transitions.duration.shortest }),
 	[`&.${tr.expanded}`]: { transform: "rotate(180deg)" }
 }))), Cr = X.forwardRef(function(e, t) {
-	let n = W({
+	let n = B({
 		props: e,
 		name: "MuiAccordionSummary"
 	}), { children: r, className: i, expandIcon: a, focusVisibleClassName: o, onClick: s, slots: c, slotProps: l, ...u } = n, { disabled: d = !1, disableGutters: f, expanded: p, toggle: m } = X.useContext(ur), h = {
@@ -766,7 +766,7 @@ var vr = G("div", {
 		disableGutters: f
 	}, g = ((e) => {
 		let { classes: t, expanded: n, disabled: r, disableGutters: i } = e;
-		return U({
+		return z({
 			root: [
 				"root",
 				n && "expanded",
@@ -780,10 +780,10 @@ var vr = G("div", {
 	})(h), _ = {
 		slots: c,
 		slotProps: l
-	}, [v, y] = St("root", {
+	}, [v, y] = L("root", {
 		ref: t,
 		shouldForwardComponentProp: !0,
-		className: M(g.root, i),
+		className: j(g.root, i),
 		elementType: br,
 		externalForwardedProps: {
 			..._,
@@ -796,7 +796,7 @@ var vr = G("div", {
 			internalNativeButton: !0,
 			disabled: d,
 			"aria-expanded": p,
-			focusVisibleClassName: M(g.focusVisible, o)
+			focusVisibleClassName: j(g.focusVisible, o)
 		},
 		getSlotProps: (e) => ({
 			...e,
@@ -806,12 +806,12 @@ var vr = G("div", {
 				})(t);
 			}
 		})
-	}), [b, x] = St("content", {
+	}), [b, x] = L("content", {
 		className: g.content,
 		elementType: xr,
 		externalForwardedProps: _,
 		ownerState: h
-	}), [S, C] = St("expandIconWrapper", {
+	}), [S, C] = L("expandIconWrapper", {
 		className: g.expandIconWrapper,
 		elementType: Sr,
 		externalForwardedProps: _,
@@ -831,7 +831,7 @@ var vr = G("div", {
 function wr(e) {
 	return N("MuiListSubheader", e);
 }
-F("MuiListSubheader", [
+P("MuiListSubheader", [
 	"root",
 	"colorPrimary",
 	"colorInherit",
@@ -839,20 +839,20 @@ F("MuiListSubheader", [
 	"inset",
 	"sticky"
 ]);
-var Tr = G("li", {
+var Tr = W("li", {
 	name: "MuiListSubheader",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.color !== "default" && t[`color${Ft(n.color)}`],
+			n.color !== "default" && t[`color${He(n.color)}`],
 			!n.disableGutters && t.gutters,
 			n.inset && t.inset,
 			!n.disableSticky && t.sticky
 		];
 	}
-})(Mt(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	boxSizing: "border-box",
 	lineHeight: "48px",
 	listStyle: "none",
@@ -891,7 +891,7 @@ var Tr = G("li", {
 		}
 	]
 }))), Er = X.forwardRef(function(e, t) {
-	let n = W({
+	let n = B({
 		props: e,
 		name: "MuiListSubheader"
 	}), { className: r, color: i = "default", component: a = "li", disableGutters: o = !1, disableSticky: s = !1, inset: c = !1, ...l } = n, u = {
@@ -903,9 +903,9 @@ var Tr = G("li", {
 		inset: c
 	}, d = ((e) => {
 		let { classes: t, color: n, disableGutters: r, inset: i, disableSticky: a } = e;
-		return U({ root: [
+		return z({ root: [
 			"root",
-			n !== "default" && `color${Ft(n)}`,
+			n !== "default" && `color${He(n)}`,
 			!r && "gutters",
 			i && "inset",
 			!a && "sticky"
@@ -913,7 +913,7 @@ var Tr = G("li", {
 	})(u);
 	return (0, Z.jsx)(Tr, {
 		as: a,
-		className: M(d.root, r),
+		className: j(d.root, r),
 		ref: t,
 		ownerState: u,
 		...l
@@ -922,12 +922,12 @@ var Tr = G("li", {
 function Dr(e) {
 	return N("MuiCard", e);
 }
-F("MuiCard", ["root"]);
-var Or = G(Ot, {
+P("MuiCard", ["root"]);
+var Or = W(Re, {
 	name: "MuiCard",
 	slot: "Root"
 })({ overflow: "hidden" }), kr = X.forwardRef(function(e, t) {
-	let n = W({
+	let n = B({
 		props: e,
 		name: "MuiCard"
 	}), { className: r, raised: i = !1, ...a } = n, o = {
@@ -935,10 +935,10 @@ var Or = G(Ot, {
 		raised: i
 	}, s = ((e) => {
 		let { classes: t } = e;
-		return U({ root: ["root"] }, Dr, t);
+		return z({ root: ["root"] }, Dr, t);
 	})(o);
 	return (0, Z.jsx)(Or, {
-		className: M(s.root, r),
+		className: j(s.root, r),
 		elevation: i ? 8 : void 0,
 		ref: t,
 		ownerState: o,
@@ -948,8 +948,8 @@ var Or = G(Ot, {
 function Ar(e) {
 	return N("MuiCardActions", e);
 }
-F("MuiCardActions", ["root", "spacing"]);
-var jr = G("div", {
+P("MuiCardActions", ["root", "spacing"]);
+var jr = W("div", {
 	name: "MuiCardActions",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -965,7 +965,7 @@ var jr = G("div", {
 		style: { "& > :not(style) ~ :not(style)": { marginLeft: 8 } }
 	}]
 }), Mr = X.forwardRef(function(e, t) {
-	let n = W({
+	let n = B({
 		props: e,
 		name: "MuiCardActions"
 	}), { disableSpacing: r = !1, className: i, ...a } = n, o = {
@@ -973,15 +973,15 @@ var jr = G("div", {
 		disableSpacing: r
 	}, s = ((e) => {
 		let { classes: t, disableSpacing: n } = e;
-		return U({ root: ["root", !n && "spacing"] }, Ar, t);
+		return z({ root: ["root", !n && "spacing"] }, Ar, t);
 	})(o);
 	return (0, Z.jsx)(jr, {
-		className: M(s.root, i),
+		className: j(s.root, i),
 		ownerState: o,
 		ref: t,
 		...a
 	});
-}), Nr = typeof Vt({}) == "function", Pr = (e, t) => ({
+}), Nr = typeof Je({}) == "function", Pr = (e, t) => ({
 	WebkitFontSmoothing: "antialiased",
 	MozOsxFontSmoothing: "grayscale",
 	boxSizing: "border-box",
@@ -1010,7 +1010,7 @@ var jr = G("div", {
 		...n
 	}, i = e.components?.MuiCssBaseline?.styleOverrides;
 	return i && (r = [r, i]), r;
-}, Lr = "mui-ecs", Rr = Vt(Nr ? ({ theme: e, enableColorScheme: t }) => Ir(e, t) : ({ theme: e }) => ((e) => {
+}, Lr = "mui-ecs", Rr = Je(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);
@@ -1018,7 +1018,7 @@ var jr = G("div", {
 	}), t;
 })(e));
 function zr(e) {
-	let { children: t, enableColorScheme: n = !1 } = W({
+	let { children: t, enableColorScheme: n = !1 } = B({
 		props: e,
 		name: "MuiCssBaseline"
 	});
@@ -1038,22 +1038,22 @@ var Br = function(e = {}) {
 			direction: o,
 			spacing: s,
 			useFlexGap: d
-		}, m = U({ root: ["root"] }, (e) => N(r, e), {});
+		}, m = z({ root: ["root"] }, (e) => N(r, e), {});
 		return (0, Z.jsx)(i, {
 			as: a,
 			ownerState: p,
 			ref: t,
-			className: M(m.root, u),
+			className: j(m.root, u),
 			...f,
 			children: c ? Qn(l, c) : l
 		});
 	});
 }({
-	createStyledComponent: G("div", {
+	createStyledComponent: W("div", {
 		name: "MuiStack",
 		slot: "Root"
 	}),
-	useThemeProps: (e) => W({
+	useThemeProps: (e) => B({
 		props: e,
 		name: "MuiStack"
 	})
@@ -1061,14 +1061,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 = G(Tt, {
+var Wr = W(Fe, {
 	name: "MuiToggleButton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
-		return [t.root, t[`size${Ft(n.size)}`]];
+		return [t.root, t[`size${He(n.size)}`]];
 	}
-})(Mt(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	...e.typography.button,
 	borderRadius: (e.vars || e).shape.borderRadius,
 	padding: 11,
@@ -1095,7 +1095,7 @@ var Wr = G(Tt, {
 				}
 			} }
 		},
-		...Object.entries(e.palette).filter(Ct()).map(([t]) => ({
+		...Object.entries(e.palette).filter(Ne()).map(([t]) => ({
 			props: { color: t },
 			style: { [`&.${rr.selected}`]: {
 				color: (e.vars || e).palette[t].main,
@@ -1126,8 +1126,8 @@ var Wr = G(Tt, {
 		}
 	]
 }))), Gr = X.forwardRef(function(e, t) {
-	let { value: n, ...r } = X.useContext(Vr), i = X.useContext(Hr), a = W({
-		props: Dt({
+	let { value: n, ...r } = X.useContext(Vr), i = X.useContext(Hr), a = B({
+		props: Le({
 			...r,
 			selected: Ur(e.value, n)
 		}, e),
@@ -1141,17 +1141,17 @@ var Wr = G(Tt, {
 		size: h
 	}, y = ((e) => {
 		let { classes: t, fullWidth: n, selected: r, disabled: i, size: a, color: o } = e;
-		return U({ root: [
+		return z({ root: [
 			"root",
 			r && "selected",
 			i && "disabled",
 			n && "fullWidth",
-			`size${Ft(a)}`,
+			`size${He(a)}`,
 			o
 		] }, nr, t);
 	})(v), b = i || "";
 	return (0, Z.jsx)(Wr, {
-		className: M(r.className, y.root, s, b),
+		className: j(r.className, y.root, s, b),
 		internalNativeButton: !0,
 		disabled: l,
 		focusRipple: !u,
@@ -1170,7 +1170,7 @@ var Wr = G(Tt, {
 function Kr(e) {
 	return N("MuiToggleButtonGroup", e);
 }
-var Q = F("MuiToggleButtonGroup", [
+var Q = P("MuiToggleButtonGroup", [
 	"root",
 	"selected",
 	"horizontal",
@@ -1181,7 +1181,7 @@ var Q = F("MuiToggleButtonGroup", [
 	"firstButton",
 	"lastButton",
 	"middleButton"
-]), qr = G("div", {
+]), qr = W("div", {
 	name: "MuiToggleButtonGroup",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -1196,7 +1196,7 @@ var Q = F("MuiToggleButtonGroup", [
 			n.fullWidth && t.fullWidth
 		];
 	}
-})(Mt(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	display: "inline-flex",
 	borderRadius: (e.vars || e).shape.borderRadius,
 	variants: [
@@ -1247,7 +1247,7 @@ var Q = F("MuiToggleButtonGroup", [
 		}
 	]
 }))), Jr = X.forwardRef(function(e, t) {
-	let n = W({
+	let n = B({
 		props: e,
 		name: "MuiToggleButtonGroup"
 	}), { children: r, className: i, color: a = "standard", disabled: o = !1, exclusive: s = !1, fullWidth: c = !1, onChange: l, orientation: u = "horizontal", size: d = "medium", value: f, ...p } = n, m = {
@@ -1258,7 +1258,7 @@ var Q = F("MuiToggleButtonGroup", [
 		size: d
 	}, h = ((e) => {
 		let { classes: t, orientation: n, fullWidth: r, disabled: i } = e;
-		return U({
+		return z({
 			root: [
 				"root",
 				n,
@@ -1301,7 +1301,7 @@ var Q = F("MuiToggleButtonGroup", [
 	};
 	return (0, Z.jsx)(qr, {
 		role: "group",
-		className: M(h.root, i),
+		className: j(h.root, i),
 		ref: t,
 		ownerState: m,
 		...p,
@@ -1315,7 +1315,7 @@ var Q = F("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)(an, {
+	return (0, Z.jsx)(Dt, {
 		ref: t,
 		workbook: n,
 		descriptor: (0, X.useMemo)(() => ((e) => {
@@ -1393,7 +1393,7 @@ var Zr = (0, X.memo)((e) => {
 	return (0, Z.jsx)(J, {
 		size: "small",
 		type: "text",
-		placeholder: j()("condition.enterText"),
+		placeholder: A()("condition.enterText"),
 		value: t ?? "",
 		onChange: (e) => n(String(e.target.value)),
 		disabled: r,
@@ -1407,7 +1407,7 @@ var Qr = (0, X.memo)((e) => {
 	return (0, Z.jsx)(J, {
 		size: "small",
 		type: "number",
-		placeholder: j()("condition.enterNumber"),
+		placeholder: A()("condition.enterNumber"),
 		value: "" + (t ?? ""),
 		onChange: (e) => n(Number(e.target.value)),
 		disabled: r,
@@ -1416,9 +1416,9 @@ var Qr = (0, X.memo)((e) => {
 	});
 });
 Qr.displayName = "NumberOption";
-var $r = (e) => e == null ? "" : typeof e == "boolean" ? e ? "TRUE" : "FALSE" : p.isError(e) ? e.getLabel() : String(e), ei = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = j();
-	return (0, Z.jsx)(An, {
+var $r = (e) => e == null ? "" : typeof e == "boolean" ? e ? "TRUE" : "FALSE" : i.isError(e) ? e.getLabel() : String(e), ei = (0, X.memo)((e) => {
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = A();
+	return (0, Z.jsx)(jn, {
 		size: "small",
 		value: $r(t),
 		onChangeText: (e) => n(((e) => {
@@ -1445,7 +1445,7 @@ var $r = (e) => e == null ? "" : typeof e == "boolean" ? e ? "TRUE" : "FALSE" :
 });
 ei.displayName = "ScalarOption";
 var ti = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, ...r } = e, i = j(), [a, o] = (0, X.useState)(""), s = typeof t?.items == "string", c = (0, X.useMemo)(() => t?.items && Array.isArray(t.items) ? t.items : [], [t?.items]), l = () => {
+	let { option: t, onOptionChange: n, ...r } = e, i = A(), [a, o] = (0, X.useState)(""), s = typeof t?.items == "string", c = (0, X.useMemo)(() => t?.items && Array.isArray(t.items) ? t.items : [], [t?.items]), l = () => {
 		if (!a.trim()) return;
 		let e = a, r = [...c, e];
 		n({
@@ -1453,7 +1453,7 @@ var ti = (0, X.memo)((e) => {
 			items: r
 		}), o("");
 	};
-	return (0, Z.jsxs)(I, {
+	return (0, Z.jsxs)(F, {
 		...r,
 		style: {
 			display: "flex",
@@ -1463,17 +1463,17 @@ var ti = (0, X.memo)((e) => {
 			...r?.style
 		},
 		children: [
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(F, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(H, {
+				children: [(0, Z.jsx)(R, {
 					variant: "body2",
 					sx: { flexGrow: 1 },
 					children: i(s ? "condition.formulaMode" : "condition.listMode")
-				}), (0, Z.jsx)(yt, {
+				}), (0, Z.jsx)(je, {
 					size: "small",
 					variant: "outlined",
 					onClick: () => {
@@ -1505,7 +1505,7 @@ var ti = (0, X.memo)((e) => {
 				helperText: i("condition.formulaHelper")
 			}),
 			!s && (0, Z.jsxs)(Z.Fragment, { children: [
-				(0, Z.jsxs)(I, {
+				(0, Z.jsxs)(F, {
 					sx: {
 						display: "flex",
 						gap: 1
@@ -1520,15 +1520,15 @@ var ti = (0, X.memo)((e) => {
 							e.key === "Enter" && l();
 						},
 						slotProps: { input: { sx: { backgroundColor: "background.paper" } } }
-					}), (0, Z.jsx)(xt, {
+					}), (0, Z.jsx)(I, {
 						color: "primary",
 						onClick: l,
 						disabled: !a.trim(),
 						sx: { backgroundColor: "background.paper" },
-						children: (0, Z.jsx)(w, { iconKey: "Add" })
+						children: (0, Z.jsx)(C, { iconKey: "Add" })
 					})]
 				}),
-				c.length > 0 && (0, Z.jsxs)(I, {
+				c.length > 0 && (0, Z.jsxs)(F, {
 					sx: {
 						p: 2,
 						backgroundColor: "background.paper",
@@ -1536,7 +1536,7 @@ var ti = (0, X.memo)((e) => {
 						borderColor: "divider",
 						borderRadius: 1
 					},
-					children: [(0, Z.jsx)(H, {
+					children: [(0, Z.jsx)(R, {
 						variant: "caption",
 						sx: {
 							mb: 1,
@@ -1549,7 +1549,7 @@ var ti = (0, X.memo)((e) => {
 						spacing: 1,
 						useFlexGap: !0,
 						sx: { flexWrap: "wrap" },
-						children: c.map((e, r) => (0, Z.jsx)(jt, {
+						children: c.map((e, r) => (0, Z.jsx)(Ve, {
 							label: String(e),
 							onDelete: () => ((e) => {
 								let r = c.filter((t, n) => n !== e);
@@ -1563,7 +1563,7 @@ var ti = (0, X.memo)((e) => {
 						}, r))
 					})]
 				}),
-				c.length === 0 && (0, Z.jsx)(I, {
+				c.length === 0 && (0, Z.jsx)(F, {
 					sx: {
 						p: 3,
 						textAlign: "center",
@@ -1573,7 +1573,7 @@ var ti = (0, X.memo)((e) => {
 						borderColor: "divider",
 						borderStyle: "dashed"
 					},
-					children: (0, Z.jsx)(H, {
+					children: (0, Z.jsx)(R, {
 						variant: "body2",
 						sx: { color: "text.secondary" },
 						children: i("condition.noValues")
@@ -1585,13 +1585,13 @@ 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 = j(), s = t?.type ?? b.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
+	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = A(), s = t?.type ?? h.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
 	return i && (l = {
 		...l,
 		"& .MuiSelect-icon": { display: "none" },
 		"& .MuiOutlinedInput-notchedOutline": { borderColor: "action.disabled" }
-	}), (0, Z.jsxs)(I, {
-		className: C(r, ni.option),
+	}), (0, Z.jsxs)(F, {
+		className: kn(r, ni.option),
 		...a,
 		sx: {
 			display: "flex",
@@ -1599,13 +1599,13 @@ var ni = {}, ri = (0, X.memo)((e) => {
 			gap: .25,
 			...a?.sx
 		},
-		children: [(0, Z.jsx)(K, {
+		children: [(0, Z.jsx)(Ye, {
 			sx: { flex: .5 },
 			size: "small",
-			children: (0, Z.jsxs)(q, {
+			children: (0, Z.jsxs)(K, {
 				value: s,
 				sx: l,
-				IconComponent: (e) => (0, Z.jsx)(w, {
+				IconComponent: (e) => (0, Z.jsx)(C, {
 					iconKey: "ExpandMore",
 					...e
 				}),
@@ -1615,10 +1615,10 @@ var ni = {}, ri = (0, X.memo)((e) => {
 					type: e.target.value
 				}),
 				children: [(0, Z.jsx)(Y, {
-					value: b.AverageType.Above,
+					value: h.AverageType.Above,
 					children: o("condition.above")
 				}), (0, Z.jsx)(Y, {
-					value: b.AverageType.Below,
+					value: h.AverageType.Below,
 					children: o("condition.below")
 				})]
 			})
@@ -1638,8 +1638,8 @@ var ni = {}, ri = (0, X.memo)((e) => {
 	});
 });
 ri.displayName = "AverageOption";
-var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.BuiltInOperatorNames.Icon, b.BuiltInOperatorNames.Color]), si = (e, t, n, r = oi) => {
-	let i = t ?? Object.values(S.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
+var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([h.BuiltInOperatorNames.Icon, h.BuiltInOperatorNames.Color]), si = (e, t, n, r = oi) => {
+	let i = t ?? Object.values(_.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
 	return i.filter((t) => {
 		if (r.includes(t.getName())) return !1;
 		let n = t.acceptsList?.();
@@ -1654,7 +1654,7 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.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)(We, {}, "__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)(on, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(Er, {
 		disableSticky: !0,
 		sx: ui,
 		children: n("condition.groupCombine")
@@ -1682,15 +1682,15 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.BuiltInOpe
 				header: e("condition.period.day"),
 				options: [
 					{
-						value: b.TimePeriodType.Today,
+						value: h.TimePeriodType.Today,
 						label: e("condition.period.today")
 					},
 					{
-						value: b.TimePeriodType.Yesterday,
+						value: h.TimePeriodType.Yesterday,
 						label: e("condition.period.yesterday")
 					},
 					{
-						value: b.TimePeriodType.Tomorrow,
+						value: h.TimePeriodType.Tomorrow,
 						label: e("condition.period.tomorrow")
 					}
 				]
@@ -1699,15 +1699,15 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.BuiltInOpe
 				header: e("condition.period.week"),
 				options: [
 					{
-						value: b.TimePeriodType.ThisWeek,
+						value: h.TimePeriodType.ThisWeek,
 						label: e("condition.period.thisWeek")
 					},
 					{
-						value: b.TimePeriodType.LastWeek,
+						value: h.TimePeriodType.LastWeek,
 						label: e("condition.period.lastWeek")
 					},
 					{
-						value: b.TimePeriodType.NextWeek,
+						value: h.TimePeriodType.NextWeek,
 						label: e("condition.period.nextWeek")
 					}
 				]
@@ -1716,15 +1716,15 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.BuiltInOpe
 				header: e("condition.period.month"),
 				options: [
 					{
-						value: b.TimePeriodType.ThisMonth,
+						value: h.TimePeriodType.ThisMonth,
 						label: e("condition.period.thisMonth")
 					},
 					{
-						value: b.TimePeriodType.LastMonth,
+						value: h.TimePeriodType.LastMonth,
 						label: e("condition.period.lastMonth")
 					},
 					{
-						value: b.TimePeriodType.NextMonth,
+						value: h.TimePeriodType.NextMonth,
 						label: e("condition.period.nextMonth")
 					}
 				]
@@ -1732,10 +1732,10 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.BuiltInOpe
 			{
 				header: e("condition.period.year"),
 				options: [{
-					value: b.TimePeriodType.YearToDate,
+					value: h.TimePeriodType.YearToDate,
 					label: e("condition.period.yearToDate")
 				}, {
-					value: b.TimePeriodType.LastYear,
+					value: h.TimePeriodType.LastYear,
 					label: e("condition.period.lastYear")
 				}]
 			},
@@ -1743,51 +1743,51 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.BuiltInOpe
 				header: e("condition.period.byMonth"),
 				options: [
 					{
-						value: b.TimePeriodType.M1,
+						value: h.TimePeriodType.M1,
 						label: n(0)
 					},
 					{
-						value: b.TimePeriodType.M2,
+						value: h.TimePeriodType.M2,
 						label: n(1)
 					},
 					{
-						value: b.TimePeriodType.M3,
+						value: h.TimePeriodType.M3,
 						label: n(2)
 					},
 					{
-						value: b.TimePeriodType.M4,
+						value: h.TimePeriodType.M4,
 						label: n(3)
 					},
 					{
-						value: b.TimePeriodType.M5,
+						value: h.TimePeriodType.M5,
 						label: n(4)
 					},
 					{
-						value: b.TimePeriodType.M6,
+						value: h.TimePeriodType.M6,
 						label: n(5)
 					},
 					{
-						value: b.TimePeriodType.M7,
+						value: h.TimePeriodType.M7,
 						label: n(6)
 					},
 					{
-						value: b.TimePeriodType.M8,
+						value: h.TimePeriodType.M8,
 						label: n(7)
 					},
 					{
-						value: b.TimePeriodType.M9,
+						value: h.TimePeriodType.M9,
 						label: n(8)
 					},
 					{
-						value: b.TimePeriodType.M10,
+						value: h.TimePeriodType.M10,
 						label: n(9)
 					},
 					{
-						value: b.TimePeriodType.M11,
+						value: h.TimePeriodType.M11,
 						label: n(10)
 					},
 					{
-						value: b.TimePeriodType.M12,
+						value: h.TimePeriodType.M12,
 						label: n(11)
 					}
 				]
@@ -1796,38 +1796,38 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.BuiltInOpe
 				header: e("condition.period.byQuarter"),
 				options: [
 					{
-						value: b.TimePeriodType.ThisQuarter,
+						value: h.TimePeriodType.ThisQuarter,
 						label: e("condition.period.thisQuarter")
 					},
 					{
-						value: b.TimePeriodType.LastQuarter,
+						value: h.TimePeriodType.LastQuarter,
 						label: e("condition.period.lastQuarter")
 					},
 					{
-						value: b.TimePeriodType.NextQuarter,
+						value: h.TimePeriodType.NextQuarter,
 						label: e("condition.period.nextQuarter")
 					},
 					{
-						value: b.TimePeriodType.Q1,
+						value: h.TimePeriodType.Q1,
 						label: e("condition.period.q1")
 					},
 					{
-						value: b.TimePeriodType.Q2,
+						value: h.TimePeriodType.Q2,
 						label: e("condition.period.q2")
 					},
 					{
-						value: b.TimePeriodType.Q3,
+						value: h.TimePeriodType.Q3,
 						label: e("condition.period.q3")
 					},
 					{
-						value: b.TimePeriodType.Q4,
+						value: h.TimePeriodType.Q4,
 						label: e("condition.period.q4")
 					}
 				]
 			}
 		];
-	}(j(), A()), o = t?.type ?? b.TimePeriodType.Today;
-	return (0, Z.jsx)(I, {
+	}(A(), k()), o = t?.type ?? h.TimePeriodType.Today;
+	return (0, Z.jsx)(F, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1835,12 +1835,12 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.BuiltInOpe
 			gap: 2,
 			...i?.sx
 		},
-		children: (0, Z.jsx)(K, {
+		children: (0, Z.jsx)(Ye, {
 			size: "small",
-			children: (0, Z.jsx)(q, {
+			children: (0, Z.jsx)(K, {
 				value: o,
 				sx: { backgroundColor: "background.paper" },
-				IconComponent: (e) => (0, Z.jsx)(w, {
+				IconComponent: (e) => (0, Z.jsx)(C, {
 					iconKey: "ExpandMore",
 					...e
 				}),
@@ -1851,7 +1851,7 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.BuiltInOpe
 				disabled: r,
 				children: a.map((e, t) => {
 					let n = [];
-					return t > 0 && n.push((0, Z.jsx)(We, {}, `divider-${t}`)), n.push((0, Z.jsx)(Er, {
+					return t > 0 && n.push((0, Z.jsx)(on, {}, `divider-${t}`)), n.push((0, Z.jsx)(Er, {
 						sx: ui,
 						children: e.header
 					}, `header-${t}`)), e.options.map((e) => n.push((0, Z.jsx)(Y, {
@@ -1866,8 +1866,8 @@ var ii = 0, ai = /* @__PURE__ */ new WeakMap(), oi = Object.freeze([b.BuiltInOpe
 });
 fi.displayName = "TimePeriodOption";
 var pi = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = j(), o = t?.top ?? !0, s = t?.limit ?? 10, c = t?.percent ?? !1;
-	return (0, Z.jsxs)(I, {
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = A(), o = t?.top ?? !0, s = t?.limit ?? 10, c = t?.percent ?? !1;
+	return (0, Z.jsxs)(F, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1876,13 +1876,13 @@ var pi = (0, X.memo)((e) => {
 			...i?.sx
 		},
 		children: [
-			(0, Z.jsx)(K, {
+			(0, Z.jsx)(Ye, {
 				size: "small",
 				sx: { flex: 1 },
-				children: (0, Z.jsxs)(q, {
+				children: (0, Z.jsxs)(K, {
 					value: o ? "top" : "bottom",
 					sx: { backgroundColor: "background.paper" },
-					IconComponent: (e) => (0, Z.jsx)(w, {
+					IconComponent: (e) => (0, Z.jsx)(C, {
 						iconKey: "ExpandMore",
 						...e
 					}),
@@ -1916,13 +1916,13 @@ var pi = (0, X.memo)((e) => {
 				slotProps: { input: { sx: { backgroundColor: "background.paper" } } },
 				sx: { flex: .6 }
 			}),
-			(0, Z.jsx)(K, {
+			(0, Z.jsx)(Ye, {
 				size: "small",
 				sx: { flex: 1 },
-				children: (0, Z.jsxs)(q, {
+				children: (0, Z.jsxs)(K, {
 					value: c ? "percent" : "items",
 					sx: { backgroundColor: "background.paper" },
-					IconComponent: (e) => (0, Z.jsx)(w, {
+					IconComponent: (e) => (0, Z.jsx)(C, {
 						iconKey: "ExpandMore",
 						...e
 					}),
@@ -1945,8 +1945,8 @@ 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 = j();
-	return (0, Z.jsxs)(I, {
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = A();
+	return (0, Z.jsxs)(F, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1987,8 +1987,8 @@ var mi = (0, X.memo)((e) => {
 });
 mi.displayName = "BetweenOption";
 var hi = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = j();
-	return (0, Z.jsx)(An, {
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = A();
+	return (0, Z.jsx)(jn, {
 		size: "small",
 		value: t ?? "",
 		onChangeText: (e) => n(e),
@@ -2004,7 +2004,7 @@ var hi = (0, X.memo)((e) => {
 });
 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 = j(), l = i ?? c("condition.selectorTitle"), u = n.map((e) => {
+	let { value: t = null, selectors: n, onChange: r, title: i, allowNull: a = !1, readOnly: o = !1, ...s } = e, c = A(), l = i ?? c("condition.selectorTitle"), u = n.map((e) => {
 		let t = e.getName();
 		return (0, Z.jsx)(Y, {
 			value: t,
@@ -2015,14 +2015,14 @@ var gi = (0, X.memo)((e) => {
 		...d,
 		"& .MuiSelect-icon": { display: "none" },
 		"& .MuiOutlinedInput-notchedOutline": { borderColor: "action.disabled" }
-	}), (0, Z.jsxs)(K, {
+	}), (0, Z.jsxs)(Ye, {
 		size: "small",
 		...s,
-		children: [(0, Z.jsx)(Ht, { children: l }), (0, Z.jsxs)(q, {
+		children: [(0, Z.jsx)(G, { children: l }), (0, Z.jsxs)(K, {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: o,
-			IconComponent: (e) => (0, Z.jsx)(w, {
+			IconComponent: (e) => (0, Z.jsx)(C, {
 				iconKey: "ExpandMore",
 				...e
 			}),
@@ -2040,7 +2040,7 @@ var gi = (0, X.memo)((e) => {
 });
 gi.displayName = "SelectorSelect";
 var _i = (0, X.memo)((e) => {
-	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = j(), c = A(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
+	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = A(), c = k(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
 	n.forEach((e) => {
 		u.set(e.getName(), e);
 	});
@@ -2049,14 +2049,14 @@ var _i = (0, X.memo)((e) => {
 		sx: di,
 		children: e.getTitle?.()
 	}, e.getName()), s, c);
-	return (0, Z.jsxs)(K, {
+	return (0, Z.jsxs)(Ye, {
 		size: "small",
 		...o,
-		children: [(0, Z.jsx)(Ht, { children: l }), (0, Z.jsx)(q, {
+		children: [(0, Z.jsx)(G, { children: l }), (0, Z.jsx)(K, {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: a,
-			IconComponent: (e) => (0, Z.jsx)(w, {
+			IconComponent: (e) => (0, Z.jsx)(C, {
 				iconKey: "ExpandMore",
 				...e
 			}),
@@ -2074,10 +2074,10 @@ var _i = (0, X.memo)((e) => {
 });
 _i.displayName = "OperatorSelect";
 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, p = j(), m = A();
+	let { icon: n, tooltip: r, label: i, darkMode: a, propsPanel: o, value: s, operators: c, onChange: l, title: u, readOnly: d = !1, ...f } = e, p = A(), m = k();
 	u ?? p("condition.operatorTitle");
-	let h = n || (0, Z.jsx)(w, { iconKey: "Add" }), g = (0, X.useRef)(l);
-	return g.current = l, (0, Z.jsx)(V, {
+	let h = n || (0, Z.jsx)(C, { iconKey: "Add" }), g = (0, X.useRef)(l);
+	return g.current = l, (0, Z.jsx)(Xt, {
 		ref: t,
 		createPopupPanel: (0, X.useCallback)((e) => {
 			let { closeFloatAll: t } = e, n = ci(c, (e) => (0, Z.jsx)(Y, {
@@ -2097,9 +2097,9 @@ var vi = (0, X.memo)((0, X.forwardRef)((e, t) => {
 				},
 				...o,
 				onKeyDown: (e) => {
-					e.which === O.Enter && t?.();
+					e.which === ne.Enter && t?.();
 				},
-				children: (0, Z.jsx)(Ut, {
+				children: (0, Z.jsx)(Xe, {
 					disablePadding: !0,
 					children: n
 				})
@@ -2116,8 +2116,8 @@ var vi = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		...f
 	});
 })), yi = (0, X.memo)((e) => {
-	let { operator: t, inputs: n, onOptionChange: r, operators: i, selector: a, readOnly: o, ...s } = e, c = j(), l = t.getName() === "not", u = l ? null : t.getName() === "and" ? c("condition.and") : c("condition.or"), d = l ? c("condition.not") : u;
-	return (0, Z.jsx)(I, {
+	let { operator: t, inputs: n, onOptionChange: r, operators: i, selector: a, readOnly: o, ...s } = e, c = A(), 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)(F, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2156,7 +2156,7 @@ var vi = (0, X.memo)((0, X.forwardRef)((e, t) => {
 });
 yi.displayName = "CombinatorOption";
 var bi = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r } = e, i = j();
+	let { option: t, onOptionChange: n, readOnly: r } = e, i = A();
 	return (0, Z.jsxs)(Jr, {
 		exclusive: !0,
 		size: "small",
@@ -2189,49 +2189,49 @@ 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 = j(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = ht(), d = (0, X.useCallback)((e) => {
-		if (!u || e === null) return null;
-		let t = u.createCell({ value: e }), n = t.getValue();
-		return t.getType() === m.Number ? n : null;
-	}, [u]), f = (0, X.useCallback)((e) => u ? u.createCell({
+	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: o = "dateTime", ...s } = e, c = A(), l = o === "date" || o === "dateTime", u = o === "time" || o === "dateTime", d = Bt(), f = (0, X.useCallback)((e) => {
+		if (!d || e === null) return null;
+		let t = d.createCell({ value: e }), n = t.getValue();
+		return t.getType() === a.Number ? n : null;
+	}, [d]), p = (0, X.useCallback)((e) => d ? d.createCell({
 		value: e,
 		style: { numberFormat: "Short DateTime" }
-	}).getDate() : null, [u]);
+	}).getDate() : null, [d]);
 	if (r && typeof t == "string") return (0, Z.jsx)(ei, {
 		option: t,
 		onOptionChange: (e) => n(e),
 		readOnly: i,
-		sx: o?.sx
+		sx: s?.sx
 	});
-	let p = f(t ?? null), h = !(g = p) || isNaN(g.getTime()) ? "" : `${g.getFullYear()}-${String(g.getMonth() + 1).padStart(2, "0")}-${String(g.getDate()).padStart(2, "0")}`;
+	let m = p(t ?? null), h = !(g = m) || isNaN(g.getTime()) ? "" : `${g.getFullYear()}-${String(g.getMonth() + 1).padStart(2, "0")}-${String(g.getDate()).padStart(2, "0")}`;
 	var g;
 	let _ = function(e) {
 		return !e || isNaN(e.getTime()) ? "" : `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
-	}(p);
-	return (0, Z.jsxs)(I, {
-		...o,
+	}(m);
+	return (0, Z.jsxs)(F, {
+		...s,
 		sx: {
 			display: "flex",
 			flexDirection: "row",
 			gap: .5,
-			...o?.sx
+			...s?.sx
 		},
-		children: [c && (0, Z.jsx)(Zr, {
+		children: [l && (0, Z.jsx)(Zr, {
 			option: h,
 			type: "date",
-			placeholder: s("condition.enterDate"),
+			placeholder: c("condition.enterDate"),
 			onOptionChange: (e) => {
-				let t = d(xi(e, _));
+				let t = f(xi(e, _));
 				n(t);
 			},
 			sx: { flex: 1.5 },
 			readOnly: i
-		}), l && (0, Z.jsx)(Zr, {
+		}), u && (0, Z.jsx)(Zr, {
 			option: _,
 			type: "time",
-			placeholder: s("condition.enterTime"),
+			placeholder: c("condition.enterTime"),
 			onOptionChange: (e) => {
-				let t = d(a === "time" ? Si(e) : xi(h, e));
+				let t = f(o === "time" ? Si(e) : xi(h, e));
 				n(t);
 			},
 			sx: { flex: 1 },
@@ -2240,7 +2240,7 @@ var Ci = (0, X.memo)((e) => {
 	});
 });
 Ci.displayName = "DateTimeOption";
-var wi = b.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
+var wi = h.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 	wi.EqualTo,
 	wi.GreaterThan,
 	wi.GreaterThanEqualTo,
@@ -2251,17 +2251,17 @@ var wi = b.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 	wi.Before,
 	wi.BeforeEqualTo
 ]), Ei = (0, X.memo)((e) => {
-	let { operatorParam: t, onOperatorParamChange: n, onRemove: r, operators: i, selector: a, operatorTitle: o, readOnly: s, required: c, ...l } = e, u = j(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, m = t?.param ?? null, h = !!p?.isCombinator?.(), [g, { width: _ }] = jn(), v = (0, X.useMemo)(() => !p || h ? null : p.getParamType?.(a ?? void 0) ?? null, [
+	let { operatorParam: t, onOperatorParamChange: n, onRemove: r, operators: i, selector: a, operatorTitle: o, readOnly: s, required: c, ...l } = e, u = A(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, m = t?.param ?? null, g = !!p?.isCombinator?.(), [_, { width: v }] = An(), y = (0, X.useMemo)(() => !p || g ? null : p.getParamType?.(a ?? void 0) ?? null, [
 		p,
-		h,
+		g,
 		a
-	]), y = !h && v !== "list" && _ > 360, x = Se((e) => {
+	]), b = !g && y !== "list" && v > 360, x = Se((e) => {
 		n({
 			operator: f,
 			param: e
 		});
 	}, [n, f]), S = (0, X.useMemo)(() => {
-		if (!p || h || !v) return null;
+		if (!p || g || !y) return null;
 		let e = {
 			sx: {
 				flex: .6,
@@ -2270,7 +2270,7 @@ var wi = b.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 			option: m,
 			onOptionChange: x
 		}, t = !!f && Ti.has(f);
-		return v === b.BuiltInSelectorNames.Number || v === b.BuiltInSelectorNames.TextLength ? (0, Z.jsx)(t ? ei : Qr, { ...e }) : v === b.BuiltInSelectorNames.Whole ? t ? (0, Z.jsx)(ei, { ...e }) : (0, Z.jsx)(Qr, {
+		return y === h.BuiltInSelectorNames.Number || y === h.BuiltInSelectorNames.TextLength ? (0, Z.jsx)(t ? ei : Qr, { ...e }) : y === h.BuiltInSelectorNames.Whole ? t ? (0, Z.jsx)(ei, { ...e }) : (0, Z.jsx)(Qr, {
 			...e,
 			placeholder: u("condition.enterWholeNumber"),
 			slotProps: { htmlInput: {
@@ -2287,28 +2287,28 @@ var wi = b.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 					/^-?\d+$/.test(e.clipboardData.getData("text")) || e.preventDefault();
 				}
 			} }
-		}) : v === b.BuiltInSelectorNames.Text ? (0, Z.jsx)(t ? ei : Zr, { ...e }) : v === b.BuiltInSelectorNames.DateTime ? (0, Z.jsx)(Ci, {
+		}) : y === h.BuiltInSelectorNames.Text ? (0, Z.jsx)(t ? ei : Zr, { ...e }) : y === h.BuiltInSelectorNames.DateTime ? (0, Z.jsx)(Ci, {
 			...e,
 			allowFormula: t
-		}) : v === b.BuiltInSelectorNames.Date ? (0, Z.jsx)(Ci, {
+		}) : y === h.BuiltInSelectorNames.Date ? (0, Z.jsx)(Ci, {
 			...e,
 			type: "date",
 			allowFormula: t
-		}) : v === b.BuiltInSelectorNames.Time ? (0, Z.jsx)(Ci, {
+		}) : y === h.BuiltInSelectorNames.Time ? (0, Z.jsx)(Ci, {
 			...e,
 			type: "time",
 			allowFormula: t
-		}) : v === b.BuiltInSelectorNames.List ? (0, Z.jsx)(ti, { ...e }) : v === b.BuiltInSelectorNames.Logical ? (0, Z.jsx)(bi, { ...e }) : v === b.BuiltInOperatorNames.Average ? (0, Z.jsx)(ri, { ...e }) : v === b.BuiltInOperatorNames.TimePeriod ? (0, Z.jsx)(fi, { ...e }) : v === b.BuiltInOperatorNames.TopN ? (0, Z.jsx)(pi, { ...e }) : v === b.BuiltInOperatorNames.Between ? (0, Z.jsx)(mi, { ...e }) : v === b.BuiltInOperatorNames.Expression ? (0, Z.jsx)(hi, { ...e }) : null;
+		}) : y === h.BuiltInSelectorNames.List ? (0, Z.jsx)(ti, { ...e }) : y === h.BuiltInSelectorNames.Logical ? (0, Z.jsx)(bi, { ...e }) : y === h.BuiltInOperatorNames.Average ? (0, Z.jsx)(ri, { ...e }) : y === h.BuiltInOperatorNames.TimePeriod ? (0, Z.jsx)(fi, { ...e }) : y === h.BuiltInOperatorNames.TopN ? (0, Z.jsx)(pi, { ...e }) : y === h.BuiltInOperatorNames.Between ? (0, Z.jsx)(mi, { ...e }) : y === h.BuiltInOperatorNames.Expression ? (0, Z.jsx)(hi, { ...e }) : null;
 	}, [
 		p,
-		h,
-		v,
+		g,
+		y,
 		m,
 		u
-	]), C = (0, X.useMemo)(() => h && m ? Array.isArray(m) ? m : [m] : [], [h, m]), ee = h && p?.getName() === "not", T = (e) => {
+	]), w = (0, X.useMemo)(() => g && m ? Array.isArray(m) ? m : [m] : [], [g, m]), T = g && p?.getName() === "not", E = (e) => {
 		if (!e || e === p) return;
 		let t, r = !!e.isCombinator?.();
-		if (r && h) t = e.getName() === "not" ? C[0] ?? li(e, i, a) : C.length > 0 ? C : li(e, i, a);
+		if (r && g) t = e.getName() === "not" ? w[0] ?? li(e, i, a) : w.length > 0 ? w : li(e, i, a);
 		else {
 			let n = p?.getParamType?.(a ?? void 0) ?? null, o = e.getParamType?.(a ?? void 0) ?? null;
 			t = !r && o && o === n ? m : li(e, i, a);
@@ -2318,8 +2318,8 @@ var wi = b.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 			param: t
 		});
 	};
-	return (0, Z.jsx)(I, {
-		ref: g,
+	return (0, Z.jsx)(F, {
+		ref: _,
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2331,7 +2331,7 @@ var wi = b.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 			p: 1
 		},
 		...l,
-		children: y ? (0, Z.jsxs)(I, {
+		children: b ? (0, Z.jsxs)(F, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -2344,16 +2344,16 @@ var wi = b.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 					sx: { flex: .4 },
 					value: p,
 					operators: i,
-					onChange: T,
+					onChange: E,
 					readOnly: s
 				}),
 				S,
-				!s && !c && (0, Z.jsx)(Ue, {
-					icon: (0, Z.jsx)(w, { iconKey: "Close" }),
+				!s && !c && (0, Z.jsx)(Ht, {
+					icon: (0, Z.jsx)(C, { iconKey: "Close" }),
 					onClick: r
 				})
 			]
-		}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsxs)(I, {
+		}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsxs)(F, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -2366,17 +2366,17 @@ var wi = b.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 					sx: { flex: 1 },
 					value: p,
 					operators: i,
-					onChange: T,
+					onChange: E,
 					readOnly: s
 				}),
-				h && !ee && !s && (0, Z.jsx)(vi, {
+				g && !T && !s && (0, Z.jsx)(vi, {
 					label: p?.getTitle?.(),
-					icon: (0, Z.jsx)(w, { iconKey: "Add" }),
+					icon: (0, Z.jsx)(C, { iconKey: "Add" }),
 					operators: i,
 					value: null,
 					onChange: (e) => {
 						if (!e) return;
-						let t = li(e, i, a), r = [...C, {
+						let t = li(e, i, a), r = [...w, {
 							operator: e?.getName() ?? null,
 							param: t
 						}];
@@ -2386,19 +2386,19 @@ var wi = b.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 						});
 					}
 				}),
-				!s && !c && (0, Z.jsx)(Ue, {
-					icon: (0, Z.jsx)(w, { iconKey: "Close" }),
+				!s && !c && (0, Z.jsx)(Ht, {
+					icon: (0, Z.jsx)(C, { iconKey: "Close" }),
 					disabled: s,
 					onClick: r
 				})
 			]
-		}), h ? (0, Z.jsx)(yi, {
+		}), g ? (0, Z.jsx)(yi, {
 			operator: p,
-			inputs: C,
+			inputs: w,
 			onOptionChange: (e) => {
 				n({
 					operator: f,
-					param: ee ? e[0] ?? null : e
+					param: T ? e[0] ?? null : e
 				});
 			},
 			operators: i,
@@ -2409,7 +2409,7 @@ var wi = b.BuiltInOperatorNames, Ti = /* @__PURE__ */ new Set([
 });
 Ei.displayName = "OperatorAndParamEditor";
 var Di = (0, X.memo)((e) => {
-	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ...c } = e, l = j(), u = A(), [d, f] = (0, X.useState)(() => t?.getSelector() ?? null), [p, m] = (0, X.useState)(() => t?.getOperator() ? {
+	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ...c } = e, l = A(), u = k(), [d, f] = (0, X.useState)(() => t?.getSelector() ?? null), [p, m] = (0, X.useState)(() => t?.getOperator() ? {
 		operator: t.getOperator().getName(),
 		param: t.getParam()
 	} : null), [h, g] = (0, X.useState)(() => t?.isIncludeBlanks() ?? !1);
@@ -2421,22 +2421,22 @@ var Di = (0, X.memo)((e) => {
 			param: t.getParam()
 		} : null), g(t.isIncludeBlanks());
 	}, [t]);
-	let _ = (0, X.useMemo)(() => (s ?? Object.values(S.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", u)), [s, u]), v = (0, X.useMemo)(() => o ?? Object.values(S.BuiltInOperators), [o]), y = (0, X.useMemo)(() => si(d, v, u), [
+	let v = (0, X.useMemo)(() => (s ?? Object.values(_.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", u)), [s, u]), y = (0, X.useMemo)(() => o ?? Object.values(_.BuiltInOperators), [o]), b = (0, X.useMemo)(() => si(d, y, u), [
 		d,
-		v,
+		y,
 		u
-	]), b = (e) => {
+	]), x = (e) => {
 		m(e), n?.({
 			selector: d,
 			...e
 		});
-	}, x = r;
-	return (0, Z.jsxs)(I, {
+	}, S = r;
+	return (0, Z.jsxs)(F, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			p: 2,
-			pb: +!x,
+			pb: +!S,
 			gap: 1,
 			backgroundColor: "action.hover",
 			border: 1,
@@ -2447,11 +2447,11 @@ var Di = (0, X.memo)((e) => {
 		children: [
 			(0, Z.jsx)(gi, {
 				title: i,
-				selectors: _,
+				selectors: v,
 				value: d,
 				onChange: (e) => {
 					if (f(e), p) {
-						let { operator: t } = p, r = v.find((e) => e.getName() === t) ?? null, i = si(e, v);
+						let { operator: t } = p, r = y.find((e) => e.getName() === t) ?? null, i = si(e, y);
 						if (!r || !i.includes(r)) return m(null), void n?.({
 							selector: e,
 							operator: null,
@@ -2480,7 +2480,7 @@ var Di = (0, X.memo)((e) => {
 			}),
 			p ? (0, Z.jsx)(Ei, {
 				operatorParam: p,
-				onOperatorParamChange: b,
+				onOperatorParamChange: x,
 				onRemove: () => {
 					m(null), n?.({
 						selector: d,
@@ -2488,26 +2488,26 @@ var Di = (0, X.memo)((e) => {
 						param: null
 					});
 				},
-				operators: y,
+				operators: b,
 				selector: d,
 				readOnly: a
-			}) : !a && (0, Z.jsx)(I, {
+			}) : !a && (0, Z.jsx)(F, {
 				sx: { display: "flex" },
 				children: (0, Z.jsx)(vi, {
 					label: l("condition.when"),
-					operators: y,
+					operators: b,
 					value: null,
 					onChange: (e) => {
-						e && b({
+						e && x({
 							operator: e?.getName() ?? null,
-							param: li(e, y, d)
+							param: li(e, b, d)
 						});
 					},
 					readOnly: a
 				})
 			}),
-			x && (0, Z.jsx)(En, {
-				control: (0, Z.jsx)(Tn, {
+			S && (0, Z.jsx)(q, {
+				control: (0, Z.jsx)(jt, {
 					checked: !h,
 					onChange: (e) => {
 						var t = !e.target.checked;
@@ -2527,7 +2527,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)(I, {
+	return (0, Z.jsx)(F, {
 		className: `sxl-cf-rule-section sxl-cf-rule-section-${t}`,
 		sx: {
 			display: "flex",
@@ -2545,20 +2545,20 @@ var Oi = (0, X.memo)((e) => {
 	});
 });
 Oi.displayName = "RuleSection";
-var ki = new _("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 === y.Type.None ? null : e.color ?? e.foreground ?? null : null, Mi = (e, t) => e === "auto" ? null : Wt(e, t), Ni = (0, X.memo)((e) => {
-	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = j(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = Sn(), d = t?.font ?? null, p = (d?.weight ?? 400) >= 600, m = d?.style === g.Style.Italic, h = !!d?.underline && d.underline !== g.UnderlineStyle.None, _ = !!d?.strike, v = (e) => {
+var ki = new y("transparent"), Ai = {
+	lightRedFillDarkRedText: m("conditionalFormat.preset.lightRedFillDarkRedText"),
+	yellowFillDarkYellowText: m("conditionalFormat.preset.yellowFillDarkYellowText"),
+	greenFillDarkGreenText: m("conditionalFormat.preset.greenFillDarkGreenText"),
+	lightRedFill: m("conditionalFormat.preset.lightRedFill"),
+	redText: m("conditionalFormat.preset.redText"),
+	redBorder: m("conditionalFormat.preset.redBorder")
+}, ji = (e) => e ? typeof e == "string" ? e : e.type === x.Type.None ? null : e.color ?? e.foreground ?? null : null, Mi = (e, t) => e === "auto" ? null : rt(e, t), Ni = (0, X.memo)((e) => {
+	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = A(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = at(), d = t?.font ?? null, f = (d?.weight ?? 400) >= 600, p = d?.style === v.Style.Italic, h = !!d?.underline && d.underline !== v.UnderlineStyle.None, g = !!d?.strike, _ = (e) => {
 		let r = { ...d };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		let i = { ...t };
 		Object.keys(r).length === 0 ? delete i.font : i.font = r, n(Object.keys(i).length === 0 ? null : i);
-	}, b = (0, X.useMemo)(() => o?.getStyles().getNormal().getFont().getColor(), [o, c]), x = (0, X.useMemo)(() => Mi(d?.color, o), [
+	}, y = (0, X.useMemo)(() => o?.getStyles().getNormal().getFont().getColor(), [o, c]), b = (0, X.useMemo)(() => Mi(d?.color, o), [
 		d?.color,
 		o,
 		c
@@ -2566,20 +2566,20 @@ var ki = new _("transparent"), Ai = {
 		t?.fill,
 		o,
 		c
-	]), C = {
+	]), w = {
 		padding: "4px",
 		border: "none",
 		borderRadius: 1
 	};
 	return (0, Z.jsxs)(Oi, {
 		...i,
-		children: [(0, Z.jsxs)(I, {
+		children: [(0, Z.jsxs)(F, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(I, {
+			children: [(0, Z.jsx)(F, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2587,9 +2587,9 @@ var ki = new _("transparent"), Ai = {
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: Fe.map((e, t) => {
+				children: zt.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)(Cn, {
+					return (0, Z.jsx)(At, {
 						sheet: !0,
 						title: a(Ai[e.key] ?? e.key),
 						disabled: r,
@@ -2603,7 +2603,7 @@ var ki = new _("transparent"), Ai = {
 						children: "Aa"
 					}, t);
 				})
-			}), (0, Z.jsx)(Cn, {
+			}), (0, Z.jsx)(At, {
 				title: a("conditionalFormat.clearStyle"),
 				disabled: r || !t,
 				onClick: () => n(null),
@@ -2611,12 +2611,12 @@ var ki = new _("transparent"), Ai = {
 					color: "text.secondary",
 					"&:disabled": { opacity: .4 }
 				},
-				children: (0, Z.jsx)(w, {
+				children: (0, Z.jsx)(C, {
 					iconKey: "ClearFormats",
 					size: 16
 				})
 			})]
-		}), (0, Z.jsxs)(I, {
+		}), (0, Z.jsxs)(F, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -2626,45 +2626,45 @@ var ki = new _("transparent"), Ai = {
 				(0, Z.jsx)(Gr, {
 					value: "bold",
 					size: "small",
-					sx: C,
-					selected: p,
+					sx: w,
+					selected: f,
 					disabled: r,
-					onChange: () => v({ weight: p ? void 0 : 700 }),
-					children: (0, Z.jsx)(w, { iconKey: "TextBold" })
+					onChange: () => _({ weight: f ? void 0 : 700 }),
+					children: (0, Z.jsx)(C, { iconKey: "TextBold" })
 				}),
 				(0, Z.jsx)(Gr, {
 					value: "italic",
 					size: "small",
-					sx: C,
-					selected: m,
+					sx: w,
+					selected: p,
 					disabled: r,
-					onChange: () => v({ style: m ? void 0 : g.Style.Italic }),
-					children: (0, Z.jsx)(w, { iconKey: "TextItalic" })
+					onChange: () => _({ style: p ? void 0 : v.Style.Italic }),
+					children: (0, Z.jsx)(C, { iconKey: "TextItalic" })
 				}),
 				(0, Z.jsx)(Gr, {
 					value: "underline",
 					size: "small",
-					sx: C,
+					sx: w,
 					selected: h,
 					disabled: r,
-					onChange: () => v({ underline: h ? void 0 : g.UnderlineStyle.Single }),
-					children: (0, Z.jsx)(w, { iconKey: "TextUnderline" })
+					onChange: () => _({ underline: h ? void 0 : v.UnderlineStyle.Single }),
+					children: (0, Z.jsx)(C, { iconKey: "TextUnderline" })
 				}),
 				(0, Z.jsx)(Gr, {
 					value: "strike",
 					size: "small",
-					sx: C,
-					selected: _,
+					sx: w,
+					selected: g,
 					disabled: r,
-					onChange: () => v({ strike: !_ || void 0 }),
-					children: (0, Z.jsx)(w, { iconKey: "TextStrike" })
+					onChange: () => _({ strike: !g || void 0 }),
+					children: (0, Z.jsx)(C, { iconKey: "TextStrike" })
 				}),
-				o && (0, Z.jsx)(gn, {
+				o && (0, Z.jsx)(ht, {
 					tooltip: a("conditionalFormat.border"),
 					selectedBorder: t?.border,
 					createBorder: (e) => o.getStyles().getNormal().createStyle({ border: e }).getBorder(),
 					schemeLookup: s,
-					autoColor: b,
+					autoColor: y,
 					darkMode: l,
 					disabled: r,
 					onSelectBorder: (e) => ((e) => {
@@ -2672,7 +2672,7 @@ var ki = new _("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)(on, {
+				(0, Z.jsx)(xt, {
 					icon: "fill.colored",
 					tooltip: a("conditionalFormat.fillColor"),
 					selectedColor: S,
@@ -2680,7 +2680,7 @@ var ki = new _("transparent"), Ai = {
 					onSelectColor: (e) => ((e) => {
 						let r = { ...t };
 						e ? r.fill = {
-							type: y.Type.Solid,
+							type: x.Type.Solid,
 							color: e.toString()
 						} : delete r.fill, n(Object.keys(r).length === 0 ? null : r);
 					})(e),
@@ -2688,21 +2688,21 @@ var ki = new _("transparent"), Ai = {
 					propsPanel: {
 						disableAlpha: !0,
 						autoColor: ki,
-						autoColorLabelKey: f("color.noFill"),
-						autoColorPosition: en.End,
+						autoColorLabelKey: m("color.noFill"),
+						autoColorPosition: lt.End,
 						...u
 					}
 				}),
-				(0, Z.jsx)(on, {
+				(0, Z.jsx)(xt, {
 					icon: "text.colored",
 					tooltip: a("conditionalFormat.fontColor"),
-					selectedColor: x,
+					selectedColor: b,
 					disabled: r,
-					onSelectColor: (e) => v({ color: e ? e.toString() : void 0 }),
+					onSelectColor: (e) => _({ color: e ? e.toString() : void 0 }),
 					darkMode: l,
 					propsPanel: {
 						disableAlpha: !0,
-						autoColor: b,
+						autoColor: y,
 						...u
 					}
 				})
@@ -2712,22 +2712,22 @@ var ki = new _("transparent"), Ai = {
 });
 Ni.displayName = "ConditionalFormatStylePicker";
 var Pi = {
-	[h.ColorStopType.AutoMin]: f("conditionalFormat.stopType.autoMin"),
-	[h.ColorStopType.AutoMax]: f("conditionalFormat.stopType.autoMax"),
-	[h.ColorStopType.Min]: f("conditionalFormat.stopType.min"),
-	[h.ColorStopType.Max]: f("conditionalFormat.stopType.max"),
-	[h.ColorStopType.Num]: f("conditionalFormat.stopType.num"),
-	[h.ColorStopType.Percent]: f("conditionalFormat.stopType.percent"),
-	[h.ColorStopType.Percentile]: f("conditionalFormat.stopType.percentile"),
-	[h.ColorStopType.Formula]: f("conditionalFormat.stopType.formula")
+	[g.ColorStopType.AutoMin]: m("conditionalFormat.stopType.autoMin"),
+	[g.ColorStopType.AutoMax]: m("conditionalFormat.stopType.autoMax"),
+	[g.ColorStopType.Min]: m("conditionalFormat.stopType.min"),
+	[g.ColorStopType.Max]: m("conditionalFormat.stopType.max"),
+	[g.ColorStopType.Num]: m("conditionalFormat.stopType.num"),
+	[g.ColorStopType.Percent]: m("conditionalFormat.stopType.percent"),
+	[g.ColorStopType.Percentile]: m("conditionalFormat.stopType.percentile"),
+	[g.ColorStopType.Formula]: m("conditionalFormat.stopType.formula")
 }, Fi = /* @__PURE__ */ new Set([
-	h.ColorStopType.AutoMin,
-	h.ColorStopType.AutoMax,
-	h.ColorStopType.Min,
-	h.ColorStopType.Max
+	g.ColorStopType.AutoMin,
+	g.ColorStopType.AutoMax,
+	g.ColorStopType.Min,
+	g.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 = j(), { darkMode: d, toColor: f, propsColorPanel: p } = Sn(), m = n.type ?? h.ColorStopType.Num, g = !Fi.has(m), _ = c || !g, v = m === h.ColorStopType.Formula, y = n.color, b = a ? f(y) : null;
-	return (0, Z.jsxs)(I, {
+	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = A(), { darkMode: d, toColor: f, propsColorPanel: p } = at(), m = n.type ?? g.ColorStopType.Num, h = !Fi.has(m), _ = c || !h, v = m === g.ColorStopType.Formula, y = n.color, b = a ? f(y) : null;
+	return (0, Z.jsxs)(F, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
@@ -2735,7 +2735,7 @@ var Pi = {
 		},
 		...l,
 		children: [
-			t !== void 0 && (0, Z.jsx)(H, {
+			t !== void 0 && (0, Z.jsx)(R, {
 				variant: "caption",
 				sx: {
 					color: "text.secondary",
@@ -2747,7 +2747,7 @@ var Pi = {
 				children: t
 			}),
 			o,
-			a && (0, Z.jsx)(on, {
+			a && (0, Z.jsx)(xt, {
 				tooltip: u("conditionalFormat.stopColor"),
 				selectedColor: b,
 				disabled: c,
@@ -2763,7 +2763,7 @@ var Pi = {
 					...p
 				}
 			}),
-			s && (0, Z.jsxs)(q, {
+			s && (0, Z.jsxs)(K, {
 				size: "small",
 				value: n.exclusive ? "gt" : "gte",
 				disabled: c,
@@ -2783,7 +2783,7 @@ var Pi = {
 					children: ">"
 				})]
 			}),
-			(0, Z.jsx)(q, {
+			(0, Z.jsx)(K, {
 				size: "small",
 				value: m,
 				disabled: c,
@@ -2793,8 +2793,8 @@ var Pi = {
 						type: e
 					};
 					if (Fi.has(e)) delete t.value;
-					else if (t.value === void 0) t.value = e === h.ColorStopType.Formula ? "" : 0;
-					else if (e !== h.ColorStopType.Formula && typeof t.value == "string") {
+					else if (t.value === void 0) t.value = e === g.ColorStopType.Formula ? "" : 0;
+					else if (e !== g.ColorStopType.Formula && typeof t.value == "string") {
 						let e = Number(t.value);
 						t.value = Number.isFinite(e) ? e : 0;
 					}
@@ -2810,7 +2810,7 @@ var Pi = {
 					children: u(Pi[e])
 				}, e))
 			}),
-			v ? (0, Z.jsx)(An, {
+			v ? (0, Z.jsx)(jn, {
 				size: "small",
 				value: `${n.value ?? ""}`,
 				onChangeText: (e) => {
@@ -2834,8 +2834,8 @@ var Pi = {
 			}) : (0, Z.jsx)(J, {
 				size: "small",
 				type: "number",
-				placeholder: g ? void 0 : u("conditionalFormat.stopFromData"),
-				value: g ? `${n.value ?? ""}` : "",
+				placeholder: h ? void 0 : u("conditionalFormat.stopFromData"),
+				value: h ? `${n.value ?? ""}` : "",
 				disabled: _,
 				onChange: (e) => {
 					let t = e.target.value;
@@ -2859,32 +2859,32 @@ var Pi = {
 });
 Ii.displayName = "ScaleStopRow";
 var Li = [
-	h.ColorStopType.Min,
-	h.ColorStopType.Max,
-	h.ColorStopType.Num,
-	h.ColorStopType.Percent,
-	h.ColorStopType.Percentile,
-	h.ColorStopType.Formula
+	g.ColorStopType.Min,
+	g.ColorStopType.Max,
+	g.ColorStopType.Num,
+	g.ColorStopType.Percent,
+	g.ColorStopType.Percentile,
+	g.ColorStopType.Formula
 ], Ri = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = j(), { workbook: o, toColor: s } = Sn(), 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")
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = A(), { workbook: o, toColor: s } = at(), c = t.stops ?? [], l = c.length === 2 ? [m("conditionalFormat.stop.minimum"), m("conditionalFormat.stop.maximum")] : [
+		m("conditionalFormat.stop.minimum"),
+		m("conditionalFormat.stop.midpoint"),
+		m("conditionalFormat.stop.maximum")
 	];
-	return (0, Z.jsxs)(I, {
+	return (0, Z.jsxs)(F, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 1
 		},
 		...i,
-		children: [(0, Z.jsx)(Oi, { children: (0, Z.jsxs)(I, {
+		children: [(0, Z.jsx)(Oi, { children: (0, Z.jsxs)(F, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(I, {
+			children: [(0, Z.jsx)(F, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2892,11 +2892,11 @@ var Li = [
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: ct.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(Cn, {
+				children: wn.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(At, {
 					sheet: !0,
 					disabled: r,
 					onClick: () => n(structuredClone(e)),
-					children: (0, Z.jsx)(Gt, { rows: wn(e.stops ?? [], Qt, o) })
+					children: (0, Z.jsx)(kt, { rows: st(e.stops ?? [], et, o) })
 				}, t))
 			}), (0, Z.jsxs)(Jr, {
 				exclusive: !0,
@@ -2914,7 +2914,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: h.ColorStopType.Percentile,
+								type: g.ColorStopType.Percentile,
 								value: 50,
 								color: e
 							});
@@ -2965,26 +2965,26 @@ var Li = [
 });
 Ri.displayName = "ColorScaleRulePanel";
 var zi = [
-	h.ColorStopType.AutoMin,
-	h.ColorStopType.Min,
-	h.ColorStopType.Num,
-	h.ColorStopType.Percent,
-	h.ColorStopType.Percentile,
-	h.ColorStopType.Formula
+	g.ColorStopType.AutoMin,
+	g.ColorStopType.Min,
+	g.ColorStopType.Num,
+	g.ColorStopType.Percent,
+	g.ColorStopType.Percentile,
+	g.ColorStopType.Formula
 ], Bi = [
-	h.ColorStopType.AutoMax,
-	h.ColorStopType.Max,
-	h.ColorStopType.Num,
-	h.ColorStopType.Percent,
-	h.ColorStopType.Percentile,
-	h.ColorStopType.Formula
+	g.ColorStopType.AutoMax,
+	g.ColorStopType.Max,
+	g.ColorStopType.Num,
+	g.ColorStopType.Percent,
+	g.ColorStopType.Percentile,
+	g.ColorStopType.Formula
 ], Vi = "__auto__", Hi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = j(), { darkMode: o, toColor: s, propsColorPanel: c } = Sn(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), m = t.gradient ?? !1, g = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = A(), { darkMode: o, toColor: s, propsColorPanel: c } = at(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), m = t.gradient ?? !1, h = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
 	}, _ = { backgroundColor: "background.paper" };
-	return (0, Z.jsxs)(I, {
+	return (0, Z.jsxs)(F, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2992,13 +2992,13 @@ var zi = [
 		},
 		...i,
 		children: [(0, Z.jsxs)(Oi, { children: [
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(F, {
 				sx: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(I, {
+				children: [(0, Z.jsx)(F, {
 					sx: {
 						flex: "1 1 auto",
 						minWidth: 0,
@@ -3006,15 +3006,15 @@ var zi = [
 						gap: .5,
 						flexWrap: "wrap"
 					},
-					children: B.filter((e) => (e.gradient ?? !1) === m).map((e, t) => (0, Z.jsx)(Cn, {
+					children: tn.filter((e) => (e.gradient ?? !1) === m).map((e, t) => (0, Z.jsx)(At, {
 						sheet: !0,
 						disabled: r,
-						onClick: () => g({
+						onClick: () => h({
 							color: e.color,
 							gradient: e.gradient,
 							borderColor: e.borderColor
 						}),
-						children: (0, Z.jsx)(Gt, { rows: qt(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
+						children: (0, Z.jsx)(kt, { rows: Ot(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
 					}, t))
 				}), (0, Z.jsxs)(Jr, {
 					exclusive: !0,
@@ -3022,7 +3022,7 @@ var zi = [
 					value: m,
 					disabled: r,
 					onChange: (e, t) => {
-						t !== null && g({ gradient: !!t || void 0 });
+						t !== null && h({ gradient: !!t || void 0 });
 					},
 					sx: { flex: "0 0 auto" },
 					children: [(0, Z.jsx)(Gr, {
@@ -3044,26 +3044,26 @@ var zi = [
 					})]
 				})]
 			}),
-			(0, Z.jsx)(En, {
-				control: (0, Z.jsx)(Tn, {
+			(0, Z.jsx)(q, {
+				control: (0, Z.jsx)(jt, {
 					size: "small",
 					checked: !1 === t.showValue,
 					disabled: r,
-					onChange: (e) => g({ showValue: !e.target.checked && void 0 })
+					onChange: (e) => h({ showValue: !e.target.checked && void 0 })
 				}),
-				label: (0, Z.jsx)(H, {
+				label: (0, Z.jsx)(R, {
 					variant: "body2",
 					children: a("conditionalFormat.showBarsOnly")
 				})
 			}),
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(F, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: .5
 				},
 				children: [
-					(0, Z.jsx)(H, {
+					(0, Z.jsx)(R, {
 						variant: "caption",
 						sx: {
 							color: "text.secondary",
@@ -3071,24 +3071,24 @@ var zi = [
 						},
 						children: a("conditionalFormat.bar")
 					}),
-					(0, Z.jsx)(on, {
+					(0, Z.jsx)(xt, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.barColor"),
 						selectedColor: u,
 						disabled: r,
-						onSelectColor: (e) => g({ color: e ? e.toString() : void 0 }),
+						onSelectColor: (e) => h({ color: e ? e.toString() : void 0 }),
 						darkMode: o,
 						propsPanel: {
 							disableAlpha: !0,
 							...c
 						}
 					}),
-					(0, Z.jsx)(on, {
+					(0, Z.jsx)(xt, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.barBorderColor"),
 						selectedColor: f,
 						disabled: r,
-						onSelectColor: (e) => g({ borderColor: e ? e.toString() : void 0 }),
+						onSelectColor: (e) => h({ borderColor: e ? e.toString() : void 0 }),
 						darkMode: o,
 						propsPanel: {
 							disableAlpha: !0,
@@ -3097,14 +3097,14 @@ var zi = [
 					})
 				]
 			}),
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(F, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: .5
 				},
 				children: [
-					(0, Z.jsx)(H, {
+					(0, Z.jsx)(R, {
 						variant: "caption",
 						sx: {
 							color: "text.secondary",
@@ -3112,34 +3112,34 @@ var zi = [
 						},
 						children: a("conditionalFormat.negative")
 					}),
-					(0, Z.jsx)(on, {
+					(0, Z.jsx)(xt, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.negativeColor"),
 						selectedColor: d ?? u,
 						disabled: r,
-						onSelectColor: (e) => g({ negativeFillColor: e ? e.toString() : void 0 }),
+						onSelectColor: (e) => h({ negativeFillColor: e ? e.toString() : void 0 }),
 						darkMode: o,
 						propsPanel: {
 							disableAlpha: !0,
 							...c
 						}
 					}),
-					(0, Z.jsx)(on, {
+					(0, Z.jsx)(xt, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.negativeBorderColor"),
 						selectedColor: p ?? f,
 						disabled: r,
-						onSelectColor: (e) => g({ negativeBorderColor: e ? e.toString() : void 0 }),
+						onSelectColor: (e) => h({ negativeBorderColor: e ? e.toString() : void 0 }),
 						darkMode: o,
 						propsPanel: {
 							disableAlpha: !0,
 							...c
 						}
 					}),
-					(0, Z.jsx)(Cn, {
+					(0, Z.jsx)(At, {
 						title: a("conditionalFormat.sameAsPositive"),
 						disabled: r || !t.negativeFillColor && !t.negativeBorderColor,
-						onClick: () => g({
+						onClick: () => h({
 							negativeFillColor: void 0,
 							negativeBorderColor: void 0
 						}),
@@ -3147,33 +3147,33 @@ var zi = [
 							color: "text.secondary",
 							"&:disabled": { opacity: .4 }
 						},
-						children: (0, Z.jsx)(w, {
+						children: (0, Z.jsx)(C, {
 							iconKey: "ClearFormats",
 							size: 16
 						})
 					})
 				]
 			}),
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(F, {
 				sx: {
 					display: "flex",
 					gap: 1,
 					mt: .5
 				},
-				children: [(0, Z.jsxs)(K, {
+				children: [(0, Z.jsxs)(Ye, {
 					size: "small",
 					sx: {
 						flex: 1,
 						minWidth: 0
 					},
-					children: [(0, Z.jsx)(Ht, { children: a("conditionalFormat.axis") }), (0, Z.jsxs)(q, {
+					children: [(0, Z.jsx)(G, { children: a("conditionalFormat.axis") }), (0, Z.jsxs)(K, {
 						label: a("conditionalFormat.axis"),
 						value: t.axisPosition ?? Vi,
 						disabled: r,
 						sx: _,
 						onChange: (e) => {
 							let t = e.target.value;
-							g({ axisPosition: t === Vi ? void 0 : t });
+							h({ axisPosition: t === Vi ? void 0 : t });
 						},
 						children: [
 							(0, Z.jsx)(Y, {
@@ -3190,20 +3190,20 @@ var zi = [
 							})
 						]
 					})]
-				}), (0, Z.jsxs)(K, {
+				}), (0, Z.jsxs)(Ye, {
 					size: "small",
 					sx: {
 						flex: 1,
 						minWidth: 0
 					},
-					children: [(0, Z.jsx)(Ht, { children: a("conditionalFormat.direction") }), (0, Z.jsxs)(q, {
+					children: [(0, Z.jsx)(G, { children: a("conditionalFormat.direction") }), (0, Z.jsxs)(K, {
 						label: a("conditionalFormat.direction"),
 						value: t.direction ?? Vi,
 						disabled: r,
 						sx: _,
 						onChange: (e) => {
 							let t = e.target.value;
-							g({ direction: t === Vi ? void 0 : t });
+							h({ direction: t === Vi ? void 0 : t });
 						},
 						children: [
 							(0, Z.jsx)(Y, {
@@ -3226,44 +3226,44 @@ var zi = [
 			variant: "config",
 			children: [(0, Z.jsx)(Ii, {
 				label: a("conditionalFormat.stop.minimum"),
-				stop: l[0] ?? { type: h.ColorStopType.AutoMin },
+				stop: l[0] ?? { type: g.ColorStopType.AutoMin },
 				allowedTypes: zi,
 				readOnly: r,
 				onStopChange: (e) => {
 					let t = l.slice();
-					t[0] = e, g({ stops: t });
+					t[0] = e, h({ stops: t });
 				}
 			}), (0, Z.jsx)(Ii, {
 				label: a("conditionalFormat.stop.maximum"),
-				stop: l[1] ?? { type: h.ColorStopType.AutoMax },
+				stop: l[1] ?? { type: g.ColorStopType.AutoMax },
 				allowedTypes: Bi,
 				readOnly: r,
 				onStopChange: (e) => {
 					let t = l.slice();
-					for (; t.length < 2;) t.push({ type: h.ColorStopType.AutoMax });
-					t[1] = e, g({ stops: t });
+					for (; t.length < 2;) t.push({ type: g.ColorStopType.AutoMax });
+					t[1] = e, h({ stops: t });
 				}
 			})]
 		})]
 	});
 });
 Hi.displayName = "DataBarRulePanel";
-var Ui = f("conditionalFormat.noCellIcon"), Wi = f("conditionalFormat.cellIcon"), Gi = {
+var Ui = m("conditionalFormat.noCellIcon"), Wi = m("conditionalFormat.cellIcon"), Gi = {
 	borderColor: "primary.main",
 	boxShadow: (e) => `inset 0 0 0 1px ${e.palette.primary.main}`
 }, Ki = {
 	width: "28px",
 	height: "26px"
 }, qi = (0, X.memo)((e) => {
-	let { icon: t, onPick: n } = e, r = j();
-	return (0, Z.jsxs)(I, {
+	let { icon: t, onPick: n } = e, r = A();
+	return (0, Z.jsxs)(F, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "4px",
 			padding: "6px 8px"
 		},
-		children: [(0, Z.jsx)(Cn, {
+		children: [(0, Z.jsx)(At, {
 			sheet: !0,
 			title: r(Ui),
 			"aria-pressed": t === null,
@@ -3272,24 +3272,24 @@ var Ui = f("conditionalFormat.noCellIcon"), Wi = f("conditionalFormat.cellIcon")
 				...t === null ? Gi : null
 			},
 			onClick: () => {
-				n({ ...Ge });
+				n({ ...Cn });
 			},
-			children: (0, Z.jsx)(ot, {
+			children: (0, Z.jsx)(Ft, {
 				icons: [null],
 				size: 16
 			})
-		}), (0, Z.jsx)(I, {
+		}), (0, Z.jsx)(F, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: "repeat(8, auto)",
 				justifyContent: "start",
 				gap: "3px"
 			},
-			children: je.map((e) => {
+			children: Lt.map((e) => {
 				let i = ((e, t) => !!e && e.iconKey === t.iconKey && e.color === t.color)(t, e.spec);
-				return (0, Z.jsx)(Cn, {
+				return (0, Z.jsx)(At, {
 					sheet: !0,
-					title: Xt(r, e.spec),
+					title: Ze(r, e.spec),
 					"aria-pressed": i,
 					sx: {
 						...Ki,
@@ -3301,7 +3301,7 @@ var Ui = f("conditionalFormat.noCellIcon"), Wi = f("conditionalFormat.cellIcon")
 							id: e.id
 						});
 					},
-					children: (0, Z.jsx)(ot, {
+					children: (0, Z.jsx)(Ft, {
 						icons: [e.spec],
 						size: 16
 					})
@@ -3312,8 +3312,8 @@ 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 = j();
-	return (0, Z.jsx)(V, {
+	let { icon: n, onPick: r, tooltip: i, ...a } = e, o = A();
+	return (0, Z.jsx)(Xt, {
 		ref: t,
 		createPopupPanel: (0, X.useCallback)((e) => {
 			let { closeFloat: t } = e, i = (0, Z.jsx)(qi, {
@@ -3322,13 +3322,13 @@ var Ji = (0, X.memo)((0, X.forwardRef)((e, t) => {
 					t?.(), r(e);
 				}
 			});
-			return ft({
+			return Vt({
 				...e,
 				children: i
 			});
 		}, [n, r]),
 		tooltip: i ?? o(Wi),
-		icon: (0, Z.jsx)(ot, {
+		icon: (0, Z.jsx)(Ft, {
 			icons: [n],
 			size: 16
 		}),
@@ -3338,24 +3338,24 @@ var Ji = (0, X.memo)((0, X.forwardRef)((e, t) => {
 }));
 Ji.displayName = "IconPickerPopupButton";
 var Yi = [
-	h.ColorStopType.Percent,
-	h.ColorStopType.Num,
-	h.ColorStopType.Percentile,
-	h.ColorStopType.Formula
+	g.ColorStopType.Percent,
+	g.ColorStopType.Num,
+	g.ColorStopType.Percentile,
+	g.ColorStopType.Formula
 ], Xi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...a } = e, o = j(), s = t.iconSet ?? x.IconSet.TrafficLights3, c = ut(s).length === 0, l = t.stops ?? [], u = l.length, d = R(t), f = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = A(), s = t.iconSet ?? b.IconSet.TrafficLights3, c = Ut(s).length === 0, l = t.stops ?? [], u = l.length, d = Yt(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)(mn, {
-			groups: fn,
+		let { closeFloat: t } = e, n = (0, Z.jsx)(wt, {
+			groups: _t,
 			disabled: r,
 			onPick: (e) => {
-				t?.(), e.type === h.ScaleType.IconSet && e.iconSet && ((e) => {
+				t?.(), e.type === g.ScaleType.IconSet && e.iconSet && ((e) => {
 					if (e === s) return;
-					let t = et(e), n = l;
-					t !== l.length && (n = Oe(t)), f({
+					let t = cn(e), n = l;
+					t !== l.length && (n = dn(t)), f({
 						iconSet: e,
 						stops: n,
 						icon: void 0
@@ -3363,42 +3363,42 @@ var Yi = [
 				})(e.iconSet);
 			}
 		});
-		return ft({
+		return Vt({
 			...e,
 			children: n
 		});
-	}, [r, t]), m = i.camelToPrettyCase(s);
-	return (0, Z.jsxs)(I, {
+	}, [r, t]), m = o.camelToPrettyCase(s);
+	return (0, Z.jsxs)(F, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 1
 		},
-		...a,
+		...i,
 		children: [(0, Z.jsxs)(Oi, { children: [
-			(0, Z.jsx)(I, {
+			(0, Z.jsx)(F, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: 1
 				},
-				children: (0, Z.jsx)(V, {
+				children: (0, Z.jsx)(Xt, {
 					outlined: !0,
 					disabled: r,
 					label: m,
 					tooltip: m,
-					icon: (0, Z.jsx)(I, {
+					icon: (0, Z.jsx)(F, {
 						sx: {
 							width: "82px",
 							display: "flex",
 							justifyContent: "center"
 						},
-						children: c ? (0, Z.jsx)(H, {
+						children: c ? (0, Z.jsx)(R, {
 							variant: "caption",
 							noWrap: !0,
 							children: m
-						}) : (0, Z.jsx)(ot, {
-							icons: ut(s),
+						}) : (0, Z.jsx)(Ft, {
+							icons: Ut(s),
 							order: "descending",
 							size: 14,
 							gap: 3
@@ -3407,37 +3407,37 @@ var Yi = [
 					createPopupPanel: p
 				})
 			}),
-			c && (0, Z.jsx)(H, {
+			c && (0, Z.jsx)(R, {
 				variant: "caption",
 				sx: { color: "text.secondary" },
-				children: o("conditionalFormat.adoptedIconSet")
+				children: a("conditionalFormat.adoptedIconSet")
 			}),
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(F, {
 				sx: {
 					display: "flex",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(En, {
-					control: (0, Z.jsx)(Tn, {
+				children: [(0, Z.jsx)(q, {
+					control: (0, Z.jsx)(jt, {
 						size: "small",
 						checked: !1 === t.showValue,
 						disabled: r,
 						onChange: (e) => f({ showValue: !e.target.checked && void 0 })
 					}),
-					label: (0, Z.jsx)(H, {
+					label: (0, Z.jsx)(R, {
 						variant: "body2",
-						children: o("conditionalFormat.showIconsOnly")
+						children: a("conditionalFormat.showIconsOnly")
 					})
-				}), (0, Z.jsx)(En, {
-					control: (0, Z.jsx)(Tn, {
+				}), (0, Z.jsx)(q, {
+					control: (0, Z.jsx)(jt, {
 						size: "small",
 						checked: t.reverse ?? !1,
 						disabled: r,
 						onChange: (e) => f({ reverse: !!e.target.checked || void 0 })
 					}),
-					label: (0, Z.jsx)(H, {
+					label: (0, Z.jsx)(R, {
 						variant: "body2",
-						children: o("conditionalFormat.reverseIcons")
+						children: a("conditionalFormat.reverseIcons")
 					})
 				})]
 			})
@@ -3453,7 +3453,7 @@ var Yi = [
 					leading: (0, Z.jsx)(Ji, {
 						icon: d[i] ?? null,
 						disabled: r || c,
-						onPick: (e) => n(st(t, a, e))
+						onPick: (e) => n(gn(t, a, e))
 					}),
 					onStopChange: (e) => {
 						let t = l.slice();
@@ -3465,15 +3465,15 @@ var Yi = [
 	});
 });
 Xi.displayName = "IconSetRulePanel";
-var Zi = (e, t, n) => Wt(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
+var Zi = (e, t, n) => rt(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 === y.Type.None) return n;
+	if (e.type === x.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 } = Sn();
-	Ke(t, "onAnyChange");
+	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = at();
+	qt(t, "onAnyChange");
 	let o = t.getScale(), s = t.getStyle(), c = (0, X.useMemo)(() => {
 		try {
 			return i?.getStyles().getNormal().getFont().toCSS("adaptive") ?? {};
@@ -3481,9 +3481,9 @@ var Zi = (e, t, n) => Wt(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
 			return {};
 		}
 	}, [i, a]), l = (0, X.useMemo)(() => {
-		if (o?.type === h.ScaleType.ColorScale) return (0, Z.jsx)(Gt, { rows: wn(o.stops ?? [], Qt, i) });
-		if (o?.type === h.ScaleType.DataBar) return (0, Z.jsx)(Gt, { rows: qt(o, Zi(o.color, i, xn), o.borderColor ? Zi(o.borderColor, i, xn) : void 0) });
-		if (o?.type === h.ScaleType.IconSet) return (0, Z.jsx)(I, {
+		if (o?.type === g.ScaleType.ColorScale) return (0, Z.jsx)(kt, { rows: st(o.stops ?? [], et, i) });
+		if (o?.type === g.ScaleType.DataBar) return (0, Z.jsx)(kt, { rows: Ot(o, Zi(o.color, i, pt), o.borderColor ? Zi(o.borderColor, i, pt) : void 0) });
+		if (o?.type === g.ScaleType.IconSet) return (0, Z.jsx)(F, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -3492,15 +3492,15 @@ var Zi = (e, t, n) => Wt(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
 				height: "100%",
 				px: .5
 			},
-			children: (0, Z.jsx)(ot, {
-				icons: R(o),
+			children: (0, Z.jsx)(Ft, {
+				icons: Yt(o),
 				order: "descending",
 				size: 14,
 				gap: 3
 			})
 		});
-		let e = s?.font, t = e?.underline && e.underline !== g.UnderlineStyle.None;
-		return (0, Z.jsx)(I, {
+		let e = s?.font, t = e?.underline && e.underline !== v.UnderlineStyle.None;
+		return (0, Z.jsx)(F, {
 			sx: {
 				width: "100%",
 				height: "100%",
@@ -3509,13 +3509,13 @@ var Zi = (e, t, n) => Wt(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, tn) } : null,
+				...e?.color && e.color !== "auto" ? { color: Zi(e.color, i, Qe) } : 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, pn)}` : void 0,
+				outline: s?.border ? `1px solid ${Zi(Object.values(s.border)[0]?.color, i, $e)}` : void 0,
 				outlineOffset: "-3px"
 			},
 			children: "Aa"
@@ -3528,7 +3528,7 @@ var Zi = (e, t, n) => Wt(e, t)?.toCSS("adaptive") ?? n, Qi = (e, t, n) => {
 		i,
 		a
 	]);
-	return (0, Z.jsx)(Cn, {
+	return (0, Z.jsx)(At, {
 		sheet: !0,
 		className: "sxl-cf-rule-preview",
 		sx: {
@@ -3542,10 +3542,10 @@ var Zi = (e, t, n) => Wt(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 = j(), a = ve();
-	Ke(t, ["onAnchorCoordsChange", "onAnyChange"]);
+	let { conditionalFormat: t, label: n, helperText: r } = e, i = A(), a = ve();
+	qt(t, ["onAnchorCoordsChange", "onAnyChange"]);
 	let o = t.getRanges();
-	return (0, Z.jsx)(An, {
+	return (0, Z.jsx)(jn, {
 		grammar: "reference",
 		value: o,
 		allowMulti: !0,
@@ -3579,21 +3579,21 @@ var ta = (e, t) => {
 	let n = e.getCondition()?.toString();
 	if (n) return n;
 	let r = e.getScale();
-	return r ? i.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
+	return r ? o.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
 }, na = {
-	classic: f("conditionalFormat.tab.classic"),
-	[h.ScaleType.ColorScale]: f("conditionalFormat.tab.colorScale"),
-	[h.ScaleType.DataBar]: f("conditionalFormat.tab.dataBars"),
-	[h.ScaleType.IconSet]: f("conditionalFormat.tab.iconSets")
+	classic: m("conditionalFormat.tab.classic"),
+	[g.ScaleType.ColorScale]: m("conditionalFormat.tab.colorScale"),
+	[g.ScaleType.DataBar]: m("conditionalFormat.tab.dataBars"),
+	[g.ScaleType.IconSet]: m("conditionalFormat.tab.iconSets")
 }, ra = (0, X.memo)((e) => {
-	let { conditionalFormat: t } = e, n = j();
-	Ke(t, "onAnyChange");
+	let { conditionalFormat: t } = e, n = A();
+	qt(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)(Ot, {
+	return (0, Z.jsxs)(Re, {
 		tabIndex: 0,
-		className: nn["editor-panel"],
+		className: mt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -3605,7 +3605,7 @@ var ta = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Z.jsxs)(I, {
+			(0, Z.jsxs)(F, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -3613,7 +3613,7 @@ var ta = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Z.jsxs)(I, {
+				children: [(0, Z.jsxs)(F, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -3622,7 +3622,7 @@ var ta = (e, t) => {
 					children: [(0, Z.jsx)($i, {
 						conditionalFormat: t,
 						size: 48
-					}), (0, Z.jsx)(H, {
+					}), (0, Z.jsx)(R, {
 						variant: "body2",
 						sx: {
 							minWidth: 0,
@@ -3632,20 +3632,20 @@ var ta = (e, t) => {
 					})]
 				}), (0, Z.jsx)(ea, { conditionalFormat: t })]
 			}),
-			(0, Z.jsx)(Jt, {
+			(0, Z.jsx)(tt, {
 				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: b.BuiltInOperatorNames.Between,
+								operator: h.BuiltInOperatorNames.Between,
 								param: null
 							},
 							style: c.current.style ?? null,
 							scale: null
 						});
 						else {
-							let n = c.current.scales[e] ?? (e === h.ScaleType.ColorScale ? Ie() : e === h.ScaleType.DataBar ? Ye() : Be());
+							let n = c.current.scales[e] ?? (e === g.ScaleType.ColorScale ? xn() : e === g.ScaleType.DataBar ? en() : yn());
 							t.update({
 								scale: n,
 								condition: null,
@@ -3668,7 +3668,7 @@ var ta = (e, t) => {
 						minWidth: 0
 					}
 				},
-				children: Object.keys(na).map((e) => (0, Z.jsx)(Yt, {
+				children: Object.keys(na).map((e) => (0, Z.jsx)(nt, {
 					value: e,
 					label: n(na[e])
 				}, e))
@@ -3683,22 +3683,22 @@ var ta = (e, t) => {
 				readOnly: o,
 				onConditionChange: (e) => t.setCondition(e)
 			})] }),
-			r?.type === h.ScaleType.ColorScale && (0, Z.jsx)(Ri, {
+			r?.type === g.ScaleType.ColorScale && (0, Z.jsx)(Ri, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === h.ScaleType.DataBar && (0, Z.jsx)(Hi, {
+			r?.type === g.ScaleType.DataBar && (0, Z.jsx)(Hi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === h.ScaleType.IconSet && (0, Z.jsx)(Xi, {
+			r?.type === g.ScaleType.IconSet && (0, Z.jsx)(Xi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			s === "classic" && (0, Z.jsx)(I, {
+			s === "classic" && (0, Z.jsx)(F, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -3706,8 +3706,8 @@ var ta = (e, t) => {
 					borderColor: "divider",
 					borderRadius: 1
 				},
-				children: (0, Z.jsx)(En, {
-					control: (0, Z.jsx)(Tn, {
+				children: (0, Z.jsx)(q, {
+					control: (0, Z.jsx)(jt, {
 						checked: t.isStopIfTrue(),
 						disabled: o,
 						onChange: (e) => t.setStopIfTrue(e.target.checked)
@@ -3720,8 +3720,8 @@ var ta = (e, t) => {
 });
 ra.displayName = "ConditionalFormatEditorPanel";
 var ia = (0, X.memo)(({ item: e }) => {
-	let t = j();
-	return Ke(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(I, {
+	let t = A();
+	return qt(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(F, {
 		sx: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -3733,7 +3733,7 @@ var ia = (0, X.memo)(({ item: e }) => {
 			borderRadius: 1,
 			color: "text.secondary"
 		},
-		children: (0, Z.jsx)(H, {
+		children: (0, Z.jsx)(R, {
 			variant: "caption",
 			children: t("conditionalFormat.stopIfTrue")
 		})
@@ -3743,18 +3743,18 @@ ia.displayName = "StopIfTrueBadge";
 var aa = {
 	key: "conditional-format",
 	messageKeys: {
-		none: f("conditionalFormat.none"),
-		addPrompt: f("conditionalFormat.addPrompt"),
-		heading: f("conditionalFormat.heading"),
-		insert: f("conditionalFormat.insert"),
-		new: f("conditionalFormat.new"),
-		moveUp: f("conditionalFormat.moveUp"),
-		moveDown: f("conditionalFormat.moveDown"),
-		edit: f("conditionalFormat.edit"),
-		duplicate: f("conditionalFormat.duplicate"),
-		delete: f("conditionalFormat.delete"),
-		cancel: f("conditionalFormat.cancel"),
-		save: f("conditionalFormat.save")
+		none: m("conditionalFormat.none"),
+		addPrompt: m("conditionalFormat.addPrompt"),
+		heading: m("conditionalFormat.heading"),
+		insert: m("conditionalFormat.insert"),
+		new: m("conditionalFormat.new"),
+		moveUp: m("conditionalFormat.moveUp"),
+		moveDown: m("conditionalFormat.moveDown"),
+		edit: m("conditionalFormat.edit"),
+		duplicate: m("conditionalFormat.duplicate"),
+		delete: m("conditionalFormat.delete"),
+		cancel: m("conditionalFormat.cancel"),
+		save: m("conditionalFormat.save")
 	},
 	getCollection: (e) => e.getConditionalFormats(),
 	changeEvents: ["onConditionalFormatsChange"],
@@ -4676,14 +4676,14 @@ var vo = (0, X.memo)(_o), yo = qa({ wrappedRoot: {
 	checkIcon: "_checkIcon_h0jnt_42",
 	button: "_button_h0jnt_47"
 }, jo = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { id: n, message: r, iconVariant: i, error: o, hideIconVariant: s, ...c } = e, l = j(), { closeSnackbar: d } = ko(), [f, p] = (0, X.useState)(!1), m = o ? a.collectErrorChain(o, !0)?.[0]?.error : void 0, h = m && !(m instanceof u), g = (0, X.useCallback)(() => {
+	let { id: n, message: r, iconVariant: i, error: a, hideIconVariant: o, ...c } = e, l = A(), { closeSnackbar: u } = ko(), [d, p] = (0, X.useState)(!1), m = a ? s.collectErrorChain(a, !0)?.[0]?.error : void 0, h = m && !(m instanceof f), g = (0, X.useCallback)(() => {
 		p((e) => !e);
 	}, []), _ = (0, X.useCallback)(() => {
-		d(n);
-	}, [n, d]), v = m?.message;
+		u(n);
+	}, [n, u]), v = m?.message;
 	return !v && (0, X.isValidElement)(r) && (v = r), v || typeof r != "string" || (v = r), v ||= `Unknown Error: ${r}`, (0, Z.jsx)(co, {
 		ref: t,
-		className: C(Ao.root, "error-snackbar"),
+		className: kn(Ao.root, "error-snackbar"),
 		children: (0, Z.jsxs)(kr, {
 			className: Ao.card,
 			style: {
@@ -4694,8 +4694,8 @@ var vo = (0, X.memo)(_o), yo = qa({ wrappedRoot: {
 			children: [(0, Z.jsxs)(Mr, {
 				className: Ao.actionRoot,
 				children: [
-					s ? null : i?.error,
-					(0, Z.jsx)(H, {
+					o ? null : i?.error,
+					(0, Z.jsx)(R, {
 						variant: "body2",
 						component: "div",
 						className: Ao.typography,
@@ -4704,25 +4704,25 @@ 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: [h ? (0, Z.jsx)(xt, {
+						children: [h ? (0, Z.jsx)(I, {
 							"aria-label": l("toast.showMore"),
 							size: "small",
-							className: C(Ao.expand, { [Ao.expandOpen]: f }),
+							className: kn(Ao.expand, { [Ao.expandOpen]: d }),
 							onClick: g,
-							children: (0, Z.jsx)(w, { iconKey: "ExpandMore" })
-						}) : null, (0, Z.jsx)(xt, {
+							children: (0, Z.jsx)(C, { iconKey: "ExpandMore" })
+						}) : null, (0, Z.jsx)(I, {
 							size: "small",
 							className: Ao.expand,
 							onClick: _,
-							children: (0, Z.jsx)(w, {
+							children: (0, Z.jsx)(C, {
 								iconKey: "Close",
 								style: { transform: "scale(0.8)" }
 							})
 						})]
 					})
 				]
-			}), h ? (0, Z.jsx)(Dn, {
-				in: f,
+			}), h ? (0, Z.jsx)(Mt, {
+				in: d,
 				timeout: "auto",
 				children: (0, Z.jsx)("div", {
 					className: Ao.stackTraceContainer,
@@ -4730,8 +4730,8 @@ 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)($e, {
-						error: o,
+					children: (0, Z.jsx)(Qt, {
+						error: a,
 						hideLineNumbers: !0
 					})
 				})
@@ -4740,10 +4740,10 @@ var vo = (0, X.memo)(_o), yo = qa({ wrappedRoot: {
 	});
 }));
 jo.displayName = "ToastError";
-var Mo = (0, Z.jsx)(() => (0, Z.jsx)(It, {
+var Mo = (0, Z.jsx)(() => (0, Z.jsx)(Ue, {
 	label: "SheetXL",
-	description: j()("logo.description"),
-	children: (0, Z.jsx)(I, {
+	description: A()("logo.description"),
+	children: (0, Z.jsx)(F, {
 		component: "a",
 		href: "https://www.sheetxl.com",
 		target: "_blank",
@@ -4756,24 +4756,24 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(It, {
 			marginLeft: "6px",
 			cursor: "pointer"
 		},
-		children: (0, Z.jsx)(Ne, { style: {
+		children: (0, Z.jsx)(_n, { 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 }] = jn(), d = u < 530, f = (0, X.useRef)(null);
-	return (0, Z.jsx)(I, {
+	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)(F, {
 		...c,
-		ref: kn([
+		ref: On([
 			f,
 			l,
 			t
 		]),
 		className: r,
-		children: Kt({
+		children: ot({
 			isCompact: d,
-			wrapperSelect: (e) => (0, Z.jsxs)(I, {
+			wrapperSelect: (e) => (0, Z.jsxs)(F, {
 				sx: {
 					display: "grid",
 					gridTemplateColumns: "1fr auto 1fr",
@@ -4784,7 +4784,7 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(It, {
 					paddingRight: (e) => e.spacing(1)
 				},
 				children: [
-					(0, Z.jsxs)(I, {
+					(0, Z.jsxs)(F, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4792,7 +4792,7 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(It, {
 							justifyContent: "start",
 							gap: (e) => e.spacing(.5)
 						},
-						children: [i, (0, Z.jsxs)(I, {
+						children: [i, (0, Z.jsxs)(F, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -4802,7 +4802,7 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(It, {
 							children: [o, e]
 						})]
 					}),
-					(0, Z.jsx)(I, {
+					(0, Z.jsx)(F, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4813,7 +4813,7 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(It, {
 						},
 						children: a
 					}),
-					(0, Z.jsx)(I, {
+					(0, Z.jsx)(F, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
@@ -4827,26 +4827,26 @@ var Mo = (0, Z.jsx)(() => (0, Z.jsx)(It, {
 	});
 }));
 function Po(e, t) {
-	let { workbook: n, setWorkbook: r, workbookTitle: a = "export", isDirty: s, notifier: c } = t, l = !1, u = async (e = null, t = null, n = null) => {
+	let { workbook: n, setWorkbook: r, workbookTitle: i = "export", isDirty: a, notifier: s } = t, l = !1, u = async (e = null, t = null, n = null) => {
 		let r, i = [], a = {
 			source: e && typeof e != "string" ? e : null,
 			typedCreateWorkbookOptions: t ?? void 0,
 			onPassword: async ({ origin: e, validate: t }) => {
-				let n = await c.showInput({
-					title: o("dialog.password.title"),
-					description: o("dialog.password.open.description", { name: e.getName() ?? "" }),
+				let n = await s.showInput({
+					title: c("dialog.password.title"),
+					description: c("dialog.password.open.description", { name: e.getName() ?? "" }),
 					inputType: "password",
 					options: [{
 						id: "Open",
-						label: () => o("dialog.open")
+						label: () => c("dialog.open")
 					}, "Cancel"],
 					defaultOption: "Open",
 					onValidateInput: async (e, n) => n === void 0 ? { valid: !0 } : e ? await t(e) ? { valid: !0 } : {
 						valid: !1,
-						message: o("dialog.password.open.retry")
+						message: c("dialog.password.open.retry")
 					} : {
 						valid: !1,
-						message: o("dialog.password.open.required")
+						message: c("dialog.password.open.required")
 					}
 				});
 				return n?.option === "Open" ? n.input ?? null : null;
@@ -4856,37 +4856,37 @@ function Po(e, t) {
 			} }
 		};
 		n && (a.progress.onStart = n);
-		let s = -5;
-		return L.read({
+		let o = -5;
+		return mn.read({
 			...a,
 			progress: {
 				async onStart(e, t) {
-					await a?.progress?.onStart?.(e, t), r = await c?.showBusy?.(o("workbook.opening", { name: e?.getName() ?? "" })), t && r?.setProgress?.(0, t);
+					await a?.progress?.onStart?.(e, t), r = await s?.showBusy?.(c("workbook.opening", { name: e?.getName() ?? "" })), t && r?.setProgress?.(0, t);
 				},
 				onProgress(e, t) {
 					if (!t) return;
 					let n = Math.min(100, Math.round(e / t * 100));
 					if (n >= 100) {
-						if (s === 100) return;
-						s = 100, r?.setProgress?.(e, t);
+						if (o === 100) return;
+						o = 100, r?.setProgress?.(e, t);
 						return;
 					}
-					n - s < 5 || (s = n, r?.setProgress?.(e, t));
+					n - o < 5 || (o = n, r?.setProgress?.(e, t));
 				},
 				onComplete() {
-					r?.(), i.length > 0 && (c.showMessage(o("workbook.importWarnings")), console.warn("Import warnings:\n" + i.join("\n")));
+					r?.(), i.length > 0 && (s.showMessage(c("workbook.importWarnings")), console.warn("Import warnings:\n" + i.join("\n")));
 				},
 				onWarning(e) {
-					c.showMessage(e, { type: pe.Info });
+					s.showMessage(e, { type: pe.Info });
 				}
 			}
 		});
-	}, p = async (e, t, n = !1) => {
-		let r, i, s = {
+	}, d = async (e, t, n = !1) => {
+		let r, a, o = {
 			format: t?.key,
 			progress: {
 				async onStart(e) {
-					r = await c?.showBusy?.(o("workbook.saving", { name: e?.getName() ?? "" }));
+					r = await s?.showBusy?.(c("workbook.saving", { name: e?.getName() ?? "" }));
 				},
 				onComplete() {
 					r?.();
@@ -4894,44 +4894,44 @@ 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 L.writeAs(e, c, {
-				...s,
+			let n = e.getOrigin(), r = t?.exts?.[0] ?? (n.getExtension() || "sxl"), s = `${i || n.getName() || c("workbook.defaultName")}.${r}`;
+			a = await mn.writeAs(e, s, {
+				...o,
 				prompt: !0
 			});
-		} else i = await L.write(e, void 0, s);
-		return !!i;
+		} else a = await mn.write(e, void 0, o);
+		return !!a;
 	};
 	return e.updateCommand("newWorkbook", { callback: () => {
-		window.open(window.origin.toString(), "sheetxl-" + i.uuidV4(), "popup=true");
+		window.open(window.origin.toString(), "sheetxl-" + o.uuidV4(), "popup=true");
 	} }), e.updateCommand("closeWorkbook", { callback: async () => {
-		s() && await c.showOptions({
-			title: o("dialog.confirm.title"),
-			description: o("dialog.unsavedChanges"),
+		a() && await s.showOptions({
+			title: c("dialog.confirm.title"),
+			description: c("dialog.unsavedChanges"),
 			options: [{
 				id: "Close",
-				label: () => o("dialog.close")
+				label: () => c("dialog.close")
 			}, "Cancel"],
 			defaultOption: "Cancel"
 		}) !== "Close" || window.close();
 	} }), (async () => {
-		let t = await L.getWriteFormats();
+		let t = await mn.getWriteFormats();
 		if (l) return;
-		let i = L.canWrite(), a = L.canRead();
+		let i = mn.canWrite(), o = mn.canRead();
 		if (i) {
 			let r = (e) => {
 				let r = e ? t.find((t) => t.key === e) : void 0;
-				p(n, r, !0).catch((e) => c.showError(e));
+				d(n, r, !0).catch((e) => s.showError(e));
 			};
 			e.updateCommand("saveWorkbook", { callback: () => {
-				p(n, void 0, !1).catch((e) => c.showError(e));
+				d(n, void 0, !1).catch((e) => s.showError(e));
 			} }), e.updateCommand("saveWorkbookAs", { callback: (e) => {
 				r(e);
 			} }), e.updateCommand("protectWorkbook", {
 				tags: ["noTransaction", "noRepeat"],
 				callback: async () => {
 					let e = n.getOrigin(), t = n.getProtection(), r = t.hasPassword();
-					await c.showWindow("protectWorkbook", {
+					await s.showWindow("protectWorkbook", {
 						initialValue: {
 							encrypt: e.isEncrypted(),
 							encryptPassword: e.isEncrypted() ? null : "",
@@ -4949,7 +4949,7 @@ function Po(e, t) {
 									windows: n.lockWindows
 								}, n.structurePassword || void 0);
 							} catch (e) {
-								c.showError(e);
+								s.showError(e);
 							}
 						}
 					});
@@ -4958,13 +4958,13 @@ function Po(e, t) {
 			for (let n of t) {
 				let t = n.key;
 				e.updateCommand(`saveWorkbookAs${t}`, {
-					label: () => o("command.saveAsFormat.label", { format: n.description }),
+					label: () => c("command.saveAsFormat.label", { format: n.description }),
 					groupLabels: {
-						workbook: () => o("command.saveAsFormat.workbook", { format: n.description }),
-						saveWorkbookOptions: () => o("command.saveAsFormat.compact", { format: n.description })
+						workbook: () => c("command.saveAsFormat.workbook", { format: n.description }),
+						saveWorkbookOptions: () => c("command.saveAsFormat.compact", { format: n.description })
 					},
 					tags: n.tags,
-					description: () => o("command.saveAsFormat", { format: n.description }),
+					description: () => c("command.saveAsFormat", { format: n.description }),
 					icon: t === "CSV" ? "FileDownloadAsCSV" : t === "Excel" ? "FileDownloadAsExcel" : "FileDownloadAsSheet",
 					callback: () => {
 						r(t);
@@ -4972,7 +4972,7 @@ function Po(e, t) {
 				});
 			}
 		}
-		let m = async (e = null) => {
+		let f = async (e = null) => {
 			let t = { csv: {
 				date1904: n.getRuntime().isDate1904(),
 				...n.options
@@ -4991,33 +4991,33 @@ function Po(e, t) {
 							autoSelect: e === a.length - 1
 						}).getEntireRange().copyFrom(t.getEntireRange());
 					}
-				}, f("op.importData")), i.close();
+				}, m("op.importData")), i.close();
 			} catch (e) {
-				c.showError(e);
+				s.showError(e);
 			}
 		};
 		if (e.updateCommand("insertDataFromFile", {
 			tags: ["noTransaction", "noRepeat"],
 			callback: async (e = null) => {
 				let t = e;
-				if (t || L.canRead() || (t = await (async () => {
-					let e = await L.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
-					return d.openFileDialog(t.length ? t.join(",") : "*.*");
-				})(), t)) return m(t);
+				if (t || mn.canRead() || (t = await (async () => {
+					let e = await mn.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
+					return p.openFileDialog(t.length ? t.join(",") : "*.*");
+				})(), t)) return f(t);
 			}
 		}), e.updateCommand("insertDataFromURL", {
 			tags: ["noTransaction", "noRepeat"],
 			callback: async (e) => {
 				if (!e) {
-					let t = await c.showInput({
-						title: o("dialog.importFromWeb.title"),
-						description: o("dialog.importFromWeb.description"),
-						inputLabel: o("dialog.webAddress.inputLabel"),
+					let t = await s.showInput({
+						title: c("dialog.importFromWeb.title"),
+						description: c("dialog.importFromWeb.description"),
+						inputLabel: c("dialog.webAddress.inputLabel"),
 						initialValue: "https://www.sheetxl.com/docs/examples/financial-calculators.xlsx",
 						propsInput: { style: { minWidth: "440px" } },
 						options: [{
 							id: "Import",
-							label: () => o("dialog.import")
+							label: () => c("dialog.import")
 						}]
 					});
 					if (t.option !== "Import") return;
@@ -5027,18 +5027,18 @@ function Po(e, t) {
 					let t = await fetch(e);
 					if (!t.ok) throw Error(`Could not fetch '${e}' (${t.status} ${t.statusText}).`);
 					let n = await t.blob(), r = decodeURIComponent(e.split("/").pop()?.split("?")[0] || "") || "import.xlsx";
-					await m(new File([n], r, { type: n.type }));
+					await f(new File([n], r, { type: n.type }));
 				} catch (e) {
-					c.showError(e);
+					s.showError(e);
 				}
 			}
-		}), a) {
-			let t = async () => !s() || await c.showOptions({
-				title: o("dialog.confirm.title"),
-				description: o("dialog.unsavedChanges"),
+		}), o) {
+			let t = async () => !a() || await s.showOptions({
+				title: c("dialog.confirm.title"),
+				description: c("dialog.unsavedChanges"),
 				options: [{
 					id: "Open",
-					label: () => o("dialog.open")
+					label: () => c("dialog.open")
 				}, "Cancel"],
 				defaultOption: "Cancel"
 			}) === "Open", i = async (e = null) => {
@@ -5051,22 +5051,22 @@ function Po(e, t) {
 					if (!n) return;
 					r(n);
 				} catch (e) {
-					c.showError(e);
+					s.showError(e);
 				}
 			};
 			e.updateCommand("openWorkbook", { callback: async (e = null) => {
 				await t() && await i(e);
 			} }), e.updateCommand("openWorkbookFromUrl", { callback: async (e) => {
 				if (!e) {
-					let t = await c.showInput({
-						title: o("dialog.openFromWeb.title"),
-						description: o("dialog.openFromWeb.description"),
-						inputLabel: o("dialog.webAddress.inputLabel"),
+					let t = await s.showInput({
+						title: c("dialog.openFromWeb.title"),
+						description: c("dialog.openFromWeb.description"),
+						inputLabel: c("dialog.webAddress.inputLabel"),
 						initialValue: "https://www.sheetxl.com/docs/examples/financial-calculators.xlsx",
 						propsInput: { style: { minWidth: "440px" } },
 						options: [{
 							id: "Open",
-							label: () => o("dialog.open")
+							label: () => c("dialog.open")
 						}]
 					});
 					if (t.option !== "Open") return;
@@ -5078,7 +5078,7 @@ function Po(e, t) {
 					let n = await t.blob(), r = decodeURIComponent(e.split("/").pop()?.split("?")[0] || "") || "workbook.xlsx";
 					await i(new File([n], r, { type: n.type }));
 				} catch (e) {
-					c.showError(e);
+					s.showError(e);
 				}
 			} });
 		}
@@ -5087,8 +5087,8 @@ function Po(e, t) {
 	};
 }
 No.displayName = "StudioToolbar";
-var Fo = (0, X.lazy)(() => import("./DEFEOS3OuA23llF92.js"));
-dn();
+var Fo = (0, X.lazy)(() => import("./DIQf1pX-j-dWQu_e.js"));
+bt();
 var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 	let t = (e) => {
 		if (typeof e != "function") return e;
@@ -5099,7 +5099,7 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 		}
 	}, n = (e, n) => {
 		let r = t(e);
-		return typeof r == "string" ? c(r, n, s.getActive()) : void 0;
+		return typeof r == "string" ? u(r, n, l.getActive()) : void 0;
 	}, r = [];
 	for (let i of e.names()) if (!Io.has(i)) for (let a of e.keys(i)) {
 		let o = e.resolveDefinition(i, a);
@@ -5117,17 +5117,17 @@ 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 = ae.useCommandScope(), c = ve(), { showModal: l } = z(), u = j(), d = (0, X.useRef)(a);
+	let { children: t, workbook: n, setWorkbook: r, workbookTitle: i, isDirty: a } = e, o = ae.useCommandScope(), s = ve(), { showModal: c } = En(), u = A(), d = (0, X.useRef)(a);
 	d.current = a;
-	let p = Se(() => {
+	let f = Se(() => {
 		let e = o?.getRoot().getRegistry();
 		if (!e) return;
-		let t = l(Fo, {
+		let t = c(Fo, {
 			title: u("dialog.shortcutKeys.title"),
 			commands: Lo(e),
 			onDone: () => t.hide()
 		});
-	}, [o, l]);
+	}, [o, c]);
 	(0, X.useEffect)(() => {
 		if (!o) return;
 		let e = o.getRoot().contribution();
@@ -5142,9 +5142,9 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 			})) e.updateCommand(t, { callback: () => {
 				window?.open(n);
 			} });
-		}(e, { showShortcuts: p }), () => e.remove();
-	}, [o, p]);
-	let m = $t("(prefers-color-scheme: dark)"), { themeMode: h } = ye(), [g, _] = fe(qe.Mode, null), [v, y] = fe(qe.DarkGrid, !1), [b, x] = fe(qe.DarkImages, !1);
+		}(e, { showShortcuts: f }), () => e.remove();
+	}, [o, f]);
+	let p = it("(prefers-color-scheme: dark)"), { themeMode: h } = ye(), [g, _] = fe(Sn.Mode, null), [v, y] = fe(Sn.DarkGrid, !1), [b, x] = fe(Sn.DarkImages, !1);
 	(0, X.useEffect)(() => {
 		if (!o) return;
 		let e = o.getRoot().contribution();
@@ -5169,7 +5169,7 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 			mode: g,
 			setMode: _,
 			isDark: g === "dark" || !g && h === "dark",
-			systemDefaultDark: m,
+			systemDefaultDark: p,
 			enableDarkGrid: v,
 			setEnableDarkGrid: y,
 			enableDarkImages: b,
@@ -5179,16 +5179,16 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 		o,
 		g,
 		h,
-		m,
+		p,
 		v,
 		b,
 		_,
 		y,
 		x
 	]);
-	let [S, C] = fe(ne.Active, null), [w, ee] = (0, X.useState)(() => s.getActive());
-	(0, X.useEffect)(() => s.addChangeListener(ee), []), (0, X.useEffect)(() => {
-		S && S !== s.getActive() && s.setActive(S);
+	let [S, C] = fe(te.Active, null), [w, T] = (0, X.useState)(() => l.getActive());
+	(0, X.useEffect)(() => l.addChangeListener(T), []), (0, X.useEffect)(() => {
+		S && S !== l.getActive() && l.setActive(S);
 	}, [S]), (0, X.useEffect)(() => {
 		if (!o) return;
 		let e = o.getRoot().contribution();
@@ -5210,29 +5210,29 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 		w,
 		C
 	]);
-	let { isFullscreenAvailable: T, isFullscreenEnabled: E, toggleFullscreen: D } = ge();
+	let { isFullscreenAvailable: E, isFullscreenEnabled: D, toggleFullscreen: ee } = he();
 	return (0, X.useEffect)(() => {
 		if (!o) return;
 		let e = o.getRoot().contribution();
 		return function(e, t) {
 			e.updateCommand("fullScreenToggle", {
 				state: t.isFullscreenEnabled,
-				disabledReasons: t.isFullscreenAvailable ? [] : [f("reason.fullscreenUnavailable")],
+				disabledReasons: t.isFullscreenAvailable ? [] : [m("reason.fullscreenUnavailable")],
 				icon: t.isFullscreenEnabled ? "FullScreenOff" : "FullScreen",
 				callback: () => {
 					t.toggleFullscreen();
 				}
 			});
 		}(e, {
-			isFullscreenAvailable: T,
-			isFullscreenEnabled: E,
-			toggleFullscreen: D
+			isFullscreenAvailable: E,
+			isFullscreenEnabled: D,
+			toggleFullscreen: ee
 		}), () => e.remove();
 	}, [
 		o,
-		T,
 		E,
-		D
+		D,
+		ee
 	]), (0, X.useEffect)(() => {
 		if (!o || !n) return;
 		let e = o.getRoot().contribution(), t = Po(e, {
@@ -5240,7 +5240,7 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 			setWorkbook: r,
 			workbookTitle: i ?? void 0,
 			isDirty: () => d.current?.() ?? !1,
-			notifier: c
+			notifier: s
 		});
 		return () => {
 			t(), e.remove();
@@ -5250,7 +5250,7 @@ var Io = /* @__PURE__ */ new Set(["ui"]), Lo = (e) => {
 		n,
 		r,
 		i,
-		c
+		s
 	]), t;
 };
 Ro.displayName = "StudioCommandProvider";
@@ -5305,12 +5305,12 @@ var zo = ({ renderWorkbook: e }) => {
 					} }
 				});
 			} else {
-				if (!L.canRead()) return;
+				if (!mn.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)(I, {
+	}, [t, r]), s = (0, X.useMemo)(() => r && r.text ? (0, Z.jsx)(F, {
 		className: "drop-overlay",
 		sx: {
 			position: "absolute",
@@ -5324,7 +5324,7 @@ var zo = ({ renderWorkbook: e }) => {
 			background: (e) => e.palette.divider,
 			color: (e) => e.palette.primary.dark
 		},
-		children: (0, Z.jsx)(H, {
+		children: (0, Z.jsx)(R, {
 			variant: "h4",
 			children: r.text
 		})
@@ -5344,7 +5344,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)(Le, {
+	return (0, Z.jsx)(Pt, {
 		initialAnchor: s,
 		children: (0, Z.jsx)(Ro, {
 			workbook: t,
@@ -5357,19 +5357,19 @@ var zo = ({ renderWorkbook: e }) => {
 });
 Bo.displayName = "CommandsWrapper";
 var Vo = {
-	sort: () => import("./CuIUyLNDoHvYMJaQ2.js"),
-	numberFormat: () => import("./Dq7WxMef5CTJ47QI2.js"),
-	hyperlink: () => import("./JL1xk8XqkuTOA_as2.js"),
-	comments: () => import("./DEyeWdXLwDRo2yYf2.js"),
-	find: () => import("./Dy5Z2XIqS7-0tdjc2.js"),
-	tableNew: () => import("./CimYGZTVXcjbjrBU2.js"),
-	namedDetails: () => import("./CnfGgjuCEyX-PYs_2.js"),
-	insertFunction: () => import("./hClmI7sWeaBbHo3W2.js"),
-	resizeHeader: () => import("./CIgn8uIPaadIJP4a2.js"),
-	workbookStatistics: () => import("./DP9sLYfGGWMDI7hL2.js"),
-	protectWorkbook: () => import("./CblzazoiTtSuaAkj.js").then((e) => e.t).then((e) => e.n)
+	sort: () => import("./UYgwKnPX3US3Cj2k2.js"),
+	numberFormat: () => import("./BAhvL7M7ZcgZ8eDc2.js"),
+	hyperlink: () => import("./Bl6C6xWT8E6b7OwJ2.js"),
+	comments: () => import("./BzUU8y1IFjREzgog2.js"),
+	find: () => import("./DLEdaT0MmrOxMa2h2.js"),
+	tableNew: () => import("./2UHIeioUPXrwtZy-2.js"),
+	namedDetails: () => import("./CT3G9YRPVfKtHWwf2.js"),
+	insertFunction: () => import("./-2S675KWulPRlVNb2.js"),
+	resizeHeader: () => import("./DOsbSsKsexrBoeXa2.js"),
+	workbookStatistics: () => import("./BhDLR-jtbOOG-tl12.js"),
+	protectWorkbook: () => import("./BU6uQhQhpaLElTT82.js").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)({
+	let { children: t } = e, n = ko(), r = n ? n.enqueueSnackbar : () => {}, i = n ? n.closeSnackbar : () => {}, [a, s] = (0, X.useState)({
 		isMounted: !1,
 		label: null,
 		progress: null,
@@ -5380,12 +5380,12 @@ var Vo = {
 			...e,
 			isMounted: !0
 		}));
-	}, []), u = (0, X.useCallback)(() => {
+	}, []), l = (0, X.useCallback)(() => {
 		s((e) => ({
 			...e,
 			isMounted: !1
 		}));
-	}, []), d = j(), f = i.EmptyObject, p = it(f), m = dt(f), h = Ve(f), g = (0, X.useRef)(!1);
+	}, []), u = A(), f = o.EmptyObject, p = It(f), m = Rt(f), h = rn(f), g = (0, X.useRef)(!1);
 	(0, X.useEffect)(() => {
 		if (g.current) return;
 		g.current = !0;
@@ -5409,9 +5409,9 @@ var Vo = {
 				},
 				preventDuplicate: t?.preventDuplicate,
 				persist: t?.persist ?? t?.type === pe.Error,
-				action: (e) => (0, Z.jsx)(xt, {
-					onClick: () => a(e),
-					children: (0, Z.jsx)(w, { iconKey: "Cancel" })
+				action: (e) => (0, Z.jsx)(I, {
+					onClick: () => i(e),
+					children: (0, Z.jsx)(C, { iconKey: "Cancel" })
 				})
 			};
 			t?.enqueueProps && Object.assign(n, t.enqueueProps), e || console.log("message is 'null'", t), r(e ?? "Alert", n);
@@ -5442,17 +5442,17 @@ var Vo = {
 			showOptions: m,
 			showInput: h,
 			showError: (t) => {
-				let n, r = pe.Error, i = d("error.unknown");
-				typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = d(t.message))), t instanceof l && (r = pe.Info), e(i, {
+				let n, r = pe.Error, i = u("error.unknown");
+				typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = u(t.message))), t instanceof d && (r = pe.Info), e(i, {
 					type: r,
 					enqueueProps: { error: n }
 				});
 			}
 		}, n = new me();
 		return n.setOverrides(t), n;
-	}, [d]);
+	}, [u]);
 	(0, X.useEffect)(() => {
-		o.starting.size <= 0 || !o.isMounted || s((e) => {
+		a.starting.size <= 0 || !a.isMounted || s((e) => {
 			let t = new Map(e.running);
 			return e.starting.forEach((e, n) => {
 				let r = se(() => {
@@ -5483,19 +5483,19 @@ var Vo = {
 				running: t
 			};
 		});
-	}, [o]);
+	}, [a]);
 	let [y, b] = (0, X.useState)(null);
 	return (0, X.useEffect)(() => {
-		o.starting.size !== 0 || o.running.size !== 0 ? b((0, Z.jsx)(rt, {
-			icon: (0, Z.jsx)(ze, { sx: {
+		a.starting.size !== 0 || a.running.size !== 0 ? b((0, Z.jsx)(fn, {
+			icon: (0, Z.jsx)(an, { sx: {
 				transform: "scale(0.7)",
 				marginLeft: "-6px"
 			} }),
 			panel: !0,
-			label: o.label,
-			progress: o.progress,
+			label: a.label,
+			progress: a.progress,
 			onMount: c,
-			onUnmount: u,
+			onUnmount: l,
 			sx: {
 				position: "absolute",
 				left: "0",
@@ -5506,23 +5506,23 @@ var Vo = {
 			}
 		})) : b(null);
 	}, [
-		o.starting,
-		o.running,
-		o.label,
-		o.progress
-	]), (0, Z.jsxs)(k, {
+		a.starting,
+		a.running,
+		a.label,
+		a.progress
+	]), (0, Z.jsxs)(O, {
 		notifier: v,
 		children: [y, t]
 	});
 });
 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 = Pe, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", m = (0, X.useMemo)(() => i.map((t) => {
+	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = vn, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", m = (0, X.useMemo)(() => i.map((t) => {
 		let n = s.getRegisteredTaskPane(t);
 		if (!n) return null;
 		let r = n.getIcon?.();
-		typeof r == "string" && (r = (0, Z.jsx)(w, { iconKey: r }));
-		let i = t === o, a = r ? (0, Z.jsx)(I, {
+		typeof r == "string" && (r = (0, Z.jsx)(C, { iconKey: r }));
+		let i = t === o, a = r ? (0, Z.jsx)(F, {
 			sx: {
 				display: "inline-block",
 				transform: p ? "rotate(-90deg)" : "rotate(90deg)",
@@ -5530,20 +5530,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)(I, {
+		}) : null, c = !r || !l && i, u = (0, Z.jsx)(F, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: c ? "1fr" : "0fr",
 				opacity: +!!c,
 				transition: (e) => e.transitions.create(["grid-template-columns", "opacity"], { duration: e.transitions.duration.short })
 			},
-			children: (0, Z.jsx)(I, {
+			children: (0, Z.jsx)(F, {
 				sx: {
 					overflow: "hidden",
 					minWidth: 0,
 					minHeight: 0
 				},
-				children: (0, Z.jsx)(H, {
+				children: (0, Z.jsx)(R, {
 					component: "div",
 					sx: {
 						textTransform: "none",
@@ -5556,13 +5556,13 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				})
 			})
 		});
-		return (0, Z.jsx)(Yt, {
+		return (0, Z.jsx)(nt, {
 			value: t,
-			label: (0, Z.jsx)(Pt, {
+			label: (0, Z.jsx)(U, {
 				disableInteractive: !0,
 				title: n.getTitle() ?? "",
 				placement: "left-start",
-				children: (0, Z.jsxs)(I, {
+				children: (0, Z.jsxs)(F, {
 					sx: {
 						padding: "0px 0px",
 						writingMode: p ? "vertical-lr" : "vertical-rl",
@@ -5582,7 +5582,7 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				minHeight: "0px",
 				borderRadius: "4px"
 			},
-			className: C("taskpane-strip-item", { "Mui-selected": i }),
+			className: kn("taskpane-strip-item", { "Mui-selected": i }),
 			onClick: () => e.onSelect(t)
 		}, t);
 	}), [
@@ -5592,11 +5592,11 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		s,
 		p,
 		l,
-		A()
+		k()
 	]);
-	return (0, Z.jsx)(I, {
+	return (0, Z.jsx)(F, {
 		ref: T(t, () => ({ isTaskPaneStrip: () => !0 }), []),
-		className: (0, X.useMemo)(() => C("taskpane-strip", d), [d]),
+		className: (0, X.useMemo)(() => kn("taskpane-strip", d), [d]),
 		sx: {
 			paddingLeft: p ? void 0 : "2px",
 			paddingRight: p ? "2px" : void 0,
@@ -5604,7 +5604,7 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 			...c
 		},
 		...f,
-		children: (0, Z.jsx)(Jt, {
+		children: (0, Z.jsx)(tt, {
 			orientation: "vertical",
 			variant: "scrollable",
 			value: o,
@@ -5623,9 +5623,9 @@ 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 = j();
-	return (0, Z.jsx)(_t, {
-		className: C({ "Mui-selected": a }),
+	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, X.useRef)(null), c = A();
+	return (0, Z.jsx)(ke, {
+		className: kn({ "Mui-selected": a }),
 		sx: {
 			display: "flex",
 			flex: "1 1 %0",
@@ -5643,7 +5643,7 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 			borderBottom: `solid ${Wo} 1px`
 		},
 		...o,
-		children: (0, Z.jsxs)(I, {
+		children: (0, Z.jsxs)(F, {
 			sx: {
 				display: "flex",
 				flex: "1 1 10%",
@@ -5654,15 +5654,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)(I, {
+			children: [(0, Z.jsx)(F, {
 				sx: {
 					flex: "1 1 100%",
 					paddingLeft: (e) => e.spacing(1)
 				},
 				children: t
-			}), (0, Z.jsx)(It, {
+			}), (0, Z.jsx)(Ue, {
 				label: c("taskPane.close"),
-				children: (0, Z.jsx)(xt, {
+				children: (0, Z.jsx)(I, {
 					"aria-label": "close",
 					sx: { color: (e) => e.palette.text.icon ?? e.palette.action.active },
 					touchRippleRef: s,
@@ -5672,14 +5672,14 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 					onPointerUp: () => {
 						r();
 					},
-					children: (0, Z.jsx)(w, { iconKey: "Close" })
+					children: (0, Z.jsx)(C, { iconKey: "Close" })
 				})
 			})]
 		})
 	});
 }, qo = (0, X.forwardRef)((e, t) => {
-	let { model: n, side: r, ...i } = e, a = _e();
-	return (0, Z.jsx)(Qe, {
+	let { model: n, side: r, ...i } = e, a = ge();
+	return (0, Z.jsx)(un, {
 		model: n,
 		ref: t,
 		propsFrame: { style: {
@@ -5705,30 +5705,30 @@ 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] = fe(s ?? null, Jo), h = _e(), [g, { width: _ }] = jn(), v = _ > 530 || _ === 0, y = (0, X.useRef)(null), b = null, x = 4, S = 13;
+	let n, r, { mainElement: i, sidebarElement: a, position: o, persistKey: s, onPositionChange: c, className: l, style: u, taskSide: d = "right", ...f } = e, [p, m] = fe(s ?? null, Jo), h = ge(), [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 w, ee = i, T = a, E = d !== "right", D = v ? "row" : "column", te = E && T ? "before" : "after", ne = `${D}:${te}`, O = s ? p[ne] : void 0, k = O == null ? ((e, t) => {
+	let C, w = i, T = a, E = d !== "right", D = v ? "row" : "column", ee = E && T ? "before" : "after", te = `${D}:${ee}`, ne = s ? p[te] : void 0, O = ne == null ? ((e, t) => {
 		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) : `${O}%`, re = s || c ? (e) => {
+	})(o, te) : `${ne}%`, re = s || c ? (e) => {
 		s && m((t) => ({
 			...t,
-			[ne]: e.percent
+			[te]: e.percent
 		})), c?.(e, {
 			orientation: D,
-			side: te,
-			key: ne
+			side: ee,
+			key: te
 		});
 	} : void 0;
-	return E && T ? (ee = a, T = i, r = { style: {
+	return E && T ? (w = a, T = i, r = { style: {
 		flexDirection: "column",
 		boxSizing: "border-box",
 		paddingRight: "2px"
-	} }, n = {}, w = {
+	} }, n = {}, C = {
 		fixedPane: "before",
-		position: k,
+		position: O,
 		minBefore: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
 	}) : (n = { style: {
@@ -5737,13 +5737,13 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	} }, r = { style: {
 		marginLeft: v ? "0px" : "4px",
 		marginRight: v ? "8px" : "4px"
-	} }, w = {
+	} }, C = {
 		fixedPane: "after",
-		position: k,
+		position: O,
 		minAfter: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
-	}), (0, Z.jsx)(P, {
-		ref: kn([
+	}), (0, Z.jsx)(_e, {
+		ref: On([
 			y,
 			g,
 			t
@@ -5754,10 +5754,10 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 			...u
 		} : Yo,
 		...f,
-		...w,
+		...C,
 		onPositionChange: re,
 		propsResizer: {
-			className: C("styled-resizer", "_styled-resizer_fdl5y_3"),
+			className: kn("styled-resizer", "_styled-resizer_fdl5y_3"),
 			style: {
 				minWidth: v ? "7px" : void 0,
 				minHeight: v ? void 0 : "6px",
@@ -5766,7 +5766,7 @@ var Wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				maskPosition: E ? v ? "center center" : "bottom center" : v ? "left center" : "top center"
 			}
 		},
-		elementBefore: ee,
+		elementBefore: w,
 		propsPaneBefore: n,
 		elementAfter: T,
 		propsPaneAfter: r
@@ -5774,10 +5774,10 @@ 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 = j(), r = t.getRenderHints();
-	return Ke(t, "onAnyChange"), (0, Z.jsxs)(Ot, {
+	let { dataValidation: t } = e, n = A(), r = t.getRenderHints();
+	return qt(t, "onAnyChange"), (0, Z.jsxs)(Re, {
 		tabIndex: 0,
-		className: nn["editor-panel"],
+		className: mt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -5789,9 +5789,9 @@ var Zo = (0, X.memo)((e) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Z.jsx)(I, {
+			(0, Z.jsx)(F, {
 				sx: { margin: (e) => e.spacing(1.25) },
-				children: (0, Z.jsx)(H, {
+				children: (0, Z.jsx)(R, {
 					variant: "body2",
 					sx: { color: "text.secondary" },
 					children: n("dataValidation.range", { range: t.getRanges().toString() })
@@ -5822,14 +5822,14 @@ var Zo = (0, X.memo)((e) => {
 					}
 				},
 				children: [(0, Z.jsx)(Cr, {
-					expandIcon: (0, Z.jsx)(w, { iconKey: "ExpandMore" }),
+					expandIcon: (0, Z.jsx)(C, { iconKey: "ExpandMore" }),
 					sx: {
 						px: 2,
 						"& .MuiAccordionSummary-content": { my: 0 },
 						"&.Mui-expanded .MuiAccordionSummary-content": { my: 0 }
 					},
-					children: (0, Z.jsx)(En, {
-						control: (0, Z.jsx)(Tn, {
+					children: (0, Z.jsx)(q, {
+						control: (0, Z.jsx)(jt, {
 							checked: t.isShowPromptMessage(),
 							onChange: (e) => {
 								e.stopPropagation();
@@ -5888,14 +5888,14 @@ var Zo = (0, X.memo)((e) => {
 					}
 				},
 				children: [(0, Z.jsx)(Cr, {
-					expandIcon: (0, Z.jsx)(w, { iconKey: "ExpandMore" }),
+					expandIcon: (0, Z.jsx)(C, { iconKey: "ExpandMore" }),
 					sx: {
 						px: 2,
 						"& .MuiAccordionSummary-content": { my: 0 },
 						"&.Mui-expanded .MuiAccordionSummary-content": { my: 0 }
 					},
-					children: (0, Z.jsx)(En, {
-						control: (0, Z.jsx)(Tn, {
+					children: (0, Z.jsx)(q, {
+						control: (0, Z.jsx)(jt, {
 							checked: t.isShowAlertMessage(),
 							onChange: (e) => {
 								e.stopPropagation();
@@ -5918,25 +5918,25 @@ var Zo = (0, X.memo)((e) => {
 						gap: 2
 					},
 					children: [
-						(0, Z.jsxs)(K, {
+						(0, Z.jsxs)(Ye, {
 							fullWidth: !0,
 							size: "small",
 							sx: { backgroundColor: "background.paper" },
-							children: [(0, Z.jsx)(Ht, { children: n("dataValidation.alertStyle") }), (0, Z.jsxs)(q, {
+							children: [(0, Z.jsx)(G, { children: n("dataValidation.alertStyle") }), (0, Z.jsxs)(K, {
 								value: t.getAlertStyle(),
 								label: n("dataValidation.alertStyle"),
 								onChange: (e) => t.setAlertStyle(e.target.value),
 								children: [
 									(0, Z.jsx)(Y, {
-										value: v.AlertStyle.Stop,
+										value: S.AlertStyle.Stop,
 										children: n("dataValidation.alertStop")
 									}),
 									(0, Z.jsx)(Y, {
-										value: v.AlertStyle.Warning,
+										value: S.AlertStyle.Warning,
 										children: n("dataValidation.alertWarning")
 									}),
 									(0, Z.jsx)(Y, {
-										value: v.AlertStyle.Information,
+										value: S.AlertStyle.Information,
 										children: n("dataValidation.alertInformation")
 									})
 								]
@@ -5963,7 +5963,7 @@ var Zo = (0, X.memo)((e) => {
 					]
 				})]
 			}),
-			r.length > 0 && (0, Z.jsx)(I, {
+			r.length > 0 && (0, Z.jsx)(F, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -5972,12 +5972,12 @@ var Zo = (0, X.memo)((e) => {
 					borderColor: "divider",
 					borderRadius: 1
 				},
-				children: (0, Z.jsx)(En, {
-					control: (0, Z.jsx)(Tn, {
+				children: (0, Z.jsx)(q, {
+					control: (0, Z.jsx)(jt, {
 						checked: !t.isHideDropdown(),
 						onChange: (e) => t.setHideDropdown(!e.target.checked)
 					}),
-					label: n("dataValidation.useCustomInput", { type: i.camelToPrettyCase(r[0]) })
+					label: n("dataValidation.useCustomInput", { type: o.camelToPrettyCase(r[0]) })
 				})
 			})
 		]
@@ -5987,18 +5987,18 @@ Zo.displayName = "DataValidationEditorPanel";
 var Qo = {
 	key: "data-validation",
 	messageKeys: {
-		none: f("dataValidation.none"),
-		addPrompt: f("dataValidation.addPrompt"),
-		heading: f("dataValidation.heading"),
-		insert: f("dataValidation.insert"),
-		new: f("dataValidation.new"),
-		moveUp: f("dataValidation.moveUp"),
-		moveDown: f("dataValidation.moveDown"),
-		edit: f("dataValidation.edit"),
-		duplicate: f("dataValidation.duplicate"),
-		delete: f("dataValidation.delete"),
-		cancel: f("dataValidation.cancel"),
-		save: f("dataValidation.save")
+		none: m("dataValidation.none"),
+		addPrompt: m("dataValidation.addPrompt"),
+		heading: m("dataValidation.heading"),
+		insert: m("dataValidation.insert"),
+		new: m("dataValidation.new"),
+		moveUp: m("dataValidation.moveUp"),
+		moveDown: m("dataValidation.moveDown"),
+		edit: m("dataValidation.edit"),
+		duplicate: m("dataValidation.duplicate"),
+		delete: m("dataValidation.delete"),
+		cancel: m("dataValidation.cancel"),
+		save: m("dataValidation.save")
 	},
 	getCollection: (e) => e.getDataValidations(),
 	changeEvents: ["onDataValidationsChange"],
@@ -6007,8 +6007,8 @@ var Qo = {
 	},
 	getCardTitle: (e, t) => e.getCondition()?.toString() ?? t("dataValidation.noCondition"),
 	CardBody: ({ item: e }) => {
-		let t = j();
-		return e.isShowPromptMessage() && e.getPromptTitle() ? (0, Z.jsx)(H, {
+		let t = A();
+		return e.isShowPromptMessage() && e.getPromptTitle() ? (0, Z.jsx)(R, {
 			variant: "caption",
 			sx: {
 				color: (e) => e.palette.text.secondary,
@@ -6030,8 +6030,8 @@ var Qo = {
 }));
 $o.displayName = "DataValidationDetailsPanel";
 var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
-	let { protectedRange: t } = e, n = j();
-	Ke(t, "onAnyChange");
+	let { protectedRange: t } = e, n = A();
+	qt(t, "onAnyChange");
 	let r = t.isProtected(), [i, a] = (0, X.useState)(() => t.getName()), [o] = (0, X.useState)(() => t.getName()), [s, c] = (0, X.useState)(null), [l, u] = (0, X.useState)(""), [d, f] = (0, X.useState)(!1), [p] = (0, X.useState)(() => t.hasPassword()), m = (() => {
 		try {
 			let e = t.getRanges();
@@ -6051,9 +6051,9 @@ var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 		}
 		else c(null);
 	};
-	return (0, Z.jsxs)(Ot, {
+	return (0, Z.jsxs)(Re, {
 		tabIndex: 0,
-		className: nn["editor-panel"],
+		className: mt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -6064,14 +6064,14 @@ var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 			borderRadius: (e) => e.spacing(1.25),
 			overflow: "auto"
 		},
-		children: [(0, Z.jsx)(I, {
+		children: [(0, Z.jsx)(F, {
 			sx: { margin: (e) => e.spacing(1.25) },
-			children: (0, Z.jsx)(H, {
+			children: (0, Z.jsx)(R, {
 				variant: "body2",
 				sx: { color: "text.secondary" },
 				children: n("protectedRange.range", { range: t.getRanges().toString() })
 			})
-		}), (0, Z.jsxs)(I, {
+		}), (0, Z.jsxs)(F, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -6109,12 +6109,12 @@ var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 						let n = e.target.value;
 						u(n), f(!1), n ? es.set(t, n) : es.delete(t);
 					},
-					slotProps: { input: { startAdornment: p && !d ? (0, Z.jsx)(On, {
+					slotProps: { input: { startAdornment: p && !d ? (0, Z.jsx)(Dn, {
 						position: "start",
-						children: (0, Z.jsx)(w, { iconKey: "Lock" })
+						children: (0, Z.jsx)(C, { iconKey: "Lock" })
 					}) : void 0 } }
 				}),
-				p && !l ? (0, Z.jsx)(yt, {
+				p && !l ? (0, Z.jsx)(je, {
 					size: "small",
 					color: "inherit",
 					disabled: r || d,
@@ -6127,7 +6127,7 @@ var es = /* @__PURE__ */ new WeakMap(), ts = (0, X.memo)((e) => {
 					},
 					children: n("protectedRange.removePassword")
 				}) : null,
-				t.getSecurityDescriptor() ? (0, Z.jsx)(H, {
+				t.getSecurityDescriptor() ? (0, Z.jsx)(R, {
 					variant: "caption",
 					sx: {
 						color: "text.secondary",
@@ -6143,16 +6143,16 @@ ts.displayName = "ProtectedRangeEditorPanel";
 var ns = {
 	key: "protected-range",
 	messageKeys: {
-		none: f("protectedRange.none"),
-		addPrompt: f("protectedRange.addPrompt"),
-		heading: f("protectedRange.heading"),
-		insert: f("protectedRange.insert"),
-		new: f("protectedRange.new"),
-		edit: f("protectedRange.edit"),
-		duplicate: f("protectedRange.duplicate"),
-		delete: f("protectedRange.delete"),
-		cancel: f("protectedRange.cancel"),
-		save: f("protectedRange.save")
+		none: m("protectedRange.none"),
+		addPrompt: m("protectedRange.addPrompt"),
+		heading: m("protectedRange.heading"),
+		insert: m("protectedRange.insert"),
+		new: m("protectedRange.new"),
+		edit: m("protectedRange.edit"),
+		duplicate: m("protectedRange.duplicate"),
+		delete: m("protectedRange.delete"),
+		cancel: m("protectedRange.cancel"),
+		save: m("protectedRange.save")
 	},
 	getCollection: (e) => e.getProtectedRanges(),
 	changeEvents: ["onProtectedRangesChange"],
@@ -6167,8 +6167,8 @@ var ns = {
 	},
 	getCardTitle: (e, t) => e.getName() || t("protectedRange.unnamed"),
 	CardBody: ({ item: e }) => {
-		let t = j();
-		return e.hasPassword() ? (0, Z.jsx)(H, {
+		let t = A();
+		return e.hasPassword() ? (0, Z.jsx)(R, {
 			variant: "caption",
 			sx: {
 				color: (e) => e.palette.text.secondary,
@@ -6187,7 +6187,7 @@ var ns = {
 		...r
 	});
 }));
-rs.displayName = "ProtectedRangeDetailsPanel", bn(), ee.register("plugin-table", { icons: {} }), Pe.registerTaskPane({
+rs.displayName = "ProtectedRangeDetailsPanel", ut(), w.register("plugin-table", { icons: {} }), vn.registerTaskPane({
 	key: "dataValidationDetails",
 	getTitle: () => "Data Validation",
 	getIcon: () => "DataValidation",
@@ -6199,7 +6199,7 @@ rs.displayName = "ProtectedRangeDetailsPanel", bn(), ee.register("plugin-table",
 			...a
 		});
 	}
-}, !0), Pe.registerTaskPane({
+}, !0), vn.registerTaskPane({
 	key: "conditionalFormatDetails",
 	getTitle: () => "Conditional Formatting",
 	getIcon: () => "FormatPaint",
@@ -6212,7 +6212,7 @@ rs.displayName = "ProtectedRangeDetailsPanel", bn(), ee.register("plugin-table",
 			...o
 		});
 	}
-}, !0), Pe.registerTaskPane({
+}, !0), vn.registerTaskPane({
 	key: "protectedRangeDetails",
 	getTitle: () => "Allow Edit Ranges",
 	getIcon: () => "Lock",
@@ -6224,7 +6224,7 @@ rs.displayName = "ProtectedRangeDetailsPanel", bn(), ee.register("plugin-table",
 			...a
 		});
 	}
-}, !0), vn(), un();
+}, !0), Tt(), St();
 var is = () => {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
@@ -6241,132 +6241,132 @@ var is = () => {
 	return n.catch(() => {}), r;
 }, as = (e, t) => {
 	if (!e) return {};
-	let { colorSchemes: n, ...r } = e, a = n?.[t ? "dark" : "light"];
-	return a && typeof a == "object" ? i.deepMerge(r, a) : r;
+	let { colorSchemes: n, ...r } = e, i = n?.[t ? "dark" : "light"];
+	return i && typeof i == "object" ? o.deepMerge(r, i) : 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 = cn, propsDocumentError: p, propsTaskPaneArea: m, renderTaskPaneArea: h = ss, taskPaneSide: g = "right", onKeyDown: _, workbook: v, onWorkbookChange: y, logo: b, topLeft: x, topRight: S, muiTheme: E, tokens: D, cssBaseline: te, autoFocus: O = !1, title: k, onDirtyChange: ie, propsDocumentTitle: A, renderDocumentLoading: oe = rn, propsDocumentLoading: se, propsWorkbook: j, showFormulaBar: le, propsFormulaBar: ue, renderFormulaBar: de, editable: pe, showStatusBar: me, propsStatusBar: M, renderStatusBar: he, propsToolbar: ge, renderToolbar: N, ..._e } = e, P = (0, X.useRef)(null), ve = (0, X.useRef)(null), F = (0, X.useRef)(null), be = Se(() => {
-		F.current?.getNamedCollectionEditorElement?.()?.focus?.();
-	}, []), Ce = Se(d ?? (() => {}), [d]), we = Se(ie ?? (() => {}), [ie]), Te = A?.placeHolder, [Ee] = fe(qe.Mode, void 0), { themeMode: Oe } = ye({ mode: Ee ?? void 0 }), [je] = fe(ne.Active, null), Ne = (0, X.useRef)(je);
-	Ne.current = je;
-	let Pe = De(), Fe = (0, X.useMemo)(() => ({
-		light: At(!1, i.deepMerge(as(E, !1), Zt(Pe?.light))),
-		dark: At(!0, i.deepMerge(as(E, !0), Zt(Pe?.dark)))
+	let { className: n, sx: r, square: i, elevation: a, variant: s, style: c, onWorkbookLoad: u, onDocumentError: d, renderDocumentError: f = Et, propsDocumentError: p, propsTaskPaneArea: m, renderTaskPaneArea: h = ss, taskPaneSide: g = "right", onKeyDown: _, workbook: v, onWorkbookChange: y, logo: b, topLeft: x, topRight: S, muiTheme: E, tokens: D, cssBaseline: ee, autoFocus: ne = !1, title: O, onDirtyChange: ie, propsDocumentTitle: k, renderDocumentLoading: oe = Ct, propsDocumentLoading: se, propsWorkbook: A, showFormulaBar: le, propsFormulaBar: ue, renderFormulaBar: de, editable: pe, showStatusBar: me, propsStatusBar: j, renderStatusBar: M, propsToolbar: he, renderToolbar: N, ...ge } = e, _e = (0, X.useRef)(null), ve = (0, X.useRef)(null), P = (0, X.useRef)(null), be = Se(() => {
+		P.current?.getNamedCollectionEditorElement?.()?.focus?.();
+	}, []), Ce = Se(d ?? (() => {}), [d]), we = Se(ie ?? (() => {}), [ie]), Te = k?.placeHolder, [Ee] = fe(Sn.Mode, void 0), { themeMode: ke } = ye({ mode: Ee ?? void 0 }), [Ae] = fe(te.Active, null), je = (0, X.useRef)(Ae);
+	je.current = Ae;
+	let Me = De(), I = (0, X.useMemo)(() => ({
+		light: Be(!1, o.deepMerge(as(E, !1), gt(Me?.light))),
+		dark: Be(!0, o.deepMerge(as(E, !0), gt(Me?.dark)))
 	}), [
 		E,
-		Pe?.light,
-		Pe?.dark
-	]), Ie = Oe === "dark", Le = ce("studio", (0, X.useId)()), ze = (0, X.useMemo)(() => yn(Fe.light, Fe.dark, `.${Le}`, D), [
-		Fe,
-		Le,
+		Me?.light,
+		Me?.dark
+	]), L = ke === "dark", Ne = ce("studio", (0, X.useId)()), Pe = (0, X.useMemo)(() => ct(I.light, I.dark, `.${Ne}`, D), [
+		I,
+		Ne,
 		D
-	]), Be = (0, X.useMemo)(() => pt("sxl-defaults", `.${Le}`), [Le]), Ve = mt(), [Ue, We] = (0, X.useState)(() => v ?? null);
+	]), Fe = (0, X.useMemo)(() => sn("sxl-defaults", `.${Ne}`), [Ne]), R = nn(), [Ie, Le] = (0, X.useState)(() => v ?? null);
 	(0, X.useEffect)(() => {
-		We(v ?? null);
+		Le(v ?? null);
 	}, [v]);
-	let [Ge, Ye] = (0, X.useState)(0), Qe = (0, X.useRef)(null);
-	Qe.current ||= is();
-	let $e = lt(Ue, {
-		io: L,
-		defaultTheme: Ve.getDefaultTheme(),
-		reloadKey: Ge
-	}), R = $e.status === "loaded" ? $e.workbook : null, z = (0, X.useMemo)(() => $e.status === "error" ? {
+	let [z, ze] = (0, X.useState)(0), B = (0, X.useRef)(null);
+	B.current ||= is();
+	let Ve = bn(Ie, {
+		io: mn,
+		defaultTheme: R.getDefaultTheme(),
+		reloadKey: z
+	}), V = Ve.status === "loaded" ? Ve.workbook : null, H = (0, X.useMemo)(() => Ve.status === "error" ? {
 		status: "error",
-		error: $e.error
-	} : $e.status === "loaded" ? {
+		error: Ve.error
+	} : Ve.status === "loaded" ? {
 		status: "loaded",
-		workbook: $e.workbook
-	} : { status: "loading" }, [$e]);
+		workbook: Ve.workbook
+	} : { status: "loading" }, [Ve]);
 	(0, X.useEffect)(() => {
-		Qe.current.settled && (Qe.current = is());
-	}, [Ue, Ge]), (0, X.useEffect)(() => {
-		z.status === "loaded" ? Qe.current.resolve(z.workbook) : z.status === "error" && (Ce?.(z.error), Qe.current.reject(z.error));
-	}, [z]);
-	let [B, et] = (0, X.useState)(null);
-	R && !B && et(R);
-	let rt = R && B && R !== B ? R : null, it = (0, X.useRef)(rt);
-	it.current = rt;
-	let ot = (0, X.useRef)(B);
-	ot.current = B;
-	let st = (0, X.useRef)([]), ct = (0, X.useCallback)((e) => {
-		let t = ot.current;
-		t && st.current.push(t), We(e);
+		B.current.settled && (B.current = is());
+	}, [Ie, z]), (0, X.useEffect)(() => {
+		H.status === "loaded" ? B.current.resolve(H.workbook) : H.status === "error" && (Ce?.(H.error), B.current.reject(H.error));
+	}, [H]);
+	let [U, 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);
 	}, []);
 	(0, X.useEffect)(() => {
-		let e = st.current;
+		let e = Ge.current;
 		if (e.length !== 0) {
-			st.current = e.filter((e) => e === B);
+			Ge.current = e.filter((e) => e === U);
 			for (let t = 0; t < e.length; t++) {
 				let n = e[t];
-				if (n !== B) try {
+				if (n !== U) try {
 					n.close();
 				} catch (e) {
 					console.warn("Unable to close the replaced workbook", e);
 				}
 			}
 		}
-	}, [B]);
-	let ut = pe ? null : B, dt = Ae(), ft = (0, X.useMemo)(() => ut ? Xe(ut.getSelectedSheet(), { referenceMode: dt }) : null, [ut, dt]), V = pe ?? ft, ht = (0, X.useRef)(V);
-	ht.current = V, (0, X.useEffect)(() => {
-		if (!V) return;
-		let e = V.getSession();
-		return V.subscribe(() => {
+	}, [U]);
+	let qe = pe ? null : U, Je = Zt(), Ye = (0, X.useMemo)(() => qe ? Tn(qe.getSelectedSheet(), { referenceMode: Je }) : null, [qe, Je]), G = pe ?? Ye, Xe = (0, X.useRef)(G);
+	Xe.current = G, (0, X.useEffect)(() => {
+		if (!G) return;
+		let e = G.getSession();
+		return G.subscribe(() => {
 			let t = e;
-			e = V.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && F.current?.contains?.(document.activeElement) && P.current?.focus();
+			e = G.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && P.current?.contains?.(document.activeElement) && _e.current?.focus();
 		});
-	}, [V]);
-	let _t = nt(B), { isDirty: vt, saveState: yt } = Re(B, L), bt = at(B), xt = (0, X.useRef)(yt);
-	xt.current = yt;
-	let St = (0, X.useCallback)(() => xt.current?.isDirty() ?? !1, []), Ct = (0, X.useRef)(z);
-	Ct.current = z;
-	let [wt, Tt] = (0, X.useState)(null), H = k ?? A?.title, [Et, Dt] = (0, X.useState)(null);
+	}, [G]);
+	let K = Wt(U), { isDirty: Ze, saveState: Qe } = Kt(U, mn), $e = ln(U), et = (0, X.useRef)(Qe);
+	et.current = Qe;
+	let tt = (0, X.useCallback)(() => et.current?.isDirty() ?? !1, []), nt = (0, X.useRef)(H);
+	nt.current = H;
+	let [rt, it] = (0, X.useState)(null), at = O ?? k?.title, [ot, st] = (0, X.useState)(null);
 	(0, X.useEffect)(() => {
-		Dt(null);
-	}, [B]);
-	let U = H ?? Et ?? _t ?? "";
+		st(null);
+	}, [U]);
+	let lt = at ?? ot ?? K ?? "";
 	(0, X.useEffect)(() => {
-		we?.(vt);
-	}, [vt]);
-	let kt = Se(y ?? (() => {}), [y]);
+		we?.(Ze);
+	}, [Ze]);
+	let ut = Se(y ?? (() => {}), [y]);
 	(0, X.useEffect)(() => {
-		kt?.(R);
-	}, [R]);
-	let W = (0, X.useRef)(R);
-	W.current = R, Ke(B, "onViewChange");
-	let jt = (0, X.useMemo)(() => (0, Z.jsx)(Ze, {
+		ut?.(V);
+	}, [V]);
+	let pt = (0, X.useRef)(V);
+	pt.current = V, qt(U, "onViewChange");
+	let mt = (0, X.useMemo)(() => (0, Z.jsx)(Jt, {
 		groupKey: "helpOptions",
 		disableHover: !0,
 		sx: { padding: "0" },
 		propsButton: { sx: { maxHeight: "22px" } }
-	}), []), [Mt, Nt] = (0, X.useState)(null), Pt = (0, X.useCallback)((e) => {
-		Nt(e);
+	}), []), [ht, _t] = (0, X.useState)(null), bt = (0, X.useCallback)((e) => {
+		_t(e);
 	}, []);
 	(0, X.useEffect)(() => {
-		ee.prefetch();
+		w.prefetch();
 	}, []);
-	let Ft = (0, X.useRef)(null);
-	Ft.current ||= is();
-	let G = (0, X.useRef)(null), It = (0, X.useCallback)(() => G.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? Ft.current.promise, []), Lt = Se(async (e) => {
-		let t = Ne.current;
-		t && t !== s.getActive() && await s.setActive(t), await ae.DefaultCommandCatalogService.prefetch(t ?? void 0), Tt(e), G.current = e.source, Ft.current.settled || Ft.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), u?.(e);
-	}, []), Rt = (0, X.useRef)(null), zt = (0, X.useCallback)((e) => {
+	let xt = (0, X.useRef)(null);
+	xt.current ||= is();
+	let St = (0, X.useRef)(null), wt = (0, X.useCallback)(() => St.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? xt.current.promise, []), Tt = Se(async (e) => {
+		let t = je.current;
+		t && t !== l.getActive() && await l.setActive(t), await ae.DefaultCommandCatalogService.prefetch(t ?? void 0), it(e), St.current = e.source, xt.current.settled || xt.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), u?.(e);
+	}, []), Dt = (0, X.useRef)(null), Ot = (0, X.useCallback)((e) => {
 		let t = null, n = {
 			readOnly: !0,
-			...A
+			...k
 		};
-		return A?.hidden || (t = (0, Z.jsx)(sn, {
+		return k?.hidden || (t = (0, Z.jsx)(vt, {
 			...n,
 			style: {
 				maxWidth: "100%",
-				...A?.style
+				...k?.style
 			},
-			workbook: e.workbook ?? P.current,
-			ref: Rt,
-			title: U,
-			modified: vt,
-			encrypted: bt,
+			workbook: e.workbook ?? _e.current,
+			ref: Dt,
+			title: lt,
+			modified: Ze,
+			encrypted: $e,
 			placeHolder: Te,
 			onTitleChange: (e) => {
-				Dt(e), A?.onTitleChange?.(e);
+				st(e), k?.onTitleChange?.(e);
 			}
 		})), (0, Z.jsx)(No, {
 			...e,
@@ -6377,26 +6377,26 @@ var is = () => {
 		});
 	}, [
 		b,
-		U,
-		vt,
-		bt,
-		A,
+		lt,
+		Ze,
+		$e,
+		k,
 		x,
 		S
 	]);
 	(0, X.useEffect)(() => {
-		let e = P.current;
+		let e = _e.current;
 		if (!e) return;
 		let t = (e) => e.preventDefault();
 		return e.addEventListener("wheel", t, { passive: !1 }), () => {
 			e.removeEventListener("wheel", t);
 		};
-	}, [wt]);
-	let [Bt, Vt] = (0, X.useState)(null);
+	}, [rt]);
+	let [kt, At] = (0, X.useState)(null);
 	(0, X.useEffect)(() => {
-		Vt(wt?.source?.getCommandScope?.() ?? null);
-	}, [wt]);
-	let K = (0, X.useMemo)(() => ({
+		At(rt?.source?.getCommandScope?.() ?? null);
+	}, [rt]);
+	let jt = (0, X.useMemo)(() => ({
 		"& .SnackbarContainer-root": { position: "absolute !important" },
 		"& .notistack-SnackbarContainer > div": { maxWidth: "min(100%, 720px)" },
 		"& .notistack-Snackbar": { minWidth: "unset" },
@@ -6410,49 +6410,49 @@ var is = () => {
 		},
 		"*": { userSelect: "none" },
 		...r
-	}), [r]), [Ht, Ut] = (0, X.useState)(null), [, q] = fe(null, !1);
+	}), [r]), [q, J] = (0, X.useState)(null), [, Y] = fe(null, !1);
 	(0, X.useEffect)(() => {
-		q(Ht != null);
-	}, [Ht, q]);
-	let Wt = (0, X.useCallback)((e) => h({
-		model: B,
+		Y(q != null);
+	}, [q, Y]);
+	let Mt = (0, X.useCallback)((e) => h({
+		model: U,
 		side: g,
 		...e,
 		...m
 	}), [
-		B,
+		U,
 		g,
 		m
-	]), Gt = T(t, () => ({
+	]), Pt = T(t, () => ({
 		isStudioElement: () => !0,
-		getWorkbookElement: () => P.current,
-		getWorkbook: () => W.current ?? null,
-		isDirty: () => xt.current?.isDirty() ?? !1,
-		getEditable: () => ht.current,
-		getFormulaBarElement: () => F.current ?? null,
-		focus: () => P.current?.focus(),
-		whenReady: () => (Qe.current ||= is(), Qe.current.promise),
-		getWorkbookState: () => Ct.current,
-		retry: () => Ye((e) => e + 1)
-	}), []), Kt = (0, X.useRef)(!1), qt = Se((e, t) => {
-		t === it.current && requestAnimationFrame(() => requestAnimationFrame(() => {
-			t === it.current && (Kt.current = Gt.current?.contains(document.activeElement) ?? !0, et(t), Lt(e));
+		getWorkbookElement: () => _e.current,
+		getWorkbook: () => pt.current ?? null,
+		isDirty: () => et.current?.isDirty() ?? !1,
+		getEditable: () => Xe.current,
+		getFormulaBarElement: () => P.current ?? null,
+		focus: () => _e.current?.focus(),
+		whenReady: () => (B.current ||= is(), B.current.promise),
+		getWorkbookState: () => nt.current,
+		retry: () => ze((e) => e + 1)
+	}), []), Ft = (0, X.useRef)(!1), It = Se((e, t) => {
+		t === Ue.current && requestAnimationFrame(() => requestAnimationFrame(() => {
+			t === Ue.current && (Ft.current = Pt.current?.contains(document.activeElement) ?? !0, He(t), Tt(e));
 		}));
 	}, []);
 	(0, X.useEffect)(() => {
-		Kt.current && (Kt.current = !1, P.current?.focus());
-	}, [B]);
-	let Jt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), Yt = (0, X.useCallback)((e) => {
-		let { ref: t, ...n } = e, i = Ie ? Fe.dark : Fe.light, s = z.status === "error" ? f({
+		Ft.current && (Ft.current = !1, _e.current?.focus());
+	}, [U]);
+	let Lt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), Rt = (0, X.useCallback)((e) => {
+		let { ref: t, ...n } = e, o = L ? I.dark : I.light, c = H.status === "error" ? f({
 			...p,
 			style: {
 				width: "100%",
 				height: "100%",
 				...p?.style
 			},
-			error: z.error
+			error: H.error
 		}) : null;
-		if (s && !B) return (0, Z.jsx)(Ot, {
+		if (c && !U) return (0, Z.jsx)(Re, {
 			sx: r,
 			style: {
 				width: "100%",
@@ -6462,54 +6462,54 @@ var is = () => {
 				alignItems: "stretch",
 				justifyContent: "stretch"
 			},
-			children: s
+			children: c
 		});
 		let l = null;
-		if (B) {
-			let e = B, r = e.getView(), a = le ?? r?.isShowFormulaBar(), o = me ?? r?.isShowStatusBar(), s = wt?.source ?? P.current, c = (N ?? zt)({
+		if (U) {
+			let e = U, r = e.getView(), i = le ?? r?.isShowFormulaBar(), a = me ?? r?.isShowStatusBar(), s = rt?.source ?? _e.current, c = (N ?? Ot)({
 				workbook: s,
-				...ge
-			}), u = a ? (de ?? _n)({
-				ref: F,
+				...he
+			}), u = i ? (de ?? dt)({
+				ref: P,
 				style: {
-					marginTop: i.spacing(.25),
-					marginLeft: i.spacing(1),
-					marginRight: i.spacing(1),
-					marginBottom: i.spacing(.75)
+					marginTop: o.spacing(.25),
+					marginLeft: o.spacing(1),
+					marginRight: o.spacing(1),
+					marginBottom: o.spacing(.75)
 				},
 				workbook: e,
-				editable: V ?? void 0,
+				editable: G ?? void 0,
 				...ue,
 				propsNamedCollectionEditor: {
 					restoreFocus: (e) => s?.focus(e),
 					...ue?.propsNamedCollectionEditor
 				}
-			}) : null, d = o ? (he ?? hn)({
-				childrenEnd: jt,
-				...M
-			}) : null, f = (e, r) => (0, Z.jsx)(ln, {
-				...j,
+			}) : null, d = a ? (M ?? ft)({
+				childrenEnd: mt,
+				...j
+			}) : null, f = (e, r) => (0, Z.jsx)(yt, {
+				...A,
 				tabIndex: 0,
-				autoFocus: !r && O,
+				autoFocus: !r && ne,
 				workbook: e,
-				editable: r ? void 0 : V ?? void 0,
+				editable: r ? void 0 : G ?? void 0,
 				focusNameBox: r ? void 0 : be,
-				ref: r ? ve : kn([t, P]),
-				onWorkbookLoad: r ? (t) => qt(t, e) : Lt,
+				ref: r ? ve : On([t, _e]),
+				onWorkbookLoad: r ? (t) => It(t, e) : Tt,
 				onKeyDown: (e) => {
 					_?.(e);
 				},
 				propsWorkbookLoading: se,
-				renderWorkbookLoading: Jt,
+				renderWorkbookLoading: Lt,
 				style: r ? {
-					...j?.style,
+					...A?.style,
 					position: "absolute",
 					inset: 0,
 					visibility: "hidden"
 				} : {
 					flex: "1 1 100%",
 					minHeight: 0,
-					...j?.style
+					...A?.style
 				},
 				onContextMenu: (e) => e.preventDefault(),
 				...r ? null : n
@@ -6521,9 +6521,9 @@ var is = () => {
 					flex: "1 1 100%",
 					minWidth: 0,
 					minHeight: 0,
-					...ke({
-						window: i.palette.background.default,
-						windowText: i.palette.text.primary
+					...hn({
+						window: o.palette.background.default,
+						windowText: o.palette.text.primary
 					})
 				},
 				children: [
@@ -6532,9 +6532,9 @@ var is = () => {
 					(0, Z.jsx)(Xo, {
 						taskSide: g,
 						persistKey: "taskPanePosition",
-						sidebarElement: Ht ? (0, Z.jsx)(ae.CommandScopeProvider, {
-							scope: Bt,
-							children: Ht
+						sidebarElement: q ? (0, Z.jsx)(ae.CommandScopeProvider, {
+							scope: kt,
+							children: q
 						}) : void 0,
 						mainElement: (0, Z.jsxs)("div", {
 							style: {
@@ -6545,8 +6545,8 @@ var is = () => {
 								minWidth: 0,
 								minHeight: 0
 							},
-							children: [[f(B, !1), rt ? f(rt, !0) : null], (0, Z.jsx)(I, {
-								ref: Pt,
+							children: [[f(U, !1), W ? f(W, !0) : null], (0, Z.jsx)(F, {
+								ref: bt,
 								sx: {
 									position: "absolute",
 									top: "10%",
@@ -6563,9 +6563,9 @@ var is = () => {
 				]
 			});
 		}
-		let u = wt ? null : oe({ ...se });
-		return (0, Z.jsxs)(Ot, {
-			sx: K,
+		let u = rt ? null : oe({ ...se });
+		return (0, Z.jsxs)(Re, {
+			sx: jt,
 			style: {
 				width: "100%",
 				height: "100%",
@@ -6576,12 +6576,12 @@ var is = () => {
 				backgroundColor: "var(--sxl-color-base-200)"
 			},
 			className: "eager-studio",
-			square: a,
-			elevation: o,
-			variant: c,
+			square: i,
+			elevation: a,
+			variant: s,
 			children: [
 				l,
-				s ? (0, Z.jsx)(Ot, {
+				c ? (0, Z.jsx)(Re, {
 					style: {
 						position: "absolute",
 						inset: 0,
@@ -6589,7 +6589,7 @@ var is = () => {
 						alignItems: "stretch",
 						justifyContent: "stretch"
 					},
-					children: s
+					children: c
 				}) : null,
 				u ? (0, Z.jsx)("div", {
 					style: {
@@ -6598,93 +6598,93 @@ var is = () => {
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "center",
-						background: `var(--sxl-color-base-100, ${Ie ? "#121212" : "#fff"})`
+						background: `var(--sxl-color-base-100, ${L ? "#121212" : "#fff"})`
 					},
 					children: u
 				}) : null
 			]
 		});
 	}, [
-		z,
-		B,
-		rt,
-		wt,
+		H,
 		U,
+		W,
+		rt,
+		lt,
 		oe,
 		se,
-		Jt,
-		j,
-		_e,
+		Lt,
+		A,
+		ge,
+		i,
 		a,
-		o,
-		c,
-		jt,
+		s,
+		mt,
 		f,
 		p,
-		zt,
-		K,
-		Ht,
+		Ot,
+		jt,
+		q,
 		g,
-		Bt,
+		kt,
 		le,
 		ue,
 		de,
-		V,
+		G,
 		me,
+		j,
 		M,
 		he,
-		ge,
 		N,
-		Fe,
-		Ie
-	]), Xt = (0, Z.jsx)(Oo, {
+		I,
+		L
+	]), zt = (0, Z.jsx)(Oo, {
 		maxSnack: 3,
-		domRoot: Mt ?? void 0,
+		domRoot: ht ?? void 0,
 		anchorOrigin: {
 			vertical: "bottom",
 			horizontal: "right"
 		},
 		autoHideDuration: 3500,
 		onClose: (e, t, n) => {
-			P.current?.focus();
+			_e.current?.focus();
 		},
 		Components: { error: jo },
 		iconVariant: {
-			success: (0, Z.jsx)(gt, {
+			success: (0, Z.jsx)(Oe, {
 				style: { marginRight: "8px" },
 				children: (0, Z.jsx)("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" })
 			}),
-			error: (0, Z.jsx)(w, {
+			error: (0, Z.jsx)(C, {
 				iconKey: "ErrorAlert",
 				style: { marginRight: "8px" }
 			})
 		},
-		children: (0, Z.jsx)(He, {
-			workbook: B,
-			children: (0, Z.jsx)(Je, {
-				renderArea: Wt,
+		children: (0, Z.jsx)(Nt, {
+			workbook: U,
+			children: (0, Z.jsx)(pn, {
+				renderArea: Mt,
 				onUpdateArea: (e) => {
-					Ut(e);
+					J(e);
 				},
-				children: (0, Z.jsx)(Me, { children: (0, Z.jsx)(Uo, { children: (0, Z.jsx)(xe, { children: (0, Z.jsx)(re, { children: (0, Z.jsx)(Bo, {
-					workbook: B,
-					initialCommandAnchor: It,
-					renderWorkbook: Yt,
-					setWorkbook: ct,
-					titleWorkbook: U,
-					setWorkbookTitle: Dt,
-					refDocumentTitle: Rt,
-					isDirty: St
+				children: (0, Z.jsx)($t, { children: (0, Z.jsx)(Uo, { children: (0, Z.jsx)(xe, { children: (0, Z.jsx)(re, { children: (0, Z.jsx)(Bo, {
+					workbook: U,
+					initialCommandAnchor: wt,
+					renderWorkbook: Rt,
+					setWorkbook: Ke,
+					titleWorkbook: lt,
+					setWorkbookTitle: st,
+					refDocumentTitle: Dt,
+					isDirty: tt
 				}) }) }) }) })
 			})
 		})
 	});
-	return Xt = (0, Z.jsxs)(lr, {
-		theme: Ie ? Fe.dark : Fe.light,
-		children: [te ? (0, Z.jsx)(zr, {}) : null, (0, Z.jsxs)("div", {
-			ref: Gt,
-			className: C("sheetxl-studio", Le, n),
-			"data-sxl-theme-mode": Ie ? "dark" : "light",
+	return zt = (0, Z.jsxs)(lr, {
+		theme: L ? I.dark : I.light,
+		children: [ee ? (0, Z.jsx)(zr, {}) : null, (0, Z.jsxs)("div", {
+			ref: Pt,
+			className: kn("sheetxl-studio", Ne, n),
+			"data-sxl-theme-mode": L ? "dark" : "light",
 			style: {
 				display: "flex",
 				flexDirection: "column",
@@ -6694,21 +6694,21 @@ var is = () => {
 				minWidth: 0,
 				minHeight: 0,
 				position: "relative",
-				...l
+				...c
 			},
-			..._e,
+			...ge,
 			children: [
-				(0, Z.jsx)("style", { children: ze }),
-				(0, Z.jsx)("style", { children: Be }),
-				(0, Z.jsx)(tt, {
-					themeScopeClass: Le,
+				(0, Z.jsx)("style", { children: Pe }),
+				(0, Z.jsx)("style", { children: Fe }),
+				(0, Z.jsx)(Gt, {
+					themeScopeClass: Ne,
 					themeSurface: "app",
-					themeMode: Oe,
-					children: Xt
+					themeMode: ke,
+					children: zt
 				})
 			]
 		})]
-	}), Xt;
+	}), zt;
 }));
 os.displayName = "EagerStudio";
 var ss = (e) => (0, Z.jsx)(qo, { ...e });