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

package/browser/esm/{LgoljOEffsYkpZZJ2.mjs → B0Z8VrL6RioP-2R02.mjs}

@@ -1,27 +1,27 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.2
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { r as e } from "./nBZATD4yR1W5D4Fi.mjs";
-import { i as t, n, r } from "./C3M_lKSZ_Fq1SQOn.mjs";
-import { C as i, G as a, O as o, R as s, U as c, W as l, c as u, g as d, s as f, y as p } from "./DuijhgjRhgWB9sCY.mjs";
-import { r as m, t as h } from "./Cvw3poNlUmn3qAh0.mjs";
-import { Bt as g, Ft as _, Ht as v, I as y, It as b, Kt as x, Nt as S, Ot as C, Rt as w, U as T, Vt as E, W as D, Wt as O, Xt as ee, _ as k, bt as A, c as j, en as M, et as te, gt as ne, h as N, i as re, jt as ie, k as ae, m as P, n as oe, p as se, q as ce, rt as le, s as ue, t as F, tt as I, y as de } from "./BcHN_VMA7bLNKKMO.mjs";
-import { t as L } from "./B0FNPu0uhX_WW-aJ.mjs";
-import { a as fe, t as pe } from "./BCQgeu38866r56Dh.mjs";
-import { i as me, t as R } from "./B50P0gSziuG68Umu.mjs";
-import { E as he, It as z, V as ge, an as _e, b as ve, i as ye, ot as B, rn as be, tt as xe, z as Se } from "./Bc8-re9biUn57kdl.mjs";
-import { $ as Ce, A as we, C as Te, D as Ee, E as De, F as Oe, I as ke, S as Ae, V as je, W as Me, Z as Ne, _ as Pe, b as Fe, bt as Ie, ct as V, ft as Le, gt as Re, ht as ze, i as Be, it as Ve, l as He, lt as H, m as Ue, mt as We, p as U, r as W, rt as Ge, st as Ke, t as qe, tt as Je, u as Ye, v as Xe, w as Ze, y as Qe, yt as $e, z as et } from "./j-9DpYsIlTN1mwql.mjs";
-import { $ as tt, D as nt, F as rt, I as G, L as it, N as K, S as at, St as ot, V as st, _t as ct, bt as lt, ct as ut, f as dt, lt as ft, s as pt, st as mt, t as ht, ut as gt, vt as _t, wt as vt, yt } from "./C1EvC_qPiGiVMrkF.mjs";
-import { A as bt, T as xt, _ as q, i as St, k as Ct, m as wt, r as Tt, t as J } from "./DBTB0moKfwOu0F47.mjs";
-import { Bn as Et, Cn as Dt, Et as Ot, Fn as kt, I as At, In as jt, It as Mt, J as Nt, Jt as Pt, Ln as Ft, Lt as It, Nn as Lt, On as Rt, Rn as zt, Rt as Bt, S as Vt, Ut as Ht, V as Ut, W as Wt, X as Gt, _t as Kt, a as qt, cn as Jt, dn as Yt, dt as Xt, et as Zt, gn as Qt, h as $t, hn as en, it as tn, j as nn, n as rn, o as an, qt as on, r as sn, ut as cn, vn as ln, w as un, wt as dn, x as fn, xt as pn, yn as mn, zn as hn } from "./sfOREE_huDAOcfYs.mjs";
-import { n as gn, t as _n } from "./DMMtONCySdMHoaMU.mjs";
-import { n as vn, t as yn } from "./DeSDYBzD8e5XXnvq.mjs";
-import { D as bn, N as xn, R as Sn, S as Cn, T as wn, c as Tn, f as En, g as Dn, h as On, i as kn, l as An, m as jn, o as Mn, s as Nn, t as Pn, u as Fn } from "./CYU_-DiQXjh1SEU1.mjs";
-import { t as Y } from "./B-Zf8W3s_WXgYxhN.mjs";
-import { t as In } from "./kcfC6hY47HklE6Om.mjs";
+import { r as e } from "./7XkdeYBragcPQQS0.mjs";
+import { i as t, n, r } from "./DvFQ4AKUGVQ_qhdP.mjs";
+import { D as i, G as a, I as o, N as s, b as c, c as l, o as u, p as d, q as f, r as p } from "./C62Y8jSQuT2_lqUs.mjs";
+import { r as m, t as h } from "./CP2cFopeWN8lQpif.mjs";
+import { $t as g, Bt as _, Ft as v, Gt as y, Ht as b, I as x, Jt as S, Ot as C, St as w, Tt as T, Wt as E, X as D, Y as O, Zt as ee, _ as te, c as k, gt as A, h as j, i as ne, k as re, m as M, mt as ie, n as N, ot as ae, p as P, rn as F, rt as oe, s as se, st as ce, t as I, tt as le, y as L, zt as ue } from "./DkUKK8YkXuoIqQIx.mjs";
+import { t as R } from "./BfZiZa7P8RpKrStu.mjs";
+import { a as de, t as fe } from "./LOn47j35pLEOdnml.mjs";
+import { i as pe, t as z } from "./DsGBg42mflMr5nWn.mjs";
+import { B as me, S as he, Xt as B, _ as ge, ct as V, d as _e, it as ve, l as ye, r as be, sn as xe } from "./BO6Lz-qmEF5k4ZPU.mjs";
+import { $ as Se, A as Ce, C as we, D as Te, E as Ee, F as De, I as Oe, S as ke, V as Ae, W as je, Z as Me, _ as Ne, b as Pe, bt as Fe, ct as H, ft as Ie, gt as Le, ht as Re, i as ze, it as Be, l as Ve, lt as U, m as He, mt as Ue, p as W, r as G, rt as We, st as Ge, t as Ke, tt as qe, u as Je, v as Ye, w as Xe, y as Ze, yt as Qe, z as $e } from "./B3WsFHUqTcKWNGy_.mjs";
+import { $ as et, D as tt, F as nt, I as rt, L as it, N as K, S as at, St as ot, V as st, _t as ct, bt as lt, ct as ut, f as dt, lt as ft, s as pt, st as mt, t as ht, ut as gt, vt as _t, wt as vt, yt } from "./CxYnCECXc2PyTCrn.mjs";
+import { A as bt, T as xt, _ as q, i as St, k as Ct, m as wt, r as Tt, t as J } from "./BxrknRRdcnKV7-zU.mjs";
+import { Bn as Et, Cn as Dt, Et as Ot, Fn as kt, I as At, In as jt, It as Mt, J as Nt, Jt as Pt, Ln as Ft, Lt as It, Nn as Lt, On as Rt, Rn as zt, Rt as Bt, S as Vt, Ut as Ht, V as Ut, W as Wt, X as Gt, _t as Kt, a as qt, cn as Jt, dn as Yt, dt as Xt, et as Zt, gn as Qt, h as $t, hn as en, it as tn, j as nn, n as rn, o as an, qt as on, r as sn, ut as cn, vn as ln, w as un, wt as dn, x as fn, xt as pn, yn as mn, zn as hn } from "./CSus1KY0Y1UJN-c6.mjs";
+import { n as gn, t as _n } from "./BYcIifmA2KfISUAD.mjs";
+import { n as vn, t as yn } from "./CqwPCy756gUmUtv1.mjs";
+import { D as bn, N as xn, R as Sn, S as Cn, T as wn, c as Tn, f as En, g as Dn, h as On, i as kn, l as An, m as jn, o as Mn, s as Nn, t as Pn, u as Fn } from "./CByxip-S_IKsaoyZ.mjs";
+import { t as Y } from "./BJdwKtEOslRkGQhk.mjs";
+import { t as In } from "./CmmaFuVaTfOm96g4.mjs";
 var X = e(t(), 1), Ln = X.createContext(null);
 function Rn() {
 	return X.useContext(Ln);
@@ -68,8 +68,8 @@ function Hn(e, t, n, r = !1) {
 	]);
 }
 function Un(e) {
-	let { children: t, theme: n, themeId: r } = e, i = k(Vn), a = Rn() || Vn, o = Hn(r, i, n), s = Hn(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
-		let t = k(), n = _t() || "", { modularCssLayers: r } = e, i = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
+	let { children: t, theme: n, themeId: r } = e, i = te(Vn), a = Rn() || Vn, o = Hn(r, i, n), s = Hn(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
+		let t = te(), n = _t() || "", { modularCssLayers: r } = e, i = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
 		return i = r && t === null ? typeof r == "string" ? r.replace(/mui(?!\.)/g, i) : `@layer ${i};` : "", ot(() => {
 			let e = document.querySelector("head");
 			if (!e) return;
@@ -83,7 +83,7 @@ function Un(e) {
 	}(o);
 	return (0, Z.jsx)(Bn, {
 		theme: s,
-		children: (0, Z.jsx)(ae.Provider, {
+		children: (0, Z.jsx)(re.Provider, {
 			value: o,
 			children: (0, Z.jsx)(lt, {
 				value: c,
@@ -249,9 +249,9 @@ function Qn(e) {
 	};
 }
 function $n(e) {
-	return P("MuiToggleButton", e);
+	return M("MuiToggleButton", e);
 }
-var er = se("MuiToggleButton", [
+var er = P("MuiToggleButton", [
 	"root",
 	"disabled",
 	"selected",
@@ -264,10 +264,10 @@ var er = se("MuiToggleButton", [
 	"fullWidth"
 ]);
 function tr({ theme: e, ...t }) {
-	let n = "$$material" in e ? e[y] : void 0;
+	let n = "$$material" in e ? e[x] : void 0;
 	return (0, Z.jsx)(Un, {
 		...t,
-		themeId: n ? y : void 0,
+		themeId: n ? x : void 0,
 		theme: n || e
 	});
 }
@@ -284,30 +284,30 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 	}, l = X.createContext(void 0), u = {}, d = {}, f = typeof o == "string" ? o : o.light, p = typeof o == "string" ? o : o.dark;
 	return {
 		CssVarsProvider: function(e) {
-			let { children: c, theme: f, modeStorageKey: p = r, colorSchemeStorageKey: m = i, disableTransitionOnChange: h = a, storageManager: g, storageWindow: _ = typeof window > "u" ? void 0 : window, documentNode: v = typeof document > "u" ? void 0 : document, colorSchemeNode: y = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: b = !1, disableStyleSheetGeneration: x = !1, defaultMode: S = "system", forceThemeRerender: C = !1, noSsr: w } = e, T = X.useRef(!1), E = Rn(), D = X.useContext(l), O = !!D && !b, ee = X.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), k = ee[t], A = k || ee, { colorSchemes: j = u, components: M = d, cssVarPrefix: te } = A, ne = Object.keys(j).filter((e) => !!j[e]).join(","), N = X.useMemo(() => ne.split(","), [ne]), re = typeof o == "string" ? o : o.light, ie = typeof o == "string" ? o : o.dark, { mode: ae, setMode: P, systemMode: oe, lightColorScheme: se, darkColorScheme: ce, colorScheme: le, setColorScheme: ue } = Qn({
-				supportedColorSchemes: N,
-				defaultLightColorScheme: re,
-				defaultDarkColorScheme: ie,
+			let { children: c, theme: f, modeStorageKey: p = r, colorSchemeStorageKey: m = i, disableTransitionOnChange: h = a, storageManager: g, storageWindow: _ = typeof window > "u" ? void 0 : window, documentNode: v = typeof document > "u" ? void 0 : document, colorSchemeNode: y = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: b = !1, disableStyleSheetGeneration: x = !1, defaultMode: S = "system", forceThemeRerender: C = !1, noSsr: w } = e, T = X.useRef(!1), E = Rn(), D = X.useContext(l), O = !!D && !b, ee = X.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), te = ee[t], k = te || ee, { colorSchemes: A = u, components: j = d, cssVarPrefix: ne } = k, re = Object.keys(A).filter((e) => !!A[e]).join(","), M = X.useMemo(() => re.split(","), [re]), ie = typeof o == "string" ? o : o.light, N = typeof o == "string" ? o : o.dark, { mode: ae, setMode: P, systemMode: F, lightColorScheme: oe, darkColorScheme: se, colorScheme: ce, setColorScheme: I } = Qn({
+				supportedColorSchemes: M,
+				defaultLightColorScheme: ie,
+				defaultDarkColorScheme: N,
 				modeStorageKey: p,
 				colorSchemeStorageKey: m,
-				defaultMode: j[re] && j[ie] ? S : j[A.defaultColorScheme]?.palette?.mode || A.palette?.mode,
+				defaultMode: A[ie] && A[N] ? S : A[k.defaultColorScheme]?.palette?.mode || k.palette?.mode,
 				storageManager: g,
 				storageWindow: _,
 				noSsr: w
-			}), F = ae, I = le;
-			O && (F = D.mode, I = D.colorScheme);
-			let de = I || A.defaultColorScheme;
-			A.vars && !C && (de = A.defaultColorScheme);
-			let L = X.useMemo(() => {
-				let e = A.generateThemeVars?.() || A.vars, t = {
-					...A,
-					components: M,
-					colorSchemes: j,
-					cssVarPrefix: te,
+			}), le = ae, L = ce;
+			O && (le = D.mode, L = D.colorScheme);
+			let ue = L || k.defaultColorScheme;
+			k.vars && !C && (ue = k.defaultColorScheme);
+			let R = X.useMemo(() => {
+				let e = k.generateThemeVars?.() || k.vars, t = {
+					...k,
+					components: j,
+					colorSchemes: A,
+					cssVarPrefix: ne,
 					vars: e
 				};
-				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), de) {
-					let e = j[de];
+				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), ue) {
+					let e = A[ue];
 					e && typeof e == "object" && Object.keys(e).forEach((n) => {
 						e[n] && typeof e[n] == "object" ? t[n] = {
 							...t[n],
@@ -317,31 +317,31 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 				}
 				return s ? s(t) : t;
 			}, [
-				A,
-				de,
-				M,
+				k,
+				ue,
 				j,
-				te
-			]), fe = A.colorSchemeSelector;
+				A,
+				ne
+			]), de = k.colorSchemeSelector;
 			ot(() => {
-				if (I && y && fe && fe !== "media") {
-					let e = fe, t = fe;
-					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...N.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", I));
+				if (L && y && de && de !== "media") {
+					let e = de, t = de;
+					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...M.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", L));
 					else {
-						let e = t.replace("%s", I).match(/\[([^\]]+)\]/);
+						let e = t.replace("%s", L).match(/\[([^\]]+)\]/);
 						if (e) {
 							let [t, n] = e[1].split("=");
-							n || N.forEach((e) => {
-								y.removeAttribute(t.replace(I, e));
+							n || M.forEach((e) => {
+								y.removeAttribute(t.replace(L, e));
 							}), y.setAttribute(t, n ? n.replace(/"|'/g, "") : "");
-						} else y.setAttribute(t, I);
+						} else y.setAttribute(t, L);
 					}
 				}
 			}, [
-				I,
-				fe,
+				L,
+				de,
 				y,
-				N
+				M
 			]), X.useEffect(() => {
 				let e;
 				if (h && T.current && v) {
@@ -354,41 +354,41 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 					clearTimeout(e);
 				};
 			}, [
-				I,
+				L,
 				h,
 				v
 			]), X.useEffect(() => (T.current = !0, () => {
 				T.current = !1;
 			}), []);
-			let pe = X.useMemo(() => ({
-				allColorSchemes: N,
-				colorScheme: I,
-				darkColorScheme: ce,
-				lightColorScheme: se,
-				mode: F,
-				setColorScheme: ue,
+			let fe = X.useMemo(() => ({
+				allColorSchemes: M,
+				colorScheme: L,
+				darkColorScheme: se,
+				lightColorScheme: oe,
+				mode: le,
+				setColorScheme: I,
 				setMode: P,
-				systemMode: oe
+				systemMode: F
 			}), [
-				N,
-				I,
-				ce,
+				M,
+				L,
 				se,
-				F,
-				ue,
-				P,
 				oe,
-				L.colorSchemeSelector
-			]), me = !0;
-			(x || !1 === A.cssVariables || O && E?.cssVarPrefix === te) && (me = !1);
-			let R = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(Un, {
-				themeId: k ? t : void 0,
-				theme: L,
+				le,
+				I,
+				P,
+				F,
+				R.colorSchemeSelector
+			]), pe = !0;
+			(x || !1 === k.cssVariables || O && E?.cssVarPrefix === ne) && (pe = !1);
+			let z = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(Un, {
+				themeId: te ? t : void 0,
+				theme: R,
 				children: c
-			}), me && (0, Z.jsx)(bt, { styles: L.generateStyleSheets?.() || [] })] });
-			return O ? R : (0, Z.jsx)(l.Provider, {
-				value: pe,
-				children: R
+			}), pe && (0, Z.jsx)(bt, { styles: R.generateStyleSheets?.() || [] })] });
+			return O ? z : (0, Z.jsx)(l.Provider, {
+				value: fe,
+				children: z
 			});
 		},
 		useColorScheme: () => X.useContext(l) || c,
@@ -417,8 +417,8 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 		})
 	};
 }({
-	themeId: y,
-	theme: () => re({ cssVariables: !0 }),
+	themeId: x,
+	theme: () => ne({ cssVariables: !0 }),
 	colorSchemeStorageKey: "mui-color-scheme",
 	modeStorageKey: "mui-mode",
 	defaultColorScheme: {
@@ -428,10 +428,10 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 	resolveTheme: (e) => {
 		let t = {
 			...e,
-			typography: ue(e.palette, e.typography)
+			typography: se(e.palette, e.typography)
 		};
 		return t.unstable_sx = function(e) {
-			return de({
+			return L({
 				sx: e,
 				theme: this
 			});
@@ -441,7 +441,7 @@ var { CssVarsProvider: nr, useColorScheme: rr, getInitColorSchemeScript: ir } =
 function or({ theme: e, ...t }) {
 	let n = X.useMemo(() => {
 		if (typeof e == "function") return e;
-		let t = "$$material" in e ? e[y] : e;
+		let t = "$$material" in e ? e[x] : e;
 		return "colorSchemes" in t ? null : "vars" in t ? e : {
 			...e,
 			vars: null
@@ -456,9 +456,9 @@ function or({ theme: e, ...t }) {
 	});
 }
 function sr(e) {
-	return P("MuiListSubheader", e);
+	return M("MuiListSubheader", e);
 }
-se("MuiListSubheader", [
+P("MuiListSubheader", [
 	"root",
 	"colorPrimary",
 	"colorInherit",
@@ -540,16 +540,16 @@ var cr = gt("li", {
 	})(u);
 	return (0, Z.jsx)(cr, {
 		as: a,
-		className: N(d.root, r),
+		className: j(d.root, r),
 		ref: t,
 		ownerState: u,
 		...l
 	});
 });
 function ur(e) {
-	return P("MuiCard", e);
+	return M("MuiCard", e);
 }
-se("MuiCard", ["root"]);
+P("MuiCard", ["root"]);
 var dr = gt(st, {
 	name: "MuiCard",
 	slot: "Root"
@@ -565,7 +565,7 @@ var dr = gt(st, {
 		return ct({ root: ["root"] }, ur, t);
 	})(o);
 	return (0, Z.jsx)(dr, {
-		className: N(s.root, r),
+		className: j(s.root, r),
 		elevation: i ? 8 : void 0,
 		ref: t,
 		ownerState: o,
@@ -573,9 +573,9 @@ var dr = gt(st, {
 	});
 });
 function pr(e) {
-	return P("MuiCardActions", e);
+	return M("MuiCardActions", e);
 }
-se("MuiCardActions", ["root", "spacing"]);
+P("MuiCardActions", ["root", "spacing"]);
 var mr = gt("div", {
 	name: "MuiCardActions",
 	slot: "Root",
@@ -603,7 +603,7 @@ var mr = gt("div", {
 		return ct({ root: ["root", !n && "spacing"] }, pr, t);
 	})(o);
 	return (0, Z.jsx)(mr, {
-		className: N(s.root, i),
+		className: j(s.root, i),
 		ownerState: o,
 		ref: t,
 		...a
@@ -696,7 +696,7 @@ var Er = gt(it, {
 				}
 			} }
 		},
-		...Object.entries(e.palette).filter(G()).map(([t]) => ({
+		...Object.entries(e.palette).filter(rt()).map(([t]) => ({
 			props: { color: t },
 			style: { [`&.${er.selected}`]: {
 				color: (e.vars || e).palette[t].main,
@@ -752,7 +752,7 @@ var Er = gt(it, {
 		] }, $n, t);
 	})(v), b = i || "";
 	return (0, Z.jsx)(Er, {
-		className: N(r.className, y.root, s, b),
+		className: j(r.className, y.root, s, b),
 		internalNativeButton: !0,
 		disabled: l,
 		focusRipple: !u,
@@ -769,9 +769,9 @@ var Er = gt(it, {
 	});
 });
 function Or(e) {
-	return P("MuiToggleButtonGroup", e);
+	return M("MuiToggleButtonGroup", e);
 }
-var Q = se("MuiToggleButtonGroup", [
+var Q = P("MuiToggleButtonGroup", [
 	"root",
 	"selected",
 	"horizontal",
@@ -902,7 +902,7 @@ var Q = se("MuiToggleButtonGroup", [
 	};
 	return (0, Z.jsx)(kr, {
 		role: "group",
-		className: N(h.root, i),
+		className: j(h.root, i),
 		ref: t,
 		ownerState: m,
 		...p,
@@ -919,7 +919,7 @@ var Q = se("MuiToggleButtonGroup", [
 	return (0, Z.jsx)(yn, {
 		size: "small",
 		type: "text",
-		placeholder: M()("condition.enterText"),
+		placeholder: C()("condition.enterText"),
 		value: t ?? "",
 		onChange: (e) => n(String(e.target.value)),
 		disabled: r,
@@ -933,7 +933,7 @@ var Nr = (0, X.memo)((e) => {
 	return (0, Z.jsx)(yn, {
 		size: "small",
 		type: "number",
-		placeholder: M()("condition.enterNumber"),
+		placeholder: C()("condition.enterNumber"),
 		value: "" + (t ?? ""),
 		onChange: (e) => n(Number(e.target.value)),
 		disabled: r,
@@ -969,7 +969,7 @@ var Pr = (0, X.createContext)(null), Fr = (e) => {
 		anchor: n
 	};
 }, Lr = () => {
-	let e = Ie(), t = (0, X.useContext)(Pr), n = (0, X.useRef)(null), r = e ? Fr(e) : null, i = e?.getName() ?? null, a = (0, X.useMemo)(() => r && i ? {
+	let e = Fe(), t = (0, X.useContext)(Pr), n = (0, X.useRef)(null), r = e ? Fr(e) : null, i = e?.getName() ?? null, a = (0, X.useMemo)(() => r && i ? {
 		...r,
 		scope: i
 	} : void 0, [
@@ -1006,8 +1006,8 @@ var Pr = (0, X.createContext)(null), Fr = (e) => {
 		t,
 		a
 	]);
-}, Rr = (e, t) => e == null ? "" : e.isIFormula ? "=" + t.display(e) : typeof e == "boolean" ? e ? "TRUE" : "FALSE" : me.isError(e) ? e.getLabel() : String(e), zr = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = M(), o = Lr();
+}, Rr = (e, t) => e == null ? "" : e.isIFormula ? "=" + t.display(e) : typeof e == "boolean" ? e ? "TRUE" : "FALSE" : pe.isError(e) ? e.getLabel() : String(e), zr = (0, X.memo)((e) => {
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = C(), o = Lr();
 	return (0, Z.jsx)(In, {
 		size: "small",
 		home: o.home,
@@ -1041,32 +1041,32 @@ var Br = (e, t, n) => {
 	if (e == null) return "";
 	if (e.isIFormula) return "=" + n.display(e);
 	if (Array.isArray(e)) return e.map((e) => String(e ?? "")).join(t);
-	let r = _e.parseListLiteral(e);
+	let r = me.parseListLiteral(e);
 	return r ? r.join(t) : e.length > 0 ? "=" + e : "";
 }, Vr = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, sx: a, ...o } = e, s = M(), c = Ie(), l = (0, X.useContext)(Pr), u = Lr(), d = ye(c?.getWorkbook()?.getLocale() ?? "en").listSeparator, [f, p] = (0, X.useState)(null), h = t?.items, [g, _] = (0, X.useState)(null), v = (0, X.useRef)(0);
+	let { option: t, onOptionChange: n, readOnly: r, sx: i, ...a } = e, o = C(), s = Fe(), c = (0, X.useContext)(Pr), l = Lr(), u = be(s?.getWorkbook()?.getLocale() ?? "en").listSeparator, [d, p] = (0, X.useState)(null), h = t?.items, [g, _] = (0, X.useState)(null), y = (0, X.useRef)(0);
 	(0, X.useEffect)(() => {
-		if (!l?.getListItemsAt || !c) return void _(null);
-		let e = ++v.current, { rowIndex: t, colIndex: n } = Fr(c);
-		l.getListItemsAt(t, n).then((t) => {
-			e === v.current && _(t);
+		if (!c?.getListItemsAt || !s) return void _(null);
+		let e = ++y.current, { rowIndex: t, colIndex: n } = Fr(s);
+		c.getListItemsAt(t, n).then((t) => {
+			e === y.current && _(t);
 		}, () => {
-			e === v.current && _([]);
+			e === y.current && _([]);
 		});
 	}, [
-		l,
 		c,
+		s,
 		h
 	]);
-	let [y, x] = (0, X.useState)(null), { className: C } = b(S()?.themeScope), w = (0, X.useMemo)(() => c?.getStyles().getNormal().getFont().toCSS("adaptive"), [c]), [T, E] = (0, X.useState)(null), D = T ?? f;
-	return (0, Z.jsxs)(F, {
+	let [b, x] = (0, X.useState)(null), { className: S } = w(v()?.themeScope), T = (0, X.useMemo)(() => s?.getStyles().getNormal().getFont().toCSS("adaptive"), [s]), [E, D] = (0, X.useState)(null), O = E ?? d;
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			mt: .75,
-			...a
+			...i
 		},
-		children: [(0, Z.jsxs)(F, {
+		children: [(0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				alignItems: "stretch",
@@ -1074,8 +1074,8 @@ var Br = (e, t, n) => {
 			},
 			children: [(0, Z.jsx)(In, {
 				size: "small",
-				home: u.home,
-				value: Br(h, d, u),
+				home: l.home,
+				value: Br(h, u, l),
 				onChangeText: (e) => {
 					let r = ((e, t, n) => {
 						if (e.length === 0) return { items: "" };
@@ -1086,29 +1086,29 @@ var Br = (e, t, n) => {
 								let t = e;
 								for (; t?.type === "paren" && t.inputs?.length === 1;) t = t.inputs[0];
 								return t?.type === "list" || t?.type === "paren" && (t.inputs?.length ?? 0) > 1;
-							})(Se.parse(t.getExpression())) ? { error: i("condition.listSourceOneRange") } : { items: t.getExpression() };
+							})(ye.parse(t.getExpression())) ? { error: f("condition.listSourceOneRange") } : { items: t.getExpression() };
 						}
-						let r = _e.formatListLiteral(e.split(t));
-						return r === null ? { error: i("condition.listItemHasComma") } : { items: r };
-					})(e, d, u);
+						let r = me.formatListLiteral(e.split(t));
+						return r === null ? { error: f("condition.listItemHasComma") } : { items: r };
+					})(e, u, l);
 					p(r.error ?? null), r.items !== void 0 && n({
 						...t,
 						items: r.items
 					});
 				},
-				label: s("condition.listSource"),
-				placeholder: s("condition.enterListSource"),
+				label: o("condition.listSource"),
+				placeholder: o("condition.enterListSource"),
 				disabled: r,
 				fullWidth: !0,
 				equals: "literal",
 				pickAs: "absolute",
 				allowMulti: !1,
-				validationError: f,
-				onChangeError: E,
+				validationError: d,
+				onChangeError: D,
 				showError: !1,
 				helperText: null,
-				...o
-			}), g !== null && (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsx)(nt, {
+				...a
+			}), g !== null && (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsx)(tt, {
 				size: "small",
 				variant: "outlined",
 				color: "inherit",
@@ -1120,20 +1120,20 @@ var Br = (e, t, n) => {
 					justifyContent: "space-between",
 					textTransform: "none"
 				},
-				children: (0, Z.jsx)(F, {
+				children: (0, Z.jsx)(I, {
 					component: "span",
 					sx: {
 						overflow: "hidden",
 						textOverflow: "ellipsis",
 						whiteSpace: "nowrap"
 					},
-					children: s("condition.listPreview", { count: g.length })
+					children: o("condition.listPreview", { count: g.length })
 				})
 			}), (0, Z.jsx)(Tt, {
-				open: !!y,
-				anchorEl: y,
+				open: !!b,
+				anchorEl: b,
 				onClose: () => x(null),
-				className: C,
+				className: S,
 				anchorOrigin: {
 					vertical: "bottom",
 					horizontal: "right"
@@ -1142,28 +1142,28 @@ var Br = (e, t, n) => {
 					vertical: "top",
 					horizontal: "right"
 				},
-				children: (0, Z.jsx)(Ke, {
+				children: (0, Z.jsx)(Ge, {
 					items: g,
-					minWidth: y?.getBoundingClientRect().width,
-					style: w,
+					minWidth: b?.getBoundingClientRect().width,
+					style: T,
 					onChoose: () => x(null)
 				})
 			})] })]
-		}), D && (0, Z.jsx)(vn, {
+		}), O && (0, Z.jsx)(vn, {
 			error: !0,
-			children: s(D)
+			children: o(O)
 		})]
 	});
 });
 Vr.displayName = "ListSourceOption";
 var Hr = {}, Ur = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = M(), s = t?.type ?? B.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
+	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = C(), s = t?.type ?? V.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
 	return i && (l = {
 		...l,
 		"& .MuiSelect-icon": { display: "none" },
 		"& .MuiOutlinedInput-notchedOutline": { borderColor: "action.disabled" }
-	}), (0, Z.jsxs)(F, {
-		className: L(r, Hr.option),
+	}), (0, Z.jsxs)(I, {
+		className: R(r, Hr.option),
 		...a,
 		sx: {
 			display: "flex",
@@ -1187,10 +1187,10 @@ var Hr = {}, Ur = (0, X.memo)((e) => {
 					type: e.target.value
 				}),
 				children: [(0, Z.jsx)(Y, {
-					value: B.AverageType.Above,
+					value: V.AverageType.Above,
 					children: o("condition.above")
 				}), (0, Z.jsx)(Y, {
-					value: B.AverageType.Below,
+					value: V.AverageType.Below,
 					children: o("condition.below")
 				})]
 			})
@@ -1210,8 +1210,8 @@ var Hr = {}, Ur = (0, X.memo)((e) => {
 	});
 });
 Ur.displayName = "AverageOption";
-var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([B.BuiltInOperatorNames.Icon, B.BuiltInOperatorNames.Color]), qr = (e, t, n, r = Kr) => {
-	let i = t ?? Object.values(_e.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
+var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([V.BuiltInOperatorNames.Icon, V.BuiltInOperatorNames.Color]), qr = (e, t, n, r = Kr) => {
+	let i = t ?? Object.values(me.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
 	return i.filter((t) => {
 		if (r.includes(t.getName())) return !1;
 		let n = t.acceptsList?.();
@@ -1226,7 +1226,7 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([B.BuiltInOpe
 		disableSticky: !0,
 		sx: Xr,
 		children: n("condition.groupBasic")
-	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Z.jsx)(qe, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(lr, {
+	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Z.jsx)(Ke, {}, "__divider")), o.length > 0 && (s.push((0, Z.jsx)(lr, {
 		disableSticky: !0,
 		sx: Xr,
 		children: n("condition.groupCombine")
@@ -1254,15 +1254,15 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([B.BuiltInOpe
 				header: e("condition.period.day"),
 				options: [
 					{
-						value: B.TimePeriodType.Today,
+						value: V.TimePeriodType.Today,
 						label: e("condition.period.today")
 					},
 					{
-						value: B.TimePeriodType.Yesterday,
+						value: V.TimePeriodType.Yesterday,
 						label: e("condition.period.yesterday")
 					},
 					{
-						value: B.TimePeriodType.Tomorrow,
+						value: V.TimePeriodType.Tomorrow,
 						label: e("condition.period.tomorrow")
 					}
 				]
@@ -1271,15 +1271,15 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([B.BuiltInOpe
 				header: e("condition.period.week"),
 				options: [
 					{
-						value: B.TimePeriodType.ThisWeek,
+						value: V.TimePeriodType.ThisWeek,
 						label: e("condition.period.thisWeek")
 					},
 					{
-						value: B.TimePeriodType.LastWeek,
+						value: V.TimePeriodType.LastWeek,
 						label: e("condition.period.lastWeek")
 					},
 					{
-						value: B.TimePeriodType.NextWeek,
+						value: V.TimePeriodType.NextWeek,
 						label: e("condition.period.nextWeek")
 					}
 				]
@@ -1288,15 +1288,15 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([B.BuiltInOpe
 				header: e("condition.period.month"),
 				options: [
 					{
-						value: B.TimePeriodType.ThisMonth,
+						value: V.TimePeriodType.ThisMonth,
 						label: e("condition.period.thisMonth")
 					},
 					{
-						value: B.TimePeriodType.LastMonth,
+						value: V.TimePeriodType.LastMonth,
 						label: e("condition.period.lastMonth")
 					},
 					{
-						value: B.TimePeriodType.NextMonth,
+						value: V.TimePeriodType.NextMonth,
 						label: e("condition.period.nextMonth")
 					}
 				]
@@ -1304,10 +1304,10 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([B.BuiltInOpe
 			{
 				header: e("condition.period.year"),
 				options: [{
-					value: B.TimePeriodType.YearToDate,
+					value: V.TimePeriodType.YearToDate,
 					label: e("condition.period.yearToDate")
 				}, {
-					value: B.TimePeriodType.LastYear,
+					value: V.TimePeriodType.LastYear,
 					label: e("condition.period.lastYear")
 				}]
 			},
@@ -1315,51 +1315,51 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([B.BuiltInOpe
 				header: e("condition.period.byMonth"),
 				options: [
 					{
-						value: B.TimePeriodType.M1,
+						value: V.TimePeriodType.M1,
 						label: n(0)
 					},
 					{
-						value: B.TimePeriodType.M2,
+						value: V.TimePeriodType.M2,
 						label: n(1)
 					},
 					{
-						value: B.TimePeriodType.M3,
+						value: V.TimePeriodType.M3,
 						label: n(2)
 					},
 					{
-						value: B.TimePeriodType.M4,
+						value: V.TimePeriodType.M4,
 						label: n(3)
 					},
 					{
-						value: B.TimePeriodType.M5,
+						value: V.TimePeriodType.M5,
 						label: n(4)
 					},
 					{
-						value: B.TimePeriodType.M6,
+						value: V.TimePeriodType.M6,
 						label: n(5)
 					},
 					{
-						value: B.TimePeriodType.M7,
+						value: V.TimePeriodType.M7,
 						label: n(6)
 					},
 					{
-						value: B.TimePeriodType.M8,
+						value: V.TimePeriodType.M8,
 						label: n(7)
 					},
 					{
-						value: B.TimePeriodType.M9,
+						value: V.TimePeriodType.M9,
 						label: n(8)
 					},
 					{
-						value: B.TimePeriodType.M10,
+						value: V.TimePeriodType.M10,
 						label: n(9)
 					},
 					{
-						value: B.TimePeriodType.M11,
+						value: V.TimePeriodType.M11,
 						label: n(10)
 					},
 					{
-						value: B.TimePeriodType.M12,
+						value: V.TimePeriodType.M12,
 						label: n(11)
 					}
 				]
@@ -1368,38 +1368,38 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([B.BuiltInOpe
 				header: e("condition.period.byQuarter"),
 				options: [
 					{
-						value: B.TimePeriodType.ThisQuarter,
+						value: V.TimePeriodType.ThisQuarter,
 						label: e("condition.period.thisQuarter")
 					},
 					{
-						value: B.TimePeriodType.LastQuarter,
+						value: V.TimePeriodType.LastQuarter,
 						label: e("condition.period.lastQuarter")
 					},
 					{
-						value: B.TimePeriodType.NextQuarter,
+						value: V.TimePeriodType.NextQuarter,
 						label: e("condition.period.nextQuarter")
 					},
 					{
-						value: B.TimePeriodType.Q1,
+						value: V.TimePeriodType.Q1,
 						label: e("condition.period.q1")
 					},
 					{
-						value: B.TimePeriodType.Q2,
+						value: V.TimePeriodType.Q2,
 						label: e("condition.period.q2")
 					},
 					{
-						value: B.TimePeriodType.Q3,
+						value: V.TimePeriodType.Q3,
 						label: e("condition.period.q3")
 					},
 					{
-						value: B.TimePeriodType.Q4,
+						value: V.TimePeriodType.Q4,
 						label: e("condition.period.q4")
 					}
 				]
 			}
 		];
-	}(M(), C()), o = t?.type ?? B.TimePeriodType.Today;
-	return (0, Z.jsx)(F, {
+	}(C(), F()), o = t?.type ?? V.TimePeriodType.Today;
+	return (0, Z.jsx)(I, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1423,7 +1423,7 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([B.BuiltInOpe
 				disabled: r,
 				children: a.map((e, t) => {
 					let n = [];
-					return t > 0 && n.push((0, Z.jsx)(qe, {}, `divider-${t}`)), n.push((0, Z.jsx)(lr, {
+					return t > 0 && n.push((0, Z.jsx)(Ke, {}, `divider-${t}`)), n.push((0, Z.jsx)(lr, {
 						sx: Xr,
 						children: e.header
 					}, `header-${t}`)), e.options.map((e) => n.push((0, Z.jsx)(Y, {
@@ -1438,8 +1438,8 @@ var Wr = 0, Gr = /* @__PURE__ */ new WeakMap(), Kr = Object.freeze([B.BuiltInOpe
 });
 Qr.displayName = "TimePeriodOption";
 var $r = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = M(), o = t?.top ?? !0, s = t?.limit ?? 10, c = t?.percent ?? !1;
-	return (0, Z.jsxs)(F, {
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = C(), o = t?.top ?? !0, s = t?.limit ?? 10, c = t?.percent ?? !1;
+	return (0, Z.jsxs)(I, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1517,8 +1517,8 @@ var $r = (0, X.memo)((e) => {
 });
 $r.displayName = "TopNOption";
 var ei = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = M();
-	return (0, Z.jsxs)(F, {
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = C();
+	return (0, Z.jsxs)(I, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1559,7 +1559,7 @@ var ei = (0, X.memo)((e) => {
 });
 ei.displayName = "BetweenOption";
 var ti = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = M(), o = Lr(), s = t?.isIFormula ? o.display(t) : t ?? "";
+	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = C(), o = Lr(), s = t?.isIFormula ? o.display(t) : t ?? "";
 	return (0, Z.jsx)(In, {
 		size: "small",
 		home: o.home,
@@ -1577,7 +1577,7 @@ var ti = (0, X.memo)((e) => {
 });
 ti.displayName = "ExpressionOption";
 var ni = (0, X.memo)((e) => {
-	let { value: t = null, selectors: n, onChange: r, title: i, allowNull: a = !1, readOnly: o = !1, ...s } = e, c = M(), l = i ?? c("condition.selectorTitle"), u = n.map((e) => {
+	let { value: t = null, selectors: n, onChange: r, title: i, allowNull: a = !1, readOnly: o = !1, ...s } = e, c = C(), l = i ?? c("condition.selectorTitle"), u = n.map((e) => {
 		let t = e.getName();
 		return (0, Z.jsx)(Y, {
 			value: t,
@@ -1613,7 +1613,7 @@ var ni = (0, X.memo)((e) => {
 });
 ni.displayName = "SelectorSelect";
 var ri = (0, X.memo)((e) => {
-	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = M(), c = C(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
+	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = C(), c = F(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
 	n.forEach((e) => {
 		u.set(e.getName(), e);
 	});
@@ -1647,7 +1647,7 @@ var ri = (0, X.memo)((e) => {
 });
 ri.displayName = "OperatorSelect";
 var ii = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { icon: n, tooltip: r, label: i, darkMode: a, propsPanel: o, value: s, operators: c, onChange: l, title: u, readOnly: d = !1, ...f } = e, p = M(), h = C();
+	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 = C(), h = F();
 	u ?? p("condition.operatorTitle");
 	let g = n || (0, Z.jsx)(m, { iconKey: "Add" }), _ = (0, X.useRef)(l);
 	return _.current = l, (0, Z.jsx)(Cn, {
@@ -1670,7 +1670,7 @@ var ii = (0, X.memo)((0, X.forwardRef)((e, t) => {
 				},
 				...o,
 				onKeyDown: (e) => {
-					e.which === O.Enter && t?.();
+					e.which === ee.Enter && t?.();
 				},
 				children: (0, Z.jsx)(St, {
 					disablePadding: !0,
@@ -1689,8 +1689,8 @@ var ii = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		...f
 	});
 })), ai = (0, X.memo)((e) => {
-	let { operator: t, inputs: n, onOptionChange: r, operators: i, selector: a, readOnly: o, ...s } = e, c = M(), l = t.getName() === "not", u = l ? null : t.getName() === "and" ? c("condition.and") : c("condition.or"), d = l ? c("condition.not") : u;
-	return (0, Z.jsx)(F, {
+	let { operator: t, inputs: n, onOptionChange: r, operators: i, selector: a, readOnly: o, ...s } = e, c = C(), 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, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -1729,7 +1729,7 @@ var ii = (0, X.memo)((0, X.forwardRef)((e, t) => {
 });
 ai.displayName = "CombinatorOption";
 var oi = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r } = e, i = M();
+	let { option: t, onOptionChange: n, readOnly: r } = e, i = C();
 	return (0, Z.jsxs)(Ar, {
 		exclusive: !0,
 		size: "small",
@@ -1762,10 +1762,10 @@ function ci(e) {
 }
 oi.displayName = "BooleanOption";
 var li = (0, X.memo)((e) => {
-	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = M(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Ie(), d = (0, X.useCallback)((e) => {
+	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = C(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Fe(), d = (0, X.useCallback)((e) => {
 		if (!u || e === null) return null;
 		let t = u.createCell({ value: e }), n = t.getValue();
-		return t.getType() === R.Number ? n : null;
+		return t.getType() === z.Number ? n : null;
 	}, [u]), f = (0, X.useCallback)((e) => u ? u.createCell({
 		value: e,
 		style: { numberFormat: "Short DateTime" }
@@ -1781,7 +1781,7 @@ var li = (0, X.memo)((e) => {
 	let g = function(e) {
 		return !e || isNaN(e.getTime()) ? "" : `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
 	}(p);
-	return (0, Z.jsxs)(F, {
+	return (0, Z.jsxs)(I, {
 		...o,
 		sx: {
 			display: "flex",
@@ -1813,7 +1813,7 @@ var li = (0, X.memo)((e) => {
 	});
 });
 li.displayName = "DateTimeOption";
-var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
+var ui = V.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 	ui.EqualTo,
 	ui.GreaterThan,
 	ui.GreaterThanEqualTo,
@@ -1824,11 +1824,11 @@ var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 	ui.Before,
 	ui.BeforeEqualTo
 ]), fi = (0, X.memo)((e) => {
-	let { operatorParam: t, onOperatorParamChange: n, onRemove: r, operators: i, selector: a, operatorTitle: o, readOnly: s, required: c, ...l } = e, u = M(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, h = t?.param ?? null, g = !!p?.isCombinator?.(), [_, { width: v }] = fe(), y = (0, X.useMemo)(() => !p || g ? null : p.getParamType?.(a ?? void 0) ?? null, [
+	let { operatorParam: t, onOperatorParamChange: n, onRemove: r, operators: i, selector: a, operatorTitle: o, readOnly: s, required: c, ...l } = e, u = C(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, h = t?.param ?? null, g = !!p?.isCombinator?.(), [_, { width: v }] = de(), y = (0, X.useMemo)(() => !p || g ? null : p.getParamType?.(a ?? void 0) ?? null, [
 		p,
 		g,
 		a
-	]), b = !g && y !== "list" && v > 360, x = A((e) => {
+	]), b = !g && y !== "list" && v > 360, x = D((e) => {
 		n({
 			operator: f,
 			param: e
@@ -1843,7 +1843,7 @@ var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 			option: h,
 			onOptionChange: x
 		}, t = !!f && di.has(f);
-		return y === B.BuiltInSelectorNames.Number || y === B.BuiltInSelectorNames.TextLength ? (0, Z.jsx)(t ? zr : Nr, { ...e }) : y === B.BuiltInSelectorNames.Whole ? t ? (0, Z.jsx)(zr, { ...e }) : (0, Z.jsx)(Nr, {
+		return y === V.BuiltInSelectorNames.Number || y === V.BuiltInSelectorNames.TextLength ? (0, Z.jsx)(t ? zr : Nr, { ...e }) : y === V.BuiltInSelectorNames.Whole ? t ? (0, Z.jsx)(zr, { ...e }) : (0, Z.jsx)(Nr, {
 			...e,
 			placeholder: u("condition.enterWholeNumber"),
 			slotProps: { htmlInput: {
@@ -1860,28 +1860,28 @@ var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 					/^-?\d+$/.test(e.clipboardData.getData("text")) || e.preventDefault();
 				}
 			} }
-		}) : y === B.BuiltInSelectorNames.Text ? (0, Z.jsx)(t ? zr : Mr, { ...e }) : y === B.BuiltInSelectorNames.DateTime ? (0, Z.jsx)(li, {
+		}) : y === V.BuiltInSelectorNames.Text ? (0, Z.jsx)(t ? zr : Mr, { ...e }) : y === V.BuiltInSelectorNames.DateTime ? (0, Z.jsx)(li, {
 			...e,
 			allowFormula: t
-		}) : y === B.BuiltInSelectorNames.Date ? (0, Z.jsx)(li, {
+		}) : y === V.BuiltInSelectorNames.Date ? (0, Z.jsx)(li, {
 			...e,
 			type: "date",
 			allowFormula: t
-		}) : y === B.BuiltInSelectorNames.Time ? (0, Z.jsx)(li, {
+		}) : y === V.BuiltInSelectorNames.Time ? (0, Z.jsx)(li, {
 			...e,
 			type: "time",
 			allowFormula: t
-		}) : y === B.BuiltInSelectorNames.List ? (0, Z.jsx)(Vr, { ...e }) : y === B.BuiltInSelectorNames.Logical ? (0, Z.jsx)(oi, { ...e }) : y === B.BuiltInOperatorNames.Average ? (0, Z.jsx)(Ur, { ...e }) : y === B.BuiltInOperatorNames.TimePeriod ? (0, Z.jsx)(Qr, { ...e }) : y === B.BuiltInOperatorNames.TopN ? (0, Z.jsx)($r, { ...e }) : y === B.BuiltInOperatorNames.Between ? (0, Z.jsx)(ei, { ...e }) : y === B.BuiltInOperatorNames.Expression ? (0, Z.jsx)(ti, { ...e }) : null;
+		}) : y === V.BuiltInSelectorNames.List ? (0, Z.jsx)(Vr, { ...e }) : y === V.BuiltInSelectorNames.Logical ? (0, Z.jsx)(oi, { ...e }) : y === V.BuiltInOperatorNames.Average ? (0, Z.jsx)(Ur, { ...e }) : y === V.BuiltInOperatorNames.TimePeriod ? (0, Z.jsx)(Qr, { ...e }) : y === V.BuiltInOperatorNames.TopN ? (0, Z.jsx)($r, { ...e }) : y === V.BuiltInOperatorNames.Between ? (0, Z.jsx)(ei, { ...e }) : y === V.BuiltInOperatorNames.Expression ? (0, Z.jsx)(ti, { ...e }) : null;
 	}, [
 		p,
 		g,
 		y,
 		h,
 		u
-	]), C = (0, X.useMemo)(() => g && h ? Array.isArray(h) ? h : [h] : [], [g, h]), w = g && p?.getName() === "not", T = (e) => {
+	]), w = (0, X.useMemo)(() => g && h ? Array.isArray(h) ? h : [h] : [], [g, h]), T = g && p?.getName() === "not", E = (e) => {
 		if (!e || e === p) return;
 		let t, r = !!e.isCombinator?.();
-		if (r && g) t = e.getName() === "not" ? C[0] ?? Yr(e, i, a) : C.length > 0 ? C : Yr(e, i, a);
+		if (r && g) t = e.getName() === "not" ? w[0] ?? Yr(e, i, a) : w.length > 0 ? w : Yr(e, i, a);
 		else {
 			let n = p?.getParamType?.(a ?? void 0) ?? null, o = e.getParamType?.(a ?? void 0) ?? null;
 			t = !r && o && o === n ? h : Yr(e, i, a);
@@ -1891,7 +1891,7 @@ var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 			param: t
 		});
 	};
-	return (0, Z.jsx)(F, {
+	return (0, Z.jsx)(I, {
 		ref: _,
 		sx: {
 			display: "flex",
@@ -1904,7 +1904,7 @@ var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 			p: 1
 		},
 		...l,
-		children: b ? (0, Z.jsxs)(F, {
+		children: b ? (0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -1917,7 +1917,7 @@ var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 					sx: { flex: .4 },
 					value: p,
 					operators: i,
-					onChange: T,
+					onChange: E,
 					readOnly: s
 				}),
 				S,
@@ -1926,7 +1926,7 @@ var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 					onClick: r
 				})
 			]
-		}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsxs)(F, {
+		}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -1939,17 +1939,17 @@ var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 					sx: { flex: 1 },
 					value: p,
 					operators: i,
-					onChange: T,
+					onChange: E,
 					readOnly: s
 				}),
-				g && !w && !s && (0, Z.jsx)(ii, {
+				g && !T && !s && (0, Z.jsx)(ii, {
 					label: p?.getTitle?.(),
 					icon: (0, Z.jsx)(m, { iconKey: "Add" }),
 					operators: i,
 					value: null,
 					onChange: (e) => {
 						if (!e) return;
-						let t = Yr(e, i, a), r = [...C, {
+						let t = Yr(e, i, a), r = [...w, {
 							operator: e?.getName() ?? null,
 							param: t
 						}];
@@ -1967,11 +1967,11 @@ var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 			]
 		}), g ? (0, Z.jsx)(ai, {
 			operator: p,
-			inputs: C,
+			inputs: w,
 			onOptionChange: (e) => {
 				n({
 					operator: f,
-					param: w ? e[0] ?? null : e
+					param: T ? e[0] ?? null : e
 				});
 			},
 			operators: i,
@@ -1982,7 +1982,7 @@ var ui = B.BuiltInOperatorNames, di = /* @__PURE__ */ new Set([
 });
 fi.displayName = "OperatorAndParamEditor";
 var pi = (0, X.memo)((e) => {
-	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ranges: c, ...l } = e, u = M(), d = C(), [f, p] = (0, X.useState)(() => t?.getSelector() ?? null), [m, h] = (0, X.useState)(() => t?.getOperator() ? {
+	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ranges: c, ...l } = e, u = C(), d = F(), [f, p] = (0, X.useState)(() => t?.getSelector() ?? null), [m, h] = (0, X.useState)(() => t?.getOperator() ? {
 		operator: t.getOperator().getName(),
 		param: t.getParam()
 	} : null), [g, _] = (0, X.useState)(() => t?.isIncludeBlanks() ?? !1);
@@ -1994,7 +1994,7 @@ var pi = (0, X.memo)((e) => {
 			param: t.getParam()
 		} : null), _(t.isIncludeBlanks());
 	}, [t]);
-	let v = (0, X.useMemo)(() => (s ?? Object.values(_e.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", d)), [s, d]), y = (0, X.useMemo)(() => o ?? Object.values(_e.BuiltInOperators), [o]), b = (0, X.useMemo)(() => qr(f, y, d), [
+	let v = (0, X.useMemo)(() => (s ?? Object.values(me.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", d)), [s, d]), y = (0, X.useMemo)(() => o ?? Object.values(me.BuiltInOperators), [o]), b = (0, X.useMemo)(() => qr(f, y, d), [
 		f,
 		y,
 		d
@@ -2012,7 +2012,7 @@ var pi = (0, X.memo)((e) => {
 			includeBlanks: g
 		});
 	}, D = r;
-	return (0, Z.jsxs)(F, {
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2068,7 +2068,7 @@ var pi = (0, X.memo)((e) => {
 				allowNull: !0,
 				readOnly: a
 			}),
-			m ? (0, Z.jsx)(F, {
+			m ? (0, Z.jsx)(I, {
 				ref: w,
 				sx: { display: "contents" },
 				children: (0, Z.jsx)(fi, {
@@ -2086,7 +2086,7 @@ var pi = (0, X.memo)((e) => {
 					selector: f,
 					readOnly: a
 				})
-			}) : !a && (0, Z.jsx)(F, {
+			}) : !a && (0, Z.jsx)(I, {
 				sx: { display: "flex" },
 				children: (0, Z.jsx)(ii, {
 					label: u("condition.when"),
@@ -2122,7 +2122,7 @@ var pi = (0, X.memo)((e) => {
 pi.displayName = "ConditionEditor";
 var mi = (0, X.memo)((e) => {
 	let { variant: t = "format", children: n, sx: r, ...i } = e;
-	return (0, Z.jsx)(F, {
+	return (0, Z.jsx)(I, {
 		className: `sxl-cf-rule-section sxl-cf-rule-section-${t}`,
 		sx: {
 			display: "flex",
@@ -2140,41 +2140,41 @@ var mi = (0, X.memo)((e) => {
 	});
 });
 mi.displayName = "RuleSection";
-var hi = new be("transparent"), gi = {
-	lightRedFillDarkRedText: i("conditionalFormat.preset.lightRedFillDarkRedText"),
-	yellowFillDarkYellowText: i("conditionalFormat.preset.yellowFillDarkYellowText"),
-	greenFillDarkGreenText: i("conditionalFormat.preset.greenFillDarkGreenText"),
-	lightRedFill: i("conditionalFormat.preset.lightRedFill"),
-	redText: i("conditionalFormat.preset.redText"),
-	redBorder: i("conditionalFormat.preset.redBorder")
+var hi = new xe("transparent"), gi = {
+	lightRedFillDarkRedText: f("conditionalFormat.preset.lightRedFillDarkRedText"),
+	yellowFillDarkYellowText: f("conditionalFormat.preset.yellowFillDarkYellowText"),
+	greenFillDarkGreenText: f("conditionalFormat.preset.greenFillDarkGreenText"),
+	lightRedFill: f("conditionalFormat.preset.lightRedFill"),
+	redText: f("conditionalFormat.preset.redText"),
+	redBorder: f("conditionalFormat.preset.redBorder")
 }, _i = (e) => e ? typeof e == "string" ? e : e.type === he.Type.None ? null : e.color ?? e.foreground ?? null : null, vi = (e, t) => e === "auto" ? null : Mt(e, t), yi = (0, X.memo)((e) => {
-	let { format: t, onFormatChange: n, readOnly: r, ...a } = e, o = M(), { workbook: s, schemeLookup: c, themeKey: l, darkMode: u, propsColorPanel: d } = Kt(), f = t?.font ?? null, p = (f?.weight ?? 400) >= 600, h = f?.style === ve.Style.Italic, g = !!f?.underline && f.underline !== ve.UnderlineStyle.None, _ = !!f?.strike, v = (e) => {
-		let r = { ...f };
+	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = C(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = Kt(), d = t?.font ?? null, p = (d?.weight ?? 400) >= 600, h = d?.style === ge.Style.Italic, g = !!d?.underline && d.underline !== ge.UnderlineStyle.None, _ = !!d?.strike, v = (e) => {
+		let r = { ...d };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		let i = { ...t };
 		Object.keys(r).length === 0 ? delete i.font : i.font = r, n(Object.keys(i).length === 0 ? null : i);
-	}, y = (0, X.useMemo)(() => s?.getStyles().getNormal().getFont().getColor(), [s, l]), b = (0, X.useMemo)(() => vi(f?.color, s), [
-		f?.color,
-		s,
-		l
-	]), x = (0, X.useMemo)(() => vi(_i(t?.fill), s), [
+	}, y = (0, X.useMemo)(() => o?.getStyles().getNormal().getFont().getColor(), [o, c]), b = (0, X.useMemo)(() => vi(d?.color, o), [
+		d?.color,
+		o,
+		c
+	]), x = (0, X.useMemo)(() => vi(_i(t?.fill), o), [
 		t?.fill,
-		s,
-		l
+		o,
+		c
 	]), S = {
 		padding: "4px",
 		border: "none",
 		borderRadius: 1
 	};
 	return (0, Z.jsxs)(mi, {
-		...a,
-		children: [(0, Z.jsxs)(F, {
+		...i,
+		children: [(0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(F, {
+			children: [(0, Z.jsx)(I, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2182,16 +2182,16 @@ var hi = new be("transparent"), gi = {
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: Je.map((e, t) => {
-					let i = vi(_i(e.style.fill), s), a = vi(e.style.font?.color, s), c = e.style.borders ? vi(Object.values(e.style.borders)[0]?.color, s) : null;
+				children: qe.map((e, t) => {
+					let i = vi(_i(e.style.fill), o), s = vi(e.style.font?.color, o), c = e.style.borders ? vi(Object.values(e.style.borders)[0]?.color, o) : null;
 					return (0, Z.jsx)(qt, {
 						sheet: !0,
-						title: o(gi[e.key] ?? e.key),
+						title: a(gi[e.key] ?? e.key),
 						disabled: r,
 						onClick: () => n(structuredClone(e.style)),
 						sx: {
 							backgroundColor: i?.toCSS("adaptive") ?? void 0,
-							color: a?.toCSS("adaptive") ?? void 0,
+							color: s?.toCSS("adaptive") ?? void 0,
 							outline: c ? `1px solid ${c.toCSS("adaptive")}` : void 0,
 							outlineOffset: "-3px"
 						},
@@ -2199,7 +2199,7 @@ var hi = new be("transparent"), gi = {
 					}, t);
 				})
 			}), (0, Z.jsx)(qt, {
-				title: o("conditionalFormat.clearStyle"),
+				title: a("conditionalFormat.clearStyle"),
 				disabled: r || !t,
 				onClick: () => n(null),
 				sx: {
@@ -2211,7 +2211,7 @@ var hi = new be("transparent"), gi = {
 					size: 16
 				})
 			})]
-		}), (0, Z.jsxs)(F, {
+		}), (0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -2233,7 +2233,7 @@ var hi = new be("transparent"), gi = {
 					sx: S,
 					selected: h,
 					disabled: r,
-					onChange: () => v({ style: h ? void 0 : ve.Style.Italic }),
+					onChange: () => v({ style: h ? void 0 : ge.Style.Italic }),
 					children: (0, Z.jsx)(m, { iconKey: "TextItalic" })
 				}),
 				(0, Z.jsx)(Dr, {
@@ -2242,7 +2242,7 @@ var hi = new be("transparent"), gi = {
 					sx: S,
 					selected: g,
 					disabled: r,
-					onChange: () => v({ underline: g ? void 0 : ve.UnderlineStyle.Single }),
+					onChange: () => v({ underline: g ? void 0 : ge.UnderlineStyle.Single }),
 					children: (0, Z.jsx)(m, { iconKey: "TextUnderline" })
 				}),
 				(0, Z.jsx)(Dr, {
@@ -2254,13 +2254,13 @@ var hi = new be("transparent"), gi = {
 					onChange: () => v({ strike: !_ || void 0 }),
 					children: (0, Z.jsx)(m, { iconKey: "TextStrike" })
 				}),
-				s && (0, Z.jsx)(rn, {
-					tooltip: o("conditionalFormat.border"),
+				o && (0, Z.jsx)(rn, {
+					tooltip: a("conditionalFormat.border"),
 					selectedBorder: t?.borders,
-					createBorder: (e) => s.getStyles().getNormal().createStyle({ borders: e }).getBorders(),
-					schemeLookup: c,
+					createBorder: (e) => o.getStyles().getNormal().createStyle({ borders: e }).getBorders(),
+					schemeLookup: s,
 					autoColor: y,
-					darkMode: u,
+					darkMode: l,
 					disabled: r,
 					onSelectBorder: (e) => ((e) => {
 						let r = { ...t };
@@ -2269,7 +2269,7 @@ var hi = new be("transparent"), gi = {
 				}),
 				(0, Z.jsx)(Jt, {
 					icon: "fill.colored",
-					tooltip: o("conditionalFormat.fillColor"),
+					tooltip: a("conditionalFormat.fillColor"),
 					selectedColor: x,
 					disabled: r,
 					onSelectColor: (e) => ((e) => {
@@ -2279,26 +2279,26 @@ var hi = new be("transparent"), gi = {
 							color: e.toString()
 						} : delete r.fill, n(Object.keys(r).length === 0 ? null : r);
 					})(e),
-					darkMode: u,
+					darkMode: l,
 					propsPanel: {
 						disableAlpha: !0,
 						autoColor: hi,
-						autoColorLabelKey: i("color.noFill"),
+						autoColorLabelKey: f("color.noFill"),
 						autoColorPosition: Gt.End,
-						...d
+						...u
 					}
 				}),
 				(0, Z.jsx)(Jt, {
 					icon: "text.colored",
-					tooltip: o("conditionalFormat.fontColor"),
+					tooltip: a("conditionalFormat.fontColor"),
 					selectedColor: b,
 					disabled: r,
 					onSelectColor: (e) => v({ color: e ? e.toString() : void 0 }),
-					darkMode: u,
+					darkMode: l,
 					propsPanel: {
 						disableAlpha: !0,
 						autoColor: y,
-						...d
+						...u
 					}
 				})
 			]
@@ -2307,22 +2307,22 @@ var hi = new be("transparent"), gi = {
 });
 yi.displayName = "ConditionalFormatStylePicker";
 var bi = {
-	[z.ColorStopType.AutoMin]: i("conditionalFormat.stopType.autoMin"),
-	[z.ColorStopType.AutoMax]: i("conditionalFormat.stopType.autoMax"),
-	[z.ColorStopType.Min]: i("conditionalFormat.stopType.min"),
-	[z.ColorStopType.Max]: i("conditionalFormat.stopType.max"),
-	[z.ColorStopType.Num]: i("conditionalFormat.stopType.num"),
-	[z.ColorStopType.Percent]: i("conditionalFormat.stopType.percent"),
-	[z.ColorStopType.Percentile]: i("conditionalFormat.stopType.percentile"),
-	[z.ColorStopType.Formula]: i("conditionalFormat.stopType.formula")
+	[B.ColorStopType.AutoMin]: f("conditionalFormat.stopType.autoMin"),
+	[B.ColorStopType.AutoMax]: f("conditionalFormat.stopType.autoMax"),
+	[B.ColorStopType.Min]: f("conditionalFormat.stopType.min"),
+	[B.ColorStopType.Max]: f("conditionalFormat.stopType.max"),
+	[B.ColorStopType.Num]: f("conditionalFormat.stopType.num"),
+	[B.ColorStopType.Percent]: f("conditionalFormat.stopType.percent"),
+	[B.ColorStopType.Percentile]: f("conditionalFormat.stopType.percentile"),
+	[B.ColorStopType.Formula]: f("conditionalFormat.stopType.formula")
 }, xi = /* @__PURE__ */ new Set([
-	z.ColorStopType.AutoMin,
-	z.ColorStopType.AutoMax,
-	z.ColorStopType.Min,
-	z.ColorStopType.Max
+	B.ColorStopType.AutoMin,
+	B.ColorStopType.AutoMax,
+	B.ColorStopType.Min,
+	B.ColorStopType.Max
 ]), Si = (0, X.memo)((e) => {
-	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = M(), { darkMode: d, toColor: f, propsColorPanel: p } = Kt(), m = Lr(), h = n.type ?? z.ColorStopType.Num, g = !xi.has(h), _ = c || !g, v = h === z.ColorStopType.Formula, y = n.value?.isIFormula ? n.value : null, b = n.color, x = a ? f(b) : null;
-	return (0, Z.jsxs)(F, {
+	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = C(), { darkMode: d, toColor: f, propsColorPanel: p } = Kt(), m = Lr(), h = n.type ?? B.ColorStopType.Num, g = !xi.has(h), _ = c || !g, v = h === B.ColorStopType.Formula, y = n.value?.isIFormula ? n.value : null, b = n.color, x = a ? f(b) : null;
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
@@ -2388,8 +2388,8 @@ var bi = {
 						type: e
 					};
 					if (xi.has(e)) delete t.value;
-					else if (t.value === void 0) t.value = e === z.ColorStopType.Formula ? "" : 0;
-					else if (e !== z.ColorStopType.Formula && typeof t.value != "number") {
+					else if (t.value === void 0) t.value = e === B.ColorStopType.Formula ? "" : 0;
+					else if (e !== B.ColorStopType.Formula && typeof t.value != "number") {
 						let e = typeof t.value == "string" ? Number(t.value) : NaN;
 						t.value = Number.isFinite(e) ? e : 0;
 					}
@@ -2455,32 +2455,32 @@ var bi = {
 });
 Si.displayName = "ScaleStopRow";
 var Ci = [
-	z.ColorStopType.Min,
-	z.ColorStopType.Max,
-	z.ColorStopType.Num,
-	z.ColorStopType.Percent,
-	z.ColorStopType.Percentile,
-	z.ColorStopType.Formula
+	B.ColorStopType.Min,
+	B.ColorStopType.Max,
+	B.ColorStopType.Num,
+	B.ColorStopType.Percent,
+	B.ColorStopType.Percentile,
+	B.ColorStopType.Formula
 ], wi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...a } = e, o = M(), { workbook: s, toColor: c } = Kt(), l = t.stops ?? [], u = l.length === 2 ? [i("conditionalFormat.stop.minimum"), i("conditionalFormat.stop.maximum")] : [
-		i("conditionalFormat.stop.minimum"),
-		i("conditionalFormat.stop.midpoint"),
-		i("conditionalFormat.stop.maximum")
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = C(), { workbook: o, toColor: s } = Kt(), c = t.stops ?? [], l = c.length === 2 ? [f("conditionalFormat.stop.minimum"), f("conditionalFormat.stop.maximum")] : [
+		f("conditionalFormat.stop.minimum"),
+		f("conditionalFormat.stop.midpoint"),
+		f("conditionalFormat.stop.maximum")
 	];
-	return (0, Z.jsxs)(F, {
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 1
 		},
-		...a,
-		children: [(0, Z.jsx)(mi, { children: (0, Z.jsxs)(F, {
+		...i,
+		children: [(0, Z.jsx)(mi, { children: (0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(F, {
+			children: [(0, Z.jsx)(I, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2488,29 +2488,29 @@ var Ci = [
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: Ce.filter((e) => e.stops.length === (l.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(qt, {
+				children: Se.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(qt, {
 					sheet: !0,
 					disabled: r,
 					onClick: () => n(structuredClone(e)),
-					children: (0, Z.jsx)(Ht, { rows: $t(e.stops ?? [], Dt, s) })
+					children: (0, Z.jsx)(Ht, { rows: $t(e.stops ?? [], Dt, o) })
 				}, t))
 			}), (0, Z.jsxs)(Ar, {
 				exclusive: !0,
 				size: "small",
-				value: l.length === 2 ? 2 : 3,
+				value: c.length === 2 ? 2 : 3,
 				disabled: r,
 				onChange: (e, r) => {
 					r && ((e) => {
-						if (e === l.length || e !== 2 && e !== 3) return;
-						let r = l.slice();
+						if (e === c.length || e !== 2 && e !== 3) return;
+						let r = c.slice();
 						if (e === 3) {
-							let e = "#FFEB84", t = c(l[0]?.color ?? e)?.toRGBA(), n = c(l[l.length - 1]?.color ?? e)?.toRGBA();
+							let e = "#FFEB84", t = s(c[0]?.color ?? e)?.toRGBA(), n = s(c[c.length - 1]?.color ?? e)?.toRGBA();
 							if (t && n) {
 								let r = (e) => Math.round(e).toString(16).padStart(2, "0").toUpperCase();
 								e = `#${r((t.red + n.red) / 2)}${r((t.green + n.green) / 2)}${r((t.blue + n.blue) / 2)}`;
 							}
 							r.splice(1, 0, {
-								type: z.ColorStopType.Percentile,
+								type: B.ColorStopType.Percentile,
 								value: 50,
 								color: e
 							});
@@ -2529,7 +2529,7 @@ var Ci = [
 						pt: .25,
 						pb: .25
 					},
-					children: o("conditionalFormat.twoColor")
+					children: a("conditionalFormat.twoColor")
 				}), (0, Z.jsx)(Dr, {
 					value: 3,
 					sx: {
@@ -2537,19 +2537,19 @@ var Ci = [
 						pt: .25,
 						pb: .25
 					},
-					children: o("conditionalFormat.threeColor")
+					children: a("conditionalFormat.threeColor")
 				})]
 			})]
 		}) }), (0, Z.jsx)(mi, {
 			variant: "config",
-			children: l.map((e, i) => (0, Z.jsx)(Si, {
-				label: o(u[Math.min(i, u.length - 1)]),
+			children: c.map((e, i) => (0, Z.jsx)(Si, {
+				label: a(l[Math.min(i, l.length - 1)]),
 				stop: e,
 				allowedTypes: Ci,
 				showColor: !0,
 				readOnly: r,
 				onStopChange: (e) => {
-					let r = l.slice();
+					let r = c.slice();
 					r[i] = e, n({
 						...t,
 						stops: r
@@ -2561,26 +2561,26 @@ var Ci = [
 });
 wi.displayName = "ColorScaleRulePanel";
 var Ti = [
-	z.ColorStopType.AutoMin,
-	z.ColorStopType.Min,
-	z.ColorStopType.Num,
-	z.ColorStopType.Percent,
-	z.ColorStopType.Percentile,
-	z.ColorStopType.Formula
+	B.ColorStopType.AutoMin,
+	B.ColorStopType.Min,
+	B.ColorStopType.Num,
+	B.ColorStopType.Percent,
+	B.ColorStopType.Percentile,
+	B.ColorStopType.Formula
 ], Ei = [
-	z.ColorStopType.AutoMax,
-	z.ColorStopType.Max,
-	z.ColorStopType.Num,
-	z.ColorStopType.Percent,
-	z.ColorStopType.Percentile,
-	z.ColorStopType.Formula
+	B.ColorStopType.AutoMax,
+	B.ColorStopType.Max,
+	B.ColorStopType.Num,
+	B.ColorStopType.Percent,
+	B.ColorStopType.Percentile,
+	B.ColorStopType.Formula
 ], Di = "__auto__", Oi = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = M(), { darkMode: o, toColor: s, propsColorPanel: c } = Kt(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), h = t.gradient ?? !1, g = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = C(), { darkMode: o, toColor: s, propsColorPanel: c } = Kt(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), h = t.gradient ?? !1, g = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
 	}, _ = { backgroundColor: "background.paper" };
-	return (0, Z.jsxs)(F, {
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2588,13 +2588,13 @@ var Ti = [
 		},
 		...i,
 		children: [(0, Z.jsxs)(mi, { children: [
-			(0, Z.jsxs)(F, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 1
 				},
-				children: [(0, Z.jsx)(F, {
+				children: [(0, Z.jsx)(I, {
 					sx: {
 						flex: "1 1 auto",
 						minWidth: 0,
@@ -2602,7 +2602,7 @@ var Ti = [
 						gap: .5,
 						flexWrap: "wrap"
 					},
-					children: Le.filter((e) => (e.gradient ?? !1) === h).map((e, t) => (0, Z.jsx)(qt, {
+					children: Ie.filter((e) => (e.gradient ?? !1) === h).map((e, t) => (0, Z.jsx)(qt, {
 						sheet: !0,
 						disabled: r,
 						onClick: () => g({
@@ -2652,7 +2652,7 @@ var Ti = [
 					children: a("conditionalFormat.showBarsOnly")
 				})
 			}),
-			(0, Z.jsxs)(F, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -2693,7 +2693,7 @@ var Ti = [
 					})
 				]
 			}),
-			(0, Z.jsxs)(F, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -2750,7 +2750,7 @@ var Ti = [
 					})
 				]
 			}),
-			(0, Z.jsxs)(F, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					gap: 1,
@@ -2822,7 +2822,7 @@ var Ti = [
 			variant: "config",
 			children: [(0, Z.jsx)(Si, {
 				label: a("conditionalFormat.stop.minimum"),
-				stop: l[0] ?? { type: z.ColorStopType.AutoMin },
+				stop: l[0] ?? { type: B.ColorStopType.AutoMin },
 				allowedTypes: Ti,
 				readOnly: r,
 				onStopChange: (e) => {
@@ -2831,12 +2831,12 @@ var Ti = [
 				}
 			}), (0, Z.jsx)(Si, {
 				label: a("conditionalFormat.stop.maximum"),
-				stop: l[1] ?? { type: z.ColorStopType.AutoMax },
+				stop: l[1] ?? { type: B.ColorStopType.AutoMax },
 				allowedTypes: Ei,
 				readOnly: r,
 				onStopChange: (e) => {
 					let t = l.slice();
-					for (; t.length < 2;) t.push({ type: z.ColorStopType.AutoMax });
+					for (; t.length < 2;) t.push({ type: B.ColorStopType.AutoMax });
 					t[1] = e, g({ stops: t });
 				}
 			})]
@@ -2844,15 +2844,15 @@ var Ti = [
 	});
 });
 Oi.displayName = "DataBarRulePanel";
-var ki = i("conditionalFormat.noCellIcon"), Ai = i("conditionalFormat.cellIcon"), ji = {
+var ki = f("conditionalFormat.noCellIcon"), Ai = f("conditionalFormat.cellIcon"), ji = {
 	borderColor: "primary.main",
 	boxShadow: (e) => `inset 0 0 0 1px ${e.palette.primary.main}`
 }, Mi = {
 	width: "28px",
 	height: "26px"
 }, Ni = (0, X.memo)((e) => {
-	let { icon: t, onPick: n } = e, r = M();
-	return (0, Z.jsxs)(F, {
+	let { icon: t, onPick: n } = e, r = C();
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2868,20 +2868,20 @@ var ki = i("conditionalFormat.noCellIcon"), Ai = i("conditionalFormat.cellIcon")
 				...t === null ? ji : null
 			},
 			onClick: () => {
-				n({ ...He });
+				n({ ...Ve });
 			},
-			children: (0, Z.jsx)(H, {
+			children: (0, Z.jsx)(U, {
 				icons: [null],
 				size: 16
 			})
-		}), (0, Z.jsx)(F, {
+		}), (0, Z.jsx)(I, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: "repeat(8, auto)",
 				justifyContent: "start",
 				gap: "3px"
 			},
-			children: Pe.map((e) => {
+			children: Ne.map((e) => {
 				let i = ((e, t) => !!e && e.iconKey === t.iconKey && e.color === t.color)(t, e.spec);
 				return (0, Z.jsx)(qt, {
 					sheet: !0,
@@ -2897,7 +2897,7 @@ var ki = i("conditionalFormat.noCellIcon"), Ai = i("conditionalFormat.cellIcon")
 							id: e.id
 						});
 					},
-					children: (0, Z.jsx)(H, {
+					children: (0, Z.jsx)(U, {
 						icons: [e.spec],
 						size: 16
 					})
@@ -2908,7 +2908,7 @@ var ki = i("conditionalFormat.noCellIcon"), Ai = i("conditionalFormat.cellIcon")
 });
 Ni.displayName = "IconCatalogPanel";
 var Pi = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { icon: n, onPick: r, tooltip: i, ...a } = e, o = M();
+	let { icon: n, onPick: r, tooltip: i, ...a } = e, o = C();
 	return (0, Z.jsx)(Cn, {
 		ref: t,
 		createPopupPanel: (0, X.useCallback)((e) => {
@@ -2924,7 +2924,7 @@ var Pi = (0, X.memo)((0, X.forwardRef)((e, t) => {
 			});
 		}, [n, r]),
 		tooltip: i ?? o(Ai),
-		icon: (0, Z.jsx)(H, {
+		icon: (0, Z.jsx)(U, {
 			icons: [n],
 			size: 16
 		}),
@@ -2934,12 +2934,12 @@ var Pi = (0, X.memo)((0, X.forwardRef)((e, t) => {
 }));
 Pi.displayName = "IconPickerPopupButton";
 var Fi = [
-	z.ColorStopType.Percent,
-	z.ColorStopType.Num,
-	z.ColorStopType.Percentile,
-	z.ColorStopType.Formula
+	B.ColorStopType.Percent,
+	B.ColorStopType.Num,
+	B.ColorStopType.Percentile,
+	B.ColorStopType.Formula
 ], Ii = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = M(), o = t.iconSet ?? xe.IconSet.TrafficLights3, c = Oe(o).length === 0, l = t.stops ?? [], u = l.length, d = U(t), f = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = C(), s = t.iconSet ?? ve.IconSet.TrafficLights3, c = De(s).length === 0, l = t.stops ?? [], u = l.length, d = W(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);
@@ -2948,10 +2948,10 @@ var Fi = [
 			groups: Lt,
 			disabled: r,
 			onPick: (e) => {
-				t?.(), e.type === z.ScaleType.IconSet && e.iconSet && ((e) => {
-					if (e === o) return;
-					let t = We(e), n = l;
-					t !== l.length && (n = ze(t)), f({
+				t?.(), e.type === B.ScaleType.IconSet && e.iconSet && ((e) => {
+					if (e === s) return;
+					let t = Ue(e), n = l;
+					t !== l.length && (n = Re(t)), f({
 						iconSet: e,
 						stops: n,
 						icon: void 0
@@ -2963,8 +2963,8 @@ var Fi = [
 			...e,
 			children: n
 		});
-	}, [r, t]), m = s.camelToPrettyCase(o);
-	return (0, Z.jsxs)(F, {
+	}, [r, t]), m = o.camelToPrettyCase(s);
+	return (0, Z.jsxs)(I, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2972,7 +2972,7 @@ var Fi = [
 		},
 		...i,
 		children: [(0, Z.jsxs)(mi, { children: [
-			(0, Z.jsx)(F, {
+			(0, Z.jsx)(I, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -2983,7 +2983,7 @@ var Fi = [
 					disabled: r,
 					label: m,
 					tooltip: m,
-					icon: (0, Z.jsx)(F, {
+					icon: (0, Z.jsx)(I, {
 						sx: {
 							width: "82px",
 							display: "flex",
@@ -2993,8 +2993,8 @@ var Fi = [
 							variant: "caption",
 							noWrap: !0,
 							children: m
-						}) : (0, Z.jsx)(H, {
-							icons: Oe(o),
+						}) : (0, Z.jsx)(U, {
+							icons: De(s),
 							order: "descending",
 							size: 14,
 							gap: 3
@@ -3008,7 +3008,7 @@ var Fi = [
 				sx: { color: "text.secondary" },
 				children: a("conditionalFormat.adoptedIconSet")
 			}),
-			(0, Z.jsxs)(F, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					gap: 1
@@ -3049,7 +3049,7 @@ var Fi = [
 					leading: (0, Z.jsx)(Pi, {
 						icon: d[i] ?? null,
 						disabled: r || c,
-						onPick: (e) => n(De(t, a, e))
+						onPick: (e) => n(Ee(t, a, e))
 					}),
 					onStopChange: (e) => {
 						let t = l.slice();
@@ -3069,7 +3069,7 @@ var Li = (e, t, n) => Mt(e, t)?.toCSS("adaptive") ?? n, Ri = (e, t, n) => {
 	return Li(i.foreground ?? r.color ?? i.background, t, n);
 }, zi = (0, X.memo)((e) => {
 	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = Kt();
-	Ge(t, "onAnyChange");
+	We(t, "onAnyChange");
 	let o = t.getScale(), s = t.getStyle(), c = (0, X.useMemo)(() => {
 		try {
 			return i?.getStyles().getNormal().getFont().toCSS("adaptive") ?? {};
@@ -3077,9 +3077,9 @@ var Li = (e, t, n) => Mt(e, t)?.toCSS("adaptive") ?? n, Ri = (e, t, n) => {
 			return {};
 		}
 	}, [i, a]), l = (0, X.useMemo)(() => {
-		if (o?.type === z.ScaleType.ColorScale) return (0, Z.jsx)(Ht, { rows: $t(o.stops ?? [], Dt, i) });
-		if (o?.type === z.ScaleType.DataBar) return (0, Z.jsx)(Ht, { rows: Ut(o, Li(o.color, i, dn), o.borderColor ? Li(o.borderColor, i, dn) : void 0) });
-		if (o?.type === z.ScaleType.IconSet) return (0, Z.jsx)(F, {
+		if (o?.type === B.ScaleType.ColorScale) return (0, Z.jsx)(Ht, { rows: $t(o.stops ?? [], Dt, i) });
+		if (o?.type === B.ScaleType.DataBar) return (0, Z.jsx)(Ht, { rows: Ut(o, Li(o.color, i, dn), o.borderColor ? Li(o.borderColor, i, dn) : void 0) });
+		if (o?.type === B.ScaleType.IconSet) return (0, Z.jsx)(I, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -3088,15 +3088,15 @@ var Li = (e, t, n) => Mt(e, t)?.toCSS("adaptive") ?? n, Ri = (e, t, n) => {
 				height: "100%",
 				px: .5
 			},
-			children: (0, Z.jsx)(H, {
-				icons: U(o),
+			children: (0, Z.jsx)(U, {
+				icons: W(o),
 				order: "descending",
 				size: 14,
 				gap: 3
 			})
 		});
-		let e = s?.font, t = e?.underline && e.underline !== ve.UnderlineStyle.None;
-		return (0, Z.jsx)(F, {
+		let e = s?.font, t = e?.underline && e.underline !== ge.UnderlineStyle.None;
+		return (0, Z.jsx)(I, {
 			sx: {
 				width: "100%",
 				height: "100%",
@@ -3141,15 +3141,15 @@ var Bi = (e, t) => {
 	let n = e.getCondition()?.toString();
 	if (n) return n;
 	let r = e.getScale();
-	return r ? s.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
+	return r ? o.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
 }, Vi = {
-	classic: i("conditionalFormat.tab.classic"),
-	[z.ScaleType.ColorScale]: i("conditionalFormat.tab.colorScale"),
-	[z.ScaleType.DataBar]: i("conditionalFormat.tab.dataBars"),
-	[z.ScaleType.IconSet]: i("conditionalFormat.tab.iconSets")
+	classic: f("conditionalFormat.tab.classic"),
+	[B.ScaleType.ColorScale]: f("conditionalFormat.tab.colorScale"),
+	[B.ScaleType.DataBar]: f("conditionalFormat.tab.dataBars"),
+	[B.ScaleType.IconSet]: f("conditionalFormat.tab.iconSets")
 }, Hi = (0, X.memo)((e) => {
-	let { conditionalFormat: t } = e, n = M();
-	Ge(t, "onAnyChange");
+	let { conditionalFormat: t } = e, n = C();
+	We(t, "onAnyChange");
 	let r = t.getScale(), i = t.getCondition(), a = t.getStyle(), o = t.isProtected(), s = r?.type ?? "classic", c = (0, X.useRef)({ scales: {} }), l = (e) => {
 		t.update({ scale: e });
 	}, u = (0, Z.jsxs)(st, {
@@ -3166,7 +3166,7 @@ var Bi = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Z.jsxs)(F, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -3174,7 +3174,7 @@ var Bi = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Z.jsxs)(F, {
+				children: [(0, Z.jsxs)(I, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -3202,14 +3202,14 @@ var Bi = (e, t) => {
 					o || ((e) => {
 						if (e !== s) if (s === "classic" ? (c.current.condition = i?.toJSON() ?? null, c.current.style = a) : r && (c.current.scales[r.type] = r), e === "classic") t.update({
 							condition: c.current.condition ?? {
-								operator: B.BuiltInOperatorNames.Between,
+								operator: V.BuiltInOperatorNames.Between,
 								param: null
 							},
 							style: c.current.style ?? null,
 							scale: null
 						});
 						else {
-							let n = c.current.scales[e] ?? (e === z.ScaleType.ColorScale ? $e() : e === z.ScaleType.DataBar ? Me() : we());
+							let n = c.current.scales[e] ?? (e === B.ScaleType.ColorScale ? Qe() : e === B.ScaleType.DataBar ? je() : Ce());
 							t.update({
 								scale: n,
 								condition: null,
@@ -3248,22 +3248,22 @@ var Bi = (e, t) => {
 				readOnly: o,
 				onConditionChange: (e) => t.setCondition(e)
 			})] }),
-			r?.type === z.ScaleType.ColorScale && (0, Z.jsx)(wi, {
+			r?.type === B.ScaleType.ColorScale && (0, Z.jsx)(wi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === z.ScaleType.DataBar && (0, Z.jsx)(Oi, {
+			r?.type === B.ScaleType.DataBar && (0, Z.jsx)(Oi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === z.ScaleType.IconSet && (0, Z.jsx)(Ii, {
+			r?.type === B.ScaleType.IconSet && (0, Z.jsx)(Ii, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			s === "classic" && (0, Z.jsx)(F, {
+			s === "classic" && (0, Z.jsx)(I, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -3289,8 +3289,8 @@ var Bi = (e, t) => {
 });
 Hi.displayName = "ConditionalFormatEditorPanel";
 var Ui = (0, X.memo)(({ item: e }) => {
-	let t = M();
-	return Ge(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(F, {
+	let t = C();
+	return We(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(I, {
 		sx: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -3311,25 +3311,25 @@ var Ui = (0, X.memo)(({ item: e }) => {
 Ui.displayName = "StopIfTrueBadge";
 var Wi = (0, X.memo)(({ item: e }) => (0, Z.jsx)(It, {
 	item: e,
-	label: M()("conditionalFormat.applyTo"),
+	label: C()("conditionalFormat.applyTo"),
 	helperText: null
 }));
 Wi.displayName = "ConditionalFormatCardRanges";
 var Gi = {
 	key: "conditional-format",
 	messageKeys: {
-		none: i("conditionalFormat.none"),
-		addPrompt: i("conditionalFormat.addPrompt"),
-		heading: i("conditionalFormat.heading"),
-		insert: i("conditionalFormat.insert"),
-		new: i("conditionalFormat.new"),
-		moveUp: i("conditionalFormat.moveUp"),
-		moveDown: i("conditionalFormat.moveDown"),
-		edit: i("conditionalFormat.edit"),
-		duplicate: i("conditionalFormat.duplicate"),
-		delete: i("conditionalFormat.delete"),
-		cancel: i("conditionalFormat.cancel"),
-		save: i("conditionalFormat.save")
+		none: f("conditionalFormat.none"),
+		addPrompt: f("conditionalFormat.addPrompt"),
+		heading: f("conditionalFormat.heading"),
+		insert: f("conditionalFormat.insert"),
+		new: f("conditionalFormat.new"),
+		moveUp: f("conditionalFormat.moveUp"),
+		moveDown: f("conditionalFormat.moveDown"),
+		edit: f("conditionalFormat.edit"),
+		duplicate: f("conditionalFormat.duplicate"),
+		delete: f("conditionalFormat.delete"),
+		cancel: f("conditionalFormat.cancel"),
+		save: f("conditionalFormat.save")
 	},
 	getCollection: (e) => e.getConditionalFormats(),
 	changeEvents: ["onConditionalFormatsChange"],
@@ -4247,14 +4247,14 @@ var ro = (0, X.memo)(no), io = Na({ wrappedRoot: {
 	checkIcon: "_checkIcon_h0jnt_42",
 	button: "_button_h0jnt_47"
 }, _o = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { id: n, message: r, iconVariant: i, error: a, hideIconVariant: o, ...s } = e, c = M(), { closeSnackbar: l } = ho(), [u, f] = (0, X.useState)(!1), h = a ? d.collectErrorChain(a, !0)?.[0]?.error : void 0, g = h && !(h instanceof p), _ = (0, X.useCallback)(() => {
-		f((e) => !e);
+	let { id: n, message: r, iconVariant: i, error: a, hideIconVariant: o, ...c } = e, u = C(), { closeSnackbar: d } = ho(), [f, p] = (0, X.useState)(!1), h = a ? s.collectErrorChain(a, !0)?.[0]?.error : void 0, g = h && !(h instanceof l), _ = (0, X.useCallback)(() => {
+		p((e) => !e);
 	}, []), v = (0, X.useCallback)(() => {
-		l(n);
-	}, [n, l]), y = h?.message;
+		d(n);
+	}, [n, d]), y = h?.message;
 	return !y && (0, X.isValidElement)(r) && (y = r), y || typeof r != "string" || (y = r), y ||= `Unknown Error: ${r}`, (0, Z.jsx)(Ja, {
 		ref: t,
-		className: L(go.root, "error-snackbar"),
+		className: R(go.root, "error-snackbar"),
 		children: (0, Z.jsxs)(fr, {
 			className: go.card,
 			style: {
@@ -4275,13 +4275,13 @@ var ro = (0, X.memo)(no), io = Na({ wrappedRoot: {
 					(0, Z.jsx)("div", { style: { flex: "1 1 auto" } }),
 					(0, Z.jsxs)("div", {
 						className: go.icons,
-						children: [g ? (0, Z.jsx)(rt, {
-							"aria-label": c("toast.showMore"),
+						children: [g ? (0, Z.jsx)(nt, {
+							"aria-label": u("toast.showMore"),
 							size: "small",
-							className: L(go.expand, { [go.expandOpen]: u }),
+							className: R(go.expand, { [go.expandOpen]: f }),
 							onClick: _,
 							children: (0, Z.jsx)(m, { iconKey: "ExpandMore" })
-						}) : null, (0, Z.jsx)(rt, {
+						}) : null, (0, Z.jsx)(nt, {
 							size: "small",
 							className: go.expand,
 							onClick: v,
@@ -4292,8 +4292,8 @@ var ro = (0, X.memo)(no), io = Na({ wrappedRoot: {
 						})]
 					})
 				]
-			}), g ? (0, Z.jsx)(pe, {
-				in: u,
+			}), g ? (0, Z.jsx)(fe, {
+				in: f,
 				timeout: "auto",
 				children: (0, Z.jsx)("div", {
 					className: go.stackTraceContainer,
@@ -4313,8 +4313,8 @@ var ro = (0, X.memo)(no), io = Na({ wrappedRoot: {
 _o.displayName = "ToastError";
 var vo = (0, Z.jsx)(() => (0, Z.jsx)(pt, {
 	label: "SheetXL",
-	description: M()("logo.description"),
-	children: (0, Z.jsx)(F, {
+	description: C()("logo.description"),
+	children: (0, Z.jsx)(I, {
 		component: "a",
 		href: "https://www.sheetxl.com",
 		target: "_blank",
@@ -4327,14 +4327,14 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(pt, {
 			marginLeft: "6px",
 			cursor: "pointer"
 		},
-		children: (0, Z.jsx)(Qe, { style: {
+		children: (0, Z.jsx)(Ze, { style: {
 			width: "24px",
 			height: "24px"
 		} })
 	})
 }), {}), yo = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { workbook: n, className: r, logo: i = vo, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = fe(), d = u < 530, f = (0, X.useRef)(null);
-	return (0, Z.jsx)(F, {
+	let { workbook: n, className: r, logo: i = vo, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = de(), d = u < 530, f = (0, X.useRef)(null);
+	return (0, Z.jsx)(I, {
 		...c,
 		ref: Wt([
 			f,
@@ -4344,7 +4344,7 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(pt, {
 		className: r,
 		children: en({
 			isCompact: d,
-			wrapperSelect: (e) => (0, Z.jsxs)(F, {
+			wrapperSelect: (e) => (0, Z.jsxs)(I, {
 				sx: {
 					display: "grid",
 					gridTemplateColumns: "1fr auto 1fr",
@@ -4355,7 +4355,7 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(pt, {
 					paddingRight: (e) => e.spacing(1)
 				},
 				children: [
-					(0, Z.jsxs)(F, {
+					(0, Z.jsxs)(I, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4363,7 +4363,7 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(pt, {
 							justifyContent: "start",
 							gap: (e) => e.spacing(.5)
 						},
-						children: [i, (0, Z.jsxs)(F, {
+						children: [i, (0, Z.jsxs)(I, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -4373,7 +4373,7 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(pt, {
 							children: [o, e]
 						})]
 					}),
-					(0, Z.jsx)(F, {
+					(0, Z.jsx)(I, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4384,7 +4384,7 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(pt, {
 						},
 						children: a
 					}),
-					(0, Z.jsx)(F, {
+					(0, Z.jsx)(I, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
@@ -4400,8 +4400,8 @@ var vo = (0, Z.jsx)(() => (0, Z.jsx)(pt, {
 yo.displayName = "StudioToolbar";
 var bo = (e, t) => {
 	let n = new URL(window.location.pathname, window.location.origin);
-	e && n.searchParams.set("source", e), e && t && n.searchParams.set("title", t), window.open(n.toString(), "sheetxl-" + s.uuidV4(), "popup=true");
-}, xo = Nn(f("studio:shortcutKeysDialog", () => import("./bvuPDJZmI2O5oihy2.mjs")).load);
+	e && n.searchParams.set("source", e), e && t && n.searchParams.set("title", t), window.open(n.toString(), "sheetxl-" + o.uuidV4(), "popup=true");
+}, xo = Nn(d("studio:shortcutKeysDialog", () => import("./B1uljoK1sRsKmI6N2.mjs")).load);
 At(), Ot();
 var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 	let t = (e) => {
@@ -4413,7 +4413,7 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 		}
 	}, n = (e, n) => {
 		let r = t(e);
-		return typeof r == "string" ? c(r, n, o.getActive()) : void 0;
+		return typeof r == "string" ? a(r, n, i.getActive()) : void 0;
 	}, r = [];
 	for (let i of e.names()) if (!So.has(i)) for (let a of e.keys(i)) {
 		let o = e.resolveDefinition(i, a);
@@ -4425,29 +4425,29 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 				getDescription: () => n(o?.description, o?.params) ?? "",
 				getShortcut: () => t(o?.shortcut) ?? null,
 				getScope: () => i,
-				getScopeLabel: () => ee.DefaultCommandCatalogService.getScopeLabel(i)
+				getScopeLabel: () => S.DefaultCommandCatalogService.getScopeLabel(i)
 			}
 		});
 	}
 	return { getAllCommands: () => r };
 }, wo = (e) => {
-	let { children: t, workbook: n, setWorkbook: r, workbookTitle: s, isDirty: c, refSave: l } = e, d = ee.useCommandScope(), f = te(), { showModal: p } = Sn(), m = M(), h = (0, X.useRef)(c);
-	h.current = c;
-	let g = A(() => {
-		let e = d?.getRoot().getRegistry();
+	let { children: t, workbook: n, setWorkbook: r, workbookTitle: a, isDirty: o, refSave: s } = e, l = S.useCommandScope(), u = ae(), { showModal: d } = Sn(), m = C(), h = (0, X.useRef)(o);
+	h.current = o;
+	let _ = D(() => {
+		let e = l?.getRoot().getRegistry();
 		if (!e) return;
-		let t = p(xo, {
+		let t = d(xo, {
 			title: m("dialog.shortcutKeys.title"),
 			commands: Co(e),
 			onDone: () => t.hide(),
 			onLoadError: (e) => {
-				t.destroy(), f.showError(e);
+				t.destroy(), u.showError(e);
 			}
 		});
-	}, [d, p]);
+	}, [l, d]);
 	(0, X.useEffect)(() => {
-		if (!d) return;
-		let e = d.getRoot().contribution();
+		if (!l) return;
+		let e = l.getRoot().contribution();
 		return function(e, t) {
 			let n = () => t.showShortcuts();
 			e.updateCommand("showKeyboardShortcuts", { callback: n }), e.updateCommand("help", { callback: n });
@@ -4459,12 +4459,12 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 			})) e.updateCommand(t, { callback: () => {
 				window?.open(n);
 			} });
-		}(e, { showShortcuts: g }), () => e.remove();
-	}, [d, g]);
-	let v = kt("(prefers-color-scheme: dark)"), { themeMode: y } = _(), [b, x] = ie(Fe.Mode, null), [S, C] = ie(Fe.DarkGrid, !1), [T, E] = ie(Fe.DarkImages, !1);
+		}(e, { showShortcuts: _ }), () => e.remove();
+	}, [l, _]);
+	let v = kt("(prefers-color-scheme: dark)"), { themeMode: b } = T(), [x, w] = y(Pe.Mode, null), [E, O] = y(Pe.DarkGrid, !1), [ee, te] = y(Pe.DarkImages, !1);
 	(0, X.useEffect)(() => {
-		if (!d) return;
-		let e = d.getRoot().contribution();
+		if (!l) return;
+		let e = l.getRoot().contribution();
 		return function(e, t) {
 			e.updateCommand("themeMode", {
 				state: t.mode ?? null,
@@ -4483,32 +4483,32 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 				callback: () => t.setEnableDarkImages((e) => !e)
 			});
 		}(e, {
-			mode: b,
-			setMode: x,
-			isDark: b === "dark" || !b && y === "dark",
+			mode: x,
+			setMode: w,
+			isDark: x === "dark" || !x && b === "dark",
 			systemDefaultDark: v,
-			enableDarkGrid: S,
-			setEnableDarkGrid: C,
-			enableDarkImages: T,
-			setEnableDarkImages: E
+			enableDarkGrid: E,
+			setEnableDarkGrid: O,
+			enableDarkImages: ee,
+			setEnableDarkImages: te
 		}), () => e.remove();
 	}, [
-		d,
+		l,
+		x,
 		b,
-		y,
 		v,
-		S,
-		T,
-		x,
-		C,
-		E
+		E,
+		ee,
+		w,
+		O,
+		te
 	]);
-	let [O, k] = ie(w.Active, null), [j, N] = (0, X.useState)(() => o.getActive());
-	(0, X.useEffect)(() => o.addChangeListener(N), []), (0, X.useEffect)(() => {
-		O && O !== o.getActive() && o.setActive(O);
-	}, [O]), (0, X.useEffect)(() => {
-		if (!d) return;
-		let e = d.getRoot().contribution();
+	let [k, A] = y(g.Active, null), [j, ne] = (0, X.useState)(() => i.getActive());
+	(0, X.useEffect)(() => i.addChangeListener(ne), []), (0, X.useEffect)(() => {
+		k && k !== i.getActive() && i.setActive(k);
+	}, [k]), (0, X.useEffect)(() => {
+		if (!l) return;
+		let e = l.getRoot().contribution();
 		return function(e, t) {
 			e.updateCommand("language", {
 				state: t.active,
@@ -4519,22 +4519,22 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 		}(e, {
 			active: j,
 			setActive: (e) => {
-				k(e);
+				A(e);
 			}
 		}), () => e.remove();
 	}, [
-		d,
+		l,
 		j,
-		k
+		A
 	]);
-	let { isFullscreenAvailable: re, isFullscreenEnabled: ae, toggleFullscreen: P } = ne();
+	let { isFullscreenAvailable: re, isFullscreenEnabled: M, toggleFullscreen: N } = ie();
 	(0, X.useEffect)(() => {
-		if (!d) return;
-		let e = d.getRoot().contribution();
+		if (!l) return;
+		let e = l.getRoot().contribution();
 		return function(e, t) {
 			e.updateCommand("fullScreenToggle", {
 				state: t.isFullscreenEnabled,
-				disabledReasons: t.isFullscreenAvailable ? [] : [i("reason.fullscreenUnavailable")],
+				disabledReasons: t.isFullscreenAvailable ? [] : [f("reason.fullscreenUnavailable")],
 				icon: t.isFullscreenEnabled ? "FullScreenOff" : "FullScreen",
 				callback: () => {
 					t.toggleFullscreen();
@@ -4542,52 +4542,52 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 			});
 		}(e, {
 			isFullscreenAvailable: re,
-			isFullscreenEnabled: ae,
-			toggleFullscreen: P
+			isFullscreenEnabled: M,
+			toggleFullscreen: N
 		}), () => e.remove();
 	}, [
-		d,
+		l,
 		re,
-		ae,
-		P
+		M,
+		N
 	]);
-	let oe = Xe(!0);
+	let P = Ye(!0);
 	return (0, X.useEffect)(() => {
-		if (!d) return;
-		let e = d.getRoot().contribution();
+		if (!l) return;
+		let e = l.getRoot().contribution();
 		return function(e) {
 			e.updateCommand("protectWorkbook", {
 				tags: ["noTransaction", "noRepeat"],
 				callback: () => {
 					((e, t) => {
-						oe.activate(e, t);
+						P.activate(e, t);
 					})("manageProtection", { args: { tab: "workbook" } });
 				}
 			});
 		}(e), () => e.remove();
-	}, [d, oe]), (0, X.useEffect)(() => {
-		if (!d || !n) return;
-		let e = d.getRoot().contribution(), t = function(e, t) {
-			let { workbook: n, setWorkbook: r, workbookTitle: o = "export", isDirty: s, notifier: c, refSave: l } = t, d = !1, f = async (e = null, t = null, n = null) => {
-				let r, i = [], o = {
+	}, [l, P]), (0, X.useEffect)(() => {
+		if (!l || !n) return;
+		let e = l.getRoot().contribution(), t = function(e, t) {
+			let { workbook: n, setWorkbook: r, workbookTitle: i = "export", isDirty: a, notifier: o, refSave: s } = t, l = !1, u = async (e = null, t = null, n = null) => {
+				let r, i = [], a = {
 					source: e && typeof e != "string" ? e : null,
 					typedCreateWorkbookOptions: t ?? void 0,
 					onPassword: async ({ origin: e, validate: t }) => {
-						let n = await c.showInput({
-							title: a("dialog.password.title"),
-							description: a("dialog.password.open.description", { name: e.getName() ?? "" }),
+						let n = await o.showInput({
+							title: p("dialog.password.title"),
+							description: p("dialog.password.open.description", { name: e.getName() ?? "" }),
 							inputType: "password",
 							options: [{
 								id: "Open",
-								label: () => a("dialog.open")
+								label: () => p("dialog.open")
 							}, "Cancel"],
 							defaultOption: "Open",
 							onValidateInput: async (e, n) => n === void 0 ? { valid: !0 } : e ? await t(e) ? { valid: !0 } : {
 								valid: !1,
-								message: a("dialog.password.open.retry")
+								message: p("dialog.password.open.retry")
 							} : {
 								valid: !1,
-								message: a("dialog.password.open.required")
+								message: p("dialog.password.open.required")
 							}
 						});
 						return n?.option === "Open" ? n.input ?? null : null;
@@ -4596,13 +4596,13 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 						i.push(e);
 					} }
 				};
-				n && (o.progress.onStart = n);
+				n && (a.progress.onStart = n);
 				let s = -5;
-				return V.read({
-					...o,
+				return H.read({
+					...a,
 					progress: {
 						async onStart(e, t) {
-							await o?.progress?.onStart?.(e, t), r = await c?.showBusy?.(a("workbook.opening", { name: e?.getName() ?? "" })), t && r?.setProgress?.(0, t);
+							await a?.progress?.onStart?.(e, t), r = await o?.showBusy?.(p("workbook.opening", { name: e?.getName() ?? "" })), t && r?.setProgress?.(0, t);
 						},
 						onProgress(e, t) {
 							if (!t) return;
@@ -4615,93 +4615,93 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 							n - s < 5 || (s = n, r?.setProgress?.(e, t));
 						},
 						onComplete() {
-							r?.(), i.length > 0 && (c.showMessage(a("workbook.importWarnings")), console.warn("Import warnings:\n" + i.join("\n")));
+							r?.(), i.length > 0 && (o.showMessage(p("workbook.importWarnings")), console.warn("Import warnings:\n" + i.join("\n")));
 						},
 						onWarning(e, t) {
-							o?.progress?.onWarning?.(e, t);
+							a?.progress?.onWarning?.(e, t);
 						}
 					}
 				});
-			}, p = async (e, t, n = !1, r) => {
-				let i, s, l = {
+			}, d = async (e, t, n = !1, r) => {
+				let a, s, c = {
 					format: t?.key,
 					progress: {
 						async onStart(e) {
-							i = await c?.showBusy?.(a("workbook.saving", { name: e?.getName() ?? "" }));
+							a = await o?.showBusy?.(p("workbook.saving", { name: e?.getName() ?? "" }));
 						},
 						onComplete() {
-							i?.();
+							a?.();
 						}
 					},
 					onWarnings: r ?? (async ({ warnings: e, origin: t, canCancel: n }) => {
-						i?.(), console.warn(`Not written to '${t.getName()}':\n${e.map((e) => `  ${e.message}`).join("\n")}`);
-						let r = a("dialog.writeWarnings.title"), o = t.getFormat(), s = (o ? (await V.getWriteFormats({ search: o }))[0] : void 0)?.description ?? o ?? "", l = a("dialog.writeWarnings.keep");
-						return n ? await c.showOptions({
+						a?.(), console.warn(`Not written to '${t.getName()}':\n${e.map((e) => `  ${e.message}`).join("\n")}`);
+						let r = p("dialog.writeWarnings.title"), i = t.getFormat(), s = (i ? (await H.getWriteFormats({ search: i }))[0] : void 0)?.description ?? i ?? "", c = p("dialog.writeWarnings.keep");
+						return n ? await o.showOptions({
 							title: r,
-							type: D.Warning,
-							description: `${a("dialog.writeWarnings.confirm", { format: s })}\n\n${l}`,
+							type: oe.Warning,
+							description: `${p("dialog.writeWarnings.confirm", { format: s })}\n\n${c}`,
 							options: [{
 								id: "Save",
-								label: () => a("dialog.save")
+								label: () => p("dialog.save")
 							}, "Cancel"],
 							defaultOption: "Cancel"
-						}) === "Save" && (i = await c?.showBusy?.(a("workbook.saving", { name: t?.getName() ?? "" })), !0) : (c.showOptions({
+						}) === "Save" && (a = await o?.showBusy?.(p("workbook.saving", { name: t?.getName() ?? "" })), !0) : (o.showOptions({
 							title: r,
-							type: D.Warning,
-							description: `${a("dialog.writeWarnings.saved", { format: s })}\n\n${l}`,
+							type: oe.Warning,
+							description: `${p("dialog.writeWarnings.saved", { format: s })}\n\n${c}`,
 							options: ["Ok"]
 						}), !0);
 					})
 				};
 				if (n) {
-					let n = e.getOrigin(), r = t?.exts?.[0] ?? (n.getExtension() || "sxl"), i = `${o || n.getName() || a("workbook.defaultName")}.${r}`;
-					s = await V.writeAs(e, i, {
-						...l,
+					let n = e.getOrigin(), r = t?.exts?.[0] ?? (n.getExtension() || "sxl"), a = `${i || n.getName() || p("workbook.defaultName")}.${r}`;
+					s = await H.writeAs(e, a, {
+						...c,
 						prompt: !0
 					});
-				} else s = await V.write(e, void 0, l);
+				} else s = await H.write(e, void 0, c);
 				return s;
 			}, m = null;
 			return e.updateCommand("newWorkbook", { callback: async (e) => {
-				let t = V.canRead() && !s();
+				let t = H.canRead() && !a();
 				e?.source ? t && m ? await m({
 					url: e.source,
 					title: e.title
 				}) : bo(e.source, e.title) : t ? r({}) : bo();
 			} }), e.updateCommand("closeWorkbook", { callback: async () => {
-				s() && await c.showOptions({
-					title: a("dialog.confirm.title"),
-					description: a("dialog.unsavedChanges"),
+				a() && await o.showOptions({
+					title: p("dialog.confirm.title"),
+					description: p("dialog.unsavedChanges"),
 					options: [{
 						id: "Close",
-						label: () => a("dialog.close")
+						label: () => p("dialog.close")
 					}, "Cancel"],
 					defaultOption: "Cancel"
 				}) !== "Close" || window.close();
 			} }), (async () => {
-				let t = await V.getWriteFormats();
-				if (d) return;
-				let o = V.canWrite(), h = V.canRead();
-				if (o) {
+				let t = await H.getWriteFormats();
+				if (l) return;
+				let i = H.canWrite(), h = H.canRead();
+				if (i) {
 					let r = (e) => {
 						let r = e ? t.find((t) => t.key === e) : void 0;
-						p(n, r, !0).catch((e) => c.showError(e));
+						d(n, r, !0).catch((e) => o.showError(e));
 					};
 					e.updateCommand("saveWorkbook", { callback: () => {
-						p(n, void 0, !1).catch((e) => c.showError(e));
-					} }), l && (l.current = (e) => p(n, void 0, !1, e?.onWarnings)), e.updateCommand("saveWorkbookAs", { callback: (e) => {
+						d(n, void 0, !1).catch((e) => o.showError(e));
+					} }), s && (s.current = (e) => d(n, void 0, !1, e?.onWarnings)), e.updateCommand("saveWorkbookAs", { callback: (e) => {
 						r(e);
 					} });
 					for (let n of t) {
 						let t = n.key;
 						e.updateCommand(`saveWorkbookAs${t}`, {
-							label: () => a("command.saveAsFormat.label", { format: n.description }),
+							label: () => p("command.saveAsFormat.label", { format: n.description }),
 							groupLabels: {
-								workbook: () => a("command.saveAsFormat.workbook", { format: n.description }),
-								saveWorkbookOptions: () => a("command.saveAsFormat.compact", { format: n.description })
+								workbook: () => p("command.saveAsFormat.workbook", { format: n.description }),
+								saveWorkbookOptions: () => p("command.saveAsFormat.compact", { format: n.description })
 							},
 							tags: n.tags,
-							description: () => a("command.saveAsFormat", { format: n.description }),
+							description: () => p("command.saveAsFormat", { format: n.description }),
 							icon: t === "CSV" ? "FileDownloadAsCSV" : t === "Excel" ? "FileDownloadAsExcel" : "FileDownloadAsSheet",
 							callback: () => {
 								r(t);
@@ -4715,46 +4715,46 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 						...n.options
 					} };
 					try {
-						let r = "", a = await f(e, t, async (e) => {
+						let r = "", i = await u(e, t, async (e) => {
 							r = e?.getName() ?? "";
 						});
-						if (!a) return;
-						let o = a.getSheets().getItems();
+						if (!i) return;
+						let a = i.getSheets().getItems();
 						await n.doBatch(async () => {
-							for (let e = 0; e < o.length; e++) {
-								let t = o[e], i = o.length === 1 ? r : t.getName(), a = n.findValidSheetName(i);
+							for (let e = 0; e < a.length; e++) {
+								let t = a[e], i = a.length === 1 ? r : t.getName(), o = n.findValidSheetName(i);
 								await n.getSheets().add({
-									name: a,
-									autoSelect: e === o.length - 1
+									name: o,
+									autoSelect: e === a.length - 1
 								}).getEntireRange().copyFrom(t.getEntireRange());
 							}
-						}, i("op.importData")), a.close();
+						}, f("op.importData")), i.close();
 					} catch (e) {
-						c.showError(e);
+						o.showError(e);
 					}
 				};
 				if (e.updateCommand("insertDataFromFile", {
 					tags: ["noTransaction", "noRepeat"],
 					callback: async (e = null) => {
 						let t = e;
-						if (t || V.canRead() || (t = await (async () => {
-							let e = await V.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
-							return u.openFileDialog(t.length ? t.join(",") : "*.*");
+						if (t || H.canRead() || (t = await (async () => {
+							let e = await H.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
+							return c.openFileDialog(t.length ? t.join(",") : "*.*");
 						})(), t)) return g(t);
 					}
 				}), e.updateCommand("insertDataFromURL", {
 					tags: ["noTransaction", "noRepeat"],
 					callback: async (e) => {
 						if (!e) {
-							let t = await c.showInput({
-								title: a("dialog.importFromWeb.title"),
-								description: a("dialog.importFromWeb.description"),
-								inputLabel: a("dialog.webAddress.inputLabel"),
+							let t = await o.showInput({
+								title: p("dialog.importFromWeb.title"),
+								description: p("dialog.importFromWeb.description"),
+								inputLabel: p("dialog.webAddress.inputLabel"),
 								initialValue: "https://www.sheetxl.com/docs/examples/financial-calculators.xlsx",
 								propsInput: { style: { minWidth: "440px" } },
 								options: [{
 									id: "Import",
-									label: () => a("dialog.import")
+									label: () => p("dialog.import")
 								}]
 							});
 							if (t.option !== "Import") return;
@@ -4766,16 +4766,16 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 							let n = await t.blob(), r = decodeURIComponent(e.split("/").pop()?.split("?")[0] || "") || "import.xlsx";
 							await g(new File([n], r, { type: n.type }));
 						} catch (e) {
-							c.showError(e);
+							o.showError(e);
 						}
 					}
 				}), h) {
-					let t = async () => !s() || await c.showOptions({
-						title: a("dialog.confirm.title"),
-						description: a("dialog.unsavedChanges"),
+					let t = async () => !a() || await o.showOptions({
+						title: p("dialog.confirm.title"),
+						description: p("dialog.unsavedChanges"),
 						options: [{
 							id: "Open",
-							label: () => a("dialog.open")
+							label: () => p("dialog.open")
 						}, "Cancel"],
 						defaultOption: "Cancel"
 					}) === "Open", i = async (e = null) => {
@@ -4784,11 +4784,11 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 							...n.options
 						} };
 						try {
-							let n = await f(e, t);
+							let n = await u(e, t);
 							if (!n) return;
 							r(n);
 						} catch (e) {
-							c.showError(e);
+							o.showError(e);
 						}
 					};
 					e.updateCommand("openWorkbook", { callback: async (e = null) => {
@@ -4796,15 +4796,15 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 					} }), m = async (e) => {
 						let n = typeof e == "string" ? e : e?.url, r = typeof e == "string" ? void 0 : e?.title;
 						if (!n) {
-							let e = await c.showInput({
-								title: a("dialog.openFromWeb.title"),
-								description: a("dialog.openFromWeb.description"),
-								inputLabel: a("dialog.webAddress.inputLabel"),
+							let e = await o.showInput({
+								title: p("dialog.openFromWeb.title"),
+								description: p("dialog.openFromWeb.description"),
+								inputLabel: p("dialog.webAddress.inputLabel"),
 								initialValue: "https://www.sheetxl.com/docs/examples/financial-calculators.xlsx",
 								propsInput: { style: { minWidth: "440px" } },
 								options: [{
 									id: "Open",
-									label: () => a("dialog.open")
+									label: () => p("dialog.open")
 								}]
 							});
 							if (e.option !== "Open") return;
@@ -4816,36 +4816,36 @@ var So = /* @__PURE__ */ new Set(["ui"]), Co = (e) => {
 							let t = await e.blob(), a = decodeURIComponent(n.split("/").pop()?.split("?")[0] || "") || "workbook.xlsx", o = a.match(/\.[^/.]+$/)?.[0] ?? "", s = r ? `${r}${o}` : a;
 							await i(new File([t], s, { type: t.type }));
 						} catch (e) {
-							c.showError(e);
+							o.showError(e);
 						}
 					}, e.updateCommand("openWorkbookFromUrl", { callback: m });
 				}
 			})(), () => {
-				d = !0, l && (l.current = null);
+				l = !0, s && (s.current = null);
 			};
 		}(e, {
 			workbook: n,
 			setWorkbook: r,
-			workbookTitle: s ?? void 0,
+			workbookTitle: a ?? void 0,
 			isDirty: () => h.current?.() ?? !1,
-			notifier: f,
-			refSave: l
+			notifier: u,
+			refSave: s
 		});
 		return () => {
 			t(), e.remove();
 		};
 	}, [
-		d,
+		l,
 		n,
 		r,
-		s,
-		f,
-		l
+		a,
+		u,
+		s
 	]), t;
 };
 wo.displayName = "StudioCommandProvider";
 var To = ({ renderWorkbook: e }) => {
-	let t = ee.useCommandResolver(), n = (0, X.useRef)(null), r = M(), [i, a] = (0, X.useState)(null), o = (0, X.useCallback)((e) => {
+	let t = S.useCommandResolver(), n = (0, X.useRef)(null), r = C(), [i, a] = (0, X.useState)(null), o = (0, X.useCallback)((e) => {
 		let n = e.dataTransfer;
 		if (t && n) {
 			if (e.type === "dragenter" || e.type === "dragover") {
@@ -4861,7 +4861,7 @@ var To = ({ renderWorkbook: e }) => {
 			}
 			e.preventDefault();
 		}
-	}, [t]), s = A((e) => {
+	}, [t]), s = D((e) => {
 		e.preventDefault();
 		let r = i;
 		if (a(null), r && t && (e.stopPropagation(), e.dataTransfer.files && e.dataTransfer.files.length > 0)) {
@@ -4886,7 +4886,7 @@ var To = ({ renderWorkbook: e }) => {
 					} }
 				});
 			} else {
-				if (!V.canRead()) return;
+				if (!H.canRead()) return;
 				let n = e.dataTransfer.items?.[0], i = typeof window < "u" && window.isSecureContext ? n?.getAsFileSystemHandle?.() : void 0;
 				i ? i.then((e) => t.execute("openWorkbook", e?.kind === "file" ? e : r)).catch(() => t.execute("openWorkbook", r)) : t.execute("openWorkbook", r);
 			}
@@ -4894,7 +4894,7 @@ var To = ({ renderWorkbook: e }) => {
 	}, [t, i]), c = (0, X.useMemo)(() => {
 		if (!i) return null;
 		let e = i === "insertImage";
-		return (0, Z.jsx)(F, {
+		return (0, Z.jsx)(I, {
 			className: "drop-overlay",
 			sx: {
 				position: "absolute",
@@ -4905,7 +4905,7 @@ var To = ({ renderWorkbook: e }) => {
 				display: "flex",
 				justifyContent: "center",
 				alignItems: "center",
-				backgroundColor: (e) => j(e.palette.primary.main, .46),
+				backgroundColor: (e) => k(e.palette.primary.main, .46),
 				outline: (e) => `2px dashed ${e.palette.primary.main}`,
 				outlineOffset: "-6px",
 				borderRadius: 2
@@ -4949,7 +4949,7 @@ var To = ({ renderWorkbook: e }) => {
 	}), c] });
 }, Eo = (0, X.memo)((e) => {
 	let { workbook: t, setWorkbook: n, refDocumentTitle: r, titleWorkbook: i, setWorkbookTitle: a, isDirty: o, initialCommandAnchor: s, renderWorkbook: c, refSave: l } = e;
-	return (0, Z.jsx)(Ve, {
+	return (0, Z.jsx)(Be, {
 		initialAnchor: s,
 		children: (0, Z.jsx)(wo, {
 			workbook: t,
@@ -4963,22 +4963,22 @@ var To = ({ renderWorkbook: e }) => {
 });
 Eo.displayName = "CommandsWrapper";
 var Do = {
-	sort: f("studio:sortDialog", () => import("./R2c8rUTz1GjCQEp-2.mjs"), { tier: "common" }).load,
-	hyperlink: f("studio:hyperlinkDialog", () => import("./BA6JMESdvw_1-mFg2.mjs"), { tier: "common" }).load,
-	comments: f("studio:commentsDialog", () => import("./DHzdEqMCGL_JPh9w2.mjs"), { tier: "common" }).load,
-	find: f("studio:findReplaceWindow", () => import("./BuSBBEiK_3KnBr632.mjs"), { tier: "common" }).load,
-	tableNew: f("studio:tableNewDialog", () => import("./iYNN3Px9AekrMEfu2.mjs"), { tier: "common" }).load,
-	namedDetails: f("studio:namedReferenceDialog", () => import("./BnFriW2cIcOJkXU42.mjs")).load,
-	insertFunction: f("studio:insertFunctionDialog", () => import("./gAriGKwELet15RCY2.mjs"), { tier: "common" }).load,
-	resizeHeader: f("studio:resizeHeaderDialog", () => import("./CA4eJpge9meoO0rj2.mjs")).load,
-	fillSeries: f("studio:fillSeriesDialog", () => import("./C3qSUuVA-FII3rMU2.mjs")).load,
-	workbookStatistics: f("studio:workbookStatisticsDialog", () => import("./BPt7dDNLBsKrZgzO2.mjs")).load,
-	password: f("studio:passwordDialog", () => import("./Be7--zCnU6JvLkK1.mjs").then((e) => e.t).then((e) => e.t)).load
+	sort: d("studio:sortDialog", () => import("./BEsIwguAjJa2eS4g2.mjs"), { tier: "common" }).load,
+	hyperlink: d("studio:hyperlinkDialog", () => import("./q4b66GxkR8TkSiGY2.mjs"), { tier: "common" }).load,
+	comments: d("studio:commentsDialog", () => import("./CXT9wGUombXj7n-s2.mjs"), { tier: "common" }).load,
+	find: d("studio:findReplaceWindow", () => import("./BZiMIYsX6zktg4iD2.mjs"), { tier: "common" }).load,
+	tableNew: d("studio:tableNewDialog", () => import("./CMIHnlRJ6ctaJThm2.mjs"), { tier: "common" }).load,
+	namedDetails: d("studio:namedReferenceDialog", () => import("./Dz6F8pPCO-Rr6Cab2.mjs")).load,
+	insertFunction: d("studio:insertFunctionDialog", () => import("./CZrkJteg0C4_fGBy2.mjs"), { tier: "common" }).load,
+	resizeHeader: d("studio:resizeHeaderDialog", () => import("./DmBNtqAUPAi3RnfW2.mjs")).load,
+	fillSeries: d("studio:fillSeriesDialog", () => import("./BCmGrMte2QyvzkAM2.mjs")).load,
+	workbookStatistics: d("studio:workbookStatisticsDialog", () => import("./BCYJaBOW6d6KNCuQ2.mjs")).load,
+	password: d("studio:passwordDialog", () => import("./B6wW3holuLEkDOgD.mjs").then((e) => e.t).then((e) => e.t)).load
 }, Oo = ["find"], ko = (0, X.memo)((e) => {
-	let { children: t } = e, n = ho(), r = n ? n.enqueueSnackbar : () => {}, i = n ? n.closeSnackbar : () => {}, a = (0, X.useRef)(/* @__PURE__ */ new Set()), o = (0, X.useRef)(null), c = (0, X.useRef)(null), [u, d] = (0, X.useState)({
+	let { children: t } = e, n = ho(), r = n ? n.enqueueSnackbar : () => {}, i = n ? n.closeSnackbar : () => {}, a = (0, X.useRef)(/* @__PURE__ */ new Set()), s = (0, X.useRef)(null), c = (0, X.useRef)(null), [l, d] = (0, X.useState)({
 		label: null,
 		progress: null
-	}), f = M(), p = s.EmptyObject, h = jn(p), g = Dn(p), _ = An(p), y = (0, X.useRef)(!1);
+	}), f = C(), p = o.EmptyObject, h = jn(p), g = Dn(p), v = An(p), y = (0, X.useRef)(!1);
 	(0, X.useEffect)(() => {
 		if (y.current) return;
 		y.current = !0;
@@ -4988,7 +4988,7 @@ var Do = {
 		return () => n(r);
 	}, []);
 	let b = (0, X.useRef)(/* @__PURE__ */ new Set());
-	return (0, Z.jsxs)(E, {
+	return (0, Z.jsxs)(le, {
 		notifier: (0, X.useMemo)(() => {
 			let e = (e, t) => {
 				if (t?.onceKey) {
@@ -4997,14 +4997,14 @@ var Do = {
 					e.add(t.onceKey), b.current = e;
 				}
 				let n = {
-					variant: t?.type ?? D.Info,
+					variant: t?.type ?? oe.Info,
 					anchorOrigin: {
 						vertical: "top",
 						horizontal: "center"
 					},
 					preventDuplicate: t?.preventDuplicate,
-					persist: t?.persist ?? t?.type === D.Error,
-					action: (e) => (0, Z.jsx)(rt, {
+					persist: t?.persist ?? t?.type === oe.Error,
+					action: (e) => (0, Z.jsx)(nt, {
 						onClick: () => i(e),
 						children: (0, Z.jsx)(m, { iconKey: "Cancel" })
 					})
@@ -5018,8 +5018,8 @@ var Do = {
 						...t,
 						label: e
 					});
-					let r = T(() => {
-						a.current.delete(n) && (a.current.size > 0 || (On(o.current), c.current = null, d((e) => e.label === null && e.progress === null ? e : {
+					let r = _(() => {
+						a.current.delete(n) && (a.current.size > 0 || (On(s.current), c.current = null, d((e) => e.label === null && e.progress === null ? e : {
 							label: null,
 							progress: null
 						})));
@@ -5030,11 +5030,11 @@ var Do = {
 							progress: n
 						});
 					}, (e) => {
-						c.current = e, typeof e == "string" ? kn(o.current, e) : d((t) => ({
+						c.current = e, typeof e == "string" ? kn(s.current, e) : d((t) => ({
 							...t,
 							label: e
 						}));
-					}), i = kn(o.current, typeof e == "string" ? e : void 0);
+					}), i = kn(s.current, typeof e == "string" ? e : void 0);
 					return i ? i.then(() => r) : r;
 				},
 				showWindow: (e, t) => {
@@ -5047,27 +5047,27 @@ var Do = {
 					}, h(e, Do[e], t);
 				},
 				showOptions: g,
-				showInput: _,
+				showInput: v,
 				showError: (t) => {
-					let n, r = D.Error, i = f("error.unknown");
-					typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = f(t.message))), t instanceof l && (r = D.Info), e(i, {
+					let n, r = oe.Error, i = f("error.unknown");
+					typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = f(t.message))), t instanceof u && (r = oe.Info), e(i, {
 						type: r,
 						enqueueProps: { error: n }
 					});
 				}
-			}, n = new v();
+			}, n = new ue();
 			return n.setOverrides(t), n;
 		}, [f]),
 		children: [(0, X.useMemo)(() => (0, Z.jsx)(Mn, {
-			ref: o,
+			ref: s,
 			autoStart: !1,
 			icon: (0, Z.jsx)(En, { sx: {
 				transform: "scale(0.7)",
 				marginLeft: "-6px"
 			} }),
 			panel: !0,
-			label: u.label ?? (typeof c.current == "string" ? c.current : void 0),
-			progress: u.progress,
+			label: l.label ?? (typeof c.current == "string" ? c.current : void 0),
+			progress: l.progress,
 			sx: {
 				position: "absolute",
 				left: "0",
@@ -5077,17 +5077,17 @@ var Do = {
 				zIndex: "9999",
 				pointerEvents: "none"
 			}
-		}), [u.label, u.progress]), t]
+		}), [l.label, l.progress]), t]
 	});
 });
 ko.displayName = "StudioNotifierProvider";
 var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", jo = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = et, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", h = (0, X.useMemo)(() => i.map((t) => {
+	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = $e, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", h = (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)(m, { iconKey: r }));
-		let i = t === o, a = r ? (0, Z.jsx)(F, {
+		let i = t === o, a = r ? (0, Z.jsx)(I, {
 			sx: {
 				display: "inline-block",
 				transform: p ? "rotate(-90deg)" : "rotate(90deg)",
@@ -5095,14 +5095,14 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				color: (e) => e.palette.text.secondary
 			},
 			children: r
-		}) : null, c = !r || !l && i, u = (0, Z.jsx)(F, {
+		}) : null, c = !r || !l && i, u = (0, Z.jsx)(I, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: c ? "1fr" : "0fr",
 				opacity: +!!c,
 				transition: (e) => e.transitions.create(["grid-template-columns", "opacity"], { duration: e.transitions.duration.short })
 			},
-			children: (0, Z.jsx)(F, {
+			children: (0, Z.jsx)(I, {
 				sx: {
 					overflow: "hidden",
 					minWidth: 0,
@@ -5127,7 +5127,7 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				disableInteractive: !0,
 				title: n.getTitle() ?? "",
 				placement: "left-start",
-				children: (0, Z.jsxs)(F, {
+				children: (0, Z.jsxs)(I, {
 					sx: {
 						padding: "0px 0px",
 						writingMode: p ? "vertical-lr" : "vertical-rl",
@@ -5147,7 +5147,7 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				minHeight: "0px",
 				borderRadius: "4px"
 			},
-			className: L("taskpane-strip-item", { "Mui-selected": i }),
+			className: R("taskpane-strip-item", { "Mui-selected": i }),
 			onClick: () => e.onSelect(t)
 		}, t);
 	}), [
@@ -5157,11 +5157,11 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		s,
 		p,
 		l,
-		C()
+		F()
 	]);
-	return (0, Z.jsx)(F, {
-		ref: I(t, () => ({ isTaskPaneStrip: () => !0 }), []),
-		className: (0, X.useMemo)(() => L("taskpane-strip", d), [d]),
+	return (0, Z.jsx)(I, {
+		ref: ce(t, () => ({ isTaskPaneStrip: () => !0 }), []),
+		className: (0, X.useMemo)(() => R("taskpane-strip", d), [d]),
 		sx: {
 			paddingLeft: p ? void 0 : "2px",
 			paddingRight: p ? "2px" : void 0,
@@ -5188,9 +5188,9 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		})
 	});
 })), Mo = (e) => {
-	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, X.useRef)(null), c = M();
+	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, X.useRef)(null), c = C();
 	return (0, Z.jsx)(at, {
-		className: L({ "Mui-selected": a }),
+		className: R({ "Mui-selected": a }),
 		sx: {
 			display: "flex",
 			flex: "1 1 %0",
@@ -5204,11 +5204,11 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				opacity: 1,
 				transitionDuration: (e) => e.transitions.duration.shortest / 2 + "ms"
 			},
-			backgroundColor: (e) => j(e.palette.action.hover, .03),
+			backgroundColor: (e) => k(e.palette.action.hover, .03),
 			borderBottom: `solid ${Ao} 1px`
 		},
 		...o,
-		children: (0, Z.jsxs)(F, {
+		children: (0, Z.jsxs)(I, {
 			sx: {
 				display: "flex",
 				flex: "1 1 10%",
@@ -5219,7 +5219,7 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				marginLeft: (e) => e.spacing(1),
 				marginRight: (e) => e.spacing(1)
 			},
-			children: [(0, Z.jsx)(F, {
+			children: [(0, Z.jsx)(I, {
 				sx: {
 					flex: "1 1 100%",
 					paddingLeft: (e) => e.spacing(1)
@@ -5227,7 +5227,7 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				children: t
 			}), (0, Z.jsx)(pt, {
 				label: c("taskPane.close"),
-				children: (0, Z.jsx)(rt, {
+				children: (0, Z.jsx)(nt, {
 					"aria-label": "close",
 					sx: { color: (e) => e.palette.text.icon ?? e.palette.action.active },
 					touchRippleRef: s,
@@ -5243,8 +5243,8 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		})
 	});
 }, No = (0, X.forwardRef)((e, t) => {
-	let { model: n, side: r, ...i } = e, a = oe();
-	return (0, Z.jsx)(W, {
+	let { model: n, side: r, ...i } = e, a = N();
+	return (0, Z.jsx)(G, {
 		model: n,
 		ref: t,
 		propsFrame: { style: {
@@ -5270,24 +5270,24 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	display: "flex",
 	boxSizing: "border-box"
 }, Io = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let n, r, { mainElement: i, sidebarElement: a, position: o, persistKey: s, onPositionChange: c, className: l, style: u, taskSide: d = "right", ...f } = e, [p, m] = ie(s ?? null, Po), h = oe(), [g, { width: _ }] = fe(), v = _ > 530 || _ === 0, y = (0, X.useRef)(null), b = null, S = 4, C = 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", S = 13, C = 4);
-	let w, T = i, E = a, D = d !== "right", O = v ? "row" : "column", ee = D && E ? "before" : "after", k = `${O}:${ee}`, A = s ? p[k] : void 0, j = A == null ? ((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] = y(s ?? null, Po), h = N(), [g, { width: _ }] = de(), v = _ > 530 || _ === 0, b = (0, X.useRef)(null), x = null, S = 4, C = 13;
+	v ? x = "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" : (x = "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", S = 13, C = 4);
+	let w, T = i, D = a, O = d !== "right", ee = v ? "row" : "column", te = O && D ? "before" : "after", k = `${ee}:${te}`, A = s ? p[k] : void 0, j = A == null ? ((e, t) => {
 		if (e == null) return "40%";
 		if (typeof e == "number" || typeof e == "string") return e;
 		let n = e[t];
 		return n == null ? "40%" : `${n}%`;
-	})(o, k) : `${A}%`, M = s || c ? (e) => {
+	})(o, k) : `${A}%`, ne = s || c ? (e) => {
 		s && m((t) => ({
 			...t,
 			[k]: e.percent
 		})), c?.(e, {
-			orientation: O,
-			side: ee,
+			orientation: ee,
+			side: te,
 			key: k
 		});
 	} : void 0;
-	return D && E ? (T = a, E = i, r = { style: {
+	return O && D ? (T = a, D = i, r = { style: {
 		flexDirection: "column",
 		boxSizing: "border-box",
 		paddingRight: "2px"
@@ -5307,9 +5307,9 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		position: j,
 		minAfter: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
-	}), (0, Z.jsx)(x, {
+	}), (0, Z.jsx)(E, {
 		ref: Wt([
-			y,
+			b,
 			g,
 			t
 		]),
@@ -5320,25 +5320,25 @@ var Ao = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		} : Fo,
 		...f,
 		...w,
-		onPositionChange: M,
+		onPositionChange: ne,
 		propsResizer: {
-			className: L("styled-resizer", "_styled-resizer_fdl5y_3"),
+			className: R("styled-resizer", "_styled-resizer_fdl5y_3"),
 			style: {
 				minWidth: v ? "7px" : void 0,
 				minHeight: v ? void 0 : "6px",
-				maskImage: `url("data:image/svg+xml,%3Csvg width='${S}' height='${C}' viewBox='0 0 ${S} ${C}' version='1.1' fill='${h.palette.text.icon ?? h.palette.action.active}' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='${b}' /%3E%3C/svg%3E%0A")`,
+				maskImage: `url("data:image/svg+xml,%3Csvg width='${S}' height='${C}' viewBox='0 0 ${S} ${C}' version='1.1' fill='${h.palette.text.icon ?? h.palette.action.active}' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='${x}' /%3E%3C/svg%3E%0A")`,
 				maskRepeat: "no-repeat",
-				maskPosition: D ? v ? "center center" : "bottom center" : v ? "left center" : "top center"
+				maskPosition: O ? v ? "center center" : "bottom center" : v ? "left center" : "top center"
 			}
 		},
 		elementBefore: T,
 		propsPaneBefore: n,
-		elementAfter: E,
+		elementAfter: D,
 		propsPaneAfter: r
 	});
 }));
 Io.displayName = "StudioSplitPane";
-var Lo = B.BuiltInSelectorNames, Ro = {
+var Lo = V.BuiltInSelectorNames, Ro = {
 	[Lo.Whole]: "FormulaMathTrig",
 	[Lo.Number]: "IncreaseDecimal",
 	[Lo.List]: "Menu",
@@ -5350,8 +5350,8 @@ var Lo = B.BuiltInSelectorNames, Ro = {
 	let t = e.getCondition();
 	if (!t) return "DataValidation";
 	let n = t.toJSON();
-	return n.operator === B.BuiltInOperatorNames.Expression ? "FormulaCustom" : typeof n.selector == "string" && Ro[n.selector] || "DataValidation";
-}, Bo = (0, X.memo)(({ dataValidation: e, size: t = 28 }) => (Ge(e, "onAnyChange"), (0, Z.jsx)(qt, {
+	return n.operator === V.BuiltInOperatorNames.Expression ? "FormulaCustom" : typeof n.selector == "string" && Ro[n.selector] || "DataValidation";
+}, Bo = (0, X.memo)(({ dataValidation: e, size: t = 28 }) => (We(e, "onAnyChange"), (0, Z.jsx)(qt, {
 	className: "sxl-dv-icon",
 	sx: {
 		width: "auto",
@@ -5369,8 +5369,8 @@ var Vo = (e, t) => {
 	let n = e.getCondition();
 	if (!n) return t("dataValidation.anyValue");
 	let r = n.toJSON();
-	if (r.operator === B.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
-	if (r.selector === B.BuiltInSelectorNames.List && r.operator === B.BuiltInOperatorNames.InSet) {
+	if (r.operator === V.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
+	if (r.selector === V.BuiltInSelectorNames.List && r.operator === V.BuiltInOperatorNames.InSet) {
 		let e = r.param?.items, n = Array.isArray(e) ? e.map((e) => String(e ?? "")) : typeof e == "string" ? ((e) => e.length < 2 || !e.startsWith("\"") || !e.endsWith("\"") ? null : e.slice(1, -1).replace(/""/g, "\"").split(",").map((e) => e.trimStart()))(e) : null;
 		if (n) return t("dataValidation.titleList", {
 			items: n.slice(0, 3).join(", "),
@@ -5380,13 +5380,13 @@ var Vo = (e, t) => {
 	}
 	return n.toString();
 }, Ho = {
-	[ge.AlertStyle.Stop]: "ValidationStop",
-	[ge.AlertStyle.Warning]: "ValidationWarning",
-	[ge.AlertStyle.Information]: "ValidationInformation"
+	[_e.AlertStyle.Stop]: "ValidationStop",
+	[_e.AlertStyle.Warning]: "ValidationWarning",
+	[_e.AlertStyle.Information]: "ValidationInformation"
 }, Uo = {
-	[ge.AlertStyle.Stop]: i("dataValidation.alertStop"),
-	[ge.AlertStyle.Warning]: i("dataValidation.alertWarning"),
-	[ge.AlertStyle.Information]: i("dataValidation.alertInformation")
+	[_e.AlertStyle.Stop]: f("dataValidation.alertStop"),
+	[_e.AlertStyle.Warning]: f("dataValidation.alertWarning"),
+	[_e.AlertStyle.Information]: f("dataValidation.alertInformation")
 }, Wo = ({ checked: e, onCheckedChange: t, label: n, readOnly: r, children: i }) => (0, Z.jsxs)(Et, {
 	expanded: e,
 	onChange: (e, n) => {
@@ -5438,8 +5438,8 @@ var Vo = (e, t) => {
 		children: i
 	})]
 }), Go = (0, X.memo)((e) => {
-	let { dataValidation: t } = e, n = M();
-	Ge(t, "onAnyChange");
+	let { dataValidation: t } = e, n = C();
+	We(t, "onAnyChange");
 	let r = t.isProtected(), i = t.getRenderHints().includes("list"), a = (0, Z.jsxs)(st, {
 		tabIndex: 0,
 		className: Qt["editor-panel"],
@@ -5454,7 +5454,7 @@ var Vo = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Z.jsxs)(F, {
+			(0, Z.jsxs)(I, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -5462,7 +5462,7 @@ var Vo = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Z.jsxs)(F, {
+				children: [(0, Z.jsxs)(I, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -5498,7 +5498,7 @@ var Vo = (e, t) => {
 					t.setCondition(n);
 				}
 			}),
-			i && (0, Z.jsx)(F, {
+			i && (0, Z.jsx)(I, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -5557,7 +5557,7 @@ var Vo = (e, t) => {
 							value: t.getAlertStyle(),
 							label: n("dataValidation.alertStyle"),
 							onChange: (e) => t.setAlertStyle(e.target.value),
-							renderValue: (e) => (0, Z.jsxs)(F, {
+							renderValue: (e) => (0, Z.jsxs)(I, {
 								sx: {
 									display: "flex",
 									alignItems: "center",
@@ -5612,7 +5612,7 @@ var Vo = (e, t) => {
 	});
 });
 Go.displayName = "DataValidationEditorPanel";
-var Ko = ({ children: e }) => (0, Z.jsx)(F, {
+var Ko = ({ children: e }) => (0, Z.jsx)(I, {
 	sx: {
 		display: "inline-flex",
 		alignItems: "center",
@@ -5628,10 +5628,10 @@ var Ko = ({ children: e }) => (0, Z.jsx)(F, {
 		children: e
 	})
 }), qo = (0, X.memo)(({ item: e }) => {
-	let t = M();
-	Ge(e, "onAnyChange");
+	let t = C();
+	We(e, "onAnyChange");
 	let n = [];
-	return e.isShowPromptMessage() && e.getPromptTitle() && n.push(t("dataValidation.promptPrefix", { title: e.getPromptTitle() })), e.getCondition() && (e.isShowAlertMessage() ? e.getAlertStyle() === ge.AlertStyle.Warning ? n.push(t("dataValidation.alertWarning")) : e.getAlertStyle() === ge.AlertStyle.Information && n.push(t("dataValidation.alertInformation")) : n.push(t("dataValidation.badgeNoAlert"))), e.isHideDropdown() && e.getRenderHints().includes("list") && n.push(t("dataValidation.badgeDropdownHidden")), n.length === 0 ? null : (0, Z.jsx)(F, {
+	return e.isShowPromptMessage() && e.getPromptTitle() && n.push(t("dataValidation.promptPrefix", { title: e.getPromptTitle() })), e.getCondition() && (e.isShowAlertMessage() ? e.getAlertStyle() === _e.AlertStyle.Warning ? n.push(t("dataValidation.alertWarning")) : e.getAlertStyle() === _e.AlertStyle.Information && n.push(t("dataValidation.alertInformation")) : n.push(t("dataValidation.badgeNoAlert"))), e.isHideDropdown() && e.getRenderHints().includes("list") && n.push(t("dataValidation.badgeDropdownHidden")), n.length === 0 ? null : (0, Z.jsx)(I, {
 		sx: {
 			display: "flex",
 			flexWrap: "wrap",
@@ -5643,25 +5643,25 @@ var Ko = ({ children: e }) => (0, Z.jsx)(F, {
 qo.displayName = "DataValidationCardBody";
 var Jo = (0, X.memo)(({ item: e }) => (0, Z.jsx)(It, {
 	item: e,
-	label: M()("dataValidation.applyTo"),
+	label: C()("dataValidation.applyTo"),
 	helperText: null
 }));
 Jo.displayName = "DataValidationCardRanges";
 var Yo = {
 	key: "data-validation",
 	messageKeys: {
-		none: i("dataValidation.none"),
-		addPrompt: i("dataValidation.addPrompt"),
-		heading: i("dataValidation.heading"),
-		insert: i("dataValidation.insert"),
-		new: i("dataValidation.new"),
-		moveUp: i("dataValidation.moveUp"),
-		moveDown: i("dataValidation.moveDown"),
-		edit: i("dataValidation.edit"),
-		duplicate: i("dataValidation.duplicate"),
-		delete: i("dataValidation.delete"),
-		cancel: i("dataValidation.cancel"),
-		save: i("dataValidation.save")
+		none: f("dataValidation.none"),
+		addPrompt: f("dataValidation.addPrompt"),
+		heading: f("dataValidation.heading"),
+		insert: f("dataValidation.insert"),
+		new: f("dataValidation.new"),
+		moveUp: f("dataValidation.moveUp"),
+		moveDown: f("dataValidation.moveDown"),
+		edit: f("dataValidation.edit"),
+		duplicate: f("dataValidation.duplicate"),
+		delete: f("dataValidation.delete"),
+		cancel: f("dataValidation.cancel"),
+		save: f("dataValidation.save")
 	},
 	getCollection: (e) => e.getDataValidations(),
 	changeEvents: ["onDataValidationsChange"],
@@ -5671,7 +5671,7 @@ var Yo = {
 	},
 	applyNewDefaults: (e) => {
 		e.update({
-			alertStyle: ge.AlertStyle.Stop,
+			alertStyle: _e.AlertStyle.Stop,
 			showAlertMessage: !0
 		});
 	},
@@ -5697,7 +5697,7 @@ var Yo = {
 		...i
 	});
 }));
-Xo.displayName = "DataValidationDetailsPanel", cn(), h.register("plugin-table", { icons: {} }), et.registerTaskPane({
+Xo.displayName = "DataValidationDetailsPanel", cn(), h.register("plugin-table", { icons: {} }), $e.registerTaskPane({
 	key: "dataValidationDetails",
 	getTitle: () => "Data Validation",
 	getIcon: () => "DataValidation",
@@ -5710,7 +5710,7 @@ Xo.displayName = "DataValidationDetailsPanel", cn(), h.register("plugin-table",
 			...o
 		});
 	}
-}, !0), et.registerTaskPane({
+}, !0), $e.registerTaskPane({
 	key: "conditionalFormatDetails",
 	getTitle: () => "Conditional Formatting",
 	getIcon: () => "FormatPaint",
@@ -5741,96 +5741,96 @@ var Zo = () => {
 }, Qo = (e, t) => {
 	if (!e) return {};
 	let { colorSchemes: n, ...r } = e, i = n?.[t ? "dark" : "light"];
-	return i && typeof i == "object" ? s.deepMerge(r, i) : r;
+	return i && typeof i == "object" ? o.deepMerge(r, i) : r;
 }, $o = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { host: n, scopeClass: r, square: i, elevation: a, variant: c, onWorkbookLoad: l, onDocumentError: u, renderDocumentError: d = nn, propsDocumentError: f, propsTaskPaneArea: p, renderTaskPaneArea: v = es, taskPaneSide: y = "right", onKeyDown: b, workbook: x, onWorkbookChange: S, logo: C, topLeft: T, topRight: E, muiTheme: D, tokens: O, cssBaseline: k, autoFocus: j = !1, title: M, onDirtyChange: te, propsDocumentTitle: ne, renderDocumentLoading: N = fn, propsDocumentLoading: re, propsWorkbook: ae, showFormulaBar: P, propsFormulaBar: oe, renderFormulaBar: se, editable: ue, showStatusBar: de, propsStatusBar: L, renderStatusBar: fe, propsToolbar: pe, renderToolbar: me } = e, R = (0, X.useRef)(null), he = (0, X.useRef)(null), z = (0, X.useRef)(null), ge = A(() => {
-		z.current?.getNamedCollectionEditorElement?.()?.focus?.();
-	}, []), _e = A(u ?? (() => {}), [u]), ve = A(te ?? (() => {}), [te]), ye = ne?.placeHolder, [B] = ie(Fe.Mode, void 0), { themeMode: be } = _({ mode: B ?? void 0 }), [xe] = ie(w.Active, null), Se = (0, X.useRef)(xe);
-	Se.current = xe;
-	let Ce = g(), we = (0, X.useMemo)(() => ({
-		light: ht(!1, s.deepMerge(Qo(D, !1), Nt(Ce?.light))),
-		dark: ht(!0, s.deepMerge(Qo(D, !0), Nt(Ce?.dark)))
+	let { host: n, scopeClass: r, square: a, elevation: s, variant: c, onWorkbookLoad: l, onDocumentError: u, renderDocumentError: d = nn, propsDocumentError: f, propsTaskPaneArea: p, renderTaskPaneArea: _ = es, taskPaneSide: v = "right", onKeyDown: x, workbook: C, onWorkbookChange: w, logo: E, topLeft: ee, topRight: te, muiTheme: k, tokens: j, cssBaseline: ne, autoFocus: re = !1, title: M, onDirtyChange: ie, propsDocumentTitle: N, renderDocumentLoading: ae = fn, propsDocumentLoading: P, propsWorkbook: F, showFormulaBar: oe, propsFormulaBar: se, renderFormulaBar: le, editable: L, showStatusBar: ue, propsStatusBar: R, renderStatusBar: de, propsToolbar: fe, renderToolbar: pe } = e, z = (0, X.useRef)(null), me = (0, X.useRef)(null), he = (0, X.useRef)(null), B = D(() => {
+		he.current?.getNamedCollectionEditorElement?.()?.focus?.();
+	}, []), ge = D(u ?? (() => {}), [u]), V = D(ie ?? (() => {}), [ie]), _e = N?.placeHolder, [ve] = y(Pe.Mode, void 0), { themeMode: ye } = T({ mode: ve ?? void 0 }), [be] = y(g.Active, null), xe = (0, X.useRef)(be);
+	xe.current = be;
+	let Se = b(), Ce = (0, X.useMemo)(() => ({
+		light: ht(!1, o.deepMerge(Qo(k, !1), Nt(Se?.light))),
+		dark: ht(!0, o.deepMerge(Qo(k, !0), Nt(Se?.dark)))
 	}), [
-		D,
-		Ce?.light,
-		Ce?.dark
-	]), De = be === "dark", Oe = (0, X.useMemo)(() => mn(we.light, we.dark, `.${r}`, O), [
-		we,
+		k,
+		Se?.light,
+		Se?.dark
+	]), Ee = ye === "dark", De = (0, X.useMemo)(() => mn(Ce.light, Ce.dark, `.${r}`, j), [
+		Ce,
 		r,
-		O
-	]), Me = (0, X.useMemo)(() => ke("sxl-defaults", `.${r}`), [r]), Pe = Be(), [Ie, Le] = (0, X.useState)(() => x ?? null);
+		j
+	]), je = (0, X.useMemo)(() => Oe("sxl-defaults", `.${r}`), [r]), Ne = ze(), [Fe, Ie] = (0, X.useState)(() => C ?? null);
 	(0, X.useEffect)(() => {
-		Le(x ?? null);
-	}, [x]);
-	let [ze, Ve] = (0, X.useState)(0), He = (0, X.useRef)(null);
-	He.current ||= Zo();
-	let H = Ne(Ie, {
-		io: V,
-		defaultTheme: Pe.getDefaultTheme(),
-		reloadKey: ze
-	}), We = H.status === "loaded" ? H.workbook : null, U = (0, X.useMemo)(() => H.status === "error" ? {
+		Ie(C ?? null);
+	}, [C]);
+	let [Re, Be] = (0, X.useState)(0), Ve = (0, X.useRef)(null);
+	Ve.current ||= Zo();
+	let U = Me(Fe, {
+		io: H,
+		defaultTheme: Ne.getDefaultTheme(),
+		reloadKey: Re
+	}), Ue = U.status === "loaded" ? U.workbook : null, W = (0, X.useMemo)(() => U.status === "error" ? {
 		status: "error",
-		error: H.error
-	} : H.status === "loaded" ? {
+		error: U.error
+	} : U.status === "loaded" ? {
 		status: "loaded",
-		workbook: H.workbook
-	} : { status: "loading" }, [H]);
+		workbook: U.workbook
+	} : { status: "loading" }, [U]);
 	(0, X.useEffect)(() => {
-		He.current.settled && (He.current = Zo());
-	}, [Ie, ze]), (0, X.useEffect)(() => {
-		U.status === "loaded" ? He.current.resolve(U.workbook) : U.status === "error" && (_e?.(U.error), He.current.reject(U.error));
-	}, [U]);
-	let [W, Ke] = (0, X.useState)(null);
-	We && !W && Ke(We);
-	let qe = We && W && We !== W ? We : null, Je = (0, X.useRef)(qe);
-	Je.current = qe;
-	let Xe = (0, X.useRef)(W);
-	Xe.current = W;
-	let Qe = (0, X.useRef)([]), $e = (0, X.useCallback)((e) => {
-		let t = Xe.current;
-		t && Qe.current.push(t), Le(e);
+		Ve.current.settled && (Ve.current = Zo());
+	}, [Fe, Re]), (0, X.useEffect)(() => {
+		W.status === "loaded" ? Ve.current.resolve(W.workbook) : W.status === "error" && (ge?.(W.error), Ve.current.reject(W.error));
+	}, [W]);
+	let [G, Ge] = (0, X.useState)(null);
+	Ue && !G && Ge(Ue);
+	let Ke = Ue && G && Ue !== G ? Ue : null, qe = (0, X.useRef)(Ke);
+	qe.current = Ke;
+	let Ye = (0, X.useRef)(G);
+	Ye.current = G;
+	let Ze = (0, X.useRef)([]), Qe = (0, X.useCallback)((e) => {
+		let t = Ye.current;
+		t && Ze.current.push(t), Ie(e);
 	}, []);
 	(0, X.useEffect)(() => {
-		let e = Qe.current;
+		let e = Ze.current;
 		if (e.length !== 0) {
-			Qe.current = e.filter((e) => e === W);
+			Ze.current = e.filter((e) => e === G);
 			for (let t = 0; t < e.length; t++) {
 				let n = e[t];
-				if (n !== W) try {
+				if (n !== G) try {
 					n.close();
 				} catch (e) {
 					console.warn("Unable to close the replaced workbook", e);
 				}
 			}
 		}
-	}, [W]);
-	let et = ue ? null : W, nt = Ue(), rt = (0, X.useMemo)(() => et ? je(et.getSelectedSheet(), { referenceMode: nt }) : null, [et, nt]), G = ue ?? rt, it = (0, X.useRef)(G);
-	it.current = G, (0, X.useEffect)(() => {
-		if (!G) return;
-		let e = G.getSession();
-		return G.subscribe(() => {
+	}, [G]);
+	let $e = L ? null : G, tt = He(), nt = (0, X.useMemo)(() => $e ? Ae($e.getSelectedSheet(), { referenceMode: tt }) : null, [$e, tt]), rt = L ?? nt, it = (0, X.useRef)(rt);
+	it.current = rt, (0, X.useEffect)(() => {
+		if (!rt) return;
+		let e = rt.getSession();
+		return rt.subscribe(() => {
 			let t = e;
-			e = G.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && z.current?.contains?.(document.activeElement) && R.current?.focus();
+			e = rt.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && he.current?.contains?.(document.activeElement) && z.current?.focus();
 		});
-	}, [G]);
-	let K = Ze(W), { isDirty: at, saveState: ot } = Te(W, V), ct = Ye(W), lt = (0, X.useRef)(ot), ut = (0, X.useRef)(null);
+	}, [rt]);
+	let K = Xe(G), { isDirty: at, saveState: ot } = we(G, H), ct = Je(G), lt = (0, X.useRef)(ot), ut = (0, X.useRef)(null);
 	lt.current = ot;
-	let dt = (0, X.useCallback)(() => lt.current?.isDirty() ?? !1, []), ft = (0, X.useRef)(U);
-	ft.current = U;
-	let [pt, mt] = (0, X.useState)(null), gt = M ?? ne?.title, [_t, vt] = (0, X.useState)(null);
+	let dt = (0, X.useCallback)(() => lt.current?.isDirty() ?? !1, []), ft = (0, X.useRef)(W);
+	ft.current = W;
+	let [pt, mt] = (0, X.useState)(null), gt = M ?? N?.title, [_t, vt] = (0, X.useState)(null);
 	(0, X.useEffect)(() => {
 		vt(null);
-	}, [W]);
+	}, [G]);
 	let yt = gt ?? _t ?? K ?? "";
 	(0, X.useEffect)(() => {
-		ve?.(at);
+		V?.(at);
 	}, [at]);
-	let bt = A(S ?? (() => {}), [S]);
+	let bt = D(w ?? (() => {}), [w]);
 	(0, X.useEffect)(() => {
-		bt?.(We);
-	}, [We]);
-	let xt = (0, X.useRef)(We);
-	xt.current = We, Ge(W, "onViewChange");
+		bt?.(Ue);
+	}, [Ue]);
+	let xt = (0, X.useRef)(Ue);
+	xt.current = Ue, We(G, "onViewChange");
 	let q = (0, X.useMemo)(() => (0, Z.jsx)(bn, {
 		groupKey: "helpOptions",
 		disableHover: !0,
@@ -5846,47 +5846,47 @@ var Zo = () => {
 	}, []);
 	let Tt = (0, X.useRef)(null);
 	Tt.current ||= Zo();
-	let J = (0, X.useRef)(null), Et = (0, X.useCallback)(() => J.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? Tt.current.promise, []), Dt = A(async (e) => {
-		let t = Se.current;
-		t && t !== o.getActive() && await o.setActive(t), await ee.DefaultCommandCatalogService.prefetch(t ?? void 0), mt(e), J.current = e.source, Tt.current.settled || Tt.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), l?.(e);
+	let J = (0, X.useRef)(null), Et = (0, X.useCallback)(() => J.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? Tt.current.promise, []), Dt = D(async (e) => {
+		let t = xe.current;
+		t && t !== i.getActive() && await i.setActive(t), await S.DefaultCommandCatalogService.prefetch(t ?? void 0), mt(e), J.current = e.source, Tt.current.settled || Tt.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), l?.(e);
 	}, []), Ot = (0, X.useRef)(null), kt = (0, X.useCallback)((e) => {
 		let t = null, n = {
 			readOnly: !0,
-			...ne
+			...N
 		};
-		return ne?.hidden || (t = (0, Z.jsx)(ln, {
+		return N?.hidden || (t = (0, Z.jsx)(ln, {
 			...n,
 			style: {
 				maxWidth: "100%",
-				...ne?.style
+				...N?.style
 			},
-			workbook: e.workbook ?? R.current,
+			workbook: e.workbook ?? z.current,
 			ref: Ot,
 			title: yt,
 			modified: at,
 			encrypted: ct,
-			placeHolder: ye,
+			placeHolder: _e,
 			onTitleChange: (e) => {
-				vt(e), ne?.onTitleChange?.(e);
+				vt(e), N?.onTitleChange?.(e);
 			}
 		})), (0, Z.jsx)(yo, {
 			...e,
-			logo: C,
+			logo: E,
 			mainElement: t,
-			startElement: T,
-			endElement: E
+			startElement: ee,
+			endElement: te
 		});
 	}, [
-		C,
+		E,
 		yt,
 		at,
 		ct,
-		ne,
-		T,
-		E
+		N,
+		ee,
+		te
 	]);
 	(0, X.useEffect)(() => {
-		let e = R.current;
+		let e = z.current;
 		if (!e) return;
 		let t = (e) => e.preventDefault();
 		return e.addEventListener("wheel", t, { passive: !1 }), () => {
@@ -5910,55 +5910,55 @@ var Zo = () => {
 			whiteSpace: "pre-wrap"
 		},
 		"*": { userSelect: "none" }
-	}), []), [Pt, Ft] = (0, X.useState)(null), [, It] = ie(null, !1);
+	}), []), [Pt, Ft] = (0, X.useState)(null), [, It] = y(null, !1);
 	(0, X.useEffect)(() => {
 		It(Pt != null);
 	}, [Pt, It]);
-	let Lt = (0, X.useCallback)((e) => v({
-		model: W,
-		side: y,
+	let Lt = (0, X.useCallback)((e) => _({
+		model: G,
+		side: v,
 		...e,
 		...p
 	}), [
-		W,
-		y,
+		G,
+		v,
 		p
 	]), Rt = (0, X.useRef)(n);
-	Rt.current = n, I(t, () => ({
+	Rt.current = n, ce(t, () => ({
 		isStudioElement: () => !0,
 		save: (e) => {
 			let t = ut.current;
 			return t ? t(e) : Promise.reject(Error("The studio cannot save: no workbook, or the backing store cannot write."));
 		},
-		getWorkbookElement: () => R.current,
+		getWorkbookElement: () => z.current,
 		getWorkbook: () => xt.current ?? null,
 		isDirty: () => lt.current?.isDirty() ?? !1,
 		getEditable: () => it.current,
-		getFormulaBarElement: () => z.current ?? null,
-		focus: () => R.current?.focus(),
-		whenReady: () => (He.current ||= Zo(), He.current.promise),
+		getFormulaBarElement: () => he.current ?? null,
+		focus: () => z.current?.focus(),
+		whenReady: () => (Ve.current ||= Zo(), Ve.current.promise),
 		getWorkbookState: () => ft.current,
-		retry: () => Ve((e) => e + 1)
+		retry: () => Be((e) => e + 1)
 	}), [], n);
-	let zt = (0, X.useRef)(!1), Bt = A((e, t) => {
-		t === Je.current && requestAnimationFrame(() => requestAnimationFrame(() => {
-			t === Je.current && (zt.current = Rt.current?.contains(document.activeElement) ?? !0, Ke(t), Dt(e));
+	let zt = (0, X.useRef)(!1), Bt = D((e, t) => {
+		t === qe.current && requestAnimationFrame(() => requestAnimationFrame(() => {
+			t === qe.current && (zt.current = Rt.current?.contains(document.activeElement) ?? !0, Ge(t), Dt(e));
 		}));
 	}, []);
 	(0, X.useEffect)(() => {
-		zt.current && (zt.current = !1, R.current?.focus());
-	}, [W]);
+		zt.current && (zt.current = !1, z.current?.focus());
+	}, [G]);
 	let Vt = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), Ht = (0, X.useCallback)((e) => {
-		let { ref: t, ...n } = e, r = De ? we.dark : we.light, o = U.status === "error" ? d({
+		let { ref: t, ...n } = e, r = Ee ? Ce.dark : Ce.light, i = W.status === "error" ? d({
 			...f,
 			style: {
 				width: "100%",
 				height: "100%",
 				...f?.style
 			},
-			error: U.error
+			error: W.error
 		}) : null;
-		if (o && !W) return (0, Z.jsx)(st, {
+		if (i && !G) return (0, Z.jsx)(st, {
 			style: {
 				width: "100%",
 				height: "100%",
@@ -5967,15 +5967,15 @@ var Zo = () => {
 				alignItems: "stretch",
 				justifyContent: "stretch"
 			},
-			children: o
+			children: i
 		});
-		let s = null;
-		if (W) {
-			let e = W, i = e.getView(), a = P ?? i?.isShowFormulaBar(), o = de ?? i?.isShowStatusBar(), c = pt?.source ?? R.current, l = (me ?? kt)({
+		let o = null;
+		if (G) {
+			let e = G, i = e.getView(), a = oe ?? i?.isShowFormulaBar(), s = ue ?? i?.isShowStatusBar(), c = pt?.source ?? z.current, l = (pe ?? kt)({
 				workbook: c,
-				...pe
-			}), u = a ? (se ?? Xt)({
-				ref: z,
+				...fe
+			}), u = a ? (le ?? Xt)({
+				ref: he,
 				style: {
 					marginTop: r.spacing(.25),
 					marginLeft: r.spacing(1),
@@ -5983,50 +5983,50 @@ var Zo = () => {
 					marginBottom: r.spacing(.75)
 				},
 				workbook: e,
-				editable: G ?? void 0,
-				...oe,
+				editable: rt ?? void 0,
+				...se,
 				propsNamedCollectionEditor: {
 					restoreFocus: (e) => c?.focus(e),
-					...oe?.propsNamedCollectionEditor
+					...se?.propsNamedCollectionEditor
 				}
-			}) : null, d = o ? (fe ?? Yt)({
+			}) : null, d = s ? (de ?? Yt)({
 				childrenEnd: q,
-				...L
+				...R
 			}) : null, f = (e, r) => (0, Z.jsx)(sn, {
-				...ae,
+				...F,
 				tabIndex: 0,
-				autoFocus: !r && j,
+				autoFocus: !r && re,
 				workbook: e,
-				editable: r ? void 0 : G ?? void 0,
-				focusNameBox: r ? void 0 : ge,
-				ref: r ? he : Wt([t, R]),
+				editable: r ? void 0 : rt ?? void 0,
+				focusNameBox: r ? void 0 : B,
+				ref: r ? me : Wt([t, z]),
 				onWorkbookLoad: r ? (t) => Bt(t, e) : Dt,
 				onKeyDown: (e) => {
-					b?.(e);
+					x?.(e);
 				},
-				propsWorkbookLoading: re,
+				propsWorkbookLoading: P,
 				renderWorkbookLoading: Vt,
 				style: r ? {
-					...ae?.style,
+					...F?.style,
 					position: "absolute",
 					inset: 0,
 					visibility: "hidden"
 				} : {
 					flex: "1 1 100%",
 					minHeight: 0,
-					...ae?.style
+					...F?.style
 				},
 				onContextMenu: (e) => e.preventDefault(),
 				...r ? null : n
 			}, e.getId());
-			s = (0, Z.jsxs)("div", {
+			o = (0, Z.jsxs)("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					flex: "1 1 100%",
 					minWidth: 0,
 					minHeight: 0,
-					...Ee({
+					...Te({
 						window: r.palette.background.default,
 						windowText: r.palette.text.primary
 					})
@@ -6035,9 +6035,9 @@ var Zo = () => {
 					l,
 					u,
 					(0, Z.jsx)(Io, {
-						taskSide: y,
+						taskSide: v,
 						persistKey: "taskPanePosition",
-						sidebarElement: Pt ? (0, Z.jsx)(ee.CommandScopeProvider, {
+						sidebarElement: Pt ? (0, Z.jsx)(S.CommandScopeProvider, {
 							scope: At,
 							children: Pt
 						}) : void 0,
@@ -6050,7 +6050,7 @@ var Zo = () => {
 								minWidth: 0,
 								minHeight: 0
 							},
-							children: [[f(W, !1), qe ? f(qe, !0) : null], (0, Z.jsx)(F, {
+							children: [[f(G, !1), Ke ? f(Ke, !0) : null], (0, Z.jsx)(I, {
 								ref: wt,
 								sx: {
 									position: "absolute",
@@ -6068,7 +6068,7 @@ var Zo = () => {
 				]
 			});
 		}
-		let l = pt ? null : N({ ...re });
+		let l = pt ? null : ae({ ...P });
 		return (0, Z.jsxs)(st, {
 			sx: Mt,
 			style: {
@@ -6081,12 +6081,12 @@ var Zo = () => {
 				backgroundColor: "var(--sxl-color-base-200)"
 			},
 			className: "eager-studio",
-			square: i,
-			elevation: a,
+			square: a,
+			elevation: s,
 			variant: c,
 			children: [
-				s,
-				o ? (0, Z.jsx)(st, {
+				o,
+				i ? (0, Z.jsx)(st, {
 					style: {
 						position: "absolute",
 						inset: 0,
@@ -6094,7 +6094,7 @@ var Zo = () => {
 						alignItems: "stretch",
 						justifyContent: "stretch"
 					},
-					children: o
+					children: i
 				}) : null,
 				l ? (0, Z.jsx)("div", {
 					style: {
@@ -6103,24 +6103,24 @@ var Zo = () => {
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "center",
-						background: `var(--sxl-color-base-100, ${De ? "#121212" : "#fff"})`
+						background: `var(--sxl-color-base-100, ${Ee ? "#121212" : "#fff"})`
 					},
 					children: l
 				}) : null
 			]
 		});
 	}, [
-		U,
 		W,
-		qe,
+		G,
+		Ke,
 		pt,
 		yt,
-		N,
-		re,
-		Vt,
 		ae,
-		i,
+		P,
+		Vt,
+		F,
 		a,
+		s,
 		c,
 		q,
 		d,
@@ -6128,19 +6128,19 @@ var Zo = () => {
 		kt,
 		Mt,
 		Pt,
-		y,
+		v,
 		At,
-		P,
 		oe,
 		se,
-		G,
+		le,
+		rt,
+		ue,
+		R,
 		de,
-		L,
 		fe,
 		pe,
-		me,
-		we,
-		De
+		Ce,
+		Ee
 	]), Ut = (0, Z.jsx)(mo, {
 		maxSnack: 3,
 		domRoot: St ?? void 0,
@@ -6150,11 +6150,11 @@ var Zo = () => {
 		},
 		autoHideDuration: 3500,
 		onClose: (e, t, n) => {
-			R.current?.focus();
+			z.current?.focus();
 		},
 		Components: { error: _o },
 		iconVariant: {
-			success: (0, Z.jsx)(tt, {
+			success: (0, Z.jsx)(et, {
 				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" })
 			}),
@@ -6163,18 +6163,18 @@ var Zo = () => {
 				style: { marginRight: "8px" }
 			})
 		},
-		children: (0, Z.jsx)(Re, {
-			workbook: W,
-			children: (0, Z.jsx)(Ae, {
+		children: (0, Z.jsx)(Le, {
+			workbook: G,
+			children: (0, Z.jsx)(ke, {
 				renderArea: Lt,
 				onUpdateArea: (e) => {
 					Ft(e);
 				},
-				children: (0, Z.jsx)(Fn, { children: (0, Z.jsx)(ko, { children: (0, Z.jsx)(ce, { children: (0, Z.jsx)(le, { children: (0, Z.jsx)(Eo, {
-					workbook: W,
+				children: (0, Z.jsx)(Fn, { children: (0, Z.jsx)(ko, { children: (0, Z.jsx)(A, { children: (0, Z.jsx)(O, { children: (0, Z.jsx)(Eo, {
+					workbook: G,
 					initialCommandAnchor: Et,
 					renderWorkbook: Ht,
-					setWorkbook: $e,
+					setWorkbook: Qe,
 					titleWorkbook: yt,
 					setWorkbookTitle: vt,
 					refDocumentTitle: Ot,
@@ -6185,15 +6185,15 @@ var Zo = () => {
 		})
 	});
 	return Ut = (0, Z.jsxs)(or, {
-		theme: De ? we.dark : we.light,
+		theme: Ee ? Ce.dark : Ce.light,
 		children: [
-			k ? (0, Z.jsx)(Sr, {}) : null,
-			(0, Z.jsx)("style", { children: Oe }),
-			(0, Z.jsx)("style", { children: Me }),
+			ne ? (0, Z.jsx)(Sr, {}) : null,
+			(0, Z.jsx)("style", { children: De }),
+			(0, Z.jsx)("style", { children: je }),
 			(0, Z.jsx)(xn, {
 				themeScopeClass: r,
 				themeSurface: "app",
-				themeMode: be,
+				themeMode: ye,
 				children: Ut
 			})
 		]